.ph-wrap{max-width:560px;margin:0 auto;padding:48px 20px 64px}.ph-head{border-left:3px solid var(--color-cinnabar);padding-left:16px;margin-bottom:32px}.ph-h1{margin:0 0 14px;font-size:clamp(30px,8vw,40px);line-height:1.25;font-weight:900;color:var(--color-ink)}.ph-standfirst{margin:0;font-size:15px;line-height:1.9;font-weight:400;color:var(--color-ink-light)}.ph-noscript{margin:0 0 24px;font-size:14px;color:var(--color-cinnabar-aaa)}.ph-form{display:grid;gap:16px}.ph-field{display:grid;gap:6px}.ph-label{font-size:14px;font-weight:700;letter-spacing:.08em}.ph-label,.ph-select{color:var(--color-ink)}.ph-select{width:100%;min-height:48px;padding:10px 12px;border:1px solid var(--kami-border);border-radius:0;background:var(--kami-ivory);font-family:var(--font-serif);font-size:16px;font-weight:400}.ph-button:focus-visible,.ph-copy:focus-visible,.ph-cta-link:focus-visible,.ph-select:focus-visible{outline:2px solid var(--color-cinnabar);outline-offset:2px}.ph-button{min-height:48px;border:0;border-radius:0;background:var(--color-cinnabar);color:var(--color-paper);font-family:var(--font-serif);font-size:16px;font-weight:700;letter-spacing:.12em;cursor:pointer}.ph-button:hover:not(:disabled){background:var(--color-cinnabar-dark)}.ph-button:disabled{background:var(--color-paper-dark);color:var(--color-ink-light);cursor:not-allowed}@media (min-width:640px){.ph-form{grid-template-columns:1fr 1fr}.ph-button{grid-column:1/-1}}.ph-result{margin-top:40px;padding-top:28px;border-top:1px solid var(--kami-border)}.ph-score-row{justify-content:space-between;gap:16px}.ph-score,.ph-score-row{display:flex;align-items:baseline}.ph-score{margin:0;gap:6px;color:var(--color-cinnabar)}.ph-score-num{font-family:var(--font-figures);font-size:72px;line-height:1;font-weight:900}.ph-score-unit{font-size:16px;font-weight:400;color:var(--color-ink-light)}.ph-band{margin:0;padding:4px 12px;border:1px solid var(--color-cinnabar);color:var(--color-cinnabar);font-size:16px;font-weight:700;letter-spacing:.12em}.ph-band[data-band=tension]{border-color:var(--color-ink);color:var(--color-ink)}.ph-pair-names{margin:14px 0 0;font-size:13px;color:var(--color-ink-light);line-height:1.7}.ph-same-note{margin:12px 0 0;font-size:14px;line-height:1.8;color:var(--color-ink-light)}.ph-summary{margin:18px 0 0;font-size:16px;line-height:1.95;color:var(--color-ink)}.ph-block{margin-top:28px}.ph-block-title{margin:0 0 10px;font-size:16px;font-weight:700;color:var(--color-ink);letter-spacing:.08em}.ph-axis-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--kami-border)}.ph-axis-row{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 16px;padding:12px 0;border-bottom:1px solid var(--kami-border)}.ph-axis-label{font-size:15px;font-weight:700;color:var(--color-ink)}.ph-axis-empty,.ph-axis-sides{font-size:14px;color:var(--color-ink-light)}.ph-axis-empty{margin:0;padding:12px 0;line-height:1.8}.ph-cta{margin-top:36px}.ph-cta-link{display:flex;align-items:center;justify-content:center;min-height:52px;padding:0 16px;background:var(--color-ink);color:var(--color-paper);font-size:16px;font-weight:700;letter-spacing:.08em;text-align:center;text-decoration:none}.ph-cta-link:hover{background:var(--color-cinnabar-dark)}.ph-cta-caption{margin:8px 0 0;font-size:13px;color:var(--color-ink-light);text-align:center}.ph-copy{display:block;width:100%;min-height:48px;margin-top:16px;border:1px solid var(--color-ink);border-radius:0;background:transparent;color:var(--color-ink);font-family:var(--font-serif);font-size:15px;font-weight:400;cursor:pointer}.ph-copy:hover{background:var(--color-paper-dark)}.ph-disclaimer{margin:28px 0 0;font-size:12px;line-height:1.8;color:var(--color-ink-light)}