:root{color-scheme:light;--color-bg:#fafaf8;--color-bg-alt:#f1f0ec;--color-surface:#fff;--color-text:#3a3a3a;--color-text-muted:#616161;--color-heading:#2f2f2f;--color-accent:#d9c7ad;--color-accent-strong:#cbb492;--color-accent-soft:#efe6d8;--color-accent-2:#b8cdd6;--color-accent-2-soft:#e4edf0;--color-link:#7a5c3a;--color-link-hover:#573f25;--color-border:#e4e2dc;--color-border-strong:#d3cfc5;--color-focus:#3f6d80;--color-code-inline:#6b3f2a;--font-body:system-ui, -apple-system, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", "Yu Gothic UI", Meiryo, sans-serif;--font-mono:ui-monospace, "SFMono-Regular", Consolas, "Noto Sans Mono", monospace;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-md:1.0625rem;--text-lg:1.25rem;--text-xl:1.5rem;--text-2xl:1.875rem;--text-3xl:2.25rem;--leading-tight:1.45;--leading-normal:1.8;--leading-prose:1.95;--space-1:.5rem;--space-2:.75rem;--space-3:1rem;--space-4:1.5rem;--space-5:2rem;--space-6:3rem;--space-7:4rem;--space-8:6rem;--measure:42rem;--container:72rem;--radius:8px;--radius-lg:14px;--radius-pill:999px;--shadow-sm:0 1px 2px #3a3a3a0f;--shadow-md:0 6px 20px #3a3a3a14;--ease:cubic-bezier(.2, .7, .2, 1);--duration:.2s}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-normal);letter-spacing:.02em;overflow-wrap:break-word;line-break:strict;-webkit-font-smoothing:antialiased;margin:0}h1,h2,h3,h4,h5,h6{color:var(--color-heading);font-weight:700;line-height:var(--leading-tight);letter-spacing:.03em;word-break:auto-phrase;text-wrap:balance;margin:0}p,ul,ol,dl,dd,figure,blockquote,pre,table{margin:0}img,svg,video,picture{max-width:100%;height:auto;display:block}a{color:var(--color-link);text-underline-offset:.22em;transition:color var(--duration) var(--ease);text-decoration-thickness:1px}a:hover{color:var(--color-link-hover)}:focus-visible{outline:2px solid var(--color-focus);outline-offset:3px;border-radius:2px}code,kbd,samp,pre{font-family:var(--font-mono)}hr{margin:var(--space-6) 0;border:0;border-top:1px solid var(--color-border)}button,input,select,textarea{font:inherit;color:inherit}::selection{background:var(--color-accent-soft);color:var(--color-heading)}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{top:-100px;left:var(--space-3);z-index:100;padding:var(--space-1) var(--space-3);border-radius:var(--radius);background:var(--color-surface);color:var(--color-heading);box-shadow:var(--shadow-md);text-decoration:none;position:absolute}.skip-link:focus{top:var(--space-3)}.container{--gutter:var(--space-4);width:100%;max-width:var(--container);padding-inline:var(--gutter);margin-inline:auto}.container--narrow{max-width:calc(var(--measure) + var(--gutter) * 2)}@media (width<=40em){.container{--gutter:var(--space-3)}}.site{flex-direction:column;min-height:100dvh;display:flex}.site-main{padding-block:var(--space-6) var(--space-8);flex:1}.site-main:focus{outline:none}.site-header{background:var(--color-surface);border-bottom:1px solid var(--color-border)}.site-header__inner{justify-content:space-between;align-items:center;gap:var(--space-4);min-height:4.75rem;display:flex}.site-brand{color:var(--color-heading);flex-direction:column;flex-shrink:0;line-height:1.3;text-decoration:none;display:flex}.site-brand:hover{color:var(--color-heading)}.site-brand__name{font-size:var(--text-lg);letter-spacing:.05em;font-weight:700}.site-brand__tagline{font-size:var(--text-xs);color:var(--color-text-muted);letter-spacing:.06em}.site-nav__list{align-items:center;gap:.25rem;margin:0;padding:0;list-style:none;display:flex}.site-nav__link{border-radius:var(--radius-pill);color:var(--color-text);font-size:var(--text-sm);white-space:nowrap;transition:background-color var(--duration) var(--ease), color var(--duration) var(--ease);align-items:center;gap:.35em;padding:.45rem .8rem;text-decoration:none;display:inline-flex}.site-nav__link:hover{background:var(--color-bg-alt);color:var(--color-heading)}.site-nav__link.is-active{background:var(--color-accent-soft);color:var(--color-heading);font-weight:600}.site-nav__link svg{width:1em;height:1em}.site-nav__item--search{border-left:1px solid var(--color-border);margin-left:.25rem;padding-left:.5rem}@media (width<=60em){.site-header__inner{min-height:0;padding-top:var(--space-2);flex-direction:column;align-items:stretch;gap:0}.site-brand{align-items:baseline;gap:var(--space-2);padding-bottom:var(--space-1);flex-direction:row}.site-nav{margin-inline:calc(var(--gutter) * -1);scrollbar-width:none;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#000 88%,#0000);mask-image:linear-gradient(90deg,#000 88%,#0000)}.site-nav::-webkit-scrollbar{display:none}.site-nav__list{width:max-content;padding:.25rem var(--space-6) var(--space-2) var(--gutter)}}@media (width<=40em){.site-brand__tagline{display:none}}.site-footer{padding-block:var(--space-6) var(--space-4);background:var(--color-bg-alt);border-top:1px solid var(--color-border);color:var(--color-text-muted);font-size:var(--text-sm)}.site-footer__inner{gap:var(--space-5);grid-template-columns:2fr 1fr 1fr;display:grid}.site-footer__name{margin-bottom:var(--space-1);color:var(--color-heading);font-size:var(--text-md);letter-spacing:.05em;font-weight:700}.site-footer__desc{max-width:28rem;line-height:1.8}.site-footer__heading{margin-bottom:var(--space-1);color:var(--color-heading);font-size:var(--text-sm);font-weight:700}.site-footer__list{gap:.35rem;margin:0;padding:0;list-style:none;display:grid}.site-footer a{color:var(--color-text);text-decoration:none}.site-footer a:hover{color:var(--color-link-hover);text-decoration:underline}.site-footer__bottom{margin-top:var(--space-5);padding-top:var(--space-3);border-top:1px solid var(--color-border)}@media (width<=52em){.site-footer__inner{grid-template-columns:1fr 1fr}.site-footer__about{grid-column:1/-1}}.page-header{margin-bottom:var(--space-6)}.page-header__eyebrow{margin-bottom:var(--space-1);color:var(--color-text-muted);font-size:var(--text-sm);letter-spacing:.08em}.page-header__title{font-size:clamp(1.625rem,1.3rem + 1.4vw,2.25rem)}.page-header__lead{max-width:var(--measure);margin-top:var(--space-2);color:var(--color-text-muted)}.section+.section{margin-top:var(--space-7)}.section__header{justify-content:space-between;align-items:baseline;gap:var(--space-3);margin-bottom:var(--space-4);padding-bottom:var(--space-2);border-bottom:1px solid var(--color-border);display:flex}.section__title{font-size:var(--text-xl)}.section__more{font-size:var(--text-sm);flex-shrink:0}.section__lead{margin:calc(var(--space-2) * -1) 0 var(--space-4);color:var(--color-text-muted);font-size:var(--text-sm)}.button{border-radius:var(--radius-pill);min-height:2.875rem;font-size:var(--text-base);transition:background-color var(--duration) var(--ease), border-color var(--duration) var(--ease), transform var(--duration) var(--ease);border:1px solid #0000;justify-content:center;align-items:center;gap:.5em;padding:.7rem 1.5rem;font-weight:600;line-height:1.4;text-decoration:none;display:inline-flex}.button:hover{transform:translateY(-1px)}.button--primary{background:var(--color-accent);color:var(--color-heading)}.button--primary:hover{background:var(--color-accent-strong);color:var(--color-heading)}.button--secondary{background:var(--color-surface);border-color:var(--color-border-strong);color:var(--color-text)}.button--secondary:hover{border-color:var(--color-accent-strong);color:var(--color-heading)}.category-label{border-radius:var(--radius-pill);background:var(--color-accent-soft);color:var(--color-heading);font-size:var(--text-xs);letter-spacing:.04em;padding:.15rem .7rem;font-weight:600;line-height:1.7;text-decoration:none;display:inline-block}a.category-label:hover{background:var(--color-accent);color:var(--color-heading)}.pr-badge{color:var(--color-text-muted);letter-spacing:.08em;border:1px solid;border-radius:4px;flex-shrink:0;padding:0 .4rem;font-size:.6875rem;font-weight:600;line-height:1.6;display:inline-block}.tag-list{flex-wrap:wrap;gap:.4rem;margin:0;padding:0;list-style:none;display:flex}.tag-list a{background:var(--color-bg-alt);color:var(--color-text-muted);font-size:var(--text-xs);border-radius:4px;padding:.1rem .6rem;line-height:1.8;text-decoration:none;display:inline-block}.tag-list a:before{content:"#";opacity:.7;margin-right:.1em}.tag-list a:hover{background:var(--color-accent-2-soft);color:var(--color-heading)}.post-grid{gap:var(--space-5) var(--space-4);grid-template-columns:repeat(auto-fill,minmax(min(100%,19rem),1fr));margin:0;padding:0;list-style:none;display:grid}.post-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);height:100%;transition:box-shadow var(--duration) var(--ease), transform var(--duration) var(--ease), border-color var(--duration) var(--ease);flex-direction:column;display:flex;position:relative;overflow:hidden}.post-card:hover{border-color:var(--color-border-strong);box-shadow:var(--shadow-md);transform:translateY(-2px)}.post-card:has(.post-card__title a:focus-visible){outline:2px solid var(--color-focus);outline-offset:3px}.post-card__media{aspect-ratio:1200/630;background:var(--color-bg-alt);overflow:hidden}.post-card__media img{object-fit:cover;width:100%;height:100%}.post-card__placeholder{height:100%;color:var(--color-text-muted);font-size:var(--text-sm);letter-spacing:.08em;place-items:center;display:grid}.post-card__body{align-items:flex-start;gap:var(--space-1);padding:var(--space-3) var(--space-4) var(--space-4);flex-direction:column;flex:1;display:flex}.post-card__title{font-size:var(--text-md);line-height:1.6}.post-card__title a{color:var(--color-heading);text-decoration:none}.post-card__title a:after{content:"";position:absolute;inset:0}.post-card__title a:focus-visible{outline:none}.post-card:hover .post-card__title a{color:var(--color-link-hover)}.post-card__category{z-index:1;position:relative}.post-card__excerpt{color:var(--color-text-muted);font-size:var(--text-sm);-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.75;display:-webkit-box;overflow:hidden}.post-card__meta{padding-top:var(--space-1);color:var(--color-text-muted);font-size:var(--text-xs);margin-top:auto}.pagination{margin-top:var(--space-7)}.pagination__list{justify-content:center;align-items:center;gap:var(--space-1);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.pagination__link,.pagination__current,.pagination__gap{border-radius:var(--radius-pill);min-width:2.75rem;height:2.75rem;font-size:var(--text-sm);justify-content:center;align-items:center;padding:0 .9rem;display:inline-flex}.pagination__link{background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text);text-decoration:none}.pagination__link:hover{background:var(--color-accent-soft);border-color:var(--color-accent);color:var(--color-heading)}.pagination__current{background:var(--color-heading);color:var(--color-surface);font-weight:600}.pagination__gap{min-width:1.5rem;color:var(--color-text-muted);padding:0}.pr-notice{align-items:baseline;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius);background:var(--color-bg-alt);color:var(--color-text-muted);font-size:var(--text-sm);line-height:1.7;display:flex}.cta{isolation:isolate;padding:var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:linear-gradient(135deg, var(--color-accent-soft) 0%, var(--color-surface) 72%);position:relative;overflow:hidden}.cta:after{content:"";z-index:-1;background:var(--color-accent-2);opacity:.28;pointer-events:none;border-radius:50%;width:16rem;height:16rem;position:absolute;top:-6rem;right:-5rem}.cta__eyebrow{align-items:center;gap:var(--space-1);margin-bottom:var(--space-1);color:var(--color-text-muted);font-size:var(--text-xs);letter-spacing:.06em;display:flex}.cta__title{margin-bottom:var(--space-2);font-size:var(--text-lg);line-height:1.55}.cta__text{max-width:36rem;margin-bottom:var(--space-4)}.cta__actions{gap:var(--space-2);flex-wrap:wrap;display:flex}.cta__note{max-width:36rem;margin-top:var(--space-3);color:var(--color-text-muted);font-size:var(--text-xs);line-height:1.7}.cta--hero{margin-bottom:var(--space-7);padding:var(--space-6) var(--space-5)}.cta--hero:after{width:24rem;height:24rem;top:-8rem;right:-6rem}.cta--hero .cta__title{font-size:clamp(1.625rem,1.2rem + 2vw,2.5rem);line-height:1.45}.cta--hero .cta__text{font-size:var(--text-md)}@media (width<=40em){.cta,.cta--hero{padding:var(--space-4) var(--space-3)}.cta__actions .button{width:100%}}.empty-state{padding:var(--space-6) var(--space-4);border:1px dashed var(--color-border-strong);border-radius:var(--radius-lg);background:var(--color-surface);color:var(--color-text-muted);text-align:center}.not-found__code{color:var(--color-accent-strong);letter-spacing:.05em;font-size:clamp(4rem,3rem + 5vw,6.5rem);font-weight:700;line-height:1}.not-found__actions{gap:var(--space-2);margin-top:var(--space-5);flex-wrap:wrap;display:flex}.not-found__section{margin-top:var(--space-6)}.not-found__section h2{margin-bottom:var(--space-2);font-size:var(--text-lg)}.breadcrumbs{margin-bottom:var(--space-3);color:var(--color-text-muted);font-size:var(--text-xs)}.breadcrumbs__list{flex-wrap:wrap;align-items:center;gap:.25rem 0;margin:0;padding:0;list-style:none;display:flex}.breadcrumbs__item{align-items:center;min-width:0;display:inline-flex}.breadcrumbs__item+.breadcrumbs__item:before{content:"/";content:"/" / "";color:var(--color-border-strong);margin-inline:.6em}.breadcrumbs a{color:var(--color-text-muted);text-decoration:none}.breadcrumbs a:hover{color:var(--color-link-hover);text-decoration:underline}.breadcrumbs [aria-current=page]{max-width:24em;color:var(--color-text);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.toc{margin-bottom:var(--space-6);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface)}.toc__summary{padding:var(--space-2) var(--space-4);color:var(--color-heading);letter-spacing:.06em;cursor:pointer;justify-content:space-between;align-items:center;font-weight:700;list-style:none;display:flex}.toc__summary::-webkit-details-marker{display:none}.toc__summary:after{content:"";border-right:2px solid var(--color-text-muted);border-bottom:2px solid var(--color-text-muted);width:.5em;height:.5em;transition:transform var(--duration) var(--ease);transform:translateY(-25%)rotate(45deg)}.toc[open]>.toc__summary{border-bottom:1px solid var(--color-border)}.toc[open]>.toc__summary:after{transform:translateY(25%)rotate(225deg)}.toc__nav{padding:var(--space-3) var(--space-4) var(--space-4)}.toc__list{counter-reset:toc;font-size:var(--text-sm);margin:0;padding:0;line-height:1.7;list-style:none}.toc__list>li{counter-increment:toc;grid-template-columns:1.8em 1fr;display:grid}.toc__list>li+li{margin-top:.55rem}.toc__list>li:before{content:counter(toc) ".";color:var(--color-text-muted);font-weight:700}.toc__list>li>*{grid-column:2}.toc a{color:var(--color-text);text-decoration:none}.toc a:hover{color:var(--color-link-hover);text-decoration:underline}.toc__sublist{margin:.35rem 0 0;padding:0;list-style:none}.toc__sublist li+li{margin-top:.3rem}.toc__sublist a{color:var(--color-text-muted)}.related-posts{margin-top:var(--space-8)}.search .pagefind-ui{--pagefind-ui-scale:.9;--pagefind-ui-primary:var(--color-link);--pagefind-ui-text:var(--color-text);--pagefind-ui-background:var(--color-surface);--pagefind-ui-border:var(--color-border-strong);--pagefind-ui-tag:var(--color-bg-alt);--pagefind-ui-border-width:1px;--pagefind-ui-border-radius:var(--radius);--pagefind-ui-image-border-radius:var(--radius);--pagefind-ui-font:var(--font-body)}.search .pagefind-ui__result-link{color:var(--color-heading)}.search .pagefind-ui__result-link:hover{color:var(--color-link-hover)}.search mark{background:var(--color-accent-soft);color:inherit}.post-header{max-width:var(--measure);margin:0 auto var(--space-5)}.post-header__title{margin-top:var(--space-2);letter-spacing:.02em;font-size:clamp(1.625rem,1.25rem + 1.6vw,2.25rem);line-height:1.5}.post-meta{align-items:center;gap:var(--space-1) var(--space-3);margin-top:var(--space-3);color:var(--color-text-muted);font-size:var(--text-sm);flex-wrap:wrap;display:flex}.post-meta__item{align-items:center;gap:.4em;display:inline-flex}.post-meta__label{font-size:var(--text-xs);letter-spacing:.06em}.post-meta__tags{margin-top:var(--space-2)}.post-thumbnail{max-width:52rem;margin:0 auto var(--space-6)}.post-thumbnail img{aspect-ratio:1200/630;object-fit:cover;border-radius:var(--radius-lg);width:100%}.post-body{max-width:var(--measure);margin-inline:auto}.post-body>.pr-notice{margin-bottom:var(--space-5)}.post-footer{gap:var(--space-6);max-width:var(--measure);margin:var(--space-7) auto 0;display:grid}.prose{font-size:var(--text-md);line-height:var(--leading-prose)}.prose>*+*{margin-top:1.6em}.prose h2{border-bottom:2px solid var(--color-accent);font-size:var(--text-xl);scroll-margin-top:var(--space-4);margin-top:3.2em;padding-bottom:.5em;line-height:1.5}.prose h3{border-left:4px solid var(--color-accent-2);font-size:var(--text-lg);scroll-margin-top:var(--space-4);margin-top:2.4em;padding-left:.75em;line-height:1.55}.prose h4{font-size:var(--text-md);scroll-margin-top:var(--space-4);margin-top:2em}.prose h2+*,.prose h3+*,.prose h4+*{margin-top:1em}.prose ul,.prose ol{padding-left:1.5em}.prose li+li,.prose li>ul,.prose li>ol{margin-top:.4em}.prose ul>li::marker{color:var(--color-accent-strong)}.prose ol>li::marker{color:var(--color-text-muted);font-weight:600}.prose strong{color:var(--color-heading);background:linear-gradient(transparent 62%, var(--color-accent-soft) 62%);font-weight:700}.prose a{overflow-wrap:anywhere}.prose blockquote{padding:var(--space-3) var(--space-4);border-left:4px solid var(--color-border-strong);border-radius:0 var(--radius) var(--radius) 0;background:var(--color-bg-alt)}.prose blockquote>*+*{margin-top:.8em}.prose img{border-radius:var(--radius);margin-inline:auto}.prose figcaption{color:var(--color-text-muted);font-size:var(--text-sm);text-align:center;margin-top:.6em}.prose hr{margin:3em 0}.prose :not(pre)>code{background:var(--color-bg-alt);color:var(--color-code-inline);overflow-wrap:anywhere;border-radius:4px;padding:.15em .4em;font-size:.875em}.prose pre{padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);font-size:var(--text-sm);letter-spacing:0;line-height:1.7;overflow-x:auto}.prose pre code{color:inherit;background:0 0;padding:0}.prose .table-wrapper{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);overflow-x:auto}.prose table{border-collapse:collapse;width:100%;font-size:var(--text-sm);line-height:1.7}.prose th,.prose td{border-bottom:1px solid var(--color-border);text-align:left;vertical-align:top;padding:.7em 1em}.prose th{background:var(--color-bg-alt);color:var(--color-heading);white-space:nowrap;font-weight:700}.prose td{min-width:8em}.prose tr:last-child td{border-bottom:0}@media (width<=40em){.prose{font-size:var(--text-base);line-height:1.9}.post-thumbnail{margin-inline:calc(var(--gutter) * -1)}.post-thumbnail img{border-radius:0}}