:root{--paper: #faf7f2;--surface: #ffffff;--surface-2: #f3eee5;--surface-3: #ece5d8;--ink: #1f1d1a;--ink-2: #3a3733;--ink-soft: #67625a;--ink-muted: #8c8478;--ink-faint: #b8b0a3;--line: #e3dcce;--line-soft: #ece5d8;--line-strong: #c8bfae;--accent: #2d5d4f;--accent-hover: #224a3f;--accent-soft: #e6efe9;--accent-line: #b9d1c4;--accent-ink: #173a30;--info: #2c5b8a;--info-soft: #e7eef6;--info-line: #b4cce0;--info-ink: #1a3a5d;--memo: #846331;--memo-soft: #f4ebd9;--memo-line: #d8c89e;--memo-ink: #533c1a;--quest: #6a4a8c;--quest-soft: #ede7f4;--quest-line: #cdbfdd;--quest-ink: #3f2b58;--warn: #b43a3a;--warn-soft: #f8e3e0;--warn-line: #e6b4ad;--warn-ink: #6e1f1f;--check: #3d8050;--check-soft: #e3f0e2;--check-line: #b4d5b1;--check-ink: #21492a;--mark-yellow: #ffe681;--mark-blue: #b8d9f5;--mark-red: #ffc4be;--mark-yellow-solid: #fff3b0;--code-bg: #1f1d1a;--code-ink: #e8e2d4;--code-comment: #8a8270;--sans: "Inter", "Noto Sans JP", -apple-system, BlinkMacSystemFont, "Hiragino Sans", "Yu Gothic UI", system-ui, sans-serif;--serif: "Source Serif 4", "Noto Serif JP", "Hiragino Mincho ProN", "Yu Mincho", serif;--mono: "JetBrains Mono", "Menlo", "Consolas", monospace;--fs-xs: 12px;--fs-sm: 13px;--fs-base:15px;--fs-md: 17px;--fs-lg: 20px;--fs-xl: 24px;--fs-2xl: 32px;--fs-3xl: 42px;--fs-4xl: 56px;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-6: 24px;--sp-8: 32px;--sp-12: 48px;--sp-20: 80px;--r-sm: 4px;--r-md: 8px;--r-lg: 12px;--r-xl: 16px;--shadow-sm: 0 1px 2px rgba(31, 29, 26, .04);--shadow-md: 0 4px 16px rgba(31, 29, 26, .06);--shadow-lg: 0 12px 40px rgba(31, 29, 26, .08);--container: 1200px;--reading: 720px}[data-theme=dark]{--paper: #14130f;--surface: #1c1a16;--surface-2: #25221d;--surface-3: #2e2a23;--ink: #ece5d4;--ink-2: #d8d0bd;--ink-soft: #a89f8c;--ink-muted: #80776a;--ink-faint: #5a5347;--line: #2e2a23;--line-soft: #25221d;--line-strong: #3d382e;--accent: #6db89c;--accent-hover: #84c8ac;--accent-soft: #1f2c27;--accent-line: #2e4a3e;--accent-ink: #b9e0cc;--info: #82b6dc;--info-soft: #1a2630;--info-line: #2c4256;--info-ink: #b6d4ea;--memo: #d3b06f;--memo-soft: #2c241a;--memo-line: #4a3d27;--memo-ink: #e5cc99;--quest: #b495d5;--quest-soft: #281f33;--quest-line: #3f3354;--quest-ink: #d4bee5;--warn: #e8857d;--warn-soft: #2e1f1d;--warn-line: #4a2e2a;--warn-ink: #f0b3ad;--check: #7cc28a;--check-soft: #1d2a21;--check-line: #2e4332;--check-ink: #b4dfb8;--mark-yellow: #5a4a17;--mark-blue: #1f3a55;--mark-red: #5a2522;--mark-yellow-solid: #3a3017;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 16px rgba(0, 0, 0, .35);--shadow-lg: 0 12px 40px rgba(0, 0, 0, .45)}@media (prefers-color-scheme: dark){:root:not([data-theme]){--paper: #14130f;--surface: #1c1a16;--surface-2: #25221d;--surface-3: #2e2a23;--ink: #ece5d4;--ink-2: #d8d0bd;--ink-soft: #a89f8c;--ink-muted: #80776a;--ink-faint: #5a5347;--line: #2e2a23;--line-soft: #25221d;--line-strong: #3d382e;--accent: #6db89c;--accent-hover: #84c8ac;--accent-soft: #1f2c27;--accent-line: #2e4a3e;--accent-ink: #b9e0cc;--info: #82b6dc;--info-soft: #1a2630;--info-line: #2c4256;--info-ink: #b6d4ea;--memo: #d3b06f;--memo-soft: #2c241a;--memo-line: #4a3d27;--memo-ink: #e5cc99;--quest: #b495d5;--quest-soft: #281f33;--quest-line: #3f3354;--quest-ink: #d4bee5;--warn: #e8857d;--warn-soft: #2e1f1d;--warn-line: #4a2e2a;--warn-ink: #f0b3ad;--check: #7cc28a;--check-soft: #1d2a21;--check-line: #2e4332;--check-ink: #b4dfb8;--mark-yellow: #5a4a17;--mark-blue: #1f3a55;--mark-red: #5a2522;--mark-yellow-solid: #3a3017}}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;font-family:var(--sans);color:var(--ink);background:var(--paper);font-feature-settings:"palt" 1;font-size:var(--fs-base);line-height:1.7;letter-spacing:.01em;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3,h4,h5,h6,p,ul,ol,figure{margin:0;padding:0}ul{list-style:none}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}img{max-width:100%;height:auto;display:block}.skip-link{position:absolute;left:-9999px;top:0;background:var(--accent);color:#fff;padding:10px 16px;border-radius:0 0 var(--r-md) 0;z-index:1000}.skip-link:focus{left:0}.mono{font-family:var(--mono);letter-spacing:.04em}.serif{font-family:var(--serif)}.muted{color:var(--ink-muted)}.soft{color:var(--ink-soft)}.uppercase{text-transform:uppercase;letter-spacing:.12em}.container{max-width:var(--container);margin:0 auto;padding:0 var(--sp-8)}.site-header{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--paper) 88%,transparent);backdrop-filter:saturate(140%) blur(10px);-webkit-backdrop-filter:saturate(140%) blur(10px);border-bottom:1px solid var(--line);transition:padding .25s ease,backdrop-filter .25s ease}.site-header__inner{max-width:var(--container);margin:0 auto;display:flex;align-items:center;gap:28px;padding:14px var(--sp-8)}.logo{display:flex;align-items:center;gap:10px;min-width:0;font-weight:600;letter-spacing:-.01em}.logo__mark{width:30px;height:30px;display:block;object-fit:cover;border-radius:6px;flex:0 0 auto}.logo span:last-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.site-nav{display:flex;gap:22px;flex:1;font-size:var(--fs-sm);color:var(--ink-2)}.site-nav a{padding:4px 0;position:relative;transition:color .18s ease}.site-nav a:after{content:"";position:absolute;left:0;bottom:-16px;height:2px;width:0;background:var(--accent);transition:width .25s cubic-bezier(.2,.7,.2,1)}.site-nav a:hover{color:var(--accent)}.site-nav a:hover:after{width:100%}.site-nav a.active{color:var(--accent);font-weight:500}.site-nav a.active:after{width:100%}.site-header__tools{display:flex;align-items:center;gap:6px}.iconbtn{width:36px;height:36px;border-radius:var(--r-md);display:grid;place-items:center;color:var(--ink-soft);transition:background .15s,color .15s}.iconbtn:hover{background:var(--surface-2);color:var(--ink)}.search-trigger{display:flex;align-items:center;gap:8px;padding:7px 12px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--ink-muted);font-size:var(--fs-sm);min-width:200px;transition:border-color .15s ease}.search-trigger:hover{border-color:var(--line-strong)}.search-trigger kbd{font-family:var(--mono);font-size:10px;padding:2px 6px;border-radius:4px;background:var(--surface-2);color:var(--ink-muted);border:1px solid var(--line)}.search-trigger__label{flex:1;text-align:left}.menu-toggle{display:none}@media (max-width: 768px){.site-nav{display:none}.menu-toggle{display:grid}.site-header__inner{padding:12px 16px;gap:12px}.logo{flex:1}.logo span:last-child{font-size:14px}.site-header__tools{gap:4px}.search-trigger{min-width:0;width:40px;height:40px;justify-content:center;padding:0;border-radius:var(--r-md)}.search-trigger__label,.search-trigger kbd{display:none}}.mobile-drawer{position:fixed;inset:0;background:var(--paper);z-index:100;padding:80px 24px 32px;display:flex;flex-direction:column;gap:8px;transform:translate(100%);transition:transform .25s ease}.mobile-drawer[data-open=true]{transform:translate(0)}.mobile-drawer a{padding:16px 0;font-size:18px;font-weight:500;border-bottom:1px solid var(--line);color:var(--ink)}.mobile-drawer a.active{color:var(--accent)}.mobile-drawer__search{padding:16px 0;border-bottom:1px solid var(--line);color:var(--ink);font-size:18px;font-weight:500;text-align:left}.mobile-drawer__close{position:absolute;top:16px;right:16px;width:40px;height:40px;border-radius:var(--r-md);display:grid;place-items:center;color:var(--ink)}.search-modal{position:fixed;inset:0;z-index:120;display:none}.search-modal[data-open=true]{display:block}.search-modal__backdrop{position:absolute;inset:0;background:#0000006b}.search-modal__panel{position:relative;width:min(720px,calc(100vw - 32px));max-height:min(720px,calc(100vh - 48px));margin:72px auto 0;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--paper);box-shadow:var(--shadow-lg);overflow:hidden}.search-modal__box{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;padding:14px 16px;border-bottom:1px solid var(--line);color:var(--ink-muted)}.search-modal__box input{min-width:0;border:0;background:transparent;color:var(--ink);font:inherit;font-size:18px;outline:none}.search-modal__box input::placeholder{color:var(--ink-faint)}.search-modal__results{max-height:calc(min(720px,calc(100vh - 48px)) - 66px);overflow:auto;padding:10px}.search-modal__empty{margin:0;padding:28px 14px;color:var(--ink-muted);font-size:var(--fs-sm);text-align:center}.search-result{display:grid;gap:6px;padding:14px;border-radius:var(--r-md);color:var(--ink)}.search-result:hover{background:var(--surface-2)}.search-result__label{width:fit-content;padding:2px 7px;border:1px solid var(--line);border-radius:999px;color:var(--ink-muted);font-size:10px;font-family:var(--mono)}.search-result strong{font-size:var(--fs-base);font-weight:600;line-height:1.45}.search-result span:last-child{color:var(--ink-soft);font-size:var(--fs-sm);line-height:1.65}@media (max-width: 640px){.search-modal__panel{width:100vw;max-height:100vh;min-height:100vh;margin:0;border:0;border-radius:0}.search-modal__results{max-height:calc(100vh - 66px)}}.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;font-size:var(--fs-sm);font-weight:500;border-radius:var(--r-md);border:1px solid transparent;transition:all .15s;will-change:transform}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn--primary{background:var(--accent);color:#fff}.btn--primary:hover{background:var(--accent-hover);box-shadow:0 6px 16px color-mix(in srgb,var(--accent) 40%,transparent)}.btn--ghost{color:var(--ink-2);border-color:var(--line);background:var(--surface)}.btn--ghost:hover{border-color:var(--ink-2)}.btn--text{color:var(--accent);padding:8px 0}.btn--text:hover{color:var(--accent-hover)}.tag{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;font-size:11px;font-family:var(--mono);background:var(--surface-2);color:var(--ink-soft);letter-spacing:.05em;transition:background-color .15s ease,color .15s ease,transform .15s ease}.tag:hover{transform:translateY(-1px)}.tag--accent{background:var(--accent-soft);color:var(--accent-ink)}.tag--outline{background:transparent;border:1px solid var(--line)}.article-card{display:block}.article-card__inner{display:flex;flex-direction:column;gap:14px}.article-card__cover{aspect-ratio:16 / 9;background:var(--surface-2);border-radius:var(--r-md);overflow:hidden;position:relative;border:1px solid var(--line);transition:transform .5s cubic-bezier(.2,.7,.2,1),box-shadow .3s ease}.article-card__cover svg,.article-card__cover img{width:100%;height:100%;display:block;transition:transform .6s cubic-bezier(.2,.7,.2,1);will-change:transform}.article-card__cover img{object-fit:cover;background:var(--surface-2)}.article-card:hover .article-card__cover svg,.article-card:hover .article-card__cover img{transform:scale(1.05)}.article-card:hover .article-card__cover{box-shadow:var(--shadow-md)}.article-card:hover .article-card__title{color:var(--accent)}.article-card__title{font-size:var(--fs-md);font-weight:600;line-height:1.4;color:var(--ink);letter-spacing:-.005em;transition:color .15s ease}.article-card__meta{display:flex;gap:12px;font-size:var(--fs-xs);color:var(--ink-muted);font-family:var(--mono)}.article-card__excerpt{font-size:var(--fs-sm);color:var(--ink-soft);line-height:1.65;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.article-card--featured{display:block}.article-card--featured .article-card__inner{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:32px;align-items:center}.article-card--featured .article-card__cover{aspect-ratio:4 / 3;border-radius:12px}.article-card--featured .article-card__title{font-size:var(--fs-2xl);line-height:1.3;letter-spacing:-.015em}.article-card--featured .article-card__excerpt{font-size:var(--fs-base);line-height:1.75;-webkit-line-clamp:3}@media (max-width: 768px){.article-card--featured .article-card__inner{grid-template-columns:1fr;gap:16px}.article-card--featured .article-card__title{font-size:var(--fs-xl)}}.article-card--compact .article-card__inner{display:grid;grid-template-columns:90px 1fr;gap:12px;align-items:flex-start}.article-card--compact .article-card__cover{aspect-ratio:4 / 3;border-radius:6px}.article-cover-image{width:100%;height:100%;display:block;object-fit:cover;background:var(--surface-2)}.author-avatar{display:block;border-radius:50%;object-fit:cover;background:var(--surface-2);border:1px solid var(--line);box-shadow:var(--shadow-sm)}.author-avatar--sm{width:40px;height:40px}.author-avatar--md{width:64px;height:64px}.article-card--compact .article-card__title{font-size:13px}.filter-chips{display:flex;gap:6px;flex-wrap:wrap}.filter-chip{padding:8px 16px;border-radius:999px;font-size:13px;font-weight:400;border:1px solid var(--line);background:var(--surface);color:var(--ink-2);transition:all .15s;display:inline-flex;align-items:center;gap:8px}.filter-chip:hover{border-color:var(--line-strong)}.filter-chip[aria-current=true]{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-ink);font-weight:500}.filter-chip__count{font-family:var(--mono);font-size:11px;color:var(--ink-muted)}.filter-chip[aria-current=true] .filter-chip__count{color:var(--accent)}@media (max-width: 768px){.filter-chips{flex-wrap:nowrap;overflow-x:auto;margin:0 -16px;padding:0 16px 4px;scrollbar-width:none}.filter-chips::-webkit-scrollbar{display:none}.filter-chip{flex-shrink:0}}.article-body{font-size:var(--fs-md);line-height:1.85;color:var(--ink)}.article-body p{margin:1.4em 0}.article-body h2{font-size:var(--fs-xl);font-weight:600;line-height:1.3;margin-top:2.2em;margin-bottom:.8em;letter-spacing:-.01em;color:var(--ink);padding-bottom:.4em;border-bottom:1px solid var(--line);scroll-margin-top:80px}.article-body h3{font-size:var(--fs-lg);font-weight:600;margin-top:1.8em;margin-bottom:.6em;color:var(--ink);scroll-margin-top:80px}.article-body h2 a,.article-body h3 a{color:inherit}.article-body a{color:var(--accent);border-bottom:1px solid var(--accent-line);transition:background-color .2s ease}.article-body a:hover{background:var(--accent-soft)}.article-body strong{color:var(--ink);font-weight:600;background:linear-gradient(transparent 60%,var(--accent-soft) 60%);padding:0 2px}.article-body code:not(pre code){font-family:var(--mono);font-size:.88em;background:var(--surface-2);color:var(--accent-ink);padding:2px 6px;border-radius:4px;border:1px solid var(--line)}.article-body blockquote{border-left:3px solid var(--accent);padding:4px 20px;color:var(--ink-soft);font-style:italic;margin:1.5em 0;background:var(--accent-soft);border-radius:0 var(--r-md) var(--r-md) 0}.article-body ul,.article-body ol{list-style:disc;padding-left:1.4em;margin:1.2em 0}.article-body ol{list-style:decimal}.article-body ul li,.article-body ol li{padding:.2em 0}.article-body ul li::marker,.article-body ol li::marker{color:var(--accent)}.article-body pre{background:var(--code-bg)!important;color:var(--code-ink);padding:18px 22px;border-radius:var(--r-md);overflow-x:auto;font-family:var(--mono);font-size:var(--fs-sm);line-height:1.7;margin:1.6em 0}.article-body pre code{background:transparent;border:none;padding:0;color:inherit}.article-body>img,.article-body p>img{width:100%;margin:2em 0;border-radius:var(--r-md);border:1px solid var(--line);background:var(--surface-2)}.article-body .article-mark{background:linear-gradient(transparent 60%,var(--mark-yellow) 60%);padding:0 1px}.article-body .article-mark--blue{background:linear-gradient(transparent 60%,var(--mark-blue) 60%)}.article-body .article-mark--red{background:linear-gradient(transparent 60%,var(--mark-red) 60%)}.article-body .article-mark--solid{background:var(--mark-yellow-solid);padding:0 3px;border-radius:2px}.article-body .article-pr-note{margin:1.4em 0 1.8em;padding:10px 16px;border:1px dashed var(--line-strong);border-radius:var(--r-sm);background:var(--paper);color:var(--ink-muted);font-size:12px;line-height:1.65;text-align:left}.article-body .article-pr-note p{margin:0}.article-body .article-pr-note p+p{margin-top:4px}.article-body .article-link-card{display:grid;grid-template-columns:240px minmax(0,1fr);gap:20px;align-items:stretch;margin:1.8em 0;padding:18px;border:1px solid transparent;border-radius:var(--r-md);background:var(--surface-2);color:inherit;overflow:hidden;position:relative;transition:background-color .15s ease,border-color .15s ease,transform .15s ease}.article-body .article-link-card,.article-body .article-link-card:hover{border-bottom:1px solid transparent}.article-body .article-link-card:hover{background:var(--surface);border-color:var(--line-strong);transform:translateY(-2px)}.article-body .article-link-card img{width:100%;aspect-ratio:16 / 9;object-fit:cover;border-radius:var(--r-sm);border:none;background:var(--surface)}.article-body .article-link-card:before{content:"関連記事";position:absolute;top:26px;left:26px;z-index:1;padding:3px 7px;border-radius:3px;background:#1f1d1ad9;color:#fff;font-family:var(--mono);font-size:9px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.article-body .article-link-card__body{display:flex;flex-direction:column;gap:8px;min-width:0;padding:4px 0}.article-body .article-link-card__body strong{background:none;padding:0;color:var(--ink);font-size:17px;line-height:1.4;letter-spacing:-.005em}.article-body .article-link-card__body span{color:var(--ink-soft);font-size:var(--fs-sm);line-height:1.65;overflow-wrap:anywhere}.article-body .article-link-card__body:after{content:"続きを読む →";margin-top:auto;color:var(--accent);font-family:var(--mono);font-size:11px;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.article-body .article-speech{--speech-avatar-size: 52px;--speech-gap: 14px;display:grid;grid-template-columns:var(--speech-avatar-size) minmax(0,1fr);gap:var(--speech-gap);align-items:start;margin:1.8em 0}.article-body .article-speech img{width:var(--speech-avatar-size);height:var(--speech-avatar-size);object-fit:cover;border-radius:50%;border:1px solid var(--line);background:var(--surface-2)}.article-body .article-speech__body{position:relative;display:flex;flex-direction:column;padding:15px 17px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface);box-shadow:0 10px 28px #0000000d}.article-body .article-speech__body:before,.article-body .article-speech__body:after{content:"";position:absolute;top:18px;right:100%;width:0;height:0;border-style:solid}.article-body .article-speech__body:before{border-width:9px 10px 9px 0;border-color:transparent var(--line) transparent transparent}.article-body .article-speech__body:after{top:19px;border-width:8px 9px 8px 0;border-color:transparent var(--surface) transparent transparent}.article-body .article-speech__name{position:absolute;top:calc(var(--speech-avatar-size) + 8px);left:calc(0px - var(--speech-avatar-size) - var(--speech-gap));width:var(--speech-avatar-size);color:var(--ink-muted);font-size:var(--fs-xs);font-family:var(--mono);line-height:1.35;text-align:center}.article-body .article-speech__name:empty{display:none}.article-body .article-speech__text{color:var(--ink-2);font-size:var(--fs-sm);line-height:1.75}.article-body .article-note{--note-accent: var(--accent);--note-border: var(--accent-line);--note-bg: var(--accent-soft);--note-ink: var(--accent-ink);--note-icon: "P";--note-label: "POINT";position:relative;margin:1.8em 0;padding:16px 20px;border:1px solid var(--note-border);border-radius:var(--r-md);background:var(--note-bg);color:var(--note-ink)}.article-body .article-note:before{content:var(--note-icon) " " var(--note-label);display:inline-flex;align-items:center;gap:6px;width:fit-content;margin-bottom:8px;padding:3px 10px;border-radius:999px;background:var(--note-accent);color:#fff;font-family:var(--mono);font-size:10px;font-weight:600;line-height:1.4;letter-spacing:.1em;text-transform:uppercase}.article-body .article-note p{margin:.7em 0}.article-body .article-note p:first-child{margin-top:0}.article-body .article-note p:last-child{margin-bottom:0}.article-body .article-note ul,.article-body .article-note ol{margin:.4em 0}.article-body .article-note--note,.article-body .article-note--point{--note-accent: var(--accent);--note-border: var(--accent-line);--note-bg: var(--accent-soft);--note-ink: var(--accent-ink);--note-icon: "P";--note-label: "POINT"}.article-body .article-note--check,.article-body .article-note--good{--note-accent: var(--check);--note-border: var(--check-line);--note-bg: var(--check-soft);--note-ink: var(--check-ink);--note-icon: "✓";--note-label: "CHECK"}.article-body .article-note--info{--note-accent: var(--info);--note-border: var(--info-line);--note-bg: var(--info-soft);--note-ink: var(--info-ink);--note-icon: "i";--note-label: "INFO"}.article-body .article-note--supplement,.article-body .article-note--memo{--note-accent: var(--memo);--note-border: var(--memo-line);--note-bg: var(--memo-soft);--note-ink: var(--memo-ink);--note-icon: "M";--note-label: "補足"}.article-body .article-note--question{--note-accent: var(--quest);--note-border: var(--quest-line);--note-bg: var(--quest-soft);--note-ink: var(--quest-ink);--note-icon: "?";--note-label: "QUESTION"}.article-body .article-note--warn,.article-body .article-note--caution{--note-accent: var(--warn);--note-border: var(--warn-line);--note-bg: var(--warn-soft);--note-ink: var(--warn-ink);--note-icon: "!";--note-label: "WARNING"}@media (max-width: 640px){.article-body .article-link-card{grid-template-columns:112px minmax(0,1fr);gap:12px;align-items:center;padding:12px;margin:1.4em 0}.article-body .article-link-card img{aspect-ratio:4 / 3;border-radius:var(--r-sm)}.article-body .article-link-card:before{top:18px;left:18px;padding:2px 5px;font-size:8px}.article-body .article-link-card__body{gap:5px;padding:0}.article-body .article-link-card__body strong{font-size:14px;line-height:1.42}.article-body .article-link-card__body span{font-size:var(--fs-xs);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.article-body .article-link-card__body:after{margin-top:2px;font-size:10px}.article-body .article-speech{--speech-avatar-size: 40px;--speech-gap: 10px}.article-body .article-speech__body{padding:13px 14px}.article-body .article-speech__body:before{top:15px}.article-body .article-speech__body:after{top:16px}}.article-body .pr-text{padding:10px 16px;border:1px dashed var(--line-strong);border-radius:var(--r-sm);background:var(--paper);color:var(--ink-muted);font-size:12px!important;line-height:1.65;text-align:left}.article-body .marker-under,.article-body .marker-under-blue,.article-body .marker-under-red{background:linear-gradient(transparent 60%,var(--mark-yellow) 60%);padding:0 1px}.article-body .marker-under-blue{background:linear-gradient(transparent 60%,var(--mark-blue) 60%)}.article-body .marker-under-red{background:linear-gradient(transparent 60%,var(--mark-red) 60%)}.article-body figure.wp-block-image,.article-body .wp-block-image{margin:2em 0}.article-body figure.wp-block-image img,.article-body .wp-block-image img{width:100%;border-radius:var(--r-md);border:1px solid var(--line);background:var(--surface-2)}.article-body figcaption{margin-top:8px;color:var(--ink-muted);font-size:var(--fs-xs);line-height:1.6}.article-body .blogcard-wrap{display:block;margin:1.8em 0;border:1px solid transparent;border-radius:var(--r-md);background:var(--surface-2);overflow:hidden;position:relative;transition:background-color .15s ease,border-color .15s ease,transform .15s ease}.article-body .blogcard-wrap:hover{background:var(--surface);border-color:var(--line-strong);transform:translateY(-2px)}.article-body .blogcard-wrap:before{content:"関連記事";position:absolute;top:26px;left:26px;z-index:1;padding:3px 7px;border-radius:3px;background:#1f1d1ad9;color:#fff;font-family:var(--mono);font-size:9px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.article-body .blogcard{display:grid;grid-template-columns:240px minmax(0,1fr);gap:20px;padding:18px;align-items:stretch}.article-body .blogcard-thumbnail{margin:0}.article-body .blogcard-thumbnail img{width:100%;aspect-ratio:16 / 9;object-fit:cover;border-radius:var(--r-sm);border:none}.article-body .blogcard-title{color:var(--ink);font-weight:600;font-size:17px;line-height:1.4;letter-spacing:-.005em}.article-body .blogcard-snippet,.article-body .blogcard-footer,.article-body .blogcard-label{color:var(--ink-soft);font-size:var(--fs-sm);line-height:1.65}.article-body .blogcard-footer:after{content:"続きを読む →";display:block;margin-top:10px;color:var(--accent);font-family:var(--mono);font-size:11px;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.article-body .blogcard-favicon,.article-body .blogcard-domain{display:none}.article-body .speech-wrap{display:grid;grid-template-columns:72px 1fr;gap:14px;align-items:start;margin:1.8em 0}.article-body .speech-person{text-align:center}.article-body .speech-icon{margin:0 auto 6px}.article-body .speech-icon img{width:52px;height:52px;object-fit:cover;border-radius:50%;border:1px solid var(--line);background:var(--surface-2)}.article-body .speech-name{color:var(--ink-muted);font-size:11px;line-height:1.3}.article-body .speech-balloon{position:relative;padding:16px 18px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface)}.article-body .speech-balloon p{margin:0}.article-body .blank-box,.article-body .common-icon-box,.article-body .information-box,.article-body .memo-box,.article-body .question-box,.article-body .alert-box,.article-body .bad-box,.article-body .good-box{--note-accent: var(--accent);--note-border: var(--accent-line);--note-bg: var(--accent-soft);--note-ink: var(--accent-ink);--note-icon: "P";--note-label: "POINT";position:relative;margin:1.8em 0;padding:16px 20px;border:1px solid var(--note-border);border-radius:var(--r-md);background:var(--note-bg);color:var(--note-ink)}.article-body .blank-box:before,.article-body .common-icon-box:before,.article-body .information-box:before,.article-body .memo-box:before,.article-body .question-box:before,.article-body .alert-box:before,.article-body .bad-box:before,.article-body .good-box:before{content:var(--note-icon) " " var(--note-label);display:inline-flex;align-items:center;gap:6px;width:fit-content;margin-bottom:8px;padding:3px 10px;border-radius:999px;background:var(--note-accent);color:#fff;font-family:var(--mono);font-size:10px;font-weight:600;line-height:1.4;letter-spacing:.1em;text-transform:uppercase}.article-body .information-box,.article-body .memo-box{--note-accent: var(--info);--note-border: var(--info-line);--note-bg: var(--info-soft);--note-ink: var(--info-ink);--note-icon: "i";--note-label: "INFO"}.article-body .memo-box{--note-accent: var(--memo);--note-border: var(--memo-line);--note-bg: var(--memo-soft);--note-ink: var(--memo-ink);--note-icon: "M";--note-label: "補足"}.article-body .question-box{--note-accent: var(--quest);--note-border: var(--quest-line);--note-bg: var(--quest-soft);--note-ink: var(--quest-ink);--note-icon: "?";--note-label: "QUESTION"}.article-body .alert-box,.article-body .bad-box{--note-accent: var(--warn);--note-border: var(--warn-line);--note-bg: var(--warn-soft);--note-ink: var(--warn-ink);--note-icon: "!";--note-label: "WARNING"}.article-body .good-box{--note-accent: var(--check);--note-border: var(--check-line);--note-bg: var(--check-soft);--note-ink: var(--check-ink);--note-icon: "✓";--note-label: "CHECK"}.article-body .caption-box,.article-body .tab-caption-box,.article-body .label-box{--tab-accent: var(--accent);--tab-border: var(--accent-line);--tab-bg: var(--accent-soft);--tab-ink: var(--accent-ink);--tab-label: "POINT";position:relative;margin:1.8em 0;padding:60px 22px 18px;border:1px solid var(--tab-border);border-radius:var(--r-md);background:var(--surface);color:var(--ink-2);overflow:hidden}.article-body .caption-box:before,.article-body .tab-caption-box:before,.article-body .label-box:before{content:"";position:absolute;top:0;left:0;right:0;height:42px;border-bottom:1px solid var(--tab-border);background:var(--tab-bg)}.article-body .caption-box:after,.article-body .tab-caption-box:after,.article-body .label-box:after{content:var(--tab-label);position:absolute;top:10px;left:18px;padding:3px 8px;border-radius:3px;background:var(--tab-accent);color:#fff;font-family:var(--mono);font-size:10px;font-weight:700;letter-spacing:.1em;line-height:1.4;text-transform:uppercase}.article-body .caption-box ul,.article-body .tab-caption-box ul,.article-body .label-box ul{list-style:none;margin:0;padding:0}.article-body .caption-box li,.article-body .tab-caption-box li,.article-body .label-box li{position:relative;padding:6px 0 6px 22px;border-bottom:1px dashed var(--line-soft);line-height:1.7}.article-body .caption-box li:last-child,.article-body .tab-caption-box li:last-child,.article-body .label-box li:last-child{border-bottom:none}.article-body .caption-box li:before,.article-body .tab-caption-box li:before,.article-body .label-box li:before{content:"";position:absolute;left:4px;top:14px;width:8px;height:8px;border-radius:2px;background:var(--tab-accent);opacity:.7}.article-body .bb-label{display:none}.article-body .wp-block-list{list-style:disc;padding-left:1.4em}.article-body .wp-block-table,.article-body table{width:100%;border-collapse:collapse;margin:1.8em 0;font-size:var(--fs-sm)}.article-body th,.article-body td{border:1px solid var(--line);padding:10px 12px;vertical-align:top}.article-body th{background:var(--surface-2);font-weight:600}@media (max-width: 640px){.article-body .blogcard{grid-template-columns:112px minmax(0,1fr);gap:12px;align-items:center;padding:12px}.article-body .blogcard-wrap{margin:1.4em 0}.article-body .blogcard-wrap:before{top:18px;left:18px;padding:2px 5px;font-size:8px}.article-body .blogcard-thumbnail img{aspect-ratio:4 / 3}.article-body .blogcard-title{font-size:14px;line-height:1.42}.article-body .blogcard-snippet,.article-body .blogcard-footer,.article-body .blogcard-label{font-size:var(--fs-xs);line-height:1.5}.article-body .blogcard-snippet{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.article-body .blogcard-footer:after{margin-top:2px;font-size:10px}.article-body .speech-wrap{grid-template-columns:1fr}.article-body .speech-person{display:flex;align-items:center;gap:10px;text-align:left}.article-body .speech-icon{margin:0}}.toc{font-size:var(--fs-sm)}.toc__title{font-size:11px;text-transform:uppercase;letter-spacing:.14em;color:var(--ink-muted);margin-bottom:14px;font-family:var(--mono);font-weight:500}.toc__list{display:flex;flex-direction:column;gap:2px}.toc__list a{display:block;padding:6px 0 6px 14px;color:var(--ink-soft);border-left:2px solid var(--line-soft);transition:color .2s ease,border-color .2s ease,padding-left .2s ease;line-height:1.45}.toc__list a:hover{color:var(--ink);border-color:var(--ink-muted);padding-left:18px}.toc__list a.active{color:var(--accent);border-color:var(--accent);font-weight:500;padding-left:18px}.toc__list .toc__h3{padding-left:28px;font-size:var(--fs-xs)}.toc__list .toc__h3.active{padding-left:32px}@media (max-width: 1024px){.toc-desktop{display:none}}.toc-mobile{margin:32px 0;padding:0;border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface)}.toc-mobile summary{list-style:none;padding:14px 18px;cursor:pointer;font-size:var(--fs-sm);font-weight:500;color:var(--ink);display:flex;justify-content:space-between;align-items:center}.toc-mobile summary::-webkit-details-marker{display:none}.toc-mobile[open] summary{border-bottom:1px solid var(--line);color:var(--accent)}.toc-mobile summary:after{content:"▾";color:var(--ink-muted);transition:transform .2s ease}.toc-mobile[open] summary:after{transform:rotate(180deg)}.toc-mobile .toc{padding:14px 18px}@media (min-width: 1025px){.toc-mobile{display:none}}.share-rail{display:flex;flex-direction:column;gap:8px}.share-rail__btn{position:relative;width:40px;height:40px;border-radius:var(--r-md);border:1px solid var(--line);background:var(--surface);display:grid;place-items:center;color:var(--ink-soft);transition:all .15s}.share-rail__btn:hover{color:var(--accent);border-color:var(--accent-line);background:var(--accent-soft);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.share-rail__btn--copied{color:var(--accent);border-color:var(--accent-line);background:var(--accent-soft)}.share-rail__copy-icon{grid-area:1 / 1;transition:opacity .15s ease,transform .15s ease}.share-rail__copy-icon--done,.share-rail__btn--copied .share-rail__copy-icon--copy{opacity:0;transform:scale(.8)}.share-rail__btn--copied .share-rail__copy-icon--done{opacity:1;transform:scale(1)}.share-rail__status{position:absolute;left:50%;bottom:calc(100% + 8px);z-index:2;width:max-content;max-width:96px;padding:5px 8px;border-radius:var(--r-sm);background:var(--ink);color:var(--bg);font-size:11px;font-weight:600;line-height:1;opacity:0;pointer-events:none;transform:translate(-50%) translateY(4px);transition:opacity .15s ease,transform .15s ease}.share-rail__btn--copied .share-rail__status{opacity:1;transform:translate(-50%) translateY(0)}.read-progress{position:fixed;top:0;left:0;right:0;height:2px;background:transparent;z-index:60;pointer-events:none}.read-progress__fill{height:100%;background:var(--accent);width:0%;transition:width .1s linear}.form{display:flex;flex-direction:column;gap:18px}.form__field{display:flex;flex-direction:column;gap:6px}.form__label{font-size:var(--fs-sm);font-weight:500;color:var(--ink-2)}.form__label .req{color:var(--accent);margin-left:4px}.form__control{padding:12px 14px;border-radius:var(--r-md);border:1px solid var(--line);background:var(--surface);color:var(--ink);font-family:inherit;font-size:var(--fs-base);line-height:1.5;transition:border-color .15s,box-shadow .15s}.form__control:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.form__control::placeholder{color:var(--ink-faint)}textarea.form__control{resize:vertical;min-height:140px}.form__hint{font-size:var(--fs-xs);color:var(--ink-muted)}.site-footer{border-top:1px solid var(--line);padding:48px var(--sp-8) 32px;margin-top:80px;background:var(--surface-2)}.site-footer__inner{max-width:var(--container);margin:0 auto}.site-footer__cols{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:40px}.site-footer h4{font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.12em;color:var(--ink-muted);margin-bottom:14px;font-weight:500}.site-footer ul li{padding:4px 0;font-size:var(--fs-sm);color:var(--ink-2)}.site-footer ul li a:hover{color:var(--accent)}.site-footer__bottom{margin-top:36px;padding-top:20px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:16px;font-size:var(--fs-xs);color:var(--ink-muted);font-family:var(--mono);flex-wrap:wrap}@media (max-width: 768px){.site-footer__cols{grid-template-columns:1fr 1fr;gap:28px}}@keyframes rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}main>section{animation:rise .5s cubic-bezier(.2,.7,.2,1) backwards}main>section:nth-child(2){animation-delay:.05s}main>section:nth-child(3){animation-delay:.1s}main>section:nth-child(4){animation-delay:.15s}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}html{scroll-behavior:smooth}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}}