body.sl-jiotish { --jiotish-paper: #f4e9df; --jiotish-ink: #251d18; }
body.sl-jiotish .sl-icon-list-checks { --sl-icon: url("icons/list-checks.svg"); }
body.sl-jiotish .sl-site-header { z-index: 90; }
body.sl-jiotish .sl-main-nav { position: relative; }

.jiotish-product-nav { border-bottom: 1px solid var(--sl-line); background: rgba(13,12,11,.94); }
.jiotish-product-nav .sl-container { display: flex; min-height: 50px; align-items: stretch; justify-content: center; }
.jiotish-product-nav a { position: relative; display: inline-flex; align-items: center; gap: 8px; padding: 0 clamp(14px,2.5vw,30px); color: var(--sl-muted); font-size: 14px; transition: color .2s ease, background .2s ease; }
.jiotish-product-nav a:hover { color: var(--sl-text); background: rgba(224,183,149,.05); }
.jiotish-product-nav a[aria-current="page"] { color: var(--sl-copper-bright); }
.jiotish-product-nav a[aria-current="page"]::after { position: absolute; right: 16px; bottom: -1px; left: 16px; height: 2px; background: var(--sl-orange); content: ""; }
.jiotish-product-nav .sl-icon { width: 16px; height: 16px; }
.jiotish-moon-icon { display: inline-block; width: 16px; height: 16px; border: 1.5px solid currentColor; border-radius: 50%; box-shadow: inset 5px -2px 0 -2px currentColor; }

.jiotish-hero { position: relative; padding: clamp(64px,8vw,112px) 0 82px; overflow: hidden; }
.jiotish-hero::before { position: absolute; top: -260px; right: -180px; width: 680px; height: 680px; border: 1px solid rgba(224,183,149,.12); border-radius: 50%; box-shadow: inset 0 0 0 90px rgba(224,183,149,.018), inset 0 0 0 180px rgba(224,183,149,.012); content: ""; pointer-events: none; }
.jiotish-hero-grid { position: relative; display: grid; grid-template-columns: minmax(0,1.03fr) minmax(420px,.82fr); gap: clamp(54px,7vw,104px); align-items: center; }
.jiotish-hero-copy { max-width: 700px; }
.jiotish-hero h1 { max-width: 760px; margin: 14px 0 24px; font: 400 clamp(48px,5.5vw,82px)/.98 var(--sl-yoo-font-heading, "Playfair Display", Georgia, serif); letter-spacing: -.035em; }
.jiotish-hero h1 span { color: var(--sl-copper-bright); }
.jiotish-lead { max-width: 660px; margin: 0; color: var(--sl-muted); font-size: clamp(18px,1.7vw,22px); line-height: 1.55; }
.jiotish-hero-actions { display: flex; align-items: center; gap: 24px; margin-top: 34px; }
.jiotish-hero-actions .sl-button { min-height: 54px; padding-inline: 25px; }
.jiotish-text-link { display: inline-flex; min-height: 44px; align-items: center; gap: 8px; color: var(--sl-copper-bright); border-bottom: 1px solid var(--sl-line-strong); }
.jiotish-text-link .sl-icon { width: 15px; height: 15px; }
.jiotish-trust { display: flex; flex-wrap: wrap; gap: 12px 24px; margin-top: 28px; color: var(--sl-muted); font-size: 13px; }
.jiotish-trust span { display: inline-flex; align-items: center; gap: 7px; }
.jiotish-trust .sl-icon { width: 15px; height: 15px; color: var(--sl-green); }

.jiotish-chart-card { position: relative; margin: 0; padding: 16px; border: 1px solid var(--sl-line-strong); border-radius: 32px; background: linear-gradient(145deg,rgba(36,29,24,.94),rgba(16,14,12,.96)); box-shadow: var(--sl-shadow); transform: rotate(1.2deg); }
.jiotish-chart-card::before { position: absolute; z-index: -1; inset: 30px -28px -28px 30px; border: 1px solid rgba(224,183,149,.1); border-radius: 30px; content: ""; }
.jiotish-chart-heading { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 4px 4px 14px; }
.jiotish-chart-heading span { display: block; color: var(--sl-dim); font-size: 11px; letter-spacing: .08em; text-transform: uppercase; }
.jiotish-chart-heading strong { display: block; margin-top: 2px; font-size: 15px; font-weight: 400; }
.jiotish-chart-heading button { display: inline-flex; min-height: 44px; align-items: center; gap: 7px; padding: 0 11px; border: 1px solid var(--sl-line); border-radius: 999px; color: var(--sl-copper-bright); background: transparent; cursor: pointer; }
.jiotish-chart-heading button span:last-child { color: inherit; font-size: 11px; letter-spacing: 0; text-transform: none; }
.jiotish-chart-heading button .sl-icon { width: 14px; height: 14px; }
.jiotish-chart-visual { display: grid; place-items: center; aspect-ratio: 1; padding: 18px; border-radius: 22px; background: #f5eee8; overflow: hidden; }
.jiotish-chart-visual img { display: block; width: 100%; height: 100%; object-fit: contain; }
.jiotish-chart-card figcaption { display: grid; grid-template-columns: repeat(3,1fr); gap: 8px; padding: 14px 3px 2px; }
.jiotish-chart-card figcaption span { display: flex; align-items: baseline; justify-content: center; gap: 5px; color: var(--sl-dim); font-size: 11px; }
.jiotish-chart-card figcaption b { color: var(--sl-copper-bright); font: 400 18px/1 var(--sl-yoo-font-heading, "Playfair Display", Georgia, serif); }

.jiotish-thesis { border-block: 1px solid var(--sl-line); background: var(--sl-bg-deep); }
.jiotish-thesis-inner { display: grid; grid-template-columns: .65fr 1.25fr 1fr; gap: 42px; align-items: center; padding-block: 38px; }
.jiotish-thesis p { margin: 0; color: var(--sl-copper); font-size: 12px; letter-spacing: .1em; text-transform: uppercase; }
.jiotish-thesis blockquote { margin: 0; color: var(--sl-text); font: 400 clamp(24px,2.2vw,34px)/1.25 var(--sl-yoo-font-heading, "Playfair Display", Georgia, serif); }
.jiotish-thesis span { color: var(--sl-muted); font-size: 14px; }

.jiotish-benefits,.jiotish-system,.jiotish-related { padding: clamp(76px,9vw,126px) 0; }
.jiotish-section-heading { display: grid; grid-template-columns: minmax(0,1.1fr) minmax(280px,.65fr); gap: 50px; align-items: end; margin-bottom: 48px; }
.jiotish-section-heading h2,.jiotish-sample h2,.jiotish-steps h2,.jiotish-about h2,.jiotish-faq h2,.jiotish-final h2 { margin: 8px 0 0; font: 400 clamp(38px,4vw,58px)/1.05 var(--sl-yoo-font-heading, "Playfair Display", Georgia, serif); letter-spacing: -.025em; }
.jiotish-section-heading > p { max-width: 510px; margin: 0; color: var(--sl-muted); font-size: 17px; }
.jiotish-benefit-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 14px; }
.jiotish-benefit { position: relative; min-height: 290px; padding: 28px; border: 1px solid var(--sl-line); border-radius: 24px; background: var(--sl-surface); overflow: hidden; transition: transform .2s ease,border-color .2s ease; }
.jiotish-benefit:hover { border-color: var(--sl-line-strong); transform: translateY(-3px); }
.jiotish-benefit-large { grid-column: span 2; background: linear-gradient(135deg,var(--sl-surface-warm),var(--sl-surface)); }
.jiotish-benefit-wide { grid-column: span 2; display: grid; grid-template-columns: auto minmax(0,1fr); gap: 20px; align-items: center; min-height: 210px; }
.jiotish-card-number { position: absolute; top: 20px; right: 22px; color: var(--sl-dim); font: 400 13px/1 var(--sl-yoo-font-heading, "Playfair Display", Georgia, serif); }
.jiotish-card-icon,.jiotish-layer-icon,.jiotish-related-icon { display: grid; width: 46px; height: 46px; place-items: center; border: 1px solid var(--sl-line-strong); border-radius: 14px; color: var(--sl-copper-bright); background: rgba(224,183,149,.06); }
.jiotish-benefit h3 { max-width: 410px; margin: 58px 0 10px; font: 400 25px/1.15 var(--sl-yoo-font-heading, "Playfair Display", Georgia, serif); }
.jiotish-benefit p { margin: 0; color: var(--sl-muted); line-height: 1.6; }
.jiotish-benefit-large h3 { max-width: 520px; font-size: 34px; }
.jiotish-benefit-wide h3 { margin-top: 0; }
.jiotish-benefit-wide .jiotish-card-icon { width: 62px; height: 62px; }
.jiotish-benefit-tags { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 32px; }
.jiotish-benefit-tags span { padding: 6px 10px; border: 1px solid var(--sl-line); border-radius: 999px; color: var(--sl-copper-bright); font-size: 12px; }

.jiotish-sample { padding: clamp(76px,9vw,120px) 0; background: var(--sl-bg-deep); }
.jiotish-sample-grid { display: grid; grid-template-columns: minmax(340px,.72fr) minmax(0,1.25fr); gap: clamp(50px,7vw,92px); align-items: center; }
.jiotish-sample-copy > p:not(.sl-section-kicker) { max-width: 560px; margin: 22px 0 0; color: var(--sl-muted); font-size: 17px; }
.jiotish-reading-path { display: grid; gap: 18px; margin: 34px 0; padding: 0; list-style: none; }
.jiotish-reading-path li { display: grid; grid-template-columns: 36px minmax(0,1fr); gap: 14px; align-items: start; }
.jiotish-reading-path li > span { display: grid; width: 34px; height: 34px; place-items: center; border: 1px solid var(--sl-line-strong); border-radius: 50%; color: var(--sl-copper-bright); font-size: 12px; }
.jiotish-reading-path strong { display: block; font-weight: 400; }
.jiotish-reading-path p { margin: 2px 0 0; color: var(--sl-muted); font-size: 14px; }
.jiotish-sample-copy .sl-button { min-height: 50px; }
.jiotish-report-window { border: 1px solid var(--sl-line-strong); border-radius: 28px; background: var(--sl-surface); box-shadow: var(--sl-shadow); overflow: hidden; }
.jiotish-window-bar { display: flex; align-items: center; gap: 7px; height: 46px; padding: 0 17px; border-bottom: 1px solid var(--sl-line); background: var(--sl-surface-raised); }
.jiotish-window-bar > span { width: 8px; height: 8px; border-radius: 50%; background: var(--sl-dim); }
.jiotish-window-bar > span:first-child { background: var(--sl-orange); }
.jiotish-window-bar small { margin-left: auto; color: var(--sl-dim); }
.jiotish-window-body { display: grid; grid-template-columns: 170px minmax(0,1fr); min-height: 440px; }
.jiotish-window-body nav { display: flex; flex-direction: column; gap: 5px; padding: 24px 13px; border-right: 1px solid var(--sl-line); background: var(--sl-bg-deep); }
.jiotish-window-body nav span { display: flex; align-items: center; gap: 10px; padding: 11px; border-radius: 10px; color: var(--sl-dim); font-size: 13px; }
.jiotish-window-body nav b { color: inherit; font-size: 10px; font-weight: 400; }
.jiotish-window-body nav span.is-active { color: var(--sl-text); background: var(--sl-surface-warm); }
.jiotish-window-body article { padding: clamp(30px,4vw,52px); }
.jiotish-window-kicker { margin: 0; color: var(--sl-copper); font-size: 11px; letter-spacing: .1em; text-transform: uppercase; }
.jiotish-window-body h3 { margin: 8px 0 16px; font: 400 clamp(28px,3vw,42px)/1.1 var(--sl-yoo-font-heading, "Playfair Display", Georgia, serif); }
.jiotish-window-body article > p:not(.jiotish-window-kicker) { max-width: 650px; margin: 0; color: var(--sl-muted); font-size: 16px; line-height: 1.65; }
.jiotish-window-insight { display: grid; grid-template-columns: auto minmax(0,1fr); gap: 13px; margin-top: 26px; padding: 18px; border: 1px solid var(--sl-line); border-radius: 16px; background: var(--sl-surface-warm); }
.jiotish-window-insight > .sl-icon { margin-top: 2px; color: var(--sl-copper-bright); }
.jiotish-window-insight small,.jiotish-window-insight strong { display: block; }
.jiotish-window-insight small { color: var(--sl-copper); font-size: 11px; text-transform: uppercase; }
.jiotish-window-insight strong { margin-top: 3px; font-size: 14px; font-weight: 400; }
.jiotish-window-lines { display: grid; gap: 9px; margin-top: 24px; }
.jiotish-window-lines i { display: block; height: 7px; border-radius: 99px; background: var(--sl-line); }
.jiotish-window-lines i:nth-child(2) { width: 82%; }.jiotish-window-lines i:nth-child(3) { width: 64%; }

.jiotish-layer-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 16px; }
.jiotish-layer-grid article { position: relative; min-height: 340px; padding: 30px; border-top: 2px solid var(--sl-copper); border-radius: 0 0 22px 22px; background: linear-gradient(180deg,rgba(224,183,149,.08),transparent 42%),var(--sl-surface); }
.jiotish-layer-index { position: absolute; top: 24px; right: 28px; color: var(--sl-dim); font: 400 14px/1 var(--sl-yoo-font-heading, "Playfair Display",Georgia,serif); }
.jiotish-layer-grid h3 { margin: 64px 0 12px; font: 400 27px/1.15 var(--sl-yoo-font-heading, "Playfair Display",Georgia,serif); }
.jiotish-layer-grid p { margin: 0; color: var(--sl-muted); line-height: 1.65; }
.jiotish-layer-grid small { position: absolute; right: 30px; bottom: 28px; left: 30px; padding-top: 16px; border-top: 1px solid var(--sl-line); color: var(--sl-copper-bright); }
.jiotish-system-note { display: grid; grid-template-columns: auto minmax(0,1fr); gap: 17px; max-width: 900px; margin: 22px auto 0; padding: 22px 26px; border: 1px solid var(--sl-line); border-radius: 18px; background: var(--sl-bg-deep); }
.jiotish-system-note > .sl-icon { margin-top: 3px; color: var(--sl-copper-bright); }
.jiotish-system-note strong { font-weight: 400; }
.jiotish-system-note p { margin: 4px 0 0; color: var(--sl-muted); font-size: 14px; }

