@font-face{font-family:'Source Sans 3';font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/source-sans-3-latin-400-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Source Sans 3';font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/source-sans-3-latin-ext-400-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Source Sans 3';font-style:italic;font-weight:400;font-display:swap;src:url(/assets/fonts/source-sans-3-latin-400-italic.woff2) format('woff2');unicode-range:U+0000-00FF,U+2000-206F}
@font-face{font-family:'Source Sans 3';font-style:normal;font-weight:600;font-display:swap;src:url(/assets/fonts/source-sans-3-latin-600-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+FEFF,U+FFFD}
@font-face{font-family:'Source Sans 3';font-style:normal;font-weight:600;font-display:swap;src:url(/assets/fonts/source-sans-3-latin-ext-600-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+20A0-20AB,U+20AD-20C0}
@font-face{font-family:'Source Sans 3';font-style:normal;font-weight:700;font-display:swap;src:url(/assets/fonts/source-sans-3-latin-700-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+FEFF,U+FFFD}
@font-face{font-family:'Source Sans 3';font-style:normal;font-weight:700;font-display:swap;src:url(/assets/fonts/source-sans-3-latin-ext-700-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+20A0-20AB,U+20AD-20C0}
@font-face{font-family:'Libre Baskerville';font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/libre-baskerville-latin-400-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+FEFF,U+FFFD}
@font-face{font-family:'Libre Baskerville';font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/libre-baskerville-latin-ext-400-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20B8,U+20BA-20C0}
@font-face{font-family:'Libre Baskerville';font-style:normal;font-weight:700;font-display:swap;src:url(/assets/fonts/libre-baskerville-latin-700-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+FEFF,U+FFFD}
@font-face{font-family:'Libre Baskerville';font-style:normal;font-weight:700;font-display:swap;src:url(/assets/fonts/libre-baskerville-latin-ext-700-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20B8,U+20BA-20C0}
@font-face{font-family:'Libre Baskerville';font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/rupee-serif-400.woff2) format('woff2');unicode-range:U+20B9}
@font-face{font-family:'Libre Baskerville';font-style:normal;font-weight:700;font-display:swap;src:url(/assets/fonts/rupee-serif-700.woff2) format('woff2');unicode-range:U+20B9}
@font-face{font-family:'Noto Serif Tamil';font-style:normal;font-weight:500;font-display:swap;src:url(/assets/fonts/noto-serif-tamil-tamil-500-normal.woff2) format('woff2');unicode-range:U+0964-0965,U+0B82-0BFA,U+200C-200D,U+20B9,U+25CC}
@font-face{font-family:'Noto Serif Tamil';font-style:normal;font-weight:700;font-display:swap;size-adjust:88%;src:url(/assets/fonts/noto-serif-tamil-tamil-700-normal.woff2) format('woff2');unicode-range:U+0964-0965,U+0B82-0BFA,U+200C-200D,U+25CC}
@font-face{font-family:'Noto Sans Tamil';font-style:normal;font-weight:400;font-display:swap;size-adjust:90%;src:url(/assets/fonts/noto-sans-tamil-tamil-400-normal.woff2) format('woff2');unicode-range:U+0964-0965,U+0B82-0BFA,U+200C-200D,U+25CC}
@font-face{font-family:'Noto Sans Tamil';font-style:normal;font-weight:600;font-display:swap;size-adjust:90%;src:url(/assets/fonts/noto-sans-tamil-tamil-600-normal.woff2) format('woff2');unicode-range:U+0964-0965,U+0B82-0BFA,U+200C-200D,U+25CC}
@font-face{font-family:'Noto Sans Tamil';font-style:normal;font-weight:700;font-display:swap;size-adjust:90%;src:url(/assets/fonts/noto-sans-tamil-tamil-700-normal.woff2) format('woff2');unicode-range:U+0964-0965,U+0B82-0BFA,U+200C-200D,U+25CC}
/* Boovaraghavan & Co. — generated from tokens.json */
:root, [data-theme="light"] {
  --navy: #1B2A41;
  --navy-deep: #111D2E;
  --navy-hover: #2C4261;
  --gold: #B08D57;
  --gold-ink: #6B5226;
  --gold-light: #DFC38B;
  --gold-wash: #FBF7EE;
  --ivory: #F8F6F1;
  --sand: #EFEADF;
  --white: #FFFFFF;
  --line: #E2DCCF;
  --field: #948E84;
  --text: #3F4752;
  --muted: #5E6573;
  --on-navy: #D8DFE7;
  --on-navy-muted: #9AA6B5;
  --success: #2E6B45;
  --warning: #8A5A00;
  --error: #A12622;
  --focus: #1B2A41;
  --focus-on-dark: #DFC38B;
  --shadow-card: 0 1px 2px rgba(27, 42, 65, 0.06), 0 8px 24px rgba(27, 42, 65, 0.06);
  --shadow-header: 0 1px 0 rgba(27, 42, 65, 0.08);
}
:root {
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
  --space-9: 96px;
  --space-10: 128px;
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 16px;
  --radius-pill: 999px;
  --container: 1200px;
  --reading: 720px;
  --columns: 12;
  --header-height: 80px;
  --bp-tablet: 768px;
  --bp-desktop: 1024px;
  --font-serif: "Libre Baskerville", "Noto Serif Tamil", Georgia, serif;
  --font-sans: "Source Sans 3", "Noto Sans Tamil", system-ui, sans-serif;
  --font-play: "Baloo 2", "Noto Sans Tamil", system-ui, sans-serif;
}
/* Boovaraghavan & Co. website, design system v2.
   One stylesheet for every page. Every colour, size and gap comes from the tokens above (tokens.css).
   Breakpoints: phone up to 767px, tablet 768-1023px, desktop 1024px and up. No other breakpoints. */

@font-face{font-family:'Baloo 2';font-style:normal;font-weight:800;font-display:swap;src:url(/assets/fonts/baloo-2-latin-800-normal.woff2) format('woff2')}

/* ---------- 1. Base ---------- */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--ivory);color:var(--text);font:400 17px/28px var(--font-sans);-webkit-font-smoothing:antialiased;overflow-x:hidden}
img,svg,video{max-width:100%;height:auto;display:block}
a{color:var(--gold-ink);text-underline-offset:3px}
a:hover{color:var(--navy)}
button,input,select,textarea{font:inherit;color:inherit}
:focus-visible{outline:2px solid var(--focus);outline-offset:2px}
.dark :focus-visible,.band-navy :focus-visible,.site-header :focus-visible,.site-footer :focus-visible{outline-color:var(--focus-on-dark)}
h1,h2,h3,h4{margin:0;color:var(--navy);text-wrap:balance}
h1,h2,h3{font-family:var(--font-serif);font-weight:700}
p{margin:0}
ul,ol{margin:0;padding-left:1.25em}
[hidden]{display:none!important}
.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}
.skip-link{position:absolute;left:var(--space-4);top:-100px;z-index:100;background:var(--gold);color:var(--navy);padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);font-weight:600;text-decoration:none}
.skip-link:focus{top:var(--space-3)}
.mono{font-variant-numeric:tabular-nums}
html[lang^="ta"] body{line-height:30px}
main{overflow-wrap:break-word}
html[lang^="ta"] main{overflow-wrap:anywhere}

/* ---------- 2. Layout ---------- */
.wrap{width:100%;max-width:calc(var(--container) + 2 * var(--space-6));margin:0 auto;padding-inline:var(--space-6)}
.wrap-read{max-width:calc(var(--reading) + 2 * var(--space-6))}
.band{padding-block:var(--space-9)}
.band-tight{padding-block:var(--space-8)}
.band-white{background:var(--white)}
.band-sand{background:var(--sand)}
.band-navy{background:var(--navy);color:var(--on-navy)}
.band-navy h2,.band-navy h3{color:var(--white)}
.g2,.g3,.g4{display:grid;gap:var(--space-5)}
.g2{grid-template-columns:repeat(2,minmax(0,1fr))}
.g3{grid-template-columns:repeat(3,minmax(0,1fr))}
.g4{grid-template-columns:repeat(4,minmax(0,1fr))}
.stack{display:flex;flex-direction:column;gap:var(--space-4)}
.cluster{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:center}
.split{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:var(--space-8);align-items:start}
.split-84{grid-template-columns:minmax(0,8fr) minmax(0,4fr)}
.with-aside{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:var(--space-8);align-items:start}
.aside-sticky{position:sticky;top:calc(var(--space-5) + 0px);display:flex;flex-direction:column;gap:var(--space-5)}

/* ---------- 3. Type ---------- */
.eyebrow{font:700 13px/18px var(--font-sans);letter-spacing:1.6px;text-transform:uppercase;color:var(--gold-ink);margin:0}
.dark .eyebrow,.band-navy .eyebrow{color:var(--gold-light)}
.lead{font-size:20px;line-height:32px;max-width:38em}
.muted{color:var(--muted)}
.small{font-size:15px;line-height:24px}
.sec-head{display:flex;justify-content:space-between;align-items:flex-end;gap:var(--space-6);margin-bottom:var(--space-7)}
.sec-head h2{font-size:36px;line-height:44px}
.sec-head p{margin-top:var(--space-2);font-size:18px;line-height:28px;color:var(--muted);max-width:40em}
.band-navy .sec-head p{color:var(--on-navy)}
.sec-head .more{white-space:nowrap;flex:none}
.lnk{font-weight:600;color:var(--gold-ink);text-decoration:none;white-space:nowrap}
.lnk:hover{text-decoration:underline;color:var(--gold-ink)}
.band-navy .lnk{color:var(--gold-light)}

/* ---------- 4. Buttons, tags, chips ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:48px;padding:0 var(--space-5);border-radius:var(--radius-sm);font:600 16px/1 var(--font-sans);text-decoration:none;cursor:pointer;border:2px solid transparent;transition:background-color .15s,border-color .15s,color .15s;white-space:nowrap}
.btn-primary{background:var(--gold);color:var(--navy)}
.btn-primary:hover{background:var(--gold-light);color:var(--navy)}
.btn-secondary{background:transparent;color:var(--navy);border-color:var(--navy)}
.btn-secondary:hover{background:var(--navy);color:var(--white)}
.dark .btn-secondary,.band-navy .btn-secondary,.page-hero .btn-secondary{color:var(--white);border-color:var(--on-navy)}
.dark .btn-secondary:hover,.band-navy .btn-secondary:hover,.page-hero .btn-secondary:hover{background:var(--white);color:var(--navy)}
.btn-sm{min-height:40px;padding:0 var(--space-4);font-size:15px}
.btn-block{width:100%}
.actions{display:flex;gap:var(--space-3);flex-wrap:wrap}
.tag{display:inline-flex;align-items:center;height:26px;padding:0 var(--space-2);border-radius:var(--radius-sm);font:700 12px/1 var(--font-sans);letter-spacing:1.2px;text-transform:uppercase;background:var(--gold-wash);color:var(--gold-ink)}
.tag-navy{background:var(--navy);color:var(--gold-light)}
.chips{display:flex;gap:var(--space-2);flex-wrap:wrap}
.chip{font:600 15px/1 var(--font-sans);color:var(--navy);background:var(--white);border:1px solid var(--line);border-radius:var(--radius-pill);padding:0 16px;min-height:40px;display:inline-flex;align-items:center;cursor:pointer;text-decoration:none}
.chip:hover{border-color:var(--navy);color:var(--navy)}
.chip.on,.chip[aria-pressed="true"]{background:var(--navy);border-color:var(--navy);color:var(--white)}
.dark .chip-ghost{background:transparent;color:var(--on-navy);border-color:var(--navy-hover)}

/* ---------- 5. Header and menus ---------- */
.site-header{background:var(--navy);color:var(--on-navy);position:sticky;top:0;z-index:50;box-shadow:0 1px 0 rgba(0,0,0,.2)}
.site-header .hd{height:var(--header-height);display:flex;align-items:center;gap:var(--space-5)}
.brand{display:flex;align-items:center;gap:var(--space-3);text-decoration:none;color:var(--white);flex:none}
.brand img{width:44px;height:auto}
.brand .ta{display:block;font:700 15px/1.35 "Noto Serif Tamil",var(--font-serif);color:var(--white)}
.brand b{display:block;font:700 15px/1.3 var(--font-sans);letter-spacing:1px;color:var(--white)}
.brand small{display:block;font:700 11px/1.4 var(--font-sans);letter-spacing:1.6px;color:var(--gold-light)}
.brand:hover b{color:var(--white)}
.nav{margin-left:auto;display:flex;gap:var(--space-5)}
.nav>button,.nav>a{font:600 16px/1 var(--font-sans);color:var(--on-navy);background:none;border:0;border-bottom:2px solid transparent;padding:var(--space-2) 0;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:6px;min-height:44px}
.nav>button:hover,.nav>a:hover,.nav [aria-expanded="true"],.nav [aria-current="page"]{color:var(--white);border-bottom-color:var(--gold)}
html[lang^="ta"] .nav{gap:var(--space-4)}
html[lang^="ta"] .nav>button{font-size:15px;white-space:nowrap}
.nav>button{white-space:nowrap}
.nav .chev{width:10px;height:10px;transition:transform .15s}
.nav [aria-expanded="true"] .chev{transform:rotate(180deg)}
.hd-util{display:flex;align-items:center;gap:var(--space-3);margin-left:var(--space-3);padding-left:var(--space-5);border-left:1px solid var(--navy-hover)}
.icon-btn{width:44px;height:44px;display:grid;place-items:center;border-radius:50%;color:var(--white);background:none;border:1px solid var(--navy-hover);cursor:pointer;text-decoration:none}
.icon-btn:hover{border-color:var(--gold);color:var(--white)}
.icon-btn svg{width:20px;height:20px}
.lang{border:1px solid var(--gold);border-radius:var(--radius-pill);padding:var(--space-1) var(--space-3);color:var(--gold-light);text-decoration:none;font-weight:600;font-size:15px;line-height:24px}
.lang:hover{background:var(--gold);color:var(--navy)}
.menu-btn{display:none}
.mega{position:absolute;left:0;right:0;top:100%;background:var(--white);color:var(--text);border-top:3px solid var(--gold);box-shadow:0 24px 48px rgba(17,29,46,.18)}
.mega-in{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,1fr);gap:var(--space-8);padding-block:var(--space-7)}
.mega-cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-6)}
.mega h4{margin:0 0 var(--space-3);font:700 13px/18px var(--font-sans);letter-spacing:1.6px;text-transform:uppercase;color:var(--gold-ink);min-height:18px}
.mega-cols a{display:block;padding:8px 0;color:var(--navy);font-weight:600;text-decoration:none;border-bottom:1px solid var(--line)}
.mega-cols a:hover{color:var(--gold-ink)}
.mega-feat{background:var(--navy);color:var(--on-navy);border-radius:var(--radius-md);padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-2);text-decoration:none}
.mega-feat b{font:700 20px/28px var(--font-serif);color:var(--white)}
.mega-feat span.go{color:var(--gold-light);font-weight:600;margin-top:auto}
.mega-feat:hover b{text-decoration:underline}
.drawer{display:none}

/* Search overlay */
.search-pop{position:fixed;inset:0;z-index:80;background:rgba(17,29,46,.6);display:flex;align-items:flex-start;justify-content:center;padding:var(--space-9) var(--space-4) var(--space-4)}
.search-box{width:100%;max-width:720px;background:var(--white);border-radius:var(--radius-lg);box-shadow:0 24px 48px rgba(0,0,0,.3);overflow:hidden}
.search-box form{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--line)}
.search-box input{flex:1;border:0;font-size:20px;min-height:48px;color:var(--navy);background:none}
.search-box input:focus{outline:none}
.search-results{max-height:60vh;overflow:auto;padding:var(--space-3) var(--space-5) var(--space-5)}
.search-results a{display:block;padding:var(--space-3) 0;border-bottom:1px solid var(--line);text-decoration:none;color:var(--navy)}
.search-results a b{display:block;font-weight:600}
.search-results a span{font-size:14px;color:var(--muted)}
.search-hint{color:var(--muted);font-size:15px;padding:var(--space-3) 0}

/* ---------- 6. Heroes ---------- */
.hero{background:var(--navy);color:var(--on-navy)}
.hero-in{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:var(--space-7);align-items:center;padding-block:var(--space-9)}
.hero h1{font-size:60px;line-height:66px;letter-spacing:-.5px;color:var(--white);margin:var(--space-3) 0 var(--space-5)}
.hero .lead{margin-bottom:var(--space-6)}
.hero-media{position:relative}
.hero-img{border-radius:var(--radius-md);overflow:hidden;aspect-ratio:4/3;background:var(--navy-hover);box-shadow:0 24px 48px rgba(0,0,0,.25)}
.hero-img img{width:100%;height:100%;object-fit:cover}
.hero-float{position:absolute;left:calc(-1 * var(--space-7));bottom:var(--space-7);background:var(--white);color:var(--text);border-radius:var(--radius-md);box-shadow:var(--shadow-card);padding:var(--space-4) var(--space-5);width:270px;display:flex;flex-direction:column;gap:6px;text-decoration:none}
.hero-float b{font:700 20px/26px var(--font-serif);color:var(--navy)}
.hero-float .go{font-weight:600;color:var(--gold-ink)}
.due{display:flex;align-items:center;gap:var(--space-4);flex-wrap:wrap;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--navy-deep);border:1px solid var(--navy-hover);color:var(--on-navy);margin-top:var(--space-7);max-width:640px}
.due-date{font:700 15px/1 var(--font-sans);color:var(--gold-light);white-space:nowrap}
.due-what{font-weight:600;color:var(--white)}
.due-in{font-size:15px;color:var(--on-navy-muted)}
.due a{margin-left:auto;font-weight:600;color:var(--gold-light);white-space:nowrap}
.trust{background:var(--navy-deep);color:var(--white);font-size:14px}
.trust .wrap{display:flex;gap:var(--space-6);justify-content:space-between;align-items:center;min-height:52px;flex-wrap:wrap;padding-block:var(--space-2)}
.trust b{font-weight:600}
.trust a{color:var(--gold-light)}
.page-hero{background:var(--navy);color:var(--on-navy)}
.page-hero .wrap{padding-block:var(--space-6) var(--space-8)}
.page-hero h1{font-size:48px;line-height:56px;color:var(--white);margin:var(--space-3) 0 var(--space-4);max-width:20em}
.page-hero .lead{color:var(--on-navy)}
.page-hero .actions{margin-top:var(--space-6)}
.page-hero.split-hero .wrap{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:var(--space-7);align-items:center}
.page-hero .ph-img{border-radius:var(--radius-md);overflow:hidden;aspect-ratio:4/3;background:var(--navy-hover)}
.page-hero .ph-img img{width:100%;height:100%;object-fit:cover}
.crumbs{display:flex;flex-wrap:wrap;gap:var(--space-2);font-size:14px;line-height:20px;color:var(--on-navy-muted);margin:0;padding:0;list-style:none}
.crumbs a{color:var(--gold-light);text-decoration:none}
.crumbs a:hover{text-decoration:underline;color:var(--gold-light)}
.crumbs li+li::before{content:"/";margin-right:var(--space-2);color:var(--on-navy-muted)}
.light-crumbs .crumbs{color:var(--muted)}
.light-crumbs .crumbs a{color:var(--gold-ink)}
.page-head{background:var(--white);border-bottom:1px solid var(--line)}
.page-head .wrap{padding-block:var(--space-6) var(--space-7)}
.page-head h1{font-size:44px;line-height:52px;margin:var(--space-3) 0 var(--space-4)}
.meta{display:flex;gap:var(--space-2) var(--space-4);flex-wrap:wrap;font-size:14px;line-height:20px;color:var(--muted)}

