/* Ruang Harmoni studio: calculator surfaces. Scoped; no calculation/markup changes. */
#atlasWorkbench {
  --tool-ink: #171d30;
  --tool-muted: #5d687e;
  --tool-line: #e1e4ed;
  --tool-accent: #7967dc;
  --tool-soft: #f0edfc;
  --tool-paper: #fff;
  --tool-canvas: #f6f6f9;
  --tool-font: Inter, 'DM Sans', ui-sans-serif, system-ui, sans-serif;
  background: var(--tool-canvas);
  border: 1px solid var(--tool-line);
  border-radius: 24px;
  box-shadow: 0 8px 36px #171d3005;
  color: var(--tool-ink);
  font-family: var(--tool-font);
  padding: 28px;
  scroll-margin-top: 24px;
}
#atlasWorkbench .atlas-module,
#atlasWorkbench #natalMount {
  --natal-ink: #171d30;
  --natal-gold: #7967dc;
  --st-ink: #171d30;
  --st-muted: #5d687e;
  --st-line: #e1e4ed;
  --st-paper: #fff;
  --st-gold: #7967dc;
  color: var(--tool-ink);
  padding: 8px 0 0;
  min-width: 0;
}
#atlasWorkbench :is(h2,h3,h4) {
  color: var(--tool-ink);
  font-family: var(--tool-font);
  font-weight: 650;
  letter-spacing: -.035em;
}
#atlasWorkbench h2 {font-size: clamp(25px, 2.5vw, 34px); line-height: 1.22; margin: 8px 0 12px;}
#atlasWorkbench h3 {font-size: 23px; line-height: 1.35;}
#atlasWorkbench h4 {font-size: 17px; line-height: 1.45;}
#atlasWorkbench :is(.section-tag,.eyebrow,.st-kicker) {font-family: var(--tool-font); font-size: 13px; line-height: 1.6; letter-spacing: .075em; font-weight: 650; color: #7261c0;}
#atlasWorkbench a {color: #6050b3; text-underline-offset: 4px;}
#atlasWorkbench .workbench-toolbar {padding: 0 0 22px; margin: 0 0 24px; border-bottom: 1px solid var(--tool-line); gap: 16px;}
#atlasWorkbench .workbench-toolbar>a {font-size: 14px; font-weight: 600; color: #5e687d; text-decoration: none;}
#atlasWorkbench .workbench-toolbar>div {gap: 8px;}
#atlasWorkbench :is(button,.secondary-button) {font-family: var(--tool-font); transition: background .16s, border-color .16s, box-shadow .16s;}
#atlasWorkbench :is(.workbench-toolbar button,.secondary-button,#natalUseProfiles) {
  background: #fff;
  color: var(--tool-ink);
  border: 1px solid #d9deea;
  border-radius: 10px;
  padding: 11px 16px;
  font-size: 14px;
  font-weight: 600;
  min-height: 44px;
  box-shadow: 0 1px 2px #171d3004;
}
#atlasWorkbench :is(.workbench-toolbar button,.secondary-button,#natalUseProfiles):hover {background: #f0edfc; border-color: #cec5ef;}
#atlasWorkbench #atlasStatus {background: #ece9fa; color: #504478; border: 1px solid #dbd5f0; border-radius: 12px; padding: 14px 16px; font-size: 14px; line-height: 1.65;}
#atlasWorkbench :is(.falak-heading,.st-heading,.atlas-tool-header) {align-items: center; gap: 24px; margin: 4px 0 26px;}
#atlasWorkbench :is(.falak-heading>p,.st-heading>div>p:last-child,.natal-intro>p,.trad-shell aside p) {font-size: 14px; line-height: 1.75; color: var(--tool-muted);}
#atlasWorkbench .natal-intro {max-width: 740px; margin-bottom: 24px;}
#atlasWorkbench .natal-intro>p {max-width: 620px; margin: 0;}

