/* R148 v2 §4 / §4A only: six-size type scale and the named component repairs. */
html[data-round148]{--font148-page:17px;--font148-title:13.5px;--font148-quote:13px;--font148-body:12px;--font148-meta:11px;--font148-label:10.5px}
html[data-round148][lang=hi]{--font148-page:18px;--font148-title:14.5px;--font148-quote:14px;--font148-body:13px;--font148-meta:12px;--font148-label:11.5px}
html[data-round148] body *,html[data-round148] #dashboard *{font-size:var(--font148-body)!important;line-height:1.45}
html[data-round148][lang=hi] body *,html[data-round148][lang=hi] #dashboard *{line-height:1.6}
html[data-round148] #dashboard h1,html[data-round148] .staff-head148>strong{font-size:var(--font148-page)!important;font-weight:600}
html[data-round148] #dashboard h2,html[data-round148] #dashboard h3,html[data-round148] #dashboard .sc,html[data-round148] #dashboard .val b,html[data-round148] #dashboard .big{font-size:var(--font148-title)!important;font-weight:600}
html[data-round148] #dashboard .eyebrow,html[data-round148] #dashboard .pill,html[data-round148] #dashboard .stamp,html[data-round148] #dashboard .lane148-label{font-size:var(--font148-label)!important;font-weight:600}
html[data-round148] #dashboard small,html[data-round148] #dashboard .meta146,html[data-round148] #dashboard .sub,html[data-round148] #dashboard .score-expl137,html[data-round148] #dashboard button,html[data-round148] #dashboard .btn,html[data-round148] .footer137 *{font-size:var(--font148-meta)!important}
html[data-round148] #dashboard svg text{font-size:var(--font148-meta)!important}
html[data-round148] #dashboard svg text[data-planet143]{font-size:var(--font148-title)!important;font-weight:600}
/* 4A.1: content-sized, equal-height boxes, centred score. */
html[data-round148] #areas.hl2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:12px}
html[data-round148] #areas .hiA{display:grid;grid-template-columns:44px minmax(0,1fr);align-items:center;height:auto;min-height:0;max-height:none;padding:13px;overflow:visible;align-self:stretch}
html[data-round148] #areas .hiA .big{align-self:center;line-height:1.2;white-space:nowrap}
html[data-round148] #areas .hiA p{display:block;overflow:visible;white-space:normal;text-overflow:clip;-webkit-line-clamp:unset;max-height:none;margin:3px 0 0}
html[data-round148] #areas .hiA>div{min-width:0}
/* 4A.2: full advice, balanced reflection, fitting values. */
html[data-round148] #rank{display:grid;gap:9px}
html[data-round148] #rank>li{display:grid;grid-template-columns:20px 64px minmax(0,1fr) 42px;align-items:center;gap:6px;min-height:0;height:auto;padding:4px 0}
html[data-round148] #rank .bw{min-width:0;display:grid;gap:4px}
html[data-round148] #rank .ranktip137{display:block!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;-webkit-line-clamp:unset!important;max-height:none!important}
html[data-round148] .lifeareas>.eyebrow,html[data-round148] .ranks>.eyebrow{white-space:normal;display:flex;flex-wrap:wrap;gap:4px 8px}
html[data-round148] .reflect{display:grid;grid-template-columns:40px minmax(0,1fr);gap:8px;align-content:start;align-items:start;flex:none;min-height:0}
html[data-round148] .reflect .quote{font-size:var(--font148-quote)!important;font-style:normal;line-height:1.45;margin:5px 0}
html[data-round148] .reflect .qby{font-size:var(--font148-meta)!important;margin:0;color:var(--soft)}
html[data-round148] .reflect .skyfacts{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-top:2px}
html[data-round148] .skyfacts>span{min-width:0;padding:7px 4px;overflow:visible;white-space:normal}
html[data-round148] .skyfacts b{font-size:var(--font148-title)!important;white-space:normal;overflow-wrap:normal;word-break:normal}
html[data-round148] .guru-link148{font:inherit;color:inherit;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px;background:none;border:0;padding:0}
/* 4A.3: a compact Both remedy, immediately after its text. */
html[data-round148] #personal-reading .practice,html[data-round148] .compact-remedy144{height:auto!important;min-height:0!important;max-height:none;flex:none!important;align-self:start;padding:10px;display:block}
html[data-round148] .compact-remedy144>div{min-height:0;flex:none}
html[data-round148] .today-practice148{display:grid;gap:5px;align-content:start}
html[data-round148] .today-practice148 p{margin:0;display:block;white-space:normal;overflow:visible;-webkit-line-clamp:unset}
html[data-round148] .today-practice148 .more{justify-self:start;margin:0}
/* 4 / 4A.4: full readable timing and planet/nature fills. */
html[data-round148] .time-range148{white-space:nowrap!important;word-break:normal!important;overflow-wrap:normal!important;font-variant-numeric:tabular-nums}
html[data-round148] .next-three148{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;position:static!important;height:auto!important;min-height:0!important;padding:0!important;overflow:visible}
html[data-round148] .hour-preview148{display:grid;gap:5px;padding:12px;border:1px solid var(--line);border-radius:9px;text-align:start;min-height:0}
html[data-round148] .timeline148{display:grid;gap:12px;height:auto!important;min-height:0!important;padding:4px 0!important;position:relative;overflow:visible}
html[data-round148] .lane148{display:grid;grid-template-columns:112px minmax(0,1fr);gap:8px;align-items:center}
html[data-round148] .lane148-label{min-width:0;white-space:normal}
html[data-round148] .lane148-track{position:relative;height:36px;border-radius:6px;background:var(--hair);overflow:hidden}
html[data-round148] .seg148{position:absolute;top:0;height:36px;padding:3px 4px;border:1px solid var(--line);border-radius:4px;min-width:0;overflow:hidden;white-space:nowrap;cursor:pointer;text-align:center;font-size:var(--font148-label)!important}
html[data-round148] .seg148 span{white-space:nowrap;font-size:var(--font148-label)!important;line-height:1.2}
html[data-round148] .seg148:hover,html[data-round148] .seg148:focus-visible{z-index:2;outline:2px solid var(--gold-deep);outline-offset:-2px}
html[data-round148] .ticks148{display:flex;justify-content:space-between;margin-left:120px;gap:2px;font-variant-numeric:tabular-nums}
html[data-round148] .ticks148 span{font-size:var(--font148-label)!important}
html[data-round148] .legend{display:flex;gap:12px;flex-wrap:wrap}
html[data-round148] .legend>span{display:flex;gap:5px;align-items:center}
html[data-round148] .legend i{display:inline-block;width:12px;height:12px;border-radius:3px}
html[data-round148] .nature148-movable{background:#d0e6dd;color:#194e3d}
html[data-round148] .nature148-fixed{background:#d5e1f5;color:#263f72}
html[data-round148] .nature148-dual{background:#f0e0c4;color:#624319}
html[data-round148] .planet-bg148.sun{background:#f6e9cb;color:#77500b}html[data-round148] .planet-bg148.moon{background:#e1eaf5;color:#314d72}html[data-round148] .planet-bg148.mars{background:#f5ddd8;color:#8d372b}html[data-round148] .planet-bg148.mercury{background:#d8eadf;color:#2b6041}html[data-round148] .planet-bg148.jupiter{background:#f1e9cf;color:#735810}html[data-round148] .planet-bg148.venus{background:#f3dfeb;color:#793b63}html[data-round148] .planet-bg148.saturn{background:#dfe4f2;color:#394779}html[data-round148] .planet-bg148.rahu{background:#e9e1f1;color:#5d3c7c}html[data-round148] .planet-bg148.ketu{background:#e9e3d8;color:#5d4b30}
html[data-round148] .planet148.sun{color:#77500b}html[data-round148] .planet148.moon{color:#314d72}html[data-round148] .planet148.mars{color:#8d372b}html[data-round148] .planet148.mercury{color:#2b6041}html[data-round148] .planet148.jupiter{color:#735810}html[data-round148] .planet148.venus{color:#793b63}html[data-round148] .planet148.saturn{color:#394779}html[data-round148] .planet148.rahu{color:#5d3c7c}html[data-round148] .planet148.ketu{color:#5d4b30}
html[data-round148][data-theme=dark] .planet-bg148{background:color-mix(in srgb,currentColor 12%,#0c1f42)}
html[data-round148][data-theme=dark] .planet148.sun,html[data-round148][data-theme=dark] .planet-bg148.sun{color:#ffdc96}html[data-round148][data-theme=dark] .planet148.moon,html[data-round148][data-theme=dark] .planet-bg148.moon{color:#ccdef9}html[data-round148][data-theme=dark] .planet148.mars,html[data-round148][data-theme=dark] .planet-bg148.mars{color:#ffb6a8}html[data-round148][data-theme=dark] .planet148.mercury,html[data-round148][data-theme=dark] .planet-bg148.mercury{color:#ade3be}html[data-round148][data-theme=dark] .planet148.jupiter,html[data-round148][data-theme=dark] .planet-bg148.jupiter{color:#f8e19c}html[data-round148][data-theme=dark] .planet148.venus,html[data-round148][data-theme=dark] .planet-bg148.venus{color:#f8b8de}html[data-round148][data-theme=dark] .planet148.saturn,html[data-round148][data-theme=dark] .planet-bg148.saturn{color:#bfcbff}html[data-round148][data-theme=dark] .planet148.rahu,html[data-round148][data-theme=dark] .planet-bg148.rahu{color:#dac0ff}html[data-round148][data-theme=dark] .planet148.ketu,html[data-round148][data-theme=dark] .planet-bg148.ketu{color:#e8d7b8}
html[data-round148] .good146,html[data-round148] .good146 *,html[data-round148] .next-useful148{color:#24563e}
html[data-round148][data-theme=dark] .good146,html[data-round148][data-theme=dark] .good146 *,html[data-round148][data-theme=dark] .next-useful148{color:#bdebd0}
/* 4A.5: one style dropdown, chart left, interpretation and planets right. */
html[data-round148] .chart-grid148{display:grid!important;grid-template-columns:minmax(240px,1fr) minmax(240px,1fr);gap:16px;align-items:start;min-height:0}
html[data-round148] .chart-left148,.chart-right148{min-width:0;display:grid;gap:8px;align-content:start}
html[data-round148] .chart-controls148{display:grid;grid-template-columns:1fr;gap:6px}
html[data-round148] #vchips{display:flex;flex-wrap:wrap;gap:5px;margin:0;min-height:0}
html[data-round148] #vchips #vsel{width:100%;min-width:0}
html[data-round148] #chartStyle148{width:100%;height:30px;background:var(--surface-solid);color:var(--ink);border:1px solid var(--line);border-radius:7px;padding:4px 8px}
html[data-round148] #chart{width:100%;max-width:none;min-height:0;aspect-ratio:1;display:grid;align-items:start}
html[data-round148] #chart>svg{width:100%;height:auto;max-height:none}
html[data-round148] #vRead{display:block;min-height:0;flex:none}
html[data-round148] #vRead p{margin:0 0 6px;display:block;overflow:visible;white-space:normal}
html[data-round148] .chart-right148 #ptab{width:100%;table-layout:auto}
html[data-round148] .chart-right148 #ptab td,html[data-round148] .chart-right148 #ptab th{padding:5px 3px;font-size:var(--font148-meta)!important;overflow-wrap:normal}
html[data-round148] .chart-right148 .table-scroll137{overflow-x:auto;margin:0!important}
/* 4A.6: full lunar names and festival-only rows. */
html[data-round148] #tstrip{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px;overflow:visible}
html[data-round148] #tstrip .td{border:1px solid transparent;background:var(--gold-soft);border-radius:8px;min-width:0;width:auto;padding:7px 3px;position:relative;overflow:visible;display:grid;gap:3px;align-content:start;height:auto}
html[data-round148] #tstrip .td>span{font-size:var(--font148-label)!important;white-space:normal;overflow:visible;text-overflow:clip;word-break:normal;overflow-wrap:normal;line-height:1.25;min-height:2.5em}
html[data-round148] #tstrip .td.today148{background:var(--gold);color:#382b09}
html[data-round148] .festival-dot148{display:block;width:4px;height:4px;border-radius:50%;background:var(--gold-deep);justify-self:center}
/* 4A.7–8: separate meaning rows and short lists. */
html[data-round148] .sky-row148{display:grid;grid-template-columns:60px minmax(0,1fr) 24px;align-items:start;gap:9px;padding:7px 0}
html[data-round148] .sky-row148 p{margin:0;display:block;white-space:normal;overflow:visible;-webkit-line-clamp:unset}
html[data-round148] .sky-row148 .tech{display:none}
html[data-round148] body.astro .sky-row148 .tech{display:block;margin-top:3px}
html[data-round148] .season{display:grid;grid-template-columns:1fr 1fr;gap:12px;flex:none!important;min-height:0}
html[data-round148] .season ul{padding-left:16px;margin:6px 0 0;display:grid;gap:6px}
/* 4A.9: aligned, complete book cards, product-specific90px covers. */
html[data-round148] .book-grid146,html[data-round148] .report-grid137,html[data-round148] .rep:not(.report-grid137){display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;overflow:visible}
html[data-round148] .book-card148{display:grid!important;grid-template-columns:90px minmax(0,1fr);gap:12px;align-items:start;height:100%;min-width:0;width:auto;flex:none;padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--surface-solid)}
html[data-round148] .book-card148 .book137{width:90px!important;height:auto!important;max-width:90px;min-height:0;align-self:start;background:var(--book-colour148);border-radius:4px;box-shadow:3px 5px 8px #07142935}
html[data-round148] .book-card148 .book137 svg{width:90px!important;height:auto!important;display:block}
html[data-round148] .book-card148 .rtext{display:flex;flex-direction:column;gap:7px;min-width:0;min-height:100%;align-self:stretch}
html[data-round148] .book-card148 .rtext h3{white-space:nowrap;overflow:visible;text-overflow:clip;font-size:var(--font148-title)!important;line-height:1.25;margin:0}
html[data-round148] .book-card148 .promise148{display:block!important;white-space:normal;overflow:visible!important;text-overflow:clip;-webkit-line-clamp:unset;min-height:2.9em;line-height:1.45;margin:0}
html[data-round148] .prices148{display:flex;gap:4px;flex-wrap:nowrap;align-items:baseline;white-space:nowrap;font-size:var(--font148-label)!important}
html[data-round148] .prices148 *{font-size:var(--font148-label)!important;white-space:nowrap}
html[data-round148] .report-actions148{display:flex;align-items:stretch;gap:7px;flex-wrap:nowrap;margin-top:auto}
html[data-round148] .report-actions148 .btn{padding:5px 8px;min-height:29px;min-width:0;width:auto;white-space:nowrap;line-height:1.2;border:1px solid var(--gold-deep);background:transparent;color:var(--gold-deep);font-weight:600}
html[data-round148] .report-actions148 .primary146{background:var(--gold);color:#382b09;border-color:var(--gold)}
html[data-round148] .prices-note148{grid-column:1/-1;margin:0}
html[data-round148] #life .lp{min-width:0!important;max-width:none;flex:none;white-space:normal;overflow:visible}
html[data-round148] #life{overflow:visible}
html[data-round148] .life-bar137{grid-column:1/-1}
/* §3 /4A.10: each detailed page uses its own full-width content. */
html[data-round148] [data-layout148]{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:16px;align-items:start}
html[data-round148] [data-layout148]>.card{min-height:0;height:auto;align-self:start}
html[data-round148] .area-details148{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
html[data-round148] .area-detail148{padding:13px;border:1px solid var(--line);border-radius:10px}
html[data-round148] .area-detail148 dl{display:grid;grid-template-columns:50px minmax(0,1fr);gap:5px 8px;margin:7px 0 0}
html[data-round148] .area-detail148 dt{font-weight:600}
html[data-round148] .area-detail148 dd{margin:0}
html[data-round148] .window-list148{display:grid;gap:8px;list-style:none;padding:0;margin:0}
html[data-round148] .window-list148 li{display:flex;gap:12px;align-items:baseline;flex-wrap:wrap}
html[data-round148] .planner-form148{display:flex;gap:10px;align-items:end;flex-wrap:wrap;margin-bottom:12px}
html[data-round148] .planner-form148 label{display:grid;gap:4px;min-width:180px}
html[data-round148] .planner-form148 input{height:32px;border:1px solid var(--line);border-radius:6px;background:var(--surface-solid);color:var(--ink);padding:4px 8px}
html[data-round148] .panchang-table148{width:100%;border-collapse:collapse;text-align:start}
html[data-round148] .panchang-table148 td,html[data-round148] .panchang-table148 th{padding:8px 10px;border-bottom:1px solid var(--hair);text-align:start;vertical-align:top}
html[data-round148] .schedule-list148{list-style:none;padding:0;margin:0;display:grid;gap:6px}
html[data-round148] .schedule-list148>li{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px;border-radius:7px}
html[data-round148] .remedy-columns148{display:grid;grid-template-columns:1fr 1fr;gap:24px}
html[data-round148] .remedy-columns148 article{padding:11px 0;border-top:1px solid var(--hair)}
html[data-round148] .remedy-columns148 h3{margin:0 0 6px}
html[data-round148] .remedy-columns148 p{margin:4px 0;display:block;overflow:visible;white-space:normal}
html[data-round148] #giving148 ul,html[data-round148] #gemGuidance148 ul,html[data-round148] .stage-list148{display:grid;gap:8px;padding-left:17px;margin:0}
html[data-round148] .chapter-grid148{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
html[data-round148] .chapter-grid148 article{padding:12px;border:1px solid var(--line);border-radius:10px}
html[data-round148] .chapter-grid148 p{display:block;overflow:visible;white-space:normal;-webkit-line-clamp:unset}
/* §6: a separate plain staff layout with visible password/MFA entry. */
html[data-round148] body.staff148{margin:0;background:var(--surface-solid)!important;color:var(--ink);min-height:100vh}
html[data-round148] .staff-shell148{max-width:1320px;margin:0 auto;padding:24px}
html[data-round148] .staff-head148{display:flex;align-items:center;gap:16px;flex-wrap:wrap;border-bottom:1px solid var(--line);padding-bottom:18px;margin-bottom:20px}
html[data-round148] .staff-head148>strong{margin-right:auto}
html[data-round148] .staff-head148 label{display:flex;gap:8px;align-items:center}
html[data-round148] .staff148 #menu146{position:static!important;inset:auto!important;transform:none!important;width:auto!important;height:auto!important;min-height:0;background:transparent!important;box-shadow:none;padding:0;display:flex;gap:12px;flex-wrap:wrap;margin-bottom:16px}
html[data-round148] .staff148 #menu146:empty{display:none}
html[data-round148] .staff148 #dashboard{padding:0;margin:0;width:100%;max-width:none}
html[data-round148] .staff148 #staffLogin146,html[data-round148] .staff148 #staffTOTP146,html[data-round148] .staff148 #staffFallback148{max-width:470px;width:100%;justify-self:center;padding:22px}
html[data-round148] .staff148 form label{display:grid;gap:6px}
html[data-round148] .staff148 input,html[data-round148] .staff148 select{height:34px;border:1px solid var(--line);border-radius:6px;padding:6px 8px;background:var(--surface-solid);color:var(--ink)}
html[data-round148] .staff148 footer{padding:20px 0;border-top:1px solid var(--line);margin-top:24px}
@media(min-width:1600px){html[data-round148] .book-grid146,html[data-round148] .report-grid137{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:1100px){html[data-round148] .book-grid146,html[data-round148] .report-grid137,html[data-round148] .rep:not(.report-grid137){grid-template-columns:repeat(2,minmax(0,1fr))}html[data-round148] .chart-grid148{grid-template-columns:minmax(0,1fr)}}
@media(max-width:640px){html[data-round148] #areas.hl2{grid-template-columns:1fr}html[data-round148] #rank>li{grid-template-columns:19px 56px minmax(0,1fr) 40px}html[data-round148] .book-grid146,html[data-round148] .report-grid137,html[data-round148] .rep:not(.report-grid137),html[data-round148] .area-details148,html[data-round148] .remedy-columns148,html[data-round148] .chapter-grid148{grid-template-columns:1fr}html[data-round148] .lane148{grid-template-columns:76px minmax(0,1fr);gap:5px}html[data-round148] .ticks148{margin-left:81px}html[data-round148] .ticks148 span:nth-child(even){display:none}html[data-round148] .panchang-table148 td,html[data-round148] .panchang-table148 th{padding:7px 4px}html[data-round148] [data-layout148]>.card{grid-column:1/-1}html[data-round148] .season{grid-template-columns:1fr}html[data-round148] .staff-shell148{padding:14px}html[data-round148] .next-three148{grid-template-columns:repeat(2,minmax(0,1fr))}}
html[data-round148] .reflect{height:auto!important;align-self:start!important;grid-template-rows:auto auto;row-gap:8px}
html[data-round148] .reflect .skyfacts{height:auto!important;align-self:start;margin:0!important}
html[data-round148] .hfill{align-items:start!important}
html[data-round148] .seg148 span{display:inline-block;width:max-content;max-width:none}
/* §4: explicit opaque pairs keep the next useful window above AA in both themes. */
html[data-round148] #nNext{background:#e0f0e7;color:#24563e;border-color:#8bb59d}
html[data-round148][data-theme=dark] #nNext{background:#15392b;color:#c8f4d6;border-color:#4d8063}
html[data-round148] #nNext b,html[data-round148] #nNext p{color:inherit!important}
html[data-round148] #tlist b,html[data-round148] #nHoraT,html[data-round148] #nChogT{white-space:nowrap!important}
/* §4A.6: seven full lunar names stay inside the card, on at most two lines. */
html[data-round148] #tstrip{display:grid!important;grid-template-columns:repeat(7,minmax(0,1fr))!important;width:100%;max-width:100%;overflow:visible}
html[data-round148] #tstrip .td{display:grid!important;min-width:0!important;max-width:none!important;width:auto!important}
html[data-round148] #tstrip .td>span{display:block!important;min-width:0;width:100%;max-width:100%;overflow-wrap:anywhere}
/* §4: all chapter cards fit the story row; the existing plot stays full-width. */
html[data-round148] #life{display:block!important;min-width:0;width:100%;overflow:visible}
html[data-round148] #life>.chapter-story144{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(110px,1fr))!important;gap:8px;min-width:0;width:100%;overflow:visible}
html[data-round148] #life .chapter144{width:auto!important;min-width:0!important;max-width:none!important;white-space:normal;flex:none}