:root{--color-primary: #2563EB;--color-primary-dark: #1D4ED8;--color-primary-light: #DBEAFE;--color-primary-soft: #EFF6FF;--color-accent: #059669;--color-accent-dark: #047857;--color-accent-light: #D1FAE5;--color-accent-soft: #ECFDF5;--color-success: #059669;--color-warning: #D97706;--color-danger: #DC2626;--color-info: #2563EB;--color-text: #0F172A;--color-text-secondary: #475569;--color-text-muted: #94A3B8;--color-border: #E6EBF2;--color-border-strong: #CBD5E1;--color-surface: #FFFFFF;--color-bg: #F6F8FC;--color-bg-alt: #F8FAFC;--color-hero-glow: rgba(37, 99, 235, .08);--track: #E2E8F0;--slider-size: 6px;--slider-thumb: 20px;--font-base: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono: ui-monospace, "Cascadia Code", "Segoe UI Mono", monospace;--fs-display: clamp(32px, 5vw, 44px);--fs-h1: clamp(26px, 4vw, 34px);--fs-h2: clamp(21px, 3vw, 26px);--fs-h3: 20px;--fs-result: clamp(32px, 5vw, 40px);--fs-body: 16px;--fs-small: 14px;--fs-caption: 12px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 72px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 20px;--radius-xl: 24px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(15, 23, 42, .04), 0 1px 1px rgba(15, 23, 42, .03);--shadow-md: 0 2px 4px rgba(15, 23, 42, .03), 0 8px 20px rgba(30, 64, 175, .07);--shadow-lg: 0 6px 12px rgba(15, 23, 42, .04), 0 24px 48px rgba(30, 64, 175, .09);--shadow-focus: 0 0 0 4px var(--color-primary-soft);--container: 1160px}*,*::before,*::after{box-sizing:border-box}[hidden]{display:none !important}html{-webkit-text-size-adjust:100%}body{margin:0;font-family:var(--font-base);font-size:var(--fs-body);line-height:1.65;color:var(--color-text);background:var(--color-bg);font-variant-numeric:tabular-nums;display:flex;flex-direction:column;min-height:100vh;-webkit-font-smoothing:antialiased}a{color:var(--color-primary);text-decoration:none;transition:color .15s ease}a:hover{color:var(--color-primary-dark);text-decoration:none}h1,h2,h3{line-height:1.25;color:var(--color-text)}img,svg{vertical-align:middle}.icon{display:inline-block;flex:none}.container{width:100%;max-width:var(--container);margin:0 auto;padding-inline:var(--space-4)}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.skip-link{position:absolute;left:-999px;top:0;background:var(--color-primary);color:#fff;padding:var(--space-2) var(--space-4);border-radius:0 0 var(--radius-md) 0;z-index:100}.skip-link:focus{left:0}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.site-header{z-index:40;background:hsla(0,0%,100%,.88);border-bottom:1px solid var(--color-border);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.site-header__shell{display:flex;flex-direction:column}.site-header__top{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);min-height:64px}.site-logo{display:inline-flex;align-items:center;gap:var(--space-3);color:var(--color-text);font-weight:700;text-decoration:none}.site-logo:hover{color:var(--color-text)}.site-logo__icon{display:block;border-radius:var(--radius-md)}.site-logo__text{display:flex;flex-direction:column;line-height:1.1;font-size:var(--fs-body);letter-spacing:-0.01em}.site-logo__text span{color:var(--color-primary);font-weight:600}.site-nav{border-top:1px solid var(--color-border);padding-block:var(--space-2) var(--space-3)}.site-nav__list{list-style:none;display:flex;gap:var(--space-1);margin:0;padding:0;flex-wrap:wrap;justify-content:flex-start}.site-nav__list a{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);color:var(--color-text-secondary);font-size:var(--fs-small);font-weight:500;text-decoration:underline rgba(0,0,0,0);text-underline-offset:4px;text-decoration-thickness:2px;transition:color .15s ease,text-decoration-color .15s ease}.site-nav__list a:hover{color:var(--color-primary);text-decoration-color:currentColor}.site-nav__list .icon{color:var(--color-primary);opacity:.85}.site-nav__toggle{display:none;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);border-radius:var(--radius-md);cursor:pointer;box-shadow:var(--shadow-sm);transition:background .15s ease,border-color .15s ease}.site-nav__toggle:hover{background:var(--color-bg-alt);border-color:var(--color-border-strong)}@media(max-width: 768px){.site-nav__toggle{display:inline-flex}.site-nav{display:none;border-top:0;padding:0}.site-nav.is-open{display:block;border-top:1px solid var(--color-border);padding-block:var(--space-2) var(--space-3)}.site-nav__list{flex-direction:column;gap:var(--space-1)}.site-nav__list a{width:100%}}.site-main{flex:1 0 auto;padding-bottom:var(--space-7)}.site-footer{background:var(--color-surface);border-top:1px solid var(--color-border);padding-block:var(--space-7);margin-top:auto}.site-footer__grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:var(--space-5)}.site-footer__title{font-size:var(--fs-small);text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted);margin:0 0 var(--space-3)}.site-footer__list{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-2)}.site-footer__list a{color:var(--color-text-secondary);font-size:var(--fs-small)}.site-footer__disclaimer{color:var(--color-text-muted);font-size:var(--fs-small);margin-top:var(--space-3)}.site-footer__bottom{display:flex;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap;color:var(--color-text-muted);font-size:var(--fs-caption);margin-top:var(--space-5);padding-top:var(--space-4);border-top:1px solid var(--color-border)}@media(max-width: 768px){.site-footer__grid{grid-template-columns:1fr 1fr}}@media(max-width: 480px){.site-footer__grid{grid-template-columns:1fr}}.hero{position:relative;overflow:hidden;background:radial-gradient(ellipse 80% 60% at 50% -20%, var(--color-hero-glow), transparent 70%),linear-gradient(180deg, var(--color-primary-soft) 0%, var(--color-bg) 100%);padding-block:var(--space-8);text-align:center}.hero::before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 20% 30%, rgba(37, 99, 235, 0.06) 0%, transparent 45%),radial-gradient(circle at 80% 20%, rgba(5, 150, 105, 0.05) 0%, transparent 40%);pointer-events:none}.hero>.container{position:relative}.hero__title{font-size:var(--fs-display);font-weight:700;letter-spacing:-0.03em;margin:0 0 var(--space-3)}.hero__lead{max-width:640px;margin:0 auto var(--space-6);color:var(--color-text-secondary);font-size:18px;line-height:1.55}.hero__stats{list-style:none;margin:var(--space-6) 0 0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-2) var(--space-3)}.hero__stats li{display:inline-flex;align-items:center;gap:var(--space-2);background:hsla(0,0%,100%,.75);border:1px solid var(--color-border);border-radius:var(--radius-full);padding:var(--space-2) var(--space-4);font-size:var(--fs-small);color:var(--color-text-secondary);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.hero__stats .icon{color:var(--color-accent);flex:none}.hero__stats b{color:var(--color-text);font-weight:700}.search{max-width:640px;margin:0 auto;position:relative}.search__field{display:flex;align-items:center;gap:var(--space-2);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:0 var(--space-4);box-shadow:var(--shadow-md);transition:border-color .15s ease,box-shadow .15s ease}.search__field:focus-within{border-color:var(--color-primary);box-shadow:var(--shadow-md),var(--shadow-focus)}.search__icon{color:var(--color-text-muted)}.search__input{flex:1;border:0;background:rgba(0,0,0,0);color:var(--color-text);font-size:var(--fs-body);padding:var(--space-3) 0;outline:none}.search__results{list-style:none;margin:var(--space-1) 0 0;padding:var(--space-1);position:absolute;left:0;right:0;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);z-index:20;text-align:left;max-height:320px;overflow:auto}.search__results li a{display:flex;justify-content:space-between;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);color:var(--color-text)}.search__results li a:hover,.search__results li a.is-active{background:var(--color-bg-alt);text-decoration:none}.search__results small{color:var(--color-text-muted)}.section-block{margin-top:var(--space-7)}.section-block__title{font-size:var(--fs-h2);font-weight:700;letter-spacing:-0.02em;margin:0 0 var(--space-5)}.cards{display:grid;gap:var(--space-4)}.cards--sections{grid-template-columns:repeat(auto-fill, minmax(260px, 1fr))}.cards--calc{grid-template-columns:repeat(auto-fill, minmax(280px, 1fr))}.calc-card{position:relative;display:grid;gap:var(--space-2);padding:var(--space-5);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);color:var(--color-text);transition:box-shadow .2s ease,transform .2s ease,border-color .2s ease}.calc-card::before{content:"";position:absolute;top:0;left:var(--space-5);right:var(--space-5);height:3px;border-radius:0 0 var(--radius-sm) var(--radius-sm);background:linear-gradient(90deg, var(--color-primary), #60A5FA);opacity:0;transition:opacity .2s ease}.calc-card:hover{box-shadow:var(--shadow-md);transform:translateY(-3px);border-color:var(--color-primary-light);text-decoration:none}.calc-card:hover::before{opacity:1}.calc-card__icon{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:var(--radius-md);background:var(--color-primary-soft);color:var(--color-primary)}.calc-card__title{font-weight:600;font-size:17px}.calc-card__desc{color:var(--color-text-secondary);font-size:var(--fs-small);line-height:1.5}.calc-card__arrow{position:absolute;top:var(--space-5);right:var(--space-5);color:var(--color-text-muted)}.catalog-group{margin-bottom:var(--space-5)}.catalog-group__title{display:flex;align-items:center;gap:var(--space-2);font-size:var(--fs-h3);margin:0 0 var(--space-2)}.catalog-group__title .icon{color:var(--color-primary)}.catalog-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill, minmax(220px, 1fr));gap:var(--space-1) var(--space-4)}.catalog-list--cols{grid-template-columns:repeat(auto-fill, minmax(180px, 1fr))}.catalog-list a{color:var(--color-text-secondary);font-size:var(--fs-small);line-height:1.4;display:inline-block;padding:var(--space-1) 0;transition:color .15s ease}.catalog-list a:hover{color:var(--color-primary);text-decoration:none}.breadcrumbs{padding-top:var(--space-4)}.breadcrumbs ol{list-style:none;display:flex;flex-wrap:wrap;gap:var(--space-2);margin:0;padding:0;font-size:var(--fs-small);color:var(--color-text-muted)}.breadcrumbs li+li::before{content:"/";margin-right:var(--space-2);color:var(--color-text-muted)}.page-head{margin-top:var(--space-5);text-align:center}.page-head--left{text-align:left;margin-top:var(--space-4)}.page-head__icon{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:var(--radius-lg);background:var(--color-primary-soft);color:var(--color-primary);margin-bottom:var(--space-3);box-shadow:var(--shadow-sm)}.page-head__title{font-size:var(--fs-h1);margin:0 0 var(--space-2)}.page-head__lead{color:var(--color-text-secondary);margin:0 auto;max-width:760px}.calc-layout{display:grid;grid-template-columns:minmax(0, 1fr) 300px;gap:var(--space-6);align-items:start;margin-top:var(--space-2)}.calc-aside{position:sticky;top:120px;display:grid;gap:var(--space-4)}.calculator{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);padding:var(--space-6);margin:var(--space-5) 0}.calculator__form{display:grid;gap:var(--space-4);align-content:start}.calculator__result{align-self:start}.field{display:grid;gap:var(--space-2)}.field__label{font-size:var(--fs-small);font-weight:500;color:var(--color-text-secondary)}.field__control{display:flex;align-items:center;gap:var(--space-2);background:var(--color-bg-alt);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:0 var(--space-3);min-height:48px;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}.field__control:hover{border-color:var(--color-border-strong)}.field__control:focus-within{border-color:var(--color-primary);background:var(--color-surface);box-shadow:var(--shadow-focus)}.field__control--term{padding-right:var(--space-1)}.field__input,.field__select{flex:1;border:0;background:rgba(0,0,0,0);color:var(--color-text);font-size:var(--fs-body);font-variant-numeric:tabular-nums;padding:var(--space-2) 0;outline:none;width:100%}.field__unit{color:var(--color-text-muted);font-size:var(--fs-small)}.field__error{color:var(--color-danger);font-size:var(--fs-small)}.field__hint{color:var(--color-text-muted);font-size:var(--fs-small);margin:0}.field__slider{-webkit-appearance:none;appearance:none;width:100%;height:var(--slider-size);margin:var(--space-1) 0;border-radius:var(--radius-full);background:linear-gradient(to right, var(--color-primary) 0%, var(--color-primary) var(--_pct, 50%), var(--track) var(--_pct, 50%), var(--track) 100%);cursor:pointer;outline:none}.field__slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:var(--slider-thumb);height:var(--slider-thumb);border-radius:50%;background:var(--color-surface);border:2px solid var(--color-primary);box-shadow:var(--shadow-sm);cursor:grab;transition:transform .12s ease,box-shadow .12s ease}.field__slider::-moz-range-thumb{width:var(--slider-thumb);height:var(--slider-thumb);border-radius:50%;background:var(--color-surface);border:2px solid var(--color-primary);box-shadow:var(--shadow-sm);cursor:grab;transition:transform .12s ease,box-shadow .12s ease}.field__slider::-moz-range-track{background:rgba(0,0,0,0)}.field__slider:hover::-webkit-slider-thumb{box-shadow:var(--shadow-md)}.field__slider:hover::-moz-range-thumb{box-shadow:var(--shadow-md)}.field__slider:active::-webkit-slider-thumb{cursor:grabbing;transform:scale(1.12)}.field__slider:active::-moz-range-thumb{cursor:grabbing;transform:scale(1.12)}.field__slider:focus-visible::-webkit-slider-thumb{box-shadow:var(--shadow-focus)}.field__slider:focus-visible::-moz-range-thumb{box-shadow:var(--shadow-focus)}.field.has-error .field__control{border-color:var(--color-danger)}.segmented{display:flex;background:var(--color-bg-alt);border:1px solid var(--color-border);border-radius:var(--radius-full);padding:var(--space-1);gap:var(--space-1);flex-wrap:wrap}.segmented__btn{flex:1;border:0;background:rgba(0,0,0,0);color:var(--color-text-secondary);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);font-size:var(--fs-small);font-weight:500;cursor:pointer;white-space:nowrap;min-height:40px;transition:background .15s ease,color .15s ease,box-shadow .15s ease}.segmented__btn.is-active{background:var(--color-surface);color:var(--color-primary);box-shadow:var(--shadow-sm);font-weight:600}.segmented--unit{flex:0 0 auto;background:var(--color-surface);border:1px solid var(--color-border);padding:2px;gap:2px}.segmented--unit .segmented__btn{flex:0 0 auto;min-height:30px;padding:var(--space-1) var(--space-3)}.segmented--unit .segmented__btn.is-active{background:var(--color-primary);color:#fff;box-shadow:none}@media(max-width: 1024px){.calc-layout{grid-template-columns:1fr}.calc-aside{position:static;order:2}}@media(max-width: 768px){.calculator{grid-template-columns:1fr}}.result{background:linear-gradient(165deg, var(--color-accent-soft) 0%, var(--color-surface) 60%);border:1px solid var(--color-accent-light);border-radius:var(--radius-lg);padding:var(--space-5);display:grid;gap:var(--space-4);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.8)}.result__primary{display:grid;gap:var(--space-1);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-accent-light)}.result__label{color:var(--color-text-secondary);font-size:var(--fs-caption);font-weight:600;text-transform:uppercase;letter-spacing:.06em}.result__value{font-size:var(--fs-result);font-weight:700;color:var(--color-accent-dark);line-height:1.05;letter-spacing:-0.02em;font-variant-numeric:tabular-nums}.result__breakdown{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-2)}.result__breakdown li{display:flex;justify-content:space-between;align-items:baseline;gap:var(--space-3);font-size:var(--fs-small);color:var(--color-text-secondary);padding-bottom:var(--space-2);border-bottom:1px dashed var(--color-border)}.result__breakdown li:last-child{border-bottom:0;padding-bottom:0}.result__breakdown b{font-weight:600;color:var(--color-text);font-variant-numeric:tabular-nums}.result__breakdown .is-danger b{color:var(--color-danger)}.result__note{color:var(--color-text-secondary);font-size:var(--fs-small);margin:0}.result__chart{display:flex;align-items:center;gap:var(--space-4);flex-wrap:wrap}.donut{width:128px;height:128px;border-radius:50%;flex:none;background:var(--color-border);box-shadow:var(--shadow-sm)}.donut::after{content:"";display:block;width:72px;height:72px;margin:28px;border-radius:50%;background:var(--color-surface);box-shadow:inset 0 1px 3px rgba(15,23,42,.06)}.donut-legend{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-1);font-size:var(--fs-small)}.donut-legend li{display:flex;align-items:center;gap:var(--space-2)}.donut-legend .dot{width:12px;height:12px;border-radius:3px;flex:none}.schedule{grid-column:1/-1}.schedule__toggle{display:inline-flex;align-items:center;gap:var(--space-2);background:rgba(0,0,0,0);border:0;color:var(--color-primary);font-weight:500;cursor:pointer;padding:var(--space-2) 0}.schedule__body{overflow-x:auto;margin-top:var(--space-3)}.schedule table{width:100%;border-collapse:collapse;font-size:var(--fs-small);font-variant-numeric:tabular-nums}.schedule th,.schedule td{padding:var(--space-2) var(--space-3);text-align:right;border-bottom:1px solid var(--color-border);white-space:nowrap}.schedule th:first-child,.schedule td:first-child{text-align:left}.schedule thead th{color:var(--color-text-secondary);position:sticky;top:0;background:var(--color-surface)}.schedule tbody tr:nth-child(even){background:var(--color-bg-alt)}.content-block{margin-top:var(--space-6)}.content-block h2{font-size:var(--fs-h2);margin:0 0 var(--space-3)}.prose{color:var(--color-text);max-width:760px}.prose p{margin:0 0 var(--space-3)}.prose h2{font-size:var(--fs-h2);margin:var(--space-5) 0 var(--space-3)}.prose h3{font-size:var(--fs-h3);margin:var(--space-4) 0 var(--space-2)}.prose code{font-family:var(--font-mono);background:var(--color-bg-alt);padding:2px 6px;border-radius:var(--radius-sm);font-size:.9em}.prose ul,.prose ol{padding-left:var(--space-5);margin:0 0 var(--space-3)}.prose table{width:100%;border-collapse:collapse;margin:0 0 var(--space-4);font-size:var(--fs-small)}.prose th,.prose td{border:1px solid var(--color-border);padding:var(--space-2) var(--space-3);text-align:left}.prose th{background:var(--color-bg-alt);font-weight:600}.prose .article-toc{background:var(--color-bg-alt);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-5);margin:0 0 var(--space-5)}.prose .article-toc ol{margin:0}.prose .article-cta{background:var(--color-primary-light);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-5);margin:0 0 var(--space-5)}.prose .article-sources{color:var(--color-text-secondary);font-size:var(--fs-small)}.article-figure{margin:0 0 var(--space-5)}.article-figure img{display:block;width:100%;height:auto;border-radius:var(--radius-lg);border:1px solid var(--color-border);background:var(--color-surface)}.article-figure figcaption{margin-top:var(--space-2);color:var(--color-text-secondary);font-size:var(--fs-small);text-align:center}.faq{display:grid;gap:var(--space-2)}.faq__item{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);overflow:hidden;box-shadow:var(--shadow-sm);transition:border-color .15s ease,box-shadow .15s ease}.faq__item:has(.faq__q[aria-expanded=true]){border-color:var(--color-primary-light);box-shadow:var(--shadow-md)}.faq__q{width:100%;display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);text-align:left;background:rgba(0,0,0,0);border:0;color:var(--color-text);font-size:var(--fs-body);font-weight:500;padding:var(--space-4);cursor:pointer}.faq__q .icon{transition:transform .2s ease;color:var(--color-text-muted);flex:none}.faq__q[aria-expanded=true] .icon{transform:rotate(180deg)}.faq__a{padding:0 var(--space-4) var(--space-4);color:var(--color-text-secondary)}.faq__a p{margin:0}.badge{display:inline-block;background:var(--color-primary-soft);color:var(--color-primary);font-size:var(--fs-caption);font-weight:600;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);letter-spacing:.02em;margin-bottom:var(--space-2)}.chips{display:flex;flex-wrap:wrap;gap:var(--space-2)}.chip{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-full);background:var(--color-surface);color:var(--color-text-secondary);font-size:var(--fs-small)}.chip:hover{border-color:var(--color-primary);color:var(--color-primary);text-decoration:none}.chip .icon{color:var(--color-primary)}.ad-slot{min-height:250px;display:flex;align-items:center;justify-content:center;background:var(--color-bg-alt);border:1px dashed var(--color-border);border-radius:var(--radius-md);color:var(--color-text-muted);font-size:var(--fs-caption)}.aside-block{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-sm)}.aside-block__title{font-size:var(--fs-small);text-transform:uppercase;letter-spacing:.03em;color:var(--color-text-muted);margin:0 0 var(--space-3)}.aside-list{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-2)}.aside-list a{display:flex;align-items:center;gap:var(--space-2);color:var(--color-text-secondary);font-size:var(--fs-small)}.aside-list .icon{color:var(--color-primary)}.article-cards{display:grid;grid-template-columns:repeat(auto-fill, minmax(300px, 1fr));gap:var(--space-4)}.article-card{display:grid;gap:var(--space-2);padding:var(--space-5);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);color:var(--color-text);transition:box-shadow .2s ease,transform .2s ease}.article-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px);text-decoration:none}.article-card__badge{align-self:start;background:var(--color-primary-light);color:var(--color-primary);font-size:var(--fs-caption);font-weight:600;padding:2px var(--space-2);border-radius:var(--radius-full)}.article-card__title{font-weight:600;font-size:17px}.article-card__lead{color:var(--color-text-secondary);font-size:var(--fs-small)}.article-meta{color:var(--color-text-muted);font-size:var(--fs-small)}.actual-date{color:var(--color-text-muted);font-size:var(--fs-small);margin-top:var(--space-6)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:48px;padding:0 var(--space-6);border-radius:var(--radius-full);font-weight:600;font-size:var(--fs-body);border:1px solid rgba(0,0,0,0);cursor:pointer;transition:background .15s ease,box-shadow .15s ease,transform .15s ease}.btn--primary{background:linear-gradient(180deg, #3B82F6 0%, var(--color-primary) 100%);color:#fff;box-shadow:0 2px 8px rgba(37,99,235,.35)}.btn--primary:hover{background:linear-gradient(180deg, var(--color-primary) 0%, var(--color-primary-dark) 100%);box-shadow:0 4px 14px rgba(37,99,235,.4);transform:translateY(-1px);text-decoration:none;color:#fff}.error-page{text-align:center;padding-block:var(--space-8)}.error-page__code{font-size:72px;font-weight:700;color:var(--color-primary);margin:0;line-height:1}.error-page__title{margin:var(--space-3) 0}.error-page__text{color:var(--color-text-secondary);margin-bottom:var(--space-5)}@media(prefers-reduced-motion: reduce){*{transition:none !important;scroll-behavior:auto !important}}