:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#172033;font-synthesis:none;text-rendering:optimizelegibility;--ink:#131b2e;--ink-soft:#4b5568;--paper:#f7f4ed;--white:#fffefb;--coral:#ff6b4a;--coral-dark:#dc482d;--mint:#c6f2dd;--mint-dark:#176b4b;--lavender:#dcd9ff;--line:#131b2e24;--shadow:0 24px 70px #131b2e1f;background:#f3f0e8;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(circle at 95% 5%, #c6f2dd8c, transparent 26rem), var(--paper);min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button:not(:disabled),a{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.58}a{color:inherit}[hidden]{display:none!important}:focus-visible{outline-offset:3px;outline:3px solid #2777ff}.skip-link{z-index:100;color:#fff;background:var(--ink);border-radius:.6rem;padding:.75rem 1rem;transition:transform .16s;position:fixed;top:.75rem;left:.75rem;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}.site-header{z-index:10;border-bottom:1px solid #131b2e26;justify-content:space-between;align-items:center;width:min(1180px,100% - 3rem);margin:0 auto;padding:1.4rem 0;display:flex;position:relative}.brand{letter-spacing:-.025em;align-items:center;gap:.7rem;font-size:1.05rem;font-weight:800;text-decoration:none;display:inline-flex}.brand-mark{border:1px solid var(--ink);width:2.6rem;height:2.6rem;color:var(--paper);background:var(--ink);border-radius:50%;place-items:center;font-family:Georgia,Times New Roman,serif;font-size:1.02rem;font-weight:700;display:grid}.brand-mark span{color:var(--coral)}.header-link{text-underline-offset:.25rem;font-size:.9rem;font-weight:700}main{overflow:hidden}.hero{grid-template-columns:minmax(0,1.15fr) minmax(19rem,.85fr);align-items:center;gap:clamp(3rem,8vw,7rem);width:min(1180px,100% - 3rem);min-height:43rem;margin:0 auto;padding:5.6rem 0 6.5rem;display:grid;position:relative}.hero:before{z-index:-1;content:"";border:1px solid #131b2e17;border-radius:50%;width:32rem;height:32rem;position:absolute;top:3rem;right:-14rem}.eyebrow{color:#4a5365;letter-spacing:.13em;text-transform:uppercase;align-items:center;gap:.65rem;margin:0 0 1.4rem;font-size:.72rem;font-weight:800;display:flex}.eyebrow>span{background:var(--coral);width:1.8rem;height:2px;display:inline-block}.hero h1{max-width:11ch;color:var(--ink);letter-spacing:-.065em;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(3.7rem,7.4vw,6.9rem);font-weight:500;line-height:.88}.hero h1 em,.practice h2 em{color:var(--coral-dark);font-weight:500}.hero-intro{max-width:35rem;color:var(--ink-soft);margin:2rem 0 2.4rem;font-size:clamp(1.05rem,2vw,1.2rem);line-height:1.7}.hero-intro strong{color:var(--ink)}.search-form{max-width:43rem}.search-form>label{margin-bottom:.65rem;font-size:.84rem;font-weight:750;display:block}.search-control{border:1px solid var(--line);background:var(--white);border-radius:1rem;padding:.38rem;transition:border-color .16s,box-shadow .16s;display:flex;box-shadow:0 12px 35px #131b2e14}.search-control:focus-within{border-color:#2777ffa6;box-shadow:0 0 0 4px #2777ff1f}.search-control input{min-width:0;color:var(--ink);background:0 0;border:0;outline:0;flex:1;padding:0 1rem;font-size:1rem}.search-control input::placeholder{color:#8a91a0}.primary-button,.secondary-button,.text-button{border:0;font-weight:800}.primary-button{min-height:3.4rem;color:var(--ink);background:var(--coral);box-shadow:0 7px 0 var(--ink);border-radius:.72rem;justify-content:center;align-items:center;gap:.9rem;padding:.8rem 1.2rem;transition:transform .15s,box-shadow .15s,background .15s;display:inline-flex}.primary-button:not(:disabled):hover{box-shadow:0 9px 0 var(--ink);background:#ff7d60;transform:translateY(-2px)}.primary-button:not(:disabled):active{box-shadow:0 2px 0 var(--ink);transform:translateY(5px)}.button-arrow{font-size:1.2rem}.is-loading .button-arrow{animation:1s ease-in-out infinite alternate pulse-arrow}.form-error{color:#a3291d;min-height:1.3rem;margin:.55rem 0 0;font-size:.85rem;font-weight:700}.search-hint{color:#687184;margin:.3rem 0 0;font-size:.83rem}.topic-chip{color:var(--ink);text-decoration:underline;-webkit-text-decoration-color:var(--coral);text-decoration-color:var(--coral);text-underline-offset:.22rem;background:0 0;border:0;padding:.15rem .25rem;font-weight:750}.hero-card{color:#fff;background:var(--ink);box-shadow:var(--shadow);border-radius:1.5rem;padding:clamp(1.6rem,4vw,2.5rem);position:relative;overflow:hidden;transform:rotate(1.8deg)}.hero-card:after{content:"";border:1px solid #ffffff21;border-radius:50%;width:12rem;height:12rem;position:absolute;bottom:-5rem;right:-4rem}.example-meta,.exercise-card-top{justify-content:space-between;align-items:center;display:flex}.example-meta{color:#bdc4d0;letter-spacing:.11em;text-transform:uppercase;font-size:.7rem;font-weight:800}.example-number,.exercise-number{border:1px solid;border-radius:50%;place-items:center;width:2.4rem;height:2.4rem;display:grid}.example-sentence{margin:2.6rem 0 2rem;font-family:Georgia,Times New Roman,serif;font-size:clamp(1.55rem,3vw,2.2rem);line-height:1.42}.example-gap{min-width:3.4rem;color:var(--ink);background:var(--mint);text-align:center;border-radius:.35rem;margin:0 .15rem;padding:.1rem .5rem .18rem;display:inline-block}.example-choices{gap:.55rem;display:flex}.example-choices span{border:1px solid #ffffff40;border-radius:.65rem;place-items:center;min-width:3.3rem;min-height:2.8rem;font-weight:800;display:grid}.example-choices .active{border-color:var(--coral);color:var(--ink);background:var(--coral)}.example-feedback{color:#cbd2dd;margin:1.5rem 0 0;font-size:.8rem;line-height:1.5}.example-feedback span{width:1.4rem;height:1.4rem;color:var(--ink);background:var(--mint);border-radius:50%;place-items:center;margin-right:.4rem;display:inline-grid}.steps{color:#fff;background:var(--ink);grid-template-columns:minmax(15rem,.75fr) minmax(0,1.25fr);gap:clamp(2rem,7vw,7rem);padding:5.2rem max(1.5rem,50vw - 590px);display:grid}.eyebrow-dark{color:#8f98aa}.steps h2,.practice h2{letter-spacing:-.045em;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(2.2rem,4.6vw,4.2rem);font-weight:500;line-height:1.03}.steps ol,.exercise-list{margin:0;padding:0;list-style:none}.steps li{border-top:1px solid #ffffff2b;grid-template-columns:3rem 1fr;gap:1rem;padding:1.35rem 0;display:grid}.steps li:last-child{border-bottom:1px solid #ffffff2b}.steps li span{color:var(--coral);font-size:.76rem;font-weight:800}.steps li p{color:#d5dae3;max-width:31rem;margin:0;font-size:1.08rem;line-height:1.55}.status-banner{border:1px solid var(--line);border-radius:.85rem;width:min(980px,100% - 3rem);margin:2rem auto 0;padding:1rem 1.2rem;font-size:.92rem;font-weight:700}.status-neutral{background:var(--lavender)}.status-success{color:#0d5139;background:var(--mint)}.status-error{color:#85291f;background:#ffe1d9}.practice{width:min(980px,100% - 3rem);margin:0 auto;padding:6rem 0 7rem;scroll-margin-top:1rem}.practice-header{justify-content:space-between;align-items:end;gap:2rem;margin-bottom:2.5rem;display:flex}.practice-header h2{color:var(--ink)}.practice-help{color:var(--ink-soft);margin:1rem 0 0;line-height:1.6}.score-pill{border:1px solid var(--ink);background:var(--white);text-transform:uppercase;border-radius:999px;flex:none;padding:.8rem 1.1rem;font-size:.78rem;font-weight:850;transition:background .18s}.score-complete{background:var(--mint)}.exercise-list{gap:1rem;display:grid}.exercise-card{border:1px solid var(--line);background:var(--white);border-radius:1.2rem;padding:clamp(1.4rem,4vw,2.15rem);transition:border-color .18s,transform .18s,box-shadow .18s;position:relative;overflow:hidden;box-shadow:0 10px 34px #131b2e0e}.exercise-card:hover{transform:translateY(-2px);box-shadow:0 16px 42px #131b2e16}.exercise-card-correct{box-shadow:inset 5px 0 0 var(--mint-dark);border-color:#176b4b80}.exercise-card-incorrect{box-shadow:inset 5px 0 0 var(--coral-dark);border-color:#dc482d8c}.exercise-number{color:#586172;width:2rem;height:2rem;font-size:.68rem;font-weight:850}.exercise-feedback{min-height:1.25rem;color:var(--coral-dark);letter-spacing:.02em;margin:0;font-size:.78rem;font-weight:850}.exercise-card-correct .exercise-feedback{color:var(--mint-dark)}.exercise-sentence{color:var(--ink);margin:1.3rem 0 1.45rem;font-family:Georgia,Times New Roman,serif;font-size:clamp(1.3rem,3vw,1.75rem);line-height:1.55}.sentence-gap{border-bottom:3px solid var(--coral);min-width:3.6rem;color:var(--coral-dark);text-align:center;margin:0 .15rem;padding:0 .5rem .1rem;display:inline-block}.exercise-card-correct .sentence-gap{border-color:var(--mint-dark);color:var(--mint-dark)}.article-choices{gap:.55rem;display:flex}.article-choice{border:1px solid var(--line);min-width:4rem;min-height:2.75rem;color:var(--ink);background:#f5f2eb;border-radius:.7rem;padding:.55rem 1rem;font-size:.92rem;font-weight:850;transition:color .14s,border-color .14s,background .14s,transform .14s}.article-choice:not(:disabled):hover{border-color:var(--ink);transform:translateY(-1px)}.article-choice[aria-pressed=true]{border-color:var(--ink);color:#fff;background:var(--ink)}.exercise-card-incorrect .article-choice[aria-pressed=true]{border-color:var(--coral-dark);background:var(--coral-dark)}.exercise-card-correct .article-choice[aria-pressed=true]{border-color:var(--mint-dark);background:var(--mint-dark)}.sentence-source{color:#5d6677;margin:1.3rem 0 0;font-size:.72rem}.sentence-source a{text-underline-offset:.18rem;font-weight:750}.practice-actions{flex-wrap:wrap;align-items:center;gap:.85rem;margin-top:2.3rem;display:flex}.primary-button-dark{color:#fff;background:var(--ink);box-shadow:0 7px 0 var(--coral);padding-inline:1.5rem}.primary-button-dark:not(:disabled):hover{box-shadow:0 9px 0 var(--coral);background:#26314a}.secondary-button{border:1px solid var(--line);min-height:3.4rem;color:var(--ink);background:var(--white);border-radius:.72rem;padding:.8rem 1.25rem}.secondary-button:not(:disabled):hover{border-color:var(--ink)}.text-button{min-height:2.8rem;color:var(--ink-soft);text-underline-offset:.2rem;background:0 0;padding:.5rem .75rem;text-decoration:underline}.site-footer{color:#aeb6c5;background:var(--ink);border-top:1px solid #ffffff24;grid-template-columns:1fr 2fr 1fr;align-items:center;gap:2rem;padding:3rem max(1.5rem,50vw - 590px);font-size:.76rem;line-height:1.6;display:grid}.site-footer p{margin:0}.site-footer p:last-child{text-align:right}.site-footer a{color:#fff;text-underline-offset:.2rem;font-weight:750}.footer-brand{color:#fff}.footer-brand .brand-mark{border-color:var(--coral);color:var(--ink);background:var(--coral)}.footer-brand .brand-mark span{color:#fff}.visually-hidden{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}@keyframes pulse-arrow{0%{opacity:.35;transform:translate(-.2rem)}to{opacity:1;transform:translate(.15rem)}}@media (max-width:820px){.hero{grid-template-columns:1fr;gap:3rem;padding-top:4rem}.hero h1{max-width:9ch;line-height:1.05}.hero-card{justify-self:center;width:min(100%,35rem);transform:rotate(.8deg)}.steps{grid-template-columns:1fr}.practice-header{flex-direction:column;align-items:start}.site-footer{grid-template-columns:1fr}.site-footer p:last-child{text-align:left}}@media (max-width:560px){.site-header,.hero,.practice,.status-banner{width:min(100% - 2rem,1180px)}.header-link{display:none}.hero{min-height:auto;padding:3.2rem 0 4.5rem}.hero h1{font-size:clamp(3.3rem,17vw,5rem)}.search-control{flex-direction:column;gap:.35rem;padding:.35rem}.search-control input{min-height:3.2rem}.search-control .primary-button{width:100%}.steps{padding-block:4rem}.practice{padding:4.5rem 0 5rem}.exercise-card{border-radius:1rem}.article-choices{grid-template-columns:repeat(3,1fr);display:grid}.article-choice{min-width:0}.practice-actions{flex-direction:column;align-items:stretch}.practice-actions button{width:100%}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}