@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(?login-font=inter) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 200 900;
  font-stretch: 100%;
  font-display: swap;
  src: url(?asset=nunito-sans.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
:root{--blue:#0755d9;--teal:#009f8a;--yellow:#ffc326;--navy:#14294b;--bg:#f6fafe;--border:#e2eaf3;--muted:#536780;--heading:"Nunito Sans",ui-rounded,"Arial Rounded MT Bold",system-ui,sans-serif;--body:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--navy);font-family:var(--body);font-size:16px;line-height:1.6}button,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}button,a,input,textarea{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:default;opacity:.6}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--blue);outline-offset:4px}h1,h2,h3{font-family:var(--heading);line-height:1.16;letter-spacing:-.035em}h1{font-size:52px}h2{font-size:30px}h3{font-size:23px}p{margin:0 0 1em}.preview-strip{background:var(--navy);color:white;text-align:center;padding:7px 20px;font-size:11px;letter-spacing:.12em;font-weight:700}.preview-strip span{font-weight:400;letter-spacing:0;margin-left:14px;color:#d1e3fa}header{height:96px;max-width:1280px;margin:auto;display:flex;align-items:center;gap:36px;padding:0 40px;background:white}body>header{max-width:none;padding-left:max(32px,calc((100vw - 1200px)/2));padding-right:max(32px,calc((100vw - 1200px)/2));border-bottom:1px solid var(--border)}.brand{margin-right:auto}.wordmark{position:relative;display:block;width:202px;height:53px;overflow:hidden;background:white}.wordmark img{position:absolute;width:240px;max-width:none;left:-18px;top:-165px}nav{display:flex;gap:27px;font-weight:600;font-size:15px}nav a:hover{color:var(--blue)}#save-count{border-radius:30px;background:#e6f5f2;color:#007868;padding:2px 7px;font-size:12px}.button,button.primary{display:inline-flex;align-items:center;justify-content:center;gap:18px;background:var(--blue);color:#fff;border:0;border-radius:13px;min-height:48px;padding:12px 23px;font-weight:650;transition:transform .15s,background .15s}.button:hover{background:#0647b4;transform:translateY(-1px)}.button.secondary{background:white;color:var(--navy);border:1px solid var(--border)}.button.compact{font-size:14px}.text-button{border:0;background:transparent;padding:10px;color:var(--blue)}#main{max-width:1200px;margin:auto;padding:0 24px 64px;min-height:60vh}.hero{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:30px;padding:42px 0 40px}.eyebrow{font-size:12px;font-weight:750;letter-spacing:.11em;text-transform:uppercase;color:var(--blue);margin-bottom:16px}.hero h1{margin:0 0 22px;max-width:640px}.hero h1 span{color:var(--blue)}.hero .intro{color:var(--muted);font-size:18px;max-width:490px;line-height:1.7}.hero-actions{display:flex;gap:20px;align-items:center;margin:27px 0 12px}.quiet-link{font-size:15px;font-weight:650;color:var(--blue)}.hero small{font-size:12px;color:var(--muted)}.hero-art{position:relative;min-height:320px;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse,#e7f4ff,transparent 70%)}.mascot-window{width:300px;height:235px;overflow:hidden;border-radius:24px;background:white;transform:rotate(-3deg);box-shadow:0 12px 40px #14294b09}.mascot-window img{width:325px;margin-top:-22px;margin-left:-10px}.mini-preview{position:absolute;bottom:0;right:0;width:265px;padding:20px 22px;background:white;border:1px solid var(--border);border-radius:18px;box-shadow:0 10px 30px #14294b08;transform:rotate(3deg);font-size:14px}.mini-preview strong{display:block;line-height:1.4;margin:6px 0}.mini-preview mark{background:#fff0b3;color:var(--navy);border-radius:3px;padding:2px}.mini-preview small{font-size:11px}.hero-note{display:flex;gap:7px;align-items:center;color:#007b6d;font-size:12px;margin-top:8px}.edition-heading{display:flex;justify-content:space-between;align-items:end;margin:24px 0 22px;border-top:1px solid var(--border);padding-top:28px}.edition-heading h2{margin:0 0 5px}.edition-heading p{color:var(--muted);font-size:14px;margin:0}.edition-date{font-size:12px;color:var(--muted);text-align:right}.filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:30px}.filter{border:1px solid var(--border);border-radius:30px;padding:8px 15px;background:white;font-size:13px;white-space:nowrap}.filter:hover{border-color:#a9c5ec}.filter.active{background:var(--navy);color:white;border-color:var(--navy)}.lead{display:grid;grid-template-columns:1.2fr 1fr;background:white;border:1px solid var(--border);border-radius:24px;overflow:hidden;margin-bottom:32px}.lead .story-image{height:100%;min-height:310px;border-radius:0}.lead-copy{padding:34px;display:flex;flex-direction:column;justify-content:center}.lead h2{font-size:36px;margin:13px 0}.lead p{color:var(--muted);font-size:16px}.meta{display:flex;align-items:center;gap:12px;font-size:12px;flex-wrap:wrap;color:var(--muted)}.category-label{color:#007b6b;background:#e8f6f2;border-radius:20px;padding:5px 10px;font-weight:650;font-size:11px}.level-note{color:#476484;font-size:12px}.story-image{width:100%;aspect-ratio:3/2;object-fit:cover;display:block;background:#e8eff8}.art-label{font-size:10px;color:var(--muted);padding:5px 12px;text-align:right;margin:0;background:white}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.story-card{border:1px solid var(--border);border-radius:21px;overflow:hidden;background:white;transition:transform .18s,box-shadow .18s}.story-card:hover{transform:translateY(-4px);box-shadow:0 12px 28px #14294b0a}.card-copy{padding:22px}.card-copy h3{margin:14px 0 12px}.card-copy p{font-size:14px;color:var(--muted);line-height:1.65}.card-bottom{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--muted);border-top:1px solid var(--border);padding-top:14px;margin-top:18px}.read-arrow{color:var(--blue);font-size:19px}.placeholder{background:linear-gradient(135deg,#e2edf9,#cceee7);min-height:210px;display:grid;place-content:center;text-align:center;padding:30px;color:#3e5e78}.placeholder strong{font-size:28px}.placeholder small{font-size:12px}.page-title{margin:40px 0 28px}.page-title h1{font-size:44px;margin:0 0 15px}.page-title p{color:var(--muted);max-width:680px}.breadcrumb{font-size:13px;color:var(--blue);margin:28px 0}.reader{max-width:850px;margin:auto}.reader-top{max-width:740px;margin:auto}.reader h1{font-size:46px;margin:18px 0}.reader .dek{font-size:19px;color:var(--muted);line-height:1.6}.reader-date{font-size:12px;color:var(--muted)}.reader-figure{margin:26px 0 32px;border-radius:22px;overflow:hidden}.reader-figure img{max-height:460px}.reader-column{max-width:690px;margin:auto}.level-bar{padding:20px 0 25px;margin-bottom:25px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:20px;justify-content:space-between}.level-bar strong{font-size:14px;display:block}.level-bar small{font-size:12px;color:var(--muted)}.level-switch{display:flex;border:1px solid var(--border);padding:4px;border-radius:13px;background:white;gap:3px}.level-switch button{border:0;background:transparent;border-radius:9px;padding:10px 12px;font-size:13px;color:var(--navy)}.level-switch button[aria-pressed=true]{background:var(--blue);color:white}.article-body{font-size:20px;line-height:1.95;background:white;border-radius:20px;padding:28px 32px;border:1px solid var(--border)}.article-body p:last-child{margin-bottom:0}.phrase{font:inherit;line-height:inherit;color:inherit;border:0;border-bottom:2px dotted #97acc7;padding:0;background:transparent;display:inline;text-align:left}.phrase:hover,.phrase:focus{background:#fff0b3}.phrase.saved{border-color:var(--teal);background:#e4f6ef}.reading-tip{font-size:13px;color:var(--muted);margin:15px 0 25px}.word-bank{padding:22px 0}.word-bank h3{font-size:20px}.phrase-chips{display:flex;flex-wrap:wrap;gap:8px}.phrase-chip{background:white;border:1px solid var(--border);color:var(--navy);border-radius:25px;padding:8px 14px;font-size:14px}.learning-block{border:1px solid var(--border);border-radius:20px;padding:26px;background:white;margin:24px 0}.learning-block h2{font-size:27px;margin:0 0 8px}.learning-block>p{font-size:14px;color:var(--muted)}fieldset{border:0;padding:18px 0;margin:0;border-bottom:1px solid var(--border)}legend{font-weight:650;font-size:16px;padding-top:16px}.option{display:flex;gap:12px;align-items:center;padding:9px 12px;margin:7px 0;border:1px solid var(--border);border-radius:10px;font-size:14px;cursor:pointer}.option input{accent-color:var(--blue)}.quiz-feedback{margin:12px 0;color:#007666;font-size:14px}.quiz-feedback.bad{color:#9b3c2b}.quiz-submit{margin-top:20px}.quiz-status{margin-top:16px}.discussion{background:#eaf4ff}.discussion textarea{display:block;resize:vertical;width:100%;min-height:100px;border:1px solid #bdcee5;border-radius:12px;padding:14px;font-size:16px;background:white;color:var(--navy)}.discussion .button{margin-top:14px}.sources{font-size:13px;margin:25px 0;color:var(--muted)}.sources a{color:var(--blue);text-decoration:underline;text-underline-offset:3px}.sources li{margin:8px 0}.related{margin:50px 0}.related .grid{grid-template-columns:repeat(2,minmax(0,1fr))}.saved-list{display:grid;gap:18px;max-width:800px}.saved-item{background:white;border:1px solid var(--border);border-radius:18px;padding:24px}.saved-item h2{font-size:24px;margin:0 0 8px}.saved-item .source{font-size:13px;color:var(--blue)}.saved-actions{display:flex;gap:18px;align-items:center;margin-top:15px}.empty{background:white;border:1px solid var(--border);border-radius:22px;padding:50px;text-align:center}.how-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.how-grid article{background:white;border:1px solid var(--border);padding:28px;border-radius:20px}.how-grid b{font-size:28px;color:var(--blue)}footer{max-width:1200px;margin:auto;padding:34px 24px;display:flex;gap:30px;align-items:start;justify-content:space-between;border-top:1px solid var(--border);font-size:12px;color:var(--muted)}footer strong{font-size:20px;color:var(--blue)}footer p{margin:8px 0}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:var(--navy);color:white;padding:12px 23px;border-radius:13px;box-shadow:0 5px 20px #14294b20;z-index:20;display:none;font-size:14px}.toast.visible{display:block}dialog{border:1px solid var(--border);border-radius:22px;max-width:440px;width:calc(100% - 40px);padding:30px;color:var(--navy);box-shadow:0 20px 90px #14294b30}dialog::backdrop{background:#14294b38}dialog h2{font-size:28px;margin:12px 0}.dialog-close{position:absolute;top:10px;right:13px;border:0;background:transparent;font-size:28px;color:var(--muted)}dialog blockquote{font-size:14px;border-left:3px solid var(--yellow);margin:20px 0;padding-left:15px;color:var(--muted)}dialog .button{width:100%}.skip{position:absolute;top:-100px;background:white;padding:10px;z-index:99}.skip:focus{top:0}.loading{padding:80px}.login{max-width:500px;margin:10vh auto;padding:35px;background:white;border:1px solid var(--border);border-radius:24px}.login h1{font-size:42px}.login label{display:block;margin:22px 0 8px}.login input{width:100%;padding:12px;border-radius:10px;border:1px solid #9eb4cf}.login button{background:var(--blue);color:white;border:0;border-radius:12px;padding:14px 20px;width:100%;margin:20px 0}.login small{font-size:12px;color:var(--muted)}
@media(max-width:900px){body>header{padding:0 24px;gap:20px}nav{gap:18px}header nav a:nth-child(2){display:none}.hero h1{font-size:42px}.hero{gap:15px}.mini-preview{width:225px}.hero-art{min-height:320px}.mascot-window{width:240px;height:215px}.mascot-window img{width:300px;margin-left:-25px}.grid{gap:18px}.card-copy{padding:18px}.card-copy h3{font-size:21px}.lead h2{font-size:30px}.lead-copy{padding:26px}}
@media(max-width:650px){.preview-strip{font-size:9px}.preview-strip span{font-size:10px;letter-spacing:0;margin-left:7px}body>header{height:82px;padding:0 17px;gap:12px}.wordmark{width:145px;height:41px}.wordmark img{width:174px;top:-119px;left:-13px}header>.button{display:none}nav{font-size:12px;gap:14px}#main{padding:0 18px 35px}.hero{grid-template-columns:1fr;padding:30px 0 20px;gap:0}.hero h1{font-size:36px;max-width:440px;margin-bottom:17px}.hero .intro{font-size:16px}.hero-actions{gap:18px;margin:22px 0 10px}.hero-art{min-height:235px;max-width:370px;width:100%;margin:0 auto 10px}.mascot-window{height:185px;width:235px;margin-right:80px}.mascot-window img{width:260px;margin-top:-12px;margin-left:-6px}.mini-preview{width:213px;padding:13px 16px;bottom:0;right:0}.mini-preview .hero-note{font-size:10px}.edition-heading{align-items:start;margin-top:20px;padding-top:25px}.edition-heading h2{font-size:25px}.edition-date{font-size:10px;max-width:95px}.edition-heading p{font-size:12px}.filters{flex-wrap:nowrap;overflow-x:auto;padding-bottom:9px;gap:7px;margin-bottom:20px}.filter{font-size:12px;padding:9px 13px}.lead{grid-template-columns:1fr;margin-bottom:22px}.lead .story-image{height:220px;min-height:0}.lead-copy{padding:23px}.lead h2{font-size:30px}.grid{grid-template-columns:1fr;gap:22px}.story-card .story-image{aspect-ratio:1.7}.card-copy{padding:23px}.card-copy h3{font-size:25px}.page-title h1{font-size:35px}.reader h1{font-size:36px}.reader .dek{font-size:17px}.reader-figure{margin:22px 0}.level-bar{align-items:start;flex-direction:column;gap:12px}.level-switch{width:100%}.level-switch button{flex:1;min-height:43px}.article-body{padding:24px 21px;font-size:19px;line-height:1.9}.learning-block{padding:23px 20px}.related .grid{grid-template-columns:1fr}.how-grid{grid-template-columns:1fr}footer{flex-direction:column;gap:13px;padding:25px 20px}dialog{margin:auto 0 0;width:100%;max-width:none;border-radius:24px 24px 0 0;padding:30px 25px 35px}.toast{bottom:17px;width:max-content;max-width:90vw;text-align:center}.empty{padding:30px 22px}.login{margin:7vh 18px}.login h1{font-size:35px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
/* Brand framing uses the supplied artwork unchanged. */
.hero{padding-top:32px;padding-bottom:24px}.hero h1{font-size:48px}.hero-art{min-height:280px}.mascot-window{width:350px;height:225px}.mascot-window img{width:390px;margin-top:-42px;margin-left:-18px}.lead-cta{margin-top:22px!important;margin-bottom:0!important}
@media(max-width:900px){.hero h1{font-size:42px}.mascot-window{width:260px;height:190px}.mascot-window img{width:325px;margin-top:-35px;margin-left:-28px}}
@media(max-width:650px){.hero h1{font-size:36px}.hero-art{min-height:220px}.mascot-window{width:235px;height:158px}.mascot-window img{width:270px;margin-top:-29px;margin-left:-17px}.mini-preview{width:213px}.hero{padding-top:28px;padding-bottom:20px}}

h1,h2,h3{font-weight:800}.phrase-chip.saved{background:#e4f6ef;border-color:#8dceba;color:#006d5e}

@media(max-width:360px){body>header{padding:0 12px;gap:8px}.wordmark{width:123px;height:36px}.wordmark img{width:148px;top:-101px;left:-11px}header nav{gap:10px;font-size:11px}.hero-actions{gap:13px}.hero-actions .button{padding:12px 18px}}
.hero>div{min-width:0}
@media(max-width:650px){.hero{grid-template-columns:minmax(0,1fr)}.hero-art{min-width:0}.hero-actions{flex-wrap:wrap}.mascot-window{flex-shrink:1}}

/* Design refresh: sampled Nuve wordmark blue, rounded headings, wider magazine. */
@font-face{font-family:"Nunito Rounded";font-style:normal;font-weight:400 900;font-display:swap;src:url(?login-font=1) format("woff2")}
:root{--blue:#0151c5;--heading:"Nunito Rounded",ui-rounded,"Arial Rounded MT Bold",sans-serif}
body[data-heading-style=native]{--heading:ui-rounded,"Arial Rounded MT Bold","Nunito Rounded",sans-serif}
h1,h2,h3{font-weight:900;letter-spacing:-.025em}button,.button,.filter{font-family:var(--heading);font-weight:800}
body>header{padding-left:max(32px,calc((100vw - 1536px)/2));padding-right:max(32px,calc((100vw - 1536px)/2))}
#main{max-width:1600px;padding-left:48px;padding-right:48px}footer{max-width:1600px;padding-left:48px;padding-right:48px}
.hero{grid-template-columns:1.15fr 1fr;gap:60px;padding-top:38px;padding-bottom:34px}.hero h1{font-size:58px;max-width:820px}.hero .intro{max-width:650px;font-size:19px}.hero-art{max-width:520px;width:100%;justify-self:end}
.edition-heading h2{color:var(--blue);font-size:36px}.grid{gap:28px}.card-copy h3{font-size:28px;line-height:1.16}.lead h2{font-size:44px}.lead-copy{padding:42px}.lead{grid-template-columns:1.12fr 1fr}
.story-card>a{display:flex;flex-direction:column;height:100%}.card-copy{display:flex;flex-direction:column;flex:1;padding:26px}.card-bottom{margin-top:auto;padding-top:18px}.card-copy>p{margin-bottom:24px}.story-card,.lead{border:0;box-shadow:0 4px 18px #14294b09}
.card-blue,.card-teal,.card-frame{background:var(--blue);color:white}
:is(.card-blue,.card-teal,.card-frame) :is(.meta,.card-copy>p,.lead-copy>p,.card-bottom,.level-note){color:#e6f0ff}
:is(.card-blue,.card-teal,.card-frame) .card-bottom{border-color:#ffffff38}
:is(.card-blue,.card-teal,.card-frame) .category-label{background:#d4f7ed;color:#005246}
:is(.card-blue,.card-teal,.card-frame) :is(.read-arrow,.quiet-link){color:#ffda6a}
.card-blue .card-copy{border-top:5px solid var(--yellow)}.card-blue .lead-copy{border-left:5px solid var(--yellow)}
.card-teal .card-copy{border-top:7px solid #009f8a}.card-teal .card-bottom{background:#007669;color:white;border:0;margin:0 -26px -26px;padding:17px 26px;border-radius:0}
.card-teal .card-copy>p{flex:1}.card-teal .category-label{background:#dbfff4;color:#005e51}.card-teal .lead-copy{border-bottom:12px solid #009f8a}
.card-frame{background:#e4efff;padding:12px;color:white}.card-frame .story-image{border-radius:15px;aspect-ratio:1.55}.card-frame .card-copy{border-radius:15px;background:var(--blue);margin-top:10px;padding:24px}
.card-frame .card-copy>p{display:none}.card-frame .category-label{background:#fff1b8;color:#513c00}.card-frame .card-copy h3{margin-bottom:24px}.card-frame .lead-copy{border-radius:17px;background:var(--blue);margin-left:12px}.card-frame.lead .story-image{border-radius:17px}
.design-controls{display:flex;align-items:center;gap:24px;flex-wrap:wrap;padding:18px 22px;margin:0 0 24px;background:white;border:1px solid #b9cfee;border-radius:18px}
.design-controls>div:first-child{display:flex;flex-direction:column}.design-controls strong{font-family:var(--heading);color:var(--blue);font-size:18px}.design-controls a{font-size:12px;color:var(--muted);text-decoration:underline}
.style-buttons{display:flex;gap:8px;flex-wrap:wrap}.style-buttons button{border:1px solid #b9cfee;border-radius:11px;background:#f6fafe;color:var(--blue);padding:10px 15px;min-height:46px}
.style-buttons button[aria-pressed=true]{background:var(--blue);color:white;border-color:var(--blue)}
.font-choice{font-size:12px;color:var(--muted);margin-left:auto;display:flex;flex-direction:column;gap:4px}.font-choice select{border:1px solid #b9cfee;border-radius:9px;color:var(--navy);background:white;padding:9px;max-width:100%;font-size:13px}
.design-comparison{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;align-items:start}.style-sample{min-width:0}.style-sample>h2{font-size:28px;color:var(--blue);margin-bottom:8px}.style-sample>p{color:var(--muted);font-size:14px;min-height:48px}.style-sample .story-card{min-height:570px}.style-choose{margin-top:20px;width:100%}.style-choose[aria-pressed=true]{background:#007669}.type-preview{margin-top:45px}
.reader{max-width:1200px}.reader-top{max-width:1040px}.reader h1{font-size:56px}.reader-column{max-width:760px}.reader-figure img{max-height:580px}.article-body{padding:34px 38px}.reader .related{max-width:1040px;margin-left:auto;margin-right:auto}
.login-page{background:radial-gradient(ellipse at 15% 15%,#e2f2ff,transparent 55%),var(--bg)}
.login{max-width:560px;margin:4vh auto;padding:24px 42px 34px;border-color:#c8dcf5;box-shadow:0 12px 50px #0151c50b;text-align:center}.login-brand img{width:210px;height:210px;object-fit:contain;display:block;margin:0 auto -6px}.login h1{font-size:44px;color:var(--blue);margin:14px 0 18px}.login .eyebrow{font-size:10px}.login form{text-align:left}.login label{font-family:var(--heading);font-weight:800}.login small{display:block}.login p{font-size:15px}
@media(min-width:1700px){.grid{grid-template-columns:repeat(4,minmax(0,1fr))}.related .grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:1100px){#main{padding-left:30px;padding-right:30px}.hero{gap:25px}.hero h1{font-size:46px}.card-copy h3{font-size:25px}.lead h2{font-size:35px}.lead-copy{padding:30px}.design-comparison{gap:18px}.style-sample .story-card{min-height:590px}.font-choice{margin-left:0}}
@media(max-width:900px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero h1{font-size:42px}.design-comparison{grid-template-columns:1fr}.style-sample{max-width:620px;width:100%;margin:auto}.style-sample .story-card{min-height:0}.style-sample>p{min-height:0}.reader h1{font-size:46px}}
@media(max-width:650px){#main{padding-left:18px;padding-right:18px}body>header{padding:0 17px}.hero{grid-template-columns:minmax(0,1fr);gap:0;padding-top:28px}.hero h1{font-size:38px}.hero .intro{font-size:16px}.hero-art{justify-self:center;max-width:370px}.edition-heading h2{font-size:27px}.grid{grid-template-columns:1fr;gap:24px}.lead{grid-template-columns:1fr}.lead h2{font-size:32px}.lead-copy{padding:25px}.card-copy h3{font-size:28px}.card-blue .lead-copy{border-left:0;border-top:5px solid var(--yellow)}.card-frame .lead-copy{margin:10px 0 0}.card-frame.lead .story-image{height:225px}.design-controls{padding:17px;gap:15px}.style-buttons{gap:6px}.style-buttons button{padding:9px 11px;font-size:13px}.font-choice{width:100%}.reader h1{font-size:38px}.article-body{padding:25px 21px}.reader-figure img{max-height:none}.login{margin:20px 16px;padding:20px 25px 28px}.login-brand img{width:180px;height:180px}.login h1{font-size:36px}footer{padding:25px 20px}.design-comparison{gap:36px}}
@media(max-width:360px){body>header{padding:0 12px}.hero h1{font-size:34px}.style-buttons button{font-size:12px;padding:9px}.login{padding:18px}.login h1{font-size:32px}}

.login-page{min-height:100vh;background-attachment:fixed}

/* Selected Nuve blue: emphatic story navigation. */
.card-blue .card-bottom{color:var(--yellow);font-weight:850;font-size:14px;min-height:58px;gap:12px}
.card-blue .read-arrow{color:var(--yellow);font-family:Arial,sans-serif;font-size:38px;font-weight:900;line-height:1;-webkit-text-stroke:1px currentColor;flex-shrink:0}
.card-blue .lead-copy>.meta{color:var(--yellow);font-weight:850;font-size:14px}
.card-blue .lead-cta .quiet-link{color:var(--yellow);font-weight:900;font-size:18px}
@media(max-width:650px){.card-blue .card-bottom{font-size:14px}.card-blue .read-arrow{font-size:40px}}

/* Larger desktop wordmark, slightly closer to the left edge. */
@media(min-width:901px){
 body>header{padding-left:max(20px,calc((100vw - 1600px)/2));height:106px}
 header .wordmark{width:252px;height:66px}
 header .wordmark img{width:300px;left:-22px;top:-206px}
}

.story-card.card-blue .card-bottom{color:var(--yellow)}

/* Keep the full right edge of the supplied artwork inside the wordmark window. */
header .wordmark{width:222px}
@media(min-width:901px){header .wordmark{width:278px;height:70px}header .wordmark img{width:300px;left:-22px;top:-206px}}
@media(max-width:650px){header .wordmark{width:145px;height:41px}header .wordmark img{width:158px;left:-13px;top:-108px}}
@media(max-width:360px){header .wordmark{width:123px;height:36px}header .wordmark img{width:134px;left:-11px;top:-92px}}

/* Nuve appears at useful learning moments, away from article paragraphs. */
.companion-heading{display:flex;align-items:center;justify-content:space-between;gap:32px}
.companion-heading>div{min-width:0}.companion-art{width:190px;height:190px;object-fit:contain;flex-shrink:0;mix-blend-mode:multiply}
.quiz-complete{display:flex;align-items:center;gap:20px;padding:12px 16px;margin-top:20px;background:#effaf5;border-radius:18px}
.quiz-complete[hidden]{display:none}.quiz-complete img{width:130px;height:130px;object-fit:contain;mix-blend-mode:multiply}
.quiz-complete p{margin:0;font-size:15px;color:#28554a}.quiz-complete strong{display:block;color:#006d5e;font-family:var(--heading);font-size:24px}
@media(max-width:650px){.companion-heading{gap:12px;align-items:flex-start}.companion-art{width:100px;height:120px}.companion-heading h1{font-size:32px}.quiz-complete{gap:12px;padding:10px}.quiz-complete img{width:92px;height:110px}.quiz-complete p{font-size:13px}.quiz-complete strong{font-size:22px}}
@media(max-width:360px){.companion-heading{flex-direction:column-reverse;gap:0}.companion-art{width:100px;height:95px}}

/* Language choices and compact, accessible mobile navigation. */
.language-header{height:auto!important;min-height:106px;display:grid;grid-template-columns:auto 1fr auto;gap:24px;padding-top:16px!important;padding-bottom:16px!important}
.language-header .brand{margin-right:0}.language-header>nav{justify-self:center;gap:20px;font-size:14px}
.language-pickers{display:flex;gap:10px}.language-picker{border:1px solid #c7dbf5;border-radius:13px;padding:8px 12px;background:#f6fafe;color:var(--navy);text-align:left;min-width:142px}
.language-picker small{display:block;font:600 11px var(--body);color:var(--muted);margin-bottom:4px}
.language-picker>span{display:flex;align-items:center;gap:8px;font:850 15px var(--heading);white-space:nowrap}
.language-picker b{margin-left:auto;color:var(--blue)}.language-picker img,.language-option img,.login-languages img{width:25px;height:17px;object-fit:cover;border:1px solid #14294b20;border-radius:3px;flex-shrink:0}
#language-dialog{max-width:470px;padding:32px;max-height:90vh;overflow-y:auto}
#language-title{font-size:28px;padding-right:20px;margin:8px 0 22px}
#language-options{display:grid;gap:9px}.language-option{display:flex;align-items:center;gap:15px;padding:13px 15px;background:var(--bg);border:1px solid var(--border);border-radius:13px;font-weight:800}
.language-option small{display:block;color:var(--muted);font-weight:400;font-size:12px}.language-option>b{margin-left:auto;color:var(--blue)}
.language-option[aria-current=true]{background:#e8f2ff;border-color:var(--blue)}.language-option:hover{border-color:var(--blue)}
.menu-toggle{display:none;border:0;background:var(--blue);color:white;width:48px;height:48px;border-radius:13px;align-items:center;justify-content:center;flex-direction:column;gap:5px}
.menu-toggle>span{width:23px;height:3px;background:white;border-radius:4px}
#navigation-dialog{margin:0 0 0 auto;width:min(360px,calc(100% - 20px));max-width:none;height:100%;max-height:none;border-radius:24px 0 0 24px;padding:30px 25px}
#navigation-dialog h2{font-size:30px;color:var(--blue);margin:26px 0 30px}
#navigation-dialog nav{display:flex;flex-direction:column;gap:12px;font:800 21px var(--heading)}
#navigation-dialog nav a{padding:16px 18px;border-radius:14px;background:var(--bg);color:var(--blue)}
#navigation-dialog .navigation-close{width:44px;height:44px;background:#eaf3ff;border-radius:12px;top:17px;right:17px}
#navigation-dialog p{font-size:13px;color:var(--muted);margin-top:35px}
.login-languages{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;font-size:12px;margin-top:20px}
.login-languages a{display:flex;align-items:center;gap:5px}
.level-switch a{padding:10px;color:var(--blue)}
@media(max-width:1200px){
 .language-header{grid-template-columns:1fr auto;gap:16px}
 .language-header>nav{display:none}.language-header .menu-toggle{display:flex;grid-column:2;grid-row:1}
 .language-pickers{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:12px}
 .language-picker>span{font-size:16px}.language-picker{min-width:0;padding:9px 14px}
}
@media(max-width:650px){
 .language-header{min-height:0;gap:12px;padding-top:14px!important;padding-bottom:14px!important}
 .language-header .wordmark{width:160px;height:45px}.language-header .wordmark img{width:174px;left:-14px;top:-119px}
 .language-pickers{gap:10px}.language-picker{padding:8px 10px}.language-picker small{font-size:10px}.language-picker>span{font-size:14px;gap:6px}
 #language-dialog{margin:auto 0 0;width:100%;max-height:92vh;border-radius:24px 24px 0 0;padding:26px 22px}
 #language-title{font-size:25px}.language-option{padding:11px 13px}.language-option small{font-size:11px}
 .level-switch{flex-wrap:wrap}.level-switch button{padding:10px 8px;font-size:12px}
 .saved-actions{flex-wrap:wrap}
}
@media(max-width:360px){.language-picker>span{font-size:12px}.language-picker img{width:21px;height:15px}.language-header .wordmark{width:148px}.language-header .wordmark img{width:161px;left:-13px;top:-110px}}

/* Screenshot feedback: prominent cloud, compact language controls. */
@media(min-width:901px){
 .hero-art{justify-self:start;max-width:560px;transform:translateX(-30px);min-height:350px}
 .hero .mascot-window{width:455px;height:350px;margin:0;overflow:visible;background:transparent;box-shadow:none;transform:none;flex-shrink:0}
 .hero .mascot-window img{width:100%;height:100%;object-fit:contain;margin:0;mix-blend-mode:multiply}
 .language-picker{min-width:132px;padding:7px 10px}
 .language-picker img{width:23px;height:16px}.language-picker>span{font-size:14px}
}
@media(max-width:900px){.hero .mascot-window{background:transparent;box-shadow:none;transform:none;overflow:visible;width:290px;height:235px}.hero .mascot-window img{width:100%;height:100%;object-fit:contain;margin:0;mix-blend-mode:multiply}}
@media(max-width:650px){.hero-art{transform:none}.hero .mascot-window{width:270px;height:215px;margin-right:55px}.mini-preview{width:195px}}

.hero .mascot-window{mix-blend-mode:multiply}
@media(min-width:901px){.hero .mascot-window{overflow:hidden}.hero .mascot-window img{width:455px;height:455px;max-width:none;margin-top:-50px;margin-left:0;object-fit:contain}}

.phrase-translation{padding:12px 15px;background:#eaf3ff;border-radius:12px;margin:15px 0}.phrase-translation[hidden]{display:none}.phrase-translation small,.meaning-label{display:block;color:var(--muted);font-size:11px;font-weight:700;margin-bottom:4px}.phrase-translation p{margin:0;color:var(--blue);font-weight:800;font-size:18px;font-family:var(--heading)}.meaning-label{margin-top:15px}

.article-language-bar{display:flex;align-items:center;gap:14px;margin:0 0 24px;font-size:13px;color:var(--muted);flex-wrap:wrap}.article-language-bar>div{display:flex;gap:6px;flex-wrap:wrap}.article-language-bar button{padding:9px 14px;min-height:44px;border:1px solid var(--border);border-radius:11px;background:white;color:var(--blue)}.article-language-bar button[aria-pressed=true]{background:var(--blue);color:white;border-color:var(--blue)}