@charset "UTF-8";
:root{--paper:#f5f5ef;--ink:#1c3029;--muted:#65716a;--line:#d9ddd1;--lime:#d9ef83;--white:#fff;--danger:#a3342e;--serif:Georgia,'Times New Roman','Songti SC',SimSun,serif;--sans:Inter,'Helvetica Neue',Arial,'PingFang SC','Microsoft YaHei',sans-serif;color-scheme:light;font-family:var(--sans);color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}button:disabled{cursor:default;opacity:.4}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,[tabindex="-1"]:focus-visible{outline:3px solid #799a35;outline-offset:5px}button,input,a,summary{touch-action:manipulation}[hidden]{display:none!important}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:400}p{line-height:1.7}::selection{background:var(--lime)}.container{width:min(1180px,calc(100% - 88px));margin-inline:auto}.site-header{height:106px;display:flex;align-items:center;justify-content:space-between;width:min(1300px,calc(100% - 88px));margin:auto;border-bottom:1px solid var(--line)}.brand{display:inline-flex;align-items:center;gap:11px;font-size:25px;font-weight:600;letter-spacing:-1.3px;white-space:nowrap}.brand-symbol{width:35px;height:35px;border-radius:11px;background:var(--ink);color:var(--lime);display:grid;place-items:center;font-family:var(--serif);font-size:33px;font-weight:700;line-height:1;padding-bottom:7px}.brand-light{font-weight:400}.brand-dot{color:#7a9144}.site-header nav{display:flex;align-items:center;gap:34px;font-size:16px}.site-header nav a{transition:color .15s}.site-header nav a:hover{color:#6c823e}.language{border:1px solid var(--line);background:transparent;border-radius:6px;padding:10px 13px;font-size:16px}.language span{margin-left:10px}.skip{position:absolute;top:-100px;left:12px;z-index:10;background:var(--ink);color:var(--white);padding:12px}.skip:focus{top:12px}.hero{padding-block:88px 80px;display:grid;grid-template-columns:1.13fr 1fr;gap:72px;align-items:center}.eyebrow{font-size:14px;letter-spacing:1.6px;font-weight:600;display:flex;align-items:center;gap:8px;line-height:1.6}.status-dot{width:6px;height:6px;border-radius:50%;background:#7c9850}.hero h1{font-family:var(--serif);font-size:clamp(44px,4.65vw,66px);line-height:1.05;letter-spacing:-2.5px;margin:25px 0 25px}.hero-description{color:var(--muted);font-size:18px;max-width:420px}.hero-actions{display:flex;align-items:center;gap:19px;flex-wrap:wrap;margin-top:30px}.button{display:inline-flex;align-items:center;justify-content:center;gap:30px;border:1px solid var(--ink);border-radius:5px;padding:16px 22px;font-size:16px;font-weight:500;min-height:49px;transition:transform .15s,background .15s}.button:hover:not(:disabled){transform:translateY(-2px)}.button-dark{color:var(--white);background:var(--ink)}.button-dark:hover{background:#30483b}.button-outline{background:transparent}.button-outline:hover{background:#e9edde}.small-note{font-size:14px;color:var(--muted)}.trust-line{display:flex;gap:19px;flex-wrap:wrap;margin-top:23px;font-size:14px;color:var(--muted)}.trust-line span:before{content:'✓';margin-right:6px;color:var(--ink)}.sample-board{background:#e9eddf;border:1px solid #d0d8c3;border-radius:12px;position:relative;padding:27px 30px 20px;transform:rotate(2deg);box-shadow:9px 12px 0 -1px #f0f1e7,9px 12px 0 0 #dce0d2}.board-top{display:flex;justify-content:space-between;align-items:center;gap:10px}.small-caps{font-size:12px;letter-spacing:1.6px;font-weight:600}.board-sticker{font-family:var(--serif);font-size:18px;transform:rotate(-7deg);background:var(--lime);padding:7px 13px;border-radius:50%}.sample-question{font-family:var(--serif);font-size:25px;margin:28px 0 23px}.sample-sequence{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.sample-sequence span{aspect-ratio:1;display:grid;place-items:center;background:#f9faf5;border:1px solid #d2dac6;border-radius:6px;font-family:var(--serif);font-size:37px}.sample-sequence .missing{border-style:dashed;background:transparent;color:#7b8c66}.sample-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:20px}.sample-options button{border:1px solid #cbd5c0;background:transparent;min-height:38px;border-radius:4px;font-size:16px}.sample-options button:hover{background:#f9faf5}.sample-options button.selected{background:var(--ink);color:var(--white);border-color:var(--ink)}.sample-feedback{font-size:14px;min-height:48px;padding-top:14px;line-height:1.6;color:#53644e}.board-bottom{border-top:1px solid #d0d8c3;display:flex;justify-content:space-between;align-items:center;margin-top:13px;padding-top:14px;font-size:12px;letter-spacing:1.3px}.board-bottom>span:last-child{font-size:27px;line-height:1}.resume-banner{display:flex;flex-wrap:wrap;gap:12px;align-items:center;font-size:16px;margin-top:20px;color:var(--ink)}.resume-banner button{background:transparent;border:0;text-decoration:underline;text-underline-offset:4px}.intro-strip{border-block:1px solid var(--line)}.intro-strip-inner{padding-block:23px;display:flex;align-items:center;gap:22px;font-size:14px;flex-wrap:wrap}.intro-strip-inner>span:first-child{font-weight:500}.intro-strip-inner>span:nth-child(2){color:var(--muted)}.intro-strip-inner>a{margin-left:auto;text-decoration:underline;text-underline-offset:4px}.section{padding-block:73px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:33px}.section h2,.daily-section h2,.faq-section h2{font-family:var(--serif);font-size:39px;line-height:1.15;letter-spacing:-1px;margin-top:14px}.section-heading>p{font-size:16px;color:var(--muted);max-width:310px}.category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.category{border:1px solid var(--line);border-radius:7px;padding:25px 25px 19px;background:#f8f9f3}.category-top{display:flex;align-items:center;justify-content:space-between;min-height:50px;margin-bottom:23px}.category-number{font-family:var(--serif);font-size:18px;color:#84917e}.category-icon{width:48px;height:48px;display:grid;place-items:center}.pattern-icon{display:grid;grid-template-columns:repeat(2,14px);grid-template-rows:repeat(2,14px);gap:5px;justify-content:center;align-content:center;transform:rotate(-10deg)}.pattern-icon i{background:var(--ink)}.pattern-icon i:nth-child(2){border-radius:50%;background:#abc36b}.pattern-icon i:nth-child(3){border-radius:50%}.pattern-icon i:nth-child(4){background:#abc36b}.number-icon{font-family:var(--serif);font-size:37px;transform:rotate(-9deg)}.logic-icon{font-family:var(--serif);font-size:55px;transform:rotate(-15deg)}.category h3{font-family:var(--serif);font-size:25px;margin-bottom:11px}.category p{font-size:16px;color:var(--muted);min-height:61px}.category-bottom{border-top:1px solid var(--line);margin-top:22px;padding-top:14px;display:flex;justify-content:space-between;font-size:14px;color:var(--muted)}.category-bottom>span:last-child{font-size:18px;color:var(--ink)}.daily-section{background:var(--ink);color:var(--white);border-radius:8px;display:grid;grid-template-columns:230px 1fr;position:relative;padding:49px 58px;gap:50px;align-items:center;overflow:hidden}.daily-copy .eyebrow{color:#c5d1bc}.daily-copy h2{font-size:39px;margin:14px 0 16px;letter-spacing:-.8px}.daily-copy p{max-width:400px;color:#c6d0c6;font-size:16px}.daily-copy .button{border-color:#718177;color:var(--white);margin-top:23px}.daily-copy .button:hover{background:#30483b}.daily-graphic{position:relative;height:220px;display:grid;place-items:center}.daily-graphic>span{font-family:var(--serif);font-size:133px;color:var(--lime);line-height:1}.orbit{border:1px solid #637653;border-radius:50%;position:absolute;width:220px;height:220px}.orbit-one{transform:rotate(37deg) scaleX(.58)}.orbit-two{transform:rotate(-37deg) scaleX(.58)}.daily-graphic>i{position:absolute;background:var(--lime);width:10px;height:10px;border-radius:50%;top:49px;right:28px}.daily-date{position:absolute;right:25px;top:24px;display:flex;flex-direction:column;align-items:end;gap:5px;font-size:14px;color:#c5d1bc}.daily-date>span:last-child{font-size:12px;color:#96a792}.practice-panel{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:center;padding:42px 55px;background:#edece3;border-radius:8px}.practice-cover{width:240px;max-width:100%;margin-inline:auto;background:#d4ddba;padding:25px 26px 20px;aspect-ratio:.76;display:flex;flex-direction:column;justify-content:space-between;transform:rotate(-5deg);box-shadow:7px 6px 0 #c6ceaf,10px 11px 18px #2c392014;border-radius:1px}.practice-cover>span{font-size:12px;letter-spacing:1px;line-height:1.8}.practice-cover>strong{font-family:var(--serif);font-size:39px;line-height:.95;font-weight:400;letter-spacing:-1.5px}.cover-geometric{width:68px;height:68px;display:grid;grid-template-columns:1fr 1fr;gap:5px;align-self:end;margin:12px 0}.cover-geometric i{background:var(--ink);border-radius:50% 0 0 0}.cover-geometric i:nth-child(2){transform:rotate(90deg)}.cover-geometric i:nth-child(3){transform:rotate(270deg)}.cover-geometric i:nth-child(4){transform:rotate(180deg)}.practice-copy h2{font-size:42px;margin:15px 0 17px}.practice-copy>p{font-size:16px;color:var(--muted);max-width:420px}.practice-features{padding:0;list-style:none;display:grid;gap:10px;font-size:14px;margin:22px 0}.practice-features li:before{content:'✓';margin-right:9px;color:#697c43}.practice-price{display:flex;align-items:center;gap:15px;flex-wrap:wrap;margin:24px 0 18px}.practice-price strong{font-size:25px;font-weight:500;letter-spacing:-.8px}.practice-price>span{font-size:14px;color:var(--muted)}.practice-actions{display:flex;align-items:center;gap:19px;flex-wrap:wrap}.text-button{padding:4px 0;background:transparent;border:0;font-size:14px;text-decoration:underline;text-underline-offset:4px;line-height:1.7}.practice-copy>.purchase-note{margin-top:16px;font-size:14px;line-height:1.6}.interest-status{font-size:14px;margin-top:10px;line-height:1.7}.guides-section{padding-top:10px}.guides-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}.guide-link{display:flex;flex-direction:column;align-items:start;border-top:1px solid var(--line);padding-top:23px;transition:color .15s}.guide-link:hover{color:#66833e}.guide-link>span:first-child{font-size:12px;letter-spacing:1.2px;color:var(--muted)}.guide-link h3{font-family:var(--serif);font-size:25px;line-height:1.25;margin-top:17px;max-width:290px}.guide-link>span:last-child{margin-top:auto;padding-top:25px;font-size:19px}.faq-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;padding-top:15px}.faq-list details{border-top:1px solid var(--line);padding:19px 0}.faq-list details:last-child{border-bottom:1px solid var(--line)}summary{cursor:pointer;line-height:1.6;font-size:16px}.faq-list summary{list-style:none;display:flex;justify-content:space-between;gap:15px}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:'+';color:var(--muted)}.faq-list details[open]>summary:after{content:'−'}.faq-list p{font-size:16px;color:var(--muted);padding-top:12px;max-width:510px}.site-footer{border-top:1px solid var(--line);padding-block:33px 25px;margin-top:10px}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:20px}.footer-top .brand{font-size:20px}.footer-top .brand-symbol{width:28px;height:28px;font-size:27px;border-radius:8px}.footer-top>span{font-family:var(--serif);font-size:18px;color:var(--muted)}.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:26px;font-size:12px;line-height:1.7;color:var(--muted)}.footer-bottom>div{display:flex;align-items:center;gap:20px;flex-shrink:0}.footer-bottom .text-button{font-size:12px}.footer-bottom a{text-decoration:underline;text-underline-offset:4px}#clear-status{font-size:14px;padding-top:10px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
/* Challenge */
.quiz-view{max-width:850px;padding-block:40px 65px;min-height:75vh}.quiz-top{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:23px}.quiz-timer{font-size:16px;font-variant-numeric:tabular-nums;color:var(--muted)}.quiz-progress{height:4px;background:#e2e5d9;border-radius:3px;overflow:hidden}.quiz-progress>div{height:100%;background:#759452;transition:width .2s}.quiz-meta{display:flex;justify-content:space-between;margin:35px 0 18px;gap:15px;align-items:center}.quiz-meta>span:last-child{font-size:16px;color:var(--muted)}.quiz-view h1{font-family:var(--serif);font-size:29px;line-height:1.4;letter-spacing:-.6px;margin-bottom:28px}.quiz-view .statement-list{font-size:18px;line-height:1.9;margin:0 0 25px;padding:24px 26px 24px 44px;background:#eaeee0;border-radius:6px}.sequence-display{display:flex;justify-content:center;gap:15px;flex-wrap:wrap;font-family:var(--serif);font-size:37px;padding:28px 15px;background:#ebeee2;border-radius:8px;margin-bottom:27px}.sequence-display>span{min-width:35px;text-align:center}.sequence-display .sequence-missing{color:#799345}.matrix-display{display:grid;gap:9px;max-width:310px;margin:0 auto 28px}.matrix-cell{aspect-ratio:1;background:#fdfefa;border:1px solid #d4ddc7;border-radius:6px;display:grid;place-items:center}.matrix-cell.missing-cell{border-style:dashed;background:#e9efdb;font-family:var(--serif);font-size:35px;color:#6c8644}.matrix-cell svg{width:80%;height:80%}.arrow-sequence{max-width:470px;grid-template-columns:repeat(4,minmax(0,1fr))}.quiz-answer-fieldset{border:0;margin:0;padding:0;min-width:0}.quiz-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.quiz-option{display:flex;align-items:center;gap:15px;padding:17px 20px;border:1px solid #d3d9cb;border-radius:6px;background:#fafbf5;cursor:pointer;min-height:70px;position:relative}.quiz-option:hover{background:#edf2e2}.quiz-option:has(input:checked){border-color:#4c693c;background:#e4edcf;box-shadow:inset 0 0 0 1px #4c693c}.quiz-option input{position:absolute;width:1px;height:1px;opacity:0}.quiz-option:has(input:focus-visible){outline:3px solid #799a35;outline-offset:3px}.option-letter{display:grid;place-items:center;flex-shrink:0;width:26px;height:26px;border-radius:50%;border:1px solid #d4ddc8;font-size:14px;background:#fff}.option-content{font-size:16px;line-height:1.6}.option-content svg{width:55px;height:55px;display:block}.quiz-bottom{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:18px}.quiz-bottom>span{font-size:14px;color:var(--muted);text-align:center}.quiz-error{min-height:24px;font-size:16px;color:var(--danger);margin-top:14px}.number-grid{border-collapse:collapse;margin:0 auto 27px;width:min(100%,390px);text-align:center;font-family:var(--serif);font-size:26px;background:#ebeee2;border-radius:6px;overflow:hidden}.number-grid td{padding:14px;border-bottom:1px solid #d7ddcd}.number-grid tr:last-child td{border-bottom:0}.number-grid td:last-child{background:#e1e9d1}.result-view{padding-block:60px 50px;max-width:970px}.result-heading{text-align:center}.result-heading .eyebrow{justify-content:center}.result-heading h1{font-family:var(--serif);font-size:49px;letter-spacing:-1.4px;margin:18px 0}.result-heading p{font-size:16px;color:var(--muted);max-width:500px;margin:auto}.result-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:20px;margin-top:37px}.score-card{padding:30px;background:var(--ink);color:var(--white);border-radius:8px;display:flex;flex-direction:column;align-items:start}.score-card>span:first-child{font-size:16px;color:#c4d2bb}.score-number{display:flex;align-items:baseline;gap:12px;margin:15px 0 10px}.score-number strong{font-family:var(--serif);font-size:82px;font-weight:400;line-height:1;color:var(--lime)}.score-number>span{font-family:var(--serif);font-size:28px;color:#9aae97}.score-card>span{font-size:14px;color:#c5d1bc}.score-card p{font-size:14px;margin-top:24px;color:#c5d1bc}.breakdown-card{border:1px solid var(--line);padding:26px 30px;border-radius:8px}.breakdown-card h2{font-size:18px;font-weight:500;margin-bottom:23px}.breakdown-row{margin-bottom:17px}.breakdown-label{display:flex;justify-content:space-between;font-size:16px;gap:15px;margin-bottom:8px}.breakdown-track{height:6px;background:#e0e5d5;border-radius:3px;overflow:hidden}.breakdown-fill{height:100%;background:#8da961}.breakdown-card>p{font-size:14px;color:var(--muted);margin-top:19px;line-height:1.6}.result-actions{display:flex;gap:16px;align-items:center;justify-content:center;flex-wrap:wrap;margin-top:28px}#share-status{font-size:16px;text-align:center;margin-top:14px}.review-header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:46px 0 20px}.review-header h2{font-family:var(--serif);font-size:29px;letter-spacing:-.5px}.review-item{border-top:1px solid var(--line);padding:18px 0}.review-item summary{display:flex;align-items:center;gap:12px;list-style:none}.review-item summary::-webkit-details-marker{display:none}.review-item summary:after{content:'+';margin-left:auto;color:var(--muted)}.review-item[open] summary:after{content:'−'}.review-status{font-size:14px;width:22px;height:22px;display:grid;place-items:center;border-radius:50%;background:#dce9c6;flex-shrink:0}.review-status.incorrect{background:#f1ddd5;color:#853a2b}.review-item summary>span:nth-child(2){font-size:16px;line-height:1.6}.review-content{padding:17px 0 5px 34px;font-size:16px;color:var(--muted)}.review-content p+p{margin-top:9px}.review-content .matrix-display{max-width:220px;margin-top:20px}.review-content .sequence-display{font-size:25px;margin-top:16px}.review-answer{font-size:16px;color:var(--ink);font-weight:500}.result-back{margin-top:30px}
.matrix-display{grid-template-columns:repeat(3,minmax(0,1fr))}.matrix-display.arrow-sequence{grid-template-columns:repeat(4,minmax(0,1fr))}
/* Reading and print preview */
.reading{max-width:740px;padding-block:65px 75px}.reading>.eyebrow{margin-bottom:18px}.reading h1{font-family:var(--serif);font-size:47px;line-height:1.15;letter-spacing:-1px;margin-bottom:24px}.reading .lead{font-size:18px;color:var(--muted);margin-bottom:32px}.reading h2{font-family:var(--serif);font-size:28px;margin:32px 0 15px}.reading p,.reading li{font-size:18px;line-height:1.9}.reading p+p{margin-top:17px}.reading li{margin-bottom:9px}.reading a:not(.button){text-decoration:underline;text-underline-offset:4px}.reading .note{padding:22px 25px;background:#e8edde;border-radius:6px;margin-block:25px;font-size:16px}.reading .language-pair{border-top:1px solid var(--line);margin-top:44px;padding-top:32px}.preview-exercise{border-top:1px solid var(--line);padding-block:28px}.preview-exercise h2{font-size:25px;margin:0 0 13px}.preview-exercise details{margin-top:17px;padding:15px;background:#e8edde;border-radius:5px}.preview-exercise details p{padding-top:12px}.preview-toolbar{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin:25px 0}.print-note{font-size:14px;color:var(--muted)}
@media(min-width:1500px){.hero{padding-block:105px 95px}}
@media(max-width:1000px){.container,.site-header{width:calc(100% - 56px)}.hero{gap:40px;padding-block:65px}.hero h1{font-size:49px}.sample-board{padding:23px}.sample-sequence span{font-size:29px}.section h2{font-size:34px}.daily-section{padding:44px 38px;grid-template-columns:190px 1fr;gap:30px}.daily-graphic,.orbit{width:180px;height:180px}.daily-graphic>span{font-size:115px}.daily-date{display:none}.practice-panel{padding:37px;gap:45px}.practice-cover{width:210px}.practice-copy h2{font-size:35px}.practice-actions{gap:13px}.practice-actions .button{padding-inline:16px}.faq-section{gap:45px}.guide-link h3{font-size:23px}.site-header nav{gap:23px}}
@media(max-width:760px){.site-header{height:78px}.site-header nav{gap:15px}.site-header nav>a{display:none}.brand{font-size:23px}.hero{grid-template-columns:1fr;gap:45px;padding-block:48px 52px}.hero-copy{max-width:560px}.hero h1{font-size:54px;letter-spacing:-2px}.hero-description{font-size:18px;max-width:450px}.hero-actions{margin-top:25px}.sample-board{max-width:440px;width:calc(100% - 14px);justify-self:center;padding:25px 28px 20px}.sample-sequence span{font-size:36px}.sample-question{margin-block:23px 20px}.intro-strip-inner{gap:10px;padding-block:20px}.intro-strip-inner>span{width:100%}.intro-strip-inner>a{margin-left:0;margin-top:4px}.section{padding-block:48px}.section-heading{display:block}.section-heading>p{margin-top:18px;max-width:400px}.category-grid{gap:12px}.category{padding:18px 16px 15px}.category h3{font-size:23px}.category p{font-size:14px;min-height:94px}.category-top{margin-bottom:17px}.category-icon{width:36px}.daily-section{grid-template-columns:1fr;padding:36px 30px;gap:20px}.daily-graphic{width:110px;height:110px;position:absolute;top:33px;right:18px;opacity:.4}.orbit{width:110px;height:110px}.daily-graphic>span{font-size:80px}.daily-graphic>i{width:6px;height:6px;top:24px;right:10px}.daily-copy{position:relative}.daily-copy .eyebrow{max-width:65%;font-size:12px}.daily-copy h2{font-size:36px;max-width:85%}.daily-copy p{max-width:360px}.practice-panel{gap:33px;padding:35px 28px;grid-template-columns:1fr}.practice-cover{width:180px;justify-self:start;margin-left:18px;margin-top:5px}.practice-cover>strong{font-size:30px}.cover-geometric{width:53px;height:53px}.practice-copy h2{font-size:38px}.guides-grid{gap:18px}.guide-link h3{font-size:21px}.guide-link>span:first-child{font-size:12px;line-height:1.7}.faq-section{grid-template-columns:1fr;gap:26px;padding-top:10px}.footer-bottom{align-items:start;flex-direction:column;gap:15px}.footer-top{align-items:start;flex-direction:column;gap:16px}.quiz-view{padding-top:28px}.quiz-view h1{font-size:26px}.quiz-bottom>span{display:none}.quiz-bottom .button{padding:14px 18px;gap:10px}.result-view{padding-top:42px}.result-heading h1{font-size:41px}.result-grid{grid-template-columns:1fr}.score-card{align-items:center}.score-card p{margin-top:15px}.breakdown-card{padding:24px}.result-actions .text-button{width:100%;text-align:center}.review-header{align-items:start}.review-header h2{font-size:25px}.review-header .text-button{flex-shrink:0}.reading{padding-top:42px}.reading h1{font-size:38px}.reading .lead{font-size:18px}}
@media(max-width:480px){.container,.site-header{width:calc(100% - 36px)}.hero h1{font-size:45px}.hero-description{font-size:16px}.eyebrow{font-size:12px;letter-spacing:1.1px}.hero-actions{gap:13px}.hero-actions .button{padding-inline:18px;gap:20px}.trust-line{font-size:12px;gap:14px}.sample-board{padding:21px 22px 17px}.sample-sequence span{font-size:31px}.sample-sequence,.sample-options{gap:8px}.sample-question{font-size:24px}.section h2{font-size:32px}.category-grid{grid-template-columns:1fr}.category{padding:21px 23px}.category-top{margin-bottom:14px}.category h3{font-size:27px}.category p{min-height:0;font-size:16px;max-width:270px}.category-bottom{margin-top:18px}.category-icon{width:48px}.daily-section{padding:30px 24px}.daily-copy h2{font-size:32px}.daily-graphic{right:8px}.daily-copy p{font-size:14px}.practice-panel{padding:30px 23px}.practice-copy h2{font-size:34px}.practice-price{gap:10px}.practice-price>span{font-size:12px}.guides-grid{grid-template-columns:1fr;gap:25px}.guide-link h3{max-width:290px;font-size:26px}.guide-link>span:first-child{font-size:12px}.guide-link>span:last-child{padding-top:16px}.faq-section h2{font-size:34px}.quiz-top .small-caps{font-size:12px;letter-spacing:.9px}.quiz-view h1{font-size:24px}.quiz-meta{margin-top:28px}.quiz-options{gap:9px}.quiz-option{padding:13px 11px;gap:9px;min-height:67px}.option-content{font-size:16px}.option-letter{width:23px;height:23px;font-size:14px}.quiz-view .statement-list{padding:18px 18px 18px 35px;font-size:16px}.sequence-display{font-size:29px;gap:10px}.sequence-display>span{min-width:28px}.quiz-bottom .button{font-size:16px;padding:13px 16px}.result-heading h1{font-size:36px}.result-heading p{font-size:16px}.result-actions{gap:10px}.result-actions .button{padding:14px 16px;gap:10px}.review-header h2{font-size:23px}.review-content{padding-left:0}.review-item summary>span:nth-child(2){font-size:16px}.reading h1{font-size:34px}.reading p,.reading li{font-size:16px}.reading h2{font-size:26px}}
/* Stitch's ruled editorial layout, paired with Gemini's original still-life. */
:root{--line:#dfe0d3;--muted:#546059}
.hero h1 em{font-weight:400}.hero-actions{padding-top:24px;border-top:1px solid var(--line)}
.brand-symbol,.site-footer .brand-symbol,.language,.button{border-radius:4px}
.sample-board{border-radius:4px;transform:none;background:#fff;box-shadow:3px 3px 0 #e2e2d5}
.board-top{padding-bottom:18px;border-bottom:1px solid var(--line)}
.board-sticker{border-radius:2px;transform:none;font-family:monospace;font-size:16px;background:var(--paper)}
.sample-sequence span,.sample-options button{border-radius:3px}
.category-grid{gap:0;border-block:1px solid var(--line)}
.category{border:0;border-radius:0;background:transparent;padding:28px}
.category+.category{border-left:1px solid var(--line)}
.category-number,.small-caps,.board-bottom,.art-study figcaption>span:first-child{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}
.daily-section,.practice-panel,.score-card,.breakdown-card,.quiz-option,.matrix-cell{border-radius:4px}
.daily-copy .button{background:var(--lime);border-color:var(--lime);color:var(--ink)}
.daily-copy .button:hover{background:#e5f5ac}
.practice-panel{padding:40px;gap:50px;background:transparent;border:1px solid var(--line);grid-template-columns:1fr 1.12fr;align-items:center}
.art-study{margin:0;min-width:0}.art-study img{display:block;width:100%;height:auto;border:1px solid #e2e2d5}
.art-study figcaption{display:flex;flex-direction:column;gap:10px;margin-top:17px;font-size:14px;color:var(--muted);line-height:1.6}
.art-study figcaption>span:first-child{font-size:12px;letter-spacing:1px}
.review-answer svg{display:inline-block;width:45px;height:45px;vertical-align:middle}
.pattern-icon i{width:14px;height:14px}
.text-button,.footer-bottom a{min-height:44px;display:inline-flex;align-items:center}
.faq-list summary{min-height:44px;align-items:center}
html[lang="zh-CN"] h1,html[lang="zh-CN"] h2{letter-spacing:0;line-height:1.3}
@media(max-width:760px){.practice-panel{grid-template-columns:1fr;gap:32px;padding:28px}.art-study{max-width:480px}.hero h1{font-size:48px}.category{padding-inline:16px}}
@media(max-width:480px){.hero h1{font-size:41px}.category+.category{border-left:0;border-top:1px solid var(--line)}.category{padding:25px 10px}.practice-panel{padding:23px}.hero-actions{padding-top:20px}.sample-board{width:100%}.art-study figcaption{font-size:14px}}
/* Readable editorial scale: prose 16–18px, supporting text 14px, folios 12px. */
body{font-size:18px;line-height:1.65}
:root{--muted:#364942}
.category-number{color:var(--muted)}
.site-header nav a:hover,.guide-link:hover{color:#445c2e}
.sequence-display .sequence-missing,.matrix-cell.missing-cell{color:#526c31}
.button{font-size:16px;line-height:1.5;min-height:52px;gap:18px;padding:15px 22px;text-align:center}
.text-button{font-size:16px;line-height:1.6}
.site-header nav{font-size:16px}
.eyebrow,.small-caps{font-size:12px;letter-spacing:1px}
.hero-description{font-size:18px;max-width:31em}
.hero{gap:56px}
.hero-actions{row-gap:14px}
.trust-line,.small-note,.sample-feedback,.resume-banner,.practice-features,.practice-price>span,.practice-copy>.purchase-note,.art-study figcaption,.footer-bottom,.footer-bottom .text-button,.print-note{font-size:14px;line-height:1.7}
.sample-feedback{min-height:65px}
.sample-options button{font-size:16px;min-height:48px}
.board-bottom{font-size:12px;letter-spacing:.7px;gap:12px}
.section-heading>p{font-size:16px;max-width:23em}
.category p{font-size:16px;min-height:82px}
.category-bottom{font-size:14px}
.daily-copy p,.practice-copy>p,.faq-list p,.result-heading p{font-size:18px;max-width:34em}
.daily-date{font-size:14px}.daily-date>span:last-child{font-size:12px}
.art-study figcaption>span:first-child,.guide-link>span:first-child{font-size:12px;letter-spacing:.7px}
.faq-list summary,summary{font-size:18px}
.faq-list details{padding-block:23px}
.footer-bottom>div{flex-wrap:wrap}
.quiz-timer,.quiz-meta>span:last-child,.quiz-bottom>span,.quiz-error{font-size:14px}
.quiz-view .statement-list{font-size:18px}
.option-content{font-size:18px}.option-letter{font-size:14px;width:30px;height:30px}
.score-card>span:first-child,.score-card>span,.score-card p,.breakdown-label,.breakdown-card>p{font-size:16px}
.breakdown-card h2{font-size:18px}
.review-item summary>span:nth-child(2),.review-content,.review-answer{font-size:18px}
.review-header{flex-wrap:wrap}
.reading p,.reading li,.reading .note{font-size:18px;line-height:1.8}
.reading .lead{font-size:20px;line-height:1.7}
.reading{max-width:780px}
.preview-toolbar{gap:14px 22px}
.preview-toolbar>a:not(.button){font-size:16px;min-height:44px;display:inline-flex;align-items:center;text-decoration:underline;text-underline-offset:4px}
@media(max-width:1000px){.hero{gap:32px}.practice-panel{gap:32px}}
@media(max-width:760px){
  .hero{gap:36px}.hero-description{font-size:18px}.hero-copy{max-width:100%}
  .category-grid{grid-template-columns:1fr}.category{padding:26px 12px}
  .category+.category{border-left:0;border-top:1px solid var(--line)}
  .category p{min-height:0;max-width:36em;font-size:16px}
  .category-top{margin-bottom:12px}.category-bottom{margin-top:18px}
  .daily-copy .eyebrow{font-size:12px}.daily-copy p{font-size:18px}
  .guides-grid{grid-template-columns:1fr;gap:28px}.guide-link h3{max-width:100%;font-size:27px}
  .reading .lead{font-size:18px}
  .practice-actions{align-items:stretch;gap:12px}.practice-actions .button{width:100%}
  .quiz-view .statement-list{font-size:18px}.quiz-option{gap:10px;padding:16px 12px}
}
@media(max-width:480px){
  .hero-description{font-size:18px}.eyebrow{font-size:12px}
  .hero-actions .button{width:100%}.hero-actions .small-note{width:100%}
  .trust-line{font-size:14px;gap:8px 16px}
  .sample-board{padding:22px 18px}.small-caps,.quiz-top .small-caps{font-size:12px;letter-spacing:.6px}
  .board-top{align-items:flex-start}.board-sticker{flex-shrink:0}
  .practice-price>span,.art-study figcaption{font-size:14px}
  .guide-link>span:first-child{font-size:12px}
  .quiz-options{grid-template-columns:1fr}.quiz-option{min-height:70px}
  .quiz-bottom .button{font-size:16px;padding:13px 16px}
  .result-heading p,.review-item summary>span:nth-child(2),.reading p,.reading li{font-size:18px}
}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
@media print{body{background:white;color:black}.site-header,.site-footer,.preview-toolbar,.skip{display:none}.reading{width:100%;max-width:none;margin:0;padding:0}.reading h1{font-size:30px}.preview-exercise{break-inside:avoid}.preview-exercise details{display:block;background:transparent;padding:0}.preview-exercise details>*{display:block!important}.preview-exercise details summary{display:none}.reading .language-pair{break-before:page}.note{background:transparent!important;border:1px solid #ddd}}