/* Calculators hub + standalone calculator pages */
.calc-hub-main{padding:calc(var(--header-height,72px) + 1.5rem) 0 4rem}
.calc-hub,.calc-page{max-width:1080px;margin-inline:auto}
.calc-crumbs{display:flex;gap:.45rem;flex-wrap:wrap;font-size:.85rem;color:var(--text-muted);margin-bottom:1rem}
.calc-crumbs a{color:var(--text-secondary);text-decoration:none}.calc-crumbs a:hover{color:var(--color-primary-500)}
.calc-hub-title,.calc-page-title{font-family:var(--font-heading);font-weight:800;line-height:1.08;letter-spacing:-.02em;color:var(--text-primary);margin:.4rem 0 .5rem}
.calc-hub-title{font-size:clamp(2.2rem,5vw,3.4rem)}
.calc-page-title{font-size:clamp(2rem,4.6vw,3rem)}
.calc-hub-sub,.calc-page-sub{color:var(--text-secondary);font-size:1.05rem;max-width:60ch;margin:0 0 1.5rem}
/* category bar */
.calc-cat-bar{display:flex;gap:.6rem;overflow-x:auto;padding:.25rem .1rem .6rem;scrollbar-width:thin;-webkit-overflow-scrolling:touch}
.calc-cat-btn{flex:0 0 auto;border:1px solid var(--border-color);background:var(--bg-surface);color:var(--text-secondary);font:600 .95rem var(--font-sans);padding:.65rem 1.15rem;border-radius:999px;cursor:pointer;transition:all .2s;white-space:nowrap}
.calc-cat-btn:hover{border-color:var(--color-primary-400);color:var(--color-primary-500);transform:translateY(-1px)}
.calc-cat-btn.is-active{background:linear-gradient(135deg,var(--color-primary-500),var(--color-primary-700));border-color:transparent;color:#fff;box-shadow:0 8px 20px -8px var(--color-primary-glow,rgba(79,70,229,.5))}
.calc-cat-btn:focus-visible,.calc-card:focus-visible{outline:3px solid var(--color-primary-400);outline-offset:3px}
.calc-count{margin:.6rem 0 1rem;font-size:.9rem;color:var(--text-muted)}
/* folder cards (vertical list) */
.calc-grid{display:flex;flex-direction:column;gap:1rem}
.calc-card{position:relative;display:flex;align-items:center;gap:1.25rem;padding:1.35rem 1.5rem;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:20px;text-decoration:none;color:inherit;box-shadow:var(--shadow-sm);transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;overflow:hidden}
.calc-card::before{content:"";position:absolute;left:0;top:0;bottom:0;width:6px;background:var(--tone,var(--color-primary-500));border-radius:20px 0 0 20px}
.calc-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--tone,var(--color-primary-400))}
.calc-card[data-primary=health]{--tone:#10b981}.calc-card[data-primary=general]{--tone:#6366f1}.calc-card[data-primary=financial]{--tone:#f59e0b}.calc-card[data-primary=electrical]{--tone:#0ea5e9}
.calc-card-icon{flex:0 0 auto;width:64px;height:64px;border-radius:18px;display:grid;place-items:center;background:color-mix(in srgb,var(--tone) 14%,transparent);color:var(--tone)}
.calc-card-body{display:flex;flex-direction:column;gap:.3rem;min-width:0;flex:1}
.calc-card-title{font-family:var(--font-heading);font-weight:800;font-size:clamp(1.35rem,2.8vw,1.85rem);line-height:1.15;color:var(--text-primary)}
.calc-card-desc{color:var(--text-secondary);font-size:1rem;line-height:1.45}
.calc-card-badge{align-self:flex-start;display:inline-block;font:700 .72rem var(--font-sans);letter-spacing:.06em;text-transform:uppercase;padding:.28rem .65rem;border-radius:999px;background:color-mix(in srgb,var(--tone,#6366f1) 14%,transparent);color:var(--tone,#6366f1)}
.calc-tone-health{--tone:#10b981}.calc-tone-general{--tone:#6366f1}.calc-tone-financial{--tone:#f59e0b}.calc-tone-electrical{--tone:#0ea5e9}
.calc-card-arrow{flex:0 0 auto;color:var(--text-muted);transition:transform .22s,color .22s}
.calc-card:hover .calc-card-arrow{transform:translateX(6px);color:var(--tone)}
.calc-card.is-hiding{opacity:0;transform:translateY(8px) scale(.98)}
.calc-card[hidden]{display:none}
.calc-card.is-in{animation:calcIn .3s ease both}
@keyframes calcIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.calc-empty{padding:2rem;text-align:center;color:var(--text-muted)}
/* standalone pages */
.calc-back-link{display:inline-flex;align-items:center;gap:.4rem;font-weight:600;color:var(--color-primary-500);text-decoration:none;margin-bottom:.8rem}
.calc-back-link:hover{text-decoration:underline}
.calc-panel-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:1.25rem;align-items:start}
.calc-panel{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:20px;padding:1.5rem;box-shadow:var(--shadow-sm)}
.calc-field{display:flex;flex-direction:column;gap:.4rem;margin-bottom:1rem}
.calc-field label{font-weight:600;font-size:.92rem;color:var(--text-secondary)}
.calc-field input{width:100%;box-sizing:border-box;padding:.85rem 1rem;font:600 1.15rem var(--font-sans);border-radius:12px;border:1px solid var(--input-border,var(--border-color));background:var(--input-bg,var(--bg-surface-subtle));color:var(--text-primary)}
.calc-field input:focus{outline:none;border-color:var(--color-primary-500);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary-500) 25%,transparent)}
.calc-seg{display:grid;grid-template-columns:1fr 1fr;gap:.35rem;padding:.3rem;background:var(--bg-surface-subtle);border-radius:14px;margin-bottom:1.1rem}
.calc-seg button{border:0;background:transparent;padding:.7rem .5rem;border-radius:10px;font:600 .9rem var(--font-sans);color:var(--text-secondary);cursor:pointer}
.calc-seg button.is-active{background:var(--bg-surface);color:var(--color-primary-600);box-shadow:var(--shadow-sm)}
.calc-btn-ghost{border:1px solid var(--border-color);background:transparent;color:var(--text-primary);padding:.6rem 1rem;border-radius:10px;font:600 .9rem var(--font-sans);cursor:pointer}
.calc-btn-ghost:hover{border-color:var(--color-primary-400)}
.calc-error{color:var(--color-danger-500);font-weight:600;margin:.6rem 0 0}
.calc-result{text-align:center}
.calc-big{font:800 clamp(3.2rem,9vw,4.6rem) var(--font-heading);line-height:1;color:var(--text-primary)}
.calc-big-label{color:var(--text-muted);margin:.3rem 0 .8rem;font-size:.9rem}
.calc-status{display:inline-block;font:800 1.2rem var(--font-heading);padding:.4rem 1.1rem;border-radius:999px;background:var(--bg-surface-subtle);color:var(--text-secondary);margin-bottom:1.4rem}
.calc-status.st-under{background:#e0f2fe;color:#0369a1}.calc-status.st-normal{background:#d1fae5;color:#047857}.calc-status.st-over{background:#fef3c7;color:#b45309}.calc-status.st-obese{background:#fee2e2;color:#b91c1c}
.bmi-gauge{position:relative;padding-top:10px;margin:0 .4rem 1.8rem}
.bmi-gauge-bar{display:flex;height:16px;border-radius:99px;overflow:hidden}
.bmi-gauge-bar i{display:block;height:100%}
.g-under{flex:14;background:#38bdf8}.g-normal{flex:26;background:#10b981}.g-over{flex:20;background:#f59e0b}.g-obese{flex:40;background:#ef4444}
.bmi-needle{position:absolute;top:0;left:0;width:4px;height:36px;margin-left:-2px;background:var(--text-primary);border-radius:3px;transition:left .35s cubic-bezier(.4,0,.2,1),opacity .2s;opacity:0}
.bmi-needle::after{content:"";position:absolute;top:-6px;left:-5px;border:7px solid transparent;border-top-color:var(--text-primary)}
.bmi-ticks{display:flex;justify-content:space-between;margin-top:.5rem;font-size:.72rem;color:var(--text-muted)}
.bmi-legend{list-style:none;padding:0;margin:0 0 1rem;display:grid;grid-template-columns:1fr 1fr;gap:.5rem;text-align:left}
.bmi-legend li{display:flex;justify-content:space-between;gap:.5rem;padding:.6rem .8rem;border-radius:10px;border:1px solid var(--border-color);font-size:.9rem;color:var(--text-secondary)}
.bmi-legend li.is-on{border-color:var(--color-primary-500);background:color-mix(in srgb,var(--color-primary-500) 10%,transparent);color:var(--text-primary);font-weight:700}
.calc-note{color:var(--text-secondary);font-weight:600;margin:0}
.calc-disclaimer{margin-top:1.25rem;font-size:.85rem;color:var(--text-muted)}
.age-main{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem;margin-bottom:1.2rem}
.age-main div{background:var(--bg-surface-subtle);border-radius:16px;padding:1rem .4rem}
.age-main b{display:block;font:800 clamp(2.2rem,7vw,3.2rem) var(--font-heading);line-height:1;color:var(--text-primary)}
.age-main span{font-size:.85rem;color:var(--text-muted);font-weight:600}
.age-stats{display:grid;grid-template-columns:1fr 1fr;gap:.6rem;text-align:left;margin-bottom:1.1rem}
.age-stats div{border:1px solid var(--border-color);border-radius:12px;padding:.65rem .85rem}
.age-stats span{display:block;font-size:.78rem;color:var(--text-muted)}.age-stats b{font-size:1.05rem;color:var(--text-primary);word-break:break-word}
.age-next{padding:.9rem 1rem;border-radius:14px;background:linear-gradient(135deg,color-mix(in srgb,var(--color-primary-500) 14%,transparent),color-mix(in srgb,#10b981 12%,transparent));font-weight:700;color:var(--text-primary)}
[data-theme=dark] .calc-status.st-under{background:#0c4a6e;color:#bae6fd}[data-theme=dark] .calc-status.st-normal{background:#064e3b;color:#a7f3d0}[data-theme=dark] .calc-status.st-over{background:#78350f;color:#fde68a}[data-theme=dark] .calc-status.st-obese{background:#7f1d1d;color:#fecaca}
@media(max-width:820px){.calc-panel-grid{grid-template-columns:1fr}}
@media(max-width:560px){.bmi-legend{grid-template-columns:1fr}.calc-card{padding:1.1rem 1rem 1.1rem 1.25rem;gap:.9rem;align-items:flex-start}.calc-card-icon{width:52px;height:52px;border-radius:14px}.calc-card-arrow{align-self:center;width:18px}.calc-panel{padding:1.1rem}}
@media(prefers-reduced-motion:reduce){.calc-card,.calc-card-arrow,.bmi-needle{transition:none}.calc-card.is-in{animation:none}}

.calc-details{margin-top:2rem}
.calc-details .tool-guide-card{margin:0}

/* Top row: title left, 336x280 ad right (desktop); stacked + 300x250/responsive on mobile */
.calc-top{display:grid;grid-template-columns:minmax(0,1fr) 336px;gap:1.5rem;align-items:start;margin-bottom:1.25rem}
.calc-top-ad{margin:0;display:flex;flex-direction:column;align-items:flex-end}
.calc-top-ad .adsense-slot{max-width:100%}
@media(max-width:991px){.calc-top{grid-template-columns:1fr}.calc-top-ad{align-items:center;order:2}}
@media(max-width:360px){.calc-top-ad .ad-large-rectangle{width:300px;height:250px;min-height:250px}}

/* ?adpreview=1 : show a dashed placeholder at the real ad size */
html.ad-preview body .calc-top .calc-top-ad{display:flex !important}
html.ad-preview body .calc-top .calc-top-ad .adsense-slot{display:flex !important;visibility:visible !important;opacity:1 !important;align-items:center;justify-content:center;border:2px dashed var(--border-color);border-radius:12px;background:var(--bg-surface-subtle)}
html.ad-preview body .calc-top .calc-top-ad .ad-placeholder-text{display:flex !important;flex-direction:column;text-align:center;gap:.3rem;color:var(--text-muted)}
html.ad-preview body .calc-top .calc-top-ad .ad-skeleton{display:none !important}
html.ad-preview body .calc-top .calc-top-ad .adsense-slot{height:280px !important;min-height:280px !important;max-height:none !important;width:336px !important;max-width:100% !important;overflow:visible !important}
@media(max-width:360px){html.ad-preview body .calc-top .calc-top-ad .adsense-slot{height:250px !important;min-height:250px !important;width:300px !important}}
html.ad-preview body .calc-top .calc-top-ad{height:auto !important;min-height:0 !important;max-height:none !important;opacity:1 !important;visibility:visible !important;overflow:visible !important;pointer-events:auto !important}

/* Two-column page layout: calculator left, 336x280 ad pinned top-right */
.calc-layout{display:grid;grid-template-columns:minmax(0,1fr) 336px;grid-template-areas:"head ad" "body ad";column-gap:1.5rem;align-items:start;margin-bottom:1.5rem}
.calc-head{grid-area:head}.calc-body{grid-area:body}
.calc-layout .calc-top-ad{grid-area:ad;align-self:start;margin:0;align-items:flex-end;position:sticky;top:calc(var(--header-height,70px) + 1rem)}
.calc-layout .calc-panel-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
@media(max-width:1180px){.calc-layout .calc-panel-grid{grid-template-columns:1fr}}
@media(max-width:991px){.calc-layout{grid-template-columns:1fr;grid-template-areas:"head" "ad" "body"}.calc-layout .calc-top-ad{position:static;align-items:center;margin:0 0 1.25rem}}
.calc-layout .calc-panel-grid{align-items:stretch}
.calc-layout .calc-top-ad{padding:0 !important;margin:0 !important}.calc-layout .calc-top-ad .ad-tag-label{margin:0 0 .35rem !important;padding:0 !important}
/* Age & Date page: centered title block, content pulled up */
.calc-hub-main:has(.calc-page--age){padding-top:calc(var(--header-height,70px) + .35rem)}
.calc-page--age .calc-crumbs{margin-bottom:.4rem}
.calc-page--age .calc-back-link{margin-bottom:.2rem}
.calc-page--age .calc-page-head{text-align:center;display:flex;flex-direction:column;align-items:center;margin-bottom:.5rem}
.calc-page--age .calc-page-head .calc-card-badge{align-self:center}
.calc-page--age .calc-page-title{margin:.25rem 0 .3rem}
.calc-page--age .calc-page-sub{margin:0 auto 1rem}
/* Age page (desktop): breadcrumb/back on the left, title block pushed right and up to the top row */
@media(min-width:992px){
  .calc-page--age .calc-head{display:grid;grid-template-columns:max-content minmax(0,1fr);grid-template-rows:auto auto 1fr;column-gap:1rem;align-items:start}
  .calc-page--age .calc-crumbs{grid-column:1;grid-row:1;white-space:nowrap;flex-wrap:nowrap}
  .calc-page--age .calc-back-link{grid-column:1;grid-row:2}
  .calc-page--age .calc-page-head{grid-column:2;grid-row:1 / span 3;margin:0;padding-right:0;justify-self:stretch;padding-top:.6rem}
}
/* Ad starts level with the calculator panels (below the title block) */
@media(min-width:992px){.calc-layout{grid-template-areas:"head head" "body ad"}}
@media(min-width:992px){.calc-layout .calc-top-ad{margin-top:-22px !important}}

/* Converters hub tones */
.calc-card[data-primary=unit]{--tone:#0ea5e9}.calc-card[data-primary=document]{--tone:#ef4444}.calc-card[data-primary=image]{--tone:#8b5cf6}.calc-card[data-primary=text]{--tone:#f59e0b}
.calc-tone-unit{--tone:#0ea5e9}.calc-tone-document{--tone:#ef4444}.calc-tone-image{--tone:#8b5cf6}.calc-tone-text{--tone:#f59e0b}
/* Converters hub: boxes side by side (3 per row) */
.calc-grid[data-noun=converter]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.calc-grid[data-noun=converter] .calc-card{padding:1.15rem 1.1rem 1.15rem 1.35rem;gap:.9rem;align-items:flex-start;min-height:100%}
.calc-grid[data-noun=converter] .calc-card-icon{width:52px;height:52px;border-radius:14px}
.calc-grid[data-noun=converter] .calc-card-title{font-size:clamp(1.15rem,1.7vw,1.4rem)}
.calc-grid[data-noun=converter] .calc-card-desc{font-size:.92rem}
.calc-grid[data-noun=converter] .calc-card-arrow{width:18px;align-self:center}
@media(max-width:991px){.calc-grid[data-noun=converter]{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.calc-grid[data-noun=converter]{grid-template-columns:1fr}}

/* ===== ElectroLab calculators panel — same look as the Calculators hub ===== */
#elab-panel-calculators .electrical-hero-header{text-align:left;align-items:flex-start;max-width:1080px;margin:0 auto 1.25rem}
#elab-panel-calculators .electrical-hero-title{font-family:var(--font-heading);font-weight:800;font-size:clamp(2rem,4.6vw,3.2rem);line-height:1.08;letter-spacing:-.02em;text-align:left;margin:.4rem 0}
#elab-panel-calculators .electrical-hero-subtitle{text-align:left;margin:0;max-width:62ch;font-size:1.05rem}
#elab-panel-calculators .electrical-search-filter-wrap,#elab-panel-calculators .electrical-cards-grid,#elab-panel-calculators .electrical-search-empty-state,#elab-panel-calculators .eltronic-strip-banner{max-width:1080px;margin-inline:auto}
#elab-panel-calculators .electrical-filter-chips{display:flex;gap:.6rem;overflow-x:auto;flex-wrap:nowrap;padding:.25rem .1rem .6rem;-webkit-overflow-scrolling:touch}
#elab-panel-calculators .electrical-filter-chip{flex:0 0 auto;border:1px solid var(--border-color);background:var(--bg-surface);color:var(--text-secondary);font:600 .95rem var(--font-sans);padding:.65rem 1.15rem;border-radius:999px;cursor:pointer;transition:all .2s}
#elab-panel-calculators .electrical-filter-chip:hover{border-color:var(--color-primary-400);color:var(--color-primary-500);transform:translateY(-1px)}
#elab-panel-calculators .electrical-filter-chip.is-active{background:linear-gradient(135deg,var(--color-primary-500),var(--color-primary-700));border-color:transparent;color:#fff;box-shadow:0 8px 18px -8px var(--color-primary-600)}
/* list of row-cards */
#elab-panel-calculators .electrical-cards-grid{display:flex !important;flex-direction:column;gap:1rem}
#elab-panel-calculators .electrical-card[data-tool-id]{--tone:#0ea5e9;position:relative;flex-direction:row !important;align-items:center;justify-content:space-between;gap:1.25rem;padding:1.35rem 1.5rem 1.35rem 1.75rem;border-radius:20px;overflow:hidden;min-height:0;height:auto}
#elab-panel-calculators .electrical-card[data-tool-id]::before{content:"";position:absolute;left:0;top:0;bottom:0;width:6px;background:var(--tone)}
#elab-panel-calculators .electrical-card[data-tool-category=nec-sizing]{--tone:#0ea5e9}
#elab-panel-calculators .electrical-card[data-tool-category=industrial-power]{--tone:#f59e0b}
#elab-panel-calculators .electrical-card[data-tool-category=motors-drives]{--tone:#6366f1}
#elab-panel-calculators .electrical-card[data-tool-category=solar-battery]{--tone:#10b981}
#elab-panel-calculators .electrical-card[data-tool-category=electronics-rf]{--tone:#ec4899}
#elab-panel-calculators .electrical-card[data-tool-id]:hover{transform:translateY(-4px);border-color:var(--tone)}
#elab-panel-calculators .electrical-card[data-tool-id]>div:first-child{flex:1;min-width:0;display:grid;grid-template-columns:64px minmax(0,1fr);column-gap:1.25rem;row-gap:.3rem;align-items:center}
#elab-panel-calculators .electrical-card[data-tool-id] .electrical-card-header{display:contents}
#elab-panel-calculators .electrical-card[data-tool-id] .electrical-card-icon{grid-column:1;grid-row:1/span 3;width:64px;height:64px;border-radius:18px;display:grid;place-items:center;background:color-mix(in srgb,var(--tone) 14%,transparent);color:var(--tone)}
#elab-panel-calculators .electrical-card[data-tool-id] .electrical-card-icon svg{width:30px;height:30px}
#elab-panel-calculators .electrical-card[data-tool-id] .electrical-formula-badge{grid-column:2;grid-row:1;justify-self:start;font:700 .72rem var(--font-mono,monospace);padding:.28rem .65rem;border-radius:999px;background:color-mix(in srgb,var(--tone) 14%,transparent);color:var(--tone);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#elab-panel-calculators .electrical-card[data-tool-id] .electrical-card-title{grid-column:2;grid-row:2;font-family:var(--font-heading);font-weight:800;font-size:clamp(1.35rem,2.8vw,1.85rem);line-height:1.15;margin:0}
#elab-panel-calculators .electrical-card[data-tool-id] .electrical-card-desc{grid-column:2;grid-row:3;font-size:1rem;line-height:1.45;margin:0}
#elab-panel-calculators .electrical-card[data-tool-id] .electrical-mini-calc{display:none}
#elab-panel-calculators .electrical-card[data-tool-id]>.btn{flex:0 0 auto;width:auto;white-space:nowrap;border-color:var(--tone);color:var(--tone);font-weight:700;border-radius:999px;padding:.6rem 1.1rem}
#elab-panel-calculators .electrical-card[data-tool-id]>.btn:hover{background:var(--tone);color:#fff}
#elab-panel-calculators .electrical-card.ad-native{max-width:100%}
@media (max-width:700px){
  #elab-panel-calculators .electrical-card[data-tool-id]{flex-direction:column !important;align-items:stretch;padding:1.1rem 1rem 1.1rem 1.35rem}
  #elab-panel-calculators .electrical-card[data-tool-id]>div:first-child{grid-template-columns:48px minmax(0,1fr);column-gap:.9rem}
  #elab-panel-calculators .electrical-card[data-tool-id] .electrical-card-icon{width:48px;height:48px;border-radius:14px}
  #elab-panel-calculators .electrical-card[data-tool-id]>.btn{width:100%}
}
#elab-panel-calculators .electrical-hero-header{width:100%;box-sizing:border-box}
#elab-panel-calculators .electrical-hero-header .master-electrical-badge{margin-left:0}
#elab-panel-calculators .electrical-card[data-tool-id]:not([style*="display: none"]){display:flex}

/* ElectroLab calculators: 3 cards per row (2 on tablets, 1 on phones) */
#elab-panel-calculators .electrical-hero-header,
#elab-panel-calculators .electrical-search-filter-wrap,
#elab-panel-calculators .electrical-cards-grid,
#elab-panel-calculators .electrical-search-empty-state,
#elab-panel-calculators .eltronic-strip-banner{max-width:1240px}
#elab-panel-calculators .electrical-cards-grid{display:grid !important;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.1rem;align-items:stretch}
@media (max-width:1000px){#elab-panel-calculators .electrical-cards-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){#elab-panel-calculators .electrical-cards-grid{grid-template-columns:1fr}}
#elab-panel-calculators .electrical-card[data-tool-id]{flex-direction:column !important;align-items:stretch;justify-content:space-between;gap:1rem;padding:1.35rem 1.35rem 1.25rem 1.6rem}
#elab-panel-calculators .electrical-card[data-tool-id]>div:first-child{display:flex;flex-direction:column;align-items:flex-start;gap:.55rem}
#elab-panel-calculators .electrical-card[data-tool-id] .electrical-card-header{display:flex;align-items:center;justify-content:space-between;gap:.6rem;width:100%}
#elab-panel-calculators .electrical-card[data-tool-id] .electrical-card-icon{width:52px;height:52px;border-radius:15px;flex:0 0 auto}
#elab-panel-calculators .electrical-card[data-tool-id] .electrical-card-icon svg{width:26px;height:26px}
#elab-panel-calculators .electrical-card[data-tool-id] .electrical-formula-badge{max-width:calc(100% - 64px)}
#elab-panel-calculators .electrical-card[data-tool-id] .electrical-card-title{font-size:clamp(1.15rem,1.7vw,1.4rem)}
#elab-panel-calculators .electrical-card[data-tool-id] .electrical-card-desc{font-size:.93rem}
#elab-panel-calculators .electrical-card[data-tool-id]>.btn{width:100%;white-space:normal;text-align:center}
#elab-panel-calculators .electrical-card.ad-native{grid-column:auto}

/* ElectroLab: tighter vertical rhythm around the page title block */
.electrolab-tabs-wrap{margin-bottom:.5rem}
#electricalSection.section-spacing{padding-top:0;padding-bottom:1rem}
#elab-panel-calculators .section-breadcrumb{margin:0 0 .4rem}
#elab-panel-calculators .electrical-hero-header{margin-bottom:.75rem}
#elab-panel-calculators .electrical-hero-header .master-electrical-badge{margin-bottom:.35rem}
#elab-panel-calculators .electrical-hero-title{font-size:clamp(1.6rem,3.4vw,2.4rem);margin:.15rem 0 .3rem}
#elab-panel-calculators .electrical-hero-subtitle{font-size:.95rem;line-height:1.45}
#elab-panel-calculators .eltronic-strip-banner{margin-bottom:.9rem}
#elab-panel-calculators .electrical-search-filter-wrap{margin-top:.9rem;margin-bottom:1.25rem}

/* ElectroLab calculator cards: more compact height */
#elab-panel-calculators .electrical-cards-grid{gap:.9rem}
#elab-panel-calculators .electrical-card[data-tool-id]{padding:.95rem 1.1rem .95rem 1.3rem;gap:.7rem;border-radius:16px}
#elab-panel-calculators .electrical-card[data-tool-id]>div:first-child{grid-template-columns:46px minmax(0,1fr);column-gap:.85rem;row-gap:.2rem}
#elab-panel-calculators .electrical-card[data-tool-id] .electrical-card-icon{width:46px;height:46px;border-radius:13px}
#elab-panel-calculators .electrical-card[data-tool-id] .electrical-card-icon svg{width:22px;height:22px}
#elab-panel-calculators .electrical-card[data-tool-id] .electrical-card-title{font-size:clamp(1.05rem,1.7vw,1.25rem);line-height:1.2}
#elab-panel-calculators .electrical-card[data-tool-id] .electrical-card-desc{font-size:.88rem;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
#elab-panel-calculators .electrical-card[data-tool-id] .electrical-formula-badge{font-size:.66rem;padding:.2rem .55rem}
#elab-panel-calculators .electrical-card[data-tool-id]>.btn{padding:.4rem .9rem;font-size:.85rem}

/* ElectroLab cards: formula badge uses full width beside the icon and is never cut off */
#elab-panel-calculators .electrical-card[data-tool-id] .electrical-formula-badge{grid-column:2;justify-self:stretch;align-self:center;max-width:none;width:auto;white-space:normal;overflow:visible;text-overflow:clip;word-break:break-word;text-align:center;font-size:.8rem;line-height:1.3;padding:.4rem .75rem;border-radius:12px;font-weight:700}
/* formula badge: larger */
#elab-panel-calculators .electrical-card[data-tool-id] .electrical-formula-badge{font-size:.98rem;line-height:1.3;padding:.5rem .85rem;border-radius:14px;font-weight:800;letter-spacing:0}

/* ElectroLab hero: two promo cards hugging the title (wide), 2-up row below the text (tablet / mobile) */
.electrolab-hero{position:relative}
.elab-side-promos{display:grid;grid-template-columns:1fr 1fr;gap:.7rem;max-width:620px;margin:0 auto .9rem}
.elab-side-promo{display:flex;flex-direction:column;gap:.25rem;padding:.7rem .8rem;border-radius:14px;border:2px solid transparent;background:var(--bg-surface,#fff);text-decoration:none;color:var(--text-primary);min-width:0;transition:transform .2s}
.elab-side-promo:hover{transform:translateY(-3px)}
.elab-sp-ico{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:rgba(99,102,241,.12);color:var(--color-primary-600,#4f46e5)}
.elab-sp-ico--yt{background:rgba(239,68,68,.12);color:#ef4444}
.elab-side-promo strong{font:800 .92rem var(--font-heading,inherit);line-height:1.2}
.elab-side-promo small{display:none;font-size:.78rem;line-height:1.35;color:var(--text-secondary)}
.elab-sp-cta{font-size:.78rem;font-weight:700;color:var(--color-primary-600,#4f46e5)}
@media (min-width:600px){.elab-side-promo small{display:block}.elab-side-promo{padding:.85rem .95rem}}
@media (min-width:1200px){
  .elab-side-promos{display:contents}
  .elab-side-promo{position:absolute;top:1.6rem;width:clamp(172px,14.5vw,236px)}
  .elab-side-promo--left{right:calc(50% + 410px + 14px)}
  .elab-side-promo--right{left:calc(50% + 410px + 14px)}
}

/* Side promos: animated colour borders (left = indigo/cyan, right = red/amber) */
@property --elab-ang{syntax:'<angle>';inherits:false;initial-value:0deg}
@keyframes elabSpin{to{--elab-ang:360deg}}
@keyframes elabGlowL{0%,100%{box-shadow:0 6px 18px -10px rgba(99,102,241,.45)}50%{box-shadow:0 10px 28px -8px rgba(6,182,212,.6)}}
@keyframes elabGlowR{0%,100%{box-shadow:0 6px 18px -10px rgba(239,68,68,.45)}50%{box-shadow:0 10px 28px -8px rgba(245,158,11,.6)}}
@media all{
  .elab-side-promo--left{background:linear-gradient(var(--bg-surface,#fff),var(--bg-surface,#fff)) padding-box,conic-gradient(from var(--elab-ang),#6366f1,#06b6d4,#a855f7,#6366f1) border-box;animation:elabSpin 4s linear infinite,elabGlowL 3s ease-in-out infinite}
  .elab-side-promo--right{background:linear-gradient(var(--bg-surface,#fff),var(--bg-surface,#fff)) padding-box,conic-gradient(from var(--elab-ang),#ef4444,#f59e0b,#ec4899,#ef4444) border-box;animation:elabSpin 4s linear infinite reverse,elabGlowR 3s ease-in-out infinite}
}
@media (prefers-reduced-motion:reduce){.elab-side-promo{animation:none !important}}

/* ElectroLab tabs: animated colour on the three tab icons */
@keyframes elabIcoA{0%,100%{color:#f59e0b;transform:scale(1)}50%{color:#ec4899;transform:scale(1.18)}}
@keyframes elabIcoB{0%,100%{color:#06b6d4;transform:scale(1)}50%{color:#6366f1;transform:scale(1.18)}}
@keyframes elabIcoC{0%,100%{color:#ef4444;transform:scale(1)}50%{color:#f97316;transform:scale(1.18)}}
.electrolab-tab svg{transform-origin:center}
.electrolab-tab[data-elab-tab="calculators"] svg{animation:elabIcoA 2.4s ease-in-out infinite}
.electrolab-tab[data-elab-tab="guides"] svg{animation:elabIcoB 2.4s ease-in-out infinite .3s}
.electrolab-tab[data-elab-tab="eltronic"] svg{animation:elabIcoC 2.4s ease-in-out infinite .6s}
@media (prefers-reduced-motion:reduce){.electrolab-tab svg{animation:none !important}}

/* ElectroLab tab bar: animated highlight border */
@keyframes elabTabGlow{0%,100%{box-shadow:0 8px 24px -10px rgba(99,102,241,.5)}50%{box-shadow:0 10px 30px -8px rgba(236,72,153,.55)}}
.electrolab-tabs{border:2px solid transparent;background:linear-gradient(var(--bg-surface,#fff),var(--bg-surface,#fff)) padding-box,conic-gradient(from var(--elab-ang),#6366f1,#06b6d4,#f59e0b,#ec4899,#6366f1) border-box;animation:elabSpin 5s linear infinite,elabTabGlow 3s ease-in-out infinite}
[data-theme="dark"] .electrolab-tabs{background:linear-gradient(var(--bg-surface,#0f172a),var(--bg-surface,#0f172a)) padding-box,conic-gradient(from var(--elab-ang),#6366f1,#06b6d4,#f59e0b,#ec4899,#6366f1) border-box}
@media (prefers-reduced-motion:reduce){.electrolab-tabs{animation:none !important}}

/* Search box: animated colour border all the way round */
@keyframes elabSearchGlow{0%,100%{box-shadow:0 6px 20px -10px rgba(99,102,241,.5)}50%{box-shadow:0 8px 26px -8px rgba(6,182,212,.55)}}
#electricalSearchFilterWrap .electrical-search-input-box{padding:2px;border-radius:9999px;background:conic-gradient(from var(--elab-ang),#6366f1,#06b6d4,#10b981,#f59e0b,#ec4899,#6366f1);animation:elabSpin 5s linear infinite,elabSearchGlow 3s ease-in-out infinite}
#electricalSearchFilterWrap .electrical-search-input{border-color:transparent;box-shadow:none}
#electricalSearchFilterWrap .electrical-search-input-box .search-box-icon{left:1.1rem}
#electricalSearchFilterWrap .electrical-search-clear-btn{right:1rem}
@media (prefers-reduced-motion:reduce){#electricalSearchFilterWrap .electrical-search-input-box{animation:none !important}}
