
:root[data-theme="dark"]{
  --bg:#0c0c0c;--bg2:#131313;--bg3:#1a1a1a;--bg4:#202020;--surface:#181818;
  --border:#252525;--border2:#2d2d2d;
  --text:#f0ede8;--text2:#8a8278;--text3:#4a4540;
  --acc:#d4a843;--acc2:#b8902e;--acc-dim:rgba(212,168,67,.1);
  --green:#3d9e6e;--red:#c0504a;--blue:#4a86c4;--purple:#9b6fd4;--orange:#e07842;--teal:#3db8a4;
  --sidebar:252px;
}
:root[data-theme="light"]{
  --bg:#f0ebe0;--bg2:#e8e2d5;--bg3:#ddd7c8;--bg4:#d4cec0;--surface:#faf8f4;
  --border:#cdc7b8;--border2:#c0b9a8;
  --text:#1a1612;--text2:#6b6055;--text3:#a09080;
  --acc:#b8820a;--acc2:#9a6c08;--acc-dim:rgba(184,130,10,.1);
  --green:#2a7a50;--red:#a03030;--blue:#2a5fa0;--purple:#7a5fc0;--orange:#c06030;--teal:#2a9888;
  --sidebar:252px;
}
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{font-family:'Syne',sans-serif;background:var(--bg);color:var(--text);min-height:100vh;display:flex;flex-direction:column;}

/* HEADER */
.hdr{height:52px;background:var(--bg2);border-bottom:1px solid var(--border);
  display:flex;align-items:center;justify-content:space-between;padding:0 1.2rem;
  position:sticky;top:0;z-index:300;}
.logo{font-size:1.1rem;font-weight:800;letter-spacing:-.03em;color:var(--acc);display:flex;align-items:center;gap:.5rem;}
.logo em{color:var(--text);font-style:normal;font-weight:400;}
.logo-dot{width:7px;height:7px;background:var(--acc);border-radius:50%;}
.logo-icon{width:26px;height:26px;border-radius:6px;object-fit:contain;flex-shrink:0;}
.hdr-r{display:flex;align-items:center;gap:.8rem;}
.cnt-badge{font-family:'DM Mono',monospace;font-size:.65rem;color:var(--text3);letter-spacing:.08em;}
.theme-btn,.menu-btn{width:34px;height:34px;border-radius:7px;background:var(--bg4);border:1px solid var(--border2);
  cursor:pointer;font-size:.95rem;display:flex;align-items:center;justify-content:center;transition:all .2s;}
.theme-btn:hover,.menu-btn:hover{border-color:var(--acc);}
.menu-btn{display:none;}

/* LAYOUT */
.app{display:flex;flex:1;min-height:0;}

/* SIDEBAR */
.sidebar{width:var(--sidebar);background:var(--bg2);border-right:1px solid var(--border);
  overflow-y:auto;flex-shrink:0;position:sticky;top:52px;height:calc(100vh - 52px);
  scrollbar-width:thin;scrollbar-color:var(--border2) transparent;}
.sidebar::-webkit-scrollbar{width:3px;}
.sidebar::-webkit-scrollbar-thumb{background:var(--border2);border-radius:2px;}

.cat-sec{padding:.4rem 0;}
.cat-hdr{padding:.5rem 1rem;font-size:.6rem;font-weight:700;letter-spacing:.1em;
  text-transform:uppercase;color:var(--text3);display:flex;align-items:center;gap:.45rem;cursor:pointer;user-select:none;}
