.hero{position:relative;overflow:hidden;background:linear-gradient(135deg,rgba(13,63,45,.08),rgba(236,251,247,.95));border-bottom:1px solid rgba(16,185,129,.15);padding:calc(var(--sp-lg) + 6px) var(--sp-md) var(--sp-lg);text-align:center}.hero::after,.hero::before{content:'';position:absolute;pointer-events:none;border-radius:50%;filter:blur(32px);opacity:.55}.hero::before{width:320px;height:320px;top:-80px;left:-70px;background:radial-gradient(circle at top left,rgba(16,185,129,.35),transparent 58%)}.hero::after{width:420px;height:420px;bottom:-120px;right:-90px;background:radial-gradient(circle at bottom right,rgba(6,78,59,.22),transparent 55%)}body.dark-mode .hero{background:linear-gradient(135deg,rgba(5,34,38,.92),rgba(7,37,53,.98));border-bottom-color:rgba(16,185,129,.2)}body.dark-mode .hero::before{background:radial-gradient(circle at top left,rgba(16,185,129,.2),transparent 58%)}body.dark-mode .hero::after{background:radial-gradient(circle at bottom right,rgba(7,158,127,.18),transparent 55%)}.hero__inner{max-width:840px;margin:0 auto;position:relative}.hero__eyebrow{display:flex;align-items:center;justify-content:center;gap:var(--sp-xs);margin-bottom:var(--sp-md)}.hero__eyebrow span{color:var(--c-muted);font-size:13px}.hero h1{font-family:var(--font-display);font-size:clamp(42px, 5.4vw, 76px);font-weight:var(--fw-xbold);color:var(--c-slate);line-height:var(--lh-tight);letter-spacing:var(--ls-tight);margin-bottom:var(--sp-md);text-wrap:balance;max-width:720px;margin-left:auto;margin-right:auto}.hero h1 em{color:var(--c-emerald);font-style:normal}body.dark-mode .hero h1{color:var(--c-white)}.hero__desc{color:var(--c-muted);font-size:var(--fs-body);font-weight:500;margin-bottom:var(--sp-md);max-width:580px;margin-left:auto;margin-right:auto}.hero__actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin-bottom:var(--sp-md)}.hero__actions .btn--primary{min-width:220px}.hero__actions .btn--ghost{opacity:.9}@media (min-width:768px){.hero{padding-top:calc(var(--sp-xl) + 8px);padding-bottom:var(--sp-xl)}.hero__inner{display:flex;flex-direction:column;align-items:flex-start;text-align:left}.hero__actions,.hero__badges,.hero__eyebrow{justify-content:flex-start}.hero h1,.hero__desc{margin-left:0;margin-right:0}}.hero__badges{display:flex;gap:20px;flex-wrap:wrap;justify-content:center;padding-top:var(--sp-md);padding-bottom:var(--sp-sm);border-top:1px solid rgba(16,185,129,.1);margin-top:var(--sp-md);margin-bottom:var(--sp-sm)}.hero__badge{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:var(--fw-semibold);color:var(--c-muted)}body.dark-mode .hero__badge{color:var(--c-dark-text-muted)}.hero__badge svg{width:20px;height:20px;color:var(--c-emerald);flex-shrink:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;border-radius:99px;font-weight:var(--fw-semibold);font-size:var(--fs-body-sm);cursor:pointer;line-height:1.1;border:none;transition:transform var(--t-fast),box-shadow var(--t-fast);font-family:var(--font-base);min-height:44px}.btn:hover{transform:translateY(-2px)}.btn:disabled,.btn[aria-disabled=true]{cursor:not-allowed;opacity:.7;transform:none!important;box-shadow:none!important}.btn--primary{background:linear-gradient(135deg,var(--c-forest),var(--c-emerald));color:var(--c-white);box-shadow:0 10px 20px -8px rgba(16,185,129,.3)}.btn--primary:hover{box-shadow:0 12px 24px -8px rgba(16,185,129,.4)}.btn--ghost{background:var(--c-white);color:var(--c-gray-800);border:1.5px solid var(--c-gray-200)}body.dark-mode .btn--ghost{background:var(--c-dark-elevated);border-color:var(--c-dark-border);color:var(--c-dark-text)}.btn--ghost:hover{border-color:var(--c-emerald);background:var(--ov-emerald-08)}.hero__stats{display:none}.categories{padding:var(--sp-xl) 0 0}.categories__title{font-size:var(--fs-caption);font-weight:var(--fw-bold);letter-spacing:.04em;color:var(--c-gray-400);margin-bottom:var(--sp-md)}.categories__list{display:flex;flex-wrap:wrap;gap:var(--sp-xs)}.categories__results{margin-top:var(--sp-sm);font-size:13px;color:var(--c-muted);font-weight:var(--fw-medium)}.cat-btn{border:1px solid var(--c-gray-200);background:var(--c-white);color:var(--c-gray-800);padding:10px 18px;border-radius:99px;cursor:pointer;font-size:13px;font-weight:var(--fw-semibold);line-height:1.2;letter-spacing:0;transition:all var(--t-fast);font-family:var(--font-ui-fixed);font-synthesis:none;text-rendering:geometricPrecision;-webkit-font-smoothing:antialiased;font-variant-caps:normal;text-transform:none;font-variant-ligatures:none;font-feature-settings:normal;font-kerning:normal;min-height:44px;display:inline-flex;align-items:center;justify-content:center}.cat-btn:hover:not(.active){border-color:var(--c-emerald);background:var(--ov-emerald-05)}.cat-btn.active{background:linear-gradient(135deg,var(--c-forest),var(--c-emerald));color:var(--c-white);border-color:var(--c-emerald);font-weight:600;box-shadow:0 10px 22px -12px rgba(16,185,129,.35);transform:translateY(-2px)}body.dark-mode .cat-btn{background:var(--c-dark-muted-surface);border-color:var(--c-dark-border);color:var(--c-dark-text)}body.dark-mode .cat-btn:hover:not(.active){border-color:var(--c-emerald);background:var(--ov-emerald-15)}body.dark-mode .cat-btn.active{background:linear-gradient(135deg,var(--c-forest),var(--c-emerald));border-color:var(--c-emerald);color:var(--c-white)}.articles{padding:var(--sp-lg) 0 var(--sp-xl)}.articles__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--sp-lg);margin-top:var(--sp-lg)}.card{background:var(--c-white);border-radius:20px;box-shadow:0 2px 8px rgba(15,23,42,.06);border:1px solid var(--c-gray-200);transition:transform var(--t-base),box-shadow var(--t-base),border-color var(--t-base);display:flex;flex-direction:column;overflow:hidden;position:relative;padding:24px;cursor:pointer;animation:reveal-up var(--motion-base) var(--ease-emphasis) both}.card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--c-emerald),transparent);opacity:0;transition:opacity var(--t-base)}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-card);border-color:var(--c-emerald)}.card:hover::before{opacity:1}body.dark-mode .card{background:linear-gradient(180deg,rgba(10,20,34,.96),rgba(12,25,42,.98));border-color:rgba(255,255,255,.08);box-shadow:0 22px 48px rgba(0,0,0,.32)}body.dark-mode .card:hover{border-color:rgba(16,185,129,.4);box-shadow:0 24px 58px rgba(0,0,0,.42);background:rgba(11,24,42,.97)}body.dark-mode .card::before{background:linear-gradient(90deg,rgba(16,185,129,.8),rgba(16,185,129,0))}body.dark-mode .card__author-name,body.dark-mode .card__meta,body.dark-mode .card__rating-count,body.dark-mode .card__read-time{color:var(--c-dark-text-muted)}body.dark-mode .card__title{color:var(--c-dark-text)}body.dark-mode .card__excerpt{color:var(--c-dark-text-soft)}body.dark-mode .card__footer{border-top-color:rgba(255,255,255,.06)}body.dark-mode .card__avatar{background:linear-gradient(135deg,#064e3b,#10b981)}body.dark-mode .card__badge{background:rgba(255,255,255,.06);color:var(--c-dark-text-soft);border:1px solid rgba(255,255,255,.08)}body.dark-mode .card__badge--trending{color:#fecaca}body.dark-mode .card__badge--new{color:#bfdbfe}body.dark-mode .tag{background:rgba(16,185,129,.12);color:#a7f3d0}.articles__grid .card:nth-child(2){animation-delay:40ms}.articles__grid .card:nth-child(3){animation-delay:80ms}.articles__grid .card:nth-child(4){animation-delay:120ms}.card__badges{display:flex;gap:8px;margin-bottom:12px;flex-wrap:wrap}.card__badge{font-size:11px;font-weight:var(--fw-semibold);padding:3px 10px;border-radius:99px;white-space:nowrap}.card__badge--trending{background:var(--c-danger-bg);color:var(--c-danger-strong)}.card__badge--new{background:var(--c-brand-blue-bg);color:var(--c-brand-navy)}.card__badge--views{background:var(--ov-emerald-15);color:var(--c-forest)}body.dark-mode .card__badge--trending{background:rgba(239,68,68,.2);color:var(--c-danger-soft)}body.dark-mode .card__badge--new{background:rgba(59,130,246,.2);color:var(--c-info-soft)}body.dark-mode .card__badge--views{background:rgba(16,185,129,.2);color:#86efac}.card__rating{display:flex;align-items:center;gap:4px;font-size:12px}.card__stars{color:var(--c-star);font-size:13px}.card__rating-count{color:var(--c-muted);font-weight:500}.card__body{padding:0;flex:1;display:flex;flex-direction:column}.card__meta{display:flex;align-items:center;gap:var(--sp-xs);margin-bottom:var(--sp-xs)}.card__read-time{font-size:12px;color:var(--c-gray-400)}.card__title{font-size:var(--fs-subhead);font-weight:var(--fw-bold);color:var(--c-slate);margin-bottom:var(--sp-xs);line-height:1.3}.card__excerpt{font-size:14px;color:var(--c-gray-600);flex:1}.card__footer{margin-top:var(--sp-md);padding-top:var(--sp-sm);border-top:1px solid var(--c-gray-100);display:flex;justify-content:space-between;align-items:center}.card__author{display:flex;align-items:center;gap:8px}.card__avatar{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,var(--c-forest),var(--c-emerald));display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:var(--fw-bold);color:var(--c-white)}.card__author-name{font-size:12px;font-weight:var(--fw-medium);color:var(--c-gray-600)}.card__link{font-size:13px;font-weight:var(--fw-bold);color:var(--c-emerald);display:flex;align-items:center;gap:4px;transition:gap var(--t-fast)}.card__link:hover{gap:8px}.lead-magnet{background:linear-gradient(135deg,rgba(16,185,129,.1) 0,rgba(6,78,59,.06) 100%);border:2px solid rgba(16,185,129,.3);border-radius:20px;padding:var(--sp-xl);margin:var(--sp-xl) 0;text-align:center;box-shadow:0 8px 24px var(--ov-emerald-10)}body.dark-mode .lead-magnet{background:linear-gradient(135deg,rgba(20,184,166,.1) 0,rgba(14,116,144,.06) 100%);border-color:rgba(16,185,129,.4)}.lead-magnet__icon{display:inline-flex;margin-bottom:var(--sp-sm);color:var(--c-emerald)}.lead-magnet__icon svg{width:48px;height:48px}.lead-magnet h2{font-size:var(--fs-h3);font-weight:var(--fw-xbold);color:var(--c-slate);margin-bottom:var(--sp-xs)}body.dark-mode .lead-magnet h2{color:var(--c-white)}.lead-magnet p{color:var(--c-muted);font-size:15px;font-weight:500;margin-bottom:var(--sp-md)}.lead-magnet__form{display:flex;gap:10px;margin-bottom:var(--sp-sm);max-width:500px;margin-left:auto;margin-right:auto;flex-wrap:wrap;justify-content:center}.lead-magnet input[type=email]{flex:1;min-width:200px;padding:12px 18px;border:1.5px solid rgba(16,185,129,.3);border-radius:99px;background:var(--c-white);color:var(--c-slate);font-family:var(--font-base);font-size:14px;transition:all var(--t-fast)}body.dark-mode .lead-magnet input[type=email]{background:var(--c-dark-elevated);border-color:rgba(16,185,129,.4);color:var(--c-dark-text);background:var(--c-dark-elevated);color:var(--c-dark-text-soft)}.lead-magnet input[type=email]:focus{outline:0;border-color:var(--c-emerald);box-shadow:0 0 0 3px var(--ov-emerald-15)}.lead-magnet .btn--primary{white-space:nowrap}.lead-magnet__consent{width:100%;display:flex;align-items:flex-start;gap:8px;margin-top:2px;font-size:13px;color:var(--c-muted);text-align:left}.lead-magnet__consent input[type=checkbox]{width:16px;height:16px;flex:0 0 16px;min-width:16px;padding:0;border-radius:4px;margin-top:2px;accent-color:var(--c-emerald)}.lead-magnet__note{font-size:12px;color:var(--c-muted);font-weight:500}.lead-magnet.is-success{border-color:rgba(16,185,129,.55);box-shadow:0 10px 28px rgba(16,185,129,.18)}.lead-magnet.is-error{border-color:rgba(220,38,38,.45);box-shadow:0 10px 28px rgba(220,38,38,.14)}.form-feedback{margin-top:8px;border-radius:10px;padding:8px 12px;font-size:13px;font-weight:var(--fw-medium);display:inline-flex;align-items:center;gap:6px}.form-feedback--success{background:var(--c-success-bg);color:var(--c-success);border:1px solid rgba(5,150,105,.25)}.form-feedback--error{background:var(--c-error-bg);color:var(--c-error);border:1px solid rgba(220,38,38,.25)}.form-feedback--warning{background:var(--c-warning-bg);color:var(--c-warning);border:1px solid rgba(180,83,9,.22)}.form-feedback--loading{background:var(--c-info-bg);color:var(--c-info);border:1px solid rgba(37,99,235,.22)}.calculator-result{transition:opacity var(--t-fast),transform var(--t-fast)}.calculator-result.is-error .result-content{border-left:3px solid var(--c-error);padding-left:12px}.calculator-result.is-warning .result-content{border-left:3px solid var(--c-warning);padding-left:12px}.calculator-result.is-success .result-content{border-left:3px solid var(--c-success);padding-left:12px}.calculator-card{background:linear-gradient(140deg,var(--c-white),#f7fbfa);border:1px solid var(--c-gray-200);border-radius:24px;padding:var(--sp-lg);margin:var(--sp-xl) 0;box-shadow:var(--shadow-sm)}.calculator-header{margin-bottom:var(--sp-md);text-align:center}.calculator-header h2{font-size:var(--fs-h2);color:var(--c-slate);line-height:var(--lh-tight);letter-spacing:var(--ls-tight);margin-bottom:8px}.calculator-header p{color:var(--c-muted);font-size:var(--fs-body)}.calculator-form{display:grid;gap:14px;grid-template-columns:repeat(3,minmax(0,1fr));align-items:end}.form-group{display:grid;gap:6px}.form-group label{color:var(--c-slate);font-weight:var(--fw-semibold);font-size:var(--fs-body-sm)}.input-wrapper{display:flex;align-items:center;border:1.5px solid var(--c-gray-200);border-radius:12px;background:var(--c-white);transition:border-color var(--t-fast),box-shadow var(--t-fast)}.input-wrapper:focus-within{border-color:var(--c-emerald);box-shadow:0 0 0 3px rgba(16,185,129,.12)}.currency{width:38px;text-align:center;color:var(--c-muted);font-size:var(--fs-body-sm);font-weight:var(--fw-semibold)}.calculator-form input{width:100%;border:0;outline:0;background:0 0;color:var(--c-slate);padding:12px 12px 12px 2px;font-size:var(--fs-body);font-family:var(--font-base)}.calculator-btn{grid-column:1/-1;padding:13px 22px;border-radius:999px;border:none;background:linear-gradient(135deg,var(--c-forest),var(--c-emerald));color:var(--c-white);font-weight:var(--fw-bold);font-size:var(--fs-body-sm);min-height:46px;cursor:pointer;box-shadow:0 12px 24px -12px rgba(16,185,129,.55);transition:transform var(--t-fast),box-shadow var(--t-fast)}.calculator-btn:hover{transform:translateY(-2px);box-shadow:0 16px 26px -12px rgba(16,185,129,.65)}.calculator-result{margin-top:var(--sp-md);border-radius:16px;background:linear-gradient(135deg,rgba(16,185,129,.1),rgba(6,78,59,.05));border:1px solid rgba(16,185,129,.24);padding:var(--sp-md)}.calculator-result.hidden{display:none}.result-content h3{color:var(--c-slate);margin-bottom:10px}.result-stat{display:flex;justify-content:space-between;gap:10px;border-radius:12px;background:var(--c-white);padding:11px 12px;margin-bottom:10px;border:1px solid var(--c-gray-100)}.result-label{color:var(--c-muted);font-size:var(--fs-body-sm)}.result-value{color:var(--c-emerald);font-weight:var(--fw-xbold)}.result-desc{color:var(--c-muted);margin:2px 0 10px}.result-cta{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:8px 14px;border-radius:999px;font-size:var(--fs-body-sm);font-weight:var(--fw-semibold);color:var(--c-white);background:linear-gradient(135deg,var(--c-forest),var(--c-emerald))}.quiz-card{position:relative;overflow:hidden;background:linear-gradient(145deg,#fff,#f1fbf8 55%,#e7f8f3 100%);border:1px solid rgba(16,185,129,.28);border-radius:24px;padding:calc(var(--sp-lg) + 6px);margin:var(--sp-xl) 0;box-shadow:0 20px 44px -28px rgba(16,185,129,.38);text-align:center}.quiz-card::before{content:'';position:absolute;inset:-35% auto auto -12%;width:320px;height:320px;background:radial-gradient(circle,rgba(16,185,129,.2) 0,rgba(16,185,129,0) 65%);pointer-events:none}.quiz-card h2{font-size:var(--fs-h3);color:var(--c-slate);margin-bottom:10px}.quiz-card>p{color:var(--c-muted);margin-bottom:var(--sp-md);max-width:620px;margin-left:auto;margin-right:auto}.quiz__progress{margin:0 0 var(--sp-xs);font-size:12px;font-weight:var(--fw-semibold);color:var(--c-muted)}.quiz__q{border:1px solid var(--c-gray-200);border-radius:16px;padding:var(--sp-sm);margin-bottom:var(--sp-sm);background:rgba(255,255,255,.75)}.quiz__actions{display:grid;gap:8px;margin-top:10px}.quiz__opt-btn{width:100%;border:1px solid var(--c-gray-200);background:var(--c-white);color:var(--c-gray-800);border-radius:12px;padding:12px 14px;text-align:left;font:inherit;font-size:var(--fs-body-sm);font-weight:var(--fw-medium);cursor:pointer;transition:border-color var(--t-fast),background var(--t-fast),transform var(--t-fast)}.quiz__opt-btn:focus-visible,.quiz__opt-btn:hover{border-color:var(--c-emerald);background:rgba(16,185,129,.08);transform:translateY(-1px);outline:0}.quiz__q legend{font-weight:var(--fw-semibold);color:var(--c-slate);padding:0 6px;font-size:var(--fs-body-sm)}.quiz__opt{display:grid;grid-template-columns:18px 1fr;gap:10px;align-items:center;margin-top:8px;border:1px solid var(--c-gray-200);border-radius:12px;padding:10px 12px;transition:border-color var(--t-fast),background var(--t-fast),transform var(--t-fast);color:var(--c-gray-800)}.quiz__opt:has(input:checked){border-color:var(--c-emerald);background:rgba(16,185,129,.08);transform:translateY(-1px)}.quiz__opt:hover{border-color:rgba(16,185,129,.45)}.quiz__opt input{accent-color:var(--c-emerald)}.quiz__result{margin-top:var(--sp-sm);border:1px solid rgba(16,185,129,.3);background:linear-gradient(135deg,rgba(16,185,129,.1),rgba(6,78,59,.05));border-radius:14px;padding:16px}.quiz__result h3{margin-bottom:6px;color:var(--c-forest)}.quiz__result h3 svg{vertical-align:-2px;margin-right:6px;color:var(--c-forest)}.quiz-card .btn--primary{margin-top:var(--sp-xs);margin-left:auto;margin-right:auto}.gamification-widget{position:fixed;right:16px;bottom:16px;z-index:110;display:flex;align-items:center;gap:10px;background:var(--c-white);border:1px solid var(--c-gray-200);border-radius:14px;padding:8px 10px;box-shadow:var(--shadow-sm)}.back-to-top-btn{position:fixed;right:16px;bottom:96px;z-index:115;border:1px solid var(--c-gray-200);background:linear-gradient(135deg,var(--c-forest),var(--c-emerald));color:var(--c-white);border-radius:999px;padding:10px 14px;min-height:42px;font-size:13px;font-weight:var(--fw-bold);line-height:1;cursor:pointer;box-shadow:0 14px 28px -16px rgba(6,78,59,.55);opacity:0;transform:translateY(12px);pointer-events:none;transition:opacity var(--t-fast),transform var(--t-fast),box-shadow var(--t-fast)}.back-to-top-btn.is-visible{opacity:1;transform:translateY(0);pointer-events:auto}.back-to-top-btn:hover{box-shadow:0 18px 32px -16px rgba(6,78,59,.65)}.progress-donut{width:42px;height:42px}.progress-label-minimal{display:grid;line-height:1.1}.label-count{font-size:13px;font-weight:var(--fw-bold)}.label-text{font-size:11px;color:var(--c-muted)}.pz-toast{position:fixed;left:50%;bottom:18px;transform:translateX(-50%) translateY(14px);opacity:0;pointer-events:none;background:#0f172a;color:#f8fafc;border-radius:999px;padding:10px 16px;font-size:13px;font-weight:var(--fw-semibold);transition:opacity var(--t-fast),transform var(--t-fast),filter var(--t-fast);z-index:120;filter:blur(2px)}.pz-toast.is-visible{opacity:1;transform:translateX(-50%) translateY(0);filter:blur(0)}.article-layout{max-width:var(--max-w);margin:0 auto;padding:var(--sp-xl) var(--sp-md);display:grid;grid-template-columns:1fr 300px;gap:var(--sp-xl);align-items:start}.article-hero{background:linear-gradient(135deg,var(--c-slate),var(--c-forest));padding:var(--sp-2xl) 0}.article-hero__inner{max-width:var(--max-w);margin:0 auto;padding:0 var(--sp-md)}.article-hero .tag{margin-bottom:var(--sp-sm);display:block}.article-hero h1{font-family:var(--font-display);font-size:clamp(32px, 5vw, 56px);font-weight:var(--fw-xbold);color:var(--c-white);line-height:var(--lh-tight);letter-spacing:var(--ls-tight);max-width:800px;margin-bottom:var(--sp-md);text-wrap:balance}.article-meta{display:flex;align-items:center;gap:var(--sp-md);flex-wrap:wrap;margin-top:var(--sp-md)}.article-meta span{color:rgba(255,255,255,.6);font-size:14px;display:flex;align-items:center;gap:6px}.article-body{font-size:var(--fs-body);line-height:var(--lh-relaxed);color:var(--c-gray-800);max-width:70ch}.article-body h2{font-size:var(--fs-h2);font-weight:var(--fw-bold);color:var(--c-slate);margin:var(--sp-xl) 0 var(--sp-sm);line-height:var(--lh-tight);letter-spacing:var(--ls-tight);text-wrap:balance}.article-body h3{font-size:var(--fs-h3);font-weight:var(--fw-bold);color:var(--c-slate);margin:var(--sp-lg) 0 var(--sp-xs);line-height:var(--lh-tight)}.article-body [id],.article-body h2,.article-body h3{scroll-margin-top:84px}.article-body p{margin-bottom:var(--sp-md)}.article-body ol,.article-body ul{padding-left:var(--sp-lg);margin-bottom:var(--sp-md)}.article-body li{margin-bottom:var(--sp-xs)}.article-body strong{color:var(--c-slate)}.article-body a{color:var(--c-emerald);border-bottom:1px solid transparent;transition:border-color var(--t-fast)}.article-body a:hover{border-color:var(--c-emerald)}.article-body blockquote{border-left:4px solid var(--c-emerald);background:rgba(16,185,129,.06);padding:var(--sp-md) var(--sp-lg);border-radius:0 var(--r-sm) var(--r-sm) 0;margin:var(--sp-lg) 0;font-style:italic;color:var(--c-gray-600)}.article-body blockquote.bq--dato{border-left-color:var(--c-info);background:var(--c-info-bg);color:#1e3a8a;font-style:normal}.article-body blockquote.bq--bolsillo{border-left-color:var(--c-solar);background:#fffbeb;color:#92400e;font-style:normal}.article-body .callout{background:rgba(250,204,21,.1);border:1px solid rgba(250,204,21,.3);border-radius:var(--r-sm);padding:var(--sp-md) var(--sp-lg);margin:var(--sp-lg) 0}.article-body .callout strong{color:var(--c-callout)}.toc{background:var(--c-white);border:1px solid var(--c-gray-200);border-radius:var(--r-md);padding:var(--sp-md);position:sticky;top:72px;max-height:calc(100vh - 88px);overflow:auto;box-shadow:0 18px 36px -26px rgba(15,23,42,.35)}.toc h3{font-size:13px;text-transform:uppercase;letter-spacing:.06em;color:var(--c-gray-400);margin-bottom:var(--sp-sm)}.toc a{display:block;font-size:14px;color:var(--c-gray-600);padding:5px 0;border-left:2px solid transparent;padding-left:var(--sp-xs);transition:all var(--t-fast)}.toc a.active,.toc a:hover{color:var(--c-emerald);border-left-color:var(--c-emerald)}.related{margin-top:var(--sp-2xl);padding-top:var(--sp-xl);border-top:2px solid var(--c-gray-200)}.related h2{font-size:22px;font-weight:var(--fw-bold);color:var(--c-slate);margin-bottom:var(--sp-lg)}.related__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--sp-md)}.article-breadcrumbs{margin-bottom:var(--sp-md);font-size:13px;color:var(--c-muted);display:flex;flex-wrap:wrap;gap:6px}.article-breadcrumbs a{color:var(--c-emerald);font-weight:var(--fw-medium)}.article-breadcrumbs .sep{opacity:.6}.article-share{margin-top:var(--sp-xl);padding-top:var(--sp-lg);border-top:1px solid var(--c-gray-200);display:flex;gap:var(--sp-sm);align-items:center;flex-wrap:wrap}.article-share__label{font-size:14px;color:var(--c-gray-400);font-weight:var(--fw-medium)}.article-share__btn{padding:8px 16px;font-size:13px;color:var(--c-slate)}.article-promo{background:linear-gradient(135deg,var(--c-slate),var(--c-forest));border-radius:var(--r-md);padding:var(--sp-xl);margin-top:var(--sp-xl);text-align:center}.article-promo__eyebrow{color:rgba(255,255,255,.6);font-size:13px;margin-bottom:8px}.article-promo h3{color:var(--c-white);font-size:24px;font-weight:var(--fw-xbold);margin-bottom:12px}.article-promo p{color:rgba(255,255,255,.7);margin-bottom:var(--sp-md)}.article-promo__cta{display:inline-flex}.article-empty{background:var(--c-white);border:1px solid var(--c-gray-200);border-radius:var(--r-md);padding:var(--sp-xl)}.article-empty h2{margin-top:0}.comments{margin-top:var(--sp-xl);padding-top:var(--sp-lg);border-top:1px solid var(--c-gray-200)}.comments h2{font-size:22px;margin-bottom:var(--sp-sm)}.comments__form{display:grid;gap:10px;margin-bottom:var(--sp-md)}.comments__form input,.comments__form textarea{border:1px solid var(--c-gray-200);border-radius:12px;padding:12px 14px;font-family:var(--font-base);font-size:14px;color:var(--c-slate);background:var(--c-white)}.comments__form textarea{resize:vertical;min-height:96px}.comments__list{display:grid;gap:10px}.comment-item{border:1px solid var(--c-gray-200);border-radius:12px;padding:12px 14px;background:var(--c-white)}.comment-item__meta{font-size:12px;color:var(--c-muted);margin-bottom:6px}.comment-item__name{color:var(--c-slate);font-weight:var(--fw-semibold)}.comments__empty{color:var(--c-muted);font-size:14px;margin-bottom:10px}body.dark-mode .calculator-card{background:var(--c-dark-surface);border-color:var(--ov-white-08);color:var(--c-dark-text-soft)}body.dark-mode .calculator-form input{background:var(--c-dark-elevated);border-color:var(--ov-white-12);color:var(--c-dark-text-soft)}body.dark-mode .input-wrapper{background:var(--c-dark-elevated);border-color:var(--ov-white-12)}body.dark-mode .calculator-header h2,body.dark-mode .calculator-header p{color:var(--c-dark-text)}body.dark-mode .result-label{color:var(--c-gray-400)}body.dark-mode .result-value{color:var(--c-emerald)}body.dark-mode .gamification-widget{background:var(--c-dark-surface);border-color:var(--ov-white-10)}body.dark-mode .back-to-top-btn{border-color:var(--ov-white-10);box-shadow:0 18px 34px -20px rgba(0,0,0,.75)}body.dark-mode .quiz-card{background:linear-gradient(145deg,rgba(10,24,44,.94),rgba(9,34,56,.96) 55%,rgba(6,26,46,.98) 100%);border-color:rgba(16,185,129,.35);box-shadow:0 24px 52px -28px rgba(0,0,0,.55),0 0 0 1px rgba(16,185,129,.12) inset}body.dark-mode .quiz-card::before{background:radial-gradient(circle,rgba(16,185,129,.18) 0,rgba(16,185,129,0) 65%)}body.dark-mode .quiz-card h2,body.dark-mode .quiz__q legend{color:var(--c-dark-text)}body.dark-mode .quiz__opt{color:var(--c-dark-text-muted)}body.dark-mode .quiz__q{border-color:var(--ov-white-10)}body.dark-mode .quiz__opt-btn{background:var(--c-dark-elevated);border-color:var(--ov-white-12);color:var(--c-dark-text)}body.dark-mode .quiz__opt-btn:focus-visible,body.dark-mode .quiz__opt-btn:hover{border-color:var(--c-emerald);background:var(--ov-emerald-15)}body.dark-mode .quiz__result{background:var(--ov-emerald-15)}body.dark-mode .comments{border-top-color:var(--ov-white-12)}body.dark-mode .comment-item,body.dark-mode .comments__form input,body.dark-mode .comments__form textarea{background:var(--c-dark-elevated);border-color:var(--ov-white-12);color:var(--c-dark-text)}body.dark-mode .pz-toast{background:var(--c-dark-surface);border:1px solid var(--ov-white-12)}body.dark-mode .article-body{color:var(--c-dark-text-soft)}body.dark-mode .article-body h2,body.dark-mode .article-body h3,body.dark-mode .article-body strong{color:var(--c-dark-text)}body.dark-mode .article-body li,body.dark-mode .article-body p{color:var(--c-dark-text-soft)}body.dark-mode .article-body blockquote{background:rgba(255,255,255,.05);color:var(--c-dark-text-muted);border-left-color:rgba(16,185,129,.5)}body.dark-mode .article-body blockquote.bq--dato{background:rgba(37,99,235,.12);color:#93c5fd;border-left-color:#3b82f6}body.dark-mode .article-body blockquote.bq--bolsillo{background:rgba(251,191,36,.08);color:#fde68a;border-left-color:var(--c-solar)}body.dark-mode .article-body .callout{background:rgba(250,204,21,.08);border-color:rgba(250,204,21,.2);color:var(--c-dark-text-soft)}body.dark-mode .article-body .callout strong{color:#fcd34d}body.dark-mode .article-body pre{background:var(--c-dark-elevated);border:1px solid var(--ov-white-08);border-radius:8px;padding:var(--sp-md);color:var(--c-dark-text-soft);overflow-x:auto}body.dark-mode .article-body code{background:var(--ov-white-08);color:var(--c-dark-text-soft)}body.dark-mode .toc{background:var(--c-dark-surface);border-color:var(--ov-white-10)}body.dark-mode .toc h3{color:var(--c-dark-placeholder)}body.dark-mode .toc a{color:var(--c-dark-text-muted)}body.dark-mode .toc a.active,body.dark-mode .toc a:hover{color:var(--c-emerald);border-left-color:var(--c-emerald)}body.dark-mode .related{border-top-color:var(--ov-white-12)}body.dark-mode .related h2{color:var(--c-dark-text)}body.dark-mode .article-breadcrumbs{color:var(--c-dark-text-muted)}body.dark-mode .article-share{border-top-color:var(--ov-white-12)}body.dark-mode .article-share__label{color:var(--c-dark-text-muted)}body.dark-mode .article-share__btn{color:var(--c-dark-text)}body.dark-mode .article-empty{background:var(--c-dark-surface);border-color:var(--ov-white-10)}body.dark-mode .article-empty h2{color:var(--c-dark-text)}body.dark-mode .result-stat{background:var(--c-dark-elevated);border-color:var(--ov-white-08)}body.dark-mode .result-content h3{color:var(--c-dark-text)}body.dark-mode .result-desc{color:var(--c-dark-text-muted)}.no-results{text-align:center;padding:var(--sp-2xl);color:var(--c-gray-400)}@media (max-width:900px){.hero__inner{grid-template-columns:1fr}.hero__stats{display:none}.article-layout{grid-template-columns:1fr}.toc{display:none}.lead-magnet{grid-template-columns:1fr}.lead-magnet__form{flex-direction:column}.lead-magnet input[type=email]{width:100%}.gamification-widget{right:8px;bottom:72px}.back-to-top-btn{right:8px;bottom:128px}.calculator-form{grid-template-columns:1fr}}@media (max-width:640px){.articles__grid{grid-template-columns:1fr}.hero{padding:var(--sp-xl) 0}}.articles__grid>.card{content-visibility:auto;contain-intrinsic-size:320px}.hero__badge{line-height:1}.calculator-card,.quiz-card,.related__grid>*{content-visibility:auto;contain-intrinsic-size:200px}