/* ============================================================
   EasyToolsCalc — Stylesheet
   Clean blue/white professional theme
   ============================================================ */

:root {
  /* Colors */
  --color-primary: #2563eb;
  --color-primary-dark: #1d4ed8;
  --color-primary-darker: #1e3a8a;
  --color-primary-light: #dbeafe;
  --color-accent: #0ea5e9;
  --color-success: #059669;
  --color-success-bg: #ecfdf5;
  --color-warning: #d97706;
  --color-warning-bg: #fffbeb;
  --color-danger: #dc2626;
  --color-danger-bg: #fef2f2;

  --color-text: #0f172a;
  --color-text-muted: #475569;
  --color-text-faint: #94a3b8;

  --color-bg: #ffffff;
  --color-bg-alt: #f8fafc;
  --color-bg-soft: #f1f5f9;
  --color-border: #e2e8f0;
  --color-border-strong: #cbd5e1;

  /* Typography */
  --font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  --font-mono: ui-monospace, SFMono-Regular, "SF Mono", Consolas, "Liberation Mono", monospace;

  /* Layout */
  --max-width: 1160px;
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 16px;
  --shadow-sm: 0 1px 2px rgba(15, 23, 42, 0.06);
  --shadow-md: 0 4px 16px rgba(15, 23, 42, 0.08);
  --shadow-lg: 0 12px 32px rgba(15, 23, 42, 0.12);
  --header-height: 68px;
}