/* Shared controls: easy to scan, with a visible focus ring and comfortable touch size. */
#atlasWorkbench form {margin: 0;}
#atlasWorkbench label,
#atlasWorkbench .falak-form label,
#atlasWorkbench .st-label,
#atlasWorkbench .natal-person label {font-family: var(--tool-font); font-size: 14px; line-height: 1.5; font-weight: 600; color: #3f4960; gap: 7px;}
#atlasWorkbench input:not([type=checkbox]):not([type=radio]),
#atlasWorkbench select,
#atlasWorkbench textarea {
  font: 400 15px/1.5 var(--tool-font);
  min-height: 46px;
  border: 1px solid #dce0ea;
  border-radius: 10px;
  background: #fff;
  color: var(--tool-ink);
  padding: 11px 13px;
  box-shadow: 0 1px 2px #171d3003;
  max-width: 100%;
}
#atlasWorkbench :is(input,textarea)::placeholder {color: #697286; opacity: 1;}
#atlasWorkbench :is(input,select,textarea):disabled {background: #eceef4; color: #8790a0; box-shadow: none;}
#atlasWorkbench :is(input,select,textarea):focus {border-color: #9c8ce7; outline: 0; box-shadow: 0 0 0 3px #7967dc1c;}
#atlasWorkbench :is(button,a,summary,input,select,textarea):focus-visible {outline: 3px solid #9886ec; outline-offset: 3px;}
#atlasWorkbench :is(input[type=checkbox],input[type=radio]) {accent-color: var(--tool-accent); width: 18px; min-width: 18px; height: 18px; min-height: 18px;}
#atlasWorkbench :is(.primary-link,.st-submit,.natal-submit) {
  background: #7160d2;
  color: #fff;
  border: 1px solid #7160d2;
  border-radius: 10px;
  min-height: 46px;
  padding: 12px 18px;
  font: 600 14px/1.4 var(--tool-font);
  box-shadow: 0 3px 8px #6651c31a;
}
#atlasWorkbench :is(.primary-link,.st-submit,.natal-submit):hover {background: #6351c2; border-color: #6351c2;}
#atlasWorkbench :is(.falak-error,.natal-error,.st-error,#tradError) {color: #ac3850; font-size: 14px; line-height: 1.6;}
#atlasWorkbench :is(details,.natal-conventions,.st-method-note,.falak-details) {border-color: var(--tool-line); font-size: 14px; line-height: 1.75; color: var(--tool-muted); margin-top: 20px; padding: 15px 0;}
#atlasWorkbench summary {color: #454c64; font-size: 14px; font-weight: 600; letter-spacing: -.01em;}
#atlasWorkbench :is(details p,details a,.falak-form small,.falak-parameters p,.natal-caption,.st-help,.falak-caption,.tool-caption) {font-size: 13px; line-height: 1.75; color: var(--tool-muted);}
#atlasWorkbench table {font-family: var(--tool-font); font-size: 14px; color: #354057;}
#atlasWorkbench :is(th,td) {padding: 13px 16px; border-color: #e9ebf2;}
#atlasWorkbench th {background: #f4f3fa; color: #5b6479; font-size: 13px; font-weight: 650; line-height: 1.5; letter-spacing: .045em;}
#atlasWorkbench :is(.table-scroll,.natal-table-scroll) {border: 1px solid #e3e6ef; border-radius: 12px; background: #fff; margin: 18px 0; overflow: auto; max-width: 100%;}
#atlasWorkbench tr:last-child td {border-bottom: 0;}

/* Falak: compact form rail and a clear almanac on the right. */
#atlasWorkbench .falak-layout {grid-template-columns: minmax(275px,.85fr) minmax(0,1.7fr); gap: 24px;}
#atlasWorkbench .falak-form {background: #fff; border: 1px solid var(--tool-line); border-radius: 16px; padding: 24px; box-shadow: 0 4px 18px #171d3003;}
#atlasWorkbench .falak-form h3 {font-size: 18px; margin: 0 0 20px;}
#atlasWorkbench .falak-form label {margin-top: 17px; margin-bottom: 7px;}
#atlasWorkbench .falak-form label span {font-size: 13px; color: #687287;}
#atlasWorkbench .falak-form small {margin-top: 6px;}
#atlasWorkbench .falak-parameters {border-color: var(--tool-line);}
#atlasWorkbench .falak-empty {background: #f0edfa; border: 1px solid #e3dff3; border-radius: 16px; min-height: 390px; padding: 40px 24px;}
#atlasWorkbench .falak-empty>span {font-size: 65px; color: #8977d7; margin-bottom: 20px;}
#atlasWorkbench .falak-empty h3 {font-size: 25px; margin: 8px 0;}
#atlasWorkbench .falak-empty p {font-size: 14px; color: #656d81; line-height: 1.75;}
#atlasWorkbench .falak-empty-tags span {background: #fff8; color: #685e89; border: 1px solid #dcd6ef; font-size: 13px; padding: 6px 11px;}
#atlasWorkbench .falak-live-option {font-size: 13px!important; color: #626b81; gap: 9px;}
#atlasWorkbench .falak-result-heading {padding: 2px 0 22px; border-color: var(--tool-line);}
#atlasWorkbench .falak-result-heading small {color: #6d5cab; font-size: 13px; letter-spacing: .06em;}
#atlasWorkbench .falak-result-heading h3 {font-size: 27px; margin: 8px 0;}
#atlasWorkbench .falak-result-heading>span {color: #a495e2; font-size: 43px;}
#atlasWorkbench .falak-result-heading p {color: var(--tool-muted); font-size: 14px;}
#atlasWorkbench .falak-result-heading p span {font-size: 13px; background: #eae5fa; color: #6c59a6; border-radius: 6px; padding: 4px 7px;}
#atlasWorkbench .falak-prayer-section {margin-top: 22px;}
#atlasWorkbench .falak-prayer-section h4 {font-size: 16px; margin-bottom: 14px;}
#atlasWorkbench .falak-prayer-section h4 small {font-size: 13px; color: #61697d;}
#atlasWorkbench .falak-prayers {gap: 10px;}
#atlasWorkbench .falak-prayers article {background: #fff; border: 1px solid var(--tool-line); border-radius: 12px; padding: 17px 16px;}
#atlasWorkbench .falak-prayers article small {font-size: 13px; font-weight: 500; color: #5d687e;}
#atlasWorkbench .falak-prayers article b {font: 650 27px/1.25 var(--tool-font); color: var(--tool-ink); font-variant-numeric: tabular-nums; letter-spacing: -.045em; margin-top: 8px;}
#atlasWorkbench .falak-prayers .falak-sunrise {background: #f2effb; border-color: #e1dbf5;}
#atlasWorkbench .falak-insights {gap: 14px; margin: 22px 0;}
#atlasWorkbench .falak-kiblat {background: #20283f; border: 1px solid #20283f; color: #fff; border-radius: 16px; padding: 22px;}
#atlasWorkbench .falak-kiblat h4 {font-family: var(--tool-font); color: #fff; font-size: 32px; margin: 12px 0;}
#atlasWorkbench .falak-kiblat small {color: #c4b8f4; font-size: 13px; letter-spacing: .04em;}
#atlasWorkbench .falak-kiblat p {font-size: 13px; color: #c1c7dc;}
#atlasWorkbench .falak-compass {color: #7782a5;}
#atlasWorkbench .falak-compass text {fill: #d1d7e8;}
#atlasWorkbench .falak-compass path[fill] {fill: #b5a5f5;}
#atlasWorkbench .falak-compass path[stroke] {stroke: #7e8db1;}
#atlasWorkbench .falak-moon {background: #f0edfa; border: 1px solid #e0dcf0; border-radius: 16px; padding: 22px;}
#atlasWorkbench .falak-moon>small {color: #725c99; font-size: 13px; letter-spacing: .025em;}
#atlasWorkbench .falak-moon h4 {font: 600 20px/1.4 var(--tool-font); color: #39324e; letter-spacing: -.03em;}
#atlasWorkbench .falak-moon p {font-size: 14px; color: #6d637f;}
#atlasWorkbench .falak-moon>small:last-child {font-size: 13px; color: #6d6281;}
#atlasWorkbench .falak-quarter-section {background: #fff; border-color: var(--tool-line); border-radius: 16px; padding: 22px;}
#atlasWorkbench .falak-quarters article>span {color: #8b78c9;}
#atlasWorkbench .falak-quarters b {font-size: 14px; color: #3e475d;}
#atlasWorkbench .falak-quarters time {font-size: 13px; color: #5d687e;}
#atlasWorkbench .falak-mangsa {background: #fff; border-color: var(--tool-line); border-radius: 16px; padding: 22px; margin: 16px 0;}
#atlasWorkbench .falak-mangsa>div>small {font-size: 13px; color: #745a96; letter-spacing: .04em;}
#atlasWorkbench .falak-mangsa h4 {font: 650 25px/1.25 var(--tool-font); margin: 9px 0; letter-spacing: -.03em;}
#atlasWorkbench .falak-mangsa p {font-size: 14px; line-height: 1.7; color: #667086;}
#atlasWorkbench .falak-mangsa>small {font-size: 13px; color: #687284;}
#atlasWorkbench .falak-mangsa-day {border-color: #e4e0ef;}
#atlasWorkbench .falak-mangsa-day b {font: 600 35px var(--tool-font); color: #7d64bd; letter-spacing: -.05em;}
#atlasWorkbench .falak-mangsa-day span {font-size: 13px; color: #687386;}
#atlasWorkbench .falak-eclipses small {font-size: 13px; color: #677287;}