.jiotish-access { padding: clamp(76px,9vw,120px) 0; border-block: 1px solid var(--sl-line); background: var(--sl-bg-deep); }
.jiotish-access-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; max-width: 1040px; margin-inline: auto; }
.jiotish-access-grid article { display: flex; min-height: 500px; flex-direction: column; padding: clamp(28px,4vw,46px); border: 1px solid var(--sl-line); border-radius: 28px; background: var(--sl-surface); }
.jiotish-access-grid article.jiotish-access-free { border-color: var(--sl-line-strong); background: linear-gradient(145deg,var(--sl-surface-warm),var(--sl-surface)); }
.jiotish-access-label { display: inline-flex; width: fit-content; align-items: center; gap: 8px; padding: 7px 11px; border: 1px solid var(--sl-line); border-radius: 999px; color: var(--sl-copper-bright); font-size: 12px; text-transform: uppercase; }
.jiotish-access-grid h3 { margin: 26px 0 10px; font: 400 clamp(30px,3vw,42px)/1.1 var(--sl-yoo-font-heading, "Playfair Display",Georgia,serif); }
.jiotish-access-grid article > p { min-height: 52px; margin: 0; color: var(--sl-muted); }
.jiotish-access-grid ul { display: grid; gap: 12px; margin: 26px 0 32px; padding: 24px 0 0; border-top: 1px solid var(--sl-line); list-style: none; }
.jiotish-access-grid li { position: relative; padding-left: 27px; color: var(--sl-muted); }
.jiotish-access-grid li::before { position: absolute; top: 7px; left: 3px; width: 12px; height: 7px; border-bottom: 2px solid var(--sl-green); border-left: 2px solid var(--sl-green); content: ""; transform: rotate(-45deg); }
.jiotish-access-grid .sl-button { width: 100%; min-height: 50px; margin-top: auto; }
.jiotish-access-note { display: flex; max-width: 840px; align-items: center; justify-content: center; gap: 10px; margin: 24px auto 0; color: var(--sl-muted); font-size: 13px; text-align: center; }
.jiotish-access-note .sl-icon { color: var(--sl-green); }

