/* TMS Lead-Gen Tools — native tmservices.co.in cobalt styling.
   Font: Manrope (self-hosted by the site; we only reference it, matching .post-cobalt). */
.tms-tool{
	--navy:#15446A;--navy-2:#1d5a8a;--ink:#0A2540;--body:#374151;--muted:#44557A;
	--gold:#d4a23c;--line:#E4E8EF;--line-2:#EEF1F5;--panel:#f7f9fc;--ok:#15803d;--err:#dc2626;
	--ease:cubic-bezier(.23,1,.32,1);--ease-io:cubic-bezier(.77,0,.175,1);
	font-family:'Manrope',system-ui,-apple-system,'Segoe UI',sans-serif;
	color:var(--body);max-width:940px;margin:28px auto;background:#fff;
	border:1px solid var(--line);border-radius:16px;box-shadow:0 4px 24px rgba(20,68,106,.07);overflow:hidden;
}
.tms-tool *{box-sizing:border-box}

/* Header */
.tms-tool-head{padding:24px 30px 18px}
.tms-tool-head h2{margin:0;font-size:clamp(21px,2.5vw,27px);line-height:1.2;font-weight:800;letter-spacing:-.03em;color:var(--navy)}
.tms-tool-head h2::after{content:"";display:block;width:54px;height:3px;background:var(--gold);border-radius:2px;margin-top:10px}
.tms-tool-intro{margin:12px 0 0;font-size:15px;line-height:1.6;color:var(--body);max-width:70ch}
.tms-verified{display:inline-flex;align-items:center;gap:6px;margin-top:12px;font-size:12.5px;font-weight:600;color:var(--navy);background:rgba(21,68,106,.06);border-radius:999px;padding:5px 13px}
.tms-verified svg{flex:none}

/* ============ CONTAINER 1: the calculator (compact 2-col) ============ */
.tms-calc{display:grid;grid-template-columns:1fr 1fr;gap:0;border-top:1px solid var(--line-2);align-items:stretch}
@media(max-width:760px){.tms-calc{grid-template-columns:1fr}}
.tms-calc-controls{padding:22px 30px;border-right:1px solid var(--line-2)}
@media(max-width:760px){.tms-calc-controls{border-right:0;border-bottom:1px solid var(--line-2)}}
.tms-calc-display{padding:22px 30px;background:var(--panel);display:flex;align-items:center}

.tms-ctrl{margin-bottom:22px}
.tms-ctrl-top{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:12px;gap:8px}
.tms-ctrl-label{font-size:13.5px;font-weight:700;color:var(--ink);letter-spacing:-.01em}
.tms-ctrl-valwrap{display:flex;align-items:center;gap:8px}
.tms-step{width:30px;height:30px;flex:none;border:1px solid #cdd6e2;background:#fff;border-radius:8px;color:var(--navy);
	font-size:20px;font-weight:700;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;
	transition:background-color .13s var(--ease),border-color .13s var(--ease),transform .1s var(--ease)}
.tms-step:hover{background:var(--panel);border-color:var(--navy)}
.tms-step:active{transform:scale(.9)}
.tms-step:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(21,68,106,.22)}
.tms-ctrl-val{font-size:19px;font-weight:800;color:var(--navy);letter-spacing:-.02em;font-variant-numeric:tabular-nums;
	min-width:92px;text-align:center;border:1px solid transparent;border-radius:8px;padding:4px 6px;background:var(--panel);cursor:text}
