.article-reading{max-width:var(--reading-max);padding:var(--spacing-section-mobile) var(--spacing-gutter) var(--spacing-section-desktop);margin-inline:auto}.article-title{font-size:var(--text-reading-title-size);line-height:var(--text-reading-title-line-height);font-weight:var(--text-reading-title-weight);color:var(--color-on-surface)}.article-summary{margin-top:var(--spacing-lg);font-size:var(--text-lead-size);line-height:var(--text-lead-line-height);color:var(--color-on-surface-variant)}.article-date{margin-top:var(--spacing-md);font-size:var(--text-small-size);line-height:var(--text-small-line-height);color:var(--color-on-surface-variant)}.article-cover{margin-top:var(--spacing-xxl);border-radius:var(--radius-frame)}.article-body{margin-top:var(--spacing-xxl);font-size:var(--text-reading-body-size);line-height:var(--text-reading-body-line-height);font-weight:var(--text-reading-body-weight);color:var(--color-on-surface)}.article-body h2{margin-top:var(--spacing-section-sm);font-size:clamp(22px,2.4vw,26px);font-weight:700;line-height:1.3}.article-body h3{margin-top:var(--spacing-xxl);font-size:clamp(18px,2vw,21px);font-weight:700;line-height:1.35}.article-body p,.article-body ul,.article-body ol,.article-body blockquote,.article-body pre,.article-body table{margin-top:var(--spacing-lg)}.article-body h2+p,.article-body h3+p{margin-top:var(--spacing-md)}.article-body ul,.article-body ol{padding-left:var(--spacing-xxl)}.article-body li+li{margin-top:var(--spacing-sm)}.article-body a{color:var(--color-primary);text-underline-offset:2px;text-decoration:underline}.article-body a:hover{color:var(--color-primary-hover)}.article-body img{border-radius:var(--radius-card)}.article-body blockquote{padding-left:var(--spacing-lg);border-left:3px solid var(--color-outline-variant);color:var(--color-on-surface-variant)}.article-body code{font-family:var(--font-mono);background-color:var(--color-surface-variant);border-radius:var(--spacing-xs);padding:2px var(--spacing-xs);font-size:.9em}.article-body pre{padding:var(--spacing-lg);background-color:var(--color-surface-variant);border-radius:var(--radius-card);overflow-x:auto}.article-body pre code{background:0 0;padding:0}.article-body table{border-collapse:collapse;width:100%;font-size:var(--text-small-size)}.article-body th,.article-body td{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-outline-variant);text-align:left}.article-body th{background-color:var(--color-surface-variant);font-weight:600}