/* Public reader tokens. Category identities share the same theme foundations. */
:root{color-scheme:light;--color-bg:#f7f6f2;--color-text:#292c2d;--color-muted:#666b6b;--color-border:#dcded8;--color-surface:#efeee8;--color-control:#fafaf7;--color-focus:#59728a;--color-link:#3e6263;--color-warm:#875222;--color-warm-bg:#f3eee4;--color-warm-border:#c9a579;--color-cool:#365c75;--color-cool-bg:#eaf0f2;--color-cool-border:#8aa5b5;--paper:var(--color-bg);--ink:var(--color-text);--muted:var(--color-muted);--line:var(--color-border);--accent:var(--color-link);--soft:var(--color-surface);--font-warm:var(--font-reading);--font-cool:var(--font-reading);--reading-width:660px;--radius-control:6px}
:root[data-theme=dark]{color-scheme:dark;--color-bg:#191d20;--color-text:#dce0df;--color-muted:#a2aaa9;--color-border:#353d40;--color-surface:#272e31;--color-control:#22282b;--color-focus:#a9c9e0;--color-link:#aec6bc;--color-warm:#e5b87f;--color-warm-bg:#25221f;--color-warm-border:#8b6c47;--color-cool:#9fc4de;--color-cool-bg:#1d272e;--color-cool-border:#577c94}
.blog header{max-width:1100px;padding:10px 22px;min-height:54px}.blog header .brand{font-size:19px;gap:9px}.blog header .site-avatar{width:28px;height:28px;border-radius:8px}.blog header nav{gap:14px;font-size:12px}.blog main{max-width:1100px;padding:18px 22px 44px}.reading-layout{display:grid;grid-template-columns:184px minmax(0,var(--reading-width));gap:28px;align-items:start}.reading-sidebar{position:sticky;top:18px;min-width:0;font:12px/1.45 system-ui}.sidebar-label{font:10px/1.4 system-ui;text-transform:uppercase;letter-spacing:1px;color:var(--muted);margin:0 0 7px}.blog .reading-sidebar .category-tabs{display:flex;flex-direction:column;align-items:stretch;gap:3px;margin:0 0 16px}.blog .reading-sidebar .category-tabs a{display:block;border-radius:var(--radius-control);padding:7px 10px;background:transparent;border-color:transparent;color:var(--ink);font-size:13px}.blog .reading-sidebar .category-tabs a:hover{background:var(--soft)}.blog .reading-sidebar .category-tabs a.active{background:var(--soft);border-color:var(--line)}.blog .category-tabs a[href*="category=vinnie"]{color:var(--color-warm)}.blog .category-tabs a[href*="category=gena"]{color:var(--color-cool)}.category-caption{display:block;margin-top:1px;font:10px/1.4 system-ui;color:var(--muted)}.reading-toc{border-top:1px solid var(--line);padding:11px 0}.reading-toc summary{font:11px/1.5 system-ui;color:var(--muted)}.reading-toc nav{display:flex;flex-direction:column;align-items:stretch;gap:2px;margin-top:7px}.reading-toc nav a{font:12px/1.4 system-ui;padding:5px 9px;border-radius:var(--radius-control);overflow-wrap:anywhere}.reading-toc nav a:hover{background:var(--soft)}.reading-feed{min-width:0}.blog .story{--story-accent:var(--color-link);--story-bg:var(--color-bg);--story-border:var(--line);--story-font:var(--font-warm);margin:0 0 16px;padding:13px 16px 12px;border:0;border-left:2px solid var(--story-border);background:var(--story-bg);scroll-margin-top:18px}.blog .story[data-line=vinnie]{--story-accent:var(--color-warm);--story-bg:var(--color-warm-bg);--story-border:var(--color-warm-border);--story-font:var(--font-warm)}.blog .story[data-line=gena]{--story-accent:var(--color-cool);--story-bg:var(--color-cool-bg);--story-border:var(--color-cool-border);--story-font:var(--font-cool)}.blog .story h1,.blog .story h2{font:500 23px/1.22 var(--story-font);letter-spacing:-.3px;margin:5px 0 11px;color:var(--story-accent)}.story-meta{display:flex;flex-wrap:wrap;align-items:center;gap:9px;color:var(--muted);font:10px/1.5 system-ui}.story-meta a{display:inline-flex;align-items:center;gap:4px;color:var(--story-accent);text-decoration:none}.story-meta a::before{content:'';width:6px;height:6px;background:currentColor;flex-shrink:0}.story[data-line=vinnie] .story-meta a::before{border-radius:50%}.story-meta a:hover{text-decoration:underline}.story-line-caption{color:var(--muted)}.blog .prose,.blog .prose p{font-family:var(--story-font,var(--font-warm));font-size:var(--reading-size);line-height:var(--reading-leading)}.blog .prose p{margin:0 0 var(--space-paragraph)}.blog .prose p:last-child{margin-bottom:0}.blog .prose h2{font-size:20px;margin:1em 0 .4em}.blog .prose h3{font-size:17px}.blog .prose h4{font-size:16px}.blog .prose ul,.blog .prose ol{margin:.6em 0;padding-left:1.4em}.blog .prose blockquote{border-color:var(--story-border);color:var(--muted);padding:2px 0 2px 12px;margin:.8em 0}.blog .prose a{color:var(--story-accent)}.blog .prose td,.blog .prose th{border-color:var(--line);padding:5px 8px}.blog .prose pre{background:var(--soft);color:var(--ink);padding:10px}.blog .cover{width:auto;max-width:100%;height:auto;max-height:260px;object-fit:contain;object-position:left center;border-radius:2px;margin:11px 0 13px}.story-image-link{display:block}.blog .prose img{display:block;max-width:100%;width:auto;height:auto;max-height:340px;object-fit:contain}.blog .prose figure{margin:12px 0}.blog .prose figcaption{font:11px/1.4 system-ui;color:var(--muted)}.blog footer{max-width:1100px;padding:14px 22px;font-size:11px}.blog .empty{font-size:15px;padding:16px 0}.blog .back{display:inline-block;margin-bottom:14px;font-size:12px}.reading-feed .pagination{font-size:12px;flex-wrap:wrap;gap:16px}.blog .theme-toggle{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:32px;padding:5px 9px;border:1px solid var(--line);border-radius:var(--radius-control);background:var(--color-control);color:var(--ink);font:12px/1 system-ui;white-space:nowrap}.theme-toggle[hidden]{display:none!important}.theme-icon{font:18px/1 system-ui}.blog :focus-visible{outline:2px solid var(--color-focus);outline-offset:3px}.blog .theme-toggle:hover{background:var(--soft);filter:none}
@media(prefers-color-scheme:dark){:root:not([data-theme]){color-scheme:dark;--color-bg:#191d20;--color-text:#dce0df;--color-muted:#a2aaa9;--color-border:#353d40;--color-surface:#272e31;--color-control:#22282b;--color-focus:#a9c9e0;--color-link:#aec6bc;--color-warm:#e5b87f;--color-warm-bg:#25221f;--color-warm-border:#8b6c47;--color-cool:#9fc4de;--color-cool-bg:#1d272e;--color-cool-border:#577c94}}
@media(max-width:760px){.blog header{padding:9px 12px;flex-direction:row;align-items:center;gap:8px}.blog header .brand{font-size:17px}.blog header nav{gap:8px}.blog header .site-avatar{width:26px;height:26px}.blog main{padding:12px 10px 30px}.reading-layout{grid-template-columns:minmax(0,1fr);gap:12px}.reading-sidebar{position:static}.sidebar-label{display:none}.blog .reading-sidebar .category-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3px;margin:0}.blog .reading-sidebar .category-tabs a{font-size:12px;padding:6px}.category-caption{font-size:10px}.reading-toc{display:none}.blog .story{padding:11px 12px;margin-bottom:12px}.blog .story h1,.blog .story h2{font-size:22px;margin-bottom:10px}.blog .cover{max-height:230px;margin:10px 0 12px}.story-line-caption{display:none}.blog .theme-label{display:none}.blog .theme-toggle{width:32px;padding:5px}.blog footer{padding:14px 12px}}

@media(min-width:761px){.blog .reading-sidebar .category-tabs a[href*="category="]{padding-left:22px}}
/* Per-post actions and accessible native modal viewers. */
.story-actions{display:flex;gap:3px;margin-left:auto;align-self:flex-start}.blog .story .story-action{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:5px;border:0;border-radius:var(--radius-control);background:transparent;color:var(--muted);cursor:pointer;flex-shrink:0;text-decoration:none}.blog .story .story-action::before{content:none}.story-action svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.blog .story .story-action:hover{background:var(--soft);color:var(--story-accent);filter:none}.story-action[hidden]{display:none!important}.story-meta{min-height:28px}.story img{cursor:zoom-in}.lightbox-open{overflow:hidden}.reader-lightbox{position:fixed;inset:0;box-sizing:border-box;width:100%;max-width:none;height:100dvh;max-height:none;margin:0;padding:60px 52px 30px;border:0;background:transparent;color:#f2f2f2}.reader-lightbox::backdrop{background:rgba(8,11,14,.94)}.reader-lightbox[open]{display:flex;align-items:center;justify-content:center}.lightbox-stage{width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;min-width:0}.lightbox-stage img{display:block;max-width:100%;max-height:calc(100dvh - 125px);width:auto;height:auto;object-fit:contain}.lightbox-caption{margin:0;max-width:900px;font:13px/1.4 system-ui;text-align:center;overflow-wrap:anywhere}.blog .reader-lightbox button{position:absolute;display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:1px solid #596067;border-radius:8px;background:#242a30;color:#fff;font:30px/1 system-ui}.reader-lightbox .lightbox-close{top:12px;right:16px}.reader-lightbox .lightbox-prev{left:8px;top:calc(50% - 20px)}.reader-lightbox .lightbox-next{right:8px;top:calc(50% - 20px)}.reader-lightbox button[hidden]{display:none!important}@media(max-width:760px){.story-actions{gap:1px}.blog .story .story-action{width:30px;height:30px}.story-meta{gap:6px}.reader-lightbox{padding:58px 35px 24px}.blog .reader-lightbox button{width:32px;height:38px}.lightbox-stage img{max-height:calc(100dvh - 145px)}.reader-lightbox .lightbox-prev{left:1px}.reader-lightbox .lightbox-next{right:1px}}

/* Soft edges keep the category stripe straight on the left. */
.blog .story{border-radius:0 9px 9px 0}.blog .story img,.lightbox-stage img{border-radius:8px}

.reader-toast,.clipboard-buffer{position:fixed;left:-9999px;top:0;width:1px;height:1px;overflow:hidden}.story-action .copied-icon,.story-action.is-copied .share-icon{display:none}.story-action.is-copied .copied-icon{display:block}.blog .story .story-action.is-copied{color:var(--story-accent)}