.cp-seo-entity{max-width:1180px;margin:0 auto;padding:clamp(20px,4vw,56px) clamp(16px,3vw,34px);color:inherit}.cp-seo-breadcrumbs{margin:0 0 24px;font-size:.9rem}.cp-seo-breadcrumbs ol{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:0}.cp-seo-breadcrumbs li+li:before{content:"/";margin-right:8px;opacity:.55}.cp-seo-breadcrumbs a{text-decoration:none}.cp-seo-entity__header{max-width:850px;margin-bottom:36px}.cp-seo-eyebrow{margin:0 0 8px;font-size:.78rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;opacity:.72}.cp-seo-entity__header h1{margin:.1em 0 .35em;font-size:clamp(2rem,5vw,4rem);line-height:1.06}.cp-seo-entity__header>p:not(.cp-seo-eyebrow){font-size:clamp(1.05rem,2vw,1.25rem);line-height:1.65}.cp-seo-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.cp-seo-button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 18px;border:1px solid currentColor;border-radius:999px;text-decoration:none;font-weight:700}.cp-seo-button--primary{background:#1f2937;color:#fff;border-color:#1f2937}.cp-seo-lead{font-size:1.06rem;line-height:1.65}.cp-seo-color-grid,.cp-seo-palette-grid,.cp-seo-palette-detail{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px;list-style:none;margin:24px 0;padding:0}.cp-seo-color-card,.cp-seo-palette-card{display:flex;align-items:center;gap:13px;height:100%;padding:13px;border:1px solid rgba(127,127,127,.28);border-radius:14px;color:inherit;text-decoration:none;background:rgba(255,255,255,.03)}.cp-seo-color-card span:not(.cp-seo-swatch),.cp-seo-palette-card{min-width:0}.cp-seo-color-card strong,.cp-seo-color-card small,.cp-seo-palette-card strong,.cp-seo-palette-card small{display:block}.cp-seo-color-card small,.cp-seo-palette-card small{margin-top:3px;opacity:.72}.cp-seo-swatch{display:inline-block;flex:0 0 auto;width:54px;height:54px;border-radius:12px;border:1px solid rgba(0,0,0,.16);background:var(--cp-seo-swatch)}.cp-seo-palette-card{flex-direction:column;align-items:flex-start}.cp-seo-palette-card__swatches{display:grid;width:100%;grid-template-columns:repeat(5,1fr);overflow:hidden;border-radius:10px}.cp-seo-palette-card__swatches .cp-seo-swatch{width:100%;height:44px;border:0;border-radius:0}.cp-seo-palette-detail{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.cp-seo-related-links{display:flex;flex-wrap:wrap;gap:18px;margin:26px 0}.cp-seo-color-hero{display:grid;grid-template-columns:minmax(140px,240px) 1fr;gap:28px;align-items:stretch;margin:24px 0 36px}.cp-seo-color-hero>.cp-seo-swatch{width:100%;height:auto;min-height:220px;border-radius:22px}.cp-seo-color-hero dl{display:grid;gap:0;margin:0;border:1px solid rgba(127,127,127,.28);border-radius:18px;overflow:hidden}.cp-seo-color-hero dl div{display:grid;grid-template-columns:120px 1fr;gap:18px;padding:16px;border-bottom:1px solid rgba(127,127,127,.2)}.cp-seo-color-hero dl div:last-child{border-bottom:0}.cp-seo-color-hero dt{font-weight:700}.cp-seo-color-hero dd{margin:0}.cp-seo-related{margin-top:34px}.cp-seo-related ul{columns:2;column-gap:32px}.cp-seo-related li{break-inside:avoid;margin:.45em 0}.cp-seo-note,.cp-seo-noindex-note{padding:14px 16px;border-left:4px solid currentColor;background:rgba(127,127,127,.09)}.cp-seo-noindex-note{margin-top:40px;font-size:.9rem;opacity:.78}@media(max-width:700px){.cp-seo-color-hero{grid-template-columns:1fr}.cp-seo-color-hero>.cp-seo-swatch{min-height:180px}.cp-seo-related ul{columns:1}.cp-seo-color-grid,.cp-seo-palette-grid,.cp-seo-palette-detail{grid-template-columns:1fr}}
.cp-seo-index-note{margin-top:40px;padding:14px 16px;border-left:4px solid #166534;background:rgba(22,101,52,.09);font-size:.9rem}.cp-seo-featured-list{max-width:1180px;margin:36px auto;padding:24px;border:1px solid rgba(127,127,127,.26);border-radius:18px;background:rgba(255,255,255,.03)}.cp-seo-featured-list h2{margin-top:0}.cp-seo-featured-list ul{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;list-style:none;margin:0;padding:0}.cp-seo-featured-list a{display:flex;flex-direction:column;gap:5px;height:100%;padding:15px;border:1px solid rgba(127,127,127,.26);border-radius:12px;color:inherit;text-decoration:none}.cp-seo-featured-list a:hover{border-color:currentColor}.cp-seo-featured-list span{font-size:.8rem;opacity:.7;text-transform:uppercase;letter-spacing:.05em}
.cp-seo-lead-copy{font-size:clamp(1.05rem,2vw,1.25rem);line-height:1.65}.cp-seo-lead-copy p{margin:.65em 0}.cp-seo-editorial-section{max-width:860px;margin:42px 0;padding:clamp(20px,3vw,32px);border:1px solid rgba(127,127,127,.26);border-radius:18px;background:rgba(127,127,127,.05)}.cp-seo-editorial-section h2{margin:0 0 14px;font-size:clamp(1.35rem,2.5vw,2rem)}.cp-seo-editorial-section p{line-height:1.75}.cp-seo-related-article{max-width:860px;margin:36px 0;padding:20px 22px;border-left:5px solid currentColor;background:rgba(127,127,127,.08)}.cp-seo-related-article p{margin:0 0 5px;font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;opacity:.7}.cp-seo-related-article a{font-size:1.08rem;font-weight:700}
.cp-seo-featured-list--list ul{grid-template-columns:1fr}.cp-seo-featured-list__type{font-size:.78rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;opacity:.72}.cp-seo-featured-list__excerpt{font-size:.94rem;line-height:1.55;letter-spacing:normal;text-transform:none;opacity:.82}.cp-seo-featured-list__cta{margin-top:auto;padding-top:8px;font-size:.86rem;font-weight:700;letter-spacing:normal;text-transform:none;opacity:1}.cp-seo-featured-list__item a:focus-visible{outline:3px solid currentColor;outline-offset:3px}@media(max-width:700px){.cp-seo-featured-list{margin:24px auto;padding:16px}.cp-seo-featured-list ul{grid-template-columns:1fr}}
.cp-seo-card-stack{display:flex;min-width:0;flex-direction:column;gap:7px}.cp-seo-card-stack>.cp-seo-color-card,.cp-seo-card-stack>.cp-seo-palette-card{height:auto;flex:1}.cp-seo-secondary-link{display:inline-flex;align-self:flex-start;padding:5px 9px;border-radius:999px;color:inherit;font-size:.82rem;font-weight:700;text-decoration:underline;text-underline-offset:3px}.cp-seo-card-action{display:block;margin-top:7px;font-size:.78rem;font-weight:700;opacity:.88}.cp-seo-color-card:hover,.cp-seo-palette-card:hover{border-color:currentColor}.cp-seo-color-card:focus-visible,.cp-seo-palette-card:focus-visible,.cp-seo-secondary-link:focus-visible{outline:3px solid currentColor;outline-offset:3px}.cp-seo-featured-list__item{display:flex;min-width:0;flex-direction:column;gap:7px}.cp-seo-featured-list__item>.cp-seo-secondary-link{height:auto;padding:5px 9px;border:0} .cp-seo-color-grid .cp-seo-card-action{max-height:0;margin-top:0;overflow:hidden;opacity:0;transform:translateY(3px);transition:opacity .16s ease,transform .16s ease,max-height .16s ease,margin-top .16s ease}.cp-seo-color-grid .cp-seo-color-card:hover .cp-seo-card-action,.cp-seo-color-grid .cp-seo-color-card:focus-visible .cp-seo-card-action,.cp-seo-color-grid .cp-seo-color-card:focus-within .cp-seo-card-action{max-height:2em;margin-top:7px;opacity:.88;transform:none}@media(hover:none){.cp-seo-color-grid .cp-seo-card-action{display:none}} .cp-seo-theme-structure,.cp-seo-theme-palettes,.cp-seo-faq{margin:clamp(38px,6vw,72px) 0}.cp-seo-section-kicker{margin:0 0 8px;font-size:.76rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase;opacity:.7}.cp-seo-theme-structure h2,.cp-seo-theme-palettes h2,.cp-seo-faq h2{max-width:880px;margin:0 0 14px;font-size:clamp(1.55rem,3vw,2.45rem);line-height:1.18}.cp-seo-section-intro{max-width:880px;margin:0 0 24px;font-size:1.06rem;line-height:1.72}.cp-seo-role-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;list-style:none;margin:26px 0 0;padding:0}.cp-seo-role-card{display:flex;gap:12px;min-width:0;padding:18px 16px;border:1px solid rgba(127,127,127,.26);border-radius:16px;background:rgba(127,127,127,.045)}.cp-seo-role-card__number{display:grid;flex:0 0 30px;width:30px;height:30px;place-items:center;border:1px solid currentColor;border-radius:50%;font-size:.78rem;font-weight:800}.cp-seo-role-card h3{margin:2px 0 7px;font-size:1rem}.cp-seo-role-card p{margin:0;font-size:.92rem;line-height:1.58;opacity:.86}.cp-seo-help-note{display:flex;gap:12px;max-width:880px;margin:24px 0 0;padding:17px 18px;border-left:4px solid currentColor;border-radius:0 12px 12px 0;background:rgba(127,127,127,.08);line-height:1.62}.cp-seo-help-note>span:first-child{font-weight:800}.cp-seo-faq__list{display:grid;max-width:920px;gap:10px;margin-top:24px}.cp-seo-faq__item{border:1px solid rgba(127,127,127,.26);border-radius:14px;background:rgba(127,127,127,.035);overflow:hidden}.cp-seo-faq__item summary{position:relative;padding:18px 52px 18px 18px;cursor:pointer;font-weight:750;line-height:1.45;list-style:none}.cp-seo-faq__item summary::-webkit-details-marker{display:none}.cp-seo-faq__item summary:after{content:"+";position:absolute;top:50%;right:18px;transform:translateY(-50%);font-size:1.35rem;font-weight:400}.cp-seo-faq__item[open] summary:after{content:"−"}.cp-seo-faq__item div{padding:0 18px 18px}.cp-seo-faq__item p{max-width:820px;margin:0;line-height:1.7}.cp-seo-faq__item summary:focus-visible{outline:3px solid currentColor;outline-offset:-4px}@media(max-width:980px){.cp-seo-role-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.cp-seo-role-grid{grid-template-columns:1fr}.cp-seo-role-card{padding:16px 14px}.cp-seo-theme-structure,.cp-seo-theme-palettes,.cp-seo-faq{margin:36px 0}.cp-seo-faq__item summary{padding:16px 48px 16px 15px}.cp-seo-faq__item div{padding:0 15px 16px}} .cp-atlas-seo-route-theme .jo-atlas-theme-guide{isolation:isolate;width:100vw;max-width:none!important;margin-right:calc(50% - 50vw)!important;margin-left:calc(50% - 50vw)!important;overflow:hidden}
.cp-atlas-seo-route-theme .jo-atlas-theme-guide .cp-seo-breadcrumbs{margin:0 0 30px;padding:0;color:var(--jo-muted,#6e6a63)}
.cp-atlas-seo-route-theme .jo-atlas-theme-guide .cp-seo-breadcrumbs a{font-weight:700;text-decoration:none}
.cp-atlas-seo-route-theme .jo-atlas-theme-guide .jo-lead>p:first-child{margin-top:0}
.cp-atlas-seo-route-theme .jo-atlas-theme-guide .jo-lead>p:last-child{margin-bottom:0}
.cp-atlas-seo-route-theme .jo-atlas-theme-guide .jo-demo-board .jo-swatches--large{margin:0 0 18px}
.cp-atlas-seo-route-theme .jo-atlas-theme-guide .jo-info-card>p:last-child{margin-bottom:0}
.cp-atlas-seo-route-theme .jo-atlas-theme-guide .jo-info-card .jo-icon{margin-bottom:22px}
.cp-atlas-seo-route-theme .jo-atlas-theme-guide .jo-card .jo-swatches--large{margin:14px 0 18px}
.cp-atlas-seo-route-theme .jo-atlas-theme-guide .jo-card-actions .cp-seo-secondary-link{border:1px solid var(--jo-line,#ded8cf);text-decoration:none}
.cp-atlas-seo-route-theme .jo-atlas-theme-guide .jo-section--dark .jo-lead{margin-inline:auto}
@media(max-width:940px) and (min-width:681px){.cp-atlas-seo-route-theme .jo-atlas-theme-guide .jo-atlas-role-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.cp-atlas-seo-route-theme .jo-atlas-theme-guide{width:100vw}.cp-atlas-seo-route-theme .jo-atlas-theme-guide .jo-demo-board{padding:20px}.cp-atlas-seo-route-theme .jo-atlas-theme-guide .jo-step{grid-template-columns:38px 1fr}.cp-atlas-seo-route-theme .jo-atlas-theme-guide .jo-step>span{width:38px;height:38px}}
.cp-atlas-seo-route-theme .jo-atlas-theme-guide h1,.cp-atlas-seo-route-theme .jo-atlas-theme-guide h2,.cp-atlas-seo-route-theme .jo-atlas-theme-guide h3{text-transform:none!important}
.cp-atlas-seo-route-theme .jo-atlas-theme-guide h1{max-width:760px;font-size:clamp(2.65rem,5vw,4.75rem);line-height:1.01}
.cp-atlas-seo-route-theme .jo-atlas-theme-guide .jo-meta-list{color:#625b5d;font-size:.86rem}
.cp-atlas-seo-route-theme .jo-atlas-theme-guide .jo-atlas-role-grid{grid-template-columns:repeat(6,minmax(0,1fr));align-items:stretch}
.cp-atlas-seo-route-theme .jo-atlas-theme-guide .jo-atlas-role-grid>.jo-info-card{grid-column:span 2;height:100%}
.cp-atlas-seo-route-theme .jo-atlas-theme-guide .jo-atlas-role-grid>.jo-info-card:nth-child(4){grid-column:2/span 2}
.cp-atlas-seo-route-theme .jo-atlas-theme-guide .jo-atlas-role-grid>.jo-info-card:nth-child(5){grid-column:4/span 2}
.cp-atlas-seo-route-theme .jo-atlas-theme-guide .jo-info-card small{line-height:1.45;text-wrap:balance}
.cp-atlas-seo-route-theme .jo-atlas-theme-guide .jo-card-body p,.cp-atlas-seo-route-theme .jo-atlas-theme-guide .jo-info-card p{color:#625b5d;font-size:.94rem;line-height:1.68}
.cp-atlas-seo-route-theme .jo-atlas-theme-guide .jo-demo-board .jo-step p{color:#625b5d;font-size:.78rem;line-height:1.45}
.cp-atlas-seo-route-theme .jo-atlas-theme-guide .jo-atlas-brand-context{margin:0 0 28px}
.cp-atlas-seo-route-theme .jo-atlas-theme-guide .jo-atlas-related{margin-top:48px;padding-top:40px;border-top:1px solid var(--jo-line,#ded8cf)}
.cp-atlas-seo-route-theme .jo-atlas-theme-guide .jo-atlas-related .jo-section-head{margin-bottom:24px}
.cp-atlas-seo-route-theme .jo-atlas-theme-guide .jo-atlas-related-card{display:flex;min-height:100%;flex-direction:column;color:inherit;text-decoration:none!important;transition:transform .22s ease,box-shadow .22s ease}
.cp-atlas-seo-route-theme .jo-atlas-theme-guide .jo-atlas-related-card:hover{transform:translateY(-4px);box-shadow:var(--jo-shadow-sm,0 10px 30px rgba(37,35,31,.07))}
.cp-atlas-seo-route-theme .jo-atlas-theme-guide .jo-atlas-related-card .jo-link{margin-top:auto;padding-top:20px;color:var(--jo-text,#25231f)}
@media(max-width:940px) and (min-width:681px){.cp-atlas-seo-route-theme .jo-atlas-theme-guide .jo-atlas-role-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cp-atlas-seo-route-theme .jo-atlas-theme-guide .jo-atlas-role-grid>.jo-info-card{grid-column:auto}.cp-atlas-seo-route-theme .jo-atlas-theme-guide .jo-atlas-role-grid>.jo-info-card:nth-child(5){grid-column:1/-1;width:calc(50% - 9px);justify-self:center}}
@media(max-width:680px){.cp-atlas-seo-route-theme .jo-atlas-theme-guide h1{font-size:clamp(2.35rem,12vw,3.55rem)}.cp-atlas-seo-route-theme .jo-atlas-theme-guide .jo-atlas-role-grid{grid-template-columns:1fr}.cp-atlas-seo-route-theme .jo-atlas-theme-guide .jo-atlas-role-grid>.jo-info-card,.cp-atlas-seo-route-theme .jo-atlas-theme-guide .jo-atlas-role-grid>.jo-info-card:nth-child(4),.cp-atlas-seo-route-theme .jo-atlas-theme-guide .jo-atlas-role-grid>.jo-info-card:nth-child(5){grid-column:auto;width:auto}}
.cp-seo-pillar-final{max-width:1180px;margin:36px auto;padding:24px;border:1px solid rgba(127,127,127,.26);border-radius:18px;background:rgba(255,255,255,.03)}.cp-seo-pillar-final h2{margin-top:0}.cp-seo-pillar-final__intro{max-width:760px;margin:0 0 18px;line-height:1.65}.cp-seo-pillar-final__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;list-style:none;margin:0;padding:0}.cp-seo-pillar-final__item{display:flex;min-width:0;flex-direction:column;gap:7px}.cp-seo-pillar-final__primary{display:flex;min-height:100%;flex-direction:column;gap:6px;padding:15px;border:1px solid rgba(127,127,127,.26);border-radius:12px;color:inherit;text-decoration:none}.cp-seo-pillar-final__primary:hover{border-color:currentColor}.cp-seo-pillar-final__type{font-size:.78rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;opacity:.72}.cp-seo-pillar-final__meta{font-size:.9rem;line-height:1.45;opacity:.82}.cp-seo-pillar-final__cta{margin-top:auto;padding-top:8px;font-size:.86rem;font-weight:800}.cp-seo-pillar-final__stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;margin:18px 0;padding:0}.cp-seo-pillar-final__stats div{padding:14px;border:1px solid rgba(127,127,127,.22);border-radius:14px}.cp-seo-pillar-final__stats dt{font-size:.78rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;opacity:.72}.cp-seo-pillar-final__stats dd{margin:4px 0 0;font-size:1.45rem;font-weight:900}.cp-seo-pillar-final__actions{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0 0}@media(max-width:700px){.cp-seo-pillar-final{margin:24px auto;padding:16px}.cp-seo-pillar-final__grid{grid-template-columns:1fr}.cp-seo-pillar-final__actions{flex-direction:column}}