/* Natal: input cards, segmented method buttons and restrained result accents. */
#atlasWorkbench .natal-form-tools {gap: 16px; margin-bottom: 18px;}
#atlasWorkbench .natal-check {font-size: 14px; font-weight: 500; color: #5d687e; margin: 0;}
#atlasWorkbench .natal-profile-grid {gap: 20px;}
#atlasWorkbench .natal-person {background: #fff; border: 1px solid var(--tool-line); border-radius: 16px; padding: 20px 22px;}
#atlasWorkbench .natal-person legend {color: #5e567c; font-size: 13px; font-weight: 650; background: var(--tool-canvas); border-radius: 5px; padding: 3px 8px;}
#atlasWorkbench .natal-person label {margin-top: 8px; margin-bottom: 16px;}
#atlasWorkbench .natal-input-row {gap: 14px;}
#atlasWorkbench .natal-caption {color: #5d687e; font-size: 13px; line-height: 1.75;}
#atlasWorkbench .natal-methods {gap: 6px; padding: 6px; margin: 26px 0 22px; background: #eaeaf2; border: 1px solid #e2e2ec; border-radius: 12px; width: fit-content; max-width: 100%;}
#atlasWorkbench .natal-methods button {min-height: 42px; border: 1px solid transparent; border-radius: 8px; padding: 10px 17px; background: transparent; color: #62697e; font: 600 14px/1.35 var(--tool-font);}
#atlasWorkbench .natal-methods button[aria-pressed=true] {background: #fff; color: #6652b6; border-color: #e4e1ef; box-shadow: 0 2px 5px #20264207;}
#atlasWorkbench .natal-chart,
#atlasWorkbench .natal-pair {background: #fff; border: 1px solid var(--tool-line); border-radius: 16px; padding: 26px; margin-bottom: 18px;}
#atlasWorkbench .natal-chart-title {border-color: #e9ebf1; padding-bottom: 18px; margin-bottom: 20px;}
#atlasWorkbench .natal-chart-title h3,
#atlasWorkbench .natal-pair h3 {font: 650 26px/1.3 var(--tool-font); letter-spacing: -.04em; margin: 5px 0 0;}
#atlasWorkbench .natal-chart-title p {color: #697286; font-size: 13px; line-height: 1.6; margin: 0;}
#atlasWorkbench .natal-key-grid {gap: 12px; margin: 12px 0 22px;}
#atlasWorkbench .natal-key-grid>div {background: #f4f2fc; border: 1px solid #eae5f7; border-radius: 12px; padding: 18px;}
#atlasWorkbench .natal-key-grid span {font-size: 13px; line-height: 1.4; letter-spacing: .04em; color: #736481; margin-bottom: 8px;}
#atlasWorkbench .natal-key-grid strong {font: 600 22px/1.3 var(--tool-font); color: #52436d; letter-spacing: -.035em;}
#atlasWorkbench .natal-reading {font-size: 15px; line-height: 1.85; color: #646c80; margin: 20px 0;}
#atlasWorkbench .natal-reading strong {font-weight: 650; color: #343c52;}
#atlasWorkbench .natal-pillars {gap: 12px; margin: 18px 0 24px;}
#atlasWorkbench .natal-pillars>div {background: #f1edfb; color: #3b3457; border: 1px solid #e5def5; border-radius: 14px; padding: 19px 14px;}
#atlasWorkbench .natal-pillars span {font-size: 13px; color: #756286;}
#atlasWorkbench .natal-pillars b {color: #7863b9; font-size: 38px; margin: 17px 0 14px;}
#atlasWorkbench .natal-pillars strong {font: 650 16px/1.4 var(--tool-font); color: #4d4268;}
#atlasWorkbench .natal-pillars small {font-size: 13px; color: #74617f; margin-top: 7px;}
#atlasWorkbench .natal-palaces {gap: 12px;}
#atlasWorkbench .natal-palaces article {background: #faf9fd; border: 1px solid #e6e3ee; border-radius: 12px; padding: 19px;}
#atlasWorkbench .natal-palaces article>span {font-size: 13px; color: #705d96; letter-spacing: .05em;}
#atlasWorkbench .natal-palaces h4 {font-size: 17px; margin: 8px 0 14px;}
#atlasWorkbench .natal-palaces article>strong {font-size: 15px; line-height: 1.6; color: #665183;}
#atlasWorkbench .natal-palaces p {font-size: 14px; line-height: 1.75; color: #747086;}
#atlasWorkbench .natal-palaces small {font-size: 13px; color: #766b87;}
#atlasWorkbench .natal-pair {background: #efecfa; border-color: #e0d9f3;}
#atlasWorkbench .natal-pair>p {font-size: 14px; line-height: 1.75; color: #726b86;}

