/* Conditions V10. Scoped so About, Gonstead and Animal pages retain their subheroes. */
.condition-v10 { padding-bottom:0; }
.condition-v10 main { background:#fff; }
.condition-v10 section[id] { scroll-margin-top:calc(var(--nav-h) + 4.5rem); }
.condition-v10 .condition-hero { padding:calc(var(--nav-h) + 2.25rem) 0 3rem; background:var(--cloud); }
.condition-v10 .condition-hero__grid { display:grid; grid-template-columns:minmax(0,.92fr) minmax(360px,1.08fr); align-items:center; gap:clamp(2rem,6vw,5rem); }
.condition-v10 .crumbs { color:var(--slate); text-shadow:none; }
.condition-v10 .condition-hero h1 { margin-top:1.35rem; max-width:15ch; font-size:clamp(2.7rem,5vw,4.6rem); line-height:1.03; letter-spacing:-.04em; }
.condition-v10 .condition-hero__lede { max-width:54ch; margin-top:1.1rem; color:#3d4446; font-size:clamp(1.05rem,1vw + .8rem,1.2rem); line-height:1.65; }
.condition-v10 .condition-hero__actions { display:flex; flex-wrap:wrap; gap:.8rem 1.15rem; align-items:center; margin-top:1.6rem; }
.condition-v10 .condition-hero__guide { color:var(--ink); font-weight:750; text-decoration:underline; text-underline-offset:4px; }
.condition-v10 .condition-hero__media { overflow:hidden; border-radius:var(--r-media); background:#d9dad7; aspect-ratio:3/2; }
.condition-v10 .condition-hero__media img { display:block; width:100%; height:100%; aspect-ratio:3/2; object-fit:cover; object-position:center; }
.condition-v10 .condition-jump { top:0; }
.condition-v10 .guide-section { padding:clamp(3.5rem,7vw,5.75rem) 0; }
.condition-v10 .guide-section--soft { background:var(--cloud); }
.condition-v10 .guide-intro { max-width:64ch; }
.condition-v10 .guide-intro h2 { font-size:clamp(2rem,4vw,3.2rem); line-height:1.1; }
.condition-v10 .notice-title { display:flex; align-items:center; gap:.8rem; }
.condition-v10 .notice-warning { flex:none; width:clamp(1.65rem,3vw,2.2rem); height:clamp(1.65rem,3vw,2.2rem); fill:none; stroke:#8b3e15; stroke-width:1.9; stroke-linecap:round; stroke-linejoin:round; }
.condition-v10 .guide-intro>p { margin-top:1rem; color:var(--slate); font-size:1.04rem; line-height:1.7; }
.condition-v10 .notice-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1rem; margin-top:2rem; }
.condition-v10 .notice-grid article { padding:1.35rem 0 0; border-top:3px solid var(--marmalade); }
.condition-v10 .notice-grid h3 { font-size:1.15rem; }
.condition-v10 .notice-grid p { margin-top:.5rem; color:var(--slate); line-height:1.62; }
.condition-v10 .medical-first { display:grid; grid-template-columns:auto 1fr; gap:1.2rem; max-width:900px; padding:clamp(1.4rem,3vw,2.1rem); border:1px solid #d7aa6b; border-left:5px solid #a75c24; border-radius:var(--r-card); background:#fff9f2; }
.condition-v10 .medical-first i { color:#8b3e15; font-size:1.5rem; }
.condition-v10 .medical-first h2 { font-size:clamp(1.5rem,3vw,2.2rem); }
.condition-v10 .medical-first p { margin-top:.75rem; max-width:72ch; line-height:1.7; color:#3d3935; }
.condition-v10 .assessment-steps { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:clamp(1.25rem,3vw,2.4rem); margin-top:2rem; counter-reset:step; }
.condition-v10 .assessment-steps article { counter-increment:step; padding-top:1.1rem; border-top:1px solid #bbbdbd; }
.condition-v10 .assessment-steps article:before { content:"0" counter(step); display:block; margin-bottom:.8rem; color:var(--cocoa-deep); font-weight:800; }
.condition-v10 .assessment-steps h3 { font-size:1.2rem; }
.condition-v10 .assessment-steps p { margin-top:.55rem; color:var(--slate); line-height:1.65; }
.condition-v10 .fees-note { max-width:800px; padding:1.4rem; border-left:4px solid var(--marmalade); background:var(--cloud); }
.condition-v10 .fees-note p { color:#3b4142; line-height:1.7; }
.condition-v10 .faq { margin-top:1.8rem; }
.condition-v10 #faq .guide-intro { max-width:840px; margin:0 auto; }
.condition-v10 .clinical-note { margin-top:1.25rem; color:var(--slate); font-size:.9rem; }
@media(max-width:800px){
  .condition-v10 .condition-hero__grid { grid-template-columns:1fr; }
  .condition-v10 .condition-hero__copy { order:1; }
  .condition-v10 .condition-hero__media { order:2; }
  .condition-v10 .condition-hero__media { margin-top:1.75rem; }
  .condition-v10 .notice-grid,.condition-v10 .assessment-steps { grid-template-columns:1fr; }
  .condition-v10 { padding-bottom:calc(76px + env(safe-area-inset-bottom)); }
}
@media(max-width:520px){
  .condition-v10 .condition-hero { padding-top:calc(var(--nav-h) + 1.4rem); }
  .condition-v10 .condition-hero h1 { font-size:clamp(2.35rem,11vw,3rem); }
  .condition-v10 .condition-hero__actions { display:grid; }
  .condition-v10 .condition-hero__actions .btn { width:100%; }
  .condition-v10 .medical-first { grid-template-columns:1fr; }
}
@media(prefers-reduced-motion:reduce){ .condition-v10 * { scroll-behavior:auto!important; transition-duration:.01ms!important; } }