/*
Theme Name: Measurements India Theme
Theme URI: https://measurements.in
Author: Measurements.in
Version: 2.0
*/

/* ============ DESIGN TOKENS ============ */
:root {
  --paper:      #FAF7F0;
  --paper-2:    #F2EDE0;
  --paper-line: #E5DDC8;
  --ink:        #16213E;
  --ink-2:      #2D3E5C;
  --ink-mute:   #6B7387;
  --accent:     #C8553D;
  --accent-deep:#9E3F2C;
  --verify:     #5B7553;
  --gold:       #B8893A;
  --serif: "Iowan Old Style","Palatino Linotype",Palatino,Georgia,"Times New Roman",serif;
  --sans:  -apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;
  --mono:  "SF Mono",Menlo,Consolas,"Courier New",monospace;
  --r:   8px;
  --r-lg:14px;
}
*{box-sizing:border-box;}
html,body{margin:0;padding:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased;}
a{color:var(--ink);text-decoration:none;}
a:hover{color:var(--accent);}
img{max-width:100%;height:auto;display:block;}
h1,h2,h3,h4,h5{font-family:var(--serif);font-weight:600;letter-spacing:-.01em;color:var(--ink);margin:0;}
.eyebrow{font-family:var(--mono);font-size:11px;text-transform:uppercase;letter-spacing:.14em;color:var(--ink-mute);}

/* ============ COMPACT SITE HEADER ============ */
.site-header{background:var(--paper);border-bottom:2px solid var(--ink);padding:0 32px;position:sticky;top:0;z-index:100;}
.site-header-inner{max-width:1240px;margin:0 auto;display:flex;align-items:center;gap:20px;height:58px;}
.site-logo{display:flex;align-items:center;flex-shrink:0;text-decoration:none;}
.site-logo img{height:36px;width:auto;}
.logo-text{font-family:var(--serif);font-size:26px;font-weight:600;letter-spacing:-.02em;line-height:1;color:var(--ink);white-space:nowrap;}
.logo-text .logo-dot{color:var(--accent);}
.site-nav{flex:1;}
.site-nav ul{list-style:none;margin:0;padding:0;display:flex;gap:2px;align-items:center;}
.site-nav a{color:var(--ink);font-weight:500;font-size:13px;padding:6px 9px;border-radius:4px;white-space:nowrap;transition:color .15s;position:relative;}
.site-nav a:hover{color:var(--accent);}
.site-nav a.active{color:var(--accent);}
.site-nav a.active::after{content:"";position:absolute;left:9px;right:9px;bottom:-18px;height:2px;background:var(--accent);}
.site-nav .nav-cta{font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);margin-left:4px;}
.header-search{display:flex;align-items:center;gap:8px;border:1px solid var(--paper-line);border-radius:999px;padding:5px 12px;width:210px;background:var(--paper-2);flex-shrink:0;}
.header-search input{border:0;background:none;font:inherit;font-size:13px;width:100%;outline:none;color:var(--ink);}
.header-search input::placeholder{color:var(--ink-mute);}
.header-search kbd{font-family:var(--mono);font-size:10px;background:var(--paper);border:1px solid var(--paper-line);border-radius:3px;padding:1px 5px;color:var(--ink-mute);}
.ham{display:none;background:none;border:none;cursor:pointer;padding:8px;flex-shrink:0;}
.ham span{display:block;width:20px;height:2px;background:var(--ink);margin:4px 0;border-radius:1px;transition:.3s;}

/* ============ TRUST STRIP ============ */
.trust-strip{border-top:1px solid var(--paper-line);border-bottom:1px solid var(--paper-line);background:var(--paper-2);padding:10px 32px;}
.trust-strip-inner{max-width:1240px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:32px;flex-wrap:wrap;}
.trust-item{display:flex;align-items:center;gap:10px;font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-2);}
.trust-item b{color:var(--ink);font-weight:500;}

/* ============ FOOTER ============ */
.footer{background:var(--ink);color:var(--paper);padding:32px 32px 16px;margin-top:32px;}
.footer-inner{max-width:1240px;margin:0 auto;display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr;gap:40px;}
.footer h4{color:var(--paper);font-family:var(--mono);font-size:11px;text-transform:uppercase;letter-spacing:.14em;font-weight:500;margin-bottom:14px;opacity:.6;}
.footer ul{list-style:none;padding:0;margin:0;}
.footer li{margin-bottom:8px;font-size:13px;}
.footer a{color:var(--paper);opacity:.85;}
.footer a:hover{color:var(--accent);opacity:1;}
.footer-mark{font-family:var(--serif);font-size:28px;font-weight:600;letter-spacing:-.02em;margin-bottom:12px;}
.footer-mark .dot{color:var(--accent);}
.footer-mark .in{font-style:italic;}
.footer-blurb{font-size:13px;opacity:.7;line-height:1.6;max-width:280px;}
.footer-bottom{max-width:1240px;margin:40px auto 0;padding-top:20px;border-top:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;opacity:.5;}

/* ============ BADGES ============ */
.badge{display:inline-flex;align-items:center;gap:6px;font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;padding:4px 8px;border-radius:3px;}
.badge.verified{background:rgba(91,117,83,.12);color:var(--verify);}
.badge.gov{background:rgba(184,137,58,.14);color:var(--gold);}
.badge.popular{background:rgba(200,85,61,.12);color:var(--accent);}

