:root{--fc-metrology-v38w-c001: #e7ebe8;
  --fc-metrology-v38w-c002: #1B2430;
  --fc-metrology-v38w-c003: #fff;
  --fc-metrology-v38w-c004: #aab5ae;
  --fc-metrology-v38w-c005: rgba(15,23,42,.06);
  --fc-metrology-v38w-c006: #365c76;
  --fc-metrology-v38w-c007: #071329;
  --fc-metrology-v38w-c008: #526175;
  --fc-metrology-v38w-c009: #f8f9f7;
  --fc-metrology-v38w-c010: #eef1ee;
  --fc-metrology-v38w-c011: #eef1ee;
  --fc-metrology-v38w-c012: #334155;
  --fc-metrology-v38w-c013: #eef1ee;
  --fc-metrology-v38w-c014: #aab5ae;
  --fc-metrology-v38w-c015: #172129;
  --fc-metrology-v38w-c016: rgba(54,92,118,.10);
  --fc-metrology-v38w-c017: #eef1ee;
  --fc-metrology-v38w-c018: #f8f9f7;
  --fc-metrology-v38w-c019: rgba(15,23,42,.04);
  --fc-metrology-v38w-c020: #0f172a;
  --fc-metrology-v38w-c021: #22344d;
  --fc-metrology-v38w-c022: #aab5ae;
  --fc-metrology-v38w-c023: #eef1ee;
  --fc-metrology-v38w-c024: #94a3b8;
  --fc-metrology-v38w-c025: #475569;
  --fc-metrology-v38w-c026: #f8f9f7;
  --fc-metrology-v38w-c027: #f8f9f7;
  --fc-metrology-v38w-c028: #102033;
  --fc-metrology-v38w-c029: #64748b;
  --fc-metrology-v38w-c030: #aab5ae;
  --fc-metrology-v38w-c031: #365c76;
  --fc-metrology-v38w-c032: #28465b;
  --fc-metrology-v38w-c033: rgba(54,92,118,.12);
  --fc-metrology-v38w-c034: #28465b;
  --fc-metrology-v38w-c035: rgba(54,92,118,.16);
  --fc-metrology-v38w-c036: #10a46f;
  --fc-metrology-v38w-c037: #d92d20;
  --fc-metrology-v38w-c038: #f6b300;
  --fc-metrology-v38w-c039: #365c76;
  --fc-metrology-v38w-c040: #16a34a;
  --fc-metrology-v38w-c041: #ea580c;
  --fc-metrology-v38w-c042: rgba(15,23,42,.05);
  --fc-metrology-v38w-c043: #92400e;
  --fc-metrology-v38w-c044: #fff7ed;
  --fc-metrology-v38w-c045: #fed7aa;
  --fc-metrology-v38w-c046: #eef4f8;
  --fc-metrology-v38w-c047: #0d1117;
  --fc-metrology-v38w-c048: #dbeafe;
  --fc-metrology-v38w-c049: rgba(15,23,42,.55);
  --fc-metrology-v38w-c050: rgba(255,255,255,.12);
  --fc-metrology-v38w-c051: rgba(15,23,42,.86);
  --fc-metrology-v38w-c052: rgba(54,92,118,.55);
  --fc-metrology-v38w-c053: #7dd3c7;
  --fc-metrology-v38w-c054: rgba(54,92,118,.28);
  --fc-metrology-v38w-c055: rgba(54,92,118,.22);
  --fc-metrology-v38w-c056: #16c7b7;
  --fc-metrology-v38w-c057: #071313;
  --fc-metrology-v38w-c058: #00ff6a;
  --fc-metrology-v38w-c059: rgba(54,92,118,.35);
  --fc-metrology-v38w-c060: rgba(15,23,42,.10);
  --fc-metrology-v38w-c061: rgba(0,255,120,.06);
  --fc-metrology-v38w-c062: rgba(0,255,120,.45);
  --fc-metrology-v38w-c063: rgba(0,255,110,.52);
  --fc-metrology-v38w-c064: rgba(0,255,120,.35);
  --fc-metrology-v38w-c065: #031010;
  --fc-metrology-v38w-c066: rgba(0,255,120,.62);
  --fc-metrology-v38w-c067: #f59e0b;
  --fc-metrology-v38w-c068: #b45309;
  --fc-metrology-v38w-c069: #bbf7d0;
  --fc-metrology-v38w-c070: #f0fdf4;
  --fc-metrology-v38w-c071: #fecaca;
  --fc-metrology-v38w-c072: #fef2f2;
  --fc-metrology-v38w-c073: #aab5ae;
  --fc-metrology-v38w-c074: rgba(20,30,45,.05);
  --fc-metrology-v38w-c075: #586472;
  --fc-metrology-v38w-c076: #365c76;
  --fc-metrology-v38w-c077: #eef1ee;
  --fc-metrology-v38w-c078: rgba(54,92,118,.14);
  --fc-metrology-v38w-c079: rgba(20,30,45,.04);
  --fc-metrology-v38w-c080: #eef1ee;
  --fc-metrology-v38w-c081: #F7F9FB;
  --fc-metrology-v38w-c082: #CBD2DB;
  --fc-metrology-v38w-c083: #EEF2F7;
  --fc-metrology-v38w-c084: rgba(15,23,42,.72);
  --fc-metrology-v38w-c085: rgba(15,23,42,.80);
  --fc-metrology-v38w-c086: rgba(0,0,0,.35);
  --fc-metrology-v38w-c087: rgba(15,23,42,.32);
  --fc-metrology-v38w-c088: rgba(245,200,66,.68);
  --fc-metrology-v38w-c089: #F8D24A;
  --fc-metrology-v38w-c090: rgba(245,200,66,.20);
  --fc-metrology-v38w-c091: #F5C842;
  --fc-metrology-v38w-c092: rgba(15,23,42,.82);
  --fc-metrology-v38w-c093: rgba(255,255,255,.16);
  --fc-metrology-v38w-c094: rgba(245,200,66,.24);
  --fc-metrology-v38w-c095: rgba(15,23,42,.42);
  --fc-metrology-v38w-c096: rgba(15,23,42,.38);
  --fc-metrology-v38w-c097: #4f8ef7;
  --fc-metrology-v38w-c098: #16703c;
  --fc-metrology-v38w-c099: #b42318;
  --fc-metrology-v38w-c100: rgba(79,142,247,.35);
  --fc-metrology-v38w-c101: rgba(79,142,247,.08);
  --fc-metrology-v38w-c102: rgba(79,142,247,.18);
  --fc-metrology-v38w-c103: rgba(79, 142, 247, 0.25);
  --fc-metrology-v38w-c104: #a78bfa;
  --fc-metrology-v38w-c105: rgba(79,142,247,.22);
  --fc-metrology-v38w-c106: rgba(79,142,247,.55);
  --fc-metrology-v38w-c107: rgba(107,122,153,.15);
  --fc-metrology-v38w-c108: #dde3f0;
  --fc-metrology-v38w-c109: #6b7a99;
  --fc-metrology-v38w-c110: #2a3050;
  --fc-metrology-v38w-c111: rgba(13, 17, 23, 0.45);
  --fc-metrology-v38w-c112: rgba(255, 255, 255, 0.06);
  --fc-metrology-v38w-c113: rgba(13, 17, 23, 0.82);
  --fc-metrology-v38w-c114: rgba(13,17,23,0.85);
  --fc-metrology-v38w-c115: rgba(79,195,247,.35);
  --fc-metrology-v38w-c116: #0a66c2;
  --fc-metrology-v38w-c117: rgba(10,102,194,0.20);
  --fc-metrology-v38w-c118: rgba(10,102,194,0.25);
  --fc-metrology-v38w-c119: #004182;
  --fc-metrology-v38w-c120: rgba(10,102,194,0.40);
  --fc-metrology-v38w-c121: #25d366;
  --fc-metrology-v38w-c122: rgba(37,211,102,.4);
  --fc-metrology-v38w-c123: #1877f2;
  --fc-metrology-v38w-c124: rgba(24,119,242,.4);
  --fc-metrology-v38w-c125: rgba(10,102,194,.4);
  --fc-metrology-v38w-c126: #000;
  --fc-metrology-v38w-c127: rgba(0,0,0,.4);
  --fc-metrology-v38w-c128: rgba(79,142,247,.25);
  --fc-metrology-v38w-c129: #3ddc84;
  --fc-metrology-v38w-c130: #58a6ff;
  --fc-metrology-v38w-c131: #161b27;
  --fc-metrology-v38w-c132: rgba(79,142,247,.3);
  --fc-metrology-v38w-c133: rgba(79,142,247,.4);
  --fc-metrology-v38w-c134: rgba(79,142,247,.03);
  --fc-metrology-v38w-c135: rgba(79,142,247,.2);
  --fc-metrology-v38w-c136: rgba(0,0,0,.15);
  --fc-metrology-v38w-c137: rgba(255,255,255,.025);
  --fc-metrology-v38w-c138: rgba(79,142,247,.12);
  --fc-metrology-v38w-c139: rgba(42,48,80,.5);
  --fc-metrology-v38w-c140: rgba(79,142,247,.04);
  --fc-metrology-v38w-c141: rgba(0,0,0,.2);
  --fc-metrology-v38w-c142: #1a1a2e;
  --fc-metrology-v38w-c143: #161b22;
  --fc-metrology-v38w-c144: #e6edf3;
  --fc-metrology-v38w-c145: #8b95b3;
  --fc-metrology-v38w-c146: #b3becf;
  --fc-metrology-v38w-c147: #060a0e;
  --fc-metrology-v38w-c148: #0f3320;
  --fc-metrology-v38w-c149: rgba(0,255,65,.04);
  --fc-metrology-v38w-c150: rgba(0,255,65,.07);
  --fc-metrology-v38w-c151: #1f5e35;
  --fc-metrology-v38w-c152: #00ff55;
  --fc-metrology-v38w-c153: rgba(0,255,85,.55);
  --fc-metrology-v38w-c154: rgba(0,255,85,.4);
  --fc-metrology-v38w-c155: rgba(0,255,85,0.25);
  --fc-metrology-v38w-c156: #2d8c4e;
  --fc-metrology-v38w-c157: rgba(245,200,66,.4);
  --fc-metrology-v38w-c158: rgba(13,17,23,0.80);
  --fc-metrology-v38w-c159: rgba(79,142,247,0.42);
  --fc-metrology-v38w-c160: rgba(30,42,70,0.90);
  --fc-metrology-v38w-c161: rgba(79,142,247,.28);
  --fc-metrology-v38w-c162: rgba(79,142,247,0.20);
  --fc-metrology-v38w-c163: rgba(255,193,7,0.18);
  --fc-metrology-v38w-c164: #ffc107;
  --fc-metrology-v38w-c165: #ffd970;
  --fc-metrology-v38w-c166: #8b9dc3;
  --fc-metrology-v38w-c167: rgba(139,157,195,0.42);
  --fc-metrology-v38w-c168: #1b4d2e;
  --fc-metrology-v38w-c169: #1f5c35;
  --fc-metrology-v38w-c170: rgba(61,220,132,.25);
  --fc-metrology-v38w-c171: #4d1b1b;
  --fc-metrology-v38w-c172: #ff6b6b;
  --fc-metrology-v38w-c173: #8c2d2d;
  --fc-metrology-v38w-c174: rgba(255,80,80,0);
  --fc-metrology-v38w-c175: rgba(255,80,80,.45);
  --fc-metrology-v38w-c176: rgba(245,200,66,0.08);
  --fc-metrology-v38w-c177: rgba(245,200,66,0.02);
  --fc-metrology-v38w-c178: rgba(245,200,66,0.32);
  --fc-metrology-v38w-c179: rgba(61,220,132,0.18);
  --fc-metrology-v38w-c180: #1f2535;
  --fc-metrology-v38w-c181: #4fc3f7;
  --fc-metrology-v38w-c182: rgba(79,195,247,.18);
  --fc-metrology-v38w-c183: rgba(54,92,118,.62);
  --fc-metrology-v38w-c184: #D8E1EE;
  --fc-metrology-v38w-c185: #6B7280;
  --fc-metrology-v38w-c186: #2F7FD8;
  --fc-metrology-v38w-c187: #10202A;
}
/* vernier-caliper: moved from simulator/shared/site.css */
 /* ═══════════════════════════════════════════════════════════════════
   shared/site.css  —  Global styles shared across all tool pages
   and the landing page.
   ═══════════════════════════════════════════════════════════════════ */

/* ── Smooth scroll (respects reduced motion) ─────────────────── */
@media (prefers-reduced-motion: no-preference) {
  html{ scroll-behavior: smooth; }
}

 /* ── Focus-visible ring (keyboard accessibility) ─────────────── */
