/* Geometria e hierarquia do arquivo exclusivo Pontos Cegos no Paper. */
.blind-page { --blind-ink:#182230; --blind-muted:#586474; --blind-line:#dce2e9; --blind-primary:#224e7e; --blind-surface:#f5f7fa; --blind-remember:#fff9df; max-width:1200px; color:var(--blind-ink); gap:20px; padding:24px 16px; }
.blind-page .blind-page-heading h1 { font-size:24px; line-height:30px; letter-spacing:-.02em; }
.blind-page .blind-page-heading [class*=font-mono] { color:var(--blind-primary); font-size:10px; line-height:16px; letter-spacing:.1em; margin-bottom:6px; }
.blind-page .blind-page-heading p:not([class*=font-mono]) { font-size:14px; line-height:22px; margin-top:6px; }
.blind-page-reason { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:8px 20px; padding:12px 0; border-block:1px solid var(--blind-line); font-size:12px; line-height:19px; color:var(--blind-muted); }
.blind-page-reason p { display:flex; flex-wrap:wrap; gap:4px 10px; }
.blind-page-reason strong { color:var(--blind-primary); font-weight:600; }
.blind-page-accuracy { font-variant-numeric:tabular-nums; }
.blind-page .blind-page-card { border:0; border-radius:0; background:transparent; box-shadow:none; overflow:visible; }
.blind-page-question-meta { display:flex; flex-wrap:wrap; align-items:baseline; gap:4px 12px; margin-bottom:16px; }
.blind-page-question-meta h2 { font-size:14px; line-height:22px; font-weight:600; }
.blind-page-question-meta p { font-size:12px; line-height:19px; color:var(--blind-muted); }
.blind-page-content { min-width:0; }
.blind-page-footer { display:flex; flex-direction:column; align-items:stretch; gap:12px; padding-top:20px; margin-top:24px; border-top:1px solid var(--blind-line); }
.blind-page [data-slot=button][data-variant=default] { background:var(--blind-primary); color:white; }
.blind-page [data-slot=button] { min-height:44px; white-space:normal; height:auto; padding-block:10px; }
.blind-lesson { min-width:0; }
.blind-lesson p { overflow-wrap:anywhere; }
.blind-lesson-layout { display:grid; grid-template-columns:minmax(0,1fr); gap:24px; min-width:0; }
.blind-lesson-main { display:flex; flex-direction:column; min-width:0; gap:24px; }
.blind-lesson-reading { min-width:0; }
.blind-lesson-reading-title { display:flex; align-items:baseline; flex-wrap:wrap; gap:4px 12px; margin-bottom:12px; }
.blind-lesson-reading-title h3 { font-size:16px; line-height:24px; font-weight:600; }
.blind-lesson-reading-title span { font-size:11px; line-height:18px; color:var(--blind-muted); }
.blind-lesson-statement { font-size:15px; line-height:24px; overflow-wrap:anywhere; }
.blind-lesson-statement p { margin:0 0 14px; }
.blind-lesson-statement p:last-child { margin-bottom:0; }
.blind-lesson-statement img { max-width:100%; height:auto; }
.blind-lesson-statement table { max-width:100%; }
.blind-lesson-mark-command { background:#dce8fc; color:#183b70; }
.blind-lesson-mark-fact { background:#fff2b8; color:#624500; }
.blind-lesson-mark-condition { background:#f4dfe9; color:#76314d; }
.blind-lesson-mark { border-radius:3px; box-decoration-break:clone; -webkit-box-decoration-break:clone; }
.blind-lesson-mark [role=button] { display:inline; padding:2px 1px; border:0; border-bottom:1px solid currentColor; font:inherit; line-height:inherit; text-align:inherit; color:inherit; background:transparent; cursor:pointer; border-radius:3px; }
.blind-lesson-mark [role=button]:focus-visible,.blind-lesson-mark [role=button][aria-pressed=true] { outline:2px solid var(--blind-primary); outline-offset:3px; }
.blind-lesson-mark-symbol { font-size:11px; margin-left:3px; }
.blind-lesson-highlight-note { padding:12px 16px; margin-top:16px; border-left:2px solid var(--blind-primary); background:var(--blind-surface); border-radius:0 6px 6px 0; font-size:13px; line-height:21px; }
.blind-lesson-highlight-note strong { color:var(--blind-primary); }
.blind-lesson-highlight-note p { margin-top:6px; }
.blind-lesson-text-link { display:inline-flex; align-items:center; min-height:44px; text-decoration:underline; text-underline-offset:3px; color:var(--blind-primary); font-weight:600; }
.blind-lesson-verdict { margin-bottom:12px; }
.blind-lesson-verdict h3 { font-size:16px; line-height:24px; font-weight:600; }
.blind-lesson-verdict p { font-size:12px; line-height:19px; color:var(--blind-muted); margin:4px 0; }
.blind-lesson-verdict>span { font-size:12px; line-height:19px; color:var(--blind-muted); }
.blind-lesson-verdict .blind-lesson-result-correct { color:#157347; }
.blind-lesson-answers { display:flex; flex-direction:column; gap:10px; }
.blind-lesson-answer { display:flex; align-items:flex-start; gap:10px; padding:12px; border:1px solid; border-radius:10px; min-width:0; }
.blind-lesson-answer-correct { border-color:#a8cfba; background:#f1f8f4; color:#157347; }
.blind-lesson-answer-incorrect { border-color:#ecc2be; background:#fff6f5; color:#b42318; }
.blind-lesson-answer-letter { display:flex; width:24px; height:24px; flex-shrink:0; align-items:center; justify-content:center; border:1px solid currentColor; border-radius:5px; font-size:12px; font-weight:600; margin-top:1px; }
.blind-lesson-answer-body { min-width:0; flex:1; }
.blind-lesson .blind-lesson-answer-body .math-markdown,.blind-lesson .blind-lesson-answer-body .math-markdown p,.blind-lesson .blind-lesson-answer-body .math-markdown strong { font-size:14px; line-height:22px; color:inherit; margin:0; max-width:none; }
.blind-lesson-answer-status { display:flex; flex-wrap:wrap; align-items:center; gap:8px; font-size:11px; margin:0 0 4px; line-height:17px; }
.blind-lesson-your-answer { display:inline-block; padding:0 5px; border:1px solid currentColor; border-radius:4px; font-size:10px; font-weight:600; }
.blind-lesson-loading { display:flex; align-items:flex-start; gap:12px; padding:16px 0; }
.blind-lesson-loading svg { flex-shrink:0; width:20px; }
.blind-lesson-loading strong,.blind-lesson-unavailable strong { font-size:15px; line-height:24px; }
.blind-lesson-loading p { margin-top:6px; font-size:13px; line-height:21px; color:var(--blind-muted); }
.blind-lesson-unavailable { padding:16px; border:1px solid var(--blind-line); border-radius:12px; }
.blind-lesson-unavailable p { margin:8px 0 16px; font-size:14px; line-height:22px; }
.blind-lesson-teaching { display:flex; flex-direction:column; min-width:0; gap:24px; padding-top:16px; border-top:1px solid var(--blind-line); }
.blind-lesson-eyebrow { display:flex; align-items:center; gap:8px; font-family:'Geist Mono Variable','Geist Mono',monospace; text-transform:uppercase; letter-spacing:.1em; font-size:10px; line-height:16px; font-weight:600; color:var(--blind-primary); }
.blind-lesson-heading h2 { margin:10px 0 12px; font-size:24px; line-height:30px; font-weight:600; letter-spacing:-.02em; }
.blind-lesson .blind-lesson-heading .math-markdown p { color:var(--blind-muted); }
.blind-lesson .blind-lesson-teaching .math-markdown { max-width:none; }
.blind-lesson .blind-lesson-teaching .math-markdown p,.blind-lesson .blind-lesson-teaching .math-markdown ul,.blind-lesson .blind-lesson-teaching .math-markdown ol { font-size:15px; line-height:24px; margin:0 0 12px; color:var(--blind-ink); }
.blind-lesson .blind-lesson-teaching .math-markdown p:last-child { margin-bottom:0; }
.blind-lesson-section { position:relative; scroll-margin-top:32px; border-radius:4px; }
.blind-lesson-section-active { outline:2px solid #b7c9df; outline-offset:8px; }
.blind-lesson-section-number { font-family:'Geist Mono Variable','Geist Mono',monospace; font-size:10px; color:var(--blind-muted); letter-spacing:.08em; }
.blind-lesson-section h3 { font-size:18px; line-height:26px; font-weight:600; margin:4px 0 10px; letter-spacing:-.015em; }
.blind-lesson-sidebar { display:flex; flex-direction:column; gap:24px; min-width:0; align-self:start; }
.blind-lesson-remember { padding:20px; background:var(--blind-remember); border-radius:12px; }
.blind-lesson-remember h3,.blind-lesson-check h3 { font-size:20px; font-weight:600; line-height:26px; letter-spacing:-.02em; margin:8px 0 18px; }
.blind-lesson-remember ol { list-style:none; padding:0; display:flex; flex-direction:column; gap:18px; }
.blind-lesson-remember li { display:flex; gap:10px; min-width:0; }
.blind-lesson-remember li>svg { flex-shrink:0; width:15px; margin-top:2px; color:var(--blind-primary); }
.blind-lesson-remember strong { font-size:14px; line-height:21px; font-weight:600; }
.blind-lesson .blind-lesson-remember .math-markdown p { font-size:13px; line-height:21px; margin:4px 0 0; color:var(--blind-muted); }
.blind-lesson-check { padding:20px; background:var(--blind-surface); border-radius:12px; }
.blind-lesson-check h3 { font-size:19px; margin-top:0; margin-bottom:12px; }
.blind-lesson-check>p { font-size:13px; line-height:21px; color:var(--blind-muted); margin-bottom:16px; }
.blind-lesson-check>button { width:100%; }
.blind-lesson-check legend { font-size:14px; line-height:22px; font-weight:600; margin-bottom:14px; }
.blind-lesson-check-option { display:flex; gap:10px; align-items:flex-start; padding:12px; margin-bottom:8px; border:1px solid var(--blind-line); border-radius:8px; background:var(--background); font-size:13px; line-height:21px; cursor:pointer; min-height:44px; }
.blind-lesson-check-option input { flex-shrink:0; margin-top:4px; accent-color:var(--blind-primary); }
.blind-lesson-check fieldset>button { margin-top:8px; }
.blind-lesson-check-result { padding-top:12px; font-size:13px; line-height:21px; }
.blind-lesson-check-result .math-markdown p { font-size:13px; line-height:21px; margin:8px 0; }
.blind-lesson-details { min-width:0; border-top:1px solid var(--blind-line); font-size:12px; line-height:20px; }
.blind-lesson-details summary { display:flex; align-items:center; justify-content:space-between; gap:12px; min-height:48px; padding:12px 0; cursor:pointer; font-weight:600; list-style:none; }
.blind-lesson-details>div { padding:4px 0 12px; }
.blind-lesson-details a { display:inline-flex; align-items:center; min-height:44px; color:var(--blind-primary); text-decoration:underline; }
.blind-lesson-details li { margin:12px 0; }
.blind-lesson-limits h3 { font-size:14px; font-weight:600; line-height:22px; margin-bottom:8px; }
.blind-lesson .blind-lesson-limits .math-markdown p { font-size:13px; line-height:21px; color:var(--blind-muted); }
.blind-confidence { display:flex; flex-wrap:wrap; gap:8px; border:0; padding:0; margin:20px 0 0; }
.blind-confidence legend { font-size:12px; color:var(--blind-muted); margin-bottom:8px; }
.blind-confidence label { display:flex; gap:8px; align-items:center; min-height:44px; padding:10px 12px; border:1px solid var(--blind-line); border-radius:8px; font-size:13px; cursor:pointer; }
.blind-confidence input { accent-color:var(--blind-primary); }
@media(min-width:640px) { .blind-page { padding:32px 40px; gap:24px; } .blind-page .blind-page-heading h1 { font-size:30px; line-height:36px; } .blind-page-footer { flex-direction:row; justify-content:space-between; align-items:center; } }
@media(min-width:1100px) { .blind-lesson-layout { grid-template-columns:minmax(0,760fr) minmax(280px,328fr); gap:32px; } .blind-lesson-remember,.blind-lesson-check { padding:24px; } }
@media(prefers-reduced-motion:reduce) { .blind-page * { scroll-behavior:auto; } }
.dark .blind-page { --blind-ink:var(--foreground); --blind-muted:var(--muted-foreground); --blind-line:var(--border); --blind-primary:#9abfea; --blind-surface:var(--muted); --blind-remember:#37321e; }
.dark .blind-page [data-slot=button][data-variant=default] { background:#224e7e; }
.dark .blind-lesson-answer-correct { color:#88d6ab; background:#142c20; border-color:#335740; }
.dark .blind-lesson-answer-incorrect { color:#ffa99e; background:#341c1a; border-color:#72413b; }

.blind-page .blind-page-heading:has(.blind-top-next)>div:last-child { display:none; }
@media(min-width:1100px) { .blind-page .blind-page-heading:has(.blind-top-next)>div:last-child { display:flex; } .blind-top-next { padding-inline:20px; } }
.blind-page .blind-page-heading:has(.blind-history-button)>div:last-child { display:flex; width:auto; }
.blind-page .blind-top-next { display:none; }
.blind-page .blind-history-button { flex:none; padding-inline:16px; }
.blind-lesson .blind-lesson-verdict .blind-lesson-saved { font-size:12px; line-height:19px; margin-top:8px; color:#157347; }
.blind-saved-list-actions { display:flex; align-items:center; justify-content:space-between; gap:16px; font-size:13px; line-height:21px; color:var(--blind-muted); }
.blind-saved-list-actions>button { flex-shrink:0; }
.blind-saved-loading { display:flex; align-items:center; gap:10px; font-size:14px; line-height:22px; padding-block:20px; }
.blind-saved-loading svg { width:18px; flex-shrink:0; }
.blind-saved-list { display:flex; flex-direction:column; list-style:none; gap:12px; padding:0; }
.blind-saved-list li>button { display:flex; width:100%; text-align:left; align-items:center; justify-content:space-between; gap:16px; padding:16px; border:1px solid var(--blind-line); border-radius:12px; }
.blind-saved-list li>button:hover { background:var(--blind-surface); }
.blind-saved-list li>button:focus-visible { outline:2px solid var(--blind-primary); outline-offset:2px; }
.blind-saved-item-content { min-width:0; }
.blind-saved-item-content p { font-size:12px; line-height:20px; color:var(--blind-muted); overflow-wrap:anywhere; }
.blind-saved-item-content h2 { font-size:16px; line-height:24px; font-weight:600; margin:6px 0; overflow-wrap:anywhere; }
.blind-saved-item-status { display:flex; flex-direction:column; align-items:flex-end; gap:4px; font-size:11px; line-height:18px; flex-shrink:0; color:var(--blind-muted); }
.blind-saved-item-status .blind-saved-correct { color:#157347; }
.blind-saved-empty,.blind-saved-pending { padding:20px; border:1px solid var(--blind-line); border-radius:12px; }
.blind-saved-empty h2,.blind-saved-pending strong { font-size:16px; line-height:24px; font-weight:600; }
.blind-saved-empty p,.blind-saved-pending p { font-size:14px; line-height:22px; color:var(--blind-muted); margin:8px 0 16px; }
.blind-saved-context { font-size:12px; line-height:20px; color:var(--blind-muted); }
.blind-saved-context strong { color:var(--blind-ink); }
@media(min-width:1100px) { .blind-page .blind-top-next { display:inline-flex; } }
@media(max-width:639px) { .blind-saved-list li>button { align-items:flex-start; flex-direction:column; gap:10px; } .blind-saved-item-status { flex-direction:row; align-items:center; width:100%; gap:12px; } .blind-saved-item-status svg { margin-left:auto; } }