/* ============ HOMEPAGE HERO ============ */
.hero{background:var(--paper);padding:36px 32px 28px;border-bottom:1px solid var(--paper-line);}
.hero-inner{max-width:1240px;margin:0 auto;display:grid;grid-template-columns:1.4fr 1fr;gap:64px;align-items:end;}
.hero h1{font-size:clamp(36px,5vw,72px);line-height:.97;letter-spacing:-.025em;margin-bottom:18px;}
.hero h1 em{font-style:italic;color:var(--accent);font-weight:500;}
.hero h1 .ul{text-decoration:underline;text-decoration-thickness:4px;text-underline-offset:8px;text-decoration-color:var(--accent);}
.hero-sub{font-family:var(--serif);font-size:17px;line-height:1.6;color:var(--ink-2);max-width:520px;margin:0;}
.hero-stats{border-left:1px solid var(--ink);padding-left:28px;display:grid;gap:22px;}
.hero-stat .num{font-family:var(--serif);font-size:52px;font-weight:600;line-height:1;letter-spacing:-.02em;}
.hero-stat .num small{font-size:20px;color:var(--accent);margin-left:4px;font-weight:500;}
.hero-stat .lbl{font-family:var(--mono);font-size:11px;text-transform:uppercase;letter-spacing:.14em;color:var(--ink-mute);margin-top:4px;}

/* ============ SECTION HEAD ============ */
.section{padding:28px 32px;}
.section-head{max-width:1240px;margin:0 auto 16px;display:flex;justify-content:space-between;align-items:end;border-bottom:3px double var(--ink);padding-bottom:12px;}
.section-head h2{font-size:38px;letter-spacing:-.015em;}
.section-head h2 em{font-style:italic;color:var(--ink-mute);font-weight:400;font-size:24px;margin-left:8px;}
.section-head .all-link{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);border-bottom:1px solid var(--accent);padding-bottom:2px;}

/* ============ CATEGORY TILE GRID ============ */
.cat-grid{max-width:1240px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:0;border:1px solid var(--ink);background:var(--ink);}
.cat-tile{background:var(--paper);padding:28px 24px;min-height:220px;display:flex;flex-direction:column;justify-content:space-between;cursor:pointer;transition:background .2s;position:relative;overflow:hidden;}
.cat-tile:hover{background:var(--paper-2);}
.cat-tile .icon{color:var(--accent);}
.cat-tile .num{font-family:var(--mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-mute);position:absolute;top:14px;right:14px;}
.cat-tile h3{font-size:24px;letter-spacing:-.01em;margin:12px 0 4px;}
.cat-tile .desc{font-size:12px;color:var(--ink-mute);line-height:1.5;margin:4px 0 0;}
.cat-tile .pop{font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);margin-top:10px;}
.cat-tile.featured{grid-column:span 2;grid-row:span 2;background:var(--ink);color:var(--paper);min-height:440px;}
.cat-tile.featured h3{color:var(--paper);font-size:42px;line-height:1.05;}
.cat-tile.featured .desc{color:rgba(250,247,240,.75);font-size:14px;max-width:380px;}
.cat-tile.featured .num{color:rgba(250,247,240,.5);}
.cat-tile.featured .icon{color:var(--accent);}
.cat-tile.featured .pop{color:var(--accent);}
.cat-tile.featured .featured-list{margin-top:16px;border-top:1px solid rgba(250,247,240,.2);padding-top:16px;display:grid;gap:0;}
.cat-tile.featured .featured-list a{color:var(--paper);font-size:13px;display:flex;justify-content:space-between;padding:7px 0;border-bottom:1px dotted rgba(250,247,240,.15);}
.cat-tile.featured .featured-list a:hover{color:var(--accent);}
.cat-tile.featured .featured-list a span{font-family:var(--mono);font-size:10px;opacity:.6;}

/* ============ TRENDING STRIP ============ */
.trending{background:var(--paper-2);padding:28px 32px;border-top:1px solid var(--paper-line);border-bottom:1px solid var(--paper-line);}
.trending-grid{max-width:1240px;margin:16px auto 0;display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--paper-line);border:1px solid var(--paper-line);}
.trend-card{background:var(--paper);padding:14px 16px;transition:background .2s;cursor:pointer;}
.trend-card:hover{background:var(--paper-2);}
.trend-rank{font-family:var(--serif);font-size:26px;font-weight:600;color:var(--accent);line-height:1;letter-spacing:-.02em;}
.trend-card h4{font-size:14px;margin:8px 0 4px;line-height:1.25;}
.trend-card .meta{font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-mute);display:flex;justify-content:space-between;}
.trend-card .meta .up{color:var(--verify);}

