:root {
  --shell: min(1120px, calc(100% - 24px));
  --wine: #720817;
  --wine-dark: #3b020a;
  --burgundy: #851630;
  --red: #e00024;
  --red-bright: #f0002b;
  --gold: #f1b91e;
  --gold-soft: #ffe9a1;
  --cream: #fff9df;
  --paper: #fff;
  --ink: #1d1617;
  --muted: #6f6263;
  --green: #07883c;
  --blue: #0788c8;
  --line: #e5d5a7;
  --shadow: 0 7px 20px rgba(69, 7, 16, .11);
  --shell: min(1160px, calc(100% - 24px));
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  color: var(--ink);
  background: linear-gradient(180deg, #fff8d9 0, #fffdf5 45%, #fff6d3 100%);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  line-height: 1.5;
}
img { max-width: 100%; height: auto; }
a { color: #062f76; text-underline-offset: .15em; }
button, input, select, textarea { font: inherit; }
button { cursor: pointer; }
.shell { width: var(--shell); margin-inline: auto; }
.skip-link { position: fixed; top: -100px; left: 1rem; z-index: 1000; background: #fff; padding: .7rem 1rem; }
.skip-link:focus { top: 1rem; }

.topline { color: #ffeab2; background: #2a0107; font-size: .76rem; }
.topline__inner { min-height: 30px; display: flex; align-items: center; justify-content: space-between; gap: 1rem; }
.site-header { position: relative; z-index: 50; background: rgba(255, 251, 239, .98); border-bottom: 1px solid #eadab2; }
.brand-row { min-height: 76px; display: flex; align-items: center; gap: 1rem; }
.brand { display: flex; align-items: center; gap: .7rem; color: var(--wine); text-decoration: none; }
.brand__wide { width: 94px; height: 54px; object-fit: cover; object-position: center 56%; border-radius: 9px; box-shadow: 0 4px 12px rgba(70, 4, 14, .18); }
.brand__copy { display: grid; line-height: 1.1; }
.brand__copy strong { font: 800 1.42rem Georgia, serif; letter-spacing: .02em; }
.brand__copy small { margin-top: .25rem; color: var(--muted); }
.primary-nav { margin-left: auto; display: flex; align-items: center; gap: .16rem; }
.primary-nav a { padding: .52rem .67rem; color: var(--wine-dark); border-radius: 8px; text-decoration: none; font-size: .86rem; font-weight: 800; }
.primary-nav a:hover, .primary-nav a.active { color: #fff; background: var(--wine); }
.nav-toggle { display: none; margin-left: auto; padding: .55rem .78rem; color: var(--wine); background: #fffbed; border: 1px solid #ddc77f; border-radius: 10px; font-weight: 850; }
.setup-notice { padding: .6rem; color: #684200; text-align: center; background: #fff0b0; border-bottom: 1px solid #e4b735; }
.flash-stack { padding-top: .8rem; }
.flash { margin-bottom: .5rem; padding: .75rem 1rem; border-radius: 10px; font-weight: 750; }
.flash--success { color: #07532b; background: #dff8e9; border: 1px solid #83d7a7; }
.flash--error { color: #7b0716; background: #ffe3e6; border: 1px solid #ed9faa; }
main { min-height: 62vh; }

.section { padding: .85rem 0; }
.section--tight { padding: .45rem 0; }
.section--first { padding-top: .45rem; }
.portal-intro { padding-bottom: .4rem; }
.brand-banner {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  min-height: 96px;
  padding: .65rem 1rem;
  text-align: center;
  background: linear-gradient(135deg, #fff8ce, #fffdf4);
  border: 2px solid var(--wine);
  border-left-color: var(--red);
  border-right-color: var(--red);
  border-radius: 14px;
  box-shadow: 0 3px 0 #092c79;
}
.brand-banner img { width: 112px; height: 66px; object-fit: cover; border-radius: 8px; }
.brand-banner h1 { margin: 0; color: #062c7a; font-size: clamp(1.8rem, 5vw, 2.45rem); line-height: 1; }
.brand-banner p { margin: .3rem 0 0; font-weight: 700; font-style: italic; }
.intro-card {
  margin-top: .8rem;
  padding: .9rem 1.2rem;
  text-align: center;
  background: rgba(255,255,255,.83);
  border: 1px solid #173b74;
  border-radius: 14px;
  box-shadow: var(--shadow);
}
.intro-card h2 { max-width: 800px; margin: 0 auto .55rem; color: #082f82; font-size: 1.3rem; line-height: 1.22; }
.intro-card p { max-width: 900px; margin: 0 auto .45rem; font-weight: 650; }
.intro-card small { color: var(--muted); }

.panel, .portal-panel { overflow: hidden; background: rgba(255,255,255,.9); border: 1px solid var(--line); border-radius: 13px; box-shadow: var(--shadow); }
.panel__body { padding: 1rem; }
.title-ribbon {
  margin: 0;
  padding: .68rem .8rem;
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  font-size: clamp(1.02rem, 3.5vw, 1.35rem);
  line-height: 1.2;
  background: linear-gradient(100deg, #b80010, #f00020, #b70000);
  border: 1px solid #ff243d;
  border-radius: 12px;
  box-shadow: 0 7px 14px rgba(172, 0, 17, .2);
}
.title-ribbon small { font-size: .86em; font-weight: 700; }
.analytics-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: .55rem; padding: .55rem; }
.metric { overflow: hidden; min-height: 78px; display: grid; grid-template-rows: auto 1fr; text-align: center; background: #fff; border: 1px solid #e0e0e0; border-radius: 10px; }
.metric span { padding: .38rem; color: #fff; font-size: .76rem; font-weight: 900; text-transform: uppercase; }
.metric--red span { background: #f00021; }
.metric--green span { background: #087d27; }
.metric strong { align-self: center; padding: .5rem; color: #181313; font-size: 1.25rem; }
.update-note { padding: .48rem .7rem; color: #785600; text-align: center; background: #fff9df; border-bottom: 1px solid #eedc96; font-size: .85rem; font-weight: 750; }
.live-summary { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: .6rem 1rem; padding: .65rem 1rem; text-align: center; }
.live-summary__label { color: var(--red); font-weight: 900; }
.live-summary strong { font-size: 1.25rem; letter-spacing: .08em; }
.result-state { display: inline-flex; padding: .25rem .58rem; border-radius: 999px; font-size: .69rem; font-weight: 900; text-transform: uppercase; }
.result-state--pending { color: #724800; background: #fff0a5; }
.result-state--open { color: #064d84; background: #d8efff; }
.result-state--closed { color: #075b31; background: #d2f7e3; }

.action-panels { display: grid; grid-template-columns: 1fr 1fr; gap: .8rem; margin-top: .8rem; }
.whatsapp-panel, .add-market-panel { overflow: hidden; background: #fff; border-radius: 14px; box-shadow: var(--shadow); }
.whatsapp-panel { border: 2px solid #00a56e; }
.add-market-panel { border: 2px solid #f12b3f; }
.whatsapp-panel h3, .add-market-panel h3 { margin: 0; padding: .65rem; color: #fff; text-align: center; font-size: 1rem; }
.whatsapp-panel h3 { background: linear-gradient(90deg,#009a77,#087c76); }
.add-market-panel h3 { background: linear-gradient(90deg,#d60018,#ff1d38); }
.whatsapp-panel > div, .add-market-panel > div { padding: .9rem 1rem; text-align: center; }
.whatsapp-panel h4 { margin: 0 0 .3rem; font-size: 1.15rem; }
.whatsapp-panel p, .add-market-panel p { max-width: 620px; margin: .3rem auto .75rem; }
.whatsapp-panel small { display: block; margin-top: .55rem; color: var(--muted); }
.add-market-panel p { font-size: 1.03rem; font-weight: 700; }

.button { display: inline-flex; align-items: center; justify-content: center; gap: .35rem; padding: .68rem 1rem; border: 0; border-radius: 999px; text-decoration: none; font-weight: 900; }
.button:hover { filter: brightness(1.07); transform: translateY(-1px); }
.button--green { color: #fff; background: linear-gradient(135deg,#05cf79,#049675); }
.button--wine { color: #fff; background: linear-gradient(135deg,var(--wine),var(--red)); }
.button--gold { color: #290207; background: linear-gradient(135deg,#ffe99b,var(--gold)); }
.button--light { color: var(--wine); background: #fff; border: 1px solid #e1d0a3; }
.button--small { padding: .48rem .72rem; font-size: .8rem; }
.hero__actions { display: flex; flex-wrap: wrap; gap: .6rem; margin-top: 1rem; }

.results-ribbon { border-radius: 12px 12px 0 0; }
.market-list { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: .7rem; }
.market-card {
  overflow: hidden;
  padding: .72rem .75rem .55rem;
  text-align: center;
  background: #fff;
  border: 1px solid #e1ded7;
  border-radius: 13px;
  box-shadow: 0 4px 11px rgba(70, 12, 19, .07);
}
.market-card--featured { background: #fffce7; border: 2px solid #edbd18; }
.market-card h3 { margin: 0; color: var(--red); font-size: 1.08rem; }
.market-result-line { display: flex; align-items: center; justify-content: center; gap: .2rem; margin: .28rem 0; font-size: 1.3rem; font-weight: 850; letter-spacing: .09em; }
.market-result-line i { font-style: normal; }
.market-jodi { color: var(--red); }
.market-timing { margin: .35rem 0; color: #b02a3d; font-size: .78rem; }
.market-card__actions { display: flex; align-items: center; justify-content: center; gap: .5rem; }
.chart-button { padding: .42rem .62rem; color: #fff; border-radius: 7px; text-decoration: none; font-size: .75rem; font-weight: 850; }
.chart-button--jodi { background: var(--blue); }
.chart-button--panel { background: var(--green); }
.schedule-pill { padding: .28rem .5rem; color: #333; background: #f5f6f8; border: 1px solid #d4d8df; border-radius: 999px; font-size: .68rem; white-space: nowrap; }

.section-heading { margin-bottom: .7rem; }
.section-heading h2 { margin: 0; color: var(--wine); font: 800 clamp(1.45rem,4vw,2.15rem) Georgia, serif; }
.section-heading p { margin: .25rem 0 0; color: var(--muted); }
.content-card { padding: clamp(1.1rem, 3vw, 2rem); background: rgba(255,255,255,.94); border: 1px solid #e3d9bd; border-radius: 14px; box-shadow: var(--shadow); }
.content-card--compact { max-width: 1040px; }
.content-card h1 { color: var(--wine); font: 800 clamp(1.8rem,5vw,2.8rem) Georgia, serif; line-height: 1.12; }
.content-card h2 { margin: 0 0 .65rem; color: #7e1c2d; font-size: 1.35rem; line-height: 1.25; }
.content-card h3 { margin: 1rem 0 .4rem; color: #922033; font-size: 1.05rem; }
.content-card p, .content-card li { color: #342d2e; text-align: justify; }
.content-card p { margin: .45rem 0; }
.content-card .lead { font-size: 1.05rem; }
.prose-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: .8rem; }
.prose-card { padding: 1rem; background: #fff; border: 1px solid var(--line); border-radius: 12px; }
.prose-card h3 { margin-top: 0; }

.table-title { margin: 0; padding: .7rem; color: #fff; text-align: center; background: #082f8c; font-size: 1.25rem; }
.table-wrap { overflow-x: auto; background: #fff; border: 1px solid var(--line); border-radius: 12px; box-shadow: var(--shadow); }
.table-wrap--flush { border: 0; border-radius: 0 0 12px 12px; box-shadow: none; }
.final-table, .record-table, .admin-table { width: 100%; border-collapse: collapse; }
.final-table th, .final-table td, .record-table th, .record-table td, .admin-table th, .admin-table td { padding: .62rem; text-align: center; border: 1px solid #e4e0d6; }
.final-table th, .record-table th, .admin-table th { color: #fff; background: var(--wine); font-size: .78rem; text-transform: uppercase; }
.compact-table td { padding: .45rem; }
.compact-table thead th { background: #ed001c; }
.compact-table tr.is-highlighted { background: #fff835; }
.record-table tbody tr:nth-child(even) { background: #fff9e9; }
.week-range { color: var(--wine); font-weight: 800; }
.panel-result { display: grid; place-items: center; gap: .08rem; }
.panel-result__jodi { color: var(--red); font-size: 1.05rem; font-weight: 950; }
.panel-result__pana { font-size: .75rem; }
.pending-cell { color: #907b7e; font-weight: 800; }

.zone-stack { display: grid; grid-template-columns: 1fr 1fr; gap: .8rem; }
.zone-card { padding: .75rem; background: rgba(255,255,255,.9); border: 1px solid #eee4c7; border-radius: 12px; box-shadow: 0 4px 12px rgba(75,13,22,.05); }
.zone-card h2 { margin: 0 0 .65rem; padding: .58rem; color: #fff; text-align: center; text-transform: uppercase; background: var(--burgundy); border-radius: 7px; font-size: 1rem; }
.zone-links { display: grid; gap: .45rem; }
.zone-links a {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 46px;
  padding: .52rem .65rem;
  color: #052c70;
  text-align: center;
  text-decoration: none;
  background: #fff;
  border: 2px solid #052f76;
  border-left-width: 7px;
  border-radius: 9px;
  font-size: .87rem;
  font-weight: 800;
}
.zone-links a:hover { color: #fff; background: #062f76; }
.tools-zone { padding: .9rem; background: #fff; border: 2px solid #0a3374; border-radius: 14px; }
.tools-zone > h2 { margin: 0 0 .75rem; color: #092f72; text-align: center; font-size: 1.25rem; }
.tool-link-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: .55rem; }
.tool-link-grid a { padding: .7rem; color: #fff; text-align: center; text-decoration: none; background: linear-gradient(135deg,#9c1730,#7d1028); border: 2px solid #de264b; border-radius: 8px; font-size: .82rem; font-weight: 850; }
.weekly-grid { display: grid; grid-template-columns: 1fr 1fr; gap: .8rem; margin-top: .8rem; }
.weekly-card { overflow: hidden; background: #fff; border: 1px solid var(--line); border-radius: 12px; box-shadow: var(--shadow); }
.weekly-card h3 { margin: 0; padding: .6rem; color: #fff; text-align: center; background: #082f8c; }
.weekly-card p { margin: .55rem; text-align: center; }
.weekly-date { color: #0b367e; font-weight: 750; }
.week-matrix { width: 100%; table-layout: fixed; border-collapse: collapse; }
.week-matrix th, .week-matrix td { padding: .48rem .2rem; text-align: center; border: 1px solid #eee5d0; }
.week-matrix th { color: #fff; background: var(--wine); font-size: .68rem; }
.week-matrix td { font-weight: 850; }

.free-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: .75rem; margin-top: .75rem; }
.free-card { overflow: hidden; padding: 0 1rem 1rem; text-align: center; background: #fff; border: 1px solid #e0d7c0; border-radius: 12px; box-shadow: var(--shadow); }
.free-card h3 { margin: 0 -1rem .45rem; padding: .48rem; color: #fff; background: #5b0b53; }
.free-date { display: inline-flex; padding: .18rem .55rem; color: #172766; border: 1px solid #ef37db; border-radius: 999px; font-size: .75rem; }
.hit-note { padding: .42rem; color: #087531; text-align: left; background: #e7f8ec; border-left: 4px solid var(--green); font-weight: 800; }
.free-line { margin: .45rem 0; }
.free-line strong { color: #00868f; }
.free-line:nth-of-type(3) strong { color: #078735; }
.seo-copy { margin-inline: auto; }
.directory-columns { display: grid; grid-template-columns: 1fr 1fr; gap: .8rem; align-items: start; }
.directory-zone .zone-links a { min-height: 42px; }
.faq-panel { overflow: hidden; background: #fff; border-radius: 12px; box-shadow: var(--shadow); }
.faq-panel > h2 { margin: 0; padding: .8rem 1rem; color: #fff; text-align: center; background: #0764bc; font-size: 1.18rem; }
.faq-list { display: grid; }
.faq-list details { padding: .82rem 1rem; background: #fff; border-bottom: 1px solid #eee; }
.faq-list summary { color: #221b1d; font-weight: 750; cursor: pointer; }
.faq-list p { margin: .65rem 0 0; color: #55494b; }

.page-hero { padding: 1.3rem 0 .7rem; text-align: center; }
.page-hero h1 { margin: .25rem 0; color: var(--wine); font: 800 clamp(1.75rem,5vw,3rem) Georgia, serif; line-height: 1.12; }
.page-hero p { max-width: 760px; margin: .4rem auto 0; color: var(--muted); }
.eyebrow { color: var(--burgundy); font-size: .76rem; font-weight: 900; letter-spacing: .12em; text-transform: uppercase; }
.today-strip { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: .65rem; padding: .65rem; background: #fff; border: 1px solid var(--line); border-radius: 11px; }
.today-strip strong { color: var(--red); font-size: 1.15rem; }
.chart-page { background: #fff0ce; border: 1px solid #f0bd75; }
.chart-scroll-links { display: flex; justify-content: center; gap: .6rem; margin-top: .6rem; }
.chart-scroll-links a { padding: .55rem .85rem; color: #072968; background: #8fd6fb; border: 1px solid #397ca5; border-radius: 4px; text-decoration: none; font-weight: 850; box-shadow: 0 4px 10px rgba(0,0,0,.2); }
.chart-table { table-layout: fixed; }
.chart-table th:first-child, .chart-table td:first-child { width: 106px; }
.chart-table td { min-width: 0; }
.chart-explainer { max-width: 940px; margin-inline: auto; }

.link-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: .65rem; }
.link-card { min-height: 64px; display: flex; align-items: center; justify-content: space-between; padding: .7rem .9rem; color: var(--wine); background: #fff; border: 1px solid var(--line); border-radius: 11px; text-decoration: none; font-weight: 800; box-shadow: 0 4px 12px rgba(69,7,16,.06); }
.link-card::after { content: "→"; color: var(--red); }
.link-card:hover { color: #fff; background: var(--wine); }
.tool-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: .75rem; }
.tool-card { padding: 1rem; background: #fff; border: 1px solid var(--line); border-radius: 12px; box-shadow: var(--shadow); }
.tool-card h2 { margin-top: 0; color: var(--wine); }
.form-grid { display: grid; gap: .75rem; }
.form-row { display: grid; gap: .3rem; }
.form-row label { color: var(--wine); font-size: .84rem; font-weight: 850; }
input, select, textarea { width: 100%; min-height: 44px; padding: .65rem .75rem; color: var(--ink); background: #fffefa; border: 1px solid #cdb67d; border-radius: 9px; outline: none; }
textarea { min-height: 140px; resize: vertical; }
input:focus, select:focus, textarea:focus { border-color: var(--red); box-shadow: 0 0 0 3px rgba(197,22,41,.11); }
.inline-options { display: flex; flex-wrap: wrap; gap: .65rem; }
.inline-options label { display: inline-flex; align-items: center; gap: .3rem; }
.inline-options input { width: auto; min-height: auto; }
.result-box { margin-top: .8rem; padding: 1rem; color: #fff; background: linear-gradient(135deg,var(--wine),var(--red)); border: 1px solid var(--gold); border-radius: 12px; }
.result-box h3 { margin-top: 0; color: var(--gold-soft); }
.chip-row { display: flex; flex-wrap: wrap; gap: .35rem; margin: .45rem 0; }
.chip { display: inline-flex; padding: .28rem .5rem; color: var(--wine); background: #fff; border: 1px solid #e5ca88; border-radius: 999px; font-size: .8rem; font-weight: 800; }
.error-box { margin-bottom: .7rem; padding: .7rem 1rem; color: #7f0013; background: #ffe3e8; border: 1px solid #e79eaa; border-radius: 9px; }
.honeypot { position: absolute !important; width: 1px !important; height: 1px !important; overflow: hidden !important; clip: rect(1px,1px,1px,1px) !important; }

.forum-list { display: grid; gap: .65rem; }
.forum-post { display: grid; grid-template-columns: 1fr auto; gap: .7rem; padding: .85rem; color: inherit; background: #fff; border: 1px solid var(--line); border-radius: 11px; text-decoration: none; }
.forum-post h3 { margin: 0; color: var(--wine); }
.forum-post p { margin: .2rem 0 0; color: var(--muted); }
.forum-meta { color: var(--muted); font-size: .76rem; }
.empty-state { padding: 1rem; color: var(--muted); text-align: center; background: #fff; border: 1px dashed #cbb176; border-radius: 10px; }

.site-footer { margin-top: 1.2rem; color: #f6e9df; background: #2b0108; border-top: 3px solid var(--gold); }
.footer-grid { display: grid; grid-template-columns: 1.35fr repeat(3,1fr); gap: 1.4rem; padding: 1.6rem 0 1rem; }
.footer-grid h2 { color: var(--gold-soft); font-size: .92rem; }
.footer-grid a { display: block; margin: .35rem 0; color: #f6e9df; text-decoration: none; font-size: .88rem; }
.footer-logo { width: 92px; height: 92px; object-fit: cover; border-radius: 50%; border: 2px solid var(--gold); }
.disclaimer { padding: .8rem 0 1rem; color: #dbc8c3; border-top: 1px solid rgba(255,255,255,.15); font-size: .8rem; }
.footer-bottom { padding: .65rem 0; color: #d8c4be; background: #140003; font-size: .78rem; }
.floating-actions { position: fixed; z-index: 120; left: 16px; right: 16px; bottom: 12px; display: flex; align-items: center; justify-content: space-between; pointer-events: none; }
.floating-action { pointer-events: auto; padding: .48rem .78rem; color: #fff; background: linear-gradient(135deg,#9e1537,#4f194e); border: 1px solid rgba(255,255,255,.7); border-radius: 999px; box-shadow: 0 5px 15px rgba(0,0,0,.25); text-decoration: none; font-size: .75rem; font-weight: 800; }
.floating-action--refresh { border-color: rgba(255,255,255,.7); }

@media (max-width: 960px) {
  .nav-toggle { display: inline-flex; }
  .primary-nav { position: absolute; top: 100%; left: 10px; right: 10px; display: none; padding: .55rem; background: #fffaf0; border: 1px solid var(--line); border-radius: 12px; box-shadow: var(--shadow); }
  .primary-nav.open { display: grid; }
  .market-list { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .tool-link-grid { grid-template-columns: repeat(2,1fr); }
  .link-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .footer-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}

@media (max-width: 720px) {
  :root { --shell: calc(100% - 16px); }
  .topline__inner { justify-content: center; min-height: 28px; }
  .topline__inner span:first-child { display: none; }
  .brand-row { min-height: 72px; }
  .brand__wide { width: 76px; height: 48px; }
  .brand__copy strong { font-size: 1.2rem; }
  .brand__copy small { display: none; }
  .brand-banner { min-height: 76px; padding: .45rem .6rem; }
  .brand-banner img { width: 82px; height: 52px; }
  .brand-banner h1 { font-size: 1.72rem; }
  .brand-banner p { font-size: .78rem; }
  .intro-card { margin-top: .55rem; padding: .75rem .8rem; }
  .intro-card h2 { font-size: 1.05rem; }
  .intro-card p { font-size: .88rem; }
  .analytics-grid { grid-template-columns: repeat(2,1fr); gap: .45rem; padding: .45rem; }
  .metric { min-height: 74px; }
  .action-panels, .zone-stack, .weekly-grid, .directory-columns, .free-grid, .market-list, .tool-grid, .prose-grid { grid-template-columns: 1fr; }
  .action-panels { gap: .6rem; }
  .whatsapp-panel > div, .add-market-panel > div { padding: .75rem; }
  .market-list { gap: .55rem; }
  .market-card { padding: .62rem .55rem .5rem; }
  .market-card h3 { font-size: 1rem; }
  .market-result-line { margin: .18rem 0; font-size: 1.18rem; }
  .chart-button { padding: .38rem .52rem; font-size: .7rem; }
  .schedule-pill { font-size: .62rem; }
  .content-card { padding: 1rem; }
  .content-card h2 { font-size: 1.2rem; }
  .content-card p { font-size: .92rem; }
  .zone-card { padding: .6rem; }
  .zone-links { gap: .38rem; }
  .zone-links a { min-height: 43px; padding: .45rem .5rem; font-size: .79rem; }
  .tool-link-grid { gap: .42rem; }
  .tool-link-grid a { padding: .58rem .35rem; font-size: .72rem; }
  .table-title { font-size: 1.08rem; }
  .chart-table th:first-child, .chart-table td:first-child { width: 70px; }
  .chart-table th, .chart-table td { padding: .32rem .12rem; font-size: .69rem; }
  .chart-table .week-range { font-size: .62rem; }
  .chart-table .panel-result__pana { font-size: .56rem; letter-spacing: 0; }
  .chart-table .panel-result__jodi { font-size: .78rem; }
  .footer-grid { grid-template-columns: 1fr 1fr; gap: .9rem; padding-top: 1.2rem; }
  .footer-grid > div:first-child { grid-column: 1 / -1; }
  .floating-actions { left: 12px; right: 12px; bottom: 9px; }
  .floating-action { padding: .42rem .65rem; font-size: .68rem; }
}

@media (max-width: 430px) {
  .brand-banner { display: block; }
  .brand-banner img { display: none; }
  .brand-banner h1 { font-size: 1.65rem; }
  .live-summary { gap: .4rem .7rem; }
  .market-card__actions { gap: .36rem; }
  .chart-button { padding-inline: .42rem; }
  .footer-grid { grid-template-columns: 1fr; }
  .footer-grid > div:first-child { grid-column: auto; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; transition: none !important; }
}

/* Shared public inner pages and compact, non-obstructive footer. */
.visually-hidden {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
.anchor-target { scroll-margin-top: 1rem; }
.prose-flow > :first-child { margin-top: 0; }
.prose-flow > :last-child { margin-bottom: 0; }
.prose-flow p,
.prose-flow li { line-height: 1.72; }

.page-hero { padding: .72rem 0 .42rem; }
.page-hero__inner {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  padding: clamp(1.15rem, 4vw, 2rem);
  color: #fff2cf;
  text-align: left;
  background:
    radial-gradient(circle at 90% -20%, rgba(255,215,79,.35), transparent 38%),
    linear-gradient(115deg,#250005,#680615 62%,#9b120e);
  border: 1px solid #d5a527;
  border-radius: 18px;
  box-shadow: inset 0 0 0 3px rgba(53,0,8,.55), inset 0 0 0 4px rgba(255,210,69,.35), var(--premium-shadow);
}
.page-hero__inner::after { content: ""; position: absolute; z-index: -1; right: -100px; bottom: -145px; width: 280px; height: 280px; border: 1px solid rgba(255,223,112,.18); border-radius: 50%; box-shadow: 0 0 0 25px rgba(255,223,112,.035),0 0 0 54px rgba(255,223,112,.025); }
.page-hero .eyebrow { display: block; margin-bottom: .35rem; color: #f3c957; font-size: .67rem; font-weight: 900; letter-spacing: .14em; text-transform: uppercase; }
.page-hero h1 { margin: 0; color: #fff7dd; font-size: clamp(1.65rem,5vw,2.75rem); text-shadow: 0 2px 0 #290006; }
.page-hero p { max-width: 820px; margin: .45rem 0 0; color: #f4e4dc; font-size: .92rem; }

.breadcrumb-nav { margin-top: .45rem; }
.breadcrumb-nav ol { display: flex; flex-wrap: wrap; gap: .35rem; margin: 0; padding: .45rem .65rem; list-style: none; color: #765f61; background: rgba(255,255,255,.7); border: 1px solid #eadab1; border-radius: 10px; font-size: .72rem; }
.breadcrumb-nav li + li::before { content: "/"; margin-right: .35rem; color: #b39242; }
.breadcrumb-nav a { color: #6a0819; font-weight: 800; }
.page-related-links { display: flex; flex-wrap: wrap; justify-content: center; gap: .45rem; margin-block: .45rem 1rem; padding: .7rem; background: #fff9e7; border: 1px solid #d8bd70; border-radius: 12px; }
.page-related-links a { padding: .36rem .58rem; color: #650919; background: #fff; border: 1px solid #dec98e; border-radius: 999px; text-decoration: none; font-size: .72rem; font-weight: 800; }

.chart-live-card { overflow: hidden; border: 1px solid #d2a936; border-radius: 16px; box-shadow: var(--premium-shadow); }
.chart-live-card__title { margin: 0; border-radius: 0; }
.chart-live-card__summary { display: grid; grid-template-columns: minmax(150px,1fr) auto auto auto; align-items: center; gap: .7rem; padding: .75rem; }
.chart-live-card__summary .live-summary__label { color: #6c0819; font-weight: 900; }
.chart-live-card__summary .live-summary__result { font: 900 1.25rem Georgia,serif; letter-spacing: .06em; }
.jump-links { width: var(--shell); margin: .52rem auto 0; }
.jump-links a { color: #4d020c; background: linear-gradient(180deg,#ffe47a,#d69b0c); border-color: #aa7504; border-radius: 999px; box-shadow: 0 4px 10px rgba(63,20,0,.13); }
.jump-links--bottom { margin-bottom: .9rem; }
.chart-table-wrap { overflow: auto; max-height: none; background: #fff; border: 1px solid #cda643; border-radius: 15px; box-shadow: var(--premium-shadow); scrollbar-color: #a87909 #fff3cb; }
.chart-table { min-width: 760px; }
.chart-table thead th { position: sticky; z-index: 2; top: 0; color: #fff1bd; background: linear-gradient(105deg,#2c0007,#720718); }
.chart-table tbody th { color: #650918; background: #fff0be; }
.chart-table tbody tr:nth-child(even) { background: #fff9e9; }
.chart-table td { height: 72px; }
.week-range { font-size: .68rem; }
.week-range span { display: block; color: #a27609; font-size: .57rem; }
.pending-cell { color: #9c8a8d; font-weight: 800; }
.panel-result { display: grid; gap: .12rem; }
.panel-result__pana { color: #423436; font: 750 .68rem ui-monospace,monospace; }
.panel-result__jodi { color: #c30f32; font: 900 1rem Georgia,serif; }
.chart-explainer-card { border-left: 5px solid #76091a; }
.page-actions { display: flex; flex-wrap: wrap; gap: .5rem; margin-top: 1rem; }

.record-directory-grid { align-items: start; }
.record-directory-grid .directory-zone { padding: .58rem; }
.directory-link-list a { grid-template-columns: 1fr auto; }
.information-note { padding: .75rem; color: #664e0a; background: #fff4c7; border: 1px solid #dfbf56; border-left: 4px solid #a87806; border-radius: 10px; }
.number-family-table caption,
.record-table caption { padding: .7rem; color: #fff1bd; background: linear-gradient(105deg,#2b0007,#74081a); font-weight: 900; }
.number-lines { display: grid; gap: .35rem; }
.number-lines > div { display: grid; grid-template-columns: 60px 1fr; border: 1px solid #e4d7b0; border-radius: 8px; overflow: hidden; }
.number-lines dt { display: grid; place-items: center; color: #fff2c5; background: #79091d; font-size: .7rem; font-weight: 900; }
.number-lines dd { margin: 0; padding: .5rem; font-size: .78rem; }

.tool-workspace { display: grid; gap: .75rem; }
.tool-grid--single { grid-template-columns: minmax(0,760px); justify-content: center; }
.tool-card {
  padding: 1rem;
  background: linear-gradient(145deg,#fff,#fff9e8);
  border: 1px solid #d4b65f;
  border-top: 4px solid #76091b;
  border-radius: 15px;
  box-shadow: var(--premium-shadow);
}
.tool-card h2 { margin: 0 0 .35rem; color: #680919; }
.form-intro { margin: 0 0 .35rem; color: #6c5d5f; font-size: .8rem; }
.form-row small { color: #78686a; font-size: .68rem; }
.form-row input,
.form-row select,
.form-row textarea {
  width: 100%;
  padding: .68rem .72rem;
  color: #281d1f;
  background: #fff;
  border: 1px solid #cdbf9c;
  border-radius: 9px;
  outline: none;
}
.form-row input:focus,
.form-row select:focus,
.form-row textarea:focus { border-color: #9d0f27; box-shadow: 0 0 0 3px rgba(157,15,39,.12); }
.option-fieldset { padding: .65rem; border: 1px solid #dcc783; border-radius: 9px; }
.option-fieldset legend { color: #690919; font-weight: 850; }
.inline-options { display: flex; flex-wrap: wrap; gap: .65rem; }
.inline-options label { display: inline-flex; align-items: center; gap: .25rem; }
.calculator-result { padding: 1rem; color: #2e2224; background: linear-gradient(145deg,#fff7d5,#fff); border: 1px solid #d4ad39; border-left: 5px solid #0a8750; border-radius: 14px; box-shadow: var(--premium-shadow); }
.calculator-result h2 { color: #630818; }
.calculator-result code { display: inline-block; padding: .2rem .35rem; color: #fff2c4; background: #650718; border-radius: 5px; }
.form-message { border-radius: 10px; }
.honeypot { position: absolute; left: -10000px; }

.content-page-card,
.content-page-extra-card,
.contact-guide-card,
.contact-extra-card { max-width: 960px; }
.content-page-card h2,
.content-page-extra-card h2 { padding-bottom: .35rem; border-bottom: 1px solid #ead8a8; }
.content-page-card ol > li,
.content-page-card ul > li { margin-bottom: .35rem; }
.contact-layout { align-items: start; }
.contact-checklist { padding-left: 1.2rem; }
.contact-details { margin-top: .8rem; padding: .7rem; background: #fff7d8; border: 1px solid #dfc36e; border-radius: 10px; font-style: normal; }
.privacy-reminder { padding: .65rem; color: #665653; background: #f8f4ed; border-left: 4px solid #9f7510; font-size: .75rem; }
.contact-form textarea { min-height: 150px; resize: vertical; }

.site-footer { margin-top: .8rem; padding: .75rem 0; color: #f8e9d8; background: linear-gradient(145deg,#210005,#3d0109 58%,#57040f); border-top: 3px solid #d3a327; }
.footer-card { display: grid; gap: .7rem; padding: 1rem; color: #f6e9df; text-align: left; background: rgba(31,0,5,.54); border: 1px solid rgba(225,175,47,.54); border-radius: 16px; box-shadow: inset 0 1px 0 rgba(255,255,255,.08); }
.footer-brand-block { display: flex; align-items: center; justify-content: space-between; gap: 1rem; }
.footer-brandline { display: inline-flex; margin: 0; padding: .55rem .7rem; color: #ffe492; text-decoration: none; background: rgba(255,255,255,.04); border: 1px solid #bc8d19; border-radius: 10px; }
.footer-brand-block p { max-width: 620px; margin: 0; color: #eadbd0; font-size: .76rem; }
.footer-primary-links,
.footer-legal-links { display: flex; flex-wrap: wrap; justify-content: flex-start; gap: .38rem .5rem; margin: 0; }
.footer-primary-links a,
.footer-legal-links a { padding: .32rem .5rem; color: #f4dfb7; background: rgba(255,255,255,.045); border: 1px solid rgba(225,175,47,.25); border-radius: 999px; text-decoration: none; font-size: .7rem; font-weight: 750; }
.footer-legal-links a + a::before { content: none; }
.footer-quick-actions { display: flex; flex-wrap: wrap; gap: .45rem; }
.footer-action { padding: .45rem .65rem; color: #fff0bd; background: linear-gradient(115deg,#620719,#8c0f27); border: 1px solid #c79827; border-radius: 9px; text-decoration: none; font-size: .72rem; font-weight: 850; }
.footer-action--refresh { cursor: pointer; }
.footer-disclaimer { padding: .7rem; color: #e9ddd4; background: rgba(255,255,255,.045); border: 0; border-left: 4px solid #c79622; border-radius: 8px; }
.footer-disclaimer strong { color: #ffe18b; }
.footer-disclaimer p { margin: .25rem 0 0; color: inherit; font-size: .72rem; }
.footer-copyright { margin: 0; color: #ccbdb5; font-size: .68rem; }

@media (min-width: 860px) {
  .page-hero__inner,
  .breadcrumb-nav,
  .page-related-links,
  .chart-live-card,
  .chart-record-section > .shell,
  .chart-explainer,
  .tool-workspace,
  .content-page-card,
  .content-page-extra-card,
  .contact-layout,
  .contact-extra-card { max-width: 1040px; }
}

@media (max-width: 620px) {
  .page-hero { padding-top: .42rem; }
  .page-hero__inner { padding: 1rem .78rem; border-radius: 14px; }
  .page-hero h1 { font-size: 1.55rem; }
  .page-hero p { font-size: .78rem; }
  .chart-live-card__summary { grid-template-columns: 1fr auto; gap: .45rem; }
  .chart-live-card__summary .result-state,
  .chart-live-card__summary .button { justify-self: stretch; text-align: center; }
  .jump-links { gap: .35rem; }
  .jump-links a { padding: .45rem .62rem; font-size: .7rem; }
  .chart-table-wrap { border-radius: 11px; }
  .chart-table { min-width: 690px; }
  .page-actions { display: grid; grid-template-columns: 1fr; }
  .page-actions .button { text-align: center; }
  .tool-grid { grid-template-columns: 1fr; }
  .tool-card { padding: .8rem; border-radius: 12px; }
  .footer-card { gap: .6rem; padding: .78rem; border-radius: 12px; }
  .footer-brand-block { display: grid; gap: .45rem; }
  .footer-brand-block p { font-size: .7rem; }
  .footer-primary-links,
  .footer-legal-links { gap: .3rem; }
  .footer-primary-links a,
  .footer-legal-links a { font-size: .65rem; }
}

/* Compact public portal layout: one readable column on mobile and desktop. */
:root { --shell: min(590px, calc(100% - 12px)); }
.section { padding: .48rem 0; }
.section--tight { padding: .3rem 0; }
.section--first { padding-top: .3rem; }
.site-header { border-bottom-color: #dfc77f; }
.brand-row { min-height: 72px; padding-inline: 4px; }
.brand__wide { width: 82px; height: 50px; }
.brand__copy strong { font-size: 1.28rem; }
.brand__copy small { font-size: .72rem; }
.nav-toggle { display: inline-flex; }
.primary-nav {
  position: absolute;
  top: 100%;
  left: max(6px, calc((100% - 590px) / 2));
  right: max(6px, calc((100% - 590px) / 2));
  display: none;
  grid-template-columns: 1fr 1fr;
  gap: .35rem;
  padding: .55rem;
  background: #fffaf0;
  border: 1px solid var(--line);
  border-radius: 11px;
  box-shadow: var(--shadow);
}
.primary-nav.open { display: grid; }
.primary-nav a { padding: .62rem; text-align: center; border: 1px solid #eadab1; }
.brand-banner { min-height: 82px; padding: .55rem .7rem; border-radius: 11px; }
.brand-banner h1 { font-size: clamp(1.68rem, 7vw, 2rem); }
.brand-banner p { font-size: .8rem; }
.intro-card { margin-top: .55rem; padding: .78rem .8rem; border-radius: 11px; }
.intro-card h2 { font-size: 1.08rem; }
.intro-card p { font-size: .9rem; }
.panel, .portal-panel, .content-card, .zone-card, .tools-zone, .weekly-card, .free-card, .faq-panel, .table-wrap, .tool-card { border-radius: 10px; box-shadow: 0 3px 10px rgba(69, 7, 16, .08); }
.title-ribbon { padding: .65rem .55rem; border-radius: 10px; font-size: 1.06rem; }
.analytics-grid { grid-template-columns: repeat(2, minmax(0,1fr)); gap: .42rem; padding: .42rem; }
.metric { min-height: 70px; border-radius: 8px; }
.metric strong { font-size: 1.12rem; }
.action-panels, .market-list, .zone-stack, .weekly-grid, .directory-columns, .free-grid, .prose-grid, .link-grid { grid-template-columns: 1fr; }
.action-panels { gap: .55rem; margin-top: .55rem; }
.whatsapp-panel, .add-market-panel { border-radius: 11px; }
.whatsapp-panel > div, .add-market-panel > div { padding: .78rem; }
.market-list { gap: .52rem; }
.market-card { padding: .62rem .55rem .5rem; border-radius: 10px; box-shadow: 0 2px 7px rgba(70,12,19,.06); }
.market-card h3 { font-size: 1.05rem; }
.market-result-line { margin: .18rem 0; font-size: 1.22rem; }
.market-card__actions { gap: .42rem; }
.chart-button { flex: 0 1 auto; padding: .4rem .55rem; }
.content-card, .content-card--compact, .chart-explainer { width: var(--shell); max-width: 590px; margin-inline: auto; padding: 1rem; }
.content-card h1 { font-size: 1.72rem; }
.content-card h2 { font-size: 1.18rem; }
.content-card p, .content-card li { font-size: .92rem; line-height: 1.62; }
.zone-card { padding: .58rem; }
.zone-card h2 { margin-bottom: .48rem; }
.zone-links { gap: .36rem; }
.zone-links a { min-height: 43px; padding: .48rem .52rem; font-size: .81rem; }
.tools-zone { padding: .7rem; }
.tools-zone > h2 { margin-bottom: .55rem; font-size: 1.1rem; }
.tool-link-grid { grid-template-columns: repeat(2, minmax(0,1fr)); gap: .42rem; }
.tool-link-grid a { padding: .6rem .35rem; font-size: .74rem; }
.weekly-grid, .free-grid { gap: .55rem; margin-top: .55rem; }
.directory-columns { gap: .55rem; }
.faq-panel > h2 { padding: .72rem; font-size: 1.05rem; }
.faq-list details { padding: .72rem .8rem; }
.page-hero { padding: .9rem 0 .45rem; }
.page-hero h1 { font-size: clamp(1.65rem, 7vw, 2rem); }
.page-hero p { font-size: .9rem; }
.link-card { min-height: 54px; font-size: .86rem; }
.site-footer { margin-top: .55rem; padding: .45rem 0 4.7rem; color: var(--ink); background: transparent; border: 0; }
.footer-card { padding: .85rem; text-align: center; background: #fff; border: 1px solid #cda052; border-radius: 11px; box-shadow: 0 4px 13px rgba(69,7,16,.09); }
.footer-brandline { margin-bottom: .65rem; padding: .55rem; color: #fff; background: linear-gradient(100deg, #6d0d22, #9b1833, #6d0d22); border-radius: 7px; font-weight: 850; }
.footer-disclaimer { padding: .72rem .75rem; color: #463b3d; text-align: left; background: #fffdf8; border-left: 4px solid var(--wine); }
.footer-disclaimer strong { color: var(--wine); text-transform: uppercase; }
.footer-disclaimer p { margin: .35rem 0 0; font-size: .8rem; line-height: 1.5; }
.footer-legal-links { display: flex; flex-wrap: wrap; justify-content: center; gap: .35rem .55rem; margin-top: .75rem; }
.footer-legal-links a { color: #4d1530; font-size: .78rem; font-weight: 750; text-decoration: none; }
.footer-legal-links a + a::before { content: "|"; margin-right: .55rem; color: #a98d93; }
.footer-copyright { margin: .72rem 0 .3rem; color: #55494b; font-size: .78rem; }
.footer-home-link { color: var(--wine); font-size: .8rem; font-weight: 800; text-decoration: none; }
.floating-actions { left: 50%; right: auto; bottom: 9px; width: min(560px, calc(100% - 22px)); transform: translateX(-50%); }
.floating-action { padding: .44rem .66rem; font-size: .68rem; }

@media (max-width: 430px) {
  :root { --shell: calc(100% - 8px); }
  .brand-row { padding-inline: 5px; }
  .brand__wide { width: 75px; height: 47px; }
  .brand__copy strong { font-size: 1.18rem; }
  .nav-toggle { padding: .5rem .68rem; }
  .primary-nav { left: 4px; right: 4px; }
  .content-card, .content-card--compact, .chart-explainer { width: var(--shell); }
  .market-card__actions { gap: .3rem; }
  .chart-button { padding-inline: .42rem; font-size: .69rem; }
  .schedule-pill { padding-inline: .38rem; }
  .footer-card { padding: .65rem; }
  .footer-legal-links a + a::before { display: none; }
}

/*
 * Satta Matka Info visual system
 * The reference site informs content order and feature coverage only. These
 * components deliberately use the supplied crown logo's burgundy, black and
 * antique-gold palette with original surfaces, borders and depth.
 */
:root {
  --wine: #65091a;
  --wine-dark: #2a0108;
  --burgundy: #84152b;
  --red: #b90f2e;
  --red-bright: #d41839;
  --gold: #d7a51e;
  --gold-soft: #ffe7a0;
  --cream: #fff7df;
  --ink: #241518;
  --muted: #756467;
  --green: #8d6610;
  --blue: #6f1025;
  --line: #dfc77f;
  --shadow: 0 10px 26px rgba(58, 3, 13, .12);
}

body {
  background:
    radial-gradient(circle at 12% 8%, rgba(208, 160, 29, .12), transparent 23rem),
    radial-gradient(circle at 88% 32%, rgba(116, 8, 27, .07), transparent 30rem),
    linear-gradient(180deg, #fff9e9 0%, #fffdf7 48%, #fff4d7 100%);
}

a { color: #6d1024; }
.topline { color: #ffe29a; background: linear-gradient(90deg, #230006, #4b0712, #230006); }
.site-header { background: rgba(255, 250, 236, .98); border-bottom: 2px solid rgba(215, 165, 30, .55); }
.brand__wide { border: 1px solid rgba(215, 165, 30, .75); box-shadow: 0 5px 15px rgba(61, 2, 12, .2); }
.brand__copy strong { color: #5d0717; text-shadow: 0 1px 0 #fff; }
.nav-toggle { color: #570616; background: linear-gradient(180deg, #fffdf6, #fff4d0); border-color: #cda94e; box-shadow: 0 3px 10px rgba(69, 7, 16, .08); }
.primary-nav { background: linear-gradient(180deg, #fffdf8, #fff6dc); border-color: #d8b65b; }
.primary-nav a { color: #5c0718; border-color: rgba(203, 158, 41, .42); }
.primary-nav a:hover, .primary-nav a.active { color: #ffe9a8; background: linear-gradient(135deg, #280107, #760b20); }

.brand-banner {
  position: relative;
  overflow: hidden;
  color: #fff7df;
  background:
    radial-gradient(circle at 18% 5%, rgba(255, 222, 117, .24), transparent 35%),
    linear-gradient(125deg, #260107 0%, #69091b 52%, #94152d 100%);
  border: 1px solid #f0ca5c;
  box-shadow: 0 4px 0 #3a020c, 0 10px 24px rgba(62, 2, 13, .2);
}
.brand-banner::after {
  content: "";
  position: absolute;
  inset: 5px;
  pointer-events: none;
  border: 1px solid rgba(255, 227, 143, .28);
  border-radius: 7px;
}
.brand-banner h1 { position: relative; z-index: 1; color: #fff7df; text-shadow: 0 2px 0 #240006; }
.brand-banner p { position: relative; z-index: 1; color: #ffe5a0; }

.intro-card,
.panel,
.portal-panel,
.content-card,
.zone-card,
.tools-zone,
.weekly-card,
.free-card,
.faq-panel,
.table-wrap,
.tool-card {
  background: linear-gradient(180deg, rgba(255,255,255,.98), rgba(255,249,231,.96));
  border-color: rgba(194, 151, 39, .52);
  box-shadow: 0 8px 22px rgba(64, 3, 14, .1);
}
.intro-card { border-left: 4px solid var(--gold); border-right: 4px solid var(--wine); }
.intro-card h2 { color: #65091a; }

.title-ribbon {
  color: #fff3c7;
  background:
    linear-gradient(110deg, #2b0108 0%, #710a20 54%, #a96f0b 145%);
  border: 1px solid #dfb844;
  box-shadow: 0 5px 14px rgba(66, 2, 13, .22), inset 0 1px 0 rgba(255,255,255,.13);
  letter-spacing: .025em;
}
.analytics-grid { background: linear-gradient(180deg, rgba(255,250,235,.9), rgba(255,255,255,.96)); }
.metric { background: linear-gradient(160deg, #fff, #fff7df); border-color: #e6cf8e; box-shadow: inset 0 0 0 1px rgba(255,255,255,.8); }
.metric span { color: #ffe7a0; background: linear-gradient(100deg, #2a0108, #771027); }
.metric--green span { color: #3a020c; background: linear-gradient(100deg, #c28c12, #f1cd60); }
.metric strong { color: #4b0614; }

.update-note { color: #684608; background: linear-gradient(90deg, #fff7dc, #fffdf5, #fff7dc); border-color: #dfc26e; }
.result-state--pending { color: #624005; background: #ffe38a; }
.result-state--open { color: #6f0920; background: #ffe1e7; border: 1px solid #eeb0bc; }
.result-state--closed { color: #3c2603; background: #f5d77d; border: 1px solid #d5ad3c; }

.whatsapp-panel,
.add-market-panel { background: linear-gradient(165deg, #fff, #fff7de); border-color: #d1a632; }
.whatsapp-panel h3 { color: #ffe9a8; background: linear-gradient(100deg, #270107, #65091a); }
.add-market-panel h3 { color: #350207; background: linear-gradient(100deg, #c68d11, #f0ca5c, #c68d11); }
.button--green { color: #340107; background: linear-gradient(135deg, #f5d873, #c58a0e); border: 1px solid #9d6b07; }
.button--wine { color: #fff2c7; background: linear-gradient(135deg, #2b0108, #8c1029); border: 1px solid #d5a529; }
.button--gold { color: #2c0107; background: linear-gradient(135deg, #fff0a8, #ce9617); }

.market-card {
  position: relative;
  overflow: hidden;
  background: linear-gradient(155deg, #fff 0%, #fffaf0 72%, #ffefbd 145%);
  border-color: rgba(191, 148, 36, .48);
  box-shadow: 0 5px 15px rgba(63, 3, 13, .08);
}
.market-card::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 4px;
  background: linear-gradient(90deg, #3b020b, #b30d2d 45%, #e1b638 80%, #3b020b);
}
.market-card--featured {
  background: linear-gradient(145deg, #fff9dc, #fffdf6 58%, #ffe7a0);
  border-color: #c99616;
  box-shadow: 0 7px 19px rgba(126, 82, 4, .16);
}
.market-card h3 { color: #6d0a1e; }
.market-jodi { color: #c11031; }
.market-timing { color: #8c2639; }
.chart-button--jodi { color: #fff2ca; background: linear-gradient(135deg, #300108, #7c0d24); border: 1px solid #a64a5c; }
.chart-button--panel { color: #320207; background: linear-gradient(135deg, #f4d46c, #c68d10); border: 1px solid #a97809; }
.schedule-pill { color: #4c0714; background: #fff7df; border-color: #d9bc68; }

.section-heading h2,
.content-card h1,
.page-hero h1 { color: #65091a; }
.content-card h2,
.content-card h3 { color: #791127; }
.table-title,
.weekly-card h3 { color: #ffe9aa; background: linear-gradient(100deg, #2b0108, #741027); }
.compact-table thead th { color: #ffeab0; background: #670a1d; }
.compact-table tr.is-highlighted { background: #ffe587; }

.zone-card h2 {
  color: #ffe9a8;
  background: linear-gradient(100deg, #290107, #721027 68%, #a96f0b 145%);
  border: 1px solid rgba(220, 173, 45, .68);
}
.zone-links a {
  color: #5d0718;
  background: linear-gradient(90deg, #fffef9, #fff8e4);
  border-color: #6c0b1e;
  border-left-color: #d6a51f;
  box-shadow: 0 2px 7px rgba(64, 3, 13, .05);
}
.zone-links a:hover { color: #ffe9a8; background: linear-gradient(100deg, #2b0108, #730b21); }
.tools-zone { border-color: #c99b20; }
.tools-zone > h2 { color: #65091a; }
.tool-link-grid a { color: #ffe9aa; background: linear-gradient(135deg, #2b0108, #761026); border-color: #c79b24; }
.weekly-date { color: #750d23; }
.free-card h3 { color: #ffe8a7; background: linear-gradient(100deg, #2b0108, #761027); }
.free-date { color: #5c0717; background: #fff8e6; border-color: #ce9e21; }
.hit-note { color: #684707; background: #fff3c1; border-left-color: #bf8b10; }
.free-line strong,
.free-line:nth-of-type(3) strong { color: #86152a; }

.faq-panel > h2 { color: #ffe9a9; background: linear-gradient(100deg, #290107, #741027); border-bottom: 2px solid #d3a322; }
.faq-list summary { color: #590716; }
.chart-page { background: linear-gradient(180deg, #fff4d5, #fff8e7); border-color: #d1a33b; }
.chart-scroll-links a { color: #3b020c; background: linear-gradient(180deg, #ffe990, #d4a425); border-color: #aa7908; }
.link-card { color: #65091a; background: linear-gradient(145deg, #fff, #fff7df); border-color: #d7ba68; }
.link-card::after { content: "\2192"; color: #c5981b; }
.link-card:hover { color: #ffe9a9; background: linear-gradient(100deg, #290107, #721027); }

.footer-card {
  background: linear-gradient(160deg, #fff, #fff6da);
  border: 1px solid #b88711;
  box-shadow: 0 8px 22px rgba(55, 2, 11, .13);
}
.footer-brandline { color: #ffe7a0; background: linear-gradient(100deg, #280107, #721027, #280107); border: 1px solid #c99b22; }
.footer-disclaimer { background: rgba(255,255,255,.72); border-left-color: #c49319; }
.footer-legal-links a,
.footer-home-link { color: #62091b; }
.floating-action { color: #ffe9aa; background: linear-gradient(135deg, #2a0108, #761027); border-color: #d4aa3d; }

/* ========================================================================== */
/* Public experience 3.0 - original crown, wine and antique-gold system.      */
/* ========================================================================== */
:root {
  --shell: min(1120px, calc(100% - 24px));
  --wine-950: #210005;
  --wine-900: #360008;
  --wine-800: #55030f;
  --wine-700: #760719;
  --ruby-600: #b20b2c;
  --ruby-500: #d80d37;
  --gold-700: #9a6904;
  --gold-600: #c88b07;
  --gold-500: #efb516;
  --gold-300: #ffdc69;
  --gold-100: #fff1b6;
  --cream-50: #fffdf4;
  --cream-100: #fff8df;
  --cream-200: #f8eac3;
  --ink-soft: #4f3f3f;
  --metal-line: rgba(215, 162, 28, .72);
  --premium-shadow: 0 12px 28px rgba(57, 0, 10, .15), 0 2px 5px rgba(57, 0, 10, .08);
}

body {
  background:
    radial-gradient(circle at 8% 2%, rgba(255, 219, 94, .25), transparent 18rem),
    radial-gradient(circle at 92% 16%, rgba(139, 8, 35, .08), transparent 24rem),
    linear-gradient(180deg, #fff8dd 0, #fffdf6 34%, #fff5d9 100%);
}

.home-flow { overflow: clip; }
.home-flow .section { padding-block: .78rem; }
.home-flow .section--tight { padding-block: .42rem; }
.home-flow h1,
.home-flow h2,
.home-flow h3 { text-wrap: balance; }
.home-flow p { text-wrap: pretty; }

.brand-banner {
  position: relative;
  isolation: isolate;
  min-height: 130px;
  overflow: hidden;
  padding: 1.4rem 1rem;
  background:
    radial-gradient(circle at 50% -50%, rgba(255, 226, 116, .56), transparent 55%),
    repeating-linear-gradient(125deg, rgba(255,255,255,.025) 0 2px, transparent 2px 12px),
    linear-gradient(118deg, #260005, #730718 52%, #9e130d 80%, #4a010c);
  border: 2px solid #f3c03e;
  border-radius: 22px;
  box-shadow:
    inset 0 0 0 3px #4a020d,
    inset 0 0 0 5px rgba(255, 215, 87, .55),
    inset 0 16px 28px rgba(255,255,255,.06),
    0 10px 24px rgba(69, 2, 13, .23);
}
.brand-banner::before,
.brand-banner::after {
  content: "";
  position: absolute;
  z-index: -1;
  top: 50%;
  width: 28%;
  height: 1px;
  background: linear-gradient(90deg, transparent, #ffd55b);
  box-shadow: 0 5px 16px #ffbf00;
}
.brand-banner::before { left: 4%; }
.brand-banner::after { right: 4%; transform: scaleX(-1); }
.brand-banner__glint {
  position: absolute;
  inset: -100% auto -100% -20%;
  width: 16%;
  pointer-events: none;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.18), transparent);
  transform: rotate(18deg);
  animation: premium-glint 8s ease-in-out infinite;
}
.brand-banner h1 {
  color: #fff9e5;
  font: 900 clamp(2rem, 5vw, 3.45rem)/1.03 Georgia, "Times New Roman", serif;
  letter-spacing: .01em;
  text-shadow: 0 2px 0 #300007, 0 0 20px rgba(255, 199, 34, .24);
}
.brand-banner p {
  margin-top: .45rem;
  color: #ffe499;
  font-size: clamp(.88rem, 2.2vw, 1.08rem);
  letter-spacing: .02em;
}

.intro-card {
  position: relative;
  overflow: hidden;
  margin-top: .72rem;
  padding: clamp(1.15rem, 3vw, 1.8rem);
  color: #39292a;
  background:
    linear-gradient(135deg, rgba(255,255,255,.95), rgba(255,248,218,.94)),
    #fff;
  border: 1px solid #b47a08;
  border-left: 5px solid #efb414;
  border-right: 5px solid #690616;
  border-radius: 18px;
  box-shadow: var(--premium-shadow), inset 0 1px 0 #fff;
}
.intro-card::after {
  content: "";
  position: absolute;
  right: -90px;
  bottom: -120px;
  width: 270px;
  aspect-ratio: 1;
  border: 1px solid rgba(137, 91, 3, .12);
  border-radius: 50%;
  box-shadow: 0 0 0 24px rgba(137, 91, 3, .035), 0 0 0 52px rgba(137, 91, 3, .025);
  pointer-events: none;
}
.intro-card h2 {
  max-width: 930px;
  color: #6c0718;
  font-size: clamp(1.25rem, 3vw, 1.7rem);
}
.intro-card__copy { position: relative; z-index: 1; }
.intro-card__copy p { max-width: 900px; color: #392f30; font-size: 1.02rem; }
.card-kicker {
  display: block;
  margin-bottom: .46rem;
  color: #8a1429;
  font-size: .7rem;
  font-weight: 900;
  letter-spacing: .14em;
  text-transform: uppercase;
}
.trust-line {
  position: relative;
  z-index: 1;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: .35rem .9rem;
  margin: .8rem 0 0 !important;
  color: #6c0718 !important;
  font-size: .8rem !important;
  font-weight: 800 !important;
}
.trust-line span { display: inline-flex; align-items: center; gap: .35rem; }
.trust-line span::before { content: ""; width: 6px; height: 6px; background: #d49a0c; border-radius: 50%; box-shadow: 0 0 0 3px rgba(212,154,12,.15); }

.metal-panel,
.feature-stage,
.contact-beacon,
.final-ank-panel,
.tools-zone,
.directory-stage {
  position: relative;
  overflow: hidden;
  background: linear-gradient(145deg, rgba(255,255,255,.98), rgba(255,248,222,.98));
  border: 1px solid var(--metal-line);
  border-radius: 18px;
  box-shadow: var(--premium-shadow), inset 0 1px 0 #fff;
}
.metal-panel::before,
.feature-stage::before,
.final-ank-panel::before,
.tools-zone::before,
.directory-stage::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 3px;
  background: linear-gradient(90deg, #5a020f, #efb516 40%, #fff0a1 50%, #c9142f 75%, #5a020f);
}

.section-ribbon,
.section-heading,
.feature-stage__title,
.final-ank-panel__heading,
.tools-zone__head,
.faq-panel__head {
  display: flex;
  align-items: center;
  gap: .82rem;
}
.section-ribbon {
  min-height: 82px;
  padding: .9rem 1.1rem;
  color: #fff6d8;
  background:
    radial-gradient(circle at 85% 0, rgba(255, 210, 65, .25), transparent 35%),
    linear-gradient(108deg, #260005, #730719 56%, #a31a0d);
  border-bottom: 2px solid #d8a21c;
}
.section-ribbon h2,
.section-heading h2,
.feature-stage__title h2,
.final-ank-panel__heading h2,
.tools-zone__head h2,
.faq-panel__head h2 { margin: 0; font-size: clamp(1.13rem, 3vw, 1.45rem); line-height: 1.15; }
.section-ribbon p,
.section-ribbon time,
.section-heading p,
.feature-stage__title p,
.final-ank-panel__heading time,
.tools-zone__head p,
.faq-panel__head p { display: block; margin: .22rem 0 0; color: inherit; opacity: .84; font-size: .78rem; font-weight: 700; }
.section-monogram {
  flex: 0 0 auto;
  display: inline-grid;
  place-items: center;
  min-width: 46px;
  height: 46px;
  padding-inline: .4rem;
  color: #4b020c;
  background: radial-gradient(circle at 35% 25%, #fff4b4, #f3b719 48%, #9c6501 100%);
  border: 1px solid #fff0a0;
  border-radius: 14px 4px 14px 4px;
  box-shadow: inset 0 0 0 2px rgba(86,35,0,.2), 0 4px 12px rgba(28,0,5,.24);
  font-size: .68rem;
  font-weight: 950;
  letter-spacing: .05em;
}
.section-monogram--pulse { animation: live-pulse 2.4s ease-in-out infinite; }

.analytics-grid { gap: .62rem; padding: .68rem; background: transparent; }
.metric {
  position: relative;
  min-height: 96px;
  overflow: hidden;
  padding: 0;
  background: linear-gradient(155deg, #fff, #fff7da);
  border: 1px solid #d8c48b;
  border-radius: 14px;
  box-shadow: inset 0 1px 0 #fff, 0 4px 11px rgba(52,0,9,.07);
}
.metric::after { content: ""; position: absolute; right: -22px; bottom: -30px; width: 76px; height: 76px; border: 12px solid rgba(133,22,44,.04); border-radius: 50%; }
.metric span:first-child {
  display: block;
  width: 100%;
  padding: .42rem .35rem;
  color: #fff6d7;
  background: linear-gradient(100deg, #410008, #8d0b20);
  font-size: .68rem;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.metric--gold span:first-child { color: #40020b; background: linear-gradient(100deg, #c98805, #ffd45a, #b56e02); }
.metric strong { position: relative; z-index: 1; display: grid; place-items: center; min-height: 54px; padding: .36rem; color: #620a19; font: 850 clamp(1.25rem, 3vw, 1.65rem)/1.1 Georgia, serif; }
.metric--rotator strong > span { animation: soft-enter .42s ease-out; }

.live-panel { overflow: hidden; }
.live-update-list { display: grid; gap: .55rem; padding: .65rem; }
.live-update-card {
  display: grid;
  grid-template-columns: minmax(180px,1fr) auto minmax(150px,.7fr);
  align-items: center;
  gap: .8rem;
  min-height: 78px;
  padding: .68rem .82rem;
  background:
    linear-gradient(100deg, rgba(255,255,255,.98), rgba(255,246,211,.96));
  border: 1px solid #dcc47c;
  border-left: 5px solid #bd0d2f;
  border-radius: 12px;
  box-shadow: 0 5px 14px rgba(61,1,11,.08);
}
.live-update-card--close { border-left-color: #b07b04; }
.live-update-card__meta { display: flex; align-items: center; gap: .65rem; min-width: 0; }
.live-update-card__meta div { display: grid; min-width: 0; }
.live-update-card__meta strong { overflow: hidden; color: #73091b; text-overflow: ellipsis; white-space: nowrap; }
.live-update-card__meta small { color: #776164; font-size: .72rem; }
.live-orbit,
.live-idle__radar { position: relative; flex: 0 0 auto; width: 30px; height: 30px; border: 2px solid #d0920a; border-radius: 50%; }
.live-orbit::before,
.live-idle__radar::before { content: ""; position: absolute; inset: 7px; background: #b80d2b; border-radius: 50%; box-shadow: 0 0 0 4px rgba(184,13,43,.12); }
.live-update-card__result { color: #1f1517; font: 900 clamp(1.2rem, 3.2vw, 1.7rem)/1 Georgia, serif; letter-spacing: .08em; white-space: nowrap; }
.phase-badge {
  justify-self: end;
  padding: .35rem .56rem;
  color: #6c4b00;
  background: #fff0a8;
  border: 1px solid #e7c45c;
  border-radius: 999px;
  font-size: .67rem;
  font-weight: 900;
  text-align: center;
  text-transform: uppercase;
}
.phase-badge--published { color: #075a31; background: #daf8e9; border-color: #91d8b3; }
.live-idle {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: .8rem;
  min-height: 96px;
  padding: .85rem 1rem;
  text-align: left;
}
.live-idle__radar { width: 42px; height: 42px; animation: live-pulse 2.4s ease-in-out infinite; }
.live-idle strong { color: #650817; }
.live-idle p { margin: .2rem 0 0; color: var(--muted); font-size: .8rem; }

.feature-stage { padding: .7rem; }
.feature-stage__title,
.section-heading,
.final-ank-panel__heading,
.tools-zone__head,
.faq-panel__head { padding: .72rem .84rem; color: #640817; }
.feature-stage__title { margin-bottom: .58rem; color: #fff3cf; background: linear-gradient(105deg, #2d0007, #7b071a 62%, #a91c10); border-radius: 12px; }
.feature-empty { display: grid; gap: .25rem; padding: 1rem; color: #614f4e; background: #fffaf0; border: 1px dashed #c99b2f; border-radius: 12px; text-align: center; }
.feature-empty strong { color: #670919; }
.feature-empty span { font-size: .8rem; }

.contact-beacon {
  display: grid;
  grid-template-columns: auto minmax(0,1fr) auto;
  align-items: center;
  gap: 1rem;
  min-height: 150px;
  padding: clamp(.9rem,3vw,1.3rem);
}
.contact-beacon::after { content: ""; position: absolute; inset: auto -70px -90px auto; width: 190px; aspect-ratio: 1; border: 28px solid rgba(109,4,24,.045); border-radius: 50%; pointer-events: none; }
.contact-beacon--whatsapp { border-left: 5px solid #068348; }
.contact-beacon--market { border-left: 5px solid #e4a812; }
.contact-beacon__mark {
  position: relative;
  z-index: 1;
  display: grid;
  place-items: center;
  width: 66px;
  height: 66px;
  color: #fff8da;
  background: linear-gradient(145deg, #2b0107, #850c23);
  border: 2px solid #efbe35;
  border-radius: 22px 6px 22px 6px;
  box-shadow: inset 0 0 0 3px rgba(255,220,103,.15), 0 8px 17px rgba(51,0,9,.17);
  font-weight: 950;
}
.contact-beacon--whatsapp .contact-beacon__mark { background: linear-gradient(145deg, #034f31, #07965a); }
.contact-beacon__copy { position: relative; z-index: 1; }
.contact-beacon__copy h2 { margin: 0; color: #680919; font-size: 1.25rem; }
.contact-beacon__copy h3 { margin: .2rem 0; color: #2b2223; font-size: .92rem; }
.contact-beacon__copy p { margin: .25rem 0 0; color: #635456; font-size: .84rem; }
.contact-beacon .button { position: relative; z-index: 1; margin: 0; white-space: nowrap; }

.section-heading { margin-bottom: .65rem; background: linear-gradient(95deg, #fff, #fff3ca); border: 1px solid #d3ad46; border-radius: 15px; box-shadow: 0 5px 14px rgba(61,0,10,.08); }
.section-heading > div { min-width: 0; }
.section-heading h2 { color: #640817; }
.section-heading p { color: #725e60; }
.section-heading--results { background: linear-gradient(105deg, #2c0007, #710617 62%, #b61a11); }
.section-heading--results h2,
.section-heading--results p { color: #fff3cf; }
.section-heading--results p { opacity: .9; }

.market-list { grid-template-columns: repeat(2, minmax(0,1fr)); gap: .7rem; }
.market-card {
  position: relative;
  overflow: hidden;
  padding: 0;
  background: linear-gradient(150deg, #fff, #fff9e7);
  border: 1px solid #d7be79;
  border-radius: 16px;
  box-shadow: 0 7px 17px rgba(62,1,11,.09), inset 0 1px 0 #fff;
}
.market-card::before { height: 4px; background: linear-gradient(90deg, #440009, #d69d10 42%, #ffe378 50%, #c70e31 82%, #440009); }
.market-card__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .7rem;
  min-height: 52px;
  padding: .68rem .82rem .5rem;
  border-bottom: 1px solid rgba(204,163,57,.26);
}
.market-card h3 { font-size: 1.08rem; text-align: left; }
.market-result-line { margin: .62rem .7rem .45rem; font-size: clamp(1.34rem, 3.6vw, 1.7rem); }
.market-result-line i { color: #b48612; font-weight: 400; }
.market-card__schedule { display: flex; align-items: center; justify-content: center; gap: .7rem; margin-bottom: .6rem; color: #7b5e61; font-size: .73rem; }
.market-card__schedule b { padding: .2rem .42rem; color: #6a0919; background: #fff1b8; border: 1px solid #e0c167; border-radius: 999px; font-size: .62rem; }
.market-card__actions { display: grid; grid-template-columns: 1fr 1fr; gap: 0; border-top: 1px solid #e4d3a4; }
.chart-button { min-height: 46px; border: 0; border-radius: 0; }
.chart-button + .chart-button { border-left: 1px solid #e4d3a4; }
.chart-button span { display: inline-grid; place-items: center; width: 20px; height: 20px; margin-right: .25rem; color: #fff; background: #9a0d26; border-radius: 6px 2px 6px 2px; font-size: .62rem; }
.chart-button--jodi { color: #790b20; background: linear-gradient(180deg,#fff,#fff3d7); }
.chart-button--panel { color: #086337; background: linear-gradient(180deg,#fff,#effcf5); }
.chart-button--panel span { background: #087345; }
.result-state { font-size: .61rem; letter-spacing: .04em; text-transform: uppercase; }
.market-card--featured { background: linear-gradient(145deg,#fffdf2,#fff1bb); border: 1px solid #c8920d; box-shadow: 0 10px 22px rgba(114,65,0,.14); }

.content-card {
  position: relative;
  overflow: hidden;
  padding: clamp(1.2rem, 4vw, 2.1rem);
  border-color: #d2ad4b;
  border-radius: 18px;
  box-shadow: var(--premium-shadow);
}
.content-card::after { content: ""; position: absolute; pointer-events: none; width: 160px; height: 160px; right: -85px; top: -85px; border: 24px solid rgba(151,95,2,.045); border-radius: 50%; }
.content-card h2 { color: #6d081a; font-size: clamp(1.3rem,3vw,1.72rem); }
.content-card h3 { color: #7e1024; font-size: 1.15rem; }
.content-card p,
.content-card li { color: #382f30; line-height: 1.72; }
.content-card--feature { border-left: 5px solid #790919; }
.content-card--ornament { border-left: 5px solid #d5a018; background: linear-gradient(145deg,#fff,#fff8df); }
.content-card--closing { color: #f9ebd7; background: linear-gradient(145deg,#2b0006,#59050f 58%,#781020); border-color: #d5a12d; }
.content-card--closing .card-kicker,
.content-card--closing h2,
.content-card--closing h3 { color: #ffe08a; }
.content-card--closing p,
.content-card--closing li { color: #f8ece5; }
.content-card a { font-weight: 750; }

.final-ank-panel { padding: .65rem; }
.final-ank-panel__heading { color: #fff3cf; background: linear-gradient(108deg,#2d0007,#760718 65%,#a98708); border-radius: 12px 12px 5px 5px; }
.final-ank-panel__heading h2 { color: inherit; }
.final-table { margin: 0; }
.final-table thead th { color: #4a020d; background: linear-gradient(100deg,#d0930a,#ffe06e,#c27a04); }
.final-table tbody tr:nth-child(even) { background: rgba(255,243,197,.45); }
.final-table td:first-child { display: flex; align-items: center; justify-content: space-between; gap: .5rem; }
.final-table td small { padding: .14rem .35rem; color: #8c1a2e; background: #fff1bc; border-radius: 999px; font-size: .62rem; }
.final-table td:last-child { color: #74091b; font: 900 1.15rem Georgia,serif; }

.zone-stack { gap: .75rem; }
.zone-card { padding: .7rem; border-color: #cfaa4a; border-radius: 18px; box-shadow: var(--premium-shadow); }
.zone-card h2 { margin: 0; padding: 0; color: inherit; text-align: left; text-transform: none; background: none; border-radius: 0; font-size: 1.08rem; }
.zone-card__head { display: flex; align-items: center; gap: .72rem; min-height: 72px; margin-bottom: .58rem; padding: .7rem; color: #fff3cf; background: linear-gradient(105deg,#2b0006,#700719); border-radius: 12px; }
.zone-card--numbers .zone-card__head { background: linear-gradient(105deg,#4b020c,#8c0e27,#9c6904); }
.zone-card__head > span { display: grid; place-items: center; flex: 0 0 40px; height: 40px; color: #47010a; background: linear-gradient(145deg,#fff1a5,#d79b10); border-radius: 12px 3px; font-weight: 950; }
.zone-card__head p { margin: .15rem 0 0; color: #f4dca5; font-size: .72rem; }
.zone-links { gap: .4rem; }
.zone-links a {
  display: grid;
  grid-template-columns: 72px 1fr;
  align-items: center;
  min-height: 51px;
  padding: .45rem .62rem;
  color: #590718;
  background: linear-gradient(100deg,#fff,#fff9e8);
  border: 1px solid #d9c38b;
  border-left: 4px solid #76091b;
  border-radius: 10px;
  font-size: .8rem;
  font-weight: 800;
}
.zone-links a span { color: #a27409; font-size: .6rem; letter-spacing: .08em; text-transform: uppercase; }
.zone-links a:hover { transform: translateX(3px); color: #fff4d2; background: linear-gradient(100deg,#310007,#790a1d); }

.tools-zone { padding: .7rem; }
.tools-zone__head { margin-bottom: .6rem; color: #fff3cf; background: linear-gradient(110deg,#250005,#690716 64%,#a77506); border-radius: 12px; }
.tools-zone__head h2 { color: inherit; }
.tool-link-grid { gap: .5rem; }
.tool-link-grid a {
  display: flex;
  align-items: center;
  gap: .62rem;
  min-height: 58px;
  padding: .55rem .68rem;
  color: #650919;
  background: linear-gradient(145deg,#fff,#fff3cf);
  border: 1px solid #d1af52;
  border-radius: 12px;
  box-shadow: 0 4px 11px rgba(57,0,9,.07);
}
.tool-link-grid a b { display: grid; place-items: center; flex: 0 0 34px; height: 34px; color: #fff0bc; background: linear-gradient(145deg,#330007,#860d24); border-radius: 10px 3px; font-size: .66rem; }
.tool-link-grid a span { font-weight: 850; }
.tool-link-grid a:hover { color: #fff5d7; background: linear-gradient(115deg,#2c0007,#76091b); transform: translateY(-2px); }

.weekly-grid { gap: .7rem; }
.weekly-card { border-color: #cfa53b; border-radius: 17px; box-shadow: var(--premium-shadow); }
.weekly-card__head { padding: .72rem; color: #fff3cc; text-align: center; background: linear-gradient(105deg,#290006,#710617 64%,#a87808); }
.weekly-card__head h3 { margin: 0; padding: 0; color: inherit; background: none; font: 900 1.25rem Georgia,serif; }
.weekly-card__head p { margin: .14rem 0 0; color: #f4d991; font-size: .72rem; }
.weekly-cells { display: grid; grid-template-columns: repeat(7,minmax(92px,1fr)); overflow-x: auto; background: #fff; scrollbar-width: thin; }
.weekly-cell { display: grid; align-content: start; min-height: 126px; text-align: center; border-right: 1px solid #ebdfbd; }
.weekly-cell > span { display: grid; padding: .4rem .2rem; color: #5f0717; background: #fff0b9; font-size: .72rem; font-weight: 900; text-transform: uppercase; }
.weekly-cell > span small { color: #866f5c; font-size: .58rem; }
.weekly-cell > strong { display: grid; gap: .2rem; padding: .48rem .15rem .2rem; color: #2d2022; font: 800 .72rem/1.2 ui-monospace,SFMono-Regular,Consolas,monospace; }
.weekly-cell > strong b { color: #c00d32; font-size: 1.2rem; }
.weekly-cell > em { color: #7d6b6b; font-size: .57rem; font-style: normal; text-transform: uppercase; }
.weekly-cell--closed-day { opacity: .64; background: #f1eee9; }
.weekly-card__link { display: block; padding: .65rem; color: #670919; text-align: center; background: #fff9e7; border-top: 1px solid #dec783; font-size: .73rem; font-weight: 850; }

.free-grid { gap: .7rem; }
.free-game-card { position: relative; overflow: hidden; text-align: center; background: linear-gradient(145deg,#fff,#fff8e3); border: 1px solid #d5b964; border-radius: 16px; box-shadow: 0 7px 17px rgba(61,0,10,.09); }
.free-game-card--featured { border: 2px solid #d39a0d; box-shadow: 0 12px 24px rgba(84,31,0,.15); }
.free-game-card__head { padding: .72rem .8rem; color: #fff4cf; background: linear-gradient(105deg,#2b0007,#700718 64%,#a70f25); }
.free-game-card__head span { display: block; color: #f2ca62; font-size: .59rem; font-weight: 900; letter-spacing: .11em; text-transform: uppercase; }
.free-game-card__head h3 { margin: .15rem 0; color: inherit; font-size: 1.16rem; }
.free-game-card__head time { font-size: .68rem; opacity: .88; }
.free-game-hit { margin: .55rem .65rem; padding: .48rem; color: #176036; background: #e9f9ef; border-left: 4px solid #169052; border-radius: 6px; font-size: .78rem; font-weight: 800; }
.free-game-values { display: grid; gap: .35rem; margin: .65rem; }
.free-game-values > div { display: grid; grid-template-columns: 58px 1fr; overflow: hidden; min-height: 40px; border: 1px solid #eadcb3; border-radius: 9px; }
.free-game-values dt { display: grid; place-items: center; color: #fff4cd; background: #76091c; font-size: .68rem; font-weight: 900; }
.free-game-values dd { display: grid; place-items: center; margin: 0; padding: .35rem; color: #342628; font-size: .78rem; font-weight: 750; }
.free-game-card .button { margin: 0 auto .72rem; }
.empty-state--card { grid-column: 1/-1; padding: 1.2rem; background: #fff; border: 1px dashed #cfa52e; border-radius: 14px; }

.directory-stage { padding: .7rem; }
.directory-stage > .section-heading { margin: 0 0 .65rem; }
.directory-columns { gap: .65rem; }
.directory-zone { overflow: hidden; background: #fff; border: 1px solid #d2b45a; border-radius: 14px; }
.directory-zone h3 { display: flex; align-items: center; justify-content: space-between; gap: .5rem; margin: 0; padding: .75rem; color: #fff2c5; background: linear-gradient(100deg,#2c0007,#700718); font-size: 1rem; }
.directory-zone--panel h3 { background: linear-gradient(100deg,#4a020d,#861027,#9e7106); }
.directory-zone h3 small { padding: .2rem .38rem; color: #4a010b; background: #f0c34e; border-radius: 999px; font-size: .58rem; }
.directory-links { display: grid; gap: .3rem; padding: .45rem; }
.directory-links a { display: flex; align-items: center; gap: .55rem; min-height: 44px; padding: .4rem .5rem; color: #5d0818; background: #fffaf0; border: 1px solid #eadcb3; border-radius: 9px; text-decoration: none; font-size: .75rem; font-weight: 800; }
.directory-links a > span { display: grid; place-items: center; flex: 0 0 26px; height: 26px; color: #fff1bd; background: #7a0a1d; border-radius: 8px 2px; font-size: .61rem; }
.directory-zone--panel .directory-links a > span { background: #997006; }
.directory-links a:hover { color: #fff5d6; background: #650718; transform: translateX(2px); }

.faq-panel { overflow: hidden; border: 1px solid #cfaa48; border-radius: 18px; box-shadow: var(--premium-shadow); }
.faq-panel__head { color: #fff2c7; background: linear-gradient(105deg,#290006,#700718 62%,#9d7007); border-bottom: 2px solid #d3a32b; }
.faq-panel__head h2 { color: inherit; }
.faq-list { gap: 0; }
.faq-list details { padding: 0; border-bottom-color: #eadfbd; }
.faq-list summary { display: flex; align-items: center; gap: .72rem; min-height: 58px; padding: .65rem .82rem; color: #560716; list-style: none; }
.faq-list summary::-webkit-details-marker { display: none; }
.faq-list summary::after { content: "+"; margin-left: auto; color: #a47405; font-size: 1.1rem; }
.faq-list details[open] summary::after { content: "−"; }
.faq-list summary > span { display: grid; place-items: center; flex: 0 0 34px; height: 34px; color: #fff0b8; background: linear-gradient(145deg,#340007,#850d23); border-radius: 10px 3px; font-size: .65rem; }
.faq-answer { padding: 0 .9rem .8rem 4.2rem; color: #574748; }
.faq-answer p { margin: 0; font-size: .85rem; line-height: 1.65; }

@keyframes premium-glint {
  0%, 20% { left: -24%; opacity: 0; }
  32% { opacity: 1; }
  50%, 100% { left: 122%; opacity: 0; }
}
@keyframes live-pulse {
  0%, 100% { transform: scale(1); box-shadow: 0 0 0 0 rgba(230,177,20,.2); }
  50% { transform: scale(1.04); box-shadow: 0 0 0 8px rgba(230,177,20,0); }
}
@keyframes soft-enter {
  from { opacity: 0; transform: translateY(5px); }
  to { opacity: 1; transform: translateY(0); }
}

@media (min-width: 860px) {
  .nav-toggle { display: none; }
  .primary-nav {
    position: static;
    display: flex;
    grid-template-columns: none;
    width: auto;
    margin-left: auto;
    padding: 0;
    background: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
  }
  .home-flow .portal-intro .shell,
  .home-flow .analytics-panel,
  .home-flow .live-panel,
  .home-flow .feature-stage,
  .home-flow .contact-beacon,
  .home-flow .final-ank-panel,
  .home-flow .tools-zone,
  .home-flow .directory-stage,
  .home-flow .faq-panel,
  .home-flow .content-card { max-width: 1080px; }
  .feature-stage .free-game-card--featured { display: grid; grid-template-columns: minmax(220px,.7fr) 1.3fr auto; align-items: center; text-align: left; }
  .feature-stage .free-game-card__head { align-self: stretch; display: grid; align-content: center; }
  .feature-stage .free-game-values { grid-template-columns: repeat(3,1fr); }
  .feature-stage .free-game-values > div { grid-template-columns: 48px 1fr; }
  .feature-stage .free-game-card .button { margin: 0 .8rem 0 0; }
}

@media (max-width: 859px) {
  .brand-banner { min-height: 108px; border-radius: 17px; }
  .brand-banner::before,
  .brand-banner::after { display: none; }
  .market-list,
  .zone-stack,
  .weekly-grid,
  .directory-columns,
  .free-grid { grid-template-columns: 1fr; }
  .contact-beacon { grid-template-columns: auto 1fr; }
  .contact-beacon .button { grid-column: 2; justify-self: start; }
}

@media (max-width: 620px) {
  :root { --shell: min(590px, calc(100% - 18px)); }
  .home-flow .section { padding-block: .48rem; }
  .home-flow .section--tight { padding-block: .32rem; }
  .brand-banner { min-height: 101px; padding: .9rem .7rem; border-radius: 15px; box-shadow: inset 0 0 0 2px #4a020d, inset 0 0 0 4px rgba(255,215,87,.5), 0 7px 17px rgba(69,2,13,.2); }
  .brand-banner h1 { font-size: clamp(1.65rem,8vw,2.35rem); }
  .brand-banner p { font-size: .75rem; }
  .intro-card { margin-top: .5rem; padding: .88rem .78rem; border-left-width: 4px; border-right-width: 4px; border-radius: 14px; }
  .intro-card h2 { font-size: 1.15rem; }
  .intro-card__copy p { font-size: .84rem; line-height: 1.55; }
  .trust-line { gap: .3rem .55rem; font-size: .66rem !important; }
  .metal-panel,
  .feature-stage,
  .contact-beacon,
  .final-ank-panel,
  .tools-zone,
  .directory-stage,
  .faq-panel,
  .content-card { border-radius: 14px; }
  .section-ribbon { min-height: 69px; padding: .68rem .7rem; }
  .section-monogram { min-width: 40px; height: 40px; }
  .section-ribbon h2,
  .section-heading h2,
  .feature-stage__title h2,
  .final-ank-panel__heading h2,
  .tools-zone__head h2,
  .faq-panel__head h2 { font-size: 1.03rem; }
  .analytics-grid { gap: .38rem; padding: .4rem; }
  .metric { min-height: 84px; border-radius: 10px; }
  .metric span:first-child { padding: .34rem .2rem; font-size: .6rem; }
  .metric strong { min-height: 49px; font-size: 1.2rem; }
  .live-update-list { padding: .45rem; }
  .live-update-card { grid-template-columns: 1fr auto; gap: .42rem; padding: .58rem; }
  .live-update-card__meta { min-width: 0; }
  .live-update-card__result { text-align: right; font-size: 1.16rem; }
  .phase-badge { grid-column: 1 / -1; justify-self: stretch; padding: .28rem; }
  .live-idle { min-height: 84px; padding: .65rem; }
  .live-idle p { font-size: .7rem; }
  .feature-stage { padding: .45rem; }
  .feature-stage__title,
  .section-heading,
  .final-ank-panel__heading,
  .tools-zone__head,
  .faq-panel__head { gap: .58rem; padding: .6rem; }
  .contact-beacon { grid-template-columns: 48px 1fr; gap: .68rem; min-height: 0; padding: .78rem; }
  .contact-beacon__mark { width: 48px; height: 48px; border-radius: 15px 4px; font-size: .72rem; }
  .contact-beacon__copy h2 { font-size: 1.06rem; }
  .contact-beacon__copy h3 { font-size: .79rem; }
  .contact-beacon__copy p { font-size: .74rem; }
  .contact-beacon .button { grid-column: 1 / -1; justify-self: stretch; text-align: center; }
  .market-list { gap: .48rem; }
  .market-card { border-radius: 13px; }
  .market-card__top { min-height: 46px; padding: .58rem .65rem .42rem; }
  .market-card h3 { font-size: .98rem; }
  .market-result-line { margin: .5rem .5rem .34rem; font-size: 1.32rem; }
  .market-card__schedule { margin-bottom: .5rem; font-size: .66rem; }
  .chart-button { min-height: 43px; font-size: .73rem; }
  .content-card { padding: 1rem .9rem; }
  .content-card h2 { font-size: 1.22rem; }
  .content-card h3 { font-size: 1.02rem; }
  .content-card p,
  .content-card li { font-size: .84rem; line-height: 1.66; }
  .zone-card { padding: .45rem; }
  .zone-card__head { min-height: 63px; margin-bottom: .42rem; padding: .55rem; }
  .zone-links a { grid-template-columns: 60px 1fr; min-height: 47px; padding: .38rem .48rem; font-size: .74rem; }
  .tool-link-grid { grid-template-columns: 1fr 1fr; gap: .38rem; }
  .tool-link-grid a { min-height: 59px; padding: .4rem; gap: .4rem; font-size: .7rem; }
  .tool-link-grid a b { flex-basis: 29px; height: 29px; }
  .weekly-grid { margin-top: .48rem; }
  .weekly-card__head h3 { font-size: 1.08rem; }
  .free-grid { gap: .5rem; }
  .free-game-card__head { padding: .58rem; }
  .free-game-values { margin: .5rem; }
  .directory-stage { padding: .45rem; }
  .directory-links { gap: .25rem; padding: .35rem; }
  .directory-links a { min-height: 42px; font-size: .7rem; }
  .faq-panel__head p { display: none; }
  .faq-list summary { min-height: 54px; padding: .58rem .65rem; font-size: .81rem; }
  .faq-list summary > span { flex-basis: 30px; height: 30px; }
  .faq-answer { padding: 0 .75rem .72rem 3.45rem; }
  .faq-answer p { font-size: .77rem; }
}

@media (max-width: 390px) {
  .tool-link-grid { grid-template-columns: 1fr; }
  .analytics-grid { grid-template-columns: 1fr 1fr; }
  .market-card__schedule { flex-wrap: wrap; gap: .25rem .5rem; }
}

@media (prefers-reduced-motion: reduce) {
  .brand-banner__glint,
  .section-monogram--pulse,
  .live-idle__radar,
  .metric--rotator strong > span { animation: none !important; }
  .zone-links a,
  .tool-link-grid a,
  .directory-links a { transition: none; }
}

/* Late cascade for shared inner pages (kept after homepage component rules). */
.visually-hidden { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0,0,0,0) !important; white-space: nowrap !important; border: 0 !important; }
.page-hero { padding: .72rem 0 .42rem; text-align: left; }
.page-hero .page-hero__inner {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  padding: clamp(1.15rem,4vw,2rem);
  color: #fff2cf;
  text-align: left;
  background: radial-gradient(circle at 90% -20%,rgba(255,215,79,.35),transparent 38%),linear-gradient(115deg,#250005,#680615 62%,#9b120e);
  border: 1px solid #d5a527;
  border-radius: 18px;
  box-shadow: inset 0 0 0 3px rgba(53,0,8,.55),inset 0 0 0 4px rgba(255,210,69,.35),var(--premium-shadow);
}
.page-hero .eyebrow { display: block; margin-bottom: .35rem; color: #f3c957; font-size: .67rem; font-weight: 900; letter-spacing: .14em; text-transform: uppercase; }
.page-hero h1 { margin: 0; color: #fff7dd; font-size: clamp(1.65rem,5vw,2.75rem); text-shadow: 0 2px 0 #290006; }
.page-hero p { max-width: 820px; margin: .45rem 0 0; color: #f4e4dc; font-size: .92rem; }
.breadcrumb-nav { margin-top: .45rem; }
.breadcrumb-nav ol { display: flex; flex-wrap: wrap; gap: .35rem; margin: 0; padding: .45rem .65rem; color: #765f61; list-style: none; background: rgba(255,255,255,.7); border: 1px solid #eadab1; border-radius: 10px; font-size: .72rem; }
.breadcrumb-nav li + li::before { content: "/"; margin-right: .35rem; color: #b39242; }
.breadcrumb-nav a { color: #6a0819; font-weight: 800; }
.page-related-links { display: flex; flex-wrap: wrap; justify-content: center; gap: .45rem; margin-block: .45rem 1rem; padding: .7rem; background: #fff9e7; border: 1px solid #d8bd70; border-radius: 12px; }
.page-related-links a { padding: .36rem .58rem; color: #650919; background: #fff; border: 1px solid #dec98e; border-radius: 999px; text-decoration: none; font-size: .72rem; font-weight: 800; }
.prose-flow p,.prose-flow li { line-height: 1.72; }

.chart-live-card { overflow: hidden; padding: 0; border: 1px solid #d2a936; border-radius: 16px; box-shadow: var(--premium-shadow); }
.chart-live-card__title { margin: 0; border-radius: 0; }
.chart-live-card__summary { display: grid; grid-template-columns: minmax(150px,1fr) auto auto auto; align-items: center; gap: .7rem; padding: .75rem; }
.chart-live-card__summary .live-summary__label { color: #6c0819; font-weight: 900; }
.chart-live-card__summary .live-summary__result { font: 900 1.25rem Georgia,serif; letter-spacing: .06em; }
.jump-links { width: var(--shell); margin: .52rem auto 0; }
.jump-links a { color: #4d020c; background: linear-gradient(180deg,#ffe47a,#d69b0c); border-color: #aa7504; border-radius: 999px; box-shadow: 0 4px 10px rgba(63,20,0,.13); }
.jump-links--bottom { margin-bottom: .9rem; }
.chart-table-wrap { overflow: auto; background: #fff; border: 1px solid #cda643; border-radius: 15px; box-shadow: var(--premium-shadow); scrollbar-color: #a87909 #fff3cb; }
.chart-table { min-width: 760px; }
.chart-table thead th { position: sticky; z-index: 2; top: 0; color: #fff1bd; background: linear-gradient(105deg,#2c0007,#720718); }
.chart-table tbody th { color: #650918; background: #fff0be; }
.chart-table tbody tr:nth-child(even) { background: #fff9e9; }
.chart-table td { height: 72px; }
.week-range span { display: block; color: #a27609; font-size: .57rem; }
.pending-cell { color: #9c8a8d; font-weight: 800; }
.panel-result { display: grid; gap: .12rem; }
.panel-result__pana { color: #423436; font: 750 .68rem ui-monospace,monospace; }
.panel-result__jodi { color: #c30f32; font: 900 1rem Georgia,serif; }
.chart-explainer-card { max-width: 1040px; border-left: 5px solid #76091a; }
.page-actions { display: flex; flex-wrap: wrap; gap: .5rem; margin-top: 1rem; }

.record-directory-grid { align-items: start; }
.record-directory-grid .directory-zone { padding: .58rem; }
.directory-link-list a { grid-template-columns: 1fr auto; }
.information-note { padding: .75rem; color: #664e0a; background: #fff4c7; border: 1px solid #dfbf56; border-left: 4px solid #a87806; border-radius: 10px; }
.record-table caption { padding: .7rem; color: #fff1bd; background: linear-gradient(105deg,#2b0007,#74081a); font-weight: 900; }
.number-lines { display: grid; gap: .35rem; }
.number-lines > div { display: grid; grid-template-columns: 60px 1fr; overflow: hidden; border: 1px solid #e4d7b0; border-radius: 8px; }
.number-lines dt { display: grid; place-items: center; color: #fff2c5; background: #79091d; font-size: .7rem; font-weight: 900; }
.number-lines dd { margin: 0; padding: .5rem; font-size: .78rem; }

.tool-workspace { display: grid; gap: .75rem; }
.tool-grid--single { grid-template-columns: minmax(0,760px); justify-content: center; }
.tool-card { padding: 1rem; background: linear-gradient(145deg,#fff,#fff9e8); border: 1px solid #d4b65f; border-top: 4px solid #76091b; border-radius: 15px; box-shadow: var(--premium-shadow); }
.tool-card h2 { margin: 0 0 .35rem; color: #680919; }
.form-intro { margin: 0 0 .35rem; color: #6c5d5f; font-size: .8rem; }
.form-row small { color: #78686a; font-size: .68rem; }
.form-row input,.form-row select,.form-row textarea { width: 100%; padding: .68rem .72rem; color: #281d1f; background: #fff; border: 1px solid #cdbf9c; border-radius: 9px; outline: none; }
.form-row input:focus,.form-row select:focus,.form-row textarea:focus { border-color: #9d0f27; box-shadow: 0 0 0 3px rgba(157,15,39,.12); }
.option-fieldset { padding: .65rem; border: 1px solid #dcc783; border-radius: 9px; }
.inline-options { display: flex; flex-wrap: wrap; gap: .65rem; }
.inline-options label { display: inline-flex; align-items: center; gap: .25rem; }
.calculator-result { padding: 1rem; color: #2e2224; background: linear-gradient(145deg,#fff7d5,#fff); border: 1px solid #d4ad39; border-left: 5px solid #0a8750; border-radius: 14px; box-shadow: var(--premium-shadow); }
.calculator-result h2 { color: #630818; }
.calculator-result code { display: inline-block; padding: .2rem .35rem; color: #fff2c4; background: #650718; border-radius: 5px; }
.honeypot { position: absolute; left: -10000px; }

.content-page-card,.content-page-extra-card,.contact-guide-card,.contact-extra-card { max-width: 960px; }
.content-page-card h2,.content-page-extra-card h2 { padding-bottom: .35rem; border-bottom: 1px solid #ead8a8; }
.contact-layout { align-items: start; }
.contact-details { margin-top: .8rem; padding: .7rem; background: #fff7d8; border: 1px solid #dfc36e; border-radius: 10px; font-style: normal; }
.privacy-reminder { padding: .65rem; color: #665653; background: #f8f4ed; border-left: 4px solid #9f7510; font-size: .75rem; }
.contact-form textarea { min-height: 150px; resize: vertical; }

.site-footer { margin-top: .8rem; padding: .75rem 0; color: #f8e9d8; background: linear-gradient(145deg,#210005,#3d0109 58%,#57040f); border-top: 3px solid #d3a327; }
.site-footer .footer-card { display: grid; gap: .7rem; padding: 1rem; color: #f6e9df; text-align: left; background: rgba(31,0,5,.54); border: 1px solid rgba(225,175,47,.54); border-radius: 16px; box-shadow: inset 0 1px 0 rgba(255,255,255,.08); }
.footer-brand-block { display: flex; align-items: center; justify-content: space-between; gap: 1rem; }
.site-footer .footer-brandline { display: inline-flex; margin: 0; padding: .55rem .7rem; color: #ffe492; text-decoration: none; background: rgba(255,255,255,.04); border: 1px solid #bc8d19; border-radius: 10px; }
.footer-brand-block p { max-width: 620px; margin: 0; color: #eadbd0; font-size: .76rem; }
.footer-primary-links,.site-footer .footer-legal-links { display: flex; flex-wrap: wrap; justify-content: flex-start; gap: .38rem .5rem; margin: 0; }
.footer-primary-links a,.site-footer .footer-legal-links a { padding: .32rem .5rem; color: #f4dfb7; background: rgba(255,255,255,.045); border: 1px solid rgba(225,175,47,.25); border-radius: 999px; text-decoration: none; font-size: .7rem; font-weight: 750; }
.site-footer .footer-legal-links a + a::before { content: none; }
.footer-quick-actions { display: flex; flex-wrap: wrap; gap: .45rem; }
.footer-action { padding: .45rem .65rem; color: #fff0bd; background: linear-gradient(115deg,#620719,#8c0f27); border: 1px solid #c79827; border-radius: 9px; text-decoration: none; font-size: .72rem; font-weight: 850; }
.site-footer .footer-disclaimer { padding: .7rem; color: #e9ddd4; background: rgba(255,255,255,.045); border: 0; border-left: 4px solid #c79622; border-radius: 8px; }
.site-footer .footer-disclaimer strong { color: #ffe18b; }
.site-footer .footer-disclaimer p { margin: .25rem 0 0; color: inherit; font-size: .72rem; }
.site-footer .footer-copyright { margin: 0; color: #ccbdb5; font-size: .68rem; }

@media (min-width:860px) {
  .page-hero__inner,.breadcrumb-nav,.page-related-links,.chart-live-card,.chart-record-section > .shell,.chart-explainer,.tool-workspace,.content-page-card,.content-page-extra-card,.contact-layout,.contact-extra-card { max-width: 1040px; }
}
@media (max-width:620px) {
  .page-hero .page-hero__inner { padding: 1rem .78rem; border-radius: 14px; }
  .page-hero h1 { font-size: 1.55rem; }
  .page-hero p { font-size: .78rem; }
  .chart-live-card__summary { grid-template-columns: 1fr auto; gap: .45rem; }
  .chart-live-card__summary .result-state,.chart-live-card__summary .button { justify-self: stretch; text-align: center; }
  .chart-table { min-width: 690px; }
  .page-actions { display: grid; grid-template-columns: 1fr; }
  .tool-grid { grid-template-columns: 1fr; }
  .tool-card { padding: .8rem; border-radius: 12px; }
  .footer-brand-block { display: grid; gap: .45rem; }
  .footer-brand-block p { font-size: .7rem; }
}