/* L9 2026-10-08: tool pages (Kundali, Matching, Panchang, Sanchar) on one white background with contained
   lavender cards, the same button and pill grammar as the product pages, and no dark or cream bands.
   Scoped to body.l9-tool; the pages keep every form, id and data hook. */
body.l9-tool{--l9t-ink:#15121a;--l9t-ink2:#4b4653;--l9t-rule:#e8e4ee;--l9t-well:#f6f3fd;--l9t-accent:#7c3aed;--l9t-button:#6d28d9;--l9t-w:min(calc(100% - 32px),1160px);--l9t-gap:calc(var(--gg-h2) * 2);--l9t-in:calc(var(--gg-h2) * .8);--l9t-pad:calc(var(--gg-h2) * .75);--l9t-pad-lg:calc(var(--gg-h2) * 1.25);background:#fff!important;color:var(--l9t-ink)}
@media (max-width:560px){body.l9-tool{--l9t-pad-lg:var(--l9t-pad)}}
/* Panchang */
body.l9-tool .timing-hero,body.l9-tool .timing-hero__copy,body.l9-tool .timing-reading,body.l9-tool .city-panel{background:transparent!important}
body.l9-tool .timing-hero{border-radius:0}
body.l9-tool .india-timing-art{background:var(--l9t-well)!important;border-radius:28px;object-fit:cover}
body.l9-tool .india-story{width:min(calc(100% - 32px),1160px);margin:48px auto 0;padding:clamp(28px,4vw,48px)!important;border-radius:28px;background:var(--l9t-well)!important;box-sizing:border-box}
body.l9-tool .panchang-card{background:var(--l9t-well)!important;color:var(--l9t-ink)!important;border-color:transparent!important}
body.l9-tool .panchang-card h3,body.l9-tool .panchang-card small,body.l9-tool .panchang-card p{color:var(--l9t-ink)!important}
body.l9-tool .panchang-card--night{background:#efe9fc!important}
body.l9-tool .city-panel{width:min(calc(100% - 32px),1160px);margin:48px auto 0;padding:clamp(28px,4vw,48px)!important;border-radius:28px;background:var(--l9t-well)!important;box-sizing:border-box}
body.l9-tool .timing-next{background:#efe9fc!important}
body.l9-tool .timing-date button,body.l9-tool .city-form button{border-color:var(--l9t-button)!important;background:var(--l9t-button)!important;color:#fff!important;border-radius:999px!important}
body.l9-tool .timing-kicker{color:var(--l9t-accent)!important;font-family:inherit!important;letter-spacing:0!important;text-transform:none!important;font-size:15px!important}
/* Sanchar (toolkit) */
body.l9-tool .hero-art figcaption{background:rgba(255,255,255,.92)!important;color:var(--l9t-ink)!important}
body.l9-tool .hero-art,body.l9-tool .hero-art img{background:var(--l9t-well)!important}
body.l9-tool .section.alt{background:transparent!important}
body.l9-tool .tool-form{background:var(--l9t-well)!important;border:0!important;border-radius:28px!important}
body.l9-tool .final-cta{width:min(calc(100% - 32px),1160px);margin:56px auto;padding:clamp(40px,6vw,72px) 24px!important;border-radius:32px;background:#efe9fc!important;color:var(--l9t-ink)!important;box-sizing:border-box}
body.l9-tool .final-cta h2,body.l9-tool .final-cta p{color:var(--l9t-ink)!important}
body.l9-tool .final-cta .primary-cta,body.l9-tool .primary-cta{border-color:var(--l9t-button)!important;background:var(--l9t-button)!important;color:#fff!important;border-radius:999px!important}
/* Matching */
body.l9-tool.ct-page .ct-hero,body.l9-tool.ct-page .ct-band,body.l9-tool.ct-page .ct-section,body.l9-tool.ct-page .ct-section--lav,body.l9-tool.ct-page .ct-related{background:transparent!important}
body.l9-tool.ct-page .ct-card{background:var(--l9t-well)!important;border:0!important;border-radius:28px!important}
body.l9-tool.ct-page .ct-art img{background:var(--l9t-well)!important;border-radius:28px;object-fit:cover}
body.l9-tool.ct-page .ct-note{background:var(--l9t-well)!important}
body.l9-tool.ct-page .ct-btn{border-color:var(--l9t-button)!important;background:var(--l9t-button)!important;color:#fff!important;border-radius:999px!important}
body.l9-tool.ct-page .ct-btn--ghost{border-color:#d8ccf5!important;background:#fff!important;color:var(--l9t-button)!important}
/* Kundali */
body.l9-tool .gg-hero,body.l9-tool .gg-section--tint{background:transparent!important}
body.l9-tool .gg-hero__media{background:var(--l9t-well)!important;border-radius:28px;overflow:hidden}
body.l9-tool .gg-hero__media img{object-fit:cover}
body.l9-tool .kundali-example{width:min(calc(100% - 32px),1160px);margin-inline:auto;border-radius:28px;background:var(--l9t-well)!important;color:var(--l9t-ink)!important}
body.l9-tool .kundali-example h2,body.l9-tool .kundali-example p,body.l9-tool .kundali-example dt,body.l9-tool .kundali-example dd,body.l9-tool .kundali-example .example-kicker{color:var(--l9t-ink)!important}
body.l9-tool .kundali-example .example-kicker{color:var(--l9t-accent)!important}
body.l9-tool .example-sheet,body.l9-tool .example-sheet svg{background:#fff!important}
body.l9-tool .north-chart rect,body.l9-tool .north-chart path{fill:none;stroke:#3b2a6b;stroke-width:1.5}
body.l9-tool .north-chart .chart-labels text{fill:var(--l9t-ink);font-size:15px;text-anchor:middle}
body.l9-tool .north-chart .house-nos text{fill:#8a7fa3;font-size:11px;text-anchor:middle}
body.l9-tool .gg-btn,body.l9-tool .gg-hero__cta,body.l9-tool .gg-link-btn--primary{border-color:var(--l9t-button)!important;background:var(--l9t-button)!important;color:#fff!important;border-radius:999px!important}
body.l9-tool .gg-card{border-color:var(--l9t-rule)!important}
body.l9-tool .gg-faq details{background:var(--l9t-well)!important;border-color:transparent!important}
body.l9-tool.ct-page .ct-tile{background:var(--l9t-well)!important;border-color:transparent!important;color:var(--l9t-ink)!important}
body.l9-tool.ct-page .ct-num{color:var(--l9t-accent)!important}
body.l9-tool.ct-page .ct-chips li{background:#fff!important;border:1px solid var(--l9t-rule)!important}
body.l9-tool .panchang-card--night .panchang-art{filter:brightness(.35)}
/* Benchmark gaps (2026-10-08): compact heroes, so each tool's form starts in the first screen at 1440 and right
   after the lead line at 390. Headings follow the shared shell type scale. */
body.l9-tool .gg-hero__copy{padding-block:36px!important}
body.l9-tool .gg-hero,body.l9-tool .gg-hero__grid,body.l9-tool .gg-hero__media{min-height:0!important;height:auto!important}
body.l9-tool main:has(.gg-hero){padding-top:96px}
body.l9-tool .gg-hero__media{align-self:stretch;min-height:360px!important}
body.l9-tool .gg-hero h1{max-width:12ch!important}
body.l9-tool .gg-breadcrumb{padding-top:14px!important}
body.l9-tool .gg-calculator{padding-top:28px!important}
body.l9-tool.ct-page .ct-hero{padding-top:112px!important;padding-bottom:40px!important}
body.l9-tool.ct-page .ct-art{max-height:420px}
body.l9-tool.ct-page .ct-art img{height:100%;max-height:420px}
body.l9-tool.ct-page .ct-band{padding-top:24px!important}
body.l9-tool .toolkit-hero{padding-top:112px!important;padding-bottom:32px!important}
body.l9-tool .toolkit-hero+.india-story,body.l9-tool .toolkit-hero~.section.alt{margin-top:0}
@media (max-width:760px){
  body.l9-tool .gg-hero__copy{padding:28px 20px!important}
  body.l9-tool .gg-hero__media{display:none!important}
  body.l9-tool .gg-calculator__intro{display:contents}
  body.l9-tool .gg-calculator__intro>.gg-proof{order:2}
  body.l9-tool .gg-form-card{order:1}
  body.l9-tool.ct-page .ct-hero{padding-top:96px!important}
  body.l9-tool.ct-page .ct-art,body.l9-tool.ct-page .ct-art img{max-height:200px}
  body.l9-tool .toolkit-hero{padding-top:96px!important}
}
body.l9-tool .hero-art figcaption span:not([data-tool-status]){display:none}
body.l9-tool .timing-status{margin:12px 0 0!important;font-size:14px!important;line-height:1.5!important;color:#6f6a77!important}
body.l9-tool .timing-scope{font-size:16px!important;line-height:1.55!important}
/* Body copy 16px, small labels 14px (shared shell scale). */
body.l9-tool :is(.gg-proof li,.gg-form-head p,.gg-feature p,.gg-step-card p,.panchang-card p,.india-story-content p){font-size:16px!important;line-height:1.55!important}
body.l9-tool :is(.gg-hint,.example-kicker,.example-note,.ct-kicker,.india-story .pd-kicker){font-size:14px!important}
/* Panchang: the city picker sits in the hero under the date (L3 #853 timings follow #panchang-city); the two new
   window cards (Sunrise · Sunset, Abhijit) have no art, so their line runs the full card width. */
body.l9-tool .timing-hero .city-form{margin-top:16px}
body.l9-tool .timing-hero .city-form label{display:block;margin:0 0 8px;font-size:14px;color:var(--l9t-ink2)}
body.l9-tool .timing-hero .city-form>div{display:flex;flex-wrap:wrap;gap:10px}
body.l9-tool .timing-hero .city-form select{flex:1 1 auto;min-width:0;height:50px;min-height:50px;padding:0 14px;border:1px solid #d9d2e3;border-radius:12px;background:#fff;color:var(--l9t-ink);font-size:16px}
body.l9-tool .timing-hero .city-form button{min-height:50px;padding:0 20px;border:1px solid #d8ccf5!important;background:#fff!important;color:var(--l9t-button)!important;border-radius:999px!important;font-size:16px}
body.l9-tool .panchang-card--window:not(:has(.panchang-art)) p{max-width:36ch}
body.l9-tool .timing-hero .timing-date input{background:#fff!important;border-color:#d9d2e3!important}
/* Tool content depth (Codex C8, static): one contained "What it covers" block and one product FAQ per tool page. */
body.l9-tool :is(.l9-depth,.l9-faq){box-sizing:border-box;width:var(--l9t-w);margin:var(--l9t-gap) auto 0;color:var(--l9t-ink)}
body.l9-tool .l9-depth__kicker{margin:0;font-size:16px;font-weight:500;color:var(--l9t-accent)}
body.l9-tool .l9-depth header h2,body.l9-tool .l9-faq header h2{margin:12px 0 0;max-width:22ch;text-wrap:balance}
body.l9-tool .l9-depth header>p:not(.l9-depth__kicker){max-width:60ch;margin:14px 0 0;font-size:18px;line-height:1.6;color:var(--l9t-ink2)}
body.l9-tool .l9-depth__covers{margin:var(--l9t-in) 0 0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
body.l9-tool .l9-depth__covers li{padding:var(--l9t-pad);border-radius:20px;background:var(--l9t-well);font-size:16px;line-height:1.6;color:var(--l9t-ink2)}
body.l9-tool .l9-depth__cols{margin-top:var(--l9t-in);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(24px,4vw,56px)}
body.l9-tool .l9-depth__cols h3{margin:0;font-size:20px;font-weight:500;color:var(--l9t-ink)}
body.l9-tool .l9-depth__cols ul{margin:14px 0 0;padding:0;list-style:none}
body.l9-tool .l9-depth__cols li{padding:14px 0;border-top:1px solid var(--l9t-rule);font-size:16px;line-height:1.6;color:var(--l9t-ink2)}
body.l9-tool .l9-depth__steps{margin-top:var(--l9t-in);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
body.l9-tool .l9-depth__steps article{padding:var(--l9t-pad);border-radius:20px;background:var(--l9t-well)}
body.l9-tool .l9-depth__steps small{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#fff;color:var(--l9t-accent);font-size:14px}
body.l9-tool .l9-depth__steps h3{margin:16px 0 0;font-size:19px;font-weight:500;color:var(--l9t-ink)}
body.l9-tool .l9-depth__steps p{margin:8px 0 0;font-size:16px;line-height:1.6;color:var(--l9t-ink2)}
body.l9-tool .l9-faq{display:block;text-align:center;margin-bottom:var(--l9t-gap)}
body.l9-tool .l9-faq header h2{max-width:none;margin-left:auto;margin-right:auto}
body.l9-tool .l9-faq__list{max-width:820px;margin:clamp(28px,4vw,44px) auto 0;border-top:1px solid var(--l9t-rule);text-align:left}
body.l9-tool .l9-faq details{padding:0;border-bottom:1px solid var(--l9t-rule);background:none!important}
body.l9-tool .l9-faq summary{list-style:none;display:flex;justify-content:space-between;gap:16px;padding:20px 0;cursor:pointer;font-size:17px;font-weight:500;color:var(--l9t-ink)}
body.l9-tool .l9-faq summary::-webkit-details-marker{display:none}
body.l9-tool .l9-faq summary::after{content:"";flex:0 0 18px;height:18px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2315121a' stroke-width='1.5'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") center/18px no-repeat;transition:transform .2s ease}
body.l9-tool .l9-faq details[open] summary::after{transform:rotate(180deg)}
body.l9-tool .l9-faq details p{margin:0 0 20px;max-width:64ch;font-size:16px;line-height:1.65;color:var(--l9t-ink2)}
body.l9-tool .l9-faq details p a{color:var(--l9t-button)}
body.l9-tool .l9-faq__trust{max-width:820px;margin:24px auto 0;padding:0;list-style:none;display:grid;gap:6px;text-align:left}
body.l9-tool .l9-faq__trust li{font-size:14px;line-height:1.55;color:#6f6a77}
@media (max-width:860px){
  body.l9-tool .l9-depth__covers,body.l9-tool .l9-depth__cols,body.l9-tool .l9-depth__steps{grid-template-columns:minmax(0,1fr)}
}
@media (prefers-reduced-motion:reduce){body.l9-tool .l9-faq summary::after{transition:none}}
/* One spacing rhythm on Kundali, Matching and Panchang (2026-10-09). Section gap and card padding come from the shared
   type scale (--gg-h2 in mega-menu.css), every section sits in one 1160px column and the hairlines between sections are
   gone. Panchang rules hang off body.timing-page, so Sanchar (toolkit, which also loads the shared product-india.js
   blocks) matches none of these selectors and is unchanged (checked pixel for pixel at 1440 and 390). */
/* Kundali */
body.l9-tool main .gg-shell:not(.example-grid){width:var(--l9t-w)}
body.l9-tool .gg-calculator{padding:var(--l9t-in) 0 0!important}
body.l9-tool .kundali-example{width:var(--l9t-w);margin:var(--l9t-gap) auto 0!important;padding:var(--l9t-pad-lg)!important}
body.l9-tool .gg-section{padding:0!important;margin-top:var(--l9t-gap);border:0!important}
body.l9-tool .gg-section-head{margin:0 0 var(--l9t-in)!important}
body.l9-tool .gg-feature{padding:var(--l9t-pad)}
body.l9-tool .gg-step-card{padding:var(--l9t-pad) var(--l9t-pad) var(--l9t-pad) 4rem}
/* Matching */
body.l9-tool.ct-page :is(.ct-wrap,.ct-hero>.ct-wrap){width:var(--l9t-w);max-width:none}
body.l9-tool.ct-page :is(.ct-hero,.ct-band,.ct-section,.ct-related){padding-inline:0!important}
body.l9-tool.ct-page .ct-band{padding-block:var(--l9t-in) 0!important}
body.l9-tool.ct-page :is(.ct-section,.ct-related){padding-block:0!important;margin-top:var(--l9t-gap)}
body.l9-tool.ct-page :is(.ct-card,.ct-aside,.ct-result){padding:var(--l9t-pad-lg)}
body.l9-tool.ct-page .ct-tile{padding:var(--l9t-pad)}
body.l9-tool.ct-page .ct-note{padding:var(--l9t-pad)}
body.l9-tool.ct-page .ct-head{margin-bottom:var(--l9t-in)}
/* Panchang */
body.l9-tool :is(.timing-hero,.timing-reading){box-sizing:border-box;width:var(--l9t-w);max-width:none;margin-inline:auto;padding-inline:0!important}
body.l9-tool .timing-hero{padding-bottom:0!important}
body.l9-tool .timing-main .timing-reading{padding-top:var(--l9t-gap)!important;padding-bottom:0!important}
body.l9-tool .timing-main .timing-hero__copy{padding:var(--l9t-pad-lg)}
body.l9-tool .timing-main .panchang-card{padding-block:var(--l9t-pad);padding-left:var(--l9t-pad)}
body.l9-tool .timing-main .timing-disclosure{gap:8px 30px}
body.l9-tool.timing-page :is(.india-story,.city-panel){margin-top:var(--l9t-gap);padding:var(--l9t-pad-lg)!important}
body.l9-tool .timing-next{box-sizing:border-box;width:var(--l9t-w);margin:var(--l9t-gap) auto 0!important;padding:var(--l9t-pad-lg)!important}
@media (max-width:900px){body.l9-tool .timing-main :is(.panchang-card,.panchang-card--lead,.panchang-card--window){min-height:0}}