:root{--ink:#122e49;--blue:#145496;--light:#edf2f5;--line:#d4dee5;--mute:#4b6172;--serif:Georgia,"Times New Roman",serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;color:var(--ink);font:16px/1.6 "Instrument Sans",Arial,sans-serif}a{color:inherit;text-decoration:none}a:focus-visible,summary:focus-visible,button:focus-visible{outline:3px solid #f5a820;outline-offset:4px}a:hover{text-decoration:underline;text-underline-offset:4px}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-family:var(--serif);font-weight:400;line-height:1.08;letter-spacing:-.045em}h1{font-size:clamp(52px,5.9vw,86px)}h2{font-size:clamp(40px,4.2vw,63px)}h3{font-size:31px}.wrap{width:min(1240px,89%);margin:auto}.header{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:92px}.brand{display:flex;align-items:center;gap:11px}.brand img{height:53px;width:42px;object-fit:cover;object-position:left}.brand b{font-family:var(--serif);font-size:24px;font-weight:500;letter-spacing:-.04em;display:block;line-height:1.15}.brand small,.label{display:block;text-transform:uppercase;font-size:10px;letter-spacing:.15em;font-weight:700}.brand small{font-size:9px;margin-top:3px}.nav{display:flex;align-items:center;gap:25px;font-size:14px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:16px;background:var(--ink);color:white;padding:12px 20px;border-radius:6px;font:600 14px/1.6 Arial}.btn:hover{background:#20496c;text-decoration:none}.btn svg,.icon svg{width:19px;height:19px;display:block}.menu{display:none}.hero{background:#e6ebee;position:relative;isolation:isolate;overflow:hidden}.heroimg{position:absolute;z-index:-2;width:52%;height:100%;right:0;top:0;object-fit:cover;object-position:50% 24%}.hero:after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,#edf2f5 0%,#edf2f5 44%,rgba(237,242,245,.93) 50%,transparent 66%)}.hero .wrap{min-height:535px;display:flex;align-items:center;padding-block:50px}.herocopy{max-width:58%}.label{color:var(--blue);display:flex;align-items:center;gap:11px;font-size:11px;letter-spacing:.15em}.label:before{content:"";width:28px;height:2px;background:#4782ac}.hero h1{margin:25px 0 18px}.hero h1 em{color:var(--blue);font-weight:400}.hero p{font-size:18px;color:var(--mute);max-width:495px}.actions{margin-top:30px;display:flex;align-items:center;gap:24px;flex-wrap:wrap}.textlink{font-weight:600;font-size:14px}.ribbon{background:var(--ink);color:#fff}.ribbon .wrap{display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:66px}.ribbon span{display:flex;align-items:center;gap:10px;font-size:14px}.ribbon i{height:18px;border-right:1px solid #678094}.icon{display:inline-flex;align-items:center;justify-content:center}.section{padding:78px 0}.section h2{margin:15px 0 28px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:8px;background:linear-gradient(115deg,#f3f7f9,#fff);padding:28px;min-height:245px}.card .icon{color:var(--blue);width:47px;height:47px;border-radius:50%;background:#e4edf5}.card .icon svg{width:26px;height:26px}.card h3{margin:21px 0 10px}.card p,.detail p,.copy p,.locations p{color:var(--mute)}.card b{margin-top:auto;padding-top:20px;color:var(--blue);font-size:14px}.tint{background:#f0f4f6}.split{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:7%}.photo{width:100%;max-height:470px;object-fit:cover;border-radius:8px}.copy p+p{margin-top:13px}.copy h3{font-size:24px;margin:26px 0 6px}.locations{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:center}.locations details,main details{border-top:1px solid var(--line);padding:15px 0}.locations summary,main summary{cursor:pointer;font-weight:600}.map{width:100%;height:340px}.detail{max-width:830px;padding:65px 0 80px}.detail h1{margin:22px 0;font-size:clamp(43px,5.5vw,75px)}.detail .lead{font-size:21px}.detail h2{font-size:32px;margin:35px 0 12px}.detail .btn{margin-top:28px}.deep{display:block;padding:17px 0;color:var(--blue);border-bottom:1px solid var(--line);font-weight:600}footer{padding:32px 0;background:var(--ink);color:white}footer .wrap{display:flex;justify-content:space-between;gap:18px;align-items:center}footer small{font-size:13px}.caption{color:var(--mute);font-size:13px;margin-top:6px}.menu{padding:9px;border:1px solid var(--line);border-radius:6px;background:white;color:var(--ink)}
@media(max-width:900px){.nav{gap:13px;font-size:13px}.header{min-height:78px}.hero .wrap{min-height:475px}.grid{gap:12px}.card{padding:20px}.ribbon span{font-size:12px}}
@media(max-width:760px){.menu{display:block}.header{flex-wrap:wrap;gap:0}.nav{display:none;width:100%;padding:0 0 18px;align-items:stretch}.nav.open{display:flex;flex-direction:column}.hero .wrap{min-height:0;padding:40px 0 25px}.herocopy{max-width:100%}.hero{display:flex;flex-direction:column}.heroimg{position:static;width:100%;height:310px;order:2;object-position:50% 28%;z-index:auto}.hero:after{display:none}.hero p{font-size:16px}.hero h1{margin:18px 0 15px}.hero .actions{margin-top:22px}.ribbon .wrap{flex-wrap:wrap;padding:16px 0;gap:8px 16px}.ribbon i{display:none}.grid,.split,.locations{grid-template-columns:1fr}.section{padding:50px 0}.card{min-height:0}.split,.locations{gap:24px}.photo{max-height:370px}.map{height:260px}footer .wrap{align-items:flex-start;flex-direction:column}.detail{padding:45px 0}.brand b{font-size:22px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
:root{--ink:#102746;--blue:#103358;--mute:#3e4b5a;--line:#dfe1e5}body{font-family:"Instrument Sans",Arial,sans-serif;line-height:1.55}.wrap{width:min(1216px,91.5%)}header{background:#fff;border-bottom:1px solid #ededee}.header{min-height:94px}.brand img{width:174px;height:80px;object-fit:contain}.nav{gap:clamp(12px,2vw,30px);font-size:14px;font-weight:600}.btn,.outline{display:inline-flex;align-items:center;justify-content:center;gap:17px;border-radius:40px;padding:12px 21px;font-size:14px;font-weight:650;text-decoration:none}.outline{border:1px solid #acb6c3;background:white;color:var(--ink)}.calendar:before{content:"";width:15px;height:14px;border:1.5px solid currentColor;border-radius:3px;background:linear-gradient(to bottom,transparent 3px,currentColor 3px,currentColor 4px,transparent 4px)}.cover{position:relative;background:#f4f2f2;isolation:isolate;overflow:hidden}.coverimg{position:absolute;right:0;top:0;width:54%;height:100%;object-fit:cover;object-position:center 23%;z-index:-2}.cover:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#fcfbfa 0%,#faf9f8 40%,#f7f6f5 46%,transparent 66%)}.covertext{width:48%;padding:clamp(39px,4vw,65px) 0}.eyebrow{display:block;color:#29456b;font-size:11px;font-weight:750;letter-spacing:.17em;text-transform:uppercase}.cover h1{font-size:clamp(45px,4.6vw,72px);margin:19px 0 16px;letter-spacing:-.043em;line-height:1.04}.covertext>p{font-size:clamp(16px,1.3vw,20px);max-width:530px;color:var(--mute)}.herobuttons{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px}.aff{display:flex;align-items:center;margin-top:24px;width:fit-content}.aff>div{display:flex;gap:11px;align-items:center;padding-right:18px}.aff>div+div{padding-left:18px;border-left:1px solid #bfc6cc}.aff span{font-size:27px;color:#a92936}.aff p{font-size:12px;line-height:1.4}.block{padding:clamp(42px,4.6vw,74px) 0}.block h2{font-size:clamp(34px,3.55vw,55px);margin:13px 0 18px}.block p{color:var(--mute)}.warm{background:#f7f6f5}.clinicalgrid,.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.clinicalgrid{margin-top:23px}.clinical{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:13px;overflow:hidden;background:linear-gradient(#fff,#fafafa);transition:box-shadow .18s}.clinical:hover,.tile:hover{box-shadow:0 6px 24px #10274614;text-decoration:none}.clinical img{aspect-ratio:1.55;width:100%;object-fit:cover}.clinical>div{padding:18px 24px 22px;display:flex;flex:1;flex-direction:column}.clinical h3{font-size:clamp(27px,2.4vw,36px)}.clinical p{margin:12px 0 16px}.clinical b{margin-top:auto;font-size:14px}.clinical span{margin-left:8px}.treatintro{display:flex;align-items:center;gap:7%;justify-content:space-between;margin-bottom:24px}.treatintro p{max-width:38%}.treatgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.tile{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:21px;background:#fff;border:1px solid var(--line);border-radius:11px;min-height:93px;font:normal clamp(20px,1.8vw,27px)/1.13 var(--serif)}.tile span{align-self:flex-end;font:18px Arial}.duo{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:6%}.duo figure>img,.mapimg img{display:block;width:100%;border-radius:12px;height:clamp(240px,30vw,405px);object-fit:cover;object-position:center 25%}.duo p{margin:12px 0}.duo .outline{margin-top:16px}.edu{list-style:none;padding:0}.edu li{padding:13px 0;border-bottom:1px solid var(--line);font-weight:600}.edu li:before{content:"◇";margin-right:16px;color:#537493}figcaption{margin-top:8px;color:var(--mute);font-size:13px}.geo figure img{object-fit:contain;height:clamp(200px,25vw,320px);background:#fafafa}.steps div+div{border-left:1px solid var(--line);padding-left:22px}.steps small{font:36px var(--serif);color:#8996a3}.steps h3{font-size:26px;margin:5px 0 10px}.contactbox{max-width:870px}.foot{display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:25px}.foot>div a{display:block;font-size:14px}.foot b{display:block;margin-bottom:7px}.footlogo img{filter:brightness(0) invert(1);width:155px;height:85px;object-fit:contain}.copyright{margin-top:25px;border-top:1px solid #ffffff40;padding-top:14px;font-size:12px}.subcover .covertext{width:49%}.subcover h1{font-size:clamp(45px,4.2vw,68px)}.crumb{color:#4b586c;font-size:13px;margin-bottom:20px}.facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;margin-top:22px}.fact{border:1px solid var(--line);padding:22px;border-radius:12px;background:#fff}.fact h3{font-size:24px;margin:0 0 10px}.faq details{padding:14px 18px;margin:7px 0;border:1px solid var(--line);border-radius:9px}.faq details p{margin-top:10px}.sectioncta{background:#eaf0f6;border-radius:13px;padding:26px 32px;display:flex;align-items:center;justify-content:space-between;gap:18px}.sectioncta h2{font-size:32px}.source{font-size:13px;display:block;margin-top:20px;text-decoration:underline}.topicnav{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:24px;font-size:14px}.subcover .covertext>p{max-width:94%}.medicalimg{width:100%;max-height:350px;object-fit:cover;border-radius:13px}.tablewrap{overflow:auto}table{border-collapse:collapse;width:100%;margin:18px 0}td,th{padding:13px;text-align:left;border-bottom:1px solid var(--line)}th{background:#eef2f6}
@media(max-width:950px){.nav{gap:12px;font-size:13px}.brand img{width:133px}.nav .btn{padding:10px 13px}.covertext{width:53%}.aff>div{padding-right:9px}.aff>div+div{padding-left:9px}.aff p{font-size:11px}.clinicalgrid{gap:13px}}
@media(max-width:760px){.header{min-height:70px}.brand img{height:65px;width:129px}.nav{align-items:stretch}.nav a{padding:5px 0}.nav .btn{padding:11px}.cover{display:flex;flex-direction:column}.cover:before{display:none}.coverimg{order:2;position:static;width:100%;height:clamp(220px,71vw,345px);object-position:center 21%;z-index:auto}.covertext,.subcover .covertext{width:100%;padding:30px 0}.cover h1,.subcover h1{font-size:clamp(40px,8vw,52px);max-width:580px}.aff p{font-size:12px}.herobuttons .btn,.herobuttons .outline{font-size:13px;padding:10px 14px;gap:8px}.clinicalgrid,.steps,.duo{grid-template-columns:1fr}.clinicalgrid,.duo{gap:22px}.clinical img{aspect-ratio:1.95}.treatgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.tile{padding:14px;font-size:19px;min-height:90px}.treatintro{display:block}.treatintro p{max-width:none}.steps div+div{border-left:0;padding:16px 0 0;border-top:1px solid var(--line)}.foot{display:grid!important;grid-template-columns:1fr 1fr}.foot .outline{font-size:12px;padding:10px;align-self:center}.sectioncta{display:block;padding:21px}.sectioncta .btn{margin-top:12px}.facts{grid-template-columns:1fr}.topicnav{align-items:flex-start}.duo figure>img{height:275px}.geo figure img{height:220px}}
.home-portrait .coverimg{object-position:50% 15%}
@media(max-width:760px){.home-portrait .coverimg{order:-1;height:clamp(220px,65vw,340px)}}

.citylinks{display:flex;flex-wrap:wrap;gap:9px;margin:20px 0}
.city-link,.map-pin{border:1px solid #b4c2d0;border-radius:8px;background:white;color:var(--ink);font-weight:650}
.city-link{padding:8px 13px}a.city-link:hover,a.map-pin:hover,a.map-pin:focus-visible{background:var(--ink);color:white;text-decoration:none}
.clinic-map{position:relative;width:100%;max-width:545px;margin:auto}.clinic-map img{display:block;width:100%;height:auto;border-radius:13px}.map-pin{position:absolute;transform:translate(-50%,-50%);padding:4px 9px;line-height:1.25;font-size:clamp(12px,1.15vw,16px);white-space:nowrap;box-shadow:0 2px 8px #203f5c18}
.map-pin.pin-milano{left:34%;top:9%}.map-pin.pin-novara{left:19.5%;top:24%}.map-pin.pin-arezzo{left:54%;top:42%}.map-pin.pin-fragagnano{left:82.5%;top:69%}
.geo .duo .clinic-map img{width:100%;height:auto;max-height:none;object-fit:contain}
.clinic-group{margin-top:30px;scroll-margin-top:24px}.clinic-group h3{margin-bottom:12px}.clinic-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,310px),1fr));gap:18px}.clinic-card{border:1px solid var(--line);padding:20px 23px;border-radius:12px;background:#fafbfc}.clinic-card h4{margin:0 0 9px;font:normal 25px var(--serif)}.clinic-card p{margin:4px 0;overflow-wrap:anywhere}.clinic-card p a{text-decoration:underline;text-underline-offset:3px}.clinic-card .outline{margin-top:13px}.clinic-note{font-size:.88em}

.aff img{max-width:100%;display:block}.aff .hospital-brand{width:clamp(122px,14vw,185px);mix-blend-mode:multiply}.aff .sports-brand{width:46px;height:46px}
#profilo .duo figure{width:min(100%,360px);margin-inline:auto}
#profilo .duo figure>img{display:block;width:100%;height:auto;max-height:none;border-radius:12px}
.clinical>div.rx-panel{position:relative;display:flex;flex:none;flex-direction:row;justify-content:center;padding:0;aspect-ratio:1.55;background:#111416;overflow:hidden}
.clinical .rx-panel img{display:block;width:100%;height:100%;object-fit:contain;aspect-ratio:auto}
.rx-pair figure{position:relative;flex:1;min-width:0;height:100%}.rx-pair figure+figure{border-left:1px solid #687178}.clinical .rx-pair img{padding-bottom:23px}
.rx-pair figcaption{position:absolute;bottom:2px;left:0;right:0;text-align:center;font-weight:600;color:white;font-size:12px}
main .rx-credits{border:0;font-size:12px;color:var(--mute);padding:10px 0 0}.rx-credits a{text-decoration:underline}
.geo .clinic-map{background:#f8fafb;border-radius:14px}.geo .duo .clinic-map img{height:auto;width:100%;display:block;aspect-ratio:47/36;border-radius:0}
.map-pin{border:1px solid #d9e1e7;box-shadow:0 1px 4px #203f5c0b;color:#19364e;background:white}
.map-pin.pin-milano{left:40%;top:10.278%}.map-pin.pin-novara{left:15.319%;top:21.389%}.map-pin.pin-arezzo{left:54.894%;top:34.444%}.map-pin.pin-fragagnano{left:83.191%;top:58.333%}
.map-pin:hover,.map-pin:focus-visible{color:var(--ink);background:#edf3f7}
@media(max-width:760px){.clinical>div.rx-panel{aspect-ratio:1.95}.aff .sports-brand{width:38px;height:38px}.aff .hospital-brand{width:118px}}

.home-portrait h1.doctor-name{font-size:clamp(43px,5.05vw,77px);line-height:1.06;letter-spacing:-.045em;margin:0 0 13px}
.home-portrait .doctor-title{font-size:clamp(18px,1.7vw,25px);line-height:1.3;color:var(--ink);font-weight:550}
.home-portrait .doctor-focus{margin-top:18px;max-width:430px}
.home-portrait .covertext{padding-block:clamp(48px,6vw,92px)}
@media(max-width:760px){.home-portrait .covertext{padding-block:27px}.home-portrait h1.doctor-name{font-size:clamp(37px,8.9vw,54px)}}

.specialties{background:#f6f8fa;border-top:1px solid #e3e8ed}.specialties .wrap{display:flex;align-items:center;justify-content:center;gap:clamp(24px,5vw,80px)}.specialties a{display:inline-flex;align-items:center;min-height:42px;padding:4px 0;font-size:14px;font-weight:600}.specialties a[aria-current="page"]{box-shadow:inset 0 -2px #24557a}
@media(max-width:760px){.specialties{display:none}header:has(.nav.open) .specialties{display:block}.specialties .wrap{display:grid;grid-template-columns:1fr 1fr;gap:0 12px;padding-block:7px}.specialties a{min-height:44px}}

.header .brand{flex:none;padding:8px 0;margin-right:clamp(8px,2vw,32px)}
.header .brand img{display:block;width:clamp(170px,15vw,212px);height:auto;object-fit:contain}
@media(min-width:761px) and (max-width:1000px){.header{gap:12px}.header .brand{margin-right:0}.header .brand img{width:153px}.header .nav{gap:12px}}
@media(max-width:760px){.header .brand{padding:7px 0;margin-right:12px}.header .brand img{width:clamp(142px,38vw,169px)}}

.contact-email{color:var(--blue);text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}

.bio{padding-block:clamp(42px,6vw,85px);display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);align-items:start;gap:clamp(35px,6vw,90px)}
.bio h1{margin:16px 0 22px;font-size:clamp(44px,5vw,74px)}.bio-copy p{margin:0 0 17px;color:var(--mute);line-height:1.7}.bio-copy p:first-of-type{font-size:1.21rem;color:var(--ink)}.bio-portrait{width:100%;height:auto;border-radius:14px}.bio-copy .outline{margin-top:8px}
.work-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(10px,2vw,24px)}.work-gallery img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:10px;display:block}
#trattamenti{background:#204763;padding-block:clamp(54px,6vw,86px);color:white}#trattamenti .eyebrow{color:#b6d8e6}#trattamenti .treatintro p{color:#dce4e9}#trattamenti .treatintro{margin-bottom:28px}.treatment-card{display:flex;flex-direction:column;overflow:hidden;border-radius:12px;background:#fff;color:var(--ink);transition:transform .18s}.treatment-card:hover{transform:translateY(-3px);text-decoration:none}.treatment-card img{display:block;width:100%;aspect-ratio:1.92;object-fit:cover}.treatment-card div{padding:15px 17px;display:flex;flex:1;align-items:center;justify-content:space-between;gap:12px}.treatment-card strong{font:normal clamp(20px,1.75vw,26px)/1.18 var(--serif)}.treatment-card span{font-size:19px}
@media(max-width:760px){.bio{grid-template-columns:1fr}.bio-portrait{max-width:340px;margin-inline:auto}.work-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.treatment-card div{padding:12px;gap:5px}.treatment-card strong{font-size:18px}}
@media(prefers-reduced-motion:no-preference){.home-portrait>.coverimg{animation:reveal-home-photo .325s ease-out 1s backwards}@keyframes reveal-home-photo{from{opacity:0}to{opacity:1}}}

#sedi{background:linear-gradient(90deg,#204864,#215e82);color:white}
#sedi .eyebrow{color:#b7ddee}#sedi .duo p{color:#e2edf4}
#sedi .clinic-map{background:#f1f7fb;border:1px solid #c8dbe6;box-shadow:0 12px 35px #071d3026}
#sedi .city-link{color:white;background:#ffffff0f;border-color:#86aabe;border-radius:24px}#sedi a.city-link:hover,#sedi a.city-link:focus-visible{background:white;color:#173a56}
#contatti{background:#f5f8fa}.contact-lead{display:flex;align-items:center;justify-content:space-between;gap:35px;padding-bottom:30px;border-bottom:1px solid #ccdae3}.contact-lead p{max-width:570px}
.contact-direct{display:grid;gap:4px;border-left:3px solid #35759a;padding:6px 0 6px 17px}.contact-direct span{font-size:13px;color:var(--mute)}.contact-direct strong{font-size:16px;overflow-wrap:anywhere}
.city-directory{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 18px;margin-top:32px}
.city-directory .clinic-group{margin:0;display:flex;flex-direction:column;min-width:0}.city-directory .clinic-group:first-child{grid-column:1/-1}.city-directory .clinic-group:first-child .clinic-list{grid-template-columns:repeat(2,minmax(0,1fr))}
.city-directory h3{font-size:26px;margin:0 0 12px;color:#163c59}.city-directory .clinic-list{display:grid;grid-template-columns:1fr;flex:1}
.city-directory .clinic-card{display:flex;align-items:flex-start;flex-direction:column;padding:21px;border:1px solid #d5e0e7;border-top:3px solid #5f8ca6;background:#fff;box-shadow:0 3px 12px #173a5608}.clinic-card h4{line-height:1.16}.city-directory .clinic-card .outline{background:#173c58;color:white;border:0;padding:9px 15px;margin-top:auto}.city-directory .clinic-card p:last-of-type{margin-bottom:16px}
.bio-copy strong{font-weight:700;color:var(--ink)}
@media(max-width:800px){.city-directory{grid-template-columns:repeat(2,minmax(0,1fr))}.contact-lead{align-items:flex-start;flex-direction:column;gap:18px}}
@media(max-width:600px){.city-directory,.city-directory .clinic-group:first-child .clinic-list{grid-template-columns:1fr}.city-directory{gap:24px}.contact-lead h2{margin-bottom:10px}}

.header .nav{font-size:clamp(17px,1.42vw,22px);gap:clamp(18px,2vw,32px)}.header .nav .btn{font-size:inherit;padding:12px 21px}.header .menu{font-size:18px}
.home-portrait .covertext>.doctor-focus{font-size:clamp(20px,1.9vw,29px);max-width:none;color:var(--ink);line-height:1.25;font-weight:600}
.aff .hospital-brand{width:clamp(210px,19.5vw,285px)}.home-portrait .aff{max-width:100%}
#contatti{background:linear-gradient(90deg,#204864,#215e82);color:#fff}
#contatti .eyebrow{color:#b9dfef}.contact-lead{display:grid;grid-template-columns:1fr;gap:20px;border-bottom-color:#7094ad}.contact-lead p{max-width:none;color:#eef6fb}
.contact-direct{width:fit-content;max-width:100%;box-sizing:border-box;background:#e6f3fa;color:#113854;border:0;border-radius:14px;padding:17px clamp(18px,2vw,32px);gap:2px}.contact-direct span{font-size:16px;color:#385a70}.contact-direct strong{font-size:clamp(23px,2.7vw,39px);letter-spacing:-.035em;line-height:1.25}
#contatti .city-directory h3{color:#fff}#contatti .clinic-card{color:#163750;border-top-color:#92cbe6}#contatti .clinic-card p{color:#344d60}
@media(min-width:761px) and (max-width:1050px){.header .nav{gap:12px;font-size:16px}.header .nav .btn{padding:10px 12px}.header .brand img{width:144px}.home-portrait .covertext>.doctor-focus{font-size:clamp(18px,2.1vw,22px)}.aff .hospital-brand{width:180px}}
@media(max-width:760px){.header .nav{gap:7px;font-size:18px}.header .nav a{min-height:44px;align-content:center}.home-portrait .covertext>.doctor-focus{font-size:clamp(15px,4.2vw,23px)}.aff .hospital-brand{width:clamp(132px,40vw,220px)}.contact-lead p{font-size:clamp(20px,1.85vw,26px);line-height:1.45;white-space:normal}.contact-direct{padding:15px}.contact-direct strong{font-size:clamp(18px,5.55vw,29px)}}
@media(min-width:761px) and (max-width:880px){.header{flex-wrap:wrap;gap:0}.header .menu{display:block}.header .nav{display:none;width:100%;padding:0 0 16px}.header .nav.open{display:flex;align-items:stretch;flex-direction:column}.header .nav a{padding-block:8px}}

#profilo .hospital-name{display:inline-block;white-space:nowrap;font-size:min(1em,4.25vw)}
#percorso .steps{gap:18px;margin-top:26px}#percorso .steps>div{border:1px solid #cddde6;border-top:3px solid #55829c;background:#fff;border-radius:12px;padding:clamp(18px,2vw,28px);display:flex;flex-direction:column}
#percorso .steps small{font-size:29px;color:#52748a}#percorso .steps details{margin-top:auto;padding:16px 0 0;border:0}#percorso .steps details summary{color:#214e6b}#percorso .steps details p{margin:9px 0 0}

@media(min-width:901px){.contact-lead{grid-template-columns:minmax(0,1fr) auto;align-items:center}.contact-direct{justify-self:end}}

.guide-top,.guide-article-top{padding:clamp(40px,5.5vw,80px) 0;background:#eff4f7}.guide-top p,.guide-article-top p{max-width:760px;margin:20px 0;color:var(--mute);font-size:clamp(17px,1.4vw,21px)}
.guide-top nav{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.guide-top nav a{border:1px solid #acbecc;border-radius:28px;padding:8px 16px;background:white}
.guide-group{padding-block:clamp(28px,4vw,54px);border-bottom:1px solid var(--line)}.guide-group h2{font-size:clamp(34px,3.5vw,51px);margin-bottom:20px}.guide-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,245px),1fr));gap:16px}.guide-card{display:flex;flex-direction:column;border:1px solid var(--line);border-top:3px solid #698ba1;border-radius:12px;padding:22px;background:#fafcfd}.guide-card h3{font-size:24px}.guide-card p{margin:12px 0;color:var(--mute)}.guide-card span{align-self:flex-end;margin-top:auto}
.guide-article-top .wrap{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:6%;align-items:center}.guide-article-top h1{font-size:clamp(39px,4.1vw,62px);margin:16px 0}.guide-article-top img{width:100%;max-height:345px;object-fit:cover;border-radius:14px}.guide-reading{width:min(91.5%,780px);margin:36px auto 65px}.guide-reading>p{font-size:18px;line-height:1.7;margin-bottom:20px}.guide-reading nav{margin:25px 0}.guide-index-link{display:inline-block;margin-top:25px;text-decoration:underline}.treatment-card div{display:grid;grid-template-columns:1fr auto;align-content:start}.treatment-card p{grid-column:1/-1;grid-row:2;font-size:14px;font-weight:400;color:var(--mute)}
@media(max-width:760px){.guide-article-top .wrap{grid-template-columns:1fr}.guide-article-top img{margin-top:15px;max-height:235px}.guide-reading>p{font-size:17px}}
@media(max-width:520px){#trattamenti .treatgrid{grid-template-columns:1fr}.treatment-card img{aspect-ratio:2.7}}

.directory-intro .wrap{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:clamp(24px,4vw,68px);align-items:center}
.directory-intro img{width:100%;height:clamp(240px,26vw,340px);object-fit:cover;object-position:center 35%;border-radius:14px}
@media(max-width:760px){.directory-intro .wrap{grid-template-columns:1fr}.directory-intro img{height:220px}}

#trattamenti .grouped nav{grid-column:1/-1;width:100%}#trattamenti .grouped nav a{display:flex;justify-content:space-between;align-items:center;padding:9px 0;border-top:1px solid var(--line);font-size:15px}

#trattamenti{background:linear-gradient(135deg,#f7f3ed,#eee5d9);color:var(--ink)}
#trattamenti .eyebrow{color:#69583f}#trattamenti .treatintro p{color:#435363}
#trattamenti .treatgrid{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:1fr;align-items:stretch}
#trattamenti .treatment-card{min-width:0;border:1px solid #ddd3c6;background:#fffdf9}
#trattamenti .guide-index-link{color:var(--ink)}
.home-portrait .doctor-title{font-weight:400}
.home-portrait .doctor-focus strong{font-weight:700}
.home-portrait .aff .hospital-brand{width:clamp(210px,19vw,270px)}
@media(max-width:1100px){.home-portrait .aff{flex-wrap:wrap;gap:14px}.home-portrait .aff .hospital-brand{width:clamp(165px,20vw,215px)}}
@media(max-width:760px){#trattamenti .treatgrid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-portrait .aff .hospital-brand{width:min(48vw,190px)}}
@media(max-width:520px){#trattamenti .treatgrid{grid-template-columns:1fr}}

.header .brand img{width:clamp(230px,27vw,370px);height:auto}
.footlogo img{width:min(290px,100%);height:auto;filter:none;background:white;padding:8px}
@media(max-width:1100px){.header .brand img{width:clamp(198px,22vw,245px)}}
@media(max-width:700px){.header .brand img{width:min(58vw,260px)}}
.fast-band{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px clamp(18px,3vw,38px);margin-top:22px;border-radius:13px;background:#eaf0f4;color:#143653}
.fast-band:hover{background:#e1eaf1;text-decoration:none}
.fast-band h3{font-size:clamp(24px,2.2vw,32px)}
.fast-band p{margin:5px 0 0}
.fast-band b{white-space:nowrap;font-size:15px}
.clinical .rx-pair .cruciate{object-fit:cover}
@media(min-width:801px){.city-directory{grid-template-columns:repeat(2,minmax(0,1fr))}.city-directory .clinic-group:first-child .clinic-list{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:650px){.fast-band{align-items:flex-start;flex-direction:column;gap:10px}}
.header .language-switch{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:44px;padding:0 10px;border:1px solid var(--line);border-radius:8px;font-size:14px;font-weight:700;white-space:nowrap}
.header .language-switch:hover{background:#eaf0f4}
@media(min-width:1101px){.header .brand{margin-right:0}.header .brand img{width:clamp(235px,22vw,340px)}.header{gap:12px}.header .nav{gap:clamp(10px,1.35vw,23px);margin-left:auto}}
@media(max-width:1100px){.header{flex-wrap:wrap;gap:7px}.header .menu{display:block;margin-left:auto}.header .nav{order:4;display:none;width:100%}.header .nav.open{display:flex;flex-direction:column;align-items:stretch}.header .brand{margin:0}.header .brand img{width:min(49vw,245px)}}
.guide-reading h2{font-size:clamp(25px,3vw,34px);margin:1.25em 0 .45em}
.graft-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr));gap:16px}
.graft-options article{padding:14px;border:1px solid var(--line);border-radius:12px}
.graft-options img{width:100%;display:block}
.graft-options h3{font-size:23px;margin:.65em 0 .35em}
.graft-options article p{font-size:16px}

/* Keep each navigation label intact in both languages. */
.header .nav > a,
.header .menu,
.header .language-switch { white-space: nowrap; }

@media (min-width: 1181px) {
  .header { display: grid; grid-template-columns: minmax(0, 1fr) auto auto; column-gap: 18px; }
  .header .brand { min-width: 0; margin: 0; }
  .header .brand img { width: min(100%, 320px); }
  .header .nav { flex-wrap: nowrap; gap: 16px; font-size: 18px; }
  .header .nav > a { flex: none; }
  .header .nav .btn { padding-inline: 16px; gap: 10px; }
}
@media (max-width: 1180px) {
  .header { display: grid; grid-template-columns: minmax(0, 1fr) auto auto; column-gap: 8px; }
  .header .brand { grid-column: 1; grid-row: 1; min-width: 0; margin: 0; }
  .header .brand img { width: min(100%, 245px); }
  .header .menu { display: block; grid-column: 2; grid-row: 1; }
  .header .language-switch { grid-column: 3; grid-row: 1; }
  .header .nav { display: none; grid-column: 1 / -1; grid-row: 2; width: 100%; margin: 0; }
  .header .nav.open { display: flex; flex-direction: column; gap: 4px; align-items: stretch; padding: 4px 0 14px; font-size: 18px; }
  .header .nav a { min-height: 44px; align-content: center; }
}

footer .wrap.foot{display:grid;grid-template-columns:minmax(0,1fr) auto auto auto;gap:clamp(18px,3vw,50px)}
footer .footlogo{width:min(290px,100%)}
footer .footlogo img{display:block;width:100%;height:auto;padding:0;background:transparent;filter:grayscale(1) invert(1) brightness(1.35);mix-blend-mode:screen}
footer .foot a{white-space:nowrap}
.material-note{margin:2rem 0 0;border-top:1px solid var(--line);padding-top:1rem;color:var(--mute)}
.material-note summary{cursor:pointer;font-size:1rem;font-weight:600}
.guide-article-top img.rosa-in-theatre{display:block;width:auto;height:auto;max-width:100%;max-height:520px;justify-self:center;object-fit:contain}
@media(max-width:800px){footer .wrap.foot{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}footer .footlogo{grid-column:1/-1}footer .foot .outline{grid-column:1/-1;justify-self:start}}
@media(max-width:540px){footer .wrap.foot{grid-template-columns:1fr}.guide-article-top img.rosa-in-theatre{max-height:425px}}

.home-portrait .aff .olimpia-role {
  flex: none;
  width: max-content;
  white-space: nowrap;
  font-size: 12px;
  line-height: 1.4;
}

.home-portrait .covertext { container-type:inline-size; }
.home-portrait .covertext > .doctor-focus {
  white-space:nowrap;
  font-size:min(24px,3.65cqi);
}
.clinical .rx-pair img { padding-bottom:0; }
.clinical .rx-pair .cruciate { object-fit:contain;object-position:center;background:white; }
.clinical .hip-comparison{object-fit:contain;background:#f8f6f5}
.clinical .rx-pair figure:last-child{flex:1.25;overflow:hidden;background:white}
.clinical .rx-pair .cruciate{transform:scale(1.23);transform-origin:50% 50%}
/* The two specialty banners share the same palette and typography. */
.fast-band.rosa-feature{flex-direction:row;align-items:center}
.rosa-feature div{min-width:0}
.rosa-feature img{width:clamp(78px,14vw,170px);height:112px;object-fit:contain;flex:none;mix-blend-mode:multiply}
.rosa-feature b{display:inline-block;margin-top:8px;white-space:normal}
.clinic-brand{display:flex;align-items:center;height:86px}
.clinic-brand img{display:block;max-width:100%;width:auto;height:auto;max-height:82px}
@media(max-width:540px){.rosa-feature img{height:88px}.fast-band.rosa-feature{gap:12px}}

.fast-band.rosa-feature{display:grid;grid-template-columns:1fr clamp(100px,20vw,245px);gap:clamp(10px,3vw,36px)}
.rosa-feature img{width:100%;height:clamp(130px,15vw,178px)}
.rosa-feature h3{line-height:1.15;text-wrap:balance}
.rosa-feature p{max-width:63ch;line-height:1.5;margin:7px 0 3px}
.rosa-product{display:block;margin:24px auto;width:min(100%,520px);height:280px;object-fit:contain}
.guide-article-top img.clinical-illustration{object-fit:contain;width:100%;height:auto}
.clinic-brand img[src$="centro-m1.png"]{max-height:104px}
#prenota-milano .clinic-brand{height:104px}
:is(#prenota-fragagnano,#prenota-novara) .clinic-card{display:grid;grid-template-columns:minmax(0,32%) minmax(0,1fr);align-items:center;gap:clamp(12px,2vw,28px)}
:is(#prenota-fragagnano,#prenota-novara) .clinic-brand{height:auto;margin:0}
:is(#prenota-fragagnano,#prenota-novara) .clinic-brand img{width:100%;max-height:170px;object-fit:contain}
.clinic-recap{min-width:0}
.clinic-recap .outline{white-space:normal}
@media(prefers-reduced-motion:no-preference){
 .steps.show-steps>div{animation:care-rise .28s cubic-bezier(.2,.75,.3,1) backwards}
 .steps.show-steps>div:nth-child(2){animation-delay:.06s}
 .steps.show-steps>div:nth-child(3){animation-delay:.12s}
 @keyframes care-rise{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
}

main nav.area-jumps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
main nav.area-jumps a{display:flex;justify-content:space-between;align-items:center;background:#d8eaf3;border:1px solid #a6c6d7;color:#153850;padding:10px 14px;min-height:46px;font-weight:650;border-radius:9px}
main nav.area-jumps a::after{content:'↓';margin-left:6px}
main nav.area-jumps a:hover,main nav.area-jumps a:focus-visible{background:#bddbe9;text-decoration:underline}
.guide-card .card-thumb{width:124px;height:78px;object-fit:contain;align-self:start;border-radius:6px}
.guide-card.side-thumb{display:grid;grid-template-columns:minmax(0,1fr) clamp(80px,13vw,152px);column-gap:18px;align-items:center}
.side-thumb .card-thumb{grid-area:1/2/3/3;width:100%;height:92px;align-self:center}
.side-thumb span{grid-column:1/-1;justify-self:end}
.fast-band.illustrated-band{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 22px;align-items:center}
.illustrated-band b{grid-column:1;white-space:normal}
.illustrated-band img{grid-area:1/2/3/3;width:clamp(96px,15vw,165px);max-height:100px;object-fit:contain;border-radius:6px}
.fast-image img{width:clamp(130px,28vw,340px);max-height:none}
@media(max-width:480px){main nav.area-jumps a{padding:9px;font-size:15px}.fast-band.illustrated-band{column-gap:10px}.fast-image img{width:108px}}

.guide-card:not(.side-thumb) .card-thumb{align-self:center;width:auto;max-width:min(100%,205px);height:auto;max-height:132px;margin-top:auto;border-radius:12px}
.guide-card:not(.side-thumb) .card-thumb+span{margin-top:8px}
.side-thumb .card-thumb{width:auto;height:auto;max-width:100%;max-height:110px;justify-self:center;border-radius:12px}

/* Professional identity in the homepage cover */
.doctor-intro .doctor-title {
  display: flex;
  align-items: center;
  gap: .75rem;
  color: #405b6b;
  font: 650 clamp(.76rem, 1vw, .91rem)/1.5 system-ui, sans-serif;
  letter-spacing: .085em;
  text-transform: uppercase;
}
.doctor-intro .doctor-title::before {
  content: "";
  width: 1.65rem;
  height: 2px;
  flex: none;
  background: #7396a2;
}
.home-portrait .doctor-intro h1.doctor-name {
  margin: .65rem 0 .75rem;
  font: 400 clamp(2.7rem, 11.6cqi, 5.15rem)/1.05 Georgia, serif;
  letter-spacing: -.045em;
  color: #102b46;
}
.doctor-intro .doctor-name span { font-size: .68em; letter-spacing: -.035em; }
.home-portrait .doctor-intro .doctor-focus {
  max-width: none;
  color: #263e50;
  font: 450 clamp(1.1rem, 3.65cqi, 1.5rem)/1.38 system-ui, sans-serif;
  text-wrap: balance;
  margin: 0;
}
.doctor-intro .doctor-focus strong { font-weight: inherit; }
.home-portrait .doctor-intro .aff {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: .85rem 1.1rem;
  width: fit-content;
  max-width: 100%;
  padding-top: 1.15rem;
  margin-top: 1.5rem;
  border-top: 1px solid #d1d9dd;
}
.doctor-intro .aff > div,
.doctor-intro .aff > div + div { padding: 0; border: 0; }
.doctor-intro .aff > div + div {
  border-inline-start: 1px solid #9baeb9;
  padding-inline-start: clamp(.85rem, 2.8cqi, 1.25rem);
}
.home-portrait .doctor-intro + .herobuttons { margin-top: clamp(1.35rem, 4cqi, 1.85rem); }
.home-portrait .doctor-intro .aff .hospital-brand { width: clamp(145px, 37cqi, 235px); }
.doctor-intro .aff .sports-brand { width: 40px; height: 40px; }
.home-portrait .doctor-intro .aff .olimpia-role { font-size: .8rem; line-height: 1.4; color: #364c5a; }
.doctor-intro .aff a:focus-visible { outline: 2px solid #165a77; outline-offset: 4px; }
@container (max-width: 410px) {
  .doctor-intro .doctor-title { gap: .5rem; letter-spacing: .055em; }
  .doctor-intro .doctor-title::before { width: 1.1rem; }
  .home-portrait .doctor-intro .aff { gap: .7rem .85rem; }
  .home-portrait .doctor-intro .aff .hospital-brand { width: 135px; }
  .doctor-intro .aff .sports-brand { width: 32px; height: 32px; }
  .home-portrait .doctor-intro .aff .olimpia-role { font-size: .76rem; }
}

@container (min-width: 460px) {
  .home-portrait .doctor-intro .doctor-focus {
    font-size: min(3.45cqi, 1.45rem);
    white-space: nowrap;
  }
}

@container (max-width: 340px) {
  .home-portrait .doctor-intro .aff { align-items: flex-start; flex-direction: column; }
  .doctor-intro .aff > div + div {
    border-inline-start: 0;
    padding-inline-start: 0;
    border-top: 1px solid #9baeb9;
    padding-top: .65rem;
  }
}

#competenze .clinical > .specialty-art {
  display: grid;
  place-items: center;
  flex: none;
  aspect-ratio: 1.75;
  padding: 12px;
  background: #f2f6f8;
  border-bottom: 1px solid #dce5e9;
  grid-template: minmax(0,1fr) / minmax(0,1fr);
}
#competenze .clinical > .quartet {
  grid-template: repeat(2,minmax(0,1fr)) / repeat(2,minmax(0,1fr));
  padding-inline: 15%;
  gap: 8px;
}
#competenze .specialty-art img {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 0;
  object-fit: contain;
}
#competenze .rosa-feature img { object-fit: contain; mix-blend-mode: normal; }

#competenze .expertise-grid {
  display: grid;
  grid-template-columns: repeat(6,minmax(0,1fr));
  gap: clamp(14px,1.6vw,24px);
  margin-top: 26px;
}
.expertise-card {
  grid-column: span 2;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
  padding: clamp(22px,2.25vw,34px);
  border-radius: 14px;
  color: #fff;
  background: linear-gradient(125deg,#295b7b,#34708d);
}
.expertise-card:nth-child(n+4) { grid-column: span 3; }
.expertise-card:hover { color: white; text-decoration: none; }
.expertise-card:focus-visible { outline: 3px solid #357d9b; outline-offset: 4px; }
.expertise-heading { display: flex; align-items: center; gap: clamp(14px,1.5vw,24px); width: 100%; min-height: 82px; }
.expertise-heading h3 { color: white; font-size: clamp(1.45rem,2vw,2rem); line-height: 1.12; margin: 0; }
.expertise-heading .illustration { display:grid; place-items:center; flex: 0 0 clamp(56px,5.6vw,80px); aspect-ratio:1; }
.expertise-heading .multiple { grid-template: repeat(2,minmax(0,1fr)) / repeat(2,minmax(0,1fr)); gap:4px; }
.expertise-heading img { display:block; width:100%; height:100%; min-height:0; object-fit:contain; filter:brightness(0) invert(1); }
.expertise-heading .pathway { flex-basis:clamp(98px,11vw,148px); aspect-ratio:auto; }
.expertise-heading .pathway img { height:auto; filter:none; }
.expertise-card p { margin:0; color:#edf3f7; font-size:1.05rem; line-height:1.55; }
.expertise-action {
  display:inline-flex; align-items:center; gap:14px; margin-top:auto; min-height:44px;
  padding:8px 16px; border:1px solid #8ca9ba; border-radius:8px; color:white;
  font-size:.94rem; font-weight:600;
}
.expertise-card:is(:hover,:focus-visible) .expertise-action { background:white; color:#193e55; }
@media(max-width:980px) {
  #competenze .expertise-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .expertise-grid .expertise-card { grid-column:auto; }
  .expertise-grid .expertise-card:last-child { grid-column:1/-1; }
}
@media(max-width:650px) {
  #competenze .expertise-grid { grid-template-columns:1fr; }
  .expertise-card { gap:16px; }
  .expertise-heading { min-height:64px; }
}

.expertise-heading .revision-pair { grid-template-columns: repeat(2,minmax(0,1fr)); gap:3px; }
.expertise-card > h3 { color:white; font-size:clamp(1.45rem,2vw,2rem); margin:0; }
.fast-steps { display:grid; width:100%; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; padding:14px 8px; border-radius:8px; background:#f8fbfc; color:#14354a; }
.fast-steps > div { text-align:center; min-width:0; }
.fast-steps img { display:block; width:100%; height:48px; object-fit:contain; margin-bottom:7px; mix-blend-mode:multiply; }
.fast-steps span { display:block; font-size:.9rem; font-weight:600; line-height:1.3; overflow-wrap:anywhere; }
@media(max-width:1100px) { .fast-steps { grid-template-columns:repeat(2,minmax(0,1fr)); row-gap:14px; } }

/* Corner medallions reserve their own gutters around the cards. */
#competenze .expertise-grid {
  --medallion: clamp(54px,5vw,72px);
  --radius: calc(var(--medallion) / 2);
  padding-inline: var(--radius);
  margin-top: calc(var(--radius) + 20px);
  gap: calc(var(--medallion) + 14px);
}
.expertise-card:has(.illustration) {
  position: relative;
  overflow: visible;
  padding-top: calc(var(--radius) + 24px);
}
.expertise-card:has(.multiple) { padding-bottom:calc(var(--radius) + 12px); }
.expertise-card .expertise-heading { min-height:0; }
.expertise-heading .illustration { display:contents; }
.expertise-heading .illustration img {
  position:absolute;
  top:0;
  left:0;
  transform:translate(-50%,-50%);
  box-sizing:border-box;
  width:calc(var(--medallion) + 24px);
  height:calc(var(--medallion) + 24px);
  border-radius:50%;
  border:1px solid #a9c1ce;
  background:#f8fbfc;
  padding:7px;
  filter:none;
  pointer-events:none;
}

.expertise-card:has(.fast-steps) { container-type:inline-size; }
.fast-steps span { overflow-wrap:normal; word-break:normal; hyphens:none; }
@container (max-width: 34rem) { .fast-steps { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@container (max-width: 17rem) { .fast-steps { grid-template-columns:1fr; } }