:root{--navy:#001542;--gold:#ffb30d;--ink:#17253d;--muted:#526079;--line:#dce2eb;--paper:#fff;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:#f4f6fa;font-size:16px}
*{box-sizing:border-box}body{margin:0;line-height:1.65}body.modal-open{overflow:hidden}button,input{font:inherit}button,a,input,summary{-webkit-tap-highlight-color:transparent}button,summary{cursor:pointer}a{color:var(--navy)}:focus-visible{outline:3px solid #b76b00;outline-offset:4px}.skip{position:absolute;top:-100px;background:white;padding:12px;z-index:5}.skip:focus{top:0}.brand{text-align:center;background:linear-gradient(#626d83,var(--navy));color:white;padding:20px}.brand p{margin:0;font-size:.9rem}.brand strong{color:var(--gold);font-size:clamp(1.5rem,4vw,2.4rem)}nav{display:flex;justify-content:center;flex-wrap:wrap;background:var(--navy);gap:4px;padding:8px}nav a{color:white;text-decoration:none;padding:8px 14px;font-size:.95rem}nav a[aria-current],nav a:hover{color:var(--gold)}main{max-width:1240px;margin:auto;padding:30px 24px 64px}.intro{border-left:4px solid var(--gold);padding-left:24px;margin:8px 0 26px}.eyebrow{font-size:.8rem;letter-spacing:.14em;font-weight:bold;color:#785109;margin:0 0 4px}h1,h2,h3,p{overflow-wrap:anywhere}h1{font-family:Georgia,serif;font-size:clamp(2rem,5vw,3.4rem);line-height:1.15;margin:8px 0 16px;font-weight:normal}h2{font-family:Georgia,serif;font-size:2rem;line-height:1.2;margin:0}h3{line-height:1.3}.intro p{margin:5px 0}.intro .lead{font-size:1.2rem}.guide{background:white;border:1px solid var(--line);padding:14px 20px}.guide summary{font-weight:bold}.guide>div{max-width:85ch}.collections{display:flex;flex-wrap:wrap;gap:12px;margin:28px 0 36px}.collections>a,.collections>span{padding:10px 16px;border:1px solid var(--line);border-radius:4px}.collections>a{background:var(--navy);color:white;text-decoration:none}.collections>span{color:var(--muted)}.collections small{font-size:.75rem;margin-left:8px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:20px}.section-heading>p{color:var(--muted);margin-bottom:0}.search{display:block;font-weight:bold;margin-top:24px;max-width:560px}.search input{display:block;width:100%;margin-top:6px;padding:12px 14px;border:1px solid #aeb9ca;border-radius:4px;background:white;color:var(--ink)}#status{color:var(--muted);font-size:.9rem}.gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.card{display:flex;flex-direction:column;padding:0;border:1px solid var(--line);border-radius:6px;overflow:hidden;text-align:left;background:white;color:var(--ink);box-shadow:0 3px 12px #00154209;transition:transform .18s,box-shadow .18s}.card:hover{transform:translateY(-4px);box-shadow:0 8px 22px #00154221}.card img{width:100%;height:auto;aspect-ratio:4/5;object-fit:contain;background:#201710;display:block}.card-copy{padding:16px;display:flex;flex-direction:column;flex:1}.card-title{font-family:Georgia,serif;font-size:1.25rem;line-height:1.3}.card-meaning{color:var(--muted);font-size:.9rem;margin:6px 0 14px}.card-action{font-weight:bold;color:var(--navy);font-size:.9rem;margin-top:auto}footer{text-align:center;background:var(--navy);padding:28px;color:white}footer p{margin:4px}footer a{color:var(--gold)}dialog{padding:0;border:0;border-radius:8px;width:min(860px,calc(100% - 32px));max-height:90dvh;overflow:auto;color:var(--ink);background:white;box-shadow:0 24px 90px #0006}dialog::backdrop{background:#000d24cc}.modal-bar{position:sticky;top:0;z-index:1;background:var(--navy);color:white;padding:12px 24px;display:flex;align-items:center;justify-content:space-between;gap:12px}.modal-bar>span{font-size:.8rem;letter-spacing:.1em}.modal-bar button{background:white;border:0;padding:6px 12px;border-radius:4px;color:var(--navy)}.modal-bar button span{font-size:1.3rem;margin-left:10px}#modal-conteudo{padding:24px 32px}#modal-titulo{font-family:Georgia,serif;font-size:1.9rem;line-height:1.25;margin-top:8px}.modal-summary{background:#f1f4f9;border-left:4px solid var(--gold);padding:16px 20px}.study-section{margin:28px 0}.study-section h3{font-size:1.15rem;color:var(--navy)}blockquote{margin:14px 0;padding:12px 20px;border-left:3px solid #bb8a37;background:#faf8f2;white-space:pre-line}.passage{border-bottom:1px solid var(--line);padding:12px 0}.passage h4{margin:0;font-size:1rem}.modal-nav{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:20px 24px;border-top:1px solid var(--line)}.modal-nav button,#tentar{border:1px solid var(--line);border-radius:4px;background:var(--navy);color:white;padding:9px 13px}.modal-nav button:disabled{opacity:.4;cursor:default}#posicao{font-size:.9rem;white-space:nowrap}@media(max-width:1000px){.gallery{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:720px){.gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.section-heading{display:block}main{padding:24px 16px 40px}.intro{padding-left:16px}.collections{gap:8px}.collections>a,.collections>span{padding:8px 10px}.collections small{display:block;margin:0}#modal-conteudo{padding:20px}.modal-bar{padding:12px 16px}}@media(max-width:420px){.gallery{grid-template-columns:1fr}.card{max-width:340px;width:100%;justify-self:center}.modal-nav{padding:16px 12px;gap:6px}.modal-nav button{padding:8px}.modal-bar>span{font-size:.75rem}}@media(prefers-reduced-motion:reduce){.card{transition:none}}
.reading-controls{display:flex;flex-wrap:wrap;gap:12px;margin:20px 0;padding:18px;background:#f1f4f9;border:1px solid var(--line);border-radius:6px}.reading-controls button{min-height:48px;padding:10px 18px;border:1px solid var(--navy);border-radius:4px;background:var(--navy);color:white;font-weight:bold}.reading-controls button+button{background:white;color:var(--navy)}.reading-controls button:disabled{opacity:.5;cursor:default}.reading-controls p{flex-basis:100%;margin:0;font-size:.95rem}
.collections>a:not([aria-current]){background:white;color:var(--navy)}.collections>a:hover{border-color:var(--navy)}.study-section p{white-space:pre-line}.study-section ul{padding-left:24px}
[hidden]{display:none!important}.read-control{margin-top:28px;padding:20px;border:1px solid var(--line);background:#f1f4f9}.read-control label{display:flex;align-items:center;gap:12px;cursor:pointer;min-height:48px}.read-control input,.quiz-option input{width:22px;height:22px;flex-shrink:0;accent-color:var(--navy)}.read-control p{margin:8px 0 0}.read-badge{color:#176039;font-weight:bold;margin-top:10px}#progresso{font-size:.95rem}.quiz-card{padding:28px;justify-content:center;min-height:280px;border:2px solid #bb8a37;background:#fff9e9;gap:16px}.quiz-form fieldset{margin:28px 0;padding:20px;border:1px solid var(--line);min-width:0}.quiz-form legend{font-weight:bold;padding:0 8px}.quiz-option{display:flex;align-items:start;gap:12px;padding:12px 8px;cursor:pointer}.quiz-option:focus-within{outline:2px solid #bb8a37}.quiz-feedback{border-top:1px solid var(--line);margin-top:16px;padding-top:16px}.quiz-form button,#modal-conteudo>button{min-height:48px;padding:12px 20px;background:var(--navy);color:white;border:0;border-radius:4px}.quiz-form button:disabled{opacity:.6}#modal-conteudo>button{margin-top:20px}
.quiz-approved{font-size:1.5rem;color:#176039}.quiz-counter{font-weight:bold;color:var(--navy)}.quiz-celebration,.quiz-achievement{padding:16px;background:#eaf5ed;border-left:4px solid #267347;color:#174b2b;line-height:1.6}.quiz-celebration{font-size:1rem}