/* ---------- 7. Cards ---------- */
.card{background:var(--white);border:1px solid var(--line);border-radius:var(--radius-md);overflow:hidden;display:flex;flex-direction:column;text-decoration:none;color:inherit;transition:transform .2s,box-shadow .2s;min-width:0}
a.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-card);color:inherit}
.card-media{aspect-ratio:16/9;background:var(--sand);overflow:hidden}
.card-media img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
a.card:hover .card-media img{transform:scale(1.04)}
.card-body{padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-2);flex:1}
.card h3{font-size:22px;line-height:30px}
.card p{font-size:16px;line-height:26px}
.card .kicker{font:700 12px/16px var(--font-sans);letter-spacing:1.2px;text-transform:uppercase;color:var(--gold-ink)}
.card .meta-line{margin-top:auto;padding-top:var(--space-3);font-size:14px;color:var(--muted)}
.card .go{margin-top:auto;padding-top:var(--space-3);font-weight:600;color:var(--gold-ink)}
/* Service card */
.sv{border-top:4px solid var(--gold)}
.sv .kicker{color:var(--muted)}
.sv h3{font-size:28px;line-height:34px}
.sv .hook{font:600 17px/26px var(--font-sans);color:var(--gold-ink)}
.sv-chips{display:flex;flex-wrap:wrap;gap:6px}
.sv-chips span{font-size:13px;line-height:18px;padding:4px 10px;border-radius:var(--radius-pill);background:var(--gold-wash);color:var(--gold-ink);font-weight:600}
.sv .sv-more{margin-top:auto;align-self:flex-start;display:inline-flex;align-items:center;min-height:44px;padding:0 var(--space-4);border:2px solid var(--navy);border-radius:var(--radius-sm);font-weight:600;color:var(--navy)}
.sv:hover .sv-more{background:var(--navy);color:var(--white)}
.sv .card-body{gap:var(--space-3)}
/* Question tile */
.qtile{position:relative;display:flex;flex-direction:column;justify-content:flex-end;min-height:220px;border-radius:var(--radius-md);overflow:hidden;text-decoration:none;background:var(--navy)}
.qtile img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.35;transition:opacity .2s,transform .4s}
.qtile:hover img{opacity:.45;transform:scale(1.03)}
.qtile div{position:relative;padding:var(--space-5);background:linear-gradient(0deg,rgba(17,29,46,.92) 40%,rgba(17,29,46,0))}
.qtile h3{font-size:22px;line-height:30px;color:var(--white);margin-bottom:var(--space-1)}
.qtile span{color:var(--gold-light);font-weight:600;font-size:15px}
/* Tool card */
.tcard .tc-ico{width:48px;height:48px;border-radius:var(--radius-md);background:var(--gold-wash);display:grid;place-items:center;color:var(--gold-ink)}
.tcard .tc-ico svg{width:24px;height:24px}
.tcard h3{font-size:20px;line-height:28px}
/* Row list */
.rows{border-top:1px solid var(--line)}
.row{display:grid;grid-template-columns:120px minmax(0,1fr) auto;gap:var(--space-5);align-items:center;padding:var(--space-4) 0;border-bottom:1px solid var(--line);text-decoration:none;color:inherit}
.row img{width:120px;aspect-ratio:4/3;object-fit:cover;border-radius:var(--radius-sm)}
.row h3{font-size:20px;line-height:28px;margin-top:6px}
.row:hover h3{color:var(--gold-ink)}
.row .meta-line{font-size:14px;color:var(--muted);white-space:nowrap}
.row-plain{grid-template-columns:minmax(0,1fr) auto}

/* ---------- 8. Home sections ---------- */
.svgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-5)}
.help{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:var(--space-7);align-items:start}
.aud{display:flex;flex-direction:column;gap:var(--space-2)}
.aud button{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);text-align:left;min-height:56px;padding:0 var(--space-5);border:1px solid var(--line);border-radius:var(--radius-md);background:var(--white);font:600 17px/1.3 var(--font-sans);color:var(--navy);cursor:pointer}
.aud button[aria-selected="true"]{background:var(--navy);border-color:var(--navy);color:var(--white)}
.aud-panel{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4)}
.aud-card{background:var(--white);border:1px solid var(--line);border-top:3px solid var(--gold);border-radius:var(--radius-md);padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-2);text-decoration:none;color:inherit;min-height:200px}
.aud-card:hover{box-shadow:var(--shadow-card);color:inherit}
.aud-card b{font:700 20px/28px var(--font-serif);color:var(--navy)}
.aud-card .k{font:700 12px/16px var(--font-sans);letter-spacing:1.2px;text-transform:uppercase;color:var(--gold-ink)}
.aud-card .go{margin-top:auto;font-weight:600;color:var(--gold-ink)}
.learn{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:var(--space-8);align-items:center}
.learn h2{font-size:40px;line-height:48px}
.courses{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2)}
.crs{border:1px solid var(--navy-hover);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);display:flex;flex-direction:column;gap:2px;text-decoration:none}
.crs b{color:var(--white);font-size:16px;line-height:22px}
.crs span{font-size:13px;line-height:18px;color:var(--on-navy-muted)}
.crs.on{border-color:var(--gold);background:rgba(176,141,87,.12)}
.crs.on span{color:var(--gold-light)}
.learn-card{background:var(--white);border-radius:var(--radius-lg);padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-4);color:var(--text);box-shadow:0 24px 48px rgba(0,0,0,.25)}
.contact-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--space-5)}
.c-box{border-radius:var(--radius-lg);padding:var(--space-7);display:flex;flex-direction:column;gap:var(--space-4)}
.c-box h2{font-size:32px;line-height:40px}
.c-navy{background:var(--navy);color:var(--on-navy)}
.c-navy h2{color:var(--white)}
.c-white{background:var(--white);border:1px solid var(--line)}
.form-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--space-3);align-items:end}

/* ---------- 9. Bablu, quiz ---------- */
.bablu{display:flex;align-items:flex-end;gap:var(--space-3)}
.bablu img{width:64px;height:auto;flex:none}
.bubble{position:relative;background:var(--white);border:1px solid var(--line);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4);font-weight:600;color:var(--navy);margin-bottom:var(--space-4)}
.bubble small{display:block;font:700 12px/16px var(--font-sans);letter-spacing:1.2px;text-transform:uppercase;color:var(--muted)}
.bubble::before{content:"";position:absolute;left:-7px;bottom:16px;width:12px;height:12px;background:var(--white);border-left:1px solid var(--line);border-bottom:1px solid var(--line);transform:rotate(45deg)}
.opt{display:flex;align-items:center;gap:12px;width:100%;text-align:left;border:2px solid var(--line);border-radius:var(--radius-md);padding:12px 16px;background:var(--white);font:600 16px/22px var(--font-sans);color:var(--navy);cursor:pointer;min-height:52px}
.opt:hover{border-color:var(--navy)}
.opt.right{border-color:var(--success);background:#EEF5F0}
.opt.wrong{border-color:var(--error);background:#FBEFEE}
.opt.dim{opacity:.6}
.opt i{font-style:normal;width:28px;height:28px;flex:none;border-radius:8px;border:2px solid var(--line);display:grid;place-items:center;font:800 14px/1 var(--font-play);color:var(--muted)}
.fb{border-radius:var(--radius-md);padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2)}
.fb-ok{background:#EEF5F0;border:1px solid var(--success)}
.fb-no{background:#FBEFEE;border:1px solid var(--error)}
.fb b{color:var(--navy)}

/* ---------- 10. Mini calculator (home, resources) ---------- */
.tl-box{background:var(--white);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);overflow:hidden}
.tl-tabs{display:flex;border-bottom:1px solid var(--line);padding-inline:var(--space-5);gap:var(--space-5);overflow-x:auto}
.tl-tabs button{background:none;border:0;border-bottom:3px solid transparent;padding:var(--space-4) 0;font:600 16px/1 var(--font-sans);color:var(--muted);cursor:pointer;white-space:nowrap;min-height:52px}
.tl-tabs button[aria-selected="true"]{color:var(--navy);border-bottom-color:var(--gold)}
.tl-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.tl-in{padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-5)}
.tl-in h3{font-size:24px;line-height:32px}
.tl-lbl{font-weight:600;color:var(--navy);font-size:16px;display:block;margin-bottom:var(--space-2)}
.amts{display:flex;gap:var(--space-2);flex-wrap:wrap}
.amt{min-height:44px;padding:0 16px;border:1px solid var(--field);border-radius:var(--radius-sm);background:var(--white);font:600 15px/1 var(--font-sans);color:var(--navy);cursor:pointer}
.amt[aria-pressed="true"]{background:var(--navy);border-color:var(--navy);color:var(--white)}
.rng{width:100%;accent-color:var(--gold);height:28px}
.tl-out{background:var(--ivory);padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-3);border-left:1px solid var(--line)}
.tl-res{font:700 44px/1.1 var(--font-serif);color:var(--navy)}
.tl-work{font-size:15px;border-top:1px solid var(--line);padding-top:var(--space-3)}
.tl-note{font-size:14px;line-height:22px;color:var(--muted)}
.tl-list{display:flex;flex-direction:column}
.tl-list a{display:flex;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) 0;border-bottom:1px solid var(--line);color:var(--navy);font-weight:600;text-decoration:none}
.tl-list a:hover{color:var(--gold-ink)}

/* ---------- 11. Article (prose) ---------- */
.article-grid{display:grid;grid-template-columns:240px minmax(0,var(--reading));gap:var(--space-8);padding-block:var(--space-8);justify-content:start}
.toc{position:sticky;top:calc(var(--header-height) + var(--space-5));align-self:start;display:flex;flex-direction:column;gap:var(--space-1);font-size:15px;line-height:22px}
.toc>a{color:var(--muted);text-decoration:none;padding:6px 0 6px 12px;border-left:2px solid var(--line)}
.toc>a:hover,.toc>a.on{color:var(--navy);border-left-color:var(--gold)}
.toc-box{margin-top:var(--space-5);padding:var(--space-4);background:var(--white);border:1px solid var(--line);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:var(--space-2)}
.prose{display:flex;flex-direction:column;gap:var(--space-5);min-width:0}
.prose>*{margin:0}
.prose h2{font-size:30px;line-height:38px;margin-top:var(--space-5);scroll-margin-top:calc(var(--header-height) + var(--space-5))}
.prose h3{font-size:22px;line-height:30px;margin-top:var(--space-3)}
.prose h4{font:600 18px/26px var(--font-sans)}
.prose p,.prose li{font-size:18px;line-height:30px}
.prose ul,.prose ol{display:flex;flex-direction:column;gap:var(--space-2)}
.prose blockquote{margin:0;border-left:3px solid var(--gold);padding-left:var(--space-5);font:400 22px/32px var(--font-serif);color:var(--navy)}
.prose a{color:var(--gold-ink)}
.prose code{font-size:.9em;background:var(--sand);padding:1px 6px;border-radius:var(--radius-sm)}
.table-box{overflow-x:auto;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--white)}
.table-box table,.prose table{border-collapse:collapse;width:100%;font-size:16px;line-height:24px}
.prose th,.prose td,.table-box th,.table-box td{padding:10px 14px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.prose th,.table-box th{font:700 13px/18px var(--font-sans);letter-spacing:1px;text-transform:uppercase;color:var(--muted);background:var(--ivory)}
.prose tr:last-child td,.table-box tr:last-child td{border-bottom:0}
.prose td.fig,.prose th.fig{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.prose .nw{white-space:nowrap}
.prose .table-box{margin:0}
.callout{display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--space-4);padding:var(--space-5);border-radius:var(--radius-md);background:var(--gold-wash);border:1px solid var(--line)}
.callout .ci{width:32px;height:32px;border-radius:50%;background:var(--navy);color:var(--gold-light);display:grid;place-items:center;font:700 16px/1 var(--font-serif)}
.callout h2,.callout h3,.callout h4{font:600 18px/26px var(--font-sans);color:var(--navy);margin:0 0 var(--space-1)}
.callout ul{margin-top:var(--space-2)}
.callout p,.callout li{font-size:17px;line-height:28px}
.sources{border-top:1px solid var(--line);padding-top:var(--space-5)}
.sources h2{font:700 13px/18px var(--font-sans);letter-spacing:1.6px;text-transform:uppercase;color:var(--muted);margin:0 0 var(--space-3)}
.sources li{font-size:15px;line-height:24px}
.byline{display:flex;align-items:center;gap:var(--space-3);font-size:15px;color:var(--muted)}
dfn.term{font-style:normal;border-bottom:1px dotted var(--gold-ink);cursor:help}

/* ---------- 12. Accordion, forms ---------- */
.acc{border-top:1px solid var(--line)}
.acc details{border-bottom:1px solid var(--line)}
.acc summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:var(--space-4);padding:var(--space-4) 0;font:600 18px/26px var(--font-sans);color:var(--navy)}
.acc summary::-webkit-details-marker{display:none}
.acc summary::after{content:"+";font:400 24px/1 var(--font-sans);color:var(--gold-ink);flex:none}
.acc details[open] summary::after{content:"\2013"}
.acc details>div{padding:0 0 var(--space-4);max-width:var(--reading);display:flex;flex-direction:column;gap:var(--space-3)}
.field{display:flex;flex-direction:column;gap:var(--space-2)}
.field label,.field .lbl{font-weight:600;color:var(--navy);font-size:16px}
.field input,.field select,.field textarea,input.input{min-height:48px;padding:var(--space-3);border:1px solid var(--field);border-radius:var(--radius-sm);background:var(--white);font:400 17px/24px var(--font-sans);color:var(--navy);width:100%}
.field textarea{min-height:140px;resize:vertical}
.field small{font-size:14px;color:var(--muted)}
.check{display:flex;gap:var(--space-2);align-items:flex-start;font-size:15px;line-height:22px}
.check input{width:20px;height:20px;margin-top:1px;accent-color:var(--navy);flex:none}
.seg{display:flex;flex-wrap:wrap;gap:var(--space-2)}
.seg button,.seg label{border:1px solid var(--field);border-radius:var(--radius-sm);padding:0 14px;min-height:44px;display:inline-flex;align-items:center;font-weight:600;color:var(--navy);font-size:15px;background:var(--white);cursor:pointer}
.seg [aria-pressed="true"],.seg input:checked+span{background:var(--navy);color:var(--white)}


/* ---------- 12b. Enquiry form (src/enquiry.js) ---------- */
.enquiry-form{display:flex;flex-direction:column;gap:var(--space-4)}
.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4)}
.form-grid .full,.form-grid .f-message,.form-grid .f-need{grid-column:1 / -1}
.field-error{color:var(--error);font-weight:600;font-size:14px;line-height:20px}
.field-hint{font-size:14px;line-height:22px;color:var(--muted)}
.error-summary{border:2px solid var(--error);border-radius:var(--radius-md);padding:var(--space-4);background:#FBEFEE}
.error-summary h3{font:600 18px/26px var(--font-sans);color:var(--error)}
.optional{font-weight:400;color:var(--muted)}
.more-details{background:none;border:0;padding:0;font:600 16px/24px var(--font-sans);color:var(--gold-ink);cursor:pointer;min-height:44px}
.consent-label{display:flex;gap:var(--space-3);align-items:flex-start;font-size:15px;line-height:22px}
.consent-label input{width:20px;height:20px;margin-top:2px;accent-color:var(--navy);flex:none}
.data-notice summary{cursor:pointer;font-weight:600;color:var(--navy);font-size:15px;min-height:44px;display:flex;align-items:center}
.data-notice ul{font-size:14px;line-height:22px;display:flex;flex-direction:column;gap:var(--space-1);margin-top:var(--space-2)}
.form-actions .button,.enquiry-form button[type="submit"]{display:inline-flex;align-items:center;gap:var(--space-2);min-height:48px;padding:0 var(--space-6);border-radius:var(--radius-sm);border:0;background:var(--gold);color:var(--navy);font:600 16px/1 var(--font-sans);cursor:pointer}
.enquiry-form button[type="submit"]:disabled{opacity:.55;cursor:not-allowed}
.form-actions-note,.reply-promise,.clear-urgent{font-size:14px;line-height:22px;color:var(--muted)}
.enquiry-status{font-weight:600;color:var(--success)}
.term{background:none;border:0;padding:0;font:inherit;color:inherit;border-bottom:1px dotted var(--gold-ink);cursor:help}
.term-pop{position:absolute;z-index:30;max-width:320px;background:var(--white);border:1px solid var(--line);border-radius:var(--radius-md);box-shadow:var(--shadow-card);padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2);font-size:15px;line-height:22px}
.term-pop b{color:var(--navy)}
@media (max-width:767px){.form-grid{grid-template-columns:minmax(0,1fr)}}


/* ---------- 13b. Resources: search box, feature card, updates list, definition lists ---------- */
.search-inline{display:flex;background:var(--white);border-radius:var(--radius-md);overflow:hidden;max-width:720px;box-shadow:0 12px 32px rgba(0,0,0,.25);margin-top:var(--space-5)}
.search-inline input{flex:1;min-width:0;border:0;font-size:18px;padding:0 var(--space-5);min-height:60px;color:var(--navy);background:none}
.search-inline .btn{border-radius:0;min-height:60px}
.feature{min-height:100%}
.feature-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);height:100%}
.dl{margin:0;display:flex;flex-direction:column;gap:var(--space-2)}
.dl div{display:grid;grid-template-columns:110px minmax(0,1fr);gap:var(--space-3);font-size:15px;line-height:24px}
.dl dt{color:var(--muted);font-weight:600}
.dl dd{margin:0;color:var(--text)}
.upd-list{display:flex;flex-direction:column;border-top:1px solid var(--line)}
.upd{display:grid;grid-template-columns:150px minmax(0,1fr);gap:var(--space-5);padding:var(--space-5) 0;border-bottom:1px solid var(--line)}
.upd-date{display:flex;flex-direction:column;gap:var(--space-2);align-items:flex-start;font:700 13px/18px var(--font-sans);letter-spacing:1px;text-transform:uppercase;color:var(--gold-ink)}
.upd-body{display:flex;flex-direction:column;gap:var(--space-2)}
.upd-body h3{font-size:22px;line-height:30px}
.upd-more summary{cursor:pointer;font-weight:600;color:var(--navy);min-height:44px;display:flex;align-items:center}
.upd-more .dl{padding:var(--space-3) 0}
@media (max-width:767px){.feature-grid{grid-template-columns:minmax(0,1fr)}.upd{grid-template-columns:minmax(0,1fr);gap:var(--space-2)}.upd-date{flex-direction:row}.search-inline .btn{padding:0 var(--space-4)}.dl div{grid-template-columns:minmax(0,1fr);gap:0}}


/* ---------- 13c. Simple template: the page's own content on the house grid ---------- */
.simple-body{padding-block:var(--space-8) var(--space-9)}
.flow{display:flex;flex-direction:column;gap:var(--space-5)}
.flow>section,.flow>div,.flow>article{display:flex;flex-direction:column;gap:var(--space-4);min-width:0}
.flow h2{font-size:30px;line-height:38px;margin-top:var(--space-5)}
.flow h3{font-size:22px;line-height:30px;margin-top:var(--space-2)}
.flow h4{font:600 18px/26px var(--font-sans)}
.flow p,.flow li{max-width:var(--reading)}
.flow ul,.flow ol{display:flex;flex-direction:column;gap:var(--space-2)}
.flow table{border-collapse:collapse;width:100%;font-size:15px;line-height:22px}
.flow th,.flow td{padding:10px 14px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.flow th{font:700 12px/16px var(--font-sans);letter-spacing:1px;text-transform:uppercase;color:var(--muted);background:var(--ivory)}
.flow .table-box{max-width:100%}
.flow caption{text-align:left;font-weight:600;color:var(--navy);padding:var(--space-3) 14px}
.flow details{border-bottom:1px solid var(--line);padding:var(--space-2) 0}
.flow details>summary{cursor:pointer;font-weight:600;color:var(--navy);min-height:44px;display:flex;align-items:center}
.flow .panel{max-width:none}
.flow blockquote{margin:0;border-left:3px solid var(--gold);padding-left:var(--space-5);font:400 20px/30px var(--font-serif);color:var(--navy)}
.flow .chips{flex-direction:row}
.flow .btn{align-self:flex-start}
.flow .actions .btn,.flow .calendar-add-buttons .btn{align-self:auto}
.calendar-add-buttons{display:flex;gap:var(--space-3);flex-wrap:wrap}
.page-hero .tool-privacy{color:var(--on-navy);margin-top:var(--space-3)}

/* forms and lists inside the Simple template */
.flow input[type="text"],.flow input[type="email"],.flow input[type="tel"],.flow input[type="search"],.flow input:not([type]),.flow select,.flow textarea{min-height:48px;padding:var(--space-3);border:1px solid var(--field);border-radius:var(--radius-sm);background:var(--white);font:400 17px/24px var(--font-sans);color:var(--navy);width:100%;max-width:560px}
.flow textarea{min-height:140px}
.flow input[type="checkbox"],.flow input[type="radio"]{width:20px;height:20px;margin:2px 0 0;accent-color:var(--navy);flex:none}
.flow fieldset{border:1px solid var(--line);border-radius:var(--radius-md);padding:var(--space-4) var(--space-5);margin:0;display:flex;flex-direction:column;gap:var(--space-3);max-width:560px;background:var(--white)}
.flow legend{font-weight:600;color:var(--navy);padding:0 var(--space-2)}
.flow label{font-weight:600;color:var(--navy)}
.flow .field{display:flex;flex-direction:column;gap:var(--space-2);max-width:560px}
.r1-form{display:flex;flex-direction:column;gap:var(--space-5);background:var(--white);border:1px solid var(--line);border-radius:var(--radius-lg);padding:var(--space-7);max-width:640px;box-shadow:var(--shadow-card)}
.flow .r1-check{display:flex;gap:var(--space-3);align-items:flex-start;font-weight:400;color:var(--text);font-size:16px;line-height:24px}
.r1-form .btn{align-self:flex-start}
.flow dl{margin:0}
.flow dt{font-weight:600;color:var(--navy)}
.flow dd{margin:0 0 var(--space-3)}
.step-folds{border-top:1px solid var(--line)}
.step-fold summary h2{font-size:22px;line-height:30px;margin:0}
.step-fold>*:not(summary){max-width:var(--reading)}
.layout-contents{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-4);font-size:15px}
/* glossary */
.gl-tools{display:flex;flex-direction:column;gap:var(--space-3);background:var(--white);border:1px solid var(--line);border-radius:var(--radius-md);padding:var(--space-5);position:sticky;top:calc(var(--header-height) + var(--space-3));z-index:5}
.gl-search{display:flex;flex-direction:column;gap:var(--space-2)}
.gl-jump{display:flex;flex-wrap:wrap;gap:var(--space-1)}
.gl-jump a{min-width:36px;height:36px;display:grid;place-items:center;border:1px solid var(--line);border-radius:var(--radius-sm);text-decoration:none;font-weight:600;color:var(--navy)}
.gl-jump a:hover{background:var(--navy);color:var(--white)}
.gl-group h2{display:flex;align-items:baseline;gap:var(--space-3);border-bottom:2px solid var(--gold);padding-bottom:var(--space-2)}
.gl-n{font:600 14px/1 var(--font-sans);color:var(--muted)}
.gl-group dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4)}
.gl-item{background:var(--white);border:1px solid var(--line);border-radius:var(--radius-md);padding:var(--space-4) var(--space-5);scroll-margin-top:calc(var(--header-height) + 160px)}
.gl-item dt{font:700 18px/26px var(--font-serif);color:var(--navy);margin-bottom:var(--space-1)}
.gl-item dd{margin:0;font-size:16px;line-height:26px;max-width:none}
.gl-more{display:inline-block;margin-top:var(--space-2);font-weight:600;font-size:15px}
@media (max-width:767px){.gl-group dl{grid-template-columns:minmax(0,1fr)}.r1-form{padding:var(--space-5)}.gl-tools{position:static}}

