/* POT: MODULI/08_AstraPrihodnost/Runaris/assets/runaris.css — nadgradnja skupnih tokenov, isti vzorec kot Stelaris/assets/stelaris.css. */

.runaris-hero{position:relative;max-width:1100px;padding:2.5rem 0 2rem}
.runaris-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}
.runaris-hero p{max-width:760px;color:var(--muted);font-size:1.02rem}

.runaris-polje-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-bottom:1rem;align-items:end}
.runaris-polje-grid label{display:grid;gap:.45rem;color:var(--muted);font-size:.82rem;font-weight:800}
.runaris-polje-grid select{min-height:50px;padding:.7rem .9rem;border:1px solid var(--rob);border-radius:12px;background:var(--ozadje2);color:var(--besedilo);font:inherit}
.runaris-checkbox{flex-direction:row !important;align-items:center;gap:.55rem !important;font-weight:700 !important}
.runaris-checkbox input{width:18px;height:18px}

.runaris-gumbi{display:flex;flex-wrap:wrap;gap:.7rem;align-items:center;margin-top:.3rem}

.runaris-rezultat{display:block;margin-top:1.2rem}
.runaris-metoda-opis{color:var(--muted);font-size:.88rem;margin:0 0 .8rem}

.runaris-mreza{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.runaris-karta{display:grid;gap:.35rem;padding:1.3rem 1.1rem;border:1px solid var(--rob);border-radius:18px;background:var(--povrsina);text-align:center}
.runaris-simbol{font-size:2.6rem;line-height:1;color:var(--zlata)}
.runaris-karta small{font-size:.68rem;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}
.runaris-karta strong{font-family:var(--serif);font-size:1.25rem;color:var(--besedilo)}
.runaris-aett{font-size:.76rem;color:var(--muted)}
.runaris-vidik{display:inline-block;justify-self:center;margin-top:.2rem;padding:.2rem .7rem;border-radius:999px;background:rgba(230,198,90,.12);color:var(--zlata);font-size:.78rem;font-weight:700}
.runaris-karta p{margin:.4rem 0 0;color:var(--besedilo);font-size:.9rem;line-height:1.5}
.runaris-element{color:var(--muted)}

@media(max-width:820px){
    .runaris-polje-grid{grid-template-columns:1fr 1fr}
    .runaris-mreza{grid-template-columns:1fr}
}