:root{--ink:#12233b;--muted:rgba(18,35,59,.68);--navy:#12233b;--blue:#2878a8;--teal:#168c86;--leaf:#557f54;--gold:#f1c64a;--coral:#e9664d;--paper:#fff5dc;--cream:#fffdf8;--sky:#eaf4fa}body{background:linear-gradient(180deg,var(--cream),var(--sky) 48%,var(--paper))}.guide-header{background:rgba(255,253,248,.88)}.hero{grid-template-columns:minmax(0,1fr) minmax(350px,.6fr)}.hero h1{font-size:clamp(3.1rem,7.6vw,7.1rem);line-height:.84}.hero h1 span{display:block;color:var(--coral);overflow-wrap:normal;word-break:normal}.button.primary{background:var(--navy)}.button.secondary{background:var(--gold)}
.visual-panel{display:grid;gap:16px;border-radius:8px;padding:clamp(20px,4vw,34px);background:var(--navy);color:white;box-shadow:var(--shadow)}.visual-core{display:grid;min-height:340px;align-content:center;gap:10px}.visual-row{display:grid;grid-template-columns:70px 1fr;gap:12px;align-items:center;border:1px solid rgba(255,255,255,.16);border-radius:8px;padding:14px;background:rgba(255,255,255,.07)}.visual-row b{display:grid;width:48px;height:48px;place-items:center;border-radius:50%;background:var(--accent,var(--gold));color:var(--navy);font-size:.72rem}.visual-row span{font-weight:900}.visual-row small{display:block;margin-top:4px;color:rgba(255,255,255,.6);line-height:1.35}.visual-panel>p{margin:0;color:rgba(255,255,255,.68);line-height:1.55}.visual-panel strong{color:white}.snap-strip article:nth-child(1){border-top:5px solid var(--coral)}.snap-strip article:nth-child(2){border-top:5px solid var(--gold)}.snap-strip article:nth-child(3){border-top:5px solid var(--teal)}.snap-strip article:nth-child(4){border-top:5px solid var(--blue)}
.concept-grid,.play-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:36px}.concept-grid article,.play-grid article{border:1px solid var(--line);border-top:5px solid var(--accent,var(--blue));border-radius:8px;padding:24px;background:white;box-shadow:0 14px 36px rgba(18,35,59,.06)}.concept-grid span,.play-grid span{color:var(--accent,var(--coral));font-size:.7rem;font-weight:950;letter-spacing:.1em}.concept-grid h3,.play-grid h3{margin-top:22px;font-size:1.3rem;line-height:1.12}.concept-grid p,.play-grid p{color:var(--muted);line-height:1.55}.concept-grid b{display:block;margin-top:20px;color:var(--accent,var(--teal));font-size:.7rem;letter-spacing:.1em;text-transform:uppercase}.concept-grid b+p{margin-top:6px}.flow-list{display:grid;gap:10px;margin-top:36px}.flow-list article{display:grid;grid-template-columns:62px minmax(0,1fr) auto;gap:18px;align-items:center;border:1px solid var(--line);border-radius:8px;padding:18px 22px;background:white}.flow-list>article>span{display:grid;width:46px;height:46px;place-items:center;border-radius:50%;background:var(--sky);color:var(--blue);font-weight:950}.flow-list h3{font-size:1.15rem}.flow-list p{margin:5px 0 0;color:var(--muted);line-height:1.45}.flow-list strong{color:var(--coral);font-size:.72rem;text-transform:uppercase}.callout{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:24px;border-radius:8px;padding:24px;background:var(--navy);color:white}.callout b{grid-column:1/-1;color:var(--gold);font-size:.72rem;letter-spacing:.1em}.callout span{border:1px solid rgba(255,255,255,.15);border-radius:8px;padding:14px;color:rgba(255,255,255,.75);line-height:1.4}.workout-section{background:linear-gradient(135deg,var(--navy),var(--blue))}
body[data-guide="atomic"]{--coral:#df5f3d;--gold:#f4ba43;--teal:#3d9176;--sky:#edf5e9}body[data-guide="pareto"]{--coral:#e94e54;--gold:#f2c34a;--blue:#315bc2;--sky:#edf0ff}body[data-guide="mars"]{--coral:#de5c71;--blue:#397bc0;--teal:#6d6bb1;--sky:#f2edfa}body[data-guide="negotiation"]{--coral:#df6847;--gold:#f1be42;--blue:#227b85;--navy:#102f38;--sky:#e8f4f3}
body[data-guide="essays-love"]{--coral:#d95d72;--gold:#efbd55;--blue:#476fa3;--teal:#527f78;--navy:#2c2e4b;--sky:#f7edf2}body[data-guide="superior-man"]{--coral:#d36145;--gold:#e9b949;--blue:#38788a;--teal:#3f7f70;--navy:#18353b;--sky:#e9f4f1}body[data-guide="dopamine"]{--coral:#e45c43;--gold:#f0c744;--blue:#3262b8;--teal:#2a8d78;--navy:#172d4f;--sky:#edf4ef}body[data-guide="search-self"]{--coral:#b85d4f;--gold:#dfb753;--blue:#55749b;--teal:#4d8175;--navy:#273543;--sky:#edf1f1}
body[data-guide="mindset"]{--coral:#d65c42;--gold:#efc34c;--blue:#356f9f;--teal:#43836b;--navy:#193a40;--sky:#eaf5ec}body[data-guide="belonging"]{--coral:#d35d70;--gold:#eec456;--blue:#4d71a4;--teal:#427f79;--navy:#293657;--sky:#f3edf7}body[data-guide="emergent-mind"]{--coral:#de634b;--gold:#edc34c;--blue:#356ac0;--teal:#248982;--navy:#152c51;--sky:#eaf3f8}
@media(max-width:980px){.concept-grid,.play-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:680px){.guide-brand>span:last-child{display:none}.hero{grid-template-columns:1fr}.hero h1{font-size:clamp(2.7rem,13vw,4.2rem)}.concept-grid,.play-grid,.callout{grid-template-columns:1fr}.callout b{grid-column:auto}.flow-list article{grid-template-columns:50px minmax(0,1fr);padding:15px}.flow-list strong{grid-column:2}.visual-core{min-height:auto}.visual-row{grid-template-columns:58px 1fr}}@media(max-width:380px){.hero h1{font-size:12.2vw}}