/* Fine champagne edging and a restrained enamel finish for clinic records. */
.design-v17 .intro-records-label{color:#203e52;font-weight:700;letter-spacing:.08em;margin-bottom:9px;display:flex;align-items:center;gap:6px}
.design-v17 .intro-records-label::before{content:"";width:3px;height:11px;background:linear-gradient(#e5cf9f,#9e7e44);flex:none}
.design-v17 .intro-record-ribbon{display:grid;grid-template-columns:58px minmax(0,1fr);align-items:stretch;gap:0;min-height:48px;padding:0;margin:0 0 8px;border:1px solid #b9a16d;border-radius:3px;clip-path:none;isolation:isolate;overflow:hidden;background:linear-gradient(125deg,#fffdf5 35%,#f4ead0 68%,#e4d2a6);box-shadow:0 3px 9px #17394c14,inset 0 1px 0 #fffef8,inset 0 -1px 0 #d2be90}
.design-v17 .intro-record-ribbon::before{content:"";position:absolute;inset:3px;border:1px solid #c9b37b80;border-radius:1px;pointer-events:none;z-index:2}
.design-v17 .intro-record-ribbon::after{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,#ddc487,#fffef4 50%,#c6ac75);pointer-events:none;z-index:3}
.design-v17 .intro-record-ribbon>span{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:7px 4px;color:#faf0d6;font-size:11px;line-height:1.35;font-weight:700;letter-spacing:.02em;white-space:nowrap;background:linear-gradient(125deg,#28495c,#163346 75%);border-right:1px solid #c3ac75;text-shadow:0 1px 1px #0b223944}
.design-v17 .intro-record-ribbon .ribbon-metric{font-size:7.5px;font-weight:500;letter-spacing:0;margin-top:3px;color:#d9ccb0}
.design-v17 .intro-record-ribbon>strong{display:flex;max-width:none;min-width:0;align-items:baseline;align-self:center;justify-content:center;flex-wrap:nowrap;gap:2px;padding:6px 5px;line-height:1.1}
.design-v17 .intro-record-ribbon .money{font:700 20px/1.1 Georgia,"Times New Roman",serif;font-variant-numeric:lining-nums tabular-nums;letter-spacing:-.025em;color:#a32e3c;text-shadow:0 1px 0 #fffdf0;white-space:nowrap;flex-shrink:0}
.design-v17 .intro-record-ribbon small{font-size:7px;font-weight:600;color:#4b432f;white-space:nowrap}
.design-v17 .intro-records-period{margin-top:9px;line-height:1.6}
@media(min-width:768px) and (max-width:1100px){
 .design-v17 .intro-record-ribbon{grid-template-columns:44px minmax(0,1fr);min-height:41px;margin-bottom:7px}
 .design-v17 .intro-record-ribbon>span{font-size:9px;padding:6px 3px;letter-spacing:0}
 .design-v17 .intro-record-ribbon .ribbon-metric{font-size:6.5px}
 .design-v17 .intro-record-ribbon .money{font-size:15px}
 .design-v17 .intro-record-ribbon>strong{padding:4px 3px;gap:1px;flex-direction:column;align-items:center}
 .design-v17 .intro-record-ribbon small{font-size:6px}
}
@media(max-width:767px){
 .design-v17 .intro-copy{padding-bottom:0}
 .design-v17 .intro-visual{margin-top:12px}
 .design-v17 .intro-record-ribbon{grid-template-columns:48px minmax(0,1fr);min-height:38px;margin-bottom:6px}
 .design-v17 .intro-record-ribbon>span{font-size:10px;padding:6px 3px;letter-spacing:0}
 .design-v17 .intro-record-ribbon .ribbon-metric{font-size:7px;margin-top:2px}
 .design-v17 .intro-record-ribbon>strong{padding:3px 4px;gap:1px;flex-direction:column;align-items:center}
 .design-v17 .intro-record-ribbon .money{font-size:17px}
 .design-v17 .intro-record-ribbon small{font-size:7px}
 .design-v17 .intro-records-label{margin-bottom:7px}
 .design-v17 .intro-records-period{margin-top:6px}
}
@media(max-width:374px){
 .design-v17 .intro-record-ribbon{grid-template-columns:43px minmax(0,1fr);min-height:38px}
 .design-v17 .intro-record-ribbon>span{font-size:9px}
 .design-v17 .intro-record-ribbon .ribbon-metric{font-size:6.5px}
 .design-v17 .intro-record-ribbon .money{font-size:15px}
 .design-v17 .intro-record-ribbon>strong{padding-inline:3px}
}