.case-design-notes{scroll-margin-top:76px;margin:0 0 72px;padding:22px 0 26px;border-top:1px dashed #cfcdc5;border-bottom:1px dashed #cfcdc5}
.case-design-notes>h2{display:flex;align-items:baseline;gap:12px;font-size:13px;font-weight:400}
.case-design-notes>h2 em{font:italic 14px/1.5 var(--serif);color:var(--muted)}
.case-design-notes dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:38px;margin:26px 0 0}
.case-design-notes dt{display:flex;align-items:baseline;gap:10px;font-size:12px}
.case-design-notes dt em{font:italic 14px/1.5 var(--serif);color:var(--muted)}
.design-note-number{font:italic 12px/1.5 var(--serif);color:var(--muted);margin-right:5px}
.case-design-notes dd{margin:12px 0 0;max-width:30em;font-size:13px;line-height:1.95;color:#595952;text-wrap:pretty}
.project-page .chapter-description{font-size:14px;line-height:1.95;color:#595952;max-width:32em}
@media(max-width:700px){
 .case-design-notes{margin-bottom:44px;padding:19px 0 22px}
 .case-design-notes dl{grid-template-columns:1fr;gap:19px;margin-top:24px}
 .case-design-notes dl>div{display:grid;grid-template-columns:108px minmax(0,1fr);gap:12px}
 .case-design-notes dt{gap:6px;flex-wrap:wrap;align-content:start;line-height:1.8}
 .case-design-notes dt em{font-size:12px}
 .design-note-number{margin-right:1px;font-size:11px}
 .case-design-notes dd{margin:0;font-size:12px;line-height:1.9}
 .project-page .chapter-description{font-size:12px;line-height:1.95;max-width:32em}
}
@media print{
 .case-design-notes{break-inside:avoid;margin-bottom:24px}
 .case-design-notes dl{gap:20px}
}