:root{--ink:#1b2645;--yellow:#f6d76b;--cream:#f8f5ef;--paper:#fffdf8;--line:#e4dfd3}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Inter",sans-serif;line-height:1.6}a{color:inherit}h1,h2,h3{font-family:"Fraunces",serif;letter-spacing:-.045em;line-height:1.08;margin:0 0 16px}h1{font-size:clamp(2.8rem,5.7vw,4.8rem);max-width:1000px}h2{font-size:clamp(2rem,3.3vw,2.9rem)}h3{font-size:1.5rem}p{margin:0 0 20px}.mode-shell{width:min(1100px,calc(100% - 48px));margin-inline:auto}.global-site-header{border-bottom:1px solid var(--line);background:var(--paper)}.eyebrow{display:flex;align-items:center;gap:14px;font-size:.75rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase;margin-bottom:24px}.eyebrow::before{content:"";height:3px;width:46px;background:var(--yellow)}.mode-hero{position:relative;padding:48px 0 12px}.lead{font-size:clamp(1rem,1.8vw,1.25rem);line-height:1.5}.highlight{background:linear-gradient(transparent 68%,var(--yellow) 68%,var(--yellow) 91%,transparent 91%)}.contour{position:relative;isolation:isolate;overflow:hidden}.contour::before{content:"";position:absolute;z-index:-1;width:560px;height:560px;right:-290px;top:-90px;opacity:.4;border-radius:43% 57% 67% 33%;background:repeating-radial-gradient(ellipse at center,transparent 0 19px,var(--yellow) 20px,transparent 21px 30px);transform:rotate(-23deg);pointer-events:none}.mode-hero::before{right:-330px}.mode-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:14px 0 60px}.mode-card{display:flex;flex-direction:column;align-items:center;padding:26px 22px 22px;border:1.5px solid var(--ink);border-radius:14px;background:linear-gradient(145deg,#fff9e2,var(--paper) 70%);box-shadow:0 4px 0 #e7e1d4;text-align:center}.mode-icon{display:inline-grid;place-items:center;flex-shrink:0;width:100px;height:100px;margin-bottom:16px;border-radius:50%;background:linear-gradient(135deg,#ffe9a0,#f6d76b);border:1px solid #ffefb9}.mode-icon svg{width:66px;height:66px}.mode-card h2{font-size:clamp(1.7rem,2.7vw,2.4rem);margin-bottom:12px}.mode-tagline{min-height:52px;line-height:1.4}.short-rule{display:block;height:3px;width:44px;background:var(--yellow);margin:2px 0 18px}.mode-card>p:not(.mode-tagline){max-width:250px}.mode-button{display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:48px;padding:10px 24px;border:2px solid var(--ink);border-radius:999px;box-shadow:0 4px 0 #ded9cd;text-decoration:none;font-size:.92rem;font-weight:800;line-height:1.4;transition:transform .18s,background .18s}.mode-button:hover{background:#fbeec0;transform:translateY(-2px)}.mode-button:active{transform:translateY(2px)}a:focus-visible{outline:3px solid #497d94;outline-offset:5px}.mode-card .mode-button{width:100%;margin-top:auto}.interest-example>h2{margin-bottom:10px}.example-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;margin:30px 0}.example-grid article+article{border-left:1px solid var(--yellow);padding-left:26px}.example-grid h3{font-size:1.35rem;margin-bottom:10px}.example-grid p{line-height:1.5;margin-bottom:0}.example-grid .short-rule{margin-bottom:14px}.mode-note{border-radius:14px;background:#fff3c4;padding:28px 32px;margin:38px 0 24px}.mode-note h2{font-size:clamp(1.6rem,2.7vw,2.2rem);margin-bottom:8px}.mode-note p{margin:0}.mode-cta{color:var(--paper);background:#1b2645;padding:38px 0 42px;margin-top:16px}.mode-cta::before{right:-70px;top:-220px;opacity:.18}.mode-cta h2{font-size:clamp(2.3rem,4vw,3.3rem);margin-bottom:8px}.mode-cta p{margin-bottom:20px}.mode-button.yellow{background:var(--yellow);color:var(--ink);box-shadow:0 4px 0 #ffffff30}.mode-button.yellow:hover{background:#ffe69a}.mode-footer{display:flex;justify-content:space-between;gap:20px;padding-block:28px;font-size:.8rem;color:#5c6478}.mode-footer a{text-decoration:none}.skip-link{position:absolute;top:-100px;left:20px;z-index:200;background:var(--yellow);padding:12px}.skip-link:focus{top:12px}.details-wrap{padding-top:26px}.back-link{display:inline-block;font-size:.85rem;text-decoration:none;margin-bottom:24px}.details-intro .eyebrow{margin-bottom:16px}.details-intro h1{font-size:clamp(2.4rem,4.8vw,3.8rem)}.mode-jump{display:flex;gap:12px;flex-wrap:wrap;border-bottom:1px solid var(--line);padding-bottom:22px;margin:22px 0}.mode-jump a{padding:8px 18px;border:1px solid var(--line);border-radius:999px;font-size:.9rem;font-weight:700;text-decoration:none}.mode-jump a:hover{background:#fff3c4}.mode-detail{display:grid;grid-template-columns:1.1fr 1fr;gap:36px;padding:30px;border:1px solid #f3e8c7;border-radius:16px;background:linear-gradient(120deg,#fff3c9,var(--paper));margin-bottom:24px;scroll-margin-top:24px}.mode-detail:nth-of-type(even){background:#fcf9f0}.mode-detail:target{outline:2px solid var(--yellow);outline-offset:4px}.detail-heading{display:flex;align-items:center;gap:18px;margin-bottom:28px}.detail-heading h2{font-size:clamp(2rem,3.4vw,3rem);margin-bottom:8px}.detail-heading p{margin:0;font-size:.92rem;line-height:1.4}.detail-heading .mode-icon{width:90px;height:90px;margin:0}.detail-story>p{max-width:390px;margin-bottom:0}.detail-story>h3{margin-bottom:12px}.detail-first{border:1.5px solid var(--ink);border-radius:10px;padding:22px;background:#fffdf8c9;box-shadow:0 4px 0 #e7e1d4}.detail-first h3{font-size:1.4rem}.detail-first ul{list-style:none;padding:0;margin:0 0 22px}.detail-first li{position:relative;padding-left:29px;margin-bottom:10px;font-size:.9rem;line-height:1.5}.detail-first li::before{content:"✓";position:absolute;left:0;top:1px;display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--yellow);font-weight:800}.detail-first h4{font-size:.7rem;letter-spacing:.15em;text-transform:uppercase;margin:0 0 8px}.detail-first p{font-size:.92rem;line-height:1.5}.detail-first .mode-button{width:100%}.details-wrap+.mode-cta{margin-top:36px}
@media(max-width:760px){.mode-cards{gap:12px}.mode-card{padding:22px 14px}.mode-card .mode-button{padding-inline:12px;font-size:.82rem;gap:10px}.mode-detail{grid-template-columns:1fr;gap:24px}.detail-story>p{max-width:none}.detail-heading{margin-bottom:22px}.mode-note{padding:24px}.mode-hero .lead br{display:none}}
@media(max-width:580px){.mode-shell{width:calc(100% - 32px)}.mode-hero{padding-top:30px}.mode-hero h1 br{display:none}.mode-cards{grid-template-columns:1fr;margin-bottom:38px}.mode-card{padding:24px}.mode-card h2{font-size:2.2rem}.mode-card>p:not(.mode-tagline){max-width:320px}.mode-tagline{min-height:auto;margin-bottom:16px}.mode-icon{width:84px;height:84px}.mode-icon svg{width:58px;height:58px}.mode-card .mode-button{font-size:.92rem}.example-grid{grid-template-columns:1fr;gap:22px}.example-grid article+article{border-left:0;padding-left:0;border-top:1px solid var(--line);padding-top:20px}.mode-note{margin-top:28px}.mode-footer{flex-direction:column;gap:8px}.mode-detail{padding:20px;scroll-margin-top:16px}.detail-heading{gap:12px}.detail-heading .mode-icon{width:70px;height:70px}.detail-heading .mode-icon svg{width:50px;height:50px}.detail-first{padding:18px}.mode-jump{gap:8px}.mode-jump a{font-size:.8rem;padding:8px 12px}.mode-cta{padding-block:32px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.mode-button{transition:none}}

/* Parent mode guide */
.parent-modes .details-intro{max-width:900px;padding-top:16px}.parent-modes .mode-jump{margin-bottom:40px}.parent-modes .mode-jump a:last-child{background:var(--yellow);border-color:var(--yellow)}.mode-comparison{margin-bottom:56px}.mode-table-scroll{overflow-x:auto;margin:32px 0;border:1.5px solid #8b91a0;border-radius:12px;background:var(--paper)}.mode-table{width:100%;border-collapse:collapse;text-align:left;font-size:.95rem}.mode-table th,.mode-table td{padding:16px 20px;vertical-align:top;border-bottom:1px solid #a9adb7}.mode-table tr>*+*{border-left:1px solid #a9adb7}.mode-table thead th+th{border-left-color:#70798e}.mode-table thead{background:var(--ink);color:var(--paper)}.mode-table tbody tr:last-child>*{border-bottom:0}.mode-table tbody tr:nth-child(even){background:#f8f5ef}.mode-comparison .mode-table{min-width:660px}.mode-comparison .mode-table th:first-child{width:19%}.parent-mode-detail{display:block;padding:36px;margin-bottom:48px}.parent-mode-detail .detail-heading{margin-bottom:32px}.parent-mode-detail .detail-heading p{font-size:1.1rem}.parent-mode-columns{display:grid;grid-template-columns:1.2fr 1fr;gap:36px}.parent-mode-columns h3,.december-outcome h3{font-size:1.45rem;margin-top:24px}.parent-mode-columns h3:first-child{margin-top:0}.parent-mode-columns ul{padding-left:22px;margin:0 0 28px}.parent-mode-columns li{margin-bottom:12px}.year-example{padding:24px;background:var(--paper);border:1px solid var(--line);border-radius:12px;align-self:start}.year-example ol{list-style:none;padding:0;margin:0}.year-example li{padding-block:14px;border-bottom:1px solid var(--line)}.year-example li:last-child{border:0;padding-bottom:0}.year-example strong{display:block}.parent-mode-detail .mode-table{table-layout:fixed}.parent-mode-columns>div> :last-child{margin-bottom:0}.parent-mode-detail .mode-table-scroll+.december-outcome h3{margin-top:0}.december-outcome p{margin-bottom:24px}.parent-question{padding:20px 24px;border-left:4px solid var(--yellow);background:var(--paper);margin:0;font-size:1.1rem}.parent-modes .mode-cta p{max-width:760px}.teen-share{padding-block:44px}.teen-share h2{font-size:2rem}.teen-share>p{max-width:620px}button.mode-button{font-family:inherit;color:var(--ink);background:var(--paper);cursor:pointer}button:focus-visible,.mode-table-scroll:focus-visible{outline:3px solid #497d94;outline-offset:5px}#copy-status{margin:16px 0 0;min-height:1.6em;font-size:.9rem}
@media(max-width:760px){.parent-mode-columns{grid-template-columns:1fr;gap:20px}.parent-mode-detail{padding:24px}.mode-table th,.mode-table td{padding:12px}.parent-mode-detail .detail-heading{align-items:flex-start}}
@media(max-width:580px){.parent-mode-detail{padding:20px}.parent-mode-detail .detail-heading{flex-direction:column}.parent-mode-detail .mode-table{font-size:.85rem}.parent-question{padding:16px}.year-example{padding:18px}}