/* Страница «Год какого животного» (/god-kakogo-zhivotnogo/): ответ на первом экране, круг двенадцати животных,
   таблица годов. Дополняет css/site.css; только классы с префиксом ea-, свой origin, без inline-стилей. */

/* ---------- Первый экран: ответ сразу под заголовком ---------- */
.ea-hero h1{font-size:clamp(36px,9.6vw,60px)}
.ea-hero h1 .sub{font-size:clamp(20px,5.4vw,28px)}
.ea-ans{margin-top:22px;padding:2px 0 2px 16px;border-left:4px solid var(--star)}
.ea-ans-t{margin:0;font:400 clamp(25px,6.8vw,34px)/1.15 var(--f-display);letter-spacing:-.005em}
.ea-ans-t b{font-weight:600}
.ea-ans-n{margin:14px 0 0;font-size:15px;line-height:1.45;color:var(--muted)}
.ea-calc-h{margin-top:40px;font-size:clamp(24px,6.6vw,31px);line-height:1.15}
.ea-hero .lead{margin-top:10px;max-width:40ch}

/* ---------- Факты года (и на бумаге, и на диске) ---------- */
.ea-facts{display:grid;grid-template-columns:1fr 1fr;gap:14px 16px;margin:16px 0 0}
.ea-facts div{min-width:0}
.ea-facts dt{font:500 13px/1.2 var(--f-display);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.ea-facts dd{margin:4px 0 0;font:500 19px/1.25 var(--f-display)}
.ea-facts .ea-wide{grid-column:1 / -1}
.sky .ea-facts{margin:16px 0 18px;padding:14px 0 0;border-top:1px solid var(--sky-line)}
.sky .ea-facts dt{color:var(--on-sky-muted)}

/* ---------- Результат ---------- */
.res-body .ea-res-t{margin:20px 0 0;font:400 30px/1.15 var(--f-display);letter-spacing:-.005em}
.ea-res-t b{font-weight:600;color:var(--star)}
.res-body .note-box{margin:0 0 16px!important}

/* ---------- Круг животных ---------- */
.ea-wheel .ea-lab{letter-spacing:.02em}
.ea-wheel .ea-yr{fill:var(--on-sky-muted);font-family:var(--f-display);font-weight:400;font-variant-numeric:tabular-nums}
.ea-wheel .ea-yr.is-on{fill:var(--star);font-weight:500}
.ea-c-year{fill:var(--star);font-family:var(--f-display);font-weight:500;letter-spacing:.12em;font-variant-numeric:tabular-nums}
.ea-c-big{fill:var(--on-sky);font-family:var(--f-display);font-weight:400;letter-spacing:-.01em}
.ea-c-small{fill:var(--on-sky-muted);font-family:var(--f-display);font-weight:500;letter-spacing:.14em}

/* ---------- Таблица годов ---------- */
.ea-tbl td,.ea-tbl th{padding:6px 10px 6px 0}
.ea-tbl tbody th{font-weight:500}
.ea-tbl .is-now th,.ea-tbl .is-now td{color:var(--star);font-weight:600}