#article-header{--_radius:clamp(8px,1.5vw,16px);--_gap:clamp(8px,2vw,18px);--_pad-y:clamp(16px,4vw,48px);--_pad-x:clamp(16px,5vw,56px);--_chip-pad-x:clamp(10px,2.2vw,16px);--_chip-pad-y:clamp(6px,1.2vw,10px);--_bar-h:clamp(3px,0.6vw,6px);--_ring:0 0 0 3px rgba(43,93,247,0.35);box-sizing:border-box;-webkit-box-sizing:border-box;color:var(--color-text-primary);background-color:var(--color-background-default);padding:var(--_pad-y) var(--_pad-x);margin:clamp(0px,1vw,8px) auto;border-radius:var(--_radius);position:relative;max-width:100%}.article-header-bar{height:var(--_bar-h);background-image:linear-gradient(90deg,var(--color-primary) 0%,var(--color-secondary) 45%,var(--color-accent) 90%);border-radius:clamp(2px,0.4vw,4px);box-shadow:0 0 0 1px rgba(21,25,35,1),0 6px 18px rgba(0,0,0,0.22),inset 0 -1px 0 rgba(231,236,245,0.06);margin-bottom:clamp(14px,3.2vw,40px)}.article-header-title{font-family:var(--font-family-heading);font-size:var(--font-size-h1);line-height:var(--line-height-heading);color:var(--color-text-primary);letter-spacing:clamp(-0.6px,-0.1vw,-1px);margin:clamp(6px,1.6vw,18px) 0 clamp(8px,1.8vw,20px);text-wrap:balance;text-shadow:0 1px 0 rgba(21,25,35,1),0 10px 30px rgba(43,93,247,0.12)}.article-header-meta{display:grid;grid-template-columns:1fr;gap:var(--_gap);color:var(--color-text-secondary);background-color:var(--color-paper);border:1px solid rgba(231,236,245,0.06);border-radius:var(--_radius);padding:clamp(12px,3.2vw,28px);box-shadow:0 1px 0 rgba(231,236,245,0.05),0 12px 24px rgba(0,0,0,0.2)}.article-header-meta-list{display:flex;flex-wrap:wrap;gap:clamp(6px,1.8vw,16px) clamp(10px,2.2vw,22px);align-items:center;list-style:none;padding:0;margin:0}.article-header-meta-item{display:inline-flex;align-items:center;gap:clamp(6px,1vw,10px);color:var(--color-text-secondary);font-family:var(--font-family-body);font-size:clamp(0.92rem,1.2vw,1rem);line-height:var(--line-height-body);position:relative}.article-header-meta-item::before{content:"";width:clamp(6px,1.2vw,10px);height:clamp(6px,1.2vw,10px);border-radius:clamp(2px,0.6vw,6px);background-color:var(--color-secondary);box-shadow:0 0 0 1px rgba(21,25,35,1),0 0 10px rgba(18,194,161,0.35)}.article-header-date,.article-header-author,.article-header-reading-time{color:var(--color-text-secondary)}.article-header-author-name{color:var(--color-text-primary)}.article-header-categories{display:block}.article-header-chips{display:flex;flex-wrap:wrap;gap:clamp(8px,1.8vw,14px);list-style:none;padding:0;margin:0}.article-header-chip-item{display:inline-flex}.article-header-chip{--_chip-bg:rgba(46,52,64,0.35);--_chip-brd:rgba(231,236,245,0.08);display:inline-flex;align-items:center;gap:clamp(6px,1.2vw,10px);padding:var(--_chip-pad-y) var(--_chip-pad-x);border-radius:clamp(12px,3vw,22px);background-color:var(--_chip-bg);border:1px solid var(--_chip-brd);color:var(--color-text-primary);font-family:var(--font-family-body);font-size:clamp(0.82rem,1.1vw,0.95rem);line-height:1;text-decoration:none;box-shadow:inset 0 1px 0 rgba(231,236,245,0.06),0 8px 18px rgba(0,0,0,0.22);transition:background-color 180ms cubic-bezier(0.2,0.6,0.2,1),border-color 180ms cubic-bezier(0.2,0.6,0.2,1),box-shadow 180ms cubic-bezier(0.2,0.6,0.2,1),color 180ms cubic-bezier(0.2,0.6,0.2,1)}.article-header-chip:focus-visible{outline:none;box-shadow:var(--_ring),inset 0 1px 0 rgba(231,236,245,0.1);border-color:var(--color-primary)}.article-header-chip:hover{background-color:rgba(46,52,64,0.5);border-color:rgba(231,236,245,0.18)}.article-header-chip:active{background-color:rgba(46,52,64,0.6);border-color:var(--color-primary);box-shadow:inset 0 0 0 1px rgba(43,93,247,0.35),0 6px 16px rgba(0,0,0,0.28)}.article-header-figure{margin:clamp(14px,3.4vw,36px) 0 0;border-radius:var(--_radius);overflow:clip;background-color:var(--color-paper);border:1px solid rgba(231,236,245,0.06);box-shadow:0 10px 28px rgba(0,0,0,0.28),inset 0 1px 0 rgba(231,236,245,0.05)}.article-header-media{position:relative;isolation:isolate}.article-header-media::before{content:"";position:absolute;inset:0;background-image:linear-gradient(180deg,rgba(19,56,183,0.15) 0%,rgba(21,25,35,0) 45%,rgba(43,93,247,0.08) 100%);pointer-events:none;z-index:1}.article-header-media img{display:block;width:100%;height:clamp(200px,42vw,540px);object-fit:cover;object-position:center;filter:saturate(1.05) contrast(1.02)}#article-header::after{content:"";position:absolute;left:var(--_pad-x);right:var(--_pad-x);top:clamp(8px,2.2vw,18px);height:clamp(1px,0.2vw,2px);background-image:linear-gradient(90deg,var(--color-primary) 0%,var(--color-primary-light) 25%,var(--color-secondary) 50%,var(--color-accent) 75%,var(--color-secondary-light) 100%);opacity:0.25;pointer-events:none}#article-header:focus-within .article-header-bar{box-shadow:0 0 0 1px rgba(21,25,35,1),0 10px 28px rgba(43,93,247,0.25),inset 0 -1px 0 rgba(231,236,245,0.08)}@media (min-width:480px){.article-header-meta{grid-template-columns:1fr}}@media (min-width:768px){.article-header-meta{grid-template-columns:1fr 1fr}.article-header-categories{position:relative}}@media (min-width:1024px){#article-header{max-width:1600px}.article-header-meta{grid-template-columns:2fr 3fr}}.article-content-visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.article-content-root{color:var(--color-text-primary);background:var(--color-background-default);font-family:var(--font-family-body);font-size:var(--font-size-base);line-height:var(--line-height-body)}ul.toc-list{list-style:none;padding:0}ul.toc-list li{list-style:none}.article-content-layout{--_radius:clamp(10px,2vw,16px);--_gap:clamp(16px,3.2vw,36px);--_pad:clamp(16px,3.2vw,40px);--_ring:1.25;display:grid;grid-template-columns:1fr;gap:var(--_gap);max-width:1600px;margin:0 auto;padding:var(--_pad)}@media (min-width:768px){.article-content-layout{grid-template-columns:280px 1fr}}@media (min-width:1024px){.article-content-layout{grid-template-columns:320px 1fr}}.article-content-toc{position:sticky;top:clamp(56px,6vw,96px);align-self:start}@media (max-width:767px){.article-content-toc{position:static}}.article-content-toc-section{background:var(--color-paper);border:1px solid rgba(231,236,245,0.06);border-radius:clamp(10px,2vw,16px);box-shadow:0 0 0 1px rgba(19,56,183,0.08) inset,0 12px 24px -12px rgba(0,0,0,0.35)}.article-content-toc-header{padding:clamp(12px,2.2vw,18px) clamp(14px,2.6vw,22px) 0;letter-spacing:.04em;text-transform:uppercase;color:var(--color-text-secondary);font-family:var(--font-family-heading);font-size:clamp(.75rem,1.2vw,.85rem)}.article-content-toc-kicker{display:inline-block;position:relative}.article-content-toc-kicker::before{content:"";display:block;height:2px;width:clamp(36px,10vw,96px);background:linear-gradient(90deg,var(--color-secondary),var(--color-primary));border-radius:clamp(4px,1vw,8px);margin-bottom:clamp(10px,2vw,14px);opacity:.9}.article-content-toc-nav{padding:clamp(8px,1.8vw,16px) clamp(14px,2.6vw,22px) clamp(14px,2.6vw,22px)}.article-content-toc-list{display:grid;gap:clamp(6px,1.5vw,10px)}.article-content-toc-list a{display:grid;grid-template-columns:auto 1fr;align-items:start;gap:clamp(8px,2vw,12px);padding:clamp(8px,2vw,12px);border-radius:clamp(8px,1.8vw,14px);color:var(--color-text-secondary);text-decoration:none;transition:color 180ms ease,background-color 180ms ease,box-shadow 180ms ease;border:1px solid rgba(231,236,245,0.05);background:rgba(21,25,35,0.6)}.article-content-toc-list a::before{content:"";height:8px;width:8px;border-radius:clamp(6px,1.2vw,10px);background:var(--color-primary)}.article-content-toc-list a:hover{color:var(--color-text-primary);border-color:rgba(46,93,247,0.45);background:rgba(46,93,247,0.08);box-shadow:0 0 0 1px rgba(46,93,247,0.35) inset}.article-content-toc-list a:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;color:var(--color-primary-contrast);background:rgba(46,93,247,0.18)}.article-content-body{background:var(--color-paper);border:1px solid rgba(231,236,245,0.06);border-radius:clamp(12px,2.4vw,20px);box-shadow:0 0 0 1px rgba(19,56,183,0.08) inset,0 16px 28px -14px rgba(0,0,0,0.4)}.article-content-hero{position:relative;overflow:hidden;border-top-left-radius:clamp(12px,2.4vw,20px);border-top-right-radius:clamp(12px,2.4vw,20px)}.article-content-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(21,25,35,0) 0%,rgba(21,25,35,0.4) 60%,rgba(21,25,35,0.8) 100%)}.article-content_temp_4c73e00e-image{display:block;width:100%;height:clamp(180px,36vw,420px);object-fit:cover;filter:saturate(0.92) contrast(1.08)}.article-content-richtext{padding:clamp(18px,3.2vw,42px)}.article-content-richtext h1,.article-content-richtext h2,.article-content-richtext h3,.article-content-richtext h4,.article-content-richtext h5,.article-content-richtext h6{font-family:var(--font-family-heading);line-height:var(--line-height-heading);color:var(--color-text-primary);margin:clamp(18px,3vw,28px) 0 clamp(10px,1.8vw,16px)}.article-content-richtext h1{font-size:var(--font-size-h1)}.article-content-richtext h2{font-size:var(--font-size-h2);position:relative;padding-top:clamp(8px,1.2vw,12px)}.article-content-richtext h2::before{content:"";display:block;height:2px;width:clamp(48px,12vw,120px);background:linear-gradient(90deg,var(--color-accent),var(--color-primary));border-radius:clamp(4px,1vw,8px);margin-bottom:clamp(10px,2vw,14px);opacity:.95}.article-content-richtext h3{font-size:var(--font-size-h3)}.article-content-richtext h4{font-size:var(--font-size-h4)}.article-content-richtext h5{font-size:var(--font-size-h5)}.article-content-richtext h6{font-size:var(--font-size-h6)}.article-content-richtext p{color:var(--color-text-secondary);margin:clamp(12px,2.2vw,18px) 0}.article-content-richtext a{color:var(--color-primary);text-decoration:underline;text-decoration-color:rgba(46,93,247,0.5);text-underline-offset:3px;transition:color 180ms ease,text-decoration-color 180ms ease}.article-content-richtext a:hover{color:var(--color-primary-light);text-decoration-color:rgba(46,93,247,0.9)}.article-content-richtext blockquote{margin:clamp(16px,3vw,28px) 0;padding:clamp(12px,2.4vw,20px);border-left:4px solid var(--color-secondary);background:rgba(18,194,161,0.06);border-radius:clamp(8px,1.8vw,12px);color:var(--color-text-primary)}.article-content-richtext code{background:rgba(231,236,245,0.08);color:var(--color-accent);padding:clamp(2px,.6vw,6px) clamp(6px,1.2vw,10px);border-radius:clamp(6px,1.2vw,8px);border:1px solid rgba(231,236,245,0.08);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.article-content-richtext pre{background:rgba(21,25,35,0.9);color:var(--color-text-primary);padding:clamp(14px,2.8vw,24px);border-radius:clamp(10px,2vw,14px);border:1px solid rgba(231,236,245,0.08);overflow:auto}.article-content-richtext ul,.article-content-richtext ol{margin:clamp(12px,2.2vw,18px) 0;padding-left:clamp(18px,4vw,28px)}.article-content-richtext li+li{margin-top:clamp(6px,1.2vw,10px)}.article-content-richtext hr{border:0;height:1px;background:linear-gradient(90deg,rgba(231,236,245,0.0) 0%,rgba(231,236,245,0.18) 50%,rgba(231,236,245,0.0) 100%);margin:clamp(18px,3vw,28px) 0}.article-content-richtext .chip,.article-content-toc .chip{display:inline-grid;grid-auto-flow:column;align-items:center;gap:clamp(6px,1.2vw,10px);padding:clamp(4px,1vw,8px) clamp(8px,1.6vw,12px);border-radius:clamp(12px,2vw,18px);border:1px solid rgba(231,236,245,0.12);background:rgba(21,25,35,0.7);color:var(--color-text-primary);font-size:var(--font-size-small);line-height:1}.article-content-richtext .chip[data-variant="primary"]{border-color:rgba(46,93,247,0.45);background:rgba(46,93,247,0.14);color:var(--color-primary-contrast)}.article-content-richtext .chip[data-variant="secondary"]{border-color:rgba(18,194,161,0.45);background:rgba(18,194,161,0.14)}.article-content-richtext .chip[data-variant="accent"]{border-color:rgba(255,106,61,0.45);background:rgba(255,106,61,0.14)}.article-content-richtext table{width:100%;border-collapse:separate;border-spacing:0;border:1px solid rgba(231,236,245,0.08);border-radius:clamp(10px,2vw,14px);overflow:hidden;display:block;max-width:100%;-webkit-box-sizing:border-box;box-sizing:border-box}.article-content-richtext thead th{position:sticky;top:0;background:rgba(21,25,35,0.95);color:var(--color-text-primary)}.article-content-richtext th,.article-content-richtext td{padding:clamp(10px,2vw,16px);border-bottom:1px solid rgba(231,236,245,0.06);text-align:left}.article-content-richtext tbody tr:hover{background:rgba(231,236,245,0.03)}.article-content-richtext .panel{border-left:4px solid var(--color-primary);background:rgba(46,93,247,0.08);padding:clamp(12px,2.4vw,18px);border-radius:clamp(8px,1.6vw,12px)}.article-content-richtext .panel[data-tone="success"]{border-left-color:var(--color-success);background:rgba(47,191,113,0.1)}.article-content-richtext .panel[data-tone="warning"]{border-left-color:var(--color-warning);background:rgba(245,183,0,0.12)}.article-content-richtext .panel[data-tone="error"]{border-left-color:var(--color-error);background:rgba(227,71,75,0.12)}.article-content-root :focus-visible{outline:2px solid var(--color-primary);outline-offset:3px;transition:outline-color 180ms ease}@media (max-width:480px){.article-content-richtext table{display:block;overflow:auto}}@media (min-width:480px) and (max-width:767px){.article-content-layout{max-width:100%}}@media (min-width:768px) and (max-width:1023px){.article-content-layout{max-width:100%}}@media (min-width:1024px){.article-content-layout{max-width:1600px}}#article-author-box{--_radius:clamp(10px,1.8vw,18px);--_gap:clamp(12px,2vw,24px);--_pad:clamp(16px,3vw,32px);--_ring:clamp(2px,0.4vw,3px);--_shadow:0 8px 24px rgba(11,12,16,0.45);--_elev:0 1px 0 rgba(231,236,245,0.04) inset,0 0 0 var(--_ring) rgba(46,93,247,0.06) inset;max-width:100%;color:var(--color-text-primary);font-family:var(--font-family-body);line-height:var(--line-height-body);margin:clamp(16px,4vw,48px) auto;padding:clamp(18px,3.5vw,40px);background:linear-gradient(180deg,rgba(21,25,35,0.92),rgba(21,25,35,0.92)) padding-box,radial-gradient(120% 140% at 0% 0%,rgba(47,191,113,0.18) 0%,rgba(18,194,161,0.08) 22%,rgba(107,140,255,0.08) 50%,rgba(21,25,35,0.0) 72%) border-box;border:clamp(1px,0.2vw,2px) solid rgba(231,236,245,0.06);border-radius:var(--_radius);box-shadow:var(--_shadow);position:relative;isolation:isolate}.article-author-box-container{max-width:1600px;margin:0 auto}.article-author-box-header{display:grid;grid-template-columns:auto 1fr;align-items:end;gap:var(--_gap);margin:clamp(6px,1.2vw,12px) 0 clamp(16px,2vw,28px)}.article-author-box-meter{height:clamp(4px,0.7vw,8px);width:clamp(42px,8vw,120px);border-radius:clamp(6px,1vw,12px);background:linear-gradient(90deg,var(--color-secondary) 0%,var(--color-primary) 50%,var(--color-accent) 100%);box-shadow:0 0 0 1px rgba(231,236,245,0.06) inset,0 4px 14px rgba(43,93,247,0.25);position:relative;overflow:hidden}.article-author-box-meter::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(231,236,245,0.0) 0%,rgba(231,236,245,0.35) 50%,rgba(231,236,245,0.0) 100%);transform:translateX(-100%);animation:abox-scan 2.4s ease-in-out infinite}.article-author-box-title{font-family:var(--font-family-heading);font-size:var(--font-size-h3);line-height:var(--line-height-heading);letter-spacing:0.2px;color:var(--color-text-primary);margin:0;text-shadow:0 1px 0 rgba(0,0,0,0.35)}.article-author-box-card{background:linear-gradient(180deg,rgba(21,25,35,0.92),rgba(21,25,35,0.92)) padding-box,linear-gradient(135deg,rgba(43,93,247,0.18) 0%,rgba(18,194,161,0.12) 50%,rgba(255,106,61,0.10) 100%) border-box;border:clamp(1px,0.2vw,2px) solid rgba(231,236,245,0.06);border-radius:clamp(12px,2vw,20px);padding:clamp(16px,2.6vw,28px);box-shadow:var(--_elev),0 10px 28px rgba(0,0,0,0.35);transition:box-shadow 180ms cubic-bezier(.2,.6,.2,1),border-color 180ms cubic-bezier(.2,.6,.2,1),transform 180ms cubic-bezier(.2,.6,.2,1)}.article-author-box-card:hover{border-color:rgba(231,236,245,0.12);box-shadow:var(--_elev),0 16px 44px rgba(0,0,0,0.45)}.article-author-box-card:focus-within{outline:none;box-shadow:0 0 0 3px rgba(43,93,247,0.55),0 14px 40px rgba(0,0,0,0.5)}.article-author-box-identity{display:grid;grid-template-columns:auto 1fr;gap:clamp(14px,2.4vw,28px);align-items:center}.article-author-box-avatar{margin:0;width:clamp(64px,9vw,112px);height:clamp(64px,9vw,112px);border-radius:clamp(12px,2vw,20px);position:relative;overflow:hidden;box-shadow:0 1px 0 rgba(231,236,245,0.06) inset,0 10px 24px rgba(0,0,0,0.45);background:radial-gradient(120% 120% at 0% 0%,rgba(43,93,247,0.18),rgba(18,194,161,0.10) 50%,rgba(21,25,35,0.0) 80%)}.article-author-box-avatar::before{content:"";position:absolute;inset:-2px;border-radius:inherit;background:conic-gradient(from 180deg,var(--color-primary),var(--color-secondary),var(--color-accent),var(--color-primary));mask:linear-gradient(#000,#000) content-box,linear-gradient(#000,#000);-webkit-mask:linear-gradient(#000,#000) content-box,linear-gradient(#000,#000);padding:clamp(1px,0.3vw,2px);opacity:0.35}.article-author-box-avatar img{width:100%;height:100%;object-fit:cover;border-radius:inherit;display:block;filter:saturate(1.05) contrast(1.02)}.article-author-box-main{display:grid;gap:clamp(6px,1.1vw,10px);min-width:0}.article-author-box-name{font-family:var(--font-family-heading);font-size:clamp(1.05rem,1.6vw,1.35rem);line-height:var(--line-height-heading);color:var(--color-text-primary);margin:0;letter-spacing:0.2px}.article-author-box-bio{font-size:clamp(0.95rem,1.2vw,1.05rem);color:var(--color-text-secondary);margin:0;opacity:0.96}#article-author-box::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(180deg,rgba(19,56,183,0.12),rgba(19,56,183,0.0) 18% 82%,rgba(19,56,183,0.12));mix-blend-mode:normal;opacity:0.5}.article-author-box-card::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(120% 120% at 80% -20%,rgba(255,106,61,0.10),rgba(21,25,35,0.0) 60%)}.article-author-box-name::after{content:attr(data-role);display:inline-block;margin-left:clamp(8px,1vw,12px);padding:clamp(3px,0.7vw,6px) clamp(8px,1.2vw,10px);border-radius:clamp(8px,1.4vw,12px);font-size:clamp(0.72rem,1vw,0.82rem);line-height:1;color:var(--color-secondary-contrast);background:linear-gradient(180deg,var(--color-secondary),var(--color-secondary-dark));border:clamp(1px,0.2vw,2px) solid rgba(0,0,0,0.25);box-shadow:0 1px 0 rgba(231,236,245,0.20) inset,0 6px 16px rgba(18,194,161,0.25)}.article-author-box-card:hover .article-author-box-avatar::before{opacity:0.55}.article-author-box-card:hover .article-author-box-meter::after{animation-duration:1.8s}@media (max-width:1024px){.article-author-box-header{grid-template-columns:1fr}}@media (max-width:768px){.article-author-box-identity{grid-template-columns:1fr;justify-items:start}}@media (max-width:480px){.article-author-box-header{display:grid}}@keyframes abox-scan{0%{transform:translateX(-100%)}50%{transform:translateX(0%)}100%{transform:translateX(100%)}}#article-related-articles{box-sizing:border-box;-webkit-box-sizing:border-box;color:var(--color-text-primary);background-color:var(--color-background-default);padding:clamp(2rem,4vw,4rem) 0}.article-related-articles-section{max-width:1600px;margin:0 auto}.article-related-articles-header{display:grid;align-items:end;gap:clamp(0.5rem,1.2vw,1rem);margin:0 auto;padding:0 clamp(1rem,3vw,2rem)}.article-related-articles-label{font-family:var(--font-family-heading);font-size:var(--font-size-h2);line-height:var(--line-height-heading);letter-spacing:0.01em;color:var(--color-text-primary);display:inline-block}.article-related-articles-meter{height:clamp(3px,0.5vw,6px);border-radius:clamp(2px,0.6vw,8px);background:linear-gradient(90deg,var(--color-secondary) 0%,var(--color-primary) 40%,var(--color-accent) 80%,rgba(231,236,245,0.18) 100%)}.article-related-articles-wrap{margin:clamp(1rem,2vw,2rem) auto 0;padding:0 clamp(1rem,3vw,2rem)}.article-related-articles-list{display:grid;grid-auto-rows:1fr;gap:clamp(0.9rem,2vw,1.5rem);list-style:none;margin:0;padding:0}.article-related-articles-item{min-width:0}.article-related-articles-card{position:relative;background-color:var(--color-background-paper);border:1px solid rgba(231,236,245,0.06);border-radius:clamp(10px,2vw,16px);overflow:clip;box-shadow:0 0 0 0 rgba(43,93,247,0);transition:box-shadow 180ms cubic-bezier(.2,.6,.2,1),border-color 180ms cubic-bezier(.2,.6,.2,1),transform 180ms cubic-bezier(.2,.6,.2,1)}.article-related-articles-link{display:grid;grid-template-rows:auto 1fr;color:inherit;text-decoration:none;outline:none}.article-related-articles-media{aspect-ratio:16/9;background-color:rgba(21,25,35,0.8);position:relative;overflow:hidden}.article-related-articles-figure,.article-related-articles-figure img{width:100%;height:100%;display:block}.article-related-articles-figure img{object-fit:cover;filter:saturate(1.02) contrast(1.02);transform:scale(1.01);transition:transform 200ms ease,filter 200ms ease}.article-related-articles-body{padding:clamp(0.9rem,2.2vw,1.4rem);display:grid;gap:clamp(0.35rem,1.2vw,0.65rem)}.article-related-articles-title{font-family:var(--font-family-heading);font-size:var(--font-size-h3);line-height:var(--line-height-heading);margin:0;color:var(--color-text-primary)}.article-related-articles-meta{display:flex;align-items:center;gap:clamp(0.4rem,1vw,0.6rem);color:var(--color-text-secondary);font-family:var(--font-family-body);font-size:clamp(0.85rem,1vw,0.95rem)}.article-related-articles-date{letter-spacing:0.02em;opacity:0.85}.article-related-articles-excerpt{font-family:var(--font-family-body);font-size:clamp(0.95rem,0.9vw,1.05rem);line-height:var(--line-height-body);color:var(--color-text-secondary);margin:0}.article-related-articles-card::before{content:"";position:absolute;inset:0;background:radial-gradient(120% 120% at 0% 0%,rgba(18,194,161,0.06) 0%,rgba(43,93,247,0.07) 45%,rgba(255,106,61,0.05) 100%);opacity:0.45;pointer-events:none;mix-blend-mode:normal}.article-related-articles-card::after{content:"";position:absolute;inset:0;border:1px solid rgba(110,140,255,0.18);border-radius:clamp(10px,2vw,16px);opacity:0;pointer-events:none;transition:opacity 180ms ease}.article-related-articles-card:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(43,93,247,0.28)}.article-related-articles-link:focus-visible{outline:none}.article-related-articles-card:hover{border-color:rgba(110,140,255,0.35);box-shadow:0 8px 24px 0 rgba(0,0,0,0.35),0 0 0 1px rgba(110,140,255,0.25) inset;transform:translateY(-2px)}.article-related-articles-card:hover .article-related-articles-figure img{transform:scale(1.04);filter:saturate(1.08) contrast(1.06)}.article-related-articles-card:hover::after{opacity:1}.article-related-articles-title::before{content:"";display:block;height:clamp(2px,0.5vw,4px);width:clamp(24px,6vw,56px);border-radius:clamp(2px,0.5vw,4px);background:linear-gradient(90deg,var(--color-primary) 0%,var(--color-secondary) 60%,var(--color-accent) 100%);margin-bottom:clamp(0.35rem,1vw,0.5rem);opacity:0.9}.article-related-articles-meta::after{content:"•";margin-left:clamp(0.4rem,1vw,0.6rem);margin-right:clamp(0.4rem,1vw,0.6rem);color:rgba(169,179,199,0.45)}.article-related-articles-excerpt::first-line {color:var(--color-text-primary);font-weight:600}.article-related-articles-link:hover .article-related-articles-excerpt{color:var(--color-text-primary)}@media (min-width:480px){.article-related-articles-list{grid-template-columns:repeat(2,1fr)}}@media (min-width:768px){.article-related-articles-list{grid-template-columns:repeat(3,1fr)}}@media (min-width:1024px){.article-related-articles-list{grid-template-columns:repeat(4,1fr)}}.article-comments-section{--_radius:clamp(10px,1.5vw,16px);--_gap:clamp(12px,2vw,24px);--_pad:clamp(16px,3vw,40px);--_ring:2px;--_elev:0 0 0 1px rgba(231,236,245,0.05),0 8px 24px rgba(0,0,0,0.35);-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--color-text-primary);font-family:var(--font-family-body);line-height:var(--line-height-body);margin:clamp(24px,4vw,56px) auto;padding:clamp(12px,2vw,24px);max-width:1600px}.article-comments-section-header{display:flex;align-items:flex-end;gap:var(--_gap);padding:0 0 var(--_gap)}.article-comments-section-meter{height:clamp(4px,0.8vw,8px);width:clamp(56px,8vw,160px);background-image:linear-gradient(90deg,var(--color-secondary) 0%,var(--color-primary) 50%,var(--color-accent) 100%);border-radius:clamp(4px,1vw,10px)}.article-comments-section-title{font-family:var(--font-family-heading);font-size:var(--font-size-h2);line-height:var(--line-height-heading);letter-spacing:.2px;margin:0;color:var(--color-text-primary);text-shadow:0 1px 0 rgba(13,15,20,0.6)}.article-comments-section-content{display:grid;gap:var(--_gap);background:var(--color-paper);border-radius:var(--_radius);box-shadow:var(--_elev);border:1px solid rgba(231,236,245,0.06);padding:var(--_pad)}.article-comments-section-visually-hidden{position:absolute!important;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;width:1px;overflow:hidden;white-space:nowrap}.article-comments-section-form{display:block;background:rgba(21,25,35,0.7);border:1px solid rgba(231,236,245,0.06);border-radius:var(--_radius);padding:var(--_pad)}.article-comments-section-form-el{display:grid;gap:var(--_gap)}.article-comments-section-fieldset{margin:0;padding:0;border:0;display:grid;gap:var(--_gap)}.article-comments-section-actions{display:flex;justify-content:flex-end}.article-comments-section-btn{font-family:var(--font-family-heading);font-weight:600;letter-spacing:.3px;cursor:pointer;border-radius:clamp(8px,1.2vw,14px);padding:clamp(10px,2.2vw,14px) clamp(16px,4vw,28px);border:1px solid currentColor;transition:background-color .18s ease,box-shadow .18s ease,color .18s ease,border-color .18s ease;will-change:transform}.article-comments-section-btn-primary{background:var(--color-primary);color:var(--color-primary-contrast);border-color:rgba(255,255,255,0.12);box-shadow:0 6px 18px rgba(43,93,247,0.25),inset 0 -2px 0 rgba(19,56,183,0.9)}.article-comments-section-btn-primary:hover{background:var(--color-primary-light);box-shadow:0 8px 22px rgba(110,140,255,0.35),inset 0 -2px 0 rgba(19,56,183,1)}.article-comments-section-btn-primary:active{background:var(--color-primary-dark);box-shadow:0 4px 10px rgba(19,56,183,0.45),inset 0 2px 0 rgba(19,56,183,1)}.article-comments-section-btn-primary:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.article-comments-section-list{display:grid;gap:var(--_gap);padding:var(--_pad);background:linear-gradient(180deg,rgba(21,25,35,0.9) 0%,rgba(21,25,35,0.75) 100%);border:1px solid rgba(231,236,245,0.06);border-radius:var(--_radius)}.article-comments-section-empty{color:var(--color-text-secondary);font-size:clamp(.95rem,1.2vw,1.05rem);padding:clamp(12px,2vw,20px);border-radius:clamp(8px,1vw,12px);background:rgba(231,236,245,0.04);border:1px dashed rgba(231,236,245,0.18)}.article-comments-section-locked{margin:clamp(16px,3vw,32px) auto;padding:var(--_pad);max-width:1600px;background:var(--color-paper);color:var(--color-text-secondary);border-radius:var(--_radius);border:1px solid rgba(231,236,245,0.08);box-shadow:var(--_elev)}.article-comments-section-locked:before{content:"";display:block;height:clamp(3px,0.6vw,6px);width:clamp(48px,7vw,120px);margin-bottom:clamp(8px,1.2vw,12px);background-image:linear-gradient(90deg,var(--color-error) 0%,var(--color-warning) 50%,var(--color-secondary) 100%);border-radius:clamp(3px,0.8vw,6px)}.article-comments-section input[type="text"],.article-comments-section textarea{width:100%;background:rgba(13,15,20,0.9);color:var(--color-text-primary);border:1px solid rgba(231,236,245,0.08);border-radius:clamp(10px,1.2vw,14px);padding:clamp(12px,2.2vw,16px) clamp(14px,3vw,20px);font-family:var(--font-family-body);font-size:clamp(1rem,1.2vw,1.0625rem);outline:0;transition:border-color .18s ease,box-shadow .18s ease,background-color .18s ease}.article-comments-section textarea{min-height:clamp(120px,22vw,240px);resize:vertical}.article-comments-section input::placeholder,.article-comments-section textarea::placeholder{color:var(--color-text-disabled)}.article-comments-section input:focus,.article-comments-section textarea:focus{border-color:var(--color-primary-light);box-shadow:0 0 0 var(--_ring) rgba(43,93,247,0.45),inset 0 0 0 1px rgba(43,93,247,0.25)}.article-comments-section input:disabled,.article-comments-section textarea:disabled{opacity:.6;cursor:not-allowed}.article-comments-section .chip{display:inline-flex;align-items:center;gap:clamp(6px,1vw,10px);padding:clamp(6px,1.4vw,10px) clamp(10px,2vw,14px);border-radius:clamp(16px,2vw,22px);font-size:clamp(.75rem,1.1vw,.9rem);line-height:1;border:1px solid rgba(231,236,245,0.12);background:rgba(21,25,35,0.6);color:var(--color-text-secondary)}.article-comments-section .chip--active{background:rgba(18,194,161,0.15);border-color:rgba(18,194,161,0.45);color:var(--color-secondary-light)}.article-comments-section .chip__dot{width:clamp(6px,1vw,8px);height:clamp(6px,1vw,8px);border-radius:50%;background:var(--color-secondary)}.article-comments-section .meta{display:flex;gap:clamp(8px,1.4vw,16px);align-items:center;color:var(--color-text-secondary);font-size:clamp(.8rem,1vw,.95rem)}@media (max-width:480px){.article-comments-section-content{grid-template-columns:1fr}.article-comments-section-header{flex-direction:column;align-items:flex-start}.article-comments-section .meta{flex-direction:column;align-items:flex-start}}@media (min-width:481px) and (max-width:768px){.article-comments-section-content{grid-template-columns:1fr}.article-comments-section-header{flex-direction:row}}@media (min-width:769px) and (max-width:1024px){.article-comments-section-content{grid-template-columns:1fr}}