.wg-shell{max-width:1120px;margin:auto;padding:24px 24px 72px;color:var(--color-text);font-size:16px;line-height:1.75}
.wg-shell *{box-sizing:border-box}.wg-shell [hidden]{display:none!important}
.wg-tabs{display:flex;flex-wrap:wrap;gap:8px;border-bottom:1px solid var(--color-border);padding-bottom:12px;margin-bottom:24px}
.wg-tabs a{padding:10px 20px;min-height:44px;color:var(--color-muted);text-decoration:none;border-radius:4px}
.wg-tabs a[aria-current=page]{background:var(--color-surface-raised);color:var(--color-accent);box-shadow:inset 0 -2px var(--color-accent)}
.wg-notice{padding:14px 20px;border-left:3px solid var(--color-accent);background:var(--color-surface);font-size:14px;margin-bottom:32px}
.wg-hero{padding:24px 0 36px;max-width:760px}.wg-hero h1{font-size:clamp(30px,5vw,52px);line-height:1.35;margin:0 0 24px;color:var(--color-text)}.wg-hero p{color:var(--color-muted);max-width:66ch}
.wg-choices{display:grid;grid-template-columns:1fr 1fr;gap:28px}.wg-choices .wg-card{min-height:260px;border-top:3px solid var(--color-accent);background:linear-gradient(130deg,#30261d,#241d17)}
.wg-card{height:100%;padding:24px;border:1px solid var(--color-border);border-radius:var(--radius-panel);background:var(--color-surface)}
.wg-card h2{font-size:22px;line-height:1.5;margin:8px 0 16px}.wg-card h2 a{color:var(--color-accent);text-decoration:none}.wg-card h2 a:hover{text-decoration:underline}.wg-card p{margin:0;color:var(--color-muted)}
.wg-catalog{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.wg-meta{font-size:13px;color:var(--color-muted);line-height:1.6}
.wg-filter{display:flex;flex-wrap:wrap;gap:16px;align-items:end;padding:24px 0}.wg-filter label{display:flex;flex-direction:column;gap:6px;flex:1;min-width:160px}.wg-filter input,.wg-filter select{width:100%;background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border);padding:10px 12px;min-height:44px;font:inherit;border-radius:4px}
.wg-shell button,.wg-button,.wg-import{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;min-height:44px;font:inherit;border:1px solid var(--color-border);border-radius:4px;color:var(--color-accent);background:var(--color-surface-raised);cursor:pointer;text-decoration:none}.wg-shell button:hover,.wg-button:hover{border-color:var(--color-accent)}.wg-shell button:disabled{opacity:.5;cursor:default}
.wg-shell a:focus-visible,.wg-shell button:focus-visible,.wg-shell input:focus-visible,.wg-shell select:focus-visible,.wg-shell summary:focus-visible{outline:2px solid var(--color-accent);outline-offset:4px}
.wg-reader-head{max-width:800px;margin:32px 0}.wg-reader-head h1{font-size:clamp(27px,4vw,40px);line-height:1.4}.wg-reader-head details{padding:16px;background:var(--color-surface);border:1px solid var(--color-border);margin:16px 0}.wg-reader-head summary{cursor:pointer}
.wg-reader-tools{display:flex;flex-wrap:wrap;gap:10px}.wg-import{max-width:100%;flex-wrap:wrap}.wg-import input{max-width:100%;width:180px;font-size:12px}.wg-reader-tools button,.wg-import{font-size:14px}
.wg-reading-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:40px;align-items:start;margin-top:32px}.wg-reading-layout>aside{position:sticky;top:24px;max-height:75vh;overflow:auto;padding-right:12px}.wg-reading-layout>aside h2{font-size:18px}.wg-toc{padding-left:24px;margin:16px 0}.wg-toc li{padding:5px 0}.wg-toc a{display:block;padding:7px 8px;line-height:1.6;font-size:14px;color:var(--color-muted);text-decoration:none}.wg-toc a[aria-current=step]{color:var(--color-accent);background:var(--color-surface-raised)}
.wg-step{padding:24px 0 32px;border-bottom:1px solid var(--color-border);scroll-margin-top:110px}.wg-step h2{font-size:23px;line-height:1.5}.wg-step:focus{outline:2px solid var(--color-accent);outline-offset:8px}.wg-step p{max-width:70ch;white-space:normal}.wg-read-check{display:flex;align-items:center;gap:10px;min-height:44px;margin-top:24px;color:var(--color-accent)}.wg-read-check input{width:20px;height:20px;accent-color:var(--color-accent)}
.wg-sources{margin-top:40px;font-size:14px}.wg-sources a{overflow-wrap:break-word}.wg-sources details{margin-top:24px}.wg-sources details p{overflow-wrap:anywhere}.wg-shell dialog{max-width:min(480px,calc(100vw - 40px));background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border);border-radius:8px;padding:28px}.wg-shell dialog::backdrop{background:#000a}
.wg-coach-bar{padding:12px 24px;background:var(--color-surface);color:var(--color-muted);display:flex;gap:24px;flex-wrap:wrap;align-items:center;font:14px/1.6 var(--font-body)}.wg-coach-bar a{color:var(--color-accent);min-height:44px;display:inline-flex;align-items:center}.wg-coach-bar span{margin-left:auto}
@media(max-width:850px){.wg-catalog{grid-template-columns:repeat(2,minmax(0,1fr))}.wg-reading-layout{grid-template-columns:200px minmax(0,1fr);gap:24px}}
@media(max-width:600px){.wg-shell{padding:16px 18px 48px}.wg-choices,.wg-catalog,.wg-reading-layout{grid-template-columns:minmax(0,1fr)}.wg-choices .wg-card{min-height:0}.wg-reading-layout>aside{position:static;max-height:250px;border:1px solid var(--color-border);padding:16px}.wg-hero{padding:12px 0 24px}.wg-card{padding:20px}.wg-tabs a{padding:10px 12px}.wg-reader-head{margin-top:24px}.wg-reader-tools{gap:8px}.wg-coach-bar span{margin-left:0}.wg-step{scroll-margin-top:90px}}
@media(prefers-reduced-motion:reduce){.wg-shell{scroll-behavior:auto}}
/* Keep every shared-header action reachable on narrow guide screens. */
@media(max-width:380px){.site-header .header-inner{flex-wrap:wrap;row-gap:10px}.site-header .header-actions{margin-left:auto}.site-header .menu-toggle{margin-left:auto}}