:focus-visible{
  outline: 2px solid var(--accent, var(--fc-metrology-v38w-c097));
  outline-offset: 2px;
  border-radius:3px;
}
 :focus:not(:focus-visible){ outline: none; }

 /* ── Skip-to-content link ────────────────────────────────────── */
.skip-link{
  position: absolute;
  top: -100%;
  left: 16px;
  z-index: 999;
  padding: 10px 20px;
  background: var(--accent, var(--fc-metrology-v38w-c097));
  color: var(--fc-metrology-v38w-c003);
  font-size: 0.85rem;
  font-weight: 700;
  border-radius:3px;
  text-decoration: none;
  transition: top .2s;
}
 .skip-link:focus{
  top: 0;
}

  
:root{
  --bg:        var(--fc-metrology-v38w-c026);
  --surface:   var(--fc-metrology-v38w-c027);
  --surface2:  var(--fc-metrology-v38w-c009);
  --border:    var(--fc-metrology-v38w-c030);
  --accent:    var(--fc-metrology-v38w-c031);
  --accent-lo: var(--fc-metrology-v38w-c035);
  --green:     var(--fc-metrology-v38w-c098);
  --red:       var(--fc-metrology-v38w-c099);
  --gold:      var(--fc-metrology-v38w-c091);
  --text:      var(--fc-metrology-v38w-c028);
  --text-dim:  var(--fc-metrology-v38w-c029);
  --font:      "IBM Plex Sans", "Segoe UI", system-ui, sans-serif;
  --radius:    16px;
}

 /* ── Base body — dark background for all pages ────────────────── */
*{ box-sizing: border-box; margin: 0; padding: 0; }*::before{ box-sizing: border-box; margin: 0; padding: 0; }*::after{ box-sizing: border-box; margin: 0; padding: 0; }
:root{
  background: var(--bg);
  color: var(--text);
  font-family:"Segoe UI",Arial,sans-serif;
  min-height: 100vh;
}

 /* ── Site navigation bar (used by every tool page) ────────────── */
.site-nav{
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 8px 0 4px;
  margin-bottom: 2px;
  border-bottom: 1px solid var(--border);
}

 .site-nav-back{
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 0.78rem;
  font-weight: 600;
  color: var(--accent);
  text-decoration: none;
  padding: 5px 12px;
  border: 1px solid var(--fc-metrology-v38w-c100);
  border-radius:3px;
  background: var(--fc-metrology-v38w-c101);
  transition: background .18s, box-shadow .18s;
}
 .site-nav-back:hover{
  background: var(--fc-metrology-v38w-c102);
  box-shadow:none;
}
 .site-nav-back:active{ transform: scale(0.97); }

 .site-nav-title{
  font-size: 0.72rem;
  text-transform: uppercase;
  letter-spacing: .08em;
  color: var(--text-dim);
}

 /* ── Landing page layout ──────────────────────────────────────── */
.landing-header{
  display: flex;
  align-items: center;
  gap: 36px;
  padding: 48px 0 32px;
}

 /* Big hero logo — sits to the left of the title block */
.landing-logo-hero{
  height: 150px;
  width: auto;
  flex-shrink: 0;
  /* drop-shadow gives depth without a visible box */
  filter: drop-shadow(0 4px 24px var(--fc-metrology-v38w-c103));
}

 /* Title + tagline wrapper */
.landing-text{
  display: flex;
  flex-direction: column;
  gap: 10px;
}

 .landing-header h1{
  font-size: 3rem;
  font-weight:700;
  background: linear-gradient(120deg, var(--fc-metrology-v38w-c097) 0%, var(--fc-metrology-v38w-c104) 55%, var(--fc-metrology-v38w-c091) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  line-height: 1.1;
  margin: 0;
}

 .landing-header p{
  font-size: 1.05rem;
  color: var(--text-dim);
  margin: 0;
  line-height: 1.5;
}

 /* Collapse to vertical stack on narrow screens */
@media (max-width: 560px) {
  .landing-header{
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
    padding: 48px 0 24px;
  }
  .landing-logo-hero{ height: 110px; }
  .landing-header h1{ font-size: 2.2rem; }
}

 /* ── Tool grid ────────────────────────────────────────────────── */
.tool-grid{display: grid;grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));padding: 0 0 48px;gap:16px;}

 /* ── Tool card ────────────────────────────────────────────────── */
.tool-card{
  position: relative;
  display: flex;
  flex-direction: column;
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius:3px;
  overflow: hidden;
  text-decoration: none;
  color: var(--text);
  transition: transform .22s, box-shadow .22s, border-color .22s;
}
 .tool-card:hover{
  transform: translateY(-4px) scale(1.01);
  box-shadow:none;
  border-color: var(--fc-metrology-v38w-c106);
}
 .tool-card:hover .tool-card-thumb{ filter: brightness(1.08); }

 /* top accent stripe */
.tool-card::before{
  content: "";
  display: block;
  height: 3px;
  background: var(--card-accent, var(--accent));
  border-radius:3px;
}

 .tool-card-thumb{
  width: 100%;
  height: 130px;
  object-fit: contain;
  background: var(--surface2);
  padding: 14px;
  border-bottom: 1px solid var(--border);
  transition: filter .22s;
}

 /* placeholder thumb when no image is set */
.tool-card-thumb.placeholder{
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 3rem;
  color: var(--text-dim);
}

 .tool-card-body{
  padding: 14px 16px 16px;
  display: flex;
  flex-direction: column;
  gap: 6px;
  flex: 1;
}

 .tool-card-name{
  font-size: 1rem;
  font-weight: 700;
  color: var(--text);
}

 .tool-card-desc{
  font-size: 0.78rem;
  color: var(--text-dim);
  line-height: 1.55;
}

 .tool-card-footer{
  margin-top: auto;
  padding-top: 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

 .tool-card-tag{
  font-size: 0.65rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .07em;
  padding: 3px 9px;
  border-radius:3px;
  background: var(--accent-lo);
  color: var(--accent);
}

 .tool-card-tag.coming-soon{
  background: var(--fc-metrology-v38w-c107);
  color: var(--text-dim);
}

 .tool-card-arrow{
  font-size: 1rem;
  color: var(--accent);
  transition: transform .18s;
}
 .tool-card:hover .tool-card-arrow{ transform: translateX(4px); }

 /* ── "Coming soon" overlay ────────────────────────────────────── */
.tool-card.disabled{
  pointer-events: none;
  opacity: 0.55;
}

 /* ── Landing footer ───────────────────────────────────────────── */
.landing-footer{
  padding: 32px 0 36px;
  font-size: 0.75rem;
  color: var(--text-dim);
  border-top: 1px solid var(--border);
}
 .landing-footer p{ text-align: center; margin-top: 24px; }
 .footer-links{
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
  gap: 20px 16px;
  margin-bottom: 8px;
}
 .footer-col h3{
  font-size: 0.7rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: var(--text, var(--fc-metrology-v38w-c108));
  margin: 0 0 6px;
}
 .footer-col a{
  display: block;
  font-size: 0.72rem;
  color: var(--text-dim, var(--fc-metrology-v38w-c109));
  text-decoration: none;
  padding: 2px 0;
  transition: color 0.15s;
}
 .footer-col a:hover{ color: var(--accent, var(--fc-metrology-v38w-c097)); }

 /* ── Tool page footer ────────────────────────────────────────── */
.tool-footer{
  margin-top: 40px;
  padding: 20px 0;
  border-top: 1px solid var(--border, var(--fc-metrology-v38w-c110));
  text-align: center;
  font-size: 0.72rem;
  color: var(--text-dim, var(--fc-metrology-v38w-c109));
}
 .tool-footer nav{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 6px 14px;
  margin-bottom: 12px;
}
 .tool-footer nav a{
  color: var(--text-dim, var(--fc-metrology-v38w-c109));
  text-decoration: none;
  transition: color 0.15s;
}
 .tool-footer nav a:hover{ color: var(--accent, var(--fc-metrology-v38w-c097)); }
 .tool-footer p{ margin: 0; }

 /* ── Fixed brand logo — top-left corner,  every page ───────────── */
/*
   Two-step background removal (no transparent PNG needed):
     1. filter:invert(1)        → white-bg becomes black,  brand
                                   darks become light/white
     2. mix-blend-mode:screen   → black (ex-white-bg) screened
                                   against the dark page ≈ invisible;
                                   light elements remain bright & visible
*/
.logo-fixed{
  position: fixed;
  top: 0;
  left: 0;
  z-index: 300;
  display: block;
  line-height: 0;
  text-decoration: none;
  padding: 8px 18px 10px;
  /* Barely-there frosted backdrop — anchors the logo visually
     if it ever overlaps colourful content */
  background: var(--fc-metrology-v38w-c111);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  border-bottom-right-radius: 14px;
  border-right:  1px solid var(--fc-metrology-v38w-c112);
  border-bottom: 1px solid var(--fc-metrology-v38w-c112);
  transition: background .2s;
}
 .logo-fixed:hover{
  background: var(--fc-metrology-v38w-c113);
}
 .logo-fixed img{
  height: 36px;
  width: auto;
  display: block;
  /* transparent PNG — no filter tricks needed */
  transition: opacity .2s;
}
 .logo-fixed:hover img{ opacity: 0.82; }
 /* tiny home-icon badge on the logo */
.logo-fixed::after{
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='%234fc3f7' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z'/%3E%3Cpolyline points='9 22 9 12 15 12 15 22'/%3E%3C/svg%3E");
  position: absolute; bottom: 4px; right: 4px;
  display: flex; align-items: center; justify-content: center;
  width: 18px; height: 18px;
  background: var(--fc-metrology-v38w-c114);
  border: 1px solid var(--fc-metrology-v38w-c115); border-radius:3px;
  opacity: 0.65; transition: opacity .18s;
}
 .logo-fixed:hover::after{ opacity: 1; }

 /* give tool-page nav a left indent so it never hides behind the logo */
.site-nav{ padding-left: 10px; }

  
.seo-about{
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius:3px;
  padding: 32px 36px;
  margin: 32px 0 0;
}.seo-article{
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius:3px;
  padding: 32px 36px;
  margin: 32px 0 0;
}

 .seo-about h2{
  font-size: 1.25rem;
  font-weight: 700;
  color: var(--text);
  margin-bottom: 16px;
  padding-bottom: 12px;
  border-bottom: 1px solid var(--border);
}.seo-article h2{
  font-size: 1.25rem;
  font-weight: 700;
  color: var(--text);
  margin-bottom: 16px;
  padding-bottom: 12px;
  border-bottom: 1px solid var(--border);
}

 .seo-about h3{
  font-size: 0.8rem;
  font-weight: 700;
  color: var(--accent);
  margin: 22px 0 8px;
  text-transform: uppercase;
  letter-spacing: .07em;
}.seo-article h3{
  font-size: 0.8rem;
  font-weight: 700;
  color: var(--accent);
  margin: 22px 0 8px;
  text-transform: uppercase;
  letter-spacing: .07em;
}

 .seo-about p{
  font-size: 0.875rem;
  color: var(--text-dim);
  line-height: 1.78;
  margin: 0 0 10px;
}.seo-article p{
  font-size: 0.875rem;
  color: var(--text-dim);
  line-height: 1.78;
  margin: 0 0 10px;
}

 .seo-about ul{
  list-style: none;
  padding: 0;
  margin: 8px 0 12px;
  display: flex;
  flex-direction: column;
  gap: 7px;
}.seo-article ul{
  list-style: none;
  padding: 0;
  margin: 8px 0 12px;
  display: flex;
  flex-direction: column;
  gap: 7px;
}

 .seo-about li{
  font-size: 0.875rem;
  color: var(--text-dim);
  line-height: 1.65;
  padding-left: 18px;
  position: relative;
}.seo-article li{
  font-size: 0.875rem;
  color: var(--text-dim);
  line-height: 1.65;
  padding-left: 18px;
  position: relative;
}

 .seo-about li::before{
  content: "›";
  position: absolute;
  left: 0;
  color: var(--accent);
  font-weight: 700;
}.seo-article li::before{
  content: "›";
  position: absolute;
  left: 0;
  color: var(--accent);
  font-weight: 700;
}

 .seo-about strong{
  color: var(--text);
  font-weight: 600;
}.seo-article strong{
  color: var(--text);
  font-weight: 600;
}

@media (max-width: 600px) {
   .seo-about{ padding: 22px 18px; }.seo-article{ padding: 22px 18px; }
}

 /* ── Developer card ───────────────────────────────────────────── */
.dev-card{display: flex;align-items: center;gap: 28px;background: var(--surface);border: 1px solid var(--border);border-radius:3px;position: relative;overflow: hidden;padding:16px;margin: 24px 0 0;}

 /* LinkedIn-to-accent gradient top stripe */
.dev-card::before{
  content: "";
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 3px;
  background: linear-gradient(90deg, var(--fc-metrology-v38w-c116) 0%, var(--fc-metrology-v38w-c097) 55%, var(--fc-metrology-v38w-c104) 100%);
}

 .dev-photo-wrap{ flex-shrink: 0; }

 .dev-photo{
  width: 92px;
  height: 92px;
  border-radius:3px;
  object-fit: cover;
  object-position: center top;
  border: 3px solid var(--fc-metrology-v38w-c116);
  box-shadow:none;
  display: block;
}

 .dev-info{
  display: flex;
  flex-direction: column;
  gap: 5px;
}

 .dev-label{
  font-size: 0.62rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .12em;
  color: var(--text-dim);
  margin-bottom: 2px;
}

 .dev-name{
  font-size: 1.12rem;
  font-weight:700;
  color: var(--text);
  line-height: 1.2;
}

 .dev-title{
  font-size: 0.83rem;
  color: var(--accent);
  font-weight: 500;
}

 .dev-degree{
  font-size: 0.76rem;
  color: var(--text-dim);
  font-style: italic;
}

 .dev-tags{
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 6px;
}

 .dev-tags span{
  font-size: 0.63rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .06em;
  padding: 3px 10px;
  border-radius:3px;
  background: var(--surface2);
  border: 1px solid var(--border);
  color: var(--text-dim);
}

 .dev-linkedin{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-top: 10px;
  padding: 8px 18px;
  background: var(--fc-metrology-v38w-c116);
  color: var(--fc-metrology-v38w-c003);
  border-radius:3px;
  text-decoration: none;
  font-size: 0.78rem;
  font-weight: 700;
  width: fit-content;
  transition: background .18s, box-shadow .18s, transform .18s;
}
 .dev-linkedin:hover{
  background: var(--fc-metrology-v38w-c119);
  box-shadow:none;
  transform: translateY(-1px);
}
 .dev-linkedin svg{ flex-shrink: 0; }

@media (max-width: 600px) {
   .dev-card{flex-direction: column;align-items: flex-start;gap: 16px;padding:16px;}
   .dev-photo{ width: 76px; height: 76px; }
}

 /* ── Social share bar (injected by related.js on tool pages) ──── */
.share-bar{
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 28px 0 0;
  padding: 16px 22px;
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius:3px;
  flex-wrap: wrap;
}

 .share-bar-label{
  font-size: 0.76rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .06em;
  color: var(--text-dim);
  margin-right: 4px;
}

 .share-btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius:3px;
  border: none;
  cursor: pointer;
  text-decoration: none;
  transition: transform .18s, box-shadow .18s, filter .18s;
  position: relative;
}
 .share-btn:hover{
  transform: translateY(-2px) scale(1.08);
  filter: brightness(1.12);
}
 .share-btn:active{ transform: scale(0.95); }
 .share-btn svg{ width: 20px; height: 20px; fill: var(--fc-metrology-v38w-c003); }

 .share-btn--wa{ background: var(--fc-metrology-v38w-c121); }
 .share-btn--wa:hover{ box-shadow:none; }
 .share-btn--fb{ background: var(--fc-metrology-v38w-c123); }
 .share-btn--fb:hover{ box-shadow:none; }
 .share-btn--li{ background: var(--fc-metrology-v38w-c116); }
 .share-btn--li:hover{ box-shadow:none; }
 .share-btn--tw{ background: var(--fc-metrology-v38w-c126); }
 .share-btn--tw:hover{ box-shadow:none; }
 .share-btn--copy{
  background: var(--surface2);
  border: 1px solid var(--border);
}
 .share-btn--copy:hover{ box-shadow:none; }
 .share-btn--qr{
  background: var(--surface2);
  border: 1px solid var(--border);
}
 .share-btn--qr:hover{ box-shadow:none; }
 .share-btn--qr svg{ fill: var(--text-dim); width: 18px; height: 18px; }
 .share-btn--copy svg{ fill: var(--text-dim); width: 18px; height: 18px; }

 /* "Copied!" tooltip */
