.sampling-page{--sp-ink:#193e54;--sp-blue:#205d89;--sp-muted:#567183;color:var(--sp-ink);background:#fff;font-family:Lexend,sans-serif}.sampling-page *{box-sizing:border-box}.sampling-page [hidden]{display:none!important}.sampling-page p{line-height:1.8;color:var(--sp-muted);margin:0 0 15px}.sampling-page a{color:var(--sp-blue);text-underline-offset:4px}.sampling-page h1,.sampling-page h2,.sampling-page h3{color:var(--sp-ink);letter-spacing:-.035em}.sampling-page h2{font-size:clamp(27px,3vw,36px);line-height:1.25;margin:10px 0 25px}.sampling-page h3{line-height:1.4}.sampling-page button,.sampling-page input,.sampling-page select{font:inherit}.sampling-page button,.sampling-page summary{cursor:pointer}.sampling-page :is(button,a,input,select,summary):focus-visible{outline:3px solid #54a0cd;outline-offset:4px}.sp-wrap{width:min(1120px,calc(100% - 64px));margin-inline:auto}.sp-icon,.sp-shell-icon{display:inline-block;width:22px;height:22px;flex:none;background:currentColor;-webkit-mask:var(--icon) center/contain no-repeat;mask:var(--icon) center/contain no-repeat;vertical-align:middle}.sp-left{--icon:url('/assets/icons/arrow-left.svg')}.sp-right{--icon:url('/assets/icons/arrow-right.svg')}.sp-external{--icon:url('/assets/icons/arrow-external.svg')}.sp-pin .sp-icon,.sp-pin.sp-icon{--icon:url('/assets/icons/sampling-pin.svg')}.sp-clock{--icon:url('/assets/icons/sampling-clock.svg')}.sp-search{--icon:url('/assets/icons/sampling-search.svg')}.sp-chevron{--icon:url('/assets/icons/sampling-chevron.svg')}.sp-lab{--icon:url('/assets/icons/sampling-lab.svg')}.sp-skip{position:fixed;top:-100px;left:20px;z-index:99999;background:white;padding:15px}.sp-skip:focus{top:15px}.sp-hero{padding:26px 0 68px;background:radial-gradient(ellipse at 90% 10%,#dbeef8 0,transparent 55%),linear-gradient(110deg,#f5fafc,#eaf5fa)}.sp-back{display:inline-flex;align-items:center;gap:9px;font-size:12px;text-decoration:none}.sp-hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:90px;align-items:center;padding-top:40px}.sampling-page .sp-eyebrow{font-size:10px;letter-spacing:.17em;font-weight:600;color:#2e7b9f;margin:0 0 18px}.sampling-page h1{font-size:clamp(42px,5.3vw,65px);line-height:1.12;margin:0 0 25px;font-weight:600}.sampling-page h1 span{color:#2d7da1}.sampling-page .sp-lead{font-size:16px;max-width:560px}.sp-button{display:inline-flex;gap:17px;align-items:center;justify-content:center;min-height:48px;background:var(--sp-blue);color:white!important;text-decoration:none;border:1px solid var(--sp-blue);border-radius:30px;padding:12px 23px;font-size:13px!important;font-weight:500;cursor:pointer}.sp-button:hover{background:#174d72}.sp-hero .sp-button{margin-top:14px}.sp-secondary{background:white;color:var(--sp-blue)!important;border-color:#c7dce7}.sp-secondary:hover{background:#edf6fa}.sp-hero-note{background:#ffffffad;border:1px solid #fff;border-radius:25px;padding:33px 34px;box-shadow:0 15px 60px #205d8908}.sp-hero-note>.sp-icon{width:58px;height:58px;color:#3985a8;margin-bottom:22px}.sp-hero-note h2{font-size:25px;margin:0 0 15px}.sp-hero-note p:not(.sp-eyebrow){font-size:13px}.sp-text-link{display:inline-flex;align-items:center;gap:9px;font-size:12px;font-weight:500;min-height:36px}.sp-finder{padding-block:62px;scroll-margin-top:100px}.sp-choices{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:26px}.sp-choice{display:flex;flex-direction:column;text-align:left;gap:7px;border:1px solid #d9e5ec;border-radius:17px;background:#fff;color:var(--sp-ink);padding:21px 24px;min-height:96px}.sp-choice strong{font-size:16px;font-weight:500}.sp-choice span{font-size:12px;color:var(--sp-muted)}.sp-choice[aria-pressed=true]{background:#edf7fb;border:2px solid #367ea4;padding:20px 23px;box-shadow:0 3px 10px #205d8905}.sp-notice{display:flex;align-items:flex-start;gap:16px;background:#fff7e9;border:1px solid #f0dfbd;border-radius:15px;padding:20px 24px;margin-bottom:29px}.sp-notice>.sp-icon{color:#9c6f27;margin-top:2px}.sp-notice strong{font-size:14px;font-weight:500}.sp-notice p{font-size:12px;color:#78664b;margin:7px 0 0;max-width:880px}.sp-searchbar{display:grid;grid-template-columns:1fr 270px;gap:18px}.sp-searchbar label{font-size:12px;font-weight:500;display:block}.sp-input-wrap{position:relative;margin-top:9px}.sp-input-wrap .sp-icon{position:absolute;left:16px;top:16px;color:#7291a4}.sp-searchbar input,.sp-searchbar select{height:54px;width:100%;border:1px solid #cbdde7;border-radius:11px;background:#fff;color:var(--sp-ink);font-size:13px;padding:12px 16px;min-width:0}.sp-searchbar select{display:block;margin-top:9px}.sp-searchbar input{padding-left:49px}.sp-searchbar input::placeholder{color:#688396;opacity:1}.sp-results-head{display:flex;justify-content:space-between;align-items:center;margin:24px 0 12px}.sp-results-head p{font-size:12px;margin:0}.sp-reset{background:transparent;border:0;color:var(--sp-blue);text-decoration:underline;font-size:12px!important;padding:8px}.sp-clinic{border:1px solid #dce7ed;border-radius:15px;margin-bottom:11px;overflow:hidden;background:white}.sp-clinic>summary{display:flex;align-items:center;gap:18px;list-style:none;padding:21px 24px}.sp-clinic>summary::-webkit-details-marker,.sp-sources>summary::-webkit-details-marker{display:none}.sp-clinic summary:hover{background:#f8fbfd}.sp-clinic summary>.sp-pin{background:#eff7fb;color:#3882a7;display:grid;place-items:center;width:46px;height:46px;border-radius:50%;flex:none}.sp-clinic-title{flex:1;min-width:0}.sp-clinic-title small{font-size:10px;color:#5f859d}.sp-clinic-title h3{font-size:17px;margin:4px 0 5px;font-weight:500}.sp-clinic-title>span{font-size:12px;color:var(--sp-muted)}.sp-clinic summary>.sp-chevron{color:#58819b;width:19px;height:19px;margin-left:5px;transition:transform .2s}.sp-clinic[open] summary>.sp-chevron{transform:rotate(180deg)}.sp-badge{font-size:10px;background:#edf6f4;color:#3d7263;padding:8px 12px;border-radius:20px;white-space:nowrap}.sp-badge-check{background:#fff6e7;color:#88682f}.sp-clinic-body{margin:0 24px 0 88px;border-top:1px solid #e3edf2;padding:23px 0 24px}.sp-facts{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-bottom:18px}.sampling-page .sp-label{font-size:10px;letter-spacing:.06em;margin:0 0 6px;text-transform:uppercase}.sp-facts strong{font-size:13px;font-weight:500}.sp-clinic-body>p{font-size:12px;max-width:780px}.sp-clinic-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.sp-clinic-actions .sp-button{font-size:11px!important;min-height:40px;padding:8px 14px}.sp-clinic-actions .sp-text-link{font-size:11px}.sampling-page .sp-footnote{font-size:11px;margin-top:19px;max-width:870px}.sp-empty{padding:32px;background:#f4f9fc;border-radius:16px}.sp-other-intro{padding:26px;background:#f2f8fb;border-radius:17px}.sp-other-intro h3{font-size:23px;margin-top:0}.sp-other-intro p{font-size:13px;max-width:860px}.sp-other-intro .sp-button{margin:10px 10px 0 0}.sp-map{width:100%;height:650px;border:1px solid #dce7ed;border-radius:18px;margin-top:25px}.sp-preparation{padding:54px 0;background:#f0f7fb}.sp-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:52px;list-style:none;padding:0;margin:35px 0 0}.sp-steps li>span{color:#60a0c2;font-size:27px;font-weight:400}.sp-steps h3{font-size:17px;font-weight:500;margin:15px 0 10px}.sp-steps p{font-size:12px;margin:0}.sp-bottom{padding-block:58px}.sp-help{display:flex;justify-content:space-between;gap:40px;align-items:center}.sp-help h2{margin-bottom:15px}.sp-help p:not(.sp-eyebrow){font-size:13px;max-width:700px}.sp-help .sp-button{flex:none}.sp-sources{border-top:1px solid #dce7ed;margin-top:35px;padding-top:23px;font-size:11px;color:var(--sp-muted)}.sp-sources summary{list-style:none;display:flex;gap:15px;align-items:center;font-size:12px;min-height:30px;margin-bottom:15px}.sp-sources p{max-width:930px}.sp-sources li{margin-bottom:10px}.sp-shell-icon{width:22px;height:22px}.iad-dropdown>summary>.sp-shell-icon{width:15px;height:15px}.if-family-links .sp-shell-icon{display:none}
@media(max-width:800px){.sp-hero-grid{gap:35px;grid-template-columns:1.1fr .9fr}.sp-hero-note{padding:26px}.sp-badge{display:none}.sp-steps{gap:25px}.sp-help{align-items:flex-start;flex-direction:column;gap:10px}}
@media(max-width:600px){.sp-wrap{width:calc(100% - 36px)}.sp-hero{padding:20px 0 35px}.sp-hero-grid{grid-template-columns:1fr;padding-top:28px;gap:27px}.sampling-page h1{font-size:43px}.sampling-page .sp-lead{font-size:14px}.sp-hero-note{padding:23px}.sp-hero-note>.sp-icon{float:right;width:43px;height:43px;margin:0 0 10px 10px}.sp-hero-note h2{font-size:22px}.sp-hero-note .sp-eyebrow{font-size:9px;margin-bottom:12px}.sp-finder{padding-block:38px}.sp-choices{grid-template-columns:1fr;gap:10px}.sp-choice{padding:17px 19px;min-height:80px}.sp-choice[aria-pressed=true]{padding:16px 18px}.sp-choice strong{font-size:14px}.sp-notice{padding:18px 16px;gap:12px}.sp-notice strong{font-size:13px}.sp-searchbar{grid-template-columns:1fr;gap:15px}.sp-clinic>summary{padding:19px 15px;gap:12px}.sp-clinic summary>.sp-pin{width:35px;height:35px}.sp-clinic-title h3{font-size:15px}.sp-clinic-title>span{font-size:11px;line-height:1.6;display:block}.sp-clinic-body{margin:0 17px;padding-block:20px}.sp-facts{grid-template-columns:1fr;gap:15px}.sp-clinic-actions{gap:10px 16px}.sp-steps{grid-template-columns:1fr;gap:25px}.sp-steps li{padding-left:47px;position:relative}.sp-steps li>span{position:absolute;left:0;top:0;font-size:23px}.sp-steps h3{margin-top:0}.sp-preparation{padding:37px 0}.sp-bottom{padding-block:38px}.sp-other-intro{padding:21px}.sp-other-intro h3{font-size:21px}.sp-map{height:570px}.sp-results-head{min-height:30px}.sp-help .sp-button{width:100%}}
@media(prefers-reduced-motion:reduce){.sampling-page *{scroll-behavior:auto!important;transition:none!important}}

/* Keep the soft blue surfaces and rounded shapes used across IntygAvDoktorn. */
.sp-hero{position:relative;padding-bottom:76px;background:radial-gradient(ellipse at 84% 15%,#e0f0f8,transparent 62%),linear-gradient(110deg,#f8fbfd,#edf7fb)}
.sp-hero:after{content:'';position:absolute;bottom:-1px;left:0;width:100%;height:24px;background:white;clip-path:ellipse(65% 90% at 50% 100%)}
.sp-hero-note{background:#ffffffb8;box-shadow:none;border-radius:28px}
.sp-choice{border-radius:20px;transition:background .15s,border-color .15s}
.sp-choice:hover{background:#f5fafc;border-color:#9fc5da}
.sp-choice[aria-pressed=true]{background:#eef7fb;border-color:#2d789f;box-shadow:none}
.sp-clinic{border-radius:18px;border-color:#e0eaf0}
.sp-clinic summary>.sp-pin{background:#edf6fa;color:#54a0cd}
.sp-badge{background:transparent;color:#587789;padding:0;font-size:11px}
.sp-map{display:block;margin-top:0;border-radius:20px}
.sp-map-link{margin-top:12px}
.sp-preparation{background:#f0f7fb}
.sp-button{background:#205f89;border-color:#205f89}
.sp-secondary{background:#fff;border-color:#c7dce7}
@media(max-width:600px){.sp-hero{padding-bottom:43px}.sp-map{height:600px;border-radius:18px}.sp-map-link{font-size:11px}.sp-choices{margin-bottom:24px}.sp-hero-note{border-radius:22px}.sp-help{gap:12px}}

/* The approved doctor and blue landscape give the page the site's own identity. */
.sp-hero-redesign{overflow:hidden;background:#fbfdfe;padding:25px 0 0;isolation:isolate}
.sp-hero-redesign:after{height:17px;clip-path:ellipse(70% 80% at 50% 100%)}
.sp-hero-redesign .sp-wrap{position:relative}
.sp-hero-redesign .sp-back{position:relative;z-index:2;color:#4f7891}
.sp-hero-redesign .sp-hero-grid{grid-template-columns:1fr 1fr;gap:25px;min-height:415px;padding-top:20px;align-items:center}
.sp-hero-copy{position:relative;z-index:2;padding:35px 0 65px}
.sp-hero-redesign h1{font-size:clamp(42px,4.8vw,60px);font-weight:600;line-height:1.16;letter-spacing:-.045em;margin-bottom:22px}
.sp-hero-redesign h1 span{color:#3987ae}
.sp-hero-redesign .sp-lead{max-width:485px;font-size:15px;line-height:1.85}
.sp-hero-redesign .sp-button{font-size:14px!important;min-height:51px;padding-inline:25px;margin-top:9px;box-shadow:0 6px 18px #205d8910}
.sp-hero-art{position:absolute;right:-140px;bottom:0;width:710px;height:425px;z-index:0;pointer-events:none}
.sp-hero-art img{width:100%;height:100%;object-fit:cover;object-position:51% bottom;mix-blend-mode:multiply;mask-image:linear-gradient(to right,transparent 0,#000 16%,#000 96%,transparent 100%)}
.sp-art-label{position:absolute;right:140px;bottom:28px;display:flex;align-items:center;gap:9px;background:#ffffffed;border:1px solid #e4edf2;border-radius:99px;padding:11px 17px;font-size:11px;color:#296582;box-shadow:0 8px 25px #244b6010}
.sp-art-label .sp-icon{width:18px;height:18px;color:#54a0cd}
.sp-finder{padding-top:47px}
.sp-choices{gap:18px;margin-top:27px;margin-bottom:30px}
.sp-choice{position:relative;display:grid;grid-template-columns:46px 1fr;column-gap:16px;row-gap:5px;padding:23px 25px;min-height:102px;background:#fff;border-radius:20px;border:1px solid #dce7ed}
.sp-choice .sp-choice-icon{grid-column:1;grid-row:1 / 3;align-self:center;justify-self:center;width:32px;height:32px;color:#6a9fb9}
.sp-choice strong{grid-column:2;align-self:end;font-size:17px}
.sp-choice>span{grid-column:2;align-self:start;font-size:12px}
.sp-choice[aria-pressed=true]{padding:22px 24px;border-color:#3b83a8;background:#f0f8fc}
.sp-choice[aria-pressed=true] .sp-choice-icon{color:#2d789f}
@media(min-width:1500px){.sp-hero-art{right:-180px;width:790px}}
@media(max-width:900px){.sp-hero-redesign .sp-hero-grid{min-height:390px}.sp-hero-art{right:-190px;width:630px;height:375px;opacity:.87}.sp-hero-redesign .sp-lead{max-width:390px}.sp-hero-copy{max-width:420px}.sp-art-label{right:160px;font-size:10px}.sp-hero-redesign h1{font-size:47px}}
@media(max-width:600px){.sp-hero-redesign{padding-top:20px}.sp-hero-redesign .sp-hero-grid{display:flex;flex-direction:column;gap:0;min-height:0;padding-top:0}.sp-hero-copy{width:100%;max-width:none;padding:32px 0 0}.sp-hero-redesign h1{font-size:43px;margin-bottom:19px;line-height:1.16}.sp-hero-redesign .sp-eyebrow{font-size:9px;letter-spacing:.14em;margin-bottom:17px}.sp-hero-redesign .sp-lead{max-width:100%;font-size:14px}.sp-hero-redesign .sp-button{margin-top:6px;min-height:48px}.sp-hero-art{position:relative;right:auto;bottom:auto;width:calc(100% + 36px);height:220px;margin:8px -18px 0;opacity:1}.sp-hero-art img{object-position:center bottom;mask-image:linear-gradient(to bottom,transparent,#000 18%);object-fit:cover}.sp-art-label{right:20px;bottom:20px;font-size:10px;padding:9px 12px}.sp-finder{padding-top:32px}.sp-choice{grid-template-columns:37px 1fr;column-gap:14px;padding:18px 19px;min-height:89px}.sp-choice[aria-pressed=true]{padding:17px 18px}.sp-choice strong{font-size:15px}.sp-choice .sp-choice-icon{width:28px;height:28px}.sp-choice>span{font-size:11px}.sp-choices{gap:12px;margin-top:22px}}
.sp-clinic-title>.sp-clinic-hours{display:block;margin-top:7px;font-size:11px;color:#286c90;font-weight:500}
.sp-preparation{padding:62px 0;background:linear-gradient(120deg,#f3f8fc,#eaf4fa);scroll-margin-top:100px}
.sp-steps{gap:22px;margin-top:30px}
.sp-steps li{position:relative;padding:27px 27px 30px;background:#fff;border:1px solid #e0ecf3;border-radius:23px;box-shadow:0 8px 28px #205d8905}
.sp-step-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:23px}
.sp-step-top>span{font-size:12px;letter-spacing:.06em;color:#5c95b5;background:#f1f7fb;border:1px solid #e1edf4;border-radius:99px;padding:7px 10px}
.sp-step-icon{display:block;width:48px;height:48px;color:#3480a8;background:currentColor;mask:var(--step-icon) center/contain no-repeat;-webkit-mask:var(--step-icon) center/contain no-repeat}
.sp-step-message{--step-icon:url('/assets/icons/sampling-message.svg')}
.sp-step-idcard{--step-icon:url('/assets/icons/sampling-idcard.svg')}
.sp-step-visit{--step-icon:url('/assets/icons/sampling-visit.svg')}
.sp-steps h3{font-size:18px;margin:0 0 11px}
.sp-steps p{font-size:13px;line-height:1.85}
@media(max-width:600px){.sp-preparation{padding:38px 0}.sp-steps{gap:15px}.sp-steps li{padding:22px 23px;border-radius:20px}.sp-step-top{margin-bottom:17px}.sp-step-icon{width:42px;height:42px}.sp-steps h3{font-size:17px}}

/* Dedicated sampling illustration, with the same tall embed as Hälsocheck. */
.sp-hero-redesign{background:radial-gradient(ellipse at 78% 80%,#eaf5fb,transparent 55%),#fbfdfe;padding-top:0}
.sp-hero-redesign .sp-hero-grid{min-height:460px;padding-top:0}
.sp-hero-copy{padding:60px 0 65px}
.sp-hero-art{right:-35px;bottom:0;width:570px;height:455px;overflow:hidden}
.sp-hero-art img{position:absolute;left:50%;transform:translateX(-50%);bottom:-95px;width:760px;max-width:none;height:550px;object-fit:contain;object-position:center;mix-blend-mode:normal;mask-image:none}
.sp-choice{grid-template-columns:72px 1fr;column-gap:20px;row-gap:0;align-items:center;padding:17px 24px;min-height:110px}
.sp-choice[aria-pressed=true]{padding:16px 23px}
.sp-choice .sp-choice-illustration{grid-column:1;grid-row:1;display:block;object-fit:contain;width:72px;height:72px}
.sp-choice strong{grid-column:2;grid-row:1;align-self:center}
.sp-partners{padding:45px 0 48px;background:#fff;border-bottom:1px solid #e5eef3;scroll-margin-top:100px}
.sampling-page .sp-partners h2{text-align:center;font-size:24px;font-weight:500;letter-spacing:-.025em;margin:0 0 34px}
.sp-partner-logos{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:center;gap:40px;list-style:none;margin:0;padding:0 25px}
.sp-partner-logos li{display:flex;align-items:center;justify-content:center;min-height:65px}
.sp-partner-logos img{display:block;object-fit:contain;width:auto;max-width:170px;max-height:48px}
.sp-partner-logos .sp-partner-synlab{max-height:34px;max-width:160px}
.sp-partner-logos .sp-partner-giddir{max-height:34px;max-width:156px}
.sp-partner-logos .sp-partner-provio{max-height:43px;max-width:140px}
@media(max-width:600px){.sp-partners{padding:34px 0 36px}.sampling-page .sp-partners h2{font-size:22px;margin-bottom:24px}.sp-partner-logos{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 24px;padding:0 7px}.sp-partner-logos li{min-height:58px}.sp-partner-logos img{max-width:138px;max-height:41px}.sp-partner-logos .sp-partner-synlab{max-width:130px;max-height:29px}.sp-partner-logos .sp-partner-giddir{max-width:135px;max-height:29px}.sp-partner-logos .sp-partner-provio{max-width:124px;max-height:38px}}
@media(min-width:801px){.sampling-page .sp-map{height:832px}}
.sampling-page .sp-map{border:0;outline:1px solid #dce7ed}
@media(min-width:1500px){.sp-hero-art{right:-35px;width:570px}}
@media(min-width:601px) and (max-width:900px){.sp-hero-art{right:-90px;width:500px;height:430px;opacity:1}.sp-hero-art img{height:490px;bottom:-60px;width:650px}.sp-hero-copy{max-width:390px}.sp-hero-redesign .sp-hero-grid{min-height:440px}.sp-choice{column-gap:12px}}
@media(max-width:600px){.sp-hero-redesign{padding-top:0}.sp-hero-copy{padding:35px 0 0}.sp-hero-art{right:auto;width:100%;height:285px;margin:12px 0 0}.sp-hero-art img{width:490px;height:355px;bottom:-70px;mask-image:none;object-fit:contain}.sp-choice{grid-template-columns:60px 1fr;min-height:90px;padding:12px 17px;column-gap:15px}.sp-choice[aria-pressed=true]{padding:11px 16px}.sp-choice .sp-choice-illustration{width:60px;height:60px}.sp-choice strong{font-size:15px}.sp-hero-redesign .sp-hero-grid{min-height:0}}

/* Reuse IntygAvDoktorn's established wave shape at section boundaries. */
.sp-hero-redesign:after,.sp-preparation:before,.sp-preparation:after{content:'';position:absolute;left:0;width:100%;height:48px;pointer-events:none;background:currentColor;mask:url('/assets/intygsguiden/section-wave.svg') center/100% 100% no-repeat;-webkit-mask:url('/assets/intygsguiden/section-wave.svg') center/100% 100% no-repeat;clip-path:none;color:white}
.sp-hero-redesign:after{bottom:-1px;z-index:1}
.sp-preparation{position:relative;padding-block:91px}
.sp-preparation:before{top:-1px;transform:rotate(180deg)}
.sp-preparation:after{bottom:-1px}
.sp-preparation>.sp-wrap{position:relative;z-index:1}
.sp-bottom{padding-bottom:58px}
@media(max-width:600px){.sp-hero-redesign:after,.sp-preparation:before,.sp-preparation:after{height:28px}.sp-preparation{padding-block:61px}.sp-bottom{padding-bottom:38px}}

/* One patient-facing layout for every sampling location. */
.sp-clinic>summary{display:grid;grid-template-columns:46px minmax(0,1fr) 20px;column-gap:18px;row-gap:18px;align-items:start;padding:23px 25px}
.sp-clinic-pin{grid-column:1;grid-row:1 / 3;width:46px;height:46px;display:grid;place-items:center;background:#edf6fa;color:#54a0cd;border-radius:50%;margin-top:8px}
.sp-clinic-pin>.sp-icon{--icon:url('/assets/icons/sampling-pin.svg')}
.sp-clinic-title{grid-column:2;grid-row:1}
.sp-clinic-title h3{margin:4px 0 6px}
.sp-clinic-meta{grid-column:2;grid-row:2;display:grid;grid-template-columns:minmax(0,1fr) minmax(170px,.65fr);gap:28px;max-width:730px}
.sp-meta-item{display:flex;flex-direction:column;gap:6px;min-width:0}
.sp-meta-label{font-size:10px;letter-spacing:.07em;text-transform:uppercase;color:#6c8a9e}
.sp-meta-value{font-size:14px;line-height:1.7;font-weight:400;color:#285c7a}
.sp-clinic>summary>.sp-chevron{grid-column:3;grid-row:1 / 3;align-self:center;margin:0}
.sp-clinic-body{margin-left:89px}
.sp-step-top{min-height:88px;align-items:flex-start;margin-bottom:21px}
.sp-step-illustration{display:block;width:88px;height:88px;object-fit:contain}
.sp-step-top>span{margin-top:6px}
@media(max-width:600px){.sp-hero-copy{text-align:center}.sp-hero-redesign .sp-lead{margin-inline:auto}.sp-clinic>summary{grid-template-columns:34px minmax(0,1fr) 16px;column-gap:12px;row-gap:15px;padding:20px 16px}.sp-clinic-pin{width:34px;height:34px;margin-top:7px}.sp-clinic-meta{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:15px}.sp-meta-value{font-size:13px;line-height:1.7}.sp-meta-label{font-size:9px}.sp-clinic-body{margin:0 17px}.sp-step-illustration{width:78px;height:78px}.sp-step-top{min-height:78px;margin-bottom:17px}}

/* Compact, illustrated checklist on phones. */
@media(max-width:600px){
 .sp-preparation .sp-steps{gap:14px;margin-top:25px}
 .sp-preparation .sp-steps>li{display:grid;grid-template-columns:64px minmax(0,1fr);column-gap:15px;row-gap:8px;position:relative;padding:22px 18px;border-radius:22px;text-align:left}
 .sp-preparation .sp-step-top{display:contents}
 .sp-preparation .sp-step-illustration{grid-column:1;grid-row:1 / 3;align-self:start;width:64px;height:64px}
 .sp-preparation .sp-step-top>span{position:absolute;top:12px;right:12px;margin:0;font-size:10px;min-width:25px;height:25px;padding:4px 6px}
 .sp-preparation .sp-steps h3{grid-column:2;margin:0;padding-right:21px;font-size:16px;line-height:1.45}
 .sp-preparation .sp-steps p{grid-column:2;margin:0;font-size:13px;line-height:1.75}
 .sp-preparation{padding-block:55px}
}