/* Compact navigation remains in the workspace flow, above every section. */
#workspace .workspace-navigation{display:flex;align-items:flex-start;flex-wrap:wrap;gap:8px 16px;margin:0 0 20px;padding:0 0 12px;border-bottom:1px solid #c8a86424;min-width:0;color:#c9c4b9}
#workspace .workspace-navigation nav{flex:1 1 180px;min-width:0}
#workspace .workspace-navigation ol{display:flex;align-items:center;flex-wrap:wrap;gap:0 8px;padding:0;margin:0;list-style:none;min-width:0}
#workspace .workspace-navigation li{display:flex;align-items:center;gap:8px;min-width:0;max-width:100%;font-size:12px;line-height:1.6}
#workspace .workspace-navigation li+li:before{content:'›';color:#8f815f;flex:0 0 auto;font-size:17px}
#workspace .workspace-navigation button{border:0;background:transparent;color:#dfc17f;font:inherit;font-size:12px;min-height:44px;padding:7px 3px;white-space:normal;text-align:left;overflow-wrap:anywhere;border-radius:6px;cursor:pointer}
#workspace .workspace-navigation button:hover{color:#ffdfa0;background:#c8a86412}
#workspace .workspace-navigation :is(button,span):focus-visible{outline:2px solid #dfc17f;outline-offset:3px}
#workspace .workspace-navigation [aria-current=page]{color:#eee6d8;overflow-wrap:anywhere;padding:7px 0;min-width:0}
#workspace .workspace-navigation .workspace-back{flex:0 0 auto;padding:7px 12px;border:1px solid #c8a86440;background:#c8a86408;max-width:100%}
#workspace .workspace-crumb-group{color:#a9a598;overflow-wrap:anywhere}
@media(max-width:600px){#workspace .workspace-navigation{gap:6px 10px;margin-bottom:16px;padding-bottom:10px}#workspace .workspace-navigation nav{flex-basis:170px}#workspace .workspace-navigation li{font-size:var(--type-min);gap:6px}#workspace .workspace-navigation ol{gap:0 6px}#workspace .workspace-navigation button{font-size:var(--type-min)}#workspace .workspace-navigation .workspace-back{padding:7px 10px}#workspace .workspace-crumb-group{display:none}}
/* Under 400px the trail collapses to "← Studio · Tool". */
#workspace .workspace-crumb-compact{display:none;margin:0;font-size:12px;color:#c9c4b9;min-width:0;overflow-wrap:anywhere}
#workspace .workspace-crumb-compact button{padding:7px 4px}
@media(max-width:399px){#workspace .workspace-navigation ol{display:none}#workspace .workspace-crumb-compact:not([hidden]){display:block}#workspace .workspace-navigation .workspace-back{display:none}}
/* Workspace heading: the tool name, then its reflective subtitle. */
#workspace-subtitle{margin:6px 0 0;color:#b9b2a3;font-size:15px;line-height:1.5;font-style:italic;max-width:62ch}
#workspace-subtitle[hidden]{display:none}
/* Shared site navigation (utility and 404 pages). */
.site-nav{min-width:0}
.site-nav-list{display:flex;align-items:center;flex-wrap:wrap;gap:2px 4px;margin:0;padding:0;list-style:none}
.site-nav-list>li{position:relative;display:flex}
.site-nav-list a,.site-nav-tools>summary{display:inline-flex;align-items:center;min-height:44px;padding:0 10px;border-radius:8px;color:#dfc17f;text-decoration:none;font-size:14px;line-height:1.2;cursor:pointer}
.site-nav-list a:hover,.site-nav-tools>summary:hover{color:#ffdfa0;background:#c8a86414}
.site-nav-list a[aria-current=page]{color:#f3ead8;background:#c8a8641f}
.site-nav-list :is(a,summary):focus-visible{outline:2px solid #dfc17f;outline-offset:2px}
.site-nav-tools>summary{list-style:none}
.site-nav-tools>summary::-webkit-details-marker{display:none}
.site-nav-tools>summary::after{content:'▾';margin-left:6px;font-size:var(--type-min);opacity:.8}
.site-nav-tools[open]>summary::after{content:'▴'}
.site-nav-tools>ul{position:absolute;z-index:40;top:calc(100% + 4px);left:0;min-width:180px;margin:0;padding:6px;list-style:none;border:1px solid #c8a86440;border-radius:10px;background:#1b2029;box-shadow:0 14px 34px #0008}
.site-nav-tools>ul a{display:flex;width:100%;box-sizing:border-box}
.site-nav-account a{border:1px solid #c8a86455}
.site-crumbs{margin:10px 0 0;font-size:13px;color:#b9b2a3}
.site-crumbs ol{display:flex;flex-wrap:wrap;align-items:center;gap:0 8px;margin:0;padding:0;list-style:none}
.site-crumbs li+li:before{content:'›';margin-right:8px;color:#8f815f}
.site-crumbs a{display:inline-flex;align-items:center;min-height:44px;color:#dfc17f}
@media(max-width:520px){.site-nav-list a,.site-nav-tools>summary{padding:0 8px;font-size:13px}.site-nav-tools>ul{left:auto;right:0}}
/* Under 400px "+ New kundli" becomes a 44px icon button; its name stays in aria-label. */
@media(max-width:399px){#new-chart{min-width:44px;min-height:44px;justify-content:center}#new-chart .new-chart-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}}
/* Utility page headers: brand, site navigation, then language or account actions. */
:is(.legal-header,.email-help>header):has(.site-nav){flex-wrap:wrap}
:is(.legal-header,.email-help>header) .site-nav{margin-left:auto}
.legal-header .header-actions{display:flex;align-items:center;gap:10px}
.legal-header .header-actions a{display:inline-flex;align-items:center;min-height:44px;padding:0 14px;border-radius:8px;text-decoration:none;white-space:nowrap}
.legal-header .header-cta{background:linear-gradient(135deg,#e2c267,#b8912f);color:#16110a;font-weight:600}
@media(max-width:720px){:is(.legal-header,.email-help>header) .site-nav{order:3;flex-basis:100%;margin-left:-10px}}