.share-btn--copy .share-tooltip{
  position: absolute;
  bottom: calc(100% + 6px);
  left: 50%;
  transform: translateX(-50%) scale(0.8);
  background: var(--green, var(--fc-metrology-v38w-c129));
  color: var(--fc-metrology-v38w-c047);
  font-size: 0.65rem;
  font-weight: 700;
  padding: 3px 10px;
  border-radius:3px;
  white-space: nowrap;
  opacity: 0;
  pointer-events: none;
  transition: opacity .2s, transform .2s;
}
 .share-btn--copy .share-tooltip.show{
  opacity: 1;
  transform: translateX(-50%) scale(1);
}

@media (max-width: 480px) {
   .share-bar{ padding: 12px 14px; gap: 8px; }
   .share-btn{ width: 36px; height: 36px; border-radius:3px; }
   .share-btn svg{ width: 17px; height: 17px; }
   .share-bar-label{ font-size: 0.68rem; width: 100%; margin-bottom: 2px; }
}

 /* ── SEO article internal links ──────────────────────────── */
.seo-article a{
  color: var(--fc-metrology-v38w-c130);
  text-decoration: underline;
  text-underline-offset: 2px;
  text-decoration-thickness: 1px;
  transition: color 0.15s;
}
 .seo-article a:hover{
  color: var(--fc-metrology-v38w-c003);
}

 /* ═══════════════════════════════════════════════════════════════════
   USER GUIDE — Inline expandable <details> sections
   Placed between share bar and SEO article. 100% indexable by Google.
   ═══════════════════════════════════════════════════════════════════ */

.user-guide{
  background: var(--surface, var(--fc-metrology-v38w-c131));
  border: 1px solid var(--border, var(--fc-metrology-v38w-c110));
  border-radius:3px;
  padding: 24px 28px;
  scroll-margin-top: 16px;
  position: relative;
  overflow: hidden;
}
 /* Subtle top accent stripe */
.user-guide::before{
  content: "";
  position: absolute; top: 0; left: 0; right: 0; height: 3px;
  background: linear-gradient(90deg, var(--accent, var(--fc-metrology-v38w-c097)), transparent 70%);
  border-radius:3px;
}

 .user-guide-title{
  display: flex; align-items: center; gap: 10px;
  font-size: 1.15rem; font-weight: 700;
  color: var(--text, var(--fc-metrology-v38w-c108));
  margin-bottom: 16px; padding-bottom: 12px;
  border-bottom: 1px solid var(--border, var(--fc-metrology-v38w-c110));
}
 .user-guide-title svg{
  flex-shrink: 0;
  color: var(--accent, var(--fc-metrology-v38w-c097));
  filter: drop-shadow(0 0 4px var(--fc-metrology-v38w-c132));
}
 .user-guide-title .guide-icon-badge{
  display: inline-flex; align-items: center; justify-content: center;
  width: 32px; height: 32px; border-radius:3px;
  background: linear-gradient(135deg, var(--accent, var(--fc-metrology-v38w-c097)), var(--fc-metrology-v38w-c133));
  color: var(--fc-metrology-v38w-c003); font-size: 1rem; flex-shrink: 0;
}

 /* ── Individual section (native <details>) ── */
.user-guide details{
  border: 1px solid var(--border, var(--fc-metrology-v38w-c110));
  border-radius:3px;
  margin-bottom: 6px;
  background: var(--bg, var(--fc-metrology-v38w-c047));
  transition: background .2s, border-color .2s, box-shadow .2s;
}
 .user-guide details:hover{
  border-color: var(--fc-metrology-v38w-c128);
}
 .user-guide details[open]{
  background: var(--fc-metrology-v38w-c134);
  border-color: var(--fc-metrology-v38w-c135);
  margin-bottom: 10px;
  box-shadow:none;
}

 .user-guide summary{
  padding: 12px 16px;
  cursor: pointer;
  font-size: 0.88rem; font-weight: 600;
  color: var(--text, var(--fc-metrology-v38w-c108));
  list-style: none;
  display: flex; align-items: center; gap: 10px;
  transition: color .15s, background .15s;
  border-radius:3px;
  user-select: none;
}
 .user-guide summary::-webkit-details-marker{ display: none; }

 /* Arrow indicator */
.user-guide summary::after{
  content: "";
  margin-left: auto;
  width: 18px; height: 18px; flex-shrink: 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none' viewBox='0 0 18 18'%3E%3Cpath d='M6.5 4.5L11.5 9 6.5 13.5' stroke='%236b7a99' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat; background-position: center;
  transition: transform .25s ease, filter .2s;
}
 .user-guide details[open] > summary::after{
  transform: rotate(90deg);
  filter: brightness(1.5);
}

 .user-guide summary:hover{
  background: var(--fc-metrology-v38w-c137);
  color: var(--accent, var(--fc-metrology-v38w-c097));
}
 .user-guide summary:hover::after{
  filter: brightness(1.8);
}

 /* Section number badge */
.user-guide summary .guide-section-num{
  font-size: 0.72rem; font-weight: 700;
  color: var(--accent, var(--fc-metrology-v38w-c097));
  background: var(--fc-metrology-v38w-c138);
  border: 1px solid var(--fc-metrology-v38w-c102);
  padding: 3px 8px; border-radius:3px;
  min-width: 24px; text-align: center;
  line-height: 1.2;
  transition: background .2s, color .2s;
}
 .user-guide details[open] > summary .guide-section-num{
  background: var(--accent, var(--fc-metrology-v38w-c097));
  color: var(--fc-metrology-v38w-c003);
  border-color: transparent;
}

 /* ── Section content ── */
.user-guide .guide-content{
  padding: 2px 18px 18px 52px;
  font-size: 0.84rem; line-height: 1.75;
  color: var(--text-dim, var(--fc-metrology-v38w-c109));
  border-top: 1px solid var(--border, var(--fc-metrology-v38w-c110));
  margin: 0 12px;
}
 .user-guide .guide-content p{
  margin: 8px 0;
}
 .user-guide .guide-content strong{
  color: var(--text, var(--fc-metrology-v38w-c108));
  font-weight: 600;
}
 .user-guide .guide-content ul{
  padding-left: 18px; margin: 6px 0 10px;
}.user-guide .guide-content ol{
  padding-left: 18px; margin: 6px 0 10px;
}
 .user-guide .guide-content li{
  margin-bottom: 5px;
  padding-left: 2px;
}
 .user-guide .guide-content li::marker{
  color: var(--accent, var(--fc-metrology-v38w-c097));
}

