.synastry-reading-page{background:transparent;color:#302a24;font-family:inherit;line-height:1.8;padding-bottom:2rem}.synastry-reading-layout{max-width:78rem;margin:auto;display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:32px;padding:12px 0}.synastry-reading-layout>div,.synastry-reading-layout aside{min-width:0}.synastry-reading-intro,.synastry-reading-form,.synastry-reading-result,.synastry-reading-panel{background:#fffdf8;border:1px solid #e3cfad;border-radius:12px;padding:24px;margin-bottom:24px}.synastry-reading-intro h1{font-size:clamp(1.65rem,3vw,2.1rem);color:#a71a1a;line-height:1.35;font-weight:700;margin:0 0 16px}.synastry-reading-form h2,.synastry-reading-result h2,.synastry-reading-panel h2{font-size:1.3rem;line-height:1.45;font-weight:700;color:#a71a1a;margin:28px 0 12px;scroll-margin-top:90px}.synastry-reading-form h2{margin-top:0}.synastry-reading-panel p,.synastry-reading-result p,.synastry-reading-intro p{margin:0 0 16px}.synastry-reading-panel a,.synastry-reading-result a{color:#a41a1a;text-decoration:underline;text-underline-offset:3px}.synastry-reading-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:16px}.synastry-reading-fields label{display:block;font-weight:650;margin-bottom:5px}.synastry-reading-fields input{width:100%;border:1px solid #bea786;border-radius:6px;background:#fff;color:#302a24;padding:10px 8px;min-height:44px}.synastry-reading-actions{display:flex;gap:12px;flex-wrap:wrap}.synastry-reading-actions button{background:#a51a1a;color:#fff;border:1px solid #a51a1a;border-radius:6px;padding:10px 16px;font-weight:650;min-height:44px}.synastry-reading-actions button[type=button]{background:#fffdf8;color:#a51a1a}.synastry-reading-actions button:disabled{opacity:.65}.synastry-reading-error{color:#941414;margin-top:12px;font-weight:650}.synastry-reading-page :focus-visible,.synastry-reading-panel :focus-visible{outline:3px solid #b57218;outline-offset:3px}.synastry-reading-nav{display:flex;gap:12px;flex-wrap:wrap;border-bottom:1px solid #e3cfad;padding-bottom:14px;margin-bottom:18px}.synastry-reading-panel figure{margin:22px 0;padding:10px;border:1px solid #e3cfad;border-radius:10px;background:#fffaf0}.synastry-reading-panel picture{display:block}.synastry-reading-panel img{max-width:100%;width:100%;height:auto;-o-object-fit:contain;object-fit:contain;border-radius:6px}.synastry-reading-panel figcaption{font-size:.93rem;color:#594e42;margin-top:8px}.synastry-reading-picture-unavailable{display:none;color:#6b4e2b;padding:16px}.synastry-reading-panel [data-picture-unavailable=true] picture,.synastry-hub-thumb[data-picture-unavailable=true] picture{display:none}.synastry-reading-panel [data-picture-unavailable=true] .synastry-reading-picture-unavailable,.synastry-hub-thumb[data-picture-unavailable=true] .synastry-reading-picture-unavailable{display:block}.synastry-reading-credit{border-top:1px solid #dbc7a6;padding-top:16px;font-size:.95rem}.synastry-hub-thumb{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.synastry-hub-thumb img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}@media (max-width:767px){.synastry-reading-layout{display:block;padding:8px 0}.synastry-reading-layout aside{padding:0 16px}.synastry-reading-intro,.synastry-reading-form,.synastry-reading-result,.synastry-reading-panel{padding:20px 16px;border-radius:0;border-left:0;border-right:0}.synastry-reading-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.synastry-reading-panel h2{font-size:1.2rem}}.synastry-hub-thumb .synastry-reading-picture-unavailable{font-size:.75rem;line-height:1.5;padding:6px;text-align:center}.synastry-reading-result dt{color:#932323;font-weight:700}.synastry-reading-result dd{margin:4px 0 14px}.synastry-reading-result{scroll-margin-top:96px}.synastry-reading-result a.bg-red-700{color:#fff;text-decoration:none}.synastry-reading-panel figure:first-of-type{max-width:900px}.synastry-reading-panel figure:nth-of-type(2){max-width:720px}.synastry-reading-form,.synastry-reading-page [role=alert]{scroll-margin-top:96px}.synastry-angle-example{margin:20px 0;padding:18px;border-left:3px solid #a51d1d;background:#fff9ef}.synastry-angle-example p:last-child{margin-bottom:0}.synastry-reading-fields input{min-width:0}.synastry-record-guide{margin-top:24px;padding:18px;border:1px solid #dbc7a6}.synastry-record-guide h3{color:#a71a1a;font-size:1.15rem;font-weight:700}.synastry-record-guide ul{list-style:disc;padding-left:22px}.synastry-record-guide li{margin:12px 0}@media (max-width:767px){.synastry-reading-fields{grid-template-columns:1fr}}