/* The study desk belongs to the same copper and gold city. */
.question-layout{display:grid;grid-template-columns:minmax(0,1fr) 282px;gap:28px;align-items:start}
.question-card{padding:0;overflow:hidden;background:#fffdf7;border:1px solid #c7ac7b;box-shadow:0 15px 45px #42291410;border-radius:14px}
.question-art-banner{height:154px;position:relative;overflow:hidden;background:#35291e;color:#ffe8b7;display:flex;align-items:center;justify-content:space-between;padding:25px 32px}
.question-art-banner .topic-scene{position:absolute;inset:0;width:100%;height:100%;border-radius:0;background-size:400% 400%;opacity:.72}
.question-art-banner:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#302015e8,#3020152b 65%,#30201577);pointer-events:none}
.question-art-banner>span:not(.topic-scene),.question-art-banner>.banner-count{position:relative;z-index:2}
.question-art-banner .topic-scene{z-index:0}.question-art-banner:after{z-index:1}
.question-art-banner .topic-scene.money-scene{background-size:100% 100%}
.question-art-banner>.banner-count{font:400 43px/.7 Georgia,serif;margin:0;color:#ffe6ad}
.question-art-banner>span{font-size:10px;letter-spacing:2.5px;font-weight:800;text-shadow:0 2px 12px #0009}
.question-art-banner>span b{display:block;font-family:Georgia,serif;font-size:29px;letter-spacing:-.5px;font-weight:400;margin-top:8px;max-width:420px}
.banner-count{text-align:center;font-family:Georgia,serif;font-size:43px;font-weight:400;line-height:.7;border:1px solid #e9c99077;border-radius:50%;padding:24px 16px;background:#35221690;backdrop-filter:blur(3px)}
.banner-count small{font-family:system-ui,sans-serif;font-size:8px;letter-spacing:2px}
.question-top{padding:24px 30px 21px;border-bottom:1px solid #e5daca;gap:18px}
.question-topic h2{font-size:19px;line-height:1.25;margin:5px 0 0}.question-topic .topic-coin{min-width:43px}
.question-body{padding:28px 32px 20px;background:radial-gradient(ellipse at 95% 0,#f2d5931c,transparent 45%)}
.question-labels{display:flex;gap:17px;align-items:center;margin-bottom:25px;flex-wrap:wrap}
.question-number{display:flex;align-items:baseline;gap:7px;font-family:Georgia,serif;font-size:49px;line-height:1;color:#ad792e;letter-spacing:-2px}
.question-number small{font-family:system-ui,sans-serif;font-size:12px;letter-spacing:0;color:#8b806d}
.question-labels>div{display:flex;flex-direction:column;gap:6px}.level-label{font-size:10px;color:#82735d;letter-spacing:.4px}
.question-body h3{font-size:18px;line-height:1.75;font-weight:600;color:#2c332c;margin:0 0 25px;letter-spacing:-.15px;overflow-wrap:anywhere}
.choices{display:flex;flex-direction:column;gap:11px;margin-top:20px}
.choice{position:relative;display:flex;align-items:center;gap:15px;min-height:65px;border:1px solid #dcd3c3;background:#fffcf5;padding:14px 18px;text-align:left;font-size:15px;line-height:1.6;border-radius:9px;color:#343c30;box-shadow:0 2px 0 #ded1b220;transition:border-color .18s,background .18s}
.choice>span:nth-child(2){flex:1;min-width:0;overflow-wrap:anywhere}.choice:not(:disabled):hover{background:#f6efdF;border-color:#c69c53;transform:none}
.choice-letter{font-weight:800;font-size:13px;border:1px solid #d6c9ae;color:#846331;display:grid;place-items:center;min-width:34px;height:34px;background:#f3ead8;border-radius:7px}
.choice.selected{background:#f9efda;border:2px solid #b98436;padding:13px 17px;box-shadow:0 0 0 3px #c7943310}.choice.selected .choice-letter{background:#a37632;color:white;border-color:#a37632}
.choice.correct{background:#eaf3e4;border:2px solid #6b8b57;padding:13px 17px;opacity:1}.choice.correct .choice-letter{background:#567447;color:#fff;border-color:#567447}
.choice.wrong{background:#f8e9df;border:2px solid #b26b4b;padding:13px 17px;opacity:1}.choice.wrong .choice-letter{background:#9a5e43;color:white;border-color:#9a5e43}
.choice:disabled{opacity:.78}.choice-feedback{display:grid;place-items:center;color:#587941}.choice.wrong .choice-feedback{color:#9c5437}
.choice.selected{color:#604722}.choice.correct{color:#33482a}.choice.wrong{color:#6c3e29}
.question-controls{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:26px;padding-top:22px;border-top:1px dashed #d9c9aa}
.question-controls p{font-size:12px;color:#837c68;max-width:330px;margin:0}.question-controls .button{flex-shrink:0}.button:disabled{opacity:.5;transform:none}
.explanation{margin:25px 0 0;padding:24px;border:1px solid #bfd0ac;background:linear-gradient(135deg,#edf3e6,#f5f7ee);border-radius:9px;font-size:14px;line-height:1.8;color:#33482a}
.explanation.bad{border-color:#d8baa4;background:linear-gradient(135deg,#faf0e4,#fff6ec);color:#62422e}
.explanation-heading{display:flex;align-items:center;gap:13px;margin-bottom:16px}.explanation-heading>.icon{width:30px;height:30px}.explanation-heading span{font-size:11px}.explanation h4{font-size:16px;margin:2px 0 0}.explanation p{margin:12px 0;overflow-wrap:anywhere}
.score-change{font-size:11px;font-weight:700;display:block;border-top:1px solid #b8c6a75c;padding-top:15px;margin-top:20px;letter-spacing:.2px}
.explanation h4{color:#3b542e}.explanation.bad h4{color:#6f442e}.explanation p{font-size:14px;line-height:1.85}
.explanation .score-change,.explanation.bad .score-change{background:transparent;color:inherit;border-color:#9d9e7752;padding:15px 0 0;margin-top:20px;font:700 11px/1.6 system-ui,sans-serif}
.learning-actions{display:flex;flex-wrap:wrap;gap:20px;padding:16px 0}.learning-actions button{background:none;padding:8px 0;min-height:40px}
.practice-tag{color:#7f5f32;font-size:9px;font-weight:800;background:#ede3cb;border:1px solid #d7c39c;padding:8px 12px;border-radius:5px;letter-spacing:1px;margin-left:auto}
.question-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #e5dac5;padding-top:23px;margin-top:25px}.question-pagination>span{font-size:11px;color:#81765f}.stored-note{display:flex;align-items:flex-start;justify-content:center;gap:7px;font-size:11px;color:#80765e;margin:20px 0 0}.stored-note .icon{width:15px;height:15px;margin-top:2px}
.question-overview,.quick-districts{background:#fffaf0;border:1px solid #d8c49c;border-radius:11px;padding:22px}.question-overview h3{font-family:Georgia,serif;font-size:34px;font-weight:400;margin:12px 0}.question-overview h3 small{font-family:system-ui,sans-serif;font-size:11px;color:#8b7d60}.question-overview .text-link{margin-top:16px}
.question-map{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;margin-top:21px}.question-map a{display:grid;place-items:center;min-height:36px;background:#f5efe0;border:1px solid #dfd3ba;color:#806d49;border-radius:5px;font-size:12px;font-weight:700}.question-map a:hover{border-color:#ac7d38}.question-map a.good{background:#dce9d1;color:#456637;border-color:#b9cda6}.question-map a.bad{background:#f1d9c8;color:#92583d;border-color:#d7b194}.question-map a.active{outline:2px solid #ac7b32;outline-offset:2px}
.map-legend{display:flex;gap:8px;flex-wrap:wrap;margin-top:15px;font-size:9px;color:#8a7b61}.map-legend span{display:flex;gap:4px;align-items:center}.map-legend i{width:7px;height:7px;border-radius:2px;background:#ddcfb6}.map-legend i.good{background:#88a772}.map-legend i.bad{background:#bc8765}
.quick-districts h3{font-family:Georgia,serif;font-size:18px;margin:0 0 16px;font-weight:400}.district-dots{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.district-dots a{font-size:11px;display:grid;place-items:center;min-height:34px;border:1px solid #e3d6bb;border-radius:4px;color:#807154}.district-dots a.active{background:#9d702e;color:#fff6df;border-color:#9d702e}.district-dots a.done{border-bottom:3px solid #668954}
.question-overview,.quick-districts{color:#665333}.question-overview h3,.quick-districts h3{color:#665333}
.study-guardian{text-align:center;color:#887651;font-size:12px}.study-guardian img{width:180px;height:180px;object-fit:contain;filter:drop-shadow(0 15px 10px #53340f18)}.study-guardian p{margin:0}
.question-figure{margin:22px 0;background:#fffcf5;border:1px solid #dfd1b6;border-radius:10px;padding:18px}.question-figure svg{display:block;width:100%;max-width:600px;height:auto;margin:0 auto;overflow:visible}.question-figure svg text{fill:#554839;font-size:14px;font-family:KaTeX_Main,Georgia,serif}.question-figure svg text.plot-symbol{font-family:KaTeX_Math,Georgia,serif;font-style:italic;font-size:17px}.question-figure figcaption{font-size:12px;text-align:center;color:#786342;margin-top:10px}.question-figure details{font-size:11px;color:#887759;margin-top:15px;border-top:1px dashed #ddcfb6;padding-top:12px}.question-figure summary{cursor:pointer}.question-figure details p{margin-bottom:0}
.question-table{overflow-x:auto;margin:20px 0;border:1px solid #dac9a6;border-radius:8px}.question-table table{border-collapse:collapse;width:100%;font-size:14px;min-width:300px}.question-table th{background:#f0e4cd;color:#786137;font-size:12px}.question-table td,.question-table th{padding:13px 17px;border-bottom:1px solid #e7ddcb;text-align:center}.question-table tr:last-child td{border:0}.question-table tr:nth-child(even) td{background:#faf5e9}
.katex{font-size:1.12em}.katex-display{overflow-x:auto;overflow-y:hidden;max-width:100%;padding:4px 0}.math-fallback{font-family:Georgia,serif;font-style:italic}
.entry-pass{position:relative;overflow:hidden;min-height:390px;padding:45px 44px;border:1px solid #c9ab70;border-radius:15px;background:radial-gradient(circle at 90% 30%,#f1d8a5,transparent 50%),#fff9ed;box-shadow:0 12px 40px #56381412}.entry-pass img{float:right;width:280px;height:280px;object-fit:contain;margin:0 0 12px 30px;filter:drop-shadow(0 14px 12px #573e2220)}.entry-pass h1{font-family:Georgia,serif;font-size:43px;font-weight:400;line-height:1.16;letter-spacing:-1px;margin:15px 0 18px;color:#674927}.entry-pass p{max-width:510px;color:#766448;font-size:15px;line-height:1.8}.entry-pass>div{display:flex;gap:10px;flex-wrap:wrap;margin-top:23px}.entry-pass>small{display:block;font-size:10px;color:#957d51;letter-spacing:.8px;margin-top:24px}
.loader{width:35px;height:35px;border:3px solid #e3d2af;border-top-color:#a3742c;border-radius:50%;display:block;margin:auto;animation:bank-spin .9s linear infinite}@keyframes bank-spin{to{transform:rotate(360deg)}}
.form-error{color:#a45030;font-size:12px;margin:8px 0 13px;min-height:0}.form-error:empty{display:none}.recover-profile,.backup-link{background:transparent;font-size:12px;color:#986d30;margin:16px auto 0;display:flex;align-items:center;justify-content:center;gap:6px;min-height:40px;padding:8px}.recover-profile{width:100%}.mini-rank-note{font-size:12px;line-height:1.7;color:#8b7757;margin:18px 0}.ranking-toolbar{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:25px 0}.ranking-podium{display:flex;justify-content:center;align-items:end;gap:20px;flex-wrap:wrap}.ranking-podium .podium{flex:1;max-width:310px}.progress-detail .vault{margin:20px 0;background:#2e251d}.progress-detail .rules-list{padding-left:0}.rules-list li{list-style:none;display:flex;gap:12px;margin-bottom:15px;font-size:13px}.rules-list li>.icon{width:17px;height:17px;margin-top:3px}.review-grid .saved-card>p{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
dialog .form-error{color:#f3b59a}.recover-profile,.backup-link{color:#e0bd7a}.mini-rank-note{color:#c3ab85}
@media(min-width:1300px){.question-body{padding:32px 40px 23px}.question-art-banner{height:175px}}
@media(max-width:1000px){.question-layout{grid-template-columns:minmax(0,1fr) 245px;gap:20px}.question-body{padding:25px}.question-top{padding:22px}.question-art-banner{padding:23px}.question-art-banner>span b{font-size:24px}.question-controls{align-items:flex-start;flex-direction:column}.question-controls .button{width:100%}}
@media(max-width:760px){.question-layout{grid-template-columns:1fr}.question-layout .side-column{display:grid;grid-template-columns:1fr 1fr;gap:16px}.question-layout .side-column>.vault,.study-guardian{display:none}.question-art-banner{height:125px}.question-art-banner>span b{font-size:22px}.banner-count{font-size:32px;padding:20px 12px}.question-body h3{font-size:16px}.entry-pass{padding:30px}.entry-pass img{float:none;display:block;margin:-10px auto 10px;width:200px;height:200px}.entry-pass h1{font-size:34px}.entry-pass{text-align:center}.entry-pass p{margin:auto}.entry-pass>div{justify-content:center}.question-map a{min-height:38px}}
@media(max-width:480px){.question-top{align-items:flex-start;padding:17px 16px}.question-topic h2{font-size:15px}.question-topic small{font-size:8px}.question-topic .topic-coin{display:none}.save-question{font-size:10px;gap:4px;padding:8px;min-height:40px}.question-body{padding:22px 17px 17px}.question-labels{gap:12px;margin-bottom:20px}.question-number{font-size:41px}.question-labels .pill{font-size:9px}.level-label{font-size:9px}.choice{font-size:14px;gap:11px;padding:13px 12px}.choice.selected,.choice.correct,.choice.wrong{padding:12px 11px}.choice-letter{min-width:29px;height:29px}.question-figure{padding:10px}.explanation{padding:18px}.question-pagination .button{padding:11px 12px;font-size:11px}.question-pagination>span{font-size:10px}.question-layout .side-column{grid-template-columns:1fr}.entry-pass{padding:25px 20px}.entry-pass>div>.button{width:100%}.ranking-toolbar{align-items:flex-start}.ranking-toolbar .online-dot{font-size:8px}.ranking-podium{gap:10px}.ranking-podium .podium{min-width:180px}.question-art-banner{padding:20px 18px}.question-art-banner>span{font-size:8px}.question-art-banner>span b{font-size:21px}.practice-tag{margin-left:0}.design-strip{font-size:8px;gap:8px;letter-spacing:.8px}}
@media(prefers-reduced-motion:reduce){.loader{animation:none}}
@media(max-width:760px){.question-art-banner>.banner-count{font-size:32px}}
@media(max-width:480px){.question-figure{overflow-x:auto}.question-figure svg{min-width:420px}.question-figure figcaption:after{content:' · Desliza el gráfico para ver todos los datos.';font-size:10px;display:block;margin-top:7px}}

/* Every district uses an SVG viewport: crop the atlas without stretching its characters. */
svg.topic-scene,svg.topic-scene.money-scene,.question-art-banner svg.topic-scene{background:none;background-size:auto;overflow:hidden;display:block}
.question-art-banner .district-caption{flex:1;min-width:0;margin-right:20px}
.question-art-banner .district-caption b{font-size:clamp(18px,2.3vw,29px);line-height:1.15}
.question-art-banner>.banner-count{width:86px;height:86px;min-width:86px;aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;padding:0;border-radius:13px;line-height:1;background:#352216b8;letter-spacing:0;text-shadow:none}
.question-art-banner>.banner-count strong{font:400 35px/1 Georgia,serif;margin:0}
.question-art-banner>.banner-count small{font:700 8px/1.2 system-ui,sans-serif;letter-spacing:1px;margin:0}
.question-body h3,.choice>span:nth-child(2),.explanation p,.review-grid .saved-card>p{white-space:pre-line}
.katex,.katex-display{white-space:normal}
.source-figure{padding:20px;background:#fff;border:1px solid #dccbab;border-radius:10px;margin:20px 0;text-align:center}
.source-figure img{display:block;max-width:100%;height:auto;max-height:330px;margin:auto;object-fit:contain}
.source-figure figcaption{font-size:11px;color:#826c49;margin-top:12px}
.name-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}
#profile-form select,.access-form select,.access-form input{width:100%;min-height:48px;border:1px solid #9b793b66;border-radius:6px;padding:12px;background:#211c17;color:#f5e3be;font-size:14px}
#profile-form select{font-size:13px}.career-source{display:block;margin:10px 0 0;font-size:10px;color:#c7b48e}.career-source a{text-decoration:underline}
select:focus-visible{outline:3px solid #d59937;outline-offset:3px}
.access-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:32px;align-items:start;max-width:1000px;margin:32px auto}
.access-form,.access-guide{background:#fff8ea;border:1px solid #c6a264;border-radius:14px;padding:32px;color:#655035}
.access-form label{display:block;font-size:13px;font-weight:700;margin:22px 0 8px}
.access-form input,.access-form select{display:block;margin-top:8px;background:#fffdf7;color:#3b352d;font-weight:400}
.access-note{font-size:12px;line-height:1.8;color:#816c4c}.access-form .button{margin-top:15px}.access-form #access-result{font-size:12px;line-height:1.7}
.access-guide img{display:block;width:210px;height:210px;object-fit:contain;margin:-10px auto 22px}.access-guide ol{padding:0;list-style:none;counter-reset:access;display:grid;gap:22px;margin-top:24px}.access-guide li{position:relative;padding-left:43px;counter-increment:access}.access-guide li:before{content:counter(access);position:absolute;left:0;top:0;width:28px;height:28px;display:grid;place-items:center;border:1px solid #cba76a;border-radius:50%;color:#967032}.access-guide b{font-size:13px}.access-guide li span{display:block;font-size:12px;line-height:1.7;margin-top:5px;color:#8a7758}
.access-form [hidden]{display:none}
@media(max-width:850px){.access-layout{grid-template-columns:1fr}.access-guide{display:grid;grid-template-columns:170px 1fr;gap:10px 25px}.access-guide img{width:160px;height:160px;grid-row:1/4;margin:auto}.access-guide ol{margin:0}.access-guide .eyebrow{font-size:8px}}
@media(max-width:480px){.question-art-banner>.banner-count{width:66px;height:66px;min-width:66px;border-radius:10px}.question-art-banner>.banner-count strong{font-size:28px}.question-art-banner>.banner-count small{font-size:6px;letter-spacing:.6px}.question-art-banner .district-caption{margin-right:10px}.name-fields{grid-template-columns:1fr;gap:0}.access-form,.access-guide{padding:24px}.access-guide{display:block}.access-guide img{margin:0 auto 20px}.access-guide ol{margin-top:20px}}

.plot-label{font:15px/1.6 KaTeX_Main,Georgia,serif;color:#554839;white-space:nowrap}.plot-label .katex{font-size:1em}.profile-nav #nav-name{max-width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mini-rank-row>b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.table-player>span{overflow-wrap:anywhere}.podium h3{overflow-wrap:anywhere}
svg.topic-scene{width:100%;height:100%}
.question-art-banner>span.banner-count{position:relative;left:auto;top:auto;right:auto;max-width:none;flex:none;color:#ffe6ad}
@media(min-width:1041px) and (max-width:1220px){.topbar{gap:14px;padding-left:20px;padding-right:20px}.topbar nav{gap:15px;font-size:12px}.profile-nav #nav-name{max-width:100px}.topbar .brand{font-size:13px}.topbar .brand small{font-size:7px}}

.edition-history{margin:28px 0;padding:24px;border:1px solid #c6a264;border-radius:10px;background:#fff7e7;color:#705631}.edition-history p{font-size:13px;line-height:1.8}.edition-history>div{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;font-size:12px;padding-top:12px;border-top:1px solid #dbcba6}

.name-fields{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.name-fields>label{min-width:0}#profile-form select,.access-form select{max-width:100%}@media(max-width:480px){.name-fields{grid-template-columns:1fr}}

/* A complete square illustration sits beside the district title. */
.question-art-banner{height:auto;min-height:142px;display:grid;grid-template-columns:106px minmax(0,1fr) 76px;gap:22px;padding:18px 26px;background:linear-gradient(120deg,#37291e,#4b3524);align-items:center}
.question-art-banner:after{display:none}
.district-art{width:106px;height:106px;aspect-ratio:1;overflow:hidden;border-radius:12px;border:1px solid #d6bb7c66;background:#f3e8d3}
.question-art-banner .district-art .topic-scene{position:static;inset:auto;width:100%;height:100%;opacity:1;border-radius:0;transform:none;object-fit:contain;filter:none}
.question-art-banner .district-caption{position:static;margin:0;min-width:0;font:800 9px/1.5 system-ui,sans-serif;letter-spacing:2px;color:#eac988;text-shadow:none}
.question-art-banner .district-caption b{display:block;margin:7px 0 0;max-width:none;font:400 clamp(19px,2vw,27px)/1.18 Georgia,serif;letter-spacing:-.3px;color:#fff0cd;overflow-wrap:anywhere}
.question-art-banner>span.banner-count{width:76px;height:76px;min-width:76px;position:static;max-width:none;font:400 32px/1 Georgia,serif;letter-spacing:0;background:#2e211a80;padding:0;border-radius:12px;text-shadow:none}
.question-art-banner>span.banner-count strong{font-size:30px}
.question-art-banner>span.banner-count small{font-size:7px;letter-spacing:.7px}
.public-invitation{text-align:center;max-width:1060px;padding-top:70px;padding-bottom:75px}
.public-invitation h2{font:400 clamp(30px,4vw,47px)/1.18 Georgia,serif;color:#e6c998;margin:18px 0}
.public-invitation>p{max-width:620px;margin:0 auto 28px;font-size:15px;line-height:1.8;color:#c6b591}
.public-features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:35px 0}
.public-features article{padding:27px 23px;border:1px solid #bb8d4344;background:#211b15;border-radius:12px;display:flex;flex-direction:column;align-items:center;gap:13px;color:#e7cc99}
.public-features article>.icon{width:28px;height:28px;color:#dcae57}
.public-features article>b{font-size:15px}.public-features article>span{font-size:12px;line-height:1.8;color:#bcab8b}
.public-invitation>.button{margin:5px}
.access-form .check-label,.request-card .check-label,.admin-table .check-label{display:flex;gap:10px;align-items:flex-start;font-size:11px;line-height:1.7;font-weight:400}
.check-label input[type=checkbox]{width:17px;min-width:17px;height:17px;min-height:0;margin:3px 0 0;padding:0;accent-color:#a77b32}
.access-form>.text-link{margin-top:20px}.access-note a{text-decoration:underline}.owner-setup{max-width:530px;margin:30px auto}
.pending-pass .account-email{font-size:13px;overflow-wrap:anywhere}.pending-pass .access-note{max-width:580px;font-size:12px}.pending-pass>div>.text-link{padding:14px 10px}
.nav-logout{color:inherit;background:none;font-size:11px;padding:8px 0;min-height:36px}
.personal-access{display:block;font-size:9px;color:#cbb58d;margin-top:15px}
.account-summary{display:flex;gap:18px;align-items:center;flex-wrap:wrap;border:1px solid #a87d4044;border-radius:12px;padding:25px;margin-top:30px;color:#d1b98d;background:#241c15}
.account-summary>div{flex:1;min-width:220px}.account-summary h3{margin:0 0 6px;font:400 23px Georgia,serif}.account-summary p{margin:0;font-size:12px;line-height:1.8}
.admin-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;margin:28px 0}.admin-metrics>div{border:1px solid #b78c4844;border-radius:12px;padding:24px;background:#241d17;color:#dabd87;display:flex;flex-direction:column;gap:8px}.admin-metrics b{font:400 37px/1 Georgia,serif}.admin-metrics span{font-size:11px}
.admin-section-title{font:400 27px/1.25 Georgia,serif;color:#debf85;margin:36px 0 20px}
.request-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.request-card{border:1px solid #c6a264;border-radius:13px;padding:26px;background:#fff8ea;color:#655035;min-width:0}
.request-card h3{font:400 24px/1.3 Georgia,serif;margin:19px 0 9px}.request-card p{font-size:13px;line-height:1.8;overflow-wrap:anywhere}.request-card small{font-size:10px;color:#8b7655;line-height:1.8;overflow-wrap:anywhere}.request-card .check-label{margin:22px 0}.request-card>div{display:flex;gap:9px;flex-wrap:wrap}
.admin-notice{background:#e8efdf;border:1px solid #a7ba8e;border-radius:10px;padding:22px;color:#425632;font-size:13px;line-height:1.8}.admin-notice .text-link{display:inline-flex;margin-left:10px}.admin-notice p{margin:5px 0 13px}.admin-notice[hidden]{display:none}
.admin-table table{min-width:780px}.admin-table td{vertical-align:top}.admin-table td small{display:block;margin-top:7px;overflow-wrap:anywhere;font-size:11px}.admin-row-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.admin-row-actions .button{font-size:10px;padding:10px}.admin-row-actions .text-link{font-size:10px}.admin-row-actions .check-label{margin:0}.status-pill{border:1px solid #ad956855;border-radius:6px;padding:6px 9px;font-size:10px;color:#d7bc8e;display:inline-block}.status-pill.approved{background:#44613444;color:#c9e4b4}.status-pill.suspended,.status-pill.rejected{background:#8b4b3533;color:#edb8a0}.compact-empty{padding:24px}
@media(max-width:1000px){.question-art-banner{grid-template-columns:88px minmax(0,1fr) 66px;gap:17px;padding:17px 21px;min-height:124px}.district-art{width:88px;height:88px}.question-art-banner>span.banner-count{width:66px;height:66px;min-width:66px}.question-art-banner .district-caption b{font-size:23px}}
@media(max-width:760px){.public-features{grid-template-columns:1fr}.public-invitation{padding-top:45px;padding-bottom:45px}.request-grid{grid-template-columns:1fr}.admin-metrics{gap:10px}.admin-metrics>div{padding:19px 14px}.admin-metrics span{font-size:10px}}
@media(max-width:480px){.question-art-banner{grid-template-columns:68px minmax(0,1fr) 50px;gap:12px;padding:15px 16px;min-height:100px}.district-art{width:68px;height:68px;border-radius:8px}.question-art-banner .district-caption{font-size:7px;letter-spacing:1.3px}.question-art-banner .district-caption b{font-size:19px;margin-top:5px;line-height:1.2}.question-art-banner>span.banner-count{width:50px;height:56px;min-width:50px;border-radius:8px;gap:5px}.question-art-banner>span.banner-count strong{font-size:24px}.question-art-banner>span.banner-count small{font-size:5px;letter-spacing:.2px}.request-card{padding:22px}.admin-metrics b{font-size:30px}.pending-pass .button{width:100%}.public-invitation>.button{display:flex;justify-content:center}}
/* Owner-only Cloudflare connection, isolated from student pages. */
.cloudflare-shell{max-width:1120px;margin-inline:auto}
.cloudflare-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:start}
.cloudflare-layout .access-form{width:100%;margin:0}
.cloudflare-guide h2,.cloudflare-connected h2{font-size:1.65rem;line-height:1.2;margin:12px 0 20px}
.cloudflare-guide ol{padding-left:23px;line-height:1.7;margin:14px 0}
.cloudflare-guide li+li{margin-top:14px}
.cloudflare-guide .table-wrap{margin:18px 0}
.cloudflare-guide table{min-width:0;width:100%;font-size:.9rem}
.cloudflare-guide th,.cloudflare-guide td{padding:10px;overflow-wrap:anywhere}
.cloudflare-connected p{line-height:1.65;overflow-wrap:anywhere}
.cloudflare-shell input[type=password]{font-family:inherit;letter-spacing:.05em}
.cloudflare-shell [hidden]{display:none!important}
@media(max-width:780px){.cloudflare-layout{grid-template-columns:1fr}.cloudflare-guide{order:2}.cloudflare-layout{gap:18px}}