.article-page{background-color:var(--color-dark);color:var(--color-white);font-family:var(--font-body)}.article-accent{color:var(--color-primary)}.article-hero{background:radial-gradient(ellipse 70% 60% at 50% -10%,rgba(200,149,42,.14) 0,transparent 70%),var(--color-dark);padding:32px 0 40px}.article-hero__inner{max-width:820px}.article-hero__meta-top{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap;font-size:var(--text-sm);color:rgba(255,255,255,.6);margin-bottom:var(--space-5)}.article-hero__badge{display:inline-flex;align-items:center;gap:var(--space-2);background:var(--color-primary-a12);border:1px solid var(--color-primary-border);color:var(--color-primary-light);font-size:var(--text-xs);font-weight:var(--font-semibold);letter-spacing:.06em;text-transform:uppercase;padding:5px 12px;border-radius:var(--radius-full)}.article-hero__date i,.article-hero__mins i{color:var(--color-primary);margin-right:4px}.article-hero__dot{opacity:.4}.article-hero__title{font-family:var(--font-heading);font-size:clamp(2rem,4.5vw,3.25rem);font-weight:var(--font-bold);line-height:var(--leading-tight);margin:0 0 var(--space-5)}.article-hero__sub{font-size:var(--text-lg);color:var(--color-white-a65);line-height:var(--leading-relaxed);margin:0 0 var(--space-8);max-width:720px}.article-hero__author-row{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;gap:var(--space-6);flex-wrap:wrap;padding-top:var(--space-5);border-top:1px solid var(--color-dark-border)}.article-hero__author{display:flex;align-items:center;gap:var(--space-3)}.article-hero__avatar{width:48px;height:48px;border-radius:50%;object-fit:cover;border:2px solid var(--color-primary-border)}.article-hero__author-name{font-weight:var(--font-semibold);font-size:var(--text-base)}.article-hero__author-role{font-size:var(--text-sm);color:var(--color-white-a55)}.article-hero__stats{display:flex;gap:var(--space-4);flex-wrap:wrap;font-size:var(--text-sm);color:rgba(255,255,255,.6)}.article-hero__stats i{color:var(--color-primary);margin-right:5px}.article-feature-img{width:50%;margin:0 auto 8px;border-radius:var(--radius-xl);overflow:hidden;border:1px solid var(--color-dark-border);aspect-ratio:16/8}.article-feature-img__img{width:100%;height:100%;object-fit:cover;border:2px solid var(--color-primary-border)}.article-body-section{padding:40px 0 64px}.article-body-section__grid{display:grid;grid-template-columns:1fr;grid-gap:var(--space-10);gap:var(--space-10);align-items:start}.article-content{font-size:var(--text-base);line-height:var(--leading-relaxed);color:rgba(255,255,255,.82)}.article-content h2{font-family:var(--font-heading);font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-white);margin:var(--space-10) 0 var(--space-4);scroll-margin-top:90px}.article-content p,.article-content ul{margin:0 0 var(--space-5)}.article-content ul{list-style:none;padding:0;display:flex;flex-direction:column;gap:var(--space-3)}.article-content ul li{position:relative;padding-left:var(--space-6)}.article-content ul li:before{content:"";position:absolute;left:0;top:9px;width:7px;height:7px;border-radius:50%;background:var(--color-primary)}.article-content strong{color:var(--color-white);font-weight:var(--font-semibold)}.article-inline-link{color:var(--color-primary);text-decoration:underline}.article-callout{display:flex;gap:var(--space-4);background:var(--color-primary-a08);border:1px solid var(--color-primary-border);border-radius:var(--radius-md);padding:var(--space-5);margin-bottom:var(--space-8)}.article-callout i{color:var(--color-primary);font-size:var(--text-xl);margin-top:2px}.article-callout strong{display:block;margin-bottom:var(--space-2);color:var(--color-primary-light)}.article-callout p{margin:0;font-size:var(--text-sm);color:rgba(255,255,255,.75)}.article-quote{font-family:var(--font-heading);font-size:var(--text-xl);font-style:italic;color:var(--color-white);line-height:var(--leading-snug);border-left:3px solid var(--color-primary);padding:var(--space-2) 0 var(--space-2) var(--space-6);margin:var(--space-8) 0}.article-formula{background:var(--color-dark-alt);border:1px solid var(--color-light-border);border-radius:var(--radius-lg);padding:var(--space-6);margin:var(--space-6) 0}.article-formula__label{font-size:var(--text-xs);letter-spacing:.12em;text-transform:uppercase;font-weight:var(--font-bold);color:var(--color-primary);margin-bottom:var(--space-5)}.article-formula__grid{display:grid;grid-template-columns:max-content auto 1fr auto auto;grid-row-gap:var(--space-5);row-gap:var(--space-5);grid-column-gap:var(--space-4);column-gap:var(--space-4);align-items:center;margin-bottom:var(--space-5);font-family:var(--font-mono);font-size:var(--text-base)}.article-formula__term{color:rgba(255,255,255,.5);white-space:nowrap}.article-formula__op{color:rgba(255,255,255,.4);text-align:center}.article-formula__factor{color:var(--color-white);font-weight:var(--font-semibold)}.article-formula__result{color:var(--color-primary);font-weight:var(--font-bold);white-space:nowrap}.article-formula__example{background:rgba(255,255,255,.04);border-radius:var(--radius-md);padding:var(--space-4) var(--space-5)}.article-formula__ex-note{font-size:var(--text-sm);color:rgba(255,255,255,.5);margin:0 0 var(--space-2)}.article-formula__ex-calc{font-family:var(--font-mono);font-size:var(--text-base);color:rgba(255,255,255,.85);margin:0}.article-formula__ex-value{color:var(--color-primary);font-weight:var(--font-bold)}.article-dos{display:grid;grid-template-columns:1fr;grid-gap:var(--space-4);gap:var(--space-4);margin:var(--space-6) 0}.article-dos__card{background:var(--color-dark-alt);border:1px solid var(--color-dark-border);border-radius:var(--radius-lg);padding:var(--space-6)}.article-dos__icon{width:52px;height:52px;border-radius:var(--radius-md);display:grid;place-items:center;font-size:20px;margin-bottom:var(--space-4)}.article-dos__card--do .article-dos__icon{background:rgba(16,185,129,.15);border:1px solid rgba(16,185,129,.25);color:var(--color-success)}.article-dos__card--dont .article-dos__icon{background:rgba(239,68,68,.15);border:1px solid rgba(239,68,68,.25);color:var(--color-error)}.article-dos__head{font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--font-bold);color:var(--color-white);margin:0 0 var(--space-3)}.article-dos__card p{margin:0;font-size:var(--text-base);color:var(--color-white-a65);line-height:var(--leading-relaxed)}.article-tags{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);margin:var(--space-10) 0 var(--space-6);padding-top:var(--space-6);border-top:1px solid var(--color-dark-border)}.article-tags__label{color:rgba(255,255,255,.6);font-size:var(--text-sm);margin-right:var(--space-2)}.article-tags__label i{color:var(--color-primary);margin-right:5px}.article-tags__tag{background:var(--color-dark-alt);border:1px solid var(--color-light-border);border-radius:var(--radius-full);padding:5px 12px;font-size:var(--text-xs);color:rgba(255,255,255,.75);transition:all var(--transition-fast)}.article-tags__tag:hover{border-color:var(--color-primary);color:var(--color-primary)}.article-share{display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);flex-wrap:wrap;background:var(--color-dark-alt);border:1px solid var(--color-dark-border);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-5);margin-bottom:var(--space-8)}.article-share__label{font-weight:var(--font-semibold);font-size:var(--text-sm)}.article-share__links{display:flex;align-items:center;gap:var(--space-3)}.article-share__link{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:var(--color-dark--bg-dark);border:1px solid var(--color-light-border);color:rgba(255,255,255,.8);transition:all var(--transition-fast)}.article-share__link:hover{background:var(--share-color);border-color:var(--share-color);color:#fff}.article-share__copy{display:inline-flex;align-items:center;gap:var(--space-2);border:1px solid var(--color-light-border);border-radius:var(--radius-full);padding:7px 14px;font-size:var(--text-sm);color:rgba(255,255,255,.8);transition:all var(--transition-fast)}.article-share__copy:hover{border-color:var(--color-primary);color:var(--color-primary)}.article-authorbox{display:flex;gap:var(--space-5);background:var(--color-dark-alt);border:1px solid var(--color-dark-border);border-radius:var(--radius-lg);padding:var(--space-6)}.article-authorbox__avatar{width:72px;height:72px;border-radius:50%;object-fit:cover;border:2px solid var(--color-primary-border);flex-shrink:0}.article-authorbox__top{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-1)}.article-authorbox__name{font-family:var(--font-body);font-size:var(--text-lg);font-weight:var(--font-semibold);margin:0}.article-authorbox__badge{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-primary);background:var(--color-primary-a12);border:1px solid var(--color-primary-border);padding:2px 8px;border-radius:var(--radius-full);text-transform:uppercase}.article-authorbox__role{font-size:var(--text-sm);color:var(--color-primary-light);margin-bottom:var(--space-2)}.article-authorbox__bio{font-size:var(--text-sm);color:rgba(255,255,255,.7);line-height:var(--leading-relaxed);margin:0}.article-sidebar{display:grid;grid-template-columns:1fr;grid-gap:var(--space-5);gap:var(--space-5);position:static}.article-side-card{background:var(--color-dark-alt);border:1px solid var(--color-dark-border);border-radius:var(--radius-lg);padding:var(--space-5)}.article-side-card__title{display:flex;align-items:center;gap:var(--space-2);font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--font-semibold);margin:0 0 var(--space-4)}.article-side-card__title i{color:var(--color-primary)}.article-toc__list{display:flex;flex-direction:column;gap:var(--space-1);counter-reset:toc}.article-toc__list a{display:flex;align-items:center;gap:var(--space-3);padding:8px 6px;border-radius:var(--radius-sm);font-size:var(--text-sm);color:rgba(255,255,255,.7);transition:all var(--transition-fast)}.article-toc__list a:hover{background:var(--color-bg-hover);color:var(--color-primary)}.article-toc__num{width:20px;height:20px;flex-shrink:0;display:grid;place-items:center;border-radius:50%;background:var(--color-dark--bg-dark);color:var(--color-primary);font-size:var(--text-xs);font-weight:var(--font-semibold)}.article-rate{position:relative}.article-rate:after{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--gradient-gold-divider);opacity:1;pointer-events:none;z-index:1}.article-rate__head{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.6);margin-bottom:var(--space-4)}.article-rate__dot{width:8px;height:8px;border-radius:50%;background:var(--color-success);box-shadow:0 0 0 3px rgba(16,185,129,.2)}.article-rate__list{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-4)}.article-rate__list li{display:flex;justify-content:space-between;align-items:center;padding-bottom:var(--space-3);border-bottom:1px solid var(--color-dark-border);font-size:var(--text-sm);color:rgba(255,255,255,.7)}.article-rate__list li:last-child{border-bottom:none;padding-bottom:0}.article-rate__list strong{font-family:var(--font-mono);color:var(--color-primary)}.article-rate__trend{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--color-success);margin-bottom:var(--space-4)}.article-rate__cta{display:block;text-align:center;background:var(--color-primary);color:var(--color-dark);font-weight:var(--font-semibold);font-size:var(--text-sm);padding:11px;border-radius:var(--radius-md);transition:background var(--transition-fast)}.article-rate__cta:hover{background:var(--color-primary-light)}.article-estimate__label{display:block;font-size:var(--text-sm);color:rgba(255,255,255,.7);margin-bottom:var(--space-2)}.article-estimate__input{width:100%;background:var(--color-dark--bg-dark);border:1px solid var(--color-light-border);border-radius:var(--radius-md);padding:10px 12px;color:var(--color-white);font-family:var(--font-body);font-size:var(--text-sm);margin-bottom:var(--space-4)}.article-estimate__input::placeholder{color:rgba(255,255,255,.35)}.article-estimate__input:focus{outline:none;border-color:var(--color-primary)}.article-estimate__btn{width:100%;background:var(--color-primary);color:var(--color-dark);font-weight:var(--font-semibold);font-size:var(--text-sm);padding:11px;border-radius:var(--radius-md);transition:background var(--transition-fast)}.article-estimate__btn:hover{background:var(--color-primary-light)}.article-alerts{text-align:center}.article-alerts__icon{width:44px;height:44px;margin:0 auto var(--space-3);display:grid;place-items:center;border-radius:50%;background:var(--color-icon-bg);border:1px solid var(--color-icon-border);color:var(--color-primary);font-size:var(--text-lg)}.article-alerts__title{font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--font-semibold);margin:0 0 var(--space-2)}.article-alerts__sub{font-size:var(--text-sm);color:rgba(255,255,255,.6);line-height:var(--leading-relaxed);margin:0 0 var(--space-4)}.article-related{padding:56px 0 88px;background:var(--color-dark-alt)}.article-related__head{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;gap:var(--space-6);margin-bottom:var(--space-8)}.article-related__eyebrow{display:inline-flex;align-items:center;gap:var(--space-3);color:var(--color-primary);font-size:var(--text-sm);font-weight:var(--font-semibold);letter-spacing:.14em;text-transform:uppercase;margin-bottom:var(--space-3)}.article-related__line{width:28px;height:2px;background:var(--color-primary);border-radius:var(--radius-full)}.article-related__title{font-family:var(--font-heading);font-size:var(--text-4xl);font-weight:var(--font-bold);margin:0}.article-related__view-all{display:inline-flex;align-items:center;gap:var(--space-2);border:1px solid var(--color-primary-border);color:var(--color-primary);font-size:var(--text-sm);font-weight:var(--font-semibold);padding:10px 18px;border-radius:var(--radius-full);white-space:nowrap;transition:background var(--transition-fast)}.article-related__view-all:hover{background:var(--color-bg-hover)}.article-related__grid{display:grid;grid-template-columns:1fr;grid-gap:var(--space-6);gap:var(--space-6)}@media (min-width:640px){.article-hero__author-row{flex-direction:row;align-items:center}.article-hero__stats{gap:var(--space-5)}.article-dos,.article-sidebar{grid-template-columns:1fr 1fr}.article-related__grid{grid-template-columns:repeat(2,1fr)}.article-related__head{flex-direction:row;align-items:flex-end}}@media (min-width:1024px){.article-body-section__grid{grid-template-columns:minmax(0,1fr) 320px}.article-sidebar{position:-webkit-sticky;position:sticky;display:flex;flex-direction:column;top:90px}.article-related__grid{grid-template-columns:repeat(3,1fr)}}