.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.8vw,3.25rem);font-weight:800;line-height:1.32;letter-spacing:-.045em}.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-xs)}.article-header__author{color:var(--color-text-secondary);font-weight:var(--font-weight-medium)}.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:240px;aspect-ratio:auto;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-12)}.article-sidebar{display:flex;min-width:0;flex-direction:column;gap:var(--space-10)}.article-toc--desktop{position:sticky;top:calc(var(--header-height) + var(--space-6))}.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__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-5)}.article-body{color:var(--color-text);font-size:1.0625rem;line-height:2;overflow-wrap:anywhere}.article-body>:first-child{margin-top:0;font-size:var(--font-size-md);line-height:1.95}.article-body p{margin:var(--space-5) 0}.article-body h2{margin-top:var(--space-12);margin-bottom:var(--space-5);padding-left:var(--space-4);border-left:3px solid var(--color-primary);color:var(--color-heading);font-size:var(--font-size-xl)}.article-body h2:first-of-type{display:flex;align-items:center;gap:var(--space-3);margin-bottom:0;padding:var(--space-6) var(--space-6) var(--space-3);border:1px solid var(--color-primary-light);border-bottom:0;border-left:4px solid var(--color-primary);border-radius:var(--radius-md) var(--radius-md) 0 0;background:var(--color-primary-lighter)}.article-body h2:first-of-type:before{content:"✓";display:inline-flex;align-items:center;justify-content:center;width:1.55em;height:1.55em;flex-shrink:0;border-radius:50%;background:var(--color-primary);color:#fff;font-size:.75em}.article-body h2:first-of-type+.article-dialogue{margin-top:0;padding:0 var(--space-6) var(--space-6);border:1px solid var(--color-primary-light);border-top:0;border-left:4px solid var(--color-primary);border-radius:0 0 var(--radius-md) var(--radius-md);background:var(--color-primary-lighter)}.article-body h3{margin-top:var(--space-10);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-5) 0;padding-left:var(--space-6)}.article-body ul{list-style:disc}.article-body ol{list-style:decimal}.article-body li{line-height:1.9}.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{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}@media(max-width:1040px){.article-header{grid-template-columns:minmax(0,1fr) 300px}.article-layout{grid-template-columns:minmax(0,1fr)}.article-toc--mobile{display:block}.article-toc--desktop,.article-sidebar{display:none}}@media(max-width:760px){.article-header{grid-template-columns:1fr;align-items:start;gap:var(--space-6)}.thumbnail.article-header__visual{height:250px}.article-header__title{font-size:clamp(1.9rem,8vw,2.6rem)}}@media(max-width:640px){.article-related__grid{grid-template-columns:1fr}.article-header__meta{flex-direction:column;align-items:flex-start;gap:var(--space-1)}.article-header__divider{display:none}.article-body{font-size:var(--font-size-base)}.article-body h2:first-of-type,.article-body h2:first-of-type+.article-dialogue{padding-inline:var(--space-5)}.article-body .article-dialogue{gap:var(--space-3);margin-block:var(--space-6);line-height:1.8}.article-body h2:first-of-type+.article-dialogue{margin-top:0;padding-bottom:var(--space-5)}.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}}