:root   
.user-guide .guide-content table{margin: 10px 0 14px;overflow: hidden;background:#fff;color:#000;font-family:"Segoe UI", Arial, sans-serif;font-size:13px;line-height:1.4;box-shadow:none;opacity:1;border:1px solid #aab5ae;border-collapse:collapse;border-spacing:0;width:100%;}
 .user-guide .guide-content th{text-align: left;font-weight: 700;text-transform: uppercase;letter-spacing: .04em;background:#fff;color:#000;font-family:"Segoe UI", Arial, sans-serif;font-size:13px;line-height:1.4;box-shadow:none;opacity:1;border:1px solid #aab5ae;padding:8px 10px;vertical-align:top;}
 .user-guide .guide-content td{background:#fff;color:#000;font-family:"Segoe UI", Arial, sans-serif;font-size:13px;line-height:1.4;box-shadow:none;opacity:1;border:1px solid #aab5ae;padding:8px 10px;vertical-align:top;}
 .user-guide .guide-content tr:hover td{
  background: var(--fc-metrology-v38w-c140);
}

 /* Inline code & keyboard shortcuts */
.user-guide .guide-content kbd{
  display: inline-block; padding: 2px 7px; border-radius:3px;
  background: var(--bg, var(--fc-metrology-v38w-c047)); border: 1px solid var(--border, var(--fc-metrology-v38w-c110));
  font-family:"Segoe UI",Arial,sans-serif; font-size: 0.78rem;
  color: var(--text, var(--fc-metrology-v38w-c108));
  box-shadow:none;
}
 .user-guide .guide-content code{
  background: var(--fc-metrology-v38w-c101); padding: 2px 6px;
  border-radius:3px; font-size: 0.82rem;
  color: var(--accent, var(--fc-metrology-v38w-c097));
  border: 1px solid var(--fc-metrology-v38w-c138);
}

 /* ── Responsive ── */
@media (max-width: 768px) {
  .user-guide{ padding: 16px 18px; }
  .user-guide summary{ padding: 10px 14px; font-size: 0.85rem; }
  .user-guide .guide-content{ padding: 2px 14px 14px 38px; }
}
@media (max-width: 500px) {
   .user-guide{ padding: 12px 14px; }
   .user-guide-title{ font-size: 0.98rem; gap: 8px; }
   .user-guide-title .guide-icon-badge{ width: 26px; height: 26px; font-size: 0.85rem; }
   .user-guide summary{ padding: 9px 12px; font-size: 0.82rem; gap: 8px; }
   .user-guide summary .guide-section-num{ padding: 2px 6px; font-size: 0.68rem; min-width: 20px; }
   .user-guide .guide-content{ padding: 2px 10px 12px 28px; font-size: 0.8rem; }
  :root  .user-guide .guide-content table{background:#fff;color:#000;font-family:"Segoe UI", Arial, sans-serif;font-size:13px;line-height:1.4;box-shadow:none;opacity:1;border:1px solid #aab5ae;border-collapse:collapse;border-spacing:0;width:100%;}
}

 /* ── Report-Issue Button (share bar) ──────────────────────── */
.btn-report{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-left: auto;
  height: 40px;
  padding: 0 16px;
  border: none;
  border-radius:3px;
  cursor: pointer;
  font-size: 0.82rem;
  font-weight: 700;
  background: var(--fc-metrology-v38w-c091);
  color: var(--fc-metrology-v38w-c142);
  text-decoration: none;
  transition: filter .18s;
  white-space: nowrap;
}
 .btn-report:hover{ filter: brightness(1.1); }
 .btn-report .btn-report-icon{ display: none; }
@media (max-width: 600px) {
   .btn-report{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    padding: 0;
    border-radius:3px;
    font-size: 0;
  }
   .btn-report .btn-report-icon{
    display: inline;
    font-size: 17px;
    font-weight: 700;
    line-height: 1;
  }
}

 /* ── Site Footer ─────────────────────────────────────────────── */
.site-footer{
  margin-top: 48px;
  padding: 20px 16px;
  border-top: 1px solid var(--border, var(--fc-metrology-v38w-c110));
  text-align: center;
  font-size: 0.72rem;
  color: var(--text-dim, var(--fc-metrology-v38w-c109));
}
 .site-footer-nav{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 6px 16px;
  margin-bottom: 10px;
}
 .site-footer-nav a{
  color: var(--text-dim, var(--fc-metrology-v38w-c109));
  text-decoration: none;
  transition: color .15s;
}
 .site-footer-nav a:hover{ color: var(--accent, var(--fc-metrology-v38w-c097)); }
 .site-footer-copy{
  font-size: 0.68rem;
  color: var(--text-dim, var(--fc-metrology-v38w-c109));
}

 /* ── Cookie Notice Banner ────────────────────────────────────── */
#cookie-notice{
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9999;
  background: var(--fc-metrology-v38w-c131);
  border-top: 1px solid var(--border, var(--fc-metrology-v38w-c110));
  padding: 12px 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  flex-wrap: wrap;
  font-size: 0.78rem;
  color: var(--text-dim, var(--fc-metrology-v38w-c109));
}
 #cookie-notice a{
  color: var(--accent, var(--fc-metrology-v38w-c097));
  text-decoration: underline;
}
 #cookie-notice-btn{
  background: var(--accent, var(--fc-metrology-v38w-c097));
  color: var(--fc-metrology-v38w-c003);
  border: none;
  border-radius:3px;
  padding: 6px 16px;
  font-size: 0.78rem;
  font-weight: 600;
  cursor: pointer;
  white-space: nowrap;
}
 #cookie-notice-btn:hover{ filter: brightness(1.1); }

 /* ──────────────────────────────────────────────────────────
   Author byline (E-E-A-T signal block for every article/tool)
   ────────────────────────────────────────────────────────── */
.author-byline{
  display:flex;align-items:center;gap:14px;
  margin:0 0 24px 0;padding:14px 16px;
  background:var(--surface, var(--fc-metrology-v38w-c143));
  border:1px solid var(--border, var(--fc-metrology-v38w-c110));
  border-left:3px solid var(--accent, var(--fc-metrology-v38w-c097));
  border-radius:3px;
  font-size:0.86rem;line-height:1.45;
}
 .author-byline .byline-photo-link{flex-shrink:0;display:block;line-height:0;}
 .author-byline img{
  width:48px;height:48px;border-radius:3px;
  border:1px solid var(--border, var(--fc-metrology-v38w-c110));
  display:block;
}
 .author-byline .byline-text{min-width:0;}
 .author-byline .byline-row1{
  font-weight:600;color:var(--text, var(--fc-metrology-v38w-c144));
}
 .author-byline .byline-row1 a{
  color:var(--accent, var(--fc-metrology-v38w-c097));text-decoration:none;
}
 .author-byline .byline-row1 a:hover{text-decoration:underline;}
 .author-byline .byline-row2{
  color:var(--text-dim, var(--fc-metrology-v38w-c145));font-size:0.8rem;margin-top:2px;
}
 .author-byline .byline-row3{
  color:var(--text-dim, var(--fc-metrology-v38w-c145));font-size:0.76rem;margin-top:4px;
}
 .author-byline .byline-row3 a{
  color:var(--text-dim, var(--fc-metrology-v38w-c145));text-decoration:underline;
}
 .author-byline .byline-row3 a:hover{color:var(--accent, var(--fc-metrology-v38w-c097));}
@media (max-width:500px){
   .author-byline{padding:12px;gap:10px;}
   .author-byline img{width:40px;height:40px;}
   .author-byline .byline-row1{font-size:0.82rem;}
}

 /* ──────────────────────────────────────────────────────────
   Further-reading callout — links each tool to its blog guide
   (hub-and-spoke signal for topical clustering)
   ────────────────────────────────────────────────────────── */
.further-reading{
  display:block;
  margin:28px 0 16px 0;padding:14px 18px;
  background:var(--surface, var(--fc-metrology-v38w-c143));
  border:1px solid var(--border, var(--fc-metrology-v38w-c110));
  border-left:3px solid var(--accent, var(--fc-metrology-v38w-c097));
  border-radius:3px;
}
 .further-reading p{
  margin:0;font-size:0.92rem;line-height:1.55;
  color:var(--text-dim, var(--fc-metrology-v38w-c146));
}
 .further-reading a{
  color:var(--accent, var(--fc-metrology-v38w-c097));text-decoration:none;
}
 .further-reading a:hover{text-decoration:underline;}
 .further-reading strong{color:var(--text, var(--fc-metrology-v38w-c144));}
@media (max-width:500px){
   .further-reading{padding:12px 14px;}
   .further-reading p{font-size:0.86rem;}
}

 /* ─── AdSense ad slots ────────────────────────────────────── */
.ad-slot{
  display: block;
  margin: 12px auto;
  text-align: center;
  min-height: 90px;
}
 .ad-slot.ad-above-canvas{ min-height: 90px; }
 .ad-slot.ad-below-canvas{ min-height: 90px; }
@media (max-width: 767px) {
   .ad-slot.ad-above-canvas{ min-height: 50px; }
   .ad-slot.ad-below-canvas{ min-height: 0; }
}
 /* desktop-only slots (kept for restore compatibility — currently no
   Slot 2 wrapper on any tool page,  but restore_slot2.py re-injects the
   .desktop-only wrapper if Slot 2 is ever brought back). */
@media (max-width: 767px) {
  .ad-slot.desktop-only{ display: none !important; }
}
 /* Show the right viewport <ins> — !important needed to beat AdSense's inline style="display:inline-block" */
.ad-slot .ad-desktop{ display: inline-block !important; }
 .ad-slot .ad-mobile{ display: none !important; }
@media (max-width: 767px) {
   .ad-slot .ad-desktop{ display: none !important; }
   .ad-slot .ad-mobile{ display: inline-block !important; }
}
 /* Collapse unfilled slots (officially supported via data-ad-status) */
ins.adsbygoogle[data-ad-status="unfilled"]{ display: none !important; }
 .ad-slot:has(> ins.adsbygoogle[data-ad-status="unfilled"]):not(:has(> ins.adsbygoogle[data-ad-status="filled"])){
  display: none !important;
  min-height: 0 !important;
  margin: 0 !important;
}

 /* ─── AdSense In-feed native card (homepage,  category,  related strip) ───
   Default state = visually invisible (no border,  no background). AdSense JS
   needs the slot in the DOM with width to render,  but we don't show any
   "blank tile" styling until the slot is actually filled.
   - data-ad-status="filled"   → restore card border + surface
   - data-ad-status="unfilled" → collapse entirely
   - no status (still loading or AdSense never reached it) → invisible,  but
     still occupies width. A 3.5 s JS fallback in shared/ads-collapse.js
     marks any still-unprocessed slot as "unfilled" so it collapses too. */
.tool-card.ad-card{
  display: flex;
  flex-direction: column;
  background: transparent;
  border: none;
  border-radius:3px;
  overflow: hidden;
  /* Reserve height so AdSense's auction sees a fillable slot, not a 1-px
     "hidden" surface. Without this the In-feed unit never gets filled
     (Google declines fluid/native ads into slots without usable height). */
  min-height: 280px;
}
 .tool-card.ad-card > ins.adsbygoogle{
  display: block;
  width: 100%;
  min-height: 240px;          /* AdSense needs a height hint for fluid format */
}
 /* Width MUST be >= 250px on every viewport — Google rejects fluid
   responsive ads at availableWidth < 250 with:
   "TagError: Fluid responsive ads must be at least 250px wide".
   The ad card is therefore slightly wider than the organic tool cards
   (230/200/175 px) — visually fine,  and gets accepted by AdSense. */
.row-track .tool-card.ad-card{ flex: 0 0 260px; width: 260px; }
@media (max-width: 768px) {  .row-track .tool-card.ad-card{ flex: 0 0 260px; width: 260px; } }
@media (max-width: 480px) {  .row-track .tool-card.ad-card{ flex: 0 0 260px; width: 260px; } }
 .related-track .tool-card.ad-card{ flex: 0 0 260px; width: 260px; }
@media (max-width: 600px) {  .related-track .tool-card.ad-card{ flex: 0 0 260px; width: 260px; } }
@media (max-width: 380px) {  .related-track .tool-card.ad-card{ flex: 0 0 260px; width: 260px; } }
 /* When filled,  restore card chrome so the ad reads as a card */
.tool-card.ad-card:has(> ins.adsbygoogle[data-ad-status="filled"]){
  background: var(--surface);
  border: 1px solid var(--border);
}
 /* When explicitly unfilled,  collapse the whole card */
.tool-card.ad-card:has(> ins.adsbygoogle[data-ad-status="unfilled"]){
  display: none !important;
}

 /* ─── AdSense In-article ad (blog posts only) ──────────────────
   Sits between <section>/<h2> blocks inside .blog-article. Fluid
   format — AdSense sizes the slot itself. Collapses cleanly when
   unfilled (same pattern as ad-card). */
.ad-in-article{
  margin: 24px auto;
  text-align: center;
  max-width: 100%;
  /* Reserve height so AdSense's auction sees a fillable slot. Without this
     the in-article unit fills only opportunistically (7-11 imp/day on the
     full blog) because Google declines fluid ads into 0-height surfaces. */
  min-height: 280px;
}
 .ad-in-article > ins.adsbygoogle{
  display: block;
  min-height: 250px;          /* fluid format needs a height hint */
}
 .ad-in-article:has(> ins.adsbygoogle[data-ad-status="unfilled"]){
  display: none !important;
  margin: 0 !important;
}

 .logo-fixed{display:none!important;}.site-nav{display:none!important;}.site-footer{display:none!important;}.author-byline{display:none!important;}


/* vernier-caliper: moved from simulator/style.css */
 /* ── Reset & Tokens ───────────────────────────────────────────────── */
*{ box-sizing: border-box; margin: 0; padding: 0; }*::before{ box-sizing: border-box; margin: 0; padding: 0; }*::after{ box-sizing: border-box; margin: 0; padding: 0; }

:root{
  --bg:        var(--fc-metrology-v38w-c026);
  --surface:   var(--fc-metrology-v38w-c027);
  --surface2:  var(--fc-metrology-v38w-c009);
  --border:    var(--fc-metrology-v38w-c030);
  --accent:    var(--fc-metrology-v38w-c031);
  --accent-lo: var(--fc-metrology-v38w-c035);
  --green:     var(--fc-metrology-v38w-c098);
  --red:       var(--fc-metrology-v38w-c099);
  --gold:      var(--fc-metrology-v38w-c091);
  --text:      var(--fc-metrology-v38w-c028);
  --text-dim:  var(--fc-metrology-v38w-c029);
  --font:      "IBM Plex Sans", "Segoe UI", system-ui, sans-serif;
  --mono:      "Courier New", monospace;
  --radius:    16px;
  --msr:  var(--fc-metrology-v38w-c039);
  --vsr:  var(--fc-metrology-v38w-c040);
  --lc:   var(--fc-metrology-v38w-c041);
}

:root{
  background: var(--bg);
  color: var(--text);
  font-family:"Segoe UI",Arial,sans-serif;
  min-height: 100vh;
  padding: 0 16px 36px;
}

 #app{ max-width: 1320px; margin: 0 auto; display: flex; flex-direction: column; gap: 14px; padding-top: 16px; }

 /* ── Header ─────────────────────────────────────────────────────── */
header{ text-align: center; padding: 4px 0; }
 header h1{
  font-size: 1.8rem; font-weight: 700;
  background: linear-gradient(120deg, var(--fc-metrology-v38w-c097) 0%, var(--fc-metrology-v38w-c104) 100%);
  -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;
}
 .subtitle{ color: var(--text-dim); font-size: 0.85rem; margin-top: 3px; }

 /* ── Controls bar ────────────────────────────────────────────────── */
.controls-bar{
  display: flex; flex-wrap: wrap; align-items: center; gap: 14px;
  padding: 12px 16px;
  background: var(--surface); border: 1px solid var(--border); border-radius:3px;
}
 .ctrl-group{ display: flex; align-items: center; gap: 8px; }
 .ctrl-label{ font-size: 0.72rem; text-transform: uppercase; letter-spacing: .06em; color: var(--text-dim); white-space: nowrap; }

 .pill-tabs{display: flex;background:transparent;border:0;box-shadow:none;padding:0;gap:8px;margin:0 0 16px;}
 .pill{
  padding: 5px 13px; border: none; background: transparent; color: var(--text-dim);
  border-radius:3px; cursor: pointer; font-size: 0.81rem; transition: background .18s, color .18s, box-shadow .18s;
}
 .pill.active{ background: var(--accent); color: var(--fc-metrology-v38w-c003); box-shadow:none; }
 .pill:hover:not(.active){ background: var(--surface2); color: var(--text); }

 /* ── Caliper canvas ──────────────────────────────────────────────── */
.canvas-card{
  position: relative;
  background: var(--surface); border: 1px solid var(--border); border-radius:3px;
  padding: 10px; cursor: grab; overflow-x: clip;
}
 .canvas-card:active{ cursor: grabbing; }
 #caliper{ display:block; margin:0 auto; touch-action:pan-y; width:100%; height:auto; max-width:none; }

 .drag-hint{
  position: absolute; bottom: 12px; right: 16px;
  font-size: 0.72rem; color: var(--text-dim); pointer-events: none; transition: opacity .4s;
}
 .drag-hint.hidden{ opacity: 0; }

 /* ── Info row ────────────────────────────────────────────────────── */
.info-row{
  display: grid;
  grid-template-columns: 156px auto 1fr;
  gap: 12px;
  align-items: stretch;
}

 /* ── 1. Digital readout ──────────────────────────────────────────── */
.digital-readout{
  display: flex; flex-direction: column; align-items: center; justify-content: center;
  background: var(--fc-metrology-v38w-c147); border: 2px solid var(--fc-metrology-v38w-c148); border-radius:3px;
  padding: 14px 10px;
  box-shadow:none;
}
 .dr-label{ font-size: 0.65rem; color: var(--fc-metrology-v38w-c151); text-transform: uppercase; letter-spacing: .12em; margin-bottom: 4px; }
 .dr-value{
  font-family:"Segoe UI",Arial,sans-serif; font-size: 2.2rem; font-weight: 700;
  color: var(--fc-metrology-v38w-c152); text-shadow: 0 0 10px var(--fc-metrology-v38w-c153);
  letter-spacing: .04em; line-height: 1;
}
 /* Practice input — styled as the LCD readout */
.dr-input{
  font-family:"Segoe UI",Arial,sans-serif; font-size: 2.2rem; font-weight: 700;
  color: var(--fc-metrology-v38w-c152); text-shadow: 0 0 10px var(--fc-metrology-v38w-c154);
  background: transparent; border: none; outline: none;
  width: 100%; text-align: center; caret-color: var(--fc-metrology-v38w-c152);
  letter-spacing: .04em; line-height: 1;
  -moz-appearance: textfield;
}
 .dr-input::-webkit-outer-spin-button{ -webkit-appearance: none; }.dr-input::-webkit-inner-spin-button{ -webkit-appearance: none; }
 .dr-input::placeholder{ color: var(--fc-metrology-v38w-c155); }
 .dr-unit{ font-size: 0.72rem; color: var(--fc-metrology-v38w-c156); margin-top: 5px; letter-spacing: .06em; }

 /* hide/show logic controlled in JS via .hidden class */
.dr-input{ display: none; }
 .dr-value{ display: block; }

 /* ── 2. Reading cells: MSR / VSR / LC ────────────────────────────── */
.reading-cells{
  display: flex; gap: 8px; align-items: stretch;
}

 .rcell{
  flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center;
  background: var(--surface); border: 1px solid var(--border); border-radius:3px;
  padding: 10px 6px; min-width: 72px; text-align: center; position: relative; overflow: hidden;
  transition: filter .35s ease;
}
 /* coloured top accent bar */
.rcell::before{
  content: ""; position: absolute; top: 0; left: 0; right: 0; height: 3px; border-radius:3px;
}
 .rcell-msr::before{ background: var(--msr); }
 .rcell-vsr::before{ background: var(--vsr); }
 .rcell-lc::before{ background: var(--lc); }

 .rcell-abbr{ font-size: 0.65rem; font-weight: 700; text-transform: uppercase; letter-spacing: .1em; margin-top: 2px; }
 .rcell-msr .rcell-abbr{ color: var(--msr); }
 .rcell-vsr .rcell-abbr{ color: var(--vsr); }
 .rcell-lc  .rcell-abbr{ color: var(--lc); }

 .rcell-val{
  font-family:"Segoe UI",Arial,sans-serif; font-size: 1.55rem; font-weight: 700;
  color: var(--text); line-height: 1; margin: 4px 0 2px;
}
 .rcell-unit{ font-size: 0.62rem; color: var(--text-dim); }
 .rcell-name{ font-size: 0.58rem; color: var(--text-dim); margin-top: 4px; letter-spacing: .04em; }

 /* blur in practice mode until revealed */
.cells-hidden .rcell-val{ filter: blur(7px); user-select: none; -webkit-user-select: none; }

 /* ── 3. TR Formula ───────────────────────────────────────────────── */
.tr-formula{
  background: var(--surface); border: 1px solid var(--border); border-radius:3px;
  padding: 12px 14px; display: flex; flex-direction: column; justify-content: center; gap: 4px;
  transition: filter .35s ease;
}
 .tr-title{
  font-size: 0.7rem; font-weight: 700; text-transform: uppercase; letter-spacing: .06em;
  color: var(--accent); margin-bottom: 4px;
}
 .tr-step{ font-size: 0.82rem; color: var(--text-dim); font-family:"Segoe UI",Arial,sans-serif; }
 .tr-step span{ color: var(--text); }
 .tr-result{
  font-family:"Segoe UI",Arial,sans-serif; font-size: 1.15rem; font-weight: 700;
  color: var(--gold); text-shadow: 0 0 8px var(--fc-metrology-v38w-c157); margin-top: 2px;
}
 .tr-unit{ font-size: 0.75rem; }

  
.formula-hidden .tr-step{ filter: blur(7px); user-select: none; -webkit-user-select: none; }.formula-hidden .tr-result{ filter: blur(7px); user-select: none; -webkit-user-select: none; }

 /* ── Zoom toggle button (inside caliper card) ────────────────────── */
.zoom-toggle{
  position: absolute; top: 12px; right: 14px; z-index: 10;
  background: var(--fc-metrology-v38w-c158); border: 1px solid var(--fc-metrology-v38w-c159);
  color: var(--fc-metrology-v38w-c097); border-radius:3px; padding: 5px 13px;
  font-size: 0.78rem; font-weight: 600; cursor: pointer;
  transition: background .18s, box-shadow .18s, border-color .18s;
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
}
 .zoom-toggle:hover{ background: var(--fc-metrology-v38w-c160); box-shadow:none; }
 .zoom-toggle.active{ background: var(--fc-metrology-v38w-c162); border-color: var(--accent); color: var(--fc-metrology-v38w-c003); }

 /* Top-right canvas toolbar holding the Coincidence + Zoom toggles */
.canvas-toolbar{
  position: absolute; top: 12px; right: 14px; z-index: 10;
  display: flex; gap: 8px; align-items: center;
}
 .canvas-toolbar .zoom-toggle{ position: static; top: auto; right: auto; }
 /* "Coincidence" toggle adopts a gold accent when active to match the line */
.align-toggle.active{
  background: var(--fc-metrology-v38w-c163); border-color: var(--fc-metrology-v38w-c164); color: var(--fc-metrology-v38w-c165);
}
 .align-toggle:not(.active){ color: var(--fc-metrology-v38w-c166); border-color: var(--fc-metrology-v38w-c167); }
@media (max-width: 500px) {
   .canvas-toolbar{ gap: 6px; }
   .canvas-toolbar .zoom-toggle{ padding: 5px 9px; font-size: 0.72rem; }
}

 /* ── LC hint in precision label ──────────────────────────────────── */
.lc-hint{ font-size: 0.65rem; opacity: 0.65; text-transform: none; letter-spacing: 0; }

 /* ── Acronym legend inside TR formula box ────────────────────────── */
.tr-legend{
  font-size: 0.6rem; color: var(--text-dim); line-height: 1.7;
  border-bottom: 1px solid var(--border); padding-bottom: 5px; margin-bottom: 2px;
}
 .trl-msr{ color: var(--msr); font-weight: 700; }
 .trl-vsr{ color: var(--vsr); font-weight: 700; }
 .trl-lc{ color: var(--lc);  font-weight: 700; }

 /* blur legend along with rest of formula in practice mode */
.formula-hidden .tr-legend{ filter: blur(7px); user-select: none; -webkit-user-select: none; }

 /* ── Practice bar ────────────────────────────────────────────────── */
.practice-bar{
  display: flex; align-items: center; gap: 12px; flex-wrap: wrap;
  padding: 12px 16px;
  background: var(--surface); border: 1px solid var(--border); border-radius:3px;
}

 /* Buttons */
.btn{
  padding: 8px 18px; border: none; border-radius:3px; cursor: pointer;
  font-size: 0.84rem; font-weight: 600; transition: filter .18s, box-shadow .18s, opacity .18s;
}
 .btn:disabled{ opacity: 0.38; cursor: not-allowed; }
 .btn-primary{ background: var(--accent); color: var(--fc-metrology-v38w-c003); }
 .btn-primary:not(:disabled):hover{ filter: brightness(1.12); box-shadow:none; }

 .btn-ghost{ background: var(--surface2); color: var(--text); border: 1px solid var(--border); }
 .btn-ghost:hover{ background: var(--border); }

 /* Play button — animated green */
.btn-play{
  background: var(--fc-metrology-v38w-c168); color: var(--fc-metrology-v38w-c129);
  border: 1px solid var(--fc-metrology-v38w-c156); font-size: 0.9rem; min-width: 100px;
}
 .btn-play:hover{ background: var(--fc-metrology-v38w-c169); box-shadow:none; }
 .btn-play.playing{
  background: var(--fc-metrology-v38w-c171); color: var(--fc-metrology-v38w-c172); border-color: var(--fc-metrology-v38w-c173);
  animation: pulse-red 1.4s ease-in-out infinite;
}
@keyframes pulse-red {
  0%,100% { box-shadow:none; }
  50%      { box-shadow:none; }
}

 .pbar-score{ font-size: 0.84rem; color: var(--text-dim); margin-left: auto; white-space: nowrap; }
 .pbar-score span{ color: var(--text); font-weight: 700; }

 .feedback{ font-size: 0.88rem; font-weight: 600; min-width: 0; }
 .feedback.ok{ color: var(--green); }
 .feedback.err{ color: var(--red); }

 /* ── Quiz bar ─────────────────────────────────────────────────────── */
.quiz-bar{
  display: flex; align-items: center; gap: 12px; flex-wrap: wrap;
  padding: 12px 16px;
  background: var(--surface); border: 1px solid var(--border); border-radius:3px;
}
 .qbar-counter{
  display: flex; align-items: baseline; gap: 3px;
  background: var(--bg); border: 1px solid var(--border); border-radius:3px; padding: 4px 12px;
}
 .qbar-q-label{ font-size: 0.7rem; font-weight: 700; color: var(--accent); text-transform: uppercase; letter-spacing: .08em; }
 .qbar-q-num{ font-family:"Segoe UI",Arial,sans-serif; font-size: 1.3rem; font-weight: 700; color: var(--text); line-height: 1; }
 .qbar-q-sep{ font-size: 0.82rem; color: var(--text-dim); }
 .qbar-q-total{ font-family:"Segoe UI",Arial,sans-serif; font-size: 0.88rem; color: var(--text-dim); }
 .qbar-hint{ font-size: 0.78rem; color: var(--text-dim); }
 .quiz-feedback{ font-size: 0.88rem; font-weight: 600; }
 .quiz-feedback.ok{ color: var(--green); }
 .quiz-feedback.err{ color: var(--red); }

 /* ── Quiz result panel ──────────────────────────────────────────────── */
.quiz-result{
  background: var(--surface); border: 1px solid var(--border); border-radius:3px;
  padding: 20px 22px; display: flex; flex-direction: column; gap: 14px;
}
 .qr-header{ display: flex; align-items: flex-start; justify-content: space-between; }
 .qr-title-wrap{display: flex;flex-direction: column;gap:16px;}
 .qr-title{ font-size: 1.1rem; font-weight: 700; color: var(--text); }
 .qr-stars{ font-size: 1.2rem; letter-spacing: 3px; }
 .qr-score-wrap{ text-align: right; }
 .qr-score{
  font-family:"Segoe UI",Arial,sans-serif; font-size: 2.2rem; font-weight: 700; line-height: 1;
  text-shadow: 0 0 14px currentColor;
}
 .qr-score.perfect{ color: var(--gold); }
 .qr-score.good{ color: var(--green); }
 .qr-score.poor{ color: var(--red); }
 .qr-verdict{ font-size: 0.72rem; color: var(--text-dim); margin-top: 3px; }

 .qr-rows{ display: flex; flex-direction: column; gap: 7px; }
 .qr-row{
  display: grid; grid-template-columns: 30px 1fr 1fr 26px;
  align-items: center; gap: 10px;
  background: var(--surface2); border: 1px solid var(--border);
  border-left-width: 3px; border-radius:3px; padding: 9px 12px;
}
 .qr-row.ok{ border-left-color: var(--green); }
 .qr-row.err{ border-left-color: var(--red); }
 .qr-qnum{ font-size: 0.72rem; font-weight: 700; color: var(--accent); }
 .qr-correct{ font-size: 0.78rem; color: var(--text-dim); }.qr-given{ font-size: 0.78rem; color: var(--text-dim); }
 .qr-correct strong{ color: var(--text); font-family:"Segoe UI",Arial,sans-serif; }.qr-given strong{ color: var(--text); font-family:"Segoe UI",Arial,sans-serif; }
 .qr-mark{ text-align: right; font-size: 1rem; font-weight: 700; }
 .qr-row.ok  .qr-mark{ color: var(--green); }
 .qr-row.err .qr-mark{ color: var(--red); }

 /* ── Readout badges (below canvas) ─────────────────────────────── */
.readout-badges{
  display: flex; flex-wrap: wrap; gap: 8px; padding: 8px 0;
}
 .readout-badge{
  display: flex; align-items: center; gap: 6px;
  background: var(--surface); border: 1px solid var(--border); border-radius:3px;
  padding: 6px 12px; font-size: 0.78rem; color: var(--text-dim); white-space: nowrap;
}
 .readout-badge .rb-dot{
  width: 7px; height: 7px; border-radius:3px; flex-shrink: 0;
}
 .readout-badge strong{
  font-family:"Segoe UI",Arial,sans-serif; font-weight: 700; color: var(--text);
}

 /* ── Explore mode ──────────────────────────────────────────────── */
.explore-panel{ display: flex; flex-direction: column; gap: 14px; }
 .explore-cats{
  display: flex; flex-wrap: wrap; gap: 6px;
}
 .explore-cats .pill{ padding: 6px 14px; font-size: 0.8rem; }
 .is-grid{display: grid;grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));gap:16px;}
 .is-btn{
  display: flex; flex-direction: column; align-items: center; gap: 6px;
  padding: 14px 10px; border: 1px solid var(--border); border-radius:3px;
  background: var(--surface); cursor: pointer; transition: border-color .18s, box-shadow .18s;
  text-align: center;
}
 .is-btn:hover{ border-color: var(--accent); }
 .is-btn.active{
  border-color: var(--accent); box-shadow:none;
  background: var(--surface2);
}
 .is-btn-icon{ font-size: 1.5rem; }
 .is-btn-label{ font-size: 0.78rem; font-weight: 600; color: var(--text); }
 .is-btn-sub{ font-size: 0.65rem; color: var(--text-dim); }

 .item-info{
  background: var(--surface); border: 1px solid var(--border); border-radius:3px;
  padding: 18px 20px; display: flex; flex-direction: column; gap: 10px;
}
 .item-info h3{
  font-size: 1rem; font-weight: 700; color: var(--accent); margin: 0;
}
 .item-info p{
  font-size: 0.84rem; color: var(--text-dim); line-height: 1.6;
}.item-info li{
  font-size: 0.84rem; color: var(--text-dim); line-height: 1.6;
}
 .item-info strong{ color: var(--text); }
 .item-info .formula-box{
  background: var(--bg); border: 1px solid var(--border); border-radius:3px;
  padding: 10px 14px; font-family:"Segoe UI",Arial,sans-serif; font-size: 0.9rem;
  color: var(--gold); text-align: center;
}
 .item-info ul{ padding-left: 18px; }

 /* ── Responsive breakpoints ─────────────────────────────────────── */