.jiotish-steps { padding: clamp(76px,9vw,120px) 0; }
.jiotish-steps-grid { display: grid; grid-template-columns: minmax(290px,.7fr) minmax(0,1.1fr); gap: clamp(50px,8vw,110px); align-items: start; }
.jiotish-steps-heading { position: sticky; top: 150px; }
.jiotish-steps-heading > p:last-child { max-width: 480px; margin: 22px 0 0; color: var(--sl-muted); font-size: 17px; }
.jiotish-steps-list { margin: 0; padding: 0; border-top: 1px solid var(--sl-line); list-style: none; }
.jiotish-steps-list li { display: grid; grid-template-columns: 44px minmax(0,1fr) auto; gap: 20px; align-items: center; min-height: 160px; padding: 28px 8px; border-bottom: 1px solid var(--sl-line); }
.jiotish-steps-list li > span { color: var(--sl-copper); font: 400 17px/1 var(--sl-yoo-font-heading, "Playfair Display",Georgia,serif); }
.jiotish-steps-list strong { display: block; font: 400 23px/1.2 var(--sl-yoo-font-heading, "Playfair Display",Georgia,serif); }
.jiotish-steps-list p { margin: 7px 0 0; color: var(--sl-muted); }
.jiotish-steps-list li > .sl-icon { width: 28px; height: 28px; color: var(--sl-copper-bright); }