/* Symbol tools: light cards instead of nine competing large navigation tiles. */
#atlasWorkbench .st-heading {margin-bottom: 22px;}
#atlasWorkbench .st-count {border: 1px solid #ded9f0; background: #f0edfa; color: #6c578e; font-size: 13px; font-weight: 500; padding: 9px 13px;}
#atlasWorkbench .st-nav {display: flex; flex-wrap: nowrap; overflow-x: auto; gap: 8px; padding: 2px 1px 12px; margin: 0 0 18px; max-width: 100%; scrollbar-width: thin; scrollbar-color: #d8d0ec transparent;}
#atlasWorkbench .st-nav button {display: flex; flex-direction: row; flex: 0 0 auto; align-items: center; gap: 8px; padding: 10px 14px; min-height: 52px; border: 1px solid #e0e3ed; border-radius: 11px; background: #fff; color: #576079; font: 600 14px/1.35 var(--tool-font);}
#atlasWorkbench .st-nav button>span:first-child {font-size: 23px; width: 25px; color: #a08fc9; text-align: center;}
#atlasWorkbench .st-nav button small {font-size: 13px; line-height: 1.4; font-weight: 400; letter-spacing: 0; color: #687086; margin-top: 3px;}
#atlasWorkbench .st-nav button[aria-pressed=true] {background: #eae4fb; border-color: #d7cbed; color: #66509b;}
#atlasWorkbench .st-nav button[aria-pressed=true]>span:first-child {color: #7967bf;}
#atlasWorkbench .st-nav button[aria-pressed=true] small {color: #6c5b82;}
#atlasWorkbench .st-workspace {grid-template-columns: minmax(270px,.85fr) minmax(0,1.65fr); gap: 22px; border: 0; border-radius: 0; overflow: visible; background: transparent;}
#atlasWorkbench .st-input {border: 1px solid var(--tool-line); border-radius: 16px; padding: 24px; background: #fff;}
#atlasWorkbench .st-input h3 {font-size: 22px; margin: 0 0 12px;}
#atlasWorkbench .st-description {font-size: 14px; line-height: 1.75; color: #687086; margin-bottom: 24px;}
#atlasWorkbench .st-label {margin-bottom: 18px;}
#atlasWorkbench .st-label>span {color: #697386; font-size: 13px;}
#atlasWorkbench .st-palm-guide {background: #f1eef9; border: 1px solid #e9e2f2; border-radius: 12px; padding: 14px;}
#atlasWorkbench .st-palm-guide p {font-size: 13px; color: #695f7c; line-height: 1.7;}
#atlasWorkbench .st-output {background: #fff; border: 1px solid var(--tool-line); border-radius: 16px; padding: 26px;}
#atlasWorkbench .st-empty {min-height: 320px; max-width: 370px;}
#atlasWorkbench .st-empty>span {font-size: 64px; color: #b3a4da;}
#atlasWorkbench .st-empty h3 {font-size: 24px; letter-spacing: -.035em;}
#atlasWorkbench .st-empty p {font-size: 14px; line-height: 1.8; color: #70768b;}
#atlasWorkbench .st-empty .st-help {font-size: 13px;}
#atlasWorkbench .st-result-top {border-color: #eaebf1; margin-bottom: 22px;}
#atlasWorkbench .st-result-label {font-size: 13px; color: #745c97; font-weight: 600; letter-spacing: .055em;}
#atlasWorkbench .st-result-top button {font-size: 13px; color: #756582;}
#atlasWorkbench .st-context {font-size: 15px; color: #626b82; line-height: 1.75;}
#atlasWorkbench .st-cards {gap: 12px;}
#atlasWorkbench .st-card {background: #f9f7fd; border: 1px solid #e3ddef; border-radius: 14px; padding: 19px 15px;}
#atlasWorkbench .st-position {font-size: 13px; font-weight: 550; letter-spacing: .015em; color: #786888; min-height: 35px;}
#atlasWorkbench .st-glyph {font-size: 53px; line-height: 1.6; color: #a893ce; min-height: 93px;}
#atlasWorkbench .st-card-family {font-size: 13px; line-height: 1.5; color: #746380;}
#atlasWorkbench .st-card h4 {font-size: 19px; line-height: 1.4; color: #544866; letter-spacing: -.025em;}
#atlasWorkbench .st-card .st-theme {font-size: 13px; line-height: 1.55; font-weight: 600; color: #75608f;}
#atlasWorkbench .st-card>p:last-child {font-size: 13px; line-height: 1.8; color: #74677d;}
#atlasWorkbench .st-prose {font-size: 15px; line-height: 1.85; color: #697187;}
#atlasWorkbench .st-output>h3 {font-size: 25px; color: #3b435c;}
#atlasWorkbench .st-figure {background: #faf9fd; border: 1px solid #e4deef; border-radius: 12px; padding: 15px 8px;}
#atlasWorkbench .st-figure>span {font-size: 13px; color: #796a8b; line-height: 1.4;}
#atlasWorkbench .st-figure strong {font-size: 14px; color: #645573; line-height: 1.45;}
#atlasWorkbench .st-figure small {font-size: 13px; line-height: 1.5; color: #786781;}
#atlasWorkbench .st-dots {color: #9d87c0; font-size: 16px;}
#atlasWorkbench .st-court .st-figure {background: #eee7f9; border-color: #d7c8e9;}