@media (max-width: 768px) {
  body{ padding: 14px 10px 28px; }
  #app{ gap: 10px; }
  header h1{ font-size: 1.4rem; }
  .controls-bar{ gap: 10px; padding: 10px 12px; }
  .pill{ padding: 6px 10px; font-size: 0.76rem; min-height: 36px; display: flex; align-items: center; }
  .info-row{ grid-template-columns: 1fr 1fr; }
  .info-row .digital-readout{ grid-column: 1 / -1; }
  .reading-cells{ grid-column: 1; }
  .tr-formula{ grid-column: 2; }
  .readout-badges{ gap: 6px; }
  .readout-badge{ padding: 5px 10px; font-size: 0.72rem; }
  .is-grid{ grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 500px) {
  :root{ padding: 10px 6px 20px; }
   header h1{ font-size: 1.15rem; }
   .subtitle{ font-size: 0.76rem; }
   .controls-bar{ flex-direction: column; align-items: stretch; gap: 8px; padding: 10px; }
   .ctrl-group{ flex-wrap: wrap; }
   .pill-tabs{ flex-wrap: wrap; }
   .info-row{ grid-template-columns: 1fr; }
   .info-row .digital-readout{ grid-column: 1; }
   .reading-cells{ flex-wrap: wrap; }
   .rcell{ min-width: 0; flex: 1 1 80px; }
   .rcell-val{ font-size: 1.2rem; }
   .tr-formula{ padding: 10px; }
   .tr-result{ font-size: 1rem; }
   .practice-bar{ gap: 8px; padding: 10px; flex-direction: column; align-items: stretch; }.quiz-bar{ gap: 8px; padding: 10px; flex-direction: column; align-items: stretch; }
   .practice-bar .btn{ width: 100%; text-align: center; }.quiz-bar .btn{ width: 100%; text-align: center; }
   .pbar-score{ margin-left: 0; text-align: center; }
   .qr-row{ grid-template-columns: 24px 1fr 1fr 20px; gap: 6px; padding: 7px 8px; }
   .is-grid{ grid-template-columns: 1fr 1fr; gap: 6px; }
   .item-info{ padding: 14px; }
   .explore-panel{ gap: 10px; }
   .ze-readout{ padding: 10px; gap: 6px; }
   .ze-cell-val{ font-size: 1.1rem; }
   .ze-op{ font-size: 1.1rem; }
}

 /* ── Zero Error controls + readout ─────────────────────────────────── */
.ze-stepper{
  display: inline-flex; align-items: center; gap: 6px;
  margin-left: 6px;
  background: var(--bg); border: 1px solid var(--border); border-radius:3px;
  padding: 2px 6px;
}
 .ze-btn{
  width: 26px; height: 26px;
  border: 1px solid var(--border); border-radius:3px;
  background: var(--surface2); color: var(--text);
  font-size: 1rem; font-weight: 700; cursor: pointer;
  display: inline-flex; align-items: center; justify-content: center;
  transition: background .15s, border-color .15s;
}
 .ze-btn:hover{ background: var(--accent); color: var(--fc-metrology-v38w-c003); border-color: var(--accent); }
 .ze-btn:focus-visible{ outline: 2px solid var(--gold); outline-offset: 2px; }
 .ze-val{
  min-width: 80px; text-align: center;
  font-family:"Segoe UI",Arial,sans-serif; font-size: 0.82rem; font-weight: 700;
  color: var(--gold);
}

 .ze-readout{
  display: flex; flex-wrap: wrap; align-items: stretch; justify-content: center;
  gap: 10px;
  padding: 14px 16px;
  background: linear-gradient(180deg, var(--fc-metrology-v38w-c176), var(--fc-metrology-v38w-c177));
  border: 1px solid var(--fc-metrology-v38w-c178); border-radius:3px;
}
 .ze-cell{
  flex: 1 1 120px;
  display: flex; flex-direction: column; align-items: center; gap: 2px;
  padding: 8px 12px;
  background: var(--surface); border: 1px solid var(--border); border-radius:3px;
  min-width: 110px;
}
 .ze-cell-label{
  font-size: 0.66rem; text-transform: uppercase; letter-spacing: 0.06em;
  color: var(--text-dim);
}
 .ze-cell-val{
  font-family:"Segoe UI",Arial,sans-serif; font-size: 1.25rem; font-weight: 700;
  color: var(--text);
}
 .ze-cell-unit{ font-size: 0.7rem; color: var(--text-dim); }
 .ze-cell-error .ze-cell-val{ color: var(--gold); }
 .ze-cell-corrected{ border-color: var(--green); box-shadow:none; }
 .ze-cell-corrected .ze-cell-val{ color: var(--green); }
 .ze-op{
  align-self: center;
  font-size: 1.3rem; font-weight: 700; color: var(--text-dim);
}

 /* INTERLINK-START  header quick-links */
.head-actions{display:flex;align-items:center;margin-left:auto;flex-wrap:wrap;justify-content:flex-end;gap:8px;}
 .btn-link{display:inline-flex;align-items:center;gap:7px;padding:5px 12px;border-radius:3px;font-size:.82rem;font-weight:700;text-decoration:none;cursor:pointer;background:var(--surface2,var(--fc-metrology-v38w-c180));color:var(--text,var(--fc-metrology-v38w-c108));border:1.5px solid var(--border,var(--fc-metrology-v38w-c110));white-space:nowrap;transition:border-color .18s,background .18s,color .18s;}
 .btn-link:hover{border-color:var(--accent,var(--fc-metrology-v38w-c181));background:var(--accent-lo,var(--fc-metrology-v38w-c182));color:var(--fc-metrology-v38w-c003);}
 .btn-link img{width:20px;height:20px;border-radius:3px;flex:none;}
 .btn-link .lbl{line-height:1;}
@media(max-width:560px){ .btn-link .lbl{display:none;} .btn-link{padding:5px 9px;}}
 /* INTERLINK-END */

/* FitsCalc adaptation */
header{
  text-align: left;
  padding: 18px;
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius:3px;
  box-shadow:none;
}
 header h1{
  background: none !important;
  -webkit-text-fill-color: currentColor !important;
  color: var(--text);
  font-size: 1.7rem;
}
 .controls-bar{
  box-shadow:none;
}.canvas-card{
  box-shadow:none;
}.digital-readout{
  box-shadow:none;
}.reading-cells{
  box-shadow:none;
}.tr-formula{
  box-shadow:none;
}.readout-badge{
  box-shadow:none;
}.practice-bar{
  box-shadow:none;
}.quiz-bar{
  box-shadow:none;
}.quiz-result{
  box-shadow:none;
}.user-guide{
  box-shadow:none;
}.seo-article{
  box-shadow:none;
}.explore-panel{
  box-shadow:none;
}
 .pill-tabs{background:transparent;border:0;box-shadow:none;padding:0;gap:8px;margin:0 0 16px;}
 .pill{ color: var(--fc-metrology-v38w-c012); }
 .pill:hover:not(.active){ background:var(--fc-metrology-v38w-c027); color: var(--text); }
 .canvas-card{ background:var(--fc-metrology-v38w-c027); overflow:hidden; }
 .info-row{ grid-template-columns: 180px minmax(280px,auto) 1fr; }
 .seo-article figure{ display:none !important; }.author-byline{ display:none !important; }.site-footer{ display:none !important; }.logo-fixed{ display:none !important; }.site-nav{ display:none !important; }
 .btn-guide{ display:none !important; }.btn-link{ display:none !important; }











  
#caliper-card.canvas-card{
  overflow-x: auto !important;
  overflow-y: hidden !important;
  overscroll-behavior-x: contain;
  scroll-behavior: auto;
  background: var(--fc-metrology-v38w-c027);
  padding-bottom: 10px;
}.canvas-card#caliper-card{
  overflow-x: auto !important;
  overflow-y: hidden !important;
  overscroll-behavior-x: contain;
  scroll-behavior: auto;
  background: var(--fc-metrology-v38w-c027);
  padding-bottom: 10px;
}

 #caliper-card::-webkit-scrollbar{
  height: 10px;
}

 #caliper-card::-webkit-scrollbar-track{
  background: var(--fc-metrology-v38w-c046);
  border-radius:3px;
}

 #caliper-card::-webkit-scrollbar-thumb{
  background: var(--fc-metrology-v38w-c183);
  border-radius:3px;
}

 #caliper{
  display: block !important;
  width: 2040px !important;
  max-width: none !important;
  height: 357px !important;
  margin: 0 !important;
  touch-action: pan-y;
}


  
#caliper-card.canvas-card{
  overflow-x: auto !important;
  overflow-y: hidden !important;
  overscroll-behavior-x: contain;
  scroll-behavior: auto;
  background: var(--fc-metrology-v38w-c027);
  padding-bottom: 10px;
}.canvas-card#caliper-card{
  overflow-x: auto !important;
  overflow-y: hidden !important;
  overscroll-behavior-x: contain;
  scroll-behavior: auto;
  background: var(--fc-metrology-v38w-c027);
  padding-bottom: 10px;
}

 #caliper{
  display: block !important;
  width: 2040px !important;
  max-width: none !important;
  height: 357px !important;
  margin: 0 !important;
  touch-action: pan-y;
}


 /* FC_CALIPER_GOST166_V1 */