/* ============ HOMEPAGE SPLIT (converter + news) ============ */
.split{max-width:1240px;margin:0 auto;display:grid;grid-template-columns:1.3fr 1fr;gap:32px;padding:28px 32px;}
.split h2{font-size:32px;margin-bottom:8px;}
.split .lede{font-family:var(--serif);color:var(--ink-2);font-size:16px;margin:0 0 20px;}
.news-list{display:grid;gap:0;}
.news-item{border-top:1px solid var(--paper-line);padding:12px 0;display:grid;grid-template-columns:72px 1fr;gap:12px;align-items:start;}
.news-item:last-child{border-bottom:1px solid var(--paper-line);}
.news-item .date{font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-mute);}
.news-item .date b{color:var(--ink);display:block;font-size:22px;font-family:var(--serif);font-weight:600;margin-bottom:2px;}
.news-item h4{font-size:16px;line-height:1.3;margin-bottom:6px;}
.news-item .ex{font-size:13px;color:var(--ink-mute);margin:0;line-height:1.5;}
.news-item .tag{font-family:var(--mono);font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin-top:6px;}

/* ============ STATES GRID ============ */
.states{max-width:1240px;margin:0 auto;display:grid;grid-template-columns:repeat(8,1fr);gap:1px;background:var(--paper-line);border:1px solid var(--paper-line);}
.state-cell{background:var(--paper);padding:16px 14px;cursor:pointer;transition:background .15s;}
.state-cell:hover{background:var(--accent);color:var(--paper);}
.state-cell:hover .units{color:var(--paper);}
.state-cell .name{font-family:var(--serif);font-size:15px;font-weight:600;margin-bottom:2px;}
.state-cell .units{font-family:var(--mono);font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-mute);}

/* ============ HOMEPAGE CALC CARD ============ */
.calc-card{background:var(--paper);border:1px solid var(--ink);border-radius:var(--r);padding:28px;box-shadow:4px 4px 0 var(--ink);}
.calc-row{display:grid;grid-template-columns:1fr auto 1fr;gap:16px;align-items:end;}
.calc-input{display:flex;flex-direction:column;gap:6px;}
.calc-input label{font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-mute);}
.calc-input .field{display:flex;align-items:center;border-bottom:2px solid var(--ink);padding:6px 0;}
.calc-input input{border:0;background:none;font-family:var(--serif);font-size:32px;font-weight:500;color:var(--ink);width:100%;outline:none;padding:0;}
.calc-input .unit{font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-mute);white-space:nowrap;}
.calc-arrow{align-self:end;padding-bottom:12px;color:var(--accent);}

/* ============ PULL QUOTE ============ */
.pull-section{max-width:880px;margin:48px auto;text-align:center;padding:0 32px;}
.pull-section blockquote{font-family:var(--serif);font-style:italic;font-size:30px;line-height:1.3;letter-spacing:-.01em;margin:0 0 24px;color:var(--ink);}
.pull-section blockquote::before{content:"\201C";color:var(--accent);font-size:64px;line-height:0;vertical-align:-16px;margin-right:4px;}
.pull-section cite{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-mute);font-style:normal;}

/* ============ CALCULATOR PAGE ============ */
.article-head{padding:36px 32px 24px;border-bottom:1px solid var(--paper-line);}
.article-head-inner{max-width:980px;margin:0 auto;text-align:center;}
.breadcrumbs{font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-mute);margin-bottom:24px;}
.breadcrumbs a{color:var(--ink-mute);border-bottom:1px dotted var(--ink-mute);}
.breadcrumbs a:hover{color:var(--accent);}
.breadcrumbs .sep{margin:0 10px;}
.breadcrumbs .now{color:var(--ink);}
.article-head h1{font-size:clamp(36px,5.5vw,72px);line-height:.98;letter-spacing:-.025em;margin-bottom:12px;}
.article-head h1 em{font-style:italic;color:var(--accent);}
.article-meta{display:flex;justify-content:center;gap:22px;flex-wrap:wrap;align-items:center;margin-top:24px;}
.author{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--ink-2);}
.author .av{width:32px;height:32px;border-radius:50%;background:var(--accent);color:var(--paper);display:flex;align-items:center;justify-content:center;font-family:var(--serif);font-weight:600;font-size:14px;}
.author b{color:var(--ink);}
.article-meta .dot{color:var(--paper-line);}

.article-body{max-width:1200px;margin:0 auto;padding:24px 32px 0;display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:32px;}

/* Hero Calculator (dark card with accent shadow) */
.hero-calc{background:var(--ink);color:var(--paper);border-radius:var(--r-lg);padding:40px;margin-bottom:48px;box-shadow:8px 8px 0 var(--accent);}
.hero-calc .eyebrow{color:var(--accent);}
.hero-calc .ttl{font-family:var(--serif);font-size:28px;margin:6px 0 24px;color:var(--paper);}
.hero-calc .hcalc{display:grid;grid-template-columns:1fr 60px 1fr;gap:18px;align-items:end;}
.hero-calc .hcalc label{font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:rgba(250,247,240,.6);display:block;margin-bottom:8px;}
.hero-calc .hcalc .field{display:flex;align-items:baseline;border-bottom:2px solid var(--accent);padding:6px 0;}
.hero-calc .hcalc input,.hero-calc .hcalc select{border:0;background:none;font-family:var(--serif);font-size:48px;font-weight:600;color:var(--paper);width:100%;outline:none;letter-spacing:-.02em;appearance:none;}
.hero-calc .hcalc .unit{font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:rgba(250,247,240,.65);white-space:nowrap;margin-left:6px;}
.hero-calc .hcalc .arrow{color:var(--accent);text-align:center;padding-bottom:14px;}
.hero-calc .state-pick{margin-top:24px;display:flex;flex-wrap:wrap;gap:6px;}
.hero-calc .state-pick a{font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:rgba(250,247,240,.7);border:1px solid rgba(250,247,240,.2);border-radius:999px;padding:5px 12px;transition:all .15s;}
.hero-calc .state-pick a:hover,.hero-calc .state-pick a.active{background:var(--accent);color:var(--paper);border-color:var(--accent);}
.hero-calc .formula{margin-top:20px;padding-top:20px;border-top:1px dotted rgba(250,247,240,.2);display:flex;justify-content:space-between;font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:rgba(250,247,240,.7);}
.hero-calc .formula b{color:var(--accent);font-weight:500;}