.jiotish-about { padding: clamp(76px,9vw,120px) 0; background: var(--sl-surface); }
.jiotish-about-grid { display: grid; grid-template-columns: minmax(280px,.7fr) minmax(0,1fr); gap: clamp(50px,8vw,110px); }
.jiotish-about-heading { max-width: 500px; }
.jiotish-about-copy { max-width: 760px; }
.jiotish-about-copy > p { margin: 0 0 22px; color: var(--sl-muted); font-size: 17px; line-height: 1.75; }
.jiotish-about-copy > .jiotish-about-lead { color: var(--sl-text); font: 400 clamp(24px,2.4vw,34px)/1.35 var(--sl-yoo-font-heading, "Playfair Display",Georgia,serif); }
.jiotish-about details,.jiotish-faq-list details { border-top: 1px solid var(--sl-line); }
.jiotish-about details:last-child,.jiotish-faq-list details:last-child { border-bottom: 1px solid var(--sl-line); }
.jiotish-about summary,.jiotish-faq-list summary { display: flex; min-height: 68px; align-items: center; justify-content: space-between; gap: 18px; color: var(--sl-text); cursor: pointer; list-style: none; }
.jiotish-about summary::-webkit-details-marker,.jiotish-faq-list summary::-webkit-details-marker { display: none; }
.jiotish-about summary .sl-icon,.jiotish-faq-list summary .sl-icon { color: var(--sl-copper); transition: transform .2s ease; }
.jiotish-about details[open] summary .sl-icon,.jiotish-faq-list details[open] summary .sl-icon { transform: rotate(180deg); }
.jiotish-about details div,.jiotish-faq-list details div { padding: 0 40px 22px 0; color: var(--sl-muted); }
.jiotish-about details p,.jiotish-faq-list details p { margin: 0; }

