/* The data plate belongs to the personal result, not the acquisition landing. */
.journey:has(.mp-result),.journey:has(.mp-building){max-width:1180px}
.mp-result-header{display:flex;justify-content:space-between;align-items:end;gap:24px;margin:0 0 26px}
.mp-result-header h1{font-size:clamp(29px,3.4vw,43px)}
.mp-result-header p{color:var(--muted);font-size:15px;margin-top:12px}
.mp-date{white-space:nowrap;color:var(--gold);font-variant-numeric:tabular-nums;font-size:21px}
.mp-result-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:36px;align-items:start}
.mp-result-grid>.mp-plate{grid-column:1;grid-row:1 / span 2}
.mp-result-grid>.mp-reading{grid-column:2;grid-row:1}
.mp-result-grid>.mp-purpose{grid-column:2;grid-row:2;margin-top:0}
.mp-plate{background:#171226;border:1px solid #77658b;border-radius:14px;padding:22px;min-width:0}
.mp-plate-heading{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:13px;gap:12px}
.mp-plate-heading span:first-child{color:var(--ink)}
.mp-diagram{position:relative;isolation:isolate;aspect-ratio:1;width:100%;max-width:640px;margin:16px auto 12px}
.mp-diagram svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.mp-frame{stroke:#a795b8;stroke-width:1.5;vector-effect:non-scaling-stroke}
.mp-family-frame{stroke:#a18cac;stroke-dasharray:4 5}
.mp-axis{stroke:var(--axis-color);stroke-width:1.5;opacity:.72;vector-effect:non-scaling-stroke;transition:opacity .2s,stroke-width .2s}
.mp-gold{--axis-color:#ffd588}.mp-aqua{--axis-color:#75e4d6}.mp-blue{--axis-color:#a2b9ff}.mp-rose{--axis-color:#ee9fff}
.mp-axis.is-selected{opacity:1;stroke-width:3}
.mp-center-ring{stroke:#ffd588;stroke-width:1;vector-effect:non-scaling-stroke}
.mp-node{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);display:grid;place-items:center;width:52px;height:52px;padding:0;border:1px solid #b4a2c8;border-radius:50%;background:#241a36;color:#fffaff;font:500 25px/1 "Helvetica Neue",Arial,sans-serif;font-variant-numeric:tabular-nums;transition:background-color .2s,border-color .2s;z-index:2}
.mp-node-e{width:66px;height:66px;color:#ffd588;border-color:#ffd588;font-size:32px;background:#33243b}
.mp-node-family{width:46px;height:46px;font-size:22px}
.mp-node-ab,.mp-node-cd{border-color:#a2b9ff}.mp-node-bc,.mp-node-da{border-color:#ee9fff}
button.mp-node:hover{background:#493351}.mp-node.is-selected{background:#604574;border:2px solid #ffd588;color:#fffaff}
.mp-node-e.is-selected{background:#ffd588;color:#241a36}
.mp-node:focus-visible{outline-offset:4px}
.mp-point-label{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);font-size:11px;line-height:1.2;color:#e0d5ee;text-align:center;white-space:nowrap}
.mp-quadrant{position:absolute;top:6%;font-size:11px;line-height:1.3;text-align:center;transform:translateX(-50%)}
.mp-quadrant-male{left:23%;color:#a2b9ff}.mp-quadrant-female{left:77%;color:#ee9fff}
.mp-lines{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;margin-top:22px;border-top:1px solid #685675}
.mp-line-button{border:0;border-bottom:1px solid #685675;color:var(--ink);background:transparent;display:flex;align-items:center;gap:10px;padding:10px 5px;min-height:46px;font-size:13px;text-align:left}
.mp-line-button>span{width:18px;height:2px;background:var(--axis-color);flex:none}
.mp-line-button[aria-pressed=true]{background:#3e2b51;color:var(--axis-color)}.mp-line-button:hover{background:#342342}
.mp-instruction{font-size:13px;line-height:1.55;color:var(--muted);margin:14px 0 0}
.mp-reading{padding-top:8px;min-width:0}
.mp-selection{min-height:260px}
.mp-selection{scroll-margin-top:20px}.mp-return-chart{display:none}
.mp-selection-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;padding-bottom:16px;border-bottom:1px solid var(--line)}
.mp-selection h2{font-size:27px;line-height:1.35}.mp-value{color:var(--gold);font:400 46px/1 Prata,Georgia,serif;flex:none}
.mp-arc-title{font-size:18px;font-weight:500;color:var(--gold);margin:22px 0 12px}
.mp-selection p{font-size:17px;line-height:1.65;color:var(--muted);margin-top:18px}
.mp-equation{margin-top:24px;display:flex;flex-direction:column;gap:6px;align-items:start}
.mp-equation>span{color:var(--muted);font-size:12px}.mp-equation strong{font-size:16px;line-height:1.6;font-weight:500;font-variant-numeric:tabular-nums}
.mp-reading .journey-actions{justify-content:stretch;margin:24px 0 0}.mp-reading .journey-actions .primary{width:100%;min-width:0;font-size:16px}
.mp-reading-note{font-size:13px;color:var(--muted);margin-top:12px}
.mp-purpose{margin-top:34px}.mp-purpose h2{font-size:23px;line-height:1.4;margin-bottom:15px}
.mp-purpose dl{margin:0}.mp-purpose dl>div{display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid var(--line);padding:14px 0}
.mp-purpose dt{font-size:15px}.mp-purpose dt>span{display:block;color:var(--muted);font-size:12px;margin-top:3px}
.mp-purpose dd{margin:0;display:flex;align-items:center;gap:12px;font-variant-numeric:tabular-nums}.mp-terms{color:var(--muted);font-size:13px;white-space:nowrap}
.mp-purpose dd>strong{color:var(--gold);font-size:24px;font-weight:500;min-width:28px;text-align:right}
.mp-loading{max-width:580px;margin:clamp(50px,12vh,120px) auto 160px}
.mp-loading h1{font-size:clamp(29px,3.5vw,43px);line-height:1.3;text-align:center}
.mp-loading p{color:var(--muted);font-size:17px;line-height:1.7;text-align:center;margin:22px auto 44px;max-width:42ch}
.mp-build-meter{display:flex;justify-content:space-between;gap:16px;font-size:15px;color:var(--muted);align-items:baseline}
#build-percent{color:var(--gold);font-size:26px;font-variant-numeric:tabular-nums}
.mp-build-progress{height:10px;border-radius:5px;background:#625172;margin:16px 0 12px;overflow:hidden}
.mp-build-progress>span{display:block;width:100%;height:100%;background:linear-gradient(90deg,#c22be8,#6d73ff);transform:scaleX(var(--build-progress,0));transform-origin:left;transition:transform 80ms linear}
.mp-build-footer{display:flex;align-items:center;justify-content:space-between;gap:18px;color:var(--muted);font-size:13px}.mp-build-footer button{font-size:14px;min-height:44px}
@media(max-width:850px){.mp-result-grid{gap:24px;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}.mp-plate{padding:15px}.mp-node{width:44px;height:44px;font-size:22px}.mp-node-e{width:56px;height:56px;font-size:28px}.mp-selection h2{font-size:23px}.mp-selection p{font-size:16px}.mp-terms{font-size:12px}}
@media(max-width:700px){.journey:has(.mp-result),.journey:has(.mp-building){padding:8px 18px 40px}.mp-result-header{display:block;margin-bottom:22px}.mp-result-header h1{font-size:29px}.mp-result-header p{font-size:13px;margin-top:10px}.mp-date{display:block;font-size:18px;margin-top:12px}.mp-result-grid{grid-template-columns:1fr;gap:24px}.mp-result-grid>.mp-reading{grid-column:1;grid-row:1}.mp-result-grid>.mp-plate{grid-column:1;grid-row:2}.mp-result-grid>.mp-purpose{grid-column:1;grid-row:3}.mp-plate{padding:15px 12px}.mp-plate-heading{font-size:12px}.mp-diagram{max-width:460px;margin-top:12px}.mp-point-label,.mp-quadrant{font-size:10px}.mp-node{width:44px;height:44px;font-size:21px}.mp-node-e{width:56px;height:56px;font-size:28px}.mp-lines{margin-top:22px}.mp-line-button{font-size:12px;gap:8px}.mp-reading{padding:0 3px}.mp-selection{min-height:0}.mp-selection h2{font-size:25px}.mp-value{font-size:39px}.mp-arc-title{margin:18px 0 10px}.mp-selection p{font-size:17px}.mp-equation{margin-top:18px}.mp-purpose h2{font-size:23px}.mp-purpose dt{font-size:14px}.mp-purpose dd{gap:9px}.mp-terms{font-size:13px}.mp-loading{margin:65px auto 110px}.mp-loading p{font-size:16px;margin-bottom:34px}.mp-return-chart{display:flex;align-items:center;min-height:44px;margin-top:12px;font-size:14px}}
@media(max-width:360px){.journey:has(.mp-result),.journey:has(.mp-building){padding-inline:14px}.mp-result-header h1,.mp-loading h1{font-size:26px}.mp-plate{padding-inline:8px}.mp-plate-heading{font-size:11px}.mp-purpose dd{gap:6px}.mp-terms{font-size:12px}.mp-node-e{width:50px;height:50px}.mp-quadrant{top:5%}}
@media(prefers-reduced-motion:reduce){.mp-build-progress>span{transition:none}}