#app > .fc-caliper-gost166-v1{
  width:100%!important;
  max-width:none!important;
  box-sizing:border-box!important;
}

 .fc-caliper-gost166-v1{
  margin-top:16px!important;
  padding:22px 24px!important;
  border:1px solid var(--fc-metrology-v38w-c073)!important;
  border-radius:3px!important;
  background:var(--fc-metrology-v38w-c027)!important;
  color:var(--fc-metrology-v38w-c002)!important;
  box-shadow:none;
  font-family:"Segoe UI",Arial,sans-serif;
}

 .fc-caliper-gost-head-v1{
  margin:0 0 14px!important;
  padding:0 0 14px!important;
  border-bottom:1px solid var(--fc-metrology-v38w-c073)!important;
}

 .fc-caliper-gost-kicker-v1{
  margin:0 0 6px!important;
  color:var(--fc-metrology-v38w-c006)!important;
  text-transform:uppercase!important;
  letter-spacing:.08em!important;
  font-weight:700!important;
  font-size:11px!important;
  line-height:16px!important;
}

 .fc-caliper-gost-head-v1 h2{
  margin:0 0 8px!important;
  color:var(--fc-metrology-v38w-c002)!important;
  font-weight:700!important;
  font-size:20px!important;
  line-height:28px!important;
}

 .fc-caliper-gost-head-v1 p{
  margin:0!important;
  color:var(--fc-metrology-v38w-c075)!important;
  font-size:14px!important;
  line-height:22px!important;
}

 .fc-caliper-gost-toolbar-v1{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:8px!important;
  margin:0 0 14px!important;
}

 .fc-caliper-gost-filter-v1{
  height:34px!important;
  padding:0 13px!important;
  border:1px solid var(--fc-metrology-v38w-c073)!important;
  border-radius:3px!important;
  background:var(--fc-metrology-v38w-c009)!important;
  color:var(--fc-metrology-v38w-c002)!important;
  font-weight:700!important;
  font-size:13px!important;
  cursor:pointer!important;
}

 .fc-caliper-gost-filter-v1.is-active{
  background:var(--fc-metrology-v38w-c006)!important;
  border-color:var(--fc-metrology-v38w-c006)!important;
  color:var(--fc-metrology-v38w-c027)!important;
}

 .fc-caliper-gost-grid-v1{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:14px!important;
}

 .fc-caliper-gost-card-v1{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(320px,430px)!important;
  gap:14px!important;
  align-items:start!important;
  border:1px solid var(--fc-metrology-v38w-c073)!important;
  border-radius:3px!important;
  background:var(--fc-metrology-v38w-c009)!important;
  padding:16px!important;
}

 .fc-caliper-gost-card-v1[hidden]{
  display:none!important;
}

 .fc-caliper-gost-card-top-v1{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  margin-bottom:10px!important;
}

 .fc-caliper-gost-code-v1{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:48px!important;
  height:26px!important;
  padding:0 8px!important;
  border-radius:3px!important;
  background:var(--fc-metrology-v38w-c010)!important;
  color:var(--fc-metrology-v38w-c002)!important;
  font-weight:700!important;
}

 .fc-caliper-gost-scheme-v1{
  color:var(--fc-metrology-v38w-c075)!important;
  font-size:12px!important;
  font-weight:700!important;
}

 .fc-caliper-gost-card-v1 h3{
  margin:0 0 8px!important;
  color:var(--fc-metrology-v38w-c002)!important;
  font-size:16px!important;
  line-height:22px!important;
  font-weight:700!important;
}

 .fc-caliper-gost-card-v1 dl{
  margin:0!important;
  display:grid!important;
  gap:8px!important;
}

 .fc-caliper-gost-card-v1 dl div{
  display:grid!important;
  grid-template-columns:120px minmax(0,1fr)!important;
  gap:10px!important;
  padding-top:8px!important;
  border-top:1px solid var(--fc-metrology-v38w-c073)!important;
}

 .fc-caliper-gost-card-v1 dt{
  margin:0!important;
  color:var(--fc-metrology-v38w-c002)!important;
  font-size:12px!important;
  line-height:18px!important;
  font-weight:700!important;
}

 .fc-caliper-gost-card-v1 dd{
  margin:0!important;
  color:var(--fc-metrology-v38w-c075)!important;
  font-size:13px!important;
  line-height:19px!important;
}

 .fc-caliper-gost-gallery-v1{
  border:1px solid var(--fc-metrology-v38w-c073)!important;
  border-radius:3px!important;
  background:var(--fc-metrology-v38w-c027)!important;
  overflow:hidden!important;
}

 .fc-caliper-gost-gallery-head-v1{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  padding:9px 10px!important;
  border-bottom:1px solid var(--fc-metrology-v38w-c073)!important;
  background:var(--fc-metrology-v38w-c081)!important;
}

 .fc-caliper-gost-gallery-title-v1{
  margin:0!important;
  color:var(--fc-metrology-v38w-c002)!important;
  font-weight:700!important;
  font-size:13px!important;
  line-height:18px!important;
}

 .fc-caliper-gost-gallery-nav-v1{
  display:inline-flex!important;
  gap:6px!important;
}

