:root{--font-copy:'Golos Text',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;--font-display:'Unbounded','Golos Text',sans-serif}
body{font-family:var(--font-copy);font-weight:400}button,input{font-family:var(--font-copy)}h1,h2,.brand{font-family:var(--font-display);font-weight:650;font-feature-settings:'ss01' on;letter-spacing:-.055em}h1{font-size:clamp(37px,4.7vw,62px);line-height:1.16}h2{font-size:clamp(28px,2.8vw,38px);line-height:1.25}h3{font-family:var(--font-copy);font-weight:650;letter-spacing:-.035em}.brand{font-size:19px;letter-spacing:-.065em;font-weight:650;gap:10px}.brand-light{font-weight:450}.footer .brand{font-size:20px}.hero h1{font-size:clamp(37px,4.7vw,62px);line-height:1.16;letter-spacing:-.055em}.hero .intro{font-size:18px;line-height:1.8}.eyebrow,.article-meta{font-family:var(--font-copy);letter-spacing:1.4px;font-weight:600}.reading{font-size:17px;line-height:1.9}.reading h2{font-family:var(--font-copy);font-size:30px;font-weight:650;letter-spacing:-.035em;line-height:1.3}.article-header h1{font-size:clamp(30px,3.5vw,46px);line-height:1.2;letter-spacing:-.045em;overflow-wrap:break-word}.article-header .intro{font-size:18px}.detail-hero h1{font-size:clamp(34px,4.2vw,53px);line-height:1.2}.journal-card h3{font-size:24px;line-height:1.3;letter-spacing:-.04em}.how h2{font-size:26px;line-height:1.3}.final-cta h2{font-size:40px;line-height:1.25}.section-heading h2{font-size:clamp(28px,2.8vw,38px)}
/* One rounded focus boundary belongs to the whole search control. */
.search{width:210px;transition:border-color .15s,box-shadow .15s}.search input{flex:1;width:100%;min-width:0;appearance:none;-webkit-appearance:none;border:0;border-radius:0;background:transparent;box-shadow:none}.search input:focus,.search input:focus-visible{outline:none;box-shadow:none}.search:focus-within{border-color:var(--blue);box-shadow:0 0 0 3px rgba(65,155,211,.20),inset 0 1px 0 var(--glass-rim)}
.journal-switch{display:flex;gap:10px;align-items:center;flex-wrap:wrap;font-size:12px;margin-bottom:28px;color:var(--muted)}.journal-switch a{display:inline-flex;align-items:center;padding:8px 14px;min-height:44px;border:1px solid var(--glass-edge);border-radius:100px;background:var(--glass-bg)}.journal-switch a.active{border-color:var(--blue);color:var(--blue)}.journal-subtitle{font-family:var(--font-copy);font-size:25px;letter-spacing:-.035em;margin:48px 0 23px}.story-art{background:var(--glass-blue);isolation:isolate}.story-art .story-symbol{font-family:var(--font-display);font-size:47px;letter-spacing:-.08em;line-height:1.2;color:var(--blue);z-index:1}.story-art .icon{width:62px;height:62px;position:absolute;right:25px;bottom:24px;opacity:.35;transform:rotate(-12deg)}.story-art .journal-number{color:var(--faint)}.story-art .journal-type{font-size:9px}.story-heading{display:flex;align-items:center;gap:12px}.story-heading .category-tag{font-size:9px;letter-spacing:1.1px;padding:5px 9px;border:1px solid var(--glass-edge);border-radius:100px;color:var(--blue)}.editorial-table{width:100%;border-collapse:separate;border-spacing:0;border:1px solid var(--line);border-radius:12px;overflow:hidden;margin:25px 0;font-size:13px;line-height:1.7}.editorial-table th,.editorial-table td{text-align:left;vertical-align:top;padding:13px 15px;border-bottom:1px solid var(--line);overflow-wrap:anywhere;hyphens:auto}.editorial-table th{color:var(--text);font-weight:600;background:var(--blue-soft);font-size:12px}.editorial-table td{color:var(--muted);background:var(--surface)}.editorial-table tr:last-child td{border-bottom:0}.reading code{font-family:ui-monospace,'SFMono-Regular',monospace;font-size:.83em;overflow-wrap:anywhere;background:var(--blue-soft);padding:2px 5px;border-radius:4px;color:var(--text)}.source-ref{font-size:.75em;vertical-align:super;color:var(--blue);padding:0 1px}.story-lead{font-size:20px!important;color:var(--text)!important;line-height:1.8}.pattern-practice{border:1px solid var(--line);border-radius:18px;background:var(--surface);padding:23px;margin:30px 0}.pattern-practice .pattern-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;max-width:220px;margin:20px auto;text-align:center}.pattern-pick{min-height:58px;border:1px solid var(--board-line);border-radius:8px;background:var(--blue-soft);color:var(--blue);font:19px var(--font-display);cursor:pointer}.pattern-pick:hover{border-color:var(--blue)}.pattern-clue{font:22px ui-monospace,monospace;padding:9px;background:var(--board-cell);border-radius:6px;color:var(--text)}.pattern-result{font-size:14px;line-height:1.7;color:var(--muted);display:block;min-height:70px}.pattern-practice p{font-size:13px;margin:0}.pattern-practice h3{font-size:21px}.pattern-practice .pattern-reset{font-size:11px;margin-top:10px;border:1px solid var(--line);background:var(--surface);color:var(--blue);min-height:44px;padding:8px 13px;border-radius:9px;cursor:pointer}
@media(max-width:1050px){.brand{font-size:17px}.header-inner{gap:21px}.hero h1{font-size:49px}.article-header h1{font-size:39px}.detail-hero h1{font-size:46px}}
@media(max-width:760px){.brand{font-size:16px;gap:7px}.brand .icon{width:31px;height:31px}.header-inner{gap:14px}.hero h1{font-size:39px}.hero .intro{font-size:15px}.article-header h1{font-size:33px}.section-heading h2{font-size:30px}.journal-card h3{font-size:22px}.detail-hero h1{font-size:39px}.final-cta h2{font-size:33px}.how h2{font-size:25px}.reading h2{font-size:27px}}
@media(max-width:600px){.header-inner .brand{font-size:17px}.hero h1{font-size:clamp(34px,8.6vw,46px);letter-spacing:-.055em;line-height:1.2}.hero .intro{font-size:16px}.section-heading h2,h2{font-size:29px;line-height:1.3}.search{width:100%;flex-basis:100%}.article-header h1{font-size:29px;line-height:1.25;letter-spacing:-.045em}.article-header .intro{font-size:16px}.detail-hero h1{font-size:35px}.reading{font-size:16px;line-height:1.9}.reading h2{font-size:26px}.journal-card h3{font-size:24px}.journal-intro{font-size:16px}.journal-subtitle{font-size:24px;margin-top:36px}.eyebrow{font-size:9px;letter-spacing:1.1px}.final-cta h2{font-size:32px}.how h2{font-size:26px}.editorial-table{font-size:11px;line-height:1.65}.editorial-table th,.editorial-table td{padding:9px 8px}.editorial-table th{font-size:10px}.story-art .story-symbol{font-size:42px}.story-lead{font-size:18px!important}.pattern-practice{padding:18px}.pattern-result{font-size:13px}.filters{flex-wrap:wrap;justify-content:start;gap:3px}.filters button{flex-grow:1}}
@media(max-width:360px){.header-inner .brand{font-size:15px}.hero h1{font-size:33px}.article-header h1{font-size:27px}.section-heading h2,h2{font-size:26px}.detail-hero h1{font-size:31px}}
@media(prefers-reduced-motion:reduce){.search{transition:none}}
@media(max-width:600px){.header-inner{row-gap:0}.reading,.article-layout{min-width:0}.related-guides>.journal-grid{margin-top:24px}}
/* Keep related game cards and the following reading suggestions separate. */
.related-guides > .game-grid + .journal-grid{margin-top:40px}
@media(max-width:600px){.related-guides > .game-grid + .journal-grid{margin-top:28px}}
