:root{--bg:#ffffff;--surface:#f3f4f6;--border:#e5e7eb;--border-soft:#f3f4f6;--text:#111827;--muted:#6b7280;--muted-light:#9ca3af;--radius:6px;--max-width:1100px;--content-width:760px;--mono:ui-monospace, SFMono-Regular, Menlo, Monaco, "Roboto Mono", "Segoe UI Mono", monospace}*{box-sizing:border-box}html,body{height:100%}body{display:flex;flex-direction:column;margin:0;min-height:100vh;font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6}.site-header{border-bottom:1px solid var(--border);background:var(--bg)}.header-inner{max-width:var(--max-width);margin:0 auto;padding:20px 24px;display:flex;align-items:center;gap:20px}.site-title{font-weight:700;letter-spacing:-.02em;font-size:1.1rem;margin:0}.site-title a{color:var(--text);text-decoration:none}.site-nav{align-items:center;margin-left:auto;display:flex;gap:18px}.site-nav a{color:#374151;text-decoration:none;font-weight:600}.site-nav a:hover{color:var(--text)}.site-icons{display:flex;align-items:center;gap:12px;margin-left:12px}.icon-link{display:inline-flex;align-items:center;justify-content:center;color:#374151}.icon-link svg{width:20px;height:20px;fill:currentColor}.icon-link:hover{color:var(--text)}.site-footer{border-top:1px solid var(--border-soft);margin-top:auto}.footer-inner{align-items:center;color:var(--muted-light);display:flex;gap:12px;font-size:.9rem;margin:0 auto;max-width:var(--max-width);padding:18px 24px}.footer-inner a{color:var(--muted);font-weight:600;text-decoration:none}.footer-inner a:hover{color:var(--text);text-decoration:underline}.not-found{max-width:520px;padding:48px 0}.not-found-action{margin:22px 0 0}.button-link{border:1px solid var(--border);border-radius:var(--radius);color:var(--text);display:inline-flex;font-weight:600;line-height:1;padding:8px 12px;text-decoration:none}.button-link:hover{background:var(--surface);border-color:var(--muted-light);text-decoration:none}.sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0 0 0 0) !important;white-space:nowrap !important;border:0 !important}.container{flex:1;max-width:var(--max-width);margin:36px auto 56px;padding:0 24px;width:100%}.container:has(.subtitle){max-width:var(--content-width)}h1.title{margin:0 0 8px 0;font-size:1.5rem}p.lead{color:var(--muted);margin-top:0}.subtitle{color:var(--muted);font-size:.95rem;margin:0 0 18px 0}.eyebrow{font-size:.9rem;margin:0 0 6px 0}.eyebrow a{color:var(--muted);text-decoration:none}.eyebrow a:hover{color:var(--text);text-decoration:underline}table{border-collapse:collapse;display:block;font-size:.95rem;margin:24px 0;max-width:100%;overflow-x:auto;width:max-content}thead{border-bottom:1px solid var(--border)}tbody tr{border-bottom:1px solid var(--border-soft)}tbody tr:last-child{border-bottom:0}th,td{min-width:8rem;text-align:left;padding:8px 18px 8px 0;vertical-align:top}th{font-weight:700}.post-list{margin:18px 0 0 0;padding:0;list-style:none}.post-row{display:grid;grid-template-columns:140px 1fr;gap:20px;padding:12px 8px;border-bottom:1px solid var(--border-soft)}.post-date{color:var(--muted-light);font-size:.95rem}.post-title{display:block;color:var(--text);text-decoration:none;font-size:1.05rem;font-weight:600;margin-bottom:6px}.post-title:hover{color:var(--text);text-decoration:underline}.post-excerpt{color:var(--muted);margin:6px 0 0}.post-content img{border-radius:var(--radius);display:block;height:auto;margin:24px 0;max-width:100%}.post-figure{margin:28px 0}.post-figure img{margin:0;width:100%}.post-figure figcaption{color:var(--muted);font-size:.9rem;line-height:1.5;margin-top:8px}.post-figure.image-wide{margin-left:50%;max-width:min(100vw - 48px,900px);transform:translateX(-50%);width:min(100vw - 48px,900px)}.post-figure.image-compact{max-width:520px}.callout{border-left:3px solid var(--border);margin:24px 0;padding:10px 0 10px 14px}.callout-title{font-weight:700;margin:0 0 4px}.callout-body p{color:var(--muted);margin:0}.callout-warning{border-left-color:#f59e0b}.callout-aside{border-left-color:var(--muted-light)}.caption{color:var(--muted);font-size:.9rem;margin:-8px 0 24px}.media-embed{aspect-ratio:16/9;background:var(--surface);border-radius:var(--radius);margin:28px 0;overflow:hidden}.media-embed iframe{border:0;height:100%;width:100%}.video-figure video{border-radius:var(--radius);display:block;width:100%}.link-card{border:1px solid var(--border);border-radius:var(--radius);color:var(--text);display:block;margin:24px 0;padding:14px;text-decoration:none}.link-card:hover{background:var(--surface);border-color:var(--muted-light);text-decoration:none}.link-card span{display:block}.link-card-title{font-weight:700}.link-card-description{color:var(--muted);margin-top:4px}.link-card-url{color:var(--muted-light);font-size:.85rem;margin-top:8px;overflow-wrap:anywhere}.gallery{display:grid;gap:14px;grid-template-columns:repeat(2, minmax(0, 1fr));margin:28px 0}.gallery figure{margin:0}.gallery a{border-radius:var(--radius);display:block;outline-offset:3px}.gallery a:hover img,.gallery a:focus-visible img{border-color:var(--muted-light)}.gallery img{height:auto;margin:0;width:100%}.gallery a img{border:1px solid rgba(0,0,0,0)}.gallery figcaption{color:var(--muted);font-size:.85rem;line-height:1.4;margin-top:6px}.gallery-scroll{display:flex;gap:14px;overflow-x:auto;padding-bottom:8px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.gallery-scroll figure{flex:0 0 min(78vw,420px);scroll-snap-align:start}.abbr{cursor:help;position:relative;text-decoration:underline dotted var(--muted-light);text-underline-offset:3px}.abbr::after{background:var(--text);border-radius:var(--radius);bottom:calc(100% + 8px);color:var(--bg);content:attr(data-title);font-size:.8rem;font-weight:600;left:50%;line-height:1.2;opacity:0;padding:6px 8px;pointer-events:none;position:absolute;transform:translateX(-50%) translateY(4px);transition:opacity 120ms ease,transform 120ms ease;white-space:nowrap;z-index:20}.abbr:hover::after,.abbr:focus-visible::after{opacity:1;transform:translateX(-50%) translateY(0)}.tag-list{display:flex;flex-wrap:wrap;gap:6px;list-style:none;margin:6px 0 0;padding:0}.tag-pill{border:1px solid var(--border);border-radius:999px;color:var(--muted);display:inline-flex;font-size:.85rem;line-height:1;padding:5px 8px;text-decoration:none}.tag-pill:hover{border-color:var(--muted-light);color:var(--text)}.tag-filter-list{margin:18px 0 6px}.tag-filter-list .tag-pill{align-items:center;color:var(--text);gap:6px;padding:6px 9px}.tag-count{color:var(--muted-light);font-size:.8rem}.tag-index{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:24px 0 0;padding:0}.tag-index-pill{align-items:center;color:var(--text);gap:8px;padding:8px 10px}.tag-index-pill:hover{text-decoration:none}.tag-index-pill .tag-count{font-size:.82rem}.tag-page-title{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.tag-page-title span:last-child{border:1px solid var(--border);border-radius:999px;color:var(--muted);font-size:.8rem;font-weight:600;line-height:1;padding:5px 8px}@media (max-width: 640px){.header-inner{padding:12px 16px}.container{margin:24px auto}h1.title{font-size:1.25rem}.post-row{grid-template-columns:1fr;gap:4px;padding:14px 0}.post-date{font-size:.9rem}.gallery{grid-template-columns:1fr}pre{font-size:.9rem;-webkit-overflow-scrolling:touch}}code{font-family:var(--mono)}pre{background:var(--surface);color:var(--text);padding:10px 12px;border-radius:var(--radius);overflow-x:auto;line-height:1.5}pre code{background:rgba(0,0,0,0);padding:0;border-radius:0;display:block;color:inherit}:not(pre) code{background:var(--surface);padding:2px 5px;border-radius:4px}.post-preview{padding:14px;border-radius:var(--radius);margin-bottom:10px;border:1px solid var(--border-soft)}.post-preview:hover{background:var(--surface)}