:root  .fc-caliper-gost-gallery-nav-v1 button{
  height:30px!important;
  padding:0 10px!important;
  border:1px solid var(--fc-metrology-v38w-c082)!important;
  border-radius:3px!important;
  background:var(--fc-metrology-v38w-c027)!important;
  color:var(--fc-metrology-v38w-c002)!important;
  cursor:pointer!important;
  font-weight:700!important;
  font-size:12px!important;
}:root  .fc-caliper-gost-gallery-actions-v1 button{
  height:30px!important;
  padding:0 10px!important;
  border:1px solid var(--fc-metrology-v38w-c082)!important;
  border-radius:3px!important;
  background:var(--fc-metrology-v38w-c027)!important;
  color:var(--fc-metrology-v38w-c002)!important;
  cursor:pointer!important;
  font-weight:700!important;
  font-size:12px!important;
}

 .fc-caliper-gost-gallery-figure-v1{
  position:relative!important;
  margin:10px!important;
  border:1px solid var(--fc-metrology-v38w-c073)!important;
  border-radius:3px!important;
  background:var(--fc-metrology-v38w-c027)!important;
  overflow:hidden!important;
  cursor:zoom-in!important;
}

 .fc-caliper-gost-gallery-img-v1{
  display:block!important;
  width:100%!important;
  height:240px!important;
  object-fit:contain!important;
  background:var(--fc-metrology-v38w-c027)!important;
  padding:8px!important;
}

 .fc-caliper-gost-gallery-count-v1{
  position:absolute!important;
  right:8px!important;
  bottom:8px!important;
  padding:3px 8px!important;
  border-radius:3px!important;
  background:var(--fc-metrology-v38w-c084)!important;
  color:var(--fc-metrology-v38w-c027)!important;
  font-size:11px!important;
  font-weight:700!important;
  line-height:16px!important;
}

 .fc-caliper-gost-gallery-actions-v1{
  display:flex!important;
  justify-content:flex-end!important;
  padding:0 10px 10px!important;
}

 .fc-caliper-gost-summary-v1{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:12px!important;
  margin-top:16px!important;
}

 .fc-caliper-gost-summary-v1 article{
  border:1px solid var(--fc-metrology-v38w-c073)!important;
  border-radius:3px!important;
  background:var(--fc-metrology-v38w-c009)!important;
  padding:14px 16px!important;
}.fc-caliper-guide-grid-v1 article{
  border:1px solid var(--fc-metrology-v38w-c073)!important;
  border-radius:3px!important;
  background:var(--fc-metrology-v38w-c009)!important;
  padding:14px 16px!important;
}

 .fc-caliper-gost-summary-v1 h3{
  margin:0 0 6px!important;
  color:var(--fc-metrology-v38w-c002)!important;
  font:800 15px/21px "IBM Plex Sans","Segoe UI",Arial,system-ui,sans-serif!important;
}.fc-caliper-guide-grid-v1 h3{
  margin:0 0 6px!important;
  color:var(--fc-metrology-v38w-c002)!important;
  font:800 15px/21px "IBM Plex Sans","Segoe UI",Arial,system-ui,sans-serif!important;
}

 .fc-caliper-gost-summary-v1 p{
  margin:0!important;
  color:var(--fc-metrology-v38w-c075)!important;
  font:500 14px/22px "IBM Plex Sans","Segoe UI",Arial,system-ui,sans-serif!important;
}.fc-caliper-guide-grid-v1 p{
  margin:0!important;
  color:var(--fc-metrology-v38w-c075)!important;
  font:500 14px/22px "IBM Plex Sans","Segoe UI",Arial,system-ui,sans-serif!important;
}

 .fc-caliper-guide-grid-v1{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:12px!important;
}

@media(max-width:1180px){
   .fc-caliper-gost-card-v1{
    grid-template-columns:1fr!important;
  }
}

@media(max-width:900px){
   .fc-caliper-gost-summary-v1{
    grid-template-columns:1fr!important;
  }.fc-caliper-guide-grid-v1{
    grid-template-columns:1fr!important;
  }
}

@media(max-width:720px){
   .fc-caliper-gost-card-v1 dl div{
    grid-template-columns:1fr!important;
  }
}


  
.fc-caliper-gost-scheme-v1{
  display:none!important;
}.fc-micro-gost-scheme-v21{
  display:none!important;
}.fc-micro-gost-scheme-v19{
  display:none!important;
}.fc-micro-gost-scheme{
  display:none!important;
}[class*="gost-scheme"]{
  display:none!important;
}

 .fc-caliper-gost-card-top-v1{
  justify-content:flex-start!important;
}.fc-micro-gost-card-top-v21{
  justify-content:flex-start!important;
}.fc-micro-gost-card__top{
  justify-content:flex-start!important;
}.fc-micro-gost-card-v16__head{
  justify-content:flex-start!important;
}


 /* FC_CALIPER_TOOLBAR_STATIC_V2 */

