.breadcrumb{align-items:center;display:inline-flex}.breadcrumb__list{align-items:center;gap:var(--spacing-xs);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.breadcrumb__item{align-items:center;gap:var(--spacing-xs);display:inline-flex}.breadcrumb__link{min-width:24px;min-height:24px;color:var(--color-gray);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;margin:0;padding:0;display:inline-flex}.breadcrumb__link:hover{color:var(--color-main);text-decoration:underline}.breadcrumb__link:focus-visible{outline:2px solid var(--color-main);outline-offset:2px;border-radius:var(--radius-xs)}.breadcrumb__current{color:var(--color-darkGray)}.breadcrumb__separator{color:var(--color-disabled);flex-shrink:0;align-items:center;display:inline-flex}
.article-breadcrumb{max-width:100%;margin-bottom:var(--spacing-l);display:flex}.article-breadcrumb .breadcrumb__list{min-width:0}.article-breadcrumb .breadcrumb__item:last-child{flex:auto;min-width:0}.article-breadcrumb .breadcrumb__current{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.article-header{border-bottom:1px solid var(--color-border);padding-bottom:28px}.article-header__title{font-size:var(--text-h1-size);color:var(--color-text-primary);margin:0;font-weight:700;line-height:1.4}.article-header__meta{margin:var(--spacing-m) 0 0;font-size:var(--text-caption-1-size);line-height:var(--text-caption-1-line);color:var(--color-text-secondary)}.article-header__divider{color:var(--color-border);padding-inline:10px}@media (max-width:639px){.article-header__title{font-size:var(--text-h2-size);line-height:var(--text-h2-line)}}
.article-body{padding-block:var(--layout-section-tight)}.article-body__paragraph{margin:var(--spacing-xl) 0 0;font-size:var(--text-body-2-size);color:var(--color-text-primary);line-height:1.85}.article-body__paragraph:first-child{margin-top:0}.article-body__image{border-radius:var(--radius-sm);width:100%;height:auto;margin-top:36px;display:block}.article-body__link-row{margin:32px 0 0}.article-body__link{min-height:var(--spacing-xl);font-size:var(--text-body-2-size);line-height:var(--text-body-2-line);color:var(--color-brand);text-underline-offset:4px;transition:opacity var(--duration-base,.2s) var(--ease-out,ease);align-items:center;gap:6px;font-weight:500;text-decoration:underline;display:inline-flex}.article-body__link:hover{opacity:.8}.article-body__link-icon{width:16px;height:16px}.article-body__source{margin-top:var(--layout-block);padding:var(--spacing-xl);border-radius:var(--radius-card);background:var(--color-surface-raised)}.article-body__source-label{font-size:var(--text-caption-1-size);line-height:var(--text-caption-1-line);letter-spacing:.02em;color:var(--color-text-secondary);margin:0;font-weight:500}.article-body__source-link{min-height:var(--spacing-xl);font-size:var(--text-body-2-size);color:var(--color-text-primary);transition:color var(--duration-base,.2s) var(--ease-out,ease);align-items:flex-start;gap:6px;margin-top:10px;font-weight:700;line-height:1.4;text-decoration:none;display:inline-flex}.article-body__source-link:hover{color:var(--color-brand)}.article-body__source-icon{flex-shrink:0;width:16px;height:16px;margin-top:4px}.article-body__source-note{margin:var(--spacing-xs) 0 0;font-size:var(--text-caption-1-size);line-height:var(--text-caption-1-line);color:var(--color-text-secondary)}
.article-nav{align-items:flex-start;gap:var(--spacing-l);border-top:1px solid var(--color-border);flex-direction:column;padding-top:28px;display:flex}.article-nav__pair{justify-content:space-between;align-items:center;gap:var(--spacing-m);width:100%;display:flex}.article-nav__side{max-width:42%;font-size:var(--text-caption-1-size);line-height:var(--text-caption-1-line);color:var(--color-text-secondary);transition:color var(--duration-base,.2s) var(--ease-out,ease);text-decoration:none}.article-nav__side:hover{color:var(--color-brand)}.article-nav__side--end{text-align:right}.article-nav__label{font-size:var(--text-caption-1-size);line-height:var(--text-caption-1-line);display:block}.article-nav__title{text-overflow:ellipsis;white-space:nowrap;color:var(--color-text-primary);margin-top:4px;display:block;overflow:hidden}.article-nav__list{padding:var(--spacing-xs) var(--spacing-l);border:1px solid var(--color-border);border-radius:var(--radius-full);font-size:var(--text-caption-1-size);line-height:var(--text-caption-1-line);color:var(--color-text-primary);transition:border-color var(--duration-base,.2s) var(--ease-out,ease), color var(--duration-base,.2s) var(--ease-out,ease);flex-shrink:0;text-decoration:none}.article-nav__list:hover{border-color:var(--color-brand);color:var(--color-brand)}