/* Special multi-input calculator (for non-bigha types) */
.special-calc{background:var(--ink);border-radius:var(--r-lg);padding:40px;margin-bottom:48px;box-shadow:8px 8px 0 var(--accent);}
.special-calc .eyebrow{color:var(--accent);}
.special-calc .ttl{font-family:var(--serif);font-size:28px;margin:6px 0 24px;color:var(--paper);}
.special-calc .sc-field{margin-bottom:18px;}
.special-calc .sc-field label{font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:rgba(250,247,240,.6);display:block;margin-bottom:8px;}
.special-calc .sc-field .field{border-bottom:2px solid var(--accent);padding:6px 0;display:flex;align-items:baseline;}
.special-calc .sc-field input,.special-calc .sc-field select{border:0;background:none;font-family:var(--serif);font-size:36px;font-weight:600;color:var(--paper);width:100%;outline:none;appearance:none;}
.special-calc .sc-field select{font-size:24px;cursor:pointer;}
.special-calc .sc-btn{width:100%;padding:14px;background:var(--accent);color:var(--paper);border:0;border-radius:4px;font-family:var(--mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;margin-top:8px;transition:background .2s;}
.special-calc .sc-btn:hover{background:var(--accent-deep);}
.special-calc .sc-result{margin-top:20px;padding-top:20px;border-top:1px dotted rgba(250,247,240,.2);font-family:var(--serif);font-size:28px;font-weight:600;color:var(--paper);display:none;}
.special-calc .sc-result.show{display:block;}
.special-calc .sc-result small{font-family:var(--mono);font-size:12px;color:rgba(250,247,240,.6);display:block;margin-top:4px;font-weight:400;}

/* Longform content */
.longform{font-family:var(--serif);font-size:18px;line-height:1.7;color:var(--ink);max-width:720px;}
.longform > *{margin-bottom:16px;}
.longform h2{font-size:32px;line-height:1.15;letter-spacing:-.015em;margin:48px 0 12px;}
.longform h2:first-child{margin-top:0;}
.longform h3{font-size:22px;margin:32px 0 8px;}
.longform p:first-of-type::first-letter{font-family:var(--serif);font-size:56px;font-weight:600;float:left;line-height:.95;margin:2px 6px 0 0;color:var(--accent);}
.longform .pull{border-left:4px solid var(--accent);padding:4px 0 4px 22px;margin:32px 0;font-style:italic;font-size:22px;line-height:1.45;color:var(--ink-2);}
.longform table{width:100%;border-collapse:collapse;font-family:var(--sans);font-size:14px;}
.longform table th{text-align:left;background:var(--ink);color:var(--paper);padding:10px 14px;font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;font-weight:500;}
.longform table td{padding:12px 14px;border-bottom:1px solid var(--paper-line);}
.longform table tr:nth-child(even) td{background:var(--paper-2);}
.longform ul{font-size:17px;padding-left:20px;line-height:1.7;}

/* FAQ */
.faq{background:var(--paper-2);border-radius:var(--r);padding:8px 24px;margin:32px 0;}
.faq details{border-bottom:1px solid var(--paper-line);padding:16px 0;}
.faq details:last-child{border-bottom:0;}
.faq summary{font-family:var(--serif);font-weight:600;font-size:17px;cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;}
.faq summary::after{content:"+";color:var(--accent);font-size:24px;font-weight:400;}
.faq details[open] summary::after{content:"−";}
.faq details p{font-size:16px;color:var(--ink-2);margin:12px 0 0;}

/* Formula card */
.formula-card{background:var(--paper-2);border-left:4px solid var(--accent);border-radius:4px;padding:24px;margin:32px 0;}
.formula-card .lbl{font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-mute);margin-bottom:8px;}
.formula-card .eq{font-family:var(--serif);font-size:26px;font-weight:600;letter-spacing:-.01em;}
.formula-card .eq b{color:var(--accent);}

/* Conversion grid */
.conv-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--paper-line);border:1px solid var(--paper-line);border-radius:var(--r);overflow:hidden;font-family:var(--sans);}
.conv-cell{background:var(--paper);padding:14px 16px;transition:background .15s;}
.conv-cell:hover{background:var(--paper-2);}
.conv-cell .b{font-family:var(--serif);font-size:22px;font-weight:600;letter-spacing:-.01em;}
.conv-cell .b small{color:var(--accent);font-size:13px;margin-left:3px;}
.conv-cell .l{font-family:var(--mono);font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-mute);margin-top:2px;}

