.article-related{display:flex;flex-direction:column;gap:var(--space-4);max-width:var(--blog-article-column,720px);width:100%;margin:var(--space-12) auto 0;padding-top:var(--space-10);border-top:1px solid var(--modal-divider)}.article-related__heading{margin:0;font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--modal-text-primary);letter-spacing:var(--tracking-snug)}.article-related__grid{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-2);border:1px solid var(--modal-border);border-radius:var(--modal-radius);background:var(--modal-surface);box-shadow:var(--shadow-lg)}.article-related .article-card{flex-direction:row;padding:0;border:1px solid var(--modal-item-border);border-radius:var(--modal-item-radius);background:var(--modal-item-bg);box-shadow:none}@media (hover:hover){.article-related .article-card:hover{border-color:var(--modal-item-border-hover)}}.article-related .article-card__image-wrap{display:block;flex-shrink:0;width:140px;min-height:100px;aspect-ratio:4/3;border-bottom:none;border-right:1px solid var(--modal-divider)}.article-related .article-card__reading-time{display:none}.article-related .article-card__content{gap:var(--space-1);padding:var(--space-3) var(--space-4);justify-content:center}.article-related .article-card__meta{margin-top:0}.article-related .article-card__title{font-size:var(--text-sm);line-height:var(--leading-snug)}.article-related .article-card__excerpt{-webkit-line-clamp:1;font-size:var(--text-xs);color:var(--modal-text-muted)}@media (max-width:640px){.article-related{gap:var(--space-3-5);margin-top:var(--space-9);padding-top:var(--space-8)}.article-related .article-card__image-wrap{width:110px;min-height:88px}.article-related .article-card__content{padding:var(--space-2-5) var(--space-3-5)}.article-related .article-card__title{font-size:var(--text-ms)}.article-related .article-card__excerpt{display:none}}.article-models{display:flex;flex-direction:column;gap:var(--space-4);max-width:var(--blog-article-column,720px);width:100%;margin:var(--space-10) auto 0;padding-top:var(--space-8);border-top:1px solid var(--modal-divider)}.article-models__heading{margin:0;font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--modal-text-primary);letter-spacing:var(--tracking-snug)}.article-models__list{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-2);margin:0;padding:var(--space-2);list-style:none;border:1px solid var(--modal-border);border-radius:var(--modal-radius);background:var(--modal-surface);box-shadow:var(--shadow-lg)}.article-models__item{margin:0;min-width:0}.article-models__card{display:flex;align-items:center;gap:var(--space-3);width:100%;min-height:var(--space-14);padding:var(--space-3) var(--space-4);border:1px solid var(--modal-item-border);border-radius:var(--modal-item-radius);background:var(--modal-item-bg);text-decoration:none;transition:border-color var(--sg-motion-base)}.article-models__icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--modal-item-lead-size);height:var(--modal-item-lead-size);border:1px solid var(--modal-divider);border-radius:var(--radius-circle);background:var(--modal-item-lead-bg);color:var(--modal-accent)}.article-models__text{display:flex;flex-direction:column;gap:2px;min-width:0}.article-models__name{font-size:var(--text-ms);font-weight:var(--font-semibold);line-height:var(--leading-snug);letter-spacing:var(--tracking-snug);color:var(--modal-text-soft);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.article-models__kind{font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--modal-text-muted)}.article-models__arrow{flex-shrink:0;margin-left:auto;color:var(--modal-text-muted);transition:color var(--sg-motion-base)}@media (hover:hover){.article-models__card:hover{border-color:var(--modal-item-border-hover)}.article-models__card:hover .article-models__arrow{color:var(--modal-text-primary)}}.article-models__card:focus-visible{outline:var(--focus-ring-width) solid var(--modal-accent);outline-offset:var(--focus-ring-offset)}@media (min-width:640px){.article-models{margin-top:var(--space-12);padding-top:var(--space-10)}.article-models__list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){.article-models__arrow,.article-models__card{transition:none}}