.article-header{--_radius:clamp(12px,2vw,24px);--_shadow:0 2px 10px rgba(12,24,40,0.06),0 8px 24px rgba(12,24,40,0.08);--_gap:clamp(12px,3vw,24px);--_pad:clamp(16px,4vw,40px);--_maxw:1600px;background:linear-gradient(135deg,rgba(10,90,163,0.06) 0%,rgba(47,127,94,0.06) 100%),var(--color-background);color:var(--color-text-primary);box-shadow:var(--_shadow);border-radius:var(--_radius);margin:clamp(8px,2.5vw,24px) auto;padding:0}.article-header-wrap{max-width:var(--_maxw);margin:0 auto;padding:var(--_pad);display:grid;gap:var(--_gap);grid-template-columns:1fr}.article-header-title{font-family:var(--font-family-heading);line-height:var(--line-height-heading);font-size:clamp(1.75rem,2.5vw,var(--font-size-h1));letter-spacing:-0.01em;color:var(--color-text-primary);background:linear-gradient(90deg,var(--color-primary-dark),var(--color-primary));-webkit-background-clip:text;color:rgba(28,31,36,0.92)}.article-header-title::after{content:"";display:block;width:clamp(56px,12vw,140px);height:clamp(3px,0.6vw,6px);background:linear-gradient(90deg,var(--color-secondary),var(--color-accent));border-radius:clamp(2px,0.6vw,6px);margin-top:clamp(6px,1.2vw,12px)}.article-header-meta{display:flex;flex-wrap:wrap;gap:clamp(6px,1.6vw,14px);align-items:center;color:var(--color-text-secondary);font-family:var(--font-family-body);font-size:clamp(0.9rem,0.8vw,var(--font-size-small));line-height:var(--line-height-body);background:rgba(255,255,255,0.7);backdrop-filter:saturate(140%) blur(6px);border-radius:clamp(8px,1.6vw,16px);padding:clamp(8px,1.8vw,16px);box-shadow:inset 0 1px 0 rgba(10,90,163,0.08)}.article-header-meta>*{display:inline-flex;align-items:center;gap:clamp(6px,1vw,10px);padding:clamp(4px,1vw,8px) clamp(8px,1.4vw,12px);border-radius:clamp(6px,1vw,12px);background:rgba(63,134,199,0.06);color:var(--color-text-secondary)}.article-header-date{color:var(--color-primary-dark)}.article-header-author{color:var(--color-secondary-dark)}.article-header-reading-time{color:var(--color-primary)}.article-header-categories{margin-left:auto}.article-header-category-list{display:flex;flex-wrap:wrap;gap:clamp(6px,1vw,10px);list-style:none;margin:0;padding:0}.article-header-category-item a{display:inline-block;color:var(--color-primary-dark);text-decoration:none;border-radius:clamp(999px,5vw,999px);padding:clamp(4px,1vw,8px) clamp(10px,2vw,16px);background:rgba(10,90,163,0.08);box-shadow:0 1px 0 rgba(10,90,163,0.12) inset,0 1px 2px rgba(12,24,40,0.06);transition:transform 160ms ease,box-shadow 160ms ease,color 160ms ease}.article-header-category-item a:hover{color:var(--color-primary);box-shadow:0 0 0 2px rgba(10,90,163,0.18) inset,0 6px 18px rgba(12,24,40,0.12);transform:translateY(-1px)}.article-header-figure{margin:0;border-radius:clamp(10px,2vw,18px);overflow:hidden;position:relative;box-shadow:0 8px 28px rgba(12,24,40,0.12)}.article-header-figure::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0.06) 0%,rgba(0,0,0,0.0) 40%,rgba(0,0,0,0.08) 100%);pointer-events:none}.article-header-figure img{display:block;width:100%;height:clamp(180px,38vw,460px);object-fit:cover}@media (min-width:480px){.article-header-wrap{grid-template-columns:1fr}}@media (min-width:768px){.article-header-wrap{grid-template-columns:1.1fr 0.9fr;align-items:end}.article-header-figure{grid-column:2/3;grid-row:1/3}.article-header-title{grid-column:1/2}.article-header-meta{grid-column:1/2}}@media (min-width:1024px){.article-header-wrap{grid-template-columns:1.2fr 0.8fr}.article-header-categories{position:relative}}.article-header:focus-within{outline:2px solid rgba(233,165,0,0.7);outline-offset:4px}.article-header-meta .article-header-reading-time{background:rgba(233,165,0,0.12);color:var(--color-accent-dark)}.article-header-meta .article-header-author{background:rgba(47,127,94,0.10)}.article-header-meta .article-header-date{background:rgba(10,90,163,0.10)}.article-header-category-item a:focus-visible{outline:2px solid rgba(10,90,163,0.6);outline-offset:2px}.article-header-title:focus-visible{outline:2px solid rgba(47,127,94,0.6);outline-offset:4px}.article-header::selection,.article-header *::selection{background:rgba(10,90,163,0.18);color:var(--color-primary-contrast)}#article-toc{--_radius:clamp(8px,1.2vw,16px);--_gap:clamp(8px,1.8vw,20px);--_pad:clamp(12px,2.6vw,28px);--_shadow-y:clamp(6px,1.2vw,16px);--_ring:2px;box-sizing:border-box;-webkit-box-sizing:border-box;color:var(--color-text-primary);background:linear-gradient(180deg,rgba(63,134,199,0.08) 0%,rgba(47,127,94,0.06) 100%);border:1px solid rgba(10,90,163,0.18);border-radius:clamp(8px,1.2vw,16px);padding:clamp(12px,2.6vw,28px);max-width:100%;margin:clamp(12px,3vw,40px) auto;box-shadow:0 var(--_shadow-y) clamp(10px,2vw,28px) rgba(12,28,48,0.06),inset 0 1px 0 rgba(255,255,255,0.6);background-blend-mode:multiply}.article-toc-container{font-family:var(--font-family-body);line-height:var(--line-height-body)}.article-toc-header{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:var(--_gap);margin-bottom:clamp(10px,2vw,20px)}.article-toc-label{font-family:var(--font-family-heading);font-weight:700;line-height:var(--line-height-heading);color:var(--color-primary-dark);letter-spacing:0.2px;font-size:clamp(1rem,2.2vw,1.5rem);padding:clamp(6px,1vw,10px);border-radius:clamp(6px,1vw,12px);background:linear-gradient(90deg,rgba(10,90,163,0.12) 0%,rgba(233,165,0,0.12) 100%);border:1px solid rgba(10,90,163,0.22);box-shadow:0 1px 0 rgba(255,255,255,0.6) inset,0 6px 14px rgba(10,90,163,0.08)}.article-toc-nav{position:relative;isolation:isolate}.article-toc-content{position:relative;background:var(--color-paper);border:1px solid rgba(27,43,63,0.08);border-radius:clamp(8px,1.2vw,16px);padding:clamp(10px,2.2vw,22px);box-shadow:0 1px 0 rgba(255,255,255,0.8) inset,0 10px 24px rgba(12,28,48,0.06);overflow:hidden}.article-toc-content::before{content:"";position:absolute;inset:0;background:radial-gradient(120% 60% at 0% 0%,rgba(63,134,199,0.12) 0%,rgba(63,134,199,0) 60%),radial-gradient(120% 60% at 100% 100%,rgba(47,127,94,0.10) 0%,rgba(47,127,94,0) 60%);pointer-events:none;opacity:0.9}.article-toc-content ul,.article-toc-content ol{list-style:none;margin:clamp(4px,1.2vw,10px) 0;padding:0;display:grid;gap:clamp(6px,1.4vw,12px)}.article-toc-content li{position:relative;display:grid;grid-template-columns:auto 1fr;align-items:start;gap:clamp(8px,1.4vw,14px);color:var(--color-text-secondary);font-size:clamp(0.9375rem,1.6vw,1.0625rem)}.article-toc-content li::before{content:"";width:clamp(8px,1.4vw,12px);height:clamp(8px,1.4vw,12px);border-radius:clamp(4px,1vw,8px);margin-top:clamp(6px,1vw,8px);background:linear-gradient(135deg,var(--color-secondary) 0%,var(--color-secondary-light) 100%);box-shadow:0 0 0 3px rgba(47,127,94,0.15),0 4px 10px rgba(47,127,94,0.25)}.article-toc-content li + li{border-top:1px dashed rgba(10,90,163,0.18);padding-top:clamp(6px,1.2vw,10px)}.article-toc-content a{color:var(--color-text-primary);text-decoration:none;position:relative;padding:clamp(6px,1.2vw,10px) clamp(8px,1.6vw,14px);border-radius:clamp(6px,1vw,10px);transition:color 180ms ease,box-shadow 180ms ease,transform 180ms ease;outline:none}.article-toc-content a::after{content:"";position:absolute;left:clamp(8px,1.6vw,14px);right:clamp(8px,1.6vw,14px);bottom:clamp(2px,0.6vw,4px);height:2px;background:linear-gradient(90deg,var(--color-primary) 0%,var(--color-accent) 100%);transform:scaleX(0);transform-origin:left;transition:transform 180ms ease;opacity:0.8}.article-toc-content a:hover::after,.article-toc-content a:focus-visible::after{transform:scaleX(1)}.article-toc-content a:hover{color:var(--color-primary-dark);box-shadow:0 6px 18px rgba(10,90,163,0.12);transform:translateY(-1px)}.article-toc-content a:active{transform:translateY(0);box-shadow:0 4px 10px rgba(10,90,163,0.16) inset}.article-toc-content a:focus-visible{box-shadow:0 0 0 var(--_ring) rgba(10,90,163,0.35),0 8px 20px rgba(10,90,163,0.10)}.article-toc-content ul ul,.article-toc-content ol ol,.article-toc-content ul ol,.article-toc-content ol ul{margin-left:clamp(8px,2vw,24px);padding-left:clamp(10px,2.2vw,26px);border-left:2px solid rgba(10,90,163,0.18);gap:clamp(4px,1.2vw,10px)}.article-toc-content li:is(:hover,:focus-within)::before{background:linear-gradient(135deg,var(--color-accent) 0%,var(--color-accent-light) 100%);box-shadow:0 0 0 3px rgba(233,165,0,0.18),0 6px 14px rgba(181,126,0,0.28)}#article-toc .is-active>a,#article-toc .active>a,#article-toc a[aria-current="true"]{color:var(--color-primary);box-shadow:0 0 0 var(--_ring) rgba(10,90,163,0.25)}#article-toc .is-active>a::after,#article-toc .active>a::after,#article-toc a[aria-current="true"]::after{transform:scaleX(1)}#article-toc .is-active::before,#article-toc .active::before{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-light) 100%)}@media (max-width:1024px){.article-toc-header{grid-template-columns:1fr}}@media (max-width:768px){#article-toc{display:block}.article-toc-content{position:relative}}@media (max-width:480px){.article-toc-content ul,.article-toc-content ol{display:block}}.article-content-root{--_gap:clamp(16px,3vw,40px);--_radius:clamp(10px,2vw,18px);--_shadow:0 4px 16px rgba(6,62,114,0.08);--_ring:0 0 0 2px rgba(10,90,163,0.12);--_toc-w:clamp(220px,28vw,340px);--_content-max:clamp(720px,72vw,980px);--_pad:clamp(16px,2.2vw,28px);--_pad-lg:clamp(18px,3vw,36px);--_lead:clamp(18px,2.2vw,22px);--_border:1px solid rgba(28,31,36,0.08);--_muted:rgba(75,85,99,0.78);--_muted2:rgba(75,85,99,0.56);--_accent:rgba(233,165,0,0.18);--_accent-strong:rgba(233,165,0,0.32);--_ink:var(--color-text-primary);--_ink-2:var(--color-text-secondary);--_bg:var(--color-background-default);--_paper:var(--color-background-paper)}.article-content-root{box-sizing:border-box;-webkit-box-sizing:border-box;color:var(--_ink);background:var(--_bg)}.article-content-root *,.article-content-root *::before,.article-content-root *::after{box-sizing:inherit;-webkit-box-sizing:inherit}.article-content-layout{display:grid;grid-template-columns:1fr;gap:var(--_gap);max-width:1600px;margin:0 auto;padding:clamp(16px,4vw,56px)}@media (min-width:768px){.article-content-layout{grid-template-columns:minmax(0,1fr)}}@media (min-width:1024px){.article-content-layout{grid-template-columns:minmax(0,1fr)}}.article-content-body{max-width:var(--_content-max);margin:0 auto;background:var(--_paper);border:var(--_border);border-radius:var(--_radius);padding:var(--_pad-lg);box-shadow:var(--_shadow)}.article-content-richtext{font-family:var(--font-family-body);line-height:var(--line-height-body);font-size:clamp(15px,0.9vw,18px);color:var(--_ink)}.article-content-richtext>*+*{margin-block-start:clamp(14px,2.2vw,28px)}.article-content-richtext p{max-width:70ch}.article-content-richtext p.lead{font-size:var(--_lead);color:var(--_ink-2)}.article-content-richtext a{color:var(--color-primary);text-decoration:none;border-bottom:2px solid rgba(10,90,163,0.25);padding-bottom:clamp(0px,0.2vw,2px)}.article-content-richtext a:hover{color:var(--color-primary-dark);border-bottom-color:rgba(10,90,163,0.5)}.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(--_ink);letter-spacing:-0.01em}.article-content-richtext h1{font-size:clamp(2rem,4vw,var(--font-size-h1));margin-block:clamp(18px,3vw,40px)}.article-content-richtext h2{font-size:clamp(1.75rem,3vw,var(--font-size-h2));margin-block:clamp(16px,2.6vw,34px);border-bottom:1px solid rgba(10,90,163,0.2);padding-bottom:clamp(6px,0.8vw,10px)}.article-content-richtext h3{font-size:clamp(1.35rem,2.2vw,var(--font-size-h3));margin-block:clamp(12px,2vw,26px)}.article-content-richtext h4{font-size:clamp(1.15rem,1.8vw,var(--font-size-h4))}.article-content-richtext h5{font-size:clamp(1rem,1.4vw,var(--font-size-h5));color:var(--_ink-2)}.article-content-richtext h6{font-size:clamp(0.95rem,1.2vw,var(--font-size-h6));color:var(--_ink-2)}.article-content-richtext blockquote{margin:clamp(12px,2.2vw,24px) 0;padding:var(--_pad);border-left:4px solid var(--color-secondary);background:rgba(47,127,94,0.06);border-radius:var(--_radius);color:var(--_ink)}.article-content-richtext code{background:rgba(28,31,36,0.06);padding:clamp(2px,0.4vw,6px) clamp(6px,1vw,10px);border-radius:clamp(6px,1vw,10px);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}.article-content-richtext pre code{display:block;padding:var(--_pad-lg);border:1px solid rgba(28,31,36,0.12);background:rgba(6,62,114,0.06);border-radius:var(--_radius);overflow:auto}.article-content-richtext ul,.article-content-richtext ol{padding-left:clamp(18px,2.5vw,28px)}.article-content-richtext li+li{margin-top:clamp(6px,1vw,10px)}.article-content-richtext hr{border:none;height:1px;background:rgba(28,31,36,0.12);margin:clamp(18px,3vw,36px) 0}.article-content-richtext figure{margin:clamp(12px,2.2vw,24px) 0;background:var(--_paper);border:var(--_border);border-radius:var(--_radius);padding:var(--_pad);box-shadow:var(--_shadow)}.article-content-richtext figcaption{color:var(--_muted2);font-size:clamp(12px,1vw,14px);margin-top:clamp(6px,1vw,10px)}.article-content-sidebar{position:relative}.article-content-toc{position:sticky;top:clamp(56px,8vh,96px);max-height:calc(100dvh - 120px)}.article-content-toc-inner{display:flex;flex-direction:column;gap:clamp(6px,1.2vw,12px);background:var(--_paper);border:var(--_border);border-radius:var(--_radius);padding:var(--_pad);box-shadow:var(--_shadow)}.article-content-toc-inner a{display:block;color:var(--_ink-2);text-decoration:none;border-radius:clamp(8px,1.2vw,12px);padding:clamp(6px,1.2vw,10px) clamp(8px,1.6vw,14px);border:1px solid rgba(28,31,36,0.06);background:rgba(10,90,163,0.04)}.article-content-toc-inner a:hover{color:var(--color-primary-dark);border-color:rgba(10,90,163,0.3);box-shadow:var(--_ring)}.article-content-toc-inner a[aria-current="true"],.article-content-toc-inner .is-active{color:var(--color-primary);background:var(--_accent);border-color:rgba(233,165,0,0.45)}.article-content-toc-inner .depth-2{margin-left:clamp(8px,2vw,20px)}.article-content-toc-inner .depth-3{margin-left:clamp(14px,3vw,28px)}.article-content-toc-inner .depth-4{margin-left:clamp(18px,4vw,36px)}.article-content-toc-inner .depth-5{margin-left:clamp(22px,5vw,44px)}.article-content-toc-inner .depth-6{margin-left:clamp(26px,6vw,52px)}@media (min-width:1024px){.article-content-layout{grid-template-columns:minmax(0,1fr) minmax(auto,var(--_toc-w));align-items:start}}@media (min-width:1024px){.article-content-sidebar{position:sticky;top:clamp(56px,8vh,96px)}}@media (min-width:1024px){.article-content-body{max-width:unset}}.article-content-root::before{content:"";position:fixed;inset:auto 0 0 0;height:clamp(36px,8vw,80px);background:linear-gradient(180deg,rgba(63,134,199,0.0) 0%,rgba(10,90,163,0.10) 100%)}.article-content-body::after{content:"";display:block;height:1px;background:linear-gradient(90deg,rgba(28,31,36,0.0) 0%,rgba(28,31,36,0.2) 50%,rgba(28,31,36,0.0) 100%);margin-top:clamp(18px,3vw,32px)}.article-content-richtext .info,.article-content-richtext .note,.article-content-richtext .warning{display:block;padding:var(--_pad);border-radius:var(--_radius);border:1px solid rgba(28,31,36,0.12)}.article-content-richtext .info{background:rgba(10,90,163,0.08);border-color:rgba(10,90,163,0.25)}.article-content-richtext .note{background:rgba(47,127,94,0.08);border-color:rgba(47,127,94,0.25)}.article-content-richtext .warning{background:rgba(233,165,0,0.14);border-color:rgba(233,165,0,0.35)}.article-content-richtext table{width:100%;border-collapse:separate;border-spacing:0;background:var(--_paper);border:var(--_border);border-radius:var(--_radius);overflow:hidden}.article-content-richtext thead th{background:rgba(10,90,163,0.06);color:var(--_ink);text-align:left;font-weight:600;padding:clamp(10px,1.6vw,14px)}.article-content-richtext td,.article-content-richtext th{padding:clamp(10px,1.6vw,14px);border-top:1px solid rgba(28,31,36,0.08)}.article-content-richtext tr:nth-child(even) td{background:rgba(28,31,36,0.03)}.article-content-richtext img,.article-content-richtext video{display:block;max-width:100%;height:auto;border-radius:var(--_radius)}.article-content-richtext .number-card{display:grid;grid-template-columns:1fr;gap:clamp(8px,1.6vw,16px);background:var(--_paper);border:var(--_border);border-radius:var(--_radius);padding:var(--_pad);box-shadow:var(--_shadow)}.article-content-richtext .number-card .value{font-family:var(--font-family-heading);font-size:clamp(1.75rem,4vw,2.5rem);color:var(--color-secondary-dark)}.article-content-richtext .number-card .label{color:var(--_muted)}@media (min-width:480px){.article-content-layout{display:grid}}@media (min-width:768px){.article-content-layout{grid-template-columns:1fr}}@media (min-width:1024px){.article-content-layout{gap:clamp(16px,3vw,40px)}}.article-content-toc-inner::-webkit-scrollbar{width:clamp(6px,1vw,10px)}.article-content-toc-inner::-webkit-scrollbar-thumb{background:rgba(10,90,163,0.35);border-radius:clamp(6px,1vw,10px)}.article-content-toc-inner::-webkit-scrollbar-track{background:rgba(10,90,163,0.08);border-radius:clamp(6px,1vw,10px)}.article-content-richtext .anchor-link{opacity:0;color:var(--color-primary);margin-left:clamp(6px,1vw,10px);font-size:clamp(14px,1vw,16px)}.article-content-richtext h2:hover .anchor-link,.article-content-richtext h3:hover .anchor-link,.article-content-richtext h4:hover .anchor-link{opacity:1}.article-content-richtext .kbd{display:inline-block;padding:clamp(2px,0.6vw,4px) clamp(6px,1vw,8px);border:1px solid rgba(28,31,36,0.25);border-bottom-width:2px;border-radius:clamp(6px,1vw,8px);background:var(--_paper);font-family:var(--font-family-body);font-size:clamp(12px,1vw,14px);color:var(--_ink)}.article-author-box{--_ring:0 6px 30px rgba(10,90,163,0.08),0 2px 10px rgba(28,31,36,0.06);--_grad-start:rgba(63,134,199,0.08);--_grad-end:rgba(10,90,163,0.04);box-sizing:border-box;-webkit-box-sizing:border-box;color:var(--color-text-primary);font-family:var(--font-family-body);line-height:var(--line-height-body);margin:clamp(1.25rem,1.2rem + 1.2vw,2.5rem) auto;max-width:1600px;padding:clamp(0rem,0vw,0rem)}.article-author-box-header{display:block}.article-author-box-title{font-family:var(--font-family-heading);line-height:var(--line-height-heading);font-size:clamp(1.25rem,0.8rem + 2vw,2.125rem);color:var(--color-primary-dark);margin:clamp(0rem,0vw,0rem) clamp(0rem,0vw,0rem) clamp(0.75rem,0.6rem + 0.6vw,1.5rem);letter-spacing:0.2px}.article-author-box-card{position:relative;display:grid;background:linear-gradient(135deg,var(--_grad-start),var(--_grad-end)),var(--color-background-paper);border:1px solid rgba(10,90,163,0.15);box-shadow:var(--_ring);border-radius:clamp(12px,8px + 1vw,22px);padding:clamp(1rem,0.8rem + 1.2vw,2rem);gap:clamp(0.75rem,0.6rem + 1vw,1.5rem)}.article-author-box-card::before{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(1200px 200px at 0% 0%,rgba(233,165,0,0.08),rgba(10,90,163,0));pointer-events:none}.article-author-box-media{display:flex;align-items:center;justify-content:center}.article-author-box-figure{margin:clamp(0rem,0vw,0rem);padding:clamp(0.25rem,0.2rem + 0.4vw,0.75rem);border-radius:clamp(14px,10px + 1vw,24px);background:linear-gradient(180deg,rgba(63,134,199,0.15),rgba(47,127,94,0.12));box-shadow:inset 0 0 0 1px rgba(10,90,163,0.2)}.article-author-box-avatar{display:block;width:clamp(72px,56px + 6vw,140px);height:clamp(72px,56px + 6vw,140px);border-radius:clamp(14px,10px + 1vw,24px);object-fit:cover;box-shadow:0 10px 24px rgba(28,31,36,0.12);border:2px solid var(--color-paper);background-color:var(--color-paper)}.article-author-box-content{display:grid;gap:clamp(0.5rem,0.4rem + 0.6vw,1rem)}.article-author-box-identity{display:flex;align-items:baseline;gap:clamp(0.25rem,0.2rem + 0.3vw,0.5rem)}.article-author-box-name{font-family:var(--font-family-heading);font-size:clamp(1.125rem,1rem + 0.9vw,1.75rem);line-height:var(--line-height-heading);color:var(--color-text-primary);margin:clamp(0rem,0vw,0rem)}.article-author-box-name::after{content:"";display:inline-block;width:clamp(8px,6px + 0.8vw,14px);height:clamp(8px,6px + 0.8vw,14px);margin-left:clamp(6px,4px + 0.6vw,10px);border-radius:50%;background:radial-gradient(circle at 30% 30%,var(--color-accent-light),var(--color-accent))}.article-author-box-bio{color:var(--color-text-secondary);font-size:clamp(0.9375rem,0.9rem + 0.3vw,1.0625rem);line-height:1.7;background:rgba(255,255,255,0.8);border:1px solid rgba(28,31,36,0.06);border-radius:clamp(10px,8px + 0.6vw,14px);padding:clamp(0.75rem,0.6rem + 0.6vw,1.25rem)}.article-author-box-card:hover{box-shadow:0 10px 40px rgba(10,90,163,0.16),0 6px 18px rgba(28,31,36,0.1)}.article-author-box-card:hover .article-author-box-avatar{transform:translateY(-2px);transition:transform 180ms ease}.article-author-box-card,.article-author-box-avatar,.article-author-box-bio{transition:box-shadow 180ms ease,transform 180ms ease,background-color 180ms ease,color 180ms ease}@media (max-width:480px){.article-author-box-card{grid-template-columns:1fr}.article-author-box-card{display:grid}}@media (min-width:481px) and (max-width:768px){.article-author-box-card{grid-template-columns:120px 1fr;align-items:center}}@media (min-width:769px){.article-author-box-card{grid-template-columns:clamp(120px,90px + 6vw,180px) 1fr;align-items:center}}.article-related-articles-section{--_radius:clamp(10px,2vw,18px);--_gap:clamp(12px,3.5vw,28px);--_pad:clamp(12px,3vw,24px);--_elev:0 10px 30px rgba(6,62,114,0.08);--_ring:0 0 0 1px rgba(10,90,163,0.08) inset;--_grad:linear-gradient(135deg,rgba(63,134,199,0.08),rgba(233,165,0,0.06));container-type:inline-size;background:var(--color-background-default);padding:clamp(16px,4vw,40px) 0}.article-related-articles-wrapper{display:grid;gap:var(--_gap);grid-template-columns:1fr;max-width:1600px;margin:0 auto;padding:0 clamp(16px,4vw,48px)}.article-related-articles-card{list-style:none;background:var(--color-background-paper);border-radius:var(--_radius);box-shadow:var(--_elev);outline:1px solid rgba(10,90,163,0.06);transition:transform 200ms ease,box-shadow 200ms ease,outline-color 200ms ease;overflow:hidden;position:relative}.article-related-articles-link{display:grid;grid-template-rows:auto 1fr;text-decoration:none;color:var(--color-text-primary)}.article-related-articles-media{margin:0;position:relative;isolation:isolate;background:var(--color-primary-dark);aspect-ratio:16/9;overflow:hidden}.article-related-articles-media img{width:100%;height:100%;object-fit:cover;display:block;mix-blend-mode:multiply;opacity:0.92;transform:scale(1.02);transition:transform 300ms ease,opacity 200ms ease}.article-related-articles-content{display:grid;gap:clamp(8px,2vw,16px);padding:var(--_pad);background:radial-gradient(120% 160% at 0% 0%,rgba(10,90,163,0.06) 0%,rgba(255,211,107,0.05) 40%,rgba(247,250,252,0) 100%);box-shadow:var(--_ring)}.article-related-articles-title{font-family:var(--font-family-heading);line-height:var(--line-height-heading);font-size:clamp(1rem,0.5rem + 1.2vw,var(--font-size-h4));color:var(--color-text-primary);letter-spacing:0.2px}.article-related-articles-meta{display:flex;align-items:center;gap:clamp(6px,1.5vw,10px);color:var(--color-text-secondary)}.article-related-articles-date{font-family:var(--font-family-body);font-size:clamp(0.75rem,0.6rem + 0.3vw,var(--font-size-small));line-height:1.4;color:var(--color-text-secondary);background:rgba(10,90,163,0.06);padding:clamp(4px,1vw,8px) clamp(8px,1.8vw,12px);border-radius:clamp(6px,2vw,12px)}.article-related-articles-excerpt{margin:0;color:var(--color-text-secondary);font-family:var(--font-family-body);line-height:var(--line-height-body);font-size:clamp(0.95rem,0.8rem + 0.4vw,1.05rem)}.article-related-articles-card::after{content:"";position:absolute;inset:auto 0 0 0;height:3px;background:linear-gradient(90deg,var(--color-primary) 0%,var(--color-accent) 50%,var(--color-secondary) 100%);opacity:0.6;transform:scaleX(0);transform-origin:left;transition:transform 240ms ease,opacity 240ms ease}.article-related-articles-card:hover{transform:translateY(-2px);box-shadow:0 14px 40px rgba(6,62,114,0.12)}.article-related-articles-card:hover::after{transform:scaleX(1);opacity:1}.article-related-articles-link:hover .article-related-articles-media img{transform:scale(1.06);opacity:0.98}.article-related-articles-link:focus-visible{outline:none}.article-related-articles-card:focus-within{outline:2px solid var(--color-primary);outline-offset:2px}.article-related-articles-title:hover{text-decoration:underline;text-decoration-color:var(--color-primary)}.visually-hidden{position:absolute!important;width:1px;height:1px;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;white-space:nowrap;border:0;padding:0;margin:-1px}@media (min-width:480px){.article-related-articles-wrapper{grid-template-columns:repeat(2,1fr)}}@media (min-width:768px){.article-related-articles-wrapper{grid-template-columns:repeat(3,1fr)}}@media (min-width:1024px){.article-related-articles-wrapper{grid-template-columns:repeat(4,1fr)}}.article-comments-section{color:var(--color-text-primary);background-color:var(--color-background-default)}.article-comments-section-container{max-width:1600px;margin-inline:auto;padding:clamp(1rem,3vw,2.5rem);position:relative}.article-comments-section-header{display:flex;align-items:flex-end;justify-content:space-between;gap:clamp(0.5rem,1.5vw,1rem);padding-bottom:clamp(0.5rem,1.5vw,1rem);border-bottom:1px solid rgba(28,31,36,0.08)}.article-comments-section-title{font-family:var(--font-family-heading);font-size:clamp(1.25rem,2.5vw,1.75rem);line-height:var(--line-height-heading);letter-spacing:.2px;color:var(--color-primary-dark);margin:0;display:inline-flex;align-items:center;gap:clamp(0.5rem,2vw,0.75rem);position:relative}.article-comments-section-title::before{content:"";inline-size:clamp(0.5rem,2vw,0.75rem);block-size:clamp(1rem,3vw,1.25rem);border-radius:clamp(4px,1vw,8px);background:linear-gradient(180deg,var(--color-primary) 0%,var(--color-secondary) 100%)}.article-comments-section-content{margin-top:clamp(1rem,3vw,2rem)}.article-comments-section-form{background-color:var(--color-paper);border:1px solid rgba(6,62,114,0.08);box-shadow:0 1px 0 rgba(28,31,36,0.04),0 8px 24px rgba(6,62,114,0.08);border-radius:clamp(10px,2vw,18px);padding:clamp(1rem,3vw,2rem);transition:box-shadow .2s ease,transform .2s ease}.article-comments-section-form:focus-within{box-shadow:0 1px 0 rgba(28,31,36,0.06),0 14px 32px rgba(10,90,163,0.18);transform:translateY(-1px)}.article-comments-section-fieldset{margin:0;padding:0;border:0;display:grid;gap:clamp(0.75rem,2vw,1rem)}.article-comments-section-legend{font-family:var(--font-family-heading);font-size:clamp(1rem,2.2vw,1.25rem);line-height:var(--line-height-heading);color:var(--color-text-secondary);padding-inline:clamp(0.25rem,1vw,0.5rem)}.article-comments-section-actions{display:flex;justify-content:flex-end;align-items:center;gap:clamp(0.5rem,2vw,0.75rem);margin-top:clamp(0.5rem,2vw,1rem)}.article-comments-section-submit{appearance:none;border:none;cursor:pointer;font-family:var(--font-family-body);font-weight:600;letter-spacing:.2px;color:var(--color-primary-contrast);background:linear-gradient(90deg,var(--color-primary) 0%,var(--color-secondary) 100%);padding:clamp(0.5rem,2.2vw,0.875rem) clamp(1rem,4vw,1.5rem);border-radius:clamp(8px,2vw,14px);box-shadow:0 2px 0 rgba(0,0,0,0.08),0 10px 20px rgba(10,90,163,0.18);transition:transform .15s ease,box-shadow .15s ease,filter .15s ease;position:relative;isolation:isolate}.article-comments-section-submit::after{content:"";position:absolute;inset:1px;border-radius:clamp(7px,2vw,13px);box-shadow:inset 0 1px 0 rgba(255,255,255,0.28);pointer-events:none}.article-comments-section-submit:hover{transform:translateY(-1px);box-shadow:0 3px 0 rgba(0,0,0,0.08),0 14px 28px rgba(10,90,163,0.22)}.article-comments-section-submit:active{transform:translateY(0);box-shadow:0 1px 0 rgba(0,0,0,0.08),0 8px 16px rgba(10,90,163,0.18)}.article-comments-section-submit:focus-visible{outline:2px solid rgba(233,165,0,0.6);outline-offset:2px}.article-comments-section-submit:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}@media (max-width:480px){.article-comments-section-header{display:block}.article-comments-section-actions{justify-content:stretch}.article-comments-section-submit{inline-size:100%}}@media (min-width:768px){.article-comments-section-header{display:flex}}@media (min-width:1024px){.article-comments-section-container{position:relative}}