.cdot{width:5px;height:5px;border-radius:50%;flex-shrink:0;}
.cat-items{padding:0 .4rem .3rem;}
.ni{width:100%;background:transparent;border:none;padding:.42rem .75rem;border-radius:5px;
  text-align:left;font-family:'Syne',sans-serif;font-size:.75rem;font-weight:500;
  color:var(--text2);cursor:pointer;transition:all .12s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.ni:hover{background:var(--bg4);color:var(--text);}
.ni.active{background:var(--acc-dim);color:var(--acc);font-weight:700;}
.sep{height:1px;background:var(--border);margin:.25rem .75rem;}

/* MAIN */
.main{flex:1;overflow-y:auto;min-width:0;}
.content{padding:1.4rem 2.2rem 3rem;width:100%;box-sizing:border-box;}

/* CAT PAGE */
.cat-pg{display:none;}
.cat-pg.active{display:block;}
.pg-hdr{display:flex;align-items:center;gap:.9rem;padding:1.2rem 0 1rem;border-bottom:1px solid var(--border);margin-bottom:1.2rem;}
.pg-icon{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:1rem;flex-shrink:0;}
.pg-title{font-size:1.2rem;font-weight:800;letter-spacing:-.03em;}
.pg-sub{font-size:.7rem;color:var(--text2);font-family:'DM Mono',monospace;margin-top:.15rem;}

/* SUB TABS */
.stabs{display:flex;gap:.35rem;flex-wrap:wrap;margin-bottom:1.2rem;}
.stab{background:var(--bg4);border:1px solid var(--border2);padding:.42rem .85rem;border-radius:5px;
  font-family:'Syne',sans-serif;font-size:.72rem;font-weight:600;cursor:pointer;color:var(--text2);transition:all .15s;white-space:nowrap;}
.stab:hover{border-color:var(--acc);color:var(--text);}
.stab.active{background:var(--acc);color:#000;border-color:var(--acc);}

/* CALC PANEL */
.cpanel{display:none;}
.cpanel.active{display:grid;grid-template-columns:440px 1fr;gap:1.5rem;}
@media(max-width:880px){.cpanel.active{grid-template-columns:1fr;}}

/* CARDS */
.card{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:1.3rem;}
.home-cat-card{transition:border-color .2s,box-shadow .2s;}
.home-cat-card:hover{box-shadow:0 4px 16px rgba(0,0,0,.12);}
/* ═══ SEO CONTENT SECTIONS ═══ */
.seo-box{background:var(--bg2);border:1px solid var(--border);border-radius:10px;padding:1.6rem 1.8rem;margin-top:1rem;line-height:1.75;grid-column:1/-1;}
.seo-box h2{font-size:1.05rem;font-weight:800;color:var(--acc);letter-spacing:-.02em;margin-bottom:.7rem;margin-top:0;}
.seo-box h3{font-size:.88rem;font-weight:700;color:var(--text);letter-spacing:-.01em;margin:1.1rem 0 .4rem;}
.seo-box p{font-size:.82rem;color:var(--text2);margin-bottom:.7rem;}
.seo-box ul{font-size:.82rem;color:var(--text2);padding-left:1.2rem;margin-bottom:.7rem;}
.seo-box li{margin-bottom:.3rem;}
.seo-box .seo-example{background:var(--bg3);border-left:3px solid var(--acc);border-radius:0 6px 6px 0;padding:.8rem 1rem;margin:.6rem 0;font-size:.82rem;color:var(--text);}
.seo-box .seo-faq{margin-top:.4rem;}
.seo-box .seo-faq dt{font-size:.83rem;font-weight:700;color:var(--text);margin-top:.8rem;}
.seo-box .seo-faq dd{font-size:.81rem;color:var(--text2);margin-left:0;margin-top:.2rem;}
.seo-toggle{display:flex;align-items:center;gap:.5rem;font-size:.72rem;font-family:'DM Mono',monospace;color:var(--text3);cursor:pointer;margin-top:.6rem;user-select:none;}
.seo-toggle:hover{color:var(--acc);}

.ctitle{font-size:.9rem;font-weight:700;letter-spacing:-.02em;margin-bottom:.15rem;}
.cdesc{font-size:.68rem;color:var(--text2);font-family:'DM Mono',monospace;margin-bottom:1.1rem;}

/* FIELDS */
.field{margin-bottom:1rem;}
.flbl{display:flex;justify-content:space-between;align-items:center;
  font-size:.65rem;font-weight:700;color:var(--text2);text-transform:uppercase;letter-spacing:.07em;margin-bottom:.4rem;}
.fv{font-family:'DM Mono',monospace;font-size:.82rem;font-weight:500;color:var(--acc);}
.frow{display:flex;gap:.5rem;align-items:center;}
.frow input[type=range]{flex:1;}

input[type=range]{-webkit-appearance:none;appearance:none;height:3px;border-radius:2px;background:var(--border2);cursor:pointer;outline:none;}
input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:13px;height:13px;border-radius:50%;background:var(--acc);cursor:pointer;border:2px solid var(--bg2);transition:transform .15s;}
input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.3);}
input[type=range]::-moz-range-thumb{width:13px;height:13px;border-radius:50%;background:var(--acc);cursor:pointer;border:2px solid var(--bg2);}

