/* Smartmed additions: practical starting points, evidence and the next conversation. */
.sx-problems{background:var(--bg);border-top:1px solid var(--line)}
.sx-section-head{display:grid;grid-template-columns:1.2fr 1fr;gap:40px;align-items:end;margin-bottom:44px}
.sx-eyebrow{color:var(--ink-3);margin-bottom:20px}
.sx-section-head .display{max-width:25ch}
.sx-lede{font-size:var(--fs-lead);color:var(--ink-2);max-width:45ch;justify-self:end;line-height:1.5}
.sx-problem-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:20px}
.sx-problem{grid-column:span 5;display:flex;flex-direction:column;min-width:0;min-height:520px;border:1px solid var(--line);border-radius:20px;overflow:hidden;background:var(--paper);transition:border-color .5s var(--ease),box-shadow .5s var(--ease)}
.sx-problem-wide{grid-column:span 7}
.sx-problem:hover,.sx-problem:focus-within{border-color:var(--line-strong);box-shadow:0 18px 45px -36px rgba(13,36,51,.45)}
.sx-card-copy{padding:30px 30px 0;position:relative;z-index:3}
.sx-card-index{color:var(--ink-3);margin-bottom:17px}
.sx-card-copy h3{font:600 var(--fs-h4)/1.15 var(--sans);letter-spacing:var(--track-snug);max-width:27ch;text-wrap:balance}
.sx-card-copy>p:not(.sx-card-index){margin-top:13px;color:var(--ink-2);font-size:var(--fs-body);line-height:1.5;max-width:48ch}
.sx-card-link{display:inline-flex;gap:20px;align-items:center;margin-top:18px;font-size:var(--fs-small);font-weight:600;text-decoration:none;color:var(--teal-ink)}
.sx-card-link span{transition:transform .5s var(--ease)}
.sx-card-link:hover span{transform:translate(2px,-2px)}
.sx-card-media{position:relative;flex:1;min-height:245px;margin-top:24px;overflow:hidden;background:linear-gradient(145deg,var(--paper),var(--bg-2))}
.sx-card-media img{display:block;width:100%;height:auto}
.sx-card-media figcaption{position:absolute;z-index:4;bottom:0;left:0;right:0;padding:13px 30px;background:linear-gradient(transparent,var(--paper) 35%);font:500 var(--fs-label)/1.5 var(--sans);color:var(--ink-3)}
.sx-sheet{position:absolute;top:10px;left:18%;width:70%;height:180px;border:1px solid var(--line);background:var(--paper);transform:rotate(-9deg);border-radius:6px;box-shadow:0 10px 22px -15px rgba(13,36,51,.3);overflow:hidden}
.sx-sheet>div{display:grid;grid-template-columns:repeat(4,1fr);height:34px}
.sx-sheet span{border-right:1px solid var(--line);border-bottom:1px solid var(--line);position:relative}
.sx-sheet span::before{content:"";position:absolute;top:12px;left:10px;width:48%;height:4px;background:var(--line);border-radius:5px}
.sx-sheet>div:first-child{background:var(--teal-soft)}
.sx-screen-frame{position:absolute;top:44px;left:8%;width:84%;height:225px;border:1px solid var(--line-strong);border-radius:9px 9px 0 0;overflow:hidden;transform:perspective(900px) rotateY(-7deg) rotateZ(-3deg);background:#fff;box-shadow:0 25px 55px -25px rgba(13,36,51,.5);transition:transform .7s var(--ease)}
.sx-window-bar{height:27px;display:flex;align-items:center;gap:4px;padding:0 10px;background:var(--paper);border-bottom:1px solid var(--line);color:var(--ink-3);font-size:9px}
.sx-window-bar i{width:4px;height:4px;border-radius:50%;background:var(--line-strong)}
.sx-window-bar span{margin-left:7px}
.sx-problem:hover .sx-screen-frame,.sx-problem:focus-within .sx-screen-frame{transform:perspective(900px) rotateY(-2deg) rotateZ(-1deg) translateY(-7px)}
.sx-pathway-media{background:linear-gradient(var(--paper),var(--teal-soft))}
.sx-pathway{display:flex;justify-content:space-between;position:relative;z-index:2;margin:5px 32px 0}
.sx-pathway>span{position:relative;display:flex;align-items:center;flex-direction:column;gap:9px;font-size:10px;color:var(--ink-2);font-weight:500}
.sx-pathway i{width:12px;height:12px;border-radius:50%;background:var(--paper);border:2px solid var(--teal-ink);box-shadow:0 0 0 5px var(--paper)}
.sx-pathway-line{position:absolute;left:12px;right:12px;height:1px;background:var(--line-strong);top:5px;overflow:hidden}
.sx-pathway-line::after{content:"";position:absolute;width:35%;height:1px;left:-40%;background:var(--teal-ink)}
.sx-pathway-media>img{position:absolute;top:65px;left:6%;width:94%;transform:rotate(3deg);border:1px solid var(--line);border-radius:6px;box-shadow:0 20px 35px -25px rgba(13,36,51,.5);transition:transform .7s var(--ease)}
.sx-problem:hover .sx-pathway-media>img,.sx-problem:focus-within .sx-pathway-media>img{transform:rotate(0) translateY(-6px)}
.sx-output-tabs{display:flex;gap:6px;justify-content:center;margin-top:8px;position:relative;z-index:2}
.sx-output-tabs span{background:var(--paper);border:1px solid var(--line);border-radius:999px;padding:6px 13px;font-size:11px;font-weight:500;color:var(--ink-2)}
.sx-output-tabs span:last-child{background:var(--ink);color:var(--on-dark);border-color:var(--ink)}
.sx-report-media>img{position:absolute;width:88%;left:6%;top:49px;transform:perspective(850px) rotateX(7deg);transform-origin:50% 0;border:1px solid var(--line);border-radius:7px;transition:transform .7s var(--ease);box-shadow:0 25px 45px -25px rgba(13,36,51,.4)}
.sx-problem:hover .sx-report-media>img,.sx-problem:focus-within .sx-report-media>img{transform:perspective(850px) rotateX(0) translateY(-4px)}
.sx-guide-media{background:linear-gradient(135deg,var(--teal-soft),var(--paper))}
.sx-guide-media>img{position:absolute;width:87%;right:-7%;top:24px;transform:rotate(-6deg);mix-blend-mode:multiply;transition:transform .7s var(--ease)}
.sx-search-illustration{position:absolute;z-index:2;top:16px;left:28px;display:flex;align-items:center;gap:10px;width:65%;padding:13px 15px;border:1px solid var(--line);background:var(--paper);box-shadow:0 12px 30px -17px rgba(13,36,51,.4);border-radius:10px;font-size:12px;color:var(--ink-2)}
.sx-search-illustration svg{width:17px;height:17px;fill:none;stroke:var(--teal-ink);stroke-width:1.5}
.sx-search-illustration i{font-style:normal;margin-left:auto;color:var(--ink-3)}
.sx-problem:hover .sx-guide-media>img,.sx-problem:focus-within .sx-guide-media>img{transform:rotate(-3deg) translateY(-7px)}
.sx-screen-note{margin-top:20px;font-size:var(--fs-small);color:var(--ink-3)}
.sx-about-facts dt{max-width:12ch}
.sx-result{margin-top:20px;padding:14px 0 0;border-top:1px solid var(--line-strong)}
.sx-result .mono{display:block;color:var(--teal-ink);margin-bottom:7px}
.sx-result p{font:500 var(--fs-body)/1.45 var(--sans);color:var(--ink-2);max-width:46ch}
.sx-inline-support{display:inline-block;margin-top:18px;font-size:var(--fs-small)}
.sx-questions{background:var(--bg);border-top:1px solid var(--line);padding-bottom:clamp(64px, 7vw, 112px)}
.sx-questions-layout{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(48px,8vw,140px);align-items:start}
.sx-question-intro{position:sticky;top:calc(var(--header-h) + 40px)}
.sx-question-intro>p:not(.sx-eyebrow){margin-top:22px;font-size:var(--fs-body);color:var(--ink-2);line-height:1.5;max-width:34ch}
.sx-question-intro .text-link{display:inline-block;margin-top:25px;font-size:var(--fs-small);font-weight:600}
.sx-faq-list{border-top:1px solid var(--line-strong)}
.sx-faq-list details{border-bottom:1px solid var(--line-strong)}
.sx-faq-list summary{display:grid;grid-template-columns:minmax(0,1fr) 18px;gap:15px;align-items:start;list-style:none;cursor:pointer;padding:25px 0;font:600 var(--fs-body)/1.45 var(--sans);letter-spacing:var(--track-body)}
.sx-faq-list summary::-webkit-details-marker{display:none}
.sx-faq-number{font:500 var(--fs-label)/1.6 var(--sans);color:var(--ink-3);padding-top:3px}
.sx-faq-list summary>i{position:relative;width:16px;height:16px;margin-top:4px;transition:transform .4s var(--ease)}
.sx-faq-list summary>i::before,.sx-faq-list summary>i::after{content:"";position:absolute;background:var(--teal-ink);border-radius:1px;top:7px;left:1px;right:1px;height:1px}
.sx-faq-list summary>i::after{transform:rotate(90deg)}
.sx-faq-list details[open] summary>i{transform:rotate(45deg)}
.sx-faq-list details[open] summary{color:var(--teal-ink)}
.sx-answer{padding:0 34px 25px 0;font-size:var(--fs-body);line-height:1.6;color:var(--ink-2)}
.sx-answer p+p{margin-top:14px}
.sx-answer a{display:inline-block;margin-top:17px;color:var(--teal-ink);font-size:var(--fs-small);font-weight:600;text-underline-offset:4px}
@media(prefers-reduced-motion:no-preference){
 .sx-is-live .sx-pathway-line::after{animation:sx-pathway-flow 4.5s var(--ease) infinite}
 .sx-faq-list details[open] .sx-answer{animation:sx-answer-in .4s var(--ease)}
}
@keyframes sx-pathway-flow{0%{left:-40%}70%,100%{left:110%}}
@keyframes sx-answer-in{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
@media(min-width:1530px){.sx-scene-caption{left:max(var(--gutter),calc((100vw - var(--max))/2 + var(--gutter)))}}
@media(max-width:1080px){.sx-card-copy{padding:25px 25px 0}.sx-problem{min-height:540px}.sx-section-head{gap:32px}.sx-card-media figcaption{padding-inline:25px}.sx-questions-layout{grid-template-columns:.8fr 1.2fr;gap:50px}}
@media(max-width:760px){
 .sx-section-head{grid-template-columns:1fr;gap:24px;margin-bottom:30px}.sx-lede{justify-self:start;max-width:48ch;font-size:var(--fs-body)}.sx-section-head .display br{display:none}
 .sx-problem-grid{grid-template-columns:1fr;gap:18px}.sx-problem,.sx-problem-wide{grid-column:auto;min-height:490px}.sx-card-copy h3{max-width:30ch}.sx-card-media{min-height:230px}
 .sx-questions-layout{grid-template-columns:1fr;gap:32px}.sx-question-intro{position:static}.sx-question-intro>p:not(.sx-eyebrow){max-width:46ch}.sx-question-intro .display br{display:none}.sx-faq-list summary{padding-block:22px;gap:10px;grid-template-columns:minmax(0,1fr) 17px}.sx-answer{padding-left:0;padding-right:10px}
}
@media(max-width:420px){.sx-card-copy{padding:24px 20px 0}.sx-card-copy h3{font-size:23px}.sx-card-link{font-size:13px;gap:10px}.sx-problem{min-height:515px}.sx-pathway{margin-inline:25px}.sx-search-illustration{left:20px;font-size:10px;gap:6px;width:77%}.sx-card-media figcaption{padding-inline:20px}.sx-output-tabs span{font-size:10px;padding:6px 10px}}
@media(prefers-reduced-motion:reduce){.sx-problem,.sx-card-link span,.sx-screen-frame,.sx-pathway-media>img,.sx-report-media>img,.sx-guide-media>img,.sx-faq-list summary>i{transition:none}.sx-pathway-line::after{display:none}}

#sx-problems-title{max-width:20ch;text-wrap:balance}#sx-questions-title{max-width:12ch;text-wrap:balance}@media(max-width:760px){#sx-problems-title,#sx-questions-title{max-width:none}}
.sx-question-intro .sx-eyebrow{margin-bottom:16px;font:600 var(--fs-label)/1.4 var(--sans);letter-spacing:.11em;text-transform:uppercase;color:var(--teal-ink)}
