.article-page{padding-top:var(--space-6);padding-bottom:var(--space-20)}.article-header{display:grid;grid-template-columns:minmax(0,1fr) 360px;align-items:end;gap:var(--space-10);margin-top:var(--space-4);padding-block:var(--space-6) var(--space-8);border-bottom:1px solid var(--color-border)}.article-header__copy{min-width:0}.article-header__title{max-width:23em;margin-top:var(--space-4);color:var(--color-heading);font-size:clamp(2rem,3.4vw,2.6875rem);font-weight:800;line-height:1.32;letter-spacing:-.045em;word-break:auto-phrase;text-wrap:balance}.article-header__title-join{white-space:nowrap}.article-header__lead{max-width:43em;margin-top:var(--space-5);color:var(--color-text-secondary);font-size:var(--font-size-md);line-height:1.9}.article-header__meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);margin-top:var(--space-5);color:var(--color-text-muted);font-size:var(--font-size-sm)}.article-header__author{display:inline-flex;align-items:center;min-height:44px;color:var(--color-text-secondary);font-weight:var(--font-weight-medium);text-decoration:underline;text-underline-offset:3px}.article-header__divider{color:var(--color-border-strong)}.article-header__advertising-disclosure{margin-top:var(--space-3);color:var(--color-text-muted);font-size:var(--font-size-xs);line-height:var(--line-height-normal)}.article-header__advertising-disclosure a{color:var(--color-link);text-decoration:underline;text-underline-offset:3px}.thumbnail.article-header__visual{width:100%;height:auto;aspect-ratio:16 / 10;border-radius:var(--radius-sm)}.article-layout{display:grid;grid-template-columns:minmax(0,760px) minmax(240px,280px);gap:var(--space-10);max-width:1080px;margin:var(--space-10) auto 0;align-items:start}.article-main{display:flex;width:100%;max-width:760px;min-width:0;flex-direction:column;gap:var(--space-8)}.article-sidebar{position:sticky;top:calc(var(--header-height) + var(--space-6));display:flex;min-width:0;max-height:calc(100vh - var(--header-height) - var(--space-12));flex-direction:column;gap:var(--space-10);overflow-y:auto;scrollbar-gutter:stable}.article-sidebar__block{padding:0;border:0;background:transparent}.article-sidebar__heading{margin-bottom:var(--space-2);color:var(--color-heading);font-size:var(--font-size-base);font-weight:var(--font-weight-bold)}.article-sidebar__list{display:flex;flex-direction:column}.article-toc--mobile{display:none}.article-related{padding-top:var(--space-5);border-top:1px solid var(--color-border)}.article-sources{padding-top:var(--space-6);border-top:1px solid var(--color-border)}.article-sources h2{color:var(--color-heading);font-size:var(--font-size-lg);line-height:1.5}.article-sources>p{margin-top:var(--space-2);color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:1.7}.article-sources ol{display:grid;gap:var(--space-2);margin-top:var(--space-4);padding-left:var(--space-6);list-style:decimal}.article-sources li{padding-left:var(--space-1);color:var(--color-text-muted)}.article-sources a{display:grid;min-height:44px;align-content:center;gap:.15rem;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);color:var(--color-link);overflow-wrap:anywhere;text-decoration:underline;text-underline-offset:3px}.article-sources a:hover{background:var(--color-surface-muted)}.article-sources__label{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);line-height:1.55}.article-sources__hostname{color:var(--color-text-muted);font-size:var(--font-size-xs);line-height:1.4;text-decoration:none}.article-related h2{color:var(--color-heading);font-size:var(--font-size-base)}.article-related ul{display:grid;gap:var(--space-2);margin-top:var(--space-3)}.article-related a{display:inline-flex;min-height:44px;align-items:center;color:var(--color-link);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);line-height:1.55;text-decoration:underline;text-underline-offset:3px}.article-branches{padding:var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-muted)}.article-branches__eyebrow{color:var(--color-primary-active);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);letter-spacing:.06em}.article-branches h2{margin-top:var(--space-1);color:var(--color-heading);font-size:var(--font-size-lg);line-height:1.5}.article-branches ul{display:grid;gap:var(--space-1);margin-top:var(--space-3)}.article-branches a{display:flex;min-height:44px;align-items:center;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-link);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);line-height:1.55}.article-branches a:hover{box-shadow:inset 3px 0 0 var(--color-primary)}.article-body{color:var(--color-text);font-size:1.0625rem;line-height:1.82;overflow-wrap:anywhere}.article-body>:first-child{margin-top:0;font-size:var(--font-size-md);line-height:1.8}.article-body p{margin:var(--space-4) 0}.article-body h2{margin-top:var(--space-8);margin-bottom:var(--space-4);padding-left:var(--space-4);border-left:3px solid var(--color-primary);color:var(--color-heading);font-size:var(--font-size-xl)}.article-body h3{margin-top:var(--space-6);margin-bottom:var(--space-3);color:var(--color-heading);font-size:var(--font-size-lg)}.article-body ul,.article-body ol{display:flex;flex-direction:column;gap:var(--space-2);margin:var(--space-4) 0;padding-left:var(--space-6)}.article-body ul{list-style:disc}.article-body ol{list-style:decimal}.article-body li{line-height:1.75}.article-body table{display:block;width:100%;max-width:100%;margin:var(--space-5) 0;overflow-x:auto;border:1px solid var(--color-border);border-radius:var(--radius-sm);border-collapse:collapse;background:var(--color-surface);font-size:var(--font-size-sm);line-height:1.55;-webkit-overflow-scrolling:touch}.article-table__hint{display:none}.article-body table:focus-visible{outline:3px solid color-mix(in srgb,var(--color-primary) 45%,transparent);outline-offset:3px}.article-body thead,.article-body tbody{display:table;width:100%;min-width:36rem;table-layout:fixed}.article-body th,.article-body td{padding:var(--space-2) var(--space-3);border-right:1px solid var(--color-border);border-bottom:1px solid var(--color-border);text-align:left;vertical-align:top}.article-body th:last-child,.article-body td:last-child{border-right:0}.article-body tbody tr:last-child td{border-bottom:0}.article-body th{background:var(--color-surface-muted);color:var(--color-heading);font-weight:var(--font-weight-bold)}.article-body .article-data-label{display:none}.article-body .article-data-value{min-width:0}.article-body a{color:var(--color-link);text-decoration:underline;text-underline-offset:3px}.article-body strong{font-weight:var(--font-weight-bold)}.article-body .article-caution{margin:var(--space-8) 0;padding:var(--space-5) var(--space-6);border-left:4px solid var(--color-accent-orange);border-radius:var(--radius-sm);background:var(--color-accent-orange-bg);color:var(--color-text)}.article-caution__label{display:block;margin-bottom:var(--space-2);color:var(--color-accent-yellow-text);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold)}.article-body .article-caution p{margin:0}.article-body .article-caution p+p{margin-top:var(--space-2)}.article-body .article-dialogue{display:flex;flex-direction:column;gap:var(--space-4);margin:var(--space-8) 0;font-size:var(--font-size-base);line-height:1.85}.article-body h2+.article-dialogue{margin-top:var(--space-5)}.article-body>.article-dialogue:first-child{margin-top:0}.dialogue-turn{display:grid;align-items:end;gap:var(--space-3);width:min(92%,700px)}.dialogue-turn--komari{grid-template-columns:72px minmax(0,1fr);align-self:flex-start}.dialogue-turn--hakase{grid-template-columns:minmax(0,1fr) 82px;align-self:flex-end}.dialogue-turn__portrait-picture{display:block;width:100%}.dialogue-turn__portrait{position:relative;z-index:1;display:block;width:100%;height:118px;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 8px 14px rgba(16,35,72,.14));-webkit-user-select:none;user-select:none}.dialogue-turn--hakase .dialogue-turn__portrait{height:128px}.dialogue-turn__bubble{--dialogue-bubble-bg: color-mix(in srgb, var(--color-surface-muted) 72%, var(--color-surface));--dialogue-bubble-border: color-mix(in srgb, var(--color-text-muted) 34%, transparent);position:relative;padding:var(--space-5) var(--space-6);border-radius:var(--radius-md);background:var(--dialogue-bubble-bg);filter:drop-shadow(1px 0 0 var(--dialogue-bubble-border)) drop-shadow(-1px 0 0 var(--dialogue-bubble-border)) drop-shadow(0 1px 0 var(--dialogue-bubble-border)) drop-shadow(0 -1px 0 var(--dialogue-bubble-border)) drop-shadow(0 1px 2px rgba(16,35,72,.06))}.dialogue-turn--hakase .dialogue-turn__bubble{--dialogue-bubble-bg: color-mix(in srgb, var(--color-primary-lighter) 58%, var(--color-surface));--dialogue-bubble-border: var(--color-primary-light)}.dialogue-turn__bubble:after{position:absolute;bottom:var(--space-5);width:12px;height:18px;background:var(--dialogue-bubble-bg);content:"";clip-path:polygon(0 50%,100% 0,100% 100%);pointer-events:none}.dialogue-turn--komari .dialogue-turn__bubble:after{right:100%}.dialogue-turn--hakase .dialogue-turn__bubble:after{left:100%;transform:scaleX(-1)}.dialogue-turn__speaker{display:block;margin-bottom:var(--space-1);color:var(--color-text-muted);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);letter-spacing:.06em}.dialogue-turn--hakase .dialogue-turn__speaker{color:var(--color-primary-active)}.article-body .dialogue-turn__bubble p{margin:0}.article-body .dialogue-turn__bubble p+p{margin-top:var(--space-2)}.article-body code{padding:.1em .35em;border-radius:4px;background:var(--color-surface-muted);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.9em}.article-body pre{width:100%;max-width:100%;margin:var(--space-6) 0;padding:var(--space-4);overflow-x:auto;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface-muted);font-size:var(--font-size-sm);line-height:1.7;-webkit-overflow-scrolling:touch}.article-body pre code{padding:0;background:transparent;white-space:pre-wrap}@media(max-width:1040px){.article-header{grid-template-columns:minmax(0,1fr) 300px}.article-header__title{font-size:clamp(1.875rem,3.4vw,2.5rem)}.article-layout{grid-template-columns:minmax(0,1fr)}.article-toc--mobile{display:block}.article-toc--desktop,.article-sidebar{display:none}}@media(max-width:900px){.article-header{grid-template-columns:1fr;align-items:start;gap:var(--space-6)}}@media(max-width:760px){.article-page{padding-top:var(--space-3);padding-bottom:var(--space-12)}.article-header{margin-top:var(--space-2);padding-block:var(--space-4) var(--space-5)}.article-layout{margin-top:var(--space-6)}.article-header__title{font-size:clamp(1.375rem,6vw,2rem)}}@media(max-width:640px){.article-table__hint{display:flex;justify-content:flex-end;margin:var(--space-5) 0 var(--space-2);color:var(--color-text-muted);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);letter-spacing:.02em}.article-table__hint+table.article-data-table{margin-top:0}.article-header__meta{flex-direction:row;align-items:flex-start;gap:var(--space-1) var(--space-2)}.article-header__divider{display:none}.article-body{font-size:var(--font-size-base)}.article-body .article-dialogue{gap:var(--space-3);margin-block:var(--space-6);line-height:1.8}.dialogue-turn{width:100%;gap:var(--space-2)}.dialogue-turn--komari{grid-template-columns:54px minmax(0,1fr)}.dialogue-turn--hakase{grid-template-columns:minmax(0,1fr) 58px}.dialogue-turn__portrait,.dialogue-turn--hakase .dialogue-turn__portrait{height:96px}.dialogue-turn__bubble{padding:var(--space-4)}.dialogue-turn__bubble:after{bottom:var(--space-4);width:8px;height:14px}.article-body>.article-dialogue:first-child{gap:var(--space-2);margin-bottom:var(--space-5)}.article-body>.article-dialogue:first-child .dialogue-turn{grid-template-columns:38px minmax(0,1fr)}.article-body>.article-dialogue:first-child .dialogue-turn--hakase{grid-template-columns:minmax(0,1fr) 42px}.article-body>.article-dialogue:first-child .dialogue-turn__portrait,.article-body>.article-dialogue:first-child .dialogue-turn--hakase .dialogue-turn__portrait{height:64px}.article-body>.article-dialogue:first-child .dialogue-turn__bubble{padding:var(--space-3)}.article-body>.article-dialogue:first-child .dialogue-turn__speaker{margin-bottom:0}.article-body table.article-data-table{display:block;overflow-x:auto;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface)}.article-body .article-data-table thead,.article-body .article-data-table tbody{position:static;display:table;width:100%;min-width:36rem;height:auto;padding:0;overflow:visible;clip:auto;clip-path:none;white-space:normal;border:0;table-layout:fixed}.article-body .article-data-table tr{display:table-row;overflow:visible;border:0;border-radius:0;background:transparent}.article-body .article-data-table td,.article-body .article-data-table tbody th{display:table-cell;width:auto;padding:var(--space-2) var(--space-3);border-right:1px solid var(--color-border);border-bottom:1px solid var(--color-border);background:transparent}.article-body .article-data-table tbody th{background:var(--color-surface-muted)}.article-body .article-data-table .article-data-label{display:none}}