.article-hero{padding-top:var(--sp-8);padding-bottom:var(--sp-8);background:var(--color-bg)}.article-hero__inner{max-width:880px;margin:0 auto}.article-hero__head{margin-bottom:var(--sp-8)}.article-hero__meta{display:flex;align-items:center;gap:var(--sp-3) var(--sp-4);margin:var(--sp-4) 0 var(--sp-5);flex-wrap:wrap;font-size:var(--fs-13);color:var(--color-text-muted)}.article-hero__date,.article-hero__reading,.article-hero__author{display:inline-flex;align-items:center;gap:var(--sp-2);font-size:var(--fs-13);color:var(--color-text-muted);font-weight:var(--fw-medium);line-height:1}.article-hero__reading [data-icon],.article-hero__author [data-icon]{width:14px;height:14px;color:var(--color-text-dim);flex-shrink:0}.article-hero__title{font-size:clamp(var(--fs-32),5vw,var(--fs-48));font-weight:var(--fw-bold);line-height:var(--lh-tight);letter-spacing:var(--ls-tight);color:var(--color-text);margin:var(--sp-3) 0 0;text-wrap:balance}.article-hero__summary{font-size:var(--fs-18);line-height:var(--lh-relaxed);color:var(--color-text-muted);max-width:60ch;margin:0}.article-hero__cover{width:100%;aspect-ratio:16 / 9;border-radius:var(--r-2xl);overflow:hidden;background:linear-gradient(135deg,#eef2ff,#f5f3ff);box-shadow:var(--shadow-card)}.article-hero__cover-image{width:100%;height:100%;object-fit:cover}@media(max-width:640px){.article-hero__summary{font-size:var(--fs-16)}}.article-body{padding:var(--sp-8) 0 var(--sp-12)}.article-body__inner{max-width:920px}.article-body__lead{font-size:var(--fs-20);line-height:var(--lh-relaxed);color:var(--color-text);font-weight:var(--fw-medium);margin-bottom:var(--sp-8);padding-bottom:var(--sp-6);border-bottom:1px solid var(--color-border);letter-spacing:0}.article-body__h2{font-size:var(--fs-24);font-weight:var(--fw-bold);color:var(--color-text);line-height:var(--lh-snug);letter-spacing:var(--ls-tight);margin:var(--sp-8) 0 var(--sp-4)}.article-body__h2:first-child{margin-top:0}.article-body__p{font-size:var(--fs-16);line-height:var(--lh-relaxed);color:var(--color-text);margin-bottom:var(--sp-4)}.article-body__p:last-child{margin-bottom:0}@media(max-width:640px){.article-body__lead{font-size:var(--fs-18)}.article-body__h2{font-size:var(--fs-20)}}.blog-external-links{padding:var(--sp-10) 0 var(--sp-12);background:var(--color-bg)}.blog-external-links__title{font-size:var(--fs-24);font-weight:var(--fw-bold);color:var(--color-text);margin:0 0 var(--sp-6);letter-spacing:var(--ls-tight)}.blog-external-links__list{display:flex;flex-direction:column;gap:var(--sp-2);list-style:none;padding:0;margin:0}.blog-external-links__item{list-style:none}.blog-external-links__link{display:flex;align-items:center;gap:var(--sp-4);padding:var(--sp-4) var(--sp-5);background:#fff;border:1px solid var(--color-border);border-radius:var(--r-lg);color:var(--color-text);text-decoration:none;transition:border-color var(--transition-fast),background var(--transition-fast),transform var(--transition-fast)}.blog-external-links__link:hover{border-color:var(--color-accent);background:var(--color-bg-soft);transform:translateY(-1px)}.blog-external-links__icon{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;flex-shrink:0;color:var(--color-text);transition:color var(--transition-fast)}.blog-external-links__icon [data-icon]{width:22px;height:22px}.blog-external-links__link:hover .blog-external-links__icon{color:var(--color-accent)}.blog-external-links__label{flex-grow:1;font-size:var(--fs-15);font-weight:var(--fw-medium);line-height:var(--lh-snug);word-break:break-word}.blog-external-links__hint{display:inline-flex;align-items:center;color:var(--color-text-dim);transition:color var(--transition-fast)}.blog-external-links__hint [data-icon]{width:14px;height:14px}.blog-external-links__link:hover .blog-external-links__hint{color:var(--color-accent)}@media(max-width:720px){.blog-external-links{padding:var(--sp-8) 0 var(--sp-10)}.blog-external-links__title{font-size:var(--fs-20)}.blog-external-links__link{padding:var(--sp-3) var(--sp-4);gap:var(--sp-3)}.blog-external-links__icon{width:28px;height:28px}.blog-external-links__icon [data-icon]{width:18px;height:18px}.blog-external-links__label{font-size:var(--fs-14)}}.related-entity{padding:var(--sp-10) 0 var(--sp-8)}.related-entity__title{font-size:var(--fs-24);font-weight:var(--fw-bold);color:var(--color-text);line-height:var(--lh-snug);letter-spacing:var(--ls-tight);margin:0 0 var(--sp-5)}.related-entity__card{display:flex;align-items:center;gap:var(--sp-5);padding:var(--sp-5) var(--sp-6);background:#fff;border:1px solid var(--color-border);border-radius:var(--r-lg);color:inherit;text-decoration:none;transition:border-color var(--transition-fast),background var(--transition-fast),transform var(--transition-fast)}.related-entity__card:hover{border-color:var(--color-accent);background:var(--color-bg-soft);transform:translateY(-1px)}.related-entity__icon{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;flex-shrink:0;background:var(--color-accent-soft);color:var(--color-accent);border-radius:var(--r-md);transition:background var(--transition-fast)}.related-entity__icon [data-icon]{width:24px;height:24px}.related-entity__card:hover .related-entity__icon{background:var(--color-accent);color:#fff}.related-entity__body{flex-grow:1;min-width:0;display:flex;flex-direction:column;gap:var(--sp-1)}.related-entity__type{font-size:var(--fs-12);font-weight:var(--fw-bold);letter-spacing:.12em;text-transform:uppercase;color:var(--color-accent)}.related-entity__name{font-size:var(--fs-18);font-weight:var(--fw-semi);color:var(--color-text);line-height:var(--lh-snug);letter-spacing:0;margin:0}.related-entity__tagline{font-size:var(--fs-14);color:var(--color-text-muted);line-height:var(--lh-base);margin:0}.related-entity__cta{display:inline-flex;align-items:center;color:var(--color-text-dim);flex-shrink:0;transition:color var(--transition-fast),transform var(--transition-fast)}.related-entity__cta [data-icon]{width:18px;height:18px}.related-entity__card:hover .related-entity__cta{color:var(--color-accent);transform:translate(3px)}@media(max-width:720px){.related-entity{padding:var(--sp-8) 0 var(--sp-6)}.related-entity__title{font-size:var(--fs-20)}.related-entity__card{padding:var(--sp-4);gap:var(--sp-4)}.related-entity__icon{width:40px;height:40px}.related-entity__icon [data-icon]{width:20px;height:20px}.related-entity__name{font-size:var(--fs-16)}}.article-related{padding:var(--sp-12) 0;background:var(--color-bg-soft)}.article-related__title{font-size:var(--fs-28);font-weight:var(--fw-bold);color:var(--color-text);line-height:var(--lh-snug);letter-spacing:var(--ls-tight);margin-bottom:var(--sp-6)}.article-related__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--sp-5);list-style:none;padding:0;margin:0}.article-related__card{background:#fff;border:1px solid var(--color-border);border-radius:var(--r-xl);overflow:hidden;transition:transform var(--transition-base),box-shadow var(--transition-base),border-color var(--transition-base)}.article-related__card:hover{transform:translateY(-4px);box-shadow:var(--shadow-card-hover);border-color:transparent}.article-related__link{display:flex;flex-direction:column;height:100%;color:inherit;text-decoration:none}.article-related__cover{aspect-ratio:16 / 10;overflow:hidden;background:var(--color-bg)}.article-related__image{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.16,1,.3,1)}.article-related__card:hover .article-related__image{transform:scale(1.05)}.article-related__body{padding:var(--sp-4) var(--sp-5) var(--sp-5);display:flex;flex-direction:column;gap:var(--sp-3);flex-grow:1}.article-related__meta{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2)}.article-related__date{font-size:var(--fs-12);color:var(--color-text-muted);font-weight:var(--fw-medium)}.article-related__name{font-size:var(--fs-16);font-weight:var(--fw-semi);color:var(--color-text);line-height:var(--lh-snug);letter-spacing:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.article-related__cta{display:inline-flex;align-items:center;gap:var(--sp-2);font-size:var(--fs-13);font-weight:var(--fw-semi);color:var(--color-accent);transition:gap var(--transition-fast);margin-top:auto}.article-related__card:hover .article-related__cta{gap:var(--sp-3)}.article-related__cta [data-icon]{width:14px;height:14px}@media(max-width:1024px){.article-related__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.article-related__grid{grid-template-columns:1fr;gap:var(--sp-4)}}