/* Treatment overview and detail content; the frame lives in sub.css. */
[data-sub-page=care] .page-head-inner { grid-template-columns:minmax(0,1fr); grid-template-areas:'copy'; }
[data-sub-page=care] .page-layout .page-reading { max-width:none; }
[data-sub-page] .care-cards { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:var(--sp-28); }
[data-sub-page] .care-card { min-width:0; }
[data-sub-page] .care-card-figure { position:relative; aspect-ratio:4/5; overflow:hidden; border-radius:var(--r-card); background:var(--band); }
[data-sub-page] .care-card-figure > img, [data-sub-page] .care-device-photo, [data-sub-page] .care-device-photo img { width:100%; height:100%; object-fit:cover; }
[data-sub-page] .care-device-photo { display:block; padding:var(--sp-24); }
[data-sub-page] .care-device-photo img { object-fit:contain; }
[data-sub-page] .care-card-figure figcaption { position:absolute; bottom:var(--sp-8); left:var(--sp-12); right:var(--sp-12); color:var(--muted); font:var(--text-caption); }
[data-sub-page] .care-card-copy { padding-top:var(--sp-20); }
[data-sub-page] .care-card h3 { margin:0; font:var(--text-link-title); }
[data-sub-page] .care-card h3 a { display:inline-flex; align-items:center; min-height:var(--tap-min); color:var(--ink); }
[data-sub-page] .care-card p { margin-top:var(--sp-8); font:var(--text-body); }
[data-sub-page] .care-card-go { display:inline-flex; align-items:center; gap:var(--sp-12); min-height:var(--tap-min); margin-top:var(--sp-12); font:var(--text-label); }
[data-sub-page] #flow { max-width:var(--reading-max); }
[data-sub-page] .treatment-review { margin-top:var(--sp-24); }
[data-sub-page] .treatment-review-note { color:var(--muted); font:var(--text-caption); }
[data-sub-page] .detail-placeholder { margin-block:var(--sp-20); }
[data-sub-page] .treatment-device-photo { border-radius:var(--r-hero); background:var(--band); }
[data-sub-page] .treatment-device-photo img { object-fit:contain; background:none; }
[data-sub-page] .cryo-process-figure { margin-top:var(--sp-32); }
[data-sub-page] .cryo-process-figure img { width:100%; border-radius:var(--r-l); }
[data-sub-page] .care-related-list { margin:var(--sp-24) 0 0; }
[data-sub-page] .care-related-row { display:grid; grid-template-columns:80px minmax(0,1fr); gap:var(--sp-16); padding-block:var(--sp-16); border-top:1px solid var(--line); }
[data-sub-page] .care-related-row:last-child { border-bottom:1px solid var(--line); }
[data-sub-page] .care-related-row dt { padding-top:var(--sp-8); color:var(--muted); font:var(--text-label); font-weight:400; }
[data-sub-page] .care-related-row dd { display:flex; flex-wrap:wrap; gap:var(--sp-8) var(--sp-20); margin:0; }
[data-sub-page] .care-related-pill { display:inline-flex; align-items:center; min-height:var(--tap-min); min-width:var(--tap-min); font:var(--text-body); text-decoration:underline; text-underline-offset:4px; }
[data-sub-page=care-ultrasound] #what > h2 + p { margin:var(--sp-40) 0 var(--sp-16); color:var(--ink); font:var(--text-title-sub); }
@media (width > 860px) {
  [data-sub-page=care] .care-card { display:flex; flex-direction:column; }
  [data-sub-page=care] .care-card-copy { display:flex; flex:1; flex-direction:column; align-items:flex-start; }
  [data-sub-page=care] .care-card p { margin-bottom:var(--sp-12); }
  [data-sub-page=care] .care-card-go { margin-top:auto; }
}
@media (max-width:1100px) {
  [data-sub-page] .care-cards { grid-template-columns:repeat(2,minmax(0,1fr)); row-gap:var(--sp-48); }
}
@media (max-width:860px) {
  [data-sub-page=care-ultrasound] #what > h2 + p { font:var(--text-title-sub-phone); }
  [data-sub-page] .care-cards { display:flex; gap:var(--sp-20); margin-inline:calc(-1 * var(--gutter)); padding:0 var(--gutter) var(--sp-16); overflow-x:auto; scroll-snap-type:x proximity; }
  [data-sub-page] .care-card { flex:0 0 72%; max-width:360px; scroll-snap-align:center; }
  [data-sub-page] .care-related-row { grid-template-columns:56px minmax(0,1fr); gap:var(--sp-12); }
}
