@import "https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700;900&family=M+PLUS+1+Code:wght@400;500;700&display=swap";
:root{--hex-orange-500:#e05030;--hex-orange-600:#b73d22;--hex-orange-100:#fdece4;--hex-yellow-500:#f0b020;--hex-yellow-300:#f9e06b;--hex-yellow-100:#fef5d8;--hex-blue-700:#0030a0;--hex-blue-100:#e6ecf8;--white:#fff;--paper:#faf8f5;--ink-900:#14161c;--ink-700:#3a3f4a;--ink-500:#6b7280;--ink-300:#c4c7cd;--ink-100:#edeef1;--bg:var(--white);--bg-alt:var(--paper);--fg1:var(--ink-900);--fg2:var(--ink-700);--fg3:var(--ink-500);--fg-brand:var(--hex-blue-700);--fg-accent:var(--hex-orange-500);--border:var(--ink-100);--accent:var(--hex-orange-500);--hex-gradient:linear-gradient(180deg, var(--hex-yellow-300) 0%, var(--hex-yellow-500) 35%, var(--hex-orange-500) 100%);--font-body:"Noto Sans JP", -apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN", "Yu Gothic", sans-serif;--font-mono:"M PLUS 1 Code", "SFMono-Regular", ui-monospace, Menlo, monospace;--fs-h1:clamp(2rem, 3.4vw, 2.75rem);--fs-h2:1.5rem;--fs-h3:1.2rem;--fs-body:1rem;--lh-tight:1.05;--lh-snug:1.35;--lh-body:1.7;--tracking-tight:-.01em;--tracking-wide:.06em;--tracking-xwide:.14em;--sp-1:.25rem;--sp-2:.5rem;--sp-3:.75rem;--sp-4:1rem;--sp-5:1.5rem;--sp-6:2rem;--sp-7:3rem;--sp-8:4rem;--radius-sm:4px;--radius-md:8px;--radius-lg:14px;--radius-pill:999px;--hex-clip:polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);--shadow-sm:0 1px 2px #14161c0f, 0 0 0 1px #14161c0a;--shadow-md:0 4px 12px #14161c14, 0 0 0 1px #14161c0a;--shadow-stamp-orange:4px 4px 0 0 var(--hex-orange-500);--container:1200px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box}html,body{margin:0;padding:0}html{scroll-behavior:smooth;background:var(--bg-alt);color:var(--fg1)}body{font-family:var(--font-body);font-size:var(--fs-body);line-height:var(--lh-body);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;flex-direction:column;min-height:100vh;display:flex}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}::selection{background:var(--hex-orange-500);color:#fff}h1,h2,h3,h4{line-height:var(--lh-snug);color:var(--ink-900);font-family:var(--font-body)}h1{font-weight:900;font-size:var(--fs-h1);letter-spacing:var(--tracking-tight);margin:0 0 var(--sp-4)}h2{font-weight:700;font-size:var(--fs-h2);margin:var(--sp-7) 0 var(--sp-3)}h3{font-weight:700;font-size:var(--fs-h3);margin:var(--sp-5) 0 var(--sp-2)}h4{margin:var(--sp-4) 0 var(--sp-2);font-size:1.05rem;font-weight:700}p{margin:0 0 var(--sp-4);text-wrap:pretty}a{color:var(--hex-blue-700);text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:2px;transition:color .12s}a:hover{color:var(--hex-orange-500)}code,kbd,samp{font-family:var(--font-mono);background:var(--ink-100);border-radius:var(--radius-sm);color:var(--ink-900);padding:.1em .35em;font-size:.92em}pre{font-family:var(--font-mono);padding:var(--sp-5);border-radius:var(--radius-md);line-height:1.55;overflow-x:auto}pre:not(.shiki){background:var(--ink-900);color:var(--paper)}pre code{color:inherit;background:0 0;padding:0;font-family:inherit}ul,ol{margin:0 0 var(--sp-4);padding-left:1.25em}li{margin:.25em 0}img{max-width:100%;height:auto}hr{border:0;border-top:1px solid var(--border);margin:var(--sp-6) 0}:focus-visible{outline:2px solid var(--hex-blue-700);outline-offset:2px;border-radius:var(--radius-sm)}.site-header{z-index:20;-webkit-backdrop-filter:saturate(180%)blur(8px);backdrop-filter:saturate(180%)blur(8px);border-bottom:1px solid var(--border);background:#fffffff0;position:sticky;top:0}.site-header-inner{max-width:var(--container);align-items:center;gap:20px;margin:0 auto;padding:12px clamp(16px,4vw,32px);display:flex}.site-brand{color:inherit;flex-shrink:0;align-items:center;gap:10px;margin-right:auto;text-decoration:none;display:flex}.site-brand:hover{color:inherit}.site-brand .logo-mark{width:20px;height:20px;clip-path:var(--hex-clip);background:var(--hex-gradient);display:inline-block}.site-brand-name{font-family:var(--font-body);color:var(--fg-brand);letter-spacing:.02em;font-size:1rem;font-weight:900}.site-nav{flex-wrap:wrap;gap:2px;display:flex}.site-nav a{color:var(--fg2);border-radius:var(--radius-sm);font-family:var(--font-mono);border:1px solid #0000;padding:6px 10px;font-size:.78rem;text-decoration:none}.site-nav a:hover{border-color:var(--ink-300);color:var(--ink-900)}.site-main{max-width:var(--container);flex:1;width:100%;margin:0 auto;padding:0 clamp(16px,4vw,32px)}.site-footer{border-top:1px solid var(--border);padding:var(--sp-6) 0;margin-top:var(--sp-8);background:#fff}.site-footer-inner{max-width:var(--container);gap:var(--sp-4);font-family:var(--font-mono);color:var(--fg3);flex-wrap:wrap;justify-content:space-between;margin:0 auto;padding:0 clamp(16px,4vw,32px);font-size:.82rem;display:flex}.site-footer-inner b{color:var(--ink-900);font-weight:500}.site-footer-inner a{font-family:inherit;font-size:inherit}@media (max-width:640px){.site-header-inner{gap:12px}.site-nav{scrollbar-width:none;flex-wrap:nowrap;min-width:0;margin-right:-8px;overflow-x:auto}.site-nav::-webkit-scrollbar{display:none}}.home-hero{border-bottom:1px solid var(--border);padding:clamp(56px,9vw,112px) 0;background:#fff;margin:0 calc(-1*clamp(16px,4vw,32px));padding-inline:clamp(16px,4vw,32px);position:relative;overflow:hidden}.home-hero:before{content:"";pointer-events:none;background-image:radial-gradient(circle at 0 0,#f0b02014,#0000 40%),radial-gradient(circle at 100% 100%,#e050300d,#0000 40%);position:absolute;inset:0}.home-hero-inner{max-width:var(--container);margin:0 auto;position:relative}.home-hero-updated{margin-bottom:var(--sp-5);font-family:var(--font-mono);color:var(--fg3);font-size:.82rem;display:inline-block}.home-hero h1{color:var(--fg-brand);letter-spacing:-.01em;margin:0 0 var(--sp-4);max-width:18ch;font-size:clamp(2.25rem,6vw,4.5rem);font-weight:900;line-height:1.1}.home-hero-rule{border-bottom:3px solid var(--hex-orange-500);margin-top:var(--sp-3);color:var(--ink-900);padding-bottom:4px;font-size:1.05rem;font-weight:700;display:inline-block}.home-hero-lead{max-width:56ch;margin:var(--sp-4) 0 0;color:var(--fg2);font-size:1.05rem}.index-section{padding:clamp(40px,7vw,80px) 0 clamp(56px,10vw,96px)}.index-section>header{align-items:baseline;gap:var(--sp-4);margin-bottom:var(--sp-6);flex-wrap:wrap;display:flex}.index-section>header h2{border-bottom:3px solid var(--hex-orange-500);margin:0;padding-bottom:6px;font-size:1.5rem;font-weight:900}.index-section>header .count{font-family:var(--font-mono);color:var(--fg3);font-size:.85rem}.spec-list{border-top:1px solid var(--border);scroll-snap-type:y proximity;margin:0;padding:0;list-style:none}.spec-row{border-bottom:1px solid var(--border);scroll-snap-align:start;grid-template-columns:160px minmax(0,1fr) 260px;align-items:stretch;gap:24px;padding:28px 0;scroll-margin-top:72px;transition:background .18s;display:grid;position:relative}.spec-row:before{content:"";background:0 0;width:3px;transition:background .12s;position:absolute;top:28px;bottom:28px;left:-16px}.spec-row:hover{background:#fffc}.spec-row:hover:before{background:var(--hex-orange-500)}.spec-left{flex-direction:column;gap:10px;display:flex}.spec-date{font-family:var(--font-mono);color:var(--hex-orange-500);font-size:.88rem;font-weight:700}.spec-date:before{content:"■ "}.spec-cat{font-family:var(--font-body);letter-spacing:var(--tracking-xwide);color:var(--fg-brand);font-size:.72rem;font-weight:700}.spec-theme{font-family:var(--font-mono);color:var(--fg3);margin-top:auto;padding-top:8px;font-size:.72rem}.spec-main{min-width:0}.spec-main h3{color:var(--ink-900);margin:0 0 12px;font-size:clamp(1.08rem,1.9vw,1.35rem);font-weight:700;line-height:1.5}.spec-main h3 a{color:inherit;background-image:linear-gradient(var(--hex-orange-500), var(--hex-orange-500));background-position:0 100%;background-repeat:no-repeat;background-size:0 3px;text-decoration:none;transition:background-size .2s}.spec-main h3 a:hover{color:inherit;background-size:100% 3px}.spec-main p{color:var(--fg2);margin:0 0 12px;font-size:.96rem;line-height:1.7}.spec-tags{flex-wrap:wrap;gap:6px;display:flex}.spec-tags span{font-family:var(--font-mono);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--fg3);background:#fff;padding:3px 8px;font-size:.72rem}.spec-rail{border:1px solid var(--border);border-radius:var(--radius-md);font-family:var(--font-mono);color:var(--ink-900);background:#fff;height:fit-content;padding:14px 16px;font-size:.82rem;line-height:1.7}.spec-rail .line{grid-template-columns:72px 1fr;gap:8px;display:grid}.spec-rail .k{color:var(--fg3)}.spec-rail .v a{font-family:inherit;font-size:inherit}.spec-rail .v b{color:var(--hex-orange-500);font-weight:700}@media (max-width:860px){.spec-row{grid-template-columns:1fr;gap:12px;padding:22px 0}.spec-rail{font-size:.78rem}}.empty-state{padding:var(--sp-8) 0;color:var(--fg3);font-family:var(--font-mono);font-size:.9rem}.taxonomy-header{border-bottom:1px solid var(--border);margin-bottom:var(--sp-6);padding:clamp(32px,5vw,56px) 0 clamp(24px,3vw,40px)}.taxonomy-header-meta{margin-bottom:var(--sp-3);font-family:var(--font-mono);color:var(--fg3);font-size:.82rem;display:inline-block}.taxonomy-header h1{margin:0 0 var(--sp-3);font-size:clamp(1.75rem,3.2vw,2.5rem)}.taxonomy-header h1 span{border-bottom:3px solid var(--hex-orange-500);padding-bottom:4px;display:inline-block}.taxonomy-header p{color:var(--fg2);max-width:58ch;margin:0}.article{max-width:760px;margin:var(--sp-7) auto var(--sp-8)}.article>header h1{margin:0 0 var(--sp-3);font-size:clamp(1.8rem,4vw,2.5rem);line-height:1.2}.article-meta{font-family:var(--font-mono);color:var(--fg3);margin:0 0 var(--sp-5);font-size:.85rem}.article-meta a{font-family:inherit}.hero-image{border-radius:var(--radius-md);width:100%;height:auto;margin:var(--sp-5) 0 var(--sp-6)}.article-body{font-size:1.02rem}.article-body h2{border-bottom:3px solid var(--hex-orange-500);padding-bottom:6px;display:inline-block}.article-body h3{font-size:1.15rem}.article-body blockquote{margin:var(--sp-5) 0;padding:var(--sp-3) var(--sp-5);border-left:3px solid var(--hex-orange-500);color:var(--fg2);background:var(--bg-alt)}.article-source{margin-top:var(--sp-7);padding-top:var(--sp-4);border-top:1px dashed var(--border);font-family:var(--font-mono);color:var(--fg3);word-break:break-all;font-size:.82rem}