.chart-page{max-width:1120px;margin:auto;padding:90px 32px 100px}.chart-page h1{font-size:clamp(44px,6vw,76px);line-height:1.08;margin:20px 0}.chart-page>.lead{max-width:760px}.chart-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:48px 0;border-block:1px solid #c9a75d55;padding:32px 0}.chart-form label{display:grid;gap:12px;font-size:14px}.chart-form input{width:100%;box-sizing:border-box;min-height:48px;background:#ffffff08;border:1px solid #c9a75d80;color:#f5efe3;border-radius:4px;padding:12px;font:inherit;color-scheme:dark}.chart-form input:focus-visible{outline:2px solid #d2b373;outline-offset:4px}.chart-help{font-size:14px;line-height:1.8;color:#c1bcb1;grid-column:1/-1;max-width:850px}.chart-form button{justify-self:start;grid-column:1/-1;min-height:48px}#chart-error{color:#ffc7a8}#chart-result{scroll-margin-top:100px;outline:none}.chart-layout{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start;margin:32px 0}#birth-wheel{width:100%;height:auto}#chart-reading h3{font-size:28px;margin:0 0 10px}#chart-reading p{line-height:1.8;color:#d3cdbf;margin-bottom:28px}.chart-page table{width:100%;border-collapse:collapse;font-size:14px}.chart-page caption{text-align:left;color:#d2b373;margin:16px 0}.chart-page th,.chart-page td{text-align:left;padding:12px 8px;border-bottom:1px solid #c9a75d33}.chart-page th{color:#d2b373;font-weight:500}.reading-copy{max-width:780px;margin-top:52px}.reading-copy h2{font-size:34px;margin:40px 0 14px}.reading-copy p{line-height:1.9;color:#d3cdbf}.reading-copy a{color:#d2b373}@media(max-width:700px){.chart-page{padding:52px 22px 70px}.chart-form,.chart-layout{grid-template-columns:1fr;gap:22px}.chart-form{margin:32px 0}.chart-layout svg{max-width:440px;margin:auto}.chart-page h1{font-size:46px}}