/* Austral.Zodiac — páginas públicas de signos */
:root{--night:#06040f;--deep:#0d0820;--gold:#D4AF37;--gold-soft:#b8961e;--lav:#b0a0ff;--ink:#ebe6f7;--muted:#a79fc2;--line:rgba(212,175,55,.22)}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--night) radial-gradient(1200px 600px at 80% -10%,#1a1040 0%,transparent 60%) no-repeat;color:var(--ink);font:400 1.1875rem/1.65 "EB Garamond",Georgia,serif;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}
a{color:var(--gold)}
a:focus-visible,summary:focus-visible{outline:2px solid var(--lav);outline-offset:3px;border-radius:2px}
.skip{position:absolute;top:0;inset-inline-start:0;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;background:var(--gold);color:var(--night);padding:0}
.skip:focus{width:auto;height:auto;clip-path:none;overflow:visible;top:1rem;inset-inline-start:1rem;padding:.5rem 1rem;z-index:10}
.top{display:flex;justify-content:space-between;align-items:center;gap:1rem;max-width:64rem;margin:0 auto;padding:1rem 1.25rem}
.brand{font-family:Cinzel,serif;font-weight:600;letter-spacing:.06em;text-decoration:none;color:var(--gold);font-size:1.05rem}
.top nav{display:flex;align-items:center;gap:1.1rem;font-size:1rem}
.top nav a{text-decoration:none}
.btn-sm{border:1px solid var(--gold);padding:.35rem .8rem;border-radius:999px}
main{max-width:64rem;margin:0 auto;padding:0 1.25rem 3rem}
.crumbs{font-size:.95rem;color:var(--muted);margin:.5rem 0 1.5rem}
.crumbs a{color:var(--muted)}
.hero{display:grid;grid-template-columns:1fr auto;gap:2rem;align-items:center;margin-bottom:2.5rem}
.glyph{font-size:4.5rem;line-height:1;margin:0 0 .5rem;color:var(--gold);font-family:"Segoe UI Symbol","Noto Sans Symbols 2","Apple Symbols",serif}
h1{font-family:Cinzel,serif;font-weight:400;font-size:clamp(2rem,5vw,3.1rem);line-height:1.15;margin:0 0 1rem;letter-spacing:.01em}
h2{font-family:Cinzel,serif;font-weight:400;font-size:1.35rem;line-height:1.3;margin:2.4rem 0 .7rem;color:var(--gold)}
.lead{font-size:1.3rem;color:var(--ink);max-width:36rem;margin:0}
.ring{width:220px;height:220px}
.ring .seg{fill:var(--deep);stroke:var(--line);stroke-width:1}
.ring a:hover .seg,.ring a:focus .seg{fill:#1c1238}
.ring .seg.on{fill:var(--gold)}
.ring .gl{fill:var(--muted);font-size:15px;text-anchor:middle;dominant-baseline:central;font-family:"Segoe UI Symbol","Noto Sans Symbols 2","Apple Symbols",serif;pointer-events:none}
.ring .gl.on{fill:var(--night)}
.ring .core{fill:none;stroke:var(--line)}
.ingress{border-inline-start:2px solid var(--gold);padding-block:.25rem;padding-inline:1.25rem 0;max-width:40rem;margin-bottom:2rem}
.ingress h2{margin-top:0;font-size:1.1rem;color:var(--muted)}
.moment{font-family:Cinzel,serif;font-size:clamp(1.3rem,3.4vw,1.8rem);color:var(--gold);margin:.2rem 0 .6rem;line-height:1.3}
.note{color:var(--muted);font-size:1.02rem}
.facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(8.5rem,1fr));gap:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:0 0 1rem;max-width:48rem}
.facts div{padding-block:.8rem;padding-inline:0 .9rem}
.facts dt{font-size:.9rem;color:var(--muted)}
.facts dd{margin:0;font-size:1.1rem}
.prose{max-width:38rem}
.prose ul{padding-inline-start:1.2rem}
.prose li{margin:.25rem 0}
.practice{background:var(--deep);border-radius:14px;padding:.2rem 1.4rem 1rem;margin:2.2rem 0}
.practice h2{margin-top:1.1rem}
.cta-wrap{margin:1.8rem 0}
.btn{display:inline-block;background:var(--gold);color:var(--night);text-decoration:none;font-family:Cinzel,serif;font-weight:600;padding:.85rem 1.5rem;border-radius:999px;font-size:1rem}
.btn:hover{background:#e3c25a}
.faq{max-width:38rem;margin-top:1rem}
.faq details{border-top:1px solid var(--line);padding:.8rem 0}
.faq details:last-child{border-bottom:1px solid var(--line)}
.faq summary{cursor:pointer;font-weight:500}
.faq p{margin:.6rem 0 0;color:var(--ink)}
.pager{display:flex;justify-content:space-between;gap:1rem;margin-top:2.5rem;max-width:38rem;font-family:Cinzel,serif}
.pager a{text-decoration:none}
.signs{list-style:none;padding:0;margin:0 0 1rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));gap:.1rem 2rem}
.signs a{display:grid;grid-template-columns:2.4rem 1fr auto;grid-template-rows:auto auto;column-gap:.6rem;text-decoration:none;color:var(--ink);padding:.8rem 0;border-bottom:1px solid var(--line)}
.signs .g{grid-row:span 2;font-size:1.8rem;color:var(--gold);align-self:center;font-family:"Segoe UI Symbol","Noto Sans Symbols 2","Apple Symbols",serif}
.signs .n{font-family:Cinzel,serif;font-size:1.1rem}
.signs .el{color:var(--lav);font-size:.95rem;justify-self:end;grid-column:3;grid-row:1}
.signs .n{grid-column:2;grid-row:1}
.signs .d{color:var(--muted);font-size:.95rem;grid-column:2 / span 2}
.signs a:hover .n{color:var(--gold)}
.foot{max-width:64rem;margin:0 auto;padding:2rem 1.25rem 3rem;border-top:1px solid var(--line);color:var(--muted);font-size:.95rem}
.foot a{margin-inline-end:1rem;color:var(--muted)}
@media (max-width:640px){
 .hero{grid-template-columns:1fr}
 .ring{width:180px;height:180px;justify-self:center}
 .top nav a:not(.btn-sm){display:none}
 body{font-size:1.125rem}
}
.tz{color:var(--muted);font-size:1rem;margin:.2rem 0 .6rem}
.langs{display:flex;flex-wrap:wrap;gap:.35rem 1rem;margin-top:1rem;font-size:.95rem}
.langs a{margin:0}
.langs a[aria-current]{color:var(--ink);text-decoration:none}
/* Escritas nao latinas: Cinzel/EB Garamond nao cobrem estes alfabetos */
:lang(zh) body,:lang(zh) h1,:lang(zh) h2,:lang(zh) .moment,:lang(zh) .signs .n,:lang(zh) .pager{font-family:"Noto Serif SC","Songti SC",serif}
:lang(ja) body,:lang(ja) h1,:lang(ja) h2,:lang(ja) .moment,:lang(ja) .signs .n,:lang(ja) .pager{font-family:"Noto Serif JP","Hiragino Mincho ProN",serif}
:lang(ko) body,:lang(ko) h1,:lang(ko) h2,:lang(ko) .moment,:lang(ko) .signs .n,:lang(ko) .pager{font-family:"Noto Serif KR","AppleMyungjo",serif}
:lang(ar) body,:lang(ar) h1,:lang(ar) h2,:lang(ar) .moment,:lang(ar) .signs .n,:lang(ar) .pager{font-family:"Noto Naskh Arabic","Geeza Pro",serif}
:lang(he) body,:lang(he) h1,:lang(he) h2,:lang(he) .moment,:lang(he) .signs .n,:lang(he) .pager{font-family:"Frank Ruhl Libre","Times New Roman",serif}
:lang(hi) body,:lang(hi) h1,:lang(hi) h2,:lang(hi) .moment,:lang(hi) .signs .n,:lang(hi) .pager{font-family:"Noto Serif Devanagari","Kohinoor Devanagari",serif}
:lang(ru) h1,:lang(ru) h2,:lang(ru) .moment,:lang(ru) .signs .n,:lang(ru) .pager,:lang(ru) .btn{font-family:"EB Garamond",Georgia,serif}
:lang(zh) body,:lang(ja) body,:lang(ko) body{line-height:1.85}
:lang(ar) body,:lang(hi) body{line-height:1.9}