/* Date and space traditions: quiet context rail, white controls, precise results. */
#atlasWorkbench .atlas-tool-header>label {min-width: 230px; max-width: 340px; font-size: 13px; color: #626b80;}
#atlasWorkbench .trad-shell {grid-template-columns: 235px minmax(0,1fr); gap: 24px;}
#atlasWorkbench .trad-shell aside {background: #efedf7; border: 1px solid #e2ddef; border-radius: 16px; padding: 23px;}
#atlasWorkbench .trad-emblem {display: block; color: #8e73b4; font-size: 33px; margin-bottom: 17px;}
#atlasWorkbench .trad-shell aside h3 {font: 600 21px/1.35 var(--tool-font); color: #635075; letter-spacing: -.03em; margin: 9px 0 14px;}
#atlasWorkbench .trad-shell aside p {font-size: 14px; color: #70657e;}
#atlasWorkbench #tradForm {background: #fff; border: 1px solid var(--tool-line); border-radius: 16px; padding: 24px;}
#atlasWorkbench .trad-fields {gap: 16px; margin-bottom: 21px;}
#atlasWorkbench .trad-fields label {margin-top: 0;}
#atlasWorkbench #tradProfileBar {margin-bottom: 18px;}
#atlasWorkbench .trad-result-heading {padding: 25px 0 15px;}
#atlasWorkbench .trad-result-heading small {font-size: 13px; color: #745c97; letter-spacing: .055em;}
#atlasWorkbench .trad-result-heading h3 {font-size: 25px; line-height: 1.4; margin: 8px 0 0;}
#atlasWorkbench .trad-tiles {gap: 12px;}
#atlasWorkbench .trad-tile {background: #fff; border: 1px solid var(--tool-line); border-radius: 14px; padding: 20px;}
#atlasWorkbench .trad-tile small {font-size: 13px; line-height: 1.5; letter-spacing: .04em; color: #777186;}
#atlasWorkbench .trad-tile strong {font: 600 24px/1.4 var(--tool-font); color: #635477; letter-spacing: -.04em; margin-top: 12px;}
#atlasWorkbench .trad-tile p {font-size: 14px; line-height: 1.75; color: #6e7287;}
#atlasWorkbench .trad-narrative {font-size: 15px; color: #606b81; line-height: 1.85; padding: 15px 0;}
#atlasWorkbench .trad-compass {gap: 10px;}
#atlasWorkbench .trad-compass>div {background: #fff; border: 1px solid #e2e3ed; border-radius: 12px; color: #686479; padding: 18px 11px; min-height: 114px;}
#atlasWorkbench .trad-compass>.supportive {background: #ece6f8; border-color: #dcd1ef; color: #74558f;}
#atlasWorkbench .trad-compass small {font-size: 13px; color: inherit;}
#atlasWorkbench .trad-compass b {font-size: 14px; line-height: 1.4; font-weight: 600;}
#atlasWorkbench .trad-compass>.trad-compass-center {background: #303149!important; color: #fff; border-color: #303149; font: 600 23px/1.3 var(--tool-font); letter-spacing: -.03em; border-radius: 12px;}
#atlasWorkbench .trad-qimen {gap: 10px;}
#atlasWorkbench .trad-qimen article {background: #fff; border: 1px solid #e1dced; border-radius: 12px; padding: 17px 13px;}
#atlasWorkbench .trad-qimen small {font-size: 13px; line-height: 1.5; color: #786889;}
#atlasWorkbench .trad-qimen strong {font-size: 15px; line-height: 1.5; color: #6c5685; margin: 9px 0;}
#atlasWorkbench .trad-qimen p {font-size: 13px; line-height: 1.75; color: #736181; margin: 5px 0;}
#atlasWorkbench .trad-magic {gap: 9px; max-width: 290px;}
#atlasWorkbench .trad-magic span {background: #fff; border: 1px solid #e1dfeb; border-radius: 12px; color: #7c6993; font: 600 26px/1.2 var(--tool-font);}
#atlasWorkbench .trad-magic .chosen {background: #8270b9; border-color: #8270b9; color: #fff;}
#atlasWorkbench .hd-centers {gap: 10px;}
#atlasWorkbench .hd-centers>div {background: #fff; border: 1px dashed #d1c9e0; border-radius: 12px; color: #7b688e; padding: 18px 15px;}
#atlasWorkbench .hd-centers>div b {font-size: 14px; font-weight: 600; line-height: 1.5;}
#atlasWorkbench .hd-centers .defined {background: #ebe5f7; border: 1px solid #dcd0ed; color: #73578c;}
#atlasWorkbench .hd-centers small {font-size: 13px; line-height: 1.5; color: inherit; margin-top: 7px;}

