/* Головна */
.intro{padding-block:26px 8px}
.intro-grid{display:grid;gap:16px;align-items:center}
.intro h1{font-size:clamp(34px,7.2vw,60px);font-weight:800;letter-spacing:-.025em;line-height:1.05}
.intro h1 em{font-style:normal;background:linear-gradient(transparent 62%,var(--lime) 62%,var(--lime) 92%,transparent 92%)}
.intro-cta{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.slice{display:none}
@media (min-width:900px){
  .intro-grid{grid-template-columns:minmax(0,1fr) 190px;gap:40px}
  .slice{display:block;width:190px;height:190px}
}
.home-top{padding-block:20px 8px}
.home-top .cols{margin-top:6px}
.sect-title{display:flex;align-items:baseline;gap:12px;justify-content:space-between;margin-bottom:10px;flex-wrap:wrap}
.sect-title h2{font-size:clamp(24px,3.6vw,32px);font-weight:800}
.sect-title a{font-weight:600;min-height:44px;display:inline-flex;align-items:center}
.aphband{background:var(--band);color:var(--on-band);margin-block:34px}
.aphband .wrap{padding-block:34px;display:grid;gap:14px;max-width:900px}
.aphband .lbl{display:flex;gap:10px;align-items:center;flex-wrap:wrap;font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:var(--lime);font-weight:700}
.aphband blockquote{margin:0;font:700 clamp(24px,4.6vw,40px)/1.28 var(--f-display);overflow-wrap:anywhere}
.aphband .by{font-size:15.5px;opacity:.85}
.aphband .btn{border-color:var(--lime);color:var(--lime)}
.aphband .btn:hover{background:rgba(255,255,255,.08)}
.aphband .row{display:flex;flex-wrap:wrap;gap:10px}
.split{display:grid;gap:26px;margin-top:40px}
@media (min-width:900px){.split{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px}}
.quiz-tease{background:var(--soft);border-radius:var(--r);padding:22px;display:grid;gap:12px;align-content:start}
.quiz-tease h3{font-size:24px;font-weight:800}
.mini-box{background:var(--surface);border:1.5px solid var(--line);border-radius:var(--r);padding:18px;display:grid;gap:14px}
.sec-links{list-style:none;margin:0;padding:0}
.sec-links li+li{border-top:1.5px solid var(--line)}
.sec-links a{display:flex;align-items:center;justify-content:space-between;min-height:44px;color:var(--ink);text-decoration:none;font-weight:600;padding:0 6px}
.sec-links a:hover{color:var(--brand-text)}


.intro-copy{display:grid;gap:16px}.intro-topics{margin-top:18px}
.home-top .cols{grid-template-areas:"main" "rest"}
@media(min-width:1024px){.home-top .cols{grid-template-areas:"main rest";grid-template-rows:auto}}
.home-greeting{font-size:18px}.section-link{display:inline-flex;align-items:center;min-height:44px}
.home-bottom{padding-bottom:40px}.quiz-description{color:var(--muted)}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]) .intro h1 em{background:none;color:var(--lime)}}
:root[data-theme="dark"] .intro h1 em{background:none;color:var(--lime)}
/* Shared controls need explicit contrast inside the dark aphorism band. */
.aphband .content-more,.aphband .content-tags .tag{color:var(--lime)}
/* Grid items must stay within the available mobile column. */
.split{grid-template-columns:minmax(0,1fr)}
.split>section,.mini-box>*{min-width:0}
.chips li{max-width:100%;min-width:0}.chips .chip{max-width:100%}
@media(min-width:900px){.split{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}
@media(max-width:599px){.art-row{grid-template-columns:minmax(0,1fr)}}
.section-link{max-width:100%;min-width:0;overflow-wrap:anywhere}
