:root{--paper:#f7f7f6;--white:#fff;--ink:#292929;--muted:#737370;--label:#81817e;--line:#e4e4e2;--wash:#eeeded;--red:#e44332;--mono:'IBM Plex Mono',monospace}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:20px}body{margin:0;background:var(--paper);color:var(--ink);font:14px/1.6 Inter,Arial,sans-serif;-webkit-font-smoothing:antialiased}button,input,select{font:inherit;color:inherit}button{cursor:pointer}button,a,input,select{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--red);outline-offset:4px}button{border:0;background:transparent}a{color:inherit}button:disabled{opacity:.3;cursor:default}[hidden]{display:none!important}.shell{max-width:1260px;margin:auto;padding:24px 32px 0}.mono,.label,h3,.speaker{font-family:var(--mono)}.topnav{display:flex;align-items:center;justify-content:space-between;gap:20px;background:var(--wash);border:1px solid var(--line);border-radius:13px;padding:12px 17px}.wordmark{font-size:17px;letter-spacing:-.7px;font-weight:500;text-decoration:none}.wordmark span{color:#858582;font-weight:400;margin-left:1px}.nav-right{display:flex;align-items:center;gap:16px;font-size:12px;color:var(--muted)}.subscribe{font:11px var(--mono);letter-spacing:.03em;background:var(--red);color:white;border-radius:7px;padding:11px 14px;cursor:default}.intro{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding:30px 0 26px}h1{font-size:32px;line-height:1.2;font-weight:400;letter-spacing:-1.25px;margin:0 0 9px}.intro p{margin:0;font-size:14px;color:var(--muted)}.index-note{font-size:11px;letter-spacing:.04em;color:var(--label);white-space:nowrap;padding-bottom:3px}.workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:24px}.index{min-width:0}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:16px}.pill,.search{background:var(--white);border:1px solid #ededeb;border-radius:30px;min-height:35px}.pill{font:11px var(--mono);padding:8px 12px;color:var(--muted);white-space:nowrap;letter-spacing:.025em}.pill span{margin-left:5px;color:var(--label)}.pill[aria-pressed=true]{border-color:var(--red);color:var(--ink)}.search{display:flex;align-items:center;gap:8px;padding:7px 13px;width:min(260px,58%);color:#999}.search input{border:0;background:none;min-width:0;width:100%;font:11px var(--mono);outline-offset:3px}.search input::placeholder{color:#888885}.table-head,.row{display:grid;grid-template-columns:30px minmax(0,1fr) 116px;gap:0;align-items:center;text-align:left}.table-head{background:var(--wash);border-bottom:1px solid var(--line);padding:11px 11px;font-size:10px;letter-spacing:.075em;color:var(--label)}.table-head select{background:none;border:0;max-width:100%;font:11px var(--mono);padding:3px 0;cursor:pointer;color:var(--muted)}.rows{min-height:200px}.row{position:relative;width:100%;padding:12px 11px;border-bottom:1px solid var(--line);min-height:48px;transition:background .12s}.row:hover{background:#f0f0ee}.row[aria-current=true]{background:#eaeae8}.row[aria-current=true]:before{content:'';position:absolute;left:0;top:12px;bottom:12px;width:2px;background:var(--red)}.row[aria-current=true] .number{color:var(--red)}.row .number{font:10px var(--mono);color:var(--label)}.row .phrase{font-size:13px;line-height:1.45;padding-right:16px;overflow-wrap:anywhere}.row .category{font:10px/1.5 var(--mono);color:var(--muted);padding-left:8px}.row[aria-current=true] .phrase{font-weight:500}.pagination{display:flex;align-items:center;justify-content:space-between;padding-top:13px;color:var(--muted);font-size:11px}.pagination button{padding:4px 12px;font-size:17px}.index-caption{font-size:11px;color:var(--muted);margin-top:15px;max-width:360px}.detail{background:var(--white);border:1px solid var(--line);padding:22px 25px;border-radius:0;min-width:0}.detail-top{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--muted);font-size:10px;letter-spacing:.035em}.detail-top button{font-size:11px;padding:3px 0;color:var(--muted)}.detail-top button[aria-pressed=true]{color:var(--red)}h2{font-size:25px;line-height:1.3;font-weight:400;letter-spacing:-.7px;margin:16px 0 10px;overflow-wrap:anywhere}.meta{display:flex;flex-wrap:wrap;gap:7px 20px;font:11px var(--mono);color:var(--muted);padding-bottom:15px;border-bottom:1px solid var(--line);margin-bottom:17px}.label,h3{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--label);font-weight:400}.sentence{font-size:16px;line-height:1.6;margin:5px 0 14px}.original.is-error{text-decoration:line-through;text-decoration-color:#b5b5b1;color:var(--muted)}.original:not(.is-error){color:var(--muted)}mark{background:transparent;color:inherit;font-weight:500;text-decoration:underline;text-decoration-color:#8a8a87;text-decoration-thickness:1px;text-underline-offset:4px}.explanation{border-block:1px solid var(--line);padding:14px 0}h3{margin:0 0 7px}.explanation p,.practice p{font-size:14px;line-height:1.75;margin:0}.explanation .context-note{margin-top:10px;color:#656562;font-size:13px}.usage{border-bottom:1px solid var(--line);padding:14px 0}.dialogue{display:flex;flex-direction:column;gap:9px;padding:7px 0 3px}.bubble{max-width:87%;align-self:flex-start;padding:11px 15px;background:#f0f0ee;border-radius:17px 17px 17px 5px}.bubble.reply{align-self:flex-end;margin-left:20px;background:#f7f7f6;border-radius:17px 17px 5px 17px}.speaker{font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.bubble:not(.reply) .speaker:before{content:'';display:inline-block;width:4px;height:4px;background:var(--red);border-radius:50%;margin-right:6px;vertical-align:2px}.bubble p{font-size:14px;line-height:1.5;letter-spacing:-.1px;margin:4px 0 0}.practice{padding-top:14px}.practice button{font:11px var(--mono);text-decoration:underline;text-underline-offset:4px;padding:9px 0 0}.practice #answer{margin-top:12px;padding:9px 12px;background:#f7f7f6;border-left:2px solid #d9d9d5;font-size:14px}.detail-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:18px;padding-top:12px;border-top:1px solid var(--line)}.detail-bottom span{font-size:10px;color:var(--muted);max-width:65%}.detail-bottom button{font-size:12px;white-space:nowrap;padding:4px 0}footer{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:10px;color:var(--muted);margin-top:30px;padding:18px 0;border-top:1px solid var(--line)}footer .mono{letter-spacing:.05em}.empty{padding:25px 10px;color:var(--muted)}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip{position:absolute;left:20px;top:-60px;background:white;padding:10px;z-index:9}.skip:focus{top:10px}@media(min-width:1000px){.detail{position:sticky;top:20px}}@media(max-width:800px){.shell{padding:16px 18px 0}.workspace{gap:18px}.detail{padding:20px}.table-head,.row{grid-template-columns:26px minmax(0,1fr) 92px}.index-note{display:none}.nav-right{gap:12px}.intro{padding:25px 0 22px}h1{font-size:29px}}@media(max-width:650px){.workspace{grid-template-columns:1fr}.topnav{padding:11px 12px}.wordmark{font-size:15px}.nav-right>span{display:none}.intro h1{font-size:27px}.detail{scroll-margin-top:14px}.table-head,.row{grid-template-columns:30px minmax(0,1fr) 108px}.search{width:59%}.search input{font-size:16px}.intro p{font-size:13px}.row{min-height:47px}.detail h2{font-size:23px}.detail-bottom{gap:10px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.row{transition:none}}@media(pointer:coarse){button,select{min-height:44px}}
.explore-actions{display:flex;gap:18px;flex-wrap:wrap;justify-content:flex-end}.explore-actions button{font:11px var(--mono);padding:6px 0;color:var(--muted)}.explore-actions button:hover{color:var(--red)}.challenge{background:var(--white);border:1px solid var(--line);padding:20px 25px;margin:0 0 24px}.challenge-top,.challenge-bottom{display:flex;justify-content:space-between;align-items:center;gap:18px}.challenge-top{font-size:10px;color:var(--muted)}.challenge-top button{font-size:11px;color:var(--muted)}.challenge h2{font-size:22px;max-width:720px;margin:16px 0}.challenge-options{display:flex;gap:12px;flex-wrap:wrap}.challenge-options button{border:1px solid var(--line);padding:12px 16px;font-size:14px;text-align:left;flex:1;min-width:180px;background:var(--paper)}.challenge-options button[data-result=correct]{border-color:var(--ink);background:#eaeae7}.challenge-options button[data-result=selected]{border-color:var(--red)}.challenge-options button:disabled{opacity:1;cursor:default}.challenge-feedback{font-size:14px;margin-top:15px;max-width:770px}.challenge-feedback strong{font-weight:500}.challenge-bottom{font-size:11px;color:var(--muted);margin-top:14px}.challenge-bottom button{font-size:12px;padding:7px 0;margin-left:20px}.practice textarea{display:block;width:100%;margin-top:12px;padding:10px 12px;border:1px solid var(--line);background:var(--paper);resize:vertical;font:14px/1.6 Inter,sans-serif;color:var(--ink);border-radius:3px}.practice textarea::placeholder{color:#898986}.practice textarea:focus-visible{outline:2px solid var(--red);outline-offset:2px}.related{border-top:1px solid var(--line);padding-top:14px;margin-top:16px}.related>div{display:flex;gap:5px 17px;flex-wrap:wrap}.related button{font-size:12px;text-align:left;color:var(--muted);padding:3px 0;text-decoration:underline;text-underline-offset:4px}.related button:hover{color:var(--ink)}@media(max-width:650px){.intro{align-items:flex-start;flex-direction:column;gap:13px}.explore-actions{justify-content:flex-start;gap:22px}.challenge{padding:18px}.challenge h2{font-size:20px}.challenge-options{flex-direction:column}.practice textarea{font-size:16px}.challenge-bottom{align-items:flex-start}.challenge-bottom>div{display:flex;gap:12px;flex-wrap:wrap}.challenge-bottom button{margin:0}}@media(min-width:1000px){.detail{position:static}}
.phrase-hero{background:#eeefed;border:0;border-radius:24px;padding:24px 28px;margin-bottom:38px}.hero-top{display:flex;align-items:center;justify-content:space-between;gap:16px;color:var(--label);font-size:10px;letter-spacing:.07em}.hero-top>.mono:before{content:'';display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--red);margin-right:8px;vertical-align:1px}.hero-top button{font:11px var(--mono);color:var(--muted);padding:4px 0}.hero-phrase{font-size:clamp(22px,2.5vw,30px);letter-spacing:-.65px;line-height:1.4;margin:18px 0;max-width:820px}.hero-actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.hero-actions button,.hero-answer button{font:12px var(--mono);padding:5px 0;text-decoration:underline;text-underline-offset:5px}.hero-actions>span{font-size:10px;color:var(--label)}.hero-answer{margin-top:18px;padding-top:16px;border-top:1px solid #dcded9;max-width:820px}.hero-answer>p:first-child{font-size:18px;margin:0 0 8px}.hero-answer>p:nth-child(2){font-size:14px;color:var(--muted);line-height:1.7;margin:0 0 9px}.hero-answer button{font-size:11px}@media(max-width:650px){.phrase-hero{padding:20px;border-radius:18px;margin-bottom:30px}.hero-actions{gap:10px 18px}.hero-phrase{font-size:23px}}
.situations{margin:0 0 23px}.situations-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:10px}.situations-heading h2{font-size:15px;letter-spacing:-.2px;margin:0}.situations-heading button{font:11px var(--mono);color:var(--muted);padding:5px 0}.situations-heading button[aria-pressed=true]{color:var(--ink);text-decoration:underline;text-underline-offset:5px}.situation-groups{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.situation-groups button{border-block:1px solid var(--line);text-align:left;padding:12px 0;background:transparent;position:relative}.situation-groups button>span{display:block;font-size:14px}.situation-groups small{display:block;color:var(--muted);font:10px/1.6 var(--mono);margin-top:3px}.situation-groups button:hover{border-bottom-color:var(--muted)}.situation-groups button[aria-pressed=true]{border-bottom-color:var(--red)}.situation-groups button[aria-pressed=true]>span{font-weight:500}.speaking{border-top:1px solid var(--line);margin-top:17px;padding-top:12px}.speaking summary{display:flex;justify-content:space-between;align-items:center;list-style:none;font-size:13px;cursor:pointer}.speaking summary::-webkit-details-marker{display:none}.speaking[open] summary>span{transform:rotate(45deg)}.speaking>p{font-size:13px;line-height:1.65;margin:10px 0}.record-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.record-controls button{border:1px solid var(--line);border-radius:20px;padding:7px 12px;font-size:12px}.record-controls button:first-child{color:var(--red)}#record-status{font:10px/1.6 var(--mono);color:var(--muted);max-width:100%}#record-playback{width:100%;height:38px;margin:12px 0 5px}#record-review>button{font-size:11px;text-decoration:underline;text-underline-offset:4px;padding:4px 0;color:var(--muted)}#record-review label{display:flex;align-items:center;gap:7px;font-size:12px;margin-top:8px}#record-review input{accent-color:var(--ink)}.speaking .record-privacy{font-size:10px;color:var(--muted)}@media(max-width:650px){.situation-groups{grid-template-columns:1fr 1fr;gap:10px 18px}.situation-groups button{padding:10px 0}.situation-groups small{font-size:10px}}
.quiz-contribution{font-size:12px;margin-top:15px;border-top:1px solid var(--line);padding-top:12px}.quiz-contribution summary{cursor:pointer;color:var(--muted)}.quiz-contribution p{max-width:650px;line-height:1.6;color:var(--muted)}.quiz-contribution label{display:block;margin:10px 0}.quiz-contribution button{border:1px solid var(--line);padding:7px 12px;border-radius:6px;font-size:12px;margin-right:12px}.quiz-contribution input{accent-color:var(--ink)}#quiz-share-status{font-size:11px}.community-section{border-top:1px solid var(--line);margin-top:35px;padding-top:25px}.community-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.community-heading h2{font-size:21px;margin:0}.community-heading button{font:11px var(--mono);color:var(--muted)}.community-intro{font-size:12px;color:var(--muted);max-width:720px}.ranking-tabs{display:flex;gap:22px;margin:18px 0 12px}.ranking-tabs button{font-size:12px;padding:3px 0;color:var(--muted)}.ranking-tabs button[aria-pressed=true]{color:var(--ink);border-bottom:1px solid var(--ink)}#rankings{font-size:13px;color:var(--muted);padding-bottom:17px}.ranking-row{display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%;text-align:left;border-bottom:1px solid var(--line);padding:12px 0;color:var(--ink);font-size:14px}.ranking-row .mono{font-size:11px;color:var(--muted)}.contribute,.review-panel{border-top:1px solid var(--line);padding:16px 0}.contribute summary,.review-panel summary{font-size:14px;cursor:pointer}.contribute summary{display:flex;justify-content:space-between;list-style:none}.contribute>p{font-size:13px;max-width:680px;color:var(--muted)}#phrase-contribute{max-width:640px}#phrase-contribute>label,.review-entry>label{display:block;font-size:12px;margin:12px 0 5px}#phrase-contribute>input,#phrase-contribute>textarea,.review-entry input,.review-entry textarea,.review-entry select{display:block;width:100%;background:var(--white);border:1px solid var(--line);padding:10px;font:14px/1.5 Inter,sans-serif;color:var(--ink);border-radius:3px}.optional{color:var(--muted)}#phrase-contribute .consent{display:flex;align-items:flex-start;gap:8px;line-height:1.6;margin:14px 0}.consent input{accent-color:var(--ink);margin-top:4px}.submit-phrase,.review-entry button{font-size:12px;border:1px solid var(--line);border-radius:5px;padding:9px 12px;background:var(--white)}#contribution-status{font-size:12px}.review-entry{max-width:700px;padding:20px 0;border-bottom:1px solid var(--line)}.review-entry h3{font:16px Inter,sans-serif;text-transform:none;color:var(--ink);letter-spacing:0}.review-entry p{font-size:12px;color:var(--muted)}.review-entry button{margin:14px 8px 0 0}@media(max-width:650px){.community-heading{align-items:flex-start}.community-heading h2{font-size:20px}.ranking-row{flex-direction:column;gap:4px;align-items:flex-start}#phrase-contribute>input,#phrase-contribute>textarea,.review-entry input,.review-entry textarea{font-size:16px}}

/* One shared introduction and interactive example. */
.welcome-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;align-items:start;background:#eeefed;border-radius:24px;margin:26px 0 36px;padding:38px 36px}
.welcome-copy{max-width:470px}.welcome-copy h1{font-size:clamp(30px,3vw,38px);line-height:1.14;letter-spacing:-1.35px;max-width:390px;margin:0 0 16px}.welcome-copy>p{font-size:15px;line-height:1.75;color:var(--muted);max-width:390px;margin:0 0 24px}.collection-link{display:inline-block;font:12px var(--mono);text-decoration:underline;text-underline-offset:6px;padding:5px 0}.welcome-copy .explore-actions{justify-content:flex-start;flex-wrap:wrap;margin-top:20px;gap:20px}.welcome-copy .explore-actions button{font-size:11px;color:var(--muted)}
.welcome-hero .phrase-hero{background:transparent;border:0;border-radius:0;padding:3px 0 0;margin:0;min-width:0}.welcome-hero .hero-top{font-size:10px;line-height:1.5}.welcome-hero .hero-phrase{font-size:clamp(24px,2.5vw,30px);line-height:1.4;margin:23px 0 20px;overflow-wrap:anywhere}.welcome-hero .hero-actions{gap:14px 24px}.welcome-hero #hero-shuffle{text-decoration:none;color:var(--muted);font-size:11px}.hero-footnote{font-size:10px;color:var(--label);margin:20px 0 0}.welcome-hero .hero-answer{margin-top:20px}.welcome-hero .hero-answer>p:first-child{font-size:16px}
@media(max-width:900px){.welcome-hero{gap:32px;padding:30px 26px}.welcome-copy h1{font-size:31px}}
@media(max-width:650px){.welcome-hero{grid-template-columns:1fr;gap:32px;padding:26px 22px;border-radius:18px;margin:20px 0 30px}.welcome-copy h1{font-size:30px;max-width:330px}.welcome-copy>p{margin-bottom:16px}.welcome-copy .explore-actions{margin-top:16px}.welcome-hero .phrase-hero{padding-top:0}.welcome-hero .hero-phrase{margin:16px 0;font-size:25px}.hero-footnote{margin-top:14px}}

.voice-quiz{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:60px;background:#eeefed;border-radius:24px;margin-top:36px;padding:32px 36px}.voice-label{font-size:10px;letter-spacing:.08em;color:var(--muted)}.voice-copy h2{font-size:27px;font-weight:400;letter-spacing:-.8px;margin:12px 0}.voice-copy>p{font-size:17px;line-height:1.65;max-width:460px;margin:0 0 18px}.voice-copy>button,.voice-response>button:not(.voice-record){font:11px var(--mono);padding:8px 0;text-decoration:underline;text-underline-offset:5px}.voice-response .voice-record{display:flex;align-items:center;justify-content:center;gap:13px;width:100%;min-height:66px;padding:16px 22px;background:var(--red);color:#fff;border-radius:14px;font-size:17px;font-weight:500}.voice-record span{font-size:22px}.voice-response #voice-stop{background:var(--ink)}#voice-status{font:11px/1.6 var(--mono);color:var(--muted);margin:12px 0}#voice-audio{width:100%;margin:6px 0}#voice-delete{margin-right:20px}#voice-example{border-top:1px solid #dcded9;margin-top:14px;padding-top:14px}#voice-answer{font-size:16px;margin:0 0 8px}#voice-tip{font-size:14px;color:var(--muted);margin:0;line-height:1.65}.voice-privacy{font-size:11px;line-height:1.7;color:var(--muted);margin:18px 0 0}@media(max-width:650px){.voice-quiz{grid-template-columns:1fr;gap:24px;padding:26px 22px;border-radius:18px}.voice-copy h2{font-size:25px}}

/* A quieter introduction with a distinct interactive inset. */
.welcome-hero{grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:40px;padding:28px;align-items:center}.welcome-copy{padding:6px 8px;max-width:560px}.welcome-copy h1{max-width:470px}.welcome-copy>p{max-width:450px;margin-bottom:20px}.welcome-hero .phrase-hero{background:var(--white);border-radius:16px;padding:24px;align-self:stretch;display:flex;flex-direction:column;justify-content:center}.welcome-hero .hero-phrase{font-size:clamp(23px,2.2vw,28px);margin:20px 0}.situations>.explore-actions{display:flex;justify-content:flex-end;gap:22px;margin-top:14px}.situations>.explore-actions button{font:11px var(--mono);color:var(--muted);padding:4px 0}
@media(max-width:900px){.welcome-hero{gap:24px;padding:24px;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}.welcome-copy{padding:0}.welcome-hero .phrase-hero{padding:22px}}
@media(max-width:650px){.welcome-hero{grid-template-columns:1fr;padding:22px;gap:24px}.welcome-copy h1{max-width:340px}.welcome-hero .phrase-hero{padding:22px;border-radius:13px}.situations>.explore-actions{justify-content:flex-start;flex-wrap:wrap}}

/* Shared full-width neutral band; content follows the archive alignment. */
.top-band{background:#eeefed;position:relative}.band-inner{max-width:1260px;margin:0 auto;padding:0 32px}.top-band .topnav{position:relative;background:transparent;border:0;border-radius:0;padding:20px 0;min-height:78px}.top-band .topnav:after{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:100vw;height:1px;background:#d9dbd7;pointer-events:none}.top-band{overflow:hidden}.top-band .welcome-hero{background:transparent;border-radius:0;padding:34px 0 36px;margin:0;gap:48px}.top-band .welcome-copy{padding:0}.top-band .phrase-hero{background:#fff}.shell{padding-top:30px}
@media(max-width:900px){.top-band .welcome-hero{gap:28px}}
@media(max-width:800px){.band-inner{padding:0 18px}.top-band .topnav{padding:16px 0;min-height:70px}.shell{padding-top:26px}}
@media(max-width:650px){.top-band .welcome-hero{padding:26px 0 28px;gap:24px}.top-band .topnav{padding:13px 0;min-height:65px}.shell{padding-top:24px}}

/* Compact editorial collection. */
.editorial .top-band{background:var(--paper)}.editorial .topnav{min-height:64px;padding:13px 0}.editorial .welcome-hero{display:block;padding:30px 0 0}.editorial .welcome-copy{max-width:none}.editorial .welcome-copy h1{max-width:none;font-size:34px;line-height:1.2;margin:0 0 7px}.editorial .welcome-copy>p{max-width:none;font-size:15px;margin:0 0 24px}.editorial .welcome-hero .phrase-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 28px;background:#eeefed;border-radius:12px;padding:20px 26px;align-items:center}.editorial .hero-top{grid-column:1;grid-row:1}.editorial .hero-phrase{grid-column:1;grid-row:2;font-size:25px;margin:0;line-height:1.4}.editorial .hero-actions{grid-column:2;grid-row:1 / span 2;display:flex;flex-direction:column;align-items:flex-end;gap:5px}.editorial .hero-answer{grid-column:1 / -1;width:100%;max-width:none;margin-top:10px;padding-top:14px}.editorial .shell{padding-top:30px}.editorial .situations{margin-bottom:22px}.editorial .situations-heading{margin-bottom:16px}.editorial .situations-heading h2{font-size:22px;font-weight:400;letter-spacing:-.5px}.editorial .explore-actions{display:flex;gap:22px}.editorial .browse-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.editorial .situation-groups{display:flex;gap:10px;flex-wrap:wrap}.editorial .situation-groups button,.editorial #situation-all{border:1px solid #dededb;border-radius:24px;padding:8px 15px;background:#f0f0ee;font-size:12px;white-space:nowrap;min-height:36px}.editorial .situation-groups button>span{font-size:12px;font-weight:400}.editorial .situation-groups small{display:none}.editorial .situation-groups button[aria-pressed=true],.editorial #situation-all[aria-pressed=true]{border-color:var(--ink);background:#fff}.editorial .search{margin-left:auto;width:240px;max-width:100%}.editorial .workspace{grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);gap:28px}.editorial .detail{border:0;border-top:1px solid #d3d3cf;background:transparent;padding:20px 22px}.editorial .index>.toolbar{margin-bottom:10px}.editorial .index>.toolbar .pill{min-height:0;padding:2px 0;border:0;border-radius:0;background:transparent;font-size:10px}.editorial .detail{margin-top:32px}.editorial .row{min-height:46px}.editorial .hero-reveal{white-space:nowrap}
@media(max-width:800px){.editorial .welcome-copy h1{font-size:29px}.editorial .search{margin-left:0;flex:1;min-width:180px}.editorial .workspace{gap:18px}}
@media(max-width:650px){.editorial .welcome-hero{padding-top:24px}.editorial .welcome-copy h1{font-size:28px}.editorial .welcome-hero .phrase-hero{padding:18px;grid-template-columns:1fr;gap:9px}.editorial .hero-actions{grid-column:1;grid-row:3;flex-direction:row;justify-content:space-between;align-items:center;margin-top:5px}.editorial .hero-phrase{font-size:23px}.editorial .situations-heading{align-items:flex-start;flex-direction:column;gap:10px}.editorial .browse-controls,.editorial .situation-groups{gap:8px}.editorial .search{width:100%;flex-basis:100%;margin-top:4px}.editorial .workspace{grid-template-columns:1fr}.editorial .detail{margin-top:0;padding:20px 0}.editorial .shell{padding-top:24px}}
/* Clear speaker labels and visible neutral conversation surfaces. */
.editorial .dialogue{gap:12px;padding:10px 0 6px}.editorial .bubble{background:#e5e5e2;padding:13px 16px;border-radius:17px 17px 17px 5px;max-width:90%}.editorial .bubble.reply{background:#efefed;border-radius:17px 17px 5px 17px}.editorial .speaker{display:inline-flex;align-items:center;gap:6px;font-size:11px;line-height:1.5;font-weight:500;letter-spacing:.06em;color:#555552}.editorial .speaker:before{content:'';display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--red);margin:0;vertical-align:initial}.editorial .bubble.reply .speaker:before{background:#777773}.editorial .bubble p{font-size:15px;line-height:1.6;margin-top:6px}
@media(max-width:650px){.editorial .bubble{max-width:94%;padding:13px 15px}.editorial .bubble.reply{margin-left:16px}.editorial .bubble p{font-size:16px}.editorial .speaker{font-size:12px}.editorial .hero-actions button{min-height:44px}.editorial .browse-controls>button,.editorial .situation-groups button{min-height:40px}.editorial .detail-bottom{flex-wrap:wrap}.editorial .voice-record{min-height:66px}}

/* Corrections use weight, a visible underline, and a soft red tint. */
mark{background:#fbe7e2;color:#292929;font-weight:600;text-decoration:underline;text-decoration-color:#c93827;text-decoration-thickness:2px;text-underline-offset:4px;padding:1px 3px;border-radius:3px;box-decoration-break:clone;-webkit-box-decoration-break:clone}.original mark,.correction-editing mark{background:transparent;color:#8c5149;text-decoration:line-through;text-decoration-color:#c93827;text-decoration-thickness:2px;padding:0}.correction-key{font:10px/1.6 var(--mono);color:var(--muted);margin:10px 0}.correction-editing mark{animation:teacher-strike .55s ease both}.correction-written mark{animation:teacher-write .55s ease both}.editorial .hero-answer #hero-why{font-size:14px;margin:0 0 8px}.editorial .hero-phrase{line-height:1.6}
@keyframes teacher-strike{from{text-decoration-color:transparent;background:transparent}to{text-decoration-color:#c93827;background:#fbe7e2}}
@keyframes teacher-write{from{background:transparent;text-decoration-color:transparent;opacity:.4}to{background:#fbe7e2;text-decoration-color:#c93827;opacity:1}}
@media(prefers-reduced-motion:reduce){.correction-editing mark,.correction-written mark{animation:none}}
/* Fine proofreader's marks, without filled highlights. */
.editorial mark{position:relative;display:inline-block;background:none;color:inherit;font-weight:500;text-decoration:none;padding:0;border-radius:0;box-decoration-break:slice;-webkit-box-decoration-break:slice}
.editorial mark:after{content:'';position:absolute;pointer-events:none;left:-2%;bottom:-.09em;width:104%;height:.16em;border:0;border-bottom:1.6px solid #bd4b3b;border-radius:0 0 48% 42%;transform:rotate(-1.4deg);transform-origin:left center}
.editorial .original mark,.editorial .correction-editing mark{background:none;color:#777773;text-decoration:none;font-weight:400}
.editorial .original mark:after,.editorial .correction-editing mark:after{bottom:46%;height:0;border-radius:0;border-bottom:1.3px solid #ad7066;transform:rotate(-4deg)}
.editorial .correction-editing mark{animation:none}.editorial .correction-editing mark:after{animation:ink-strike 420ms cubic-bezier(.22,1,.36,1) both}
.editorial .correction-editing{animation:sentence-out 650ms ease both}
.editorial .correction-written{animation:sentence-in 420ms cubic-bezier(.22,1,.36,1) both}
.editorial .correction-written mark{animation:none}.editorial .correction-written mark:after{animation:ink-underline 650ms cubic-bezier(.22,1,.36,1) 140ms both}
@keyframes ink-strike{from{transform:rotate(-4deg) scaleX(0)}to{transform:rotate(-4deg) scaleX(1)}}
@keyframes ink-underline{from{transform:rotate(-1.4deg) scaleX(0);opacity:0}to{transform:rotate(-1.4deg) scaleX(1);opacity:1}}
@keyframes sentence-out{0%,65%{opacity:1}100%{opacity:.12}}
@keyframes sentence-in{from{opacity:.12;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.editorial .correction-editing,.editorial .correction-written,.editorial .correction-editing mark:after,.editorial .correction-written mark:after{animation:none}}
/* Editorial pencil annotations: open paper, unmistakable correction marks. */
.editorial mark{font-weight:500;margin:0 .13em;line-height:1.65}
.editorial mark:after{left:-.18em;bottom:.02em;width:calc(100% + .36em);height:1.22em;border:2px solid #d74835;border-radius:47% 53% 44% 56% / 52% 42% 58% 48%;transform:rotate(-5deg);transform-origin:center;box-sizing:border-box}
.editorial .original mark,.editorial .correction-editing mark{margin:0;line-height:inherit;color:#666662}
.editorial .original mark:after,.editorial .correction-editing mark:after{left:-3%;width:106%;bottom:46%;height:0;border:0;border-bottom:2px solid #d74835;border-radius:0;transform:rotate(-7deg);transform-origin:left}
.editorial .correction-written mark:after{animation:pencil-circle 750ms cubic-bezier(.2,.7,.3,1) 100ms both}
.editorial .correction-editing mark:after{animation:pencil-strike 430ms ease-out both}
.editorial .sentence,.editorial .hero-phrase{line-height:1.85}
@keyframes pencil-circle{0%{clip-path:inset(0 100% 0 0);opacity:.4}55%{opacity:1}100%{clip-path:inset(0 0 0 0);opacity:1}}
@keyframes pencil-strike{from{transform:rotate(-7deg) scaleX(0)}to{transform:rotate(-7deg) scaleX(1)}}
@media(prefers-reduced-motion:reduce){.editorial .correction-written mark:after,.editorial .correction-editing mark:after{animation:none}}
/* Royal-blue editorial ink. Keep the sentence steady through the reveal. */
.editorial{--correction-ink:#3024c9}.editorial mark{margin:0;font-weight:500;color:var(--correction-ink);background:none;line-height:inherit}
.editorial mark:after{left:-2%;bottom:-.1em;width:104%;height:.12em;border:0;border-bottom:2px solid var(--correction-ink);border-radius:0 0 45% 35%;transform:rotate(-2deg);transform-origin:left center}
.editorial .original mark,.editorial .correction-editing mark{color:#777773;font-weight:400}
.editorial .original mark:after,.editorial .correction-editing mark:after{left:-3%;width:106%;bottom:46%;height:0;border:0;border-bottom:2px solid var(--correction-ink);border-radius:0;transform:rotate(-4deg);transform-origin:left center}
.editorial .correction-editing,.editorial .correction-written{animation:none;opacity:1;transform:none}
.editorial .correction-editing mark:after{animation:blue-strike 450ms cubic-bezier(.22,1,.36,1) both}
.editorial .correction-written mark{animation:blue-word 480ms cubic-bezier(.22,1,.36,1) both}
.editorial .correction-written mark:after{animation:blue-underline 600ms cubic-bezier(.22,1,.36,1) 60ms both;clip-path:none}
.editorial .sentence,.editorial .hero-phrase{line-height:1.7}
@keyframes blue-strike{from{transform:rotate(-4deg) scaleX(0)}to{transform:rotate(-4deg) scaleX(1)}}
@keyframes blue-underline{from{transform:rotate(-2deg) scaleX(0)}to{transform:rotate(-2deg) scaleX(1)}}
@keyframes blue-word{from{color:#666662}to{color:var(--correction-ink)}}
@media(prefers-reduced-motion:reduce){.editorial .correction-written mark,.editorial .correction-written mark:after,.editorial .correction-editing mark:after{animation:none}}

/* Fixed-position handwritten edits: the original never disappears. */
.editorial{--correction-ink:#2414ed;--hand:'Oooh Baby',cursive}
.editorial .welcome-hero .phrase-hero{grid-template-columns:minmax(0,1fr);gap:7px;padding:18px 26px 20px}.editorial .hero-top{grid-column:1;grid-row:1}.editorial .hero-phrase{grid-column:1;grid-row:2;line-height:2.8;margin:0;padding-top:10px}.editorial .hero-actions{grid-column:1;grid-row:3;flex-direction:row;justify-content:flex-start;align-items:center;gap:20px;margin-top:0}.editorial #hero-reveal{background:white;border:1px solid #d2d2ce;border-radius:7px;padding:9px 13px;min-height:40px;text-decoration:none;color:var(--ink)}.editorial #hero-reveal:hover{border-color:#777}.editorial #hero-shuffle{padding:9px 0}.editorial .hero-answer{grid-column:1;grid-row:4}
.pen-edit{display:inline-grid;grid-template-rows:1.05em 1.4em;vertical-align:baseline;position:relative;text-align:center;line-height:1.4;min-width:.55em;margin:0 .05em}.pen-note{font-family:var(--hand);font-size:1.3em;line-height:1;white-space:nowrap;color:var(--correction-ink);visibility:hidden;clip-path:inset(0 100% 0 0);align-self:end;padding:0 .08em;transform:rotate(-3deg)}.pen-old{position:relative;white-space:nowrap}.pen-old:after{content:'';position:absolute;left:-3%;width:106%;height:2px;background:var(--correction-ink);top:53%;transform:rotate(-5deg) scaleX(0);transform-origin:left}.pen-caret{color:var(--correction-ink);visibility:hidden;font-size:.85em;line-height:1.6}.correction-written .pen-note{visibility:visible;clip-path:inset(0);animation:write-note 950ms cubic-bezier(.25,.6,.4,1) 260ms both}.correction-written .pen-old:after{transform:rotate(-5deg) scaleX(1);animation:write-strike 320ms ease-out both}.correction-written .pen-caret{visibility:visible;animation:write-note 250ms ease-out both}
.editorial #after mark{font-family:var(--hand);font-size:1.4em;font-weight:400;color:var(--correction-ink)}.editorial #after mark:after{display:none}
@keyframes write-note{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}@keyframes write-strike{from{transform:rotate(-5deg) scaleX(0)}to{transform:rotate(-5deg) scaleX(1)}}
@media(max-width:650px){.editorial .welcome-hero .phrase-hero{padding:18px}.editorial .hero-phrase{font-size:22px;overflow-wrap:normal}.editorial .hero-actions{gap:15px;flex-wrap:wrap}.pen-note{font-size:1.3em}.pen-edit{max-width:100%}.pen-old{white-space:normal}.pen-note{white-space:normal}}
@media(prefers-reduced-motion:reduce){.correction-written .pen-note,.correction-written .pen-old:after,.correction-written .pen-caret{animation:none}}

/* Annotations sit above a shared text baseline; clean answers remain typed. */
.editorial .pen-edit{display:inline-block;position:relative;vertical-align:baseline;line-height:inherit;text-align:center;margin:0 .08em;min-width:.5em;max-width:100%}
.editorial .pen-note{position:absolute;left:50%;bottom:calc(100% - .12em);transform:translateX(-50%) rotate(-3deg);width:max-content;max-width:none;white-space:nowrap;font-family:var(--hand);font-size:1.25em;line-height:1.15;padding:0 .08em;pointer-events:none}
.editorial .pen-old{display:inline;white-space:normal;line-height:inherit}.editorial .pen-caret{display:inline;font-size:.85em;line-height:inherit}
.editorial .hero-phrase{padding-top:28px;line-height:2.5}.editorial .original.is-error,.editorial .original:not(.is-error){text-decoration:none;color:var(--ink)}
.editorial .annotated-original{padding-top:26px;line-height:2.5;margin-bottom:14px}.editorial .annotated-original .pen-note,.editorial .annotated-original .pen-old:after,.editorial .annotated-original .pen-caret{animation:none}
.editorial #after{font-family:Inter,Arial,sans-serif;font-size:16px;font-weight:400;color:var(--ink);line-height:1.7}.editorial #after mark{font-family:inherit;font-size:inherit;font-weight:inherit;color:inherit}
@media(max-width:650px){.editorial .pen-note{font-size:1.2em}.editorial .hero-phrase{font-size:21px;line-height:2.6}.editorial .pen-edit{max-width:100%}}

/* Slightly fuller pen strokes; handwriting remains annotation only. */
.editorial .pen-note,.editorial .pen-hint{-webkit-text-stroke:.28px var(--correction-ink);font-synthesis:none}.editorial .pen-old:after{height:2px}.editorial .pen-hint{display:inline-block;font-family:var(--hand);font-size:.92em;line-height:1.3;color:var(--correction-ink);margin-left:1em;vertical-align:baseline;visibility:hidden;transform:rotate(-3deg);clip-path:inset(0 100% 0 0)}.editorial .correction-written .pen-hint{visibility:visible;clip-path:inset(0);animation:write-note 850ms ease-out 700ms both}.editorial .annotated-original .pen-hint{font-size:1.25em;animation:none}.editorial .pen-note{font-size:1.35em}
@media(max-width:650px){.editorial .pen-hint{display:block;margin:8px 0 0;font-size:1em}.editorial .pen-note{font-size:1.3em}.editorial .annotated-original .pen-hint{font-size:1.25em}}
@media(prefers-reduced-motion:reduce){.editorial .correction-written .pen-hint{animation:none}}

/* Licensed September Spirit: annotation ink, with an unchanged typed baseline. */
@font-face{font-family:'September Spirit';src:url('/september-spirit.woff2') format('woff2');font-weight:400;font-style:normal;font-display:block}
.editorial{--hand:'September Spirit',cursive}
.editorial .pen-edit{line-height:1.35;margin:0;min-width:0;vertical-align:baseline}
.editorial .pen-note{font-family:var(--hand);font-size:1.8em;line-height:1;bottom:calc(100% - .32em);transform:translateX(-50%) rotate(-2deg);padding:0 .08em;-webkit-text-stroke:.12px var(--correction-ink);font-weight:400}
.editorial .pen-insert{display:inline-block;width:0;min-width:0;margin:0;overflow:visible}
.editorial .pen-insert .pen-note{left:.13em}
.editorial .pen-caret{position:absolute;left:0;top:.1em;font-family:Arial,sans-serif;font-size:.7em;line-height:1;transform:translateX(-10%)}
.editorial .pen-old:after{top:48%;height:7px;width:108%;left:-4%;border:0;border-radius:0;background:var(--correction-ink);transform:none;clip-path:inset(0 100% 0 0);mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 8' preserveAspectRatio='none'%3E%3Cpath d='M2 5 Q24 2 47 4 T88 4 T124 3 Q143 2 158 4' fill='none' stroke='black' stroke-width='2.1' stroke-linecap='round'/%3E%3C/svg%3E") center/100% 100% no-repeat}
.editorial .correction-written .pen-old:after{transform:none;clip-path:inset(0);animation:pen-draw 360ms ease-out both}
.editorial .correction-written .pen-note{animation:pen-draw 1100ms cubic-bezier(.25,.45,.4,1) 220ms both}
.editorial .pen-hint,.editorial .annotated-original .pen-hint{font-family:var(--hand);font-size:1.35em;line-height:1.2;-webkit-text-stroke:.1px var(--correction-ink);display:inline-block;margin:0 0 0 .65em;vertical-align:baseline;white-space:nowrap;transform:none}
.editorial .hero-phrase{padding-top:26px;line-height:1.8}
.editorial .annotated-original{line-height:2.7;padding-top:22px}
.editorial .annotated-original .pen-note,.editorial .annotated-original .pen-old:after{animation:none}
@keyframes pen-draw{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}
@media(max-width:650px){.editorial .pen-note{font-size:1.8em}.editorial .pen-hint,.editorial .annotated-original .pen-hint{font-size:1.35em}.editorial .hero-phrase{font-size:22px;line-height:2.1}.editorial .pen-note{max-width:80vw;white-space:normal}}
@media(prefers-reduced-motion:reduce){.editorial .correction-written .pen-note,.editorial .correction-written .pen-old:after,.editorial .correction-written .pen-hint{animation:none}}

/* Readable notes: one correction per changed phrase, measured inside its sentence. */
.editorial .pen-note{font-size:2.1em;transform:translateX(calc(-50% + var(--note-shift,0px))) rotate(-2deg);white-space:normal;line-height:1;bottom:calc(100% - .25em)}
.editorial .pen-insert{line-height:1.35}
.editorial .pen-insert .pen-caret{top:.78em;left:.1em}
.editorial .pen-hint,.editorial .annotated-original .pen-hint{font-size:1.65em}
.editorial .pen-long .pen-old:after{display:none}
.editorial .correction-written .pen-long .pen-old{text-decoration:line-through;text-decoration-color:var(--correction-ink);text-decoration-thickness:1.5px}
@media(max-width:650px){.editorial .pen-note{font-size:2.1em}.editorial .pen-hint,.editorial .annotated-original .pen-hint{font-size:1.65em}}

/* Clear challenge actions, with emphasis following the next step. */
.editorial .hero-actions{gap:10px;flex-wrap:wrap}
.editorial #hero-reveal,.editorial #hero-shuffle{font:14px var(--mono);padding:11px 15px;min-height:44px;border:1px solid #b9bbb7;border-radius:7px;background:transparent;color:var(--ink);text-decoration:none;transition:background .18s,color .18s,border-color .18s}
.editorial #hero-reveal.is-primary,.editorial #hero-shuffle.is-primary{background:var(--ink);border-color:var(--ink);color:white}
.editorial #hero-reveal:hover,.editorial #hero-shuffle:hover{border-color:var(--ink)}
.editorial #hero-previous{font:13px var(--mono);padding:11px 5px;min-height:44px;color:var(--muted);text-decoration:none}
.editorial #hero-previous:disabled{opacity:.4;cursor:default}
.editorial .hero-actions button:focus-visible{outline:2px solid #2414ed;outline-offset:3px}
@media(prefers-reduced-motion:reduce){.editorial .hero-actions button{transition:none}}

/* Quiet navigation and a full-width neutral challenge surface. */
.editorial{--paper:#fff}
.editorial .top-band{background:#f7f7f7;overflow:hidden}
.editorial .band-inner{max-width:1260px;padding:0 40px}
.editorial .topnav{background:#fff;box-shadow:0 0 0 100vmax #fff;clip-path:inset(0 -100vmax);min-height:72px;padding:14px 0}
.editorial .topnav:after{background:#e8e8e8}
.editorial .wordmark{font-size:16px;font-weight:400;letter-spacing:-.35px;color:#737373}
.editorial .subscribe{background:#2414ed;color:white;font:12px var(--mono);padding:10px 15px;border-radius:4px;min-height:40px}
.editorial .top-band .welcome-hero{padding:84px 0 72px;margin:0;min-height:520px}
.editorial .welcome-copy h1{font-size:22px;letter-spacing:-.45px;line-height:1.4;margin:0 0 28px;font-weight:400}
.editorial .welcome-hero .phrase-hero{display:flex;flex-direction:column;align-items:stretch;gap:0;padding:0;background:transparent;border-radius:0;max-width:1040px}
.editorial .welcome-hero .hero-phrase{font-size:clamp(32px,4vw,54px);font-weight:400;letter-spacing:-1.3px;line-height:1.65;margin:0 0 22px;max-width:100%;overflow-wrap:anywhere}
.editorial .hero-phrase .pen-note{font-size:1.5em}
.editorial .hero-phrase .pen-hint{display:none}
.editorial .hero-answer{order:1;border:0;padding:0;margin:0 0 28px;max-width:760px}
.editorial .hero-answer #hero-why{font:16px/1.65 Inter,Arial,sans-serif;color:#737373;margin:0}
.editorial #hero-explore{display:none}
.editorial .hero-actions{order:2;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:12px 24px;margin:0;flex-wrap:wrap}
.editorial #hero-reveal,.editorial #hero-shuffle{font:15px/1.4 Inter,Arial,sans-serif;padding:12px 0;min-height:48px;border:0;border-radius:5px;background:transparent;color:#737373;text-decoration:none}
.editorial #hero-reveal.is-primary,.editorial #hero-shuffle.is-primary{background:#292929;color:#fff;padding:12px 24px;border:0}
.editorial #hero-previous{order:3;flex-basis:100%;text-align:left;font:14px/1.4 Inter,Arial,sans-serif;padding:8px 0;min-height:40px;color:#737373}
.editorial .hero-browse{background:#fff;box-shadow:0 0 0 100vmax #fff;clip-path:inset(0 -100vmax);padding:24px 0;border-top:1px solid #ededed}
.editorial .hero-browse a{font:14px/1.5 Inter,Arial,sans-serif;color:#737373;text-decoration:none}
.editorial .hero-browse a:hover{text-decoration:underline;text-underline-offset:4px}
@media(max-width:650px){
.editorial .band-inner{padding:0 24px}
.editorial .topnav{min-height:64px;padding:12px 0;gap:12px}
.editorial .wordmark{font-size:14px}
.editorial .subscribe{font-size:11px;padding:10px 12px}
.editorial .top-band .welcome-hero{padding:54px 0 44px;min-height:440px}
.editorial .welcome-copy h1{font-size:18px;letter-spacing:-.3px;margin-bottom:22px}
.editorial .welcome-hero .hero-phrase{font-size:32px;letter-spacing:-.75px;line-height:1.85;margin-bottom:20px}
.editorial .hero-actions{gap:8px 22px}
.editorial #hero-reveal.is-primary,.editorial #hero-shuffle.is-primary{width:100%;flex-basis:100%;min-height:48px}
.editorial #hero-previous{flex-basis:auto;min-height:44px}
.editorial .hero-answer #hero-why{font-size:15px}
.editorial .hero-browse{padding:20px 0}
}

/* Written practice: one centered task, progressive feedback. */
.written-practice{background:#f7f7f7;margin:52px 0 36px;padding:64px 24px;border-radius:4px}
.practice-inner{max-width:560px;margin:auto;text-align:center}
#practice-title{font-size:32px;font-weight:400;line-height:1.25;letter-spacing:-1px;margin:0 0 32px}
.practice-question{font-family:'IBM Plex Mono',monospace;font-size:20px;font-weight:400;line-height:1.6;margin:0 auto 8px;max-width:480px;min-height:3em}
.practice-next{padding:8px 0;background:none;border:0;color:#717171;font-family:'IBM Plex Mono',monospace;font-size:12px;cursor:pointer;text-underline-offset:5px}
.practice-next:hover{color:#2414ed;text-decoration:underline}
#practice-form{margin-top:24px}
#practice-answer{display:block;box-sizing:border-box;width:100%;resize:vertical;min-height:140px;border:1px solid #d8d8d6;border-radius:8px;background:#fff;padding:18px;color:#292929;font:16px/1.65 Inter,sans-serif;text-align:left}
#practice-answer::placeholder{color:#929292}
#practice-answer:focus-visible{outline:2px solid #2414ed;outline-offset:3px}
.practice-hint{font:11px/1.6 'IBM Plex Mono',monospace;color:#777;text-align:left;margin:8px 0 0}
.practice-consent{font-size:12px;line-height:1.65;color:#747474;text-align:left;margin:18px 0 22px}
.practice-submit{background:#292929;color:white;border:1px solid #292929;border-radius:5px;padding:15px 25px;font:13px 'IBM Plex Mono',monospace;cursor:pointer;min-height:48px}
.practice-submit:hover{background:#151515}.practice-submit:disabled{opacity:.55;cursor:wait}
#practice-status{font-size:13px;line-height:1.5;color:#626262;margin:14px 0 0}
#practice-status:empty{display:none}
.practice-feedback{text-align:left;border-top:1px solid #ddd;margin-top:32px;padding-top:26px;outline:none}
.practice-feedback h3{font-size:21px;font-weight:500;margin:0 0 12px}
.practice-feedback p{line-height:1.65}
.practice-feedback h4{font:11px 'IBM Plex Mono',monospace;letter-spacing:.06em;color:#777;text-transform:uppercase;margin:24px 0 10px}
.practice-edit{margin:20px 0;border-left:2px solid #2414ed;padding-left:16px}
.practice-edit p{margin:6px 0;font-size:14px}.practice-edit .practice-change{font-size:17px;color:#2414ed}
.practice-original{color:#777;text-decoration:line-through;text-decoration-thickness:1px}
#practice-revision{font-size:19px;background:white;padding:18px 20px;border-radius:6px;margin-top:10px}
.practice-feedback .practice-ai-note{font-size:11px;color:#888;margin:24px 0 8px}
@media(max-width:640px){.written-practice{margin-top:36px;padding:40px 20px}#practice-title{font-size:27px;margin-bottom:28px}.practice-question{font-size:18px}.practice-consent{font-size:11px}.practice-submit{width:100%}}

/* v2 design review refinements: same identity, clearer hierarchy. */
.editorial .subscribe[hidden]{display:none}
/* Hero: a clean, typed corrected sentence under the handwritten edit (never ambiguous on phones). */
.editorial .welcome-hero .hero-answer>p.hero-correction{font:400 20px/1.5 Inter,Arial,sans-serif;color:#292929;letter-spacing:-.2px;margin:0 0 8px}
.editorial .hero-correction mark{background:none;color:#2414ed;font:inherit;font-weight:500;text-decoration:none;padding:0;border-radius:0;animation:none}
.editorial .hero-correction mark:after{display:none}
/* Lesson card: the clean correction reads above the explanation. */
.editorial #after{font-size:19px;line-height:1.6}
/* Try another / Reveal: a clear secondary button when not primary. */
.editorial #hero-reveal:not(.is-primary),.editorial #hero-shuffle:not(.is-primary){border:1px solid #c9c9c5;background:#fff;color:#292929;padding:11px 22px}
.editorial #hero-reveal:not(.is-primary):hover,.editorial #hero-shuffle:not(.is-primary):hover{border-color:#292929}
/* Three activities strip under the hero. */
.editorial .activities{display:flex;align-items:center;flex-wrap:wrap;gap:10px 30px}
.editorial .activity{display:inline-flex;align-items:center;gap:9px;font:14px/1.5 Inter,Arial,sans-serif;color:#737373;text-decoration:none;min-height:32px}
.editorial .activity-number{display:inline-grid;place-items:center;width:21px;height:21px;border:1px solid #cfcfcb;border-radius:50%;font:11px var(--mono);color:#737373;flex:none}
.editorial .activity.is-current{color:#292929}
.editorial .activity.is-current .activity-number{background:#292929;border-color:#292929;color:#fff}
.editorial a.activity:hover{color:#292929;text-decoration:underline;text-underline-offset:4px}
.editorial .activity-feature,.editorial .hero-browse a.activity-feature{color:#2414ed;font-weight:500}
.editorial .activity-feature .activity-number{border-color:#2414ed;color:#2414ed}
.editorial a.activity-feature:hover{color:#2414ed}
.editorial .activity:focus-visible{outline:2px solid #2414ed;outline-offset:4px;border-radius:3px}
/* Surprise me / Quick challenge: still mono, easier to notice and tap. */
.editorial .explore-actions{gap:10px}
.editorial .explore-actions button{font:13px var(--mono);color:#292929;border:1px solid #d2d2ce;border-radius:5px;background:#fff;padding:8px 14px;min-height:40px}
.editorial .explore-actions button:hover,.editorial .explore-actions button[aria-expanded=true]{border-color:#292929;color:#292929}
.practice-next{font-size:13px}
.practice-eyebrow{font:12px 'IBM Plex Mono',monospace;letter-spacing:.07em;text-transform:uppercase;color:#777;margin:0 0 14px}
#practice-title:focus{outline:none}
#practice{scroll-margin-top:12px}
.filter-note{font:12px/1.6 'IBM Plex Mono',monospace;color:#555;background:#f1f1ef;border-radius:4px;padding:8px 11px;margin:0 0 14px}
@media(max-width:650px){
.editorial .top-band .welcome-hero{padding:46px 0 30px;min-height:0}
.editorial .welcome-hero .hero-answer>p.hero-correction{font-size:19px}
.editorial #after{font-size:18px}
.editorial .activities{flex-direction:column;align-items:flex-start;gap:6px}
.editorial .explore-actions button{font-size:12px;padding:8px 12px;min-height:44px}
}