/* Joy Luck presentation layer; original WWA calculation engine is retained. */
html body{background:#f4eee4;color:#1c1e1c;font:16px/1.65 Arial,Helvetica,sans-serif}body :is(h1,h2,h3){font-family:Georgia,'Times New Roman',serif;font-weight:400}body header{position:relative;background:#f4eee4;border-bottom:1px solid #1c1e1c25}body .bar{max-width:1360px;min-height:110px;width:calc(100% - 80px);gap:24px}.jl-preview{background:#1c1e1c;color:#f4eee4;padding:7px 20px;text-align:center;font-size:14px}.jl-brand{display:inline-flex;gap:16px;align-items:center;text-decoration:none;color:#1c1e1c}.jl-monogram{border:1px solid currentColor;border-radius:50%;width:58px;height:58px;display:inline-flex;align-items:center;justify-content:center;font:30px Arial,sans-serif;letter-spacing:-3px}.jl-brand-caption{font-size:12px;letter-spacing:.23em}.bar nav{display:flex;gap:26px;align-items:center;font-size:14px}.bar nav a{color:inherit;text-decoration:none}.bar nav .jl-primary{border-radius:99px;background:#1c1e1c;color:#f4eee4;padding:13px 22px}.jl-intro{width:min(1360px,calc(100% - 80px));margin:50px auto 0}.jl-intro h1{max-width:1000px;font-size:clamp(38px,4.5vw,66px);letter-spacing:-.035em;line-height:1.08}.jl-intro h1 em{color:#aa3d2c}.jl-intro>p:last-child{max-width:770px;color:#62635b;font-size:18px;margin-top:23px}body .layout{max-width:1360px;width:calc(100% - 80px);grid-template-columns:350px minmax(0,1fr);gap:36px;padding-top:32px}body .results{min-width:0}body .card,body .pillar{border-radius:0}body .pad{padding:28px}body .form-card{background:#eee7dc}body .eyebrow{font-size:14px;color:#aa3d2c;letter-spacing:.15em}body label{font-size:14px}body input,body select{background:#fcf8f1;border-radius:2px}body input:focus,body select:focus{outline-color:#ab3e2d60}body button,body .consult-button{font-family:Arial,sans-serif;background:#aa3d2c;border-radius:24px;min-height:48px}body button:hover,body .consult-button:hover{background:#873020}body .required-label{background:#e0d4c7;color:#534638;font-size:11px}body .note,body .field-prompt,body .required-note,body .field-error-message,body .chart-status{font-size:14px;line-height:1.5}body .chart-status{border-left-color:#aa3d2c}body .placeholder-content{padding:34px}body .placeholder-mark{height:80px;margin-bottom:20px}.placeholder-mark .jl-monogram{width:74px;height:74px;font-size:38px}body .placeholder-content h1{font-size:36px}body .placeholder-zodiac{display:none}body .report-placeholder{background:#fcf8f1;min-height:0}body .report-placeholder:before{display:none}.jl-lenses{display:grid;grid-template-columns:1fr 1fr;text-align:left;gap:22px;margin:34px 0}.jl-lenses>div{border-top:1px solid #1c1e1c30;padding-top:15px}.jl-lenses small{font-size:13px;letter-spacing:.06em;color:#aa3d2c}.jl-lenses p{font:22px/1.3 Georgia,serif;margin:10px 0}body .chart-guide{background:#f4eee4}body .chart-guide p{font-size:15px}body .placeholder-elements span{font-size:13px}body .pillars{grid-template-columns:repeat(2,minmax(0,1fr))}body .pillar strong{font-size:25px}body .pillar .role,body .animal-reading summary,body .animal-reading p{font-size:15px}body .animal-elements>small{font-size:12px}body .animal-element-chip{font-size:12px}body .report-section-heading h2{font-size:38px}body .report-section-heading small{font-size:13px}body .animals .section-head>p{color:#50544e!important}body .relation p,body .wheel-summary-item p,body .action-card p,body .family-card p,body .ming-practice p{font-size:15px}body .consult-cta{flex-direction:column;align-items:start;background:#1c1e1c;color:#f4eee4;padding:32px}body .consult-cta p{color:#ded7cc}body .consult-cta .eyebrow{color:#df9d83}body .consult-button{padding:13px 25px;font-size:15px}body footer{max-width:1360px;width:calc(100% - 80px);gap:30px;font-size:14px}body footer a{color:inherit}body .footer-brand{gap:25px}body .footer-brand strong{font-family:Georgia,serif}body .disclaimer{font-size:14px}body .delivery-actions h2{font-size:27px}.jl-primary:focus-visible,a:focus-visible,button:focus-visible{outline:3px solid #aa3d2c;outline-offset:4px}
@media(max-width:1000px){body .layout{grid-template-columns:310px minmax(0,1fr);gap:22px}.jl-brand-caption{display:none}body .ming{grid-template-columns:1fr}body .pad{padding:22px}.jl-lenses{grid-template-columns:1fr}.chart-guide-grid{grid-template-columns:1fr!important}body .relations,body .family-grid{grid-template-columns:1fr}}
@media(max-width:760px){body .bar{min-height:86px;width:calc(100% - 32px)}.jl-brand svg{width:108px}.jl-brand{gap:9px}.jl-monogram{width:42px;height:42px;font-size:24px}.bar nav>a:first-child{display:none}.bar nav .jl-primary{padding:10px 14px;font-size:12px;max-width:150px;text-align:center}.jl-intro{width:calc(100% - 40px);margin-top:35px}body .layout{width:calc(100% - 32px);grid-template-columns:1fr}body .placeholder-content{padding:26px}body .pillars{grid-template-columns:1fr}body .relationship-wheel{min-height:0}body .consult-cta{padding:25px}body footer{width:calc(100% - 40px);flex-direction:column;align-items:start}.footer-brand{flex-wrap:wrap}.jl-lenses{grid-template-columns:1fr 1fr;gap:16px}.jl-lenses p{font-size:20px}body .delivery-buttons{grid-template-columns:1fr}}
body .pillar .animal-facts strong{display:inline;font:700 12px/1.5 Arial,sans-serif;margin:0}body .pillar .role>b{font-size:15px}body .suggestion-item{border-radius:0;background:#fcf8f1;color:#1c1e1c;text-align:left}body .suggestion-item:hover,body .suggestion-item:focus{background:#eee7dc;color:#1c1e1c}
/* Original WWA twelve-animal wheel, with its shared hover/tap/keyboard guide. */
body .placeholder-zodiac{display:block;width:min(520px,100%);margin:32px auto 12px;scroll-margin-top:24px}
body .zodiac-orbit{stroke:#ab3e2d;stroke-opacity:.4}
body .zodiac-inner{fill:#eee7dc;stroke:#1c1e1c24}
body .zodiac-center{fill:#1c1e1c}
body .zodiac-node{cursor:pointer}
body .zodiac-node circle{fill:#fcf8f1;stroke:#bdb3a6}
body .zodiac-node .label{font:600 10px Arial,sans-serif;letter-spacing:0;fill:#50544e}
body .zodiac-node[data-symbol]:focus circle,body .zodiac-node[data-symbol]:hover circle,body .zodiac-node[aria-expanded="true"] circle{stroke:#ab3e2d;stroke-width:2.5;fill:#eee1d3}
body .element-tooltip{background:#fcf8f1;border-color:#ab3e2d;color:#1c1e1c}
@media print{.jl-preview,.jl-intro,body header,body footer,.consult-cta{display:none!important}body .layout{width:100%;display:block}body .pillars{grid-template-columns:repeat(4,1fr)}body .pillar .role,body .animal-reading p{font-size:10pt}}
/* Match the homepage monogram's typeface, weight and letter-to-circle ratio. */
header .jl-brand .jl-monogram{font-family:'Helvetica Neue',Arial,sans-serif;font-size:21px;font-weight:400;letter-spacing:-.08em}
@media(max-width:760px){header .jl-brand .jl-monogram{font-size:15px}}