.jiotish-related-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 14px; }
.jiotish-related-grid > a { display: grid; grid-template-columns: auto minmax(0,1fr) auto; gap: 17px; align-items: start; min-height: 220px; padding: 26px; border: 1px solid var(--sl-line); border-radius: 22px; background: var(--sl-surface); transition: transform .2s ease,border-color .2s ease; }
.jiotish-related-grid > a:hover { border-color: var(--sl-line-strong); transform: translateY(-3px); }
.jiotish-related-grid small { color: var(--sl-copper); }
.jiotish-related-grid h3 { margin: 7px 0 9px; font: 400 25px/1.15 var(--sl-yoo-font-heading, "Playfair Display",Georgia,serif); }
.jiotish-related-grid p { margin: 0; color: var(--sl-muted); }
.jiotish-related-grid > a > .sl-icon { margin-top: 14px; color: var(--sl-copper-bright); }

.jiotish-faq { padding: clamp(76px,9vw,120px) 0; background: var(--sl-bg-deep); }
.jiotish-faq-grid { display: grid; grid-template-columns: minmax(260px,.62fr) minmax(0,1fr); gap: clamp(50px,8vw,110px); }
.jiotish-faq-grid > div:first-child > p:not(.sl-section-kicker) { max-width: 360px; color: var(--sl-muted); }
.jiotish-faq-grid > div:first-child > a { display: inline-flex; align-items: center; gap: 7px; margin-top: 18px; color: var(--sl-copper-bright); border-bottom: 1px solid var(--sl-line-strong); }
.jiotish-faq-list summary { min-height: 76px; font-size: 17px; }