/* ---------- V7.5 visual system: category gallery + calculator surfaces ---------- */
:root { --et-navy:#10244d; --et-blue:#146df5; --et-teal:#1bc9b6; --et-sky:#eaf6ff; }
body { background:linear-gradient(180deg,#fff 0%,#f7fbff 54%,#fff 100%); }
.site-header { box-shadow:0 4px 18px rgba(16,36,77,.05); }
.brand-mark { border-radius:11px; box-shadow:0 8px 18px rgba(20,109,245,.23); }
.page-hero,.tool-hero { background:linear-gradient(105deg,rgba(13,60,157,.98),rgba(23,106,241,.93) 55%,rgba(37,199,186,.88)),url('assets/images/calculator-visual-v75.png') right center/cover no-repeat !important; border:0; color:#fff; padding:3.2rem 0 2.8rem; position:relative; overflow:hidden; }
.page-hero:after,.tool-hero:after { content:'✦'; position:absolute; right:7%; top:10%; color:rgba(255,255,255,.18); font-size:9rem; line-height:1; }
.page-hero h1,.tool-hero h1,.page-hero p,.tool-hero p,.page-hero .breadcrumb,.tool-hero .breadcrumb,.page-hero .breadcrumb a,.tool-hero .breadcrumb a { color:#fff !important; position:relative; z-index:1; }
.tool-layout { align-items:start; }
.tool-card,.tool-info { border:1px solid #d9e8fb; border-radius:22px; box-shadow:0 14px 36px rgba(16,64,132,.10); background:#fff; }
.tool-card { border-top:5px solid var(--et-blue); }
.tool-info { background:linear-gradient(155deg,#fff,#f2fbff); }
.tool-icon-large { width:64px; height:64px; display:grid; place-items:center; background:linear-gradient(135deg,#e8f4ff,#e9fffb); border-radius:18px; font-size:2rem; margin-bottom:1.15rem; }
.form-group input,.form-group select { border:1px solid #b9d3f5; border-radius:12px; padding:.8rem .9rem; }
.form-group input:focus,.form-group select:focus { border-color:var(--et-blue); box-shadow:0 0 0 4px rgba(20,109,245,.12); outline:0; }
.btn-primary { background:linear-gradient(100deg,#146df5,#247cf7 55%,#1abbb8); box-shadow:0 9px 19px rgba(20,109,245,.22); border:0; }
.result-box { background:linear-gradient(135deg,#eef8ff,#effffc); border:1px solid #b8e5e5; border-radius:16px; }
.tool-link-card { border:1px solid #d6e5f7; border-radius:18px; box-shadow:0 7px 20px rgba(29,74,131,.06); transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease; }
.tool-link-card:hover { transform:translateY(-5px); box-shadow:0 15px 30px rgba(20,109,245,.15); border-color:#62a5ff; text-decoration:none; }
.tool-link-icon { background:linear-gradient(135deg,#e5f2ff,#e8fff9); border-radius:14px; padding:.55rem; }
.category-mono .page-hero { background:linear-gradient(118deg,#0d3c9d,#176af1 55%,#25c7ba)!important; }
.category-mono .tool-link-card { border-radius:18px!important; }
.category-mono .tool-link-card:nth-child(3n+1) .tool-link-icon { background:#e4f2ff!important; }
.category-mono .tool-link-card:nth-child(3n+2) .tool-link-icon { background:#fff0f5!important; }
.category-mono .tool-link-card:nth-child(3n) .tool-link-icon { background:#ecfff7!important; }
.section-alt { background:linear-gradient(135deg,#f0f8ff,#f5fffc); }
@media(max-width:700px){ .page-hero,.tool-hero{padding:2.4rem 0 2.1rem}.tool-card,.tool-info{border-radius:18px}.page-hero:after,.tool-hero:after{font-size:5rem} }

/* ---------- V8 quality-first reviewed collection ---------- */
.reviewed-hero {
  padding: 4.25rem 0 3.5rem;
  background: linear-gradient(120deg, #f4fbff 0%, #e9f8ff 52%, #f3fffc 100%);
  border-bottom: 1px solid #d8eefa;
}
.reviewed-hero-grid { display:grid; grid-template-columns:minmax(0,1.15fr) minmax(260px,.85fr); gap:2.5rem; align-items:center; }
.reviewed-hero h1 { color:var(--et-navy); font-size:clamp(2.25rem,5vw,4.2rem); max-width:760px; margin-bottom:.45rem; }
.reviewed-hero h1 strong { color:#079eaf; }
.reviewed-hero p { max-width:680px; font-size:1.1rem; }
.reviewed-badges { display:flex; flex-wrap:wrap; gap:.7rem; margin-top:1.35rem; }
.reviewed-badge { display:inline-flex; align-items:center; gap:.45rem; padding:.5rem .78rem; border:1px solid #bce5ec; background:#fff; border-radius:999px; color:#17446d; font-weight:750; font-size:.9rem; }
.reviewed-hero-art { min-height:245px; border-radius:26px; background:radial-gradient(circle at 23% 22%,#b6f5ee 0 6%,transparent 6.4%),radial-gradient(circle at 78% 25%,#b9dbff 0 8%,transparent 8.5%),linear-gradient(135deg,#163b75,#1f81d6 58%,#19b8af); display:grid; place-items:center; box-shadow:0 19px 42px rgba(22,83,145,.18); overflow:hidden; position:relative; }
.reviewed-hero-art:before { content:'✓'; width:122px; height:122px; display:grid; place-items:center; color:#fff; font-size:4rem; font-weight:900; border:10px solid rgba(255,255,255,.83); border-radius:50%; background:rgba(5,32,87,.16); position:relative; z-index:1; }
.reviewed-hero-art:after { content:'Clear inputs · Useful examples · Plain-language methods'; position:absolute; bottom:1.1rem; left:1.2rem; right:1.2rem; color:#e5f8ff; font-weight:750; text-align:center; font-size:.88rem; letter-spacing:.02em; }
.reviewed-toolbar { display:flex; justify-content:space-between; align-items:center; gap:1rem; margin:0 0 1.35rem; }
.reviewed-toolbar p { margin:0; }
.reviewed-collection { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1rem; }
.reviewed-card { display:flex; flex-direction:column; min-height:220px; padding:1.3rem; color:var(--color-text); text-decoration:none; border:1px solid #d8e9f6; border-radius:18px; background:linear-gradient(160deg,#fff,#fbfdff); box-shadow:0 7px 19px rgba(18,74,129,.055); transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease; }
.reviewed-card:hover { transform:translateY(-4px); box-shadow:0 16px 32px rgba(18,74,129,.14); border-color:#71cbd4; text-decoration:none; }
.reviewed-card-icon { display:grid; place-items:center; width:46px; height:46px; border-radius:14px; margin-bottom:1rem; background:linear-gradient(135deg,#dcf6ff,#ddfff4); color:#087b91; font-weight:900; font-size:1.35rem; }
.reviewed-card h2 { font-size:1.18rem; margin-bottom:.4rem; }
.reviewed-card p { font-size:.94rem; margin-bottom:.85rem; }
.reviewed-example { margin-top:auto; padding:.7rem .8rem; border-radius:11px; background:#f0f9ff; color:#315d80; font-size:.86rem; font-weight:650; }
.reviewed-category-row { display:flex; flex-wrap:wrap; gap:.6rem; margin-top:1rem; }
.reviewed-category { padding:.45rem .75rem; border-radius:999px; background:#eef8ff; color:#166080; font-size:.86rem; font-weight:750; }
.reviewed-note { display:grid; grid-template-columns:auto 1fr; gap:1rem; padding:1.25rem 1.35rem; border:1px solid #bce8e4; border-radius:18px; background:linear-gradient(105deg,#effcff,#f3fffa); }
.reviewed-note-icon { display:grid; place-items:center; width:44px; height:44px; border-radius:50%; background:#c9f6ec; color:#087b72; font-weight:900; }
.reviewed-note h2 { font-size:1.12rem; margin-bottom:.2rem; }
.reviewed-note p { margin:0; }
.trust-strip { display:grid; grid-template-columns:repeat(4,1fr); gap:.75rem; padding:1.2rem; border:1px solid #d4eaf7; border-radius:18px; background:#f8fcff; }
.trust-strip a { padding:.8rem; color:#1b456c; border-radius:12px; text-decoration:none; font-weight:800; }
.trust-strip a:hover { background:#eaf8ff; color:#087b91; }
.contact-actions { display:grid; grid-template-columns:repeat(3,1fr); gap:1rem; margin-top:1.25rem; }
.contact-action { padding:1.1rem; border-radius:16px; background:#f4fbff; border:1px solid #d7ebf7; }
.contact-action h3 { font-size:1rem; margin-bottom:.3rem; }
.contact-action p { font-size:.92rem; margin:0; }
@media(max-width:900px){ .reviewed-hero-grid{grid-template-columns:1fr}.reviewed-hero-art{min-height:190px}.reviewed-collection{grid-template-columns:repeat(2,minmax(0,1fr))}.trust-strip{grid-template-columns:repeat(2,1fr)}.contact-actions{grid-template-columns:1fr} }
@media(max-width:560px){ .reviewed-hero{padding:3rem 0 2.7rem}.reviewed-collection{grid-template-columns:1fr}.reviewed-toolbar{align-items:flex-start;flex-direction:column}.trust-strip{grid-template-columns:1fr}.reviewed-card{min-height:0} }

/* ---------- Reset ---------- */
*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  font-family: var(--font-body);
  color: var(--color-text);
  background: var(--color-bg);
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
}
img { max-width: 100%; display: block; }
a { color: var(--color-primary); text-decoration: none; }
a:hover { text-decoration: underline; }
ul, ol { padding-left: 1.25rem; }
h1, h2, h3, h4 {
  line-height: 1.25;
  margin: 0 0 0.6em 0;
  color: var(--color-text);
  font-weight: 700;
  letter-spacing: -0.01em;
}
p { margin: 0 0 1em 0; color: var(--color-text-muted); }
button { font-family: inherit; }

.container {
  max-width: var(--max-width);
  margin: 0 auto;
  padding: 0 1.25rem;
}

:focus-visible {
  outline: 3px solid var(--color-accent);
  outline-offset: 2px;
}

/* ---------- Skip link ---------- */
.skip-link {
  position: absolute;
  left: -999px;
  top: 0;
  background: var(--color-primary);
  color: #fff;
  padding: 0.6rem 1rem;
  z-index: 200;
  border-radius: 0 0 var(--radius-sm) 0;
}
.skip-link:focus {
  left: 0;
}

/* ---------- Header ---------- */
.site-header {
  position: sticky;
  top: 0;
  z-index: 100;
  background: rgba(255, 255, 255, 0.92);
  backdrop-filter: saturate(180%) blur(8px);
  border-bottom: 1px solid var(--color-border);
  height: var(--header-height);
}
.header-inner {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.brand {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-weight: 800;
  font-size: 1.25rem;
  color: var(--color-text);
  text-decoration: none;
}
.brand:hover { text-decoration: none; }
.brand-mark {
  width: 34px;
  height: 34px;
  border-radius: 9px;
  background: linear-gradient(135deg, var(--color-primary), var(--color-accent));
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-weight: 800;
  font-size: 1rem;
  flex-shrink: 0;
}
.brand-name-alt { color: var(--color-primary); }

.main-nav {
  display: flex;
  align-items: center;
  gap: 2rem;
}
.language-control {
  display: inline-flex;
  align-items: center;
}
.language-control select {
  min-width: 108px;
  border: 1px solid var(--color-border-strong);
  border-radius: var(--radius-sm);
  background: #fff;
  color: var(--color-text);
  font: inherit;
  font-size: 0.8rem;
  font-weight: 700;
  padding: 0.45rem 0.55rem;
  cursor: pointer;
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
.nav-links {
  list-style: none;
  display: flex;
  gap: 1.75rem;
  margin: 0;
  padding: 0;
}
.nav-links a {
  color: var(--color-text-muted);
  font-weight: 600;
  font-size: 0.95rem;
  padding: 0.4rem 0.1rem;
  border-bottom: 2px solid transparent;
}
.nav-links a:hover,
.nav-links a[aria-current="page"] {
  color: var(--color-primary);
  text-decoration: none;
  border-bottom-color: var(--color-primary);
}

.nav-toggle {
  display: none;
  flex-direction: column;
  justify-content: center;
  gap: 5px;
  width: 40px;
  height: 40px;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-sm);
  background: var(--color-bg);
  cursor: pointer;
}
.nav-toggle span {
  display: block;
  width: 18px;
  height: 2px;
  background: var(--color-text);
  margin: 0 auto;
  transition: transform 0.2s ease, opacity 0.2s ease;
}
.nav-toggle[aria-expanded="true"] span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
.nav-toggle[aria-expanded="true"] span:nth-child(2) { opacity: 0; }
.nav-toggle[aria-expanded="true"] span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }

/* ---------- Buttons ---------- */
.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.75rem 1.5rem;
  border-radius: var(--radius-md);
  font-weight: 700;
  font-size: 0.95rem;
  border: 1px solid transparent;
  cursor: pointer;
  transition: transform 0.12s ease, box-shadow 0.12s ease, background 0.15s ease, border-color 0.15s ease;
  text-decoration: none;
}
.btn:hover { text-decoration: none; }
.btn-primary {
  background: var(--color-primary);
  color: #fff;
  box-shadow: var(--shadow-sm);
}
.btn-primary:hover {
  background: var(--color-primary-dark);
  box-shadow: var(--shadow-md);
  transform: translateY(-1px);
}
.btn-secondary {
  background: #fff;
  color: var(--color-primary);
  border-color: var(--color-border-strong);
}
.btn-secondary:hover {
  border-color: var(--color-primary);
  background: var(--color-primary-light);
}
.btn-block { width: 100%; }
.btn-sm { padding: 0.55rem 1rem; font-size: 0.875rem; }

/* ---------- Hero ---------- */
.hero {
  background: linear-gradient(180deg, var(--color-primary-light) 0%, #ffffff 100%);
  padding: 4.5rem 0 4rem;
  border-bottom: 1px solid var(--color-border);
}
.hero-inner {
  max-width: 760px;
  margin: 0 auto;
  text-align: center;
}
.eyebrow {
  display: inline-block;
  background: #fff;
  border: 1px solid var(--color-border-strong);
  color: var(--color-primary-dark);
  font-weight: 700;
  font-size: 0.8rem;
  letter-spacing: 0.02em;
  padding: 0.35rem 0.85rem;
  border-radius: 999px;
  margin-bottom: 1.25rem;
}
.hero h1 {
  font-size: clamp(2rem, 4.5vw, 2.9rem);
  margin-bottom: 0.75rem;
}
.hero p.lead {
  font-size: 1.15rem;
  color: var(--color-text-muted);
  margin-bottom: 2rem;
}
.hero-actions { display: flex; gap: 0.9rem; justify-content: center; flex-wrap: wrap; }

.page-hero {
  background: var(--color-bg-alt);
  border-bottom: 1px solid var(--color-border);
  padding: 2.75rem 0 2.25rem;
}
.page-hero h1 { font-size: clamp(1.6rem, 3.5vw, 2.1rem); margin-bottom: 0.4rem; }
.page-hero p { max-width: 640px; color: var(--color-text-muted); margin: 0; }
.breadcrumb {
  font-size: 0.85rem;
  color: var(--color-text-faint);
  margin-bottom: 0.9rem;
}
.breadcrumb a { color: var(--color-text-muted); font-weight: 600; }

/* ---------- Sections ---------- */
.section { padding: 3.5rem 0; }
.section-alt { background: var(--color-bg-alt); }
.section-head { text-align: center; max-width: 640px; margin: 0 auto 2.5rem; }
.section-head h2 { font-size: clamp(1.5rem, 3vw, 1.9rem); }
.section-head p { margin: 0; }

/* ---------- Calculator Cards Grid (homepage) ---------- */
.card-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.25rem;
}
.calc-card {
  background: #fff;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-lg);
  padding: 1.6rem;
  display: flex;
  flex-direction: column;
  gap: 0.6rem;
  transition: box-shadow 0.15s ease, transform 0.15s ease, border-color 0.15s ease;
}
.calc-card:hover {
  box-shadow: var(--shadow-md);
  border-color: var(--color-primary);
  transform: translateY(-3px);
}
.calc-icon {
  width: 46px;
  height: 46px;
  border-radius: var(--radius-md);
  background: var(--color-primary-light);
  color: var(--color-primary-dark);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.35rem;
  margin-bottom: 0.25rem;
}
.calc-card h3 { font-size: 1.08rem; margin-bottom: 0.15rem; }
.calc-card p { font-size: 0.9rem; margin-bottom: 0.75rem; flex-grow: 1; }
.calc-card .btn { align-self: flex-start; }

.calc-card.compact {
  padding: 1.15rem 1.3rem;
  flex-direction: row;
  align-items: center;
  gap: 1rem;
}
.calc-card.compact .calc-icon { margin-bottom: 0; flex-shrink: 0; width: 40px; height: 40px; font-size: 1.1rem; }
.calc-card.compact h3 { margin-bottom: 0; font-size: 1rem; }
.calc-card.compact p { display: none; }
.calc-card.compact { text-decoration: none; }

/* ---------- Calculator Tool Panel ---------- */
.tool-panel {
  background: #fff;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-sm);
  padding: 2rem;
  margin: -1.75rem auto 2.5rem;
  max-width: 760px;
  position: relative;
}
.tool-tabs {
  display: flex;
  gap: 0.4rem;
  margin-bottom: 1.5rem;
  border-bottom: 1px solid var(--color-border);
  flex-wrap: wrap;
}
.tool-tab {
  background: none;
  border: none;
  border-bottom: 2px solid transparent;
  padding: 0.65rem 0.9rem;
  font-weight: 700;
  color: var(--color-text-muted);
  cursor: pointer;
  font-size: 0.92rem;
}
.tool-tab:hover { color: var(--color-primary); }
.tool-tab[aria-selected="true"] {
  color: var(--color-primary);
  border-bottom-color: var(--color-primary);
}
.tool-view { display: none; }
.tool-view.active { display: block; }

.field-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1.1rem;
}
.field {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
  margin-bottom: 1.1rem;
}
.field.full { grid-column: 1 / -1; }
.field label {
  font-weight: 700;
  font-size: 0.88rem;
  color: var(--color-text);
}
.field .hint { font-size: 0.78rem; color: var(--color-text-faint); font-weight: 400; }
.field input[type="text"],
.field input[type="number"],
.field input[type="date"],
.field select {
  border: 1.5px solid var(--color-border-strong);
  border-radius: var(--radius-sm);
  padding: 0.7rem 0.85rem;
  font-size: 1rem;
  color: var(--color-text);
  background: #fff;
  font-family: inherit;
  width: 100%;
}
.field input:focus, .field select:focus {
  border-color: var(--color-primary);
}
.input-group { display: flex; gap: 0.5rem; }
.input-group .field { flex: 1; margin-bottom: 0; }
.unit-toggle {
  display: inline-flex;
  border: 1.5px solid var(--color-border-strong);
  border-radius: var(--radius-sm);
  overflow: hidden;
}
.unit-toggle button {
  border: none;
  background: #fff;
  padding: 0.55rem 0.9rem;
  font-weight: 700;
  font-size: 0.85rem;
  cursor: pointer;
  color: var(--color-text-muted);
}
.unit-toggle button[aria-pressed="true"] {
  background: var(--color-primary);
  color: #fff;
}

.form-actions { display: flex; gap: 0.75rem; margin-top: 0.5rem; flex-wrap: wrap; }

.result-box {
  margin-top: 1.5rem;
  background: var(--color-success-bg);
  border: 1.5px solid #a7f3d0;
  border-radius: var(--radius-md);
  padding: 1.25rem 1.4rem;
  display: none;
}
.result-box.show { display: block; }
.result-box.error {
  background: var(--color-danger-bg);
  border-color: #fecaca;
}
.result-box .result-label {
  font-size: 0.8rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: var(--color-success);
  margin-bottom: 0.5rem;
}
.result-box.error .result-label { color: var(--color-danger); }
.result-main {
  font-size: 1.9rem;
  font-weight: 800;
  color: var(--color-text);
  margin-bottom: 0.35rem;
  line-height: 1.2;
}
.result-sub-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
  gap: 0.75rem;
  margin-top: 0.9rem;
}
.result-sub-grid div {
  background: #fff;
  border-radius: var(--radius-sm);
  padding: 0.6rem 0.8rem;
}
.result-sub-grid .rs-label { font-size: 0.72rem; color: var(--color-text-faint); font-weight: 700; text-transform: uppercase; }
.result-sub-grid .rs-value { font-size: 1.1rem; font-weight: 700; color: var(--color-text); }
.result-note { font-size: 0.85rem; color: var(--color-text-muted); margin-top: 0.6rem; margin-bottom: 0; }

/* ---------- Ad placeholder ---------- */
.ad-slot {
  border: 1.5px dashed var(--color-border-strong);
  border-radius: var(--radius-md);
  background: var(--color-bg-alt);
  color: var(--color-text-faint);
  text-align: center;
  padding: 1.1rem;
  font-size: 0.8rem;
  font-weight: 600;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  margin: 2rem auto;
  max-width: 760px;
}
.ad-slot--reserved { min-height: 70px; display: grid; place-items: center; }

/* ---------- Content / article ---------- */
.content-block { max-width: 760px; margin: 0 auto; }
.content-block h2 { margin-top: 2rem; font-size: 1.4rem; }
.content-block h2:first-child { margin-top: 0; }
.content-block h3 { font-size: 1.1rem; margin-top: 1.3rem; }

.faq-item {
  border-bottom: 1px solid var(--color-border);
  padding: 1.1rem 0;
}
.faq-item:first-child { border-top: 1px solid var(--color-border); }
.faq-item h3 { margin: 0 0 0.4rem 0; font-size: 1rem; }
.faq-item p { margin: 0; }

.related-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.75rem;
}
.related-list a {
  display: block;
  background: #fff;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  padding: 0.9rem 1rem;
  font-weight: 700;
  color: var(--color-text);
  font-size: 0.92rem;
}
.related-list a:hover { border-color: var(--color-primary); text-decoration: none; color: var(--color-primary); }

/* ---------- Steps / features ---------- */
.feature-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.5rem;
}
.feature {
  text-align: left;
}
.feature .num {
  display: inline-flex;
  width: 34px; height: 34px;
  border-radius: 999px;
  background: var(--color-primary);
  color: #fff;
  align-items: center;
  justify-content: center;
  font-weight: 800;
  font-size: 0.95rem;
  margin-bottom: 0.75rem;
}
.feature h3 { font-size: 1.05rem; margin-bottom: 0.3rem; }
.feature p { font-size: 0.92rem; margin: 0; }

/* ---------- Forms (contact) ---------- */
.contact-grid {
  display: grid;
  grid-template-columns: 1.1fr 0.9fr;
  gap: 2.5rem;
  align-items: start;
}
.info-card {
  background: var(--color-bg-alt);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-lg);
  padding: 1.75rem;
}
.info-card h3 { font-size: 1.05rem; }
.info-card .email-line {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  background: #fff;
  border: 1px solid var(--color-border-strong);
  border-radius: var(--radius-sm);
  padding: 0.6rem 0.9rem;
  font-weight: 700;
  margin: 0.5rem 0 1rem;
}
.notice-box {
  background: var(--color-warning-bg);
  border: 1px solid #fde68a;
  border-radius: var(--radius-md);
  padding: 1rem 1.2rem;
  font-size: 0.88rem;
  color: #92400e;
  margin-top: 1.25rem;
}

/* ---------- Footer ---------- */
.site-footer {
  background: var(--color-primary-darker);
  color: #cbd5e1;
  padding: 3rem 0 1.5rem;
  margin-top: 3rem;
}
.footer-grid {
  display: grid;
  grid-template-columns: 1.4fr 1fr 1fr 1fr;
  gap: 2rem;
  padding-bottom: 2rem;
  border-bottom: 1px solid rgba(255,255,255,0.12);
}
.footer-brand { display: flex; align-items: center; gap: 0.5rem; color: #fff; font-weight: 800; font-size: 1.15rem; margin-bottom: 0.75rem; }
.footer-col h4 {
  color: #fff;
  font-size: 0.85rem;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  margin-bottom: 0.9rem;
}
.footer-col p { color: #94a3b8; font-size: 0.88rem; }
.footer-col ul { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 0.55rem; }
.footer-col a { color: #cbd5e1; font-size: 0.9rem; }
.footer-col a:hover { color: #fff; }
.footer-bottom {
  padding-top: 1.5rem;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 0.5rem;
  font-size: 0.82rem;
  color: #94a3b8;
}

/* ---------- Utilities ---------- */
.text-center { text-align: center; }
.mt-0 { margin-top: 0; }
.visually-hidden {
  position: absolute;
  width: 1px; height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
}

/* ---------- Responsive ---------- */
/* ---------- Calculator directory V3 ---------- */
.directory-hero { background:radial-gradient(circle at 15% 15%,rgba(39,202,184,.24),transparent 28%),radial-gradient(circle at 85% 30%,rgba(75,130,255,.22),transparent 31%),linear-gradient(135deg,#f2f9ff 0%,#fff 50%,#ebfffb 100%); border-bottom:1px solid #d6e9fa; padding:4.6rem 0 3.7rem; text-align:center; position:relative; overflow:hidden; }
.directory-hero h1 { font-size:clamp(2rem,5vw,3.2rem); margin:.65rem 0; }
.directory-hero p { max-width:680px; margin:0 auto 1.6rem; font-size:1.1rem; }
.calculator-search { max-width:680px; margin:0 auto; background:#fff; border:2px solid var(--color-primary); border-radius:999px; display:flex; align-items:center; gap:.7rem; padding:.3rem .5rem .3rem 1rem; box-shadow:var(--shadow-md); }
.calculator-search input { width:100%; border:0; outline:0; padding:.8rem .4rem; font:inherit; font-size:1rem; background:transparent; }
.category-chips { display:flex; justify-content:center; flex-wrap:wrap; gap:.6rem; margin-top:1.25rem; }
.category-chips a { background:#fff; border:1px solid var(--color-border); border-radius:999px; padding:.5rem .8rem; font-size:.82rem; font-weight:700; color:var(--color-text); }
.category-chips a:hover { border-color:var(--color-primary); color:var(--color-primary); }
.calculator-category { margin-bottom:3.5rem; scroll-margin-top:90px; }
.category-heading { display:flex; align-items:flex-end; justify-content:space-between; gap:1rem; margin-bottom:1.2rem; border-bottom:2px solid var(--color-primary-light); padding-bottom:.8rem; }
.category-heading>div { display:grid; grid-template-columns:auto 1fr; column-gap:.7rem; align-items:center; }
.category-heading h2 { margin:0; font-size:1.45rem; }
.category-heading p { grid-column:2; margin:.2rem 0 0; font-size:.9rem; }
.category-heading>a { white-space:nowrap; font-weight:700; font-size:.88rem; }
.category-icon { font-size:1.55rem; grid-row:1/3; }
.tool-link-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:.8rem; }
.tool-link-card { display:flex; gap:.75rem; align-items:flex-start; background:#fff; border:1px solid var(--color-border); border-radius:var(--radius-md); padding:1rem; color:var(--color-text); transition:.15s ease; min-width:0; }
.tool-link-card:hover { border-color:var(--color-primary); box-shadow:var(--shadow-sm); transform:translateY(-2px); }
.tool-link-card[hidden] { display:none; }
.tool-link-icon { flex:0 0 38px; width:38px; height:38px; display:grid; place-items:center; border-radius:10px; background:var(--color-primary-light); font-size:1.05rem; }
.tool-link-card span:last-child { min-width:0; }
.tool-link-card strong { display:block; font-size:.92rem; line-height:1.25; }
.tool-link-card small { display:block; color:var(--color-text-muted); font-size:.76rem; line-height:1.35; margin-top:.25rem; }
.no-results { text-align:center; padding:1rem; margin-bottom:1.5rem; border-radius:var(--radius-md); background:var(--color-danger-bg); color:var(--color-danger); font-weight:700; }
.category-copy { max-width:780px; margin:3rem auto 0; }
.health-disclaimer { background:#fff7ed; border:1px solid #fdba74; border-radius:var(--radius-md); padding:1rem; margin-bottom:1.25rem; color:#9a3412; font-size:.88rem; line-height:1.5; }
.feedback-status { padding:.9rem 1rem; border-radius:var(--radius-md); margin-bottom:1rem; font-weight:700; }
.feedback-status.success { background:var(--color-success-bg); color:var(--color-success); }
.feedback-status.error { background:var(--color-danger-bg); color:var(--color-danger); }
.feedback-honeypot { position:absolute; left:-10000px; width:1px; height:1px; overflow:hidden; }
.form-group textarea { border:1.5px solid var(--color-border-strong); border-radius:var(--radius-sm); padding:.75rem; font:inherit; resize:vertical; width:100%; }
.privacy-note { font-size:.82rem; color:var(--color-text-muted); }
.is-rtl .header-inner, .is-rtl .main-nav, .is-rtl .footer-bottom, .is-rtl .category-heading { direction:rtl; }
.is-rtl .breadcrumb { direction:rtl; }
.is-rtl .tool-link-card { text-align:right; }

/* New calculator page layout */
.tool-hero { background: var(--color-bg-alt); border-bottom: 1px solid var(--color-border); padding: 2.75rem 0 2.25rem; }
.tool-hero h1 { font-size: clamp(1.6rem, 3.5vw, 2.1rem); margin-bottom: 0.4rem; }
.tool-hero p { max-width: 680px; color: var(--color-text-muted); margin: 0; }
.tool-layout { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(260px, 0.65fr); gap: 2rem; align-items: start; }
.tool-card, .tool-info { background: #fff; border: 1px solid var(--color-border); border-radius: var(--radius-lg); box-shadow: var(--shadow-sm); padding: 2rem; }
.tool-icon-large { font-size: 2rem; margin-bottom: 1rem; }
.form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; margin-bottom: 0.4rem; }
.form-group { display: flex; flex-direction: column; gap: 0.4rem; margin-bottom: 0.8rem; }
.form-group label { font-weight: 700; font-size: 0.88rem; }
.form-group input, .form-group select { border: 1.5px solid var(--color-border-strong); border-radius: var(--radius-sm); padding: 0.7rem 0.85rem; font: inherit; width: 100%; background: #fff; }
.form-group input:focus, .form-group select:focus { border-color: var(--color-primary); outline: 2px solid rgba(37,99,235,0.12); }
.tool-info h2 { font-size: 1.1rem; margin-top: 1.4rem; }
.tool-info h2:first-child { margin-top: 0; }
.tool-info p { font-size: 0.92rem; }
.result-note { margin-top: 0.45rem; color: var(--color-text-muted); }
.content-narrow { max-width: 780px; }

@media (max-width: 900px) {
  .tool-layout { grid-template-columns: 1fr; }
  .tool-link-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .card-grid { grid-template-columns: repeat(2, 1fr); }
  .feature-grid { grid-template-columns: 1fr 1fr; }
  .footer-grid { grid-template-columns: 1fr 1fr; }
  .related-list { grid-template-columns: 1fr 1fr; }
  .contact-grid { grid-template-columns: 1fr; }
}

@media (max-width: 720px) {
  .nav-links {
    position: absolute;
    top: var(--header-height);
    left: 0;
    right: 0;
    background: #fff;
    border-bottom: 1px solid var(--color-border);
    flex-direction: column;
    padding: 0.75rem 1.25rem 1.25rem;
    gap: 0;
    display: none;
    box-shadow: var(--shadow-md);
  }
  .nav-links.open { display: flex; }
  .nav-links li { width: 100%; }
  .nav-links a { display: block; padding: 0.85rem 0.2rem; border-bottom: 1px solid var(--color-border); }
  .nav-toggle { display: flex; }
  .main-nav { gap: 0.5rem; }
  .language-control select { min-width: 92px; font-size: 0.75rem; }
  .card-grid { grid-template-columns: 1fr; }
  .tool-link-grid { grid-template-columns:1fr; }
  .category-heading { align-items:flex-start; }
  .category-heading>a { display:none; }
  .directory-hero { padding:3rem 0 2.5rem; }
  .feature-grid { grid-template-columns: 1fr; }
  .footer-grid { grid-template-columns: 1fr 1fr; }
  .field-grid { grid-template-columns: 1fr; }
  .form-grid { grid-template-columns: 1fr; }
  .tool-card, .tool-info { padding: 1.4rem; }
  .tool-panel { padding: 1.4rem; margin-top: 0; }
  .related-list { grid-template-columns: 1fr; }
  .hero { padding: 3rem 0 2.5rem; }
}

@media (max-width: 480px) {
  .footer-grid { grid-template-columns: 1fr; }
  .result-main { font-size: 1.5rem; }
}

/* V7.4 AdSense readiness: guides and trust content */
.guide-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:18px}.guide-card{display:block;padding:24px;border:1px solid #d8e2f0;border-radius:16px;background:#fff;color:inherit;text-decoration:none;box-shadow:0 8px 24px rgba(30,64,175,.06)}.guide-card:hover{border-color:#2563eb;transform:translateY(-2px)}.guide-card h3{margin:10px 0;font-size:1.18rem}.guide-card p{margin:0 0 14px;color:#4b5563}.quality-note{border-top:1px solid #dbe5f2;border-bottom:1px solid #dbe5f2}.review-note{margin-top:2rem;padding:14px 16px;border-left:4px solid #2563eb;background:#eff6ff;color:#334155}.text-link{font-weight:700}.btn-secondary{display:inline-block;padding:.72rem 1rem;border:1px solid currentColor;border-radius:.7rem;text-decoration:none;margin-left:.5rem}@media(max-width:560px){.btn-secondary{margin:.6rem 0 0}}

/* V7.6 — reference-inspired category, search and calculator layouts */
:root{--ref-ink:#17213b;--ref-muted:#59708d;--ref-blue:#2563eb;--ref-teal:#10bfa9;--ref-sky:#eaf6ff;--ref-border:#d7e5f5;--ref-shadow:0 18px 42px rgba(43,83,142,.12)}
body{background:#fff;color:var(--ref-ink)}
.site-header{background:rgba(255,255,255,.97)!important;border-bottom:1px solid #dce9f7!important;box-shadow:0 2px 12px rgba(30,61,112,.04)}
.site-header .brand{font-size:1.28rem}.site-header .brand-mark{background:linear-gradient(135deg,#2581ec,#16b9e6)!important;border-radius:12px!important;box-shadow:0 6px 16px rgba(37,99,235,.24)}
.nav-links a{font-weight:700!important;color:#40516b!important}.nav-links a:hover{color:#2563eb!important}

/* Home: a real split hero with the supplied calculator artwork and direct search. */
.directory-hero{background:linear-gradient(116deg,#ecf9ff 0%,#f9feff 48%,#e8fbf6 100%)!important;border-bottom:1px solid #d6edf0!important;padding:0!important;text-align:left!important}
.reference-home-hero{min-height:478px;display:grid!important;grid-template-columns:minmax(0,1.05fr) minmax(340px,.95fr);align-items:center;gap:2rem;padding:3.9rem 0 3.5rem;position:relative}
.reference-home-copy{max-width:650px;position:relative;z-index:1}.reference-home-copy .eyebrow{display:inline-flex;align-items:center;gap:.5rem;background:#fff;border:1px solid #c8e0f4;border-radius:999px;padding:.5rem .95rem;color:#1358d5;font-weight:800;letter-spacing:.01em;box-shadow:0 7px 20px rgba(58,110,176,.08)}
.reference-home-copy h1{max-width:640px;font-size:clamp(2.5rem,5vw,4.25rem)!important;line-height:1.06!important;letter-spacing:-.045em;margin:1.1rem 0 .95rem!important;color:#15203a!important}
.reference-home-copy p{max-width:590px;margin:0 0 1.3rem!important;color:#536783!important;font-size:1.12rem!important;line-height:1.7}.reference-home-copy .btn{margin:0 .55rem .8rem 0!important;border-radius:12px!important;padding:.9rem 1.1rem!important;font-weight:800}.reference-home-copy .btn-primary{background:#2563eb!important;box-shadow:0 10px 20px rgba(37,99,235,.2)}
.reference-home-search{display:flex;align-items:center;gap:.6rem;max-width:590px;margin-top:1.65rem;padding:.42rem .48rem .42rem 1rem;border:1px solid #c9ddf3;border-radius:15px;background:#fff;box-shadow:0 15px 32px rgba(39,92,154,.12)}
.reference-home-search>span{font-size:1.45rem;color:#2976df;line-height:1}.reference-home-search input{width:100%;min-width:0;border:0;outline:0;padding:.65rem .2rem;font:inherit;font-size:1rem;color:#20314f;background:transparent}.reference-home-search button{border:0;border-radius:10px;background:#2563eb;color:#fff;padding:.72rem 1.05rem;font:inherit;font-weight:800;cursor:pointer}.reference-home-search button:hover{background:#174cc2}
.reference-home-art{align-self:stretch;min-height:350px;display:flex;align-items:center;justify-content:flex-end;overflow:hidden}.reference-home-art img{display:block;max-width:680px;width:145%;height:auto;transform:translateX(10%);filter:drop-shadow(0 22px 24px rgba(26,68,124,.2))}

.reference-category-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.15rem;margin:2rem 0 3.3rem}.reference-category-card{position:relative;display:flex;min-height:190px;align-items:flex-end;overflow:hidden;border:1px solid #d8e7f4;border-radius:18px;padding:1.25rem;text-decoration:none;color:var(--ref-ink);background:linear-gradient(135deg,#f5fbff,#fff);box-shadow:0 11px 26px rgba(38,83,133,.07);transition:transform .18s ease,box-shadow .18s ease}
.reference-category-card:after{content:"";position:absolute;inset:0 0 0 38%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15)),url('assets/images/calculator-visual-v75.png') 82% 50%/auto 135% no-repeat;mix-blend-mode:multiply;opacity:.92;pointer-events:none}.reference-category-card:hover{transform:translateY(-5px);box-shadow:var(--ref-shadow)}
.reference-category-card.card-tone-1{background:linear-gradient(135deg,#e5f1ff,#f8fbff)}.reference-category-card.card-tone-2{background:linear-gradient(135deg,#e0fbf4,#f8fffd)}.reference-category-card.card-tone-3{background:linear-gradient(135deg,#fff0f5,#fffaff)}.reference-category-card.card-tone-4{background:linear-gradient(135deg,#f0ecff,#fbfaff)}.reference-category-card.card-tone-5{background:linear-gradient(135deg,#fff2e3,#fffdf9)}.reference-category-card.card-tone-6{background:linear-gradient(135deg,#e5f8ff,#fbfeff)}
.reference-category-icon{position:absolute;right:1rem;top:1rem;z-index:1;display:grid;place-items:center;width:56px;height:56px;border-radius:16px;background:rgba(255,255,255,.8);box-shadow:0 7px 18px rgba(38,78,126,.12);font-size:1.65rem}.reference-category-copy{position:relative;z-index:1;display:block;max-width:66%}.reference-category-copy strong{display:block;font-size:1.07rem;line-height:1.25}.reference-category-copy small{display:block;margin-top:.45rem;color:#5b6f8d;line-height:1.43;font-size:.84rem}.reference-category-copy em{display:block;margin-top:.85rem;font-style:normal;color:#155ed8;font-size:.83rem;font-weight:800}.reference-category-copy em b{font-size:1.1rem}
.reference-popular-heading{display:flex;align-items:end;justify-content:space-between;gap:1rem;padding-top:1.1rem;margin:0 0 1.1rem;border-top:1px solid #e0ebf6}.reference-popular-heading h2{margin:0;color:#1a2b49;font-size:1.55rem}.reference-popular-heading p{margin:0;color:var(--ref-muted)}

/* All categories and the dedicated search screen share the clean, light-blue reference hero. */
.library-mono .gallery-hero{position:relative;overflow:hidden;background:radial-gradient(circle at 84% 26%,rgba(106,194,255,.34),transparent 22%),radial-gradient(circle at 15% 72%,rgba(50,194,184,.18),transparent 25%),linear-gradient(130deg,#eaf6ff,#f9fdff 65%,#ebfbf8)!important;color:var(--ref-ink)!important;padding:4.7rem 0 4rem!important}.library-mono .gallery-hero:after{content:"";position:absolute;right:-4%;bottom:-34%;width:460px;height:340px;background:url('assets/images/calculator-visual-v75.png') 100% 65%/cover no-repeat;opacity:.24;pointer-events:none}.library-mono .gallery-hero .container{position:relative;z-index:1}.library-mono .gallery-hero h1{font-size:clamp(2.25rem,4.5vw,3.65rem);letter-spacing:-.04em;max-width:720px}.library-mono .gallery-hero p,.library-mono .gallery-hero .breadcrumb,.library-mono .gallery-hero .breadcrumb a{color:#526a88!important}.library-mono .gallery-search{position:relative;z-index:1;display:flex!important;align-items:center;gap:.5rem;max-width:720px;margin-top:1.65rem!important;padding:.45rem .48rem .45rem 1rem;border:1px solid #c9def3!important;border-radius:15px!important;background:#fff!important;box-shadow:0 15px 32px rgba(39,92,154,.12)}.library-mono .gallery-search input{padding:.7rem .35rem!important;box-shadow:none!important;background:transparent!important;color:#20314f!important;border:0!important;outline:0}.library-mono .gallery-search button{border-radius:10px!important;background:#2563eb!important;color:#fff!important;padding:.75rem 1.15rem!important}.library-mono .gallery-search button:hover{background:#174cc2!important}
.library-mono .category-gallery{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:1.15rem!important}.library-mono .category-tile{min-height:248px!important;border-radius:18px!important;border:1px solid #d8e7f4!important;box-shadow:0 10px 26px rgba(38,83,133,.07)!important}.library-mono .category-art{height:132px!important;border-bottom:0!important;background:linear-gradient(115deg,var(--soft),#fff 72%)!important}.library-mono .category-art:before,.library-mono .category-art:after{opacity:.5}.library-mono .category-art span{width:72px!important;height:72px!important;font-size:1.6rem!important;background:#fff!important}.library-mono .category-tile-content{padding:1.15rem 1.2rem 1.35rem!important}.library-mono .category-tile h2{font-size:1.12rem!important}.library-mono .category-count{display:inline-block;margin-top:.1rem}

/* Category detail pages use a left navigation and a bright illustrated banner. */
.category-mono .page-hero{background:linear-gradient(108deg,rgba(25,73,205,.98) 0%,rgba(35,132,235,.94) 52%,rgba(17,190,167,.78)),url('assets/images/calculator-visual-v75.png') 104% 54%/auto 155% no-repeat!important;padding:3.45rem 0!important}.category-mono .page-hero h1{max-width:720px;font-size:clamp(2rem,4vw,3.2rem);letter-spacing:-.035em}.category-mono .page-hero p{max-width:670px;font-size:1.08rem}.category-mono .page-hero:after{display:none}.category-mono .section{background:#fff;padding:3rem 0 4.7rem}.reference-category-shell{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:250px minmax(0,1fr);gap:2rem;padding:0 1.25rem}.reference-category-nav{position:sticky;top:92px;align-self:start;border:1px solid #d8e6f4;border-radius:17px;padding:.85rem;background:#fff;box-shadow:0 10px 25px rgba(32,75,124,.07)}.reference-category-nav p{margin:.3rem .65rem .75rem;font-weight:900;color:#1f3a60;font-size:.82rem;letter-spacing:.08em;text-transform:uppercase}.reference-category-nav a{display:flex;align-items:center;gap:.55rem;text-decoration:none;color:#52647f;padding:.62rem .65rem;border-radius:10px;font-size:.88rem;font-weight:700}.reference-category-nav a:hover,.reference-category-nav a.is-active{background:#eaf3ff;color:#1c64d9}.reference-category-nav .reference-all-link{margin-bottom:.35rem;border-bottom:1px solid #e1ebf5;border-radius:0;color:#1d5ed6}.reference-category-nav .reference-side-link span{font-size:1rem}.reference-category-content{min-width:0}.reference-category-content .tool-link-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.category-mono .reference-category-content .tool-link-card{border:1px solid #d8e7f4!important;border-radius:16px!important;min-height:112px!important;padding:1rem!important;box-shadow:0 8px 20px rgba(31,73,122,.05)!important}.category-mono .reference-category-content .tool-link-card:hover{border-color:#3b82f6!important;background:#f5faff!important}.category-mono .reference-category-content .tool-link-icon{width:44px;height:44px;flex-basis:44px;border-radius:13px}.category-mono .reference-category-content .tool-link-card strong{font-size:.97rem}.category-mono .reference-category-content .tool-link-card small{font-size:.8rem;line-height:1.45}.reference-category-content .category-copy{margin:2.7rem 0 0;padding:1.4rem 1.5rem;border-left:4px solid #23aee8;background:#eef9ff;border-radius:0 13px 13px 0}

/* Every calculator keeps its tested controls, but receives the visual hierarchy of the reference calculator page. */
.tool-hero{background:linear-gradient(108deg,rgba(24,73,201,.98) 0%,rgba(72,84,224,.94) 54%,rgba(33,174,211,.78)),url('assets/images/calculator-visual-v75.png') 104% 53%/auto 155% no-repeat!important;color:#fff!important;padding:3.15rem 0 2.75rem!important}.tool-hero:after{display:none!important}.tool-hero h1{max-width:700px;font-size:clamp(2rem,4vw,3.25rem)!important;letter-spacing:-.04em;color:#fff!important}.tool-hero p{max-width:660px;color:#e8f5ff!important;font-size:1.07rem}.tool-hero .breadcrumb,.tool-hero .breadcrumb a{color:#e6f4ff!important}.tool-layout{gap:1.4rem!important;max-width:1140px;margin:0 auto}.tool-card,.tool-info{border:1px solid #d6e4f4!important;border-radius:18px!important;box-shadow:var(--ref-shadow)!important}.tool-card{padding:1.7rem!important}.tool-card .tool-icon-large{display:grid;place-items:center;width:54px;height:54px;border-radius:16px;background:#e8f3ff;font-size:1.7rem}.tool-info{padding:1.55rem!important;background:linear-gradient(180deg,#fbfeff,#f5faff)!important}.tool-info h2{color:#215cba}.form-group label{color:#294465}.form-group input,.form-group select{border-color:#c9dced!important;border-radius:10px!important;padding:.78rem .85rem!important}.tool-card .btn-primary{border-radius:10px!important;box-shadow:0 8px 17px rgba(37,99,235,.18)}.result-box{margin-top:1.3rem!important;border-radius:14px!important;border:1px solid #a6e0d2!important;background:linear-gradient(135deg,#effdf9,#f6fffd)!important}.result-box.error{border-color:#f4bbb3!important;background:#fff5f4!important}

@media(max-width:980px){.reference-home-hero{grid-template-columns:1fr;min-height:auto;padding:3.4rem 0}.reference-home-art{min-height:220px;max-width:660px;justify-self:center;order:-1}.reference-home-art img{max-width:560px;width:100%;transform:none}.reference-category-gallery,.library-mono .category-gallery{grid-template-columns:repeat(2,minmax(0,1fr))!important}.reference-category-shell{grid-template-columns:1fr}.reference-category-nav{position:static;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.15rem}.reference-category-nav p{grid-column:1/-1}.reference-category-nav .reference-all-link{margin:0;border:0;border-radius:10px}.reference-category-content .tool-link-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.reference-home-hero{padding:2.7rem 0 2.5rem}.reference-home-copy h1{font-size:clamp(2.25rem,11vw,3.2rem)!important}.reference-home-art{min-height:190px}.reference-home-copy .btn{display:block;width:max-content}.reference-home-search{margin-top:1.25rem}.reference-home-search button{padding:.72rem .85rem}.reference-category-gallery,.library-mono .category-gallery{grid-template-columns:1fr!important;margin-bottom:2.3rem}.reference-category-card{min-height:165px}.reference-category-nav{grid-template-columns:repeat(2,minmax(0,1fr));padding:.7rem}.reference-category-nav a{font-size:.79rem;padding:.55rem .45rem}.reference-category-content .tool-link-grid{grid-template-columns:1fr}.library-mono .gallery-hero{padding:3.1rem 0 2.8rem!important}.library-mono .gallery-hero:after{opacity:.13;width:300px}.library-mono .gallery-search{flex-wrap:nowrap!important}.library-mono .gallery-search button{padding:.72rem .8rem!important}.tool-hero{padding:2.45rem 0 2.2rem!important;background-size:auto 120%!important}.tool-card,.tool-info{padding:1.2rem!important}.reference-popular-heading{display:block}.reference-popular-heading p{margin-top:.35rem}}

/* V7.7 — visual system rebuilt to follow the supplied Spanish home, category
   directory and calculator references.  These overrides deliberately keep
   existing navigation, SEO text and calculator behaviour intact. */
.directory-hero{background:linear-gradient(116deg,#fff 0%,#f8feff 52%,#edfffb 100%)!important}
.reference-home-hero{min-height:540px;grid-template-columns:minmax(0,.95fr) minmax(390px,.9fr);gap:3.3rem;padding:3.6rem 0 2.4rem}
.reference-home-copy{max-width:620px}.reference-home-copy .eyebrow{display:none}.reference-home-copy h1{font-size:clamp(3rem,5.4vw,5rem)!important;line-height:1.08!important;max-width:610px;margin:0 0 1rem!important;color:#164da9!important;background:linear-gradient(105deg,#2364e8 0%,#16b8b0 88%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.reference-home-copy p{font-size:1.05rem!important;line-height:1.65;margin:0 0 1.35rem!important;color:#526b8e}.reference-home-copy .reference-old-actions{display:none}
.reference-home-search{max-width:610px;min-height:62px;margin:0;border-radius:15px;padding:.42rem .5rem .42rem 1.2rem;border-color:#bcd6f7;box-shadow:0 12px 28px rgba(24,89,170,.1)}.reference-home-search>span{font-size:1.65rem}.reference-home-search input{font-size:1.04rem}.reference-home-search button{border-radius:11px;padding:.86rem 1.35rem;background:#2865ed}
.reference-benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:.55rem;margin-top:1.25rem;max-width:620px}.reference-benefits span{color:#4c6383;font-size:.73rem;line-height:1.25;display:flex;align-items:center;gap:.34rem}.reference-benefits b{width:20px;height:20px;display:grid;place-items:center;border-radius:50%;background:#e6f1ff;color:#2264e9;font-size:.72rem}
.reference-home-art{min-height:390px;justify-content:center;overflow:visible}.reference-home-art img{width:100%;max-width:550px;transform:none;filter:drop-shadow(0 28px 24px rgba(34,100,173,.17))}
.reference-category-gallery{grid-template-columns:repeat(6,minmax(0,1fr));gap:1rem;margin:2rem 0 1.15rem}.reference-category-card{display:block;min-height:320px;padding:1.05rem;border-radius:17px;overflow:hidden}.reference-category-card:after{display:none}.reference-category-art-image{display:block;width:100%;height:158px;object-fit:contain;filter:drop-shadow(0 10px 13px rgba(55,93,142,.12));transition:transform .2s ease}.reference-category-card:hover .reference-category-art-image{transform:scale(1.06)}.reference-category-copy{display:block;max-width:100%;padding:.25rem .15rem 0}.reference-category-copy strong{font-size:1rem}.reference-category-copy small{font-size:.78rem;min-height:48px;line-height:1.38;margin-top:.4rem}.reference-category-copy em{position:absolute;right:1rem;bottom:1rem;display:grid;width:29px;height:29px;place-items:center;margin:0;border-radius:50%;background:#fff;color:#1e63dc;font-size:1rem;box-shadow:0 5px 10px rgba(38,80,135,.13)}.reference-all-categories{text-align:center;margin:0 0 2rem}.reference-all-categories a{font-weight:800;color:#2263e3;text-decoration:none}.reference-all-categories a:hover{text-decoration:underline}
.reference-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin:1rem 0 3.4rem;padding:1.7rem 2rem;border-radius:20px;background:linear-gradient(102deg,#ddecff,#e5fbf6);text-align:center}.reference-stats div{display:flex;flex-direction:column;gap:.25rem}.reference-stats b{font-size:1.55rem;color:#1b53ad}.reference-stats span{font-size:.82rem;color:#4f6686}.reference-popular-heading{padding-top:0;border:0}
.category-mono .page-hero{position:relative;overflow:hidden;background:linear-gradient(103deg,#127db8 0%,#28aecc 60%,#72d7bc 100%)!important}.category-mono .page-hero>*:not(.reference-category-hero-art){position:relative;z-index:1}.reference-category-hero-art{position:absolute;right:5%;bottom:-35px;width:300px;max-height:250px;object-fit:contain;filter:drop-shadow(0 18px 18px rgba(0,61,112,.25));z-index:0}.category-mono .reference-category-content .tool-link-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.15rem}.category-mono .reference-category-content .tool-link-card{display:flex!important;flex-direction:column;min-height:245px!important;gap:.7rem;padding:1.1rem!important}.category-mono .reference-category-content .tool-link-card:after{content:'Open Calculator  →';margin-top:auto;display:block;width:100%;padding:.68rem .65rem;border-radius:9px;background:#2364e9;color:#fff;text-align:center;font-size:.78rem;font-weight:800}.category-mono .reference-category-content .tool-link-card small{line-height:1.45}.category-mono .reference-category-content .tool-link-icon{background:#eaf4ff!important}
@media(max-width:1160px){.reference-category-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}.category-mono .reference-category-content .tool-link-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:980px){.reference-home-hero{grid-template-columns:1fr;padding:3rem 0}.reference-home-art{min-height:250px;order:0}.reference-home-copy h1{font-size:clamp(2.8rem,8vw,4.2rem)!important}.reference-category-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}.reference-benefits{max-width:650px}.reference-stats{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){.reference-home-hero{padding:2.5rem 0 2.3rem;gap:1.8rem}.reference-home-copy h1{font-size:clamp(2.6rem,12vw,3.55rem)!important}.reference-home-search{min-height:55px;padding-left:.8rem}.reference-home-search button{padding:.72rem .88rem}.reference-benefits{grid-template-columns:repeat(2,1fr);row-gap:.7rem}.reference-home-art{min-height:190px}.reference-category-gallery{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:.8rem}.reference-category-card{min-height:274px;padding:.85rem}.reference-category-art-image{height:125px}.reference-category-copy strong{font-size:.9rem}.reference-category-copy small{font-size:.72rem;min-height:58px}.reference-stats{padding:1.3rem 1rem;margin-bottom:2.3rem}.reference-category-hero-art{right:-25px;width:210px;opacity:.6}.category-mono .reference-category-content .tool-link-grid{grid-template-columns:1fr}.category-mono .reference-category-content .tool-link-card{min-height:190px!important}}

/* V7.8 — contextual visual system and AdSense-ready user experience.
   The shared layout uses lightweight local assets, so no visitor input is sent
   to an image service and all calculator logic remains exactly as before. */
.brand-mark{font-size:0!important;position:relative;overflow:hidden}.brand-mark::after{content:"▦";font-size:1.58rem;line-height:1;color:#fff;font-weight:900;transform:translateY(-1px)}
.main-nav{gap:.85rem}.reference-header-search{display:inline-flex;align-items:center;gap:.45rem;min-width:182px;padding:.54rem .82rem;border:1px solid #dfe9f6;border-radius:999px;background:#f5f9fe;color:#6b7d98;font-size:.79rem;font-weight:700;text-decoration:none;white-space:nowrap}.reference-header-search:hover{background:#eef6ff;border-color:#a9cbf7;color:#1e67dc;text-decoration:none}.reference-header-search>span:first-child{font-size:1.28rem;line-height:.8;color:#2563eb}

.reference-home-copy .reference-home-kicker{display:inline-flex!important;align-items:center;gap:.45rem;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;color:#3788f3!important;font-size:.76rem!important;font-weight:900!important;letter-spacing:.13em;text-transform:uppercase}.reference-home-copy .reference-home-kicker::before{content:"";width:24px;height:2px;background:#46a4fc;border-radius:999px}.reference-home-hero{isolation:isolate}.reference-home-art{position:relative;z-index:1}.reference-home-art::before{content:"";position:absolute;width:350px;height:350px;border-radius:50%;background:radial-gradient(circle,#ccf8f3 0%,rgba(204,248,243,0) 69%);right:2%;top:13%;z-index:-1}

/* The category and all-calculators screens use the matching category art. */
.reference-library-art{background:linear-gradient(115deg,#e8f7ff,#fff 64%,#edfffa)!important}.reference-library-art::before,.reference-library-art::after{display:none!important}.reference-library-art img{position:relative;z-index:1;width:92%;height:145px;object-fit:contain;filter:drop-shadow(0 10px 12px rgba(40,81,136,.14))}.library-mono .category-art.reference-library-art{height:150px!important}.library-mono .category-art.reference-library-art span{display:none!important}.reference-category-hero-art{right:3%!important;bottom:-25px!important;width:min(350px,32vw)!important;max-height:285px!important;opacity:1!important}.reference-category-financial .page-hero{background:linear-gradient(104deg,#176fc2,#32b7d5 57%,#5ae0bd)!important}.reference-category-health .page-hero{background:linear-gradient(104deg,#176fc2,#26b9bd 57%,#72ddaa)!important}.reference-category-womens .page-hero{background:linear-gradient(104deg,#8664d9,#e06dbe 57%,#f4aa89)!important}.reference-category-math .page-hero{background:linear-gradient(104deg,#3f62d9,#6d7de9 57%,#a68aef)!important}.reference-category-time .page-hero{background:linear-gradient(104deg,#246cce,#4298de 57%,#5bd2cb)!important}.reference-category-conversion .page-hero{background:linear-gradient(104deg,#157aa1,#27acc2 57%,#54d8b8)!important}.reference-category-construction .page-hero{background:linear-gradient(104deg,#cf6c38,#ef9b51 57%,#f3ca76)!important}.reference-category-education .page-hero{background:linear-gradient(104deg,#4e52bb,#7276e7 57%,#9f9df4)!important}.reference-category-technology .page-hero{background:linear-gradient(104deg,#195eac,#238ccc 57%,#4ccfcb)!important}.reference-category-travel .page-hero{background:linear-gradient(104deg,#195dc2,#377ddb 57%,#6dbdec)!important}.reference-category-everyday .page-hero{background:linear-gradient(104deg,#207ac5,#2ca4d3 57%,#75d8c8)!important}

/* Calculator pages: a relevant banner image and a dedicated result surface. */
.reference-calculator-page .tool-hero,.reference-calculator-page .page-hero{position:relative;isolation:isolate;min-height:265px;padding:3rem 0 2.7rem!important;overflow:hidden}.reference-calculator-page .tool-hero>.container,.reference-calculator-page .page-hero>.container{position:relative;z-index:2}.reference-calculator-page .tool-hero h1,.reference-calculator-page .page-hero h1{max-width:650px}.reference-calculator-page .tool-hero p:not(.reference-tool-eyebrow),.reference-calculator-page .page-hero p:not(.reference-tool-eyebrow){max-width:650px}.reference-tool-eyebrow{margin:0 0 .55rem!important;color:#dceeff!important;font-size:.76rem!important;font-weight:900!important;letter-spacing:.11em;text-transform:uppercase}.reference-tool-eyebrow::before{content:"✦";margin-right:.42rem;color:#9aeaff}.reference-tool-hero-art{position:absolute;z-index:1;right:5%;bottom:-30px;width:min(340px,31vw);height:250px;object-fit:contain;filter:drop-shadow(0 20px 20px rgba(0,43,104,.25));pointer-events:none}.tool-visual-financial .tool-hero,.tool-visual-financial .page-hero{background:linear-gradient(104deg,#1259c7,#268adb 59%,#39c8b4)!important}.tool-visual-health .tool-hero,.tool-visual-health .page-hero{background:linear-gradient(104deg,#0f75a8,#20aeb8 59%,#5ecfad)!important}.tool-visual-womens .tool-hero,.tool-visual-womens .page-hero{background:linear-gradient(104deg,#7856c8,#cd6fbc 59%,#f29d8b)!important}.tool-visual-math .tool-hero,.tool-visual-math .page-hero{background:linear-gradient(104deg,#4059bf,#6c75e1 59%,#9d91e8)!important}.tool-visual-time .tool-hero,.tool-visual-time .page-hero{background:linear-gradient(104deg,#155fbd,#3384d8 59%,#4dc0ca)!important}.tool-visual-conversion .tool-hero,.tool-visual-conversion .page-hero{background:linear-gradient(104deg,#0d7996,#1fa8ba 59%,#42cda9)!important}.tool-visual-construction .tool-hero,.tool-visual-construction .page-hero{background:linear-gradient(104deg,#bd6137,#e48b45 59%,#f0bc69)!important}.tool-visual-education .tool-hero,.tool-visual-education .page-hero{background:linear-gradient(104deg,#4752b6,#6d72df 59%,#9a93eb)!important}.tool-visual-technology .tool-hero,.tool-visual-technology .page-hero{background:linear-gradient(104deg,#1359a8,#227fca 59%,#41c6c1)!important}.tool-visual-travel .tool-hero,.tool-visual-travel .page-hero{background:linear-gradient(104deg,#1e54c6,#477ce6 59%,#61bfe5)!important}.tool-visual-everyday .tool-hero,.tool-visual-everyday .page-hero{background:linear-gradient(104deg,#1975bd,#32a0d0 59%,#70d6c3)!important}

.reference-calculator-page .tool-layout{grid-template-columns:minmax(0,1.18fr) minmax(300px,.82fr)!important;grid-template-areas:"form result" "info info";gap:1.45rem!important}.reference-calculator-page .tool-layout>.tool-card{grid-area:form}.reference-result-card{grid-area:result;min-height:100%;padding:1.45rem;border:1px solid #c7e3f8;border-radius:19px;background:linear-gradient(145deg,#f8fdff,#eaf8ff 62%,#ebfffa);box-shadow:0 16px 36px rgba(32,86,154,.12)}.reference-result-heading{display:flex;align-items:center;gap:.9rem;padding-bottom:1rem;border-bottom:1px solid #cfe3f5}.reference-result-art{display:grid;place-items:center;width:70px;height:70px;flex:0 0 70px;border-radius:19px;background:#fff;overflow:hidden;box-shadow:0 7px 15px rgba(28,84,141,.1)}.reference-result-art img{width:82px;height:82px;object-fit:contain}.reference-result-heading span{display:block;margin-bottom:.15rem;color:#517093;font-size:.78rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.reference-result-heading strong{display:block;color:#173d78;font-size:1.13rem;line-height:1.25}.reference-result-empty{display:flex;flex-direction:column;gap:.38rem;padding:1.35rem 0 .45rem;color:#607a99}.reference-result-empty b{color:#165fd4;font-size:1.16rem}.reference-result-empty span{font-size:.91rem;line-height:1.55}.reference-result-card.has-result .reference-result-empty{display:none}.reference-result-card .result-box{margin:1.25rem 0 0!important;padding:1.25rem!important;border:1px solid #a6ddf1!important;border-radius:14px!important;background:rgba(255,255,255,.85)!important}.reference-result-card .result-label{color:#2473c7!important}.reference-result-card .result-main{color:#1262dc!important;font-size:clamp(1.7rem,3.3vw,2.55rem)!important;letter-spacing:-.035em}.reference-result-card .result-note{color:#4e6c8d!important}.reference-result-card .result-box.error{border-color:#f4bbb3!important;background:#fff5f4!important}.reference-result-card .result-box.error .result-main{color:#bf362b!important}.reference-calculator-page .tool-layout>.reference-method-card{grid-area:info;margin:0!important;padding:1.4rem 1.55rem!important;background:#fff!important}.reference-calculator-page .tool-layout>.reference-method-card h2{display:inline-block;margin:.5rem 1.25rem .35rem 0!important;font-size:1rem}.reference-calculator-page .tool-layout>.reference-method-card p{display:inline;margin:0 1.1rem 0 0!important;font-size:.88rem}

/* A small matching visual appears on the eleven advanced calculator layouts. */
.reference-inline-tool-panel{border:1px solid #c9e0f5!important;border-radius:20px!important;box-shadow:0 15px 35px rgba(34,86,153,.1)!important;background:linear-gradient(145deg,#fff,#f6fbff)!important}.reference-inline-visual{display:flex;align-items:center;gap:.85rem;margin-bottom:1.25rem;padding:.75rem .9rem;border:1px solid #d9eafa;border-radius:14px;background:linear-gradient(105deg,#f1f9ff,#f2fffb)}.reference-inline-visual img{width:70px;height:62px;object-fit:contain;filter:drop-shadow(0 6px 8px rgba(30,77,139,.12))}.reference-inline-visual p{display:flex;flex-direction:column;gap:.16rem;margin:0!important}.reference-inline-visual strong{color:#1d61c8;font-size:.9rem}.reference-inline-visual span{color:#5e7899;font-size:.82rem;line-height:1.35}

@media(max-width:1190px){.reference-header-search{display:none}.main-nav{gap:1.15rem}}
@media(max-width:900px){.reference-calculator-page .tool-layout{grid-template-columns:1fr!important;grid-template-areas:"form" "result" "info"}.reference-result-card{min-height:0}.reference-calculator-page .tool-layout>.reference-method-card h2,.reference-calculator-page .tool-layout>.reference-method-card p{display:block;margin:.5rem 0!important}.reference-tool-hero-art{right:1%;width:min(280px,39vw);opacity:.83}}
@media(max-width:680px){.reference-header-search{display:none}.reference-calculator-page .tool-hero,.reference-calculator-page .page-hero{min-height:232px;padding:2.35rem 0 2rem!important}.reference-tool-hero-art{right:-28px;bottom:-24px;width:205px;height:180px;opacity:.38}.reference-tool-eyebrow{max-width:58%;font-size:.64rem!important}.reference-calculator-page .tool-hero h1,.reference-calculator-page .page-hero h1{max-width:75%;font-size:clamp(1.82rem,8.8vw,2.55rem)!important}.reference-calculator-page .tool-hero p:not(.reference-tool-eyebrow),.reference-calculator-page .page-hero p:not(.reference-tool-eyebrow){max-width:72%;font-size:.92rem!important}.reference-result-card{padding:1.2rem}.reference-result-art{width:62px;height:62px;flex-basis:62px}.reference-result-art img{width:73px;height:73px}.reference-inline-visual{padding:.65rem .72rem}.reference-inline-visual img{width:55px;height:50px}.reference-category-hero-art{opacity:.45!important}}

/* V7.9 — close visual match to the supplied category and answer-page references.
   The homepage classes above remain unchanged. */
.reference-match-header .site-header{background:#fff!important;border-bottom:1px solid #e6edf6!important;box-shadow:0 2px 12px rgba(19,61,111,.04)!important}.reference-match-header .header-inner{max-width:1440px!important;min-height:74px!important;padding:0 42px!important}.reference-match-header .brand{font-size:1.48rem!important;letter-spacing:-.035em;color:#102454!important}.reference-match-header .brand-mark{width:38px!important;height:38px!important;border-radius:7px!important;background:linear-gradient(180deg,#1577ec,#2b89df)!important;box-shadow:none!important}.reference-match-header .brand-mark::after{font-size:1.48rem!important}.reference-match-header .main-nav{gap:1.45rem!important}.reference-match-header .nav-links{display:flex!important;align-items:center!important;gap:2.05rem!important}.reference-match-header .nav-links a{font-size:.94rem!important;font-weight:500!important;color:#102454!important;text-decoration:none!important;white-space:nowrap}.reference-match-header .nav-links a:hover{color:#1469de!important}.reference-match-header .reference-nav-caret{margin-left:.25rem;font-size:1rem;color:#102454}.reference-match-header .reference-header-search{display:inline-flex!important;align-items:center;gap:.6rem;width:276px;min-width:276px;height:42px;padding:.4rem 1rem;border-radius:22px;border:1px solid #dfe8f5;background:#f3f7fc;color:#637797;font-size:.88rem;font-weight:500}.reference-match-header .reference-header-search>span:first-child{font-size:1.55rem;color:#102454}.reference-match-header .reference-quick-start{display:inline-flex;align-items:center;justify-content:center;min-width:143px;height:44px;padding:0 1.2rem;border-radius:10px;background:#1672e8;color:#fff;font-size:.91rem;font-weight:800;text-decoration:none;box-shadow:0 8px 15px rgba(22,114,232,.18)}.reference-match-header .reference-quick-start:hover{background:#0e5fc8;color:#fff}.reference-match-header .reference-language-hidden,.reference-match-header .nav-toggle{display:none!important}

.reference-match-category{background:#fff!important;color:#102454}.reference-match-category-workspace{max-width:1500px;margin:0 auto;display:grid;grid-template-columns:285px minmax(0,1fr);gap:30px;padding:25px 38px 70px;align-items:start}.reference-category-page-column{min-width:0}.reference-match-category .reference-category-nav{position:sticky;top:92px;align-self:start;margin-top:7px;padding:6px 0 0;border:0;border-radius:0;background:#fff;box-shadow:none}.reference-match-category .reference-category-nav h2{margin:0 0 18px;padding:0 13px;color:#122652;font-size:1.14rem;line-height:1.3}.reference-match-category .reference-category-nav .reference-side-link{display:grid;grid-template-columns:25px minmax(0,1fr) 16px;align-items:center;gap:7px;width:100%;min-height:43px;padding:0 13px;border-radius:9px;color:#213d69;text-decoration:none;font-size:.92rem;font-weight:500}.reference-match-category .reference-category-nav .reference-side-link span{font-size:1.22rem;line-height:1}.reference-match-category .reference-category-nav .reference-side-link b{font-weight:500}.reference-match-category .reference-category-nav .reference-side-link em{font-style:normal;font-size:1.55rem;font-weight:400;line-height:1;text-align:right}.reference-match-category .reference-category-nav .reference-side-link:hover{background:#f1f7ff;color:#0d6cdf}.reference-match-category .reference-category-nav .reference-side-link.is-active{background:#e8f3ff;color:#0d67da;font-weight:800}.reference-match-category .reference-category-nav .reference-side-link.is-active b{font-weight:800}.reference-category-promo{margin:36px 7px 0;padding:22px 20px 20px;border-radius:14px;background:linear-gradient(145deg,#f1f6fb,#edf3f9);color:#172e59}.reference-category-promo>span{display:block;margin-bottom:8px;font-size:1.8rem}.reference-category-promo strong{display:block;font-size:.98rem;line-height:1.3}.reference-category-promo p{margin:12px 0 15px;color:#4f678b;font-size:.86rem;line-height:1.45}.reference-category-promo a{display:block;padding:11px 10px;border:1px solid #d8e5f3;border-radius:9px;background:#fff;color:#116be0;text-align:center;font-size:.83rem;font-weight:800;text-decoration:none}.reference-category-promo a:hover{background:#f3f8ff}.reference-match-category .reference-category-breadcrumb{margin:0 0 17px;padding:0 2px;color:#26436d;font-size:.92rem;line-height:1.4}.reference-match-category .reference-category-breadcrumb a{color:#26436d;text-decoration:none}.reference-match-category .reference-category-breadcrumb a:hover{color:#1269df}.reference-match-category .page-hero{position:relative;min-height:251px;margin:0!important;padding:34px 36px!important;border:0!important;border-radius:17px;background:linear-gradient(112deg,#b9edff 0%,#c0f6ed 57%,#6ce3cb 100%)!important;color:#102454!important;overflow:hidden;box-shadow:none}.reference-match-category .page-hero>.container{max-width:710px!important;margin:0!important;padding:0!important;position:relative;z-index:2}.reference-match-category .page-hero h1{max-width:610px;margin:0 0 12px!important;color:#102454!important;font-size:clamp(2.1rem,3.2vw,3.05rem)!important;font-weight:800!important;line-height:1.08!important;letter-spacing:-.035em!important}.reference-match-category .page-hero p{max-width:610px;margin:0!important;color:#153b69!important;font-size:1.06rem!important;line-height:1.55!important}.reference-match-category .page-hero:before{content:"";position:absolute;right:34%;top:-128px;width:300px;height:300px;border-radius:50%;background:rgba(255,255,255,.22)}.reference-match-category .page-hero:after{content:"";position:absolute;right:-85px;bottom:-165px;width:390px;height:390px;border-radius:50%;background:rgba(42,221,190,.24);display:block!important}.reference-match-category .reference-category-hero-art{position:absolute;right:30px;bottom:-10px;z-index:1;width:min(390px,37%);height:235px;object-fit:contain;filter:drop-shadow(0 18px 14px rgba(13,105,116,.18))}.reference-category-tools-section{padding:30px 0 0!important;background:#fff!important}.reference-match-category .reference-category-content{width:100%;max-width:none!important;margin:0!important;padding:0!important}.reference-category-list-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:0 0 17px}.reference-category-list-header h2{margin:0;color:#102454;font-size:1.45rem;line-height:1.25;letter-spacing:-.02em}.reference-category-list-header a{color:#0769df;font-size:.92rem;font-weight:700;text-decoration:none;white-space:nowrap}.reference-category-list-header a:hover{text-decoration:underline}.reference-match-category .reference-category-content .tool-link-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:17px!important}.reference-match-category .reference-category-content .tool-link-card{display:flex!important;flex-direction:column!important;align-items:stretch!important;min-height:223px!important;padding:21px 21px 20px!important;border:1px solid #dbe7f4!important;border-radius:15px!important;background:#fff!important;color:#102454!important;box-shadow:0 5px 17px rgba(31,75,128,.055)!important;text-decoration:none!important}.reference-match-category .reference-category-content .tool-link-card:hover{border-color:#9fc9f9!important;background:#fbfdff!important;box-shadow:0 10px 25px rgba(31,75,128,.11)!important;transform:translateY(-2px)}.reference-match-category .reference-category-content .tool-link-icon{display:grid!important;place-items:center!important;width:73px!important;height:73px!important;flex:0 0 73px!important;margin:0 0 10px!important;border-radius:50%!important;background:#e8f6ff!important;color:#076fe0!important;font-size:2rem!important}.reference-match-category .reference-category-content .tool-link-card:nth-child(3n+1) .tool-link-icon{background:#fff0d7!important;color:#f29a00!important}.reference-match-category .reference-category-content .tool-link-card:nth-child(3n+2) .tool-link-icon{background:#e2f6ff!important;color:#076fe0!important}.reference-match-category .reference-category-content .tool-link-card:nth-child(3n) .tool-link-icon{background:#e5fbf5!important;color:#0aa887!important}.reference-match-category .reference-category-content .tool-link-card>span:last-of-type{display:block!important;min-height:72px!important}.reference-match-category .reference-category-content .tool-link-card strong{display:block!important;margin:0 0 9px!important;color:#102454!important;font-size:1.02rem!important;line-height:1.25!important}.reference-match-category .reference-category-content .tool-link-card small{display:block!important;color:#2b466f!important;font-size:.88rem!important;line-height:1.45!important}.reference-match-category .reference-category-content .tool-link-card:after{content:'Open Calculator  →'!important;display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;min-height:45px!important;margin-top:auto!important;padding:0 10px!important;border-radius:10px!important;background:linear-gradient(100deg,#1476ec,#2871e9)!important;color:#fff!important;font-size:.9rem!important;font-weight:800!important}.reference-match-category .category-copy{margin:26px 0 0!important;padding:18px 20px!important;border-left:4px solid #1daee9!important;background:#eef9ff!important;border-radius:0 13px 13px 0!important}.reference-match-category .category-copy h2{margin:0 0 6px!important;color:#102454!important}.reference-match-category .category-copy p{margin:0!important;color:#4a6386!important}


@media(max-width:1180px){.reference-match-header .header-inner{padding:0 25px!important}.reference-match-header .nav-links{gap:1.15rem!important}.reference-match-header .main-nav{gap:.9rem!important}.reference-match-header .reference-header-search{width:220px;min-width:220px}.reference-match-category-workspace{grid-template-columns:240px minmax(0,1fr);padding-left:25px;padding-right:25px}.reference-match-category .reference-category-content .tool-link-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.reference-match-calculator .tool-hero>.container,.reference-match-calculator .tool-layout,.reference-support-inner{padding-left:25px!important;padding-right:25px!important}}
@media(max-width:900px){.reference-match-header .header-inner{min-height:68px!important}.reference-match-header .nav-links{display:none!important}.reference-match-header .reference-header-search{display:none!important}.reference-match-header .reference-quick-start{min-width:110px}.reference-match-header .nav-toggle{display:flex!important}.reference-match-category-workspace{display:block;padding:18px 20px 55px}.reference-match-category .reference-category-nav{position:static;margin:0 0 18px;padding:0}.reference-match-category .reference-category-nav h2{margin-bottom:10px;padding:0}.reference-match-category .reference-category-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.reference-match-category .reference-category-nav h2{grid-column:1/-1}.reference-match-category .reference-category-nav .reference-side-link{min-height:38px;padding:0 8px;font-size:.79rem}.reference-match-category .reference-category-nav .reference-side-link em{display:none}.reference-category-promo{grid-column:1/-1;margin:16px 0 0}.reference-match-category .reference-category-hero-art{right:12px;width:35%;opacity:.8}.reference-match-calculator .tool-layout{grid-template-columns:1fr!important;grid-template-areas:"form" "result"!important}.reference-match-calculator .tool-layout>.tool-card,.reference-match-calculator .reference-result-card{min-height:0!important}.reference-work-steps{grid-template-columns:1fr}.reference-related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.reference-match-header .header-inner{padding:0 15px!important}.reference-match-header .brand{font-size:1.22rem!important}.reference-match-header .reference-quick-start{min-width:96px;height:38px;padding:0 .75rem;font-size:.78rem}.reference-match-category-workspace{padding-left:14px;padding-right:14px}.reference-match-category .reference-category-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.reference-match-category .page-hero{min-height:260px;padding:27px 22px!important}.reference-match-category .page-hero h1{max-width:70%;font-size:2rem!important}.reference-match-category .page-hero p{max-width:70%;font-size:.9rem!important}.reference-match-category .reference-category-hero-art{right:-25px;bottom:-15px;width:235px;opacity:.55}.reference-category-list-header{display:block}.reference-category-list-header h2{font-size:1.3rem}.reference-category-list-header a{display:block;margin-top:6px}.reference-match-category .reference-category-content .tool-link-grid{grid-template-columns:1fr!important}.reference-match-calculator .tool-hero{min-height:235px!important;padding:25px 0 24px!important}.reference-match-calculator .tool-hero>.container,.reference-match-calculator .tool-layout,.reference-support-inner{padding-left:15px!important;padding-right:15px!important}.reference-match-calculator .tool-hero h1{max-width:76%!important;font-size:2.4rem!important}.reference-match-calculator .tool-hero p:not(.reference-tool-eyebrow){max-width:72%!important;font-size:.92rem!important}.reference-match-calculator .reference-tool-eyebrow{max-width:62%;font-size:.64rem!important}.reference-match-calculator .tool-layout{padding-top:16px!important}.reference-match-calculator .tool-layout>.tool-card{padding:19px 17px!important}.reference-match-calculator .reference-result-card{padding:19px 17px!important}.reference-result-answer{gap:14px}.reference-result-symbol{width:59px;height:59px;flex-basis:59px;border-width:5px;font-size:1.7rem}.reference-result-card .result-main{font-size:2rem!important}.reference-related-grid{grid-template-columns:1fr}.reference-related-heading{display:block}.reference-related-heading>a{display:block;margin:7px 0 0}.reference-support-section{padding-bottom:28px!important}}

/* V7.9 matching pass: category and calculator pages follow the two supplied
   references while the V7.8 homepage rules remain the source of truth. */
.reference-match-calculator .tool-hero{background:linear-gradient(105deg,#375cf1 0%,#4a63ef 42%,#51a9df 100%),url('assets/images/calculator-visual-v75.png') right center/auto 190% no-repeat!important}
.reference-match-calculator.tool-visual-travel .tool-hero{background:linear-gradient(90deg,rgba(54,89,241,.97) 0%,rgba(74,95,240,.88) 35%,rgba(58,109,227,.44) 70%,rgba(45,170,203,.12) 100%),url('assets/images/categories/travel-hero-scene.svg') center/cover no-repeat!important}
.reference-match-calculator .reference-tool-hero-art{display:block!important}.reference-match-calculator.tool-visual-travel .reference-tool-hero-art{display:none!important}
.reference-result-card .reference-result-answer .result-box{flex:1;min-width:0}

/* V8.2 — actual premium layouts for the featured travel and time calculators.
   These rules are deliberately scoped to the two rebuilt pages, so existing
   calculator pages retain their stable V8.1 layouts. */
.v82-feature-calculator{--v82-ink:#10234a;--v82-muted:#58708e;--v82-blue:#087fe8;--v82-deep:#0c438f;--v82-sky:#eaf7ff;--v82-line:#cfe5f5;--v82-green:#08a86f;background:#fff;color:var(--v82-ink)}
.v82-feature-calculator .site-header{height:74px;background:rgba(255,255,255,.97)!important;border-bottom:1px solid #d8e9f5!important;box-shadow:0 2px 14px rgba(20,61,112,.055)!important}
.v82-feature-calculator .site-header .header-inner{max-width:1420px;padding-left:28px;padding-right:28px}
.v82-feature-calculator .site-header .brand{color:#122b57!important;font-size:1.42rem!important;letter-spacing:-.035em}
.v82-feature-calculator .site-header .brand-mark{width:38px;height:38px;border-radius:10px!important;background:linear-gradient(135deg,#167dec,#21bddc)!important;box-shadow:0 8px 17px rgba(17,112,226,.23)!important}
.v82-feature-calculator .site-header .main-nav{gap:.8rem}
.v82-feature-calculator .site-header .nav-links{gap:1.35rem}
.v82-feature-calculator .site-header .nav-links a{color:#31496e!important;font-size:.93rem!important;font-weight:750!important}
.v82-feature-calculator .site-header .nav-links a:hover,.v82-feature-calculator .site-header .nav-links a[aria-current="page"]{color:#0777de!important;border-bottom-color:#0777de!important}
.v82-feature-calculator .site-header .reference-header-search{width:230px;min-width:190px;height:40px;background:#f4f8fc;border-color:#dce8f5;color:#637895;font-size:.84rem}
.v82-feature-calculator .site-header .language-control select{background:#fff}

.v82-tool-hero{position:relative;isolation:isolate;overflow:hidden;color:#fff}
.v82-tool-hero:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(3,49,141,.93) 0%,rgba(8,112,205,.84) 46%,rgba(21,174,194,.15) 100%)}
.v82-travel-hero{min-height:342px;background:#1c87d8 url("assets/images/categories/travel-hero-scene.svg") center/cover no-repeat}
.v82-time-hero{min-height:342px;background:radial-gradient(circle at 76% 22%,rgba(178,237,255,.46),transparent 18%),radial-gradient(circle at 76% 81%,rgba(56,219,205,.22),transparent 22%),linear-gradient(105deg,#292b9e 0%,#316ee2 55%,#24bad5 100%)}
.v82-time-hero:before{background:linear-gradient(90deg,rgba(22,26,111,.97) 0%,rgba(28,65,188,.87) 48%,rgba(24,146,207,.26) 100%)}
.v82-hero-inner{position:relative;min-height:342px;display:grid;grid-template-columns:minmax(0,.93fr) minmax(360px,1.07fr);align-items:center;gap:2rem;padding-top:2.3rem!important;padding-bottom:2.3rem!important}
.v82-hero-copy{position:relative;z-index:2;max-width:590px}
.v82-feature-calculator .v82-tool-hero .breadcrumb{display:flex;flex-wrap:wrap;gap:.45rem;margin:0 0 .82rem;color:rgba(235,250,255,.85);font-size:.83rem}
.v82-feature-calculator .v82-tool-hero .breadcrumb a{color:rgba(245,252,255,.93);text-decoration:none}
.v82-feature-calculator .v82-tool-hero .breadcrumb a:hover{text-decoration:underline}
.v82-eyebrow{display:inline-flex;align-items:center;min-height:28px;padding:0 .78rem;border:1px solid rgba(221,247,255,.53);border-radius:999px;background:rgba(6,72,164,.25);color:#f4fcff;font-size:.72rem;font-weight:850;letter-spacing:.07em;text-transform:uppercase}
.v82-hero-copy h1{max-width:620px;margin:.65rem 0 .45rem;color:#fff!important;font-size:clamp(2.35rem,4.6vw,4.45rem)!important;line-height:1.02!important;letter-spacing:-.05em!important}
.v82-hero-copy>p{max-width:555px;margin:0;color:#e8f7ff!important;font-size:1.08rem!important;line-height:1.55!important}
.v82-hero-points{display:flex;flex-wrap:wrap;gap:.68rem 1.1rem;margin-top:1.35rem;color:#f5fdff;font-size:.84rem;font-weight:750}
.v82-hero-points span{display:inline-flex;align-items:center;gap:.35rem}
.v82-hero-scene{position:relative;z-index:1;align-self:stretch;min-height:260px}
.v82-hero-scene>span{position:absolute;right:37%;top:19%;font-size:3.7rem;filter:drop-shadow(0 8px 9px rgba(4,31,87,.28));transform:rotate(-17deg)}
.v82-hero-scene>p{position:absolute;right:4.5%;top:23%;margin:0;color:#fff;font-size:.9rem;font-weight:850;line-height:1.35;letter-spacing:.11em;text-align:right;text-transform:uppercase;text-shadow:0 2px 12px rgba(4,35,91,.48)}
.v82-hero-art{position:relative;align-self:stretch;min-height:260px;overflow:hidden}
.v82-hero-art img{position:absolute;right:-45px;bottom:-115px;width:min(500px,53vw);max-width:none;filter:drop-shadow(0 27px 22px rgba(6,32,114,.33))}
.v82-hero-art p{position:absolute;right:7%;top:25%;margin:0;color:rgba(247,254,255,.96);font-size:.9rem;font-weight:850;letter-spacing:.1em;line-height:1.35;text-align:right;text-transform:uppercase}

.v82-calculator-section{position:relative;z-index:3;padding:0 0 2.1rem;background:linear-gradient(180deg,#effaff 0%,#fff 82%)}
.v82-calc-grid{display:grid;grid-template-columns:minmax(0,1.03fr) minmax(370px,.97fr);gap:1.2rem;margin-top:-32px}
.v82-input-card,.v82-result-card{min-height:444px;border:1px solid #d6e6f5;border-radius:18px;background:#fff;box-shadow:0 17px 39px rgba(32,77,141,.115)}
.v82-input-card{padding:1.65rem 1.75rem 1.15rem}
.v82-panel-heading{display:flex;align-items:flex-start;gap:.82rem;margin-bottom:1.28rem}
.v82-panel-icon{display:grid;place-items:center;width:43px;height:43px;flex:0 0 43px;border-radius:13px;background:linear-gradient(140deg,#d7f3ff,#dbfff6);color:#0878d8;font-size:1.4rem;box-shadow:0 6px 13px rgba(29,113,196,.09)}
.v82-panel-heading h2,.v82-result-heading h2{margin:0!important;color:var(--v82-ink)!important;font-size:1.17rem!important;letter-spacing:-.02em}
.v82-panel-heading p{margin:.14rem 0 0!important;color:#5b7290!important;font-size:.88rem!important;line-height:1.42!important}
.v82-field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem}
.v82-field{display:flex;flex-direction:column;gap:.36rem}
.v82-field label{color:#173961;font-size:.84rem;font-weight:850}
.v82-field label em{margin-left:.2rem;color:#6d819d;font-size:.73rem;font-style:normal;font-weight:650}
.v82-input-unit{display:flex;min-height:49px;overflow:hidden;border:1.5px solid #c8def2;border-radius:10px;background:#fff;transition:border-color .15s ease,box-shadow .15s ease}
.v82-input-unit:focus-within{border-color:#1387e9;box-shadow:0 0 0 4px rgba(19,135,233,.13)}
.v82-input-unit input{width:100%;min-width:0;border:0!important;outline:0!important;background:transparent!important;padding:.72rem .78rem!important;color:#102b57!important;font:inherit!important;box-shadow:none!important}
.v82-input-unit>span{display:flex;align-items:center;justify-content:center;min-width:52px;padding:0 .55rem;border-left:1px solid #d8e6f2;background:#f4f9fe;color:#466684;font-size:.77rem;font-weight:800}
.v82-time-input>span{min-width:48px;font-size:1.05rem}
.v82-field small{display:block;min-height:17px;color:#7184a0;font-size:.73rem;line-height:1.3}
.v82-departure-field{margin-top:.42rem}
.v82-calculate-button{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;width:100%;min-height:52px;margin-top:.45rem;border:0;border-radius:10px;background:linear-gradient(100deg,#087ae0,#1189e8 58%,#18b5d2);color:#fff;box-shadow:0 10px 20px rgba(10,126,225,.23);font:inherit;font-size:.94rem;font-weight:850;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,filter .15s ease}
.v82-calculate-button:hover{filter:brightness(1.04);box-shadow:0 13px 24px rgba(10,126,225,.29);transform:translateY(-1px)}
.v82-privacy-note{margin:.85rem 0 0;color:#71839e!important;font-size:.76rem!important;line-height:1.35!important;text-align:center}
.v82-result-card{padding:1.55rem 1.6rem;border-color:#bcdff2;background:linear-gradient(145deg,#faffff 0%,#edfaff 62%,#eefdf9 100%);overflow:hidden}
.v82-result-heading{display:flex;align-items:center;gap:.78rem}
.v82-result-heading>div>span{display:block;margin-bottom:.05rem;color:#3874a3;font-size:.72rem;font-weight:850;letter-spacing:.035em;text-transform:uppercase}
.v82-result-intro{min-height:22px;margin:.85rem 0 .35rem;color:#58748f!important;font-size:.86rem!important}
.v82-result-value{min-height:65px;color:#0d4e98;font-size:clamp(2rem,3.5vw,3rem);font-weight:900;letter-spacing:-.055em;line-height:1.08}
.v82-result-caption{margin:.18rem 0 1rem;color:#3e6d94!important;font-size:.86rem!important;font-weight:700}
.v82-result-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.62rem;padding-top:.85rem;border-top:1px solid #cde5f2}
.v82-result-metrics>div{display:flex;align-items:center;gap:.52rem;min-width:0;padding:.68rem .66rem;border-radius:10px;background:rgba(255,255,255,.7)}
.v82-metric-icon{display:grid;place-items:center;width:31px;height:31px;flex:0 0 31px;border-radius:50%;background:#dcefff;color:#087ce5;font-size:.95rem}
.v82-result-metrics p{min-width:0;margin:0!important}
.v82-result-metrics small{display:block;color:#66819c;font-size:.69rem}
.v82-result-metrics strong{display:block;overflow:hidden;color:#143c69;font-size:.83rem;line-height:1.25;white-space:nowrap;text-overflow:ellipsis}
.v82-route{position:relative;display:grid;grid-template-columns:minmax(70px,1fr) minmax(75px,.9fr) minmax(70px,1fr);align-items:end;gap:.32rem;margin-top:1.1rem;padding:1.35rem .25rem .05rem}
.v82-route:before{content:"";position:absolute;left:13%;right:13%;top:1.74rem;height:2px;border-top:2px dashed #2b95e4}
.v82-route-stop{position:relative;z-index:1;display:flex;flex-direction:column;gap:.25rem}
.v82-route-stop>span{display:grid;place-items:center;width:27px;height:27px;margin-bottom:.05rem;border:3px solid #fff;border-radius:50%;background:#176fe0;color:#176fe0;font-size:.6rem;box-shadow:0 3px 10px rgba(31,114,207,.23)}
.v82-route-stop div{display:flex;flex-direction:column}
.v82-route-stop strong{color:#29496d;font-size:.71rem;line-height:1.2}
.v82-route-stop small{color:#6b829f;font-size:.69rem;line-height:1.3}
.v82-route-end{align-items:flex-end;text-align:right}
.v82-route-end>span{background:#10ad69;color:#10ad69}
.v82-route-line{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:.05rem;padding-top:.25rem;color:#115897;text-align:center}
.v82-route-line:before{content:"🚗";display:grid;place-items:center;width:28px;height:28px;margin-bottom:.08rem;border:2px solid #effaff;border-radius:50%;background:#f8fdff;font-size:.75rem}
.v82-route-line span{font-size:.72rem;font-weight:900}
.v82-route-line small{font-size:.67rem;color:#527697}
.v82-result-card.has-error{border-color:#f1b8b1;background:linear-gradient(145deg,#fff,#fff5f4)}
.v82-result-card.has-error .v82-result-value,.v82-result-card.has-error .v82-result-heading h2{color:#b64336!important}

.v82-support-section{padding:1rem 0 2.5rem;background:#fff}
.v82-support-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1.2rem}
.v82-how-card,.v82-related-card{padding:1.4rem 1.5rem;border:1px solid #d9e9f6;border-radius:17px;background:#fff;box-shadow:0 8px 24px rgba(31,74,133,.055)}
.v82-section-heading{display:flex;align-items:flex-start;gap:.64rem;margin-bottom:1rem}
.v82-section-heading>span{display:grid;place-items:center;width:32px;height:32px;flex:0 0 32px;border-radius:9px;background:#e8f5ff;color:#087ce5;font-size:1.05rem;font-weight:900}
.v82-section-heading h2{margin:0!important;color:#10294f!important;font-size:1rem!important}
.v82-section-heading p{margin:.08rem 0 0!important;color:#627895!important;font-size:.8rem!important;line-height:1.4!important}
.v82-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem;margin:0;padding:0;list-style:none}
.v82-steps li{display:flex;gap:.48rem;min-width:0}
.v82-steps b{display:grid;place-items:center;width:23px;height:23px;flex:0 0 23px;border-radius:50%;background:#1185e6;color:#fff;font-size:.73rem}
.v82-steps h3{margin:0 0 .14rem!important;color:#24466d!important;font-size:.78rem!important}
.v82-steps p{margin:0!important;color:#6a819e!important;font-size:.69rem!important;line-height:1.42!important}
.v82-related-list{display:grid;gap:.46rem}
.v82-related-list a{display:grid;grid-template-columns:27px minmax(0,1fr) 16px;align-items:center;gap:.52rem;padding:.55rem .6rem;border:1px solid #e0edf7;border-radius:10px;background:#fbfdff;color:#1c4775;text-decoration:none;transition:background .15s ease,border-color .15s ease,transform .15s ease}
.v82-related-list a:hover{border-color:#94c9ed;background:#f0faff;text-decoration:none;transform:translateX(2px)}
.v82-related-list a>span:first-child{font-size:1rem;text-align:center}
.v82-related-list strong{display:block;color:#1a4674;font-size:.78rem;line-height:1.28}
.v82-related-list small{display:block;color:#68809e;font-size:.68rem;line-height:1.35}
.v82-related-list i{color:#1d83df;font-size:1.25rem;font-style:normal;text-align:right}
.v82-reading-section{padding-top:2.4rem!important;border-top:1px solid #e2edf6;background:linear-gradient(145deg,#fbfdff,#fff)!important}
.v82-reading-section .content-narrow{max-width:860px}
.v82-reading-section h2{margin-top:1.7rem;color:#122d56;font-size:1.4rem}
.v82-reading-section h2:first-child{margin-top:0}
.v82-reading-section h3{margin-top:1.1rem;color:#27476c;font-size:1.03rem}
.v82-reading-section p{max-width:820px;color:#506986;line-height:1.72}

.v82-checkbox{display:flex;align-items:center;gap:.62rem;margin:.75rem 0 0;color:#365576;font-size:.81rem;font-weight:750;cursor:pointer}
.v82-checkbox input{width:17px;height:17px;accent-color:#087ee4}
.v82-clock-line{position:relative;display:flex;align-items:center;justify-content:space-between;gap:.3rem;margin-top:1rem;padding:1.35rem .12rem .05rem;color:#315c85;font-size:.72rem;font-weight:800}
.v82-clock-line:before{content:"";position:absolute;left:10%;right:10%;top:1.73rem;height:2px;background:linear-gradient(90deg,#248de4,#15b8bb)}
.v82-clock-line span{position:relative;z-index:1;display:grid;place-items:center;min-width:48px;padding:.2rem .35rem;border-radius:999px;background:#fff;text-align:center}
.v82-clock-line .v82-clock-middle{color:#0d5a9e}
.v82-result-footnote{margin:1rem 0 0;color:#587895!important;font-size:.76rem!important;line-height:1.45!important}
.v82-time-result-card .v82-result-value{color:#3342b7}
.v82-time-result-card .v82-panel-icon{background:linear-gradient(140deg,#e8e3ff,#daf7ff);color:#4a4ac3}

@media(max-width:1230px){
  .v82-feature-calculator .site-header .header-inner{padding-left:20px;padding-right:20px}
  .v82-feature-calculator .site-header .nav-links{gap:.95rem}
  .v82-feature-calculator .site-header .reference-header-search{width:190px;min-width:150px}
  .v82-hero-inner{grid-template-columns:minmax(0,1fr) minmax(280px,.88fr)}
}
@media(max-width:1030px){
  .v82-feature-calculator .site-header .nav-links li:last-child{display:none}
  .v82-calc-grid{grid-template-columns:1fr 1fr}
  .v82-hero-copy h1{font-size:clamp(2.15rem,5vw,3.6rem)!important}
  .v82-hero-art img{right:-100px}
}
@media(max-width:900px){
  .v82-feature-calculator .site-header .header-inner{min-height:68px;padding-left:16px;padding-right:16px}
  .v82-feature-calculator .site-header{height:68px}
  .v82-feature-calculator .site-header .reference-header-search{display:none}
  .v82-feature-calculator .site-header .nav-links{gap:0}
  .v82-tool-hero,.v82-travel-hero,.v82-time-hero{min-height:292px}
  .v82-hero-inner{min-height:292px;padding-top:1.8rem!important;padding-bottom:1.9rem!important;grid-template-columns:minmax(0,1fr) minmax(220px,.55fr)}
  .v82-hero-copy h1{font-size:clamp(2.1rem,7vw,3.35rem)!important}
  .v82-hero-copy>p{font-size:.98rem!important}
  .v82-hero-scene>span{right:24%;top:15%;font-size:2.9rem}
  .v82-hero-scene>p{right:0;top:20%;font-size:.76rem}
  .v82-hero-art img{right:-95px;bottom:-70px;width:385px}
  .v82-calc-grid{grid-template-columns:1fr;max-width:700px;margin-left:auto;margin-right:auto}
  .v82-input-card,.v82-result-card{min-height:0}
  .v82-support-grid{grid-template-columns:1fr}
}
@media(max-width:650px){
  .v82-feature-calculator .site-header .brand{font-size:1.2rem!important}
  .v82-feature-calculator .site-header .brand-mark{width:34px;height:34px}
  .v82-feature-calculator .site-header .language-control{display:none}
  .v82-tool-hero,.v82-travel-hero,.v82-time-hero{min-height:auto}
  .v82-hero-inner{min-height:0;display:block;padding-top:1.75rem!important;padding-bottom:1.75rem!important}
  .v82-hero-copy{max-width:94%}
  .v82-hero-copy h1{font-size:clamp(2.2rem,11.5vw,3.05rem)!important}
  .v82-hero-points{gap:.48rem .75rem;font-size:.73rem}
  .v82-hero-scene,.v82-hero-art{display:none}
  .v82-calculator-section{padding-bottom:1.25rem}
  .v82-calc-grid{margin-top:-16px}
  .v82-input-card,.v82-result-card{padding:1.15rem;border-radius:14px}
  .v82-field-grid{grid-template-columns:1fr;gap:.45rem}
  .v82-field small{min-height:auto}
  .v82-result-value{font-size:2.3rem}
  .v82-result-metrics{grid-template-columns:1fr 1fr}
  .v82-route{grid-template-columns:1fr .82fr 1fr}
  .v82-route-line span{font-size:.65rem}
  .v82-support-section{padding-bottom:1.4rem}
  .v82-how-card,.v82-related-card{padding:1.15rem;border-radius:14px}
  .v82-steps{grid-template-columns:1fr}
  .v82-steps li{align-items:flex-start}
  .v82-reading-section{padding-top:1.9rem!important}
}
@media(max-width:390px){
  .v82-result-metrics{grid-template-columns:1fr}
  .v82-result-card{padding:1rem}
  .v82-input-card{padding:1rem}
}
@media(prefers-reduced-motion:reduce){.v82-calculate-button,.v82-related-list a{transition:none}}

/* V8.3 — one complete visual system for every standard calculator page.
   This is scoped to the shared calculator class added by script.js. It does
   not touch the approved homepage or the two purpose-built V8.2 pages. */
.v83-universal-calculator{--v83-ink:#11284e;--v83-copy:#526b8d;--v83-blue:#087fe8;--v83-blue-deep:#0953b8;--v83-aqua:#18b9d3;--v83-line:#cce2f4;--v83-soft:#eef9ff;background:linear-gradient(180deg,#f4fbff 0,#fff 530px);color:var(--v83-ink)}
.v83-universal-calculator .site-header{height:74px;background:rgba(255,255,255,.98)!important;border-bottom:1px solid #dceaf6!important;box-shadow:0 2px 14px rgba(20,61,112,.055)!important}
.v83-universal-calculator .site-header .header-inner{max-width:1440px;min-height:74px;padding-left:30px!important;padding-right:30px!important}
.v83-universal-calculator .site-header .brand{color:#122a53!important;font-size:1.42rem!important;letter-spacing:-.035em}
.v83-universal-calculator .site-header .brand-mark{width:38px!important;height:38px!important;border-radius:10px!important;background:linear-gradient(135deg,#167dec,#23bdd7)!important;box-shadow:0 8px 17px rgba(17,112,226,.2)!important}
.v83-universal-calculator .site-header .main-nav{gap:.9rem!important}
.v83-universal-calculator .site-header .nav-links{gap:1.18rem!important}
.v83-universal-calculator .site-header .nav-links a{font-size:.89rem!important;font-weight:760!important;color:#314b70!important}
.v83-universal-calculator .site-header .nav-links a:hover{color:#087ce6!important}
.v83-universal-calculator .site-header .reference-header-search{width:224px;min-width:176px;height:41px;padding:.4rem .9rem;border-color:#d6e5f4;background:#f5f9fd;color:#637895;font-size:.82rem}
.v83-universal-calculator .site-header .reference-header-search>span:first-child{font-size:1.36rem;color:#0876de}
.v83-universal-calculator .site-header .language-control{display:block!important}
.v83-universal-calculator .site-header .language-control select{min-width:102px;border-color:#d4e2f1;background:#fff;color:#263d61;font-weight:750}
.v83-universal-calculator .site-header .reference-quick-start{display:none!important}

.v83-universal-calculator .tool-hero,.v83-universal-calculator .page-hero{position:relative;isolation:isolate;min-height:310px;padding:3.45rem 0 3rem!important;overflow:hidden;color:#fff!important;background:radial-gradient(circle at 78% 18%,rgba(184,239,255,.38),transparent 20%),radial-gradient(circle at 73% 79%,rgba(29,213,192,.24),transparent 25%),linear-gradient(108deg,#153f9f 0%,#1578d5 55%,#1eb6cf 100%)!important}
.v83-universal-calculator .tool-hero:before,.v83-universal-calculator .page-hero:before{content:"";position:absolute;right:18%;top:-142px;z-index:0;width:348px;height:348px;border:1px solid rgba(255,255,255,.2);border-radius:50%;box-shadow:0 0 0 44px rgba(255,255,255,.045),0 0 0 98px rgba(255,255,255,.03);pointer-events:none}
.v83-universal-calculator .tool-hero>.container,.v83-universal-calculator .page-hero>.container{position:relative;z-index:2;max-width:1240px}
.v83-universal-calculator .tool-hero .breadcrumb,.v83-universal-calculator .page-hero .breadcrumb{display:flex;flex-wrap:wrap;gap:.42rem;margin:0 0 .88rem;color:rgba(239,250,255,.83)!important;font-size:.83rem}
.v83-universal-calculator .tool-hero .breadcrumb a,.v83-universal-calculator .page-hero .breadcrumb a{color:rgba(244,253,255,.94)!important;text-decoration:none}
.v83-universal-calculator .tool-hero .breadcrumb a:hover,.v83-universal-calculator .page-hero .breadcrumb a:hover{text-decoration:underline}
.v83-universal-calculator .reference-tool-eyebrow{display:inline-flex;align-items:center;min-height:29px;max-width:620px;margin:0 0 .72rem!important;padding:0 .82rem;border:1px solid rgba(221,247,255,.5);border-radius:999px;background:rgba(5,51,137,.25);color:#f4fcff!important;font-size:.7rem!important;font-weight:900!important;letter-spacing:.08em;text-transform:uppercase}
.v83-universal-calculator .reference-tool-eyebrow:before{content:"";width:7px;height:7px;margin-right:.48rem;border-radius:50%;background:#8cf7e7;box-shadow:0 0 0 4px rgba(140,247,231,.12)}
.v83-universal-calculator .tool-hero h1,.v83-universal-calculator .page-hero h1{max-width:650px;margin:.05rem 0 .5rem!important;color:#fff!important;font-size:clamp(2.45rem,4.7vw,4.25rem)!important;font-weight:900!important;line-height:1.04!important;letter-spacing:-.052em!important;text-shadow:0 2px 18px rgba(3,43,111,.18)}
.v83-universal-calculator .tool-hero p:not(.reference-tool-eyebrow),.v83-universal-calculator .page-hero p:not(.reference-tool-eyebrow){max-width:600px;margin:0!important;color:#e9f8ff!important;font-size:1.05rem!important;line-height:1.57!important}
.v83-universal-calculator .reference-tool-hero-art{right:5%;bottom:-36px;z-index:1;width:min(390px,34vw);height:284px;opacity:.98;filter:drop-shadow(0 26px 21px rgba(4,37,106,.3))}
.v83-universal-calculator.tool-visual-financial .tool-hero,.v83-universal-calculator.tool-visual-financial .page-hero{background:radial-gradient(circle at 78% 17%,rgba(172,244,228,.43),transparent 18%),linear-gradient(108deg,#144aa8 0%,#1779d3 52%,#16a89c 100%)!important}
.v83-universal-calculator.tool-visual-health .tool-hero,.v83-universal-calculator.tool-visual-health .page-hero{background:radial-gradient(circle at 78% 17%,rgba(196,255,232,.38),transparent 18%),linear-gradient(108deg,#0a618e 0%,#159caf 52%,#45bf8b 100%)!important}
.v83-universal-calculator.tool-visual-womens .tool-hero,.v83-universal-calculator.tool-visual-womens .page-hero{background:radial-gradient(circle at 80% 18%,rgba(255,221,237,.34),transparent 18%),linear-gradient(108deg,#6844b5 0%,#b761b5 53%,#ed937e 100%)!important}
.v83-universal-calculator.tool-visual-math .tool-hero,.v83-universal-calculator.tool-visual-math .page-hero{background:radial-gradient(circle at 79% 16%,rgba(230,220,255,.38),transparent 18%),linear-gradient(108deg,#3045a8 0%,#6369db 53%,#8d8ce0 100%)!important}
.v83-universal-calculator.tool-visual-time .tool-hero,.v83-universal-calculator.tool-visual-time .page-hero{background:radial-gradient(circle at 80% 16%,rgba(204,249,255,.39),transparent 18%),linear-gradient(108deg,#1446aa 0%,#2575d0 53%,#26b3ba 100%)!important}
.v83-universal-calculator.tool-visual-conversion .tool-hero,.v83-universal-calculator.tool-visual-conversion .page-hero{background:radial-gradient(circle at 80% 16%,rgba(196,255,239,.38),transparent 18%),linear-gradient(108deg,#086889 0%,#1299b0 53%,#31c59c 100%)!important}
.v83-universal-calculator.tool-visual-construction .tool-hero,.v83-universal-calculator.tool-visual-construction .page-hero{background:radial-gradient(circle at 80% 16%,rgba(255,235,190,.34),transparent 18%),linear-gradient(108deg,#9c4e24 0%,#d47a35 53%,#e2ac5e 100%)!important}
.v83-universal-calculator.tool-visual-education .tool-hero,.v83-universal-calculator.tool-visual-education .page-hero{background:radial-gradient(circle at 80% 16%,rgba(230,224,255,.36),transparent 18%),linear-gradient(108deg,#3d3b99 0%,#5e65cf 53%,#8b89df 100%)!important}
.v83-universal-calculator.tool-visual-technology .tool-hero,.v83-universal-calculator.tool-visual-technology .page-hero{background:radial-gradient(circle at 80% 16%,rgba(199,250,251,.36),transparent 18%),linear-gradient(108deg,#0c4f99 0%,#167bbd 53%,#2cb9bb 100%)!important}
.v83-universal-calculator.tool-visual-travel .tool-hero,.v83-universal-calculator.tool-visual-travel .page-hero{background:linear-gradient(90deg,rgba(20,57,147,.96) 0%,rgba(17,106,200,.84) 43%,rgba(14,172,198,.3) 78%,rgba(14,172,198,.12) 100%),url('assets/images/categories/travel-hero-scene.svg') center/cover no-repeat!important}
.v83-universal-calculator.tool-visual-travel .reference-tool-hero-art{display:none!important}
.v83-universal-calculator.tool-visual-everyday .tool-hero,.v83-universal-calculator.tool-visual-everyday .page-hero{background:radial-gradient(circle at 80% 16%,rgba(211,255,249,.34),transparent 18%),linear-gradient(108deg,#105d9b 0%,#198eca 53%,#51c5aa 100%)!important}

.v83-universal-calculator .tool-layout{max-width:1240px;margin:0 auto;padding:2.35rem 0 2rem!important;grid-template-columns:minmax(0,1.05fr) minmax(330px,.95fr)!important;grid-template-areas:"form result" "info info"!important;gap:1.35rem!important;align-items:stretch!important}
.v83-universal-calculator .tool-layout>.tool-card{min-height:430px;padding:1.7rem!important;border:1px solid #d2e4f4!important;border-radius:19px!important;background:#fff!important;box-shadow:0 17px 37px rgba(34,81,139,.11)!important}
.v83-universal-calculator .reference-form-heading{position:relative;margin:0 0 1.35rem!important;padding-left:3.15rem}
.v83-universal-calculator .reference-form-heading:before{content:"✦";position:absolute;left:0;top:.04rem;display:grid;place-items:center;width:2.35rem;height:2.35rem;border-radius:12px;background:linear-gradient(140deg,#d9f4ff,#dffff5);color:#087bdd;font-size:1.22rem;box-shadow:0 7px 15px rgba(29,113,196,.1)}
.v83-universal-calculator .reference-form-heading h2{margin:0!important;color:var(--v83-ink)!important;font-size:1.23rem!important;letter-spacing:-.025em}
.v83-universal-calculator .reference-form-heading p{margin:.2rem 0 0!important;color:var(--v83-copy)!important;font-size:.9rem!important;line-height:1.48!important}
.v83-universal-calculator .reference-form-icon-hidden{display:none!important}
.v83-universal-calculator .tool-card .form-grid{gap:.9rem 1rem;margin:0!important}
.v83-universal-calculator .form-group{gap:.38rem;margin-bottom:.85rem!important}
.v83-universal-calculator .form-group label,.v83-universal-calculator .field label{color:#1d416a!important;font-size:.84rem!important;font-weight:850!important}
.v83-universal-calculator .form-group input,.v83-universal-calculator .form-group select,.v83-universal-calculator .field input,.v83-universal-calculator .field select{min-height:49px;border:1.5px solid #c7dcef!important;border-radius:10px!important;background:#fff!important;color:#173960!important;box-shadow:none!important;transition:border-color .16s ease,box-shadow .16s ease}
.v83-universal-calculator .form-group input:focus,.v83-universal-calculator .form-group select:focus,.v83-universal-calculator .field input:focus,.v83-universal-calculator .field select:focus{border-color:#1487e9!important;outline:0!important;box-shadow:0 0 0 4px rgba(20,135,233,.13)!important}
.v83-universal-calculator .reference-calculate-button,.v83-universal-calculator .tool-card .btn-primary,.v83-universal-calculator .v83-tool-panel .btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:50px;border:0!important;border-radius:10px!important;background:linear-gradient(102deg,#087be2,#1789e8 57%,#19b7d1)!important;box-shadow:0 10px 20px rgba(10,126,225,.21)!important;color:#fff!important;font-size:.91rem!important;font-weight:850!important;transition:transform .15s ease,box-shadow .15s ease,filter .15s ease}
.v83-universal-calculator .reference-calculate-button:hover,.v83-universal-calculator .tool-card .btn-primary:hover,.v83-universal-calculator .v83-tool-panel .btn-primary:hover{filter:brightness(1.04);box-shadow:0 14px 25px rgba(10,126,225,.29)!important;transform:translateY(-1px)}

.v83-universal-calculator .reference-result-card{position:relative;min-height:430px;padding:1.55rem 1.6rem!important;border:1px solid #b7ddf1!important;border-radius:19px!important;background:radial-gradient(circle at 88% 11%,rgba(196,246,255,.66),transparent 25%),linear-gradient(145deg,#fbffff 0%,#ecfaff 62%,#ecfcf7 100%)!important;box-shadow:0 17px 37px rgba(34,81,139,.105)!important;overflow:hidden}
.v83-universal-calculator .reference-result-card:after{content:"";position:absolute;right:-66px;bottom:-96px;width:230px;height:230px;border:23px solid rgba(28,167,220,.09);border-radius:50%;pointer-events:none}
.v83-universal-calculator .reference-result-title{position:relative;z-index:1;padding-bottom:1rem;border-bottom:1px solid #cfe6f3}
.v83-universal-calculator .reference-result-title h2{margin:0!important;color:#132e59!important;font-size:1.2rem!important;letter-spacing:-.025em}
.v83-universal-calculator .reference-result-title p{margin:.22rem 0 0!important;color:#5d7897!important;font-size:.86rem!important;line-height:1.45!important}
.v83-universal-calculator .reference-result-answer{position:relative;z-index:1;display:flex;align-items:flex-start;gap:1rem;padding-top:1.15rem}
.v83-universal-calculator .reference-result-symbol{display:grid;place-items:center;width:62px;height:62px;flex:0 0 62px;border:5px solid #f6fdff;border-radius:50%;background:linear-gradient(145deg,#e2f4ff,#d9fff2);box-shadow:0 8px 17px rgba(24,115,184,.12);font-size:1.65rem}
.v83-universal-calculator .reference-result-empty{padding:.4rem 0 .15rem!important;color:#627e9c!important}
.v83-universal-calculator .reference-result-empty b{display:block;color:#1265ca!important;font-size:1.14rem!important}
.v83-universal-calculator .reference-result-empty span{display:block;margin-top:.3rem;font-size:.87rem!important;line-height:1.48!important}
.v83-universal-calculator .reference-result-card .result-box{position:relative;z-index:1;flex:1;min-width:0;margin:1.25rem 0 0!important;padding:1.12rem!important;border:1px solid #b9def0!important;border-radius:14px!important;background:rgba(255,255,255,.84)!important;box-shadow:none!important}
.v83-universal-calculator .reference-result-card .result-label{color:#2b75bd!important;font-size:.77rem!important;font-weight:850!important;letter-spacing:.035em;text-transform:uppercase}
.v83-universal-calculator .reference-result-card .result-main{color:#0b5aba!important;font-size:clamp(1.72rem,3.3vw,2.6rem)!important;font-weight:900!important;letter-spacing:-.045em;line-height:1.1!important}
.v83-universal-calculator .reference-result-card .result-note{color:#577492!important;font-size:.8rem!important;line-height:1.45!important}
.v83-universal-calculator .reference-result-card .result-box.error{border-color:#f0b7b0!important;background:#fff6f5!important}.v83-universal-calculator .reference-result-card .result-box.error .result-main{color:#b63730!important}
.v83-universal-calculator .reference-result-details{position:relative;z-index:1;display:grid;gap:.45rem;margin-top:.85rem}
.v83-universal-calculator .reference-result-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.56rem .64rem;border-radius:9px;background:rgba(255,255,255,.66);color:#567190;font-size:.77rem}
.v83-universal-calculator .reference-result-row b{max-width:62%;overflow:hidden;color:#1d4777;font-size:.78rem;text-align:right;text-overflow:ellipsis;white-space:nowrap}

.v83-universal-calculator .reference-support-section{padding:0 0 3.2rem!important;background:#fff!important}
.v83-universal-calculator .reference-support-inner{max-width:1240px;margin:0 auto;padding-top:.4rem}
.v83-universal-calculator .reference-section-heading{margin:0 0 1rem!important}.v83-universal-calculator .reference-section-heading h2{margin:0!important;color:#142c53!important;font-size:1.32rem!important;letter-spacing:-.025em}.v83-universal-calculator .reference-section-heading p{margin:.25rem 0 0!important;color:#5a718e!important;font-size:.91rem!important}.v83-universal-calculator .reference-section-heading>a{display:inline-flex;margin-top:.55rem;color:#0876dd;font-size:.85rem;font-weight:800;text-decoration:none}.v83-universal-calculator .reference-section-heading>a:hover{text-decoration:underline}
.v83-universal-calculator .reference-work-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.85rem;margin:0 0 2rem}
.v83-universal-calculator .reference-work-step{display:grid;grid-template-columns:28px 34px minmax(0,1fr);align-items:start;gap:.6rem;min-height:112px;padding:1rem;border:1px solid #dbeaf5;border-radius:15px;background:linear-gradient(145deg,#fff,#f8fcff);box-shadow:0 7px 19px rgba(31,73,128,.045)}
.v83-universal-calculator .reference-step-number{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:#117de2;color:#fff;font-size:.75rem;font-weight:900}.v83-universal-calculator .reference-step-icon{display:grid;place-items:center;width:33px;height:33px;border-radius:10px;background:#e7f5ff;color:#1175d9;font-size:1rem}.v83-universal-calculator .reference-work-step h3{margin:.1rem 0 .2rem!important;color:#23466e!important;font-size:.89rem!important}.v83-universal-calculator .reference-work-step p{margin:0!important;color:#63809e!important;font-size:.78rem!important;line-height:1.42!important}
.v83-universal-calculator .reference-related-heading{padding-top:.15rem}.v83-universal-calculator .reference-related-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem}.v83-universal-calculator .reference-related-card{display:flex;align-items:flex-start;gap:.62rem;min-height:94px;padding:.82rem;border:1px solid #dbeaf5;border-radius:13px;background:#fff;color:#24466c;text-decoration:none;box-shadow:0 5px 16px rgba(31,73,128,.04);transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}.v83-universal-calculator .reference-related-card:hover{border-color:#9bcaee;box-shadow:0 10px 22px rgba(31,73,128,.09);transform:translateY(-2px);text-decoration:none}.v83-universal-calculator .reference-related-icon{display:grid;place-items:center;width:29px;height:29px;flex:0 0 29px;border-radius:9px;background:#e6f6ff;font-size:.92rem}.v83-universal-calculator .reference-related-card strong{display:block;color:#1f4776;font-size:.8rem;line-height:1.28}.v83-universal-calculator .reference-related-card small{display:block;margin-top:.2rem;color:#66809d;font-size:.7rem;line-height:1.35}
.v83-universal-calculator .reference-method-card{margin-top:1.1rem!important;padding:1.25rem 1.35rem!important;border:1px solid #d9e8f4!important;border-left:4px solid #18aadd!important;border-radius:0 14px 14px 0!important;background:linear-gradient(112deg,#f7fcff,#f5fffb)!important;box-shadow:none!important}.v83-universal-calculator .reference-method-card h2{color:#23496f!important}.v83-universal-calculator .reference-method-card p{color:#587492!important}

/* Older calculators with .tool-panel keep their own logic and gain the same
   form/result visual hierarchy, including tabbed tools. */
.v83-panel-calculator .section:has(.v83-tool-panel){position:relative;padding-top:0!important;background:linear-gradient(180deg,#f3fbff,#fff 74%)!important}
.v83-panel-calculator .v83-tool-panel{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(330px,.95fr);column-gap:1.35rem;row-gap:1rem;max-width:1240px;margin:-1.75rem auto 1.8rem!important;padding:1.55rem!important;border:1px solid #d2e4f4!important;border-radius:19px!important;background:#fff!important;box-shadow:0 17px 37px rgba(34,81,139,.11)!important}
.v83-panel-calculator .v83-panel-heading,.v83-panel-calculator .v83-tool-panel>.reference-inline-visual,.v83-panel-calculator .v83-tool-panel>.tool-tabs{grid-column:1/-1}
.v83-panel-calculator .v83-panel-heading{margin:0!important}.v83-panel-calculator .v83-tool-panel>.reference-inline-visual{max-width:560px;margin:0!important;padding:.64rem .76rem;border-radius:12px;background:linear-gradient(100deg,#f4fbff,#f0fffa)}
.v83-panel-calculator .v83-tool-panel>.tool-tabs{display:flex!important;flex-wrap:wrap;gap:.48rem;margin:0!important;padding:.22rem;border:1px solid #dceaf6;border-radius:12px;background:#f5f9fd}.v83-panel-calculator .v83-tool-panel>.tool-tabs .tool-tab{flex:1;min-width:112px;border:0!important;border-radius:9px!important;background:transparent!important;color:#506b8b!important;font-weight:800!important}.v83-panel-calculator .v83-tool-panel>.tool-tabs .tool-tab[aria-selected="true"]{background:#fff!important;color:#0875dd!important;box-shadow:0 3px 10px rgba(35,82,137,.09)!important}
.v83-panel-calculator .v83-panel-has-tabs .tool-view.active{display:grid!important;grid-column:1/-1;grid-template-columns:minmax(0,1.05fr) minmax(330px,.95fr);grid-template-areas:"fields result" "actions result";gap:.95rem 1.35rem;align-items:start}.v83-panel-calculator .v83-panel-has-tabs .tool-view.active .field-grid{grid-area:fields;margin:0!important}.v83-panel-calculator .v83-panel-has-tabs .tool-view.active .form-actions{grid-area:actions;margin:0!important}.v83-panel-calculator .v83-panel-has-tabs .tool-view.active .v83-panel-result{grid-area:result}
.v83-panel-calculator .v83-panel-simple>.field-grid{grid-column:1;grid-row:3;margin:0!important}.v83-panel-calculator .v83-panel-simple>.form-actions{grid-column:1;grid-row:4;margin:0!important}.v83-panel-calculator .v83-panel-simple>.v83-panel-result{grid-column:2;grid-row:3 / span 2}
.v83-panel-calculator .v83-tool-panel .field-grid{gap:.9rem 1rem}.v83-panel-calculator .v83-tool-panel .field{gap:.38rem}.v83-panel-calculator .v83-tool-panel .field input,.v83-panel-calculator .v83-tool-panel .field select{min-height:49px}.v83-panel-calculator .v83-tool-panel .form-actions .btn-primary{width:auto;min-width:220px}
.v83-panel-calculator .v83-panel-result{display:block!important;min-height:217px;margin:0!important;padding:1.28rem!important;border:1px solid #b8ddf0!important;border-radius:16px!important;background:radial-gradient(circle at 88% 12%,rgba(199,247,255,.67),transparent 25%),linear-gradient(145deg,#fbffff 0%,#ebfaff 65%,#effdf9 100%)!important;box-shadow:none!important}.v83-panel-calculator .v83-panel-result .result-label{color:#2a74bd!important;font-size:.77rem!important;font-weight:850!important;letter-spacing:.04em;text-transform:uppercase}.v83-panel-calculator .v83-panel-result .result-main{min-height:3rem;margin-top:.55rem;color:#0c5cbd!important;font-size:clamp(1.7rem,3.2vw,2.55rem)!important;font-weight:900!important;letter-spacing:-.04em;line-height:1.1!important}.v83-panel-calculator .v83-panel-result:not(.show) .result-main:empty:before{content:"Ready when you are";display:block;color:#1265ca;font-size:1.14rem;font-weight:850;letter-spacing:-.02em}.v83-panel-calculator .v83-panel-result:not(.show):after{content:"Enter your values and select Calculate to see a clear result here.";display:block;max-width:270px;margin-top:.25rem;color:#5d7a98;font-size:.88rem;line-height:1.5}.v83-panel-calculator .v83-panel-result .result-note{color:#587694!important;line-height:1.48!important}.v83-panel-calculator .v83-panel-result.error{border-color:#efb7b0!important;background:#fff6f5!important}.v83-panel-calculator .v83-panel-result.error .result-main{color:#b53931!important}.v83-panel-calculator .v83-panel-result .result-sub-grid{gap:.52rem;margin-top:.8rem}.v83-panel-calculator .v83-panel-result .result-sub-grid>div{padding:.62rem;border-radius:9px;background:rgba(255,255,255,.74)}
.v83-panel-calculator .content-block,.v83-panel-calculator .content-narrow{max-width:920px}.v83-panel-calculator .content-block h2,.v83-panel-calculator .content-narrow h2{color:#173d69}.v83-panel-calculator .content-block h3,.v83-panel-calculator .content-narrow h3{color:#264b73}.v83-panel-calculator .faq-item{border-color:#d8e8f4;background:#fbfdff}

@media(max-width:1210px){.v83-universal-calculator .site-header .header-inner{padding-left:22px!important;padding-right:22px!important}.v83-universal-calculator .site-header .nav-links{gap:.82rem!important}.v83-universal-calculator .site-header .reference-header-search{width:184px;min-width:150px}.v83-universal-calculator .tool-layout,.v83-universal-calculator .reference-support-inner{padding-left:24px!important;padding-right:24px!important}.v83-panel-calculator .v83-tool-panel{margin-left:24px!important;margin-right:24px!important}}
@media(max-width:980px){.v83-universal-calculator .site-header .nav-links,.v83-universal-calculator .site-header .reference-header-search,.v83-universal-calculator .site-header .language-control{display:none!important}.v83-universal-calculator .site-header .nav-toggle{display:flex!important}.v83-universal-calculator .tool-layout{grid-template-columns:1fr!important;grid-template-areas:"form" "result" "info"!important}.v83-universal-calculator .tool-layout>.tool-card,.v83-universal-calculator .reference-result-card{min-height:0}.v83-universal-calculator .reference-work-steps{grid-template-columns:1fr}.v83-universal-calculator .reference-related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.v83-panel-calculator .v83-tool-panel{grid-template-columns:1fr;margin-top:-1.1rem!important}.v83-panel-calculator .v83-panel-has-tabs .tool-view.active{grid-template-columns:1fr;grid-template-areas:"fields" "actions" "result"}.v83-panel-calculator .v83-panel-simple>.field-grid,.v83-panel-calculator .v83-panel-simple>.form-actions,.v83-panel-calculator .v83-panel-simple>.v83-panel-result{grid-column:1;grid-row:auto}.v83-panel-calculator .v83-panel-result{min-height:185px}}
@media(max-width:650px){.v83-universal-calculator .site-header{height:68px}.v83-universal-calculator .site-header .header-inner{min-height:68px;padding-left:15px!important;padding-right:15px!important}.v83-universal-calculator .site-header .brand{font-size:1.2rem!important}.v83-universal-calculator .site-header .brand-mark{width:34px!important;height:34px!important}.v83-universal-calculator .tool-hero,.v83-universal-calculator .page-hero{min-height:auto;padding:2rem 0 2.2rem!important}.v83-universal-calculator .tool-hero:before,.v83-universal-calculator .page-hero:before{right:-106px;top:-122px;width:258px;height:258px}.v83-universal-calculator .tool-hero h1,.v83-universal-calculator .page-hero h1{max-width:82%;font-size:clamp(2.15rem,11vw,3.05rem)!important}.v83-universal-calculator .tool-hero p:not(.reference-tool-eyebrow),.v83-universal-calculator .page-hero p:not(.reference-tool-eyebrow){max-width:78%;font-size:.94rem!important}.v83-universal-calculator .reference-tool-eyebrow{font-size:.62rem!important}.v83-universal-calculator .reference-tool-hero-art{right:-32px;bottom:-38px;width:210px;height:176px;opacity:.38}.v83-universal-calculator .tool-layout{padding:1.1rem 15px 1.5rem!important}.v83-universal-calculator .tool-layout>.tool-card,.v83-universal-calculator .reference-result-card{padding:1.15rem!important;border-radius:15px!important}.v83-universal-calculator .reference-form-heading{padding-left:2.8rem}.v83-universal-calculator .reference-form-heading:before{width:2.1rem;height:2.1rem;border-radius:10px}.v83-universal-calculator .reference-result-symbol{width:56px;height:56px;flex-basis:56px;font-size:1.45rem}.v83-universal-calculator .reference-related-grid{grid-template-columns:1fr}.v83-universal-calculator .reference-support-inner{padding-left:15px!important;padding-right:15px!important}.v83-universal-calculator .reference-work-step{grid-template-columns:26px 31px minmax(0,1fr);padding:.86rem}.v83-panel-calculator .v83-tool-panel{margin:-.85rem 15px 1.2rem!important;padding:1.1rem!important;border-radius:15px!important}.v83-panel-calculator .v83-tool-panel>.tool-tabs .tool-tab{min-width:0;padding:.62rem .35rem!important;font-size:.76rem!important}.v83-panel-calculator .v83-tool-panel .form-actions .btn-primary{width:100%;min-width:0}.v83-panel-calculator .v83-panel-result{padding:1.05rem!important;border-radius:13px!important}.v83-panel-calculator .v83-panel-result .result-main{font-size:2rem!important}}
@media(prefers-reduced-motion:reduce){.v83-universal-calculator .reference-calculate-button,.v83-universal-calculator .tool-card .btn-primary,.v83-universal-calculator .v83-tool-panel .btn-primary,.v83-universal-calculator .reference-related-card{transition:none!important}}

/* Search results must remain hidden when cards use flex layout. */
.reviewed-card[hidden], #reviewed-empty[hidden] { display: none !important; }