.element-explanation{margin:48px 0;padding-top:32px;border-top:1px solid #ded5cb}.element-explanation h2{font-family:'Gowun Batang',serif;font-size:28px}.element-intro,.element-summary p,.element-reading p{line-height:1.85}.element-summary{background:#f2ede5;padding:24px;border-radius:12px;margin:24px 0}.element-summary h3{margin-top:0}.element-reading-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.element-reading{border:1px solid #ded5cb;border-radius:12px;padding:24px;background:#fffdf9;color:#39352f}.element-reading h3{font-size:19px;margin:12px 0}.element-reading h4{font-size:13px;margin:22px 0 4px;color:#776c60}.element-reading p{font-size:14px;margin:6px 0}.element-reading-count{font-size:12px;color:#776c60}.element-reading:last-child{grid-column:1/-1}#share-dialog{max-width:610px}#share-dialog p{line-height:1.8}#share-dialog label{display:block;line-height:1.8;margin:18px 0}#share-url{display:block;width:100%;box-sizing:border-box;margin:16px 0;padding:12px;border:1px solid #bcb0a3;border-radius:6px;font:14px sans-serif;background:#fff}button:disabled{opacity:.45;cursor:not-allowed}.result-actions{flex-wrap:wrap;gap:8px}@media(max-width:650px){.element-reading-grid{grid-template-columns:1fr}.element-reading:last-child{grid-column:auto}.element-summary,.element-reading{padding:20px}.element-explanation h2{font-size:24px}}@media print{#share-result,dialog{display:none!important}.element-reading{break-inside:avoid}.element-explanation{margin-top:24px}}

.display-name-field input{width:100%;box-sizing:border-box;padding:13px 14px;border:1px solid var(--line);border-radius:5px;background:#fffefa;color:var(--ink);font:inherit;margin-top:8px}.display-name-field label{font-size:13px}.display-name-field input:focus{outline:2px solid var(--wine);outline-offset:2px}.manse-explanation{margin-top:28px;padding-top:24px;border-top:1px solid var(--line)}.manse-explanation>p{line-height:1.9}.manse-explanation .element-reading:last-child{grid-column:auto}

.compatibility{margin:24px 0 32px;padding:22px;background:#f6f1e9;border:1px solid var(--line);border-radius:10px;color:var(--ink);font-size:14px}.compatibility>summary{font-size:17px;color:var(--wine);font-weight:600}.compatibility h2{font-size:26px}.compatibility p{line-height:1.9}.compatibility form{max-width:620px;margin:24px auto}#partner-error{color:#9d2838}#compatibility-result{border-top:1px solid var(--line);padding-top:28px;margin-top:28px}#compatibility-result h2{overflow-wrap:anywhere}@media print{#partner-form,.compatibility>summary{display:none}.compatibility{background:white}}

#compatibility-result .element-reading:last-child{grid-column:auto}

#element-explanation .element-reading{overflow:hidden}#element-explanation .element-card-image{display:block;width:calc(100% + 48px);max-width:none;height:180px;object-fit:cover;margin:-24px -24px 22px}#element-explanation .element-reading:first-child{border-color:#b7a48a}.relationship-reading{margin:36px 0}.relationship-reading h2{font-size:28px}.relationship-summary{font-size:17px;line-height:1.9!important;color:var(--ink);max-width:850px}.relationship-intro{font-size:13px;color:var(--muted)}.relationship-cards{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:24px}.relationship-card{background:#fffefa;border:1px solid var(--line);border-radius:12px;padding:26px}.relationship-card h3{font-family:var(--serif);font-size:23px;line-height:1.5;margin:12px 0}.relationship-card p{font-size:15px;line-height:1.95}.relationship-card:last-child{grid-column:1/-1}.relationship-action{border-left:3px solid #bd9f77;background:#f5f0e7;padding:14px 16px;margin-top:20px;line-height:1.9;font-size:14px}@media(max-width:650px){#element-explanation .element-card-image{width:calc(100% + 40px);margin:-20px -20px 20px;height:160px}.relationship-cards{grid-template-columns:1fr}.relationship-card:last-child{grid-column:auto}.relationship-card{padding:21px}.relationship-reading h2{font-size:24px}}@media print{.element-card-image{height:90px!important}.relationship-card{break-inside:avoid}}

.element-comparison-reading{margin:28px 0}.element-comparison-reading>h3{font-family:var(--serif);font-size:25px}.element-comparison-row{padding:24px 0;border-bottom:1px solid var(--line)}.element-comparison-heading{display:flex;align-items:center;gap:14px}.element-comparison-symbol{font:34px var(--serif)}.element-comparison-heading h4{font-size:18px;line-height:1.6;margin:0}.element-comparison-row>p{font-size:15px;line-height:1.95}.element-comparison-evidence{font-size:13px!important;color:var(--muted)}.compatibility-conclusion{margin:32px 0 0;padding:28px;border-radius:12px;background:#eee4d5;border:1px solid #d1bfa7}.compatibility-conclusion h3{font:26px/1.5 var(--serif);margin:14px 0}.compatibility-conclusion p{font-size:16px;line-height:2}.compatibility-conclusion .caption{font-size:12px}@media(max-width:650px){.compatibility-conclusion{padding:20px}.element-comparison-heading h4{font-size:16px}}@media print{.element-comparison-row,.compatibility-conclusion{break-inside:avoid}}
.couple-elements{margin:38px 0;padding:28px;border:1px solid #e5d7d5;border-radius:18px;background:#fffefa}.couple-elements>h3{font:28px/1.5 var(--serif);margin:12px 0}.comparison-intro{font-size:15px!important;line-height:1.9!important;color:#746b66}.comparison-overview{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:24px 0}.comparison-person-card{padding:22px;border-radius:12px;background:#f9eff2;border:1px solid #ecd8df;min-width:0}.comparison-person-card.person-b{background:#edf3f1;border-color:#d5e4df}.comparison-person-card>.comparison-person{display:block;font-size:14px;font-weight:600;overflow-wrap:anywhere}.comparison-person-card>strong{display:block;font:30px/1.5 var(--serif);margin:9px 0;color:var(--ink)}.comparison-person-card>p{font-size:12px!important;margin:4px 0}.comparison-person-card>small{font-size:11px;color:var(--muted)}.comparison-table-wrap{overflow-x:auto}.couple-element-table{width:100%;border-collapse:collapse;table-layout:fixed}.couple-element-table th,.couple-element-table td{text-align:left;border-bottom:1px solid #e8e1d8;padding:18px 14px;vertical-align:middle}.couple-element-table thead th{font-size:13px;font-weight:600;background:#f6f1e9;color:var(--ink);overflow-wrap:anywhere}.couple-element-table thead th:first-child{width:19%}.couple-element-table tbody tr:last-child>*{border-bottom:0}.element-photo-badge{position:relative;display:grid;place-items:center;width:54px;height:54px;overflow:hidden;border-radius:12px;background:#24382b;isolation:isolate}.element-photo-badge img{position:absolute;width:100%;height:100%;object-fit:cover;inset:0;z-index:-2}.element-photo-badge:after{content:'';position:absolute;inset:0;background:#15251e70;z-index:-1}.element-photo-badge>span{color:#fffaf0;font:23px/1 var(--serif)}.comparison-value{min-width:0}.comparison-value-meta{display:flex;align-items:center;justify-content:space-between;gap:8px}.comparison-value-meta .comparison-person{font-size:11px;color:var(--muted);overflow-wrap:anywhere}.comparison-percent{font-size:21px;font-weight:650;white-space:nowrap}.person-a .comparison-percent,.comparison-person-card.person-a>.comparison-person{color:#a35773}.person-b .comparison-percent,.comparison-person-card.person-b>.comparison-person{color:#397c70}.comparison-track{height:8px;border-radius:10px;background:#efe8e1;overflow:hidden;margin:9px 0 6px}.comparison-fill{display:block;height:100%;border-radius:10px;background:#bd7d96}.person-b .comparison-fill{background:#6d9e90}.comparison-count{font-size:11px;color:var(--muted)}.element-comparison-reading>h3{font:28px/1.5 var(--serif)}.element-comparison-reading .element-comparison-row{display:grid;grid-template-columns:minmax(230px,.85fr) minmax(0,1.2fr);padding:0;border:1px solid #e4d9ce;border-radius:18px;overflow:hidden;background:#fffefa;margin:24px 0}.element-comparison-hero{position:relative;min-height:320px;background:#24382b;isolation:isolate;display:flex;align-items:flex-end}.comparison-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.element-comparison-hero:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#12251b12,#14231b99 45%,#0d1c16ec)}.comparison-hero-copy{padding:30px;color:#fffaf0}.element-comparison-kicker{display:block;font:19px/1.5 var(--serif);color:#fff7e8;margin-bottom:16px}.element-comparison-row .comparison-one-line{font:30px/1.5 var(--serif);font-weight:600;margin:0;letter-spacing:-.5px;text-wrap:balance;color:#fffaf0}.element-comparison-copy{padding:28px;min-width:0}.comparison-mini-values{display:flex;gap:8px;flex-wrap:wrap}.comparison-mini-values>span{font-size:11px;padding:6px 9px;border-radius:6px;overflow-wrap:anywhere}.comparison-mini-values .person-a{background:#f8edf1;color:#994f6b}.comparison-mini-values .person-b{background:#eaf3ef;color:#326d61}.element-comparison-copy .element-comparison-evidence{font-size:13px!important;color:#88766b;margin:14px 0}.element-comparison-copy .comparison-reading{font-size:16px;line-height:2!important;color:var(--ink)}.comparison-conversation{padding:18px;background:#f5f0e7;border-radius:10px;margin-top:22px;border-left:3px solid #bc9e79}.comparison-conversation>span{font-size:11px;color:#847157;font-weight:600}.comparison-conversation>p{font-size:18px!important;line-height:1.9!important;margin:8px 0 0;font-weight:500;color:#524332}.compatibility-conclusion>h4{font-size:18px}@media(max-width:760px){.couple-elements{padding:18px;margin:28px 0}.couple-elements>h3,.element-comparison-reading>h3{font-size:24px}.comparison-overview{gap:9px}.comparison-person-card{padding:16px 12px}.comparison-person-card>strong{font-size:25px}.couple-element-table th,.couple-element-table td{padding:14px 6px}.element-photo-badge{width:40px;height:46px;border-radius:9px}.element-photo-badge>span{font-size:20px}.comparison-value-meta{display:block}.comparison-value-meta .comparison-person{display:none}.comparison-percent{font-size:18px}.comparison-count{font-size:10px}.comparison-track{height:7px}.element-comparison-reading .element-comparison-row{grid-template-columns:1fr;margin:20px 0}.element-comparison-hero{min-height:210px}.comparison-hero-copy{padding:25px 23px}.element-comparison-row .comparison-one-line{font-size:27px}.element-comparison-kicker{font-size:17px;margin-bottom:12px}.element-comparison-copy{padding:22px}.element-comparison-copy .comparison-reading{font-size:15px}.comparison-conversation{padding:16px}.comparison-conversation>p{font-size:17px!important}}@media print{.element-comparison-reading .element-comparison-row{display:block;break-inside:avoid}.element-comparison-hero{min-height:150px;print-color-adjust:exact}.comparison-hero-copy{padding:20px}.comparison-photo{height:100%!important}.couple-elements{break-inside:avoid}.comparison-track,.comparison-fill{print-color-adjust:exact}}
.element-comparison-row .comparison-one-line{word-break:keep-all;overflow-wrap:anywhere}@media(max-width:760px){.couple-element-table thead th:first-child{width:52px}}