
.fracture-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;overflow:hidden;border:1px solid var(--line);border-radius:20px;background:var(--line);box-shadow:var(--soft-shadow)}
.fracture-summary article{min-height:150px;padding:23px;background:#fff}
.fracture-summary small{display:block;color:var(--navy);font-family:var(--display);font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.fracture-summary strong{display:block;margin-top:9px;color:var(--deep);font-family:var(--display);font-size:16px;line-height:1.3}
.fracture-summary p{margin-top:7px;color:var(--muted);font-size:12.5px}
.emergency-panel{display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:center;margin-top:22px;padding:22px 24px;border:1px solid #efc4bd;border-radius:18px;background:#fff4f1;box-shadow:var(--soft-shadow)}
.emergency-mark{display:flex;width:46px;height:46px;align-items:center;justify-content:center;border-radius:50%;background:#a9342b;color:#fff;font-family:var(--display);font-size:22px;font-weight:900}
.emergency-panel h3{font-size:18px}.emergency-panel p{margin-top:5px;color:#69423e;font-size:13px}.emergency-panel a:not(.btn){color:#84271f;font-weight:800}
.clinical-grid{display:grid;grid-template-columns:minmax(0,1.28fr) minmax(300px,.72fr);gap:30px;align-items:start}
.clinical-copy{max-width:780px}.clinical-copy h3{margin:28px 0 10px;font-size:22px}.clinical-copy h3:first-child{margin-top:0}.clinical-copy p+p{margin-top:15px}.clinical-copy ul{display:grid;gap:10px;margin:17px 0 0;padding-left:20px;color:var(--muted)}
.image-card{overflow:hidden;border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:var(--shadow)}
.image-card img{display:block;width:100%;height:auto;aspect-ratio:1.3825/1;object-fit:cover;background:#101010}
.image-card figcaption{padding:18px 20px}.image-card strong{display:block;color:var(--deep);font-family:var(--display);font-size:15px}.image-card span{display:block;margin-top:6px;color:var(--muted);font-size:12px}
.type-grid,.treatment-grid,.home-grid,.red-flag-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.type-card,.treatment-card,.home-card,.red-flag-card{padding:24px;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:var(--soft-shadow)}
.type-card h3,.treatment-card h3,.home-card h3,.red-flag-card h3{font-size:18px}.type-card p,.treatment-card p,.home-card p,.red-flag-card p{margin-top:8px;color:var(--muted);font-size:12.8px}
.type-card small,.treatment-card small{display:block;margin-bottom:9px;color:var(--navy);font-family:var(--display);font-size:10px;font-weight:800;letter-spacing:.11em;text-transform:uppercase}
.pathway-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}
.pathway-step{position:relative;padding:25px 22px;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:var(--soft-shadow)}
.pathway-step span{display:flex;width:40px;height:40px;align-items:center;justify-content:center;margin-bottom:15px;border-radius:50%;background:var(--navy);color:#fff;font-family:var(--display);font-weight:800}
.pathway-step h3{font-size:17px}.pathway-step p{margin-top:8px;color:var(--muted);font-size:12.5px}
.phase-grid{display:grid;gap:16px}
.phase-card{display:grid;grid-template-columns:190px 1fr;overflow:hidden;border:1px solid var(--line);border-radius:19px;background:#fff;box-shadow:var(--soft-shadow)}
.phase-label{display:flex;flex-direction:column;justify-content:center;padding:24px;background:var(--deep);color:#fff}.phase-label small{color:var(--gold);font-family:var(--display);font-size:10px;font-weight:800;letter-spacing:.11em;text-transform:uppercase}.phase-label strong{margin-top:7px;font-family:var(--display);font-size:19px;line-height:1.25}
.phase-copy{padding:23px 25px}.phase-copy h3{font-size:18px}.phase-copy p{margin-top:8px;color:var(--muted);font-size:13px}.phase-copy ul{display:grid;gap:7px;margin:12px 0 0;padding-left:19px;color:var(--muted);font-size:12.5px}
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.checklist{padding:26px;border:1px solid var(--line);border-radius:19px;background:#fff;box-shadow:var(--soft-shadow)}
.checklist h3{font-size:20px}.checklist ul{display:grid;gap:11px;margin:16px 0 0;padding:0;list-style:none}.checklist li{position:relative;padding-left:28px;color:var(--muted);font-size:13px}.checklist li::before{position:absolute;left:2px;top:.35em;width:10px;height:5px;border-bottom:2px solid var(--navy);border-left:2px solid var(--navy);content:"";transform:rotate(-45deg)}
.callout-dark{padding:29px;border-radius:20px;background:linear-gradient(145deg,var(--deep),var(--darker));color:#fff;box-shadow:var(--shadow)}
.callout-dark h3{color:#fff;font-size:22px}.callout-dark p{margin-top:10px;color:#d6e2ec}.callout-dark ul{display:grid;gap:9px;margin:16px 0 0;padding-left:20px;color:#d6e2ec;font-size:13px}
.guide-link{display:flex;gap:24px;align-items:center;justify-content:space-between;margin-top:24px;padding:25px 27px;border:1px solid var(--line);border-radius:20px;background:var(--soft-2);box-shadow:var(--soft-shadow)}
.guide-link h3{font-size:20px}.guide-link p{margin-top:6px;color:var(--muted);font-size:13px}
.caregiver{padding:28px;border-left:5px solid var(--gold);border-radius:0 18px 18px 0;background:#f5f8fb}.caregiver h3{font-size:21px}.caregiver p{margin-top:9px;color:var(--muted)}
.evidence{margin-top:25px;padding:18px 21px;border:1px solid var(--line);border-radius:15px;background:var(--soft-2);color:var(--muted);font-size:12px}.evidence a{color:var(--navy);font-weight:800}
@media(max-width:960px){.fracture-summary{grid-template-columns:repeat(2,1fr)}.clinical-grid,.two-col{grid-template-columns:1fr}.type-grid,.treatment-grid,.home-grid,.red-flag-grid{grid-template-columns:repeat(2,1fr)}.pathway-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.emergency-panel{grid-template-columns:auto 1fr}.emergency-panel .btn{grid-column:1/-1}.phase-card{grid-template-columns:1fr}.type-grid,.treatment-grid,.home-grid,.red-flag-grid,.pathway-grid{grid-template-columns:1fr}.guide-link{align-items:flex-start;flex-direction:column}}
@media(max-width:560px){.fracture-summary{grid-template-columns:1fr}}
