/* Approved whole-site design: real form and current chart stay in their original lifecycle. */
@media screen {
  /* The entry form uses device fonts; generated charts keep their own font pipeline. */
  body.design-chart-entry {
    --entry-font-sans:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Yu Gothic","Meiryo","PingFang TC","Microsoft JhengHei","Microsoft YaHei",sans-serif;
    --entry-font-serif:Georgia,"Yu Mincho","Hiragino Mincho ProN","Songti TC","SimSun",serif;
    font-family:var(--entry-font-sans);
  }
  .design-chart-entry input,
  .design-chart-entry select,
  .design-chart-entry button { font-family:var(--entry-font-sans); }
  .design-chart-entry .font-serif,
  .design-chart-entry .font-display,
  .design-chart-entry .section-label,
  .design-chart-entry .chart-intro-title,
  .design-chart-entry .current-sky-entry-copy strong,
  .design-chart-entry .gate-weather-entry-banner strong,
  .design-chart-entry .parent-legend { font-family:var(--entry-font-serif); }
  .design-chart-entry .design-entry-main,
  .design-chart-result .result-main { max-width:1160px!important; padding:40px 30px 64px!important; }
  .design-chart-entry .design-entry-grid { display:grid; grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr); gap:64px; align-items:start; }
  .design-chart-entry .design-entry-intro { padding-top:22px; min-width:0; }
  .design-chart-entry .design-entry-intro .section-label,
  .design-chart-entry .design-entry-intro h1,
  .design-chart-entry .design-entry-intro>p { text-align:left; }
  .design-chart-entry h1.chart-entry-title { font-size:clamp(28px,2.5vw,31px); line-height:1.6; font-weight:400; margin:14px 0 20px; }
  .design-chart-entry h1.chart-entry-title .chart-entry-title-pre { font-size:.53em; letter-spacing:.08em; margin-bottom:7px; }
  .design-chart-entry .design-entry-intro>p { font-size:15px; line-height:2.1; color:#657078; margin:0 0 24px; }
  .design-chart-entry .hand-underline { background:none; border:0; text-decoration:none; }
  .design-chart-entry .hand-underline::after { display:none; }
  .design-chart-entry .design-entry-steps { border-top:1px solid #deded5; padding-top:24px; margin-top:30px; }
  .design-chart-entry .design-entry-steps h2 { font-size:15px; font-weight:500; line-height:1.8; margin:0 0 18px; }
  .design-chart-entry .design-entry-steps ol { counter-reset:entry-step; list-style:none; margin:0; padding:0; }
  .design-chart-entry .design-entry-steps li { counter-increment:entry-step; display:flex; align-items:baseline; gap:16px; margin:0 0 17px; font-size:13px; line-height:1.8; }
  .design-chart-entry .design-entry-steps li::before { content:'0' counter(entry-step); color:#927743; font-family:Georgia,serif; font-size:19px; }
  .design-chart-entry .design-entry-return { display:inline-block; font-size:13px; border-bottom:1px solid #c6b897; padding:8px 0; margin-top:16px; }
  .design-chart-entry .design-entry-form-column { min-width:0; }
  .design-chart-entry #hdForm { border:1px solid #deded5; border-radius:8px; background:#fffefb; box-shadow:none; padding:28px; gap:22px; }
  .design-chart-entry .design-entry-form-heading { border-bottom:1px solid #e4e1d8; padding-bottom:18px; }
  .design-chart-entry .design-entry-form-heading h2 { margin:0 0 5px; font-size:23px; font-family:'Yu Mincho','Hiragino Mincho ProN',serif; font-weight:400; line-height:1.7; }
  .design-chart-entry .design-entry-form-heading p { margin:0; color:#6b7379; font-size:12px; }
  .design-chart-entry #hdForm input:not([type=radio]):not([type=checkbox]),
  .design-chart-entry #hdForm select { min-height:44px; font-size:16px; border-color:#d4d8d4; background:#fff; color:#26374a; border-radius:4px; min-width:0; }
  .design-chart-entry #hdForm input:focus,
  .design-chart-entry #hdForm select:focus { outline:2px solid #b19967; outline-offset:2px; }
  .design-chart-entry .purpose-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .design-chart-entry .purpose-card { border-radius:5px; box-shadow:none; min-width:0; }
  .design-chart-entry #hdForm button[type=submit] { background:#23384b; border-radius:4px; min-height:48px; box-shadow:none; letter-spacing:.035em; }
  .design-chart-entry .current-sky-entry { margin:42px 0 0; border-radius:4px; box-shadow:none; background:#efefe7; border-color:#deded5; }
  .design-chart-entry .current-sky-entry-copy strong { color:#26374a; }
  .design-chart-entry .current-sky-entry-copy>span { color:#596973; }
  .design-chart-entry .current-sky-entry-kicker,.design-chart-entry .current-sky-entry-arrow { color:#927743; }
  .design-chart-entry .current-sky-entry:hover { background:#e7e8de; }
  .design-chart-entry .chart-intro { margin:44px 0 0; padding:36px 0; border-width:1px 0; border-radius:0; background:transparent; box-shadow:none; grid-template-columns:minmax(0,1fr) 180px; gap:50px; }
  .design-chart-entry .chart-intro-text { max-width:720px; }
  .design-chart-entry .chart-faq { background:transparent; border-radius:0; box-shadow:none; margin:38px 0 0; padding:0 0 32px; border:0; border-bottom:1px solid #deded5; }
  .design-chart-entry .chart-faq-title { font-family:'Yu Mincho','Hiragino Mincho ProN',serif; font-size:26px; font-weight:400; margin-bottom:22px; }
  .design-chart-entry .chart-faq-item { border-radius:0; border-width:0 0 1px; background:transparent; }
  .design-chart-entry .chart-intro-lead,.design-chart-entry .chart-faq-item p { font-size:14px; line-height:2.15; }
  .design-chart-entry .whatsnew-card { background:transparent; box-shadow:none; border-radius:4px; }

  .design-chart-result .design-result-heading { max-width:760px; margin:0 0 22px; }
  .design-chart-result .design-result-heading h1 { font-family:'Yu Mincho','Hiragino Mincho ProN',serif; font-weight:400; font-size:clamp(28px,3.1vw,39px); line-height:1.65; margin:10px 0; }
  .design-chart-result .design-result-heading>p:last-child { color:#657078; font-size:14px; line-height:2; }
  .design-chart-result .chart-source-meta { display:none; }
  .design-chart-result .display-toggles { margin-bottom:18px; justify-content:flex-start; }
  .design-chart-result .natal-desktop-layout { display:grid; grid-template-columns:minmax(0,.95fr) minmax(0,1.2fr); align-items:start; gap:38px; }
  .design-chart-result .natal-desktop-chart { background:#fffefb; border:1px solid #deded5; padding:14px; border-radius:6px; min-width:0; }
  .design-chart-result .natal-desktop-chart .chart-image-preview { width:100%; height:auto; min-height:0; max-width:100%; aspect-ratio:1200/1480; margin:0 auto; border:0; border-radius:0; box-shadow:none; }
  .design-chart-result .natal-desktop-chart .chart-image-preview img { width:100%; height:auto; object-fit:contain; }
  .design-chart-result .desktop-chart-info { display:block; position:static; padding:8px 0 0; margin:0; max-width:none; min-width:0; }
  .design-chart-result .desktop-chart-info>.section-label { font-size:10px; text-align:left; }
  .design-chart-result .desktop-chart-info h2 { font-size:24px; font-weight:400; line-height:1.65; text-align:left; margin:5px 0 20px!important; }
  .design-chart-result .desktop-chart-info>.editorial-rule { display:none; }
  .design-chart-result .desktop-chart-info>.chart-items { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin:0 0 24px; padding:16px 0; background:transparent; box-shadow:none; border:1px solid #deded5; border-width:1px 0; border-radius:0; }
  .design-chart-result .desktop-chart-info .exp-row { display:block; min-height:0; margin:0; padding:0; background:transparent; border:0; min-width:0; }
  .design-chart-result .desktop-chart-info .desktop-exp-label-row { display:flex; align-items:center; justify-content:flex-start; flex-wrap:nowrap; gap:3px; min-height:28px; }
  .design-chart-result .desktop-chart-info .desktop-exp-content { margin-top:7px; padding:0; }
  .design-chart-result .desktop-chart-info .exp-label { min-width:0; font-size:11px; line-height:1.65; letter-spacing:0; color:#697378; }
  .design-chart-result .desktop-chart-info .exp-value { display:block; font-size:16px; line-height:1.8; text-align:left; white-space:normal; overflow-wrap:anywhere; }
  .design-chart-result .desktop-chart-info .gloss-btn { flex:0 0 auto; width:26px; height:26px; min-width:26px; margin-left:0; font-size:11px; }
  .design-chart-result .design-chart-more { border-bottom:1px solid #deded5; margin-bottom:24px; padding-bottom:15px; }
  .design-chart-result .design-chart-more>summary { cursor:pointer; color:#546273; font-size:13px; padding:10px 0; }
  .design-chart-result .desktop-chart-info .design-chart-secondary-items { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; padding:16px 0; margin:0; background:transparent; border:0; border-radius:0; box-shadow:none; }
  .design-chart-result .design-chart-secondary-items .exp-value { font-size:14px; }
  .design-chart-result .desktop-info-wide { grid-column:1/-1; }
  .design-chart-result .desktop-chart-info .desktop-variable-value { display:flex; gap:12px; }
  .design-chart-result .design-result-actions { display:flex; flex-wrap:wrap; gap:8px; margin:12px 0 16px; }
  .design-chart-result .design-result-actions a,.design-chart-result .design-result-actions button { display:inline-block; font-size:12px; border-radius:4px; padding:11px 14px; line-height:1.7; min-height:44px; }
  .design-chart-result .design-result-actions [data-action=save-chart] { order:-1; width:100%; background:#23384b; color:#fff; box-shadow:none; border-color:#23384b; font-size:14px; }
  .design-chart-result .hdsl-save-bar .save-chart-btn { background:#23384b; color:#fff; border-color:#23384b; border-radius:4px; box-shadow:none; }
  .design-chart-result .desktop-chart-info>p { font-size:11px; text-align:left; color:#6b7379; line-height:1.9; }
  .design-chart-result .design-result-nav { display:flex; flex-wrap:wrap; gap:8px 22px; padding:18px 0; margin:32px 0 0; border:1px solid #deded5; border-width:1px 0; }
  .design-chart-result .design-result-nav a { padding:8px 0; font-size:13px; line-height:1.8; border-bottom:1px solid #b6a27a; }
  .design-chart-result #design-chart-basics,.design-chart-result #total-analysis,.design-chart-result details { scroll-margin-top:100px; }
  .design-chart-result #total-analysis { max-width:100%; padding:0; margin-top:40px; }
  .design-chart-result #total-analysis>.section-label,.design-chart-result #total-analysis>h2 { text-align:left; }
  .design-chart-result #total-analysis>.editorial-rule { margin-left:0; }
  .design-chart-result .ta-card { box-shadow:none; border-radius:5px; }
  .design-chart-result .time-slider-wrap,.design-chart-result .explanation-section,.design-chart-result .transit-discovery { max-width:100%; padding-right:0; padding-left:0; }

  /* Keep the selected time next to the same completed chart on short screens. */
  .design-chart-result .natal-desktop-chart:has(#time-slider-section[open]) .chart-image-preview { max-width:clamp(210px,calc((100svh - 450px) * .81081),438px); }
  .design-chart-result .natal-desktop-chart .time-slider-wrap { margin:12px 0 0; }
  .design-chart-result #time-slider-section { margin:0; background:#edf3f8; border:1px solid #a9bdcf; border-top:3px solid #1a2b4c; scroll-margin-top:calc(clamp(259px,100svh - 450px,540px) + 60px); }
  .design-chart-result #time-slider-section>summary { padding:10px 12px; gap:8px; }
  .design-chart-result #time-slider-section>summary .exp-value { font-size:15px; line-height:1.5; }
  .design-chart-result #time-slider-section>.exp-body { padding:0 12px 10px; }
  .design-chart-result #time-slider-section .ts-note { font-size:12px; line-height:1.7; margin:0 0 5px; }
  .design-chart-result .ts-time-selection { display:flex; justify-content:space-between; align-items:center; gap:8px; }
  .design-chart-result .ts-time-selection label { font-size:12px; color:#4d5e70; }
  .design-chart-result .ts-time-label { font-size:21px; line-height:1.4; }
  .design-chart-result .ts-slider-row { margin:0; }
  .design-chart-result .ts-slider { width:100%; height:26px; accent-color:#254c70; }
  .design-chart-result .ts-slider:focus-visible { outline:3px solid #52779a; outline-offset:2px; }
  .design-chart-result .ts-scale { display:flex; justify-content:space-between; gap:4px; margin:-3px 0 8px; color:#4d5e70; font-size:10px; font-variant-numeric:tabular-nums; }
  .design-chart-result .ts-controls { display:flex; gap:6px; justify-content:space-between; margin:0; }
  .design-chart-result .ts-step-btn,.design-chart-result .ts-reset-btn { border:1px solid #788a9d; background:#fff; color:#1a2b4c; min-height:36px; padding:6px 9px; font-size:12px; line-height:1.5; border-radius:4px; cursor:pointer; }
  .design-chart-result .ts-step-btn { flex:1; white-space:nowrap; }
  .design-chart-result .ts-reset-btn { flex:1.8; }
  .design-chart-result .ts-controls button:hover:not(:disabled) { background:#1a2b4c; color:#fff; }
  .design-chart-result .ts-controls button:disabled { background:#e1e7ed; color:#586a7d; cursor:default; }
  .design-chart-result .ts-help { margin-top:7px; }
  .design-chart-result .ts-help>summary { display:list-item; padding:2px 0; cursor:pointer; font-size:11px; color:#254c70; }
  .design-chart-result .ts-help .ts-note { margin-top:5px!important; }
  .design-chart-result .ts-status,.design-chart-result .ts-error { margin-top:6px; font-size:12px; line-height:1.6; }
  .design-chart-result .ts-status { color:#254c70; }
  .design-chart-result .ts-error { color:#9c2929; }
  .design-chart-result #time-slider-section .ts-save-note,.design-chart-result #time-slider-section .ts-unknown-note { font-size:11px; padding:5px 7px; margin:6px 0 0; line-height:1.6; }

  .design-chart-result .explanation-section { margin-top:24px; }
  .design-chart-result .explanation-card { border-radius:4px; box-shadow:none; }
  .design-chart-result .natal-offer { max-width:100%; border-radius:5px; background:#eeeee6; border:1px solid #deded5; box-shadow:none; margin-top:40px; }
  .design-chart-result .bridge-message { border-radius:0; background:transparent; box-shadow:none; border-top:1px solid #deded5; margin-top:42px; }

  /* Keep reading aids, selectable controls and actions distinct on the light canvas.
     These rules do not recolor the Bodygraph, planetary symbols or rendered images. */
  .design-chart-entry .design-entry-intro .section-label,
  .design-chart-entry .chart-intro-title,
  .design-chart-result .section-label,
  .design-chart-result .ta-plabel,
  .design-chart-result .ta-x,
  .design-chart-result .explanation-card .exp-label,
  .design-chart-result .exp-toggle { color:#795923; }
  .design-chart-entry .design-entry-steps li::before { color:#795923; }
  .design-chart-entry .design-entry-intro>p,
  .design-chart-result .design-result-heading>p:last-child,
  .design-chart-result .desktop-chart-info .exp-label,
  .design-chart-result .desktop-chart-info>p { color:#4d5e70; }
  .design-chart-entry .design-entry-main [class~="text-[#1A2B4C]/50"],
  .design-chart-entry .design-entry-main [class~="text-[#1A2B4C]/55"],
  .design-chart-result .result-main [class~="text-[#1A2B4C]/50"],
  .design-chart-result .result-main [class~="text-[#1A2B4C]/60"],
  .design-chart-result .ts-note,
  .design-chart-result .tr-time-slider-label { color:#4d5e70; }
  .design-chart-entry #hdForm [class~="text-[#C4A265]"] { color:#795923; }
  .design-chart-entry #hdForm { border-color:#9aa8b8; border-top:4px solid #1a2b4c; background:#fff; }
  .design-chart-entry .design-entry-form-heading { border-color:#bac7d4; }
  .design-chart-entry #hdForm input:not([type=radio]):not([type=checkbox]),
  .design-chart-entry #hdForm select { border-color:#788a9d; }
  .design-chart-entry #hdForm input::placeholder { color:#586a7d; opacity:1; }
  .design-chart-entry .purpose-card,
  .design-chart-entry .gender-card { border-color:#788a9d; background:#f3f6f9; }
  .design-chart-entry .purpose-card:has(input:checked),
  .design-chart-entry .gender-card:has(input:checked) { border-color:#1a2b4c; background:#1a2b4c; color:#fff; }
  .design-chart-entry .purpose-card:focus-within,
  .design-chart-entry .gender-card:focus-within { outline:3px solid #52779a; outline-offset:3px; }
  .design-chart-entry .purpose-disabled { border-color:#bac7d4; background:#edf0f3; }
  .design-chart-entry .current-sky-entry { background:#e6eef5; border-color:#a9bdcf; border-left:4px solid #1a2b4c; }
  .design-chart-entry .current-sky-entry:hover { background:#d9e5ef; }
  .design-chart-entry .current-sky-entry-kicker,
  .design-chart-entry .current-sky-entry-arrow { color:#254c70; }
  .design-chart-entry .chart-intro { border-color:#a9bdcf; border-top:3px solid #1a2b4c; }
  .design-chart-entry .chart-faq-item { border-color:#a9bdcf; }
  .design-chart-entry .chart-faq-item[open] { background:#edf3f8; }
  .design-chart-entry .whatsnew-card { border-color:#a9bdcf; }
  .design-chart-entry .whatsnew-summary { background:#e6eef5; }
  .design-chart-entry .whatsnew-item-date { color:#4d5e70; }
  .design-chart-entry .whatsnew-badge,
  .design-chart-entry .whatsnew-item-new,
  .design-chart-entry .whatsnew-arrow { background:#1a2b4c; color:#fff; }

  .design-chart-result .natal-desktop-chart { border-color:#a9bdcf; background:#fff; }
  .design-chart-result .desktop-chart-info>.chart-items { border-color:#a9bdcf; border-top:3px solid #1a2b4c; background:#edf3f8; padding:16px 12px; }
  .design-chart-result .gloss-btn { color:#254c70; background:#edf3f8; border-color:#788a9d; }
  .design-chart-result .design-chart-more>summary { color:#254c70; }
  .design-chart-result .design-result-actions a,
  .design-chart-result .design-result-actions button { border-color:#788a9d; }
  .design-chart-result .design-result-nav { border-color:#a9bdcf; }
  .design-chart-result .design-result-nav a { color:#254c70; border-color:#52779a; }
  .design-chart-result .ta-card { border-color:#a9bdcf; }
  .design-chart-result .explanation-card { border-color:#a9bdcf; border-left:3px solid #254c70; }
  .design-chart-result .natal-offer { background:#e6eef5; border-color:#a9bdcf; border-top:3px solid #1a2b4c; }
  .design-chart-result .natal-offer .natal-button-secondary { background:#fff; border-color:#52779a; }
  .design-chart-result .transit-discovery-link { color:#254c70; background:#edf3f8; border-color:#a9bdcf; }
  .design-chart-result .house-system-toggle button.active { background:#1a2b4c; color:#fff; }
  .design-chart-result .cta-card:not(.cta-card-featured) .cta-arrow { color:#795923; }
  .design-chart-result .cta-card-featured .cta-arrow { color:#e3c992; }
  .design-chart-result .transit-cta-btn { color:#254c70; border-color:#52779a; background:#fff; }
  .design-chart-entry .design-entry-main a:focus,
  .design-chart-entry #hdForm input:focus,
  .design-chart-entry #hdForm select:focus,
  .design-chart-entry #hdForm button:focus,
  .design-chart-result .result-main a:focus,
  .design-chart-result .result-main button:focus,
  .design-chart-result .result-main summary:focus { outline:3px solid #52779a; outline-offset:3px; }
}
@media screen {
  .design-chart-result .ts-day-timeline { margin-top:16px; border-top:1px solid #b8c9d8; padding-top:12px; }
  .design-chart-result .ts-day-timeline>summary { display:list-item; list-style:disclosure-closed inside; color:#203b50; font-size:13px; font-weight:700; cursor:pointer; padding:9px 0; }
  .design-chart-result .ts-day-timeline[open]>summary { list-style-type:disclosure-open; }
  .design-chart-result .ts-day-timeline [hidden] { display:none!important; }
  .design-chart-result .ts-day-status,.design-chart-result .ts-day-guide { font-size:12px; line-height:1.8; color:#30495b; margin:8px 0; }
  .design-chart-result #ts-day-progress { display:block; width:100%; height:12px; accent-color:#365f80; margin:12px 0; }
  .design-chart-result .ts-day-axis { display:flex; justify-content:space-between; font-size:10px; color:#526374; margin:18px 0 8px; font-variant-numeric:tabular-nums; }
  .design-chart-result .ts-day-field { margin:14px 0; padding:0; min-width:0; }
  .design-chart-result .ts-day-field h4,.design-chart-result .ts-day-list-heading { font-size:12px; font-weight:700; color:#203b50; margin:0 0 6px; }
  .design-chart-result .ts-day-track { position:relative; height:32px; background:#e4ebf0; border-radius:3px; }
  .design-chart-result .ts-day-band { position:absolute; top:0; height:32px; padding:0; border:0; border-right:1px solid #fff; border-radius:0; min-width:0; cursor:pointer; }
  .design-chart-result .ts-day-band:focus-visible { outline:3px solid #162d40; outline-offset:2px; z-index:2; }
  .design-chart-result .ts-day-marker { position:absolute; top:-3px; bottom:-3px; width:2px; background:#162d40; outline:1px solid white; pointer-events:none; }
  .design-chart-result .ts-day-legend { display:flex; flex-wrap:wrap; gap:4px 12px; list-style:none; padding:0; margin:6px 0 0; font-size:11px; line-height:1.7; color:#30495b; }
  .design-chart-result .ts-day-legend li { display:flex; align-items:center; gap:5px; }
  .design-chart-result .ts-day-swatch { flex:none; width:9px; height:9px; border-radius:2px; }
  .design-chart-result .ts-day-color-0 { background:#426b8b; }
  .design-chart-result .ts-day-color-1 { background:#b78b46; }
  .design-chart-result .ts-day-color-2 { background:#598774; }
  .design-chart-result .ts-day-color-3 { background:#967396; }
  .design-chart-result .ts-day-color-4 { background:#b66d59; }
  .design-chart-result .ts-day-color-5 { background:#658f9c; }
  .design-chart-result .ts-day-color-6 { background:#8c8b4e; }
  .design-chart-result .ts-day-color-7 { background:#7b739b; }
  .design-chart-result .ts-day-color-8 { background:#9c6c73; }
  .design-chart-result .ts-day-color-9 { background:#5c8081; }
  .design-chart-result .ts-day-color-10 { background:#8c795d; }
  .design-chart-result .ts-day-color-11 { background:#627181; }
  .design-chart-result .ts-day-list-heading { margin-top:24px; }
  .design-chart-result .ts-day-intervals { list-style:none; margin:8px 0 0; padding:0; display:grid; gap:10px; }
  .design-chart-result .ts-day-interval { border:1px solid #b8c9d8; border-radius:5px; padding:12px; background:#fff; }
  .design-chart-result .ts-day-interval:has(.is-selected) { border-color:#365f80; box-shadow:inset 3px 0 #365f80; background:#f0f5f8; }
  .design-chart-result .ts-day-interval h5 { margin:0 0 8px; font-size:14px; font-weight:700; color:#203b50; font-variant-numeric:tabular-nums; }
  .design-chart-result .ts-day-interval dl { display:grid; grid-template-columns:minmax(64px,.7fr) minmax(0,1.5fr); gap:5px 10px; font-size:12px; line-height:1.65; margin:0 0 10px; }
  .design-chart-result .ts-day-interval dt { color:#526374; }
  .design-chart-result .ts-day-interval dd { margin:0; color:#203b50; font-weight:600; overflow-wrap:anywhere; }
  .design-chart-result .ts-day-select { display:inline-block; min-height:40px; padding:8px 12px; border:1px solid #365f80; border-radius:4px; color:#203b50; background:#f0f5f8; font-size:12px; font-weight:600; cursor:pointer; }
  .design-chart-result .ts-day-select:hover { background:#dfeaf1; }
}
@media screen and (max-width:850px) {
  .design-chart-entry .design-entry-main,.design-chart-result .result-main { padding:28px 22px 48px!important; }
  .design-chart-entry .design-entry-grid { grid-template-columns:1fr; gap:24px; }
  .design-chart-entry .design-entry-intro { padding-top:0; }
  .design-chart-entry h1.chart-entry-title { font-size:31px; line-height:1.6; margin:10px 0 12px; }
  .design-chart-entry .design-entry-intro>p { font-size:14px; margin-bottom:8px; }
  .design-chart-entry .design-entry-steps { display:none; }
  .design-chart-entry .design-entry-return { margin-top:0; padding:5px 0; font-size:12px; }
  .design-chart-result .natal-desktop-layout { grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); gap:24px; }
  .design-chart-result .desktop-chart-info>.chart-items { grid-template-columns:1fr; gap:10px; }
  .design-chart-result .desktop-chart-info>.chart-items>.exp-row { display:grid; grid-template-columns:75px 1fr; gap:10px; }
  .design-chart-result .desktop-chart-info>.chart-items .desktop-exp-content { margin:0; }
}
@media screen and (max-width:600px) {
  .design-chart-entry .design-entry-main,.design-chart-result .result-main { padding:22px 18px 40px!important; }
  .design-chart-entry h1.chart-entry-title { font-size:27px; }
  .design-chart-entry .design-entry-intro .section-label { font-size:9px; }
  .design-chart-entry #hdForm { padding:20px 17px; gap:19px; }
  .design-chart-entry .design-entry-form-heading h2 { font-size:21px; }
  .design-chart-entry .chart-intro { grid-template-columns:1fr; gap:24px; padding-top:28px; }
  .design-chart-entry .chart-intro-figure { max-width:190px; margin:auto; }
  .design-chart-entry .chart-faq-title { font-size:23px; }
  .design-chart-entry .current-sky-entry { margin-top:28px; }
  .design-chart-result .natal-desktop-layout { grid-template-columns:1fr; gap:26px; }
  .design-chart-result .natal-desktop-chart { padding:12px; }
  .design-chart-result .natal-desktop-chart .chart-image-preview { max-width:360px; }
  .design-chart-result .desktop-chart-info { padding:0; }
  .design-chart-result .desktop-chart-info h2 { font-size:22px; }
  .design-chart-result .desktop-chart-info>.chart-items { grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; }
  .design-chart-result .desktop-chart-info>.chart-items>.exp-row { display:block; }
  .design-chart-result .desktop-chart-info>.chart-items .desktop-exp-content { margin-top:6px; }
  .design-chart-result .desktop-chart-info .exp-value { font-size:14px; }
  .design-chart-result .design-result-nav { gap:6px 20px; margin-top:24px; }
  .design-chart-result .design-result-nav a { font-size:12px; }
  .design-chart-result .natal-offer { padding:22px 18px; }
}
@media print {
  .design-chart-result .design-result-heading,
  .design-chart-result .design-result-nav,
  .design-chart-result .design-result-actions,
  .design-chart-result .desktop-chart-info>p,
  .design-chart-result .chart-source-meta,
  .design-chart-result .transit-discovery,
  .design-chart-result .result-main>p,
  .design-chart-result #total-analysis>.section-label,
  .design-chart-result #total-analysis>.editorial-rule,
  .design-chart-result .design-chart-more>summary { display:none!important; }
  .design-chart-result .design-chart-more { display:block!important; border:0; padding:0; }
  .design-chart-result .desktop-chart-info h2 { font-size:13pt!important; }
  .design-chart-result .desktop-chart-info .chart-items { display:block!important; padding:0!important; margin:0!important; border:0!important; background:transparent!important; }
  .design-chart-result .desktop-chart-info .exp-row { display:grid!important; grid-template-columns:20mm minmax(0,1fr); gap:2mm; background:transparent!important; border:0!important; border-bottom:1px solid #ddd!important; padding:2mm 0!important; }
  .design-chart-result .desktop-chart-info .desktop-exp-label-row { display:block; }
  .design-chart-result .desktop-chart-info .desktop-exp-content { margin:0; padding:0; }
  .design-chart-result .desktop-chart-info .gloss-btn { display:none!important; }
  .design-chart-result #total-analysis>h2 { font-size:14pt!important; margin:0 0 2mm!important; }
  .design-chart-result #total-analysis .ta-heading { margin-bottom:2mm; }
  .design-chart-result #total-analysis .ta-heading>span { font-size:11pt!important; }
  .design-chart-result #total-analysis .ta-body,
  .design-chart-result #total-analysis .ta-points,
  .design-chart-result #total-analysis .ta-question { margin-bottom:2mm!important; }
  .design-chart-result #total-analysis .ta-point { padding:1.2mm 0; }
  .design-chart-result #total-analysis .ta-bridge { padding:2mm; }
}