:root{--paper:#f7f5f0;--ink:#28302e;--muted:#626965;--line:#d9d2c8;--gold:#8a7055}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Noto Sans JP',sans-serif;line-height:1.8}main{width:min(1160px,calc(100% - 32px));margin:auto;padding:56px 0 110px}.diagnosis-hero{display:grid;grid-template-columns:1.2fr .8fr;gap:50px;padding:30px 0 56px;border-bottom:1px solid var(--line)}.diagnosis-hero span,legend{color:var(--gold);font-size:11px;font-weight:600;letter-spacing:.14em}.diagnosis-hero h1{margin:10px 0 18px;font:400 clamp(42px,7vw,78px)/1.04 Georgia,'Noto Serif JP',serif}.diagnosis-note{align-self:end;padding:24px;border:1px solid var(--line);background:#fff}.diagnosis-note strong{display:block;margin-bottom:8px}.diagnosis-form{padding:42px 0}.question-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}fieldset{min-width:0;margin:0;padding:24px;border:1px solid var(--line);background:#fff}fieldset:last-child{grid-column:1/-1}.choices{display:flex;flex-wrap:wrap;gap:10px;margin-top:15px}.choices label{position:relative}.choices input{position:absolute;opacity:0;pointer-events:none}.choices span{min-height:44px;display:flex;align-items:center;padding:10px 16px;border:1px solid var(--line);cursor:pointer}.choices input:checked+span{background:var(--ink);color:#fff}.choices input:focus-visible+span{outline:3px solid var(--gold);outline-offset:2px}.diagnosis-submit{min-height:52px;margin-top:22px;padding:12px 28px;border:0;background:var(--ink);color:#fff;font:inherit;cursor:pointer}.diagnosis-output{padding-top:38px;border-top:1px solid var(--line)}#diagnosis-status{color:var(--muted)}.diagnosis-results{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:22px}.diagnosis-card{background:#fff;border:1px solid var(--line)}.diagnosis-card img{width:100%;aspect-ratio:1;object-fit:contain;background:#eeeae2}.diagnosis-card div{padding:18px}.diagnosis-card small{color:var(--gold);letter-spacing:.1em}.diagnosis-card h3{font-size:16px}.diagnosis-card p{font-size:12px;color:var(--muted)}.diagnosis-card b{display:block;margin:14px 0}.diagnosis-card a{min-height:44px;display:flex;align-items:center;color:var(--ink)}.diagnosis-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.diagnosis-actions a,.diagnosis-actions button{min-height:46px;padding:10px 18px;border:1px solid var(--ink);background:transparent;color:var(--ink);font:inherit;text-decoration:none;cursor:pointer}.diagnosis-actions button{background:var(--ink);color:#fff}@media(max-width:800px){.diagnosis-hero{grid-template-columns:1fr}.question-grid{grid-template-columns:1fr}fieldset:last-child{grid-column:auto}.diagnosis-results{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){main{padding-top:28px}.diagnosis-results{grid-template-columns:1fr}}