/* POT: MODULI/03_RaziskovalniSvetovi/Sinastrija/assets/sinastrija.css — nadgradnja skupnih tokenov, isti vzorec kot Stelaris/assets/stelaris.css. */

.sinastrija-hero{position:relative;max-width:1100px;padding:2.5rem 0 2rem}
.sinastrija-hero h1{max-width:900px;margin:.7rem 0 1rem;font-family:var(--serif);font-size:clamp(2.2rem,5vw,4.4rem);font-weight:500;line-height:.95;letter-spacing:-.04em}
.sinastrija-hero p{max-width:760px;color:var(--muted);font-size:1.02rem}

.sinastrija-osebi{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.4rem;margin-bottom:1.2rem}
.sinastrija-oseba{padding:1.2rem;border:1px solid var(--rob);border-radius:18px;background:var(--povrsina)}
.sinastrija-oseba h3{margin:0 0 .9rem;font-family:var(--serif);font-size:1.15rem;font-weight:500;color:var(--zlata)}
.sinastrija-polje-grid{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}
.sinastrija-polje-grid label{display:grid;gap:.4rem;color:var(--muted);font-size:.8rem;font-weight:800}
.sinastrija-polje-grid input,.sinastrija-polje-grid select{min-height:46px;padding:.6rem .8rem;border:1px solid var(--rob);border-radius:10px;background:var(--ozadje2);color:var(--besedilo);font:inherit}
.sinastrija-hitri-kraji{display:flex;flex-wrap:wrap;gap:.4rem;margin:.5rem 0 .9rem}
.sinastrija-hitri-kraji button{padding:.35rem .7rem;border:1px solid var(--rob);border-radius:999px;background:rgba(255,255,255,.03);color:var(--muted);font-size:.74rem;cursor:pointer;transition:border-color .2s ease,color .2s ease}
.sinastrija-hitri-kraji button:hover,.sinastrija-hitri-kraji button:focus-visible{border-color:rgba(230,198,90,.5);color:var(--besedilo)}

.sinastrija-rezultat{display:block;margin-top:1.2rem;padding:1.2rem 1.3rem;border:1px solid var(--rob);border-radius:18px;background:var(--povrsina);color:var(--muted)}
.sinastrija-povzetek{margin:0 0 .3rem;color:var(--besedilo);font-size:1.05rem}
.sinastrija-aspekti{list-style:none;margin:.7rem 0 0;padding:0;display:grid;gap:.4rem}
.sinastrija-aspekti li{padding:.55rem .8rem;border:1px solid var(--rob);border-radius:12px;background:rgba(255,255,255,.02);font-size:.86rem;color:var(--besedilo)}
.sinastrija-aspekti small{color:var(--muted)}
.sinastrija-aspekt-simbol{display:inline-block;width:1.4em;color:var(--zlata);font-weight:700;text-align:center}
.sinastrija-opomba{margin-top:1rem;color:var(--muted)}
.sinastrija-drobno{max-width:640px;margin-top:.6rem;color:var(--muted);font-size:.82rem;line-height:1.5}

@media(max-width:900px){
    .sinastrija-osebi{grid-template-columns:1fr}
    .sinastrija-polje-grid{grid-template-columns:1fr}
}