/*! Lab Unit Converter v0.7.0 */
/* Self-hosted fonts (SIL OFL 1.1, see fonts/): Inter for text and numbers, Plus Jakarta Sans for headings. */
@font-face{font-family:"LUC Inter";src:url(fonts/luc-inter.woff2) format("woff2");font-weight:400 800;font-style:normal;font-display:swap}
@font-face{font-family:"LUC Jakarta";src:url(fonts/luc-jakarta.woff2) format("woff2");font-weight:200 800;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+2000-206F,U+2122,U+2212}
.luc,.luc-article{
  --luc-navy:#0f2f57;--luc-navy-2:#17457d;--luc-blue:#1769e0;--luc-blue-600:#1257c2;--luc-blue-50:#eef5ff;--luc-blue-100:#dbe9fd;
  --luc-ink:#0f2240;--luc-text:#24364b;--luc-muted:#5f6f82;--luc-line:#dde6f0;--luc-line-2:#cdd9e6;--luc-soft:#f6f9fc;
  --luc-green:#1e8a4c;--luc-green-bg:#e9f8ef;--luc-green-line:#bfe7cf;--luc-purple:#7c3aed;--luc-purple-50:#f4efff;
  --luc-font:"LUC Inter",Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
  --luc-font-head:"LUC Jakarta","LUC Inter",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --luc-red:#b42318;--luc-red-bg:#fff3f2;--luc-radius:14px;--luc-shadow:0 1px 2px rgba(15,34,64,.04),0 8px 24px rgba(15,34,64,.06);
}
.luc{
  container:luc/inline-size;max-width:1120px;margin:28px auto 16px;color:var(--luc-text);
  font-family:var(--luc-font);
  font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;text-align:left
}
/* ---------- theme-proof resets (scoped) ---------- */
.luc *,.luc *::before,.luc *::after{box-sizing:border-box}
.luc [hidden]{display:none!important}
.luc button{font:inherit;color:inherit;text-transform:none;letter-spacing:normal;text-shadow:none;box-shadow:none;margin:0;min-height:0;min-width:0;width:auto;line-height:1.2;background-image:none;cursor:pointer;-webkit-appearance:none;appearance:none}
.luc h2,.luc h3,.luc h4{font-family:var(--luc-font-head);text-transform:none;letter-spacing:-.01em;color:var(--luc-ink);margin:0;padding:0;border:0;background:none}
.luc p{margin:0}
.luc ul,.luc ol{margin:0;padding:0;list-style:none}
.luc li{margin:0;padding:0}
.luc li::before,.luc li::marker{content:none}
.luc a{text-decoration:none;box-shadow:none;border:0}
.luc table{border-collapse:collapse;width:100%;margin:0;border:0;table-layout:auto;font-size:15px}
.luc th,.luc td{border:0;background:none}
.luc input,.luc select{font:inherit;margin:0;box-shadow:none;max-width:none;letter-spacing:normal;text-transform:none}
.luc output{display:block}
.luc__svg{width:18px;height:18px;flex:none;display:inline-block;vertical-align:middle}