/* Sidebar */
.sidebar{position:sticky;top:60px;align-self:start;display:grid;gap:24px;}
.side-card{background:var(--paper);border:1px solid var(--paper-line);border-radius:var(--r);padding:20px;}
.side-card h4{font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-mute);margin-bottom:14px;border-bottom:1px solid var(--paper-line);padding-bottom:10px;}
.side-list a{display:flex;justify-content:space-between;align-items:baseline;padding:9px 0;border-bottom:1px dotted var(--paper-line);font-size:14px;}
.side-list a:last-child{border-bottom:0;}
.side-list a span:last-child{font-family:var(--mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-mute);}
.side-list a:hover{color:var(--accent);}

/* Share bar */
.share-bar{display:flex;gap:8px;margin:32px 0;align-items:center;}
.share-bar .lbl{font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-mute);margin-right:10px;}
.share-bar a{width:34px;height:34px;border:1px solid var(--paper-line);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--ink-2);transition:all .15s;}
.share-bar a:hover{background:var(--accent);border-color:var(--accent);color:var(--paper);}

/* Related section */
.related-section{background:var(--paper-2);border-top:1px solid var(--paper-line);padding:28px 32px;margin-top:32px;}
.related-grid{max-width:1200px;margin:24px auto 0;display:grid;grid-template-columns:repeat(4,1fr);gap:16px;}
.related-card{background:var(--paper);border:1px solid var(--paper-line);border-radius:var(--r);padding:18px;transition:border-color .15s,transform .15s;}
.related-card:hover{border-color:var(--accent);transform:translateY(-2px);}
.related-card .small{font-family:var(--mono);font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-mute);}
.related-card h5{font-family:var(--serif);font-size:18px;margin:8px 0 10px;line-height:1.2;}
.related-card .conv-line{font-family:var(--mono);font-size:11px;color:var(--ink-2);border-top:1px dotted var(--paper-line);padding-top:8px;}
.related-card .conv-line b{color:var(--accent);}

/* ============ ALL CALCULATORS PAGE ============ */
.all-hero{padding:32px 32px 28px;text-align:center;background:var(--paper);border-bottom:1px solid var(--paper-line);}
.all-hero h1{font-size:clamp(48px,6vw,86px);line-height:.96;letter-spacing:-.025em;margin-bottom:14px;}
.all-hero h1 em{font-style:italic;color:var(--accent);}
.all-hero .lede{font-family:var(--serif);font-size:18px;color:var(--ink-2);max-width:560px;margin:0 auto 32px;}
.search-mega{max-width:720px;margin:0 auto;background:var(--paper);border:2px solid var(--ink);border-radius:14px;box-shadow:6px 6px 0 var(--ink);display:flex;align-items:center;padding:14px 22px;gap:12px;}
.search-mega input{flex:1;border:0;background:none;font-family:var(--serif);font-size:22px;color:var(--ink);outline:none;}
.search-mega input::placeholder{color:var(--ink-mute);}
.search-mega .count{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-mute);}
.search-mega .count b{color:var(--accent);}
.filter-bar{background:var(--paper-2);border-top:1px solid var(--paper-line);border-bottom:1px solid var(--paper-line);padding:12px 32px;display:flex;gap:6px;flex-wrap:wrap;justify-content:center;position:sticky;top:46px;z-index:9;}
.filter-bar button{font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;background:var(--paper);border:1px solid var(--paper-line);padding:7px 14px;border-radius:999px;cursor:pointer;color:var(--ink-2);}
.filter-bar button.on{background:var(--ink);color:var(--paper);border-color:var(--ink);}
.all-section{padding:48px 32px;max-width:1240px;margin:0 auto;}
.cat-block{margin-bottom:56px;}
.cat-block-head{display:flex;justify-content:space-between;align-items:end;border-bottom:3px double var(--ink);padding-bottom:12px;margin-bottom:20px;}
.cat-block-head h2{font-size:28px;letter-spacing:-.015em;}
.cat-block-head h2 em{color:var(--ink-mute);font-style:italic;font-weight:400;font-size:18px;margin-left:8px;}
.cat-block-head .count{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);}
.calc-list{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--paper-line);border:1px solid var(--paper-line);border-radius:var(--r);overflow:hidden;}
.calc-list a{background:var(--paper);padding:14px 16px;transition:background .15s;display:flex;flex-direction:column;gap:4px;}
.calc-list a:hover{background:var(--paper-2);}
.calc-list a .num{font-family:var(--mono);font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-mute);}
.calc-list a .ttl{font-family:var(--serif);font-size:15px;font-weight:600;line-height:1.2;}
.calc-list a .conv{font-family:var(--mono);font-size:10px;color:var(--ink-2);}
.calc-list a .conv b{color:var(--accent);}
.calc-list a.hide{display:none;}

