:root{--color-background:#f7f6f2;--color-surface:#fff;--color-surface-muted:#f2f3ef;--color-text:#17221d;--color-text-muted:#59665f;--color-heading:#17221d;--color-link:#176b55;--color-link-hover:#355f51;--color-accent:#176b55;--color-border:#d9dfda;--color-focus:#176b55;--color-danger:#b42318;--color-success:#176b55;--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans JP", sans-serif;--font-mono:ui-monospace, "SFMono-Regular", Consolas, monospace;--font-size-xs:calc(var(--base-font-size,16px) * .75);--font-size-sm:calc(var(--base-font-size,16px) * .875);--font-size-base:var(--base-font-size,16px);--font-size-lg:calc(var(--base-font-size,16px) * 1.125);--font-size-xl:calc(var(--base-font-size,16px) * 1.375);--font-size-2xl:calc(var(--base-font-size,16px) * 1.75);--font-size-3xl:calc(var(--base-font-size,16px) * 2.25);--line-height-tight:1.35;--line-height-base:var(--line-height,1.8);--line-height-relaxed:max(var(--line-height,1.8), 1.85);--space-1:calc(.25rem * var(--spacing-scale,1));--space-2:calc(.5rem * var(--spacing-scale,1));--space-3:calc(.75rem * var(--spacing-scale,1));--space-4:calc(1rem * var(--spacing-scale,1));--space-6:calc(1.5rem * var(--spacing-scale,1));--space-8:calc(2rem * var(--spacing-scale,1));--space-12:calc(3rem * var(--spacing-scale,1));--radius-sm:4px;--radius-md:min(var(--radius-card,12px), 12px);--radius-lg:var(--radius-card,14px);--shadow-sm:0 1px 3px #142d2214;--shadow-md:0 16px 42px #142d2217;--content-width:1100px;--article-width:760px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}html[data-theme=dark]{--shadow-sm:none;--shadow-md:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-background:#111815!important;--color-surface:#18221e!important;--color-surface-muted:#202d27!important;--color-text:#edf4ef!important;--color-text-muted:#b8c7be!important;--color-heading:#f7fbf8!important;--color-link:#8de2c3!important;--color-link-hover:#b5f0db!important;--color-accent:#77d5b4!important;--color-border:#3b4d45!important;--color-focus:#f4bf63!important;--color-danger:#ff9a90!important;--color-success:#8de2c3!important}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:7rem}body{background:color-mix(in srgb, var(--color-background) 82%, var(--color-border));color:var(--color-text);font-family:var(--font-sans,var(--font-body));font-size:var(--font-size-base);line-height:var(--line-height-base);letter-spacing:var(--letter-spacing,0);overflow-wrap:anywhere;word-break:normal;line-break:strict;text-rendering:optimizelegibility;margin:0}a{color:var(--color-link);text-underline-offset:.2em;text-decoration-thickness:.08em}a:hover{color:var(--color-link-hover);text-decoration-thickness:.12em}button,input,textarea,select{font:inherit}img,svg,video,iframe{max-width:100%}.shell{width:min(var(--content-width), calc(100% - 2rem));margin-inline:auto}.skip-link{z-index:100;top:var(--space-2);left:var(--space-2);border-radius:var(--radius-sm);background:var(--color-heading);color:var(--color-surface);padding:var(--space-2) var(--space-4);font-weight:700;position:fixed;transform:translateY(-180%)}.skip-link:focus{transform:none}.site-header{z-index:10;border-bottom:1px solid color-mix(in srgb, var(--color-accent) 76%, #000);background:var(--color-surface);box-shadow:var(--shadow-sm);position:relative}.site-branding{min-height:8.5rem;padding-block:var(--space-6);text-align:center;place-items:center;display:grid}.brand{color:var(--color-heading);text-decoration:none}.brand:hover{color:var(--color-link-hover)}.brand-title{font-family:var(--font-heading,var(--font-sans));letter-spacing:.035em;font-size:clamp(1.8rem,3.4vw,2.55rem);font-weight:500;line-height:var(--line-height-tight);display:block}.brand-subtitle{margin-top:var(--space-1);color:var(--color-text-muted);font-size:var(--font-size-xs);letter-spacing:.2em;text-transform:uppercase;font-weight:600;display:block}.site-navigation{background:var(--color-accent);color:var(--color-surface)}.header-inner{min-height:max(3.5rem, calc(var(--header-height,76px) * .72));align-items:center;gap:var(--space-4);display:flex}.site-header nav{justify-content:center;align-items:stretch;gap:var(--space-1);min-width:0;margin-inline:auto;display:flex}.site-header nav a{border-radius:var(--radius-sm);min-height:2.75rem;color:var(--color-surface);padding-inline:var(--space-3);font-size:var(--font-size-sm);align-items:center;font-weight:700;text-decoration:none;display:inline-flex}.site-header nav a:hover{color:var(--color-surface);background:#ffffff26}.nav-label{color:var(--color-surface);font-size:var(--font-size-sm);font-weight:700;display:none}.icon-button{width:2.75rem;height:2.75rem;color:var(--color-surface);cursor:pointer;background:#0000001a;border:1px solid #ffffff61;border-radius:50%;flex:none;place-items:center;display:inline-grid}.icon-button:hover{background:#0003}.site-main{background:var(--color-surface);min-height:60vh;box-shadow:var(--shadow-md);padding:0 clamp(1rem, 4vw, 4rem) var(--space-12)}.site-main>section,.site-main>article{padding-bottom:var(--space-12)}.hero{max-width:52rem;padding:clamp(2.75rem, 7vw, 5rem) 0 var(--space-12);border-bottom:1px solid var(--color-border)}.kicker,.eyebrow,.section-kicker{color:var(--color-accent);font-size:var(--font-size-xs);letter-spacing:.14em;text-transform:uppercase;font-weight:800}.hero h1{max-width:18ch;margin:var(--space-2) 0 var(--space-4);color:var(--color-heading);font-family:var(--font-heading,var(--font-sans));letter-spacing:-.035em;white-space:pre-line;font-size:clamp(2.15rem,6vw,3.8rem);font-weight:550;line-height:1.2}.hero p{max-width:44rem;color:var(--color-text-muted);font-size:var(--font-size-lg);margin:0}.hero-actions{gap:var(--space-3);margin-top:var(--space-6);flex-wrap:wrap;display:flex}.hero-actions a,.button-link{border:1px solid var(--color-accent);border-radius:var(--radius-sm);min-height:2.75rem;padding:var(--space-2) var(--space-4);align-items:center;font-weight:700;text-decoration:none;display:inline-flex}.hero-actions a:first-child,.button-link{background:var(--color-accent);color:var(--color-surface)}.hero-actions a:hover,.button-link:hover{border-color:var(--color-link-hover);background:var(--color-link-hover);color:var(--color-surface)}.about-card{padding:var(--space-8) 0 var(--space-12)}.hero-note,.callout{max-width:var(--article-width);border:1px solid var(--color-border);border-left:4px solid var(--color-accent);border-radius:0 var(--radius-md) var(--radius-md) 0;background:var(--color-surface-muted);padding:var(--space-6)}.hero-note p{margin-block:var(--space-2) var(--space-3)}[data-cms-section],.latest-comments{padding-block:var(--space-8) var(--space-12)}[data-background=surface]{background:var(--color-surface)}[data-background=accent]{border-radius:var(--radius-md);background:var(--color-surface-muted);padding-inline:var(--space-6)}[data-spacing=none]{padding-block:0}[data-spacing=small]{padding-block:var(--space-4)}[data-spacing=large]{padding-block:var(--space-12)}.section-head{justify-content:space-between;align-items:end;gap:var(--space-4);margin-bottom:var(--space-6);border-bottom:1px solid var(--color-border);display:flex}.section-head h1,.section-head h2{margin:0 0 var(--space-3);color:var(--color-heading);font-family:var(--font-heading,var(--font-sans));font-size:var(--font-size-2xl);font-weight:600;line-height:var(--line-height-tight)}.section-head>a{margin-bottom:var(--space-3);font-size:var(--font-size-sm);font-weight:700}.section-kicker{margin-bottom:var(--space-1);display:block}.card-grid{gap:var(--space-4);display:grid}.post-card{gap:var(--space-6);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);padding:var(--space-6);box-shadow:var(--shadow-sm);grid-template-columns:auto minmax(0,1fr);display:grid}.post-card:focus-within{border-color:var(--color-accent)}.post-card-body{min-width:0}.post-card h2{margin:var(--space-2) 0;font-family:var(--font-heading,var(--font-sans));font-size:var(--font-size-xl);font-weight:600;line-height:1.5}.post-card h2 a{color:var(--color-heading);text-decoration-color:#0000}.post-card h2 a:hover{color:var(--color-link-hover);text-decoration-color:currentColor}.post-summary,.post-card p{margin:var(--space-2) 0 var(--space-3);color:var(--color-text-muted)}.post-meta,.article-meta{align-items:center;gap:var(--space-2);color:var(--color-text-muted);font-size:var(--font-size-sm);flex-wrap:wrap;display:flex}.category-link{font-weight:750}.post-icon{background:color-mix(in srgb, var(--color-accent) 12%, var(--color-surface));width:3.25rem;height:3.25rem;color:var(--color-accent);font-size:var(--font-size-xl);border-radius:50%;place-items:center;display:grid}.post-cover{align-self:stretch;width:clamp(9rem,22vw,15rem);display:block}.post-cover img{border-radius:var(--radius-sm);object-fit:cover;width:100%;height:100%;max-height:12rem;display:block}.tags{gap:var(--space-2);font-size:var(--font-size-sm);flex-wrap:wrap;display:flex}.tags a{background:color-mix(in srgb, var(--color-accent) 10%, var(--color-surface));min-height:2rem;padding:var(--space-1) var(--space-3);border-radius:999px;align-items:center;text-decoration:none;display:inline-flex}.tags a:hover{background:color-mix(in srgb, var(--color-accent) 18%, var(--color-surface))}.taxonomy-cloud{gap:var(--space-3)}.taxonomy-cloud a{gap:var(--space-2);border:1px solid var(--color-border);background:var(--color-surface);min-height:2.75rem}.taxonomy-cloud a span{color:var(--color-text-muted);font-size:var(--font-size-xs)}.taxonomy-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr));display:grid}.taxonomy-grid>a{justify-content:space-between;align-items:center;gap:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);min-height:5rem;padding:var(--space-4) var(--space-6);text-decoration:none;display:flex}.taxonomy-grid>a:hover{border-color:var(--color-accent);background:var(--color-surface-muted)}.taxonomy-grid strong{font-size:var(--font-size-2xl)}.taxonomy-grid small{margin-left:var(--space-1);font-size:var(--font-size-xs);font-weight:500}.article-header{max-width:52rem;padding:clamp(2.5rem, 6vw, 4.5rem) 0 var(--space-8)}.article-header h1{margin:var(--space-2) 0 var(--space-4);color:var(--color-heading);font-family:var(--font-heading,var(--font-sans));letter-spacing:-.025em;font-size:clamp(2rem,5vw,3.5rem);font-weight:600;line-height:1.3}.article-header>p,.article-summary{max-width:var(--article-width);margin-block:var(--space-3);color:var(--color-text-muted);font-size:var(--font-size-lg)}.article-header .article-meta{margin-block:var(--space-4)}.breadcrumbs{margin-bottom:var(--space-6);color:var(--color-text-muted);font-size:var(--font-size-xs)}.breadcrumbs ol{gap:var(--space-1) var(--space-2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.breadcrumbs li{align-items:center;min-width:0;display:flex}.breadcrumbs li+li:before{margin-right:var(--space-2);color:var(--color-border);content:"/"}.breadcrumbs [aria-current=page]{text-overflow:ellipsis;white-space:nowrap;max-width:min(45ch,60vw);display:block;overflow:hidden}.article-cover{width:min(100%, var(--article-width));margin:0 0 var(--space-8)}.article-cover img{border-radius:var(--radius-md);object-fit:cover;width:100%;height:auto;max-height:min(60vh,40rem);display:block}.article-layout{grid-template-columns:minmax(0, var(--article-width)) minmax(12rem, var(--sidebar-width,240px));align-items:start;gap:clamp(2rem,5vw,4rem);display:grid}.article-content,.prose{min-width:0}.toc{top:var(--space-6);border-top:3px solid var(--color-accent);border-radius:0 0 var(--radius-sm) var(--radius-sm);background:var(--color-surface-muted);padding:var(--space-4);align-self:start;position:sticky}.toc strong{margin-bottom:var(--space-2);color:var(--color-heading);display:block}.toc a{margin-block:var(--space-2);font-size:var(--font-size-sm);line-height:1.6;display:block}.prose{max-width:var(--article-width);font-size:max(var(--font-size-base), 1.0625rem);line-height:var(--line-height-relaxed)}.prose p,.prose ul,.prose ol,.prose blockquote,.prose details,.prose .todo,.prose .equation{margin-block:0 var(--space-6)}.prose h2,.prose h3{color:var(--color-heading);font-family:var(--font-heading,var(--font-sans));scroll-margin-top:var(--space-8);font-weight:650;line-height:1.5}.prose h2{border-bottom:1px solid var(--color-border);padding-bottom:var(--space-2);font-size:var(--font-size-2xl);margin:2.6em 0 .8em}.prose h3{font-size:var(--font-size-xl);margin:2.2em 0 .65em}.prose ul,.prose ol{padding-left:1.5em}.prose li+li{margin-top:var(--space-2)}.prose blockquote{border-left:4px solid var(--color-accent);background:var(--color-surface-muted);padding:var(--space-4) var(--space-6);color:var(--color-text-muted);margin-inline:0}.prose code{border-radius:var(--radius-sm);background:var(--color-surface-muted);font-family:var(--font-mono,var(--font-code));padding:.1em .35em;font-size:.9em}.prose pre,.table-scroll{max-width:100%;margin-block:var(--space-6);overscroll-behavior-inline:contain;overflow:auto}.prose pre{border-radius:var(--radius-md);color:#edf7f0;padding:var(--space-6);tab-size:2;background:#0d1712;border:1px solid #2d4238;line-height:1.65}.prose pre code{color:inherit;background:0 0;padding:0}.prose table{border-collapse:collapse;background:var(--color-surface);min-width:30rem}.prose th,.prose td{border:1px solid var(--color-border);padding:var(--space-2) var(--space-4);text-align:left;vertical-align:top}.prose tr:nth-child(2n){background:var(--color-surface-muted)}.prose hr,.article-content>hr{height:1px;margin-block:var(--space-12);background:var(--color-border);border:0}.prose summary{cursor:pointer;min-height:2.75rem;color:var(--color-heading);font-weight:700}.article-image{width:min(100%, var(--image-max-width));margin:var(--space-8) auto;text-align:center}.article-image img{width:auto;max-width:100%;height:auto;max-height:var(--image-max-height);border-radius:var(--image-radius,var(--radius-sm));object-fit:contain;margin-inline:auto;display:block}.article-image a{display:block}.article-image figcaption{margin-top:var(--space-2);color:var(--color-text-muted);font-size:var(--font-size-sm)}.unsupported{border:1px dashed var(--color-danger);border-radius:var(--radius-sm);padding:var(--space-4)}.article-navigation{margin-block:var(--space-8)}.article-navigation ul{gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.article-navigation li{gap:var(--space-1);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-4);display:grid}.article-navigation li:last-child{text-align:right}.article-navigation span,.share-links>span{color:var(--color-text-muted);font-size:var(--font-size-xs);font-weight:700}.share-links{align-items:center;gap:var(--space-3);border-block:1px solid var(--color-border);padding-block:var(--space-4);flex-wrap:wrap;display:flex}.comments-section,.latest-comments{padding-block:var(--space-12) var(--space-4)}.comment-list{gap:var(--space-4);margin:0;padding:0;list-style:none;display:grid}.latest-comment-list{grid-template-columns:repeat(2,minmax(0,1fr))}.comment-card{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);min-width:0;padding:var(--space-4) var(--space-6);box-shadow:var(--shadow-sm)}.comment-card p{margin:var(--space-3) 0 0;overflow-wrap:anywhere;white-space:pre-wrap}.comment-meta{justify-content:space-between;align-items:baseline;gap:var(--space-2) var(--space-4);flex-wrap:wrap;display:flex}.comment-meta time,.comment-empty{color:var(--color-text-muted);font-size:var(--font-size-sm)}.comment-article{margin-top:var(--space-2);font-size:var(--font-size-sm);font-weight:700;display:inline-block}.comment-form,.search-panel{gap:var(--space-2);margin-top:var(--space-8);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-muted);padding:clamp(1rem,4vw,2rem);display:grid}.comment-form h3{color:var(--color-heading);font-size:var(--font-size-xl);margin:0}.form-help{margin:0 0 var(--space-3);color:var(--color-text-muted);font-size:var(--font-size-sm)}.comment-form label,.search-panel label{margin-top:var(--space-2);color:var(--color-heading);font-size:var(--font-size-sm);font-weight:750}.comment-form input,.comment-form textarea,.search-input{border:1px solid color-mix(in srgb, var(--color-border) 75%, var(--color-text));border-radius:var(--radius-sm);background:var(--color-surface);width:100%;color:var(--color-text);padding:var(--space-3) var(--space-4)}.comment-form textarea{resize:vertical;min-height:9rem}.comment-form-foot{justify-content:space-between;align-items:center;gap:var(--space-3);margin-top:var(--space-2);color:var(--color-text-muted);font-size:var(--font-size-sm);flex-wrap:wrap;display:flex}.comment-form button{border:1px solid var(--color-accent);border-radius:var(--radius-sm);background:var(--color-accent);min-height:2.75rem;color:var(--color-surface);padding:var(--space-2) var(--space-6);cursor:pointer;font-weight:750}.comment-form button:hover{border-color:var(--color-link-hover);background:var(--color-link-hover)}.comment-form button:disabled{cursor:wait;opacity:.65}.comment-message{margin:var(--space-3) 0 0;padding:var(--space-2) var(--space-3);border-left:4px solid;font-weight:700}.comment-message[data-state=success]{color:var(--color-success)}.comment-message[data-state=error]{color:var(--color-danger)}.comment-honeypot{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.search-input{min-height:3.25rem;margin:0 0 var(--space-2);font-size:var(--font-size-lg);display:block}.search-status{margin-block:0 var(--space-2);color:var(--color-text-muted)}.empty-state{border:1px dashed var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface-muted);padding:var(--space-6);color:var(--color-text-muted)}.archive-list{gap:var(--space-8);display:grid}.archive-list section{padding:0}.archive-list h2{border-bottom:1px solid var(--color-border);padding-bottom:var(--space-2)}.archive-list ul{margin:0;padding:0;list-style:none}.archive-list li{gap:var(--space-4);border-bottom:1px solid var(--color-border);padding-block:var(--space-3);grid-template-columns:10rem minmax(0,1fr);display:grid}.archive-list time{color:var(--color-text-muted);font-size:var(--font-size-sm)}.not-found{min-height:55vh}.site-footer{border-top:1px solid var(--color-border);padding:var(--space-8) 0;color:var(--color-text-muted)}.footer-inner{justify-content:space-between;align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.footer-inner p{margin:0}.footer-inner nav{gap:var(--space-4);font-size:var(--font-size-sm);flex-wrap:wrap;display:flex}.cta{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);padding:var(--space-8)}.cta.primary{background:var(--color-accent);color:var(--color-surface)}.cms-preview{background:var(--color-background,#f7f6f2);min-height:100vh;color:var(--color-text,#17221d);padding:var(--space-8);font-family:var(--font-body,sans-serif);font-size:var(--base-font-size,16px);line-height:var(--line-height,1.8)}.cms-preview header{align-items:center;gap:var(--space-4);border-bottom:1px solid var(--color-border,#ddd);padding-bottom:var(--space-4);display:flex}.cms-preview header small{color:var(--color-text-muted,#666)}.cms-preview header nav{gap:var(--space-4);margin-left:auto;display:flex}.cms-preview section{max-width:var(--content-width,1100px);margin-inline:auto}.preview-badge{margin:var(--space-4) 0;color:#fff;padding:var(--space-1) var(--space-3);background:#17221d;border-radius:999px;display:inline-block;position:sticky;top:0}.preview-cards{gap:var(--space-4);grid-template-columns:repeat(2,1fr);display:grid}.preview-cards article{border:1px solid var(--color-border,#ddd);border-radius:var(--radius-card,12px);background:var(--color-surface,#fff);padding:var(--space-6)}.cms-preview.mini{border:1px solid #b9c2cf;border-radius:10px;min-height:500px;max-height:720px;overflow:auto}.cms-preview.mini section{padding:var(--space-6) 0}.cms-preview.mini header{display:block}:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}@media (max-width:900px){.article-layout{grid-template-columns:minmax(0,1fr)}.toc{order:-1;position:static}}@media (max-width:760px){.shell{width:min(var(--content-width), calc(100% - 1rem))}.site-branding{min-height:7.25rem}.header-inner{gap:var(--space-2);min-height:3.5rem}.nav-label{flex:none;align-items:center;min-height:2.75rem;display:inline-flex}.site-header nav{overscroll-behavior-inline:contain;scrollbar-width:thin;justify-content:start;margin:0;overflow-x:auto}.site-header nav a{white-space:nowrap}.icon-button{margin-left:auto}.site-main{padding-inline:clamp(.75rem,4vw,1.25rem)}.hero{padding-top:var(--space-12)}.article-header{padding-top:var(--space-8)}.post-card{gap:var(--space-4);padding:var(--space-4);grid-template-columns:minmax(0,1fr)}.post-icon{display:none}.post-cover{width:100%;height:min(50vw,14rem)}.section-head{align-items:center}.section-head h1,.section-head h2{font-size:var(--font-size-xl)}.latest-comment-list,.article-navigation ul{grid-template-columns:minmax(0,1fr)}.article-navigation li:last-child{text-align:left}.archive-list li{gap:var(--space-1);grid-template-columns:minmax(0,1fr)}[data-visibility=desktop]{display:none}[data-visibility=mobile]{display:block}}@media (min-width:761px){[data-visibility=mobile]{display:none}}@media (max-width:390px){.brand-title{font-size:1.65rem}.hero h1,.article-header h1{font-size:1.9rem}.comment-form-foot{flex-direction:column;align-items:stretch}.comment-form button{width:100%}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media print{body{color:#000;background:#fff}.site-header,.site-footer,.comments-section,.toc,.skip-link,.share-links{display:none}.site-main{width:100%;box-shadow:none;padding:0}}