.jiotish-final { padding: 34px 0 90px; background: var(--sl-bg-deep); }
.jiotish-final-inner { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 40px; align-items: center; padding: clamp(30px,5vw,58px); border: 1px solid var(--sl-line-strong); border-radius: 30px; background: radial-gradient(circle at 90% 10%,rgba(241,106,67,.15),transparent 20rem),linear-gradient(135deg,var(--sl-surface-warm),var(--sl-surface)); }
.jiotish-final h2 { font-size: clamp(38px,4vw,55px); }
.jiotish-final-inner p:not(.sl-section-kicker) { margin: 15px 0 0; color: var(--sl-muted); }
.jiotish-final-inner > div:last-child { text-align: center; }
.jiotish-final .sl-button { min-height: 54px; }
.jiotish-final-inner > div:last-child > span { display: block; margin-top: 10px; color: var(--sl-muted); font-size: 12px; }

.jiotish-footer { padding-bottom: 38px; }
.jiotish-footer .sl-footer-inner { align-items: center; }
.jiotish-footer strong { font: 400 22px/1 var(--sl-yoo-font-heading, "Playfair Display",Georgia,serif); }
.jiotish-footer p { margin: 5px 0 0; color: var(--sl-muted); font-size: 13px; }
.jiotish-mobile-nav { display: none; }

