.diagnosis-example { max-width:900px; margin:2rem auto; padding:clamp(1.3rem,4vw,2.4rem); background:#f7f1e6; color:#332b22; border-top:3px solid #a97728; border-radius:8px; text-align:left; }
.diagnosis-example h2 { margin:0 0 1rem; font-family:'Zen Old Mincho',serif; font-size:clamp(1.3rem,4vw,1.8rem); line-height:1.6; }
.diagnosis-example h3 { margin:0 0 .6rem; font-size:1.05rem; line-height:1.7; }
.diagnosis-example p { margin:.7rem 0; font-size:.9rem; line-height:1.9; }
.diagnosis-example .example-columns { display:grid; grid-template-columns:1fr 1.5fr; gap:1.4rem; }
.diagnosis-example .example-result { padding:1.25rem; background:#fffaf3; border:1px solid #d8c8ad; border-radius:6px; }
.diagnosis-example .example-label { color:#79531d; font-size:.75rem; }
.diagnosis-example .example-note { color:#655b4e; font-size:.78rem; }
.diagnosis-example a, .example-shortcut { color:#79531d; text-underline-offset:.2em; }
.diagnosis-example .example-start { display:inline-block; padding:.8rem 1rem; margin-top:.5rem; background:#332b22; color:#fffaf3; border-radius:4px; text-decoration:none; }
.diagnosis-example a:focus-visible, .example-shortcut:focus-visible { outline:2px solid #a97728; outline-offset:4px; }
.example-shortcut { display:inline-block; font-size:.78rem; margin-top:.6rem; }
@media (max-width:600px) { .diagnosis-example .example-columns { grid-template-columns:1fr; } }
.diagnosis-example[hidden], .example-shortcut[hidden] { display:none !important; }