input[type=number],input[type=date],select{
  width:100px;padding:.35rem .45rem;border:1px solid var(--border2);border-radius:5px;
  background:var(--bg3);color:var(--text);font-family:'DM Mono',monospace;font-size:.75rem;
  text-align:center;outline:none;transition:border-color .2s;}
input[type=number]:focus,input[type=date]:focus,select:focus{border-color:var(--acc);}
select{width:100%;text-align:left;cursor:pointer;padding-left:.5rem;}
input[type=date]{width:125px;text-align:left;}

/* BUTTONS */
.brow{display:flex;gap:.5rem;margin-top:1rem;flex-wrap:wrap;align-items:center;}
.bcalc{flex:1;min-width:80px;background:var(--acc);color:#000;border:none;padding:.62rem 1rem;
  border-radius:7px;font-family:'Syne',sans-serif;font-size:.78rem;font-weight:700;cursor:pointer;transition:all .2s;}
.bcalc:hover{background:var(--acc2);transform:translateY(-1px);}
.breset{background:var(--bg4);color:var(--text2);border:1px solid var(--border2);padding:.58rem .8rem;
  border-radius:7px;font-family:'Syne',sans-serif;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s;}
.breset:hover{border-color:var(--text2);color:var(--text);}
.badd{background:transparent;border:1px dashed var(--border2);color:var(--text2);padding:.4rem .8rem;
  border-radius:5px;font-family:'Syne',sans-serif;font-size:.72rem;font-weight:600;cursor:pointer;transition:all .2s;}
.badd:hover{border-color:var(--acc);color:var(--acc);}
.bdel{background:transparent;border:1px solid var(--border2);color:var(--red);
  width:26px;height:26px;border-radius:4px;font-size:.85rem;cursor:pointer;transition:all .2s;
  flex-shrink:0;display:flex;align-items:center;justify-content:center;}
.bdel:hover{background:var(--red);color:#fff;border-color:var(--red);}
.itog{display:flex;align-items:center;gap:.3rem;cursor:pointer;font-size:.65rem;font-weight:700;
  color:var(--text3);text-transform:uppercase;letter-spacing:.06em;background:var(--bg4);
  border:1px solid var(--border2);padding:.4rem .6rem;border-radius:5px;transition:all .2s;user-select:none;}
.itog.on{color:var(--green);border-color:var(--green);}
.itog-dot{width:5px;height:5px;border-radius:50%;background:currentColor;}

/* RESULTS */
.rgrid{background:var(--bg3);border:1px solid var(--border);border-radius:9px;padding:1rem;margin-bottom:1rem;}
.rrow{display:flex;justify-content:space-between;align-items:center;padding:.4rem 0;border-bottom:1px solid var(--border);font-size:.8rem;}
.rrow:last-child{border-bottom:none;}
.rl{color:var(--text2);font-weight:500;}
.rv{font-family:'DM Mono',monospace;font-weight:500;color:var(--text);}
.rhi{background:var(--bg4);border-radius:7px;padding:.7rem .9rem;margin:.3rem 0;display:flex;justify-content:space-between;align-items:center;}
.rhi .rl{font-size:.75rem;font-weight:700;color:var(--text);}
.rhi .rv{font-size:1.1rem;color:var(--acc);}

/* INFO BOX */
.ibox{background:var(--acc-dim);border:1px solid rgba(212,168,67,.2);border-radius:7px;
  padding:.7rem .9rem;margin-bottom:.9rem;font-size:.7rem;color:var(--text2);line-height:1.6;font-family:'DM Mono',monospace;}

/* INFLATION */
.infpanel{background:var(--bg4);border:1px solid var(--border2);border-radius:7px;padding:.8rem;margin-bottom:1rem;}
.inftitle{font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.09em;color:var(--green);margin-bottom:.6rem;}
.infcols{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;}
.infbox{background:var(--bg3);border-radius:5px;padding:.55rem;text-align:center;}
.inflbl{font-size:.6rem;color:var(--text3);margin-bottom:.2rem;}
.infval{font-family:'DM Mono',monospace;font-size:.85rem;font-weight:600;}

/* CHARTS */
.cwrap{display:flex;flex-direction:column;gap:1rem;}
.chbox{background:var(--bg3);border:1px solid var(--border);border-radius:9px;padding:1rem;}
.chtitle{font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.09em;color:var(--text2);margin-bottom:.8rem;}
.ch2{display:grid;grid-template-columns:200px 1fr;gap:1rem;}
@media(max-width:600px){.ch2{grid-template-columns:1fr;}}

/* XIRR / PREPAY ROWS */
.xrow{display:grid;grid-template-columns:125px 1fr 28px;gap:.4rem;align-items:center;margin-bottom:.45rem;}
.xrow input{width:100%;}
.prow{display:grid;grid-template-columns:125px 1fr 60px 28px;gap:.4rem;align-items:center;margin-bottom:.45rem;}
.prow input{width:100%;}
.prow span{font-size:.65rem;color:var(--text3);}


/* LIVE DATA BUTTON */
.ilive{display:flex;align-items:center;gap:.3rem;cursor:pointer;font-size:.65rem;font-weight:700;
  color:var(--text3);text-transform:uppercase;letter-spacing:.06em;background:var(--bg4);
  border:1px solid var(--border2);padding:.4rem .6rem;border-radius:5px;transition:all .2s;user-select:none;
  position:relative;}
.ilive:hover{border-color:var(--teal);color:var(--teal);}
.ilive.loading{opacity:.6;cursor:wait;}
.ilive.loaded{color:var(--teal);border-color:var(--teal);}
.live-dot{width:5px;height:5px;border-radius:50%;background:currentColor;flex-shrink:0;}
.live-dot.pulse{animation:pulse 1.2s infinite;}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.2}}
.inf-live-box{background:rgba(61,184,164,.08);border:1px solid rgba(61,184,164,.25);border-radius:7px;
  padding:.65rem .9rem;margin-bottom:.9rem;display:none;}
