/* Public product and methodology pages: retain ENNEAGAME dark-gold tokens. */
.reading{max-width:820px}.reading>h2{margin-bottom:24px}.reading p,.reading li{color:var(--muted)}.reading strong{color:var(--text)}.reading h3{margin:0 0 8px;font-size:24px}.top-nav{display:flex;gap:18px;flex-wrap:wrap}.top-nav a{font-size:13px;text-decoration:none;display:inline-flex;align-items:center;min-height:44px}.facts{margin:32px 0 0;display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line)}.facts>div{padding:20px 18px 20px 0;border-bottom:1px solid var(--line)}.facts dt{color:var(--gold-2);font-weight:600}.facts dd{margin:6px 0 0;color:var(--muted)}.journey{list-style:none;counter-reset:journey;padding:0}.journey li{counter-increment:journey;padding:28px 0 24px 54px;border-bottom:1px solid var(--line);position:relative}.journey li:before{content:'0' counter(journey);position:absolute;left:0;top:30px;color:var(--gold);font-family:Cinzel,serif}.journey p{margin:0}.technical{padding:20px 0;border-block:1px solid var(--line)}summary{cursor:pointer}summary:focus-visible,a:focus-visible{outline:2px solid var(--gold-2);outline-offset:5px}.skip-link{position:fixed;top:8px;left:8px;z-index:10;padding:12px;background:var(--bg);transform:translateY(-160%)}.skip-link:focus{transform:none}.trust,.site-foot{color:rgba(240,234,214,.68)}[id]{scroll-margin-top:24px}@media(max-width:560px){.site-head .wrap{gap:8px;flex-wrap:wrap;padding-block:10px}.top-nav{gap:16px}.facts{grid-template-columns:1fr}.hero h1{font-size:36px}.reading h3{font-size:22px}}

/* Keep comparison tables usable on narrow screens without overflowing the page. */
.comparison-scroll{overflow-x:auto;margin:28px 0;border-block:1px solid var(--line)}
.comparison-scroll:focus-visible{outline:2px solid var(--gold-2);outline-offset:5px}
.comparison{border-collapse:collapse;width:100%;min-width:640px;text-align:left;font-size:15px;line-height:1.7}
.comparison caption{text-align:left;padding:16px 0;color:var(--gold-2);font-weight:600}
.comparison th,.comparison td{padding:18px 16px 18px 0;vertical-align:top;border-bottom:1px solid var(--line)}
.comparison thead th{color:var(--gold-2)}.comparison tbody th{width:23%;font-weight:600}.comparison td{color:var(--muted)}