.fc-caliper-stage-shell-v2{
  width:100%!important;
  box-sizing:border-box!important;
}

 .fc-caliper-toolbar-outside-v2{
  position:relative!important;
  inset:auto!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:12px!important;
  flex-wrap:wrap!important;
  width:100%!important;
  margin:0 0 12px 0!important;
  padding:10px 12px!important;
  background:var(--fc-metrology-v38w-c027)!important;
  border:1px solid var(--fc-metrology-v38w-c184)!important;
  border-radius:3px!important;
  box-sizing:border-box!important;
  box-shadow:none;
}

 .fc-caliper-toolbar-outside-v2 #drag-hint{
  position:static!important;
  inset:auto!important;
  top:auto!important;
  right:auto!important;
  bottom:auto!important;
  left:auto!important;
  transform:none!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:36px!important;
  margin:0 auto 0 0!important;
  padding:0 14px!important;
  border-radius:3px!important;
  background:var(--fc-metrology-v38w-c185)!important;
  color:var(--fc-metrology-v38w-c027)!important;
  font:800 13px/36px "IBM Plex Sans","Segoe UI",Arial,system-ui,sans-serif!important;
  white-space:nowrap!important;
  box-sizing:border-box!important;
  pointer-events:none!important;
  opacity:1!important;
}

 .fc-caliper-toolbar-outside-v2 #btn-align{
  position:static!important;
  inset:auto!important;
  top:auto!important;
  right:auto!important;
  bottom:auto!important;
  left:auto!important;
  transform:none!important;
  margin:0!important;
  height:36px!important;
  min-height:36px!important;
  border-radius:3px!important;
  padding:0 14px!important;
  white-space:nowrap!important;
  box-sizing:border-box!important;
  font:800 13px/36px "IBM Plex Sans","Segoe UI",Arial,system-ui,sans-serif!important;
}.fc-caliper-toolbar-outside-v2 #btn-zoom{
  position:static!important;
  inset:auto!important;
  top:auto!important;
  right:auto!important;
  bottom:auto!important;
  left:auto!important;
  transform:none!important;
  margin:0!important;
  height:36px!important;
  min-height:36px!important;
  border-radius:3px!important;
  padding:0 14px!important;
  white-space:nowrap!important;
  box-sizing:border-box!important;
  font:800 13px/36px "IBM Plex Sans","Segoe UI",Arial,system-ui,sans-serif!important;
}.fc-caliper-toolbar-outside-v2 .zoom-toggle{
  position:static!important;
  inset:auto!important;
  top:auto!important;
  right:auto!important;
  bottom:auto!important;
  left:auto!important;
  transform:none!important;
  margin:0!important;
  height:36px!important;
  min-height:36px!important;
  border-radius:3px!important;
  padding:0 14px!important;
  white-space:nowrap!important;
  box-sizing:border-box!important;
  font:800 13px/36px "IBM Plex Sans","Segoe UI",Arial,system-ui,sans-serif!important;
}.fc-caliper-toolbar-outside-v2 .align-toggle{
  position:static!important;
  inset:auto!important;
  top:auto!important;
  right:auto!important;
  bottom:auto!important;
  left:auto!important;
  transform:none!important;
  margin:0!important;
  height:36px!important;
  min-height:36px!important;
  border-radius:3px!important;
  padding:0 14px!important;
  white-space:nowrap!important;
  box-sizing:border-box!important;
  font:800 13px/36px "IBM Plex Sans","Segoe UI",Arial,system-ui,sans-serif!important;
}

 .fc-caliper-toolbar-outside-v2 #btn-align{
  color:var(--fc-metrology-v38w-c002)!important;
  text-shadow:none!important;
}.fc-caliper-toolbar-outside-v2 #btn-align.active{
  color:var(--fc-metrology-v38w-c002)!important;
  text-shadow:none!important;
}

 .fc-caliper-toolbar-outside-v2 #btn-align.active{
  background:var(--fc-metrology-v38w-c094)!important;
  border-color:var(--fc-metrology-v38w-c091)!important;
}

 .fc-caliper-toolbar-outside-v2 #btn-zoom{
  color:var(--fc-metrology-v38w-c186)!important;
}

 #caliper-card.fc-caliper-stage-inset-v2{
  padding:12px!important;
  border-radius:3px!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
  background:var(--fc-metrology-v38w-c027)!important;
}

 #caliper-card.fc-caliper-stage-inset-v2 #caliper{
  display:block!important;
  border-radius:3px!important;
  overflow:hidden!important;
}#caliper-card.fc-caliper-stage-inset-v2 canvas{
  display:block!important;
  border-radius:3px!important;
  overflow:hidden!important;
}

@media(max-width:760px){
   .fc-caliper-toolbar-outside-v2{
    justify-content:flex-start!important;
  }

   .fc-caliper-toolbar-outside-v2 #drag-hint{
    width:100%!important;
    margin-right:0!important;
    justify-content:center!important;
  }
}


 /* FC_CALIPER_TOOLBAR_POSITION_V3 */

/*
  Fix for vernier caliper only.
  The toolbar must belong to the caliper render block,  not float in the previous blank area.
*/

.fc-caliper-stage-shell-v2{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:12px!important;
  box-sizing:border-box!important;
  border:1px solid var(--fc-metrology-v38w-c184)!important;
  border-radius:3px!important;
  background:var(--fc-metrology-v38w-c027)!important;
  overflow:hidden!important;
  box-shadow:none;
}

  
.fc-caliper-stage-shell-v2 > .canvas-toolbar.fc-caliper-toolbar-outside-v2{
  position:relative!important;
  inset:auto!important;
  top:auto!important;
  right:auto!important;
  bottom:auto!important;
  left:auto!important;
  z-index:5!important;

  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:12px!important;
  flex-wrap:wrap!important;

  width:100%!important;
  min-height:56px!important;
  margin:0 0 12px 0!important;
  padding:10px 12px!important;

  background:var(--fc-metrology-v38w-c027)!important;
  border:1px solid var(--fc-metrology-v38w-c184)!important;
  border-radius:3px!important;
  box-sizing:border-box!important;
  box-shadow:none;
  transform:none!important;
}.fc-caliper-stage-shell-v2 .canvas-toolbar.fc-caliper-toolbar-outside-v2{
  position:relative!important;
  inset:auto!important;
  top:auto!important;
  right:auto!important;
  bottom:auto!important;
  left:auto!important;
  z-index:5!important;

  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:12px!important;
  flex-wrap:wrap!important;

  width:100%!important;
  min-height:56px!important;
  margin:0 0 12px 0!important;
  padding:10px 12px!important;

  background:var(--fc-metrology-v38w-c027)!important;
  border:1px solid var(--fc-metrology-v38w-c184)!important;
  border-radius:3px!important;
  box-sizing:border-box!important;
  box-shadow:none;
  transform:none!important;
}

 /* Hint in the toolbar,  not over the dark field. */
.fc-caliper-stage-shell-v2 .fc-caliper-toolbar-outside-v2 #drag-hint{
  position:static!important;
  inset:auto!important;
  top:auto!important;
  right:auto!important;
  bottom:auto!important;
  left:auto!important;
  transform:none!important;

  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;

  min-height:36px!important;
  max-width:100%!important;
  margin:0 auto 0 0!important;
  padding:0 14px!important;

  border-radius:3px!important;
  background:var(--fc-metrology-v38w-c185)!important;
  color:var(--fc-metrology-v38w-c027)!important;
  opacity:1!important;
  pointer-events:none!important;

  font:800 13px/36px "IBM Plex Sans","Segoe UI",Arial,system-ui,sans-serif!important;
  white-space:nowrap!important;
  box-sizing:border-box!important;
}

  
.fc-caliper-stage-shell-v2 .fc-caliper-toolbar-outside-v2 #btn-align{
  position:static!important;
  inset:auto!important;
  top:auto!important;
  right:auto!important;
  bottom:auto!important;
  left:auto!important;
  transform:none!important;

  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;

  height:36px!important;
  min-height:36px!important;
  margin:0!important;
  padding:0 14px!important;

  border-radius:3px!important;
  box-sizing:border-box!important;

  font:800 13px/36px "IBM Plex Sans","Segoe UI",Arial,system-ui,sans-serif!important;
  white-space:nowrap!important;
}.fc-caliper-stage-shell-v2 .fc-caliper-toolbar-outside-v2 #btn-zoom{
  position:static!important;
  inset:auto!important;
  top:auto!important;
  right:auto!important;
  bottom:auto!important;
  left:auto!important;
  transform:none!important;

  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;

  height:36px!important;
  min-height:36px!important;
  margin:0!important;
  padding:0 14px!important;

  border-radius:3px!important;
  box-sizing:border-box!important;

  font:800 13px/36px "IBM Plex Sans","Segoe UI",Arial,system-ui,sans-serif!important;
  white-space:nowrap!important;
}.fc-caliper-stage-shell-v2 .fc-caliper-toolbar-outside-v2 .zoom-toggle{
  position:static!important;
  inset:auto!important;
  top:auto!important;
  right:auto!important;
  bottom:auto!important;
  left:auto!important;
  transform:none!important;

  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;

  height:36px!important;
  min-height:36px!important;
  margin:0!important;
  padding:0 14px!important;

  border-radius:3px!important;
  box-sizing:border-box!important;

  font:800 13px/36px "IBM Plex Sans","Segoe UI",Arial,system-ui,sans-serif!important;
  white-space:nowrap!important;
}.fc-caliper-stage-shell-v2 .fc-caliper-toolbar-outside-v2 .align-toggle{
  position:static!important;
  inset:auto!important;
  top:auto!important;
  right:auto!important;
  bottom:auto!important;
  left:auto!important;
  transform:none!important;

  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;

  height:36px!important;
  min-height:36px!important;
  margin:0!important;
  padding:0 14px!important;

  border-radius:3px!important;
  box-sizing:border-box!important;

  font:800 13px/36px "IBM Plex Sans","Segoe UI",Arial,system-ui,sans-serif!important;
  white-space:nowrap!important;
}

 .fc-caliper-stage-shell-v2 .fc-caliper-toolbar-outside-v2 #btn-align{
  color:var(--fc-metrology-v38w-c002)!important;
  text-shadow:none!important;
}.fc-caliper-stage-shell-v2 .fc-caliper-toolbar-outside-v2 #btn-align.active{
  color:var(--fc-metrology-v38w-c002)!important;
  text-shadow:none!important;
}.fc-caliper-stage-shell-v2 .fc-caliper-toolbar-outside-v2 #btn-align *{
  color:var(--fc-metrology-v38w-c002)!important;
  text-shadow:none!important;
}

 .fc-caliper-stage-shell-v2 .fc-caliper-toolbar-outside-v2 #btn-align.active{
  background:var(--fc-metrology-v38w-c094)!important;
  border-color:var(--fc-metrology-v38w-c091)!important;
}

 .fc-caliper-stage-shell-v2 .fc-caliper-toolbar-outside-v2 #btn-zoom{
  color:var(--fc-metrology-v38w-c186)!important;
}

  
.fc-caliper-stage-shell-v2 > #caliper-card{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;

  border:0!important;
  border-radius:3px!important;
  background:var(--fc-metrology-v38w-c187)!important;
  box-sizing:border-box!important;

  overflow-x:auto!important;
  overflow-y:hidden!important;
  overscroll-behavior-x:contain!important;
}.fc-caliper-stage-shell-v2 > .canvas-card#caliper-card{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;

  border:0!important;
  border-radius:3px!important;
  background:var(--fc-metrology-v38w-c187)!important;
  box-sizing:border-box!important;

  overflow-x:auto!important;
  overflow-y:hidden!important;
  overscroll-behavior-x:contain!important;
}.fc-caliper-stage-shell-v2 #caliper-card.fc-caliper-stage-inset-v2{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;

  border:0!important;
  border-radius:3px!important;
  background:var(--fc-metrology-v38w-c187)!important;
  box-sizing:border-box!important;

  overflow-x:auto!important;
  overflow-y:hidden!important;
  overscroll-behavior-x:contain!important;
}

 /* Canvas itself. */
.fc-caliper-stage-shell-v2 #caliper{
  display:block!important;
  margin:0!important;
  max-width:none!important;
  border-radius:3px!important;
}

  
:root > .canvas-toolbar.fc-caliper-toolbar-outside-v2{
  display:none!important;
}#app > .canvas-toolbar.fc-caliper-toolbar-outside-v2{
  display:none!important;
}

@media(max-width:760px){
   .fc-caliper-stage-shell-v2 > .canvas-toolbar.fc-caliper-toolbar-outside-v2{
    justify-content:flex-start!important;
  }.fc-caliper-stage-shell-v2 .canvas-toolbar.fc-caliper-toolbar-outside-v2{
    justify-content:flex-start!important;
  }

   .fc-caliper-stage-shell-v2 .fc-caliper-toolbar-outside-v2 #drag-hint{
    width:100%!important;
    margin-right:0!important;
    white-space:normal!important;
    line-height:18px!important;
    padding-top:8px!important;
    padding-bottom:8px!important;
  }
}




/* Toolbar actions; model canvas and its controls retain their geometry. */
.controls-bar{gap:12px;}
.ctrl-group{gap:8px;}
.pill-tabs{background:transparent;border:0;box-shadow:none;padding:0;gap:8px;margin:0 0 16px;}.seg{gap:8px;}
.btn{background:#365c76;color:#fff;border:1px solid #28465b;border-radius:3px;font:600 13px "Segoe UI",Arial,sans-serif;padding:8px 12px;}.explore-cat{background:#365c76;color:#fff;border:1px solid #28465b;border-radius:3px;font:600 13px "Segoe UI",Arial,sans-serif;padding:8px 12px;}
.btn:hover{background:#28465b;}.explore-cat:hover{background:#28465b;}
.btn-ghost{background:#eef1ee;color:#000;border-color:#718078;}
.btn:disabled{opacity:.5;cursor:default;}
.pill.active{background:#28465b;color:#fff;border-color:#28465b;}.seg button.active{background:#28465b;color:#fff;border-color:#28465b;}.explore-cat.active{background:#28465b;color:#fff;border-color:#28465b;}

html[data-fc-industrial]{padding:0!important;}
html[data-fc-industrial] body{margin:0!important;padding:0!important;max-width:none!important;}