/* Calculator Hub - responsive interlink section */
.calc-hub { margin-top: 16px; padding: 10px 12px; background: #fbfcff; border: 1px solid #e5e7ff; border-radius: 12px; }
.calc-hub h2 { margin: 0 0 10px; font-size: 1.05em; color: #1d2548; }
.calc-hub ul { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.calc-hub li { margin: 0; }
.calc-hub a { display: block; padding: 10px 12px; border: 1px solid #dbe3ff; border-radius: 10px; background: #f6f8ff; color: #1d2548; text-decoration: none; font-weight: 600; letter-spacing: .2px; }
.calc-hub a:hover { background: #eef2ff; border-color: #c7d2ff; color: #182043; }
@media (max-width: 720px) {
  .calc-hub ul { grid-template-columns: 1fr; }
}

/* Reusable intro styling to reduce inline CSS */
.intro-accent { font-size: 1.02em; color: #472a9c; }
.seo-intro { margin: 6px 0 12px; line-height: 1.65; color: #1f2438; }

/* Hide side ads on mobile to prevent overflow */
@media (max-width: 768px) {
  .side-ad { display: none !important; }
}

/* CTA block after calc-hub */
.post-cta { margin-top: 14px; display: flex; justify-content: flex-start; }
.post-cta .btn { margin-right: 8px; }

/* Example result box for SEO-visible sample outputs */
.example-result { border: 1px solid #e3e3e3; background: #fafafa; border-radius: 8px; padding: 14px 16px; margin: 16px 0; }
.example-result h2 { font-size: 1.1rem; margin: 0 0 8px 0; }
.example-result ul { margin: 8px 0 0 18px; }
body{color:#1f2552;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;}
.container{background:linear-gradient(150deg,#ffffff 0%,#f7f9ff 48%,#f4f0ff 100%);}
.card-body{background:linear-gradient(135deg,#eef2ff 0%,#f2f6ff 50%,#ece9ff 100%);} 
label{color:#1d2f84;letter-spacing:.4px;}
input[type=text],select{background:#ffffff!important;color:#1e2752;font-weight:600;box-shadow:0 1px 2px rgba(30,55,140,.15) inset,0 1px 3px rgba(20,30,60,.08);} 
input[type=text]:focus,select:focus{box-shadow:0 0 0 3px #dde6ff,0 2px 6px -2px rgba(40,70,160,.35);} 
.header{background:linear-gradient(90deg,#262f99,#214fcc 42%,#147ed9 72%,#0aa2e2);} 
.main-title{-webkit-text-stroke:1px transparent;filter:drop-shadow(0 3px 8px rgba(50,40,120,.22));}
.panel h3{color:#452fb6;letter-spacing:.12em;}
table.master-table thead th{background:linear-gradient(100deg,#4739c0,#6034c8 50%,#2e5ec7);} 
.master-table tbody tr:hover{background:linear-gradient(90deg,#ece8ff,#e5f1ff);} 
.ps-name{filter:drop-shadow(0 4px 10px rgba(60,40,140,.25));}
.btn{background:linear-gradient(90deg,#0924b5,#5f00c9);} .btn:hover{background:linear-gradient(90deg,#0b2cc6,#6f09d9);} 
.toggle-group{background:linear-gradient(120deg,#ffffff,#eef2ff);} .toggle-btn.active{background:linear-gradient(90deg,#4262ff,#7a35e2);} 
.profile-summary{background:linear-gradient(140deg,#ffffff 0%,#fdfcff 28%,#f8f4ff 52%,#f1edff 78%,#eef0ff 100%);} 
.ps-chip strong{color:#3b2597;} .ps-chip{background:linear-gradient(145deg,#ffffff,#f3f6ff 55%,#f3edff);} 
.cel-glyph{background:radial-gradient(circle at 38% 30%,#ffffff 5%,#e5ddff 92%);} 
/* Extracted from natal-chart-french.html */
:root { --indian-font-stack: "Segoe UI", system-ui, Roboto, sans-serif; --primary:#4169e1; --gradient-head:linear-gradient(90deg,#6228d7,#4169e1); }
/* Narrow global reset so embedded server SVG text keeps its own font styling */
/* Global reset WITHOUT font-family to avoid inheriting into server SVG text */
* { margin:0; padding:0; box-sizing:border-box; }
/* Apply site font only to standard HTML text containers (exclude svg) */
body, header, nav, h1, h2, h3, h4, h5, h6, p, li, button, input, select, textarea, details, summary, blockquote, table, th, td, .panel, .card, .note { font-family:var(--indian-font-stack); }
/* Ensure any inline SVG we inject keeps its own internal styling (prevent class name collisions) */
.chart-responsive-square svg, .chart-responsive-square svg * { font-family:initial; }
html, body, button, input, select, textarea, table, th, td, .panel, .card, .master-table-wrap { font-family:var(--indian-font-stack); }
/* If any SVG inside chart should explicitly keep server fonts (with attributes), we avoid forcing font-family on svg/text */
body { background:linear-gradient(120deg,#e0f3ff,#efe3ff,#e0f3ff); background-attachment:fixed; }
.header { background:linear-gradient(to right,#283593,#1565c0); padding:12px 20px; display:flex; align-items:center; justify-content:space-between; color:#fff; flex-wrap:wrap; }
.logo { font-size:26px; width:250px; font-weight:700; background:linear-gradient(to right,#FF9A9E,#FAD0C4,#FECF7D,#B9FBC0,#C2E0FF,#AEEEEE); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; text-decoration:none; }
.nav { display:flex; gap:30px; font-size:16px; }
.nav a { color:#fff; text-decoration:none; padding:8px 16px; font-weight:500; border-radius:6px; transition:.3s; }
.nav a:hover { background:linear-gradient(120deg,rgba(255,255,255,.22),rgba(255,255,255,.12)); box-shadow:0 6px 16px -10px rgba(0,0,0,.28); transform:translateY(-1px); }
.nav a::before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:8px;background:radial-gradient(circle,#ffd29a,#ffadad);opacity:.85}
.nav a[aria-current="page"], .nav a.active{background:linear-gradient(120deg,rgba(255,255,255,.28),rgba(255,255,255,.16));border:1px solid rgba(255,255,255,.24)}
.hamburger { display:none; cursor:pointer; flex-direction:column; gap:5px; width:25px; height:18px; }
.hamburger div { width:100%; height:3px; background:#fff; border-radius:4px; }
.mobile-nav { position:fixed; top:0; right:-70%; width:70%; height:100%; background:linear-gradient(135deg,#0d2450,#2e4fa8); padding:24px 20px; display:flex; flex-direction:column; gap:16px; transition:right .35s ease; z-index:1000; border-left:1px solid rgba(255,255,255,.12); backdrop-filter:saturate(130%) blur(10px); -webkit-backdrop-filter:saturate(130%) blur(10px); }
.mobile-nav a { color:#fff; background:linear-gradient(135deg,rgba(255,255,255,.16),rgba(255,255,255,.08)); padding:12px 16px; border-radius:12px; text-decoration:none; font-size:17px; font-weight:700; border:1px solid rgba(255,255,255,.16); box-shadow:0 2px 6px rgba(0,0,0,.12) inset, 0 4px 12px -6px rgba(0,0,0,.25); display:flex; align-items:center; gap:12px; }
.mobile-nav a:hover { background:linear-gradient(135deg,rgba(255,255,255,.24),rgba(255,255,255,.12)); transform:translateX(4px); }
.mobile-nav a::after{content:"›"; margin-left:auto; opacity:.85}
.mobile-nav.active { right:0; }
.close-btn { position:absolute; top:16px; right:20px; font-size:30px; color:#f8bbd0; cursor:pointer; font-weight:bold; }
.close-btn:hover{transform:scale(1.06)}
@media (max-width:768px){ .nav{display:none;} .hamburger{display:flex;} }
/* Language selector styling (compact, header-friendly) */
.lang-dropdown{position:relative}
.lang-btn{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:10px;background:linear-gradient(90deg,#3b5edb,#2f88e6);border:1px solid rgba(255,255,255,.12);color:#fff;font-weight:800;cursor:pointer}
.lang-btn:hover{box-shadow:0 8px 18px -10px rgba(10,30,80,.35);transform:translateY(-1px)}
.lang-btn .lang-caret{opacity:.9;margin-left:6px;font-size:.9em}
.lang-list{position:absolute;right:0;top:calc(100% + 8px);min-width:160px;background:#fff;border-radius:10px;padding:6px 6px;box-shadow:0 10px 30px rgba(20,30,80,.18);list-style:none;display:none;margin:0;z-index:1200}
.lang-list[aria-hidden="false"]{display:block}
.lang-list li{padding:8px 10px;border-radius:8px;cursor:pointer;font-weight:700;color:#23315a;display:flex;align-items:center;gap:8px}
.lang-list li:hover,.lang-list li[aria-selected="true"]{background:linear-gradient(90deg,#eef4ff,#f6f9ff);}
.lang-flag{font-size:1.05em}
/* Mobile: keep header compact and show compact language button */
@media (max-width:620px){
  .header{flex-wrap:nowrap;padding:8px 12px;gap:8px;}
  .logo{font-size:18px;width:auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .lang-dropdown{display:flex;align-items:center;z-index:1400}
  .lang-btn{padding:6px 8px;border-radius:8px;font-size:0.92rem;min-width:40px}
  .lang-btn .lang-label{display:none}
  .lang-btn .lang-flag{font-size:1.15em}
  .lang-list{right:8px;left:auto;min-width:140px;top:calc(100% + 6px)}
  .hamburger{margin-left:auto;display:flex}
}
.container { max-width:940px; margin:20px auto 40px; background:#fff; border-radius:18px; padding:18px 18px 38px; box-shadow:0 6px 18px #1e3a8a22; }
/* Side ad slots: visible only on large screens where page has side gutters */
.side-ad{display:none}
@media (min-width:1200px){
  .side-ad{display:block; position:fixed; top:140px; width:160px; z-index:1050}
  /* place side ads into the gutters assuming .container max-width:940px */
  .side-ad.left{ left: calc((100% - 940px)/2 - 180px); }
  .side-ad.right{ right: calc((100% - 940px)/2 - 180px); }
}
/* Reserve a minimum height to reduce layout shift as ads load */
.side-ad, .ad-slot { min-height: 280px; }
/* Upgrade to 300px when viewport is wide enough to fit without overlap */
@media (min-width:1500px){
  .side-ad{ width:300px; }
  .side-ad.left{ left: calc((100% - 940px)/2 - 320px); }
  .side-ad.right{ right: calc((100% - 940px)/2 - 320px); }
}
.main-title { font-family:'Playfair Display',serif; font-size:2.5em; text-align:center; font-weight:900; letter-spacing:1.1px; margin:10px 0 20px; background:linear-gradient(90deg,#6f2bd9 10%,#3d7bff 55%,#07b8ff 90%); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; animation:grad 7s ease-in-out infinite; }
@keyframes grad { 0%{background-position:0% 50%;} 50%{background-position:100% 50%;} 100%{background-position:0% 50%;} }
.intro { font-size:1.06em; text-align:left; line-height:1.55; color:#3a2b75; margin:0 auto 14px; max-width:760px; }
.highlight-box { margin:26px 0 18px; padding:18px 16px; background:#e4efff; border-radius:14px; box-shadow:0 2px 8px #1e3a8a11; }
.highlight-box.alt { background:#f5e9ff; }
.highlight-box h2 { font-size:1.05em; color:#6d1fb5; margin-bottom:8px; }
.highlight-box ul, .highlight-box ol { line-height:1.65; color:#30215d; font-size:.99em; padding-left:18px; }
.card { width:100%; max-width:720px; margin:28px auto 0; background:#fff; border-radius:18px; border:1px solid #8fa6f133; box-shadow:0 6px 14px rgba(0,0,0,.12); overflow:visible; }
.card-head { background:var(--gradient-head); color:#fff; padding:15px 20px; font-weight:700; font-size:20px; border-top-left-radius:18px; border-top-right-radius:18px; }
.card-body { padding:24px 24px 6px; background:#eef2ff; }
label { display:block; font-size:16px; margin:0 0 6px; color:#14248a; font-weight:600; }
input[type=text], select { width:100%; padding:10px 12px; border:1px solid #bcd; border-radius:8px; font-size:15px; border:none; }
.row3 { display:flex; flex-wrap:wrap; gap:12px; margin-bottom:14px; align-items:center; }
.row3 .field { flex:1 1 30%; min-width:90px; }
.toggle-group { display:inline-flex; border:1px solid #bcd; border-radius:8px; overflow:hidden; }
.toggle-btn { padding:8px 16px; font-size:.85rem; cursor:pointer; border:none; background:#fff; font-weight:600; }
.toggle-btn.active { background:var(--primary); color:#fff; }
.switch { position:relative; width:48px; height:24px; display:inline-block; }
.switch input { opacity:0; width:0; height:0; }
.slider { position:absolute; inset:0; background:#9cc5ff; border-radius:24px; transition:.3s; }
.slider:before { content:""; position:absolute; width:20px; height:20px; left:3px; top:2px; background:#fff; border-radius:50%; transition:.3s; }
input:checked + .slider { background:#7b1fa2; }
input:checked + .slider:before { transform:translateX(24px); }
.btn { display:inline-block; width:230px; padding:12px 0; margin:26px auto 12px; background:linear-gradient(90deg,#081fb9,#6a00c9); color:#fff; font-weight:600; border:none; border-radius:38px; cursor:pointer; font-size:15px; letter-spacing:.5px; transition:.25s; position:relative; }
.btn:hover { transform:translateY(-2px) scale(1.02); }
.btn[disabled]{opacity:.55;cursor:progress;}
.autocomplete-list { position:absolute; top:100%; left:0; right:0; max-height:320px; overflow-y:auto; border:1px solid #ccd; background:#fff; border-radius:10px; box-shadow:0 4px 12px rgba(0,0,0,.12); z-index:10; }
.autocomplete-item { padding:10px 12px; cursor:pointer; font-size:15px; color:#222; }
.autocomplete-item:hover { background:#eef4ff; color:#0033cc; }
details { background:#f1f6ff; padding:10px 14px; margin:10px 0; border-radius:10px; }
details summary { cursor:pointer; font-weight:600; color:#23347e; }
blockquote { background:#fff; border-left:4px solid #6d1fb5; padding:12px 14px; border-radius:6px; margin:0; }
.note { font-size:.95em; color:#6932b8; text-align:center; margin:20px 0 8px; }
/* Beautiful, responsive styling for the input card only */
#inputCard{ --ic-primary:#6a3be6; --ic-accent:#2f8df0; --ic-border:#dbe1fb; --ic-label:#1d2a6b; }
#inputCard.card{ border:1px solid var(--ic-border); box-shadow:0 10px 28px -14px rgba(36,24,120,.35), 0 4px 14px -8px rgba(36,24,120,.18); background:linear-gradient(180deg,#ffffff 0%,#fbfcff 40%,#ffffff 100%); }
#inputCard .card-head{ background:linear-gradient(100deg,#6a3be6 0%,#2f8df0 100%); text-shadow:0 1px 0 rgba(255,255,255,.18); letter-spacing:.02em; }
#inputCard .card-body{ background:linear-gradient(160deg,#eef2ff 0%,#f3f0ff 100%); padding:22px 22px 8px; border-bottom-left-radius:18px; border-bottom-right-radius:18px; }
#inputCard label{ color:var(--ic-label); font-weight:800; letter-spacing:.02em; }
#inputCard input[type=text],
#inputCard select{ border:1px solid #d6dff7; border-radius:12px; background:#fff; box-shadow:0 1px 0 #fff inset, 0 1px 2px rgba(30,50,100,.05); transition:border .15s ease, box-shadow .15s ease, transform .02s; }
#inputCard input[type=text]:focus,
#inputCard select:focus{ outline:none; border-color:#7b90ff; box-shadow:0 0 0 3px rgba(102,140,255,.18), 0 1px 0 #fff inset; }
#inputCard .row3{ display:grid; gap:12px; grid-template-columns:repeat(auto-fit,minmax(140px,1fr)); align-items:center; }
#inputCard #comboBlock .row3,
#inputCard #manualBlock .row3{ grid-template-columns:repeat(3,minmax(0,1fr)); }
#inputCard .row3 .field{ min-width:0; }
#inputCard #genderRow{ display:flex; align-items:center; gap:8px; flex-wrap:wrap; }
#inputCard #genderRow label{ margin:0; }
#inputCard #genderRow .field{ flex:0 0 auto; min-width:0; background:transparent !important; padding:0; }
#inputCard #genderRow .toggle-group{ margin-left:0; }
#inputCard .toggle-group{ border:1px solid #d6dff7; border-radius:12px; background:#ffffff; box-shadow:0 1px 2px rgba(0,0,0,.06); overflow:hidden; }
#inputCard .toggle-btn{ padding:10px 16px; background:transparent; color:#24316b; display:inline-flex; align-items:center; gap:8px; white-space:nowrap; border-radius:10px; }
#inputCard .toggle-btn.active{ background:linear-gradient(90deg,#6a3be6,#2f8df0); color:#fff; box-shadow:inset 0 0 0 1px rgba(255,255,255,.35); }
#inputCard .toggle-btn .btn-ico{ font-size:1.05em; line-height:1; }
#inputCard .btn{ width:clamp(220px,50%,320px); padding:13px 18px; border-radius:999px; background:linear-gradient(90deg,#5e2bd9,#2f8df0); font-size:16px; font-weight:800; letter-spacing:.03em; border:1px solid rgba(255,255,255,.25); box-shadow:0 14px 28px -14px rgba(48,32,140,.6), 0 6px 16px -10px rgba(48,32,140,.35); }
#inputCard .btn:hover{ transform:translateY(-2px); box-shadow:0 18px 34px -16px rgba(48,32,140,.66), 0 8px 18px -10px rgba(48,32,140,.38); }
#inputCard .btn:focus-visible{ outline:3px solid #8aa2ff; outline-offset:2px; }
@media(max-width:380px){ #inputCard .toggle-btn{ padding:9px 12px; gap:6px; } #inputCard .toggle-btn .btn-ico{ display:none; } }
@media(max-width:620px){ #inputCard .btn{ width:100%; max-width:none; } }

@media (max-width:640px){
  .container{margin:12px auto 34px;padding:14px 14px 34px;}
  .main-title{font-size:1.9em;}
  .intro{font-size:.95em;}
  .card-body{padding:20px 18px 2px;}
  .btn{width:100%;}
  table{font-size:.72rem;}
  th{font-size:.58rem;}
  .panel h3{font-size:.72rem;}
}
@media (max-width:480px){
  .main-title{font-size:1.6em;}
  .nav a{padding:6px 10px;}
}

/* ---- Site Footer (Astro Footer) ---- */
.astro-footer{background:#eaf6ff;color:#08306b;padding:16px 14px;font-size:14px;margin-top:28px;border-top:1px solid rgba(12,39,76,0.06);} 
.astro-footer-inner{max-width:940px;margin:0 auto;display:flex;flex-direction:column;gap:8px;align-items:center}
.astro-footer-text{margin:0;line-height:1.45;max-width:900px;color:#13355a}
.astro-footer-links{display:flex;gap:8px;flex-wrap:wrap;align-items:center;justify-content:center;font-size:13px}
.astro-footer-links a{color:#0b5ed7;text-decoration:none;padding:4px 6px;border-radius:4px}
.astro-footer-links a:hover{text-decoration:underline;background:rgba(11,94,215,0.04)}
.astro-footer-copy{color:#0b3a63;font-size:13px;margin-top:4px}
@media(max-width:640px){ .astro-footer{padding:14px 10px;font-size:13px} .astro-footer-inner{gap:6px} }
/* Rich theme enhancements */
body{color:#1f2552;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;}
.container{background:linear-gradient(150deg,#ffffff 0%,#f7f9ff 48%,#f4f0ff 100%);} 
.card-body{background:linear-gradient(135deg,#eef2ff 0%,#f2f6ff 50%,#ece9ff 100%);} 
label{color:#1d2f84;letter-spacing:.4px;}
input[type=text],select{background:#ffffff!important;color:#1e2752;font-weight:600;box-shadow:0 1px 2px rgba(30,55,140,.15) inset,0 1px 3px rgba(20,30,60,.08);}
input[type=text]:focus,select:focus{box-shadow:0 0 0 3px #dde6ff,0 2px 6px -2px rgba(40,70,160,.35);}
.header{background:linear-gradient(90deg,#262f99,#214fcc 42%,#147ed9 72%,#0aa2e2);} 
.main-title{-webkit-text-stroke:1px transparent;filter:drop-shadow(0 3px 8px rgba(50,40,120,.22));}
.panel h3{color:#452fb6;letter-spacing:.12em;}

/* ===== Unified Theme Overrides (consolidate and enhance) ===== */
/* Tokens: keep existing values but expose common primitives */
:root{
  --surface: #ffffff;
  --surface-alt: #f7f9ff;
  --surface-glow: #f4f0ff;
  --border-soft: #e1e8fb;
  --shadow-soft: 0 6px 18px rgba(30,58,138,.12);
  --radius-lg: 18px;
}

/* Unify page surface across pages (.container and <main>) */
.container, main{
  max-width: 940px;
  background: linear-gradient(150deg,var(--surface) 0%,var(--surface-alt) 48%,var(--surface-glow) 100%);
  border: 1px solid var(--border-soft);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-soft);
}

/* Improved sticky header with subtle blur and elevation */
.header{
  position: sticky;
  top: 0;
  z-index: 1200;
  backdrop-filter: saturate(130%) blur(8px);
  -webkit-backdrop-filter: saturate(130%) blur(8px);
  background: linear-gradient(90deg,#262f99ee,#214fccee 42%,#147ed9ee 72%,#0aa2e2ee);
  box-shadow: 0 8px 18px -12px rgba(20,30,80,.35);
}
.header{transition:transform .24s ease, opacity .24s ease;}
.header--hidden{transform:translateY(-100%);opacity:.02;}
.header--visible{transform:translateY(0);opacity:1;}
.logo{
  letter-spacing: .2px;
  text-decoration: none;
}
.nav a{
  border: 1px solid transparent;
}
.nav a:hover{
  background: rgba(255,255,255,.18);
  border-color: rgba(255,255,255,.14);
}
.nav a[aria-current="page"], .nav a.active{
  background: rgba(255,255,255,.24);
  border-color: rgba(255,255,255,.22);
}
.mobile-nav{
  box-shadow: -14px 0 30px rgba(20,30,80,.25);
}
.mobile-nav{position:fixed;top:0;right:-80%;width:80%;height:100%;z-index:2000;border-left:1px solid rgba(255,255,255,.12);backdrop-filter:saturate(130%) blur(10px);-webkit-backdrop-filter:saturate(130%) blur(10px);padding:56px 18px 20px;}
.mobile-nav.active{right:0;} 
.close-btn{position:absolute;top:14px;right:16px;font-size:28px;color:#ffd6e8;cursor:pointer;font-weight:900;text-shadow:0 2px 8px rgba(0,0,0,.25);line-height:1;}
.close-btn:hover{transform:scale(1.06);} 
.mobile-nav::after{content:"";position:absolute;top:0;left:-100vw;height:100%;width:100vw;background:rgba(0,0,0,.25);opacity:0;pointer-events:none;transition:opacity .2s ease;} 
.mobile-nav.active::after{opacity:1;pointer-events:auto;} 

/* Beautiful right drawer item design */
.mobile-nav a{
  display:flex;
  align-items:center;
  gap:12px;
  padding:12px 14px;
  margin:4px 0;
  border-radius:12px;
  background:linear-gradient(135deg,rgba(255,255,255,.18),rgba(255,255,255,.08));
  border:1px solid rgba(255,255,255,.16);
  box-shadow:0 2px 6px rgba(0,0,0,.12) inset, 0 4px 12px -6px rgba(0,0,0,.25);
  color:#fff;
  text-decoration:none;
  font-weight:700;
}
.mobile-nav a:hover{background:linear-gradient(135deg,rgba(255,255,255,.28),rgba(255,255,255,.12));transform:translateX(4px);} 
.mobile-nav a::after{
  content:"›";
  margin-left:auto;
  opacity:.85;
}
.mobile-nav .group-divider{margin:12px 0;border-top:1px dashed rgba(255,255,255,.18);} 


/* Important: keep Full° column visible even on small screens */
@media (max-width: 420px){
  .master-table th.col-full,.master-table td.col-full{display: table-cell !important;}
}

/* Refined h1 gradient used across pages */
h1{
  filter: drop-shadow(0 3px 8px rgba(50,40,120,.18));
}

/* ===== Today (Current Positions) — Additional Styles appended ===== */
/* Extra CSS variables used by today pages */
:root{
  --grad-a:#1c3ea6; --grad-b:#6a28d9; --panel-bg:#ffffff; --panel-border:#d9e1f5; --ink:#1d2744; --accent:#562fd9;
  font-variant-numeric:tabular-nums;
}

@keyframes grain{0%,100%{transform:translate(0,0);}25%{transform:translate(-2%,1%);}50%{transform:translate(2%,-1%);}75%{transform:translate(-1%,2%);}}
#starfield{position:absolute;inset:0;width:100%;height:100%;display:block;z-index:-1;}

/* Today page container (uses <main>) */
main{max-width:940px;margin:26px auto 70px;padding:16px 18px 26px;border-radius:18px;background:linear-gradient(150deg,#ffffff 0%,#f7f9ff 48%,#f4f0ff 100%);border:1px solid #e1e8fb;box-shadow:0 6px 18px rgba(30,58,138,.12);} 
@media (max-width:640px){ main{margin:12px auto 50px;padding:12px 12px 20px;border-radius:14px;} }


/* Language dropdown tweaks for mobile on today page */
@media (max-width:768px){
  .header{gap:10px}
  #hamburger{order:3}
  .lang-dropdown{order:2;margin-left:auto}
  .lang-btn{padding:6px 10px}
  .lang-dropdown .lang-list{position:fixed;right:12px;top:64px;max-height:60vh;overflow:auto}
}