.jiotish-chart-dialog { width: min(760px,calc(100% - 30px)); max-height: calc(100dvh - 30px); margin: auto; padding: 0; border: 1px solid var(--sl-line-strong); border-radius: 28px; color: var(--sl-text); background: var(--sl-surface-raised); box-shadow: var(--sl-shadow); overflow: auto; }
.jiotish-chart-dialog::backdrop { background: rgba(0,0,0,.8); backdrop-filter: blur(5px); }
.jiotish-chart-dialog-shell { position: relative; padding: 28px; }
.jiotish-chart-dialog-shell > button { position: absolute; z-index: 2; top: 20px; right: 20px; display: grid; width: 42px; height: 42px; place-items: center; padding: 0; border: 1px solid var(--sl-line); border-radius: 50%; color: var(--sl-muted); background: var(--sl-surface); cursor: pointer; }
.jiotish-chart-dialog h2 { max-width: 580px; margin: 7px 50px 22px 0; font: 400 clamp(28px,4vw,42px)/1.1 var(--sl-yoo-font-heading, "Playfair Display",Georgia,serif); }
.jiotish-chart-dialog img { display: block; width: 100%; height: auto; aspect-ratio: 1; object-fit: contain; border-radius: 18px; background: #f5eee8; }
.jiotish-chart-dialog-shell > p:last-child { margin: 14px 0 0; color: var(--sl-muted); font-size: 12px; text-align: center; }

html[data-theme="light"] body.sl-jiotish { --jiotish-paper:#fffaf6; --jiotish-ink:#2d2723; background:#fff; }
html[data-theme="light"] body.sl-jiotish .jiotish-product-nav { background:rgba(255,255,255,.97); }
html[data-theme="light"] body.sl-jiotish :is(.jiotish-thesis,.jiotish-sample,.jiotish-access,.jiotish-faq,.jiotish-final) { background:#f8f5f1; }
html[data-theme="light"] body.sl-jiotish .jiotish-chart-card { background:#2a211c; color:#f4ebe3; }
html[data-theme="light"] body.sl-jiotish .jiotish-chart-card .jiotish-chart-heading span { color:#ad9b8f; }
html[data-theme="light"] body.sl-jiotish .jiotish-chart-card .jiotish-chart-heading strong { color:#f4ebe3; }
html[data-theme="light"] body.sl-jiotish .jiotish-chart-card figcaption span { color:#bfae9f; }
html[data-theme="light"] body.sl-jiotish .jiotish-chart-card figcaption b { color:#e0b795; }
html[data-theme="light"] body.sl-jiotish :is(.jiotish-benefit,.jiotish-layer-grid article,.jiotish-access-grid article,.jiotish-report-window,.jiotish-related-grid>a) { background:#fff; }
html[data-theme="light"] body.sl-jiotish :is(.jiotish-benefit-large,.jiotish-access-grid article.jiotish-access-free) { background:linear-gradient(145deg,#f7ece3,#fff); }
html[data-theme="light"] body.sl-jiotish .jiotish-window-body nav { background:#f8f5f1; }
html[data-theme="light"] body.sl-jiotish .jiotish-window-insight { background:#f7eee6; }
html[data-theme="light"] body.sl-jiotish .jiotish-about { background:#fff; }
html[data-theme="light"] body.sl-jiotish .jiotish-system-note { background:#f8f5f1; }
html[data-theme="light"] body.sl-jiotish .jiotish-final-inner { background:radial-gradient(circle at 90% 10%,rgba(241,106,67,.1),transparent 20rem),linear-gradient(135deg,#f5e9df,#fff); }
html[data-theme="light"] body.sl-jiotish .jiotish-chart-dialog { background:#fffaf6; }

@media (max-width: 1080px) {
    .jiotish-hero-grid { grid-template-columns: minmax(0,1fr) minmax(350px,.72fr); gap: 44px; }
    .jiotish-benefit-grid { grid-template-columns: repeat(2,1fr); }
    .jiotish-window-body { grid-template-columns: 140px minmax(0,1fr); }
    .jiotish-related-grid { grid-template-columns: 1fr; }
    .jiotish-related-grid > a { min-height: 0; }
}

@media (max-width: 900px) {
    body.sl-jiotish { padding-bottom: 72px; }
    .jiotish-product-nav { display: none; }
    .jiotish-hero-grid,.jiotish-sample-grid,.jiotish-steps-grid,.jiotish-about-grid,.jiotish-faq-grid { grid-template-columns: 1fr; }
    .jiotish-hero-copy { max-width: 760px; }
    .jiotish-chart-card { width: min(600px,100%); margin-inline: auto; transform:none; }
    .jiotish-thesis-inner { grid-template-columns: 1fr 1.4fr; }
    .jiotish-thesis span { grid-column: 1/-1; }
    .jiotish-layer-grid { grid-template-columns: 1fr; }
    .jiotish-layer-grid article { min-height: 270px; }
    .jiotish-steps-heading { position: static; }
    .jiotish-mobile-nav { position: fixed; z-index: 80; right: 0; bottom: 0; left: 0; display: grid; grid-template-columns: repeat(4,1fr); padding: 7px max(8px,env(safe-area-inset-right)) calc(7px + env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left)); border-top: 1px solid var(--sl-line-strong); background: rgba(13,12,11,.96); box-shadow: 0 -12px 40px rgba(0,0,0,.28); backdrop-filter: blur(18px); }
    .jiotish-mobile-nav a { display:flex; min-height:52px; flex-direction:column; align-items:center; justify-content:center; gap:3px; border-radius:10px; color:var(--sl-muted); font-size:11px; }
    .jiotish-mobile-nav a:first-child { color:var(--sl-copper-bright); background:var(--sl-surface-warm); }
    .jiotish-mobile-nav .sl-icon { width:20px; height:20px; }
    html[data-theme="light"] body.sl-jiotish .jiotish-mobile-nav { background:rgba(255,250,246,.96); }
}

@media (max-width: 720px) {
    body.sl-jiotish .sl-container { width:min(calc(100% - 28px),var(--sl-content)); }
    .jiotish-header-cta { display:none; }
    .jiotish-hero { padding:42px 0 58px; }
    .jiotish-hero::before { width:440px; height:440px; }
    .jiotish-hero h1 { font-size:clamp(43px,13vw,62px); }
    .jiotish-lead { font-size:17px; }
    .jiotish-hero-actions { align-items:stretch; flex-direction:column; gap:15px; }
    .jiotish-hero-actions .sl-button { justify-content:center; }
    .jiotish-text-link { align-self:flex-start; }
    .jiotish-trust { display:grid; gap:9px; }
    .jiotish-chart-card { padding:12px; border-radius:24px; }
    .jiotish-chart-card::before { display:none; }
    .jiotish-chart-heading button span:last-child { display:none; }
    .jiotish-chart-visual { padding:8px; }
    .jiotish-chart-card figcaption span { flex-direction:column; align-items:center; gap:2px; text-align:center; }
    .jiotish-thesis-inner,.jiotish-section-heading,.jiotish-access-grid,.jiotish-final-inner { grid-template-columns:1fr; }
    .jiotish-thesis-inner { gap:18px; padding-block:28px; }
    .jiotish-thesis blockquote { font-size:26px; }
    .jiotish-section-heading { gap:18px; margin-bottom:32px; }
    .jiotish-section-heading > p { font-size:15px; }
    .jiotish-benefit-grid { grid-template-columns:1fr; }
    .jiotish-benefit-large,.jiotish-benefit-wide { grid-column:auto; }
    .jiotish-benefit { min-height:240px; padding:23px; }
    .jiotish-benefit-wide { grid-template-columns:1fr; min-height:260px; }
    .jiotish-benefit h3,.jiotish-benefit-large h3 { margin-top:42px; font-size:25px; }
    .jiotish-benefit-wide h3 { margin-top:0; }
    .jiotish-window-body { grid-template-columns:1fr; min-height:0; }
    .jiotish-window-body nav { flex-direction:row; padding:10px; border-right:0; border-bottom:1px solid var(--sl-line); overflow-x:auto; }
    .jiotish-window-body nav span { flex:0 0 auto; }
    .jiotish-window-body article { padding:26px 22px 30px; }
    .jiotish-window-body article > p:not(.jiotish-window-kicker) { font-size:14px; }
    .jiotish-layer-grid article { min-height:300px; padding:24px; }
    .jiotish-layer-grid small { right:24px; bottom:24px; left:24px; }
    .jiotish-access-grid article { min-height:0; padding:26px 22px; }
    .jiotish-access-grid article > p { min-height:0; }
    .jiotish-steps-list li { grid-template-columns:38px minmax(0,1fr); min-height:0; padding:26px 0; }
    .jiotish-steps-list li > .sl-icon { display:none; }
    .jiotish-about-copy > p { font-size:16px; }
    .jiotish-related-grid > a { grid-template-columns:auto minmax(0,1fr); padding:22px; }
    .jiotish-related-grid > a > .sl-icon { display:none; }
    .jiotish-faq-list summary { min-height:72px; font-size:16px; }
    .jiotish-final-inner { gap:24px; }
    .jiotish-final-inner > div:last-child { text-align:left; }
    .jiotish-final .sl-button { width:100%; justify-content:center; }
    .jiotish-chart-dialog-shell { padding:22px 16px; }
}

@media (max-width: 380px) {
    .jiotish-chart-heading strong { font-size:13px; }
    .jiotish-chart-card figcaption span { font-size:10px; }
    .jiotish-related-icon { width:40px; height:40px; }
}

@media (prefers-reduced-motion: reduce) {
    .jiotish-benefit,.jiotish-related-grid>a,.jiotish-about summary .sl-icon,.jiotish-faq-list summary .sl-icon { transition:none; }
}