/* ============ CATEGORY PAGE ============ */
.cat-hero{padding:36px 32px 28px;background:var(--paper);border-bottom:1px solid var(--paper-line);}
.cat-hero-inner{max-width:1240px;margin:0 auto;display:grid;grid-template-columns:1.4fr 1fr;gap:56px;align-items:end;}
.cat-hero h1{font-size:clamp(44px,5.5vw,84px);line-height:.95;letter-spacing:-.025em;margin-bottom:16px;}
.cat-hero h1 em{font-style:italic;color:var(--accent);}
.cat-hero .lede{font-family:var(--serif);font-size:19px;line-height:1.5;color:var(--ink-2);max-width:560px;}
.cat-hero .meta-row{display:flex;gap:24px;flex-wrap:wrap;margin-top:24px;}
.cat-hero .meta-row .m{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-mute);}
.cat-hero .meta-row .m b{color:var(--accent);font-weight:500;}
.cat-toolbar{background:var(--paper-2);border-top:1px solid var(--paper-line);border-bottom:1px solid var(--paper-line);padding:14px 32px;display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;position:sticky;top:46px;z-index:9;}
.cat-toolbar .filter-group{display:flex;gap:4px;flex-wrap:wrap;}
.cat-toolbar button{font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;background:var(--paper);border:1px solid var(--paper-line);padding:6px 12px;border-radius:999px;cursor:pointer;color:var(--ink-2);}
.cat-toolbar button.on{background:var(--ink);color:var(--paper);border-color:var(--ink);}
.cat-toolbar input{padding:6px 12px;border:1px solid var(--paper-line);border-radius:999px;font:inherit;min-width:200px;background:var(--paper);outline:none;}
.calc-grid-section{padding:48px 32px 64px;}
.calc-grid{max-width:1240px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
.calc-card-x{background:var(--paper);border:1px solid var(--paper-line);border-radius:var(--r);padding:22px;transition:all .15s;cursor:pointer;}
.calc-card-x:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:4px 4px 0 rgba(200,85,61,.18);}
.calc-card-x .num{font-family:var(--mono);font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-mute);}
.calc-card-x .ttl{font-family:var(--serif);font-size:22px;font-weight:600;letter-spacing:-.01em;line-height:1.15;margin:8px 0 4px;}
.calc-card-x .conv{display:flex;justify-content:space-between;align-items:baseline;padding-top:12px;border-top:1px dotted var(--paper-line);font-family:var(--mono);font-size:11px;}
.calc-card-x .conv .v{font-family:var(--serif);font-size:20px;font-weight:600;letter-spacing:-.01em;color:var(--ink);}
.calc-card-x .conv .v b{color:var(--accent);}
.calc-card-x .tag-row{display:flex;gap:6px;margin-top:10px;flex-wrap:wrap;}