.inf-live-box.show{display:block;}
.inf-live-row{display:flex;justify-content:space-between;align-items:center;font-size:.72rem;}
.inf-live-val{font-family:'DM Mono',monospace;font-weight:700;color:var(--teal);font-size:1rem;}
.inf-live-src{font-size:.6rem;color:var(--text3);font-family:'DM Mono',monospace;margin-top:.25rem;}

/* RESPONSIVE */
@media(max-width:768px){
  .sidebar{display:none;position:fixed;top:52px;left:0;bottom:0;z-index:200;}
  .sidebar.open{display:block;}
  .menu-btn{display:flex;}
}

/* ═══ CHATBOT ═══ */
.chat-fab{position:fixed;bottom:1.5rem;right:1.5rem;width:52px;height:52px;border-radius:50%;background:var(--acc);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.4rem;box-shadow:0 4px 20px rgba(0,0,0,.3);z-index:999;transition:transform .2s;}
.chat-fab:hover{transform:scale(1.1);}
.chat-fab .chat-badge{position:absolute;top:-2px;right:-2px;width:16px;height:16px;background:#e74c3c;border-radius:50%;font-size:.6rem;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;}
.chat-panel{position:fixed;bottom:5rem;right:1.5rem;width:340px;max-height:520px;background:var(--bg2);border:1px solid var(--border);border-radius:14px;box-shadow:0 8px 40px rgba(0,0,0,.3);z-index:998;display:none;flex-direction:column;overflow:hidden;}
.chat-panel.open{display:flex;}
.chat-hdr{padding:.9rem 1rem;background:var(--acc);color:#000;font-weight:700;font-size:.9rem;display:flex;align-items:center;justify-content:space-between;border-radius:14px 14px 0 0;}
.chat-hdr-info{display:flex;align-items:center;gap:.5rem;}
.chat-hdr span{font-size:1.1rem;}
.chat-close{background:none;border:none;cursor:pointer;font-size:1.1rem;color:#000;padding:0 .2rem;}
.chat-msgs{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:.8rem;}
.chat-msgs::-webkit-scrollbar{width:3px;}
.chat-msgs::-webkit-scrollbar-thumb{background:var(--border2);}
.cmsg{max-width:88%;padding:.65rem .9rem;border-radius:12px;font-size:.82rem;line-height:1.6;}
.cmsg.bot{background:var(--bg);border:1px solid var(--border);color:var(--text);align-self:flex-start;border-radius:4px 12px 12px 12px;}
.cmsg.user{background:var(--acc);color:#000;align-self:flex-end;border-radius:12px 4px 12px 12px;}
.cmsg.typing{color:var(--text2);font-style:italic;}
.chat-suggestions{padding:.5rem 1rem;display:flex;flex-wrap:wrap;gap:.4rem;border-top:1px solid var(--border);}
.chat-chip{background:var(--bg);border:1px solid var(--border);border-radius:20px;padding:.3rem .75rem;font-size:.75rem;cursor:pointer;color:var(--text2);transition:all .15s;}
.chat-chip:hover{border-color:var(--acc);color:var(--acc);}
.chat-input-row{display:flex;gap:.5rem;padding:.75rem;border-top:1px solid var(--border);}
.chat-input{flex:1;background:var(--bg);border:1px solid var(--border);border-radius:20px;padding:.5rem .9rem;font-size:.82rem;color:var(--text);outline:none;}
.chat-input:focus{border-color:var(--acc);}
.chat-send{background:var(--acc);border:none;border-radius:50%;width:32px;height:32px;cursor:pointer;font-size:.9rem;flex-shrink:0;}
.legal-page{
  max-width:860px;
  width:100%;
  margin:2rem auto;
  padding:2rem 1.5rem;
  line-height:1.85;
  box-sizing:border-box;
}
.legal-page h1{font-size:1.5rem;font-weight:800;color:var(--acc);margin-bottom:.4rem;}
.legal-page h2{font-size:1rem;font-weight:700;color:var(--text);margin:1.4rem 0 .4rem;}
.legal-page p,.legal-page li{font-size:.85rem;color:var(--text2);margin-bottom:.6rem;}
.legal-page ul{padding-left:1.4rem;}
.legal-page a{color:var(--acc);text-decoration:none;}
.legal-page a:hover{text-decoration:underline;}
.social-row{display:flex;gap:1rem;flex-wrap:wrap;margin-top:1rem;}
.social-btn{display:inline-flex;align-items:center;gap:.5rem;background:var(--bg2);border:1px solid var(--border);border-radius:8px;padding:.55rem 1rem;font-size:.82rem;color:var(--text);text-decoration:none;font-weight:600;transition:border-color .2s;}
.social-btn:hover{border-color:var(--acc);color:var(--acc);}
.contact-card{background:var(--bg2);border:1px solid var(--border);border-radius:10px;padding:1.4rem 1.6rem;margin-bottom:1rem;}



/* SEO content — country-specific */
.india-seo-content { display: block; }
.non-india-mode .india-seo-content { display: none; }
.country-seo-content { display: none; }
.non-india-mode .country-seo-content.active-country { display: block; }
/* Current Inflation button — India only */
.india-live-btn { display: inline-flex; }
.non-india-mode .india-live-btn { display: none !important; }

/* ═══ SIDEBAR ACCORDION ═══ */
.cat-items { 
  overflow: hidden;
  max-height: 0;
  transition: max-height 0.25s ease;
}
.cat-sec.open .cat-items { 
  max-height: 500px; 
}
.cat-hdr {
  cursor: pointer;
  user-select: none;
  display: flex;
  align-items: center;
  gap: .5rem;
  padding: .35rem .4rem;
  border-radius: 6px;
  transition: background .15s;
}
.cat-hdr:hover { background: var(--bg); }
.cat-hdr::after {
  content: '›';
  margin-left: auto;
  font-size: .85rem;
  color: var(--text2);
  transition: transform .2s;
  line-height: 1;
}
.cat-sec.open .cat-hdr::after { transform: rotate(90deg); }
/* Hide India-only items in non-india mode entirely */
.non-india-mode .india-only-nav { display: none !important; }
/* Hide India-only separator sections when all items hidden */
.non-india-mode .cat-sec.india-only-section { display: none !important; }

/* ═══ COUNTRY SWITCHER ═══ */
.country-bar{display:flex;align-items:center;gap:.35rem;padding:.5rem .8rem;background:var(--bg2);border-bottom:1px solid var(--border);flex-wrap:wrap;position:sticky;top:0;z-index:90;}
.country-bar-label{font-size:.68rem;font-weight:700;color:var(--text2);letter-spacing:.05em;text-transform:uppercase;margin-right:.2rem;white-space:nowrap;}
.cflag{background:none;border:2px solid transparent;border-radius:6px;padding:.18rem .32rem;font-size:1rem;cursor:pointer;transition:all .15s;line-height:1.2;display:inline-flex;align-items:center;gap:.25rem;}
.cflag:hover{border-color:var(--acc);background:var(--bg);}
.cflag.active{border-color:var(--acc);background:var(--bg);box-shadow:0 0 0 1px var(--acc);}
.cflag .cflag-name{font-size:.65rem;font-weight:600;color:var(--text2);display:none;}
@media(min-width:700px){.cflag .cflag-name{display:inline;}}
@media(max-width:699px){.cflag{padding:.15rem .22rem;font-size:.9rem;}}
.cflag-name{font-size:.68rem;font-weight:600;color:var(--text);letter-spacing:-.01em;}
.cflag.active .cflag-name{color:var(--acc);}
.in-badge{font-size:.6rem;vertical-align:middle;opacity:.8;}
.india-only-note{font-size:.72rem;color:var(--text2);background:var(--bg2);border:1px dashed var(--border);border-radius:6px;padding:.35rem .6rem;margin:.5rem 0 1rem;display:none;}
.india-only-note.visible{display:block;}
/* India-only nav items dim when non-India country selected */
/* india-only-nav now hidden via accordion CSS */
.non-india-mode .india-only-nav:hover{opacity:.9;}

/* BUG 3: Dark mode country code visibility */
[data-theme="dark"] .cflag .cflag-name,
[data-theme="dark"] .cflag-name {
  color: #e8dfc0 !important;
}
[data-theme="dark"] .cflag.active .cflag-name {
  color: #1a1710 !important;
}
[data-theme="dark"] .cflag:not(.active) .cflag-name {
  color: #c8b898 !important;
}

/* BUG 4B: Mobile layout improvements */
@media(max-width:768px) {
  /* Country bar: horizontal scroll, bigger tap targets */
  .country-bar {
    flex-wrap:nowrap;
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
    min-height:44px;
    padding:.4rem .6rem;
  }
  .country-bar::-webkit-scrollbar{display:none;}
  .cflag {
    min-height:44px;
    padding:.25rem .4rem;
    font-size:.88rem;
  }
  .cflag .cflag-name{font-size:.7rem !important;display:inline !important;}

  /* Prevent iOS auto-zoom on inputs */
  input[type=number],input[type=date],select,input[type=text],textarea {
    font-size:16px !important;
  }

  /* Input fields: full width, better padding */
  input[type=number] {
    width:100%;
    padding:.75rem .6rem;
    text-align:left;
  }

  /* Header: no overflow */
  .hdr { padding:0 .8rem; }
  .logo { font-size:.95rem; }
  .logo em { display:none; }

  /* Calculator cards: full width */
  .cpanel.active { grid-template-columns:1fr; gap:1rem; }

  /* Content padding reduced on mobile */
  .content { padding:1rem 1rem 2.5rem; }

  /* Legal pages */
  .legal-page { padding:1rem; margin:1rem auto; }
}

/* BUG 5: Full-width bottom sections */
.full-width-section {
  width:100%;
  max-width:100%;
  margin-left:0;
  margin-right:0;
  padding:2rem 3rem;
  box-sizing:border-box;
  grid-column:1 / -1;
}
@media(max-width:768px){
  .full-width-section { padding:1rem; }
}
/* Make disclaimer / why-tickeroot / FAQ sections span full width */
.cat-pg .full-bleed,
#cat-about .disclaimer-section,
#cat-about .why-section,
#cat-about .faq-section {
  grid-column: 1 / -1;
  width: 100%;
}

/* BUG 6: Ensure home panel always visible when active */
#cat-about.active {
  display:block !important;
}
/* Legal pages positioning fix — they are outside main content, need positioning */
#pg-privacy, #pg-about-us, #pg-contact, #pg-terms {
  max-width:860px;
  width:100%;
  margin:0 auto;
  padding:2rem 1.5rem;
  box-sizing:border-box;
}
