.calculator-module__HVrzLW__shell{--cb:#2563eb;--cb-ink:#1d4ed8;--cb-grad:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);--cb-soft:#eff6ff;--cb-line:#dbeafe;--cr:#dc2626;--cr-soft:#fef2f2;--cg:#16a34a;--cg-soft:#f0fdf4;--cn-soft:#f3f4f6;--cn-ink:#374151;background-color:var(--color-surface);border:1px solid var(--color-outline);border-radius:var(--radius-xl);box-shadow:var(--shadow-2);padding:var(--space-4);gap:var(--space-4);flex-direction:column;display:flex}[data-theme=dark] .calculator-module__HVrzLW__shell{--cb:#60a5fa;--cb-ink:#93c5fd;--cb-grad:linear-gradient(135deg,#3b82f6 0%,#1d4ed8 100%);--cb-soft:#15233b;--cb-line:#1e3a64;--cr:#f87171;--cr-soft:#3a1d1d;--cg:#4ade80;--cg-soft:#16321f;--cn-soft:#2a2f37;--cn-ink:#cbd5e1}.calculator-module__HVrzLW__headerCard{background:var(--cb-grad);color:#fff;border-radius:var(--radius-lg);padding:var(--space-5) var(--space-4);box-shadow:0 8px 20px #2563eb47;gap:var(--space-4);flex-direction:column;display:flex}.calculator-module__HVrzLW__headerTitle{justify-content:center;align-items:center;gap:var(--space-2);font-size:18px;font-weight:700;display:flex}.calculator-module__HVrzLW__headerTitle svg{width:22px;height:22px}.calculator-module__HVrzLW__statRow{gap:var(--space-2);grid-template-columns:repeat(3,1fr);display:grid}.calculator-module__HVrzLW__statPill{background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.25);border-radius:var(--radius-md);padding:var(--space-3) var(--space-2);gap:2px;text-align:center;flex-direction:column;align-items:center;display:flex}.calculator-module__HVrzLW__statLabel{font-size:12px;font-weight:500;opacity:.9;line-height:1.3}.calculator-module__HVrzLW__statValue{font-size:20px;font-weight:700;line-height:1.2}.calculator-module__HVrzLW__statUnit{font-size:11px;opacity:.8}.calculator-module__HVrzLW__segmented{gap:var(--space-1);background-color:var(--color-surface-variant);padding:var(--space-1);border-radius:var(--radius-md);grid-template-columns:repeat(3,1fr);display:grid}.calculator-module__HVrzLW__segment{appearance:none;color:var(--color-text-secondary);padding:var(--space-3) var(--space-2);border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:none;min-height:56px;gap:4px;flex-direction:column;align-items:center;justify-content:center;font-family:inherit;font-size:14px;font-weight:600;transition:background-color .15s,color .15s;display:flex}.calculator-module__HVrzLW__segment:hover{color:var(--color-text)}.calculator-module__HVrzLW__segmentActive{background:var(--cb-grad);color:#fff;box-shadow:0 6px 16px #2563eb40}.calculator-module__HVrzLW__segmentActive:hover{color:#fff}.calculator-module__HVrzLW__tabIcon{width:20px;height:20px;flex:none}.calculator-module__HVrzLW__panel{padding-top:var(--space-2)}.calculator-module__HVrzLW__modeGrid{gap:var(--space-4);flex-direction:column;display:flex}.calculator-module__HVrzLW__panelHead{gap:var(--space-3);align-items:center;display:flex}.calculator-module__HVrzLW__panelIcon{background:var(--cb-soft);color:var(--cb);border-radius:var(--radius-md);width:44px;height:44px;flex:none;align-items:center;justify-content:center;display:flex}.calculator-module__HVrzLW__panelIcon svg{width:24px;height:24px}.calculator-module__HVrzLW__panelTitle{color:var(--color-text);text-align:left;font-size:17px;font-weight:700;line-height:1.3}.calculator-module__HVrzLW__panelSub{color:var(--color-text-muted);text-align:left;font-size:14px;line-height:1.4}.calculator-module__HVrzLW__inputWrap{border:1.5px solid var(--color-outline);border-radius:var(--radius-md);background-color:var(--color-background);padding-inline:var(--space-4);gap:var(--space-2);align-items:center;transition:border-color .15s,box-shadow .15s;display:flex}.calculator-module__HVrzLW__inputWrap:focus-within{border-color:var(--cb);box-shadow:0 0 0 3px #2563eb22}.calculator-module__HVrzLW__unit{color:var(--color-text-muted);font-size:20px;font-weight:600}.calculator-module__HVrzLW__input{appearance:none;color:var(--color-text);padding:var(--space-4) 0;background:0 0;border:none;outline:none;flex:1;min-width:0;font-family:inherit;font-size:22px;font-weight:700}.calculator-module__HVrzLW__cardPair{gap:var(--space-3);grid-template-columns:1fr 1fr;display:grid}.calculator-module__HVrzLW__resultCard{border:1px solid transparent;border-radius:var(--radius-md);padding:var(--space-4) var(--space-3);gap:var(--space-2);text-align:center;flex-direction:column;align-items:center;justify-content:center;display:flex}.calculator-module__HVrzLW__cardLabel{font-size:14px;font-weight:600}.calculator-module__HVrzLW__cardValue{font-size:26px;font-weight:800;line-height:1.2;white-space:nowrap}.calculator-module__HVrzLW__cardBlue{background:var(--cb-soft);border-color:var(--cb-line)}.calculator-module__HVrzLW__cardBlue .calculator-module__HVrzLW__cardLabel{color:var(--cb-ink)}.calculator-module__HVrzLW__cardBlue .calculator-module__HVrzLW__cardValue{color:var(--cb)}.calculator-module__HVrzLW__cardRed{background:var(--cr-soft);border-color:color-mix(in srgb,var(--cr) 25%,transparent)}.calculator-module__HVrzLW__cardRed .calculator-module__HVrzLW__cardLabel{color:var(--cr)}.calculator-module__HVrzLW__cardRed .calculator-module__HVrzLW__cardValue{color:var(--cr)}.calculator-module__HVrzLW__cardGreen{background:var(--cg-soft);border-color:color-mix(in srgb,var(--cg) 25%,transparent)}.calculator-module__HVrzLW__cardGreen .calculator-module__HVrzLW__cardLabel{color:var(--cg)}.calculator-module__HVrzLW__cardGreen .calculator-module__HVrzLW__cardValue{color:var(--cg)}.calculator-module__HVrzLW__cardGray{background:var(--cn-soft);border-color:var(--color-outline)}.calculator-module__HVrzLW__cardGray .calculator-module__HVrzLW__cardLabel{color:var(--color-text-secondary)}.calculator-module__HVrzLW__cardGray .calculator-module__HVrzLW__cardValue{color:var(--cn-ink)}.calculator-module__HVrzLW__progressWrap{gap:var(--space-2);flex-direction:column;display:flex}.calculator-module__HVrzLW__progressHead{color:var(--color-text-secondary);justify-content:space-between;gap:var(--space-3);font-size:14px;display:flex}.calculator-module__HVrzLW__progressTrack{background-color:var(--color-outline);border-radius:999px;height:10px;overflow:hidden}.calculator-module__HVrzLW__progressFill{background:var(--cb-grad);border-radius:999px;height:100%;transition:width .3s}.calculator-module__HVrzLW__resetButton{appearance:none;border:1px solid var(--color-outline);background-color:var(--color-surface-variant);color:var(--color-text-secondary);border-radius:var(--radius-md);min-height:48px;padding:var(--space-3) var(--space-4);cursor:pointer;gap:var(--space-2);align-items:center;justify-content:center;font-family:inherit;font-size:15px;font-weight:600;transition:background-color .15s,border-color .15s;display:flex}.calculator-module__HVrzLW__resetButton:hover{background-color:var(--color-background);border-color:var(--cb)}.calculator-module__HVrzLW__resetIcon{width:18px;height:18px}@media (min-width:768px){.calculator-module__HVrzLW__shell{padding:var(--space-6)}.calculator-module__HVrzLW__statValue{font-size:22px}.calculator-module__HVrzLW__cardValue{font-size:30px}.calculator-module__HVrzLW__segment{font-size:15px}}
.page-module__E0kJGG__page{width:100%;max-width:var(--content-max);padding:var(--space-6) var(--space-4) var(--space-7);gap:var(--space-7);flex-direction:column;margin-inline:auto;display:flex}.page-module__E0kJGG__hero{gap:var(--space-4);text-align:center;flex-direction:column;align-items:center;display:flex}.page-module__E0kJGG__calcSection{margin-top:calc(-1 * var(--space-4))}.page-module__E0kJGG__brandLogo{background-color:var(--color-surface);border:1px solid var(--color-outline);border-radius:var(--radius-lg);box-shadow:var(--shadow-1);padding:var(--space-3) var(--space-4);margin-bottom:var(--space-2);display:inline-flex}.page-module__E0kJGG__brandLogoImg{width:100%;max-width:230px;height:auto;display:block}@media (min-width:768px){.page-module__E0kJGG__brandLogo{margin-bottom:var(--space-3)}.page-module__E0kJGG__brandLogoImg{max-width:260px}}.page-module__E0kJGG__lead{text-align:center;max-width:54ch;font-size:16px}.page-module__E0kJGG__section{gap:var(--space-4);flex-direction:column;display:flex}.page-module__E0kJGG__sectionHead{gap:var(--space-2);text-align:center;flex-direction:column;align-items:center;display:flex}.page-module__E0kJGG__prose{gap:var(--space-4);flex-direction:column;display:flex}.page-module__E0kJGG__prose h3{margin-top:var(--space-2)}.page-module__E0kJGG__prose p{text-align:center;max-width:60ch;margin-inline:auto}.page-module__E0kJGG__card{background-color:var(--color-surface);border:1px solid var(--color-outline);border-radius:var(--radius-lg);padding:var(--space-5);gap:var(--space-3);text-align:center;flex-direction:column;display:flex}.page-module__E0kJGG__card h3{font-size:18px}.page-module__E0kJGG__faq{gap:var(--space-4);flex-direction:column;display:flex}.page-module__E0kJGG__sourceCard{background-color:var(--color-surface);border:1px solid var(--color-outline);border-radius:var(--radius-lg);padding:var(--space-5);gap:var(--space-4);text-align:center;flex-direction:column;display:flex}.page-module__E0kJGG__sourceCard p{max-width:60ch;margin-inline:auto}.page-module__E0kJGG__sourceLinks{justify-content:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.page-module__E0kJGG__sourceLinks a{border:1px solid var(--color-outline);border-radius:var(--radius-md);min-height:48px;padding:var(--space-3) var(--space-4);color:var(--color-primary-ink);justify-content:center;align-items:center;font-weight:600;display:inline-flex}.page-module__E0kJGG__sourceLinks a:hover{background-color:var(--color-surface-variant);text-decoration:none}@media (min-width:768px){.page-module__E0kJGG__page{padding:var(--space-7) var(--space-5) var(--space-8)}.page-module__E0kJGG__lead{font-size:18px}}

/* ============================================================
   Header redesign v1 — โลโก้ชิดซ้าย + ปุ่มสลับธีมทรง pill มีไอคอน
   CSS ล้วน ไม่แตะ DOM/RSC เพื่อเลี่ยง hydration mismatch ของ Next.js
   (ไฟล์นี้โหลดหลัง 3z87otamouyg2.css จึง override ได้)
   ============================================================ */
/* 1) โลโก้ชิดซ้าย: ซ่อน spacer ว่างฝั่งซ้าย แล้วดันปุ่มไปชิดขวา */
.Header-module__KHjLKa__spacer[aria-hidden="true"]{display:none}
.Header-module__KHjLKa__spacer{justify-content:flex-end}
/* 2) ปุ่มสลับโหมดมืด/สว่าง: ทรง pill + ไอคอน (อิงดีไซน์ calc-redesign.html) */
.ThemeToggle-module__yrvpAa__toggle{display:inline-flex;align-items:center;gap:8px;min-width:0;min-height:0;height:42px;padding:0 16px;border-radius:999px;background-color:var(--color-surface);border:1px solid var(--color-outline);color:var(--color-text);font-size:14px;font-weight:600;line-height:1;transition:background-color .15s,border-color .15s,transform .1s;--toggle-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 12.8A9 9 0 1 1 11.2 3a7 7 0 0 0 9.8 9.8z'/%3E%3C/svg%3E")}
.ThemeToggle-module__yrvpAa__toggle:hover{background-color:var(--color-surface-variant);border-color:var(--color-text-secondary)}
.ThemeToggle-module__yrvpAa__toggle:active{transform:scale(.96)}
.ThemeToggle-module__yrvpAa__toggle::before{content:"";width:18px;height:18px;flex:none;background-color:currentColor;-webkit-mask:var(--toggle-icon) center/contain no-repeat;mask:var(--toggle-icon) center/contain no-repeat}
/* โหมดมืด → แสดงดวงอาทิตย์ (กดเพื่อไปโหมดสว่าง) ; ค่าเริ่มต้น/โหมดสว่าง = ดวงจันทร์ */
html[data-theme="dark"] .ThemeToggle-module__yrvpAa__toggle{--toggle-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='4'/%3E%3Cpath d='M12 2v2M12 20v2M4.9 4.9l1.4 1.4M17.7 17.7l1.4 1.4M2 12h2M20 12h2M4.9 19.1l1.4-1.4M17.7 6.3l1.4-1.4'/%3E%3C/svg%3E")}

/* ============================================================
   Calculator widget v12 — consolidated, token-driven (palette P4 Teal×Violet).
   Replaces the stacked v3/v6/v10 override layers with ONE clean set.
   scope: #tct-calc-v3  ·  theme: html[data-theme] (dark = base default)
   ============================================================ */
#tct-calc-v3{
  --v6-bg:#0f0e16;--v6-surface:#181722;--v6-surface-2:#201e2e;--v6-surface-3:#2b2840;
  --v6-line:rgba(180,170,255,.14);--v6-line-strong:rgba(167,139,250,.34);
  --v6-text:#efeefc;--v6-text-2:#c2bfdb;--v6-muted:#918ea9;
  --v6-gov:#2dd4bf;--v6-gov-line:rgba(45,212,191,.42);
  --v6-you:#a78bfa;--v6-you-line:rgba(167,139,250,.42);
  --r:18px;--r-sm:13px;--r-pill:999px;--ease:cubic-bezier(.22,.61,.36,1);
  font-family:"Anuphan",system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.5;color:var(--v6-text);-webkit-font-smoothing:antialiased
}
html[data-theme="light"] #tct-calc-v3,html:not([data-theme="dark"]) #tct-calc-v3{
  --v6-bg:#f7f7fb;--v6-surface:#ffffff;--v6-surface-2:#f0f0f6;--v6-surface-3:#e6e6f1;
  --v6-line:rgba(24,22,43,.12);--v6-line-strong:rgba(109,40,217,.28);
  --v6-text:#18162b;--v6-text-2:#4c4a63;--v6-muted:#65637b;
  --v6-gov:#0d9488;--v6-gov-line:rgba(13,148,136,.30);
  --v6-you:#6d28d9;--v6-you-line:rgba(109,40,217,.30)
}

#tct-calc-v3 .tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:6px;margin:0 0 12px;border:1px solid var(--v6-line);border-radius:var(--r);background:var(--v6-surface-2)}
#tct-calc-v3 .tab{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:50px;padding:8px 6px;border:1px solid transparent;border-radius:var(--r-sm);background:transparent;color:var(--v6-text-2);font:inherit;cursor:pointer;text-align:center;transition:background-color .18s var(--ease),color .18s var(--ease),border-color .18s var(--ease),box-shadow .18s var(--ease)}
#tct-calc-v3 .tab .tab-main{font-weight:700;font-size:14px;line-height:1.15}
#tct-calc-v3 .tab .tab-hint{font-weight:400;font-size:10.5px;line-height:1.1;color:var(--v6-muted)}
#tct-calc-v3 .tab:hover{color:var(--v6-text);background:color-mix(in srgb,var(--v6-gov) 8%,var(--v6-surface))}
#tct-calc-v3 .tab[aria-selected="true"]{background:var(--v6-surface);border-color:var(--v6-gov-line);color:var(--v6-text);box-shadow:0 6px 16px -10px color-mix(in srgb,var(--v6-gov) 60%,transparent)}
#tct-calc-v3 .tab[aria-selected="true"] .tab-hint{color:var(--v6-gov)}

#tct-calc-v3 .limit-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:0 0 12px}
#tct-calc-v3 .limit-item{display:flex;flex-direction:column;gap:2px;align-items:center;padding:10px 6px;border:1px solid var(--v6-line);border-radius:14px;background:linear-gradient(180deg,var(--v6-surface),color-mix(in srgb,var(--v6-gov) 6%,var(--v6-surface)));text-align:center}
#tct-calc-v3 .limit-item span{font-size:11px;color:var(--v6-muted)}
#tct-calc-v3 .limit-item strong{font-size:14px;font-weight:700;color:var(--v6-gov)}

#tct-calc-v3 .entry-card{display:flex;flex-direction:column;padding:22px 20px 20px;border:1px solid var(--v6-line-strong);border-radius:var(--r);background:radial-gradient(120% 80% at 100% 0%,color-mix(in srgb,var(--v6-gov) 14%,transparent),transparent 56%),linear-gradient(180deg,var(--v6-surface),color-mix(in srgb,var(--v6-gov) 5%,var(--v6-surface)));box-shadow:0 18px 40px -28px color-mix(in srgb,var(--v6-gov) 50%,#000)}
#tct-calc-v3 .entry-head h2{margin:0;font-size:17px;font-weight:800;line-height:1.3;color:var(--v6-text);text-wrap:balance}
#tct-calc-v3 .entry-head p{margin:5px 0 0;font-size:12.5px;color:var(--v6-text-2)}
#tct-calc-v3 .input-wrap{display:flex;align-items:center;gap:8px;margin-top:22px;padding-bottom:8px;border-bottom:2px solid var(--v6-line)}
#tct-calc-v3 .input-wrap:focus-within{border-color:var(--v6-gov)}
#tct-calc-v3 .input-wrap .baht{font-size:24px;font-weight:700;color:var(--v6-text-2)}
#tct-calc-v3 .input-wrap input{flex:1;min-width:0;border:none;outline:none;background:transparent;font-family:inherit;font-size:48px;font-weight:700;line-height:1;color:var(--v6-text);padding:2px 0;letter-spacing:-.5px}
#tct-calc-v3 .input-wrap input::placeholder{color:var(--v6-muted);opacity:.55}
#tct-calc-v3 .clear-x{flex:none;width:34px;height:34px;border-radius:50%;border:1px solid var(--v6-line);background:var(--v6-surface-2);color:var(--v6-text-2);font-size:17px;line-height:1;cursor:pointer;display:none}
#tct-calc-v3 .input-wrap.has-value .clear-x{display:inline-flex;align-items:center;justify-content:center}
#tct-calc-v3 .slip-rule{display:none}
#tct-calc-v3 .chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
#tct-calc-v3 .chip{min-height:44px;padding:0 16px;border:1px solid var(--v6-line-strong);border-radius:var(--r-pill);background:var(--v6-surface-2);color:var(--v6-text-2);font:600 13px inherit;cursor:pointer;transition:background-color .18s,color .18s,border-color .18s,transform .1s}
#tct-calc-v3 .chip:hover{color:var(--v6-text);border-color:var(--v6-gov);background:color-mix(in srgb,var(--v6-gov) 10%,var(--v6-surface))}
#tct-calc-v3 .chip:active{transform:scale(.96)}

#tct-calc-v3 .estimate-card{display:flex;flex-direction:column;align-items:center;gap:4px;margin-top:10px;padding:16px;border:1px dashed var(--v6-gov-line);border-radius:16px;background:color-mix(in srgb,var(--v6-gov) 12%,var(--v6-surface));text-align:center}
#tct-calc-v3 .estimate-card[hidden]{display:none}
#tct-calc-v3 .estimate-card span{font-size:12px;color:var(--v6-text-2)}
#tct-calc-v3 .estimate-card strong{font-size:26px;font-weight:800;color:var(--v6-gov)}

#tct-calc-v3 .result-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px}
#tct-calc-v3 .result-card{display:flex;flex-direction:column;justify-content:space-between;gap:10px;min-height:118px;padding:16px 15px;border:1px solid var(--v6-line);border-radius:16px;background:var(--v6-surface)}
#tct-calc-v3 .result-card.gov{border-color:var(--v6-gov-line);background:linear-gradient(180deg,color-mix(in srgb,var(--v6-gov) 16%,var(--v6-surface)),var(--v6-surface))}
#tct-calc-v3 .result-card.you{border-color:var(--v6-you-line);background:linear-gradient(180deg,color-mix(in srgb,var(--v6-you) 14%,var(--v6-surface)),var(--v6-surface))}
#tct-calc-v3 .result-card h3{margin:0;font-size:13px;font-weight:700;color:var(--v6-text)}
#tct-calc-v3 .result-card p{margin:2px 0 0;font-size:11.5px;color:var(--v6-text-2)}
#tct-calc-v3 .result-card strong{font-size:23px;font-weight:800;letter-spacing:-.3px}
#tct-calc-v3 .result-card.gov strong{color:var(--v6-gov)}
#tct-calc-v3 .result-card.you strong{color:var(--v6-you)}

#tct-calc-v3 .split{margin-top:14px}
#tct-calc-v3 .split[hidden]{display:none}
#tct-calc-v3 .split-bar{display:flex;height:13px;border-radius:999px;overflow:hidden;background:var(--v6-surface-2)}
#tct-calc-v3 .seg{height:100%;transition:width .45s var(--ease)}
#tct-calc-v3 .seg.gov{background:var(--v6-gov)}
#tct-calc-v3 .seg.you{background:var(--v6-you)}
#tct-calc-v3 .legend{display:flex;justify-content:space-between;margin-top:9px;font-size:12.5px;color:var(--v6-text-2)}
#tct-calc-v3 .legend>div{display:flex;align-items:center;gap:6px}
#tct-calc-v3 .dot{width:10px;height:10px;border-radius:50%;flex:none}
#tct-calc-v3 .dot.gov{background:var(--v6-gov)}
#tct-calc-v3 .dot.you{background:var(--v6-you)}

#tct-calc-v3 .summary-card{margin-top:16px;padding-top:16px;border-top:2px dashed var(--v6-line-strong)}
#tct-calc-v3 .bill-lines{display:flex;flex-direction:column;gap:11px}
#tct-calc-v3 .bill-row{display:flex;align-items:baseline;gap:8px;font-size:14px;color:var(--v6-text-2)}
#tct-calc-v3 .bill-row.total{font-weight:700;color:var(--v6-text)}
#tct-calc-v3 .bill-label{flex:none}
#tct-calc-v3 .bill-dots{flex:1;align-self:center;border-bottom:2px dotted var(--v6-line-strong);min-width:14px;transform:translateY(2px)}
#tct-calc-v3 .bill-amt{flex:none;font-weight:700;color:var(--v6-text)}
#tct-calc-v3 .bill-row.gov .bill-amt{color:var(--v6-gov)}
#tct-calc-v3 .bill-row.you .bill-amt{color:var(--v6-you)}

#tct-calc-v3 .calc-note{margin:16px 0 0;font-size:11.5px;color:var(--v6-muted);text-align:center}
#tct-calc-v3 .btn-clear{width:100%;min-height:50px;margin-top:14px;border:1px solid var(--v6-line);border-radius:var(--r);background:var(--v6-surface-2);color:var(--v6-text-2);font:600 15px inherit;cursor:pointer;transition:background-color .18s,color .18s}
#tct-calc-v3 .btn-clear:hover{background:color-mix(in srgb,var(--v6-gov) 8%,var(--v6-surface-2));color:var(--v6-text)}

#tct-calc-v3 .tab:focus-visible,#tct-calc-v3 .chip:focus-visible,#tct-calc-v3 .clear-x:focus-visible,#tct-calc-v3 .btn-clear:focus-visible,#tct-calc-v3 input:focus-visible{outline:3px solid color-mix(in srgb,var(--v6-gov) 70%,transparent);outline-offset:2px}
#tct-calc-v3 .flash{animation:tflashv12 .4s var(--ease)}
@keyframes tflashv12{0%{opacity:.4;transform:translateY(2px)}100%{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){#tct-calc-v3 *{animation:none!important;transition:none!important}}
@media (max-width:420px){#tct-calc-v3 .input-wrap input{font-size:42px}}
/* === site-wide brand recolor: violet primary + teal accent, cool bg (matches calc P4) === */
:root{
--color-primary:#6d28d9;--color-primary-hover:#5b21b6;--color-primary-ink:#6d28d9;--color-primary-container:#ede9fe;--color-on-primary:#fff;
--color-accent:#0d9488;--color-accent-ink:#0f766e;--color-accent-container:#ccfbf1;
--color-background:#f7f7fb;--color-surface:#fff;--color-surface-variant:#f1f0f7;--color-outline:#e7e6ef;
--color-text:#1a1622;--color-text-secondary:#524c5e;--color-text-muted:#6f6a7d;
--gradient-primary:linear-gradient(135deg,#8b5cf6 0%,#6d28d9 100%);
--gradient-accent:linear-gradient(135deg,#2dd4bf 0%,#0d9488 100%);
--shadow-primary:0 8px 22px #6d28d955;
}
html[data-theme="dark"]{
--color-primary:#a78bfa;--color-primary-hover:#c4b5fd;--color-primary-ink:#c4b5fd;--color-primary-container:#4c1d95;--color-on-primary:#241047;
--color-accent:#2dd4bf;--color-accent-ink:#5eead4;--color-accent-container:#134e4a;
--color-background:#0f0e16;--color-surface:#181722;--color-surface-variant:#201e2e;--color-outline:#2b2840;
--color-text:#efeefc;--color-text-secondary:#c2bfdb;--color-text-muted:#918ea9;
--gradient-primary:linear-gradient(135deg,#c4b5fd 0%,#a78bfa 100%);
--gradient-accent:linear-gradient(135deg,#5eead4 0%,#2dd4bf 100%);
--shadow-primary:0 8px 20px #a78bfa3a;
}
/* === mobile-only sticky social-share bar (calculator page): FB · X · Messenger · LINE === */
#tct-share{display:none}
@media (max-width:767px){
  #tct-share{position:fixed;left:0;right:0;bottom:0;z-index:1000;display:flex;gap:6px;padding:8px 8px calc(8px + env(safe-area-inset-bottom));background:var(--color-surface);border-top:1px solid var(--color-outline);box-shadow:0 -6px 18px -12px rgba(0,0,0,.5)}
  body{padding-bottom:calc(64px + env(safe-area-inset-bottom))}
}
#tct-share .ts-btn{box-sizing:border-box;flex:1;min-width:0;min-height:48px;display:flex;align-items:center;justify-content:center;border-radius:12px;color:#fff;text-decoration:none;transition:transform .12s ease,opacity .12s ease}
#tct-share .ts-btn:hover{text-decoration:none}
#tct-share .ts-btn:active{transform:scale(.94);opacity:.9}
#tct-share .ts-btn svg{width:22px;height:22px;display:block}
#tct-share .ts-fb{background:#1877f2}
#tct-share .ts-x{background:#000;border:1px solid rgba(255,255,255,.16)}
#tct-share .ts-ms{background:linear-gradient(135deg,#00b2ff,#006aff)}
#tct-share .ts-line{background:#06c755}
#tct-share .ts-btn:focus-visible{outline:3px solid color-mix(in srgb,var(--color-primary) 70%,transparent);outline-offset:2px}
@media (prefers-reduced-motion:reduce){#tct-share .ts-btn{transition:none}}