/* ============ NEWS ARTICLE PAGE ============ */
.news-hero{padding:32px 32px 20px;}
.news-hero-inner{max-width:880px;margin:0 auto;}
.kicker{display:inline-block;background:var(--accent);color:var(--paper);font-family:var(--mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;padding:5px 10px;border-radius:3px;margin-bottom:18px;}
.news-hero h1{font-size:clamp(36px,5vw,62px);line-height:1;letter-spacing:-.02em;margin-bottom:18px;}
.news-hero h1 em{font-style:italic;color:var(--accent);}
.news-hero .standfirst{font-family:var(--serif);font-size:21px;line-height:1.45;color:var(--ink-2);margin-bottom:28px;max-width:740px;}
.news-meta{display:flex;gap:18px;align-items:center;flex-wrap:wrap;padding:18px 0;border-top:1px solid var(--paper-line);border-bottom:1px solid var(--paper-line);}
.featured-img{max-width:1100px;margin:0 auto 48px;aspect-ratio:16/8;background:repeating-linear-gradient(45deg,var(--paper-2) 0,var(--paper-2) 12px,var(--paper) 12px,var(--paper) 24px);border:1px solid var(--paper-line);border-radius:var(--r);display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-mute);padding:32px;}
.article-layout{max-width:1240px;margin:0 auto;padding:0 32px;display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:56px;}
.news-longform{font-family:var(--serif);font-size:19px;line-height:1.7;max-width:720px;}
.news-longform p{margin-bottom:22px;}
.news-longform p:first-of-type::first-letter{font-family:var(--serif);font-size:76px;font-weight:600;float:left;line-height:.9;margin:4px 8px 0 0;color:var(--accent);}
.news-longform h2{font-family:var(--serif);font-size:30px;letter-spacing:-.015em;margin:40px 0 14px;}
.news-longform .pull{border-left:4px solid var(--accent);padding-left:22px;font-style:italic;font-size:24px;line-height:1.4;color:var(--ink);margin:32px 0;}
.news-longform blockquote{background:var(--paper-2);padding:20px 24px;border-radius:var(--r);margin:24px 0;}
.news-longform blockquote p{margin:0 0 8px;font-size:17px;}
.news-longform blockquote cite{font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-mute);font-style:normal;}
.key-numbers{background:var(--ink);color:var(--paper);border-radius:var(--r);padding:24px;margin:28px 0;display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.key-numbers .n{font-family:var(--serif);font-size:38px;font-weight:600;line-height:1;letter-spacing:-.02em;}
.key-numbers .n small{color:var(--accent);font-size:17px;margin-left:4px;}
.key-numbers .l{font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:rgba(250,247,240,.6);margin-top:6px;}
.related-news{background:var(--paper-2);border-top:1px solid var(--paper-line);padding:64px 32px;margin-top:80px;}
.related-news-grid{max-width:1240px;margin:24px auto 0;display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.rel-news{background:var(--paper);border:1px solid var(--paper-line);border-radius:var(--r);overflow:hidden;}
.rel-news .img{aspect-ratio:16/9;background:repeating-linear-gradient(45deg,var(--paper-2) 0,var(--paper-2) 8px,var(--paper) 8px,var(--paper) 16px);display:flex;align-items:center;justify-content:center;font-family:var(--mono);font-size:10px;color:var(--ink-mute);letter-spacing:.14em;text-transform:uppercase;border-bottom:1px solid var(--paper-line);}
.rel-news .body{padding:20px;}
.rel-news .tag{font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin-bottom:6px;}
.rel-news h4{font-family:var(--serif);font-size:19px;line-height:1.25;letter-spacing:-.01em;margin-bottom:10px;}
.rel-news .meta{font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-mute);}

/* ============ UTILITY ============ */
.container{max-width:1240px;margin:0 auto;padding:0 32px;}
.divider{border:0;border-top:1px solid var(--paper-line);margin:48px 0;}
.rule-thick{border:0;border-top:3px double var(--ink);margin:24px 0;}


/* ============ COMPACT SITE HEADER ============ */
.site-header{background:var(--paper);border-bottom:2px solid var(--ink);padding:0 32px;position:sticky;top:0;z-index:100;}
.site-header-inner{max-width:1240px;margin:0 auto;display:flex;align-items:center;gap:20px;height:58px;}
.site-logo{display:flex;align-items:center;flex-shrink:0;text-decoration:none;}
.site-logo img{height:36px;width:auto;}
.logo-text{font-family:var(--serif);font-size:26px;font-weight:600;letter-spacing:-.02em;line-height:1;color:var(--ink);white-space:nowrap;}
.logo-text .logo-dot{color:var(--accent);}
.site-nav{flex:1;overflow:hidden;}
.site-nav ul{list-style:none;margin:0;padding:0;display:flex;gap:2px;align-items:center;}
.site-nav a{color:var(--ink);font-weight:500;font-size:13px;padding:6px 9px;border-radius:4px;white-space:nowrap;transition:color .15s;position:relative;}
.site-nav a:hover{color:var(--accent);}
.site-nav a.active{color:var(--accent);}
.site-nav a.active::after{content:"";position:absolute;left:9px;right:9px;bottom:-18px;height:2px;background:var(--accent);}
.site-nav .nav-cta{font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);margin-left:4px;}
.header-search{display:flex;align-items:center;gap:8px;border:1px solid var(--paper-line);border-radius:999px;padding:5px 12px;width:200px;background:var(--paper-2);flex-shrink:0;}
.header-search input{border:0;background:none;font:inherit;font-size:13px;width:100%;outline:none;color:var(--ink);}
.header-search input::placeholder{color:var(--ink-mute);}
.header-search kbd{font-family:var(--mono);font-size:10px;background:var(--paper);border:1px solid var(--paper-line);border-radius:3px;padding:1px 5px;color:var(--ink-mute);}
.ham{display:none;background:none;border:none;cursor:pointer;padding:8px;flex-shrink:0;}
.ham span{display:block;width:20px;height:2px;background:var(--ink);margin:4px 0;border-radius:1px;transition:.3s;}

/* ============ SPECIAL CALC INPUT FIX ============ */
/* Force dark styling inside dark calc cards */
.special-calc .sc-field .field{border-bottom:2px solid var(--accent);padding:8px 0;margin-bottom:4px;}
.special-calc .sc-field .field input,
.special-calc .sc-field .field select{
  background:transparent!important;
  background-color:transparent!important;
  -webkit-background-clip:text;
  border:none!important;
  outline:none!important;
  color:var(--paper)!important;
  -webkit-text-fill-color:var(--paper)!important;
  font-family:var(--serif)!important;
  font-size:36px!important;
  font-weight:600!important;
  width:100%!important;
  appearance:none!important;
  -webkit-appearance:none!important;
  box-shadow:none!important;
  padding:0!important;
}
.special-calc .sc-field .field select option{background:var(--ink);color:var(--paper);}
.special-calc .sc-result{display:none;margin-top:20px;padding-top:20px;border-top:1px dotted rgba(250,247,240,.2);font-family:var(--serif);font-size:32px;font-weight:600;color:var(--paper);}
.special-calc .sc-result.show{display:block;}
.special-calc .sc-result small{display:block;font-family:var(--mono);font-size:11px;color:rgba(250,247,240,.6);margin-top:6px;font-weight:400;letter-spacing:.08em;}
.special-calc .sc-btn{width:100%;margin-top:16px;padding:14px;background:var(--accent);color:var(--paper);border:none;border-radius:4px;font-family:var(--mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;transition:background .2s;}
.special-calc .sc-btn:hover{background:var(--accent-deep);}
.special-calc .sc-field{margin-bottom:12px;}
.special-calc .sc-field label{display:block;font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:rgba(250,247,240,.6);margin-bottom:6px;}

/* Cat grid: fix the 4th col gap when featured spans 2x2 */
.cat-grid{grid-template-columns:repeat(4,1fr);grid-auto-rows:200px;}
.cat-tile.featured{grid-column:span 2;grid-row:span 2;min-height:unset;}

/* Favicon support */


/* ============ LOGO WITH TAGLINE ============ */
.logo-wrap{display:flex;flex-direction:column;gap:0;}
.logo-text{font-family:var(--serif);font-size:22px;font-weight:600;letter-spacing:-.02em;line-height:1;color:var(--ink);}
.logo-tagline{font-family:var(--mono);font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-mute);line-height:1;margin-top:3px;}

