/* app.css — 数学学习 AI 版 · 统一样式（电脑工作台 / 手机页 / 入口页） */
:root{--bg:#f5f5f7;--card:#fff;--line:#e3e4e8;--line-soft:#eef0f3;--ink:#1d1d1f;--ink-2:#4b4f57;--muted:#7c828d;--accent:#0a66c2;--accent-soft:#e8f0fb;--accent-ink:#0b4a8f;
 --green:#2e7d5b;--green-soft:#e3f3ea;--red:#c43c3c;--red-soft:#fbe8e8;--amber:#9a6b12;--amber-soft:#fbf1d8;--purple:#6b4bd1;--purple-soft:#eee9fb;--fig:#1d1d1f;--fig-aux:#b17a39;--blue:#0a66c2;
 --radius:14px;--shadow:0 1px 2px rgba(0,0,0,.05),0 6px 20px rgba(0,0,0,.05);--sans:-apple-system,BlinkMacSystemFont,"PingFang SC","Helvetica Neue","Noto Sans SC","Microsoft YaHei",sans-serif;--mono:ui-monospace,Menlo,Consolas,monospace}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:15px;line-height:1.65}
a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}
button,input,select,textarea{font:inherit;color:inherit}
h1,h2,h3{font-weight:700;line-height:1.3;margin:0}h1{font-size:1.5rem;letter-spacing:-.01em}h2{font-size:1.15rem}h3{font-size:1rem}
p{margin:.4em 0}.fine{font-size:.82rem;color:var(--muted)}.note{font-size:.88rem;color:var(--ink-2)}.empty{color:var(--muted);padding:26px 0;text-align:center}
.katex-display{overflow-x:auto;overflow-y:hidden;padding:2px 0;margin:.6em 0}.katex{font-size:1.06em;max-width:100%}.md p{margin:.45em 0}.md table{border-collapse:collapse;font-size:.92em;margin:.5em 0;display:block;overflow:auto;max-width:100%}.md td,.md th{border:1px solid var(--line);padding:3px 8px}.md ul,.md ol{margin:.3em 0;padding-left:1.4em}.md blockquote{margin:.5em 0;padding:2px 12px;border-left:3px solid var(--line);color:var(--ink-2)}
.md h1,.md h2,.md h3,.md h4{font-size:1rem;margin:.7em 0 .3em}.md pre{background:var(--line-soft);padding:8px 10px;border-radius:8px;overflow:auto;font-size:.88em}.md code{font-family:var(--mono);font-size:.9em}
/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:36px;padding:6px 14px;border:1px solid var(--line);border-radius:10px;background:#fff;cursor:pointer;font-weight:500;color:var(--ink);white-space:nowrap;transition:background .12s}
.btn:hover{background:var(--line-soft)}.btn:disabled{opacity:.5;cursor:default}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn.primary:hover{background:var(--accent-ink)}
.btn.ghost{background:transparent}.btn.soft{background:var(--accent-soft);border-color:transparent;color:var(--accent-ink)}.btn.ai{background:linear-gradient(120deg,#6b4bd1,#0a66c2);color:#fff;border-color:transparent}.btn.ai:hover{filter:brightness(1.08)}
.btn.tiny{min-height:28px;padding:2px 10px;font-size:.82rem;border-radius:8px}.btn.danger{color:var(--red)}.btn.small{min-height:32px;font-size:.88rem}
.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.row.between{justify-content:space-between}.stack{display:flex;flex-direction:column;gap:10px}.grow{flex:1;min-width:0}
input[type=text],input[type=search],input[type=password],input[type=number],input[type=date],select,textarea{padding:8px 11px;border:1px solid var(--line);border-radius:10px;background:#fff;min-height:38px;max-width:100%}
input:focus,textarea:focus,select:focus{outline:2px solid var(--accent);outline-offset:1px;border-color:transparent}textarea{width:100%;min-height:110px;resize:vertical;line-height:1.55}
.tag{display:inline-block;font-size:.72rem;padding:1px 8px;border-radius:999px;background:var(--line-soft);color:var(--ink-2);vertical-align:middle;white-space:nowrap}.tag.warm{background:var(--amber-soft);color:var(--amber)}.tag.ok{background:var(--green-soft);color:var(--green)}.tag.bad{background:var(--red-soft);color:var(--red)}.tag.partial{background:var(--amber-soft);color:var(--amber)}.tag.ai{background:var(--purple-soft);color:var(--purple)}.tag.none{background:var(--line-soft)}
.chip{display:inline-flex;align-items:center;gap:4px;padding:3px 11px;border-radius:999px;border:1px solid var(--line);background:#fff;font-size:.82rem;cursor:pointer;color:var(--ink-2)}.chip.on{background:var(--accent-soft);border-color:var(--accent);color:var(--accent-ink)}
.card{background:var(--card);border:1px solid var(--line-soft);border-radius:var(--radius);padding:16px 18px;box-shadow:var(--shadow)}
.card.task{display:flex;gap:14px;align-items:center;width:100%;text-align:left;cursor:pointer}.card.task:hover{border-color:var(--line)}.task-n{flex:none;width:32px;height:32px;border-radius:50%;background:var(--accent-soft);color:var(--accent-ink);display:grid;place-items:center;font-weight:700;font-size:.9rem}
.task-title{font-weight:600}.task-meta{font-size:.8rem;color:var(--muted);margin-top:2px}.preview{font-size:.86rem;color:var(--ink-2);margin-top:4px;max-height:3.2em;overflow:hidden}
.status{flex:none;font-size:.78rem;padding:2px 9px;border-radius:999px;background:var(--line-soft);color:var(--ink-2)}.status.done{background:var(--green-soft);color:var(--green)}.status.wip{background:var(--amber-soft);color:var(--amber)}
.toast{position:fixed;left:50%;bottom:26px;transform:translate(-50%,20px);background:#1d1d1f;color:#fff;padding:9px 16px;border-radius:12px;font-size:.9rem;opacity:0;pointer-events:none;transition:.2s;z-index:100;max-width:90vw}.toast.show{opacity:1;transform:translate(-50%,0)}.toast.bad{background:var(--red)}
.dialog-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.35);display:flex;align-items:center;justify-content:center;z-index:60;padding:16px}.dialog{background:#fff;border-radius:18px;max-width:560px;width:100%;max-height:92vh;overflow:auto;padding:22px;box-shadow:0 20px 60px rgba(0,0,0,.25)}.dialog.wide{max-width:960px}.dialog h2{margin-bottom:10px}
body.has-dialog{overflow:hidden}
/* layout */
.top{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:14px;padding:8px 18px;background:rgba(255,255,255,.86);backdrop-filter:saturate(180%) blur(14px);border-bottom:1px solid var(--line-soft)}
.brand{display:flex;align-items:center;gap:8px;font-weight:700;white-space:nowrap}.brand .logo{width:28px;height:28px;border-radius:8px;background:var(--accent);color:#fff;display:grid;place-items:center;font-size:.95rem}
.tabs{display:flex;gap:2px;overflow:auto;flex:1;-webkit-overflow-scrolling:touch}.tabs::-webkit-scrollbar{display:none}.nav{border:0;background:transparent;padding:6px 12px;border-radius:9px;cursor:pointer;color:var(--ink-2);white-space:nowrap;font-weight:500}.nav.on{background:var(--accent-soft);color:var(--accent-ink)}.nav:hover{background:var(--line-soft)}
.account{display:flex;gap:8px;align-items:center;font-size:.85rem;color:var(--muted);white-space:nowrap}.account a{color:var(--muted)}
.main{max-width:1180px;margin:0 auto;padding:22px 18px 80px}.main.wide{max-width:1400px}
.hero{padding:6px 0 16px}.hero .mood{color:var(--ink-2);font-size:1rem;margin:.3em 0 .6em}.pills{display:flex;gap:8px;flex-wrap:wrap}.pill{font-size:.82rem;padding:3px 11px;border-radius:999px;background:#fff;border:1px solid var(--line)}
section{margin:22px 0}section>h2{margin-bottom:10px}
.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px}.tile{background:#fff;border:1px solid var(--line-soft);border-radius:var(--radius);padding:12px 14px}.tile b{display:block;font-size:1.5rem;letter-spacing:-.02em}.tile span{font-size:.82rem;color:var(--muted)}
.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media(max-width:640px){.two{grid-template-columns:1fr}}
.filters{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:8px 0 12px}.filters input[type=search]{flex:1;min-width:180px}
.tbl{width:100%;border-collapse:collapse;font-size:.9rem;background:#fff;border-radius:12px;overflow:hidden}.tbl th,.tbl td{text-align:left;padding:8px 10px;border-bottom:1px solid var(--line-soft);vertical-align:top}.tbl th{font-size:.78rem;color:var(--muted);font-weight:600}
/* problem page */
.problem-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:18px;align-items:start}.problem-layout.has-figure{grid-template-columns:minmax(0,1fr) var(--fig-w,340px)}
@media(max-width:820px){.problem-layout.has-figure{grid-template-columns:minmax(0,1fr)}.figure-rail{top:52px;order:-1;z-index:6;--fig-h:240px}.figure-rail .viewer-stage{max-height:var(--fig-h,240px)}}
.figure-rail{position:sticky;top:64px;background:#fff;border:1px solid var(--line-soft);border-radius:var(--radius);padding:10px;box-shadow:var(--shadow)}
.figure-rail-head{display:flex;justify-content:space-between;align-items:center;font-size:.8rem;color:var(--muted);padding:0 4px 8px}
.figure-rail-size{display:flex;gap:6px;align-items:center}.figure-rail-size button{border:1px solid var(--line);background:#fff;border-radius:7px;padding:1px 8px;cursor:pointer;font-size:.78rem}
.figure-box{margin-bottom:10px}.figure-inner{border-radius:12px;border:1px solid var(--line-soft);background:#fff}.figure-caption{font-size:.8rem;color:var(--muted);padding:6px 4px 0}.figure-index{font-size:.75rem;color:var(--muted);padding:0 4px 4px}
.viewer{position:relative;overflow:hidden}.viewer-resize{position:absolute;right:4px;bottom:4px;z-index:3;width:30px;height:30px;border-radius:8px;border:1px solid var(--line);background:rgba(255,255,255,.92);color:var(--accent-ink);font-size:16px;cursor:nwse-resize;touch-action:none;display:grid;place-items:center;box-shadow:0 1px 3px rgba(0,0,0,.12)}.viewer-resize:hover{background:var(--accent-soft)}.viewer.resizing{outline:2px solid var(--accent)}
/* figures follow the reader while scrolling */
.variant .figure-box,.ai-result .figure-box,.ai-result [data-figure],.dialog [data-figure]{position:sticky;top:8px;z-index:4;background:#fff;border-radius:12px}.figure-rail .figure-box{margin-bottom:6px}.figure-rail-collapsed .figure-box,.figure-rail-collapsed .figure-rail-size{display:none}.viewer-stage{position:relative;overflow:hidden;min-height:140px;max-height:var(--fig-h,460px);height:var(--fig-h,auto);display:flex;align-items:center;justify-content:center;cursor:grab;user-select:none;-webkit-user-select:none}.viewer.zoomed .viewer-stage{cursor:move}
.viewer-content{transform-origin:0 0;will-change:transform;width:100%;display:flex;justify-content:center;align-items:center}.viewer-content>.fig-svg-inline,.viewer-content>.fig{width:100%}.fig-svg-inline svg{margin:0 auto}.viewer-content img{display:block;max-width:100%;height:auto;max-height:var(--fig-h,440px);object-fit:contain}.viewer-content svg{display:block;max-width:100%;height:auto}
.viewer-bar{display:flex;align-items:center;gap:6px;padding:6px 6px 2px;font-size:.78rem;color:var(--muted);flex-wrap:wrap}.viewer-bar button{border:1px solid var(--line);background:#fff;border-radius:7px;min-width:28px;height:26px;cursor:pointer;font-size:.85rem;padding:0 7px}.viewer-zoom{min-width:40px;text-align:center;font-variant-numeric:tabular-nums}.viewer-hint{margin-left:auto;font-size:.72rem}
.viewer-full{position:fixed;inset:0;background:rgba(20,20,22,.96);z-index:80;display:flex;flex-direction:column}.viewer-full-inner{flex:1;min-height:0;display:flex;flex-direction:column}.viewer-full-inner .viewer-stage{flex:1;max-height:none;height:auto;background:#fff}.viewer-full-inner .viewer-content img{max-height:88vh}.viewer-full-inner .viewer-bar{background:#fff}.viewer-full-close{position:absolute;top:10px;right:12px;z-index:2;border:0;border-radius:10px;padding:8px 14px;background:#fff;cursor:pointer;font-weight:600}
.fig{display:block;max-width:100%}.fig-svg{width:100%;max-width:100%;height:auto;max-height:var(--fig-h,420px);background:#fff;cursor:grab;touch-action:none;outline:none;display:block}.fig-svg.dragging{cursor:grabbing}
.fig-svg .bg{fill:#fff}.fig-svg .edge{stroke:var(--fig);stroke-width:1.4}.fig-svg .aux{stroke:var(--fig-aux);stroke-width:1.2}.fig-svg .dot{fill:var(--fig)}.fig-svg .lbl{font-size:11px;font-style:italic;fill:var(--fig)}.fig-svg .face{fill:var(--fig);fill-opacity:.07;stroke:var(--fig);stroke-width:1}
.fig-svg .grid{stroke:#e5e7eb;stroke-width:.5}.fig-svg .axis{stroke:#6b7280;stroke-width:.8}.fig-svg .curve{stroke:var(--blue);stroke-width:1.4;fill:none}.fig-svg .arrow{fill:var(--fig)}.fig-svg text,.fig-svg tspan{pointer-events:none}
.fig-cap{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:.76rem;color:var(--muted);padding:6px 6px 2px}.fig-cap .hint{width:100%}.fig-zoom{display:flex;align-items:center;gap:6px;font-size:.76rem}.fig-zoom-slider{width:90px;accent-color:var(--accent)}.fig-desc{color:var(--ink-2);font-size:.9rem;background:var(--line-soft);padding:8px 12px;border-radius:10px}
.fig-svg-inline svg{width:100%;height:auto;max-height:var(--fig-h,420px);display:block}
.problem-head{margin-bottom:8px}.problem-head .meta{font-size:.82rem;color:var(--muted);margin-top:4px}
.statement{font-size:1.02rem;background:#fff;border:1px solid var(--line-soft);border-radius:var(--radius);padding:14px 18px;box-shadow:var(--shadow)}.subq{margin:.35em 0 .35em 1em}.choices{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:4px 16px;margin-top:6px}
.work{margin-top:16px}.work h3{margin-bottom:8px}.assess{display:flex;gap:12px;flex-wrap:wrap;font-size:.92rem;margin:10px 0}.assess label{display:flex;gap:4px;align-items:center;cursor:pointer}
.thumbs{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0}.thumb{position:relative;width:88px;height:88px;border-radius:10px;overflow:hidden;border:1px solid var(--line);background:#fff;cursor:pointer}.thumb img{width:100%;height:100%;object-fit:cover;display:block}.thumb.on{outline:3px solid var(--accent)}.thumb .x{position:absolute;top:2px;right:2px;border:0;border-radius:50%;width:22px;height:22px;background:rgba(0,0,0,.55);color:#fff;cursor:pointer;font-size:.8rem}.thumb .chk{position:absolute;left:4px;top:4px;width:20px;height:20px;border-radius:50%;background:rgba(255,255,255,.9);border:1px solid var(--line);display:grid;place-items:center;font-size:.75rem;color:var(--accent-ink)}
.help{margin-top:18px}.hint-box{background:var(--amber-soft);border-radius:12px;padding:10px 14px;margin:8px 0}.hint-box b{display:block;margin-bottom:2px;color:var(--amber)}
.solution{background:var(--accent-soft);border-radius:var(--radius);padding:12px 16px;margin-top:8px}.sol-row{display:grid;grid-template-columns:64px minmax(0,1fr);gap:8px;padding:6px 0;border-bottom:1px solid rgba(0,0,0,.05)}.sol-row:last-child{border-bottom:0}.sol-row b{color:var(--accent-ink);font-size:.9rem}
.confirm{background:var(--amber-soft);border-radius:12px;padding:12px 14px}
.attempt{background:#fff;border:1px solid var(--line-soft);border-radius:12px;padding:10px 14px;margin:8px 0}.attempt .fine{margin-bottom:4px}
.after{margin-top:16px}.reflect{display:block}.reflect input{width:100%;margin-top:4px}
details.section{background:#fff;border:1px solid var(--line-soft);border-radius:var(--radius);padding:10px 16px;margin:12px 0;box-shadow:var(--shadow)}details.section>summary{cursor:pointer;font-weight:600;list-style:none;display:flex;align-items:center;gap:8px}details.section>summary::-webkit-details-marker{display:none}details.section>summary::before{content:"▸";color:var(--muted);transition:.15s}details.section[open]>summary::before{transform:rotate(90deg)}
.variant{border-top:1px solid var(--line-soft);padding:12px 0}.variant:first-child{border-top:0}.variant-title{font-weight:600;display:flex;gap:8px;align-items:center;flex-wrap:wrap}.variant .figure-box{max-width:420px}.variant details{margin-top:6px}.variant details summary{cursor:pointer;color:var(--accent-ink);font-size:.9rem}.variant details>div{padding:6px 0 2px}
.ai-panel{background:linear-gradient(180deg,#faf8ff,#fff);border:1px solid #e6e0f7;border-radius:var(--radius);padding:14px 18px;margin:12px 0}.ai-panel h3{display:flex;align-items:center;gap:8px}.ai-panel h3 .tag{font-size:.7rem}
.ai-controls{display:flex;gap:14px;flex-wrap:wrap;align-items:center;margin:10px 0}.ai-controls label{display:flex;gap:6px;align-items:center;font-size:.9rem}.ai-controls input[type=range]{width:180px;accent-color:var(--purple)}
.diff-scale{display:flex;justify-content:space-between;width:180px;font-size:.7rem;color:var(--muted)}
.job{display:flex;gap:12px;align-items:center;padding:10px 0;border-top:1px solid var(--line-soft);cursor:pointer}.job:first-child{border-top:0}.job:hover .job-title{color:var(--accent)}.job-title{font-weight:600}.job .fine{margin-top:2px}
.spinner{display:inline-block;width:16px;height:16px;border:2px solid var(--line);border-top-color:var(--purple);border-radius:50%;animation:spin .8s linear infinite;vertical-align:middle}@keyframes spin{to{transform:rotate(360deg)}}
.progress-line{display:flex;gap:10px;align-items:center;padding:10px 14px;background:var(--purple-soft);border-radius:12px;color:var(--purple);margin:8px 0}
.ai-result h3{margin:16px 0 6px;padding-bottom:4px;border-bottom:1px solid var(--line-soft);font-size:.95rem}.ai-result .verdict{display:flex;gap:10px;align-items:center;font-size:1.05rem;padding:10px 14px;border-radius:12px;background:var(--line-soft)}.verdict.ok{background:var(--green-soft);color:var(--green)}.verdict.bad{background:var(--red-soft);color:var(--red)}.verdict.partial{background:var(--amber-soft);color:var(--amber)}
.step{display:grid;grid-template-columns:26px minmax(0,1fr);gap:8px;padding:6px 0;border-bottom:1px dashed var(--line-soft)}.step .mark{font-weight:700;text-align:center}.step.correct .mark{color:var(--green)}.step.wrong .mark{color:var(--red)}.step.unclear .mark,.step.missing .mark{color:var(--amber)}.step .comment{font-size:.88rem;color:var(--ink-2);margin-top:2px}
.error-item{background:var(--red-soft);border-radius:10px;padding:8px 12px;margin:6px 0;font-size:.92rem}.error-item b{color:var(--red)}
.weak{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;background:var(--purple-soft);color:var(--purple);font-size:.84rem;margin:3px 4px 3px 0}.weak.high{background:var(--red-soft);color:var(--red)}.weak.low{background:var(--line-soft);color:var(--ink-2)}.weak b{font-weight:600}
.photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.photo{background:#fff;border:1px solid var(--line-soft);border-radius:12px;overflow:hidden;position:relative}.photo img{width:100%;aspect-ratio:1;object-fit:cover;display:block;cursor:zoom-in}.photo .pmeta{padding:6px 8px;font-size:.76rem;color:var(--muted);display:flex;justify-content:space-between;gap:6px;align-items:center}.photo.on{outline:3px solid var(--accent)}.photo .chk{position:absolute;left:6px;top:6px;width:24px;height:24px;border-radius:50%;background:rgba(255,255,255,.92);border:1px solid var(--line);display:grid;place-items:center;font-size:.8rem;color:var(--accent-ink);cursor:pointer}
.ocr-text{white-space:pre-wrap;font-size:.9rem;background:var(--line-soft);padding:8px 12px;border-radius:10px;max-height:320px;overflow:auto}
.plan-row{display:flex;gap:10px;align-items:center;padding:8px 0;border-bottom:1px solid var(--line-soft)}.plan-row .n{width:24px;color:var(--muted);text-align:center}.plan-row input[type=number]{width:70px}
.picker{background:#fff;border:1px solid var(--line-soft);border-radius:var(--radius);padding:14px 16px;margin-top:12px;max-height:520px;overflow:auto}.picker-row{display:flex;gap:10px;align-items:center;padding:6px 0;border-bottom:1px solid var(--line-soft)}
.volumes{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px}.volume{background:#fff;border:1px solid var(--line-soft);border-radius:var(--radius);padding:12px 14px;cursor:pointer;text-align:left;box-shadow:var(--shadow)}.volume:hover{border-color:var(--accent)}.volume b{display:block;font-size:1rem}.volume span{font-size:.8rem;color:var(--muted)}.volume .vn{color:var(--accent);font-weight:700;font-size:.8rem}
.xlb-chapter{margin:14px 0}.xlb-chapter h3{margin-bottom:6px}.xlb-items{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:8px}.xlb-item{background:#fff;border:1px solid var(--line-soft);border-radius:12px;padding:8px 12px;cursor:pointer;text-align:left;font-size:.88rem}.xlb-item:hover{border-color:var(--accent)}.xlb-item b{display:block;font-size:.8rem;color:var(--accent-ink)}.xlb-item .preview{max-height:2.6em}
.bars{display:flex;gap:6px;align-items:flex-end;height:110px;padding:8px 0}.bar{flex:1;text-align:center;font-size:.72rem;color:var(--muted)}.bar .col{height:74px;display:flex;align-items:flex-end;justify-content:center}.bar .fill{width:60%;background:var(--accent-soft);border-radius:6px 6px 0 0;min-height:2px}
.back{display:inline-block;margin-bottom:10px;font-size:.9rem}
.setup-form label,.login-form label{display:block;margin:10px 0 4px;font-size:.9rem;color:var(--ink-2)}.setup-form input,.login-form input{width:100%}
.portal-roles{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:20px}@media(max-width:640px){.portal-roles{grid-template-columns:1fr}}.portal-role{padding:18px}.portal-role h2{margin-bottom:8px}.portal-links{display:flex;flex-direction:column;gap:8px;margin-top:10px}.portal-links a{display:flex;justify-content:space-between;padding:10px 14px;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--ink)}.portal-links a:hover{border-color:var(--accent);text-decoration:none}
@media(max-width:640px){.account span.who{display:none}.main{padding:14px 12px 70px}.card{padding:12px 14px}.top{padding:6px 10px;gap:8px}.brand span.t{display:none}.tabs .nav{padding:6px 9px;font-size:.9rem}h1{font-size:1.25rem}.statement{padding:12px 14px}.problem-layout{gap:12px}}
@media print{.top,.viewer-bar,.btn,.figure-rail-head{display:none!important}body{background:#fff}.card,.statement{box-shadow:none}}