/* Component library v3. Scoped to the saved page; the theme owns its shell. */
.sp-layout[data-layout="brand-components"]{--cp-ink:var(--ink,currentColor);--cp-body:var(--muted,currentColor);--cp-accent:var(--accent,currentColor);--cp-line:var(--line,#8885);--cp-panel:var(--panel,transparent);color:var(--cp-ink);font:inherit;line-height:1.75;width:100%;max-width:1160px;margin-inline:auto;min-width:0}
.sp-layout[data-skeleton="modules-wide"]{max-width:1240px}.sp-layout[data-skeleton="editorial-narrow"]{max-width:800px}
.sp-layout[data-layout="brand-components"] *{box-sizing:border-box;min-width:0}
.sp-layout[data-layout="brand-components"] :is(h1,h2,h3,p,li,dd,th,td,a,summary){overflow-wrap:anywhere}
.sp-layout[data-layout="brand-components"] .sp-module{scroll-margin-top:110px;padding:0;margin:0;border:0;background:none}
.sp-layout[data-layout="brand-components"] .sp-module+.sp-module{border-top:1px solid var(--cp-line)}
.sp-layout[data-layout="brand-components"] .cp-block{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:24px 48px;padding:48px 0;align-items:center}
.sp-layout[data-layout="brand-components"] h1{font-size:clamp(30px,4vw,54px);line-height:1.18;margin:0 0 22px;max-width:25ch;color:var(--cp-ink)}
.sp-layout[data-layout="brand-components"] h2{font-size:clamp(24px,2.7vw,34px);line-height:1.3;margin:0 0 18px;color:var(--cp-ink)}
.sp-layout[data-layout="brand-components"] h3{font-size:1.1em;line-height:1.45;margin:0 0 8px;color:var(--cp-ink)}
.sp-layout[data-layout="brand-components"] p{margin:0 0 14px;max-width:80ch;color:var(--cp-body)}
.sp-layout[data-layout="brand-components"] a{color:var(--cp-accent);text-underline-offset:4px}
.sp-layout[data-layout="brand-components"] :focus-visible{outline:2px solid var(--cp-accent);outline-offset:4px}
.sp-layout[data-layout="brand-components"] .cp-copy:only-child{grid-column:1/-1}
.sp-layout[data-layout="brand-components"] .cp-media{margin:0;width:100%}
.sp-layout[data-layout="brand-components"] .cp-media img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:4px}
.sp-layout[data-layout="brand-components"] figcaption{font-size:.8em;line-height:1.5;margin-top:8px;color:var(--cp-body)}
.sp-layout[data-layout="brand-components"] :is(.cp-items,.cp-rail,.cp-definitions,.cp-links,.cp-steps,.cp-questions,.cp-table,.cp-checks,.cp-actions){grid-column:1/-1;margin:0;min-width:0}
.sp-layout[data-layout="brand-components"] .cp-items{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.sp-layout[data-layout="brand-components"] .cp-item{border-top:1px solid var(--cp-line);padding-top:18px}
.sp-layout[data-layout="brand-components"] .cp-item img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;display:block;margin-bottom:14px;border-radius:4px}
.sp-layout[data-layout="brand-components"] .cp-links{padding-left:22px}.sp-layout[data-layout="brand-components"] .cp-links li+li{margin-top:14px}
.sp-layout[data-layout="brand-components"] .cp-list{padding-left:22px}.sp-layout[data-layout="brand-components"] .cp-list li+li{margin-top:8px}
.sp-layout[data-layout="brand-components"] .cp-reverse .cp-copy{grid-column:2;grid-row:1}.sp-layout[data-layout="brand-components"] .cp-reverse>.cp-media{grid-column:1;grid-row:1}
.sp-layout[data-layout="brand-components"] :is(.cp-stack,.cp-center,.cp-hero-media,.cp-reading,.cp-answers,.cp-glossary-list,.cp-facts-list,.cp-steps-list,.cp-notice){grid-template-columns:minmax(0,1fr)}
.sp-layout[data-layout="brand-components"] .cp-center{text-align:center}.sp-layout[data-layout="brand-components"] .cp-center :is(h1,p){margin-inline:auto}
.sp-layout[data-layout="brand-components"] .cp-center>.cp-media{max-width:780px;margin-inline:auto}
.sp-layout[data-layout="brand-components"] .cp-hero-media>.cp-media{grid-row:1;max-height:460px;overflow:hidden}.sp-layout[data-layout="brand-components"] .cp-hero-media .cp-media img{max-height:460px}
.sp-layout[data-layout="brand-components"] .cp-backdrop{position:relative;isolation:isolate;padding:44px;min-height:420px;--cp-ink:#fff;--cp-body:#fff;--cp-accent:#fff}
.sp-layout[data-layout="brand-components"] .cp-backdrop>.cp-media{position:absolute;inset:0;z-index:-1;height:100%;overflow:hidden}
.sp-layout[data-layout="brand-components"] .cp-backdrop>.cp-media:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#07100dee,#07100d88)}
.sp-layout[data-layout="brand-components"] .cp-backdrop .cp-media img{height:100%;object-fit:cover}.sp-layout[data-layout="brand-components"] .cp-backdrop figcaption{position:absolute;bottom:10px;right:10px;z-index:1;font-size:12px}
.sp-layout[data-layout="brand-components"] .cp-feature .cp-copy{border-left:3px solid var(--cp-accent);padding-left:24px}
.sp-layout[data-layout="brand-components"] .cp-feature-list .cp-items{grid-template-columns:1fr}.sp-layout[data-layout="brand-components"] .cp-feature-list .cp-item{display:grid;grid-template-columns:140px 1fr;gap:8px 22px;align-items:start}.sp-layout[data-layout="brand-components"] .cp-feature-list .cp-item img{grid-row:span 2}.sp-layout[data-layout="brand-components"] .cp-feature-list .cp-item:not(:has(img)){grid-template-columns:1fr}
.sp-layout[data-layout="brand-components"] .cp-mosaic .cp-item:first-child{grid-column:span 2;grid-row:span 2}.sp-layout[data-layout="brand-components"] .cp-mosaic .cp-item:first-child h3{font-size:1.5em}
.sp-layout[data-layout="brand-components"] .cp-rail{display:flex;gap:22px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:16px;overscroll-behavior-inline:contain}
.sp-layout[data-layout="brand-components"] .cp-rail>.cp-item{flex:0 0 min(80%,300px);scroll-snap-align:start}
.sp-layout[data-layout="brand-components"] .cp-carousel .cp-rail>.cp-item{flex-basis:100%;display:grid;grid-template-columns:1fr 1fr;gap:18px}.sp-layout[data-layout="brand-components"] .cp-carousel .cp-item img{grid-row:span 2;max-height:400px}
.sp-layout[data-layout="brand-components"] .cp-controls{grid-column:1/-1;display:flex;gap:12px}
.sp-layout[data-layout="brand-components"] button{font:inherit;color:var(--cp-accent);background:var(--cp-panel);border:1px solid var(--cp-line);border-radius:3px;padding:8px 16px;cursor:pointer}
.sp-layout[data-layout="brand-components"] button[aria-pressed="true"]{outline:2px solid var(--cp-accent)}
.sp-layout[data-layout="brand-components"] .cp-filter{grid-column:1/-1;display:flex;gap:12px;flex-wrap:wrap}
.sp-layout[data-layout="brand-components"] [hidden]{display:none!important}
.sp-layout[data-layout="brand-components"] .cp-definitions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;padding:0}
.sp-layout[data-layout="brand-components"] .cp-definitions>div{border-top:1px solid var(--cp-line);padding-top:14px}.sp-layout[data-layout="brand-components"] dt{font-weight:700}.sp-layout[data-layout="brand-components"] dd{margin:8px 0 0;color:var(--cp-body)}
.sp-layout[data-layout="brand-components"] :is(.cp-facts-list,.cp-glossary-list,.cp-answers) .cp-definitions{grid-template-columns:1fr}
.sp-layout[data-layout="brand-components"] .cp-facts-list .cp-definitions>div{display:grid;grid-template-columns:1fr 2fr;gap:20px}
.sp-layout[data-layout="brand-components"] :is(.cp-answers-columns,.cp-glossary-columns) .cp-definitions{grid-template-columns:repeat(2,minmax(0,1fr))}
.sp-layout[data-layout="brand-components"] .cp-table{overflow:auto;width:100%;max-width:100%}.sp-layout[data-layout="brand-components"] table{width:100%;border-collapse:collapse;min-width:400px}.sp-layout[data-layout="brand-components"] :is(td,th){text-align:left;padding:12px 16px;border-bottom:1px solid var(--cp-line);vertical-align:top}.sp-layout[data-layout="brand-components"] th{background:var(--cp-panel)}
.sp-layout[data-layout="brand-components"] :is(.cp-spec-table,.cp-payment-table,.cp-example-table){grid-template-columns:1fr}.sp-layout[data-layout="brand-components"] .cp-payment-cards .cp-item{padding:22px;border:1px solid var(--cp-line)}
.sp-layout[data-layout="brand-components"] .cp-steps{padding-left:24px;counter-reset:step}.sp-layout[data-layout="brand-components"] .cp-steps>li{padding:12px 0 16px 10px;border-bottom:1px solid var(--cp-line)}
.sp-layout[data-layout="brand-components"] .cp-steps-row .cp-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.sp-layout[data-layout="brand-components"] .cp-numbered .cp-steps>li{font-size:1.1em;padding-block:22px}
.sp-layout[data-layout="brand-components"] .cp-checks{list-style:"✓  ";padding-left:24px}.sp-layout[data-layout="brand-components"] .cp-checks>li{padding:10px}.sp-layout[data-layout="brand-components"] .cp-check-columns .cp-checks{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.sp-layout[data-layout="brand-components"] :is(.cp-index-columns,.cp-contents-columns) .cp-links{columns:2;column-gap:40px}.sp-layout[data-layout="brand-components"] .cp-contents nav{grid-column:1/-1}.sp-layout[data-layout="brand-components"] .cp-contents-columns nav{grid-column:1/-1}
.sp-layout[data-layout="brand-components"] .cp-name-strip .cp-links{display:flex;flex-wrap:wrap;gap:24px;list-style:none;padding:0}.sp-layout[data-layout="brand-components"] .cp-name-strip li{margin:0}.sp-layout[data-layout="brand-components"] .cp-name-grid .cp-links{display:grid;grid-template-columns:repeat(4,1fr);list-style:none;padding:0;gap:22px}
.sp-layout[data-layout="brand-components"] .cp-category-list .cp-links{list-style:none;padding:0}.sp-layout[data-layout="brand-components"] .cp-category-list li{border-bottom:1px solid var(--cp-line);padding:16px 0}
.sp-layout[data-layout="brand-components"] .cp-device-cards .cp-items{grid-template-columns:repeat(2,minmax(0,1fr));padding:24px;background:var(--cp-panel)}
.sp-layout[data-layout="brand-components"] .cp-contact-columns .cp-items{grid-template-columns:repeat(2,minmax(0,1fr));border-top:2px solid var(--cp-line)}
.sp-layout[data-layout="brand-components"] .cp-campaign{grid-template-columns:1fr 1fr}.sp-layout[data-layout="brand-components"] .cp-campaign .cp-copy{border-bottom:3px solid var(--cp-accent);padding-bottom:24px}
.sp-layout[data-layout="brand-components"] .cp-questions{display:grid;gap:0;grid-template-columns:1fr}.sp-layout[data-layout="brand-components"] .cp-questions-split .cp-questions{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 32px;align-items:start}
.sp-layout[data-layout="brand-components"] details{border-bottom:1px solid var(--cp-line)}.sp-layout[data-layout="brand-components"] summary{cursor:pointer;padding:18px 4px;font-weight:600}.sp-layout[data-layout="brand-components"] .cp-answer{padding:0 4px 20px}
.sp-layout[data-layout="brand-components"] .cp-actions{display:flex;gap:14px;flex-wrap:wrap;align-items:center}.sp-layout[data-layout="brand-components"] .cp-actions a{display:inline-block;border:1px solid var(--cp-accent);padding:10px 20px;text-decoration:none;border-radius:3px}
.sp-layout[data-layout="brand-components"] .cp-action-row{display:flex;justify-content:space-between;gap:28px;flex-wrap:wrap}.sp-layout[data-layout="brand-components"] .cp-action-row .cp-media{max-width:220px}.sp-layout[data-layout="brand-components"] .cp-action-split .cp-actions{grid-column:2;grid-row:1;flex-direction:column;align-items:flex-start}
.sp-layout[data-layout="brand-components"] .cp-example-label{font-weight:700;grid-column:1/-1}.sp-layout[data-layout="brand-components"] .cp-metric{font-size:2.5em}.sp-layout[data-layout="brand-components"] .cp-notice{padding:28px 0;font-size:.9em}
.sp-layout[data-layout="brand-components"] .cp-sticky{position:fixed;bottom:0;left:0;right:0;z-index:1000;background:var(--cp-panel,var(--bg,#fff));color:var(--cp-ink);border-top:1px solid var(--cp-line);padding:14px 24px;display:flex;align-items:center;gap:20px;flex-wrap:wrap;box-shadow:0 -2px 12px #0002}
.sp-layout[data-layout="brand-components"] .cp-sticky h2{font-size:18px;margin:0}.sp-layout[data-layout="brand-components"] .cp-sticky .cp-links{display:flex;gap:20px;list-style:none;padding:0}.sp-layout[data-layout="brand-components"] .cp-sticky li{margin:0}.sp-layout[data-layout="brand-components"] .cp-top{position:fixed;bottom:calc(18px + var(--cp-overlay-height,0px));right:18px;z-index:1001;border:1px solid var(--cp-line);background:var(--bg,#fff);color:var(--cp-ink);padding:10px 14px;text-decoration:none}
.sp-layout[data-layout="brand-components"] .sp-slot-overlay{border:0!important;height:0}.sp-layout[data-layout="brand-components"] .sp-slot-overlay .cp-block{padding:0;display:block}
.sp-layout[data-skeleton="modules-wide"] .sp-module:nth-child(even)>.cp-block{padding-inline:28px;background:var(--cp-panel)}
.sp-layout[data-skeleton="editorial-narrow"] .cp-block{grid-template-columns:minmax(0,1fr);gap:22px;padding-block:38px}.sp-layout[data-skeleton="editorial-narrow"] .cp-reverse .cp-copy{grid-column:auto;grid-row:auto}.sp-layout[data-skeleton="editorial-narrow"] .cp-reverse>.cp-media{grid-column:auto;grid-row:auto}.sp-layout[data-skeleton="editorial-narrow"] .cp-items{grid-template-columns:repeat(2,minmax(0,1fr))}.sp-layout[data-skeleton="editorial-narrow"] .cp-action-split .cp-actions{grid-column:auto;grid-row:auto}
@media(max-width:800px){.sp-layout[data-layout="brand-components"] .cp-block{gap:22px;padding-block:32px}.sp-layout[data-layout="brand-components"] .cp-items{grid-template-columns:repeat(2,minmax(0,1fr))}.sp-layout[data-layout="brand-components"] .cp-name-grid .cp-links{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.sp-layout[data-layout="brand-components"] .cp-block{grid-template-columns:minmax(0,1fr)}.sp-layout[data-layout="brand-components"] :is(.cp-reverse .cp-copy,.cp-reverse>.cp-media,.cp-action-split .cp-actions){grid-column:auto;grid-row:auto}.sp-layout[data-layout="brand-components"] :is(.cp-items,.cp-definitions,.cp-questions-split .cp-questions,.cp-check-columns .cp-checks,.cp-steps-row .cp-steps,.cp-device-cards .cp-items,.cp-contact-columns .cp-items,.cp-answers-columns .cp-definitions,.cp-glossary-columns .cp-definitions){grid-template-columns:1fr}.sp-layout[data-layout="brand-components"] :is(.cp-index-columns,.cp-contents-columns) .cp-links{columns:1}.sp-layout[data-layout="brand-components"] .cp-mosaic .cp-item:first-child{grid-column:auto;grid-row:auto}.sp-layout[data-layout="brand-components"] .cp-backdrop{padding:26px;min-height:380px}.sp-layout[data-layout="brand-components"] .cp-carousel .cp-rail>.cp-item{display:block}.sp-layout[data-layout="brand-components"] .cp-sticky{padding:12px;gap:12px}.sp-layout[data-layout="brand-components"] .cp-top span{display:none}.sp-layout[data-skeleton="modules-wide"] .sp-module:nth-child(even)>.cp-block{padding-inline:16px}}
@media(prefers-reduced-motion:reduce){.sp-layout[data-layout="brand-components"] *{scroll-behavior:auto!important}}

.sp-layout[data-layout="brand-components"] .cp-numbered-image{display:block;width:min(100%,220px);height:auto;aspect-ratio:4/3;object-fit:cover;margin-bottom:12px}

@media(max-width:600px){body:has(.sp-layout[data-layout="brand-components"]) .brand{min-width:0;max-width:100%;overflow-wrap:anywhere}body:has(.sp-layout[data-layout="brand-components"]) .brand :is(span,small){min-width:0;max-width:100%;white-space:normal;overflow-wrap:anywhere}}

/* Data-driven shell: brand CSS supplies the palette and type; no legacy copy or grid. */
.cp-page .cp-main{display:block;width:100%;max-width:none;margin:0;padding:0 clamp(16px,3vw,40px);min-width:0}
.cp-page .cp-header,.cp-page .cp-footer{color:inherit;border-block:1px solid var(--line,#8884)}
.cp-page .cp-shell-row,.cp-page .cp-shell-bottom{width:100%;max-width:1240px;margin-inline:auto;padding:24px clamp(16px,3vw,40px);box-sizing:border-box}
.cp-page .cp-shell-row{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}
.cp-page .cp-brand{display:flex;align-items:center;gap:12px;color:inherit;font-size:1.25rem;font-weight:700;text-decoration:none;min-width:0;overflow-wrap:anywhere}
.cp-page .cp-brand img{width:48px;height:48px;object-fit:contain;flex:none}
.cp-page .cp-desktop-nav{display:flex;gap:20px;flex-wrap:wrap}.cp-page .cp-desktop-nav a{color:inherit}
.cp-page .cp-mobile-nav{display:none;position:relative}.cp-page .cp-mobile-nav summary{cursor:pointer;padding:10px}
.cp-page .cp-mobile-nav nav{display:grid;gap:14px;padding:18px;min-width:180px;background:var(--bg,Canvas);color:inherit}
.cp-page .cp-footer .cp-shell-row{align-items:start}.cp-page .cp-footer .cp-shell-row>div{flex:1 1 200px;min-width:0;overflow-wrap:anywhere}
.cp-page .cp-footer h2{font-size:1rem}.cp-page .cp-footer nav{display:grid;gap:10px}.cp-page .cp-footer p{max-width:50ch}
.cp-page .cp-shell-bottom{display:flex;align-items:start;justify-content:space-between;gap:24px;flex-wrap:wrap;border-top:1px solid var(--line,#8884)}
.cp-page .cp-shell-bottom p{max-width:85ch}.cp-page .cp-skip{position:absolute;top:-100px;left:16px;z-index:2000;background:var(--bg,Canvas);padding:12px}.cp-page .cp-skip:focus{top:10px}
@media(max-width:800px){.cp-page .cp-desktop-nav{display:none}.cp-page .cp-mobile-nav{display:block}.cp-page .cp-mobile-nav[open]{flex-basis:100%}.cp-page .cp-footer .cp-shell-row{display:grid;grid-template-columns:1fr}.cp-page .cp-brand{max-width:75%}}
