/* The chart studio shares the journal's paper, ink and generous typography. */
.tool-card.sage{background:#dce6d7}.tool-card.lilac{background:#e0ddef}
.tool-pillar-art{display:flex;justify-content:center;align-items:center;gap:20px;flex:1;min-height:250px;margin:20px 0}
.tool-pillar-art>span{border:1px solid #8a9d87;border-radius:100px;padding:32px 12px;color:#40624b;font:56px/1.2 Georgia,serif;text-align:center;transform:translateY(-15px)}
.tool-pillar-art>span:nth-child(even){transform:translateY(15px)}.tool-pillar-art small{display:block;font:8px/1.5 Arial,sans-serif;letter-spacing:.1em;margin-top:14px}
.site-header nav{gap:22px}.site-header nav a{white-space:nowrap}.filter-buttons{flex-wrap:wrap}.journal-toolbar{gap:20px}.journal-toolbar .search-field{min-width:210px}
.chart-intro{max-width:1200px}.chart-workspace{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:60px;border-top:1px solid var(--line);padding-block:40px 60px}
.chart-form-panel{min-width:0}.chart-empty{align-self:center;text-align:center;padding:15px 20px}.chart-empty>.line-art{height:280px}.chart-empty .art-caption{display:none}.chart-empty h2{font-size:38px;margin:18px 0}.chart-empty>p{max-width:350px;margin:auto;font-size:14px}.chart-empty>.eyebrow{display:block}
.birth-fields{border:0;margin:25px 0 0;padding:0;min-width:0}.birth-fields legend{font:28px/1.2 var(--serif);letter-spacing:-.025em}.birth-person-note{font-size:13px;margin:10px 0 22px;line-height:1.65}
.birth-input-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.birth-input-grid label{display:flex;flex-direction:column;gap:8px;font-size:13px}.birth-input-grid .zone-label{grid-column:1/-1}
.birth-input-grid input{width:100%;min-height:50px;border:1px solid #a7a99f;background:#fbf9f3;padding:11px 13px;color:var(--ink);border-radius:0;font-size:16px;min-width:0}
.field-help{font-size:12px;line-height:1.6;color:var(--muted);max-width:480px}.birth-form-actions{display:flex;align-items:center;gap:12px 24px;flex-wrap:wrap;margin-top:25px}.birth-form-actions button:disabled{opacity:.6}
.birth-privacy{font-size:12px;line-height:1.8;border-left:2px solid #71826e;padding-left:14px;margin:20px 0 25px}.chart-method{border-block:1px solid var(--line);padding:15px 0}.chart-method summary{cursor:pointer;font-size:13px;min-height:30px;padding:3px 0}.chart-method p{font-size:13px;line-height:1.8;margin:14px 0}.chart-method summary:focus-visible{outline:3px solid var(--blue);outline-offset:4px}
.synastry-workspace{display:block}.synastry-workspace .chart-empty{display:none}.two-person-inputs{display:grid;grid-template-columns:1fr 1fr;gap:48px}.two-person-inputs .birth-fields{padding:28px;border:1px solid var(--line);background:#f1ede1}.two-person-inputs .birth-fields:nth-child(2){background:#eeebf2}.two-person-inputs legend{padding:0 12px}.two-person-inputs .birth-person-note{min-height:42px;margin-top:0}
.synastry-workspace .birth-privacy,.synastry-workspace .chart-method{max-width:900px}.chart-workspace.has-result{grid-template-columns:1fr}.chart-workspace.has-result:not(.synastry-workspace) .chart-form-panel{max-width:780px}
.chart-results{scroll-margin-top:32px;outline:none;padding:20px 0 40px}.chart-result-heading{max-width:850px;margin:0 0 40px}.chart-result-heading h2{font-size:52px;margin:16px 0 20px}.chart-result-heading>p{font-size:15px;line-height:1.75;max-width:740px}
.personal-chart-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(300px,1fr);gap:35px;align-items:start}.chart-sheet{border:1px solid var(--line);background:#fcfaf5;padding:28px;min-width:0}.personal-chart-insight{padding:28px 0}.personal-chart-insight h3{font-size:35px;margin:16px 0}.personal-chart-insight>p{font-size:14px;line-height:1.8}
.day-master-badge{display:flex;align-items:center;gap:22px;margin-bottom:30px}.day-master-glyph{display:flex;align-items:center;justify-content:center;flex:none;width:100px;height:110px;border:1px solid var(--phase);border-radius:50%;color:var(--phase);font:65px/1 Georgia,serif}.day-master-copy h2,.day-master-copy h3{font-size:30px;line-height:1.2;margin:10px 0}.day-master-copy p{font-size:12px}.day-master-badge.compact{margin-top:25px}
.pillars-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--line)}.pillar-card{text-align:center;border-right:1px solid var(--line);min-width:0}.pillar-card:last-child{border-right:0}.pillar-card.is-day{background:#edf0e7}.pillar-label{display:block;padding:11px 2px;font-size:11px;letter-spacing:.12em;text-transform:uppercase;border-bottom:1px solid var(--line)}
.pillar-symbol{display:flex;flex-direction:column;align-items:center;padding:16px 4px;gap:5px;color:var(--ink)}.pillar-han{font:42px/1.3 Georgia,serif;color:var(--phase)}.pillar-symbol strong{font-size:12px;font-weight:400}.pillar-symbol>span:last-child{font-size:10px;line-height:1.4}.branch-symbol{border-top:1px solid var(--line)}
.phase-composition{margin-top:30px}.composition-heading{display:flex;align-items:baseline;justify-content:space-between;gap:15px;margin-bottom:16px}.composition-heading h3{font-size:23px;letter-spacing:-.02em}.composition-heading>span{font-size:11px;white-space:nowrap;color:var(--muted)}.composition-strip{display:flex;gap:3px;height:12px;overflow:hidden;border-radius:20px}.composition-slice{flex-basis:0}.phase-counts{margin:16px 0}.phase-count{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);padding:8px 0;font-size:13px}.phase-count dt{display:flex;align-items:center;gap:9px}.phase-count dd{margin:0;font-variant-numeric:tabular-nums}.count-dot{width:7px;height:7px;border-radius:50%}.composition-note{font-size:12px;line-height:1.75}
.chart-share-section{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;margin-top:65px;padding:45px;border:1px solid var(--line);background:#eee9de}.chart-share-copy h2{font-size:40px;line-height:1.1;margin:17px 0 20px}.chart-share-copy>p{font-size:14px;line-height:1.8}.chart-card-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px 22px;margin-top:26px}.chart-card-preview{padding:35px 28px;background:#fbf9f3;text-align:center;box-shadow:0 12px 24px #252d470a}.preview-masters{display:flex;justify-content:center;gap:20px;padding:35px 0 25px}.preview-masters>div{display:flex;flex-direction:column;align-items:center;gap:12px}.preview-glyph{font:68px/1.3 Georgia,serif;width:110px;height:130px;border:1px solid currentColor;border-radius:50%;display:flex;align-items:center;justify-content:center}.preview-masters>div>span:last-child{font-size:12px}.chart-card-preview>p{font:29px/1.3 var(--serif);color:var(--ink);max-width:340px;margin:0 auto 25px}.preview-foot{font-size:10px;letter-spacing:.02em;color:var(--muted)}
.synastry-chart-columns{display:grid;grid-template-columns:1fr 1fr;gap:35px}.person-1{border-top:3px solid #a47a5b}.person-2{border-top:3px solid #8a87ad}.synastry-chart-columns .phase-counts{display:flex;justify-content:space-between;gap:8px}.synastry-chart-columns .phase-count{display:flex;flex-direction:column;gap:5px;text-align:center;border:0;font-size:11px}.synastry-chart-columns .phase-count dt{gap:5px}.synastry-chart-columns .phase-count dd{font-size:19px}
.day-master-relation{max-width:830px;margin:60px 0 45px;border-left:3px solid #b7a48f;padding-left:28px}.day-master-relation h2{font-size:38px;margin:15px 0 20px}.day-master-relation>p{font-size:15px;line-height:1.85}.day-master-relation .relation-direction{font-size:12px;margin-top:15px;color:var(--ink)}
.interaction-heading{display:flex;align-items:baseline;gap:20px;justify-content:space-between;margin-bottom:20px}.interaction-heading h2{font-size:38px}.interaction-heading>span{font-size:12px;color:var(--muted)}.interaction-context{max-width:850px;font-size:14px;line-height:1.8;margin-bottom:25px}.interactions-table-wrap{border:1px solid var(--line);overflow-x:auto}.interactions-table{border-collapse:collapse;width:100%;table-layout:fixed;text-align:left}.interactions-table th{font-size:11px;letter-spacing:.1em;font-weight:400;text-transform:uppercase;padding:18px 20px;background:#eae6dc;border-bottom:1px solid var(--line)}.interactions-table th:first-child,.interactions-table th:last-child{width:19%}.interactions-table td{padding:19px 20px;border-bottom:1px solid var(--line);vertical-align:middle}.interactions-table tr:last-child td{border:0}.interactions-table td>strong{display:block;font-size:14px;font-weight:400}.interactions-table td>.interaction-han{font:32px/1.4 Georgia,serif}.interactions-table td>span{font-size:11px;color:var(--muted)}.interactions-table td>p{font-size:12px;line-height:1.7;margin-top:7px}.empty-interactions{padding:25px;background:#eeeade;font-size:14px;line-height:1.8}
.synastry-prompts{max-width:850px;margin-top:60px}.synastry-prompts h2{font-size:40px;margin-top:15px}.chart-reading-link{margin:45px 0 5px;border-top:1px solid var(--line);padding-top:25px;display:flex;gap:20px;align-items:center;justify-content:space-between}.chart-reading-link p{font-size:14px;line-height:1.7;max-width:600px}.chart-reading-link a{white-space:nowrap}
@media(max-width:1050px){.site-header nav{gap:15px}.site-header .nav-about{display:none}.chart-workspace{gap:30px}.personal-chart-layout{grid-template-columns:1fr}.personal-chart-insight{max-width:650px;padding-top:0}.two-person-inputs{gap:24px}.two-person-inputs .birth-fields{padding:22px}.synastry-chart-columns{gap:20px}.chart-sheet{padding:20px}.chart-share-section{gap:40px;padding:35px}.day-master-badge{gap:16px}.day-master-copy h3{font-size:26px}.day-master-glyph{width:80px;height:95px;font-size:56px}.tool-pillar-art{gap:12px}.tool-pillar-art>span{font-size:46px;padding:28px 10px}}
@media(min-width:601px) and (max-width:900px){.site-header{position:relative}.menu-toggle{display:flex;gap:13px;align-items:center}.site-header nav{position:absolute;left:-36px;right:-36px;top:89px;background:var(--paper);border-bottom:1px solid var(--line);padding:20px 36px;flex-direction:column;align-items:stretch;z-index:10;visibility:hidden;opacity:0}.site-header nav.is-open{visibility:visible;opacity:1}.site-header nav a{padding:10px}.site-header .nav-about{display:block;border:0;margin:0}.site-header nav a:after{display:none}}
@media(max-width:850px){.chart-workspace{grid-template-columns:1fr}.chart-empty{display:none}.two-person-inputs{grid-template-columns:1fr}.two-person-inputs .birth-person-note{min-height:0}.synastry-chart-columns{grid-template-columns:1fr}.chart-sheet{padding:28px}.chart-share-section{gap:28px;padding:28px}.chart-share-copy h2{font-size:33px}.chart-card-preview{padding:25px 16px}.chart-card-preview>p{font-size:25px}.preview-masters{gap:12px}.preview-glyph{width:85px;height:105px;font-size:50px}.day-master-copy h3{font-size:30px}.chart-result-heading h2{font-size:46px}.journal-toolbar{align-items:stretch;flex-direction:column}.journal-toolbar .search-field{width:100%;max-width:450px}.filter-buttons{justify-content:flex-start}}
@media(max-width:600px){.tool-pillar-art{gap:16px}.tool-pillar-art>span{font-size:43px;padding:28px 10px}.chart-workspace{padding:30px 0}.birth-fields legend{font-size:25px}.birth-input-grid{gap:16px}.birth-input-grid label{font-size:12px}.birth-input-grid input{padding:11px 9px}.birth-form-actions{gap:12px 18px}.birth-form-actions .button{padding:13px 17px}.two-person-inputs{gap:20px}.two-person-inputs .birth-fields{padding:20px 16px}.two-person-inputs legend{padding:0 8px}.chart-result-heading{margin-bottom:25px}.chart-result-heading h2{font-size:37px}.chart-result-heading>p{font-size:14px}.chart-sheet{padding:19px 13px}.day-master-badge{gap:14px;margin-bottom:25px}.day-master-glyph{width:72px;height:85px;font-size:48px}.day-master-copy h2,.day-master-copy h3{font-size:25px}.day-master-copy p{font-size:11px}.pillar-han{font-size:35px}.pillar-label{font-size:10px;letter-spacing:.07em}.pillar-symbol{padding:13px 2px}.pillar-symbol>span:last-child{font-size:9px}.pillar-symbol strong{font-size:11px}.phase-composition{margin-top:24px}.composition-heading h3{font-size:22px}.composition-heading>span{font-size:10px}.personal-chart-insight h3{font-size:30px}.chart-share-section{grid-template-columns:1fr;padding:24px 20px;margin-top:40px;gap:28px}.chart-share-copy h2{font-size:34px}.chart-share-copy>p{font-size:13px}.chart-card-actions{gap:10px 18px}.chart-card-preview{padding:28px 20px}.chart-card-preview>p{font-size:29px}.preview-masters{padding:30px 0 23px}.preview-glyph{width:100px;height:115px;font-size:58px}.preview-masters>div>span:last-child{font-size:11px}.day-master-relation{margin:40px 0 35px;padding-left:19px}.day-master-relation h2{font-size:31px}.day-master-relation>p{font-size:14px}.interaction-heading{display:block}.interaction-heading h2{font-size:31px;margin-bottom:12px}.interaction-context{font-size:13px}.interactions-table th{padding:14px 9px;font-size:9px;letter-spacing:.04em}.interactions-table th:first-child,.interactions-table th:last-child{width:21%}.interactions-table td{padding:15px 9px}.interactions-table td>strong{font-size:12px}.interactions-table td>p{font-size:11px}.interactions-table td>.interaction-han{font-size:29px}.interactions-table td>span{font-size:10px}.synastry-prompts{margin-top:40px}.synastry-prompts h2{font-size:33px}.filter-buttons{gap:6px}.filter-buttons button{flex:0 1 auto;padding:9px 12px}.chart-reading-link{display:block}.chart-reading-link a{margin-top:15px}.footer-bottom nav{flex-wrap:wrap;gap:7px 18px}}
@media(prefers-reduced-motion:reduce){.chart-results{scroll-behavior:auto}}