/* ---------- cards ---------- */
.luc__card{background:#fff;border:1px solid var(--luc-line);border-radius:var(--luc-radius);box-shadow:var(--luc-shadow);overflow:hidden}

/* ---------- top bar ---------- */
.luc__bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 22px;background:linear-gradient(100deg,var(--luc-navy),var(--luc-navy-2));color:#fff}
.luc__bar-brand{display:flex;align-items:center;gap:12px;min-width:0}
.luc__bar-logo{width:38px;height:38px;border-radius:10px;background:rgba(255,255,255,.12);display:grid;place-items:center;flex:none}
.luc__bar-logo .luc__svg{width:24px;height:24px;color:#9fd2ff}
.luc__bar-text{min-width:0}
.luc__bar-title{font-weight:700;font-size:15px;letter-spacing:.09em;text-transform:uppercase;color:#fff;line-height:1.2}
.luc__crumbs ol{display:flex;flex-wrap:wrap;gap:2px 0;margin-top:3px;font-size:13px;color:#c9d9ee}
.luc__crumbs li{display:inline-flex;align-items:center}
.luc__crumbs li+li::before{content:"›";margin:0 7px;color:#8fb0d6}
.luc__crumbs a{color:#dbe8f8}
.luc__crumbs a:hover{color:#fff;text-decoration:underline}
.luc__crumbs [aria-current]{color:#fff;font-weight:600}
.luc__bar-actions{display:flex;gap:8px;flex:none}
.luc .luc__bar-btn{display:inline-flex;align-items:center;gap:7px;padding:8px 13px;background:#fff;color:var(--luc-ink);border:1px solid transparent;border-radius:9px;font-size:14px;font-weight:600;transition:background .15s,transform .15s}
.luc .luc__bar-btn:hover{background:var(--luc-blue-50)}
.luc .luc__bar-btn.is-done{background:var(--luc-green-bg);color:var(--luc-green)}
.luc__bar-btn .luc__svg{width:16px;height:16px}

/* ---------- hero ---------- */
.luc__body{padding:22px 24px 24px}
.luc__hero{display:flex;align-items:center;gap:16px;margin-bottom:20px}
.luc__hero-icon{flex:none;width:64px;height:64px}
.luc__hero-icon svg{width:64px;height:64px;display:block}
.luc__hero-text{flex:1;min-width:0}
.luc .luc__title{font-size:clamp(26px,3.4vw,36px);line-height:1.15;font-weight:800;letter-spacing:-.012em;color:var(--luc-ink)}
.luc__subtitle{margin-top:6px!important;font-size:17px;color:var(--luc-muted)}
.luc__badge{align-self:flex-start;display:inline-flex;align-items:center;gap:7px;padding:8px 13px;border-radius:10px;background:var(--luc-green-bg);border:1px solid var(--luc-green-line);color:#17603a;font-size:13.5px;font-weight:600;white-space:nowrap}
.luc__badge .luc__svg{color:var(--luc-green);width:18px;height:18px}

/* ---------- tabs ---------- */
.luc__tabs{display:grid;grid-template-columns:1.1fr 1fr 1fr 1.4fr .9fr;border:1px solid var(--luc-line);border-radius:12px;overflow:hidden;background:#fff;margin-bottom:18px}
.luc .luc__tab{display:flex;align-items:center;justify-content:center;gap:9px;padding:14px 16px;background:#fff;border:0;border-left:1px solid var(--luc-line);border-radius:0;color:var(--luc-text);font-size:16px;font-weight:500;white-space:nowrap;transition:background .15s,color .15s}
.luc .luc__tab:first-child{border-left:0}
.luc .luc__tab:hover{background:var(--luc-soft);color:var(--luc-ink)}
.luc .luc__tab.is-active{background:var(--luc-blue);color:#fff;font-weight:600}
.luc__tab .luc__svg{width:20px;height:20px}

/* ---------- converter form ---------- */
.luc__panel{animation:luc-fade .18s ease}
@keyframes luc-fade{from{opacity:.4;transform:translateY(2px)}to{opacity:1;transform:none}}
.luc__form{border:1px solid var(--luc-line);border-radius:12px;padding:20px 18px 18px}
.luc__units{display:grid;grid-template-columns:minmax(0,1fr) 52px minmax(0,1fr);gap:18px;align-items:end}
.luc__field{display:block;min-width:0;margin:0}
.luc__label{display:block;font-weight:700;font-size:15px;color:var(--luc-ink);margin-bottom:8px}
.luc__label-unit{font-weight:500;color:var(--luc-muted);font-size:13px}
.luc__select{position:relative;display:block}
.luc .luc__select select{display:block;width:100%;height:50px;padding:0 42px 0 16px;border:1px solid var(--luc-line-2);border-radius:10px;background:#fff;color:var(--luc-ink);font-size:16px;-webkit-appearance:none;appearance:none;cursor:pointer;text-overflow:ellipsis}
.luc__select .luc__svg{position:absolute;right:14px;top:50%;transform:translateY(-50%);pointer-events:none;color:var(--luc-muted)}
.luc .luc__swap{height:50px;width:52px;display:grid;place-items:center;border:1px solid var(--luc-line-2);background:var(--luc-blue-50);color:var(--luc-blue);border-radius:10px;padding:0;transition:background .15s}
.luc .luc__swap:hover{background:var(--luc-blue-100)}
.luc__swap .luc__svg{width:22px;height:22px}
.luc__swap.is-spin .luc__svg{animation:luc-spin .35s ease}
@keyframes luc-spin{from{transform:rotate(0)}to{transform:rotate(180deg)}}
.luc__value-row{display:grid;grid-template-columns:minmax(0,1fr) 210px;gap:18px;align-items:end;margin-top:16px}
.luc .luc__input{display:block;width:100%;height:50px;padding:0 16px;border:1px solid var(--luc-line-2);border-radius:10px;background:#fff;color:var(--luc-ink);font-size:18px;font-variant-numeric:tabular-nums}
.luc .luc__input::placeholder{color:#9aa8b8}
.luc .luc__select select:focus,.luc .luc__input:focus{outline:none;border-color:var(--luc-blue);box-shadow:0 0 0 4px rgba(23,105,224,.14)}
.luc .luc__primary{height:50px;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:0 22px;background:var(--luc-blue);color:#fff;border:0;border-radius:10px;font-size:17px;font-weight:600;transition:background .15s}
.luc .luc__primary:hover{background:var(--luc-blue-600)}
.luc__primary .luc__svg{width:20px;height:20px}
.luc__mw{margin-top:14px}
.luc__mw-presets{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:8px;font-size:13px;color:var(--luc-muted)}
.luc__error{margin-top:12px;padding:10px 14px;border:1px solid #f5c2bd;background:var(--luc-red-bg);color:var(--luc-red);border-radius:10px;font-size:14px}

/* ---------- result ---------- */
.luc__result{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:18px;padding:18px 20px;border:1px solid var(--luc-line);background:var(--luc-soft);border-radius:12px;transition:background .2s,border-color .2s}
.luc__result.has-result{background:var(--luc-green-bg);border-color:var(--luc-green-line)}
.luc__result.is-pulse{animation:luc-pulse .35s ease}
@keyframes luc-pulse{0%{transform:scale(.995)}60%{transform:scale(1.004)}100%{transform:none}}
.luc__result-main{min-width:0}
.luc__result-label{display:flex;align-items:center;gap:8px;font-weight:700;color:var(--luc-muted);font-size:16px}
.luc__result.has-result .luc__result-label{color:var(--luc-green)}
.luc__result-label .luc__svg{width:22px;height:22px;color:#9aa8b8}
.luc__result.has-result .luc__result-label .luc__svg{color:var(--luc-green)}
.luc__result-value{margin:6px 0 4px;font-size:clamp(26px,4.4vw,44px);line-height:1.1;font-weight:700;color:var(--luc-ink);letter-spacing:-.02em;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.luc__result:not(.has-result) .luc__result-value{font-size:clamp(20px,2.6vw,26px);font-weight:700}
.luc__result-eq{font-size:17px;color:var(--luc-text);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.luc__result-alt{font-size:14px;color:var(--luc-muted);margin-top:2px}
.luc .luc__copy-result{flex:none;display:flex;flex-direction:column;align-items:center;gap:6px;background:none;border:0;padding:4px;color:var(--luc-text);font-size:14px}
.luc__copy-result-icon{width:48px;height:48px;border-radius:10px;background:#fff;border:1px solid var(--luc-line-2);display:grid;place-items:center;transition:border-color .15s}
.luc__copy-result:hover .luc__copy-result-icon{border-color:var(--luc-blue);color:var(--luc-blue)}
.luc__copy-result.is-done{color:var(--luc-green)}
.luc__copy-result .luc__svg{width:22px;height:22px}

/* ---------- fact cards ---------- */
.luc__facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:14px}
.luc__fact{display:flex;gap:14px;align-items:flex-start;padding:16px;border:1px solid var(--luc-line);border-radius:12px;background:var(--luc-soft)}
.luc__fact-icon{flex:none;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--luc-blue-50);color:var(--luc-blue)}
.luc__fact-icon .luc__svg{width:24px;height:24px}
.luc__fact-icon--purple{background:var(--luc-purple-50);color:var(--luc-purple)}
.luc__fact-title{font-weight:700;color:var(--luc-ink);font-size:15px;margin-bottom:3px}
.luc__fact-title--purple{color:var(--luc-purple)}
.luc__fact-line{font-size:15px;color:var(--luc-text);overflow-wrap:anywhere}
.luc__fact-sub{font-size:14px;color:var(--luc-muted);margin-top:2px}

/* ---------- common values ---------- */
.luc__values{margin-top:14px;padding:16px 18px;border:1px solid var(--luc-line);border-radius:12px}
.luc__values-head{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;margin-bottom:12px;color:var(--luc-ink);font-size:17px}
.luc__values-head .luc__svg{color:#f5a524;width:22px;height:22px}
.luc__values-head span{color:var(--luc-muted);font-weight:500}.luc__values-head strong,.luc__values-head span{white-space:nowrap}
.luc__chips{display:flex;flex-wrap:wrap;gap:8px}
.luc .luc__chip{padding:9px 14px;border:1px solid var(--luc-line-2);border-radius:8px;background:var(--luc-soft);color:var(--luc-ink);font-size:15px;font-variant-numeric:tabular-nums;transition:background .15s,border-color .15s,color .15s}
.luc .luc__chip:hover{border-color:var(--luc-blue);background:var(--luc-blue-50)}
.luc .luc__chip.is-active{background:var(--luc-blue);border-color:var(--luc-blue);color:#fff}
.luc .luc__chip--sm{padding:5px 10px;font-size:13px;border-radius:999px;background:#fff}

/* ---------- tab content ---------- */
.luc .luc__h3{font-size:21px;font-weight:700;margin:4px 0 14px}
.luc .luc__h4{font-size:17px;font-weight:700;margin:20px 0 8px}
.luc__formula-box{padding:16px 20px;background:var(--luc-blue-50);border:1px solid var(--luc-blue-100);border-radius:10px;font-size:clamp(17px,2.2vw,22px);color:var(--luc-ink);text-align:center;font-variant-numeric:tabular-nums;word-spacing:.18em;overflow-wrap:anywhere}
.luc__where li{position:relative;padding-left:18px;margin:4px 0;color:var(--luc-text)}
.luc__where li::before{content:""!important;position:absolute;left:4px;top:.65em;width:6px;height:6px;border-radius:50%;background:var(--luc-blue)}
.luc__where strong{color:var(--luc-blue-600)}
.luc__muted{margin-top:12px!important;font-size:14px;color:var(--luc-muted)}
.luc__table-wrap{border:1px solid var(--luc-line);border-radius:10px;overflow:auto}
.luc .luc__table th{background:var(--luc-soft);color:var(--luc-ink);font-weight:700;padding:11px 14px;text-align:center;border-bottom:1px solid var(--luc-line)}
.luc .luc__table td{padding:9px 14px;text-align:center;border-top:1px solid var(--luc-line);font-variant-numeric:tabular-nums;color:var(--luc-text)}
.luc .luc__table th+th,.luc .luc__table td+td{border-left:1px solid var(--luc-line)}
.luc .luc__table tbody tr:nth-child(even) td{background:#fbfcfe}
.luc .luc__table tr.is-hl td{background:var(--luc-blue-100);color:var(--luc-ink);font-weight:700}
.luc__callout{display:flex;gap:12px;align-items:flex-start;margin-top:16px;padding:16px 18px;background:var(--luc-blue-50);border:1px solid var(--luc-blue-100);border-radius:12px}
.luc__callout .luc__svg{width:24px;height:24px;color:var(--luc-blue);flex:none}
.luc__source{margin-top:14px!important;font-size:13px;color:var(--luc-muted)}

/* ---------- below: related + categories ---------- */
.luc.luc--related{margin:0 auto 28px}
.luc--related .luc__below{margin-top:0}
.luc__below{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.45fr);gap:16px;margin-top:16px;align-items:start}
.luc__below--single{grid-template-columns:1fr}
.luc__card-head{display:flex;align-items:center;gap:10px;padding:14px 18px;background:var(--luc-blue-50);border-bottom:1px solid var(--luc-line)}
.luc__card-head .luc__svg{width:22px;height:22px;color:var(--luc-blue)}
.luc__card-head h3{font-size:17px;font-weight:700}
.luc__card-head--purple{background:linear-gradient(90deg,#f1ecff,#f5f8ff)}
.luc__card-head--purple .luc__svg{color:var(--luc-purple)}
.luc__related-list{padding:8px 10px 10px}
.luc__related-list li{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:7px 8px;border-radius:8px}
.luc__related-list li.is-current{background:var(--luc-blue-50)}
.luc__related-list li.is-reverse{margin-top:8px;padding-top:12px;border-top:1px solid var(--luc-line);border-radius:0}
.luc__related-link{display:inline-flex;align-items:center;gap:10px;color:var(--luc-blue-600);font-size:15.5px;font-weight:500}
.luc a.luc__related-link:hover span{text-decoration:underline}
.luc__related-list li.is-current .luc__related-link{color:var(--luc-ink);font-weight:700}
.luc__related-link .luc__svg{width:16px;height:16px;color:var(--luc-blue)}
.luc__related-desc{color:var(--luc-muted);font-size:14px;text-align:right;white-space:nowrap}
.luc__cats-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:14px}
.luc__cat{position:relative;display:flex;gap:12px;align-items:flex-start;padding:14px 14px 30px;border:1px solid var(--luc-line);border-radius:12px;background:#fff;color:var(--luc-text);transition:border-color .15s,box-shadow .15s,transform .15s}
.luc a.luc__cat:hover{border-color:var(--luc-blue);box-shadow:0 6px 18px rgba(23,105,224,.10);transform:translateY(-1px)}
.luc__cat.is-current{border-color:var(--luc-blue-100);background:var(--luc-blue-50)}
.luc__cat-icon{flex:none;width:42px;height:42px;border-radius:10px;display:grid;place-items:center}
.luc__cat-icon .luc__svg{width:24px;height:24px}
.luc__cat--flask .luc__cat-icon{background:#e6f1ff;color:#1769e0}
.luc__cat--tube .luc__cat-icon{background:#f2ebff;color:#7c3aed}
.luc__cat--scale .luc__cat-icon{background:#e5f7ee;color:#16a34a}
.luc__cat--drop .luc__cat-icon{background:#fff1e6;color:#ea7a14}
.luc__cat-body{min-width:0}
.luc__cat-body strong{display:block;color:var(--luc-ink);font-size:15px;line-height:1.3;margin-bottom:4px}
.luc__cat-body span{display:block;color:var(--luc-muted);font-size:13.5px;line-height:1.45}
.luc__cat-go{position:absolute;right:12px;bottom:10px;color:var(--luc-blue)}

/* ---------- focus ---------- */
.luc button:focus-visible,.luc a:focus-visible{outline:3px solid rgba(23,105,224,.45);outline-offset:2px}
.luc__bar button:focus-visible{outline-color:#9fd2ff}

/* ---------- responsive ---------- */
@container luc (max-width:900px){
  .luc__facts{grid-template-columns:1fr}
  .luc__below{grid-template-columns:1fr}
  .luc .luc__tab{padding:12px 10px;font-size:15px}
}
@container luc (max-width:760px){
  .luc__bar{padding:12px 14px}
  .luc__bar-actions .luc__bar-btn span{display:none}
  .luc .luc__bar-btn{padding:8px}
  .luc__crumbs{display:none}
  .luc__bar-title{font-size:12.5px;letter-spacing:.06em}
  .luc__bar-logo{width:32px;height:32px}
  .luc__result{position:relative}
  .luc__result-main{padding-right:0;width:100%}
  .luc__result-label{padding-right:52px}
  .luc .luc__copy-result{position:absolute;top:10px;right:10px}
  .luc__fact{padding:12px 14px}
  .luc__fact-icon{width:38px;height:38px}
  .luc__cats-grid{grid-template-columns:1fr}
  .luc__body{padding:16px 14px 18px}
  .luc__hero{flex-wrap:wrap;gap:12px;margin-bottom:16px}
  .luc__hero-icon,.luc__hero-icon svg{width:46px;height:46px}
  .luc__hero-text{flex:1 1 calc(100% - 60px)}
  .luc__subtitle{font-size:15px}
  .luc__badge{order:3}
  /* Tabs: active tab keeps its label, others become icons (as in the mobile design) */
  .luc__tabs{grid-template-columns:auto repeat(4,1fr)}
  .luc .luc__tab{padding:11px 12px}
  .luc .luc__tab:not(.is-active) .luc__tab-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .luc__form{padding:14px 12px}
  .luc__units{grid-template-columns:minmax(0,1fr) 44px minmax(0,1fr);gap:10px}
  .luc .luc__swap{width:44px}
  .luc__value-row{grid-template-columns:minmax(0,1fr) auto;gap:10px}
  .luc .luc__primary{padding:0 16px;font-size:16px}
  .luc__result{padding:14px 14px;align-items:flex-start}
  .luc .luc__copy-result{font-size:0;gap:0}
  .luc__copy-result-icon{width:40px;height:40px}
  .luc__related-desc{font-size:13px}
}
@container luc (max-width:420px){
  .luc .luc__select select{padding:0 30px 0 10px;font-size:15px}
  .luc__select .luc__svg{right:8px}
  .luc__tabs{grid-template-columns:repeat(5,auto)}
  .luc .luc__tab{padding:11px 8px}
  .luc__related-list li{grid-template-columns:1fr}
  .luc__related-desc{text-align:left;padding-left:26px}
}



/* =====================================================================
   PAGE MODE — breadcrumb row, jump tabs, plugin-rendered content
   ===================================================================== */
.luc--page{scroll-margin-top:90px}
.luc__crumbrow{margin:0 0 12px}
.luc__crumbrow .luc__crumbs ol{margin:0;font-size:14px;color:var(--luc-muted)}
.luc__crumbrow .luc__crumbs li+li::before{color:#9aa8b8}
.luc__crumbrow .luc__crumbs a{color:var(--luc-text)}
.luc__crumbrow .luc__crumbs a:hover{color:var(--luc-blue);text-decoration:underline}
.luc__crumbrow .luc__crumbs [aria-current]{color:var(--luc-ink);font-weight:700}
.luc--page .luc__body{padding-top:26px}
.luc .luc__tabs--jump .luc__tab{text-decoration:none}
.luc--page .luc__subtitle{font-size:17.5px;color:var(--luc-text)}

.luc-page{margin-top:16px;padding:6px 30px 30px;background:#fff;border:1px solid var(--luc-line);border-radius:var(--luc-radius);box-shadow:var(--luc-shadow);font-size:16.5px;line-height:1.7;color:var(--luc-text)}
.luc-page p{margin:0 0 14px}
.luc-page strong{color:var(--luc-ink)}
.luc-page a{color:var(--luc-blue-600)}
.luc-page sup{font-size:.7em;line-height:0;vertical-align:.5em}
.luc-sec{padding:28px 0 8px;border-top:1px solid var(--luc-line);scroll-margin-top:90px}
.luc-sec:first-child{border-top:0}
.luc .luc-sec__h{display:flex;align-items:center;gap:12px;margin:0 0 14px;font-size:clamp(21px,2.4vw,25px);line-height:1.25;font-weight:700;color:var(--luc-ink)}
.luc-sec__icon{flex:none;width:38px;height:38px;border-radius:10px;display:grid;place-items:center}
.luc-sec__icon .luc__svg{width:22px;height:22px}
.luc-sec__icon--blue{background:#e6f1ff;color:var(--luc-blue)}
.luc-sec__icon--purple{background:var(--luc-purple-50);color:var(--luc-purple)}
.luc-sec__icon--green{background:#e3f6ec;color:#15803d}
.luc-sec__icon--red{background:#fdecec;color:#dc2626}
.luc-sec__icon--orange{background:#fff1e3;color:#ea7a14}
.luc-sec__icon--yellow{background:#fff6dc;color:#d99a06}

/* fact box */
.luc a.luc-fact{display:flex;align-items:center;gap:18px;margin:18px 0 8px;padding:20px 22px;border:1px solid var(--luc-blue-100);border-radius:14px;background:linear-gradient(120deg,#f1f7ff,#e8f1ff);color:var(--luc-text);text-decoration:none;transition:box-shadow .15s,border-color .15s}
.luc a.luc-fact:hover{border-color:#b9d3fb;box-shadow:0 6px 18px rgba(23,105,224,.10)}
.luc-fact__icon{flex:none;width:48px;height:48px;display:grid;place-items:center;color:#f0a500}
.luc-fact__icon .luc__svg{width:40px;height:40px;stroke-width:1.7}
.luc-fact__body{flex:1;min-width:0}
.luc-fact__big{display:block;font-size:clamp(20px,2.6vw,25px);line-height:1.25;font-weight:700;color:var(--luc-ink);font-variant-numeric:tabular-nums}
.luc-fact__sub{display:block;margin-top:4px;font-size:15.5px;color:var(--luc-muted)}
.luc-fact__go{flex:none;color:var(--luc-blue)}
.luc-fact__go .luc__svg{width:24px;height:24px}

/* formula */
.luc-formula-box{margin:4px 0 18px;padding:16px 20px;border-radius:10px;background:var(--luc-blue-50);border:1px solid var(--luc-blue-100);text-align:center;font-size:clamp(19px,2.5vw,24px);font-weight:600;color:var(--luc-blue-600);word-spacing:.2em;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.luc-page .luc-where-h{margin:0 0 4px;font-weight:600;color:var(--luc-ink)}
.luc-page .luc-where{margin:0 0 18px;padding:0;list-style:none}
.luc-page .luc-where li{position:relative;padding-left:20px;margin:3px 0}
.luc-page .luc-where li::before{content:"";position:absolute;left:4px;top:.72em;width:6px;height:6px;border-radius:50%;background:var(--luc-blue)}
.luc-excalc{display:flex;gap:14px;align-items:flex-start;padding:16px 20px;border-radius:12px;background:#eef3ff;border:1px solid #dbe5fd}
.luc-excalc__icon{flex:none;width:38px;height:38px;border-radius:50%;background:#dfe8ff;color:#3b5bdb;display:grid;place-items:center}
.luc-excalc strong{display:block;color:var(--luc-ink);font-size:16px}
.luc-excalc span{display:block;font-size:17.5px;color:var(--luc-text);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.luc-excalc small{display:block;margin-top:4px;color:var(--luc-muted);font-size:13.5px}

/* table */
.luc-tbl-wrap{overflow-x:auto;border:1px solid var(--luc-line-2);border-radius:10px}
.luc .luc-tbl{width:100%;border-collapse:collapse;font-size:15.5px;font-variant-numeric:tabular-nums}
.luc .luc-tbl th{background:#eef3fa;color:var(--luc-ink);font-weight:700;padding:10px 14px;text-align:center;border-bottom:1px solid var(--luc-line-2)}
.luc .luc-tbl td{padding:7px 14px;text-align:center;border-top:1px solid var(--luc-line);color:var(--luc-text)}
.luc .luc-tbl th+th,.luc .luc-tbl td+td{border-left:1px solid var(--luc-line-2)}
.luc .luc-tbl tbody tr:nth-child(even) td{background:#fafcff}
.luc .luc-tbl tr.is-hl td{background:var(--luc-blue-100);color:var(--luc-ink);font-weight:700}

/* worked examples */
.luc-wex-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:14px}
.luc-wex{display:flex;gap:14px;align-items:flex-start;padding:16px 18px;border-radius:12px;border:1px solid var(--luc-line)}
.luc-wex--0,.luc-wex--3{background:#eef5ff;border-color:#d9e8fd}
.luc-wex--1{background:#f5f0ff;border-color:#e6dcfb}
.luc-wex--2{background:#ecf8f1;border-color:#cdeedb}
.luc-wex__n{flex:none;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-weight:700;color:#fff;background:var(--luc-blue)}
.luc-wex--1 .luc-wex__n{background:var(--luc-purple)}
.luc-wex--2 .luc-wex__n{background:#16a34a}
.luc-wex strong{display:block;color:var(--luc-ink);font-size:15.5px}
.luc-wex__calc{display:block;color:var(--luc-muted);font-size:15px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.luc-wex__res{display:block;font-size:clamp(18px,2.2vw,21px);font-weight:700;color:var(--luc-ink);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.luc-rev{padding:14px 18px;border-radius:12px;background:#f7f3ff;border:1px solid #e6dcfb}
.luc-rev__h{display:flex;align-items:center;gap:8px;font-weight:700;color:#5b21b6;margin-bottom:6px;font-size:15.5px}
.luc-rev__h .luc__svg{color:var(--luc-purple)}
.luc-page .luc-rev ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 24px;margin:0;padding:0;list-style:none}
.luc-page .luc-rev li{position:relative;padding-left:18px;font-size:15px;font-variant-numeric:tabular-nums}
.luc-page .luc-rev li::before{content:"";position:absolute;left:3px;top:.7em;width:6px;height:6px;border-radius:50%;background:var(--luc-purple)}

/* definitions */
.luc-defs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.luc-def{display:flex;gap:12px;align-items:flex-start;justify-content:space-between;padding:16px 18px;border-radius:12px;background:#f4f8ff;border:1px solid #dde8f7}
.luc .luc-def h3{margin:0 0 6px;font-size:16.5px;font-weight:700;color:var(--luc-ink)}
.luc-def p{font-size:15px;line-height:1.6;margin:0 0 6px}
.luc-def__icon{flex:none;width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:#e1edff;color:var(--luc-blue)}
.luc-def__icon--1{background:#efe7ff;color:var(--luc-purple)}
.luc-def__icon .luc__svg{width:30px;height:30px}

/* why */
.luc-why{display:flex;align-items:center;gap:22px;margin:4px 0 16px;padding:18px 22px;border-radius:12px;background:#e9f8ef;border:1px solid #c8ecd6;font-size:17.5px;color:var(--luc-ink);font-variant-numeric:tabular-nums}
.luc-why__l{display:flex;flex-direction:column;gap:4px}
.luc-why__arrow{color:#15803d;flex:none}
.luc-why__arrow .luc__svg{width:28px;height:28px}
.luc-why__r{flex:1;font-weight:700;overflow-wrap:anywhere}

/* uses */
.luc-uses{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:6px 0 14px}
.luc-use{display:flex;gap:12px;align-items:flex-start;padding:16px 18px;border-radius:12px;border:1px solid var(--luc-line);background:var(--luc-soft)}
.luc .luc-use h3{margin:0 0 4px;font-size:16px;font-weight:700;color:var(--luc-ink)}
.luc-use p{margin:0;font-size:15px;line-height:1.6}
.luc-use__icon{flex:none;width:40px;height:40px;border-radius:10px;display:grid;place-items:center}
.luc-use__icon--0{background:#e6f1ff;color:var(--luc-blue)}
.luc-use__icon--1{background:var(--luc-purple-50);color:var(--luc-purple)}
.luc-use__icon--2{background:#e3f6ec;color:#15803d}
.luc-use__icon--3{background:#fff1e3;color:#ea7a14}

/* related chips */
.luc-chipgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.luc .luc-chiplink{display:flex;align-items:center;gap:8px;padding:11px 13px;border:1px solid var(--luc-line-2);border-radius:9px;background:#fff;color:var(--luc-blue-600);font-size:15px;text-decoration:none;transition:border-color .15s,background .15s}
.luc .luc-chiplink span{flex:1;min-width:0}
.luc .luc-chiplink .luc__svg{width:16px;height:16px}
.luc a.luc-chiplink:hover{border-color:var(--luc-blue);background:var(--luc-blue-50)}
.luc .luc-chiplink.is-current{background:var(--luc-blue-100);border-color:#b9d3fb;color:var(--luc-ink);font-weight:700}

/* other tools */
.luc-tools{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.luc .luc-tool{display:flex;gap:12px;align-items:flex-start;padding:16px;border:1px solid var(--luc-line);border-radius:12px;background:#fff;color:var(--luc-text);text-decoration:none;transition:border-color .15s,box-shadow .15s}
.luc a.luc-tool:hover{border-color:var(--luc-blue);box-shadow:0 6px 18px rgba(23,105,224,.1)}
.luc-tool__icon{flex:none;width:46px;height:46px;border-radius:12px;display:grid;place-items:center}
.luc-tool__icon .luc__svg{width:28px;height:28px}
.luc-tool--flask .luc-tool__icon{background:#e6f1ff;color:#1769e0}
.luc-tool--tube .luc-tool__icon{background:#f2ebff;color:#7c3aed}
.luc-tool--scale .luc-tool__icon{background:#e5f7ee;color:#16a34a}
.luc-tool--drop .luc-tool__icon{background:#fff1e6;color:#ea7a14}
.luc-tool__body strong{display:block;font-family:var(--luc-font-head);font-weight:700;color:var(--luc-blue-600);font-size:15px;line-height:1.3;margin-bottom:3px}
.luc-tool__body span{display:block;color:var(--luc-muted);font-size:13.5px;line-height:1.45}

/* FAQ */
.luc-faq{display:flex;flex-direction:column;gap:8px}
.luc-faq__item{border:1px solid var(--luc-line-2);border-radius:8px;background:#fff;overflow:hidden}
.luc-faq__item[open]{border-color:#b9d3fb}
.luc-faq__item summary{position:relative;display:block;list-style:none;cursor:pointer;padding:12px 44px 12px 14px;font-weight:600;font-size:15.5px;color:var(--luc-ink);line-height:1.45}
.luc-faq__item summary::-webkit-details-marker{display:none}
.luc-faq__item summary::after{content:"";position:absolute;right:16px;top:50%;width:8px;height:8px;margin-top:-6px;border-right:2px solid var(--luc-ink);border-bottom:2px solid var(--luc-ink);transform:rotate(45deg);transition:transform .2s}
.luc-faq__item[open] summary::after{transform:rotate(-135deg);margin-top:-2px}
.luc-faq__item summary:hover{background:var(--luc-soft)}
.luc-faq__item[open] summary{background:var(--luc-blue-50)}
.luc-faq__a{padding:10px 14px 4px;font-size:15.5px}

/* accuracy note + disclaimer */
.luc-note{display:flex;gap:14px;align-items:flex-start;margin-top:26px;padding:18px 22px;border-radius:12px;background:#eef4ff;border:1px solid #d6e3fb;scroll-margin-top:90px}
.luc-note__icon{flex:none;width:40px;height:40px;border-radius:50%;background:#dbe7ff;color:var(--luc-blue);display:grid;place-items:center}
.luc .luc-note__h{margin:2px 0 8px;font-size:18px;font-weight:700;color:var(--luc-blue-600)}
.luc-note p{font-size:15px;margin:0 0 8px}
.luc-page .luc-note__src-h{margin:10px 0 2px;font-weight:700;color:var(--luc-ink);font-size:14px}
.luc-page .luc-note__src{margin:0 0 8px;padding-left:18px;font-size:14px;line-height:1.6}
.luc-page .luc-note__src li{list-style:disc}
.luc-page .luc-byline{margin:8px 0 0;font-size:13.5px;color:var(--luc-muted)}
.luc-disclaimer{display:block;margin-top:16px;padding:14px 18px;border-radius:10px;background:#f6f7f9;border:1px solid #e3e6ea;font-size:13.5px;line-height:1.6;color:#5b6573}
.luc-disclaimer strong{color:#374151}

@container luc (max-width:760px){
  .luc-page{padding:4px 16px 20px}
  .luc-wex-grid,.luc-defs,.luc-uses,.luc-tools{grid-template-columns:1fr}
  .luc-chipgrid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .luc-why{flex-direction:column;align-items:flex-start;gap:10px}
  .luc-why__arrow{transform:rotate(90deg)}
  .luc a.luc-fact{padding:16px;gap:12px}
  .luc-fact__icon{width:36px;height:36px}.luc-fact__icon .luc__svg{width:32px;height:32px}
}
@container luc (max-width:460px){
  .luc-chipgrid{grid-template-columns:1fr}
  .luc-page .luc-rev ul{grid-template-columns:1fr}
  .luc-def__icon{display:none}
}

/* =====================================================================
   CONTENT AREA (.luc-article) — everything you write in the editor below
   the calculator. Standard blocks are styled automatically; optional
   helper classes are listed in CONTENT-GUIDE.md.
   ===================================================================== */
.luc-article{
  box-sizing:border-box;container:lucart/inline-size;max-width:1120px;margin:0 auto 16px;padding:30px 34px 32px;
  background:#fff;border:1px solid var(--luc-line);border-radius:var(--luc-radius);box-shadow:var(--luc-shadow);
  color:var(--luc-text);font-family:var(--luc-font);
  font-size:17px;line-height:1.75;text-align:left;-webkit-font-smoothing:antialiased;overflow-wrap:break-word
}
.luc-article *,.luc-article *::before,.luc-article *::after{box-sizing:border-box}
.luc-article__body>:first-child{margin-top:0!important}
.luc-article__body>:last-child{margin-bottom:0!important}

/* Headings */
.luc-article h2,.luc-article h3,.luc-article h4{font-family:var(--luc-font-head);color:var(--luc-ink);text-transform:none;letter-spacing:-.015em;background:none;border:0;padding:0;scroll-margin-top:90px}
.luc-article h2{position:relative;font-size:clamp(22px,2.4vw,27px);line-height:1.25;font-weight:700;margin:40px 0 14px;padding-left:16px}
.luc-article h2::before{content:"";position:absolute;left:0;top:.18em;bottom:.18em;width:5px;border-radius:3px;background:linear-gradient(var(--luc-blue),#4fb3ff)}
.luc-article h3{font-size:20px;line-height:1.35;font-weight:700;margin:28px 0 10px}
.luc-article h4{font-size:17px;line-height:1.4;font-weight:700;margin:22px 0 8px;color:var(--luc-blue-600)}

/* Text */
.luc-article p{margin:0 0 16px;color:var(--luc-text)}
.luc-article strong,.luc-article b{color:var(--luc-ink);font-weight:700}
.luc-article a{color:var(--luc-blue-600);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;box-shadow:none}
.luc-article a:hover{color:var(--luc-blue);text-decoration-thickness:2px}
.luc-article sup,.luc-article sub{font-size:.72em;line-height:0}
.luc-article code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.9em;background:var(--luc-blue-50);color:var(--luc-ink);padding:2px 6px;border-radius:5px}
.luc-article pre{background:var(--luc-soft);border:1px solid var(--luc-line);border-radius:10px;padding:14px 16px;overflow:auto;font-size:14.5px;line-height:1.6}
.luc-article pre code{background:none;padding:0}
.luc-article hr{border:0;height:1px;background:var(--luc-line);margin:32px 0}

/* Lists */
.luc-article ul,.luc-article ol{margin:0 0 18px;padding:0 0 0 4px;list-style:none}
.luc-article li{position:relative;margin:0 0 8px;padding-left:24px}
.luc-article ul>li::before{content:"";position:absolute;left:6px;top:.72em;width:7px;height:7px;border-radius:50%;background:var(--luc-blue)}
.luc-article ol{counter-reset:lucol}
.luc-article ol>li{counter-increment:lucol;padding-left:34px}
.luc-article ol>li::before{content:counter(lucol);position:absolute;left:0;top:.2em;width:24px;height:24px;border-radius:50%;background:var(--luc-blue-50);color:var(--luc-blue-600);font-size:13px;font-weight:700;line-height:24px;text-align:center}
.luc-article li>ul,.luc-article li>ol{margin:8px 0 0}

/* Tables (plain <table> and the Gutenberg Table block) */
.luc-article figure{margin:0 0 20px}
.luc-article .wp-block-table{margin:0 0 20px;overflow-x:auto;border:1px solid var(--luc-line);border-radius:12px}
.luc-article table{width:100%;border-collapse:collapse;margin:0 0 20px;font-size:15.5px;line-height:1.5;border:1px solid var(--luc-line);border-radius:12px;overflow:hidden;font-variant-numeric:tabular-nums}
.luc-article .wp-block-table table{margin:0;border:0;border-radius:0}
.luc-article thead th,.luc-article table tr:first-child th{background:var(--luc-soft);color:var(--luc-ink);font-weight:700;text-align:left;padding:12px 14px;border:0;border-bottom:1px solid var(--luc-line)}
.luc-article td,.luc-article tbody th{padding:10px 14px;border:0;border-top:1px solid var(--luc-line);text-align:left;vertical-align:top;color:var(--luc-text)}
.luc-article td+td,.luc-article th+th,.luc-article th+td{border-left:1px solid var(--luc-line)}
.luc-article tbody tr:nth-child(even) td{background:#fbfcfe}
.luc-article tbody tr:hover td{background:var(--luc-blue-50)}
.luc-article table caption,.luc-article figcaption,.luc-article .wp-element-caption{caption-side:bottom;font-size:13.5px;color:var(--luc-muted);text-align:left;padding:8px 2px 0;margin:0}
.luc-article .wp-block-table figcaption{padding:8px 14px 10px;border-top:1px solid var(--luc-line)}
.luc-article table.luc-table--center td,.luc-article table.luc-table--center th,.luc-article .luc-table--center td,.luc-article .luc-table--center th{text-align:center}
.luc-article tr.is-hl td,.luc-article td.is-hl{background:var(--luc-blue-100)!important;font-weight:700;color:var(--luc-ink)}

/* Quotes → callout */
.luc-article blockquote,.luc-article .wp-block-quote{margin:0 0 20px;padding:16px 20px;border:1px solid var(--luc-blue-100);border-left:4px solid var(--luc-blue);background:var(--luc-blue-50);border-radius:10px;color:var(--luc-text);font-style:normal;font-size:16.5px}
.luc-article blockquote p:last-child{margin-bottom:0}
.luc-article blockquote cite{display:block;margin-top:6px;font-size:13.5px;color:var(--luc-muted);font-style:normal}

/* Images */
.luc-article img{max-width:100%;height:auto;border-radius:10px}

/* Math: MathML (<math>) and formula boxes */
.luc-article math{font-size:1.12em;font-family:"STIX Two Math","Cambria Math","Latin Modern Math",serif}
.luc-article math[display="block"]{display:block math;margin:0 0 20px;padding:18px 20px;background:var(--luc-blue-50);border:1px solid var(--luc-blue-100);border-radius:10px;text-align:center;overflow-x:auto;font-size:1.25em}
.luc-article .luc-formula{display:block;margin:0 0 20px;padding:16px 20px;background:var(--luc-blue-50);border:1px solid var(--luc-blue-100);border-radius:10px;text-align:center;font-size:clamp(17px,2.2vw,21px);color:var(--luc-ink);word-spacing:.18em;font-variant-numeric:tabular-nums;overflow-x:auto}
.luc-article .luc-formula small,.luc-article .luc-formula .luc-formula__note{display:block;margin-top:6px;font-size:14px;color:var(--luc-muted);word-spacing:normal}
.luc-article .luc-math-steps{margin:0 0 20px;padding:14px 20px;border:1px solid var(--luc-line);border-radius:10px;background:var(--luc-soft);font-variant-numeric:tabular-nums}
.luc-article .luc-math-steps p,.luc-article .luc-math-steps li{margin:4px 0}

/* Quick answer (featured-snippet style) */
.luc-article .luc-answer{display:block;margin:0 0 22px;padding:18px 20px 18px 22px;background:var(--luc-green-bg);border:1px solid var(--luc-green-line);border-left:5px solid var(--luc-green);border-radius:12px;font-size:17.5px;color:var(--luc-ink)}
.luc-article .luc-answer strong:first-child{display:block;font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:var(--luc-green);margin-bottom:4px}
.luc-article .luc-answer>:last-child{margin-bottom:0}

/* Callouts */
.luc-article .luc-callout{position:relative;margin:0 0 20px;padding:16px 18px 16px 52px;border:1px solid var(--luc-blue-100);background:var(--luc-blue-50);border-radius:12px;font-size:16px}
.luc-article .luc-callout::before{content:"i";position:absolute;left:16px;top:16px;width:24px;height:24px;border-radius:50%;background:var(--luc-blue);color:#fff;font:700 14px/24px Georgia,serif;text-align:center}
.luc-article .luc-callout>:last-child{margin-bottom:0}
.luc-article .luc-callout--tip{border-color:var(--luc-green-line);background:var(--luc-green-bg)}
.luc-article .luc-callout--tip::before{content:"✓";background:var(--luc-green);font-family:inherit}
.luc-article .luc-callout--warning{border-color:#f6d7a7;background:#fff8ec}
.luc-article .luc-callout--warning::before{content:"!";background:#d97706;font-family:inherit}
.luc-article .luc-callout--note{border-color:#e2d6fb;background:var(--luc-purple-50)}
.luc-article .luc-callout--note::before{content:"✎";background:var(--luc-purple);font-family:inherit}

/* Key facts: <ul class="luc-keyfacts"> → card grid */
.luc-article ul.luc-keyfacts{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;padding:0;margin:0 0 22px}
.luc-article ul.luc-keyfacts>li{margin:0;padding:14px 16px;border:1px solid var(--luc-line);border-radius:12px;background:var(--luc-soft);font-size:15.5px;line-height:1.5}
.luc-article ul.luc-keyfacts>li::before{display:none}
.luc-article ul.luc-keyfacts>li strong{display:block;font-size:13px;letter-spacing:.04em;text-transform:uppercase;color:var(--luc-blue-600);margin-bottom:3px}

/* Steps: <ol class="luc-steps"> → connected numbered steps */
.luc-article ol.luc-steps>li{padding:0 0 18px 46px;margin:0}
.luc-article ol.luc-steps>li::before{width:32px;height:32px;line-height:32px;top:0;background:var(--luc-blue);color:#fff;font-size:15px}
.luc-article ol.luc-steps>li:not(:last-child)::after{content:"";position:absolute;left:15px;top:36px;bottom:4px;width:2px;background:var(--luc-blue-100)}

/* FAQ — WP Details block, plain <details>, Rank Math FAQ block, Yoast FAQ block */
.luc-article details,.luc-article .wp-block-details{margin:0 0 10px;border:1px solid var(--luc-line);border-radius:12px;background:#fff;overflow:hidden;transition:border-color .15s,box-shadow .15s}
.luc-article details[open]{border-color:var(--luc-blue-100);box-shadow:0 4px 14px rgba(23,105,224,.06)}
.luc-article summary{position:relative;display:block;list-style:none;cursor:pointer;padding:15px 50px 15px 18px;font-weight:700;color:var(--luc-ink);font-size:16.5px;line-height:1.45}
.luc-article summary::-webkit-details-marker{display:none}
.luc-article summary::after{content:"";position:absolute;right:18px;top:50%;width:9px;height:9px;margin-top:-6px;border-right:2px solid var(--luc-blue);border-bottom:2px solid var(--luc-blue);transform:rotate(45deg);transition:transform .2s}
.luc-article details[open]>summary::after{transform:rotate(-135deg);margin-top:-2px}
.luc-article details[open]>summary{background:var(--luc-blue-50)}
.luc-article summary:hover{background:var(--luc-soft)}
.luc-article details>:not(summary){margin-left:18px;margin-right:18px}
.luc-article details>summary+*{margin-top:12px}
.luc-article details>:last-child{margin-bottom:16px}
.luc-article .rank-math-block .rank-math-list-item,.luc-article .schema-faq-section{margin:0 0 10px;padding:14px 18px;border:1px solid var(--luc-line);border-radius:12px;background:#fff}
.luc-article .rank-math-question,.luc-article .schema-faq-question{display:block;margin:0 0 6px!important;padding:0!important;font-size:16.5px!important;font-weight:700;color:var(--luc-ink)}
.luc-article .rank-math-question::before{display:none}
.luc-article .rank-math-answer p:last-child,.luc-article .schema-faq-answer{margin-bottom:0}

/* Two-column helper: <div class="luc-cols"> (Group block with class) */
.luc-article .luc-cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:0 0 20px}
.luc-article .luc-cols>*{margin:0}
/* Card helper: any block with class luc-card */
.luc-article .luc-card{margin:0 0 20px;padding:18px 20px;border:1px solid var(--luc-line);border-radius:12px;background:var(--luc-soft)}
.luc-article .luc-card>:last-child{margin-bottom:0}
/* Intro paragraph */
.luc-article .luc-lead{font-size:19px;line-height:1.7;color:var(--luc-ink)}
/* Source / references list */
.luc-article .luc-sources{font-size:14px;color:var(--luc-muted)}
.luc-article .luc-sources li{margin-bottom:4px}

/* "On this page" */
.luc-toc{margin:0 0 26px;padding:16px 20px;border:1px solid var(--luc-line);border-radius:12px;background:var(--luc-soft)}
.luc-toc__title{font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--luc-muted);margin-bottom:8px}
.luc-article .luc-toc ol{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:4px 24px;margin:0;padding:0;list-style:none;counter-reset:luctoc}
.luc-article .luc-toc li{counter-increment:luctoc;margin:0;padding:0 0 0 28px;position:relative;font-size:15.5px;line-height:1.5}
.luc-article .luc-toc li::before{content:counter(luctoc);position:absolute;left:0;top:.1em;width:20px;height:20px;border-radius:6px;background:#fff;border:1px solid var(--luc-line-2);color:var(--luc-blue-600);font-size:12px;font-weight:700;line-height:18px;text-align:center}
.luc-article .luc-toc a{color:var(--luc-blue-600);text-decoration:none}
.luc-article .luc-toc a:hover{text-decoration:underline}

@container lucart (max-width:640px){
  .luc-article__body{font-size:16px}
  .luc-article .luc-cols{grid-template-columns:1fr}
  .luc-article .luc-lead{font-size:17px}
  .luc-article details>:not(summary){margin-left:14px;margin-right:14px}
}
@media (max-width:640px){.luc-article{padding:20px 16px 22px;font-size:16px}}

/* ---------- print ---------- */
@media print{
  .luc{max-width:none;margin:0;color:#000}
  .luc__card{box-shadow:none;border-color:#ccc}
  .luc__bar{background:none!important;color:#000;border-bottom:1px solid #ccc}
  .luc__bar-title,.luc__crumbs a,.luc__crumbs [aria-current]{color:#000!important}
  .luc-disclaimer{border-color:#ccc}
  .luc-faq__item>*{display:block!important}
  .luc__bar-actions,.luc__tabs,.luc__swap,.luc__primary,.luc__copy-result,.luc__values,.luc__mw-presets,.luc__below,.luc__badge{display:none!important}
  .luc .luc__panel[hidden]{display:block!important;margin-top:18px;break-inside:avoid}
  .luc__panel{animation:none}
  .luc-article{box-shadow:none;border-color:#ccc}
  .luc-toc{display:none}
  .luc-article details>*{display:block!important}
}
@media (prefers-reduced-motion:reduce){.luc *,.luc-article *{animation:none!important;transition:none!important}}
html:has(.luc-toc){scroll-behavior:smooth}

/* ---------- typography polish (v0.6.0) ---------- */
.luc,.luc-article{font-feature-settings:"kern" 1,"calt" 1;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}
.luc strong,.luc b,.luc summary,.luc-article strong{font-family:inherit}
.luc .luc-faq__item summary{font-family:var(--luc-font-head);font-weight:600}
.luc .luc-sec__h{letter-spacing:-.008em}
.luc .luc-tbl,.luc .luc__result-value,.luc .luc-fact__big,.luc .luc-wex__res,.luc input{font-variant-numeric:tabular-nums}
.luc p,.luc li,.luc-article p,.luc-article li{line-height:1.65}