/* calculator pages */
.tool-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-7)}
.tool-layout>.tool-panel,.tool-layout>.tool-explainer{max-width:880px;width:100%}
.tool-layout>.tool-panel{background:var(--white);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:var(--space-7)}
.tool-explainer{background:var(--white);border:1px solid var(--line);border-radius:var(--radius-md);padding:var(--space-6)}
.tool-section,.calc-form{display:flex;flex-direction:column;gap:var(--space-4)}
.tool-controls,.tool-top-row,.search-row,.tdc-picker-row{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:flex-end}
.tool-choice-list{display:flex;flex-wrap:wrap;gap:var(--space-2)}
.tool-choice,.calc-radio{display:inline-flex;align-items:center;gap:var(--space-2);min-height:44px;padding:0 var(--space-4);border:1px solid var(--field);border-radius:var(--radius-sm);background:var(--white);font-weight:600;color:var(--navy);cursor:pointer}
.tool-choice input,.calc-radio input{accent-color:var(--navy)}
.tool-result,.calc-result,.result-card,.tool-summary{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--ivory);padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-3)}
.tool-error,.calc-empty{color:var(--error);font-weight:600}
.tool-example,.tool-inline{font-size:15px;color:var(--muted)}
.tool-list{display:flex;flex-direction:column;gap:var(--space-2)}
.timeline{display:flex;flex-direction:column;gap:var(--space-3);border-left:2px solid var(--gold);padding-left:var(--space-5)}
.tl-step{position:relative}
.tl-when{font:700 13px/18px var(--font-sans);letter-spacing:1px;text-transform:uppercase;color:var(--gold-ink)}
.tl-what{font-weight:600;color:var(--navy)}
.calc-bar{height:14px;border-radius:999px;background:var(--line);overflow:hidden;position:relative}
.calc-bar-fill{height:100%;background:var(--gold)}
.split-bar{display:flex;height:16px;border-radius:999px;overflow:hidden;background:var(--line)}
.tds-card{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--white);padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2)}
.tds-list{display:flex;flex-direction:column;gap:var(--space-3)}
.amount-echo{font-size:14px;color:var(--muted)}
.swipe-btn,.change-answer{background:none;border:0;color:var(--gold-ink);font-weight:600;cursor:pointer;min-height:44px}
.cal-date{white-space:nowrap;font-weight:600;color:var(--navy)}
.cal-filter{display:flex;flex-direction:column;gap:var(--space-2)}
@media (max-width:767px){.tool-layout>.tool-panel{padding:var(--space-5)}.tool-explainer{padding:var(--space-5)}.flow h2{font-size:26px;line-height:34px}}


/* ---------- 13d. Learning hub ---------- */
.l-stage{position:relative;display:grid;place-items:center;min-height:380px}
.l-stage::before{content:"";position:absolute;width:min(420px,90%);aspect-ratio:1;border-radius:50%;background:var(--navy-hover)}
.l-stage img{position:relative;width:260px}
.l-bubble{position:absolute;right:0;top:var(--space-5);max-width:240px;margin:0}
.legend{display:flex;gap:var(--space-5);font-size:14px;color:var(--muted);align-items:center;flex-wrap:wrap;margin-bottom:var(--space-5)}
.legend span{display:inline-flex;gap:6px;align-items:center}
.legend i{width:14px;height:14px;border-radius:50%;display:inline-block;border:2px solid var(--line);background:var(--white)}
.legend i.lg-live{background:var(--gold);border-color:var(--gold)}
.stages{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-5)}
.stage{background:var(--white);border:1px solid var(--line);border-radius:var(--radius-lg);padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-2)}
.stage h3{font-size:22px;line-height:30px;margin-bottom:var(--space-2)}
.stage-live{border:2px solid var(--gold);box-shadow:var(--shadow-card)}
.pnode{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-1) 0;text-decoration:none;color:inherit}
.pdot{width:44px;height:44px;flex:none;border-radius:50%;display:grid;place-items:center;font:800 15px/1 var(--font-play);background:var(--white);color:var(--muted);border:2px solid var(--line)}
.pnode.live .pdot{background:var(--pc,var(--navy));color:#fff;border-color:var(--pa,var(--gold));border-width:3px}
.pnode b{display:block;font:700 16px/22px var(--font-serif);color:var(--navy)}
.pnode small{display:block;font-size:14px;color:var(--muted)}
a.pnode:hover b{color:var(--gold-ink)}
@media (max-width:1023px){.stages{grid-template-columns:repeat(2,minmax(0,1fr))}.l-stage{min-height:320px}}
@media (max-width:767px){.stages{grid-template-columns:minmax(0,1fr)}.l-bubble{position:relative;right:auto;top:auto;margin-top:var(--space-4)}.l-stage{display:flex;flex-direction:column;min-height:0}.l-stage::before{display:none}.l-stage img{width:180px}}

/* ---------- 13. Panels and lists used on detail pages ---------- */
.panel{background:var(--white);border:1px solid var(--line);border-radius:var(--radius-md);padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-3)}
.panel h2,.panel h3{font-size:22px;line-height:30px}
.panel-navy{background:var(--navy);border-color:var(--navy);color:var(--on-navy)}
.panel-navy h2,.panel-navy h3{color:var(--white)}
.ticks{list-style:none;padding:0;display:flex;flex-direction:column;gap:var(--space-3)}
.ticks li{position:relative;padding-left:32px}
.ticks li::before{content:"";position:absolute;left:0;top:4px;width:20px;height:20px;border-radius:50%;background:var(--gold-wash) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5 10.5l3 3 7-7' fill='none' stroke='%236B5226' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/16px no-repeat}
.steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-5);counter-reset:st}
.steps li{list-style:none;background:var(--white);border:1px solid var(--line);border-radius:var(--radius-md);padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-2)}
.steps li::before{counter-increment:st;content:counter(st,decimal-leading-zero);font:700 28px/1 var(--font-serif);color:var(--gold)}
.steps b{font:700 18px/26px var(--font-sans);color:var(--navy)}
ol.steps{padding:0}
.steps.steps-1{grid-template-columns:minmax(0,1fr)}
.steps.steps-1 li{padding:var(--space-4)}
.quotes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4)}
.quotes>*{background:var(--white);border:1px solid var(--line);border-left:4px solid var(--gold);border-radius:var(--radius-sm);padding:var(--space-4) var(--space-5);font:700 20px/28px var(--font-serif);color:var(--navy);text-decoration:none}
a.quotes-item:hover{box-shadow:var(--shadow-card)}
.kv{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-6)}
.kv>div{display:flex;flex-direction:column;gap:var(--space-2);padding-top:var(--space-4);border-top:2px solid var(--gold)}
.kv b{font:700 20px/28px var(--font-serif);color:var(--navy)}
.note{font-size:14px;line-height:22px;color:var(--muted)}
.cta-band{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--space-6);align-items:center;background:var(--navy);border-radius:var(--radius-lg);padding:var(--space-7) var(--space-8);color:var(--on-navy)}
.cta-band h2{font-size:30px;line-height:38px;color:var(--white);margin-bottom:var(--space-2)}
.date-tile{display:grid;grid-template-columns:64px minmax(0,1fr);gap:var(--space-3);padding:var(--space-3) 0;border-top:1px solid var(--line)}
.date-tile b{font:700 22px/1 var(--font-serif);color:var(--navy);text-align:center}
.date-tile b small{display:block;font:700 11px/1.6 var(--font-sans);letter-spacing:1.2px;color:var(--gold-ink)}

/* ---------- 14. Tool pages and calculator output (kit.js) ---------- */
.tool-wrap{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:var(--space-7);align-items:start;padding-block:var(--space-8)}
.tool-card{background:var(--white);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:var(--space-7);min-width:0}
.tool-privacy{font-size:14px;color:var(--on-navy-muted);margin-top:var(--space-3)}
.tool-panel{display:flex;flex-direction:column;gap:var(--space-5)}
.tool-panel label,.tool-field>span,.tool-panel legend{font-weight:600;color:var(--navy);font-size:16px}
.tool-panel input[type="text"],.tool-panel input[type="number"],.tool-panel input[type="date"],.tool-panel input:not([type]),.tool-panel select,.tool-panel textarea{min-height:48px;padding:var(--space-3);border:1px solid var(--field);border-radius:var(--radius-sm);background:var(--white);font:400 17px/24px var(--font-sans);color:var(--navy);width:100%;max-width:100%}
.tool-panel fieldset{border:0;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-2);min-width:0}
.tool-field{display:flex;flex-direction:column;gap:var(--space-2)}
.tool-help{font-size:14px;line-height:22px;color:var(--muted)}
.tool-chip{display:inline-flex;align-items:center;min-height:40px;padding:0 14px;border:1px solid var(--field);border-radius:var(--radius-pill);background:var(--white);font-weight:600;color:var(--navy);cursor:pointer;margin:0 var(--space-2) var(--space-2) 0}
.tool-chip[aria-pressed="true"],.tool-chip.on{background:var(--navy);color:var(--white);border-color:var(--navy)}
.tool-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 var(--space-5);border-radius:var(--radius-sm);font:600 16px/1 var(--font-sans);border:2px solid transparent;background:var(--gold);color:var(--navy);cursor:pointer}
.tool-btn:hover{background:var(--gold-light)}
.tool-btn.secondary{background:transparent;border-color:var(--navy)}
.date-parts{display:flex;gap:var(--space-2);flex-wrap:wrap}
.date-parts>*{flex:1 1 90px}
.result-frame{border:1px solid var(--line);border-radius:var(--radius-md);overflow:hidden;background:var(--white)}
.result-verdict{padding:var(--space-5);background:var(--navy);color:var(--white);font:700 22px/30px var(--font-serif)}
.result-verdict.tone-ok,.result-verdict.tone-good{background:var(--success)}
.result-verdict.tone-warn,.result-verdict.tone-warning{background:var(--warning)}
.result-verdict.tone-bad,.result-verdict.tone-error{background:var(--error)}
.result-part{padding:var(--space-4) var(--space-5);border-top:1px solid var(--line);display:flex;flex-direction:column;gap:var(--space-2)}
.result-label{font:700 12px/16px var(--font-sans);letter-spacing:1.2px;text-transform:uppercase;color:var(--muted)}
.result-indicative,.result-law{font-size:14px;line-height:22px;color:var(--muted)}
.result-actions{padding:var(--space-4) var(--space-5);border-top:1px solid var(--line);background:var(--ivory)}
.result-actions-row,.result-discuss-buttons{display:flex;gap:var(--space-2);flex-wrap:wrap;margin-top:var(--space-2)}
.result-more summary{cursor:pointer;font-weight:600;color:var(--navy)}
.example-banner{background:var(--gold-wash);border:1px solid var(--line);border-radius:var(--radius-sm);padding:var(--space-3) var(--space-4);font-size:15px}
.tool-panel table{border-collapse:collapse;width:100%;font-size:15px}
.tool-panel th,.tool-panel td{padding:8px 10px;border-bottom:1px solid var(--line);text-align:left}
.tool-scroll{overflow-x:auto}

