.metacognition-section{padding:46px 0;background:#eee5ea;border-bottom:1px solid #d8c6ce}.metacognition-section>.wrap{display:flex;align-items:center;justify-content:space-between;gap:32px}.metacognition-section h2{font:500 clamp(26px,3vw,40px)/1.35 var(--serif);margin:9px 0 12px;letter-spacing:-1px}.metacognition-section p{font:14px/1.8 var(--sans);color:#795f69}.metacognition-section .button{white-space:nowrap;font-size:13px}.metacognition-section .eyebrow{font-size:10px;letter-spacing:1.6px}.site-header nav{flex-wrap:wrap}.home.en-page .site-header nav{gap:22px}
.training-page{--sans:Arial,'PingFang SC','Microsoft YaHei',sans-serif;--serif:Georgia,'Songti SC',serif}.training-page .site-header{position:relative}.training-page .header-inner{min-height:88px}.training-page .brand{font-size:30px}.training-page .wrap{width:min(1100px,calc(100% - 80px))}.training-main{padding-top:40px}.training-intro{max-width:790px;padding:28px 0 40px}.training-intro .eyebrow{font-size:10px;letter-spacing:2px}.training-tag{font:12px/1.7 var(--sans);color:#8b6c76;margin-top:14px}.training-intro h1{font:500 clamp(42px,5.5vw,72px)/1.18 var(--serif);letter-spacing:-2px;margin:20px 0 25px}.training-intro>p:last-child{font:16px/1.9 var(--sans);color:#7d686d;max-width:650px}.training-picker{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:26px}.training-picker button{font:13px/1.6 var(--sans);padding:12px 18px;border:1px solid #d3c0be;background:#fff9ee;color:#694855;border-radius:30px;cursor:pointer}.training-picker button[aria-pressed=true]{background:#4d2030;color:#fff6e9;border-color:#4d2030}.training-question{display:flex;gap:24px;align-items:start;justify-content:space-between;padding:30px;border:1px solid #d5c3cf;border-radius:13px;background:#eee4ee;margin-bottom:25px}.training-question h2{font:500 clamp(24px,2.6vw,33px)/1.45 var(--serif);margin:12px 0}.training-question p{font:14px/1.8 var(--sans);color:#7a6470}.training-question>button{white-space:nowrap;font-size:11px;margin-top:7px}.training-question #training-state{font:11px/1.6 var(--sans);color:#795a6a;background:#fffbf3;padding:6px 11px;border-radius:20px;display:inline-block}.training-step{background:#fffaf1;border:1px solid #ddcfc1;border-radius:13px;padding:32px;margin-bottom:20px}.training-step-heading{display:flex;gap:19px;align-items:start;margin-bottom:28px}.training-step-heading>span{font:italic 30px/1.2 Georgia,serif;color:#b0909d}.training-step h2{font:500 27px/1.4 var(--serif);margin:0 0 7px}.training-step-heading p{font:13px/1.8 var(--sans);color:#816d71}.training-label,.confidence-set legend{font:500 14px/1.8 var(--sans);display:block;margin:18px 0 10px}.training-step textarea{display:block;width:100%;min-height:105px;padding:15px;border:1px solid #cbbcb1;border-radius:7px;color:#4d2030;background:#fffdf7;font:14px/1.8 var(--sans);resize:vertical}.training-step select{padding:12px;width:100%;font:14px/1.6 var(--sans);border:1px solid #cbbcb1;border-radius:7px;color:#4d2030;background:#fffdf7}.training-step fieldset{padding:0;border:0;min-width:0;margin:0 0 20px}.confidence-set>div{display:flex;gap:10px;flex-wrap:wrap}.confidence-set label{position:relative;cursor:pointer}.confidence-set input{position:absolute;opacity:0}.confidence-set span{display:block;border:1px solid #cdbfb5;border-radius:8px;padding:11px 21px;background:#faf5e9;font:14px/1.5 var(--sans)}.confidence-set input:checked+span{background:#e2d4e6;border-color:#9d7b9f;color:#4d2030}.confidence-set input:focus-visible+span{outline:2px solid #4d2030;outline-offset:3px}.training-options label{display:flex;align-items:start;gap:12px;margin:10px 0;padding:14px;background:#f7f0e4;border:1px solid #d8cabd;border-radius:8px;cursor:pointer;font:14px/1.7 var(--sans)}.training-options input{flex-shrink:0;margin-top:6px;accent-color:#4d2030;width:16px;height:16px}.training-step .button{font-size:13px;margin-top:20px}.training-step [role=status]{font:13px/1.8 var(--sans);margin-top:17px;color:#7c5d68;min-height:24px}.training-actions{display:flex;gap:13px;flex-wrap:wrap}.training-note{font:11px/1.8 var(--sans);color:#8a787b;margin-top:15px}.training-step #training-feedback{margin-top:24px;background:#f1e7e5;border:1px solid #dcc6c8;padding:24px;border-radius:9px}.training-step #training-feedback[data-correct=true]{background:#eef1e1;border-color:#ccd5b5}.training-step #training-feedback h3{font:500 23px/1.4 var(--serif);margin-bottom:12px}.training-step #training-feedback h4{font:600 13px/1.6 var(--sans);margin:20px 0 8px}.training-step #training-feedback p{font:14px/1.8 var(--sans)}.training-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:22px;border:1px solid #d3c6b8;border-radius:8px;overflow:hidden}.training-grid>div{padding:14px;background:#fffaf1;min-width:0}.training-grid>div+div{border-left:1px solid #d3c6b8}.training-grid>div:nth-child(3){background:#e4dcec}.training-grid dt{font:11px/1.6 var(--sans);color:#89717a;margin-bottom:10px}.training-grid dd{font:14px/1.7 var(--sans);margin:0;overflow-wrap:anywhere}.training-reference{padding:35px 0 45px;max-width:850px}.training-reference h2{font:500 26px/1.4 var(--serif);margin-bottom:15px}.training-reference p{font:13px/1.9 var(--sans);color:#866b75;margin:12px 0}.training-reference a{text-decoration:underline;text-underline-offset:3px}.training-footer{padding:25px 0;border-top:1px solid #dacbbd;font:11px/1.7 var(--sans);color:#866b75}.training-page button:focus-visible,.training-page select:focus-visible,.training-page textarea:focus-visible,.training-options input:focus-visible{outline:2px solid #4d2030;outline-offset:3px}[hidden]{display:none!important}
@media(max-width:960px){.home .site-header nav,.home.en-page .site-header nav{gap:16px}.training-page .wrap{width:calc(100% - 48px)}.metacognition-section>.wrap{align-items:start;flex-direction:column;gap:20px}.training-grid{grid-template-columns:1fr 1fr}.training-grid>div:nth-child(3){border-left:0}.training-grid>div:nth-child(n+3){border-top:1px solid #d3c6b8}}
@media(max-width:600px){.training-page .wrap{width:calc(100% - 32px)}.training-main{padding-top:5px}.training-page .header-inner{align-items:start;padding-top:23px;padding-bottom:18px;gap:20px}.training-page .site-header nav{justify-content:flex-end;gap:10px;font-size:10px}.training-page .brand{font-size:23px}.training-intro h1{font-size:42px;letter-spacing:-1.5px}.training-intro>p:last-child{font-size:14px}.training-question{padding:20px;display:block}.training-step{padding:21px 17px}.training-step h2{font-size:24px}.training-step-heading{gap:13px}.confidence-set>div{gap:7px}.confidence-set span{padding:10px 12px;font-size:12px}.training-picker button{font-size:11px;padding:10px 13px}.training-step #training-feedback{padding:17px}.training-grid>div{padding:11px}.training-grid dd{font-size:12px}.training-actions{gap:9px}.training-actions .button{font-size:12px;padding:12px 16px}.metacognition-section{padding:32px 0}.metacognition-section p{font-size:13px}}
