@import "https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700&family=JetBrains+Mono:wght@400;600&family=Oswald:wght@400;600;700&display=swap";
:root{--bg:#0d0d0d;--bg-2:#141414;--bg-3:#1a1a1a;--paper:#1e1e1e;--ink:#f0ede8;--ink-2:#c8c4bc;--muted:#6b6b6b;--line:#2a2a2a;--line-soft:#222;--accent:#e63946;--accent-soft:#ff6b6b;--accent-dim:rgba(230,57,70,.15);--engine:#e63946;--maintenance:#f4a261;--custom:#2a9d8f;--guide:#457b9d;--serif:"Noto Sans JP",sans-serif;--mono:"JetBrains Mono","Courier New",monospace;--display:"Oswald","Noto Sans JP",sans-serif;--gutter:clamp(16px,4vw,48px);--maxw:1280px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);font-family:var(--serif);-webkit-font-smoothing:antialiased;font-size:15px;line-height:1.8}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}.container{max-width:var(--maxw);padding:0 var(--gutter);margin:0 auto}.mono{font-family:var(--mono)}.display{font-family:var(--display)}.masthead{z-index:100;background:color-mix(in srgb,var(--bg)90%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);position:-webkit-sticky;position:sticky;top:0}.masthead-inner{justify-content:space-between;align-items:center;padding-top:12px;padding-bottom:12px;display:flex}.mh-meta{color:var(--muted);letter-spacing:.12em;align-items:center;gap:6px;font-size:10px;display:flex}.mh-brand{align-items:baseline;gap:6px;display:flex}.mh-brand .name{font-family:var(--display);color:var(--accent);letter-spacing:.04em;font-size:22px;font-weight:700}.mh-brand .name-sub{font-family:var(--mono);color:var(--muted);letter-spacing:.2em;font-size:11px}.mh-right{color:var(--muted);letter-spacing:.12em;font-size:10px}.mh-nav{border-top:1px solid var(--line)}.mh-nav-inner{scrollbar-width:none;gap:0;display:flex;overflow-x:auto}.mh-nav-inner::-webkit-scrollbar{display:none}.mh-nav-inner a{letter-spacing:.08em;color:var(--ink-2);white-space:nowrap;border-right:1px solid var(--line);align-items:center;gap:6px;padding:8px 16px;font-size:11px;transition:color .2s,background .2s;display:flex}.mh-nav-inner a:hover{color:var(--accent);background:var(--accent-dim)}.mh-nav-inner a .num{font-family:var(--mono);color:var(--muted);font-size:9px}.hero{border-bottom:1px solid var(--line);background:var(--bg-2);position:relative;overflow:hidden}.hero-img-wrap{height:max(280px,min(45vw,540px));position:relative;overflow:hidden}.hero-img-wrap img{object-fit:cover;filter:brightness(.45)saturate(.8);width:100%;height:100%}.hero-img-overlay{background:linear-gradient(90deg,rgba(13,13,13,.85) 35%,rgba(13,13,13,.2) 100%);position:absolute;top:0;bottom:0;left:0;right:0}.hero-content{padding:0 var(--gutter);align-items:center;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.hero-text{max-width:600px}.hero-eyebrow{font-family:var(--mono);letter-spacing:.2em;color:var(--accent);align-items:center;gap:10px;margin-bottom:16px;font-size:10px;display:flex}.hero-eyebrow .rule{background:var(--accent);flex:1;max-width:40px;height:1px}.hero-title{font-family:var(--display);color:var(--ink);letter-spacing:.02em;margin-bottom:12px;font-size:max(32px,min(6vw,64px));font-weight:700;line-height:1.1}.hero-title em{color:var(--accent);font-style:normal}.hero-lede{color:var(--ink-2);max-width:480px;margin-bottom:24px;font-size:13px;line-height:1.7}.hero-spec-strip{flex-wrap:wrap;gap:24px;display:flex}.spec-item{flex-direction:column;gap:2px;display:flex}.spec-item .val{font-family:var(--display);color:var(--accent);font-size:22px;font-weight:600}.spec-item .key{font-family:var(--mono);color:var(--muted);letter-spacing:.15em;font-size:9px}.cat-tabs{border-bottom:1px solid var(--line);scrollbar-width:none;display:flex;overflow-x:auto}.cat-tabs::-webkit-scrollbar{display:none}.cat-tab{letter-spacing:.08em;color:var(--muted);white-space:nowrap;cursor:pointer;border-bottom:2px solid transparent;align-items:center;gap:6px;padding:14px 20px;font-size:11px;transition:all .2s;display:flex}.cat-tab[data-active=true]{color:var(--ink)}.cat-tab[data-cat=engine][data-active=true]{border-color:var(--engine);color:var(--engine)}.cat-tab[data-cat=maintenance][data-active=true]{border-color:var(--maintenance);color:var(--maintenance)}.cat-tab[data-cat=custom][data-active=true]{border-color:var(--custom);color:var(--custom)}.cat-tab[data-cat=guide][data-active=true]{border-color:var(--guide);color:var(--guide)}.section{border-bottom:1px solid var(--line);padding:max(40px,min(6vw,80px)) 0}.section-head{margin-bottom:40px}.section-label{font-family:var(--mono);letter-spacing:.2em;align-items:center;gap:10px;margin-bottom:10px;font-size:10px;display:flex}.section-label .dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.section-label .dot[data-cat=engine]{background:var(--engine)}.section-label .dot[data-cat=maintenance]{background:var(--maintenance)}.section-label .dot[data-cat=custom]{background:var(--custom)}.section-label .dot[data-cat=guide]{background:var(--guide)}.section-title{font-family:var(--display);letter-spacing:.02em;color:var(--ink);margin-bottom:6px;font-size:max(24px,min(4vw,36px));font-weight:600}.section-desc{color:var(--muted);font-size:12px}.section-cta{font-family:var(--mono);color:var(--muted);letter-spacing:.08em;margin-top:12px;font-size:11px;transition:color .2s;display:inline-block}.section-cta:hover{color:var(--accent)}.art-list{flex-direction:column;gap:0;display:flex}.art-item{border-bottom:1px solid var(--line-soft);grid-template-columns:48px 1fr auto;align-items:start;gap:16px;padding:20px 0;transition:background .15s;display:grid}.art-item:hover{background:var(--bg-3);margin:0 calc(-1*var(--gutter));padding:20px var(--gutter)}.art-num{font-family:var(--display);color:var(--line);padding-top:4px;font-size:28px;font-weight:600;line-height:1}.art-meta{align-items:center;gap:12px;margin-bottom:6px;display:flex}.art-tag{font-family:var(--mono);letter-spacing:.12em;border-radius:2px;padding:2px 7px;font-size:9px}.art-tag[data-cat=engine]{color:var(--engine);background:rgba(230,57,70,.15)}.art-tag[data-cat=maintenance]{color:var(--maintenance);background:rgba(244,162,97,.15)}.art-tag[data-cat=custom]{color:var(--custom);background:rgba(42,157,143,.15)}.art-tag[data-cat=guide]{color:var(--guide);background:rgba(69,123,157,.15)}.art-time{font-family:var(--mono);color:var(--muted);font-size:10px}.art-title{color:var(--ink);margin-bottom:6px;font-size:15px;font-weight:700;line-height:1.5}.art-excerpt{color:var(--ink-2);font-size:12px;line-height:1.7}.art-arrow{font-family:var(--mono);color:var(--muted);padding-top:6px;font-size:16px;transition:color .2s,transform .2s}.art-item:hover .art-arrow{color:var(--accent);transform:translate(4px)}.art-item:hover .art-num{color:var(--accent)}.spec-highlight{background:var(--bg-3);border:1px solid var(--line);border-left:3px solid var(--accent);margin:40px 0;padding:24px 28px}.spec-highlight-title{font-family:var(--mono);letter-spacing:.2em;color:var(--accent);margin-bottom:16px;font-size:10px}.spec-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:20px;display:grid}.spec-cell .k{font-family:var(--mono);color:var(--muted);letter-spacing:.1em;margin-bottom:4px;font-size:9px}.spec-cell .v{font-family:var(--display);color:var(--ink);font-size:18px;font-weight:600}.art-page{padding:max(32px,min(5vw,64px)) 0}.art-page-wrap{max-width:760px}.art-page-eyebrow{align-items:center;gap:12px;margin-bottom:20px;display:flex}.art-page-title{font-family:var(--display);color:var(--ink);margin-bottom:16px;font-size:max(22px,min(4vw,34px));font-weight:700;line-height:1.25}.art-page-excerpt{color:var(--ink-2);background:var(--bg-3);border-left:3px solid var(--accent);margin-bottom:40px;padding:20px;font-size:14px;line-height:1.8}.art-page-body{color:var(--ink-2);font-size:15px;line-height:1.9}.art-page-body h2{font-family:var(--display);color:var(--ink);border-bottom:1px solid var(--line);margin:48px 0 16px;padding-bottom:8px;font-size:20px;font-weight:600}.art-page-body h3{font-family:var(--display);color:var(--accent-soft);margin:32px 0 12px;font-size:16px;font-weight:600}.art-page-body p{margin-bottom:16px}.art-page-body ul,.art-page-body ol{margin-bottom:16px;padding-left:1.6em}.art-page-body li{margin-bottom:6px}.art-page-body strong{color:var(--ink);font-weight:700}.art-page-body table{border-collapse:collapse;width:100%;margin:24px 0;font-size:13px}.art-page-body th{background:var(--bg-3);color:var(--muted);font-family:var(--mono);letter-spacing:.1em;border:1px solid var(--line);text-align:left;padding:10px 14px;font-size:10px;font-weight:600}.art-page-body td{border:1px solid var(--line);color:var(--ink-2);padding:10px 14px}.art-page-body tr:hover td{background:var(--bg-3)}.art-page-body blockquote{border-left:3px solid var(--accent);background:var(--bg-3);color:var(--ink-2);margin:24px 0;padding:12px 20px;font-style:italic}.cat-page{padding:max(32px,min(5vw,64px)) 0}.cat-page-header{border-bottom:1px solid var(--line);margin-bottom:40px;padding-bottom:24px}.cat-page-title{font-family:var(--display);color:var(--ink);letter-spacing:.04em;font-size:max(28px,min(5vw,48px));font-weight:700}.cat-page-desc{color:var(--muted);margin-top:8px;font-size:13px}.related{border-top:1px solid var(--line);margin-top:64px;padding-top:32px}.related-title{font-family:var(--mono);letter-spacing:.2em;color:var(--muted);margin-bottom:20px;font-size:10px}.static-page{padding:max(32px,min(5vw,64px)) 0}.static-page h1{font-family:var(--display);color:var(--ink);margin-bottom:32px;font-size:28px;font-weight:700}.static-page h2{font-family:var(--display);color:var(--ink);margin:32px 0 12px;font-size:18px}.static-page p{color:var(--ink-2);margin-bottom:16px;font-size:14px;line-height:1.8}.colophon{background:var(--bg-2);border-top:1px solid var(--line);margin-top:0;padding:48px 0 0}.colo-grid{grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;padding-bottom:40px;display:grid}.colo-brand .name{font-family:var(--display);color:var(--accent);margin-bottom:4px;font-size:20px;font-weight:700}.colo-brand .name-sub{font-family:var(--mono);color:var(--muted);letter-spacing:.2em;margin-bottom:12px;font-size:9px;display:block}.colo-brand p{color:var(--muted);font-size:12px;line-height:1.7}.colophon h4{font-family:var(--mono);letter-spacing:.2em;color:var(--muted);margin-bottom:14px;font-size:9px}.colo-list{flex-direction:column;gap:8px;list-style:none;display:flex}.colo-list li{color:var(--ink-2);font-size:12px}.colo-list a{color:var(--ink-2);transition:color .2s}.colo-list a:hover{color:var(--accent)}.spec-list li{font-family:var(--mono);gap:8px;font-size:11px;display:flex}.spec-list li span{color:var(--muted);min-width:56px;font-size:10px}.colo-foot{border-top:1px solid var(--line);font-family:var(--mono);color:var(--muted);letter-spacing:.08em;flex-wrap:wrap;gap:24px;padding:16px 0;font-size:10px;display:flex}@media (max-width:768px){.colo-grid{grid-template-columns:1fr 1fr}.mh-right{display:none}.hero-spec-strip{gap:16px}.art-item{grid-template-columns:36px 1fr auto;gap:10px}.art-num{font-size:20px}}@media (max-width:480px){.colo-grid{grid-template-columns:1fr}.hero-title{font-size:28px}.art-item{grid-template-columns:1fr auto}.art-num{display:none}}