/* ============ CATEGORY PILLS ============ */
.cat-pills{display:flex;gap:6px;flex-wrap:wrap;border-bottom:2px solid var(--ink);padding-bottom:0;}
.cpill{font-family:var(--sans);font-size:13px;font-weight:500;color:var(--ink-2);background:none;border:none;border-bottom:3px solid transparent;padding:10px 14px 12px;cursor:pointer;white-space:nowrap;transition:color .15s;line-height:1;margin-bottom:-2px;}
.cpill span{font-family:var(--mono);font-size:10px;letter-spacing:.08em;color:var(--ink-mute);margin-left:4px;}
.cpill:hover{color:var(--accent);}
.cpill.active{color:var(--ink);border-bottom-color:var(--accent);}

/* ============ CATEGORY QUICK-LINK GRID ============ */
.cat-quick-link{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;border:1px solid var(--paper-line);border-radius:4px;font-size:13px;color:var(--ink);transition:border-color .15s,background .15s;text-decoration:none;}
.cat-quick-link:hover{border-color:var(--accent);background:var(--paper-2);color:var(--ink);}
.cat-quick-link .ctitle{font-family:var(--serif);font-weight:600;font-size:13px;line-height:1.2;}
.cat-quick-link .cval{font-family:var(--mono);font-size:10px;color:var(--accent);flex-shrink:0;margin-left:8px;}

/* ============ BACK TO TOP ============ */
#back-top{position:fixed;bottom:28px;right:28px;width:42px;height:42px;background:var(--ink);color:var(--paper);border:none;border-radius:50%;cursor:pointer;display:none;align-items:center;justify-content:center;z-index:500;box-shadow:2px 2px 8px rgba(0,0,0,.25);transition:background .2s,transform .2s;font-size:18px;}
#back-top:hover{background:var(--accent);transform:translateY(-2px);}
#back-top.show{display:flex;}

/* ============ HEADER TWEAKS ============ */
/* Shrink site-header height slightly when tagline present */
.site-header-inner{height:62px;}

/* ============ RESPONSIVE ============ */
@media(max-width:900px){
  .site-header{padding:0 16px;}
  .site-nav{display:none;}
  .site-nav.open{display:block;position:fixed;top:58px;left:0;right:0;background:var(--paper);border-bottom:2px solid var(--ink);padding:16px;z-index:99;}
  .site-nav.open ul{flex-direction:column;gap:4px;}
  .site-nav.open a{display:block;padding:10px 16px;font-size:15px;}
  .header-search{width:160px;}
  .ham{display:block;}
  .hero-inner,.cat-hero-inner,.article-body,.article-layout,.split{grid-template-columns:1fr;}
  .hero-stats{border-left:0;border-top:1px solid var(--paper-line);padding-left:0;padding-top:24px;grid-template-columns:repeat(3,1fr);}
  .cat-grid{grid-template-columns:1fr 1fr;}
  .cat-tile.featured{grid-column:span 2;min-height:auto;}
  .trending-grid{grid-template-columns:repeat(2,1fr);}
  .calc-grid,.related-grid{grid-template-columns:repeat(2,1fr);}
  .related-news-grid{grid-template-columns:1fr;}
  .footer-inner{grid-template-columns:1fr 1fr;gap:24px;}
  .states{grid-template-columns:repeat(4,1fr);}
  .conv-grid{grid-template-columns:repeat(2,1fr);}
  .calc-list{grid-template-columns:repeat(2,1fr);}
  .hero-calc .hcalc{grid-template-columns:1fr;}
  .hero-calc .hcalc .arrow{display:none;}
  .sidebar{position:static;top:auto;}
  .key-numbers{grid-template-columns:1fr 1fr;}
}
@media(max-width:600px){
  .cat-pills{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;}
  .cpill{flex-shrink:0;}
  .header-search{width:130px;}
  .header-search kbd{display:none;}
  .hero h1{font-size:36px;}
  .cat-grid{grid-template-columns:1fr;}
  .cat-tile.featured{grid-column:span 1;}
  .trending-grid{grid-template-columns:1fr;}
  .calc-grid,.related-grid{grid-template-columns:1fr;}
  .footer-inner{grid-template-columns:1fr;}
  .states{grid-template-columns:repeat(2,1fr);}
  .calc-list{grid-template-columns:1fr;}
  .filter-bar{display:none;}

}

/* ===== PERFORMANCE HINTS ===== */
.site-header,.mh{will-change:transform;}
.hero-inner,.split,.article-body{contain:layout;}
img{height:auto;}
*{-webkit-tap-highlight-color:transparent;}