/* Common card option: minimal. No clinic names, page IDs or content URLs. */
.sp-ext-crd--editorial{--sp-common-line:#dedbd7}
.sp-ext-crd--editorial .sp-sec-title{font-weight:var(--sty-w-title,400);line-height:1.25}
.sp-ext-crd--editorial .sp-ext-crd-desc,.sp-ext-crd--editorial .sp-ext-crd-body{line-height:1.9}
.sp-ext-crd--editorial .sp-ext-crd-link-button,.sp-ext-crd--editorial .sp-ext-crd-bottom-cta{overflow:visible;min-height:44px}
.sp-ext-crd--editorial.sp-ext-crd--btn-arrow .sp-ext-crd-link-button{padding-right:28px}
:is(.sp-ext-crd--editorial,.sp-ext-crd--faq-minimal).sp-ext-crd--role-faq .sp-ext-crd-grid{border-top:1px solid var(--sp-common-line)}
:is(.sp-ext-crd--editorial,.sp-ext-crd--faq-minimal).sp-ext-crd--role-faq .sp-ext-crd-faq-item{border-bottom-color:var(--sp-common-line)}
:is(.sp-ext-crd--editorial,.sp-ext-crd--faq-minimal).sp-ext-crd--role-faq .sp-ext-crd-faq-num{color:var(--sty-c-itemt,#615b54);font-weight:400}
:is(.sp-ext-crd--editorial,.sp-ext-crd--faq-minimal).sp-ext-crd--role-faq .sp-ext-crd-faq-icon{color:var(--sty-c-itemt,#292929);background:transparent;border-radius:0;font-weight:400}
:is(.sp-ext-crd--editorial,.sp-ext-crd--faq-minimal).sp-ext-crd--role-faq .sp-ext-crd-faq-title{font-size:var(--sty-t-itemt,18px);font-weight:400}
.sp-ext-crd--editorial.sp-ext-crd--info-chips .sp-ext-crd-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;align-items:start}
.sp-ext-crd--info-chips .sp-ext-crd-faq-q{grid-template-columns:1fr 24px;min-height:82px;padding:20px 22px}
.sp-ext-crd--info-chips .sp-ext-crd-faq-num{display:none}
.sp-ext-crd--info-chips .sp-ext-crd-faq-title{font-size:16px!important}
.sp-ext-crd--info-chips .sp-ext-crd-faq-answer{padding:0 22px 24px;font-size:15px;line-height:1.8}
.sp-ext-crd--info-chips .sp-common-faq-link{margin:0 22px 24px}
.sp-common-faq-link{display:inline-flex;align-items:center;gap:24px;padding:10px 0;margin:0 0 20px 54px;border-bottom:1px solid currentColor;font-size:14px;min-height:44px;color:inherit}
.sp-common-side-caption{position:absolute;right:0;bottom:8%;width:var(--sp-crd-side-w,50%);padding:24px 4%;text-align:center;color:#fff;white-space:pre-line;font-size:18px;line-height:1.9;z-index:2;box-sizing:border-box}
.sp-ext-crd--editorial.sp-ext-crd--role-hero.sp-ext-crd--side{min-height:620px;padding:0}
.sp-ext-crd--editorial.sp-ext-crd--role-hero.sp-ext-crd--side>.sp-b{position:relative;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr auto 1fr;align-items:center;width:100%!important;max-width:none!important;padding:0;gap:0;min-height:620px}
.sp-ext-crd--editorial.sp-ext-crd--role-hero.sp-ext-crd--side .sp-ext-crd-side{grid-column:2;grid-row:1/4;height:620px;min-height:0;align-self:stretch}
.sp-ext-crd--editorial.sp-ext-crd--role-hero .sp-ext-crd-side:after{content:'';position:absolute;inset:35% 0 0;background:linear-gradient(transparent,#211a1480);pointer-events:none}
.sp-ext-crd--editorial.sp-ext-crd--role-hero>.sp-b>.sp-sec-title{grid-column:1;grid-row:2;padding:0 7%;margin:0}
.sp-ext-crd--editorial.sp-ext-crd--role-hero>.sp-b>.sp-ext-crd-bottom{grid-column:1;grid-row:3;padding:25px 7%;align-self:start;margin:0}
body:not(.sp-edit) .sp-ext-crd--editorial.sp-ext-crd--role-hero .sp-ext-crd-grid:has(.sp-item-empty){display:none}
.sp-common-card-icon{position:relative;width:76px;height:76px;flex:none;margin-bottom:24px}
.sp-common-card-icon img{display:block;width:100%;height:100%;object-fit:contain}
/* Empty upload slots belong to edit mode, including authenticated previews. */
body:not(.sp-edit) .sp-common-card-icon-empty{display:none!important}

.sp-common-decoration{position:absolute;right:18px;top:50%;transform:translateY(-50%);height:min(420px,70%);width:auto;max-width:65px;object-fit:contain;opacity:.15;pointer-events:none}
.hive-minimal-nav .hive_sub_nav,.hive-minimal-nav .hive_sub_nav>*,.hive-minimal-nav .hive_sub_nav__home,.hive-minimal-nav .hive_sub_nav__item{border:0!important;box-shadow:none!important}
.sp-ext-crd--editorial a:focus-visible,.sp-ext-crd--editorial summary:focus-visible{outline:2px solid currentColor;outline-offset:4px}
@media(max-width:768px){
.sp-ext-crd--editorial.sp-ext-crd--info-chips .sp-ext-crd-grid{grid-template-columns:1fr}
.sp-ext-crd--info-chips .sp-ext-crd-faq-q{min-height:64px;padding:16px 12px}
.sp-ext-crd--info-chips .sp-ext-crd-faq-answer{padding:0 12px 20px}
.sp-ext-crd--info-chips .sp-common-faq-link{margin-left:12px}
:is(.sp-ext-crd--editorial,.sp-ext-crd--faq-minimal).sp-ext-crd--role-faq .sp-ext-crd-faq-title{font-size:16px}
.sp-ext-crd--editorial.sp-ext-crd--role-hero.sp-ext-crd--side>.sp-b{display:flex;min-height:0;flex-direction:column;width:100%!important;gap:0}
.sp-ext-crd--editorial.sp-ext-crd--role-hero.sp-ext-crd--side{min-height:0}
.sp-ext-crd--editorial.sp-ext-crd--role-hero>.sp-b>.sp-sec-title{order:0;padding:50px 20px 0;width:100%;font-size:36px}
.sp-ext-crd--editorial.sp-ext-crd--role-hero>.sp-b>.sp-ext-crd-bottom{order:1;padding:15px 20px 38px;width:100%}
.sp-ext-crd--editorial.sp-ext-crd--role-hero.sp-ext-crd--side .sp-ext-crd-side{order:2;width:100%;height:400px;margin:0;min-height:0}
.sp-common-side-caption{bottom:28px;width:100%;font-size:15px}
.sp-common-decoration{display:none}
.sp-common-card-icon{width:58px;height:58px}
.sp-ext-crd--editorial.sp-ext-crd--introleft .sp-sec-title{font-size:26px}
}
@media(prefers-reduced-motion:reduce){.sp-ext-crd--editorial *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
.sp-ext-crd--editorial.sp-ext-crd--role-hero.sp-ext-crd--side .sp-ext-crd-side{margin:0!important}
body:not(.sp-edit) .sp-ext-crd--editorial .sp-item-empty{display:none!important}
body:not(.sp-edit) .sp-ext-crd--editorial .sp-ext-crd-grid:has(>.sp-item-empty:only-child){display:none!important}
.sp-ext-crd--editorial.sp-ext-crd--role-doctor .sp-ext-crd-side img{object-position:center top}
.hive-minimal-nav{border:0!important;box-shadow:none!important}
.sp-ext-crd--editorial.sp-ext-crd--info-chips .sp-ext-crd-grid{border-top:1px solid #dedbd7!important}
.sp-ext-crd--editorial.sp-ext-crd--info-chips .sp-ext-crd-faq-item{border-bottom:1px solid #dedbd7!important}
#sp-sections>.sp-ext-crd--editorial{content-visibility:visible!important;contain-intrinsic-size:none!important}
body:not(.sp-edit) .sp-ext-crd--editorial .sp-ext-crd-grid:empty{display:none!important}
:is(.sp-ext-crd--editorial,.sp-ext-crd--faq-minimal).sp-ext-crd--role-faq details[open] .sp-ext-crd-faq-icon{background:transparent!important;color:var(--sty-c-itemt,#292929)!important;border-radius:0}
/* All refinements are selected through common builder options. */
.sp-ext-crd--editorial>.sp-b>.sp-sec-title{font-size:var(--sty-t-title,42px)!important;letter-spacing:normal}
.sp-common-side-caption{bottom:var(--hc-caption-bottom,10%);padding:0 5%;white-space:normal;display:flex;flex-direction:column;gap:var(--hc-caption-gap,12px);text-align:center}
.sp-common-side-caption p{margin:0!important;color:#fff;line-height:1.4;font-weight:400;letter-spacing:normal}
.sp-common-side-caption .caption_top{font-size:var(--hc-caption-top-size,16px)!important}
.sp-common-side-caption .caption_title{font-size:var(--hc-caption-title-size,42px)!important}
.sp-common-side-caption .caption_bottom{font-size:var(--hc-caption-bottom-size,15px)!important}
[data-hc-caption-align="left"] .sp-common-side-caption{text-align:left}
[data-hc-caption-align="right"] .sp-common-side-caption{text-align:right}
[data-hc-faq-icon-style="thin"] .sp-ext-crd-faq-icon{position:relative;width:20px;height:20px;min-width:20px;font-size:0!important;line-height:0!important;transform:none!important;background:transparent!important}
[data-hc-faq-icon-style="thin"] .sp-ext-crd-faq-icon:before,[data-hc-faq-icon-style="thin"] .sp-ext-crd-faq-icon:after{content:'';position:absolute;left:2px;top:9px;width:16px;height:1px;background:currentColor;transition:transform .28s ease}
[data-hc-faq-icon-style="thin"] .sp-ext-crd-faq-icon:after{transform:rotate(90deg)}
[data-hc-faq-icon-style="thin"] details[open] .sp-ext-crd-faq-icon:before{transform:rotate(45deg)}
[data-hc-faq-icon-style="thin"] details[open] .sp-ext-crd-faq-icon:after{transform:rotate(135deg)}
.sp-ext-crd--info-chips .sp-ext-crd-faq-q{border-bottom:1px solid transparent}
.sp-ext-crd--info-chips details[open] .sp-ext-crd-faq-q{background:#faf9f7;border-bottom-color:#82776a}
.sp-ext-crd--info-chips .sp-ext-crd-faq-answer{font-size:15px;color:#605b55;line-height:1.85;padding-top:24px}
.hive-modern-nav .hive_sub_nav__inner{gap:8px;width:min(1200px,calc(100% - 64px));margin:auto;justify-content:flex-start;flex-wrap:wrap}
.hive-modern-nav .hive_sub_nav__home{width:40px;height:40px;min-width:40px;border-radius:8px;background:#fcfcfc}
.hive-modern-nav .hive_snav_drop{border:0!important;flex:0 0 auto;min-width:0;max-width:100%}
.hive-modern-nav .hive_snav_btn{box-sizing:border-box;width:max-content;max-width:100%;height:auto;min-height:64px;padding:12px 24px;gap:16px;border:0!important;font-size:14px;background:transparent}
/* Keep the arrow in the intrinsic button width, including after font or label changes. */
.hive-modern-nav .hive_snav_btn__text{min-width:0;white-space:normal;overflow-wrap:anywhere;text-align:left}
.hive-modern-nav .hive_snav_btn__arrow{position:static;top:auto;right:auto;flex:0 0 7px;transform:rotate(45deg)}
.hive-modern-nav .hive_snav_drop.open .hive_snav_btn__arrow{transform:rotate(-135deg)}
.hive-modern-nav .hive_snav_list{top:calc(100% - 4px);border:1px solid #eeece9!important;border-radius:11px;box-shadow:0 14px 32px #2222220b;padding:6px 0;overflow:hidden;min-width:220px}
.hive-modern-nav .hive_snav_item{font-size:14px;padding:12px 16px;min-height:44px;line-height:1.5}
.hive-modern-nav .hive_snav_item.is-active{background:#f3f3f3;color:#302b27;font-weight:600}
.hive-modern-nav .hive_snav_btn:focus-visible{outline:1px solid #73685d;outline-offset:-4px}
.sp-ext-crd-common[data-hc-common-composition="full_banner"]>.sp-b{max-width:none!important;width:100%!important;padding-left:0!important;padding-right:0!important}
.sp-ext-crd-common[data-hc-common-composition="full_banner"]>.sp-b>.sp-ext-crd-desc{max-width:1200px;padding:0 24px;margin-left:auto;margin-right:auto}
.sp-ext-crd-common[data-hc-common-composition="full_banner"] .sp-ext-crd-grid{margin-top:50px!important}
.sp-ext-crd-common[data-hc-common-composition="full_banner"] .sp-ext-crd-item{border:0!important;border-radius:0!important}
.sp-ext-crd-common[data-hc-common-composition="full_banner"] .sp-ext-crd-thumb{width:100%!important;max-width:none!important;aspect-ratio:auto!important;margin:0!important}
.sp-ext-crd-common[data-hc-common-composition="full_banner"] .sp-ext-crd-thumb img{height:auto!important;width:100%!important;display:block}
.sp-ext-crd-common[data-hc-common-composition="full_banner"] .sp-ext-crd-content{position:absolute!important;inset:0!important;padding:24px!important;display:flex!important;align-items:center;justify-content:center;background:#0001!important;pointer-events:none}
.sp-ext-crd-common[data-hc-common-composition="full_banner"] .sp-ext-crd-title{font-size:var(--sty-t-itemt,56px)!important;font-weight:400!important;line-height:1.3!important;letter-spacing:.04em;color:#fff!important;margin:0!important;min-width:0;max-width:100%;text-align:center!important;overflow-wrap:break-word}
.sp-ext-crd-common[data-hc-common-composition="media_first"]>.sp-b{display:block!important;text-align:center}
.sp-ext-crd-common[data-hc-common-composition="media_first"] .sp-ext-crd-side{float:none!important;width:min(var(--sp-crd-quick-img-mw,680px),100%)!important;margin:0 auto 44px!important;height:auto!important;min-height:0!important}
.sp-ext-crd-common[data-hc-common-composition="media_first"] .sp-ext-crd-side img{position:static!important;height:auto!important;object-fit:contain!important}
.sp-ext-crd-common[data-hc-common-composition="media_first"]>.sp-b>.sp-sec-title,.sp-ext-crd-common[data-hc-common-composition="media_first"]>.sp-b>.sp-ext-crd-desc{width:100%!important;max-width:950px!important;margin-left:auto!important;margin-right:auto!important}
.sp-ext-crd-common[data-hc-common-composition="background_features"] .sp-ext-crd-item{border-top:1px solid #ffffff5c!important;overflow:visible!important;background:transparent!important;border-radius:0!important;min-height:0!important;aspect-ratio:auto!important}
.sp-ext-crd-common[data-hc-common-composition="background_features"] .sp-ext-crd-item>.sp-ext-crd-thumb{display:none!important}
.sp-ext-crd-common[data-hc-common-composition="background_features"] .sp-ext-crd-content{position:relative!important;inset:auto!important;padding:28px 0 0!important;background:transparent!important;display:flex;flex-direction:column;min-height:0!important}
.sp-ext-crd-common[data-hc-common-composition="background_features"] .sp-ext-crd-content:before,.sp-ext-crd-common[data-hc-common-composition="background_features"] .sp-ext-crd-content:after{display:none!important}
.sp-ext-crd-common[data-hc-common-composition="background_features"] .sp-ext-crd-title{font-weight:400!important;line-height:1.55!important;margin:0 0 22px!important;color:#fff!important}
.sp-ext-crd-common[data-hc-common-composition="background_features"] .sp-ext-crd-body{font-weight:400!important;color:#f3efea!important;line-height:1.85!important}
.sp-ext-crd-common[data-hc-common-composition="background_features"] .sp-common-card-icon{order:3;width:88px;height:88px;margin:34px 0 0}
.sp-ext-crd-common[data-hc-common-composition="background_features"] .sp-ext-crd-grid{gap:45px!important;margin-top:60px!important}
.sp-ext-crd-common[data-hc-common-composition="numbered_list"] .sp-ext-crd-item{border:0!important;border-bottom:1px solid #d8d3cd!important;border-radius:0!important;overflow:visible}
.sp-ext-crd-common[data-hc-common-composition="numbered_list"] .sp-ext-crd-content{position:relative;padding:18px 0 18px 42px!important}
.sp-ext-crd-common[data-hc-common-composition="numbered_list"] .sp-ext-crd-num{display:block!important;position:absolute!important;left:0;top:21px;font-size:13px!important;font-weight:400;color:var(--sp-crd-num-fg,var(--sp-crd-number-color,#756b61))!important;opacity:1!important;line-height:1.5}
.sp-ext-crd-common[data-hc-common-composition="numbered_list"] .sp-ext-crd-grid{gap:0!important}
.sp-ext-crd-common[data-hc-common-composition="flush_side"]{padding-top:0!important;padding-bottom:0!important}
.sp-ext-crd-common[data-hc-common-composition="flush_side"]>.sp-b{padding-top:0!important;padding-bottom:0!important}
.sp-ext-crd-common[data-hc-common-composition="flush_side"] .sp-ext-crd-side{margin-top:0!important;margin-bottom:0!important;align-self:stretch}
@media(min-width:769px){.sp-ext-crd-common[data-hc-common-composition="flush_side"] .sp-ext-crd-side{height:100%!important;min-height:530px!important}.sp-ext-crd-common[data-hc-common-composition="flush_side"]>.sp-b>.sp-sec-title{padding-top:54px}.sp-ext-crd-common[data-hc-common-composition="flush_side"]>.sp-b>.sp-ext-crd-bottom{padding-bottom:54px}}
@media(max-width:768px){
.sp-ext-crd--editorial>.sp-b>.sp-sec-title{font-size:var(--hc-t-title-mo,var(--sty-t-title,30px))!important}
.sp-common-side-caption{bottom:var(--hc-caption-bottom,10%);padding:0 24px}
.sp-common-side-caption .caption_top{font-size:var(--hc-caption-top-size-mo,14px)!important}
.sp-common-side-caption .caption_title{font-size:var(--hc-caption-title-size-mo,30px)!important}
.sp-common-side-caption .caption_bottom{font-size:var(--hc-caption-bottom-size-mo,13px)!important}
.hive-modern-nav .hive_sub_nav__inner{width:calc(100% - 24px);gap:0 8px}
.hive-modern-nav .hive_snav_btn{padding:12px;gap:10px;height:auto;min-height:56px;font-size:13px}
.hive-modern-nav #hiveSnavMain,.hive-modern-nav #hiveSnavSub{flex:0 0 auto;min-width:0;max-width:100%}
.hive-modern-nav #hiveSnavSub .hive_snav_list{left:var(--hive-snav-shift,0px);right:auto;min-width:min(250px,calc(100vw - 24px));max-width:calc(100vw - 24px)}
.sp-ext-crd-common[data-hc-common-composition="full_banner"] .sp-ext-crd-thumb img{min-height:210px;object-fit:cover!important}
.sp-ext-crd-common[data-hc-common-composition="full_banner"] .sp-ext-crd-title{font-size:var(--hc-t-itemt-mo,30px)!important}
.sp-ext-crd-common[data-hc-common-composition="media_first"] .sp-ext-crd-side{margin-bottom:30px!important}
.sp-ext-crd-common[data-hc-common-composition="background_features"] .sp-ext-crd-grid{gap:32px!important;margin-top:36px!important}
.sp-ext-crd-common[data-hc-common-composition="background_features"] .sp-common-card-icon{width:65px;height:65px;margin-top:24px}
.sp-ext-crd-common[data-hc-common-composition="flush_side"]>.sp-b>.sp-sec-title{padding-top:30px}
.sp-ext-crd-common[data-hc-common-composition="flush_side"]>.sp-b>.sp-ext-crd-bottom{padding-bottom:32px}
}
@media(prefers-reduced-motion:reduce){[data-hc-faq-icon-style="thin"] .sp-ext-crd-faq-icon:before,[data-hc-faq-icon-style="thin"] .sp-ext-crd-faq-icon:after{transition:none}}

.sp-ext-crd-common[data-hc-common-composition="background_features"] .sp-ext-crd-item:after{display:none!important}

.hive-modern-nav .hive_snav_item:focus-visible{outline:1px solid #756a5d;outline-offset:-4px;background:#f6f5f3}
@media(max-width:768px){
.sp-ext-crd-common[data-hc-common-composition="background_features"] .sp-ext-crd-item{isolation:isolate;overflow:hidden!important;padding:28px 22px;border:0!important}
.sp-ext-crd-common[data-hc-common-composition="background_features"] .sp-ext-crd-item>.sp-ext-crd-thumb{display:block!important;position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:none!important;margin:0!important;z-index:-2}
.sp-ext-crd-common[data-hc-common-composition="background_features"] .sp-ext-crd-thumb img{height:100%!important;object-fit:cover!important}
.sp-ext-crd-common[data-hc-common-composition="background_features"] .sp-ext-crd-item:after{display:block!important;content:'';position:absolute;inset:0;z-index:-1;background:#15110ed0}
.sp-ext-crd-common[data-hc-common-composition="background_features"] .sp-ext-crd-title{font-size:var(--hc-t-itemt-mo,23px)!important}
.sp-ext-crd-common[data-hc-common-composition="background_features"] .sp-ext-crd-content{padding:0!important}
}

/* Optional background crossfade and responsive auxiliary icon size. */
.sp-ext-crd-common .sp-common-card-icon{width:var(--hc-card-icon-size,76px);height:var(--hc-card-icon-size,76px)}
.sp-ext-crd-common[data-hc-common-composition="background_features"] .sp-common-card-icon{width:var(--hc-card-icon-size,88px);height:var(--hc-card-icon-size,88px)}
.sp-common-feature-backdrop{position:absolute;inset:0;pointer-events:none}
.sp-common-feature-backdrop img{opacity:0;transition:opacity .65s ease;will-change:opacity}
.sp-common-feature-backdrop img.is-active{opacity:1}
[data-hc-feature-background-motion="fade"] .sp-ext-crd-item:focus-visible{outline:1px solid currentColor;outline-offset:8px}
@media(max-width:768px){.sp-ext-crd-common .sp-common-card-icon,.sp-ext-crd-common[data-hc-common-composition="background_features"] .sp-common-card-icon{width:var(--hc-card-icon-size-mo,58px);height:var(--hc-card-icon-size-mo,58px)}.sp-common-feature-backdrop{display:none}}
@media(prefers-reduced-motion:reduce){.sp-common-feature-backdrop img{transition:none}}

.sp-ext-crd--editorial.sp-ext-crd--role-hero>.sp-b>.sp-common-hero-heading{grid-column:1;grid-row:2;padding:0 7%;margin:0;min-width:0}
.sp-common-hero-heading>.sp-sec-title{font-size:var(--sty-t-title,52px)!important;font-weight:var(--sty-w-title,400);line-height:1.25;margin:0!important;padding:0!important;letter-spacing:normal}
.sp-common-hero-heading>.sp-common-hero-h1{font-size:var(--hc-hero-h1-size,22px)!important;color:var(--sty-c-title,#292929);font-weight:400;line-height:1.6;margin:22px 0 0;letter-spacing:-.02em}
@media(max-width:768px){.sp-ext-crd--editorial.sp-ext-crd--role-hero>.sp-b>.sp-common-hero-heading{order:0;width:100%;padding:50px 20px 0}.sp-common-hero-heading>.sp-sec-title{font-size:var(--hc-t-title-mo,32px)!important}.sp-common-hero-heading>.sp-common-hero-h1{font-size:var(--hc-hero-h1-size-mo,18px)!important;margin-top:18px}}

/* Common page navigation selection is independent of any hero section. */
.hive_sub_nav.hive-minimal-nav{border:0!important;box-shadow:none!important}

.hive-modern-nav .hive_snav_list{overflow-y:auto}

/* Apply the existing image-motion option to the hero's side image as well. */
.sp-ext-crd--role-hero.sp-ext-crd--imgmotion-curtain_left{--hc-side-curtain:crdCurtainLeft}
.sp-ext-crd--role-hero.sp-ext-crd--imgmotion-curtain_right{--hc-side-curtain:crdCurtainRight}
.sp-ext-crd--role-hero.sp-ext-crd--imgmotion-curtain_top{--hc-side-curtain:crdCurtainTop}
.sp-ext-crd--role-hero.sp-ext-crd--imgmotion-curtain_bottom{--hc-side-curtain:crdCurtainBottom}
.sp-ext-crd--role-hero.sp-ext-crd--imgmotion-curtain_center{--hc-side-curtain:crdCurtainCenter}
.sp-ext-crd--role-hero[class*="sp-ext-crd--imgmotion-curtain_"] .sp-ext-crd-side{animation:var(--hc-side-curtain) 1.25s cubic-bezier(.22,.68,.12,1) both}
.sp-ext-crd--role-hero[class*="sp-ext-crd--imgmotion-curtain_"] .sp-common-side-caption{animation:hcSideCaption .75s .42s ease-out both}
.sp-ext-crd--role-hero.hc-side-motion:not(.hc-side-visible) .sp-ext-crd-side,
.sp-ext-crd--role-hero.hc-side-motion:not(.hc-side-visible) .sp-common-side-caption{animation-play-state:paused}
@keyframes hcSideCaption{from{opacity:0}to{opacity:1}}

@media(prefers-reduced-motion:reduce){.sp-ext-crd--role-hero .sp-ext-crd-side,.sp-ext-crd--role-hero .sp-common-side-caption{animation:none!important;clip-path:none!important}}

/* Reusable detail composition: quiet heading rail, original image, structured facts. */
.sp-ext-crd-common[data-hc-common-composition="layer_detail"]>.sp-b{border-top:1px solid #dedbd7;padding-top:36px!important}
.sp-ext-crd-common[data-hc-common-composition="layer_detail"] .sp-ext-crd-eyebrow{font-size:14px;letter-spacing:.08em;color:var(--sty-c-desc,#777);margin-bottom:18px}
.sp-ext-crd-common[data-hc-common-composition="layer_detail"] .sp-sec-title{margin-bottom:22px;line-height:1.3}
.sp-ext-crd-common[data-hc-common-composition="layer_detail"] .sp-ext-crd-desc{line-height:1.9;max-width:260px}
.sp-ext-crd-common[data-hc-common-composition="layer_detail"] .sp-ext-crd-thumb{margin:0!important;aspect-ratio:auto!important}
.sp-ext-crd-common[data-hc-common-composition="layer_detail"] .sp-ext-crd-thumb img{display:block;width:100%;height:auto}
.sp-ext-crd-common[data-hc-common-composition="layer_detail"] .sp-ext-crd-content{padding:var(--hc-image-text-gap,32px) 0 0!important}
.sp-ext-crd-common[data-hc-common-composition="layer_detail"] .sp-ext-crd-points{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1.35fr);gap:36px;width:100%;margin:0!important;border:0!important}
.sp-ext-crd-common[data-hc-common-composition="layer_detail"] .sp-ext-crd-point{display:block;border:0;border-top:1px solid #dedbd7;padding:18px 0 0!important;min-width:0}
.sp-ext-crd-common[data-hc-common-composition="layer_detail"] .sp-ext-crd-point-marker{display:none}
.sp-ext-crd-common[data-hc-common-composition="layer_detail"] .sp-ext-crd-point-title{font-size:14px;font-weight:500;line-height:1.5;color:var(--sty-c-itemt,#292929)}
.sp-ext-crd-common[data-hc-common-composition="layer_detail"] .sp-ext-crd-point-desc{margin:10px 0 0;font-size:var(--sty-t-itemd,16px);line-height:1.9;word-break:keep-all;overflow-wrap:anywhere}
@media(max-width:768px){
 .sp-ext-crd-common[data-hc-common-composition="layer_detail"]>.sp-b{padding-top:28px!important}
 .sp-ext-crd-common[data-hc-common-composition="layer_detail"] .sp-ext-crd-eyebrow{margin-bottom:12px;font-size:13px}
 .sp-ext-crd-common[data-hc-common-composition="layer_detail"] .sp-sec-title{margin-bottom:14px}
 .sp-ext-crd-common[data-hc-common-composition="layer_detail"] .sp-ext-crd-desc{max-width:none;margin-bottom:0;line-height:1.8}
 .sp-ext-crd-common[data-hc-common-composition="layer_detail"] .sp-ext-crd-grid{margin-top:28px!important}
 .sp-ext-crd-common[data-hc-common-composition="layer_detail"] .sp-ext-crd-content{padding-top:var(--hc-image-text-gap-mo,24px)!important}
 .sp-ext-crd-common[data-hc-common-composition="layer_detail"] .sp-ext-crd-points{grid-template-columns:1fr;gap:20px}
 .sp-ext-crd-common[data-hc-common-composition="layer_detail"] .sp-ext-crd-point{padding-top:14px!important}
 .sp-ext-crd-common[data-hc-common-composition="layer_detail"] .sp-ext-crd-point-text{display:grid;grid-template-columns:76px minmax(0,1fr);gap:12px;align-items:start}
 .sp-ext-crd-common[data-hc-common-composition="layer_detail"] .sp-ext-crd-point-desc{margin:0;font-size:15px;line-height:1.8}
}

/* Informational pills are labels, not fake links or buttons. */
.sp-common-point-pills{display:none}
body:not(.sp-edit) [data-hc-detail-secondary-style="pills"] .sp-ext-crd-point:nth-child(2) .sp-ext-crd-point-title,
body:not(.sp-edit) [data-hc-detail-secondary-style="pills"] .sp-ext-crd-point:nth-child(2) .sp-ext-crd-point-desc{display:none!important}
body:not(.sp-edit) [data-hc-detail-secondary-style="pills"] .sp-common-point-pills{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.sp-common-point-pills>span{display:inline-block;padding:7px 15px;border:1px solid #e1ded9;border-radius:999px;background:transparent;color:var(--sty-c-itemt,#34312d);font-size:14px;line-height:1.5;max-width:100%;overflow-wrap:anywhere;word-break:keep-all}
@media(max-width:768px){body:not(.sp-edit) [data-hc-detail-secondary-style="pills"] .sp-ext-crd-point:nth-child(2) .sp-ext-crd-point-text{display:block}.sp-common-point-pills>span{font-size:13px;padding:7px 13px}}

/* Modern navigation: underline the current path; clearly mark the selected item. */
.hive-modern-nav #hiveSnavSub>.hive_snav_btn:after{content:'';position:absolute;left:24px;right:24px;bottom:10px;height:1px;background:#302c28;pointer-events:none}
.hive-modern-nav .hive_snav_list{box-sizing:border-box;left:var(--hive-snav-shift,0px);right:auto;width:max-content;min-width:min(260px,calc(100vw - 24px));max-width:calc(100vw - 24px);max-height:var(--hive-snav-max-height,320px);overflow:auto;padding:8px;border:0!important;border-radius:12px;background:#fff;box-shadow:0 12px 40px rgba(39,34,29,.12),0 0 0 1px rgba(39,34,29,.06)}
.hive-modern-nav .hive_snav_item{position:relative;margin:2px 0;padding:12px 40px 12px 16px;border-radius:7px;min-height:44px;white-space:normal;word-break:keep-all;overflow-wrap:anywhere;line-height:1.55;font-size:14px;font-weight:400;color:#56514b;transition:background .18s ease,color .18s ease}
.hive-modern-nav .hive_snav_item:hover,.hive-modern-nav .hive_snav_item:focus-visible{background:#f4f3f1;color:#242220}
.hive-modern-nav .hive_snav_item.is-active,.hive-modern-nav .hive_snav_item.is-active:hover,.hive-modern-nav .hive_snav_item.is-active:focus-visible{background:#302c28;color:#fff;font-weight:500}
.hive-modern-nav .hive_snav_item.is-active:after{content:'';position:absolute;right:17px;top:calc(50% - 4px);width:8px;height:5px;border-left:1px solid currentColor;border-bottom:1px solid currentColor;transform:rotate(-45deg)}
.hive-modern-nav .hive_snav_item:focus-visible{outline:1px solid currentColor;outline-offset:-4px}
@media(max-width:768px){.hive-modern-nav #hiveSnavSub>.hive_snav_btn:after{left:12px;right:12px;bottom:7px}.hive-modern-nav .hive_snav_item{font-size:13px;padding-top:12px;padding-bottom:12px}}
@media(prefers-reduced-motion:reduce){.hive-modern-nav .hive_snav_item{transition:none}}

/* Structured diagrams: all labels and relationships are editable HTML, never a text image. */
.sp-ext-crd-common[data-hc-common-composition="layer_map"] .sp-ext-crd-grid,
.sp-ext-crd-common[data-hc-common-composition="care_timeline"] .sp-ext-crd-grid{display:grid!important;grid-template-columns:1fr!important;gap:0!important;margin-top:56px;overflow:visible}
.sp-ext-crd-common[data-hc-common-composition="layer_map"] .sp-ext-crd-item,
.sp-ext-crd-common[data-hc-common-composition="care_timeline"] .sp-ext-crd-item{position:relative;min-width:0;overflow:visible!important;background:transparent!important;border:0!important;border-radius:0!important;transform:none!important;height:auto!important}
.sp-ext-crd-common[data-hc-common-composition="layer_map"] .sp-ext-crd-item{border-top:1px solid #d8d5d0!important;padding:32px 0!important}
.sp-ext-crd-common[data-hc-common-composition="layer_map"] .sp-ext-crd-item:last-child{border-bottom:1px solid #d8d5d0!important}
.sp-ext-crd-common[data-hc-common-composition="layer_map"] .sp-ext-crd-content{display:grid!important;grid-template-columns:minmax(170px,30%) minmax(0,1fr);column-gap:36px;align-content:start;padding:0 0 0 70px!important;min-height:98px;position:relative;text-align:left}
.sp-ext-crd-common[data-hc-common-composition="layer_map"] .sp-ext-crd-num{display:block!important;position:absolute;left:0;top:3px;font-size:14px!important;font-weight:400;color:#827b73!important;opacity:1!important;line-height:1.5;margin:0!important}
.sp-ext-crd-common[data-hc-common-composition="layer_map"] .sp-ext-crd-tag{grid-column:1;grid-row:1;font-size:15px!important;line-height:1.6;color:#78716a;margin:0 0 6px!important}
.sp-ext-crd-common[data-hc-common-composition="layer_map"] .sp-ext-crd-title{grid-column:1;grid-row:2;font-size:var(--sty-t-itemt,38px)!important;line-height:1.2;margin:0!important;letter-spacing:-.025em;overflow-wrap:anywhere}
.sp-ext-crd-common[data-hc-common-composition="layer_map"] .sp-ext-crd-points{grid-column:2;grid-row:1 / span 3;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));align-content:center;gap:20px 24px!important;width:100%!important;margin:0!important;border:0!important}
.sp-ext-crd-common[data-hc-common-composition="layer_map"] .sp-ext-crd-point{display:block!important;min-width:0;border:0!important;padding:0!important;margin:0!important;background:transparent!important}
.sp-ext-crd-common[data-hc-common-composition="layer_map"] .sp-ext-crd-point-marker{display:none!important}
.sp-ext-crd-common[data-hc-common-composition="layer_map"] .sp-ext-crd-point-title{font-size:17px!important;font-weight:400;line-height:1.6;color:#302c28}
.sp-ext-crd-common[data-hc-common-composition="layer_map"] .sp-ext-crd-point-desc{font-size:11.5px!important;line-height:1.5;color:#78716a;letter-spacing:.045em;margin:3px 0 0!important;overflow-wrap:anywhere}
.sp-ext-crd-common[data-hc-common-composition="layer_map"] .sp-ext-crd-body{grid-column:1 / -1;line-height:1.8;margin-top:18px}
.sp-ext-crd-common[data-hc-common-composition="care_timeline"] .sp-ext-crd-grid{position:relative;padding:16px 0 0;counter-reset:care-step}
.sp-ext-crd-common[data-hc-common-composition="care_timeline"] .sp-ext-crd-grid:before{content:'';position:absolute;top:0;bottom:0;left:50%;width:1px;background:#d6d1ca;pointer-events:none}
.sp-ext-crd-common[data-hc-common-composition="care_timeline"] .sp-ext-crd-item{width:calc(50% - 48px)!important;min-height:152px;padding:0 0 34px!important;counter-increment:care-step;display:flex!important;gap:28px;align-items:center}
.sp-ext-crd-common[data-hc-common-composition="care_timeline"] .sp-ext-crd-item:nth-child(odd){justify-self:start;text-align:right;flex-direction:row}
.sp-ext-crd-common[data-hc-common-composition="care_timeline"] .sp-ext-crd-item:nth-child(even){justify-self:end;text-align:left;flex-direction:row-reverse}
.sp-ext-crd-common[data-hc-common-composition="care_timeline"] .sp-ext-crd-item:before{content:counter(care-step,decimal-leading-zero);position:absolute;top:32px;right:-65px;display:grid;place-items:center;width:34px;height:34px;background:#fff;border:1px solid #b4aca2;border-radius:50%;font-size:12px;line-height:1;color:#48413a}
.sp-ext-crd-common[data-hc-common-composition="care_timeline"] .sp-ext-crd-item:nth-child(even):before{right:auto;left:-65px}
.sp-ext-crd-common[data-hc-common-composition="care_timeline"] .sp-ext-crd-item:after{content:'';position:absolute;right:-30px;top:49px;width:20px;height:1px;background:#b4aca2}
.sp-ext-crd-common[data-hc-common-composition="care_timeline"] .sp-ext-crd-item:nth-child(even):after{right:auto;left:-30px}
.sp-ext-crd-common[data-hc-common-composition="care_timeline"] .sp-ext-crd-thumb{flex:0 0 112px!important;width:112px!important;height:126px!important;aspect-ratio:8 / 9!important;margin:0!important;border-radius:0!important;overflow:hidden}
.sp-ext-crd-common[data-hc-common-composition="care_timeline"] .sp-ext-crd-thumb img{display:block;width:100%!important;height:100%!important;object-fit:cover!important;max-height:none!important}
.sp-ext-crd-common[data-hc-common-composition="care_timeline"] .sp-ext-crd-content{display:block!important;padding:12px 0!important;flex:1;min-width:0;background:transparent!important}
.sp-ext-crd-common[data-hc-common-composition="care_timeline"] .sp-ext-crd-tag{display:block;font-size:12px!important;letter-spacing:.08em;color:#78716a;line-height:1.5;margin:0 0 12px!important}
.sp-ext-crd-common[data-hc-common-composition="care_timeline"] .sp-ext-crd-title{font-size:var(--sty-t-itemt,24px)!important;font-weight:400;line-height:1.6;margin:0!important;word-break:keep-all;overflow-wrap:anywhere}
.sp-ext-crd-common[data-hc-common-composition="care_timeline"] .sp-ext-crd-body{margin-top:14px;line-height:1.8}
@media(max-width:1000px){
 .sp-ext-crd-common[data-hc-common-composition="care_timeline"] .sp-ext-crd-item{gap:18px}
 .sp-ext-crd-common[data-hc-common-composition="care_timeline"] .sp-ext-crd-thumb{flex-basis:76px!important;width:76px!important;height:108px!important}
 .sp-ext-crd-common[data-hc-common-composition="care_timeline"] .sp-ext-crd-title{font-size:21px!important}
}
@media(max-width:768px){
 .sp-ext-crd-common[data-hc-common-composition="layer_map"] .sp-ext-crd-grid,
 .sp-ext-crd-common[data-hc-common-composition="care_timeline"] .sp-ext-crd-grid{margin-top:32px}
 .sp-ext-crd-common[data-hc-common-composition="layer_map"] .sp-ext-crd-item{padding:26px 0!important}
 .sp-ext-crd-common[data-hc-common-composition="layer_map"] .sp-ext-crd-content{display:block!important;padding-left:36px!important;min-height:0}
 .sp-ext-crd-common[data-hc-common-composition="layer_map"] .sp-ext-crd-title{font-size:var(--hc-t-itemt-mo,30px)!important}
 .sp-ext-crd-common[data-hc-common-composition="layer_map"] .sp-ext-crd-tag{font-size:14px!important}
 .sp-ext-crd-common[data-hc-common-composition="layer_map"] .sp-ext-crd-points{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 16px!important;margin-top:24px!important}
 .sp-ext-crd-common[data-hc-common-composition="layer_map"] .sp-ext-crd-point-title{font-size:16px!important}
 .sp-ext-crd-common[data-hc-common-composition="care_timeline"] .sp-ext-crd-grid{padding:0 0 0 44px}
 .sp-ext-crd-common[data-hc-common-composition="care_timeline"] .sp-ext-crd-grid:before{left:15px;bottom:32px}
 .sp-ext-crd-common[data-hc-common-composition="care_timeline"] .sp-ext-crd-item:nth-child(n){justify-self:stretch;width:100%!important;flex-direction:row-reverse;text-align:left;gap:16px;min-height:134px;padding:0 0 28px!important}
 .sp-ext-crd-common[data-hc-common-composition="care_timeline"] .sp-ext-crd-item:nth-child(n):before{left:-44px;right:auto;top:22px;width:30px;height:30px;font-size:11.5px}
 .sp-ext-crd-common[data-hc-common-composition="care_timeline"] .sp-ext-crd-item:after{display:none}
 .sp-ext-crd-common[data-hc-common-composition="care_timeline"] .sp-ext-crd-thumb{flex-basis:68px!important;width:68px!important;height:92px!important}
 .sp-ext-crd-common[data-hc-common-composition="care_timeline"] .sp-ext-crd-title{font-size:var(--hc-t-itemt-mo,19px)!important;line-height:1.55}
 .sp-ext-crd-common[data-hc-common-composition="care_timeline"] .sp-ext-crd-tag{font-size:11.5px!important;margin-bottom:8px!important}
}

/* The same image framing is used by saved HTML and the builder preview. */
.sp-ext-crd-common .sp-ext-crd-thumb[data-hc-crop="1"]{position:relative!important;aspect-ratio:var(--hc-crop-ratio,1)!important;height:auto!important;min-height:0!important;overflow:hidden!important;padding:0!important}
.sp-ext-crd-common .sp-ext-crd-thumb[data-hc-crop="1"]>img{position:absolute!important;display:block!important;max-width:none!important;max-height:none!important;width:var(--hc-crop-width)!important;height:var(--hc-crop-height)!important;left:var(--hc-crop-left)!important;top:var(--hc-crop-top)!important;object-fit:fill!important;transform:none!important;border-radius:0!important}

.sp-ext-crd-common[data-hc-common-composition="image_callouts"]>.sp-b{display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-template-areas:'eyebrow' 'title' 'desc' 'diagram' 'bottom';position:relative;gap:0!important}
.sp-ext-crd-common[data-hc-common-composition="image_callouts"] .sp-ext-crd-eyebrow{grid-area:eyebrow;justify-self:center;margin:0 0 12px!important}
.sp-ext-crd-common[data-hc-common-composition="image_callouts"] .sp-sec-title{grid-area:title;text-align:center!important;margin:0!important}
.sp-ext-crd-common[data-hc-common-composition="image_callouts"] .sp-ext-crd-desc{grid-area:desc;text-align:center!important;margin:20px auto 0!important;max-width:760px}
.sp-ext-crd-common[data-hc-common-composition="image_callouts"] .sp-ext-crd-side{grid-area:diagram;position:relative!important;inset:auto!important;width:52%!important;height:auto!important;min-height:0!important;justify-self:center;align-self:center;overflow:visible!important;margin:50px 0 0!important;z-index:0}
.sp-ext-crd-common[data-hc-common-composition="image_callouts"] .sp-ext-crd-side img{position:relative!important;display:block;width:100%!important;height:auto!important;object-fit:contain!important}
.sp-ext-crd-common[data-hc-common-composition="image_callouts"] .sp-ext-crd-grid{grid-area:diagram;position:relative;z-index:1;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-rows:repeat(var(--hc-callout-rows,4),minmax(72px,1fr));grid-auto-flow:column;gap:22px 52%!important;margin:80px 0 30px!important;align-items:center;overflow:visible}
.sp-ext-crd-common[data-hc-common-composition="image_callouts"] .sp-ext-crd-item{min-width:0;border:0!important;border-radius:999px!important;background:#f6f5f3!important;box-shadow:none;padding:18px 14px!important;text-align:center;overflow:visible!important;height:auto!important}
.sp-ext-crd-common[data-hc-common-composition="image_callouts"] .sp-ext-crd-content{display:block!important;padding:0!important}
.sp-ext-crd-common[data-hc-common-composition="image_callouts"] .sp-ext-crd-tag{display:block;margin:0 0 6px!important;text-align:center!important;font-size:12px!important;color:#817971;letter-spacing:.03em}
.sp-ext-crd-common[data-hc-common-composition="image_callouts"] .sp-ext-crd-title{font-size:16px!important;line-height:1.6;margin:0!important;word-break:keep-all;overflow-wrap:anywhere;font-weight:400}
.sp-ext-crd-common[data-hc-common-composition="image_callouts"] .sp-ext-crd-bottom{grid-area:bottom}

.sp-ext-crd-common[data-hc-common-composition="benefit_strip"] .sp-ext-crd-grid{display:flex!important;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px 28px!important;margin:0!important}
.sp-ext-crd-common[data-hc-common-composition="benefit_strip"] .sp-ext-crd-item{flex:0 1 auto!important;width:auto!important;min-width:0;max-width:100%;border:0!important;border-radius:0!important;background:transparent!important;padding:0!important;overflow:visible}
.sp-ext-crd-common[data-hc-common-composition="benefit_strip"] .sp-ext-crd-content{display:block!important;padding:0 0 0 23px!important;position:relative}
.sp-ext-crd-common[data-hc-common-composition="benefit_strip"] .sp-ext-crd-content:before{content:'';position:absolute;left:2px;top:9px;width:9px;height:5px;border-left:1.5px solid #9c8371;border-bottom:1.5px solid #9c8371;transform:rotate(-45deg)}
.sp-ext-crd-common[data-hc-common-composition="benefit_strip"] .sp-ext-crd-title,.sp-ext-crd-common[data-hc-common-composition="benefit_strip"] .sp-ext-crd-body{font-size:16px!important;line-height:1.65;margin:0!important;color:#57514b;word-break:keep-all;overflow-wrap:anywhere}

.sp-ext-crd-common[data-hc-common-composition="paired_panels"] .sp-ext-crd-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:32px!important;margin-top:42px}
.sp-ext-crd-common[data-hc-common-composition="paired_panels"] .sp-ext-crd-item{position:relative;background:#f6f4f1!important;border:0!important;border-radius:40% 40% 40% 40%!important;padding:50px 32px!important;overflow:visible!important;text-align:center}
.sp-ext-crd-common[data-hc-common-composition="paired_panels"] .sp-ext-crd-content{display:flex!important;flex-direction:column;padding:0!important;align-items:center}
.sp-ext-crd-common[data-hc-common-composition="paired_panels"] .sp-ext-crd-title{font-size:var(--sty-t-itemt,26px)!important;line-height:1.5;margin:0 0 24px!important}
.sp-ext-crd-common[data-hc-common-composition="paired_panels"] .sp-ext-crd-points{display:grid!important;grid-template-columns:1fr;gap:12px!important;margin:0!important;width:100%}
.sp-ext-crd-common[data-hc-common-composition="paired_panels"] .sp-ext-crd-point{display:block!important;padding:0!important;border:0!important}
.sp-ext-crd-common[data-hc-common-composition="paired_panels"] .sp-ext-crd-point-marker{display:none!important}
.sp-ext-crd-common[data-hc-common-composition="paired_panels"] .sp-ext-crd-point-title{font-size:16px!important;line-height:1.65;font-weight:400}
.sp-ext-crd-common[data-hc-common-composition="paired_panels"] .sp-ext-crd-item:not(:last-child):after{content:'+';position:absolute;right:-26px;top:calc(50% - 20px);font-size:26px;font-weight:300;color:#73685e;line-height:40px;width:20px;text-align:center}
@media(max-width:768px){
 .sp-ext-crd-common[data-hc-common-composition="image_callouts"]>.sp-b{grid-template-areas:'eyebrow' 'title' 'desc' 'image' 'diagram' 'bottom'}
 .sp-ext-crd-common[data-hc-common-composition="image_callouts"] .sp-ext-crd-side{grid-area:image;width:min(80%,420px)!important;margin-top:32px!important}
 .sp-ext-crd-common[data-hc-common-composition="image_callouts"] .sp-ext-crd-grid{grid-template-rows:none;grid-auto-flow:row;gap:12px!important;margin:24px 0 0!important}
 .sp-ext-crd-common[data-hc-common-composition="image_callouts"] .sp-ext-crd-item{padding:18px 10px!important;border-radius:18px!important;align-self:stretch;display:flex;align-items:center;justify-content:center}
 .sp-ext-crd-common[data-hc-common-composition="image_callouts"] .sp-ext-crd-title{font-size:15px!important;line-height:1.6}
 .sp-ext-crd-common[data-hc-common-composition="benefit_strip"] .sp-ext-crd-grid{justify-content:flex-start;gap:12px 20px!important}
 .sp-ext-crd-common[data-hc-common-composition="benefit_strip"] .sp-ext-crd-title,.sp-ext-crd-common[data-hc-common-composition="benefit_strip"] .sp-ext-crd-body{font-size:15px!important}
 .sp-ext-crd-common[data-hc-common-composition="paired_panels"] .sp-ext-crd-grid{grid-template-columns:1fr!important;gap:42px!important;margin-top:30px}
 .sp-ext-crd-common[data-hc-common-composition="paired_panels"] .sp-ext-crd-item{padding:36px 22px!important;border-radius:36px!important}
 .sp-ext-crd-common[data-hc-common-composition="paired_panels"] .sp-ext-crd-item:not(:last-child):after{right:auto;left:calc(50% - 10px);top:auto;bottom:-41px}
}

.sp-ext-crd-common[data-hc-common-composition="grouped_equipment"] .sp-ext-crd-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important;margin-top:44px;overflow:visible}
.sp-ext-crd-common[data-hc-common-composition="grouped_equipment"] .sp-common-equipment-group{grid-column:1 / -1;font-size:26px;line-height:1.5;font-weight:400;margin:34px 0 4px;padding:22px 0 0;border-top:1px solid #dedbd7}
.sp-ext-crd-common[data-hc-common-composition="grouped_equipment"] .sp-common-equipment-group:first-child{margin-top:0}
.sp-ext-crd-common[data-hc-common-composition="grouped_equipment"] .sp-ext-crd-item{display:flex!important;flex-direction:row-reverse;align-items:center;justify-content:space-between;gap:24px;background:#f5f5f5!important;border:0!important;border-radius:0!important;padding:16px 28px!important;min-height:162px;height:auto!important;overflow:visible}
.sp-ext-crd-common[data-hc-common-composition="grouped_equipment"] .sp-ext-crd-thumb{flex:0 0 120px!important;width:120px!important;margin:0!important;max-height:145px}
.sp-ext-crd-common[data-hc-common-composition="grouped_equipment"] .sp-ext-crd-content{display:block!important;padding:0!important;flex:1;min-width:0}
.sp-ext-crd-common[data-hc-common-composition="grouped_equipment"] .sp-ext-crd-tag{display:block;margin:0 0 10px!important;font-size:12px!important;letter-spacing:.03em;color:#827b74;line-height:1.5}
.sp-ext-crd-common[data-hc-common-composition="grouped_equipment"] .sp-ext-crd-title{font-size:24px!important;line-height:1.4;font-weight:400;margin:0!important;word-break:keep-all;overflow-wrap:anywhere}
.sp-ext-crd-common[data-hc-common-composition="paired_panels"] .sp-ext-crd-item{overflow:hidden!important;background:#574339!important;color:var(--sty-c-itemt,#fff)}
.sp-ext-crd-common[data-hc-common-composition="paired_panels"] .sp-ext-crd-thumb[data-hc-crop]{position:absolute!important;inset:0;aspect-ratio:auto!important;width:100%!important;height:100%!important;border-radius:inherit}
.sp-ext-crd-common[data-hc-common-composition="paired_panels"] .sp-ext-crd-thumb:after{content:'';position:absolute;inset:0;background:rgba(30,20,15,.24);z-index:1}
.sp-ext-crd-common[data-hc-common-composition="paired_panels"] .sp-ext-crd-content{position:relative;z-index:2}
.sp-ext-crd-common[data-hc-common-composition="paired_panels"] .sp-ext-crd-title,.sp-ext-crd-common[data-hc-common-composition="paired_panels"] .sp-ext-crd-point-title{color:var(--sty-c-itemt,#fff)!important}
@media(max-width:768px){
 .sp-ext-crd-common[data-hc-common-composition="grouped_equipment"] .sp-ext-crd-grid{gap:10px!important;margin-top:28px}
 .sp-ext-crd-common[data-hc-common-composition="grouped_equipment"] .sp-common-equipment-group{font-size:22px;margin-top:24px;padding-top:18px}
 .sp-ext-crd-common[data-hc-common-composition="grouped_equipment"] .sp-ext-crd-item{flex-direction:column;align-items:flex-start;gap:12px;padding:18px 16px!important;min-height:0}
 .sp-ext-crd-common[data-hc-common-composition="grouped_equipment"] .sp-ext-crd-thumb{flex-basis:auto!important;width:94px!important;max-width:100%;align-self:center;max-height:120px}
 .sp-ext-crd-common[data-hc-common-composition="grouped_equipment"] .sp-ext-crd-tag{font-size:11.5px!important;margin-bottom:5px!important}
 .sp-ext-crd-common[data-hc-common-composition="grouped_equipment"] .sp-ext-crd-title{font-size:18px!important}
}

/* Keep callouts inside the configured content width, without inherited side-media gutters. */
.sp-ext-crd-common[data-hc-common-composition="image_callouts"]>.sp-b{width:calc(100% - 80px)!important;max-width:var(--sty-mw,1200px)!important;padding:0!important;margin-inline:auto!important;min-height:0!important}
.sp-ext-crd-common[data-hc-common-composition="image_callouts"] .sp-ext-crd-grid{width:100%!important;max-width:none!important;padding:0!important}
.sp-ext-crd-common[data-hc-common-composition="paired_panels"] .sp-ext-crd-item{overflow:visible!important}
.sp-ext-crd-common[data-hc-common-composition="paired_panels"] .sp-ext-crd-thumb{overflow:hidden!important;clip-path:inset(0 round 40%)}
.sp-ext-crd-common[data-hc-common-composition="paired_panels"] .sp-ext-crd-points{border:0!important;padding:0!important;text-align:center!important}
.sp-ext-crd-common[data-hc-common-composition="paired_panels"] .sp-ext-crd-point-text{width:100%;text-align:center!important}
.sp-ext-crd-common[data-hc-common-composition="paired_panels"] .sp-ext-crd-point-title{font-weight:400!important}
.sp-ext-crd-common[data-hc-common-composition="grouped_equipment"] .sp-ext-crd-tabs{display:none!important}
@media(max-width:768px){.sp-ext-crd-common[data-hc-common-composition="image_callouts"]>.sp-b{width:calc(100% - 40px)!important}.sp-ext-crd-common[data-hc-common-composition="paired_panels"] .sp-ext-crd-thumb{clip-path:inset(0 round 36px)}}

/* Source articles: readable facts and media with a separate list of key points. */
.sp-ext-crd-common[data-hc-common-composition="definition_list"] .sp-ext-crd-item{border:0!important;background:transparent!important;padding:24px 0!important;border-top:1px solid #e1ded9!important;box-shadow:none!important}
.sp-ext-crd-common[data-hc-common-composition="definition_list"] .sp-ext-crd-content{display:grid!important;grid-template-columns:minmax(100px,25%) 1fr;gap:24px;padding:0!important;align-items:start}
.sp-ext-crd-common[data-hc-common-composition="definition_list"] .sp-ext-crd-title,.sp-ext-crd-common[data-hc-common-composition="definition_list"] .sp-ext-crd-body{margin:0!important}
.sp-ext-crd-common[data-hc-common-composition="definition_list"] .sp-ext-crd-title{font-size:18px!important;line-height:1.8}
.sp-ext-crd-common[data-hc-common-composition="media_notes"] .sp-ext-crd-points{margin-top:26px!important;padding-top:22px!important;border-top:1px solid #dcd8d2!important}
.sp-ext-crd-common[data-hc-common-composition="media_notes"] .sp-ext-crd-point{padding:4px 0!important;border:0!important}
.sp-ext-crd-common[data-hc-common-composition="media_notes"] .sp-ext-crd-point-title{font-size:15px!important;font-weight:400!important;line-height:1.8}
@media(max-width:768px){.sp-ext-crd-common[data-hc-common-composition="definition_list"] .sp-ext-crd-content{grid-template-columns:1fr;gap:10px}.sp-ext-crd-common[data-hc-common-composition="definition_list"] .sp-ext-crd-item{padding:20px 0!important}}

/* Shared content panel: includes native section heading and its editable cards. */
.sp-ext-crd-common[data-hc-content-panel="light"]>.sp-b{box-sizing:border-box;width:calc(100% - 80px)!important;max-width:var(--sty-mw,1600px)!important;margin-inline:auto;background:#fff;border-radius:var(--hc-panel-radius,40px);padding:var(--hc-panel-padding,80px)!important;color:var(--sty-c-text,#292929)}
.sp-ext-crd-common[data-hc-content-panel="light"] .sp-ext-crd-desc{margin:24px 0 48px!important}
.sp-ext-crd-common[data-hc-content-panel="light"][data-hc-common-composition="definition_list"] .sp-ext-crd-item{border-top:0!important;padding:0!important}
.sp-ext-crd-common[data-hc-content-panel="light"][data-hc-common-composition="definition_list"] .sp-ext-crd-grid{gap:48px 72px!important}
.sp-ext-crd-common[data-hc-content-panel="light"][data-hc-common-composition="definition_list"] .sp-sec-title{margin-bottom:64px!important}
@media(max-width:768px){
.sp-ext-crd-common[data-hc-content-panel="light"]>.sp-b{width:calc(100% - 32px)!important;padding:var(--hc-panel-padding-mo,24px)!important;border-radius:min(var(--hc-panel-radius,40px),28px)}
.sp-ext-crd-common[data-hc-content-panel="light"] .sp-ext-crd-desc{margin:20px 0 30px!important}
.sp-ext-crd-common[data-hc-content-panel="light"][data-hc-common-composition="definition_list"] .sp-ext-crd-grid{gap:28px!important}
.sp-ext-crd-common[data-hc-content-panel="light"][data-hc-common-composition="definition_list"] .sp-sec-title{margin-bottom:32px!important}}

.sp-ext-crd-common[data-hc-common-composition="paired_media"] .sp-common-media-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;width:100%}
.sp-ext-crd-common[data-hc-common-composition="paired_media"] .sp-common-pair-title{text-align:center;margin:0 0 28px!important;font-size:var(--sp-crd-t-itemt,26px)}
.sp-common-media-pair .sp-common-pair-second{min-width:0;align-self:start}
.sp-common-media-pair .sp-common-pair-second img{display:block;width:100%;height:auto}
.sp-ext-crd-common[data-hc-common-composition="paired_media"] .sp-ext-crd-content{padding:0!important;margin-top:24px}
.sp-ext-crd-common[data-hc-common-composition="paired_media"] .sp-ext-crd-points{margin:0!important}
.sp-ext-crd-common[data-hc-common-composition="paired_media"] .sp-ext-crd-grid{gap:60px}
@media(max-width:768px){.sp-ext-crd-common[data-hc-common-composition="paired_media"] .sp-ext-crd-grid{gap:40px}.sp-ext-crd-common[data-hc-common-composition="paired_media"] .sp-common-media-pair{gap:12px}}
.sp-ext-crd-common[data-hc-content-panel="light"]>.sp-b>.sp-ext-crd-subtitle{font-size:var(--sty-t-sub,26px)!important;line-height:1.65!important;color:var(--sty-c-sub,#292929)!important;margin-top:28px}
.sp-ext-crd-common[data-hc-content-panel="light"]>.sp-b>.sp-ext-crd-desc{color:var(--sty-c-desc,#666)!important}
.sp-ext-crd-common[data-hc-common-composition="paired_media"] .sp-ext-crd-grid{max-width:1080px;margin-inline:auto}
.sp-ext-crd-common[data-hc-common-composition="paired_media"] .sp-ext-crd-point{display:flex!important;gap:10px!important;background:transparent!important;border:0!important;border-radius:0!important;padding:0!important;margin:0 0 12px!important}
.sp-ext-crd-common[data-hc-common-composition="paired_media"] .sp-ext-crd-point-title{font-weight:400!important;color:var(--sty-c-itemd,#737373)!important;line-height:1.7!important}
.sp-ext-crd-common[data-hc-common-composition="paired_media"] .sp-ext-crd-point-marker{display:block!important;width:12px;height:7px;flex:0 0 12px;border-left:1.5px solid #a2775e;border-bottom:1.5px solid #a2775e;transform:rotate(-45deg);margin-top:7px;background:transparent!important;border-radius:0!important}
@media(min-width:769px){.sp-ext-crd-common[data-hc-content-panel="light"].sp-ext-crd--zine .sp-ext-crd-item{gap:var(--hc-image-text-gap,64px)!important;align-items:center}.sp-ext-crd-common[data-hc-content-panel="light"].sp-ext-crd--zine .sp-ext-crd-thumb{width:calc(50% - var(--hc-image-text-gap,64px)/2)!important;flex-shrink:0}.sp-ext-crd-common[data-hc-content-panel="light"].sp-ext-crd--zine .sp-ext-crd-content{min-width:0;flex:1;margin-top:0!important}}
@media(max-width:768px){.sp-ext-crd-common[data-hc-content-panel="light"]>.sp-b>.sp-ext-crd-subtitle{font-size:20px!important}.sp-ext-crd-common[data-hc-content-panel="light"].sp-ext-crd--zine .sp-ext-crd-content{margin-top:var(--hc-image-text-gap-mo,28px)!important}}

.sp-ext-crd-common[data-hc-common-composition="paired_media"] .sp-ext-crd-point-marker::before,.sp-ext-crd-common[data-hc-common-composition="paired_media"] .sp-ext-crd-point-marker::after{content:none!important}
.sp-ext-crd-common.sp-ext-crd--all-off-image .sp-common-media-pair,.sp-ext-crd-common .sp-card-off-image .sp-common-media-pair{display:none!important}

/* Explicit image/text gap works for native two-column cards as well as stacked cards. */
@media(min-width:769px){.sp-ext-crd-common.sp-ext-crd--zine[style*="--hc-image-text-gap"] .sp-ext-crd-item{gap:var(--hc-image-text-gap,40px)!important}.sp-ext-crd-common.sp-ext-crd--zine[style*="--hc-image-text-gap"] .sp-ext-crd-thumb{width:calc(var(--sp-crd-zine-w,50%) - var(--hc-image-text-gap,40px)/2)!important;flex-shrink:0}.sp-ext-crd-common.sp-ext-crd--zine[style*="--hc-image-text-gap"] .sp-ext-crd-content{flex:1;min-width:0;margin-top:0!important}}
@media(max-width:768px){.sp-ext-crd-common.sp-ext-crd--zine[style*="--hc-image-text-gap"] .sp-ext-crd-content{margin-top:var(--hc-image-text-gap-mo,24px)!important}}
.sp-ext-crd-common[data-hc-common-composition="detail_blocks"] .sp-ext-crd-points{display:flex!important;flex-direction:column;gap:0!important;margin:24px 0 0!important}
.sp-ext-crd-common[data-hc-common-composition="detail_blocks"] .sp-ext-crd-point{background:transparent!important;border:0!important;border-top:1px solid #dedad5!important;border-radius:0!important;padding:20px 0!important;margin:0!important;width:100%!important}
.sp-ext-crd-common[data-hc-common-composition="detail_blocks"] .sp-ext-crd-point-marker{display:none!important}
.sp-ext-crd-common[data-hc-common-composition="detail_blocks"] .sp-ext-crd-point-title{font-size:20px!important;font-weight:400!important;color:var(--sty-c-itemt,#292929)!important}
.sp-ext-crd-common[data-hc-common-composition="detail_blocks"] .sp-ext-crd-point-desc{font-size:var(--sty-t-itemd,16px)!important;line-height:1.8!important;margin-top:12px!important;white-space:pre-line;color:var(--sty-c-itemd,#737373)!important}

.sp-ext-crd-common[data-hc-content-panel="light"][data-hc-panel-join="start"]{padding-bottom:0!important}
.sp-ext-crd-common[data-hc-content-panel="light"][data-hc-panel-join="start"]>.sp-b{border-bottom-left-radius:0!important;border-bottom-right-radius:0!important;padding-bottom:28px!important}
.sp-ext-crd-common[data-hc-content-panel="light"][data-hc-panel-join="middle"]{padding-top:0!important;padding-bottom:0!important}
.sp-ext-crd-common[data-hc-content-panel="light"][data-hc-panel-join="middle"]>.sp-b{border-radius:0!important;padding-top:28px!important;padding-bottom:28px!important}
.sp-ext-crd-common[data-hc-content-panel="light"][data-hc-panel-join="end"]{padding-top:0!important}
.sp-ext-crd-common[data-hc-content-panel="light"][data-hc-panel-join="end"]>.sp-b{border-top-left-radius:0!important;border-top-right-radius:0!important;padding-top:28px!important}

.sp-ext-crd-common[data-hc-common-composition="paired_media"] .sp-common-media-pair{grid-template-columns:repeat(auto-fit,minmax(0,1fr));grid-auto-flow:column;grid-auto-columns:minmax(0,1fr)}
.sp-common-pair-extra img{display:block;width:100%;height:auto}
.sp-ext-crd-common[data-hc-common-composition="paired_media"] .sp-common-media-pair{display:flex;align-items:flex-start}
.sp-ext-crd-common[data-hc-common-composition="paired_media"] .sp-common-media-pair>.sp-ext-crd-thumb,.sp-ext-crd-common[data-hc-common-composition="paired_media"] .sp-common-media-pair>.sp-common-pair-second,.sp-ext-crd-common[data-hc-common-composition="paired_media"] .sp-common-media-pair>.sp-common-pair-extra{flex:1;min-width:0;width:0!important}

.sp-common-responsive-image{display:block;width:100%;height:auto}.sp-common-responsive-image>img{display:block;width:100%;height:auto}
.sp-ext-crd-common[data-hc-common-composition="detail_blocks"] .sp-ext-crd-point{display:block!important}
.sp-ext-crd-common[data-hc-common-composition="detail_blocks"] .sp-ext-crd-point-text{width:100%;min-width:0}

@media(min-width:769px){.sp-ext-crd-common[data-hc-column-ratio="30_70"] .sp-ext-crd-grid{grid-template-columns:minmax(0,3fr) minmax(0,7fr)!important}.sp-ext-crd-common[data-hc-column-ratio="40_60"] .sp-ext-crd-grid{grid-template-columns:minmax(0,4fr) minmax(0,6fr)!important}.sp-ext-crd-common[data-hc-column-ratio="60_40"] .sp-ext-crd-grid{grid-template-columns:minmax(0,6fr) minmax(0,4fr)!important}.sp-ext-crd-common[data-hc-column-ratio="70_30"] .sp-ext-crd-grid{grid-template-columns:minmax(0,7fr) minmax(0,3fr)!important}}
/* Number colour option wins over tone/role colours, but a colour set on the number itself by precision layout (--sp-crd-num-fg) comes first:
   otherwise a chip painted with the number colour ends up with text in the same colour. */
.sp-ext-crd-common[style*="--sp-crd-number-color"] .sp-ext-crd-num{color:var(--sp-crd-num-fg,var(--sp-crd-number-color))!important;opacity:1!important}

.sp-ext-crd-common[style*="--hc-grid-max-width"] .sp-ext-crd-grid{max-width:var(--hc-grid-max-width)!important;width:100%;margin-inline:auto}
.sp-common-branded-heading{display:flex;align-items:center;gap:24px;margin:0 0 64px}
.sp-ext-crd-common .sp-common-branded-heading>.sp-sec-title{width:auto!important;margin:0!important;text-align:left}
.sp-common-heading-image{flex:0 0 auto}.sp-common-heading-image img{display:block;width:157px;height:auto}
.sp-ext-crd--head-off-title .sp-common-branded-heading{display:none!important}
@media(max-width:768px){.sp-common-branded-heading{gap:16px;margin-bottom:32px;flex-wrap:wrap}.sp-common-heading-image img{width:120px}}
.sp-ext-crd-common .sp-common-branded-heading .sp-sec-title{margin:0!important;width:auto!important}

/* Optional balanced rows keep native DOM order and collapse with mobile columns. */
.sp-ext-crd-common[data-hc-grid-balance="center_last"] .sp-ext-crd-grid{display:flex!important;flex-wrap:wrap;justify-content:center;gap:var(--sty-card-gap,24px)!important}
.sp-ext-crd-common[data-hc-grid-balance="center_last"] .sp-ext-crd-grid>.sp-ext-crd-item{flex:0 0 calc((100% - (var(--sp-cols,3) - 1)*var(--sty-card-gap,24px))/var(--sp-cols,3));min-width:0}
.sp-ext-crd-common.sp-ext-crd--media-image_left .sp-ext-crd-item,.sp-ext-crd-common.sp-ext-crd--media-image_right .sp-ext-crd-item{gap:var(--hc-image-text-gap,32px)}
@media(min-width:769px){.sp-ext-crd-common.sp-ext-crd--media-image_left .sp-ext-crd-thumb,.sp-ext-crd-common.sp-ext-crd--media-image_left .sp-ext-crd-content,.sp-ext-crd-common.sp-ext-crd--media-image_right .sp-ext-crd-thumb,.sp-ext-crd-common.sp-ext-crd--media-image_right .sp-ext-crd-content{width:calc((100% - var(--hc-image-text-gap,32px))/2)!important;min-width:0}}
@media(max-width:768px){.sp-ext-crd-common[data-hc-grid-balance="center_last"] .sp-ext-crd-grid>.sp-ext-crd-item{flex-basis:calc((100% - (var(--sp-cols-mo,1) - 1)*var(--sty-card-gap,24px))/var(--sp-cols-mo,1))}.sp-ext-crd-common.sp-ext-crd--media-image_left .sp-ext-crd-item,.sp-ext-crd-common.sp-ext-crd--media-image_right .sp-ext-crd-item{gap:var(--hc-image-text-gap-mo,24px)}}

.sp-ext-crd-common .sp-ext-crd-thumb:has(.sp-common-secondary-media),.sp-ext-crd-common .sp-common-stacked-thumb{display:flex!important;flex-direction:column;gap:20px;height:auto!important;min-height:0!important;aspect-ratio:auto!important;overflow:visible!important}
.sp-ext-crd-common .sp-common-stacked-thumb>img,.sp-ext-crd-common .sp-common-secondary-media img{position:static!important;width:100%!important;height:auto!important;object-fit:contain!important;aspect-ratio:auto!important}
.sp-ext-crd-common .sp-common-secondary-media{width:100%;flex:0 0 auto}

/* Independent panel insets allow original source article groups to retain their proportions. */
@media(min-width:769px){
.sp-ext-crd-common[data-hc-content-panel="light"][style*="--hc-panel-width-percent"]>.sp-b{width:var(--hc-panel-width-percent)!important}
.sp-ext-crd-common[data-hc-content-panel="light"][style*="--hc-panel-padding-x"]>.sp-b{padding-inline:var(--hc-panel-padding-x)!important}
.sp-ext-crd-common[data-hc-content-panel="light"][style*="--hc-panel-padding-bottom"]>.sp-b{padding-bottom:var(--hc-panel-padding-bottom)!important}
}

/* Optional shade removal keeps bright hero photography at its original exposure. */
.sp-ext-crd-common[data-hc-hero-image-shade="none"] .sp-ext-crd-side:after{display:none}

/* ===== Story options: type scale, section tone, title styles, card looks, full-bleed media, scroll-linked motion.
   Reusable common-card options (data-hc-*). No clinic names, page IDs or content URLs. ===== */

/* Section tone: background + text colours together. */
.sp-ext-crd-common[data-hc-section-tone="dark"]{--hc-tone-bg:#000;--hc-tone-tx:#f5f5f7;--hc-tone-tx2:#86868b;--hc-tone-tx3:#86868b;--hc-tone-card:#1d1d1f;--hc-tone-line:rgba(255,255,255,.16);--hc-tone-accent:#2997ff}
.sp-ext-crd-common[data-hc-section-tone="deep"]{--hc-tone-bg:#1d1d1f;--hc-tone-tx:#f5f5f7;--hc-tone-tx2:#86868b;--hc-tone-tx3:#86868b;--hc-tone-card:#000;--hc-tone-line:rgba(255,255,255,.14);--hc-tone-accent:#2997ff}
.sp-ext-crd-common[data-hc-section-tone="light"]{--hc-tone-bg:#fff;--hc-tone-tx:#1d1d1f;--hc-tone-tx2:#6e6e73;--hc-tone-tx3:#1d1d1f;--hc-tone-card:#f5f5f7;--hc-tone-line:rgba(60,60,67,.14);--hc-tone-accent:#0066cc}
.sp-ext-crd-common[data-hc-section-tone="soft"]{--hc-tone-bg:#f5f5f7;--hc-tone-tx:#1d1d1f;--hc-tone-tx2:#6e6e73;--hc-tone-tx3:#1d1d1f;--hc-tone-card:#fff;--hc-tone-line:rgba(60,60,67,.14);--hc-tone-accent:#0066cc}
.sp-ext-crd-common:is([data-hc-section-tone="light"],[data-hc-section-tone="soft"],[data-hc-section-tone="dark"],[data-hc-section-tone="deep"]){background:var(--hc-tone-bg);--sp-bg2:var(--hc-tone-bg);--sp-line:var(--hc-tone-line)}
.sp-ext-crd-common:is([data-hc-section-tone="light"],[data-hc-section-tone="soft"],[data-hc-section-tone="dark"],[data-hc-section-tone="deep"]) :is(.sp-sec-title,.sp-ext-crd-subtitle){color:var(--sty-c-title,var(--hc-tone-tx))!important}
.sp-ext-crd-common:is([data-hc-section-tone="light"],[data-hc-section-tone="soft"],[data-hc-section-tone="dark"],[data-hc-section-tone="deep"]) .sp-ext-crd-desc{color:var(--sty-c-desc,var(--hc-tone-tx2))!important}
.sp-ext-crd-common:is([data-hc-section-tone="light"],[data-hc-section-tone="soft"],[data-hc-section-tone="dark"],[data-hc-section-tone="deep"]) :is(.sp-ext-crd-title,.sp-ext-crd-faq-q,.sp-ext-crd-num){color:var(--sty-c-itemt,var(--hc-tone-tx))!important}
.sp-ext-crd-common:is([data-hc-section-tone="light"],[data-hc-section-tone="soft"],[data-hc-section-tone="dark"],[data-hc-section-tone="deep"]) :is(.sp-ext-crd-body,.sp-ext-crd-sub,.sp-ext-crd-faq-a,.sp-ext-crd-bottom-text){color:var(--sty-c-itemd,var(--hc-tone-tx2))!important}
.sp-ext-crd-common:is([data-hc-section-tone="light"],[data-hc-section-tone="soft"],[data-hc-section-tone="dark"],[data-hc-section-tone="deep"]) .sp-ext-crd-eyebrow{color:var(--sty-c-eyebrow,var(--hc-tone-tx3))!important}

/* Type scale "product": one hierarchy for the whole section.
   Steps (wide / narrow): display 96/110 - 40/48, headline 56/60 - 28/35, section title 48/57 - 32/39,
   caption 28/35 - 21/27, callout 21/27, lead 21/32 - 19/29, body 17/27 - 15/23, eyebrow 21/21.
   Headings are 600, body is 400, tracking stays neutral. */
#sp-sections .sp-ext-crd-common[data-hc-type-scale="product"]{--hc-ts-title:clamp(32px,3.34vw,48px);--hc-ts-title-lh:1.1875;--hc-ts-itemt:21px;--hc-ts-itemt-lh:1.2858;padding-top:var(--sty-pad-top,144px);padding-bottom:var(--sty-pad-bottom,144px)}
#sp-sections .sp-ext-crd-common[data-hc-type-scale="product"][data-hc-title-style="display"]{--hc-ts-title:clamp(40px,6.67vw,96px);--hc-ts-title-lh:1.146}
#sp-sections .sp-ext-crd-common[data-hc-type-scale="product"][data-hc-title-style="headline"]{--hc-ts-title:clamp(28px,3.9vw,56px);--hc-ts-title-lh:1.0715}
#sp-sections .sp-ext-crd-common[data-hc-type-scale="product"] .sp-sec-title{font-size:var(--hc-ts-title)!important;line-height:var(--hc-ts-title-lh)!important;font-weight:600!important;letter-spacing:0!important;margin-bottom:0}
#sp-sections .sp-ext-crd-common[data-hc-type-scale="product"] .sp-ext-crd-eyebrow{font-family:inherit;font-size:21px!important;line-height:1!important;font-weight:600!important;letter-spacing:.011em!important;text-transform:none;margin:0 0 20px!important;padding:0;border:0;background:none}
#sp-sections .sp-ext-crd-common[data-hc-type-scale="product"] .sp-ext-crd-desc{font-size:clamp(19px,1.46vw,21px)!important;line-height:1.524!important;font-weight:600!important;letter-spacing:.011em!important;display:block;width:auto!important;max-width:none!important;box-sizing:border-box;margin:26px 0 0!important;padding-right:max(0px,calc(100% - 830px))}
#sp-sections .sp-ext-crd-common[data-hc-type-scale="product"]:is([style*="--sp-crd-head-ta:center"],[style*="--sp-crd-head-ta: center"]) :is(.sp-ext-crd-eyebrow,.sp-sec-title,.sp-ext-crd-desc){display:block;width:auto!important;max-width:none!important;text-align:center!important;margin-left:0!important;margin-right:0!important}
#sp-sections .sp-ext-crd-common[data-hc-type-scale="product"]:is([style*="--sp-crd-head-ta:center"],[style*="--sp-crd-head-ta: center"]) .sp-ext-crd-desc{padding-inline:max(0px,calc((100% - 830px) / 2))}
#sp-sections .sp-ext-crd-common[data-hc-type-scale="product"]:is([style*="--sp-crd-head-ta:center"],[style*="--sp-crd-head-ta: center"]) .sp-ext-crd-bottom{text-align:center!important;display:flex;justify-content:center}
#sp-sections .sp-ext-crd-common[data-hc-type-scale="product"]:is([style*="--sp-crd-head-ta:left"],[style*="--sp-crd-head-ta: left"]) :is(.sp-ext-crd-eyebrow,.sp-sec-title,.sp-ext-crd-desc){text-align:left!important;margin-left:0!important;margin-right:0!important}
#sp-sections .sp-ext-crd-common[data-hc-type-scale="product"] .sp-ext-crd-desc :is(b,strong){color:var(--hc-tone-tx,inherit);font-weight:600}
#sp-sections .sp-ext-crd-common[data-hc-type-scale="product"] .sp-ext-crd-grid{margin-top:clamp(40px,5vw,72px)}
#sp-sections .sp-ext-crd-common[data-hc-type-scale="product"] .sp-ext-crd-title{font-size:var(--hc-ts-itemt)!important;line-height:var(--hc-ts-itemt-lh)!important;font-weight:600!important;letter-spacing:.011em!important;margin-bottom:10px}
#sp-sections .sp-ext-crd-common[data-hc-type-scale="product"] .sp-ext-crd-body{font-size:17px!important;line-height:1.5883!important;font-weight:400!important;letter-spacing:0!important}
#sp-sections .sp-ext-crd-common[data-hc-type-scale="product"] .sp-ext-crd-faq-q{font-size:17px!important;line-height:1.353!important;font-weight:600!important;letter-spacing:0!important}
#sp-sections .sp-ext-crd-common[data-hc-type-scale="product"] .sp-ext-crd-faq-a{font-size:17px!important;line-height:1.5883!important;font-weight:400!important}
#sp-sections .sp-ext-crd-common[data-hc-type-scale="product"] .sp-ext-crd-bottom-text{font-size:14px!important;line-height:1.4286!important;font-weight:400!important}
#sp-sections .sp-ext-crd-common[data-hc-type-scale="product"] .sp-ext-crd-bottom-cta{min-height:44px;padding:0 22px;border:0;border-radius:999px;background:#0071e3;color:#fff;font-size:17px;font-weight:400;line-height:1;letter-spacing:0}
#sp-sections .sp-ext-crd-common[data-hc-type-scale="product"] .sp-ext-crd-bottom-cta:hover{background:#0077ed}
/* Card title steps by layout: media rows and overlay captions use the caption step. */
#sp-sections .sp-ext-crd-common[data-hc-type-scale="product"]:is(.sp-ext-crd--zine,.sp-ext-crd--overlay,[data-hc-card-look="bento"]){--hc-ts-itemt:clamp(21px,1.95vw,28px);--hc-ts-itemt-lh:1.25}
#sp-sections .sp-ext-crd-common[data-hc-type-scale="product"][data-hc-card-look="stat"]{--hc-ts-itemt:clamp(40px,3.34vw,48px);--hc-ts-itemt-lh:1.1}
#sp-sections .sp-ext-crd-common[data-hc-type-scale="product"][data-hc-card-look="stat"] .sp-ext-crd-title{letter-spacing:0!important;margin-bottom:6px}
#sp-sections .sp-ext-crd-common[data-hc-type-scale="product"][data-hc-card-look="stat"] .sp-ext-crd-tag{display:block;margin:0 0 4px;padding:0;border:0;background:none;font-size:17px;font-weight:400;line-height:1.3;letter-spacing:0;color:var(--hc-tone-tx,#1d1d1f)}
#sp-sections .sp-ext-crd-common[data-hc-type-scale="product"][data-hc-card-look="stat"] .sp-ext-crd-body{font-size:17px!important;line-height:1.3!important;font-weight:400!important;letter-spacing:0!important;color:var(--sty-c-itemd,var(--hc-tone-tx,#1d1d1f))!important}
@media (max-width:734px){#sp-sections .sp-ext-crd-common[data-hc-type-scale="product"][data-hc-card-look="stat"] :is(.sp-ext-crd-body,.sp-ext-crd-tag){font-size:14px!important}.sp-ext-crd-common[data-hc-card-look="stat"] .sp-ext-crd-grid{gap:28px!important}}
@media (max-width:734px){
#sp-sections .sp-ext-crd-common[data-hc-type-scale="product"]{padding-top:var(--sty-pad-top-mo,88px);padding-bottom:var(--sty-pad-bottom-mo,88px)}
#sp-sections .sp-ext-crd-common[data-hc-type-scale="product"][data-hc-title-style="display"]{--hc-ts-title-lh:1.2}
#sp-sections .sp-ext-crd-common[data-hc-type-scale="product"][data-hc-title-style="headline"]{--hc-ts-title-lh:1.25}
#sp-sections .sp-ext-crd-common[data-hc-type-scale="product"] .sp-ext-crd-eyebrow{margin-bottom:12px!important}
#sp-sections .sp-ext-crd-common[data-hc-type-scale="product"] .sp-ext-crd-desc{margin-top:24px!important}
#sp-sections .sp-ext-crd-common[data-hc-type-scale="product"] .sp-ext-crd-body{font-size:15px!important;line-height:1.5334!important}
#sp-sections .sp-ext-crd-common[data-hc-type-scale="product"] :is(.sp-ext-crd-faq-q,.sp-ext-crd-faq-a){font-size:15px!important}
}

/* Gradient titles clip a gradient to the text. */
#sp-sections .sp-ext-crd-common[data-hc-title-style^="gradient_"] .sp-sec-title{background:var(--hc-title-grad);-webkit-background-clip:text;background-clip:text;color:transparent!important;-webkit-text-fill-color:transparent;padding-bottom:.08em}
/* With a gradient title style, the big numbers of the stat looks take the same gradient. */
#sp-sections .sp-ext-crd-common[data-hc-title-style^="gradient_"]:is([data-hc-card-look="stat"],[data-hc-card-look="stat_media"]) .sp-ext-crd-title{background:var(--hc-title-grad);-webkit-background-clip:text;background-clip:text;color:transparent!important;-webkit-text-fill-color:transparent;padding-bottom:.08em}
.sp-ext-crd-common[data-hc-title-style="gradient_blue"]{--hc-title-grad:linear-gradient(90deg,#2997ff 0%,#8f7bff 48%,#ff6fd8 100%)}
.sp-ext-crd-common[data-hc-title-style="gradient_warm"]{--hc-title-grad:linear-gradient(90deg,#ff9f0a 0%,#ff6a3d 50%,#ff375f 100%)}
.sp-ext-crd-common[data-hc-title-style="gradient_silver"]{--hc-title-grad:linear-gradient(180deg,#f5f5f7 0%,#a1a1a6 100%)}
/* Without the type scale the large title styles still work on their own. */
#sp-sections .sp-ext-crd-common:not([data-hc-type-scale="product"])[data-hc-title-style="display"] .sp-sec-title{font-size:clamp(40px,6.67vw,96px)!important;line-height:1.146!important;font-weight:600!important;letter-spacing:0}
#sp-sections .sp-ext-crd-common:not([data-hc-type-scale="product"])[data-hc-title-style="headline"] .sp-sec-title{font-size:clamp(28px,3.9vw,56px)!important;line-height:1.0715!important;font-weight:600!important;letter-spacing:0}

/* Card looks. */
.sp-ext-crd-common[data-hc-card-look="tile"] .sp-ext-crd-item{background:var(--sp-card-bg,var(--hc-tone-card,#f5f5f7));border-radius:var(--sty-card-radius,28px);transition:transform .45s cubic-bezier(.22,1,.36,1),background .28s}
.sp-ext-crd-common[data-hc-card-look="tile"] .sp-ext-crd-content{padding:clamp(24px,2.5vw,36px)}
@media (hover:hover){.sp-ext-crd-common[data-hc-card-look="tile"] .sp-ext-crd-item:hover{transform:scale(1.015)}}
.sp-ext-crd-common[data-hc-card-look="stat"] .sp-ext-crd-item{background:transparent;border:0;border-radius:0}
.sp-ext-crd-common[data-hc-card-look="stat"] .sp-ext-crd-content{padding:0!important}
.sp-ext-crd-common[data-hc-card-look="bento"] .sp-ext-crd-grid{grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-rows:minmax(240px,auto);gap:var(--sty-card-gap,20px)}
.sp-ext-crd-common[data-hc-card-look="bento"] .sp-ext-crd-item{grid-column:span 2;background:var(--sp-card-bg,var(--hc-tone-card,#f5f5f7));border-radius:var(--sty-card-radius,28px);justify-content:flex-end}
.sp-ext-crd-common[data-hc-card-look="bento"] .sp-ext-crd-item:nth-child(6n+1),.sp-ext-crd-common[data-hc-card-look="bento"] .sp-ext-crd-item:nth-child(6n+5){grid-column:span 4}
.sp-ext-crd-common[data-hc-card-look="bento"] .sp-ext-crd-item:nth-child(6n+3),.sp-ext-crd-common[data-hc-card-look="bento"] .sp-ext-crd-item:nth-child(6n+4){grid-column:span 3}
.sp-ext-crd-common[data-hc-card-look="bento"] .sp-ext-crd-content{padding:clamp(24px,2.5vw,36px);flex:0 0 auto}
.sp-ext-crd-common[data-hc-card-look="bento"] .sp-ext-crd-thumb{flex:1 1 auto;aspect-ratio:auto;min-height:180px}
@media (max-width:900px){.sp-ext-crd-common[data-hc-card-look="bento"] .sp-ext-crd-grid{grid-template-columns:1fr;grid-auto-rows:auto}.sp-ext-crd-common[data-hc-card-look="bento"] .sp-ext-crd-item{grid-column:1/-1!important}}

/* Full-bleed media: the card area breaks out of the content width. */
.sp-ext-crd-common[data-hc-media-bleed="full"] .sp-ext-crd-grid{width:100vw;max-width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)}
.sp-ext-crd-common[data-hc-media-bleed="full"] :is(.sp-ext-crd-item,.sp-ext-crd-thumb){border-radius:0}

/* Scroll-linked motion. Progress follows the scroll position; no script. Skipped while editing,
   with reduced motion, in print, and in browsers without scroll timelines (content stays fully visible). */
@supports (animation-timeline:view()){
@media (prefers-reduced-motion:no-preference){
/* Only the parallax drift stays tied to the scroll position. Entrances (rise, zoom, unfold) run once when a block enters the view
   (classes hc-rv*, added by script): scroll-tied entrances looked like flicker because opacity followed every small scroll. */
body:not(.sp-edit) .sp-ext-crd-common[data-hc-scroll-effect="media_parallax"] .sp-ext-crd-item{view-timeline-name:--hc-story-item;view-timeline-axis:block}
body:not(.sp-edit) .sp-ext-crd-common[data-hc-scroll-effect="media_parallax"] .sp-ext-crd-thumb :is(img,video){animation:hcStoryParallax linear both;animation-timeline:--hc-story-item;animation-range:entry 0% exit 100%}
}}
@keyframes hcStoryRise{from{opacity:0;transform:translate3d(0,40px,0)}to{opacity:1;transform:none}}
@keyframes hcStoryZoom{from{transform:scale(1.2)}to{transform:scale(1)}}
@keyframes hcStoryUnfold{from{clip-path:inset(9% 14% round 44px);transform:scale(.95)}to{clip-path:inset(0 0 round var(--sp-crd-img-radius,var(--sty-card-radius,0px)));transform:none}}
@keyframes hcStoryParallax{from{transform:translate3d(0,-6%,0) scale(1.14)}to{transform:translate3d(0,6%,0) scale(1.14)}}
@media print{.sp-ext-crd-common[data-hc-scroll-effect] *{animation:none!important}}
/* Hover-to-play cards show a small play mark until the video runs. */
.sp-ext-crd-common[data-hc-media-play="hover"] [data-hc-media-hover] .sp-ext-crd-thumb::after{content:'';position:absolute;right:16px;bottom:16px;width:36px;height:36px;border-radius:50%;background:rgba(29,29,31,.55) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fff'%3E%3Cpath d='M9 6.5v11l9-5.5z'/%3E%3C/svg%3E") center/18px no-repeat;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:opacity .25s;pointer-events:none}
.sp-ext-crd-common[data-hc-media-play="hover"] [data-hc-media-hover]:is(:hover,:focus-within) .sp-ext-crd-thumb::after{opacity:0}
/* Slider looks. The card row runs to the viewport edge so the next card peeks in; the page indent stays aligned with the content. */
@media (min-width:0px){
/* The track is a size container so the row can measure the content width (cqw) against the viewport (vw). */
body:not(.sp-edit) .sp-ext-crd-common:is([data-hc-slider-look="gallery"],[data-hc-slider-look="paddles"]) .sp-ext-crd-track{overflow:visible;container-type:inline-size}
body:not(.sp-edit) .sp-ext-crd-common:is([data-hc-slider-look="gallery"],[data-hc-slider-look="paddles"]):is(.sp-ext-crd--pcslide,.sp-ext-crd--mslide) .sp-ext-crd-grid{width:100vw;max-width:100vw;margin-left:calc(50cqw - 50vw);margin-right:calc(50cqw - 50vw);padding-inline:calc(50vw - 50cqw)!important;scroll-padding-inline:calc(50vw - 50cqw);box-sizing:border-box;gap:var(--sty-card-gap,20px)}
}
.sp-ext-crd-common:is([data-hc-slider-look="gallery"],[data-hc-slider-look="paddles"]) .sp-ext-crd-item{border-radius:var(--sty-card-radius,28px)}
/* gallery: caption sits at the top of the media, arrows are replaced by the pager pill */
.sp-ext-crd-common[data-hc-slider-look="gallery"] .sp-ext-crd-nav{display:none!important}
.sp-ext-crd-common[data-hc-slider-look="gallery"].sp-ext-crd--overlay .sp-ext-crd-item::after{display:none}
.sp-ext-crd-common[data-hc-slider-look="gallery"].sp-ext-crd--overlay .sp-ext-crd-content{justify-content:flex-start;align-items:center;text-align:center;padding:clamp(28px,4vw,56px) clamp(24px,8vw,120px);background:linear-gradient(180deg,rgba(0,0,0,.34) 0%,rgba(0,0,0,0) 46%)}
.sp-ext-crd-common[data-hc-slider-look="gallery"].sp-ext-crd--overlay .sp-ext-crd-title{color:rgba(255,255,255,.92)!important;max-width:620px;margin:0 auto}
.sp-ext-crd-common[data-hc-slider-look="gallery"] .sp-ext-crd-pager{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:28px}
.sp-ext-crd-common[data-hc-slider-look="gallery"] .sp-ext-crd-dots{display:flex!important;gap:0;margin:0;height:56px;padding:0 14px;border-radius:28px;background:var(--hc-pager-bg,rgba(232,232,237,.72));-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px)}
.sp-ext-crd-common[data-hc-slider-look="gallery"] .sp-ext-crd-dot{position:relative;width:24px;height:44px;transition:width .35s cubic-bezier(.22,1,.36,1)}
.sp-ext-crd-common[data-hc-slider-look="gallery"] .sp-ext-crd-dot::before{width:8px!important;height:8px;border-radius:8px;background:var(--hc-pager-dot,rgba(0,0,0,.42))!important;transition:width .35s cubic-bezier(.22,1,.36,1)}
.sp-ext-crd-common[data-hc-slider-look="gallery"] .sp-ext-crd-dot.is-active{width:64px}
.sp-ext-crd-common[data-hc-slider-look="gallery"] .sp-ext-crd-dot.is-active::before{width:48px!important;background:var(--hc-pager-track,rgba(0,0,0,.2))!important}
.sp-ext-crd-common[data-hc-slider-look="gallery"] .sp-ext-crd-dot.is-active::after{content:'';position:absolute;left:8px;top:50%;width:48px;height:8px;margin-top:-4px;border-radius:8px;background:var(--hc-pager-on,#1d1d1f);transform-origin:left center;clip-path:inset(0 100% 0 0 round 8px)}
.sp-ext-crd-common[data-hc-slider-look="gallery"].is-crd-timed .sp-ext-crd-dot.is-active{animation:hcPagerTick var(--hc-slide-ms,5000ms) linear both;animation-play-state:paused}
.sp-ext-crd-common[data-hc-slider-look="gallery"].is-crd-timed .sp-ext-crd-dot.is-active::after{animation:hcPagerFill var(--hc-slide-ms,5000ms) linear both;animation-play-state:paused}
.sp-ext-crd-common[data-hc-slider-look="gallery"].is-crd-timed.is-crd-inview:not(.is-crd-hold) .sp-ext-crd-dot.is-active,.sp-ext-crd-common[data-hc-slider-look="gallery"].is-crd-timed.is-crd-inview:not(.is-crd-hold) .sp-ext-crd-dot.is-active::after{animation-play-state:running}
.sp-ext-crd-common[data-hc-slider-look="gallery"]:not(.is-crd-timed) .sp-ext-crd-dot.is-active::after{clip-path:none}
.sp-ext-crd-common[data-hc-slider-look="gallery"] .sp-ext-crd-hold{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;margin:0;padding:0;border:0;border-radius:50%;background:var(--hc-pager-bg,rgba(232,232,237,.72));color:var(--hc-pager-on,#1d1d1f);cursor:pointer;-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px)}
.sp-ext-crd-common[data-hc-slider-look="gallery"] .sp-ext-crd-hold svg{width:24px;height:24px}
.sp-ext-crd-common[data-hc-slider-look="gallery"] .sp-ext-crd-hold .i-play,.sp-ext-crd-common[data-hc-slider-look="gallery"].is-crd-hold .sp-ext-crd-hold .i-pause{display:none}
.sp-ext-crd-common[data-hc-slider-look="gallery"].is-crd-hold .sp-ext-crd-hold .i-play{display:block}
.sp-ext-crd-common[data-hc-slider-look="gallery"] :is(.sp-ext-crd-hold,.sp-ext-crd-dot):focus-visible{outline:2px solid #0071e3;outline-offset:2px}
.sp-ext-crd-common[data-hc-slider-look="gallery"]:is([data-hc-section-tone="dark"],[data-hc-section-tone="deep"]){--hc-pager-bg:rgba(66,66,69,.72);--hc-pager-dot:rgba(255,255,255,.6);--hc-pager-track:rgba(255,255,255,.28);--hc-pager-on:#f5f5f7}
@keyframes hcPagerFill{from{clip-path:inset(0 100% 0 0 round 8px)}to{clip-path:inset(0 0 0 0 round 8px)}}
@keyframes hcPagerTick{from{opacity:1}to{opacity:1}}
/* paddles: small round previous/next buttons under the row, right aligned; no dots */
.sp-ext-crd-common[data-hc-slider-look="paddles"] .sp-ext-crd-dots{display:none!important}
.sp-ext-crd-common[data-hc-slider-look="paddles"] .sp-ext-crd-slider{padding-bottom:64px}
/* The buttons live inside the track, so they sit below it (in the space the slider reserves) instead of over the cards. */
.sp-ext-crd-common[data-hc-slider-look="paddles"] .sp-ext-crd-nav{position:absolute!important;top:auto!important;bottom:-64px!important;left:auto!important;transform:none!important;width:36px!important;height:36px!important;border:0!important;border-radius:50%!important;background:var(--hc-paddle-bg,rgba(210,210,215,.64))!important;color:var(--hc-paddle-tx,rgba(0,0,0,.56))!important;box-shadow:none!important;opacity:1!important}
.sp-ext-crd-common[data-hc-slider-look="paddles"] .sp-ext-crd-nav--prev{right:52px!important}
.sp-ext-crd-common[data-hc-slider-look="paddles"] .sp-ext-crd-nav--next{right:0!important}
.sp-ext-crd-common[data-hc-slider-look="paddles"] .sp-ext-crd-nav:hover{background:var(--hc-paddle-bg-hv,rgba(223,223,227,.69))!important;color:var(--hc-paddle-tx-hv,rgba(0,0,0,.72))!important}
.sp-ext-crd-common[data-hc-slider-look="paddles"] .sp-ext-crd-nav svg{width:18px;height:18px}
.sp-ext-crd-common[data-hc-slider-look="paddles"]:is([data-hc-section-tone="dark"],[data-hc-section-tone="deep"]){--hc-paddle-bg:rgba(66,66,69,.72);--hc-paddle-tx:rgba(255,255,255,.8);--hc-paddle-bg-hv:rgba(73,73,76,.72);--hc-paddle-tx-hv:#fff}
/* Card look "caption": media card with the text underneath; the title runs into the body as a bold lead-in. */
.sp-ext-crd-common[data-hc-card-look="caption"] .sp-ext-crd-item{background:transparent;border-radius:0;overflow:visible}
.sp-ext-crd-common[data-hc-card-look="caption"] .sp-ext-crd-thumb{border-radius:var(--sty-card-radius,28px)}
.sp-ext-crd-common[data-hc-card-look="caption"] .sp-ext-crd-content{display:block;padding:20px 8px 0!important;max-width:520px}
#sp-sections .sp-ext-crd-common[data-hc-card-look="caption"] .sp-ext-crd-title{display:inline;margin:0;font-size:17px!important;line-height:1.5883!important;font-weight:600!important;letter-spacing:0!important}
#sp-sections .sp-ext-crd-common[data-hc-card-look="caption"] .sp-ext-crd-title::after{content:' '}
#sp-sections .sp-ext-crd-common[data-hc-card-look="caption"] .sp-ext-crd-body{display:inline;font-size:17px!important;line-height:1.5883!important;font-weight:400!important}
@media (max-width:734px){#sp-sections .sp-ext-crd-common[data-hc-card-look="caption"] :is(.sp-ext-crd-title,.sp-ext-crd-body){font-size:14px!important;line-height:1.4286!important}}
/* Scroll effect "video_scrub": the section background video stays pinned to the viewport while the section scrolls past,
   and the video time follows the scroll (script in common_editorial.js). Text sits over the video and fades near the end.
   Without script or with reduced motion the section is a normal one-screen background section. */
body:not(.sp-edit) .sp-ext-crd-common[data-hc-scroll-effect="video_scrub"].is-hc-scrub{display:block;padding-top:0!important;padding-bottom:0!important;min-height:var(--hc-scrub-len,300vh);overflow:visible;overflow:clip}
body:not(.sp-edit) .sp-ext-crd-common[data-hc-scroll-effect="video_scrub"].is-hc-scrub>.sp-ext-crd-bg{position:sticky;inset:auto;top:0;left:0;display:block;width:100%;height:100vh;height:100svh;z-index:0}
body:not(.sp-edit) .sp-ext-crd-common[data-hc-scroll-effect="video_scrub"].is-hc-scrub>.sp-ext-crd-bg :is(video,img){width:100%;height:100%;object-fit:cover}
body:not(.sp-edit) .sp-ext-crd-common[data-hc-scroll-effect="video_scrub"].is-hc-scrub>.sp-b{position:sticky;top:0;z-index:2;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto;align-content:center;justify-items:center;text-align:center;min-height:100vh;min-height:100svh;margin-top:-100vh;margin-top:-100svh;box-sizing:border-box;padding-block:96px}
body:not(.sp-edit) .sp-ext-crd-common[data-hc-scroll-effect="video_scrub"].is-hc-scrub :is(.sp-ext-crd-eyebrow,.sp-sec-title){animation:none!important;opacity:clamp(0,calc((.4 - var(--hc-scrub-p,0)) * 9),1);transform:translate3d(0,calc(var(--hc-scrub-p,0) * -60px),0)}
body:not(.sp-edit) .sp-ext-crd-common[data-hc-scroll-effect="video_scrub"].is-hc-scrub .sp-ext-crd-eyebrow{grid-area:1/1}
body:not(.sp-edit) .sp-ext-crd-common[data-hc-scroll-effect="video_scrub"].is-hc-scrub .sp-sec-title{grid-area:2/1}
#sp-sections .sp-ext-crd-common[data-hc-type-scale][data-hc-scroll-effect="video_scrub"].is-hc-scrub .sp-ext-crd-desc{grid-area:1/1/3/2;align-self:center;animation:none!important;margin:0!important;padding-inline:max(0px,calc((100% - 900px) / 2))!important;font-size:clamp(32px,4.4vw,64px)!important;line-height:1.15!important;font-weight:600!important;letter-spacing:0!important;color:#fff!important;white-space:pre-line;
    opacity:calc(clamp(0,calc((var(--hc-scrub-p,0) - .46) * 9),1) * clamp(0,calc((.92 - var(--hc-scrub-p,0)) * 9),1));transform:translate3d(0,calc((.7 - var(--hc-scrub-p,0)) * 60px),0)}
/* 편집 중에는 스크롤 진행이 멈춰 있어 위 규칙대로면 본문이 투명(0)인 채로 남아 고칠 수 없었다. 편집 화면에서는 항상 보이게 한다 */
body.sp-edit #sp-sections .sp-ext-crd-common[data-hc-type-scale][data-hc-scroll-effect="video_scrub"].is-hc-scrub .sp-ext-crd-desc{opacity:1!important;transform:none!important}
@media (max-width:900px){body:not(.sp-edit) .sp-ext-crd-common[data-hc-scroll-effect="video_scrub"].is-hc-scrub{min-height:var(--hc-scrub-len-mo,240vh)}}
/* Tabs under the product type scale: one soft track, the selected tab is a solid pill. */
#sp-sections .sp-ext-crd-common[data-hc-type-scale="product"] .sp-ext-crd-tabs{display:inline-flex;flex-wrap:nowrap!important;gap:0;max-width:100%;min-width:0;overflow-x:auto;scrollbar-width:none;padding:6px;border:0;border-radius:999px;background:var(--hc-tab-track,#f5f5f7);box-shadow:none}
#sp-sections .sp-ext-crd-common[data-hc-type-scale="product"] .sp-ext-crd-tabs::-webkit-scrollbar{display:none}
#sp-sections .sp-ext-crd-common[data-hc-type-scale="product"] .sp-ext-crd-tabs [data-crd-tab]{flex:0 0 auto;min-height:44px;padding:0 22px;border:0;border-radius:999px;background:transparent;box-shadow:none;color:var(--hc-tone-tx,#1d1d1f);font-size:17px;font-weight:400;line-height:1;letter-spacing:0;white-space:nowrap;transition:background .3s cubic-bezier(.22,1,.36,1),color .3s}
#sp-sections .sp-ext-crd-common[data-hc-type-scale="product"] .sp-ext-crd-tabs [data-crd-tab][aria-selected="true"]{background:var(--hc-tab-on,#1d1d1f);color:var(--hc-tab-on-tx,#fff)}
.sp-ext-crd-common[data-hc-section-tone="soft"]{--hc-tab-track:#e8e8ed}
.sp-ext-crd-common:is([data-hc-section-tone="dark"],[data-hc-section-tone="deep"]){--hc-tab-track:#2c2c2e;--hc-tab-on:#f5f5f7;--hc-tab-on-tx:#1d1d1f}
@media (max-width:734px){#sp-sections .sp-ext-crd-common[data-hc-type-scale="product"] .sp-ext-crd-tabs [data-crd-tab]{min-height:40px;padding:0 18px;font-size:15px}}
/* CTA as a text link under the heading (data-hc-cta-style="head_link"). */
.sp-ext-crd-common[data-hc-cta-style="head_link"]>.sp-b{display:flex;flex-direction:column}
.sp-ext-crd-common[data-hc-cta-style="head_link"]>.sp-b>*{order:2}
.sp-ext-crd-common[data-hc-cta-style="head_link"]>.sp-b>:is(.sp-ext-crd-eyebrow,.sp-sec-title,.sp-ext-crd-subtitle,.sp-ext-crd-desc){order:0}
.sp-ext-crd-common[data-hc-cta-style="head_link"]>.sp-b>.sp-ext-crd-bottom{order:1;margin:18px 0 0!important;padding:0!important;border:0;background:none;text-align:inherit}
#sp-sections .sp-ext-crd-common[data-hc-cta-style="head_link"] .sp-ext-crd-bottom-cta{display:inline-flex;align-items:center;justify-content:flex-start;gap:4px;width:auto!important;min-width:0!important;min-height:32px;margin:0!important;padding:0!important;border:0;border-radius:0;background:none;color:var(--hc-tone-accent,#0066cc);font-size:clamp(17px,1.46vw,21px);font-weight:400;line-height:1.3;letter-spacing:.011em;text-decoration:none}
#sp-sections .sp-ext-crd-common[data-hc-cta-style="head_link"] .sp-ext-crd-bottom-cta::after{content:'';width:.5em;height:.5em;margin-left:.1em;border-right:.09em solid currentColor;border-top:.09em solid currentColor;transform:rotate(45deg) scale(.82)}
#sp-sections .sp-ext-crd-common[data-hc-cta-style="head_link"] .sp-ext-crd-bottom-cta:hover{background:none;text-decoration:underline}
.sp-ext-crd-common[data-hc-cta-style="head_link"]:is([style*="--sp-crd-head-ta:center"],[style*="--sp-crd-head-ta: center"])>.sp-b>.sp-ext-crd-bottom{text-align:center}
/* Card look "viewer": a white stage with the item pills in a column on the left and the media on the right.
   Opening a pill turns it into its caption in place and swaps the media; up/down buttons step through items.
   Built by common_editorial.js (class is-hc-viewer). Without script the cards stay a normal grid. */
.sp-ext-crd-common[data-hc-card-look="viewer"].is-hc-viewer .hc-viewer{position:relative;margin-top:clamp(40px,5vw,72px)}
.sp-ext-crd-common[data-hc-card-look="viewer"].is-hc-viewer .hc-viewer-stage{position:relative;overflow:hidden;border-radius:var(--sty-card-radius,28px);background:var(--hc-viewer-bg,#fff);height:clamp(560px,52.8vw,760px)}
.sp-ext-crd-common[data-hc-section-tone="light"]{--hc-viewer-bg:#f5f5f7}
.sp-ext-crd-common:is([data-hc-section-tone="dark"],[data-hc-section-tone="deep"]){--hc-viewer-bg:var(--hc-tone-card)}
#sp-sections .sp-ext-crd-common[data-hc-card-look="viewer"].is-hc-viewer .sp-ext-crd-grid{position:absolute!important;inset:8.5% 7% 8.5% 40%!important;display:block!important;width:auto!important;height:auto!important;margin:0!important;padding:0!important;gap:0;overflow:hidden!important;border-radius:20px;touch-action:pan-y}
#sp-sections .sp-ext-crd-common[data-hc-card-look="viewer"].is-hc-viewer .sp-ext-crd-item{position:absolute!important;inset:0!important;display:block!important;width:auto!important;height:auto!important;margin:0!important;padding:0!important;border:0!important;border-radius:20px!important;overflow:hidden;background:transparent!important;opacity:1;visibility:visible;transform:translate3d(calc(var(--hc-v,0) * 104% + var(--hc-d,0px)),0,0)!important;transition:transform .8s cubic-bezier(.32,.72,0,1);animation:none!important;will-change:transform}
#sp-sections .sp-ext-crd-common[data-hc-card-look="viewer"].is-hc-viewer .sp-ext-crd-item.is-hc-on{opacity:1}
@media (prefers-reduced-motion:reduce){#sp-sections .sp-ext-crd-common[data-hc-card-look="viewer"].is-hc-viewer .sp-ext-crd-item{transition:none}}
#sp-sections .sp-ext-crd-common[data-hc-card-look="viewer"].is-hc-viewer .sp-ext-crd-thumb{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;min-height:0!important;max-height:none!important;max-width:none!important;margin:0!important;aspect-ratio:auto!important;border-radius:0!important}
#sp-sections .sp-ext-crd-common[data-hc-card-look="viewer"].is-hc-viewer .sp-ext-crd-thumb :is(img,video){position:absolute;inset:0;width:100%!important;height:100%!important;object-fit:cover}
#sp-sections .sp-ext-crd-common[data-hc-card-look="viewer"].is-hc-viewer .sp-ext-crd-content{display:none!important}
.hc-viewer-list{position:absolute;z-index:3;left:clamp(24px,5.1vw,72px);top:50%;transform:translateY(-50%);transition:left .45s cubic-bezier(.22,1,.36,1);display:flex;flex-direction:column;align-items:flex-start;gap:12px;width:min(424px,32%);margin:0;padding:0;list-style:none}
.hc-viewer-pill{width:max-content;max-width:100%;border-radius:28px;background:var(--hc-viewer-pill,#f5f5f7);color:#1d1d1f;transition:border-radius .4s cubic-bezier(.22,1,.36,1)}
.sp-ext-crd-common[data-hc-section-tone="light"]{--hc-viewer-pill:#e8e8ed}
.hc-viewer-open{display:flex;align-items:center;gap:14px;width:100%;min-height:56px;margin:0;padding:0 26px 0 14px;border:0;border-radius:inherit;background:transparent;color:inherit;font-family:inherit;font-size:17px;font-weight:600;line-height:1.2;letter-spacing:0;text-align:left;cursor:pointer}
.hc-viewer-open::before{content:'';flex:0 0 auto;width:26px;height:26px;border:1.5px solid currentColor;border-radius:50%;background:linear-gradient(currentColor,currentColor) center/11px 1.5px no-repeat,linear-gradient(currentColor,currentColor) center/1.5px 11px no-repeat;box-sizing:border-box;transition:transform .4s cubic-bezier(.22,1,.36,1)}
@media (hover:hover){.hc-viewer-open:hover::before{transform:scale(1.08)}}
/* The caption opens with a height transition (grid rows 0fr -> 1fr). */
.hc-viewer-body{display:grid;width:0;min-width:100%;grid-template-rows:0fr;transition:grid-template-rows .5s cubic-bezier(.22,1,.36,1)}
.hc-viewer-body>div{min-height:0;overflow:hidden}
.hc-viewer-text{margin:0;padding:24px 28px;font-size:17px;font-weight:400;line-height:1.5883;letter-spacing:0;color:#1d1d1f;opacity:0;transition:opacity .35s .1s}
.hc-viewer-text b{font-weight:600}
.hc-viewer-pill.is-open{width:100%}
@media (min-width:901px){.hc-viewer.is-open .hc-viewer-list{left:clamp(72px,8.2vw,116px)}}
.hc-viewer-pill.is-open .hc-viewer-open{display:none}
.hc-viewer-pill.is-open .hc-viewer-body{grid-template-rows:1fr}
.hc-viewer-pill.is-open .hc-viewer-text{opacity:1}
.hc-viewer-close,.hc-viewer-step{position:absolute;z-index:4;display:none;align-items:center;justify-content:center;width:36px;height:36px;margin:0;padding:0;border:0;border-radius:50%;background:var(--hc-viewer-pill,#f5f5f7);color:#1d1d1f;cursor:pointer;transition:background .25s,opacity .25s}
.hc-viewer-close{top:20px;right:20px}
.hc-viewer-close::before,.hc-viewer-close::after{content:'';position:absolute;width:14px;height:2px;border-radius:2px;background:currentColor;transform:rotate(45deg)}
.hc-viewer-close::after{transform:rotate(-45deg)}
.hc-viewer-step{left:clamp(14px,2.4vw,36px);top:50%}
.hc-viewer-step--prev{margin-top:-44px}
.hc-viewer-step--next{margin-top:8px}
.hc-viewer-step::before{content:'';width:8px;height:8px;margin-top:4px;border-left:2px solid currentColor;border-top:2px solid currentColor;transform:rotate(45deg)}
.hc-viewer-step--next::before{margin-top:-4px;transform:rotate(225deg)}
.hc-viewer-step:disabled{opacity:.36;cursor:default}
.hc-viewer.is-open :is(.hc-viewer-close,.hc-viewer-step){display:inline-flex}
:is(.hc-viewer-open,.hc-viewer-close,.hc-viewer-step):focus-visible{outline:2px solid #0071e3;outline-offset:2px}
.sp-ext-crd-common:is([data-hc-section-tone="dark"],[data-hc-section-tone="deep"]) :is(.hc-viewer-pill,.hc-viewer-close,.hc-viewer-step){background:rgba(66,66,69,.72);color:#f5f5f7}
.sp-ext-crd-common:is([data-hc-section-tone="dark"],[data-hc-section-tone="deep"]) .hc-viewer-text{color:#f5f5f7}
@media (max-width:900px){
.sp-ext-crd-common[data-hc-card-look="viewer"].is-hc-viewer .hc-viewer-stage{height:min(128vw,620px)}
#sp-sections .sp-ext-crd-common[data-hc-card-look="viewer"].is-hc-viewer .sp-ext-crd-grid{inset:16px 16px 100px!important}
.hc-viewer-list{position:absolute;left:calc(50% - 50vw);right:auto;top:auto;bottom:16px;transform:none;flex-direction:row;align-items:flex-end;gap:10px;width:100vw;max-width:none;margin:0;padding:0 calc(max(16px,50vw - 50%) + 16px);box-sizing:border-box;overflow-x:auto;scrollbar-width:none;scroll-snap-type:x proximity;scroll-padding-inline:calc(max(16px,50vw - 50%) + 16px)}
.hc-viewer-list::-webkit-scrollbar{display:none}
.hc-viewer-pill{flex:0 0 auto;width:max-content;scroll-snap-align:start;background:rgba(232,232,237,.78);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px)}
.hc-viewer-open{white-space:nowrap;min-height:52px;font-size:15px}
.hc-viewer.is-open .hc-viewer-pill:not(.is-open){display:none}
.hc-viewer-pill.is-open{flex:1 1 auto;width:auto;max-width:100%}
.hc-viewer.is-open .hc-viewer-list{overflow:visible;padding-inline:calc(max(16px,50vw - 50%) + 44px)}
.hc-viewer-text{padding:18px 20px;font-size:15px;line-height:1.5334}
.hc-viewer-step{top:auto;bottom:24px;width:36px;height:44px;margin:0;border-radius:22px;left:calc(max(16px,50vw - 50%) - 50vw + 50% + 4px);background:rgba(232,232,237,.78);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px)}
.hc-viewer-step--prev{margin:0}
.hc-viewer-step--prev::before{margin:0 0 0 3px;transform:rotate(-45deg)}
.hc-viewer-step--next{left:auto;right:calc(max(16px,50vw - 50%) - 50vw + 50% + 4px)}
.hc-viewer-step--next::before{margin:0 3px 0 0;transform:rotate(135deg)}
.hc-viewer-text{border-radius:inherit}
.hc-viewer-pill.is-open{border-radius:22px;box-shadow:0 8px 24px rgba(0,0,0,.08)}
.hc-viewer-close{width:44px;height:44px;top:16px;right:16px}
}
/* Paddle buttons are a full touch target on narrow screens. */
@media (max-width:734px){.sp-ext-crd-common[data-hc-slider-look="paddles"] .sp-ext-crd-nav{width:44px!important;height:44px!important}.sp-ext-crd-common[data-hc-slider-look="paddles"] .sp-ext-crd-nav--prev{right:60px!important}.sp-ext-crd-common[data-hc-slider-look="paddles"] .sp-ext-crd-slider{padding-bottom:72px}.sp-ext-crd-common[data-hc-slider-look="paddles"] .sp-ext-crd-nav{bottom:-72px!important}}
/* FAQ under the product type scale: large questions, chevron, hairlines, optional "open all" control. */
#sp-sections .sp-ext-crd-common[data-hc-type-scale="product"].sp-ext-crd--role-faq .sp-ext-crd-grid{border-top:0!important;gap:0}
#sp-sections .sp-ext-crd-common[data-hc-type-scale="product"].sp-ext-crd--role-faq .sp-ext-crd-faq-item{border:0;border-bottom:1px solid var(--hc-tone-line,rgba(60,60,67,.18))!important;border-radius:0;background:transparent}
#sp-sections .sp-ext-crd-common[data-hc-type-scale="product"].sp-ext-crd--role-faq .sp-ext-crd-faq-q{display:grid;grid-template-columns:minmax(0,1fr) 28px!important;align-items:start;gap:24px;padding:28px 0!important;font-size:clamp(21px,1.95vw,24px)!important;line-height:1.1667!important;font-weight:600!important;letter-spacing:.009em!important}
#sp-sections .sp-ext-crd-common[data-hc-type-scale="product"].sp-ext-crd--role-faq .sp-ext-crd-faq-num{display:none!important}
#sp-sections .sp-ext-crd-common[data-hc-type-scale="product"].sp-ext-crd--role-faq .sp-ext-crd-faq-icon{width:28px;height:28px;border:0;border-radius:0;background:none!important;color:var(--hc-tone-tx2,#6e6e73)!important;transform:none!important;transition:transform .3s cubic-bezier(.22,1,.36,1)}
#sp-sections .sp-ext-crd-common[data-hc-type-scale="product"].sp-ext-crd--role-faq .sp-ext-crd-faq-icon::before{content:''!important;width:11px;height:11px;margin-top:-6px;border-right:2.5px solid currentColor;border-bottom:2.5px solid currentColor;border-radius:1px;transform:rotate(45deg);font-size:0}
#sp-sections .sp-ext-crd-common[data-hc-type-scale="product"].sp-ext-crd--role-faq .sp-ext-crd-faq-icon::after{content:none!important}
#sp-sections .sp-ext-crd-common[data-hc-type-scale="product"].sp-ext-crd--role-faq .sp-ext-crd-faq-item[open] .sp-ext-crd-faq-icon{transform:rotate(180deg)!important;background:none!important}
#sp-sections .sp-ext-crd-common[data-hc-type-scale="product"].sp-ext-crd--role-faq .sp-ext-crd-faq-answer{padding:0 52px 32px 0!important;font-size:17px!important;line-height:1.5883!important;font-weight:400!important;color:var(--sty-c-itemd,var(--hc-tone-tx,#1d1d1f))!important}
#sp-sections .sp-ext-crd-common[data-hc-type-scale="product"].sp-ext-crd--role-faq .sp-ext-crd-faq-title{margin:0;font-size:inherit!important;line-height:inherit!important;font-weight:inherit!important;letter-spacing:inherit!important;color:var(--sty-c-itemt,var(--hc-tone-tx,#1d1d1f))!important}
.hc-faq-all{display:flex;justify-content:flex-end;margin:clamp(28px,4vw,48px) 0 4px}
.hc-faq-all button{display:inline-flex;align-items:center;gap:6px;margin:0;padding:6px 0;border:0;background:none;color:var(--hc-tone-accent,#0066cc);font-family:inherit;font-size:17px;font-weight:400;line-height:1.2;cursor:pointer}
.hc-faq-all button::after{content:'';width:7px;height:7px;margin-top:-4px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);transition:transform .3s}
.hc-faq-all button[aria-pressed="true"]::after{margin-top:4px;transform:rotate(225deg)}
.hc-faq-all button:focus-visible{outline:2px solid #0071e3;outline-offset:2px}
.sp-ext-crd-common[data-hc-type-scale="product"].sp-ext-crd--role-faq .hc-faq-all+.sp-ext-crd-grid{margin-top:0}
@media (max-width:734px){#sp-sections .sp-ext-crd-common[data-hc-type-scale="product"].sp-ext-crd--role-faq .sp-ext-crd-faq-q{font-size:21px!important;line-height:1.1905!important;padding:24px 0!important}#sp-sections .sp-ext-crd-common[data-hc-type-scale="product"].sp-ext-crd--role-faq .sp-ext-crd-faq-answer{padding:0 0 28px!important;font-size:15px!important}}
/* gallery on narrow screens: keep the caption over the media (the base style stacks text under the image there). */
@media (max-width:900px){
#sp-sections .sp-ext-crd-common[data-hc-slider-look="gallery"].sp-ext-crd--overlay .sp-ext-crd-item{position:relative;flex-shrink:0;aspect-ratio:auto;height:min(112vw,520px)!important;min-height:min(112vw,520px)!important}
#sp-sections .sp-ext-crd-common[data-hc-slider-look="gallery"].sp-ext-crd--overlay .sp-ext-crd-item{display:block}
#sp-sections .sp-ext-crd-common[data-hc-slider-look="gallery"].sp-ext-crd--overlay .sp-ext-crd-thumb{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;min-height:100%!important;max-height:none!important;aspect-ratio:auto!important;margin:0!important}
.sp-ext-crd-common[data-hc-slider-look="gallery"].sp-ext-crd--overlay .sp-ext-crd-thumb :is(img,video){width:100%;height:100%;object-fit:cover}
#sp-sections .sp-ext-crd-common[data-hc-slider-look="gallery"].sp-ext-crd--overlay .sp-ext-crd-content{position:absolute;inset:0;z-index:1;height:auto;min-height:0;box-sizing:border-box;padding:28px 22px}
}
/* Text over the pinned video reads in the light text colour; the secondary grey is too weak on moving media. */
body:not(.sp-edit) .sp-ext-crd-common[data-hc-scroll-effect="video_scrub"].is-hc-scrub .sp-ext-crd-eyebrow{color:rgba(255,255,255,.82)!important}
body:not(.sp-edit) .sp-ext-crd-common[data-hc-scroll-effect="video_scrub"].is-hc-scrub .sp-ext-crd-desc{color:rgba(255,255,255,.86)!important}
body:not(.sp-edit) .sp-ext-crd-common[data-hc-scroll-effect="video_scrub"].is-hc-scrub .sp-ext-crd-desc :is(b,strong){color:#fff}
/* Balanced line breaks for headings and lead text; Korean breaks at word boundaries. */
#sp-sections .sp-ext-crd-common[data-hc-type-scale="product"] :is(.sp-sec-title,.sp-ext-crd-desc,.sp-ext-crd-eyebrow,.sp-ext-crd-title,.sp-ext-crd-faq-title){text-wrap:balance;word-break:keep-all;overflow-wrap:break-word}
#sp-sections .sp-ext-crd-common[data-hc-type-scale="product"] :is(.sp-ext-crd-body,.sp-ext-crd-faq-answer){text-wrap:pretty;word-break:keep-all;overflow-wrap:break-word}
/* The heading link draws only its own chevron. */
#sp-sections .sp-ext-crd-common[data-hc-cta-style="head_link"] .sp-ext-crd-bottom-cta::before{content:none!important;display:none!important}
#sp-sections .sp-ext-crd-common[data-hc-cta-style="head_link"] .sp-ext-crd-bottom-cta>:is(i,svg){display:none}
/* Card look "stat_media": figures next to staggered media. Card order: figure, figure, tall media, media, figure, figure. */
.sp-ext-crd-common[data-hc-card-look="stat_media"] .sp-ext-crd-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(40px,5vw,72px) 24px;align-items:end}
.sp-ext-crd-common[data-hc-card-look="stat_media"] .sp-ext-crd-item{background:transparent!important;border:0;border-radius:0;overflow:visible;grid-column:span 1}
.sp-ext-crd-common[data-hc-card-look="stat_media"] .sp-ext-crd-item:nth-child(1){grid-area:1/1}
.sp-ext-crd-common[data-hc-card-look="stat_media"] .sp-ext-crd-item:nth-child(2){grid-area:1/2}
.sp-ext-crd-common[data-hc-card-look="stat_media"] .sp-ext-crd-item:nth-child(3){grid-area:1/3/3/5;align-self:start}
.sp-ext-crd-common[data-hc-card-look="stat_media"] .sp-ext-crd-item:nth-child(4){grid-area:2/1/4/3;align-self:start}
.sp-ext-crd-common[data-hc-card-look="stat_media"] .sp-ext-crd-item:nth-child(5){grid-area:3/3;align-self:center}
.sp-ext-crd-common[data-hc-card-look="stat_media"] .sp-ext-crd-item:nth-child(6){grid-area:3/4;align-self:center}
.sp-ext-crd-common[data-hc-card-look="stat_media"] .sp-ext-crd-thumb{border-radius:var(--sty-card-radius,28px);aspect-ratio:auto}
.sp-ext-crd-common[data-hc-card-look="stat_media"] .sp-ext-crd-item:nth-child(3) .sp-ext-crd-thumb{aspect-ratio:4/3!important}
.sp-ext-crd-common[data-hc-card-look="stat_media"] .sp-ext-crd-item:nth-child(4) .sp-ext-crd-thumb{aspect-ratio:4/3!important}
.sp-ext-crd-common[data-hc-card-look="stat_media"] .sp-ext-crd-content{padding:0!important}
#sp-sections .sp-ext-crd-common[data-hc-type-scale="product"][data-hc-card-look="stat_media"] .sp-ext-crd-title{font-size:clamp(32px,3.34vw,48px)!important;line-height:1.1!important;font-weight:600!important;letter-spacing:0!important;margin-bottom:6px}
#sp-sections .sp-ext-crd-common[data-hc-type-scale="product"][data-hc-card-look="stat_media"] .sp-ext-crd-body{font-size:17px!important;line-height:1.3!important;font-weight:400!important;color:var(--sty-c-itemd,var(--hc-tone-tx,#1d1d1f))!important}
#sp-sections .sp-ext-crd-common[data-hc-type-scale="product"][data-hc-card-look="stat_media"] .sp-ext-crd-tag{display:block;margin:0 0 4px;padding:0;border:0;background:none;font-size:17px;font-weight:400;line-height:1.3;color:var(--hc-tone-tx,#1d1d1f)}
@media (max-width:734px){
.sp-ext-crd-common[data-hc-card-look="stat_media"] .sp-ext-crd-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 16px;align-items:start}
.sp-ext-crd-common[data-hc-card-look="stat_media"] .sp-ext-crd-item:nth-child(1){grid-area:1/1}
.sp-ext-crd-common[data-hc-card-look="stat_media"] .sp-ext-crd-item:nth-child(2){grid-area:2/1}
.sp-ext-crd-common[data-hc-card-look="stat_media"] .sp-ext-crd-item:nth-child(3){grid-area:1/2/4/3}
.sp-ext-crd-common[data-hc-card-look="stat_media"] .sp-ext-crd-item:nth-child(4){grid-area:3/1/6/2}
.sp-ext-crd-common[data-hc-card-look="stat_media"] .sp-ext-crd-item:nth-child(5){grid-area:4/2}
.sp-ext-crd-common[data-hc-card-look="stat_media"] .sp-ext-crd-item:nth-child(6){grid-area:5/2}
.sp-ext-crd-common[data-hc-card-look="stat_media"] .sp-ext-crd-item:nth-child(3) .sp-ext-crd-thumb{aspect-ratio:3/4!important}
.sp-ext-crd-common[data-hc-card-look="stat_media"] .sp-ext-crd-item:nth-child(4) .sp-ext-crd-thumb{aspect-ratio:3/4!important}
#sp-sections .sp-ext-crd-common[data-hc-type-scale="product"][data-hc-card-look="stat_media"] :is(.sp-ext-crd-body,.sp-ext-crd-tag){font-size:14px!important}
}
/* Tabs: step buttons appear inside the track when it overflows. */
.hc-tabs-wrap{position:relative;display:inline-flex;max-width:100%}
.hc-tabs-wrap{overflow:visible}
.hc-tabs-step{position:absolute;z-index:2;top:var(--hc-tabs-t,0px);bottom:auto;height:var(--hc-tabs-h,100%);display:none;align-items:center;width:56px;margin:0;padding:0;border:0;border-radius:0;color:var(--hc-tone-tx2,#6e6e73);cursor:pointer}
.hc-tabs-step::before{content:'';width:9px;height:9px;border-left:2px solid currentColor;border-top:2px solid currentColor;border-radius:1px}
.hc-tabs-step--prev{left:0;border-radius:999px 0 0 999px;justify-content:flex-start;padding-left:20px;background:linear-gradient(90deg,var(--hc-tab-track,#f5f5f7) 62%,transparent)}
.hc-tabs-step--prev::before{transform:rotate(-45deg)}
.hc-tabs-step--next{right:0;border-radius:0 999px 999px 0;justify-content:flex-end;padding-right:20px;background:linear-gradient(270deg,var(--hc-tab-track,#f5f5f7) 62%,transparent)}
.hc-tabs-step--next::before{transform:rotate(135deg)}
@media (hover:hover){.hc-tabs-step:hover{color:var(--hc-tone-tx,#1d1d1f)}}
.hc-tabs-wrap.is-ovf-l .hc-tabs-step--prev,.hc-tabs-wrap.is-ovf-r .hc-tabs-step--next{display:inline-flex}
.hc-tabs-step:focus-visible{outline:2px solid #0071e3;outline-offset:2px}
/* Tile cards that hold media: the media sits inside the soft tile with padding (accessory-style tiles). */
.sp-ext-crd-common[data-hc-card-look="tile"]:not(.sp-ext-crd--text) .sp-ext-crd-item.sp-card-off-title.sp-card-off-body{padding:clamp(24px,5vw,72px);box-sizing:border-box}
.sp-ext-crd-common[data-hc-card-look="tile"]:not(.sp-ext-crd--text) .sp-ext-crd-item.sp-card-off-title.sp-card-off-body .sp-ext-crd-thumb{width:100%;border-radius:20px}
.sp-ext-crd-common[data-hc-card-look="tile"]:not(.sp-ext-crd--text) .sp-ext-crd-item.sp-card-off-title.sp-card-off-body .sp-ext-crd-content{display:none}
/* Gallery card "tile": a plain tile with the caption at the top in the text colour and the media set inside the tile. */
#sp-sections .sp-ext-crd-common[data-hc-slider-look="gallery"][data-hc-gallery-card="tile"].sp-ext-crd--overlay .sp-ext-crd-item{background:var(--hc-gallery-tile,#fff)!important}
.sp-ext-crd-common:is([data-hc-section-tone="dark"],[data-hc-section-tone="deep"]){--hc-gallery-tile:var(--hc-tone-card)}
.sp-ext-crd-common[data-hc-section-tone="light"]{--hc-gallery-tile:#f5f5f7}
#sp-sections .sp-ext-crd-common[data-hc-slider-look="gallery"][data-hc-gallery-card="tile"].sp-ext-crd--overlay .sp-ext-crd-content{background:none!important;padding:clamp(32px,4.4vw,64px) clamp(24px,8vw,120px) 0}
#sp-sections .sp-ext-crd-common[data-hc-slider-look="gallery"][data-hc-gallery-card="tile"].sp-ext-crd--overlay .sp-ext-crd-title{color:var(--hc-tone-tx,#1d1d1f)!important;max-width:720px}
#sp-sections .sp-ext-crd-common[data-hc-slider-look="gallery"][data-hc-gallery-card="tile"].sp-ext-crd--overlay .sp-ext-crd-thumb{position:absolute!important;inset:30% 9% auto!important;width:auto!important;height:61%!important;min-height:0!important;max-height:none!important;aspect-ratio:auto!important;margin:0!important;border-radius:20px;overflow:hidden}
#sp-sections .sp-ext-crd-common[data-hc-slider-look="gallery"][data-hc-gallery-card="tile"].sp-ext-crd--overlay .sp-ext-crd-thumb :is(img,video){position:absolute;inset:0;width:100%!important;height:100%!important;object-fit:cover}
@media (max-width:900px){#sp-sections .sp-ext-crd-common[data-hc-slider-look="gallery"][data-hc-gallery-card="tile"].sp-ext-crd--overlay .sp-ext-crd-thumb{inset:38% 8% auto!important;height:54%!important}}
/* A section that starts directly with its cards (no heading) has no gap above them. */
#sp-sections .sp-ext-crd-common[data-hc-type-scale="product"]>.sp-b>:is(.sp-ext-crd-grid,.sp-ext-crd-slider):first-child,#sp-sections .sp-ext-crd-common[data-hc-type-scale="product"]>.sp-b>.sp-ext-crd-slider:first-child .sp-ext-crd-grid{margin-top:0}
/* Drag to scroll (mouse) on slider rows. */
@media (hover:hover) and (pointer:fine){body:not(.sp-edit) .sp-ext-crd-common[data-hc-slider-look] .sp-ext-crd-grid{cursor:grab}}
.sp-ext-crd-common[data-hc-slider-look] .sp-ext-crd-grid.is-hc-drag{cursor:grabbing;scroll-snap-type:none!important;scroll-behavior:auto!important;-webkit-user-select:none;user-select:none}
.sp-ext-crd-common[data-hc-slider-look] .sp-ext-crd-grid.is-hc-drag *{pointer-events:none}
.sp-ext-crd-common[data-hc-slider-look] .sp-ext-crd-grid img{-webkit-user-drag:none;-webkit-user-select:none;user-select:none}
/* Card look "steps": numbered steps as plain columns with a hairline, large step number, title and text. */
.sp-ext-crd-common[data-hc-card-look="steps"] .sp-ext-crd-grid{counter-reset:hcstep;gap:var(--sty-card-gap,40px)}
.sp-ext-crd-common[data-hc-card-look="steps"] .sp-ext-crd-item{counter-increment:hcstep;background:transparent!important;border:0;border-top:1px solid var(--hc-tone-line,rgba(60,60,67,.24));border-radius:0;overflow:visible}
.sp-ext-crd-common[data-hc-card-look="steps"] .sp-ext-crd-content{padding:24px 0 0!important}
.sp-ext-crd-common[data-hc-card-look="steps"] .sp-ext-crd-content::before{content:counter(hcstep);display:block;margin:0 0 clamp(40px,6vw,88px);font-size:clamp(40px,3.34vw,48px);font-weight:600;line-height:1.1;color:var(--hc-tone-tx2,#6e6e73)}
.sp-ext-crd-common[data-hc-card-look="steps"] .sp-ext-crd-num{display:none!important}
#sp-sections .sp-ext-crd-common[data-hc-type-scale="product"][data-hc-card-look="steps"] .sp-ext-crd-title{font-size:clamp(21px,1.95vw,28px)!important;line-height:1.25!important;margin-bottom:8px}
@media (max-width:734px){.sp-ext-crd-common[data-hc-card-look="steps"] .sp-ext-crd-content::before{margin-bottom:20px}}
/* Card link buttons under the product type scale are plain accent text links with a chevron. */
#sp-sections .sp-ext-crd-common[data-hc-type-scale="product"] .sp-ext-crd-link-button{display:inline-flex;align-items:center;gap:4px;width:auto;min-width:0;min-height:0;margin-top:14px;padding:0!important;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;color:var(--hc-tone-accent,#0066cc)!important;font-size:17px;font-weight:400;line-height:1.3;letter-spacing:0}
#sp-sections .sp-ext-crd-common[data-hc-type-scale="product"] .sp-ext-crd-link-button>:is(i,svg){display:none}
#sp-sections .sp-ext-crd-common[data-hc-type-scale="product"] .sp-ext-crd-link-button::before{content:none!important}
#sp-sections .sp-ext-crd-common[data-hc-type-scale="product"] .sp-ext-crd-link-button::after{content:''!important;position:static;display:block;width:.42em;height:.42em;margin-left:.15em;border:0;border-right:.09em solid currentColor;border-top:.09em solid currentColor;background:none;transform:rotate(45deg)}
#sp-sections .sp-ext-crd-common[data-hc-type-scale="product"] .sp-ext-crd-item:hover .sp-ext-crd-link-button{text-decoration:underline}
#sp-sections .sp-ext-crd-common[data-hc-type-scale="product"][data-hc-card-look="caption"] .sp-ext-crd-link-button{display:flex;width:max-content}
@media (max-width:734px){#sp-sections .sp-ext-crd-common[data-hc-type-scale="product"] .sp-ext-crd-link-button{font-size:14px}}
/* Stat tags follow the card's text alignment. */
#sp-sections .sp-ext-crd-common[data-hc-type-scale="product"]:is([data-hc-card-look="stat"],[data-hc-card-look="stat_media"]) .sp-ext-crd-tag{align-self:stretch;width:100%;text-align:inherit}
/* A card that shows only its media has no text box under it, so every corner of the media is rounded. */
#sp-sections .sp-ext-crd-common[data-hc-type-scale="product"] .sp-ext-crd-item.sp-card-off-title.sp-card-off-body>.sp-ext-crd-content{display:none}
#sp-sections .sp-ext-crd-common[data-hc-type-scale="product"]:not([data-hc-card-look="tile"]):not(.sp-ext-crd--overlay) .sp-ext-crd-item.sp-card-off-title.sp-card-off-body>.sp-ext-crd-thumb{border-radius:var(--sty-card-radius,28px)}
/* Gallery caption position: bottom. */
#sp-sections .sp-ext-crd-common[data-hc-slider-look="gallery"][data-hc-gallery-caption="bottom"].sp-ext-crd--overlay .sp-ext-crd-content{justify-content:flex-end;padding-top:0;padding-bottom:clamp(32px,4.4vw,64px);background:linear-gradient(0deg,rgba(0,0,0,.34) 0%,rgba(0,0,0,0) 46%)}
#sp-sections .sp-ext-crd-common[data-hc-slider-look="gallery"][data-hc-gallery-card="tile"][data-hc-gallery-caption="bottom"].sp-ext-crd--overlay .sp-ext-crd-content{background:none!important}
#sp-sections .sp-ext-crd-common[data-hc-slider-look="gallery"][data-hc-gallery-card="tile"][data-hc-gallery-caption="bottom"].sp-ext-crd--overlay .sp-ext-crd-thumb{inset:9% 9% auto!important}
@media (max-width:900px){#sp-sections .sp-ext-crd-common[data-hc-slider-look="gallery"][data-hc-gallery-card="tile"][data-hc-gallery-caption="bottom"].sp-ext-crd--overlay .sp-ext-crd-thumb{inset:8% 8% auto!important}}
/* Card look "icon_tile": a tile whose card image is shown small as an icon above the title. */
.sp-ext-crd-common[data-hc-card-look="icon_tile"] .sp-ext-crd-item{background:var(--sp-card-bg,var(--hc-tone-card,#fff))!important;border:0;border-radius:var(--sty-card-radius,28px);padding:clamp(28px,2.8vw,40px);box-sizing:border-box;min-height:clamp(260px,24vw,340px);justify-content:flex-start}
.sp-ext-crd-common[data-hc-section-tone="soft"][data-hc-card-look="icon_tile"]{--hc-tone-card:#fff}
#sp-sections .sp-ext-crd-common[data-hc-card-look="icon_tile"] .sp-ext-crd-thumb{flex:0 0 auto;align-self:flex-start;width:56px!important;height:56px!important;min-height:0!important;aspect-ratio:auto!important;margin:0 auto auto 0!important;border-radius:0!important;overflow:visible;background:none}
#sp-sections .sp-ext-crd-common[data-hc-card-look="icon_tile"] .sp-ext-crd-thumb img{position:static;width:56px!important;height:56px!important;object-fit:contain;transform:none!important;animation:none!important}
.sp-ext-crd-common[data-hc-card-look="icon_tile"] .sp-ext-crd-content{flex:0 0 auto;padding:clamp(40px,6vw,88px) 0 0!important}
#sp-sections .sp-ext-crd-common[data-hc-type-scale="product"][data-hc-card-look="icon_tile"] .sp-ext-crd-title{font-size:clamp(21px,1.95vw,28px)!important;line-height:1.25!important;margin-bottom:8px}
/* Tabs: a sliding thumb marks the selected tab (position set by script); the track can be dragged. */
#sp-sections .sp-ext-crd-common[data-hc-type-scale="product"] .sp-ext-crd-tabs.is-hc-thumb{position:relative}
#sp-sections .sp-ext-crd-common[data-hc-type-scale="product"] .sp-ext-crd-tabs.is-hc-thumb::before{content:'';position:absolute;z-index:0;top:6px;bottom:6px;left:0;width:var(--hc-tab-w,0px);border-radius:999px;background:var(--hc-tab-on,#1d1d1f);transform:translate3d(var(--hc-tab-x,0px),0,0);transition:transform .5s cubic-bezier(.32,.72,0,1),width .5s cubic-bezier(.32,.72,0,1)}
#sp-sections .sp-ext-crd-common[data-hc-type-scale="product"] .sp-ext-crd-tabs.is-hc-thumb [data-crd-tab]{position:relative;z-index:1;background:transparent!important;transition:color .3s}
#sp-sections .sp-ext-crd-common[data-hc-type-scale="product"] .sp-ext-crd-tabs.is-hc-thumb [data-crd-tab]:hover{transform:none}
#sp-sections .sp-ext-crd-common[data-hc-type-scale="product"] .sp-ext-crd-tabs.is-hc-drag{cursor:grabbing;scroll-behavior:auto}
@media (prefers-reduced-motion:reduce){#sp-sections .sp-ext-crd-common[data-hc-type-scale="product"] .sp-ext-crd-tabs.is-hc-thumb::before{transition:none}}
.hc-tabs-wrap{min-width:0}
/* Narrow screens: centred lockups read from the left, and media tiles stack as landscape tiles. */
@media (max-width:734px){
#sp-sections .sp-ext-crd-common[data-hc-type-scale="product"]:is([style*="--sp-crd-head-ta:center"],[style*="--sp-crd-head-ta: center"]):not([data-hc-scroll-effect="video_scrub"]) :is(.sp-ext-crd-eyebrow,.sp-sec-title,.sp-ext-crd-desc){text-align:left!important;padding-inline:0!important}
#sp-sections .sp-ext-crd-common[data-hc-type-scale="product"]:is([style*="--sp-crd-head-ta:center"],[style*="--sp-crd-head-ta: center"]):not([data-hc-scroll-effect="video_scrub"]) .sp-ext-crd-bottom{justify-content:flex-start;text-align:left!important}
.sp-ext-crd-common[data-hc-card-look="tile"]:not(.sp-ext-crd--text) .sp-ext-crd-item.sp-card-off-title.sp-card-off-body{padding:36px 28px}
#sp-sections .sp-ext-crd-common[data-hc-card-look="tile"]:not(.sp-ext-crd--text) .sp-ext-crd-item.sp-card-off-title.sp-card-off-body .sp-ext-crd-thumb{aspect-ratio:4/3!important}
}
#sp-anchor-nav.sp-anc--product .sp-anc-cta{transition:opacity .3s,max-width .4s cubic-bezier(.22,1,.36,1),padding .4s;max-width:160px;overflow:hidden}
#sp-anchor-nav.sp-anc--product.is-anc-nocta .sp-anc-cta{opacity:0;max-width:0;padding-inline:0;pointer-events:none}
#sp-sections .sp-ext-crd-common[data-hc-card-look="stat_media"] .sp-ext-crd-thumb{width:100%!important;height:auto!important}
#sp-sections .sp-ext-crd-common[data-hc-card-look="stat_media"] .sp-ext-crd-thumb :is(img,video){position:absolute;inset:0;width:100%!important;height:100%!important;object-fit:cover}
/* The caption pill slides in from the side the media came from. */
.hc-viewer-pill.is-open.is-from-next{animation:hcViewerPillNext .8s cubic-bezier(.32,.72,0,1) both}
.hc-viewer-pill.is-open.is-from-prev{animation:hcViewerPillPrev .8s cubic-bezier(.32,.72,0,1) both}
@keyframes hcViewerPillNext{from{opacity:0;transform:translate3d(64px,0,0)}to{opacity:1;transform:none}}
@keyframes hcViewerPillPrev{from{opacity:0;transform:translate3d(-64px,0,0)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.hc-viewer-pill.is-open{animation:none!important}}
/* Card look "feature_modal": a tall tile (tag, title, text, optional media at the bottom) with a + button.
   The + opens a sheet that shows the card's tag, title, subtitle (price), a call-to-action and its detail points as a list. */
.sp-ext-crd-common[data-hc-card-look="feature_modal"] .sp-ext-crd-item{position:relative;background:var(--sp-card-bg,var(--hc-tone-card,#fff))!important;border:0;border-radius:var(--sty-card-radius,28px);min-height:clamp(420px,36vw,520px);overflow:hidden;cursor:pointer;transition:transform .45s cubic-bezier(.22,1,.36,1)}
.sp-ext-crd-common[data-hc-section-tone="soft"][data-hc-card-look="feature_modal"]{--hc-tone-card:#fff}
@media (hover:hover){.sp-ext-crd-common[data-hc-card-look="feature_modal"] .sp-ext-crd-item:hover{transform:scale(1.012)}}
.sp-ext-crd-common[data-hc-card-look="feature_modal"] .sp-ext-crd-content{order:1;flex:0 0 auto;padding:clamp(28px,2.6vw,36px) clamp(28px,2.6vw,36px) 0!important}
.sp-ext-crd-common[data-hc-card-look="feature_modal"] .sp-ext-crd-thumb{order:2;margin-top:auto;aspect-ratio:16/9!important;border-radius:0!important}
.sp-ext-crd-common[data-hc-card-look="feature_modal"] :is(.sp-ext-crd-points,.sp-ext-crd-point-add,.sp-ext-crd-link-button){display:none!important}
body.sp-edit .sp-ext-crd-common[data-hc-card-look="feature_modal"] .sp-ext-crd-points{display:block!important}
#sp-sections .sp-ext-crd-common[data-hc-type-scale="product"][data-hc-card-look="feature_modal"] .sp-ext-crd-tag{display:block;margin:0 0 10px;padding:0;border:0;background:none;font-size:17px;font-weight:600;line-height:1.3;letter-spacing:0;color:var(--hc-tone-tx,#1d1d1f)}
#sp-sections .sp-ext-crd-common[data-hc-type-scale="product"][data-hc-card-look="feature_modal"] .sp-ext-crd-title{font-size:clamp(24px,2.2vw,28px)!important;line-height:1.2!important;margin-bottom:14px}
#sp-sections .sp-ext-crd-common[data-hc-type-scale="product"][data-hc-card-look="feature_modal"] .sp-ext-crd-sub{margin:0 0 14px;font-size:clamp(28px,2.6vw,36px)!important;font-weight:600;line-height:1.15;letter-spacing:0;color:var(--hc-tone-tx,#1d1d1f)!important}
#sp-sections .sp-ext-crd-common[data-hc-type-scale="product"][data-hc-card-look="feature_modal"] .sp-ext-crd-title{font-size:21px!important;line-height:1.3!important;margin-bottom:10px}
.hc-fm-sub{font-size:clamp(21px,2.4vw,28px)!important;font-weight:600!important}
.hc-fm-open{position:absolute;z-index:3;right:24px;bottom:24px;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;margin:0;padding:0;border:0;border-radius:50%;background:rgba(210,210,215,.64);color:rgba(0,0,0,.56);cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:background .25s,color .25s}
.hc-fm-open::before{content:'';width:14px;height:14px;background:linear-gradient(currentColor,currentColor) center/14px 2px no-repeat,linear-gradient(currentColor,currentColor) center/2px 14px no-repeat}
.sp-ext-crd-item:hover .hc-fm-open{background:rgba(223,223,227,.9);color:rgba(0,0,0,.72)}
.hc-fm-open:focus-visible,.hc-fm-close:focus-visible{outline:2px solid #0071e3;outline-offset:2px}
.hc-fm{position:fixed;inset:0;z-index:100000;display:none;font-family:var(--font-pret),'Pretendard',-apple-system,BlinkMacSystemFont,sans-serif}
.hc-fm.is-open{display:block}
.hc-fm-dim{position:absolute;inset:0;background:rgba(0,0,0,.48);opacity:0;transition:opacity .35s}
.hc-fm-sheet{position:absolute;left:50%;top:44px;bottom:0;width:min(816px,100%);overflow:auto;overscroll-behavior:contain;border-radius:28px 28px 0 0;background:#fff;color:#1d1d1f;transform:translate3d(-50%,48px,0);opacity:0;transition:transform .5s cubic-bezier(.22,1,.36,1),opacity .3s}
.hc-fm.is-in .hc-fm-dim{opacity:1}
.hc-fm.is-in .hc-fm-sheet{transform:translate3d(-50%,0,0);opacity:1}
.hc-fm-close{position:sticky;z-index:2;top:20px;float:right;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;margin:20px 20px -56px 0;padding:0;border:0;border-radius:50%;background:#e8e8ed;color:#1d1d1f;cursor:pointer}
.hc-fm-close::before,.hc-fm-close::after{content:'';position:absolute;width:14px;height:2px;border-radius:2px;background:currentColor;transform:rotate(45deg)}
.hc-fm-close::after{transform:rotate(-45deg)}
.hc-fm-in{padding:clamp(56px,8vw,76px) clamp(24px,7vw,76px) clamp(48px,7vw,76px);word-break:keep-all;overflow-wrap:break-word}
.hc-fm-head{text-align:center}
.hc-fm-tag{margin:0 0 6px;font-size:14px;font-weight:400;line-height:1.43;color:#b64400}
.hc-fm-title{margin:0;font-size:clamp(32px,4.4vw,48px);font-weight:600;line-height:1.1;letter-spacing:0}
.hc-fm-sub{margin:22px 0 0;font-size:17px;font-weight:400;line-height:1.47}
.hc-fm-cta{display:inline-flex;align-items:center;min-height:44px;margin:22px 0 0;padding:0 22px;border-radius:999px;background:#0071e3;color:#fff;font-size:17px;font-weight:400;line-height:1;text-decoration:none}
.hc-fm-cta:hover{background:#0077ed}
.hc-fm-media{margin:clamp(32px,5vw,56px) auto 0;max-width:520px;border-radius:20px;overflow:hidden}
.hc-fm-media :is(img,video){display:block;width:100%;height:auto}
.hc-fm-text{margin:clamp(28px,4vw,44px) 0 0;font-size:17px;line-height:1.5883;color:#6e6e73;text-align:center}
.hc-fm-list{margin:clamp(32px,5vw,56px) 0 0;padding:0;list-style:none}
.hc-fm-list li{position:relative;padding:22px 0 22px 62px;border-bottom:1px solid rgba(60,60,67,.18);font-size:clamp(17px,1.6vw,21px);font-weight:600;line-height:1.38;letter-spacing:.011em}
.hc-fm-list li:last-child{border-bottom:0}
.hc-fm-list li::before{content:'';position:absolute;left:8px;top:24px;width:26px;height:26px;border:1.6px solid currentColor;border-radius:50%;box-sizing:border-box}
.hc-fm-list li::after{content:'';position:absolute;left:17px;top:31px;width:7px;height:11px;border-right:1.8px solid currentColor;border-bottom:1.8px solid currentColor;transform:rotate(42deg)}
.hc-fm-list li span{display:block;margin-top:4px;font-size:15px;font-weight:400;line-height:1.5;letter-spacing:0;color:#6e6e73}
@media (max-width:734px){.hc-fm-sheet{top:36px;border-radius:24px 24px 0 0}.hc-fm-close{width:44px;height:44px}.hc-fm-list li{padding-left:52px}.hc-fm-list li::before{left:2px}.hc-fm-list li::after{left:11px}.sp-ext-crd-common[data-hc-card-look="feature_modal"] .sp-ext-crd-item{min-height:440px}}
@media (prefers-reduced-motion:reduce){.hc-fm-dim,.hc-fm-sheet{transition:none}}
/* Gallery caption position per card: the card's own text position (글 위치 손잡이, txt_y) decides top or bottom. */
#sp-sections .sp-ext-crd-common[data-hc-slider-look="gallery"].sp-ext-crd--overlay .sp-ext-crd-item:is([style*="--crd-txt-y:flex-end"],[style*="--crd-txt-y: flex-end"]) .sp-ext-crd-content{justify-content:flex-end!important;padding-top:0!important;padding-bottom:clamp(32px,4.4vw,64px)!important;background:linear-gradient(0deg,rgba(0,0,0,.34) 0%,rgba(0,0,0,0) 46%)}
#sp-sections .sp-ext-crd-common[data-hc-slider-look="gallery"][data-hc-gallery-card="tile"].sp-ext-crd--overlay .sp-ext-crd-item:is([style*="--crd-txt-y:flex-end"],[style*="--crd-txt-y: flex-end"]) .sp-ext-crd-content{background:none!important}
#sp-sections .sp-ext-crd-common[data-hc-slider-look="gallery"][data-hc-gallery-card="tile"].sp-ext-crd--overlay .sp-ext-crd-item:is([style*="--crd-txt-y:flex-end"],[style*="--crd-txt-y: flex-end"]) .sp-ext-crd-thumb{inset:9% 9% auto!important}
@media (max-width:900px){#sp-sections .sp-ext-crd-common[data-hc-slider-look="gallery"][data-hc-gallery-card="tile"].sp-ext-crd--overlay .sp-ext-crd-item:is([style*="--crd-txt-y:flex-end"],[style*="--crd-txt-y: flex-end"]) .sp-ext-crd-thumb{inset:8% 8% auto!important}#sp-sections .sp-ext-crd-common[data-hc-slider-look="gallery"].sp-ext-crd--overlay .sp-ext-crd-item:is([style*="--crd-txt-y:flex-end"],[style*="--crd-txt-y: flex-end"]) .sp-ext-crd-content{padding-bottom:28px!important}}
/* Entrance motion: each block eases in once when it enters the view. Classes are added by script, so content is never hidden without script.
   Text and cards rise; media opens from a slightly inset, slightly enlarged state. */
.hc-rv{opacity:0;transform:translate3d(0,44px,0);transition:opacity 1.1s cubic-bezier(.16,1,.3,1) var(--hc-rv-d,0ms),transform 1.3s cubic-bezier(.16,1,.3,1) var(--hc-rv-d,0ms);will-change:opacity,transform}
.hc-rv.is-in{opacity:1;transform:none}
.hc-rv.hc-rv-media{transform:translate3d(0,56px,0)}
.hc-rv.hc-rv-media.is-in{transform:none}
.hc-rv-media .sp-ext-crd-thumb{overflow:hidden}
.hc-rv-media .sp-ext-crd-thumb :is(img,video){transform:scale(1.06);transition:transform 1.8s cubic-bezier(.16,1,.3,1) var(--hc-rv-d,0ms)}
.hc-rv-media.is-in .sp-ext-crd-thumb :is(img,video){transform:none}
@media (prefers-reduced-motion:reduce){.hc-rv,.hc-rv.hc-rv-media,.hc-rv-media .sp-ext-crd-thumb :is(img,video){opacity:1;transform:none;transition:none}}
/* Shared press and hover feedback. */
#sp-sections .sp-ext-crd-common[data-hc-type-scale="product"] :is(.sp-ext-crd-bottom-cta,.hc-fm-open,.hc-viewer-open,.sp-ext-crd-nav,.sp-ext-crd-hold){transition:transform .25s cubic-bezier(.22,1,.36,1),background .25s,color .25s,opacity .25s}
#sp-sections .sp-ext-crd-common[data-hc-type-scale="product"] :is(.sp-ext-crd-bottom-cta,.hc-fm-open,.hc-viewer-open,.sp-ext-crd-nav,.sp-ext-crd-hold):active{transform:scale(.95)}
#sp-sections .sp-ext-crd-common[data-hc-type-scale="product"]:is([data-hc-card-look="tile"],[data-hc-card-look="feature_modal"],[data-hc-card-look="icon_tile"],[data-hc-card-look="bento"]) .sp-ext-crd-item:active{transform:scale(.985)}
#sp-sections .sp-ext-crd-common[data-hc-cta-style="head_link"] .sp-ext-crd-bottom-cta::after,#sp-sections .sp-ext-crd-common[data-hc-type-scale="product"] .sp-ext-crd-link-button::after{transition:transform .3s cubic-bezier(.22,1,.36,1)}
@media (hover:hover){#sp-sections .sp-ext-crd-common[data-hc-cta-style="head_link"] .sp-ext-crd-bottom-cta:hover::after,#sp-sections .sp-ext-crd-common[data-hc-type-scale="product"] .sp-ext-crd-item:hover .sp-ext-crd-link-button::after{transform:translate3d(3px,0,0) rotate(45deg) scale(.82)}}
.hc-faq-all+.sp-ext-crd-grid .sp-ext-crd-faq-answer,#sp-sections .sp-ext-crd-common[data-hc-type-scale="product"].sp-ext-crd--role-faq details[open] .sp-ext-crd-faq-answer{animation:hcFaqIn .45s cubic-bezier(.22,1,.36,1) both}
@keyframes hcFaqIn{from{opacity:0;transform:translate3d(0,-6px,0)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){#sp-sections .sp-ext-crd-common[data-hc-type-scale="product"].sp-ext-crd--role-faq details[open] .sp-ext-crd-faq-answer{animation:none}}
/* Section titles rise word by word. */
.hc-rv.hc-rv-words{opacity:1;transform:none}
.hc-rv-words .hc-w{display:inline-block;opacity:0;transform:translate3d(0,.6em,0);transition:opacity .9s cubic-bezier(.16,1,.3,1),transform 1.1s cubic-bezier(.16,1,.3,1);transition-delay:calc(var(--i,0) * 70ms)}
.hc-rv-words.is-in .hc-w{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.hc-rv-words .hc-w{opacity:1;transform:none;transition:none}}

/* Card looks "accordion" / "switcher": one card at a time on a media stage (built by script; without script the cards stay a normal grid). */
.hc-stage{position:relative;overflow:hidden;border-radius:var(--sty-card-radius,28px);background:var(--hc-tone-card,#f5f5f7)}
#sp-sections .sp-ext-crd-common:is(.is-hc-acc,.is-hc-sw) .hc-stage .sp-ext-crd-grid{position:absolute!important;inset:0!important;display:block!important;width:auto!important;height:auto!important;margin:0!important;padding:0!important;gap:0;overflow:hidden!important}
#sp-sections .sp-ext-crd-common:is(.is-hc-acc,.is-hc-sw) .hc-stage .sp-ext-crd-item{position:absolute!important;inset:0!important;display:block!important;width:auto!important;height:auto!important;max-width:none!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;opacity:0;visibility:hidden;transform:scale(1.04);transition:opacity .7s ease,transform 1.1s cubic-bezier(.16,1,.3,1),visibility 0s linear .7s}
#sp-sections .sp-ext-crd-common:is(.is-hc-acc,.is-hc-sw) .hc-stage .sp-ext-crd-item.is-hc-on{opacity:1;visibility:visible;transform:none;transition:opacity .7s ease,transform 1.1s cubic-bezier(.16,1,.3,1),visibility 0s}
#sp-sections .sp-ext-crd-common:is(.is-hc-acc,.is-hc-sw) .hc-stage .sp-ext-crd-content{display:none!important}
#sp-sections .sp-ext-crd-common:is(.is-hc-acc,.is-hc-sw) .hc-stage .sp-ext-crd-thumb{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;min-height:0!important;padding:0!important;flex:none!important;max-height:none!important;aspect-ratio:auto!important;margin:0!important;border-radius:0!important;overflow:hidden}
#sp-sections .sp-ext-crd-common:is(.is-hc-acc,.is-hc-sw) .hc-stage .sp-ext-crd-thumb :is(img,video){position:absolute;inset:0;width:100%!important;height:100%!important;object-fit:cover}
@media (prefers-reduced-motion:reduce){#sp-sections .sp-ext-crd-common:is(.is-hc-acc,.is-hc-sw) .hc-stage .sp-ext-crd-item{transition:none;transform:none}}
/* accordion */
.is-hc-acc .hc-acc{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(28px,4.4vw,72px);align-items:center;margin-top:clamp(40px,5vw,72px)}
.is-hc-acc .hc-acc .hc-stage{order:2;aspect-ratio:4/3;min-height:clamp(360px,34vw,560px)}
.hc-acc-list{display:flex;flex-direction:column;min-width:0}
.hc-acc-row{border-top:1px solid var(--hc-tone-line,rgba(0,0,0,.12))}
.hc-acc-row:last-child{border-bottom:1px solid var(--hc-tone-line,rgba(0,0,0,.12))}
.hc-acc-h{margin:0;font-size:inherit;font-weight:inherit}
.hc-acc-btn{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;min-height:68px;margin:0;padding:18px 4px;border:0;background:none;color:var(--hc-tone-tx2,#6e6e73);font-family:inherit;font-size:clamp(19px,1.67vw,24px);font-weight:600;line-height:1.25;letter-spacing:0;text-align:left;word-break:keep-all;cursor:pointer;transition:color .3s}
.hc-acc-row.is-open .hc-acc-btn{color:var(--hc-tone-tx,#1d1d1f)}
@media (hover:hover){.hc-acc-btn:hover{color:var(--hc-tone-tx,#1d1d1f)}}
.hc-acc-btn:focus-visible{outline:2px solid #0071e3;outline-offset:2px;border-radius:8px}
.hc-acc-ico{position:relative;flex:0 0 auto;width:28px;height:28px;border-radius:50%;background:var(--hc-ctl-bg,rgba(0,0,0,.06));transition:background .3s}
.hc-acc-ico::before,.hc-acc-ico::after{content:'';position:absolute;left:50%;top:50%;width:12px;height:1.6px;margin:-.8px 0 0 -6px;border-radius:2px;background:currentColor;transition:transform .5s cubic-bezier(.22,1,.36,1),opacity .3s}
.hc-acc-ico::after{transform:rotate(90deg)}
.hc-acc-row.is-open .hc-acc-ico::after{transform:rotate(0deg);opacity:0}
.hc-acc-panel{display:grid;grid-template-rows:0fr;transition:grid-template-rows .55s cubic-bezier(.22,1,.36,1)}
.hc-acc-row.is-open .hc-acc-panel{grid-template-rows:1fr}
.hc-acc-panel>div{min-height:0;overflow:hidden}
.hc-acc-panel p{margin:0;padding:0 48px 24px 4px;color:var(--hc-tone-tx2,#6e6e73);font-size:17px;line-height:1.47;font-weight:400;word-break:keep-all;opacity:0;transform:translate3d(0,8px,0);transition:opacity .4s ease,transform .5s cubic-bezier(.22,1,.36,1)}
.hc-acc-row.is-open .hc-acc-panel p{opacity:1;transform:none;transition-delay:.12s}
@media (max-width:900px){.is-hc-acc .hc-acc{grid-template-columns:minmax(0,1fr);gap:24px;margin-top:32px}.is-hc-acc .hc-acc .hc-stage{order:-1;min-height:0;aspect-ratio:4/3}.hc-acc-btn{min-height:60px;font-size:19px}.hc-acc-panel p{font-size:15px;padding-right:40px}}
@media (prefers-reduced-motion:reduce){.hc-acc-panel,.hc-acc-panel p,.hc-acc-ico::before,.hc-acc-ico::after{transition:none}}
/* switcher */
.is-hc-sw .hc-sw{margin-top:clamp(40px,5vw,72px)}
.is-hc-sw .hc-sw .hc-stage{height:clamp(420px,46vw,680px)}
.hc-sw-bar{position:absolute;left:50%;bottom:clamp(16px,2vw,28px);z-index:3;transform:translateX(-50%);display:flex;gap:2px;max-width:calc(100% - 32px);padding:5px;box-sizing:border-box;border-radius:999px;background:rgba(232,232,237,.72);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.hc-sw-bar::-webkit-scrollbar{display:none}
.hc-sw-bar button{position:relative;z-index:1;flex:0 0 auto;min-height:36px;margin:0;padding:0 16px;border:0;border-radius:999px;background:none;color:#1d1d1f;font-family:inherit;font-size:14px;font-weight:400;line-height:1;letter-spacing:0;white-space:nowrap;cursor:pointer;transition:color .35s}
.hc-sw-bar button[aria-selected="true"]{color:#fff}
.hc-sw-bar button:focus-visible{outline:2px solid #0071e3;outline-offset:-2px}
.hc-sw-thumb{position:absolute;z-index:0;left:0;top:5px;height:calc(100% - 10px);width:var(--w,0px);transform:translate3d(var(--x,0px),0,0);border-radius:999px;background:#1d1d1f;transition:transform .5s cubic-bezier(.22,1,.36,1),width .5s cubic-bezier(.22,1,.36,1)}
.sp-ext-crd-common:is([data-hc-section-tone="dark"],[data-hc-section-tone="deep"]) .hc-sw-bar{background:rgba(66,66,69,.72)}
.sp-ext-crd-common:is([data-hc-section-tone="dark"],[data-hc-section-tone="deep"]) .hc-sw-bar button{color:#f5f5f7}
.sp-ext-crd-common:is([data-hc-section-tone="dark"],[data-hc-section-tone="deep"]) .hc-sw-bar button[aria-selected="true"]{color:#1d1d1f}
.sp-ext-crd-common:is([data-hc-section-tone="dark"],[data-hc-section-tone="deep"]) .hc-sw-thumb{background:#f5f5f7}
.sp-ext-crd-common:is([data-hc-section-tone="dark"],[data-hc-section-tone="deep"]){--hc-ctl-bg:rgba(255,255,255,.12)}
.hc-sw-cap{max-width:760px;min-height:3.2em;margin:clamp(20px,2.4vw,32px) auto 0;text-align:center;color:var(--hc-tone-tx2,#6e6e73);font-size:clamp(17px,1.46vw,21px);font-weight:600;line-height:1.381;letter-spacing:0;word-break:keep-all}
.hc-sw-cap p{margin:0}
.hc-sw-cap b{color:var(--hc-tone-tx,#1d1d1f);font-weight:600}
.hc-sw-cap p.is-swap{animation:hcSwCap .6s cubic-bezier(.22,1,.36,1) both}
@keyframes hcSwCap{from{opacity:0;transform:translate3d(0,10px,0)}to{opacity:1;transform:none}}
@media (max-width:734px){.is-hc-sw .hc-sw .hc-stage{height:min(118vw,560px)}.hc-sw-bar{left:12px;right:12px;bottom:12px;transform:none;max-width:none}.hc-sw-bar button{min-height:34px;padding:0 14px;font-size:13px}.hc-sw-cap{text-align:left;min-height:4.4em}}
@media (prefers-reduced-motion:reduce){.hc-sw-thumb{transition:none}.hc-sw-cap p.is-swap{animation:none}}
/* Dark tones: single-colour svg icons of icon tiles are drawn dark, so flip them to light. */
#sp-sections .sp-ext-crd-common:is([data-hc-section-tone="dark"],[data-hc-section-tone="deep"])[data-hc-card-look="icon_tile"] .sp-ext-crd-thumb img[src$=".svg"]{filter:invert(1)}
/* ===== Table compositions for the common card type (table_columns / table_rows).
   table_columns: one card = one column; rows are title, media, description, then the card's detail points.
   Row names live once on the section (table_labels) and show in the left column; every cell keeps the same name for screen readers and small screens.
   table_rows: one card = one row; number/icon + title form the label cell, body is the value cell.
   Reusable option values only. No clinic names, page IDs or content URLs. ===== */
.sp-ext-crd-common[data-hc-common-composition="table_columns"] .sp-ext-crd-grid,.sp-ext-crd-common[data-hc-common-composition="table_rows"] .sp-ext-crd-grid{--hc-table-line:var(--sty-card-bd-c,#e2e4e8);--hc-table-head:var(--hc-table-head-bg,#f5f6f8);border:1px solid var(--hc-table-line);border-radius:var(--sty-card-radius,14px);overflow:hidden;background:var(--sp-card-bg,#fff);gap:0!important;box-shadow:0 1px 2px rgba(16,24,40,.04)}
.sp-ext-crd-common[data-hc-common-composition="table_columns"] .sp-ext-crd-item,.sp-ext-crd-common[data-hc-common-composition="table_rows"] .sp-ext-crd-item{width:auto!important;max-width:none!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;transform:none!important}
.sp-ext-crd-common[data-hc-common-composition="table_columns"] :is(.sp-ext-crd-num,.sp-ext-crd-tag,.sp-ext-crd-sub,.sp-common-card-icon,.sp-ext-crd-link-button,.sp-ext-crd-point-marker),.sp-ext-crd-common[data-hc-common-composition="table_rows"] :is(.sp-ext-crd-tag,.sp-ext-crd-sub,.sp-common-card-icon,.sp-ext-crd-link-button,.sp-ext-crd-thumb){display:none!important}
/* The editor re-shows parts a card has switched off (faded) with a stronger selector; parts this composition never uses stay hidden there too. */
body.sp-edit #sp-sections .sp-ext-crd-common[data-hc-common-composition="table_columns"] .sp-ext-crd-item :is(.sp-ext-crd-num,.sp-ext-crd-tag,.sp-ext-crd-sub,.sp-common-card-icon,.sp-ext-crd-link-button,.sp-ext-crd-point-marker),body.sp-edit #sp-sections .sp-ext-crd-common[data-hc-common-composition="table_rows"] .sp-ext-crd-item :is(.sp-ext-crd-tag,.sp-ext-crd-sub,.sp-common-card-icon,.sp-ext-crd-link-button,.sp-ext-crd-thumb),#sp-sections .sp-ext-crd-common[data-hc-common-composition="table_columns"] .sp-ext-crd-item :is(.sp-ext-crd-num,.sp-ext-crd-tag,.sp-ext-crd-sub,.sp-common-card-icon,.sp-ext-crd-link-button,.sp-ext-crd-point-marker),#sp-sections .sp-ext-crd-common[data-hc-common-composition="table_rows"] .sp-ext-crd-item :is(.sp-ext-crd-tag,.sp-ext-crd-sub,.sp-common-card-icon,.sp-ext-crd-link-button,.sp-ext-crd-thumb){display:none!important}

/* Cards with no content stay hidden for visitors (the base rule is overridden by the display values above). */
.sp-ext-crd-common[data-hc-common-composition="table_columns"] .sp-ext-crd-item.sp-item-empty,.sp-ext-crd-common[data-hc-common-composition="table_rows"] .sp-ext-crd-item.sp-item-empty{display:none!important}
body:not(.sp-edit) .sp-ext-crd-common[data-hc-common-composition="table_columns"] .sp-ext-crd-item.sp-item-blank,body:not(.sp-edit) .sp-ext-crd-common[data-hc-common-composition="table_rows"] .sp-ext-crd-item.sp-item-blank{display:none!important}
.sp-ext-crd-common[data-hc-common-composition="table_columns"] .sp-ext-crd-grid{display:grid!important;grid-template-columns:var(--hc-table-label-w,92px) var(--hc-table-tracks,repeat(var(--hc-table-cols,3),minmax(0,1fr)));grid-auto-rows:auto;align-items:stretch}
.sp-ext-crd-common[data-hc-common-composition="table_columns"] .sp-common-table-labels{grid-column:1;grid-row:1/span var(--hc-table-rows,3);display:grid;grid-template-rows:subgrid}
.sp-ext-crd-common[data-hc-common-composition="table_columns"] .sp-common-table-labels>.is-head{grid-row:1;background:var(--hc-table-head);border-bottom:1px solid var(--hc-table-line)}
.sp-ext-crd-common[data-hc-common-composition="table_columns"] .sp-common-table-labels>.is-media{grid-row:2/span 2}
.sp-ext-crd-common[data-hc-common-composition="table_columns"] .sp-common-table-label{display:flex;align-items:center;justify-content:center;min-height:52px;padding:12px 10px;border-top:1px solid var(--hc-table-line);font-size:15px;font-weight:700;line-height:1.4;color:var(--sty-c-itemt,var(--sp-text,#1d1d1f));text-align:center;word-break:keep-all}
.sp-ext-crd-common[data-hc-common-composition="table_columns"] .sp-ext-crd-item{grid-row:1/span var(--hc-table-rows,3);display:grid!important;grid-template-rows:subgrid;grid-template-columns:minmax(0,1fr);border-left:1px solid var(--hc-table-line)!important;position:relative}
.sp-ext-crd-common[data-hc-common-composition="table_columns"] .sp-ext-crd-thumb{grid-row:2;grid-column:1;align-self:start;width:auto!important;max-width:none!important;margin:18px 22px 0!important;border-radius:var(--sp-crd-img-radius,10px);overflow:hidden;z-index:1}
.sp-ext-crd-common[data-hc-common-composition="table_columns"] .sp-ext-crd-content{grid-row:1/span var(--hc-table-rows,3);grid-column:1;display:grid!important;grid-template-rows:subgrid;grid-template-columns:minmax(0,1fr);gap:0!important;width:auto!important;max-width:none!important;margin:0!important;padding:0!important;text-align:center!important;align-items:stretch!important;justify-content:stretch!important;transform:none!important}
.sp-ext-crd-common[data-hc-common-composition="table_columns"] .sp-ext-crd-title{grid-row:1;display:flex;align-items:center;justify-content:center;margin:0!important;padding:14px 12px!important;background:var(--hc-table-head);border-bottom:1px solid var(--hc-table-line);font-size:var(--sty-t-itemt,17px);font-weight:var(--sty-w-itemt,700);line-height:1.4;text-align:center!important;word-break:keep-all}
.sp-ext-crd-common[data-hc-common-composition="table_columns"] .sp-ext-crd-body{grid-row:3;margin:0!important;padding:12px 18px 18px!important;font-size:var(--sty-t-itemd,14px);line-height:1.65;text-align:center!important;word-break:keep-all;align-self:start}
.sp-ext-crd-common[data-hc-common-composition="table_columns"] .sp-ext-crd-points{grid-row:4/span var(--hc-table-points,1);display:grid!important;grid-template-rows:subgrid;grid-template-columns:minmax(0,1fr);gap:0!important;margin:0!important;padding:0!important;list-style:none;width:auto!important}
.sp-ext-crd-common[data-hc-common-composition="table_columns"] .sp-ext-crd-point{display:flex!important;align-items:center;justify-content:center;position:relative;min-height:52px;margin:0!important;padding:12px 14px!important;border:0!important;border-top:1px solid var(--hc-table-line)!important;border-radius:0!important;background:transparent!important;width:auto!important;text-align:center}
.sp-ext-crd-common[data-hc-common-composition="table_columns"] .sp-ext-crd-point-text{width:100%;min-width:0}
.sp-ext-crd-common[data-hc-common-composition="table_columns"] .sp-ext-crd-point-title{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}
.sp-ext-crd-common[data-hc-common-composition="table_columns"] .sp-ext-crd-point-desc{margin:0!important;font-size:var(--sty-t-itemd,15px);line-height:1.6;color:var(--sty-c-itemt,var(--sp-text,#1d1d1f));white-space:pre-line;text-align:center;word-break:keep-all}
.sp-ext-crd-common[data-hc-common-composition="table_columns"] .sp-ext-crd-content>.sp-ext-crd-point-add{grid-row:-2;align-self:center;justify-self:center;margin:8px}
@supports not (grid-template-rows:subgrid){.sp-ext-crd-common[data-hc-common-composition="table_columns"] :is(.sp-common-table-labels,.sp-ext-crd-item,.sp-ext-crd-content,.sp-ext-crd-points){grid-template-rows:none;grid-auto-rows:auto}.sp-ext-crd-common[data-hc-common-composition="table_columns"] .sp-common-table-labels{display:none}.sp-ext-crd-common[data-hc-common-composition="table_columns"] .sp-ext-crd-grid{grid-template-columns:repeat(var(--hc-table-cols,3),minmax(0,1fr))}.sp-ext-crd-common[data-hc-common-composition="table_columns"] .sp-ext-crd-point{flex-direction:column}.sp-ext-crd-common[data-hc-common-composition="table_columns"] .sp-ext-crd-point-title{position:static!important;width:auto;height:auto;margin:0 0 4px;clip:auto;clip-path:none;font-size:13px;font-weight:700}}
@media(max-width:768px){
.sp-ext-crd-common[data-hc-common-composition="table_columns"] .sp-ext-crd-grid{display:block!important}
.sp-ext-crd-common[data-hc-common-composition="table_columns"] .sp-common-table-labels{display:none}
.sp-ext-crd-common[data-hc-common-composition="table_columns"] .sp-ext-crd-points{display:block!important}
.sp-ext-crd-common[data-hc-common-composition="table_columns"] .sp-ext-crd-item{display:flex!important;flex-direction:column}
.sp-ext-crd-common[data-hc-common-composition="table_columns"] .sp-ext-crd-content{display:contents!important}
.sp-ext-crd-common[data-hc-common-composition="table_columns"] .sp-ext-crd-title{order:0}.sp-ext-crd-common[data-hc-common-composition="table_columns"] .sp-ext-crd-thumb{order:1}.sp-ext-crd-common[data-hc-common-composition="table_columns"] .sp-ext-crd-body{order:2}.sp-ext-crd-common[data-hc-common-composition="table_columns"] .sp-ext-crd-points{order:3}.sp-ext-crd-common[data-hc-common-composition="table_columns"] .sp-ext-crd-content>.sp-ext-crd-point-add{order:4}
.sp-ext-crd-common[data-hc-common-composition="table_columns"] .sp-ext-crd-item{border-left:0!important}
.sp-ext-crd-common[data-hc-common-composition="table_columns"] .sp-ext-crd-item+.sp-ext-crd-item{border-top:1px solid var(--hc-table-line)!important}
.sp-ext-crd-common[data-hc-common-composition="table_columns"] .sp-ext-crd-thumb{margin:16px 16px 0!important;align-self:stretch;flex:0 0 auto}
.sp-ext-crd-common[data-hc-common-composition="table_columns"] .sp-ext-crd-point{display:grid!important;grid-template-columns:minmax(64px,26%) minmax(0,1fr);gap:12px;align-items:start;justify-content:stretch;text-align:left;padding:12px 16px!important}
.sp-ext-crd-common[data-hc-common-composition="table_columns"] .sp-ext-crd-point-text{display:contents}
.sp-ext-crd-common[data-hc-common-composition="table_columns"] .sp-ext-crd-point-title{position:static!important;width:auto;height:auto;margin:0;overflow:visible;clip:auto;clip-path:none;white-space:normal;font-size:14px;font-weight:700;line-height:1.6;color:var(--sty-c-itemt,var(--sp-text,#1d1d1f))}
.sp-ext-crd-common[data-hc-common-composition="table_columns"] .sp-ext-crd-point-desc{text-align:left;font-size:14px}
}

.sp-ext-crd-common[data-hc-common-composition="table_rows"] .sp-ext-crd-grid{display:block!important}
.sp-ext-crd-common[data-hc-common-composition="table_rows"] .sp-ext-crd-item{display:block!important}
.sp-ext-crd-common[data-hc-common-composition="table_rows"] .sp-ext-crd-item+.sp-ext-crd-item{border-top:1px solid var(--hc-table-line)!important}
.sp-ext-crd-common[data-hc-common-composition="table_rows"] .sp-ext-crd-content{position:relative;display:grid!important;grid-template-columns:var(--hc-table-label-w,270px) minmax(0,1fr);gap:0!important;align-items:center!important;width:auto!important;max-width:none!important;margin:0!important;padding:0!important;text-align:left!important;transform:none!important;background:linear-gradient(to right,var(--hc-table-head) 0,var(--hc-table-head) var(--hc-table-label-w,270px),transparent var(--hc-table-label-w,270px))}
.sp-ext-crd-common[data-hc-common-composition="table_rows"] .sp-ext-crd-num{position:relative!important;left:auto;top:auto;transform:none;grid-column:1;grid-row:1;justify-self:start;align-self:center;margin:0 0 0 22px!important;z-index:1}
.sp-ext-crd-common[data-hc-common-composition="table_rows"] .sp-ext-crd-num{display:flex!important;align-items:center;justify-content:center;width:44px!important;height:44px!important;min-width:44px;padding:0!important;border:0!important;border-radius:50%!important;opacity:1!important;background:color-mix(in srgb,var(--sp-crd-number-color,var(--index_color,#2f6fed)) 12%,transparent)!important;color:var(--sp-crd-num-fg,var(--sp-crd-number-color,var(--index_color,#2f6fed)))!important}
.sp-ext-crd-common[data-hc-common-composition="table_rows"] .sp-ext-crd-num.is-icon svg{width:22px;height:22px}
.sp-ext-crd-common[data-hc-common-composition="table_rows"] .sp-ext-crd-num.is-icon img{width:100%!important;height:100%!important;border-radius:50%;object-fit:cover;display:block}
.sp-ext-crd-common[data-hc-common-composition="table_rows"] .sp-ext-crd-num:not(.is-icon){font-size:14px!important;font-weight:700!important;letter-spacing:0!important;line-height:1!important}
.sp-ext-crd-common[data-hc-common-composition="table_rows"] .sp-ext-crd-title{grid-column:1;grid-row:1;margin:0!important;padding:20px 16px 20px 84px!important;font-size:var(--sty-t-itemt,17px);font-weight:var(--sty-w-itemt,700);line-height:1.45;text-align:left!important;word-break:keep-all}
.sp-ext-crd-common[data-hc-common-composition="table_rows"]:is(.sp-ext-crd--no-num,.sp-ext-crd--all-off-number) .sp-ext-crd-title,.sp-ext-crd-common[data-hc-common-composition="table_rows"] .sp-card-off-number .sp-ext-crd-title{padding-left:24px!important}
.sp-ext-crd-common[data-hc-common-composition="table_rows"] .sp-ext-crd-body{grid-column:2;grid-row:1;margin:0!important;padding:20px 28px!important;font-size:var(--sty-t-itemd,15px);line-height:1.7;text-align:left!important;word-break:keep-all}
.sp-ext-crd-common[data-hc-common-composition="table_rows"] .sp-ext-crd-points{grid-column:2;margin:0!important;padding:0 28px 20px!important}
.sp-ext-crd-common[data-hc-common-composition="table_rows"] .sp-ext-crd-content>.sp-ext-crd-point-add{grid-column:2;justify-self:start;margin:0 28px 14px}
@media(max-width:768px){
.sp-ext-crd-common[data-hc-common-composition="table_rows"] .sp-ext-crd-content{grid-template-columns:minmax(0,1fr);background:none}
.sp-ext-crd-common[data-hc-common-composition="table_rows"] .sp-ext-crd-title{background:var(--hc-table-head);padding:14px 16px 14px 68px!important}
.sp-ext-crd-common[data-hc-common-composition="table_rows"] .sp-ext-crd-num{margin-left:16px!important}
.sp-ext-crd-common[data-hc-common-composition="table_rows"] .sp-ext-crd-body{grid-column:1;grid-row:auto;padding:14px 16px 16px!important}
.sp-ext-crd-common[data-hc-common-composition="table_rows"] .sp-ext-crd-points,.sp-ext-crd-common[data-hc-common-composition="table_rows"] .sp-ext-crd-content>.sp-ext-crd-point-add{grid-column:1;padding-left:16px!important;padding-right:16px!important}
}
/* 버튼(CTA) 위치(2026-10-06). 정해진 위치: 카드 버튼은 기존 sp-ext-crd--btn-align-*, 하단 버튼은 sp-ext-crd--bottom-cta-align-*. 자유 위치: 정해진 자리에서 옮긴 만큼(--hc-lb-*, --hc-bc-*), 모바일은 따로. */
#sp-sections :is(.sp-ext-crd--bottom-cta-align-left,.sp-ext-crd--bottom-cta-align-center,.sp-ext-crd--bottom-cta-align-right) .sp-ext-crd-bottom-cta{display:flex;width:max-content;max-width:100%}
#sp-sections .sp-ext-crd--bottom-cta-align-left .sp-ext-crd-bottom-cta{margin-left:0!important;margin-right:auto!important}
#sp-sections .sp-ext-crd--bottom-cta-align-center .sp-ext-crd-bottom-cta{margin-left:auto!important;margin-right:auto!important}
#sp-sections .sp-ext-crd--bottom-cta-align-right .sp-ext-crd-bottom-cta{margin-left:auto!important;margin-right:0!important}
/* 가로 자유 위치는 '칸 폭에서 버튼 폭을 뺀 여유 공간'의 %. left 의 % 는 부모 폭, translate 의 % 는 자기 폭 기준이라 둘을 빼면 여유 공간의 % 가 된다. 화면 폭이 달라져도 칸 안의 같은 비율 자리에 온다. 세로와 옛 가로 px 값은 translate */
.sp-ext-crd-common .sp-ext-crd-bottom-cta{position:relative;left:var(--hc-bc-xp,0%)}
.sp-ext-crd-common .sp-ext-crd-link-button{left:var(--hc-lb-xp,0%)}
@media (max-width:768px){.sp-ext-crd-common .sp-ext-crd-bottom-cta{left:var(--hc-bc-xp-mo,0%)}.sp-ext-crd-common .sp-ext-crd-link-button{left:var(--hc-lb-xp-mo,0%)}}
.sp-ext-crd-common .sp-ext-crd-link-button{translate:calc(var(--hc-lb-dx,0px) - var(--hc-lb-xp,0%)) var(--hc-lb-dy,0px)}
.sp-ext-crd-common .sp-ext-crd-bottom-cta{translate:calc(var(--hc-bc-dx,0px) - var(--hc-bc-xp,0%)) var(--hc-bc-dy,0px)}
@media (max-width:768px){.sp-ext-crd-common .sp-ext-crd-link-button{translate:calc(var(--hc-lb-dx-mo,0px) - var(--hc-lb-xp-mo,0%)) var(--hc-lb-dy-mo,0px)}.sp-ext-crd-common .sp-ext-crd-bottom-cta{translate:calc(var(--hc-bc-dx-mo,0px) - var(--hc-bc-xp-mo,0%)) var(--hc-bc-dy-mo,0px)}}
/* 버튼을 세로로 옮겼을 때 원래 줄의 자리(2026-10-06): 위로 옮긴 만큼 자리를 줄이고(버튼 줄 높이 --hc-*-slot 까지), 아래로 내리면 그만큼 늘린다. 옮기지 않은 섹션에는 걸리지 않는다. */
/* 옮긴 하단 버튼은 줄 안의 글자처럼 두지 않고 독립된 블록으로 둔다(줄 높이가 남아 자리를 다 줄일 수 없었다). 기준 자리는 정해진 위치(없으면 왼쪽) */
/* PC 에서 옮긴 것은 PC 폭에서만, 모바일에서 옮긴 것은 모바일 폭에서만 적용한다(한쪽에서 옮겼다고 다른 쪽 배치가 바뀌지 않게) */
@media (min-width:769px){#sp-sections .sp-ext-crd--bottom-cta-free .sp-ext-crd-bottom-cta{display:flex;width:max-content;max-width:100%;margin-left:0;margin-right:auto;margin-bottom:max(calc(var(--hc-bc-slot,66px) * -1),var(--hc-bc-dy,0px))!important}
#sp-sections .sp-ext-crd--btn-free .sp-ext-crd-link-button{margin-bottom:max(calc(var(--hc-lb-slot,68px) * -1),var(--hc-lb-dy,0px))!important}}
@media (max-width:768px){#sp-sections .sp-ext-crd--bottom-cta-free-mo .sp-ext-crd-bottom-cta{display:flex;width:max-content;max-width:100%;margin-left:0;margin-right:auto;margin-bottom:max(calc(var(--hc-bc-slot-mo,66px) * -1),var(--hc-bc-dy-mo,0px))!important}#sp-sections .sp-ext-crd--btn-free-mo .sp-ext-crd-link-button{margin-bottom:max(calc(var(--hc-lb-slot-mo,68px) * -1),var(--hc-lb-dy-mo,0px))!important}}
/* 버튼 색·글자 색(2026-10-06). 채움 모양은 바탕색, 외곽선·화살표·글자 모양은 선과 글자 색으로 쓴다. 글자 색을 따로 고르면 그 색이 우선 */
#sp-sections .sp-ext-crd--bottom-cta-has-bg .sp-ext-crd-bottom-cta{background:var(--hc-bc-bg);border-color:var(--hc-bc-bg)}
#sp-sections .sp-ext-crd--bottom-cta-has-bg:is(.sp-ext-crd--bottom-cta-outline,.sp-ext-crd--bottom-cta-arrow,.sp-ext-crd--bottom-cta-text) .sp-ext-crd-bottom-cta{background:transparent;color:var(--hc-bc-bg);border-color:var(--hc-bc-bg)}
#sp-sections .sp-ext-crd--bottom-cta-has-fg .sp-ext-crd-bottom-cta{color:var(--hc-bc-fg)}
#sp-sections .sp-ext-crd--btn-has-bg .sp-ext-crd-link-button{background:var(--hc-lb-bg);border-color:var(--hc-lb-bg)}
#sp-sections .sp-ext-crd--btn-has-bg:is(.sp-ext-crd--btn-outline,.sp-ext-crd--btn-arrow) .sp-ext-crd-link-button{background:transparent;color:var(--hc-lb-bg);border-color:var(--hc-lb-bg)}
#sp-sections .sp-ext-crd--btn-has-fg .sp-ext-crd-link-button{color:var(--hc-lb-fg)}
/* 콘텐츠 영역 나눔(2026-10-06): 두 칸으로 그려지는 콘텐츠 영역(.sp-b)의 칸 비율. 정밀 배치로 두 칸을 만든 섹션에서도 먹도록 우선순위를 높인다(아이디 세 번).
   그 섹션이 두 칸으로 놓이는 PC·노트북 폭에서만 적용한다. */
@media (min-width:1101px){#sp-sections#sp-sections#sp-sections .sp-ext-crd-common.sp-ext-crd--content-split>.sp-b{grid-template-columns:var(--hc-content-tpl,minmax(0,1fr) minmax(0,1fr))!important}}
/* ===== Table compositions: per-card CTA row (option table_cta, off by default) =====
   table_columns: one extra row under the detail rows; each column's button sits in that row.
   table_rows: the button sits under the text in the right cell. Rows without a link show an empty cell / nothing. */
#sp-sections .sp-ext-crd-common[data-hc-table-cta="1"][data-hc-common-composition="table_columns"] .sp-ext-crd-item .sp-ext-crd-link-button,body.sp-edit #sp-sections .sp-ext-crd-common[data-hc-table-cta="1"][data-hc-common-composition="table_columns"] .sp-ext-crd-item .sp-ext-crd-link-button,#sp-sections .sp-ext-crd-common[data-hc-table-cta="1"][data-hc-common-composition="table_rows"] .sp-ext-crd-item .sp-ext-crd-link-button,body.sp-edit #sp-sections .sp-ext-crd-common[data-hc-table-cta="1"][data-hc-common-composition="table_rows"] .sp-ext-crd-item .sp-ext-crd-link-button{display:inline-flex!important;align-items:center;justify-content:center;gap:6px;position:relative;z-index:1;width:auto;max-width:calc(100% - 28px);min-height:44px;translate:none}
.sp-ext-crd-common[data-hc-table-cta="1"][data-hc-common-composition="table_columns"] .sp-ext-crd-content>.sp-ext-crd-link-button,.sp-ext-crd-common[data-hc-table-cta="1"][data-hc-common-composition="table_columns"] .sp-ext-crd-item>.sp-ext-crd-link-button{grid-row:calc(var(--hc-table-points,0) + 4);grid-column:1;align-self:center;justify-self:center;margin:12px 14px!important}
.sp-ext-crd-common[data-hc-table-cta="1"][data-hc-common-composition="table_columns"] .sp-ext-crd-content::after,.sp-ext-crd-common[data-hc-table-cta="1"][data-hc-common-composition="table_columns"] .sp-common-table-labels::after{content:'';grid-row:calc(var(--hc-table-points,0) + 4);grid-column:1;align-self:stretch;min-height:68px;border-top:1px solid var(--hc-table-line);pointer-events:none}
.sp-ext-crd-common[data-hc-table-cta="1"][data-hc-common-composition="table_rows"] .sp-ext-crd-content>.sp-ext-crd-link-button,.sp-ext-crd-common[data-hc-table-cta="1"][data-hc-common-composition="table_rows"] .sp-ext-crd-item>.sp-ext-crd-link-button{grid-column:2;justify-self:start;margin:0 22px 18px!important}
@supports not (grid-template-rows:subgrid){.sp-ext-crd-common[data-hc-table-cta="1"][data-hc-common-composition="table_columns"] .sp-ext-crd-content::after,.sp-ext-crd-common[data-hc-table-cta="1"][data-hc-common-composition="table_columns"] .sp-common-table-labels::after{content:none}}
@media(max-width:768px){.sp-ext-crd-common[data-hc-table-cta="1"][data-hc-common-composition="table_columns"] .sp-ext-crd-content::after,.sp-ext-crd-common[data-hc-table-cta="1"][data-hc-common-composition="table_columns"] .sp-common-table-labels::after{content:none}.sp-ext-crd-common[data-hc-table-cta="1"][data-hc-common-composition="table_columns"] .sp-ext-crd-content>.sp-ext-crd-link-button,.sp-ext-crd-common[data-hc-table-cta="1"][data-hc-common-composition="table_columns"] .sp-ext-crd-item>.sp-ext-crd-link-button{display:flex!important;order:4;grid-row:auto;margin:12px 16px 16px!important;justify-self:stretch}.sp-ext-crd-common[data-hc-table-cta="1"][data-hc-common-composition="table_rows"] .sp-ext-crd-content>.sp-ext-crd-link-button,.sp-ext-crd-common[data-hc-table-cta="1"][data-hc-common-composition="table_rows"] .sp-ext-crd-item>.sp-ext-crd-link-button{grid-column:1/-1;margin:0 16px 16px!important}}
/* ===== Table columns: hide the left row-name column (option table_nolabel, off by default) =====
   Visitors: the name column is removed and the data columns take its width. Row names stay in each cell for screen readers (and show on mobile as before).
   Editor: the column stays, faded, because it holds the row add/remove controls and the editable row names. */
@media(min-width:769px){body:not(.sp-edit) .sp-ext-crd-common[data-hc-table-nolabel="1"][data-hc-common-composition="table_columns"] .sp-ext-crd-grid{grid-template-columns:var(--hc-table-tracks,repeat(var(--hc-table-cols,3),minmax(0,1fr)))}}
body:not(.sp-edit) .sp-ext-crd-common[data-hc-table-nolabel="1"][data-hc-common-composition="table_columns"] .sp-common-table-labels{display:none}
body.sp-edit #sp-sections .sp-ext-crd-common[data-hc-table-nolabel="1"][data-hc-common-composition="table_columns"] .sp-common-table-labels{opacity:.45}

/* ===== Bottom box design and side bar (options bottom_design / bottom_bar / bottom_bar_tone, all empty by default) =====
   Empty values change nothing, so existing sections keep their current look (including per-section precision rules).
   The triple id selector is needed to win over per-section precision rules, which use a doubled section id with !important. */
#sp-sections#sp-sections#sp-sections .sp-ext-crd-common[data-hc-bottom-design="soft"] .sp-ext-crd-bottom,
#sp-sections#sp-sections#sp-sections .sp-ext-crd-common[data-hc-bottom-design="outline"] .sp-ext-crd-bottom{box-sizing:border-box;padding:clamp(18px,2.4vw,26px)!important;border-radius:14px!important}
#sp-sections#sp-sections#sp-sections .sp-ext-crd-common[data-hc-bottom-design="soft"] .sp-ext-crd-bottom{border:0!important;background:var(--sp-crd-bottom-bg,#fafafa)!important}
#sp-sections#sp-sections#sp-sections .sp-ext-crd-common[data-hc-bottom-design="outline"] .sp-ext-crd-bottom{border:1px solid var(--sp-line,#e5e5e5)!important;background:transparent!important}
#sp-sections#sp-sections#sp-sections .sp-ext-crd-common[data-hc-bottom-design="plain"] .sp-ext-crd-bottom{padding:0!important;border:0!important;border-radius:0!important;background:transparent!important}
#sp-sections#sp-sections#sp-sections .sp-ext-crd-common[data-hc-bottom-design="soft"] .sp-ext-crd-bottom-text,
#sp-sections#sp-sections#sp-sections .sp-ext-crd-common[data-hc-bottom-design="outline"] .sp-ext-crd-bottom-text,
#sp-sections#sp-sections#sp-sections .sp-ext-crd-common[data-hc-bottom-design="plain"] .sp-ext-crd-bottom-text{margin:0!important;padding:0!important;border-radius:0!important;background:transparent!important}
/* Spacing between title / subtitle / text lives on the title and subtitle (margin-bottom), not on the text (margin-top).
   An empty title or subtitle is hidden (or not rendered), so a text-only box gets no stray gap above the text (2026-10-08: a "previous sibling" rule added 10px above the text even when the siblings were hidden). */
#sp-sections#sp-sections#sp-sections .sp-ext-crd-common:is([data-hc-bottom-design="soft"],[data-hc-bottom-design="outline"],[data-hc-bottom-design="plain"]) .sp-ext-crd-bottom>:is(.sp-ext-crd-bottom-title,.sp-ext-crd-bottom-subtitle){margin-top:0!important;margin-bottom:10px!important}
#sp-sections#sp-sections#sp-sections .sp-ext-crd-common:is([data-hc-bottom-design="soft"],[data-hc-bottom-design="outline"],[data-hc-bottom-design="plain"]) .sp-ext-crd-bottom>:is(.sp-ext-crd-bottom-title,.sp-ext-crd-bottom-subtitle):last-child{margin-bottom:0!important}
#sp-sections#sp-sections#sp-sections .sp-ext-crd-common[data-hc-bottom-bar="on"] .sp-ext-crd-bottom-text{border-left:3px solid var(--hc-bottom-bar,#ddd)!important;border-radius:0!important;padding-left:clamp(16px,2.2vw,30px)!important}
#sp-sections#sp-sections#sp-sections .sp-ext-crd-common[data-hc-bottom-bar="off"] .sp-ext-crd-bottom-text{border-left:0!important}
#sp-sections#sp-sections#sp-sections .sp-ext-crd-common[data-hc-bottom-bar="off"][data-hc-bottom-design="soft"] .sp-ext-crd-bottom-text,
#sp-sections#sp-sections#sp-sections .sp-ext-crd-common[data-hc-bottom-bar="off"][data-hc-bottom-design="outline"] .sp-ext-crd-bottom-text,
#sp-sections#sp-sections#sp-sections .sp-ext-crd-common[data-hc-bottom-bar="off"][data-hc-bottom-design="plain"] .sp-ext-crd-bottom-text{padding-left:0!important}
#sp-sections .sp-ext-crd-common[data-hc-bottom-bar-tone="accent"]{--hc-bottom-bar:var(--sp-gold,#333)}
#sp-sections .sp-ext-crd-common[data-hc-bottom-bar-tone="dark"]{--hc-bottom-bar:#222}
body.sp-edit .sp-common-card-icon-empty{border:1px dashed #888}
.sab-subnav-design{display:inline-flex;align-items:center;gap:6px;flex:none;color:#eee;font-size:11px;white-space:nowrap}
.sab-subnav-design select{min-height:32px;max-width:132px;padding:4px 8px;border:1px solid #555;border-radius:5px;background:#292929;color:#fff;font:inherit}
.sab-subnav-design select:focus-visible{outline:2px solid #fff;outline-offset:2px}
@media(max-width:768px){.sab-subnav-design select{min-height:44px}}
body.sp-edit .sp-ext-crd--role-hero .sp-ext-crd-side,body.sp-edit .sp-ext-crd--role-hero .sp-common-side-caption{animation:none!important}
.sp-edit .sp-ext-crd-common[data-hc-common-composition="layer_map"] .sp-ext-crd-point-add{grid-column:2}
.sp-edit .sp-ext-crd-common[data-hc-common-composition="image_callouts"] .sp-crd-global-tools{grid-column:1}
/* Common card number/icon: click to open the icon picker (edit mode only). */
body.sp-edit #sp-sections .sp-ext-crd-common .sp-ext-crd-item .sp-ext-crd-num{cursor:pointer}
body.sp-edit #sp-sections .sp-ext-crd-common .sp-ext-crd-item .sp-ext-crd-num:hover{outline:2px dashed rgba(0,102,204,.55);outline-offset:3px}
/* Table compositions in the editor: the per-card part switches and the left/right flip do not apply to table cells and covered the header text.
   Card move/delete/settings stay, placed in the cell corners; the header gets room for them. */
body.sp-edit #sp-sections .sp-ext-crd-common[data-hc-common-composition="table_columns"] :is(.sp-crd-part-tools,.sp-crd-item-flip),body.sp-edit #sp-sections .sp-ext-crd-common[data-hc-common-composition="table_rows"] :is(.sp-crd-part-tools,.sp-crd-item-flip){display:none!important}
body.sp-edit #sp-sections .sp-ext-crd-common[data-hc-common-composition="table_columns"] .sp-ext-crd-item .sp-ext-crd-title{padding-top:40px!important}
body.sp-edit #sp-sections .sp-ext-crd-common[data-hc-common-composition="table_columns"] .sp-ext-crd-item .sp-ext-crd-card-config{left:6px!important;top:6px!important;right:auto!important;bottom:auto!important;font-size:11px!important;padding:3px 8px!important}
body.sp-edit #sp-sections .sp-ext-crd-common[data-hc-common-composition="table_columns"] .sp-ext-crd-item :is(.sp-ext-crd-item-del,.sp-ext-crd-item-move){top:6px!important;bottom:auto!important}
body.sp-edit #sp-sections .sp-ext-crd-common[data-hc-common-composition="table_rows"] .sp-ext-crd-item{position:relative}
body.sp-edit #sp-sections .sp-ext-crd-common[data-hc-common-composition="table_rows"] .sp-ext-crd-item .sp-ext-crd-card-config{left:auto!important;right:84px!important;top:6px!important;bottom:auto!important;font-size:11px!important;padding:3px 8px!important}
body.sp-edit #sp-sections .sp-ext-crd-common[data-hc-common-composition="table_rows"] .sp-ext-crd-item :is(.sp-ext-crd-item-del,.sp-ext-crd-item-move){top:6px!important;bottom:auto!important}
/* Row table: the 'add detail' button floats over the row corner (no layout space). It used to add a grid row on hover,
   so rows grew and shrank under the pointer and the whole table shook while dragging the label-width handle. */
body.sp-edit #sp-sections .sp-ext-crd-common[data-hc-common-composition="table_rows"] .sp-ext-crd-content>.sp-ext-crd-point-add{position:absolute!important;right:12px;bottom:6px;left:auto;top:auto;margin:0!important;z-index:3;grid-column:auto!important;grid-row:auto!important;opacity:0;pointer-events:none;transition:opacity .12s}
body.sp-edit #sp-sections .sp-ext-crd-common[data-hc-common-composition="table_rows"] .sp-ext-crd-item:is(:hover,:focus-within) .sp-ext-crd-content>.sp-ext-crd-point-add{opacity:1;pointer-events:auto}
/* While a size handle is being dragged nothing reacts to hover. */
body.sp-edit #sp-sections .hlh-dragging .sp-ext-crd-content>.sp-ext-crd-point-add{opacity:0!important;pointer-events:none!important}
/* Icon picker labels: follow the button text colour so they stay readable on the light editor theme (they were fixed white). */
#spPt06IcoPick button em{color:inherit!important;opacity:.78;font-size:9px!important}
#spPt06IcoPick .spPt06IcoUp em{font-size:12px!important;max-width:none!important;opacity:1;font-weight:600}
#spPt06IcoPick .spPt06IcoUp svg{width:18px!important;height:18px!important}
/* Column table: rows are added and removed for every column at once (label column buttons). Per-card detail buttons are hidden so columns stay even. */
body.sp-edit #sp-sections .sp-ext-crd-common[data-hc-common-composition="table_columns"] :is(.sp-ext-crd-point-add,.sp-ext-crd-point-del){display:none!important}
body.sp-edit #sp-sections .sp-ext-crd-common[data-hc-common-composition="table_columns"] .sp-common-table-labels{position:relative}
body.sp-edit #sp-sections .sp-ext-crd-common[data-hc-common-composition="table_columns"] .hc-table-row-del{position:absolute;grid-column:1;top:6px;left:6px;z-index:4;width:24px;height:24px;padding:0;border:0;border-radius:50%;background:#fff;color:#c62828;box-shadow:0 1px 5px rgba(0,0,0,.22);font:700 15px/24px system-ui,sans-serif;cursor:pointer;opacity:0;transition:opacity .12s}
body.sp-edit #sp-sections .sp-ext-crd-common[data-hc-common-composition="table_columns"] .sp-common-table-labels:is(:hover,:focus-within) .hc-table-row-del{opacity:1}
body.sp-edit #sp-sections .sp-ext-crd-common[data-hc-common-composition="table_columns"] .hc-table-row-del:is(:hover,:focus-visible){background:#c62828;color:#fff;opacity:1}
body.sp-edit #sp-sections .sp-ext-crd-common[data-hc-common-composition="table_columns"] .hc-table-row-add{align-self:center;justify-self:center;margin:8px 6px;padding:7px 12px;border:1px dashed #8e8e93;border-radius:999px;background:#fff;color:#1d1d1f;font:600 12px/1.2 system-ui,sans-serif;white-space:nowrap;cursor:pointer}
body.sp-edit #sp-sections .sp-ext-crd-common[data-hc-common-composition="table_columns"] .hc-table-row-add:is(:hover,:focus-visible){border-style:solid;border-color:#0071e3;color:#0071e3}
@media(hover:none){body.sp-edit #sp-sections .sp-ext-crd-common[data-hc-common-composition="table_columns"] .hc-table-row-del{opacity:.85}}
body.sp-edit #sp-sections .hlh-dragging :is(.hc-table-row-del,.hc-table-row-add){pointer-events:none}

/* 2026-10-15: 전체 배너(full_banner)는 사진 위 글 상자에 pointer-events:none 을 걸어 방문자 클릭이 아래로 통과한다(common_editorial.css).
   편집 화면에서도 그대로라 카드 제목·설명·보조 아이콘 단추를 누를 수 없었다(라셀 MyLayered). 편집 중에는 글 칸과 단추만 다시 누를 수 있게 한다 */
body.sp-edit #sp-sections .sp-ext-crd-common[data-hc-common-composition="full_banner"] .sp-ext-crd-content :is([contenteditable],[data-ext-field],button,label,input){pointer-events:auto}
/* Responsive text flow; the setting travels with the section when copied. */
[data-sp-soft-wrap][data-sp-soft-wrap] br.sp-content-soft-break{display:none!important}
@media(min-width:768px){[data-sp-soft-wrap="768"][data-sp-soft-wrap] br.sp-content-soft-break{display:initial!important}}
@media(min-width:1100px){[data-sp-soft-wrap="1100"][data-sp-soft-wrap] br.sp-content-soft-break{display:initial!important}}
@media(min-width:1440px){[data-sp-soft-wrap="1440"][data-sp-soft-wrap] br.sp-content-soft-break{display:initial!important}}
/* 소제목 줄 바로 뒤의 줄바꿈은 '줄바꿈 표시 폭' 옵션과 무관하게 모든 폭에서 유지(판정 스크립트가 sp-br-head 표시) */
[data-sp-soft-wrap][data-sp-soft-wrap] br.sp-content-soft-break.sp-br-head{display:initial!important}
/* LACELL_CENTER_COMPARISON_OPTION */
/* Optional centered axis for a two-way comparison; default tables are unchanged. */
.sp-ext-ctab-table--center th:first-child,.sp-ext-ctab-table--center td:first-child{position:static;text-align:center;box-shadow:none;width:40%}
.sp-ext-ctab-table--center .sp-ext-ctab-rowlabel-cell,.sp-ext-ctab-table--center .sp-ext-ctab-corner{width:20%;background:#ededed;color:var(--sty-c-itemd,#333)}
.sp-ext-ctab-table--center thead th:first-child{background:var(--sp-ctab-head-bg,#938d83);color:var(--sty-c-itemt,#fff)}
.sp-ext-ctab-table--center thead th:last-child{background:var(--sp-ctab-head-bg,#1c1c1c);color:var(--sty-c-itemt,#fff);width:40%}
.sp-ext-ctab-table--center thead .sp-ext-ctab-colh-name{color:inherit}