.article{padding:clamp(28px,4vw,56px) clamp(20px,5vw,56px) clamp(60px,8vw,96px)}.article-inner{max-width:760px}.article-crumb{font-size:var(--md-body-large-size);color:var(--md-on-surface-variant);flex-wrap:wrap;align-items:center;gap:4px;margin-bottom:clamp(12px,2vw,20px);display:flex}.article-crumb a{min-height:var(--tap);align-items:center;display:inline-flex}.article-crumb [aria-current=page]{color:var(--md-on-surface)}.article-head{border-bottom:1px solid var(--md-outline-variant);margin-bottom:clamp(24px,4vw,40px);padding-bottom:clamp(20px,3vw,28px)}.article-title{font-family:var(--md-typeface-brand);word-break:auto-phrase;font-size:clamp(var(--md-headline-medium-size), 5vw, var(--md-display-small-size));letter-spacing:var(--md-display-small-track);line-height:1.3;font-weight:var(--md-weight-bold);text-wrap:balance;margin:0 0 16px}.article-lead{font-size:var(--md-body-large-size);line-height:var(--md-body-lh-ja);color:var(--md-on-surface-variant);text-wrap:pretty;margin:0 0 18px}.article-meta{font-family:var(--md-typeface-mono);font-size:var(--md-label-large-size);color:var(--md-on-surface-variant);flex-wrap:wrap;gap:8px 16px;display:flex}.article-meta>*>.article-meta-label{font-size:var(--md-label-medium-size);margin-right:6px}.article-tags{flex-wrap:wrap;gap:8px;margin:16px 0 0;padding:0;list-style:none;display:flex}.article-cover{border-radius:var(--md-corner-lg);border:1px solid var(--md-outline-variant);width:100%;height:auto;margin-bottom:clamp(24px,4vw,40px);display:block}.article-actions{flex-wrap:wrap;gap:10px;margin-top:20px;display:flex}.article-action{align-items:center;gap:8px;text-decoration:none;display:inline-flex}.article-action svg{flex-shrink:0}.article-back{margin-top:clamp(32px,5vw,56px)}.article-back a{text-decoration:none}