html body #charts.cw-workspace{background:#fff!important;border:1px solid #c4d4e9!important;border-radius:9px!important;padding:0!important;overflow:visible!important;color:#343f54}
html body #charts .cw-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 18px;border-bottom:1px solid #ccdaec;background:#fffcf2}
#charts .cw-eyebrow{font-size:12px;color:#34528a}html body #charts .cw-header h2{font-size:25px!important;line-height:1.4!important;color:#253c67!important;margin:0!important}#charts .cw-birth{display:flex;flex-direction:column;text-align:right;font-size:14px;gap:4px}#charts .cw-birth strong{color:#31405c;font-size:16px}
#charts .cw-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:12px 24px;padding:10px 16px;border-bottom:1px solid #d2deee;background:white}#charts .cw-toolbar label{display:flex;align-items:center;gap:9px;font-size:14px;font-weight:600;margin:0}html body #charts select{width:auto!important;min-height:34px!important;height:auto!important;font-size:14px!important;padding:5px 26px 5px 9px!important;background:#fff!important;border:1px solid #d8dce4!important;border-radius:5px!important;max-width:100%;color:#404856!important}#charts .cw-degrees input{width:17px!important;height:17px!important;accent-color:#4c5f83}#charts .cw-legend{font-size:13px;color:#69717b;margin-left:auto}
html body #charts .cw-panels{display:grid!important;grid-template-columns:minmax(0,1.8fr) minmax(0,1fr)!important;gap:12px!important;padding:12px!important;align-items:start}#charts .cw-panel{min-width:0;background:#fff;border:1px solid #f0dfad;border-radius:6px;overflow:hidden}#charts .cw-panel-main{grid-column:1;grid-row:1 / 3}#charts .cw-panel-upper{grid-column:2;grid-row:1}#charts .cw-panel-lower{grid-column:2;grid-row:2}#charts .cw-panel>header{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:7px 10px;background:#eff4f8;border-bottom:1px solid #cfdcea}html body #charts .cw-panel h3{font-size:17px!important;font-weight:700!important;margin:0!important;color:#3b5b51!important;line-height:1.5!important}html body #charts .cw-panel>header select{max-width:48%;font-size:12px!important;min-height:29px!important;padding-top:3px!important;padding-bottom:3px!important}#charts .cw-context{font-size:12px;margin:0;padding:4px 10px;background:#fffdf8;color:#324e83}#charts .cw-canvas{width:100%;min-width:0;padding:7px}#charts .cw-canvas svg{display:block;width:100%;height:auto;background:#fff}#charts .cw-canvas svg text{font-family:'Noto Sans Devanagari',Arial,sans-serif;paint-order:stroke;stroke:#fff;stroke-width:2px;stroke-linejoin:round}#charts .cw-canvas svg .cw-sign{fill:#777064;font-weight:500}#charts .cw-canvas svg .cw-planet{font-weight:700}#charts .cw-canvas svg .cw-lagna{fill:#ac3828;font-weight:700}#charts .cw-reference{font-size:12px;padding:2px 15px 12px;margin:0;color:#756a60}
@media(max-width:1000px){html body #charts .cw-panels{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important}#charts .cw-panel-main{grid-column:1 / 3;grid-row:1}#charts .cw-panel-upper{grid-column:1;grid-row:2}#charts .cw-panel-lower{grid-column:2;grid-row:2}#charts .cw-header{flex-wrap:wrap}#charts .cw-birth{text-align:left}}
@media(max-width:620px){html body #charts .cw-panels{grid-template-columns:minmax(0,1fr)!important;gap:10px!important;padding:7px!important}#charts .cw-panel-main,#charts .cw-panel-upper,#charts .cw-panel-lower{grid-column:1;grid-row:auto}#charts .cw-header{padding:10px!important}#charts .cw-toolbar{padding:9px;gap:10px}#charts .cw-legend{margin-left:0}#charts .cw-birth{font-size:13px}#charts .cw-canvas{padding:3px}}
@media print{#charts .cw-toolbar,#charts select{display:none!important}#charts .cw-panel{break-inside:avoid}#charts .cw-canvas svg{-webkit-print-color-adjust:exact;print-color-adjust:exact}}

/* Compact desk: natal chart and positions / Navamsa and Pratyantar. */
html body #charts .cw-toolbar{padding:5px 12px;gap:10px 22px}
html body #charts .cw-panels{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr)!important;gap:10px!important;padding:10px!important}
html body #charts .cw-panel-main{grid-column:1;grid-row:1}
html body #charts .cw-panel-upper{grid-column:2;grid-row:1}
html body #charts .cw-positions{grid-column:1;grid-row:2}
html body #charts .cw-periods{grid-column:2;grid-row:2}
html body #charts .cw-panel-lower{grid-column:1;grid-row:3;margin-top:12px}
html body #charts .cw-panel>header{padding:4px 9px;min-height:36px}
html body #charts .cw-panel h3{font-size:16px!important;line-height:1.4!important}
html body #charts .cw-context{font-size:12px;line-height:1.3;padding:2px 9px}
html body #charts .cw-canvas{padding:3px 7px}
#charts .cw-table-scroll{overflow-x:auto;max-width:100%}
#charts .cw-table-scroll[hidden]{display:none!important}
html body #charts .cw-data-table :is(th,td){font-family:'Noto Sans Devanagari',Arial,sans-serif!important}
html body #charts .cw-data-table .cw-date{font-family:Arial,sans-serif!important}
html body #charts table.cw-data-table{width:100%;border-collapse:collapse;margin:0;table-layout:auto;background:#fff;font-size:14px;line-height:1.4}
html body #charts .cw-data-table th,html body #charts .cw-data-table td{padding:3px 7px!important;border:0!important;border-bottom:1px solid #eff4f8!important;text-align:left;white-space:nowrap;background:transparent!important;font-size:14px!important;line-height:1.4!important;height:auto!important;color:#343f54}
html body #charts .cw-data-table thead th{font-size:12px;font-weight:600;background:#f2f6f9;color:#576b62}
html body #charts .cw-data-table tbody th{font-weight:600}
html body #charts .cw-data-table tbody tr:last-child>*{border-bottom:0}
html body #charts .cw-data-table .cw-date{font-family:Arial,sans-serif;font-variant-numeric:tabular-nums}
html body #charts .cw-data-table tr.cw-running>*{background:#eff4f8!important;font-weight:600}
@media(min-width:1500px){html body #charts .cw-data-table th,html body #charts .cw-data-table td{font-size:15px!important}html body #charts .cw-data-table thead th{font-size:13px!important}}
@media(max-width:1100px){html body #charts .cw-panels{grid-template-columns:minmax(0,1fr)!important}html body #charts .cw-panel-main{grid-column:1;grid-row:1}html body #charts .cw-positions{grid-column:1;grid-row:2}html body #charts .cw-panel-upper{grid-column:1;grid-row:3}html body #charts .cw-periods{grid-column:1;grid-row:4}html body #charts .cw-panel-lower{grid-column:1;grid-row:5}html body #charts .cw-panel h3{font-size:15px!important}}

#charts .cw-pd-nav{display:flex;gap:5px}
html body #charts .cw-pd-nav button,html body #charts .cw-pd-select button{border:1px solid #c6d5e7;background:#fff;color:#355c4d;border-radius:4px;padding:2px 10px;font-size:14px;line-height:24px;cursor:pointer}
html body #charts .cw-pd-nav button{font-size:23px;min-width:30px}
#charts .cw-pd-select{display:flex;gap:6px;padding:4px 7px;border-bottom:1px solid #eff4f8;align-items:center}
html body #charts .cw-pd-select select{flex:1;min-width:0;max-width:100%;font-size:12px!important;min-height:28px!important;padding:3px 25px 3px 6px!important}
#charts .cw-pd-nav button:disabled,#charts .cw-pd-select button:disabled{opacity:.4;cursor:default}

html body #charts.cw-workspace{max-width:1480px!important;margin-left:auto!important;margin-right:auto!important;border:0!important;border-radius:8px!important}
html body #charts .cw-panels{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)!important;gap:12px!important;padding:10px!important}
html body #charts .cw-panel{border:1px solid #cbd9e9;border-radius:8px;box-shadow:0 2px 6px #234c3810}
html body #charts .cw-panel>header{background:#eff4f8;border-bottom:1px solid #d5e0ed;padding:5px 10px}
html body #charts .cw-context{background:#fff;color:#758078;font-size:12px!important;padding:4px 10px!important;line-height:1.35!important}
html body #charts .cw-canvas{max-width:690px;margin:0 auto;padding:6px 7px}
html body #charts .cw-panel-upper .cw-canvas{max-width:580px}
#charts .cw-toolbar{border:1px solid #e2e7e4;border-radius:6px}
#charts .cw-toolbar [hidden],#charts [data-cw-aspect-guide][hidden],#charts .cw-aspect-readout[hidden]{display:none!important}
#charts .cw-aspect-guide{display:flex;gap:12px;flex-wrap:wrap;padding:7px 12px;background:#f7f9fb;font-size:12px;color:#68726e;border-bottom:1px solid #e2e7e4}
#charts .cw-tone-supportive{color:#23865d}#charts .cw-tone-challenging{color:#3e6ec7}#charts .cw-tone-mixed{color:#204c9d}
html body #charts .cw-aspect-readout{font-size:13px!important;padding:5px 10px!important;margin:0!important;line-height:1.45!important;background:#f7f9fb;border-top:1px solid #eff4f8}
#charts .cw-aspect-lines{pointer-events:none}
@media(max-width:1100px){html body #charts .cw-panels{grid-template-columns:minmax(0,1fr)!important}}
@media print{#charts .cw-aspect-guide{display:none!important}}

html body #charts .cw-toolbar button,html body #charts .cw-more-options button{font:600 13px 'Noto Sans Devanagari',Arial,sans-serif;padding:6px 10px;border:1px solid #ccdae9;border-radius:5px;background:#fff;color:#365b4c;cursor:pointer}
#charts .cw-more-options{display:flex;align-items:center;gap:10px 18px;flex-wrap:wrap;padding:10px 12px;background:#f6f9fb;border:1px solid #d9e3ef;border-top:0}
#charts .cw-more-options label{display:flex;align-items:center;gap:7px;font-size:13px}#charts .cw-more-options input{width:16px;height:16px;accent-color:#4c5f83}#charts .cw-more-options p{flex-basis:100%;font-size:12px;margin:0;color:#65766d}
#charts .cw-more-options[hidden],#charts .cw-feature-status[hidden]{display:none!important}
#charts .cw-feature-status{font-size:13px;padding:5px 12px;margin:0}
#charts .cw-planet[role=button]{cursor:pointer}#charts .cw-planet[role=button]:focus{outline:none!important;stroke:#dbe4f5!important;stroke-width:6px!important;paint-order:stroke;filter:drop-shadow(0 1px 1px #556b9522)}
#charts .cw-planet.cw-dasha-active{paint-order:stroke;stroke:#fde6a2;stroke-width:7px;text-decoration:underline;text-decoration-color:#1d448c;text-decoration-thickness:2px}
#charts .cw-note{fill:#687168}#charts .cw-data-table tr.cw-pd-picked>*{background:#fff7dc!important}
#charts .cw-mobile-notes[hidden]{display:none!important}#charts .cw-mobile-notes{padding:8px 12px;background:#f7f9fb}#charts .cw-mobile-note{font-size:13px!important;line-height:1.5!important;margin:3px 0!important}
#charts [data-cw-pd-body] tr{cursor:pointer}#charts [data-cw-pd-body] tr:focus{outline:2px solid #e2a712;outline-offset:-2px}
#charts .cw-detail-dialog{width:min(460px,calc(100vw - 24px));max-height:85vh;overflow:auto;padding:20px;border:1px solid #cfdceb;border-radius:12px;color:#343f54;background:#fff;box-shadow:0 16px 60px #14273433}
#charts .cw-detail-dialog::backdrop{background:#12273655}#charts .cw-detail-dialog header{display:flex;justify-content:space-between;align-items:center}#charts .cw-detail-dialog h3{margin:0;color:#355b4b}#charts .cw-detail-dialog button{font-size:24px;border:0;background:#eff4f8;border-radius:5px;cursor:pointer}#charts .cw-detail-dialog p{font-size:14px;color:#6e7a73}#charts .cw-detail-dialog dl{display:grid;grid-template-columns:1fr 1fr;gap:12px;font-size:14px}#charts .cw-detail-dialog dt{color:#67766f}#charts .cw-detail-dialog dd{margin:0;font-weight:600}
html body #charts:fullscreen,html body #charts.cw-focus-mode{max-width:none!important;width:100vw!important;height:100vh!important;overflow:auto!important;padding:14px!important;margin:0!important;background:#fff!important}
#charts.cw-focus-mode{position:fixed;inset:0;z-index:100000}body.cw-focus-open{overflow:hidden}
#charts .cw-print-heading{display:none}
@media print{body.cw-print-workspace *{visibility:hidden}body.cw-print-workspace #charts,body.cw-print-workspace #charts *{visibility:visible}body.cw-print-workspace #charts{position:absolute!important;left:0;top:0;width:100%!important;max-width:none!important;height:auto!important;overflow:visible!important}body.cw-print-workspace #charts .cw-toolbar,body.cw-print-workspace #charts .cw-more-options,body.cw-print-workspace #charts .cw-feature-status,body.cw-print-workspace #charts dialog{display:none!important}body.cw-print-workspace #charts .cw-panels{display:block!important}body.cw-print-workspace #charts .cw-panel{margin-bottom:12px;break-inside:avoid}}
@media print{body.cw-print-workspace #charts .cw-print-heading{display:block;padding:10px;font-size:15px}body.cw-print-workspace #charts .cw-pd-nav,body.cw-print-workspace #charts .cw-pd-select{display:none!important}body.cw-print-workspace #charts .cw-panels{display:flex!important;flex-direction:column}body.cw-print-workspace #charts .cw-panel-main{order:1}body.cw-print-workspace #charts .cw-panel-upper{order:2}body.cw-print-workspace #charts .cw-positions{order:3}body.cw-print-workspace #charts .cw-periods{order:4}body.cw-print-workspace #charts .cw-panel-lower{order:5}}

/* A single visible control strip; wraps naturally on narrow screens. */
html body #charts .cw-toolbar{gap:6px 10px!important;padding:7px 9px!important;align-items:center;overflow:visible;position:relative;z-index:3}
html body #charts .cw-toolbar label{gap:5px!important;font-size:14px!important;white-space:nowrap;flex-shrink:0}
html body #charts .cw-toolbar select{font-size:14px!important;min-height:32px!important;padding:4px 21px 4px 6px!important;width:auto!important}
html body #charts .cw-toolbar input{width:16px!important;height:16px!important;margin:0!important}
html body #charts .cw-toolbar button{white-space:nowrap;min-height:32px;padding:4px 7px;font-size:14px}
#charts .cw-download{position:relative;margin-left:auto;flex-shrink:0}
html body #charts [data-cw-download-toggle]{display:flex;align-items:center;justify-content:center;width:34px;height:32px}
#charts .cw-download-menu{position:absolute;right:0;top:100%;padding:6px;min-width:205px;background:#fff;border:1px solid #cfdceb;border-radius:6px;box-shadow:0 7px 20px #20352c20;z-index:20}
#charts .cw-download-menu[hidden]{display:none!important}
html body #charts .cw-download-menu button{display:block;width:100%;text-align:left;border:0;padding:9px;background:#fff}
html body #charts .cw-download-menu button:hover,html body #charts .cw-download-menu button:focus-visible{background:#eff4f8;color:#244f3e}
@media(max-width:600px){html body #charts .cw-toolbar{gap:8px!important}}

/* Compact chart cards, aligned with the chart-analysis palette. */
html body #charts .cw-panels{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important;padding:14px!important;background:linear-gradient(135deg,#f6f8fc,#fffcf1)}
html body #charts .cw-panel-main{grid-column:1;grid-row:1}
html body #charts .cw-panel-upper{grid-column:2;grid-row:1}
html body #charts .cw-panel-lower{grid-column:3;grid-row:1;margin-top:0}
html body #charts .cw-positions{grid-column:1 / 3;grid-row:2}
html body #charts .cw-periods{grid-column:3;grid-row:2}
html body #charts .cw-panel{border:1px solid #d6deed;border-radius:12px;background:#fff;box-shadow:0 4px 16px #21386410}
html body #charts .cw-panel>header{padding:10px 12px;min-height:52px;background:linear-gradient(105deg,#173978,#4c71b5);border:0;flex-wrap:wrap}
html body #charts .cw-panel-upper>header{background:linear-gradient(105deg,#425577,#7084aa)}
html body #charts .cw-panel-lower>header{background:linear-gradient(105deg,#28485e,#57897a)}
html body #charts .cw-panel h3{color:white!important;font-size:15px!important;display:flex;align-items:center;gap:7px}
html body #charts [data-cw-panel] h3:before{content:'◇';font-size:25px;line-height:1;color:#fde7a4}
html body #charts .cw-panel>header select{max-width:100%;flex:1;min-width:130px;border-radius:7px!important;background:#fffffff2!important}
html body #charts .cw-context{padding:8px 12px;color:#778193;background:#f7f9fd;font-size:11px}
html body #charts .cw-canvas{box-sizing:border-box;width:100%;max-width:480px;margin:8px auto;padding:8px}
html body #charts .cw-canvas svg{border-radius:8px;background:#fffcf2}
html body #charts .cw-degree-notes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px 9px;padding:10px 3px 3px;font-size:11px;font-weight:600;line-height:1.5;border-top:1px solid #d2deee;margin-top:8px}
#charts .cw-planet{cursor:pointer;transition:filter .15s}
#charts .cw-planet:hover,#charts .cw-planet:focus-visible,#charts .cw-planet[aria-pressed=true]{stroke:#dbe4f5!important;stroke-width:5px!important;outline:none;filter:drop-shadow(0 1px 1px #556b9522)}
html body #charts .cw-aspect-readout{margin:0;padding:10px 12px;background:#eef2f9;color:#394e76;border-top:1px solid #dce2ed;font-size:12px;line-height:1.7}
@media(max-width:1250px){html body #charts .cw-panels{grid-template-columns:repeat(2,minmax(0,1fr))!important}html body #charts .cw-panel-lower{grid-column:1;grid-row:2}html body #charts .cw-periods{grid-column:2;grid-row:2}html body #charts .cw-positions{grid-column:1 / 3;grid-row:3}}
@media(max-width:700px){html body #charts .cw-panels{grid-template-columns:minmax(0,1fr)!important;padding:8px!important;gap:12px!important}html body #charts :is(.cw-panel-main,.cw-panel-upper,.cw-panel-lower,.cw-positions,.cw-periods){grid-column:1;grid-row:auto}html body #charts .cw-panel>header{padding:9px 10px}html body #charts .cw-canvas{margin:5px auto}}

/* Radios occupy only the existing Gochar meta area. */
html body #charts .cw-gochar-meta{display:flex;align-items:center;flex-wrap:wrap;column-gap:6px;row-gap:0;margin:0;padding:3px 9px;font-size:11px;line-height:18px;min-height:24.1875px;background:#f7f9fd;color:#778193}
#charts .cw-gochar-radios{display:inline-flex;align-items:center;gap:5px;flex-shrink:0}
#charts .cw-gochar-radios[hidden]{display:none}
html body #charts .cw-gochar-radios label{display:inline-flex;align-items:center;gap:2px;margin:0;font:inherit;font-size:inherit!important;line-height:inherit!important;white-space:nowrap;cursor:pointer;color:inherit}
html body #charts .cw-gochar-radios input{width:10px;height:10px;min-height:0;margin:0;padding:0;accent-color:#28485e}
#charts .cw-gochar-radios label:has(input:checked){color:#28485e}
#charts .cw-gochar-meta [data-cw-context]{white-space:nowrap}

/* Use only the existing Gochar meta and footer space. */
#charts .cw-explorer-active .cw-gochar-meta [data-cw-context]{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
html body #charts .cw-gochar-date{display:inline-flex;align-items:center;gap:2px;position:relative;margin-left:auto;white-space:nowrap;min-height:16.1875px}
html body #charts .cw-gochar-date button,html body #charts .cw-gochar-picker button,html body #charts .cw-gochar-footer-line button{font:inherit;font-size:12px;line-height:16px;min-height:0;width:auto;margin:0;padding:0 3px;border:0;border-radius:3px;background:transparent;color:#28485e;box-shadow:none;cursor:pointer}
#charts .cw-gochar-date button:hover,#charts .cw-gochar-footer-line button:hover{background:#eff4f8}
#charts .cw-gochar-date button:focus-visible,#charts .cw-gochar-footer-line button:focus-visible{outline:2px solid #e2a712;outline-offset:-1px}
#charts .cw-gochar-picker{position:fixed;z-index:100;max-width:calc(100vw - 48px);padding:8px;background:#fff;border:1px solid #cfdceb;border-radius:6px;box-shadow:0 7px 20px #20352c20;white-space:normal}
html body #charts .cw-gochar-picker label{font:inherit;font-size:12px;display:block;margin:0}
html body #charts .cw-gochar-picker input{width:100%;min-width:0;font:inherit;font-size:13px;padding:5px;margin:4px 0}
#charts .cw-gochar-footer{position:relative;height:0;min-width:0}
#charts .cw-gochar-footer:has([data-cw-impact]:not([hidden])){height:auto}
#charts .cw-gochar-footer-line{position:absolute;bottom:100%;left:7px;right:7px;display:flex;align-items:center;justify-content:space-between;gap:4px;min-width:0;line-height:16px;font-size:12px;background:#fff}
#charts .cw-gochar-footer-line [data-cw-badges]{display:flex;flex-wrap:wrap;gap:4px;min-width:0;white-space:nowrap}
#charts [data-cw-badges]>span{background:#eff4f8;color:#28485e;border-radius:3px;padding:0 2px;font-size:11px;line-height:16px}
#charts .cw-explorer-active [data-cw-aspect-readout]{visibility:hidden}
#charts [data-cw-preview]{position:absolute;bottom:calc(100% + 16px);left:10px;right:10px;overflow:hidden;font-size:13px;line-height:1.45;color:#343f54;background:#f7f9fb}
#charts [data-cw-preview][hidden]{display:none}
#charts [data-cw-impact]{padding:8px 10px;color:#343f54;background:#f7f9fb;border-top:1px solid #eff4f8;font-size:13px;line-height:1.6;overflow-wrap:anywhere}
#charts [data-cw-impact] section+section{margin-top:10px}
html body #charts [data-cw-impact] p{font:inherit;margin:4px 0}
#charts .cw-gochar-error{position:absolute;bottom:100%;left:7px;right:7px;background:#fff8e7;color:#703728;font-size:12px;line-height:1.4;padding:3px;z-index:3}
#charts :is([data-cw-gochar-footer],[data-cw-date-controls],.cw-gochar-picker,[data-cw-impact],.cw-gochar-error)[hidden]{display:none!important}
@media(max-width:700px){#charts .cw-gochar-footer-line{line-height:13px}html body #charts .cw-gochar-footer-line button,#charts [data-cw-badges]>span{line-height:13px}}

/* Show the calculation time inside the existing gap, without moving the SVG. */
#charts .cw-explorer-active .cw-gochar-meta{position:relative;overflow:visible}
html body #charts .cw-explorer-active .cw-gochar-meta [data-cw-context]{top:100%;left:10px;right:10px;width:auto;height:16px;clip-path:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;line-height:16px;color:#778193;background:transparent}
@media(max-width:700px){html body #charts .cw-explorer-active .cw-gochar-meta [data-cw-context]{height:13px;font-size:10px;line-height:13px}}

/* Preserve the previous control footprint so the chart stays in place. */
#charts [data-cw-natal-label]{min-width:194px;color:#28485e;white-space:nowrap}