.cmn{max-width:1150px;margin:24px auto;padding:clamp(18px,4vw,55px);background:#f7f3ee;border:1px solid #e3dbd2;border-radius:14px;color:#302b28;font:15px/1.55 system-ui,-apple-system,Segoe UI,sans-serif;box-sizing:border-box}.cmn *{box-sizing:border-box}.cmn-head{text-align:center}.cmn-eyebrow{letter-spacing:.2em;font-size:11px;color:#9c7864;font-weight:650}.cmn h2{font:normal clamp(30px,5vw,51px)/1.12 Georgia,serif;color:#302b28;margin:13px 0}.cmn-head p{color:#6f6761;margin:0 0 18px}.cmn-lang{display:flex;justify-content:center;gap:6px;margin-bottom:25px}.cmn-lang button{background:transparent;border:1px solid #d6c9bf;border-radius:4px;padding:6px 14px;color:#423a36;cursor:pointer;font-size:12px}.cmn-lang button[aria-pressed=true]{background:#332f2c;color:#fff}.cmn-form{max-width:790px;margin:0 auto 28px}.cmn-fields{display:grid;grid-template-columns:1fr 1fr;gap:15px}.cmn label{display:block;color:#534c46;font-weight:600;font-size:13px;margin-bottom:15px}.cmn label span{display:block;margin-bottom:7px}.cmn input{width:100%;height:47px;border:1px solid #d6c9bf;border-radius:5px;color:#302b28;padding:10px 12px;background:#fff;font:15px system-ui,sans-serif}.cmn-place-row{display:flex;gap:8px}.cmn-find{border:1px solid #b7a18f;background:#fff;color:#564336;border-radius:5px;padding:0 15px;cursor:pointer;white-space:nowrap}.cmn-picked{font-size:13px;color:#735944;margin:-8px 0 10px}.cmn-locations{border:1px solid #ddd0c2;background:#fff;border-radius:5px;margin:-8px 0 13px;max-height:220px;overflow:auto}.cmn-locations button{display:block;width:100%;text-align:left;background:#fff;border:0;border-bottom:1px solid #eee6de;padding:12px;color:#3d352f;cursor:pointer}.cmn-locations button:hover{background:#f8f2e9}.cmn-small{font-size:12px;color:#776d64;line-height:1.5}.cmn-submit{width:100%;background:#332f2c;border:0;border-radius:5px;color:#fff;padding:15px 18px;letter-spacing:.08em;font-weight:650;cursor:pointer}.cmn-submit:disabled,.cmn-find:disabled{opacity:.65;cursor:wait}.cmn-status{text-align:center;color:#71533c;min-height:16px}.cmn-results{border-top:1px solid #d8cbc0;padding-top:25px}.cmn-result-heading{text-align:center}.cmn h3{font:normal 32px Georgia,serif;margin:0 0 8px;color:#2f2825}.cmn-system{font-size:12px;color:#827166}.cmn-result-grid{display:grid;grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr);gap:27px;align-items:start;margin-top:22px}.cmn-wheel-wrap{background:#fff;border:1px solid #e4dcd4;border-radius:8px;padding:8px;min-width:0}.cmn-wheel{width:100%;height:auto;display:block}.cmn h4{font:normal 22px Georgia,serif;margin:6px 0 12px}.cmn table{border-collapse:collapse;width:100%;margin-bottom:24px;font-size:13px}.cmn th{text-align:left;letter-spacing:.04em;color:#827267;font-weight:600;border-bottom:1px solid #d8cec4;padding:9px 5px}.cmn td{padding:8px 5px;border-bottom:1px solid #e6ddd4}.cmn td:first-child{font-weight:600}.cmn-credit{text-align:center;border-top:1px solid #e4d8cf;margin-top:24px;padding-top:17px;color:#796e65;font-size:12px}.cmn-credit a{color:#664e3b;text-decoration:underline}@media(max-width:760px){.cmn{padding:17px 12px;margin:9px auto}.cmn-result-grid{grid-template-columns:1fr}.cmn-fields{grid-template-columns:1fr;gap:0}.cmn-place-row{flex-direction:column}.cmn-find{padding:12px}.cmn h2{font-size:33px}.cmn-wheel-wrap{padding:3px}}
/* v0.6: portrait chart, then clearly ordered house groups */
.cmn-chart-layout{max-width:980px;margin:22px auto 0}
.cmn-wheel-wrap{width:100%;max-width:750px;margin:0 auto 34px;padding:14px;background:#fffdfb;border:1px solid #ded2c6;box-shadow:0 8px 32px rgba(43,32,25,.045)}
.cmn-wheel{max-width:100%;margin:0 auto}
.cmn-tables{max-width:900px;margin:0 auto}
.cmn-tables>h4{text-align:center;font:normal clamp(25px,3.5vw,35px) Georgia,serif;margin:16px 0 5px}
.cmn-table-intro{text-align:center;margin-bottom:26px}
.cmn-house-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 18px}
.cmn-house-group{background:#fffdfb;border:1px solid #e4dcd4;padding:13px 17px;border-radius:5px;min-width:0}
.cmn-house-group h5{font:normal 20px Georgia,serif;color:#6b5143;margin:0 0 9px;border-bottom:1px solid #e7ddd3;padding-bottom:7px}
.cmn-house-group table{margin:0;font-size:13px}
.cmn-house-group td:first-child{width:44%}.cmn-house-group td:last-child{text-align:right}
.cmn-empty-house{font-size:12px;color:#988b81;margin:4px 0}
.cmn-cusps{margin:25px 0 0;border-top:1px solid #d9cec4;padding:18px 0}
.cmn-cusps summary{cursor:pointer;color:#69574c;font-weight:600}
@media(max-width:680px){.cmn-house-groups{grid-template-columns:1fr}.cmn-wheel-wrap{padding:3px;margin-bottom:22px}.cmn-house-group{padding:11px 13px}.cmn-tables>h4{font-size:27px}}

/* v0.8: house cusp directly beside each house heading */
.cmn-house-group .cmn-house-heading{display:flex;align-items:baseline;justify-content:space-between;gap:8px;flex-wrap:wrap}
.cmn-house-name{white-space:nowrap}
.cmn-house-cusp{font:500 13px/1.5 system-ui,-apple-system,Segoe UI,sans-serif;color:#876957;text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
@media(max-width:400px){.cmn-house-cusp{font-size:12px}}

/* v0.9: graphite headers for the 12 house cards - no other visual changes. */
.cmn .cmn-house-group .cmn-house-heading{
  background:#373330;
  color:#F7EFE6;
  margin:-13px -17px 12px;
  padding:12px 17px;
  border-bottom:0;
  border-radius:4px 4px 0 0;
  align-items:center;
}
.cmn .cmn-house-group .cmn-house-name{color:#F7EFE6}
.cmn .cmn-house-group .cmn-house-cusp{color:#E6D6C9}
@media(max-width:680px){
  .cmn .cmn-house-group .cmn-house-heading{margin:-11px -13px 12px;padding:12px 13px}
}

/* v1.0: soft aspect web in the center of the natal wheel. */
.cmn-wheel-wrap{background:#fffdfb}
.cmn-wheel .cmn-aspect-lines{pointer-events:none}

/* v1.5: mobile presentation only; all chart calculations and SVG drawing unchanged. */
.cmn-wheel-viewport{width:100%;min-width:0;overflow:hidden}
.cmn-wheel-zoom{display:none}
@media(max-width:680px){
 .cmn{max-width:100%;padding:16px 8px;margin:0 auto;border:0}
 .cmn-head h2{font-size:clamp(29px,7.8vw,38px);line-height:1.16}
 .cmn-lang{gap:8px;margin:15px 0 21px}
 .cmn-lang button{min-height:44px;min-width:62px;padding:9px 13px}
 .cmn-form{margin-bottom:22px}
 .cmn-fields{gap:0}
 .cmn input{min-height:48px;font-size:16px}
 .cmn-find{min-height:46px;font-size:14px}
 .cmn-submit{min-height:51px;font-size:13px}
 .cmn-results{padding-top:20px}
 .cmn-result-heading h3{font-size:clamp(26px,7vw,34px)}
 .cmn-chart-layout{margin-top:14px;max-width:100%}
 .cmn-wheel-wrap{width:100%;max-width:100%;margin:0 auto 25px;padding:5px;border-radius:5px}
 .cmn-wheel-viewport{overflow:hidden;overscroll-behavior-x:contain}
 .cmn-wheel{width:100%;height:auto;max-width:100%;display:block}
 .cmn-wheel-zoom{display:block;margin:9px auto 7px;min-height:44px;padding:9px 19px;background:#f9f5f0;border:1px solid #ccbcaf;border-radius:4px;color:#534338;font:600 13px/1.3 system-ui,sans-serif;cursor:pointer}
 .cmn-wheel-wrap.cmn-wheel-enlarged .cmn-wheel-viewport{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}
 .cmn-wheel-wrap.cmn-wheel-enlarged .cmn-wheel{width:680px;min-width:680px;max-width:none}
 .cmn-house-groups{grid-template-columns:minmax(0,1fr);gap:11px}
 .cmn-house-group{padding:11px 13px}
 .cmn-house-group .cmn-house-heading{gap:5px 12px}
 .cmn-house-cusp{white-space:normal;text-align:right}
 .cmn-house-group td{overflow-wrap:anywhere}
 .cmn-table-intro{margin-bottom:18px}
 .cmn-tables>h4{font-size:clamp(26px,7vw,33px)}
}
@media(max-width:360px){
 .cmn-wheel-wrap{padding:2px}
 .cmn-house-group .cmn-house-heading{align-items:flex-start}
 .cmn-house-cusp{font-size:12px}
}

/* v1.6: data-only aspect and elemental summaries, after existing house cards */
.cmn-extras{margin-top:36px}
.cmn-extras>h4{font-family:Georgia,serif;font-size:clamp(27px,3vw,36px);font-weight:400;text-align:center;color:#332a26;margin:32px 0 19px}
.cmn-summary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.cmn-summary-card{background:#fffdfb;border:1px solid #e3dad1;border-radius:4px;min-width:0;overflow:hidden}
.cmn-summary-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;background:#373330;color:#f7efe6;font:500 17px/1.35 Georgia,serif;padding:13px 16px;margin:0}
.cmn-summary-card table{width:100%;border-collapse:collapse;font-size:13px;color:#463a32}
.cmn-summary-card td{padding:11px 13px;border-top:1px solid #ebe3dc}
.cmn-summary-orb{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums;color:#806b5d}
.cmn-summary-empty{padding:15px 16px;margin:0;font-size:13px;color:#927f70}
.cmn-element-fire .cmn-summary-heading{background:#a85d56;color:#fff}
.cmn-element-earth .cmn-summary-heading{background:#778c79;color:#fff}
.cmn-element-air .cmn-summary-heading{background:#faf9f6;color:#373330;border-bottom:1px solid #e3dad1}
.cmn-element-water .cmn-summary-heading{background:#778fa5;color:#fff}
.cmn-element-count{font:500 12px/1.4 system-ui,sans-serif}
.cmn-element-body{padding:14px 16px}
.cmn-element-signs{font-size:12px;color:#857568;margin:0 0 12px}
.cmn-element-planets{display:flex;flex-wrap:wrap;gap:7px 12px;padding:0;margin:0;list-style:none}
.cmn-element-planets li{color:#403731;font-size:13px;background:#f5f0ea;padding:5px 9px;border-radius:3px}
@media(max-width:680px){.cmn-summary-grid{grid-template-columns:1fr;gap:12px}.cmn-extras{margin-top:28px}}

/* v1.7: PDF print preview action (results only) */
.cmn-export-tools{text-align:center;margin:15px 0 12px}
.cmn-export-pdf{background:#373330;color:#f7efe6;border:1px solid #373330;padding:12px 22px;font:600 13px/1.4 system-ui,sans-serif;letter-spacing:.04em;border-radius:3px;cursor:pointer}
.cmn-export-pdf:hover,.cmn-export-pdf:focus-visible{background:#514842}
@media(max-width:680px){.cmn-export-pdf{width:100%;min-height:48px}}

/* v1.9 screenshot PDF UI */
.cmn-export-pdf:disabled{opacity:.6;cursor:progress}

/* v2.0: four chart angles, independently of the house cards */
.cmn-angle-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 16px;margin:18px 0 23px}
.cmn-angle-card{background:#fffdfa;border:1px solid #ded3c9;border-radius:4px;padding:12px 15px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.cmn-angle-name{color:#373330;font-weight:600;font-size:14px}
.cmn-angle-value{color:#806958;font-size:13px;text-align:right}
@media(max-width:620px){.cmn-angle-groups{grid-template-columns:1fr}.cmn-angle-card{padding:11px 13px}}

/* v2.1: post-calculation consultation CTA */
.cmn-consult-cta{max-width:720px;margin:22px auto 34px;padding:29px 20px;text-align:center;background:#f1eae2;border:1px solid #ddd0c3;border-radius:4px}
.cmn-consult-line{font-family:Georgia,serif;font-size:clamp(19px,2.5vw,26px);line-height:1.3;color:#373330;margin:0 0 17px}
.cmn-consult-link{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:13px 22px;background:#373330;color:#f9f3eb!important;text-decoration:none!important;font:600 13px/1.45 system-ui,sans-serif;letter-spacing:.025em;border:1px solid #373330;border-radius:3px;transition:background-color .15s}
.cmn-consult-link:hover,.cmn-consult-link:focus-visible{background:#514842;color:#fff!important}
@media(max-width:680px){.cmn-consult-cta{padding:23px 15px;margin:20px 0 28px}.cmn-consult-link{display:flex;width:100%;box-sizing:border-box}}

.cmn-consult-description{max-width:590px;margin:0 auto 19px;color:#675b52;font:400 15px/1.7 system-ui,sans-serif}

.cmn-consult-contact{display:block;margin:13px auto 0;max-width:max-content;color:#705b4d!important;font:400 13px/1.6 system-ui,sans-serif;text-decoration:underline!important;text-underline-offset:3px}
.cmn-consult-contact:hover,.cmn-consult-contact:focus-visible{color:#373330!important}

/* v2.3 - optional name for PDF heading */
.cmn-person-name{display:block;margin-bottom:14px}
.cmn-person-name span{display:block;margin-bottom:6px}
.cmn-person-name input{width:100%;box-sizing:border-box;min-height:44px}