/* ---------- 15. Footer ---------- */
.site-footer{background:var(--navy-deep);color:var(--on-navy);padding-block:var(--space-8) var(--space-6)}
.ft-grid{display:grid;grid-template-columns:2fr repeat(4,minmax(0,1fr));gap:var(--space-6)}
.ft-firm{display:flex;flex-direction:column;gap:var(--space-4);padding-right:var(--space-6);border-right:1px solid var(--navy-hover)}
.ft-brand{display:flex;align-items:center;gap:var(--space-3);text-decoration:none}
.ft-brand img{width:48px;height:auto}
.ft-brand .ta{display:block;font:700 15px/1.35 "Noto Serif Tamil",var(--font-serif);color:var(--white)}
.ft-brand b{display:block;font:700 15px/1.3 var(--font-sans);letter-spacing:1px;color:var(--white)}
.ft-brand small{display:block;font:600 13px/1.5 var(--font-sans);color:var(--on-navy-muted)}
.ft-reg{font-size:14px;line-height:22px}
.ft-reg a{color:var(--white)}
.ft-dl{margin:0;display:flex;flex-direction:column;gap:var(--space-2)}
.ft-dl div{display:grid;grid-template-columns:64px minmax(0,1fr);gap:var(--space-3);font-size:14px;line-height:22px}
.ft-dl dt{color:var(--on-navy-muted)}
.ft-dl dd{margin:0;color:var(--white)}
.ft-dl a{color:var(--white);text-decoration:none}
.ft-dl a:hover{text-decoration:underline}
.site-footer h4{margin:0 0 var(--space-3);font:700 13px/18px var(--font-sans);letter-spacing:1.2px;text-transform:uppercase;color:var(--white)}
.ft-col a{display:block;color:var(--on-navy);text-decoration:none;padding:var(--space-1) 0;font-size:15px;line-height:24px}
.ft-col a:hover{color:var(--white);text-decoration:underline}
.ft-bottom{display:flex;gap:var(--space-5);flex-wrap:wrap;margin-top:var(--space-7);padding-top:var(--space-5);border-top:1px solid var(--navy-hover);font-size:14px}
.ft-bottom a{color:var(--on-navy);text-decoration:none}
.ft-bottom a:hover{color:var(--white);text-decoration:underline}
.ft-legal{margin-top:var(--space-4);font-size:13px;line-height:20px;color:var(--on-navy-muted)}
.fab{position:fixed;right:max(var(--space-4),env(safe-area-inset-right));bottom:max(var(--space-4),env(safe-area-inset-bottom));z-index:40;width:56px;height:56px;border-radius:50%;background:#1F7A4D;color:var(--white);display:grid;place-items:center;box-shadow:0 8px 24px rgba(0,0,0,.25)}
.fab svg{width:28px;height:28px}

/* ---------- 16. Legacy content wrapper (pages not yet moved to a template) ---------- */
.legacy{padding-block:var(--space-8)}
.legacy .wrap{display:flex;flex-direction:column;gap:var(--space-5)}
.legacy h1{font-size:40px;line-height:48px}
.legacy h2{font-size:28px;line-height:36px;margin-top:var(--space-4)}
.legacy h3{font-size:21px;line-height:28px}
.legacy section,.legacy article,.legacy aside,.legacy div{display:block}
.legacy ul,.legacy ol{display:flex;flex-direction:column;gap:var(--space-2)}
.legacy .button,.legacy a.button{display:inline-flex;align-items:center;min-height:44px;padding:0 var(--space-4);border-radius:var(--radius-sm);background:var(--gold);color:var(--navy);font-weight:600;text-decoration:none}
.legacy table{border-collapse:collapse;width:100%}
.legacy th,.legacy td{padding:8px 10px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}

/* ---------- 17. Responsive ---------- */
@media (max-width:1023px){
  .nav,.hd-util .lang,.hd-util .btn{display:none}
  .hd-util{margin-left:auto;padding-left:0;border-left:0}
  .menu-btn{display:grid}
  .drawer{display:block;position:fixed;inset:var(--header-height) 0 0 0;background:var(--white);color:var(--text);overflow:auto;z-index:60;padding:var(--space-3) var(--space-6) var(--space-7)}
  .drawer[hidden]{display:none!important}
  .drawer details{border-bottom:1px solid var(--line)}
  .drawer summary,.drawer>a{display:flex;justify-content:space-between;align-items:center;min-height:56px;font:600 18px/1 var(--font-sans);color:var(--navy);list-style:none;cursor:pointer;text-decoration:none;border-bottom:1px solid var(--line)}
  .drawer details summary{border-bottom:0}
  .drawer summary::-webkit-details-marker{display:none}
  .drawer summary::after{content:"+";font-weight:400;font-size:24px;color:var(--gold-ink)}
  .drawer details[open] summary::after{content:"\2013"}
  .drawer .sub{display:flex;flex-direction:column;padding:0 0 var(--space-3) var(--space-3)}
  .drawer .sub a{padding:10px 0;color:var(--text);text-decoration:none;font-size:16px}
  .drawer .d-actions{display:flex;gap:var(--space-2);margin-top:var(--space-5)}
  .drawer .d-actions>*{flex:1}
  .mega{display:none!important}
  .hero-in,.split,.split-84,.with-aside,.page-hero.split-hero .wrap,.learn,.help,.tool-wrap{grid-template-columns:minmax(0,1fr)}
  .hero-media{max-width:560px}
  .hero-float{left:var(--space-4)}
  .svgrid,.g4,.aud-panel,.steps{grid-template-columns:repeat(2,minmax(0,1fr))}
  .g3,.kv{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ft-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ft-firm{grid-column:1 / -1;border-right:0;padding-right:0;padding-bottom:var(--space-5);border-bottom:1px solid var(--navy-hover)}
  .article-grid{grid-template-columns:minmax(0,1fr)}
  .toc{position:static}
  .aside-sticky{position:static}
}
@media (max-width:767px){
  body{font-size:17px}
  .wrap{padding-inline:max(var(--space-4),env(safe-area-inset-left))}
  .site-header .hd{height:64px}
  .drawer{inset:64px 0 0 0;padding-inline:var(--space-4)}
  .brand img{width:34px}
  .brand .ta,.brand b{font-size:13px}
  .brand small{font-size:10px}
  .hd-util .icon-btn{width:40px;height:40px}
  .band{padding-block:var(--space-8)}
  .hero-in{padding-block:var(--space-7)}
  .hero h1{font-size:38px;line-height:44px}
  .lead{font-size:18px;line-height:28px}
  .page-hero h1,.page-head h1{font-size:34px;line-height:40px}
  .sec-head{flex-direction:column;align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-6)}
  .sec-head h2{font-size:28px;line-height:34px}
  .learn h2{font-size:30px;line-height:36px}
  .svgrid,.g2,.g3,.g4,.aud-panel,.steps,.kv,.quotes,.contact-grid,.courses,.tl-grid,.ft-grid{grid-template-columns:minmax(0,1fr)}
  .tl-out{border-left:0;border-top:1px solid var(--line)}
  .hero-float{position:static;width:auto;margin-top:var(--space-4)}
  .hero-img{aspect-ratio:4/3}
  .row{grid-template-columns:88px minmax(0,1fr)}
  .row img{width:88px}
  .row .meta-line{grid-column:2}
  .row-plain{grid-template-columns:minmax(0,1fr)}
  .row-plain .meta-line{grid-column:1}
  .c-box,.tool-card{padding:var(--space-5)}
  .cta-band{grid-template-columns:minmax(0,1fr);padding:var(--space-6) var(--space-5)}
  .form-row{grid-template-columns:minmax(0,1fr)}
  .due a{margin-left:0}
  .actions .btn{flex:1 1 auto}
  .btn{white-space:normal;text-align:center;line-height:1.3;padding-block:var(--space-2)}
  .prose p,.prose li{font-size:17px;line-height:28px}
  .prose h2{font-size:26px;line-height:34px}
  .trust .wrap{justify-content:flex-start;gap:var(--space-2) var(--space-5)}
  .fab{width:52px;height:52px}
  .lnk,.sec-head .more{white-space:normal;flex:initial}
}

@media (min-width:1024px) and (max-width:1279px){
  html[lang^="ta"] .nav,html[lang^="ta"] .hd-util .lang,html[lang^="ta"] .hd-util .btn{display:none}
  html[lang^="ta"] .hd-util{margin-left:auto;padding-left:0;border-left:0}
  html[lang^="ta"] .menu-btn{display:grid}
  html[lang^="ta"] .drawer{display:block;position:fixed;inset:var(--header-height) 0 0 0;background:var(--white);color:var(--text);overflow:auto;z-index:60;padding:var(--space-3) var(--space-6) var(--space-7)}
  html[lang^="ta"] .drawer[hidden]{display:none!important}
  html[lang^="ta"] .drawer summary,html[lang^="ta"] .drawer>a{display:flex;justify-content:space-between;align-items:center;min-height:56px;font:600 18px/1 var(--font-sans);color:var(--navy);list-style:none;cursor:pointer;text-decoration:none;border-bottom:1px solid var(--line)}
  html[lang^="ta"] .drawer .sub{display:flex;flex-direction:column;padding:0 0 var(--space-3) var(--space-3)}
  html[lang^="ta"] .drawer .sub a{padding:10px 0;color:var(--text);text-decoration:none}
  html[lang^="ta"] .drawer .d-actions{display:flex;gap:var(--space-2);margin-top:var(--space-5)}
  html[lang^="ta"] .mega{display:none!important}
}
@media (max-width:359px){
  .site-header .hd{gap:var(--space-2)}
  .brand{gap:var(--space-2)}
  .brand img{width:30px}
  .brand b{letter-spacing:0;font-size:12px}
  .brand .ta{font-size:12px}
  .brand small{letter-spacing:1px}
  .hd-util{gap:var(--space-2)}
  .hd-util .icon-btn{width:38px;height:38px}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
/* Share bar on guides, updates and tools */
.share-bar{margin-block:var(--space-6);padding:var(--space-4) var(--space-5);border:1px solid var(--line, #E2DCCD);border-radius:var(--radius-md);background:var(--gold-wash)}
.share-bar .eyebrow{margin:0 0 var(--space-3)}
.share-row{display:flex;flex-wrap:wrap;gap:8px}
.share-row .sh{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:8px 12px;border:1px solid var(--line, #E2DCCD);border-radius:999px;background:#fff;color:var(--navy);font:600 .875rem/1 var(--font-sans);text-decoration:none;cursor:pointer}
.share-row .sh:hover{border-color:var(--gold);background:var(--gold-wash)}
.share-row .sh:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
.share-row .sh[hidden]{display:none}
.share-msg{margin:var(--space-2) 0 0;min-height:1.2em;color:var(--gold-ink)}
@media print{.site-header,.site-footer,.fab,.drawer,.share-bar,.toc,.cta-band,.band-sand,.learn-me{display:none!important}body{background:#fff}.article-grid{display:block}a[href^="http"]::after{content:" (" attr(href) ")";font-size:.8em;color:#555}}

.learn-me{display:flex;flex-wrap:wrap;gap:8px 16px;margin-top:var(--space-4);padding:10px 14px;border-radius:var(--radius-md);background:rgba(255,255,255,.08);color:var(--white);font-weight:600;font-size:15px}
.kv.k4{grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:1023px){.kv.k4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:767px){.kv.k4{grid-template-columns:minmax(0,1fr)}}
.stage:not(.stage-live){opacity:.72}

/* ---------- 18. Round portrait and covers ---------- */
.portrait{width:min(320px,100%);aspect-ratio:1;border-radius:50%;overflow:hidden;background:var(--sand);border:6px solid var(--white);box-shadow:0 0 0 2px var(--gold),var(--shadow-card);justify-self:center}
.portrait img{width:100%;height:100%;object-fit:cover;object-position:50% 18%;display:block}
.byline img{border-radius:50%;object-fit:cover;object-position:50% 18%}
.upd-thumb{width:96px;aspect-ratio:16/9;border-radius:var(--radius-sm,6px);object-fit:cover;border:1px solid var(--line)}
.upd-cover{margin-top:var(--space-5);max-width:520px;aspect-ratio:16/9;border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--line)}
.upd-cover img{width:100%;height:100%;object-fit:cover;display:block}
.m-more{display:none}
.swipe-hint{display:none}

/* ---------- 19. Phone layout: shorter pages, swipe rows, compact lists ---------- */
@media (max-width:767px){
  .band{padding-block:40px}
  .band-tight{padding-block:32px}
  .sec-head{margin-bottom:var(--space-5);gap:var(--space-2)}
  .sec-head h2,.flow h2{font-size:25px;line-height:32px}
  .sec-head p{font-size:16px;line-height:24px}
  .hero-in{padding-block:var(--space-6) var(--space-6)}
  .hero h1{font-size:34px;line-height:40px}
  .hero .lead,.page-hero .lead,.page-head .lead{font-size:16px;line-height:25px}
  .hero-img{display:none}
  .hero-media{margin-top:0}
  .hero-float{padding:var(--space-3) var(--space-4)}
  .page-hero .wrap,.page-head .wrap{padding-block:var(--space-6)}
  .page-hero h1,.page-head h1{font-size:30px;line-height:36px}
  .c-box{padding:var(--space-5);gap:var(--space-3)}
  .c-box h2{font-size:25px;line-height:32px}
  .panel{padding:var(--space-5)}
  .fab{width:48px;height:48px;right:12px;bottom:12px}

  /* Swipe rows: a few picture cards side by side instead of a long stack */
  .svgrid,
  .g2:has(> a.card > .card-media):not(#all-guides):not(#res-feed):not(#home-feed),
  .g3:has(> a.card > .card-media):not(#all-guides):not(#res-feed):not(#home-feed),
  .g4:has(> a.card > .card-media),
  .g3:has(> .qtile),.g2:has(> .qtile),
  .aud-panel{display:grid;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:82%;gap:12px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;
      margin-inline:calc(-1 * max(var(--space-4),env(safe-area-inset-left)));padding-inline:max(var(--space-4),env(safe-area-inset-left));padding-bottom:6px;scrollbar-width:none;scroll-padding-inline:16px}
  .svgrid::-webkit-scrollbar,.g2::-webkit-scrollbar,.g3::-webkit-scrollbar,.g4::-webkit-scrollbar,.aud-panel::-webkit-scrollbar{display:none}
  .svgrid > *,.g2 > a.card,.g3 > a.card,.g4 > a.card,.g3 > .qtile,.g2 > .qtile,.aud-panel > .aud-card{scroll-snap-align:start;min-width:0}
  .kv{gap:var(--space-4)}
  .kv>div{padding-top:var(--space-3)}
  .svgrid h3{font-size:21px;line-height:27px}
  .svgrid .card-body p:not(.hook),.svgrid .sv-chips{display:none}
  .svgrid .card-media,.g3 > a.card .card-media{aspect-ratio:2/1}
  .qtile{min-height:150px}
  .qtile h3{font-size:19px;line-height:25px}
  .swipe-hint{display:flex;align-items:center;gap:6px;font:600 13px/1 var(--font-sans);color:var(--muted);margin:-8px 0 10px}

  /* Long lists of guides and updates: compact rows with a small cover */
  #all-guides,#res-feed,#home-feed{display:flex;flex-direction:column;gap:10px}
  #all-guides > a.card,#res-feed > a.card,#home-feed > a.card{flex-direction:row;align-items:stretch;border-radius:var(--radius-md)}
  #all-guides .card-media,#res-feed .card-media,#home-feed .card-media{flex:0 0 96px;width:96px;aspect-ratio:auto;min-height:96px}
  #all-guides .card-media img,#res-feed .card-media img,#home-feed .card-media img{object-position:50% 70%}
  #all-guides .card-body,#res-feed .card-body,#home-feed .card-body{padding:10px 12px;gap:4px}
  #all-guides .card-body h3,#res-feed .card-body h3,#home-feed .card-body h3{font-size:16px;line-height:22px}
  #all-guides .card-body p,#res-feed .card-body p,#home-feed .card-body p{display:none}
  #all-guides .kicker,#res-feed .kicker,#home-feed .kicker{font-size:10.5px;letter-spacing:.6px}
  #all-guides .meta-line,#res-feed .meta-line,#home-feed .meta-line{font-size:12px;margin-top:0}
  .m-cut{display:none!important}
  .m-more{display:flex;justify-content:center;width:100%;margin-top:12px}

  /* Tools: one tidy row each */
  .g3:has(> .tcard),.g2:has(> .tcard){gap:10px}
  .tcard .card-body{display:grid;grid-template-columns:40px minmax(0,1fr);column-gap:12px;row-gap:2px;padding:14px 16px;align-items:start}
  .tcard .tc-ico{grid-row:1 / span 3;width:40px;height:40px}
  .tcard h3{font-size:17px;line-height:23px}
  .tcard .kicker{font-size:10.5px}
  .tcard p{font-size:14px;line-height:20px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:0}
  .tcard .go{display:none}

  /* Updates list */
  .upd{padding:var(--space-4) 0}
  .upd-date{align-items:center;flex-wrap:wrap}
  .upd-thumb{width:64px}
  .upd-body p{font-size:15px;line-height:23px}
  .upd-cover{aspect-ratio:2/1}

  /* Article pages: contents folded, content first */
  .js-m .toc > a,.js-m .toc > .toc-box{display:none}
  .js-m .toc.open > a{display:block}
  .js-m .toc{border:1px solid var(--line);border-radius:var(--radius-md);padding:12px 14px;background:var(--white);margin-bottom:var(--space-4)}
  .js-m .toc > .eyebrow{display:flex;justify-content:space-between;align-items:center;margin:0!important;cursor:pointer}
  .js-m .toc > .eyebrow::after{content:"+";font-size:20px;line-height:1;color:var(--gold-ink)}
  .js-m .toc.open > .eyebrow{margin-bottom:8px!important}
  .js-m .toc.open > .eyebrow::after{content:"\2013"}
  .page-head .ph-img{aspect-ratio:2/1!important;margin-top:var(--space-4)}
  .article-grid{gap:var(--space-4)}
  .page-head .wrap{padding-bottom:var(--space-5)}

  /* Learning: stages fold, one open at a time */
  .js-m .stage > h3{display:flex;justify-content:space-between;align-items:center;cursor:pointer;margin:0}
  .js-m .stage > h3::after{content:"+";color:var(--gold-ink);font-family:var(--font-sans);font-weight:400}
  .js-m .stage.open > h3::after{content:"\2013"}
  .js-m .stage:not(.open) > .pnode{display:none}
  .js-m .stage.open > h3{margin-bottom:var(--space-3)}
  .stages{gap:10px}
  .l-stage img{width:120px}
  .courses{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px}
  .courses .crs{padding:10px 12px}

  /* Portrait */
  .portrait{width:200px;border-width:4px;order:-1}

  /* Contact: buttons first, the form opens on tap */
  .js-m .c-white.m-fold > :not(.eyebrow):not(h2):not(.m-open){display:none}
  .js-m .c-white.m-fold > h2{font-size:22px;line-height:28px}
  .m-open{display:none}
  .js-m .c-white.m-fold .m-open{display:flex}

  /* Glossary: tap a term to read it */
  .js-m .gl-item:not(.open) dd{display:none}
  .js-m .gl-searching .gl-item dd{display:block}
  .js-m .gl-item dt{display:flex;justify-content:space-between;gap:12px;cursor:pointer;margin:0;font-size:17px}
  .js-m .gl-item dt::after{content:"+";color:var(--gold-ink);font-family:var(--font-sans)}
  /* Tamil glossary on phones: keep the English term whole; the Tamil name wraps beside or below it */
  .js-m .gl-item dt:has(.gl-ta){flex-wrap:wrap;justify-content:flex-start;align-items:baseline;column-gap:8px}
  .js-m .gl-item dt:has(.gl-ta) .gl-en{flex:none;max-width:calc(100% - 24px)}
  .js-m .gl-item dt:has(.gl-ta) .gl-ta{flex:1 1 12em;min-width:0}
  .js-m .gl-item dt:has(.gl-ta)::after{margin-left:auto}
  .js-m .gl-item.open dt::after{content:"\2013"}
  .js-m .gl-item.open dt{margin-bottom:6px}
  .gl-item{padding:12px 14px}

  /* Footer: sections fold */
  .site-footer{padding-top:var(--space-6)}
  .ft-grid{gap:0}
  .ft-firm{padding-bottom:var(--space-4);margin-bottom:var(--space-2)}
  .js-m .ft-col{border-bottom:1px solid var(--navy-hover)}
  .js-m .ft-col h4{display:flex;justify-content:space-between;align-items:center;min-height:48px;margin:0;cursor:pointer}
  .js-m .ft-col h4::after{content:"+";font-size:20px;color:var(--gold-light);font-weight:400}
  .js-m .ft-col.open h4::after{content:"\2013"}
  .js-m .ft-col:not(.open) a{display:none}
  .js-m .ft-col.open{padding-bottom:var(--space-3)}
  .ft-bottom{gap:6px 16px;margin-top:var(--space-4)}
  .ft-legal{font-size:12px;line-height:18px}

  /* Share bar: one swipe row */
  .share-row{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-inline:-4px;padding:2px 4px}
  .share-row::-webkit-scrollbar{display:none}
  .share-row .sh{flex:0 0 auto}
}

/* ---------- 20. Release 7 tools: GSTR-2B check, cost sheet builder, loan readiness ---------- */
.t3{margin-block:var(--space-6)}
.t3-steps{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:0 0 var(--space-5);counter-reset:s}
.t3-steps li{counter-increment:s;display:flex;align-items:center;gap:8px;padding:8px 14px 8px 8px;border-radius:999px;background:var(--white);border:1px solid var(--line);font:600 14px/1 var(--font-sans);color:var(--muted)}
.t3-steps li::before{content:counter(s);display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--sand);color:var(--navy);font-weight:800}
.t3-steps li.on{color:var(--navy);border-color:var(--gold)}.t3-steps li.on::before{background:var(--gold);color:var(--navy)}
.t3-drops{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4)}
.drop{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:190px;padding:var(--space-5);border:2px dashed var(--gold);border-radius:var(--radius-lg);background:var(--gold-wash);text-align:center;cursor:pointer;transition:background .2s,transform .2s,border-color .2s}
.drop:hover,.drop.over{background:#F7EDD6;transform:translateY(-2px)}
.drop.got{border-style:solid;border-color:#2E6B45;background:#EEF6F0}
.drop.bad{border-color:#A33A2C;background:#FBEFEC}
.drop.busy{opacity:.6}
.drop-ico{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:var(--white);font-size:26px;color:var(--gold-ink);box-shadow:var(--shadow-card)}
.drop.got .drop-ico{color:#2E6B45}
.drop b{font:700 19px/1.2 var(--font-serif);color:var(--navy)}
.drop small{max-width:36ch;color:var(--muted);font-size:14px;line-height:1.45}
.drop-name{font-style:normal;font-weight:700;color:#2E6B45;font-size:14px}
.drop.bad .drop-name{color:#A33A2C}
.t3-privacy{margin:var(--space-3) 0;color:var(--muted);font-size:14px}
.t3-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:var(--space-4)}
.t3-btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 18px;border-radius:999px;border:1.5px solid var(--gold-ink);background:var(--gold);color:var(--navy);font:700 15px/1.2 var(--font-sans);text-decoration:none;cursor:pointer}
.t3-btn:hover{background:#C29E66}
.t3-btn.ghost{background:var(--white);border-color:var(--navy);color:var(--navy)}
.t3-chip{min-height:40px;padding:6px 14px;border-radius:999px;border:1.5px solid var(--line);background:var(--white);color:var(--navy);font:600 14px/1 var(--font-sans);cursor:pointer}
.t3-chip.on{background:var(--navy);border-color:var(--navy);color:var(--white)}
.t3-cols{margin-top:var(--space-5);background:var(--white);border:1px solid var(--line);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4)}
.t3-cols summary{cursor:pointer;font-weight:700;color:var(--navy);display:flex;flex-wrap:wrap;gap:4px 12px;align-items:baseline}
.t3-cols summary span{font-weight:400;color:var(--muted);font-size:14px}
.t3-colgrid{display:grid;grid-template-columns:minmax(120px,1fr) minmax(0,1.4fr) minmax(0,1.4fr);gap:8px 12px;align-items:center;margin-top:var(--space-3)}
.t3-colgrid b{font-size:13px;text-transform:uppercase;letter-spacing:.06em;color:var(--gold-ink)}
.t3-colgrid select{min-height:40px;border:1px solid var(--line);border-radius:8px;padding:4px 8px;font:inherit;font-size:14px;min-width:0;width:100%;background:var(--white)}
.t3-note{color:var(--muted);font-size:14px;margin:var(--space-3) 0 0}
.t3-warn{padding:12px 14px;border-radius:var(--radius-md);background:#FFF4DE;color:#7A5300}
.t3-out{margin-top:var(--space-6)}
.t3-hero{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-5);padding:var(--space-5);border-radius:var(--radius-lg);background:var(--navy);color:var(--on-navy)}
.ring-wrap{position:relative;width:120px;height:120px;flex:none;display:grid;place-items:center}
.ring-wrap b{position:relative;font:800 34px/1 var(--font-sans);color:var(--white)}
.ring-wrap small{position:absolute;bottom:26px;font-size:12px;color:var(--gold-light)}
.t3-ring{position:absolute;inset:0;transform:rotate(-90deg)}
.t3-ring .rb{fill:none;stroke:rgba(255,255,255,.15);stroke-width:10}
.t3-ring .rf{fill:none;stroke:var(--gold);stroke-width:10;stroke-linecap:round;stroke-dasharray:calc(var(--p) * 3.1416) 314.16;animation:ringin 1s ease-out}
@keyframes ringin{from{stroke-dasharray:0 314.16}}
.t3-hero-t{flex:1;min-width:240px}
.t3-hero-t p{margin:4px 0}
.t3-k{margin:0 0 6px;font:700 12px/1.3 var(--font-sans);letter-spacing:.12em;text-transform:uppercase;color:var(--gold-ink)}
.t3-hero .t3-k{color:var(--gold-light)}
.t3-big{font:700 22px/1.35 var(--font-serif)!important;color:var(--white)}
.t3-tiles{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:var(--space-4)}
.tile{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:12px;border-radius:var(--radius-md);border:1.5px solid var(--line);background:var(--white);text-align:left;cursor:pointer;transition:transform .15s}
.tile:hover{transform:translateY(-2px)}
.tile b{font:800 26px/1 var(--font-sans);color:var(--navy)}
.tile span{font:600 13px/1.3 var(--font-sans);color:var(--navy)}
.tile small{color:var(--muted);font-size:12px}
.tile.on{outline:3px solid var(--navy);outline-offset:1px}
.tile.ok{border-top:4px solid #2E6B45}.tile.warn{border-top:4px solid #C08A1E}.tile.maybe{border-top:4px solid #6B7F99}.tile.info{border-top:4px solid #2B5D8C}.tile.bad{border-top:4px solid #A33A2C}
.dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:6px;vertical-align:0}
.dot.ok,.dot.good{background:#2E6B45}.dot.warn{background:#C08A1E}.dot.maybe{background:#6B7F99}.dot.info{background:#2B5D8C}.dot.bad{background:#A33A2C}
.t3-tools{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:var(--space-4) 0 var(--space-3)}
.t3-tools input{flex:1 1 220px;min-height:44px;border:1px solid var(--line);border-radius:999px;padding:8px 16px;font:inherit}
.t3-table{overflow:auto;max-height:560px;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--white)}
.t3-table table{border-collapse:collapse;width:100%;min-width:720px;font-size:14px}
.t3-table th{position:sticky;top:0;background:var(--sand);text-align:left;padding:10px 12px;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--gold-ink);z-index:1}
.t3-table td{padding:10px 12px;border-top:1px solid var(--line);vertical-align:top}
.t3-table td small{display:block;color:var(--muted);font-size:12px}
.t3-table .r{text-align:right;white-space:nowrap}
.t3-table tr.bad td{background:#FDF4F2}.t3-table tr.warn td{background:#FFF9EC}
.t3-legend{font-size:14px;line-height:1.7;color:var(--text);margin-top:var(--space-4)}
.t3-two{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:var(--space-6);align-items:start}
.t3-form fieldset{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--white);padding:var(--space-4) var(--space-5) var(--space-5);margin:0 0 var(--space-4);display:grid;gap:var(--space-3)}
.t3-form legend{display:flex;align-items:center;gap:10px;padding:0 6px;font:700 17px/1.2 var(--font-serif);color:var(--navy)}
.t3-form legend span{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--gold);font:800 14px/1 var(--font-sans)}
.t3-f{display:flex;flex-direction:column;gap:4px;font-weight:600;color:var(--navy);font-size:15px}
.t3-f small,.t3-hint{font-weight:400;color:var(--muted);font-size:13px}
.t3-in{display:flex;align-items:center;gap:6px;border:1.5px solid var(--line);border-radius:10px;background:var(--white);padding:0 12px;transition:border-color .15s,box-shadow .15s}
.t3-in:focus-within{border-color:var(--navy);box-shadow:0 0 0 3px rgba(176,141,87,.25)}
.t3-in i{font-style:normal;color:var(--muted);font-weight:700}
.t3-in input{flex:1;min-width:0;border:0;outline:0;background:transparent;font:600 17px/1 var(--font-sans);color:var(--navy);padding:11px 0}
.mats{display:grid;gap:8px}
.mat{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,.8fr) auto minmax(0,1fr) 36px;gap:6px;align-items:center}
.mat input{min-height:42px;border:1.5px solid var(--line);border-radius:8px;padding:6px 10px;font:inherit;font-size:15px;min-width:0}
.mat button{width:36px;height:36px;border:0;border-radius:50%;background:var(--sand);color:var(--navy);font-size:18px;cursor:pointer}
.t3-sheet{position:sticky;top:calc(var(--header-height) + 16px)}
.sheet-paper{background:#FFFDF8;border:1px solid var(--line);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:0 10px 30px rgba(27,42,65,.08);background-image:linear-gradient(90deg,transparent 14px,#E7B9B2 14px,#E7B9B2 15.5px,transparent 15.5px)}
.sheet-paper h3{font-size:22px;margin:0}
.t3-sub{margin:2px 0 var(--space-4);color:var(--muted);font-size:14px}
.t3-bar{display:flex;height:16px;border-radius:999px;overflow:hidden;background:var(--sand)}
.t3-bar i{display:block;height:100%;transition:width .6s cubic-bezier(.2,.8,.2,1)}
.t3-legend2{display:flex;flex-wrap:wrap;gap:4px 14px;margin:8px 0 var(--space-4);font-size:12.5px;color:var(--muted)}
.t3-legend2 i{display:inline-block;width:10px;height:10px;border-radius:2px;margin-right:5px;vertical-align:-1px}
table.cs{width:100%;border-collapse:collapse;font-size:14.5px}
table.cs th{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--gold-ink);text-align:left;padding:6px 4px;border-bottom:2px solid var(--navy)}
table.cs td{padding:7px 4px;border-bottom:1px solid #EFE7D6}
table.cs .r{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
table.cs tr.sub td{font-weight:700;color:var(--navy);border-top:1px solid var(--navy)}
table.cs tr.tot td{font-weight:800;color:var(--navy);border-top:1.5px solid var(--navy);border-bottom:3px double var(--navy);background:#FBF5E8}
table.cs tr.less td:first-child{font-style:italic}
table.cs em{font-style:normal;font-size:11px;font-weight:700;color:var(--gold-ink);border:1px solid var(--gold);border-radius:4px;padding:0 4px}
.price{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:var(--space-4) 0}
.price div{padding:12px;border-radius:var(--radius-md);background:var(--white);border:1px solid var(--line)}
.price span{display:block;font-size:12.5px;color:var(--muted);line-height:1.3}
.price b{display:block;margin-top:6px;font:800 21px/1.1 var(--font-sans);color:var(--navy)}
.price b.gold{color:var(--gold-ink)}
.t3-slider{display:flex;flex-direction:column;gap:6px;font-weight:600;color:var(--navy);font-size:14.5px}
.t3-slider input{accent-color:var(--gold);width:100%}
.t3-slider small{font-weight:400;color:var(--muted)}
.gauge{position:relative;max-width:300px;margin:0 auto}
.gauge svg{width:100%;display:block}
.gauge path{fill:none;stroke-width:16;stroke-linecap:butt}
.g-track{stroke:var(--sand)}.g-bad{stroke:#D98C80}.g-warn{stroke:#E5BE6A}.g-good{stroke:#7FB28D}
.needle{transform-origin:110px 120px;transform:rotate(-90deg);transition:transform 1s cubic-bezier(.3,1.4,.5,1)}
.needle line{stroke:var(--navy);stroke-width:4;stroke-linecap:round}.needle circle{fill:var(--navy)}
.g-read{text-align:center;margin-top:-6px}
.g-read b{display:block;font:800 40px/1 var(--font-sans);color:var(--navy)}
.g-read small{color:var(--muted)}
.pill{display:inline-block;margin-top:6px;padding:4px 12px;border-radius:999px;font:700 13px/1.3 var(--font-sans)}
.pill.good{background:#E3F1E7;color:#2E6B45}.pill.warn{background:#FFF1D6;color:#8A5A00}.pill.bad{background:#FBE5E1;color:#A33A2C}
.t3-band-msg{text-align:center;margin:var(--space-3) auto var(--space-4);max-width:44ch;color:var(--navy)}
.metrics{display:grid;gap:8px}
.metric{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:start;padding:12px;border-radius:var(--radius-md);background:var(--white);border:1px solid var(--line)}
.metric b{display:block;color:var(--navy)}.metric small{display:block;color:var(--muted);font-size:12.5px;line-height:1.45}
.metric strong{font:800 20px/1 var(--font-sans);color:var(--navy);white-space:nowrap}
.metric .dot{margin-top:6px}
.t3-wc{margin-top:var(--space-4);padding:var(--space-4);border-radius:var(--radius-md);background:var(--gold-wash);font-size:14.5px}
.t3-wc p{margin:0 0 6px}
.t3-tips{margin-top:var(--space-4)}
.t3-tips ul{margin:0;padding-left:20px}.t3-tips li{margin-bottom:6px}
.t3-explain{margin-top:var(--space-7);max-width:72ch}
.t3-explain h3{margin-top:var(--space-4)}
@media (max-width:1023px){.t3-two{grid-template-columns:minmax(0,1fr)}.t3-sheet{position:static}.t3-tiles{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:767px){.t3-drops{grid-template-columns:minmax(0,1fr)}.drop{min-height:140px}.t3-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.t3-colgrid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.t3-colgrid > span{grid-column:1 / -1;margin-top:6px;font-weight:600}.t3-colgrid > b:first-of-type{display:none}.t3-colgrid > span:first-child{display:none}.price{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.price div:last-child{grid-column:1/-1}.mat{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 36px}.mat input[data-c="0"]{grid-column:1 / -1}.mat span{display:none}.t3-hero{padding:var(--space-4)}.t3-big{font-size:19px!important}.t3-form fieldset{padding:var(--space-3) var(--space-4) var(--space-4)}}
@media print{.t3-form,.t3-row,.t3-slider,.t3-explain,.t3-drops,.t3-steps,.t3-privacy{display:none!important}.t3-two{display:block}.t3-sheet{position:static}}

/* ---------- 21. Every tool: welcome back, live result glow, result bar on phones, recent tools ---------- */
.tool-welcome{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 16px;margin:0 0 var(--space-4);padding:10px 14px;border-radius:var(--radius-md);background:#EEF6F0;border:1px solid #BFDCC9;color:#1E4D31;font-size:15px;animation:t3fade .4s ease}
.tool-welcome button{border:0;background:transparent;color:#1E4D31;font-weight:700;text-decoration:underline;cursor:pointer}
@keyframes t3fade{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
.result-verdict.just,.decision-tool .result.just{animation:glow7 1.1s ease}
@keyframes glow7{0%{box-shadow:0 0 0 0 rgba(176,141,87,.55)}100%{box-shadow:0 0 0 14px rgba(176,141,87,0)}}
.result-verdict-text .cu{font-variant-numeric:tabular-nums}
.result-bar{position:fixed;left:12px;right:72px;bottom:12px;z-index:70;display:flex;flex-wrap:wrap;align-items:center;gap:2px 10px;padding:10px 14px;border:0;border-radius:14px;background:var(--navy);color:var(--white);text-align:left;box-shadow:0 10px 30px rgba(17,29,46,.35);animation:t3fade .3s ease;cursor:pointer}
.result-bar span{font:700 11px/1.2 var(--font-sans);letter-spacing:.1em;text-transform:uppercase;color:var(--gold-light);width:100%}
.result-bar b{flex:1;font:600 14px/1.35 var(--font-sans);min-width:0}
.result-bar em{font-style:normal;font-weight:700;color:var(--gold-light);font-size:14px}
.recent-tools{margin-bottom:var(--space-2)}
.recent-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.recent-card{display:flex;flex-direction:column;gap:4px;padding:14px 16px;border-radius:var(--radius-md);background:var(--white);border:1.5px solid var(--gold);text-decoration:none;color:var(--navy);transition:transform .15s}
.recent-card:hover{transform:translateY(-2px)}
.recent-card span{font-size:12px;color:var(--muted)}.recent-card b{font:700 16px/1.3 var(--font-serif)}.recent-card em{font-style:normal;font-size:13px;font-weight:700;color:var(--gold-ink)}
.tcard .new-badge{position:absolute;top:12px;right:12px;padding:3px 9px;border-radius:999px;background:#8A3B2E;color:#fff;font:800 11px/1.3 var(--font-sans);letter-spacing:.08em;text-transform:uppercase}
.tcard{position:relative}
.tool-panel input,.tool-panel select,.decision-tool input{border-radius:10px!important;transition:border-color .15s,box-shadow .15s}
.tool-panel input:focus,.tool-panel select:focus,.decision-tool input:focus{box-shadow:0 0 0 3px rgba(176,141,87,.28);border-color:var(--navy)}
.result-verdict{border-radius:var(--radius-md)}
.result-verdict-text{font-size:clamp(20px,2.6vw,26px)!important;line-height:1.35}
@media (max-width:767px){.recent-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}
@media (min-width:768px){.result-bar{display:none!important}}
@media print{.result-bar,.tool-welcome{display:none!important}}

/* ===================================================== 22. Release 7.1: contact block and short form */
.contact2{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 18px 40px -24px rgba(17,29,46,.45);border:1px solid var(--line)}
.c2-info{background:var(--navy);color:var(--on-navy);padding:var(--space-7);display:flex;flex-direction:column;gap:var(--space-4);background-image:radial-gradient(circle at 100% 0,rgba(176,141,87,.22),transparent 45%)}
.c2-info h2{color:var(--white);font-size:32px;line-height:40px;margin:0}
.c2-ways{display:grid;gap:10px}
.c2-way{display:flex;align-items:center;gap:14px;padding:12px 16px;border:1px solid rgba(255,255,255,.16);border-radius:12px;color:var(--white);text-decoration:none;background:rgba(255,255,255,.04);transition:background .2s,border-color .2s,transform .2s}
.c2-way:hover{background:rgba(255,255,255,.1);border-color:var(--gold-light);transform:translateX(3px)}
.c2-way svg{flex:none;color:var(--gold-light)}
.c2-way span{display:flex;flex-direction:column;min-width:0}
.c2-way b{font-size:16px;overflow-wrap:anywhere}
.c2-way small{font-size:13px;color:var(--on-navy-muted)}
.c2-k{margin:var(--space-2) 0 0;font:700 12px/1.4 var(--font-sans);letter-spacing:.12em;text-transform:uppercase;color:var(--gold-light)}
.c2-steps{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.c2-steps li{display:grid;grid-template-columns:30px minmax(0,1fr);gap:12px;align-items:start}
.cs-n{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;border:1.5px solid var(--gold-light);color:var(--gold-light);font-weight:700;font-size:14px}
.c2-steps b{color:var(--white)}
.c2-steps p{margin:2px 0 0;font-size:14.5px;line-height:1.5;color:var(--on-navy)}
.c2-office{display:grid;grid-template-columns:20px minmax(0,1fr);gap:12px;margin-top:auto;padding-top:var(--space-4);border-top:1px solid rgba(255,255,255,.14)}
.c2-office svg{color:var(--gold-light);margin-top:2px}
.c2-office b{color:var(--white)}
.c2-office address{font-style:normal;font-size:15px;line-height:1.6;margin:4px 0 4px}
.c2-office a{color:var(--gold-light);font-weight:600}
.c2-form{background:var(--white);padding:var(--space-7);display:flex;flex-direction:column;gap:var(--space-3)}
.c2-form h2{font-size:30px;line-height:38px;margin:0}
.c2-form>.muted{margin:0}
.sf-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px 16px}
.sf-full{grid-column:1/-1}
.short-form .field{display:flex;flex-direction:column;gap:6px}
.short-form label{font-weight:600;color:var(--navy);font-size:15px}
.short-form .optional{font-weight:400;color:var(--muted)}
.short-form input:not([type=checkbox]),.short-form select,.short-form textarea{width:100%;min-height:48px;border:1.5px solid var(--line);border-radius:10px;padding:10px 14px;font:inherit;font-size:16px;background:var(--white);color:var(--text)}
.short-form textarea{min-height:84px;resize:vertical}
.short-form input:focus,.short-form select:focus,.short-form textarea:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px rgba(176,141,87,.22)}
.short-form .consent-field{margin-top:12px}
.short-form .consent-label{display:flex;gap:10px;align-items:flex-start;font-size:14px;line-height:1.5}
.short-form .consent-label input{width:20px;height:20px;flex:none;margin-top:1px;accent-color:var(--navy)}
.short-form .form-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:14px}
.short-form .form-actions .btn{min-width:150px}
.c2-alt{margin:var(--space-2) 0 0;font-size:14px}
.c2-alt a{color:var(--gold-ink,#7a5c2c);font-weight:600}
@media (max-width:900px){
  .contact2{grid-template-columns:minmax(0,1fr)}
  .c2-form{order:-1}
  .c2-info,.c2-form{padding:var(--space-5)}
  .c2-info h2,.c2-form h2{font-size:25px;line-height:32px}
}
@media (max-width:520px){.sf-grid{grid-template-columns:minmax(0,1fr)}}

/* ===================================================== 23. Release 7.1: service and industry pages */
.subnav{position:sticky;top:var(--header-height);z-index:40;background:rgba(255,255,255,.96);backdrop-filter:blur(6px);border-bottom:1px solid var(--line)}
.sn-in{display:flex;align-items:center;gap:4px;overflow-x:auto;scrollbar-width:none;min-height:52px}
.sn-in::-webkit-scrollbar{display:none}
.sn-in a{flex:none;padding:8px 14px;border-radius:999px;font-weight:600;font-size:15px;color:var(--navy);text-decoration:none;white-space:nowrap}
.sn-in a:hover{background:var(--sand)}
.sn-in a.on{background:var(--navy);color:var(--white)}
.sn-in .sn-cta{margin-left:auto;background:var(--gold);color:var(--navy)}
#is-this-you,#what-we-do,#what-you-get,#first-month,#faq,#leaks,#ind-do{scroll-margin-top:calc(var(--header-height) + 64px)}
.selfcheck{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.9fr);gap:var(--space-5) var(--space-7);align-items:start}
.sc-head{grid-column:1/-1}
.sc-head h2{margin:0 0 6px}
.sc-list{display:grid;gap:10px}
.sc-item{position:relative;display:grid;grid-template-columns:28px minmax(0,1fr);gap:12px;align-items:start;padding:14px 16px;border:1.5px solid var(--line);border-radius:12px;cursor:pointer;background:var(--white);transition:border-color .2s,background .2s,transform .15s}
.sc-item:hover{border-color:var(--gold)}
.sc-item input{position:absolute;opacity:0;pointer-events:none}
.sc-box{width:24px;height:24px;border:2px solid var(--field,#9aa6b5);border-radius:6px;display:grid;place-items:center;transition:all .2s;margin-top:1px}
.sc-box::after{content:"";width:12px;height:7px;border-left:3px solid var(--white);border-bottom:3px solid var(--white);transform:rotate(-45deg) scale(0);transition:transform .2s cubic-bezier(.2,1.6,.4,1);margin-top:-3px}
.sc-item.on{border-color:var(--navy);background:#F5F1E8}
.sc-item.on .sc-box{background:var(--navy);border-color:var(--navy)}
.sc-item.on .sc-box::after{transform:rotate(-45deg) scale(1)}
.sc-item input:focus-visible+.sc-box{outline:3px solid var(--gold);outline-offset:2px}
.sc-t{font-size:16px;line-height:1.5;color:var(--text)}
.sc-result{position:sticky;top:calc(var(--header-height) + 72px);background:var(--navy);color:var(--on-navy);border-radius:var(--radius-lg);padding:var(--space-5);display:flex;flex-direction:column;gap:10px}
.sc-meter{height:10px;border-radius:99px;background:rgba(255,255,255,.14);overflow:hidden}
.sc-meter i{display:block;height:100%;width:0;background:linear-gradient(90deg,#DFC38B,#B08D57);border-radius:inherit;transition:width .5s cubic-bezier(.2,1,.3,1)}
.sc-count{margin:0;font:700 15px/1 var(--font-sans);color:var(--gold-light)}
.sc-count b{font:700 40px/1 var(--font-serif);color:var(--white)}
.sc-msg{margin:0;font-size:16px;line-height:1.55;color:var(--white)}
.selfcheck.has .sc-result{box-shadow:0 0 0 3px rgba(223,195,139,.35)}
.wd-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.wd-tile{background:var(--white);border:1px solid var(--line);border-radius:12px;padding:0 18px;transition:box-shadow .2s}
.wd-tile[open]{box-shadow:0 10px 24px -16px rgba(17,29,46,.4);border-color:var(--gold)}
.wd-tile summary{list-style:none;display:grid;grid-template-columns:auto minmax(0,1fr) 20px;gap:12px;align-items:center;min-height:60px;cursor:pointer}
.wd-tile summary::-webkit-details-marker{display:none}
.wd-n{font:700 13px/1 var(--font-sans);color:var(--gold-ink,#7a5c2c);letter-spacing:.08em}
.wd-tile b{color:var(--navy);font-size:17px}
.wd-plus{position:relative;width:16px;height:16px}
.wd-plus::before,.wd-plus::after{content:"";position:absolute;left:0;top:7px;width:16px;height:2px;background:var(--navy);transition:transform .2s}
.wd-plus::after{transform:rotate(90deg)}
.wd-tile[open] .wd-plus::after{transform:rotate(0)}
.wd-tile p{margin:0 0 16px;padding-left:34px;color:var(--text)}
.doc-stack{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.doc-stack li{position:relative;background:var(--paper,#FFFDF8);border:1px solid var(--line);border-radius:10px;padding:56px 18px 18px;font-weight:600;color:var(--navy);line-height:1.45;box-shadow:4px 4px 0 -1px var(--white),4px 4px 0 0 var(--line),8px 8px 0 -1px var(--white),8px 8px 0 0 var(--line);transition:transform .2s}
.doc-stack li:hover{transform:translateY(-3px)}
.doc-ic{position:absolute;top:16px;left:18px;width:26px;height:30px;border:2px solid var(--gold);border-radius:3px;background:repeating-linear-gradient(transparent 0 6px,rgba(176,141,87,.5) 6px 7.5px) 4px 7px/16px 18px no-repeat}
.split-first{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:var(--space-6);align-items:start}
.timeline{list-style:none;margin:0;padding:0;position:relative;display:grid;gap:18px}
.timeline::before{content:"";position:absolute;left:11px;top:8px;bottom:8px;width:2px;background:linear-gradient(var(--gold),var(--line))}
.timeline li{position:relative;padding-left:40px}
.timeline li::before{content:"";position:absolute;left:4px;top:5px;width:16px;height:16px;border-radius:50%;background:var(--white);border:3px solid var(--gold)}
.tl-w{display:block;font:700 13px/1.4 var(--font-sans);letter-spacing:.08em;text-transform:uppercase;color:var(--gold-ink,#7a5c2c)}
.timeline p{margin:2px 0 0;font-size:16.5px;color:var(--text)}
.bring{background:var(--white)}
.bring h3{margin:0 0 4px}
.how-note{margin-top:var(--space-5);padding:14px 18px;border-left:3px solid var(--gold);background:rgba(255,255,255,.6);border-radius:0 8px 8px 0;font-size:15px}
.ind-what{list-style:none;counter-reset:w;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.ind-what li{counter-increment:w;display:flex;flex-direction:column;gap:6px;padding:20px;border:1px solid var(--line);border-radius:12px;background:var(--white)}
.ind-what li::before{content:counter(w);display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--navy);color:var(--gold-light);font-weight:700}
.ind-what b{color:var(--navy);font-size:18px}
.ind-jump{display:flex;flex-wrap:wrap;gap:10px}
.ind-jump a{display:inline-flex;align-items:center;gap:10px;padding:10px 16px;border:1.5px solid var(--line);border-radius:999px;font-weight:600;color:var(--navy);text-decoration:none}
.ind-jump a:hover{border-color:var(--gold)}
.ind-jump b{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--sand);font-size:13px}
.svc-bar{position:fixed;left:0;right:0;bottom:0;z-index:45;display:flex;align-items:center;gap:8px;padding:10px max(16px,env(safe-area-inset-right,0px)) calc(10px + env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px));background:var(--white);box-shadow:0 -6px 20px rgba(17,29,46,.15);animation:barUp .3s ease}
.svc-bar span{flex:1;min-width:0;font-weight:700;color:var(--navy);font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@keyframes barUp{from{transform:translateY(100%)}to{transform:none}}
body:has(.svc-bar:not([hidden])) .fab{bottom:84px}
@media (max-width:900px){
  .selfcheck,.split-first{grid-template-columns:minmax(0,1fr)}
  .sc-result{position:static}
  .wd-grid,.doc-stack,.ind-what{grid-template-columns:minmax(0,1fr)}
  .sn-in .sn-cta{display:none}
}
@media (max-width:767px){.sc-count b{font-size:30px}.sc-result{padding:var(--space-4);gap:6px}}
@media print{.subnav,.svc-bar{display:none!important}}
.sb-mini{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:6px;padding:0;border:0;background:none}
.sb-mini .sh{display:inline-flex;align-items:center;min-height:36px;padding:4px 12px;border:1px solid var(--line);border-radius:999px;background:var(--white);font:600 13px/1 var(--font-sans);color:var(--navy);text-decoration:none;cursor:pointer}
.sb-mini .sh:hover{border-color:var(--gold)}
.sb-mini .share-msg{font-size:13px;color:var(--muted)}
.upd-date{position:relative}.upd-date span[id]{position:absolute;top:0;left:0;width:1px;height:1px;overflow:hidden}

/* ================================================================ 24. Foundation 1 (5 Nov 2026) */
/* no double-tap zoom when people tap quickly; iPhone does not zoom into boxes with 16px text */
html{touch-action:manipulation;-webkit-text-size-adjust:100%;text-size-adjust:100%}
button,.btn,a{-webkit-tap-highlight-color:transparent}
@media (max-width:767px){input,select,textarea{font-size:16px!important}}

/* Back button: at the start of the breadcrumb line and again at the end of every page */
.crumbrow{display:flex;align-items:center;gap:var(--space-3);min-width:0;margin-bottom:var(--space-2)}
.crumbrow nav{min-width:0}
.back-btn{display:inline-flex;align-items:center;gap:4px;flex:none;min-height:36px;padding:0 14px 0 8px;border-radius:999px;border:1px solid rgba(223,195,139,.45);color:var(--gold-light);font:600 14px/1 var(--font-sans);text-decoration:none;transition:background .15s,border-color .15s,transform .15s}
.back-btn:hover{background:rgba(223,195,139,.12);border-color:var(--gold-light);color:var(--gold-light)}
.back-btn:hover svg{transform:translateX(-2px)}
.back-btn svg{transition:transform .15s}
.light-crumbs .back-btn,.page-end .back-btn{color:var(--gold-ink);border-color:var(--line);background:var(--white)}
.light-crumbs .back-btn:hover,.page-end .back-btn:hover{border-color:var(--gold);background:var(--gold-wash);color:var(--gold-ink)}
.page-end{background:transparent;padding-block:var(--space-6) var(--space-8)}
.pe-in{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);border-top:1px solid var(--line);padding-top:var(--space-6)}
.pe-back{min-height:52px;padding:0 20px 0 12px;gap:8px;border-radius:14px}
.pe-back span{display:flex;flex-direction:column;align-items:flex-start;gap:2px;text-align:left}
.pe-back small{font:600 11px/1 var(--font-sans);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.pe-back b{font:600 15px/1.2 var(--font-sans);color:var(--navy)}
.pe-top{display:inline-flex;align-items:center;gap:6px;color:var(--muted);font:600 14px/1 var(--font-sans);text-decoration:none;padding:10px 4px}
.pe-top:hover{color:var(--navy)}
@media (max-width:767px){
  .crumbrow{gap:10px}
  .crumbrow .crumbs{flex-wrap:nowrap;white-space:nowrap;overflow:hidden}
  .crumbrow .crumbs li{overflow:hidden;text-overflow:ellipsis;flex:none}
  .crumbrow .crumbs li[aria-current]{flex:1 1 auto;min-width:0}
  .crumbrow .crumbs li:not(:last-child):not(:nth-last-child(2)){display:none}
  .page-end{padding-block:var(--space-5) var(--space-6)}
}

/* Contact: two boxes first on phones; "what happens after you write" folds on phones */
.sf-grid > .sf-more{display:contents}
.sf-open{display:none}
.c2-next > summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:12px}
.c2-next > summary::-webkit-details-marker{display:none}
.c2-next[open] > summary{margin-bottom:12px}
.c2-plus{width:22px;height:22px;flex:none;border-radius:50%;border:1px solid rgba(223,195,139,.5);position:relative}
.c2-plus::before,.c2-plus::after{content:"";position:absolute;left:50%;top:50%;width:10px;height:1.5px;background:var(--gold-light);transform:translate(-50%,-50%)}
.c2-plus::after{transform:translate(-50%,-50%) rotate(90deg);transition:transform .2s}
.c2-next[open] .c2-plus::after{transform:translate(-50%,-50%) rotate(0deg)}
@media (min-width:768px){.c2-next > summary{pointer-events:none}.c2-plus{display:none}}
@media (max-width:767px){
  .short-form:not(.open) .sf-more{display:none}
  .short-form:not(.open) .sf-open{display:inline-flex;align-items:center;gap:8px;justify-content:center;width:100%;min-height:48px;border:1.5px solid var(--navy);border-radius:var(--radius-md);background:var(--white);color:var(--navy);font:600 16px/1 var(--font-sans);cursor:pointer}
  .short-form.open .sf-more{animation:sfin .3s ease}
  .c2-next{border-top:1px solid rgba(255,255,255,.12);border-bottom:1px solid rgba(255,255,255,.12);padding-block:14px}
}
@keyframes sfin{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}

/* Service cards: clean grid on wide screens, every service as a row on phones */
.svc2-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.svc2-grid.svc2-two{grid-template-columns:repeat(2,minmax(0,1fr))}
.svc2{position:relative;display:flex;flex-direction:column;gap:14px;padding:26px 26px 22px;background:var(--white);border:1px solid var(--line);border-radius:16px;text-decoration:none;color:var(--text);overflow:hidden;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.svc2::before{content:"";position:absolute;left:0;top:0;height:3px;width:56px;background:var(--gold);transition:width .35s ease}
.svc2:hover{transform:translateY(-3px);box-shadow:0 18px 40px rgba(27,42,65,.12);border-color:#D6CDB9;color:var(--text)}
.svc2:hover::before{width:100%}
.svc2-top{display:flex;align-items:center;justify-content:space-between}
.svc2-ic{width:52px;height:52px;border-radius:14px;background:var(--navy);color:var(--gold-light);display:grid;place-items:center;transition:background .2s,color .2s}
.svc2:hover .svc2-ic{background:var(--gold);color:var(--navy-deep)}
.svc2-n{font:700 13px/1 var(--font-sans);letter-spacing:.14em;color:#B9B0A0}
.svc2-body{display:flex;flex-direction:column;gap:8px}
.svc2-t{font:700 21px/1.25 var(--font-serif);color:var(--navy)}
.svc2-hook{font-size:15.5px;line-height:1.5;color:var(--gold-ink);font-weight:600}
.svc2-alt .svc2-hook{color:var(--muted);font-weight:400}
.svc2-cov{list-style:none;margin:0;padding:14px 0 0;border-top:1px dashed var(--line);display:flex;flex-wrap:wrap;gap:6px 14px}
.svc2-cov li{display:inline-flex;align-items:center;gap:6px;font-size:14px;color:var(--muted)}
.svc2-cov li::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--gold)}
.svc2-go{margin-top:auto;display:inline-flex;gap:6px;font:600 15px/1 var(--font-sans);color:var(--navy);padding-top:6px}
.svc2-go span{transition:transform .2s}
.svc2:hover .svc2-go span{transform:translateX(4px)}
.svc2-chev{display:none}
.svc2-alt{background:var(--gold-wash)}
.svc2-foot{margin:var(--space-5) 0 0;font-size:15px;color:var(--muted)}
.svc2-foot a{color:var(--gold-ink);font-weight:600}
@media (max-width:1023px){.svc2-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:767px){
  .svc2-grid,.svc2-grid.svc2-two{grid-template-columns:minmax(0,1fr);gap:10px}
  .svc2{flex-direction:row;align-items:center;gap:14px;padding:14px 14px 14px 14px;border-radius:14px}
  .svc2::before{width:3px;height:100%;top:0}
  .svc2:hover::before{width:3px}
  .svc2-top{flex:none}
  .svc2-ic{width:46px;height:46px;border-radius:12px}
  .svc2-ic svg{width:23px;height:23px}
  .svc2-n,.svc2-cov,.svc2-go{display:none}
  .svc2-body{flex:1;min-width:0;gap:3px}
  .svc2-t{font-size:17px;line-height:1.3}
  .svc2-hook{font-size:14px;line-height:1.4;font-weight:500}
  .svc2-alt .svc2-hook{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .svc2-chev{display:block;flex:none;color:var(--gold)}
  .svc2:hover{transform:none}
}

/* Phones: less clutter at the top */
@media (max-width:767px){
  .trust span:not(:first-child){display:none}
  .page-hero.split-hero .ph-img{display:none}
  .learn-card{display:none}
}

/* Working with us */
.journey{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px;position:relative;counter-reset:none}
.journey::before{content:"";position:absolute;left:10%;right:10%;top:32px;height:2px;background:repeating-linear-gradient(90deg,var(--gold) 0 8px,transparent 8px 14px);opacity:.6}
.jr-step{display:flex;flex-direction:column;align-items:stretch;gap:16px;position:relative}
.jr-dot{position:relative;width:64px;height:64px;margin-inline:auto;border-radius:50%;background:var(--navy);color:var(--gold-light);display:grid;place-items:center;box-shadow:0 0 0 6px var(--white),0 0 0 7px var(--line)}
.jr-n{position:absolute;right:-4px;top:-4px;width:24px;height:24px;border-radius:50%;background:var(--gold);color:var(--navy-deep);font:700 12px/24px var(--font-sans);text-align:center}
.jr-card{flex:1;background:var(--ivory);border:1px solid var(--line);border-radius:14px;padding:18px;display:flex;flex-direction:column;gap:6px;text-align:left}
.jr-when{font:700 11px/1.3 var(--font-sans);letter-spacing:.1em;text-transform:uppercase;color:var(--gold-ink)}
.jr-card h3{margin:0;font:700 18px/1.3 var(--font-serif);color:var(--navy)}
.jr-card p{margin:0;font-size:15px;line-height:1.5;color:var(--text)}
.jr-more{margin-top:auto;padding-top:6px}
.jr-more summary{cursor:pointer;font:600 14px/1.3 var(--font-sans);color:var(--gold-ink);list-style:none}
.jr-more summary::-webkit-details-marker{display:none}
.jr-more summary::after{content:" +"}
.jr-more[open] summary::after{content:" −"}
.jr-more p{margin-top:8px;font-size:14px;color:var(--muted)}
.pr-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.pr-card{background:var(--white);border:1px solid var(--line);border-radius:14px;padding:22px;display:flex;flex-direction:column;gap:10px}
.pr-ic{width:44px;height:44px;border-radius:12px;background:var(--gold-wash);color:var(--gold-ink);display:grid;place-items:center;border:1px solid #EADFC6}
.pr-card h3{margin:0;font:700 18px/1.3 var(--font-serif);color:var(--navy)}
.pr-card p{margin:0;font-size:15px;line-height:1.55}
.pr-card .lnk{margin-top:auto}
.prep{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:var(--space-7);align-items:start}
.prep h2{margin:6px 0 8px}
.pq{list-style:none;margin:20px 0 0;padding:0;display:grid;gap:10px}
.pq li{display:flex;align-items:center;gap:14px;padding:14px 16px;border:1px solid var(--line);border-radius:12px;background:var(--ivory);font-weight:600;color:var(--navy)}
.pq-n{flex:none;width:30px;height:30px;border-radius:50%;background:var(--navy);color:var(--gold-light);display:grid;place-items:center;font:700 13px/1 var(--font-sans)}
.dont{border:1.5px solid #E7C9B8;background:#FCF4EF;border-radius:14px;padding:22px}
.dont h3{margin:0 0 10px;font:700 17px/1.3 var(--font-sans);color:#8A3B12}
.dont ul{margin:0 0 12px;padding-left:20px;display:grid;gap:6px}
.dont p{margin:0;font-size:14.5px;color:var(--muted)}
.vf{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--space-7);align-items:center}
.vf h2{color:var(--white);margin:6px 0 10px}
.vf-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.vf-card{display:flex;flex-direction:column;gap:6px;padding:20px;border-radius:14px;border:1px solid rgba(223,195,139,.35);background:rgba(255,255,255,.04);text-decoration:none;transition:background .2s,border-color .2s}
.vf-card:hover{background:rgba(255,255,255,.08);border-color:var(--gold-light)}
.vf-card small{font:600 11px/1.3 var(--font-sans);letter-spacing:.1em;text-transform:uppercase;color:var(--on-navy-muted)}
.vf-card b{font:700 26px/1.2 var(--font-serif);color:var(--white)}
.vf-card span{font:600 14px/1 var(--font-sans);color:var(--gold-light)}
.wk-two h3{margin:0 0 8px;font:700 19px/1.3 var(--font-serif);color:var(--navy)}
.wk-two p{margin:0}
.wk-links{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:12px!important}
@media (max-width:1023px){
  .journey{grid-template-columns:minmax(0,1fr);gap:0}
  .journey::before{left:31px;right:auto;top:0;bottom:0;width:2px;height:auto;background:repeating-linear-gradient(180deg,var(--gold) 0 8px,transparent 8px 14px)}
  .jr-step{flex-direction:row;align-items:flex-start;gap:16px;padding-bottom:16px}
  .jr-dot{margin:0;flex:none}
  .pr-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .prep,.vf{grid-template-columns:minmax(0,1fr);gap:var(--space-5)}
}
@media (max-width:767px){
  .jr-dot{width:52px;height:52px;box-shadow:0 0 0 4px var(--white),0 0 0 5px var(--line)}
  .journey::before{left:25px}
  .jr-card{padding:14px}
  .jr-card h3{font-size:17px}
  .pr-grid{grid-template-columns:minmax(0,1fr);gap:10px}
  .pr-card{padding:16px;display:grid;grid-template-columns:40px minmax(0,1fr);column-gap:14px;row-gap:4px}
  .pr-ic{width:40px;height:40px;grid-row:span 3}
  .pr-card .lnk{grid-column:2}
  .vf-cards{grid-template-columns:minmax(0,1fr)}
  .vf-card{flex-direction:row;flex-wrap:wrap;align-items:baseline;justify-content:space-between;padding:14px 16px}
  .vf-card small{width:100%}
  .vf-card b{font-size:22px}
  .pq li{padding:12px 14px;font-size:15px}
}

/* Phone menu: search, quick actions, recently viewed */
.d-search,.d-quick,.d-recent{display:none}
@media (max-width:1023px){
  .d-search{display:flex;align-items:center;gap:10px;margin:var(--space-3) 0 var(--space-4);padding:0 14px;min-height:50px;border:1.5px solid var(--line);border-radius:12px;background:var(--ivory);color:var(--muted)}
  .d-search svg{width:20px;height:20px;flex:none}
  .d-search input{flex:1;min-width:0;border:0;background:transparent;font:500 16px/1 var(--font-sans);color:var(--text);outline:none}
  .d-quick{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:var(--space-4)}
  .dq{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 4px;border-radius:12px;background:var(--gold-wash);border:1px solid #EADFC6;color:var(--navy);text-decoration:none;font:600 12.5px/1.2 var(--font-sans);text-align:center}
  .dq svg{width:22px;height:22px;color:var(--gold-ink)}
  .d-recent{display:block;margin-bottom:var(--space-3)}
  .d-recent[hidden]{display:none}
  .d-k{margin:0 0 4px;font:700 11px/1.4 var(--font-sans);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
  .d-recent a{display:block;padding:9px 0;color:var(--navy);text-decoration:none;font-size:15px;border-bottom:1px dashed var(--line);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
}
.to-top{position:fixed;right:max(20px,env(safe-area-inset-right));bottom:calc(max(var(--space-4),env(safe-area-inset-bottom)) + 68px);z-index:39;width:44px;height:44px;border-radius:50%;background:var(--white);color:var(--navy);border:1px solid var(--line);box-shadow:0 6px 18px rgba(17,29,46,.18);display:grid;place-items:center;animation:sfin .2s ease}
.to-top[hidden]{display:none}
@media (max-width:767px){.to-top{right:14px;bottom:70px;width:42px;height:42px}}
@media print{.to-top{display:none!important}}
.wk-fold > summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:12px;cursor:pointer}
.wk-fold > summary::-webkit-details-marker{display:none}
.wk-fold > summary h3{margin:0}
.wk-fold[open] > summary{margin-bottom:8px}
@media (min-width:768px){.wk-fold > summary{pointer-events:none}}
@media (max-width:767px){.wk-fold > summary::after{content:"+";font-size:24px;color:var(--gold-ink);font-weight:400}.wk-fold[open] > summary::after{content:"\2013"}.wk-two{gap:10px}.wk-fold{padding:16px}}
/* phones: "How can we help you?" shows its three suggestions as a list, not a sideways row cut at the edge */
@media (max-width:767px){
  .aud-panel{display:flex!important;flex-direction:column;overflow:visible;margin-inline:0!important;padding-inline:0!important;gap:8px}
  .aud-panel[hidden]{display:none!important}
  .aud-card{gap:2px;padding:12px 16px;min-height:0;border-top-width:1px;border-left:3px solid var(--gold)}
  .aud-card b{font-size:17px;line-height:23px}
  .aud-card > span:not(.k):not(.go){font-size:14px;color:var(--muted)}
  .aud-card .go{display:none}
}

/* ================================================================ 25. Tamil Nadu clusters (Foundation 3) */
.cl-hub{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:var(--space-7);align-items:start}
.cl-mapbox{position:sticky;top:calc(var(--header-height,72px) + 16px);background:linear-gradient(160deg,#F7F2E7,#EFE6D2);border:1px solid var(--line);border-radius:20px;padding:16px}
.tn-map{width:100%;height:auto;display:block}
.tn-land{fill:#FFFDF7;stroke:#1B2A41;stroke-width:2;stroke-linejoin:round}
.tn-lab{font:700 14px var(--font-sans);fill:#1B2A41}
.tn-dim{fill:#9AA6B5;font-weight:600}
.tn-us{fill:#6B5226}
.tn-dot{transition:r .2s;cursor:pointer}
.tn-map a:hover .tn-dot,.tn-map a:focus .tn-dot{r:12}
.tn-dot.on{animation:tnPulse 1.8s ease-in-out infinite}
.tn-ring{animation:tnRing 2.4s ease-out infinite;transform-box:fill-box;transform-origin:center}
@keyframes tnPulse{50%{stroke-width:6}}
@keyframes tnRing{0%{transform:scale(.5);opacity:1}100%{transform:scale(1.6);opacity:0}}
.cl-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.cl-grid-n{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
.cl-card{position:relative;display:flex;flex-direction:column;gap:6px;padding:18px 18px 16px 22px;border-radius:16px;background:var(--white);border:1px solid var(--line);text-decoration:none;color:var(--text);overflow:hidden;transition:transform .2s,box-shadow .2s}
.cl-card::before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:var(--c)}
.cl-card:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(27,42,65,.1);color:var(--text)}
.cl-place{font:700 11px/1.3 var(--font-sans);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.cl-card b{font:700 18px/1.3 var(--font-serif);color:var(--navy)}
.cl-what{font-size:14.5px;color:var(--muted)}
.cl-stat{font-size:14px;line-height:1.45;color:var(--text);padding-top:6px;border-top:1px dashed var(--line)}
.cl-stat strong{font:700 18px/1 var(--font-serif);color:var(--c);margin-right:4px}
.cl-go{margin-top:auto;font:600 14px/1 var(--font-sans);color:var(--gold-ink);padding-top:4px}
.cl-hero{background:linear-gradient(120deg,var(--navy) 55%,color-mix(in srgb,var(--c) 45%,var(--navy)))}
.cl-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;margin-bottom:var(--space-7)}
.cl-st{display:flex;flex-direction:column;gap:6px;padding:18px;border-radius:16px;background:var(--ivory);border:1px solid var(--line)}
.cl-st b{font:700 32px/1.1 var(--font-serif);color:var(--navy)}
.cl-st span{font-size:14.5px;line-height:1.45;color:var(--muted)}
.cl-st sup a{color:var(--gold-ink);text-decoration:none;font-weight:700;margin-left:2px}
.cl-split{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,4fr);gap:var(--space-7);align-items:start}
.cl-story p{font-size:18px;line-height:1.7;margin:0 0 16px;max-width:66ch}
.cl-story .eyebrow + p::first-letter{float:left;font:700 54px/0.9 var(--font-serif);color:var(--gold-ink);margin:6px 8px 0 0}
.cl-minimap{background:linear-gradient(160deg,#F7F2E7,#EFE6D2);border:1px solid var(--line);border-radius:18px;padding:12px}
.cl-look{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,4fr);gap:var(--space-7)}
.cl-look h2{margin:6px 0 14px}
.cl-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
.cl-learn{background:var(--white);border:1px solid var(--line);border-radius:16px;padding:20px;display:flex;flex-direction:column;gap:8px}
.cl-lesson{display:block;padding:12px 14px;border-radius:12px;background:var(--gold-wash);border:1px solid #EADFC6;color:var(--navy);font-weight:600;text-decoration:none}
.cl-others{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 var(--space-6)}
.cl-others a{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border-radius:999px;border:1px solid var(--line);background:var(--white);color:var(--navy);text-decoration:none;font-weight:600;font-size:14.5px}
.cl-others i{width:10px;height:10px;border-radius:50%;background:var(--c)}
.cl-src summary{cursor:pointer;font-weight:700;color:var(--navy)}
.cl-src ol{margin:10px 0;padding-left:22px;display:grid;gap:6px;font-size:14.5px}
@media (max-width:1023px){.cl-hub,.cl-split,.cl-look{grid-template-columns:minmax(0,1fr)}.cl-mapbox{position:static;max-width:520px}.cl-side{max-width:420px}}
@media (max-width:767px){
  .cl-grid{grid-template-columns:minmax(0,1fr);gap:10px}
  .cl-mapbox{padding:10px}
  .cl-card{padding:14px 14px 14px 18px}
  .cl-mini .cl-stat{display:none}
  .cl-st{padding:14px}.cl-st b{font-size:26px}
  .cl-story p{font-size:16.5px}
  .cl-side{display:none}
}
.tn-on{font-size:14px}
@media (max-width:767px){.tn-lab{font-size:17px}.tn-on{font-size:18px}}
.map-credit{display:block;font-size:12px;opacity:.8;margin-top:2px}
html[lang^="ta"] .cl-story .eyebrow + p::first-letter{float:none;font:inherit;color:inherit;margin:0}

/* 26. Cluster case studies (November 2026) */
.cs-chip{align-self:flex-start;font:700 11px/1 var(--font-sans);letter-spacing:.06em;text-transform:uppercase;color:var(--gold-ink);background:var(--gold-wash);border:1px solid #EADFC6;border-radius:999px;padding:5px 9px}
.cs-tease-band{padding-top:0}
.cs-tease{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,4fr);gap:var(--space-6);align-items:center;padding:clamp(20px,3vw,32px);border-radius:22px;background:linear-gradient(135deg,var(--ivory),#F3EBDA);border:1px solid var(--line);border-left:6px solid var(--c);color:var(--text);text-decoration:none;transition:transform .2s,box-shadow .2s}
.cs-tease:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(27,42,65,.10)}
.cs-tease h2{font-size:clamp(22px,2.6vw,30px);margin:8px 0 10px;text-wrap:balance;color:var(--navy)}
.cs-tease p{margin:0;color:var(--muted);max-width:60ch}
.cs-tag{font:700 11.5px/1.2 var(--font-sans);letter-spacing:.08em;text-transform:uppercase;color:var(--gold-ink)}
.cs-go{display:inline-block;margin-top:14px;font:600 15px/1 var(--font-sans);color:var(--gold-ink)}
.cs-t-fig{display:flex;flex-direction:column;gap:6px;padding:18px;border-radius:16px;background:var(--navy);color:#fff}
.cs-t-fig b{font:700 clamp(28px,3.4vw,40px)/1 var(--font-serif);color:var(--gold-light)}
.cs-t-fig span{font-size:14px;line-height:1.4;color:var(--on-navy)}
.cs-t-fig i{display:block;height:10px;border-radius:999px;margin-top:8px;background:linear-gradient(90deg,var(--gold) var(--w),rgba(255,255,255,.14) var(--w))}
.cs-t-fig small{font-size:12.5px;color:var(--on-navy);opacity:.85}
.cs-grid{display:grid;grid-template-columns:minmax(0,8fr) minmax(0,4fr);gap:var(--space-7);align-items:start;margin-top:var(--space-6)}
.cs-body{min-width:0;max-width:72ch}
.cs-side{position:sticky;top:calc(var(--header-height,72px) + 16px);display:flex;flex-direction:column;gap:14px}
.cs-chart{margin:0 0 var(--space-6);padding:clamp(16px,2.4vw,24px);border-radius:20px;background:var(--ivory);border:1px solid var(--line)}
.cs-chart figcaption{display:flex;flex-direction:column;gap:4px;margin-bottom:14px}
.cs-chart figcaption b{font:700 18px/1.3 var(--font-sans);color:var(--navy)}
.cs-chart figcaption small{font-size:13px;color:var(--muted)}
.cs-bars{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.cs-bars li{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) auto;gap:12px;align-items:center;padding:10px 12px;border-radius:12px;background:var(--white);border:1px solid var(--line)}
.cs-bars li.hl{border:2px solid var(--gold);box-shadow:0 0 0 3px rgba(212,165,74,.16)}
.cs-l{font-size:14.5px;line-height:1.35;color:var(--text)}
.cs-track{position:relative;height:12px;border-radius:999px;background:#F2EDE3;overflow:hidden}
.cs-track i{position:absolute;inset:0 auto 0 0;width:var(--w);border-radius:999px;background:linear-gradient(90deg,#2A9D8F,#3FB5A6)}
.cs-bars li.hl .cs-track i{background:linear-gradient(90deg,#C9A86A,var(--gold))}
.cs-bars li > b{font:700 16px/1 var(--font-sans);color:var(--navy);font-variant-numeric:tabular-nums;white-space:nowrap}
.cs-bars .cs-total{grid-template-columns:minmax(0,1fr) auto;background:var(--navy);border-color:var(--navy)}
.cs-bars .cs-total .cs-l{color:var(--gold-light);font-weight:700;text-transform:uppercase;letter-spacing:.06em;font-size:13px}
.cs-bars .cs-total > b{color:#fff;font:700 22px/1 var(--font-serif)}
@media (prefers-reduced-motion:no-preference){.cs-track i{animation:csGrow .9s cubic-bezier(.2,.8,.3,1) both;animation-delay:var(--d)}}
@keyframes csGrow{from{transform:scaleX(0);transform-origin:left}to{transform:scaleX(1);transform-origin:left}}
.cs-sec{margin:0 0 var(--space-6)}
.cs-sec h2{font-size:clamp(20px,2.2vw,25px);margin:0 0 8px;text-wrap:balance}
.cs-sec p{margin:0;line-height:1.7}
.cs-take{padding:20px;border-radius:16px;background:var(--gold-wash);border:1px solid #EADFC6;margin-bottom:var(--space-5)}
.cs-take .ticks{margin:8px 0 0}
.cs-note{font-size:14px;line-height:1.55;color:var(--muted);padding:12px 14px;border-left:3px solid var(--line);margin:0 0 var(--space-5)}
.cs-ask{padding:18px;border-radius:16px;background:var(--white);border:1px solid var(--line);display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.cs-ask p{flex-basis:100%;margin:0 0 4px;font-weight:600;color:var(--navy)}
@media (max-width:1023px){.cs-grid,.cs-tease{grid-template-columns:minmax(0,1fr)}.cs-side{position:static}}
@media (max-width:560px){
  .cs-bars li{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"l v" "t t";row-gap:6px}
  .cs-bars li .cs-l{grid-area:l}.cs-bars li > b{grid-area:v}.cs-bars li .cs-track{grid-area:t}
  .cs-bars .cs-total{grid-template-areas:"l v"}
}
.cs-body,.cs-side,.cs-grid > *{min-width:0}
.cs-body .share-bar{max-width:100%;overflow:hidden}

/* 27. Free tools revamp (November 2026): result pictures, filling-in bar, share as a picture, lesson link, recently used */
.rv{margin:var(--space-4) 0 0;padding:16px 18px;border-radius:16px;background:var(--ivory,#FBF8F2);border:1px solid var(--line)}
.rv-title{margin:0 0 12px;font:700 13px/1.3 var(--font-sans);letter-spacing:.06em;text-transform:uppercase;color:var(--gold-ink)}
.rv-row{display:grid;grid-template-columns:minmax(0,9rem) minmax(0,1fr) auto;gap:12px;align-items:center;margin-bottom:10px}
.rv-row:last-child{margin-bottom:0}
.rv-l{font-size:14.5px;line-height:1.3;color:var(--text)}
.rv-track{height:14px;border-radius:999px;background:#ECE6DA;overflow:hidden}
.rv-track i{display:block;height:100%;border-radius:999px;transform-origin:left;animation:rvGrow .8s cubic-bezier(.2,.8,.3,1) both}
.rv-row b{font:700 15px/1 var(--font-sans);color:var(--navy);white-space:nowrap;font-variant-numeric:tabular-nums}
.rv-bar{display:flex;height:22px;border-radius:999px;overflow:hidden;background:#ECE6DA;gap:2px}
.rv-bar i{display:block;min-width:4px;transform-origin:left;animation:rvGrow .8s cubic-bezier(.2,.8,.3,1) both}
.rv-key{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:6px}
.rv-key li{display:grid;grid-template-columns:12px minmax(0,1fr) auto;gap:10px;align-items:center;font-size:14.5px}
.rv-key li i{width:12px;height:12px;border-radius:3px}
.rv-key li b{font-variant-numeric:tabular-nums;color:var(--navy)}
.rv-key .rv-tot{grid-template-columns:minmax(0,1fr) auto;border-top:2px solid var(--navy);padding-top:8px;margin-top:4px;font-weight:700}
.rv-gauge svg{display:block;width:min(100%,320px);margin:0 auto}
.rv-arc{stroke-dasharray:1;stroke-dashoffset:1;animation:rvArc 1s .1s cubic-bezier(.2,.8,.3,1) forwards}
.rv-gv{font:700 26px var(--font-serif,Georgia);fill:var(--navy)}
.rv-mark{display:flex;justify-content:center;align-items:center;gap:8px;margin:6px 0 0;font-size:14px;color:var(--muted)}
.rv-mark i{width:3px;height:16px;background:var(--navy)}
@keyframes rvGrow{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes rvArc{to{stroke-dashoffset:0}}
.result-frame{animation:rvIn .35s ease-out both}
@keyframes rvIn{from{opacity:.4;transform:translateY(6px)}to{opacity:1;transform:none}}
.tp-progress{display:flex;align-items:center;gap:12px;margin:0 0 4px}
.tp-track{flex:1;height:8px;border-radius:999px;background:#ECE6DA;overflow:hidden}
.tp-track i{display:block;height:100%;width:0;border-radius:999px;background:linear-gradient(90deg,#C9A86A,var(--gold,#D4A54A));transition:width .3s}
.tp-progress.done .tp-track i{background:linear-gradient(90deg,#2A9D8F,#3FB5A6)}
.tp-progress small{font:600 13px/1 var(--font-sans);color:var(--muted);white-space:nowrap}
.tp-after{display:grid;gap:12px;margin-top:var(--space-5)}
.tp-share{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;border-radius:16px;background:var(--navy);color:#fff}
.tp-share b{display:block;font-size:16px;color:#fff}.tp-share small{display:block;font-size:13.5px;line-height:1.4;color:var(--on-navy,#D8DFE7);max-width:42ch}
.tp-share-btns{display:flex;gap:8px;flex-wrap:wrap}
.tp-share .tool-chip{background:var(--gold,#D4A54A);color:#13202F;border-color:transparent;font-weight:700}
.tp-msg{flex-basis:100%;margin:0;min-height:0;font-size:13.5px;color:var(--gold-light,#E9C46A)}
.tp-msg:empty{display:none}
.tp-lesson{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;align-items:center;padding:14px 18px;border-radius:16px;background:var(--gold-wash,#FBF3E2);border:1px solid #EADFC6;color:var(--navy);text-decoration:none;transition:transform .15s}
.tp-lesson:hover{transform:translateY(-2px)}
.tp-l-ic{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:var(--navy);color:var(--gold-light,#E9C46A)}
.tp-lesson small{display:block;font-size:12.5px;color:var(--muted)}.tp-lesson b{font-size:16px}
.tp-recent{padding-block:var(--space-5) 0}
.tp-recent-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px}
.tp-chip{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:8px 14px;border-radius:999px;background:var(--white);border:1px solid var(--line);color:var(--navy);font-weight:600;text-decoration:none}
.tp-chip small{font-weight:400;color:var(--muted)}
@media (max-width:560px){.rv-row{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"l v" "t t";row-gap:6px}.rv-row .rv-l{grid-area:l}.rv-row b{grid-area:v}.rv-row .rv-track{grid-area:t}}
@media (prefers-reduced-motion:reduce){.rv-track i,.rv-bar i,.rv-arc,.result-frame{animation:none!important;stroke-dashoffset:0}}
@media print{.tp-after,.tp-progress{display:none}}
.tp-progress{max-width:880px;width:100%;margin:0 auto var(--space-3)}

/* ===== 28. Made in Tamil Nadu (November 2026): hub facts, region chips, chapters, quiz, stories, share pictures ===== */
.tn-hero .lead{max-width:62ch}
.tn-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:var(--space-6)}
.tn-fact{display:flex;flex-direction:column;gap:6px;padding:16px 18px;border-radius:16px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14)}
.tn-fact b{font:700 clamp(26px,3vw,36px)/1 var(--font-serif);color:var(--gold-light)}
.tn-fact span{font-size:14.5px;line-height:1.45;color:var(--on-navy)}
.tn-fsrc{color:var(--gold-light);font-size:12.5px;white-space:nowrap}
.tn-regions{display:flex;flex-wrap:wrap;gap:8px;margin:6px 0 16px}
.tn-regions .chip[aria-pressed="true"]{background:var(--navy);color:#fff;border-color:var(--navy)}
.cl-hook{font-size:15px;line-height:1.5;color:var(--text)}
.tn-map .tn-fade{opacity:.18}
.tn-map a{transition:opacity .2s}
.tn-map .tn-quiet .tn-dot{opacity:.45}
.tn-lab{font-size:12.5px}
.cl-hook-lead{font-family:var(--font-serif);font-size:clamp(19px,2.2vw,24px)!important;line-height:1.45;color:#fff;max-width:56ch;margin-bottom:var(--space-5)}
.cl-ch{display:grid;grid-template-columns:44px minmax(0,1fr);gap:14px;padding:6px 0 18px}
.cl-ch + .cl-ch{border-top:1px dashed var(--line);padding-top:18px}
.cl-ch-n{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--gold-wash);border:1px solid #EADFC6;color:var(--gold-ink);font:700 17px/1 var(--font-serif)}
.cl-ch h3{margin:6px 0 6px;font-size:19px}
.cl-ch p{font-size:17px;line-height:1.7;margin:0;max-width:64ch}
.cl-side{display:flex;flex-direction:column;gap:14px}
.cl-dyk{background:var(--navy);color:#fff;border-radius:18px;padding:18px 20px}
.cl-dyk .eyebrow{color:var(--gold-light)}
.cl-dyk ul{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:12px}
.cl-dyk li{display:grid;grid-template-columns:18px minmax(0,1fr);gap:8px;font-size:15px;line-height:1.5;color:var(--on-navy)}
.cl-dyk li span{color:var(--gold-light)}
.cl-learn-g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:8px 0 var(--space-7)}
.cl-learn-c{display:grid;grid-template-columns:36px minmax(0,1fr);gap:12px;align-items:start;padding:18px;border-radius:16px;background:var(--white);border:1px solid var(--line)}
.cl-learn-c p{margin:0;font-size:15.5px;line-height:1.55}
.cl-learn-c b{display:block;color:var(--navy);margin-bottom:4px}
.cl-n{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:var(--navy);color:var(--gold-light);font:700 15px/1 var(--font-serif)}
.cl-look2{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:var(--space-6);align-items:start}
.tnq{background:var(--white);border:1px solid var(--line);border-radius:20px;padding:clamp(18px,2.4vw,26px)}
.tnq h3{margin:6px 0 14px;font-size:clamp(18px,2vw,22px);text-wrap:balance}
.tnq-opts{display:grid;gap:10px}
.tnq-opt{min-height:52px;padding:12px 16px;border-radius:14px;border:1.5px solid var(--line);background:var(--ivory);font:600 16px/1.3 var(--font-sans);color:var(--navy);text-align:left;cursor:pointer;transition:transform .15s,background .2s,border-color .2s}
.tnq-opt:hover:not(:disabled){transform:translateY(-1px);border-color:var(--navy)}
.tnq-opt.right{background:#E3F2E7;border-color:#2F855A;color:#1C4532}
.tnq-opt.right::after{content:" ✓"}
.tnq-opt.wrong{background:#FBE9E7;border-color:#C2452D;color:#7A2618}
.tnq-opt.dim{opacity:.55}
.tnq-opt:disabled{cursor:default}
.tnq-fb{margin:14px 0 0;font-size:15.5px;line-height:1.55}
.cl-try{display:flex;flex-direction:column;gap:8px}
.cl-tool{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px 12px;padding:16px 18px;border-radius:16px;background:var(--navy);color:#fff;text-decoration:none}
.cl-tool small{grid-column:1;color:var(--gold-light);font-weight:700;font-size:12.5px;letter-spacing:.06em;text-transform:uppercase}
.cl-tool b{grid-column:1;font:700 18px/1.3 var(--font-serif)}
.cl-tool span{grid-column:2;grid-row:1/3;font-size:22px;color:var(--gold-light)}
.st-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;margin-top:var(--space-5)}
.st-card{position:relative;display:flex;flex-direction:column;gap:8px;padding:20px 18px 16px;border-radius:18px;background:var(--white);border:1px solid var(--line);border-top:5px solid var(--c);text-decoration:none;color:var(--text);transition:transform .2s,box-shadow .2s}
.st-card:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(27,42,65,.1);color:var(--text)}
.st-co{font:700 11.5px/1.2 var(--font-sans);letter-spacing:.1em;text-transform:uppercase;color:var(--c)}
.st-card b{font:700 17px/1.35 var(--font-serif);color:var(--navy);text-wrap:balance}
.st-big{font-size:14px;line-height:1.45;color:var(--muted);padding-top:6px;border-top:1px dashed var(--line)}
.st-big strong{font:700 20px/1 var(--font-serif);color:var(--navy);margin-right:4px}
.st-note{padding:12px 14px;border-radius:12px;background:var(--ivory);border:1px solid var(--line);margin:0}
.tn-share{display:flex;flex-direction:column;gap:var(--space-5)}
.tn-sh-head h2{margin:6px 0 8px;text-wrap:balance}
.tn-sh-head p{margin:0;max-width:62ch}
.tn-sh-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.tn-opt{display:grid;grid-template-columns:minmax(0,190px) minmax(0,1fr);gap:16px;align-items:center;padding:14px;border-radius:20px;background:var(--ivory);border:1px solid var(--line)}
.tn-prev{aspect-ratio:4/5;max-width:100%;border-radius:12px;overflow:hidden;background:#E9E2CF;box-shadow:0 10px 24px rgba(27,42,65,.14)}
.tn-prev canvas{display:block;width:100%;height:100%}
.tn-opt-txt{display:flex;flex-direction:column;gap:6px;min-width:0}
.tn-opt-txt b{font:700 19px/1.3 var(--font-serif);color:var(--navy)}
.tn-opt-txt small{font-size:14.5px;line-height:1.5;color:var(--muted)}
.tn-btns{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}
.tn-links{display:flex;flex-wrap:wrap;gap:8px}
.tn-links .tool-chip{text-decoration:none}
.tn-msg{min-height:1.4em;margin:0;color:var(--gold-ink);font-weight:600}
@media (max-width:1023px){.tn-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.cl-learn-g{grid-template-columns:minmax(0,1fr)}.cl-look2{grid-template-columns:minmax(0,1fr)}.tn-sh-grid{grid-template-columns:minmax(0,1fr)}}
@media (max-width:767px){
  .tn-fact{padding:12px 14px}.tn-fact span{font-size:13.5px}
  .cl-ch{grid-template-columns:34px minmax(0,1fr);gap:10px}.cl-ch-n{width:32px;height:32px;font-size:15px}.cl-ch p{font-size:16px}
  .cl-side{display:flex}.cl-minimap{display:none}
  .tn-opt{grid-template-columns:minmax(0,120px) minmax(0,1fr);gap:12px;padding:12px}
  .tn-map .tn-lab{display:none}.tn-map .tn-us{display:block}
}
@media (max-width:380px){.tn-facts{grid-template-columns:minmax(0,1fr)}.tn-opt{grid-template-columns:minmax(0,1fr)}.tn-prev{max-width:200px}}

/* ===== 29. Learning path (November 2026): lessons open in order ===== */
.pnode.locked{opacity:.5;cursor:not-allowed}
.pnode.locked .pdot{background:var(--white);border:3px solid var(--pa,var(--line));color:var(--pc,var(--muted))}
.pnode.locked .pdot::after{content:"🔒";font-size:10px;margin-left:1px}
.pnode.done .pdot{background:#2F855A;border-color:#2F855A;color:#fff}
.pnode.next b{color:var(--gold-ink)}
.pnode.next .pdot{box-shadow:0 0 0 4px rgba(176,141,87,.3)}

/* 30. Long-form cluster features (Nov 2026) */
.ft-h1{font-size:clamp(30px,4.2vw,50px);max-width:22ch;text-wrap:balance}
.cl-story.ft{max-width:70ch}
.ft-ch{position:relative;padding:0 0 28px 0;margin:0 0 28px;border-bottom:1px dashed var(--line)}
.ft-ch:last-child{border-bottom:0}
.ft-yr{display:inline-block;font:700 15px/1 var(--font-serif);letter-spacing:.06em;color:var(--gold-ink);background:var(--gold-wash);border:1px solid #EADFC6;border-radius:999px;padding:7px 14px}
.ft-ch h2{font-size:clamp(22px,2.4vw,28px);margin:12px 0 14px;text-wrap:balance}
.cl-story.ft p{font-size:18px;line-height:1.75}
.ft-pull{margin:22px 0;padding:6px 0 6px 20px;border-left:4px solid var(--c,var(--gold-ink));font:600 clamp(20px,2.2vw,25px)/1.4 var(--font-serif);color:var(--ink);text-wrap:balance}
.ft-pbg{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}
.ft-pb{display:grid;grid-template-columns:36px minmax(0,1fr);gap:12px;background:var(--white);border:1px solid var(--line);border-radius:16px;padding:20px}
.ft-pb h3{font-size:18px;margin:2px 0 6px}
.ft-pb p{margin:0;line-height:1.6}
.cl-story.ft .ft-ch:first-of-type p:first-of-type::first-letter{float:left;font:700 54px/0.9 var(--font-serif);color:var(--gold-ink);margin:6px 8px 0 0}
html[lang^="ta"] .cl-story.ft .ft-ch:first-of-type p:first-of-type::first-letter{float:none;font:inherit;color:inherit;margin:0}
@media (min-width:1024px){.cl-split .cl-side{position:sticky;top:96px}}
@media (max-width:640px){.cl-story.ft p{font-size:16.5px}.ft-pull{font-size:19px}}
.ft-pbg{margin-top:14px}
@media (min-width:1024px){.ft-pbg{grid-template-columns:repeat(3,minmax(0,1fr))}}
html[lang^="ta"] .ft-h1{font-size:clamp(24px,3.4vw,40px);line-height:1.35}
html[lang^="ta"] .cl-hero .cl-hook-lead{font-size:clamp(16px,1.8vw,20px)}

/* 31. Made in Tamil Nadu, November 2026: the place first, then what is inside the cluster */
.st-kind{align-self:flex-start;font:700 10.5px/1 var(--font-sans);letter-spacing:.08em;text-transform:uppercase;padding:5px 8px;border-radius:999px;background:color-mix(in srgb,var(--c) 14%,white);color:var(--navy)}
.cl-in{font:600 12.5px/1.3 var(--font-sans);color:var(--muted,#5b6472)}
.cl-herobtns{display:flex;flex-wrap:wrap;gap:10px;margin-top:var(--space-4)}
.in-band{border-top:1px solid var(--line)}
.in-cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-6);margin-top:var(--space-6);align-items:start}
.in-group{min-width:0}
.in-group .st-grid{grid-template-columns:1fr}
.in-group h3{display:flex;align-items:center;gap:10px;font-size:22px;margin-bottom:var(--space-4)}
.in-group h3 span{font:700 13px/1 var(--font-sans);padding:5px 9px;border-radius:999px;background:var(--navy);color:#fff}
.in-company .st-card{border-top-style:solid}
.in-case .st-card{border-top-style:dashed}
.in-success .st-card{border-top-style:double;border-top-width:6px}

/* 32. Made in Tamil Nadu, restructured (7 November 2026): jump bars, region groups, even cards, story browser,
   "At a glance" / "Fact file" boxes, dark "Inside" band, previous / next pager. The map itself is unchanged. */
.tn-jumpbar{position:sticky;top:var(--header-height,72px);z-index:20;background:var(--white);border-bottom:1px solid var(--line)}
.tn-jump{display:flex;gap:8px;align-items:center;padding:10px 0;overflow-x:auto;scrollbar-width:none}
.tn-jump::-webkit-scrollbar{display:none}
.tn-jump a{flex:none;display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:6px 14px;border-radius:999px;border:1px solid var(--field);color:var(--navy);font:600 15px/1.2 var(--font-sans);text-decoration:none}
.tn-jump a:hover{background:var(--navy);border-color:var(--navy);color:#fff}
.tn-jump a span{font:700 12px/1 var(--font-sans);padding:4px 7px;border-radius:999px;background:var(--sand);color:var(--navy)}
.tn-jump a:hover span{background:rgba(255,255,255,.18);color:#fff}
.tn-jump .tn-jump-all{margin-left:auto;color:var(--gold-ink);border-color:var(--gold)}
.tn-hubband .cl-mapbox{top:calc(var(--header-height,72px) + 76px)}
.tn-regs{display:flex;flex-direction:column;gap:var(--space-8);min-width:0}
.tn-reg{scroll-margin-top:150px}
.tn-reg-h{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 16px;border-bottom:2px solid var(--navy);padding-bottom:10px;margin-bottom:var(--space-5)}
.tn-reg-h h2{margin:0;font-size:clamp(24px,2.6vw,30px)}
.tn-reg-h span{font-size:15px;color:var(--muted)}
.cl-grid2{gap:var(--space-5);align-items:stretch}
.cl-card2{padding:0;border-radius:var(--radius-md);gap:8px;padding:0 22px 20px}
.cl-card2::before{left:0;right:0;top:0;bottom:auto;width:auto;height:6px}
.cl-card2 .cl-place{display:flex;align-items:center;gap:8px;margin-top:22px;color:var(--gold-ink)}
.cl-card2 .cl-place i{flex:none;width:12px;height:12px;border-radius:50%;background:var(--c);box-shadow:0 0 0 3px color-mix(in srgb,var(--c) 22%,white)}
.cl-card2 b{font-size:21px;line-height:1.3}
.cl-card2 .cl-stat strong{font-size:22px}
.cl-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto;padding-top:8px}
.kt{font:600 13.5px/1.2 var(--font-sans);padding:4px 9px;border-radius:4px}
.kt-company{background:#E8F0F8;color:#1F4E79}.kt-case{background:#FBF1E6;color:#8A4B10}.kt-success{background:#EAF4EE;color:#2E6B45}
.cl-card2 .cl-go{margin-top:6px}
.cl-card2.tn-hl,.cl-card2:hover{border-color:var(--navy);box-shadow:0 14px 30px rgba(27,42,65,.1)}
.tn-map a.tn-hl .tn-dot{r:12}
.tn-map a.tn-hl .tn-lab{font-size:15px}
.br-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:var(--space-5)}
.br-card{display:flex;flex-direction:column;gap:6px;padding:16px 18px;border-radius:var(--radius-md);background:var(--white);border:1px solid var(--line);text-decoration:none;color:var(--text);border-top:4px solid var(--c)}
.br-card:hover{box-shadow:var(--shadow-card);color:var(--text)}
.br-card b{font:700 17px/1.4 var(--font-serif);color:var(--navy)}
.br-k{font:700 12.5px/1.3 var(--font-sans);letter-spacing:.08em;text-transform:uppercase}
.br-company .br-k{color:#1F4E79}.br-case .br-k{color:#8A4B10}.br-success .br-k{color:#2E6B45}
#tn-browse .br-card[hidden]{display:none}
.cl-split2{grid-template-columns:minmax(0,7fr) minmax(300px,4fr)}
.cl-side2{position:sticky;top:calc(var(--header-height,72px) + 76px);align-self:start}
.tn-box{background:var(--white);border:1px solid var(--line);border-radius:var(--radius-md);overflow:hidden}
.tn-box-h{margin:0;padding:14px 18px;background:var(--gold-wash);border-bottom:1px solid var(--line);font:700 13px/1.3 var(--font-sans);letter-spacing:.12em;text-transform:uppercase;color:var(--gold-ink)}
.tn-box-map{padding:10px 14px;background:linear-gradient(160deg,#F7F2E7,#EFE6D2);border-bottom:1px solid var(--line)}
.tn-box-map .tn-map{max-height:260px}
.tn-dl{margin:0;padding:14px 18px;display:grid;gap:10px;border-bottom:1px solid var(--line)}
.tn-dl div{display:grid;grid-template-columns:96px minmax(0,1fr);gap:10px;font-size:15px;line-height:1.45}
.tn-dl dt{font-weight:700;color:var(--navy)}
.tn-dl dd{margin:0}
.tn-box-dyk{padding:14px 18px;border-bottom:1px solid var(--line)}
.tn-box-k{margin:0 0 8px;font:700 13px/1.3 var(--font-sans);letter-spacing:.12em;text-transform:uppercase;color:var(--gold-ink)}
.tn-box-dyk ul{list-style:none;margin:0;padding:0;display:grid;gap:10px;font-size:15px;line-height:1.5}
.tn-box-dyk li{display:grid;grid-template-columns:14px minmax(0,1fr);gap:8px}
.tn-box-dyk li span{color:var(--gold)}
.tn-box-go{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:14px 18px;background:var(--navy);color:#fff;font-weight:700;text-decoration:none}
.tn-box-go:hover{background:var(--navy-hover,#2C4261);color:#fff}
.ff-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-bottom:1px solid var(--line)}
.ff-n{display:flex;flex-direction:column;gap:4px;padding:12px 18px;border-top:1px solid var(--line)}
.ff-n:nth-child(odd){border-right:1px solid var(--line)}
.ff-n:nth-child(-n+2){border-top:0}
.ff-n b{font:700 21px/1.15 var(--font-serif);color:var(--navy)}
.ff-n span{font-size:13.5px;line-height:1.4;color:var(--muted)}
.ff-n sup a{color:var(--gold-ink);text-decoration:none;font-weight:700}
.in-dark{background:var(--navy);border-top:0;color:var(--on-navy)}
.in-dark h2{color:#fff}
.in-dark .eyebrow{color:var(--gold-light)}
.in-note{color:var(--on-navy-muted);max-width:66ch;font-size:15px}
.in-dark .in-cols{grid-template-columns:repeat(3,minmax(0,1fr))}
.in-dark .in-cols.in-n2{grid-template-columns:repeat(2,minmax(0,1fr))}
.in-dark .in-cols.in-n1{grid-template-columns:minmax(0,1fr)}
.in-dark .in-n1 .st-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}
.in-dark .in-group h3{color:#fff;font-size:19px;padding-bottom:10px;border-bottom:2px solid rgba(255,255,255,.25)}
.in-dark .in-company h3{border-color:#8FB8E0}.in-dark .in-case h3{border-color:#F0B27A}.in-dark .in-success h3{border-color:#8FD0A8}
.in-dark .in-group h3 span{background:rgba(255,255,255,.14)}
.in-dark .st-grid{margin-top:0}
.in-dark .st-card{border:0;border-top:5px solid var(--c)}
.tn-more-h{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px 16px}
.tn-more-h h2{margin:0;font-size:clamp(22px,2.4vw,28px)}
.tn-more-h a{font-weight:700;color:var(--gold-ink)}
.tn-pager{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4);margin-bottom:var(--space-7)}
.tn-pager a{display:flex;flex-direction:column;gap:4px;padding:16px 20px;border-radius:var(--radius-md);border:1px solid var(--line);background:var(--white);text-decoration:none;border-top:4px solid var(--c)}
.tn-pager a:hover{box-shadow:var(--shadow-card)}
.tn-pager small{font:700 12.5px/1.3 var(--font-sans);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.tn-pager b{font:700 18px/1.35 var(--font-serif);color:var(--navy)}
.tn-pager .pg-next{text-align:right;grid-column:2}
#place,#learn,#inside,#quiz,#share,#stories,#more{scroll-margin-top:140px}
@media (max-width:1023px){
  .cl-split2{grid-template-columns:minmax(0,1fr)}
  .cl-side2{position:static;max-width:560px}
  .br-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .in-dark .in-cols,.in-dark .in-cols.in-n2{grid-template-columns:minmax(0,1fr)}
  .tn-hubband .cl-mapbox{position:static}
}
@media (max-width:767px){
  .tn-jumpbar{top:64px}
  .tn-jump .tn-jump-all{margin-left:0}
  .cl-grid2{grid-template-columns:minmax(0,1fr)}
  .br-grid{grid-template-columns:minmax(0,1fr)}
  .cl-side2{display:block}
  .tn-box-map{display:none}
  .tn-pager{grid-template-columns:minmax(0,1fr)}
  .tn-pager .pg-next{grid-column:auto}
  .tn-reg{scroll-margin-top:120px}
}
.js-m #tn-browse:not(.open) .br-x{display:none}
.br-more{text-align:center;margin:var(--space-5) 0 0}
html:not(.js-m) .br-more{display:none}
.st-learn{padding-top:0}
.in-dark h2{margin:6px 0 10px}
.in-note{line-height:1.55;margin:0}
.in-dark .in-cols{margin-top:var(--space-6)}
@media (max-width:1023px){.st-split > .cl-side2{order:-1;margin-bottom:var(--space-6)}.st-split{display:flex;flex-direction:column}}

/* 33. Tamil Nadu clusters as industry notes (7 November 2026): a calm, editorial layout; no quiz, no picture-maker,
   no contact band. Key facts table, numbered source notes, plain reading list of profiles and case studies. */
.cl-hero2{background:var(--navy)}
.cl-hero2 .ft-h1{max-width:28ch}
.tn-meta{margin:var(--space-4) 0 0;font-size:15px;color:var(--on-navy-muted)}
.br-band{padding-top:var(--space-7)}
.br-main{min-width:0;max-width:720px}
.br-sec{padding-bottom:var(--space-6);margin-bottom:var(--space-6);border-bottom:1px solid var(--line);scroll-margin-top:140px}
.br-sec:last-of-type{border-bottom:0}
.br-sec h2{font-size:clamp(24px,2.6vw,30px);margin:0 0 var(--space-4)}
.br-sec > p{font-size:18px;line-height:1.7;margin:0 0 16px;max-width:66ch}
.br-sec .cl-story p{font-size:18px}
.br-sec .cl-story .eyebrow + p::first-letter{all:unset}
.fn{font-size:.7em;line-height:0;margin-left:1px}
.fn a{color:var(--gold-ink);text-decoration:none;font-weight:700}
.kf-wrap{margin:0}
.kf{width:100%;border-collapse:collapse;font-size:16px}
.kf thead th{font:700 13px/1.3 var(--font-sans);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);text-align:left;padding:0 12px 8px 0;border-bottom:2px solid var(--navy)}
.kf tbody th{font:700 20px/1.25 var(--font-serif);color:var(--navy);text-align:left;white-space:nowrap;padding:12px 16px 12px 0;vertical-align:top;border-bottom:1px solid var(--line)}
.kf tbody td{padding:12px 0;vertical-align:top;border-bottom:1px solid var(--line);line-height:1.5}
.br-points{margin:0;padding-left:20px;display:grid;gap:12px;font-size:17px;line-height:1.6;max-width:66ch}
.tn-further{margin:var(--space-5) 0 0;font-size:15px;line-height:1.8;color:var(--muted)}
.tn-further a{margin-right:14px;font-weight:600;color:var(--gold-ink)}
.tn-toc{padding:14px 18px;border-bottom:1px solid var(--line)}
.tn-toc ol{margin:0;padding-left:20px;display:grid;gap:6px;font-size:15px}
.tn-toc a{color:var(--navy);text-decoration:none}
.tn-toc a:hover{text-decoration:underline}
.il-band{background:var(--sand)}
.il-list{display:flex;flex-direction:column;margin-top:var(--space-5);border-top:2px solid var(--navy)}
.il-row{display:grid;grid-template-columns:150px minmax(0,1fr) 220px;gap:var(--space-5);align-items:start;padding:18px 0;border-bottom:1px solid var(--line);text-decoration:none;color:var(--text)}
.il-row:hover b{text-decoration:underline}
.il-k{font:700 12.5px/1.4 var(--font-sans);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);padding-top:4px}
.il-t{display:flex;flex-direction:column;gap:4px;min-width:0}
.il-t b{font:700 19px/1.35 var(--font-serif);color:var(--navy)}
.il-t span{font-size:15.5px;line-height:1.5;color:var(--text)}
.il-n{display:flex;flex-direction:column;gap:2px}
.il-n strong{font:700 20px/1.2 var(--font-serif);color:var(--navy)}
.il-n small{font-size:13.5px;line-height:1.4;color:var(--muted)}
.wrap-read2{max-width:880px}
.tn-srcs h2{font-size:24px;margin:0 0 var(--space-4)}
.tn-srcs ol{margin:0 0 var(--space-3);padding-left:24px;display:grid;gap:8px;font-size:15px;line-height:1.5}
.tn-srcs li{scroll-margin-top:140px}
.tn-srcs li:target{background:var(--gold-wash)}
.tn-quiet-note{margin:var(--space-6) 0;font-size:15px;line-height:1.6;color:var(--muted)}
.tn-quiet-note a{color:var(--gold-ink);font-weight:600}
.cl-card2 .kt{background:none;padding:0;color:var(--muted);font-weight:600}
.cl-card2 .kt + .kt::before{content:"·";margin-right:6px}
@media (max-width:767px){
  .il-row{grid-template-columns:minmax(0,1fr);gap:6px}
  .il-n{flex-direction:row;gap:8px;align-items:baseline}
  .kf tbody th{white-space:normal;font-size:18px}
}
.br-rel{margin:0;padding-left:20px;display:grid;gap:8px;font-size:17px}
.br-rel a{color:var(--navy);font-weight:600}
.tn-soon-list{margin-top:var(--space-4)}
.tn-soon-list p{margin:0 0 8px;font:700 12.5px/1.3 var(--font-sans);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.tn-soon-list ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px 18px;font-size:15.5px;color:var(--text)}
.tn-soon-list li{display:inline-flex;align-items:center;gap:8px}
.tn-soon-list i{width:9px;height:9px;border-radius:50%;background:var(--c);opacity:.7}
.tn-map .tn-soon .tn-dot{opacity:.55;cursor:default}
.tn-map .tn-soon .tn-lab{fill:#5E6573}
.tn-soon-list small{color:var(--muted);font-size:13.5px}
.tn-soon-list ul{flex-direction:column;gap:6px}
.br-band .tn-box-dyk li{color:var(--text)}
.br-band .tn-box-dyk li span:first-child{color:var(--gold)}
/* every cluster is named on the hub map, phones too (November 2026) */
@media (max-width:767px){
  .cl-mapbox .tn-map .tn-lab{display:block;font-size:13px}
  .cl-mapbox .tn-map .tn-us{display:none}
  .tn-soon-list li{display:block}
  .tn-soon-list li small{display:block;margin-left:17px}
  .kf tbody th{white-space:nowrap;font-size:16px;padding-right:10px}
  .kf tbody td{font-size:14.5px}
}
.pe-back{min-width:0;max-width:calc(100% - 70px)}
.pe-back,.pe-back *{white-space:normal;overflow-wrap:anywhere}