/* Reskin: A2 "paper" look (cream, Fraunces + Inter, ink buttons, green accent). Estetica only. */
@font-face{font-family:'Fraunces';font-weight:600;font-display:swap;src:url(/fonts/Fraunces-600.ttf) format('truetype')}
@font-face{font-family:'Fraunces';font-weight:700;font-display:swap;src:url(/fonts/Fraunces-700.ttf) format('truetype')}
@font-face{font-family:'Inter';font-weight:400;font-display:swap;src:url(/fonts/Inter-400.ttf) format('truetype')}
@font-face{font-family:'Inter';font-weight:600;font-display:swap;src:url(/fonts/Inter-600.ttf) format('truetype')}
@font-face{font-family:'Inter';font-weight:700;font-display:swap;src:url(/fonts/Inter-700.ttf) format('truetype')}
:root{--ds-page:#151922;--ds-ink:#f3f5f9;--ds-ink-2:#9aa4b8;--ds-hairline:#262c39;--ds-teal:#e0364b;--ds-red:#ff6b7a;--ds-font-text:'Inter',system-ui,sans-serif;--ds-font-display:'Inter',system-ui,sans-serif}
body{background:#0b0d12;font-family:'Inter',system-ui,sans-serif;-webkit-font-smoothing:antialiased}
.study-app{--burgundy:#f3f5f9;--gold:#f4b73f;--green:#e0364b;--blue:#f3f5f9;--purple:#f3f5f9;--orange:#f4b73f;color:#f3f5f9;background:#0b0d12!important;background-image:none!important;font-family:'Inter',system-ui,sans-serif}
button,input,textarea,select{font-family:inherit}
a{color:#f3f5f9}.study-content a:not(.file-button):not(.topic-link){color:#f4b73f}
h1,h2,.hero-title,.section-title,.ex .ex-h h2,.ex-h h2,.blog-h h2,.blog-card h3,.score,.result h2,.welcome-seal strong,.stats strong,.history-summary strong,.academy-seal{font-family:'Inter',system-ui,sans-serif!important;letter-spacing:-.01em}
h3{font-family:'Inter',system-ui,sans-serif}
.hero-title,.section-title,.study-app .hero-title,.study-app .section-title{color:#f3f5f9;font-weight:600}
/* header / brand */
.academy-header{background:#151922;color:#f3f5f9;border-bottom:1px solid #262c39;box-shadow:none;padding:16px 36px}
.academy-header .civic-label,.academy-header .civic-mark,.academy-header .edition{color:#f4b73f}
.academy-header h1,.masthead-title h1{font-family:'Inter',system-ui,sans-serif!important;color:#f3f5f9;text-transform:none;font-weight:600;letter-spacing:-.01em}
.academy-header p,.masthead-title p{color:#9aa4b8}
.masthead-title>span{color:#9aa4b8}
.academy-seal{background:#151922;border:2px solid #e0364b;color:#e0364b}
.barcelona-signature{background:#151922;border:1px solid #262c39;box-shadow:none;border-radius:10px}
.barcelona-signature small{color:#9aa4b8}
/* nav */
.study-nav{background:#151922;border-bottom:1px solid #262c39;box-shadow:none}
.study-nav a,.study-nav a:nth-child(n){color:#9aa4b8;font-family:'Inter',system-ui,sans-serif;font-weight:600;border-bottom:3px solid transparent;border-radius:0}
.study-nav a:hover{color:#f3f5f9;background:#1c212c}
.study-app .study-nav a[aria-current],.study-app .study-nav a:nth-child(n)[aria-current]{color:#f3f5f9;background:#1c212c;border-bottom-color:#e0364b;font-weight:700}
.study-app .storage-status{background:#1c212c;color:#9aa4b8;border-bottom:1px solid #262c39}
/* cards */
.study-content>section,.study-content>.empty,.hero-grid,.question,.practice-progress,.practice-result,.ex,.syllabus article,.workflow article,.stats>div,.history-summary>div,.navigator,.result,.error-list button,.blog-card,.xbub,.coach .trap,.coach .bubble{background:#151922;border:1px solid #262c39;border-radius:10px;box-shadow:none}
.hero-grid{border-top:1px solid #262c39;border-left:4px solid #e0364b}
.study-content>section>h2:first-child,.study-content>section>h3:first-child,.study-content>section:nth-of-type(n)>h2:first-child{background:transparent!important;color:#f3f5f9;border-radius:0;border-bottom:1px solid #262c39;font-family:'Inter',system-ui,sans-serif!important;font-weight:600;letter-spacing:-.01em}
.study-content>h2.section-title,.study-content>.lede{background:#151922;border:1px solid #262c39;border-radius:10px}
.study-content>aside{background:#1c212c;border:1px solid #262c39;border-radius:10px;box-shadow:none}
.study-content>aside a{color:#f4b73f}
.eyebrow,.hero-grid .eyebrow{color:#f4b73f;letter-spacing:.09em}
.feedback .eyebrow{color:#e0364b}.feedback.error .eyebrow{color:#ff6b7a}
.lede{color:#f3f5f9}
.welcome-seal{background:#1c212c;border:2px solid #e0364b;color:#f3f5f9}
/* stats */
.stats>div,.stats>div:nth-child(n){background:#151922;border-color:#262c39}
.stats strong,.stats>div:nth-child(n) strong{color:#f3f5f9;font-weight:600}
.stats span{color:#9aa4b8;font-weight:500}
.history-summary strong,.accuracy-track>span{color:#f3f5f9}
.accuracy-track>span{background:#e0364b}.accuracy-track{background:#1c212c}
.trend-row>strong,.topic-history-row>strong{color:#f3f5f9}
.trend-row,.topic-history-row{border-bottom-color:#262c39}
.workflow article,.workflow article:nth-child(n){background:#151922;border:1px solid #262c39;border-top:1px solid #262c39}
.workflow h3,.workflow article:nth-child(n) h3{color:#f3f5f9}
.workflow article>span{color:#f4b73f}
.workflow p{color:#9aa4b8}
/* buttons */
.study-app .file-button{background:#e0364b;color:#fff!important;border:1px solid #e0364b;border-radius:8px;box-shadow:none;font-weight:600}
.study-app .file-button:hover{background:#ff5a6e}
.study-app .file-button[data-variant=secondary]{background:#151922;color:#f3f5f9!important;border-color:#262c39}
.study-app .file-button[data-variant=ghost]{background:transparent;color:#f3f5f9!important}
.hero-grid .file-button:first-child,.hero-grid .file-button:last-child{background:#e0364b;color:#fff!important;border-color:#e0364b}
.hero-grid .file-button:last-child{background:#151922;color:#f3f5f9!important;border-color:#262c39}
.size-picker .file-button,.size-picker .file-button:nth-child(n){background:#151922!important;color:#f3f5f9!important;border:1px solid #262c39!important}
.size-picker [aria-pressed=true],.size-picker .file-button[aria-pressed=true]{background:#1c212c!important;border-color:#e0364b!important;color:#f3f5f9!important;outline:0}
.topic-chips button,.topic-chips button:nth-child(n),.study-app .topic-chips button{background:#151922!important;color:#f3f5f9!important;border:1px solid #262c39!important;border-radius:8px}
.topic-chips button[aria-pressed=true],.topic-chips button[data-selected=true],.study-app .topic-chips .file-button[aria-pressed=true]{background:#1c212c!important;border-color:#e0364b!important;color:#f3f5f9!important}
.study-app .topic-link,.study-app .syllabus article:nth-child(n) .topic-link,.study-app .topic-link{background:#e0364b;color:#fff!important;border-radius:8px}
.topic-number{background:#1c212c;color:#f4b73f;border-radius:8px;font-family:'Inter',system-ui,sans-serif}
.syllabus article,.syllabus article:nth-child(n){border-top:1px solid #262c39}
.practice-label select{background:#151922;border:1px solid #262c39;border-radius:8px;color:#f3f5f9}
.practice-progress{border:1px solid #262c39;border-radius:10px}.practice-progress progress{accent-color:#e0364b}
.pool-count{color:#9aa4b8}
.transfer-label textarea{background:#151922;border-color:#262c39;border-radius:8px}
/* questions */
.question-meta{background:#1c212c;border-bottom:1px solid #262c39;color:#9aa4b8}
.question-meta span:last-child{background:#151922;border:1px solid #262c39;color:#f3f5f9}
.question h2{color:#f3f5f9;font-family:'Inter',system-ui,sans-serif!important;font-weight:600}
.option{background:#151922;border:1px solid #262c39;border-radius:10px;color:#f3f5f9}
.option:hover{border-color:#e0364b;background:#151922}
.option .letter{background:#1c212c;color:#f3f5f9;border-radius:8px}
.option.chosen{background:#1c212c;border-color:#e0364b;box-shadow:none}
.option.chosen .letter{background:#e0364b;color:#fff}
.option.right{background:#10261f;border-color:#e0364b;color:#064e3b}.option.right .letter{background:#e0364b;color:#fff}
.option.wrong{background:#2a1418;border-color:#ff6b7a;color:#7f1d1d}.option.wrong .letter{background:#ff6b7a;color:#fff}
.feedback{background:#151922;border:1px solid #262c39;border-left:4px solid #e0364b;border-radius:10px;box-shadow:none}
.feedback.error{background:#151922;border-color:#262c39;border-left-color:#ff6b7a}
.legal{background:#1c212c;border:1px solid #262c39}.feedback .legal strong{color:#f4b73f}
.exam-bar{background:#1c212c;color:#fff;border-radius:10px}.exam-bar .eyebrow{color:#f4b73f}
.navigator{background:#151922;border:1px solid #262c39}.navigator .eyebrow{color:#f4b73f}
.question-grid button{background:#151922;border-color:#262c39;border-radius:8px}
.question-grid .answered{background:#e0364b;color:#fff}.question-grid .current{outline-color:#e0364b}
.result{background:#151922}.score{color:#e0364b}
.practice-result{border-top:1px solid #262c39}.practice-result .review-item{background:#1c212c;border:1px solid #262c39}
.practice-result .review-item>summary{color:#f3f5f9}
.error-list button{background:#151922}.error-list strong{background:#e0364b;color:#fff}
.distribution>div:nth-child(n) .bar i{background:#e0364b}.bar{background:#1c212c}
.history-row{border-bottom-color:#262c39}.history-row strong{color:#e0364b}
/* chat / ex */
.ex{background:#151922}
.ex .btn{background:#e0364b;color:#fff;border-radius:8px;font-weight:600}.ex .btn:hover{background:#ff5a6e}
.ex .btn.ghost{background:#151922;color:#f3f5f9;border:1px solid #262c39}
.ex .card,.ex details.card{background:#151922;border:1px solid #262c39;border-radius:10px;box-shadow:none}
.ex .pill{background:#1c212c;color:#f3f5f9}
.ex .lab,.ex-sub{color:#9aa4b8}.ex-h h2,.ex h2,.xtxt b{color:#f3f5f9}
.ex .bub{background:#151922;border:1px solid #262c39}.ex .bub.key{background:#10261f;border-color:#1f5a45}.ex .bub.tr{background:#2a2217;border-color:#5a4520}
.xub{background:#1c212c;color:#fff;border:0;box-shadow:none}
.xbub{background:#151922;border:1px solid #262c39;box-shadow:none;color:#f3f5f9}.xbub.no{border-color:#ff6b7a}
.xname,.xtxt h4{color:#f4b73f}
a.chip,.chip{background:#1c212c;border:1px solid #262c39;color:#f3f5f9}
.xsrc{border-top-color:#262c39}
.xav{border-color:#e0364b;box-shadow:none}.xav.talk{border-color:#e0364b;box-shadow:none}.xav.think{border-color:#f4b73f;box-shadow:none}.xav.think::after{background:#f4b73f}
.xdots i{background:#f4b73f}
.xbar{background:linear-gradient(180deg,#0b0d1200,#0b0d12 28%)}
.xbar .in{background:#151922;border:1px solid #262c39;box-shadow:none}.xbar input{color:#f3f5f9}
.coach{background:#151922;border:1px solid #262c39;box-shadow:none;border-radius:10px}
.coach-head{background:#1c212c}.coach-avatar{border-color:#f4b73f;background:#1c212c}.coach-head span{color:#f4b73f}
.coach .bubble.key{background:#10261f;border-color:#1f5a45}.coach .bubble.hook{background:#2a2217;border-color:#5a4520}
.coach .bubble-tag,.coach .bubble.hook .bubble-tag{color:#f4b73f}.coach .bubble.key .bubble-tag{color:#f4b73f}
.coach .trap-x{background:#ff6b7a}
.blog{--b-bg:#151922;--b-card:#151922;--b-bd:#262c39;--b-tx:#f3f5f9;--b-mut:#9aa4b8;--b-h:#f3f5f9;--b-acc:#f4b73f;--b-link:#f4b73f}
.blog-card:hover{box-shadow:none}
.study-app footer{background:#1c212c;border-top:1px solid #262c39;color:#9aa4b8}
button:focus-visible,a:focus-visible,summary:focus-visible{outline-color:#e0364b}
/* desktop sidebar like A2 */
@media(min-width:1100px) and (min-height:640px){
 .study-app{display:block;padding-left:260px}
 .academy-header{display:contents}
 .academy-header .civic-label{position:fixed;left:0;top:0;width:260px;margin:0;padding:22px 16px 0 68px;font-size:10px!important;line-height:1.3;z-index:21;background:#151922;height:62px;box-sizing:border-box}
 .academy-header .civic-mark{display:none}
 .academy-seal{position:fixed;left:16px;top:16px;right:auto;width:44px;height:44px;font-size:13px;z-index:22;border-width:2px}
 .academy-seal span{display:none}
 .masthead-title{position:fixed;left:0;top:62px;width:260px;padding:0 16px 14px;z-index:21;background:#151922;box-sizing:border-box}
 .masthead-title h1{font-size:18px!important;margin:0 0 4px!important;max-width:none;line-height:1.2}
 .masthead-title p{font-size:13px!important;margin:0 0 4px!important}
 .masthead-title>span{font-size:11px!important}
 .study-nav{position:fixed;left:0;top:176px;bottom:96px;width:260px;flex-direction:column;overflow:auto;padding:10px 12px;margin:0;background:#151922;border-bottom:0;z-index:20;gap:2px;box-sizing:border-box}
 .study-nav a{padding:10px 12px;font-size:15px!important;text-align:left;border-bottom:0;border-radius:8px;flex-grow:0}
 .study-app .study-nav a[aria-current],.study-app .study-nav a:nth-child(n)[aria-current]{border-bottom:0;box-shadow:inset 3px 0 0 #e0364b}
 .barcelona-signature{position:fixed;left:0;bottom:0;top:auto;right:auto;width:260px;margin:0;border-radius:0;border:0;border-top:1px solid #262c39;padding:10px 14px;display:flex;align-items:center;justify-content:space-between;gap:10px;text-align:right;z-index:21;box-sizing:border-box;background:#151922;box-shadow:none}
 .barcelona-signature img{width:90px;height:28px;margin:0}
 .barcelona-signature small{font-size:9px!important;max-width:120px;margin:0}
 .study-app::before{content:"";position:fixed;left:0;top:0;bottom:0;width:260px;background:#151922;border-right:1px solid #262c39;z-index:19}
 .study-app .storage-status{padding-left:clamp(16px,3vw,64px)}
}
@media(max-width:1099px),(max-height:639px){
 .academy-header .barcelona-signature{border-radius:10px}
 .study-nav{position:sticky;top:0;z-index:20}
}
.study-app .file-button,.study-app a.file-button{text-decoration:none}
.xbar{background:linear-gradient(180deg,#15192200,#151922 28%)}
.file-caption,.study-app .file-caption,.faint{color:#9aa4b8}
.study-app .actions>p{background:#151922;border:1px solid #262c39}
.question,.question h2,.study-content>*,.practice-progress,.feedback,.result,.practice-result{scroll-margin-top:72px}
html{scroll-padding-top:72px}

/* ===== dark v11 overrides ===== */
:root{--ds-page:#0b0d12;--ds-ink:#f3f5f9;--ds-ink-2:#9aa4b8;--ds-hairline:#262c39}
html,body{background:#0b0d12;color:#f3f5f9;color-scheme:dark}
.study-app{background:#0b0d12!important;color:#f3f5f9}
.study-app .file-button,.study-app a.file-button,.hero-grid .file-button:first-child{background:#e0364b;color:#fff!important;border:1px solid #e0364b;box-shadow:0 6px 16px rgba(224,54,75,.28)}
.study-app .file-button:hover{background:#ff5a6e}
.study-app .file-button[data-variant=secondary],.hero-grid .file-button:last-child,.size-picker .file-button,.size-picker .file-button:nth-child(n){background:#1c212c!important;color:#f3f5f9!important;border:1px solid #262c39!important;box-shadow:none}
.study-app .file-button[data-variant=ghost]{background:transparent;color:#f3f5f9!important;box-shadow:none}
.academy-header,.study-nav,.study-app footer,.barcelona-signature,.study-app::before,.academy-header .civic-label,.masthead-title{background:#0f1218}
input,textarea,select{background:#1c212c;color:#f3f5f9;border:1px solid #262c39}
::placeholder{color:#9aa4b8}
.study-app{--burgundy:#e0364b;--gold:#f4b73f;--green:#37c58b;--blue:#6ea8ff;--purple:#e0364b;--orange:#f4b73f}
.study-app .study-nav a[aria-current],.study-app .study-nav a:nth-child(n)[aria-current]{color:#fff;background:linear-gradient(90deg,rgba(224,54,75,.25),rgba(224,54,75,.05));box-shadow:inset 3px 0 0 #e0364b}
.study-nav a:hover{background:#1c212c;color:#fff}
.academy-seal{background:#0f1218;border:2px solid #f4b73f;color:#f4b73f}
.hero-grid{border-left:4px solid #e0364b;background:linear-gradient(135deg,#2a1820,#151922)}
.blog{--b-bg:#151922;--b-card:#151922;--b-bd:#262c39;--b-tx:#f3f5f9;--b-mut:#9aa4b8;--b-h:#f3f5f9;--b-acc:#f4b73f;--b-link:#f4b73f}
.ex .sec-nav a{background:#1c212c;border:1px solid #262c39;color:#f4b73f}
.ex .sec-nav a:hover{background:#262c39}
progress{appearance:none;-webkit-appearance:none;border:0;background:#262c39;border-radius:99px;overflow:hidden;accent-color:#e0364b}
progress::-webkit-progress-bar{background:#262c39;border-radius:99px}
progress::-webkit-progress-value{background:#e0364b;border-radius:99px}
progress::-moz-progress-bar{background:#e0364b}