.tms-ctrl-val:focus{outline:none;border-color:var(--navy);background:#fff;box-shadow:0 0 0 3px rgba(21,68,106,.14)}

.tms-slider{-webkit-appearance:none;appearance:none;width:100%;height:8px;border-radius:999px;margin:2px 0 0;cursor:pointer;
	background:var(--track,linear-gradient(90deg,var(--navy) 0%,var(--navy) 30%,#e6ebf1 30%,#e6ebf1 100%))}
.tms-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:24px;height:24px;border-radius:50%;background:#fff;
	border:3px solid var(--navy);box-shadow:0 2px 6px rgba(20,68,106,.28);cursor:grab;transition:transform .12s var(--ease)}
.tms-slider::-webkit-slider-thumb:active{cursor:grabbing;transform:scale(1.14)}
.tms-slider::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:#fff;border:3px solid var(--navy);box-shadow:0 2px 6px rgba(20,68,106,.28);cursor:grab}
.tms-slider:focus-visible{outline:none}
.tms-slider:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 4px rgba(21,68,106,.25)}
.tms-ctrl-range{display:flex;justify-content:space-between;margin-top:7px;font-size:11.5px;color:#8a93a3;font-variant-numeric:tabular-nums}
.tms-reset{margin-top:2px;background:none;border:0;color:var(--muted);font:inherit;font-size:12.5px;font-weight:600;cursor:pointer;padding:2px 0;text-decoration:underline;text-underline-offset:2px}
.tms-reset:hover{color:var(--navy)}

/* select control */
.tms-ctrl-select .tms-ctrl-label{display:block;margin-bottom:8px}
.tms-select{width:100%;padding:11px 40px 11px 14px;font:inherit;font-size:15px;font-weight:600;color:var(--ink);
	background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M4 6l4 4 4-4' stroke='%2315446A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 14px center;
	border:1px solid #c9d2de;border-radius:9px;-webkit-appearance:none;appearance:none;cursor:pointer;
	transition:border-color .15s var(--ease),box-shadow .15s var(--ease)}
.tms-select:hover{border-color:#a9b7c9}
.tms-select:focus{outline:none;border-color:var(--navy);box-shadow:0 0 0 3px rgba(21,68,106,.14)}

/* the calculator "screen" — fills the right column */
.tms-display{width:100%;background:linear-gradient(135deg,var(--navy) 0%,var(--navy-2) 100%);border-radius:14px;padding:24px 26px;color:#fff;box-shadow:0 6px 20px rgba(20,68,106,.18)}
.tms-display-label{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#a9c6de;margin:0 0 6px}
.tms-display-value{font-size:clamp(34px,4.6vw,46px);font-weight:800;letter-spacing:-.03em;line-height:1.05;font-variant-numeric:tabular-nums;color:#fff}
.tms-display-note{margin:10px 0 0;font-size:13px;line-height:1.5;color:#cfe0ff}
.tms-display.is-ineligible .tms-display-value{font-size:clamp(20px,2.6vw,26px);color:#ffd7a8}

/* ============ CONTAINER 2: unlock / tease (full-width) ============ */
.tms-unlock{border-top:1px solid var(--line-2);background:#fff;padding:24px 30px 28px}
.tms-tease-hd{text-align:center;max-width:60ch;margin:0 auto 18px}
.tms-tease-badge{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.07em;color:var(--gold);margin-bottom:8px}
.tms-tease-title{margin:0;font-size:clamp(18px,2.2vw,22px);font-weight:800;letter-spacing:-.02em;color:var(--ink);line-height:1.25}
.tms-tease-sub{margin:8px 0 0;font-size:13.5px;line-height:1.5;color:var(--muted)}

/* masked rows in a 2x2 grid (cuts vertical scroll) */
.tms-locked-rows{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px}
@media(max-width:560px){.tms-locked-rows{grid-template-columns:1fr}}
.tms-lrow{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 16px;border:1px solid var(--line);border-radius:11px;background:var(--panel)}
.tms-lrow-l{min-width:0}
.tms-lrow-label{font-size:13.5px;font-weight:700;color:var(--ink);line-height:1.25}
.tms-lrow-hint{font-size:11.5px;color:var(--muted);margin-top:3px;line-height:1.35}
.tms-lrow-val{flex:none;display:inline-flex;align-items:center;gap:6px;font-weight:800;font-variant-numeric:tabular-nums;
	color:var(--navy);background:#fff;border:1px solid var(--line);border-radius:8px;padding:6px 11px;font-size:14px}
.tms-lrow-val .blur{filter:blur(5px);opacity:.85;letter-spacing:.06em;user-select:none}
.tms-lrow-val svg{color:var(--muted)}
.tms-lrow.is-unlocked{border-color:#bfe6cd;background:#f0fbf4}
.tms-lrow.is-unlocked .tms-lrow-val{color:var(--ok);border-color:#bfe6cd;background:#fff}
.tms-lrow.is-unlocked .tms-lrow-val .blur{filter:none;opacity:1;letter-spacing:0}

/* the ask */
.tms-gate{max-width:460px;margin:0 auto}
.tms-gate-cta{display:block;width:100%;text-align:center;padding:14px 20px;border:0;border-radius:10px;cursor:pointer;
	background:var(--gold);color:#3a2a06;font:inherit;font-size:16px;font-weight:800;letter-spacing:-.01em;
	box-shadow:0 6px 16px rgba(212,162,60,.32);transition:filter .15s var(--ease),transform .1s var(--ease),box-shadow .15s var(--ease)}
.tms-gate-cta:hover{filter:brightness(1.05);box-shadow:0 8px 22px rgba(212,162,60,.4)}
.tms-gate-cta:active{transform:scale(.985)}
.tms-gate-microcopy{margin:9px 0 0;text-align:center;font-size:12px;color:var(--muted)}

.tms-lead-wrap{max-height:0;overflow:hidden;opacity:0;transition:max-height .34s var(--ease-io),opacity .28s var(--ease),margin .34s var(--ease)}
.tms-lead-wrap.is-open{max-height:420px;opacity:1;margin-top:16px}
.tms-lead-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
@media(max-width:560px){.tms-lead-grid{grid-template-columns:1fr}}
.tms-lead-form input[type=text],.tms-lead-form input[type=email],.tms-lead-form input[type=tel]{
	width:100%;padding:11px 14px;font:inherit;font-size:15px;color:var(--ink);
	border:1px solid #c9d2de;border-radius:9px;transition:border-color .15s var(--ease),box-shadow .15s var(--ease)}
.tms-lead-form input::placeholder{color:#7b8698}
.tms-lead-form input:focus{outline:none;border-color:var(--navy);box-shadow:0 0 0 3px rgba(21,68,106,.14)}
.tms-consent{display:flex;gap:9px;align-items:flex-start;font-size:12px;line-height:1.5;color:var(--muted);margin:12px 0 13px}
.tms-consent input{margin-top:2px;accent-color:var(--navy);flex:none}
.tms-consent a{color:var(--navy);text-decoration:underline}
.tms-submit{display:block;width:100%;padding:13px 20px;border:0;border-radius:9px;cursor:pointer;background:var(--navy);color:#fff;
	font:inherit;font-size:15.5px;font-weight:800;letter-spacing:-.01em;transition:background-color .15s var(--ease),transform .1s var(--ease)}
.tms-submit:hover{background:var(--navy-2)}
.tms-submit:active{transform:scale(.985)}
.tms-submit:disabled{opacity:.6;cursor:default}
.tms-lead-msg{color:var(--err);font-size:13px;margin-top:9px;min-height:1em;text-align:center}

/* reveal motion */
.tms-display,.tms-unlock>*{animation:tms-rise .28s var(--ease) both}
@keyframes tms-rise{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}

/* full report (post-unlock) — full width */
.tms-full{padding:0 30px 28px;animation:tms-rise .3s var(--ease) both}
.tms-report h2{font-size:clamp(19px,2.3vw,24px);font-weight:800;letter-spacing:-.02em;color:var(--navy);margin:0 0 2px}
.tms-report .sub{color:var(--muted);font-size:12.5px;margin:0 0 16px}
.tms-report-table{width:100%;border-collapse:separate;border-spacing:0;margin:12px 0 20px;background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden}
.tms-report-table th{background:var(--navy);color:#fff;text-align:left;padding:10px 14px;font-size:12.5px;font-weight:700}
.tms-report-table td{border-top:1px solid var(--line-2);padding:11px 14px;font-size:14.5px;color:var(--body)}
.tms-report-table tr:first-child td{border-top:0}
.tms-report-table td.amt{text-align:right;font-weight:800;color:var(--ink);font-variant-numeric:tabular-nums}
.tms-report-table td.warn{color:var(--err)}
.tms-report h3{font-size:16.5px;font-weight:800;letter-spacing:-.02em;color:var(--navy);margin:18px 0 6px}
.tms-report p{font-size:14.5px;line-height:1.6;margin:0 0 10px;max-width:74ch}
.tms-report strong{color:var(--ink)}
.tms-cta{background:linear-gradient(135deg,var(--navy) 0%,var(--navy-2) 100%);color:#fff;border-radius:12px;padding:18px 22px;margin:18px 0 4px;font-size:15px;line-height:1.6}
.tms-cta strong{color:#fff}.tms-cta a{color:#cfe0ff;text-decoration:underline;text-underline-offset:2px}
.tms-report .disclaimer{color:#7b8698;font-size:11.5px;line-height:1.5;margin-top:14px}
.tms-emailed{display:flex;align-items:center;gap:8px;color:var(--ok);font-size:14px;font-weight:700;margin-top:16px}

.tms-hidden{display:none!important}

@media(max-width:760px){
	.tms-tool{margin:20px auto;border-radius:14px}
	.tms-tool-head{padding:20px 18px 14px}
	.tms-calc-controls,.tms-calc-display,.tms-unlock{padding:20px 18px}
	.tms-full{padding:0 18px 24px}
}
@media(prefers-reduced-motion:reduce){
	.tms-display,.tms-unlock>*,.tms-full{animation:none}
	.tms-lead-wrap{transition:opacity .2s ease}
	.tms-slider::-webkit-slider-thumb,.tms-step:active,.tms-gate-cta:active,.tms-submit:active{transition:none;transform:none}
}

/* ============ Q5: CTA band (payroll-page voice), placed under the tool ============ */
.tms-cta-band{font-family:'Manrope',system-ui,-apple-system,'Segoe UI',sans-serif;max-width:940px;margin:26px auto;
	background:linear-gradient(135deg,#15446A 0%,#1d5a8a 100%);border-radius:16px;color:#fff;
	padding:34px 36px;box-shadow:0 10px 30px rgba(20,68,106,.18)}
.tms-cta-band *{box-sizing:border-box}
.tms-cta-band-title{margin:0;font-size:clamp(21px,2.6vw,28px);font-weight:800;letter-spacing:-.02em;line-height:1.2;color:#fff}
.tms-cta-band-sub{margin:10px 0 0;font-size:15.5px;line-height:1.6;color:#d6e6f5;max-width:64ch}
.tms-cta-band-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}
.tms-cta-band-primary{display:inline-block;background:#d4a23c;color:#3a2a06;font-weight:800;font-size:15.5px;letter-spacing:-.01em;
	padding:13px 26px;border-radius:9px;text-decoration:none;box-shadow:0 6px 16px rgba(212,162,60,.32);transition:filter .15s ease,transform .1s ease}
.tms-cta-band-primary:hover{filter:brightness(1.05);color:#3a2a06}
.tms-cta-band-primary:active{transform:scale(.985)}
.tms-cta-band-wa{display:inline-flex;align-items:center;gap:7px;background:rgba(255,255,255,.10);color:#fff;font-weight:700;font-size:15.5px;
	padding:13px 22px;border-radius:9px;text-decoration:none;border:1px solid rgba(255,255,255,.35);transition:background-color .15s ease}
.tms-cta-band-wa:hover{background:rgba(255,255,255,.18);color:#fff}
@media(max-width:760px){.tms-cta-band{padding:26px 20px;margin:20px auto;border-radius:14px}
	.tms-cta-band-actions .tms-cta-band-primary,.tms-cta-band-actions .tms-cta-band-wa{flex:1 1 100%;text-align:center;justify-content:center}}

/* ============ Cat-B: hero band for standalone tool pages ============ */
.tms-hero{font-family:'Manrope',system-ui,-apple-system,'Segoe UI',sans-serif;
	/* full-bleed: escape the block theme's narrow content constraint */
	width:100vw;max-width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);margin-top:0;margin-bottom:8px;
	background:linear-gradient(135deg,#12395c 0%,#15446A 45%,#1d5a8a 100%);color:#fff;
	padding:40px 24px 36px;box-shadow:0 10px 30px rgba(20,68,106,.16)}
.tms-hero *{box-sizing:border-box}
.tms-hero-inner{max-width:940px;margin:0 auto}
.tms-hero-eyebrow{display:inline-block;font-size:11.5px;font-weight:800;text-transform:uppercase;letter-spacing:.12em;color:#d4a23c;margin-bottom:10px}
.tms-hero-title{margin:0;font-size:clamp(26px,3.4vw,38px);font-weight:800;letter-spacing:-.03em;line-height:1.12;color:#fff}
.tms-hero-title::after{content:"";display:block;width:56px;height:3px;background:#d4a23c;border-radius:2px;margin-top:14px}
.tms-hero-sub{margin:16px 0 0;font-size:16px;line-height:1.6;color:#d6e6f5;max-width:72ch}
.tms-hero-chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
.tms-hero-chip{font-size:12.5px;font-weight:700;color:#eaf3fb;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.22);border-radius:999px;padding:6px 13px}
@media(max-width:760px){.tms-hero{padding:28px 16px 26px;border-radius:0 0 16px 16px}}

/* ============ Q4: /calculators/ hub ============ */
.tms-hub{font-family:'Manrope',system-ui,-apple-system,'Segoe UI',sans-serif;max-width:1080px;margin:24px auto 8px;color:#374151}
.tms-hub *{box-sizing:border-box}
.tms-hub-head{max-width:760px;margin-bottom:8px}
.tms-hub-head h2{margin:0;font-size:clamp(24px,3vw,34px);font-weight:800;letter-spacing:-.03em;color:#15446A;line-height:1.15}
.tms-hub-head h2::after{content:"";display:block;width:56px;height:3px;background:#d4a23c;border-radius:2px;margin:12px 0 0}
.tms-hub-head p{font-size:16px;line-height:1.65;margin:16px 0 0;color:#44557A}
.tms-hub-group{margin-top:30px}
.tms-hub-group h3{font-size:14px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:#15446A;margin:0 0 14px}
.tms-hub-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
@media(max-width:900px){.tms-hub-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.tms-hub-grid{grid-template-columns:1fr}}
.tms-hub-card{display:flex;flex-direction:column;gap:7px;background:#fff;border:1px solid #E4E8EF;border-radius:13px;padding:18px 19px;
	text-decoration:none;box-shadow:0 3px 14px rgba(20,68,106,.04);transition:border-color .15s ease,box-shadow .15s ease,transform .12s ease}
.tms-hub-card:hover{border-color:#1d5a8a;box-shadow:0 10px 26px rgba(20,68,106,.12);transform:translateY(-2px)}
.tms-hub-card-t{font-size:16px;font-weight:800;letter-spacing:-.02em;color:#15446A;line-height:1.25}
.tms-hub-card-d{font-size:13px;line-height:1.5;color:#44557A;flex:1}
.tms-hub-card-go{display:inline-flex;align-items:center;gap:6px;margin-top:4px;font-size:13.5px;font-weight:800;color:#c07d17}
.tms-hub-card-go svg{transition:transform .15s ease}
.tms-hub-card:hover .tms-hub-card-go svg{transform:translateX(3px)}

/* ============ Q2: [tms_tool_cta] card (drop into service pages / blogs) ============ */
.tms-toolcard{font-family:'Manrope',system-ui,-apple-system,'Segoe UI',sans-serif;display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;
	max-width:940px;margin:22px auto;background:#f7f9fc;border:1px solid #E4E8EF;border-left:4px solid #d4a23c;border-radius:12px;padding:18px 22px}
.tms-toolcard *{box-sizing:border-box}
.tms-toolcard-body{min-width:0;flex:1 1 320px}
.tms-toolcard-badge{display:inline-block;font-size:10.5px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:#c07d17;margin-bottom:5px}
.tms-toolcard-title{display:block;font-size:17px;font-weight:800;letter-spacing:-.02em;color:#15446A;line-height:1.25}
.tms-toolcard-sub{display:block;font-size:13.5px;line-height:1.5;color:#44557A;margin-top:4px}
.tms-toolcard-cta{flex:none;display:inline-flex;align-items:center;gap:7px;background:#15446A;color:#fff;font-weight:800;font-size:14.5px;
	padding:11px 20px;border-radius:9px;text-decoration:none;transition:background-color .15s ease,transform .1s ease}
.tms-toolcard-cta:hover{background:#1d5a8a;color:#fff}
.tms-toolcard-cta:active{transform:scale(.98)}
.tms-toolcard-cta svg{transition:transform .15s ease}
.tms-toolcard-cta:hover svg{transform:translateX(3px)}
@media(max-width:560px){.tms-toolcard-cta{flex:1 1 100%;justify-content:center}}

/* ============ 8 Jul: consistent responsive width + result-panel contrast ============ */
/* Tool + CTA sit in NORMAL centered flow (no viewport-breakout transform — that mis-centred the
   relocated CTA off-screen and made the tool wider than the prose). They fill one comfortable,
   responsive content width. The cobalt content column on tool pages is widened to the SAME width
   so prose, calculator and CTA all align — fixing the "tool wider than the text / 960px cap" look. */
.tms-tool,.tms-cta-band{
	box-sizing:border-box;
	width:auto;
	max-width:min(1080px, 92vw);
	margin-left:auto;
	margin-right:auto;
	transform:none;
}
/* Widen the narrow cobalt content wrapper (default max-width:800) — only on pages that hold a tool. */
.post-cobalt:has(#tms-tool){ max-width:min(1080px, 92vw) !important; }
/* Align the injected SEO explainer (inline max-width:940) to the same width as the tool/CTA. */
.tms-explainer{ max-width:min(1080px, 92vw) !important; }
/* The navy result "screen": some page (cobalt) CSS forces dark body text onto it, making the
   label + note unreadable. Force our intended light colours (higher specificity + !important). */
.tms-tool .tms-display .tms-display-label{ color:#a9c6de !important }
.tms-tool .tms-display .tms-display-value{ color:#fff !important }
.tms-tool .tms-display .tms-display-note{ color:#cfe0ff !important }
.tms-tool .tms-display.is-ineligible .tms-display-value{ color:#ffd7a8 !important }

/* ============ Min-wage rebuilt tool (all-India state tables) ============ */
.mw-explainer{max-width:min(1080px,92vw)!important}
.mw-gold{width:54px;height:3px;background:#d4a23c;border-radius:2px;margin:6px 0 16px}
.mw-picker{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:18px 0 22px;padding:14px 16px;background:#f7f9fc;border:1px solid #E4E8EF;border-radius:12px}
.mw-picker label{font-weight:700;color:#15446A;font-size:14.5px}
.mw-picker select{flex:1 1 260px;min-width:220px;padding:11px 40px 11px 14px;font:inherit;font-size:15px;font-weight:600;color:#0A2540;
	background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M4 6l4 4 4-4' stroke='%2315446A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 14px center;
	border:1px solid #c9d2de;border-radius:9px;-webkit-appearance:none;appearance:none;cursor:pointer}
.mw-state h3{color:#15446A;font-weight:800;letter-spacing:-.02em;font-size:clamp(19px,2.3vw,25px);margin:18px 0 4px}
.mw-stamp{font-size:12.5px;color:#44557A;margin-bottom:12px}
.mw-tablewrap{overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid #E4E8EF;border-radius:12px;margin:6px 0 12px}
.mw-table{width:100%;border-collapse:collapse;font-size:14.5px;min-width:420px}
.mw-table th{background:#15446A;color:#fff;text-align:left;font-weight:700;padding:11px 14px;white-space:nowrap;font-size:13px;letter-spacing:.01em}
.mw-table td{padding:10px 14px;border-top:1px solid #EEF1F5;color:#374151;vertical-align:top}
.mw-table tbody tr:nth-child(even){background:#f9fbfd}
.mw-table td strong{color:#0A2540;font-variant-numeric:tabular-nums}
.mw-disputed{font-size:13.5px;line-height:1.55;color:#8a5a00;background:#fff8ec;border:1px solid #f0d9a8;border-radius:8px;padding:10px 14px;margin:8px 0}
.mw-hra{font-size:13.5px;line-height:1.55;color:#155e34;background:#f0f9f2;border:1px solid #bfe3c8;border-radius:8px;padding:10px 14px;margin:8px 0}
.mw-cav{font-size:12.5px;line-height:1.5;color:#6b7280;margin:6px 0 4px}
.mw-pdf-cta{margin:26px 0!important}
@media(max-width:560px){.mw-picker{flex-direction:column;align-items:stretch}.mw-picker select{flex:1 1 100%}}

/* ============ Comparison / data tables in cobalt tool-page content (e.g. EOR vs Entity) ============ */
/* Source markup ships unstyled (huge font, no header, no dividers). Give it the navy/striped look
   and wrap in a horizontal-scroll container so it never overflows on mobile. */
.tms-table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid #E4E8EF;border-radius:12px;margin:10px 0 26px;box-shadow:0 2px 12px rgba(20,68,106,.05)}
.post-cobalt table{width:100%;border-collapse:collapse;margin:0!important;font-size:14.5px!important;line-height:1.55!important;background:#fff;min-width:520px}
.post-cobalt table th{background:#15446A!important;color:#fff!important;font-weight:700!important;text-align:left!important;padding:12px 16px!important;font-size:13.5px!important;letter-spacing:.01em;vertical-align:top;border:0!important}
.post-cobalt table td{padding:11px 16px!important;border:0!important;border-top:1px solid #EEF1F5!important;color:#374151!important;vertical-align:top;font-size:14.5px!important;line-height:1.5!important}
.post-cobalt table tr:nth-child(even) td{background:#f9fbfd}
.post-cobalt table td:first-child{font-weight:700;color:#0A2540}
.post-cobalt table a{color:#1d5a8a}
.post-cobalt table td{font-weight:400!important}   /* was inheriting the thin (300) cobalt body weight */

/* ============ 8 Jul (v1.6.13): SEO body prose on tool pages — match the design system ============ */
/* The SEO explainer prose is the page's post_content (direct children of .post-cobalt); the tool is
   injected above it. It shipped with the weak cobalt defaults — thin grey Manrope headings and, on some
   pages, oversized (21px) body text + lists — so it read as a different, bolted-on block from the tool.
   These rules give the prose the navy/Manrope design-system look. Scope = DIRECT CHILDREN of
   .post-cobalt, so the calculator widget's own headings and the min-wage nested .mw-state h3 tables are
   untouched. Loads only on tool pages (assets() enqueues there), so the ~570 other cobalt pages are safe.
   !important is needed to beat the tms-cobalt-enhance base rules (which use !important). */
.post-cobalt > h2{font-weight:800!important;letter-spacing:-.02em!important;color:#15446A!important;line-height:1.2!important;margin:36px 0 10px!important}
.post-cobalt > h3{font-weight:800!important;letter-spacing:-.02em!important;color:#15446A!important;font-size:clamp(18px,2.2vw,22px)!important;line-height:1.25!important;margin:30px 0 8px!important;font-family:'Manrope',system-ui,-apple-system,'Segoe UI',sans-serif!important}
.post-cobalt > h4{font-weight:700!important;letter-spacing:-.01em!important;color:#0A2540!important;font-size:16.5px!important;line-height:1.3!important;margin:22px 0 6px!important}
.post-cobalt > p{font-size:16px!important;line-height:1.7!important;color:#374151!important;font-weight:400!important;margin:0 0 14px!important}
.post-cobalt > ul,.post-cobalt > ol{font-size:16px!important;line-height:1.7!important;color:#374151!important;font-weight:400!important;margin:0 0 18px!important;padding-left:22px!important}
.post-cobalt > ul > li,.post-cobalt > ol > li{font-size:16px!important;line-height:1.65!important;font-weight:400!important;margin:0 0 8px!important;color:#374151!important}
/* benefit / "red-flag" checklists */
.post-cobalt ul.tms-benefits{list-style:none!important;padding-left:0!important;margin:0 0 18px!important}
.post-cobalt ul.tms-benefits > li{position:relative!important;padding-left:30px!important;font-size:16px!important;line-height:1.6!important;color:#374151!important;margin:0 0 10px!important}
.post-cobalt ul.tms-benefits > li::before{content:""!important;position:absolute;left:0;top:4px;width:19px;height:19px;border-radius:50%;background:#15446A url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='11' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M13 4L6 12L3 9' stroke='white' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center}

/* ============ 8 Jul (v1.6.15): "More free HR calculators" internal-link block under the CTA ============ */
.tms-related{max-width:min(1080px,92vw);margin:22px auto 8px;padding-top:28px;border-top:1px solid #E4E8EF}
.tms-related .tms-hub-head h2{font-size:clamp(20px,2.4vw,26px)}
.tms-related .tms-hub-head p a{color:#c07d17;font-weight:700;text-decoration:none;white-space:nowrap}
.tms-related .tms-hub-head p a:hover{text-decoration:underline}

/* ============ Segmented toggle control (e.g. Minimum vs Full PF) ============ */
.tms-ctrl-toggle .tms-ctrl-top{margin-bottom:8px}
.tms-toggle{display:flex;gap:4px;padding:4px;background:#eef2f6;border:1px solid #dbe3ea;border-radius:10px}
.tms-tgl-btn{flex:1 1 0;min-width:0;padding:10px 12px;border:0;border-radius:7px;background:transparent;
  font:600 14px/1.25 inherit;color:#4a5a6b;cursor:pointer;transition:background .15s,color .15s,box-shadow .15s}
.tms-tgl-btn:hover{color:#15446A}
.tms-tgl-btn.is-on{background:#15446A;color:#fff;box-shadow:0 1px 3px rgba(21,68,106,.25)}
.tms-tgl-btn:focus-visible{outline:2px solid #c07d17;outline-offset:1px}
.tms-ctrl-note{margin-top:6px;font-size:12.5px;color:#6b7a89}
@media(max-width:420px){.tms-toggle{flex-direction:column}.tms-tgl-btn{width:100%}}

/* ============ (i) info circle + tooltip ============ */
.tms-info{position:relative;display:inline-flex;align-items:center;justify-content:center;
  width:16px;height:16px;margin-left:6px;vertical-align:middle;border-radius:50%;
  border:1.4px solid #8fa1b3;color:#5b6b7c;cursor:help;flex:none}
.tms-info:hover,.tms-info:focus{border-color:#15446A;color:#15446A;outline:none}
.tms-info-i{font:italic 700 10px/1 Georgia,serif;pointer-events:none}
.tms-tip{position:absolute;bottom:calc(100% + 9px);left:50%;transform:translateX(-50%) translateY(4px);
  width:min(300px,78vw);padding:11px 13px;background:#12283d;color:#eaf1f7;border-radius:8px;
  font:400 13px/1.55 inherit;text-align:left;letter-spacing:0;white-space:normal;
  box-shadow:0 8px 22px rgba(6,20,33,.28);opacity:0;visibility:hidden;transition:opacity .16s,transform .16s;z-index:40}
.tms-tip::after{content:"";position:absolute;top:100%;left:50%;transform:translateX(-50%);
  border:6px solid transparent;border-top-color:#12283d}
.tms-tip strong{color:#fff}
.tms-info:hover .tms-tip,.tms-info:focus .tms-tip,.tms-info:focus-within .tms-tip{
  opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}
/* keep the bubble on-screen near the viewport edges */
@media(max-width:560px){.tms-tip{left:0;transform:translateX(0) translateY(4px)}
  .tms-tip::after{left:16px}
  .tms-info:hover .tms-tip,.tms-info:focus .tms-tip,.tms-info:focus-within .tms-tip{transform:translateX(0) translateY(0)}}
@media(prefers-reduced-motion:reduce){.tms-tip{transition:none}}

/* ============ Min-wage re-verification notice ============ */
.mw-verify-note{max-width:min(1080px,92vw);margin:16px auto 22px;padding:14px 16px;
  background:#fff8e9;border:1px solid #f0dcae;border-left:4px solid #c07d17;border-radius:8px;
  font-size:14.5px;line-height:1.6;color:#4a3c22}
.mw-verify-note strong{color:#12283d}