:root{color-scheme:light;--surface:#fafafa;--plane:#f2f3f5;--surface-hover:#fff;--ink:#16181d;--ink-2:#4b5058;--ink-muted:#7c828c;--line:#16181d1a;--line-strong:#16181d2e;--accent:#2a78d6;--accent-ink:#1c5cab;--accent-wash:#2a78d617;--cat-power:#2a78d6;--cat-link:#008300;--cat-io:#e87ba4;--cat-core:#eda100;--radius:14px;--radius-sm:8px;--maxw:1080px;--font:system-ui, -apple-system, "Segoe UI", "Hiragino Sans", "Noto Sans JP", Meiryo, sans-serif}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--surface:#1a1c21;--plane:#121316;--surface-hover:#22252b;--ink:#f2f3f5;--ink-2:#b9bec7;--ink-muted:#868c96;--line:#ffffff1a;--line-strong:#ffffff2e;--accent:#3987e5;--accent-ink:#7fb2f0;--accent-wash:#3987e524;--cat-power:#3987e5;--cat-link:#008300;--cat-io:#d55181;--cat-core:#c98500}}:root[data-theme=dark]{color-scheme:dark;--surface:#1a1c21;--plane:#121316;--surface-hover:#22252b;--ink:#f2f3f5;--ink-2:#b9bec7;--ink-muted:#868c96;--line:#ffffff1a;--line-strong:#ffffff2e;--accent:#3987e5;--accent-ink:#7fb2f0;--accent-wash:#3987e524;--cat-power:#3987e5;--cat-link:#008300;--cat-io:#d55181;--cat-core:#c98500}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--plane);color:var(--ink);font-family:var(--font);letter-spacing:.01em;-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.85}a{color:var(--accent-ink);text-underline-offset:3px;text-decoration-thickness:1px}a:hover{text-decoration-thickness:2px}img{max-width:100%;height:auto}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}.wrap{max-width:var(--maxw);margin:0 auto;padding:0 20px}.site-header{border-bottom:1px solid var(--line);background:var(--surface);z-index:10;backdrop-filter:saturate(1.4)blur(6px);position:sticky;top:0}.site-header .wrap{flex-wrap:wrap;align-items:center;gap:20px;min-height:60px;display:flex}.site-title{letter-spacing:.02em;color:var(--ink);align-items:center;gap:9px;font-size:17px;font-weight:700;text-decoration:none;display:inline-flex}.site-title:before{content:"";background:var(--accent);width:11px;height:11px;box-shadow:0 0 0 3px var(--accent-wash);border-radius:3px}.site-nav{gap:18px;margin-left:auto;font-size:14px;display:flex}.site-nav a{color:var(--ink-2);text-decoration:none}.site-nav a:hover{color:var(--ink);text-decoration:underline}.hero{padding:40px 0 26px}.hero h1{letter-spacing:.01em;margin:0 0 8px;font-size:clamp(22px,4vw,30px);line-height:1.45}.hero p{color:var(--ink-2);margin:0;font-size:15px}.filters{flex-wrap:wrap;gap:8px;padding:4px 0 24px;display:flex}.filter{font:inherit;border:1px solid var(--line-strong);color:var(--ink-2);cursor:pointer;background:0 0;border-radius:999px;padding:8px 13px;font-size:13px;line-height:1}.filter:hover{background:var(--surface);color:var(--ink)}.filter[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--surface)}.card-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;padding-bottom:56px;display:grid}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);color:inherit;flex-direction:column;padding:18px 18px 15px;text-decoration:none;transition:transform .13s,box-shadow .13s,background .13s;display:flex;position:relative}.card:before{content:"";background:var(--cat,var(--line-strong));border-radius:0 3px 3px 0;width:3px;position:absolute;top:16px;bottom:16px;left:0}.card:hover{background:var(--surface-hover);transform:translateY(-2px);box-shadow:0 6px 20px #00000012}.card[data-cat=power]{--cat:var(--cat-power)}.card[data-cat=link]{--cat:var(--cat-link)}.card[data-cat=io]{--cat:var(--cat-io)}.card[data-cat=core]{--cat:var(--cat-core)}.card-meta{color:var(--ink-muted);align-items:center;gap:8px;margin-bottom:9px;font-size:12px;display:flex}.card-maker{color:var(--ink-2);font-weight:600}.card-meta time{font-variant-numeric:tabular-nums}.card h2{letter-spacing:.005em;margin:0 0 9px;font-size:16px;font-weight:700;line-height:1.6}.card p{color:var(--ink-2);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0 0 14px;font-size:13.5px;line-height:1.75;display:-webkit-box;overflow:hidden}.card-tags{flex-wrap:wrap;gap:6px;margin-top:auto;display:flex}.chip{border:1px solid var(--line);background:var(--plane);color:var(--ink-2);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:5px 10px 5px 8px;font-size:11.5px;line-height:1;display:inline-flex}.chip:before{content:"";background:var(--cat,var(--ink-muted));border-radius:50%;flex:none;width:7px;height:7px}.chip[data-cat=power]{--cat:var(--cat-power)}.chip[data-cat=link]{--cat:var(--cat-link)}.chip[data-cat=io]{--cat:var(--cat-io)}.chip[data-cat=core]{--cat:var(--cat-core)}.chip.is-generated{color:var(--ink-muted);border-style:dashed}.chip.is-generated:before{display:none}.article{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);margin-bottom:56px;padding:32px clamp(20px,5vw,44px) 40px}.article>*{max-width:68ch}.article h1{margin:0 0 12px;font-size:clamp(21px,3.4vw,27px);line-height:1.55}.article h2{border-bottom:1px solid var(--line);margin:40px 0 12px;padding-bottom:7px;font-size:18px}.article h3{margin:28px 0 8px;font-size:15.5px}.article p{margin:0 0 18px}.article table{border-collapse:collapse;width:100%;margin:0 0 22px;font-size:14px}@media (width<=640px){.article table{white-space:nowrap;display:block;overflow-x:auto}}.article th,.article td{border:1px solid var(--line);text-align:left;vertical-align:top;padding:9px 12px}.article th{background:var(--plane);white-space:nowrap;font-weight:600}.article code{background:var(--plane);border:1px solid var(--line);border-radius:5px;padding:1px 5px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.88em}.article blockquote{border-left:3px solid var(--line-strong);color:var(--ink-2);margin:0 0 20px;padding:4px 0 4px 16px}.notice{color:var(--ink-2);background:var(--accent-wash);border:1px solid var(--line);border-radius:var(--radius-sm);gap:10px;margin:0 0 28px;padding:12px 14px;font-size:12.5px;line-height:1.7;display:flex}.notice strong{color:var(--ink);font-weight:600}.pr-notice{color:var(--ink-2);border:1px dashed var(--line-strong);border-radius:var(--radius-sm);margin:0 0 24px;padding:10px 14px;font-size:12.5px}.source-link{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--plane);padding:14px 16px;font-size:13.5px}.site-footer{border-top:1px solid var(--line);background:var(--surface);color:var(--ink-muted);padding:28px 0 40px;font-size:13px}.site-footer nav{flex-wrap:wrap;gap:16px;margin-bottom:12px;display:flex}.site-footer a{color:var(--ink-2);text-decoration:none}.site-footer a:hover{text-decoration:underline}.site-footer p{margin:0 0 6px;line-height:1.7}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}.card:hover{transform:none}}@media (width<=560px){.card-grid{grid-template-columns:1fr}.hero{padding:28px 0 20px}}@media print{.site-header,.site-nav,.filters,.site-footer{display:none}.article{border:none;padding:0}}