/* Layout is driven by available space, including the explicit Mobile display mode. */
@media(max-width:1050px) {
  #atlasWorkbench {padding: 24px;}
  #atlasWorkbench .falak-layout {grid-template-columns: minmax(255px,.9fr) minmax(0,1.4fr); gap: 20px;}
  #atlasWorkbench .st-workspace {grid-template-columns: minmax(250px,.9fr) minmax(0,1.3fr); gap: 18px;}
  #atlasWorkbench .st-cards {grid-template-columns: 1fr;}
  #atlasWorkbench .st-card {text-align: left; display: grid; grid-template-columns: 62px minmax(0,1fr); column-gap: 16px; padding: 18px;}
  #atlasWorkbench .st-card .st-position {grid-column: 1/-1; min-height: 0; margin-bottom: 12px;}
  #atlasWorkbench .st-glyph {grid-column: 1; grid-row: 2/6; align-self: center; text-align: center; min-height: 0; font-size: 43px;}
  #atlasWorkbench .st-card-family,#atlasWorkbench .st-card h4,#atlasWorkbench .st-card .st-theme,#atlasWorkbench .st-card>p:last-child {grid-column: 2;}
  #atlasWorkbench .st-card-family {min-height: 0;}
  #atlasWorkbench .st-card h4 {margin: 5px 0 8px;}
  #atlasWorkbench .trad-shell {grid-template-columns: 200px minmax(0,1fr); gap: 20px;}
}
@media(max-width:850px) {
  #atlasWorkbench .falak-layout,#atlasWorkbench .st-workspace {grid-template-columns: 1fr;}
  #atlasWorkbench .falak-heading {align-items: flex-start;}
  #atlasWorkbench .falak-heading>p {max-width: 320px;}
  #atlasWorkbench .falak-form .primary-link {max-width: none;}
  #atlasWorkbench .falak-empty {min-height: 300px;}
  #atlasWorkbench .st-empty {min-height: 240px;}
  #atlasWorkbench .trad-shell {grid-template-columns: 1fr;}
  #atlasWorkbench .trad-shell aside {padding: 20px 24px;}
  #atlasWorkbench .trad-emblem {float: right; margin: 0 0 10px 20px;}
  #atlasWorkbench .trad-shell aside h3 {max-width: 570px;}
}
@media(max-width:600px) {
  #atlasWorkbench {padding: 18px 14px; border-radius: 18px;}
  #atlasWorkbench .workbench-toolbar {flex-wrap: wrap; padding-bottom: 18px; margin-bottom: 20px;}
  #atlasWorkbench .workbench-toolbar>div {display: grid; grid-template-columns: 1fr 1fr; width: 100%;}
  #atlasWorkbench :is(.workbench-toolbar button,.secondary-button,#natalUseProfiles) {font-size: 13px; padding: 10px 12px;}
  #atlasWorkbench h2 {font-size: 26px;}
  #atlasWorkbench :is(.falak-heading,.atlas-tool-header,.natal-chart-title) {display: block;}
  #atlasWorkbench .falak-heading>p {max-width: none; margin-top: 14px;}
  #atlasWorkbench .atlas-tool-header>label {max-width: none; min-width: 0; margin-top: 18px;}
  #atlasWorkbench :is(.falak-form,.st-input,.st-output,.natal-person,.natal-chart,.natal-pair,#tradForm,.trad-shell aside) {padding: 20px 16px; border-radius: 14px;}
  #atlasWorkbench .falak-insights,#atlasWorkbench .falak-quarters,#atlasWorkbench .falak-eclipses {grid-template-columns: 1fr;}
  #atlasWorkbench .falak-prayers article {padding: 14px 10px;}
  #atlasWorkbench .falak-prayers article b {font-size: 24px;}
  #atlasWorkbench .falak-result-heading h3 {font-size: 24px;}
  #atlasWorkbench .falak-prayer-section h4 {display: block;}
  #atlasWorkbench .falak-prayer-section h4 small {display: block; margin-top: 7px;}
  #atlasWorkbench .falak-kiblat,#atlasWorkbench .falak-moon,#atlasWorkbench .falak-quarter-section,#atlasWorkbench .falak-mangsa {padding: 20px;}
  #atlasWorkbench .natal-input-row {grid-template-columns: minmax(0,1fr) minmax(0,1fr);}
  #atlasWorkbench .natal-input-row label:last-child:nth-child(3) {grid-column: 1/-1;}
  #atlasWorkbench .natal-methods {width: 100%; gap: 4px;}
  #atlasWorkbench .natal-methods button {flex: 1 1 40%; font-size: 13px; padding: 10px 8px;}
  #atlasWorkbench .natal-chart-title p {text-align: left; margin-top: 10px;}
  #atlasWorkbench .natal-chart-title h3 {font-size: 24px;}
  #atlasWorkbench .natal-pillars {grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px;}
  #atlasWorkbench .natal-pillars>div {padding: 17px 10px;}
  #atlasWorkbench .natal-pillars b {font-size: 34px;}
  #atlasWorkbench .natal-key-grid {grid-template-columns: 1fr;}
  #atlasWorkbench .st-heading {display: block;}
  #atlasWorkbench .st-count {display: none;}
  #atlasWorkbench .st-fields {grid-template-columns: 1fr; gap: 0;}
  #atlasWorkbench .st-nav button {padding: 10px 12px; font-size: 14px;}
  #atlasWorkbench .st-four {grid-template-columns: repeat(2,minmax(0,1fr));}
  #atlasWorkbench .st-figure {padding: 14px 9px;}
  #atlasWorkbench .st-result-top {align-items: flex-start;}
  #atlasWorkbench .trad-fields,#atlasWorkbench .trad-tiles {grid-template-columns: 1fr;}
  #atlasWorkbench .trad-tile strong {font-size: 23px;}
  #atlasWorkbench .trad-qimen {gap: 7px;}
  #atlasWorkbench .trad-qimen article {padding: 13px 8px;}
  #atlasWorkbench .trad-qimen strong {font-size: 14px;}
  #atlasWorkbench .trad-qimen :is(p,small) {font-size: 13px;}
  #atlasWorkbench .trad-compass {gap: 7px;}
  #atlasWorkbench .trad-compass>div {padding: 14px 7px; min-height: 108px;}
  #atlasWorkbench .trad-compass>.trad-compass-center {font-size: 20px;}
  #atlasWorkbench .hd-centers {grid-template-columns: repeat(2,minmax(0,1fr));}
}
body[data-layout=mobile] #atlasWorkbench {padding: 18px 14px; border-radius: 18px;}
body[data-layout=mobile] #atlasWorkbench :is(.falak-layout,.falak-insights,.falak-quarters,.falak-eclipses,.st-workspace,.trad-shell,.trad-fields,.trad-tiles,.natal-profile-grid,.natal-key-grid) {grid-template-columns: 1fr;}
body[data-layout=mobile] #atlasWorkbench .workbench-toolbar {flex-wrap: wrap; gap: 12px;}
body[data-layout=mobile] #atlasWorkbench .workbench-toolbar>div {display: grid; grid-template-columns: 1fr 1fr; width: 100%;}
body[data-layout=mobile] #atlasWorkbench :is(.falak-heading,.atlas-tool-header,.natal-chart-title,.st-heading) {display: block;}
body[data-layout=mobile] #atlasWorkbench h2 {font-size: 26px;}
body[data-layout=mobile] #atlasWorkbench .falak-heading>p {max-width: none; margin-top: 14px;}
body[data-layout=mobile] #atlasWorkbench .atlas-tool-header>label {max-width: none; min-width: 0; margin-top: 18px;}
body[data-layout=mobile] #atlasWorkbench :is(.falak-form,.st-input,.st-output,.natal-person,.natal-chart,.natal-pair,#tradForm,.trad-shell aside) {padding: 20px 16px; border-radius: 14px;}
body[data-layout=mobile] #atlasWorkbench .falak-form .primary-link {max-width: none;}
body[data-layout=mobile] #atlasWorkbench .falak-prayer-section h4 {display: block;}
body[data-layout=mobile] #atlasWorkbench .falak-prayer-section h4 small {display: block; margin-top: 7px;}
body[data-layout=mobile] #atlasWorkbench .falak-prayers article {padding: 14px 10px;}
body[data-layout=mobile] #atlasWorkbench .falak-prayers article b {font-size: 24px;}
body[data-layout=mobile] #atlasWorkbench .natal-input-row {grid-template-columns: repeat(2,minmax(0,1fr));}
body[data-layout=mobile] #atlasWorkbench .natal-input-row label:last-child:nth-child(3) {grid-column: 1/-1;}
body[data-layout=mobile] #atlasWorkbench .natal-chart-title p {text-align: left; margin-top: 10px;}
body[data-layout=mobile] #atlasWorkbench .natal-pillars {grid-template-columns: repeat(2,minmax(0,1fr));}
body[data-layout=mobile] #atlasWorkbench .natal-methods {width: 100%; gap: 4px;}
body[data-layout=mobile] #atlasWorkbench .natal-methods button {flex: 1 1 40%; font-size: 13px; padding: 10px 8px;}
body[data-layout=mobile] #atlasWorkbench .st-count {display: none;}
body[data-layout=mobile] #atlasWorkbench .st-nav {display: flex;}
body[data-layout=mobile] #atlasWorkbench .st-fields {grid-template-columns: 1fr; gap: 0;}
body[data-layout=mobile] #atlasWorkbench .st-cards {grid-template-columns: 1fr;}
body[data-layout=mobile] #atlasWorkbench .st-four,body[data-layout=mobile] #atlasWorkbench .hd-centers {grid-template-columns: repeat(2,minmax(0,1fr));}
body[data-layout=mobile] #atlasWorkbench .trad-shell aside {margin-bottom: 20px;}
body[data-layout=mobile] #atlasWorkbench .trad-emblem {float: right; margin: 0 0 10px 18px;}
body[data-layout=mobile] #atlasWorkbench .trad-qimen {gap: 7px;}
body[data-layout=mobile] #atlasWorkbench .trad-qimen article {padding: 13px 8px;}
body[data-layout=mobile] #atlasWorkbench .trad-qimen strong {font-size: 14px;}
body[data-layout=mobile] #atlasWorkbench .trad-qimen :is(p,small) {font-size: 13px;}
@media print {
  #atlasWorkbench {background: #fff; color: #171d30; border: 0; border-radius: 0; box-shadow: none; padding: 0;}
  #atlasWorkbench .falak-kiblat {background: #fff; border-color: #d7d9e2;}
  #atlasWorkbench .falak-kiblat :is(h4,p,small) {color: #171d30;}
  #atlasWorkbench :is(.natal-chart,.natal-pair,.st-output,.falak-quarter-section,.falak-mangsa) {box-shadow: none; background: #fff;}
}
@media(prefers-reduced-motion:reduce) {#atlasWorkbench :is(button,a) {transition: none;}}

/* Dedicated pages already have a masthead: keep the work area focused on input. */
body[data-tool-page] #atlasWorkbench :is(.falak-heading,.st-heading),
body[data-tool-page] #atlasWorkbench .natal-intro :is(.eyebrow,h2),
body[data-tool-page] #atlasWorkbench .atlas-tool-header>div {display: none;}
body[data-tool-page] #atlasWorkbench .natal-intro {max-width: none; padding: 15px 18px; margin: 0 0 22px; background: #eeebf8; border: 1px solid #e1daef; border-radius: 12px;}
body[data-tool-page] #atlasWorkbench .natal-intro>p {max-width: none; color: #5d687e;}
body[data-tool-page] #atlasWorkbench .atlas-tool-header {display: flex; justify-content: flex-end; margin: 0 0 22px;}
body[data-tool-page] #atlasWorkbench .atlas-tool-header>label {margin: 0;}
body[data-tool-page=iching] #atlasWorkbench .oracle-tool {background: #fff; border: 1px solid var(--tool-line); border-radius: 16px; padding: 28px;}
body[data-tool-page=iching] #atlasWorkbench .tool-title {gap: 18px;}
body[data-tool-page=iching] #atlasWorkbench .tool-title>span {color: #9280c3; font-size: 42px;}
body[data-tool-page=iching] #atlasWorkbench .tool-title small {font-size: 13px; line-height: 1.6; color: #70608d; letter-spacing: .06em;}
body[data-tool-page=iching] #atlasWorkbench .tool-title h3 {font: 600 25px/1.35 var(--tool-font); letter-spacing: -.03em; margin: 7px 0 14px;}
body[data-tool-page=iching] #atlasWorkbench .oracle-tool>p,
body[data-tool-page=iching] #atlasWorkbench #ichingResult>p {font-size: 15px; line-height: 1.85; color: #5d687e;}
body[data-tool-page=iching] #atlasWorkbench .oracle-tool .primary-link {max-width: none; margin-top: 15px;}
body[data-tool-page=iching] #atlasWorkbench .oracle-tool>details {padding-bottom: 22px; border-bottom: 1px solid var(--tool-line);}
body[data-tool-page=iching] #atlasWorkbench .oracle-tool details label {display: block; margin-top: 15px;}
body[data-tool-page=iching] #atlasWorkbench .oracle-tool details input {margin-top: 8px;}
body[data-tool-page=iching] #atlasWorkbench .iching-placeholder {color: #9b87c6; padding: 22px 0 4px; font-size: 68px;}
body[data-tool-page=iching] #atlasWorkbench .iching-placeholder span {color: #c1b3dc;}
body[data-tool-page=iching] #atlasWorkbench .tool-caption {font-size: 13px!important; line-height: 1.75; color: #697086;}
body[data-tool-page=iching] #atlasWorkbench .hex-pair {gap: 16px; margin: 25px 0;}
body[data-tool-page=iching] #atlasWorkbench .hex-card {background: #f4f1fb; border: 1px solid #e4dcf0; border-radius: 14px; padding: 28px 20px 22px;}
body[data-tool-page=iching] #atlasWorkbench .hex-card h4 {font: 600 20px/1.4 var(--tool-font); letter-spacing: -.025em; color: #51425f; margin-top: 25px;}
body[data-tool-page=iching] #atlasWorkbench .hex-card p {font-size: 14px; line-height: 1.7; color: #6c5e7a;}
body[data-tool-page=iching] #atlasWorkbench .hex-line {margin: 9px 0;}
body[data-tool-page=iching] #atlasWorkbench .hex-line i {background: #47435e; height: 8px; border-radius: 2px;}
body[data-tool-page=iching] #atlasWorkbench .hex-line.changing i {background: #9272ba;}
body[data-tool-page=iching] #atlasWorkbench .hex-line small {font-size: 11px; line-height: 1; color: #726082; right: -18px;}
@media(max-width:600px) {
  body[data-tool-page] #atlasWorkbench .atlas-tool-header>label {width: 100%;}
  body[data-tool-page] #atlasWorkbench .natal-intro {padding: 14px 16px;}
  body[data-tool-page=iching] #atlasWorkbench .oracle-tool {padding: 21px 16px;}
  body[data-tool-page=iching] #atlasWorkbench .tool-title {gap: 13px; align-items: flex-start;}
  body[data-tool-page=iching] #atlasWorkbench .tool-title>span {font-size: 34px;}
  body[data-tool-page=iching] #atlasWorkbench .tool-title h3 {font-size: 23px;}
  body[data-tool-page=iching] #atlasWorkbench .hex-pair {grid-template-columns: 1fr;}
}
body[data-layout=mobile][data-tool-page] #atlasWorkbench .atlas-tool-header>label {width: 100%; max-width: none;}
body[data-layout=mobile][data-tool-page=iching] #atlasWorkbench .oracle-tool {padding: 21px 16px;}
body[data-layout=mobile][data-tool-page=iching] #atlasWorkbench .hex-pair {grid-template-columns: 1fr;}