.cc-catidx-page{gap:clamp(24px,3vw,36px);max-width:1400px;margin:0 auto;padding:clamp(8px,2vw,20px) clamp(16px,4vw,40px) clamp(48px,6vw,80px);display:grid}.cc-catidx-hero{grid-template-columns:minmax(0,1fr);grid-template-areas:"intro""stats""find";gap:18px;padding-top:clamp(4px,1.6vw,12px);display:grid;position:relative}.cc-catidx-intro{grid-area:intro;min-width:0}.cc-catidx-find{grid-area:find;align-content:start;gap:14px;min-width:0;display:grid}.cc-catidx-art{display:none}.cc-catidx-eyebrow{font-size:max(11px, var(--cc-reader-floor,12px));letter-spacing:.12em;text-transform:uppercase;color:var(--xp-blue);margin-bottom:14px;font-weight:700;line-height:1.6}.cc-catidx-eyebrow>span{white-space:nowrap}.cc-catidx-h1{font-family:var(--xp-display);letter-spacing:-.035em;color:var(--xp-ink);text-wrap:balance;margin:0;font-size:clamp(38px,4.2vw,56px);font-weight:700;line-height:1.04}.cc-catidx-h1-line{display:inline}.cc-catidx-h1-key{color:inherit}.cc-catidx-lede{max-width:620px;color:var(--xp-muted);margin:14px 0 0;font-size:16px;line-height:1.5}.cc-catidx .cc-catidx-search{background:#fff;border-radius:14px;flex:none;min-height:56px;padding:0 5px 0 16px}.cc-catidx .cc-catidx-search input{font-size:15px}.cc-catidx .cc-catidx-search>svg{color:var(--xp-dim);flex:none}.cc-platform-main.is-platform-page .cc-catidx .cc-catidx-search-btn,.cc-catidx .cc-catidx-search-btn{background:var(--xp-blue-fill);color:#fff;width:46px;height:46px;box-shadow:var(--xp-cta-shadow);cursor:pointer;transition:background-color var(--xp-fast) var(--xp-ease);border:0;border-radius:11px;flex:none;place-items:center;padding:0;display:inline-grid}.cc-platform-main.is-platform-page .cc-catidx .cc-catidx-search-btn:hover,.cc-catidx .cc-catidx-search-btn:hover{background:var(--xp-blue-deep);transform:none}.cc-catidx .cc-catidx-search-btn:focus-visible{outline:2px solid var(--xp-blue-fill);outline-offset:2px}.cc-catidx-starts{color:var(--xp-muted);flex-wrap:wrap;align-items:center;gap:8px 6px;font-size:13px;display:flex}.cc-catidx-starts>span{margin-right:2px}.cc-catidx-start{border:1px solid var(--xp-line);min-height:30px;color:var(--xp-ink);background:#fff;border-radius:999px;align-items:center;padding:0 11px;font-size:13px;text-decoration:none;display:inline-flex}.cc-catidx-start:hover{border-color:var(--xp-blue);color:var(--xp-blue)}.cc-catidx-stats{align-self:start;gap:var(--pt-space-3);grid-area:stats;align-content:start;display:grid}.cc-catidx-how-stats{gap:var(--pt-space-3);padding-bottom:var(--pt-space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.cc-catidx-how .cc-catidx-more{padding-top:var(--pt-space-3);border-top:1px solid var(--pt-line)}.cc-catidx-more{min-height:24px;color:var(--xp-blue);white-space:nowrap;align-items:center;gap:5px;font-size:13px;font-weight:700;text-decoration:none;display:inline-flex}.cc-platform-main.is-platform-page .cc-catidx button.cc-catidx-more{font:inherit;color:var(--xp-blue);cursor:pointer;background:0 0;border:0;border-radius:6px;padding:0;font-size:13px;font-weight:700}.cc-platform-main.is-platform-page .cc-catidx button.cc-catidx-more:hover{transform:none}.cc-catidx-more:hover{text-decoration:underline}@media (width>=761px){.cc-catidx-hero{grid-template-columns:minmax(0,1fr) 236px;grid-template-areas:"intro stats""find stats";gap:22px 40px}.cc-catidx-how-stats{grid-template-columns:minmax(0,1fr)}}@media (width>=1200px){.cc-catidx-hero{grid-template-columns:minmax(0,1fr) 300px 224px;grid-template-areas:"intro art stats""find art stats";column-gap:24px}.cc-catidx-art{pointer-events:none;grid-area:art;align-self:center;width:100%;height:306px;margin:-16px 0 -18px;display:block;position:relative}.cc-catidx-art-halo{aspect-ratio:1;background:radial-gradient(circle, #fffffff2 0%, #ffffffd9 44%, rgba(var(--xp-blue-rgb), .08) 62%, rgba(var(--xp-blue-rgb), 0) 72%);border-radius:50%;width:92%;position:absolute;top:-2%;left:4%}.cc-catidx-art-globe{border-image:image-set("/brand/portal/explore-globe-560.avif" 1x type("image/avif"),"/brand/portal/explore-globe-560.webp" 1x type("image/webp")) 0 fill/0;width:284px;height:284px;display:block;position:absolute;top:10px;left:calc(50% - 142px)}.cc-catidx-art-cubes{width:100%;height:100%;position:absolute;inset:0;overflow:visible}}.cc-catidx-page .cc-catidx-modes{justify-self:start;width:min(100%,440px);scroll-margin-top:96px}.cc-catidx-page .cc-catidx-modes .cc-xp-tab{flex:1 0 auto;justify-content:center;font-size:14px}.cc-catidx-results{gap:8px;display:grid}.cc-catidx-results-count{color:var(--xp-muted);margin:0;padding:0 14px;font-size:13px}.cc-catidx-goalview{grid-template-columns:minmax(0,1fr);grid-template-areas:"goals""side""fresh";align-items:start;gap:20px;display:grid}.cc-catidx-goals,.cc-catidx-fresh{border:1px solid var(--xp-line);box-shadow:var(--xp-elev);background:#ffffffb8;border-radius:18px;gap:14px;padding:18px;display:grid}.cc-catidx-goals{grid-area:goals}.cc-catidx-fresh{grid-area:fresh}.cc-catidx-panel-head{grid-template-columns:minmax(0,1fr) auto;align-items:baseline;column-gap:16px;display:grid}.cc-catidx-panel-head>p{grid-column:1/-1}.cc-catidx-panel-head h2{font-family:var(--xp-display);letter-spacing:-.02em;color:var(--xp-ink);margin:0;font-size:20px;font-weight:700;line-height:1.2}.cc-catidx-panel-head p{color:var(--xp-muted);margin:4px 0 0;font-size:14px;line-height:1.45}.cc-catidx-nowrap{white-space:nowrap}.cc-catidx-goalgrid{grid-template-columns:minmax(0,1fr);gap:12px;display:grid}.cc-catidx-goalcard{border:1px solid var(--xp-line);background:#fff;border-radius:16px;grid-template-columns:44px minmax(0,1fr);grid-template-areas:"ic txt""links links";align-content:start;gap:10px 12px;padding:16px;display:grid}.cc-catidx-goalcard-ic{grid-area:ic}.cc-catidx-goalcard-txt{grid-area:txt;min-width:0}.cc-catidx-goalcard h3{letter-spacing:-.01em;color:var(--xp-ink);margin:0;font-size:16px;font-weight:700;line-height:1.25}.cc-catidx-goalcard p{color:var(--xp-muted);margin:3px 0 0;font-size:13px;line-height:1.45}.cc-catidx-goalcard ul{border-top:1px solid var(--xp-line);grid-area:links;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 12px;margin:0;padding:8px 0 0;list-style:none;display:grid}.cc-catidx-goalcard li{align-items:center;min-height:28px;display:flex}.cc-catidx-goalcard a{color:var(--xp-blue);padding:5px 0;font-size:13px;font-weight:600;line-height:1.25;text-decoration:none;display:inline-block}.cc-catidx-goalcard a svg{vertical-align:-1px;opacity:.7;margin-left:4px;display:inline-block}.cc-catidx-goalcard a:hover{text-decoration:underline}.cc-catidx-fresh-list{grid-template-columns:minmax(0,1fr);gap:8px;margin:0;padding:0;list-style:none;display:grid}.cc-catidx-fresh-card{border:1px solid var(--xp-line);height:100%;min-height:56px;color:var(--xp-ink);transition:border-color var(--xp-fast) var(--xp-ease);background:#fff;border-radius:14px;grid-template-columns:36px minmax(0,1fr);grid-template-areas:"ic txt""ic pill";align-items:start;gap:6px 12px;padding:10px 12px;text-decoration:none;display:grid}.cc-catidx-fresh-card:hover{border-color:rgba(var(--xp-blue-rgb), .45)}.cc-catidx-fresh-ic{background:var(--xp-blue-bg);width:36px;height:36px;color:var(--xp-blue);border-radius:10px;grid-area:ic;place-items:center;display:inline-grid}.cc-catidx-fresh-txt{grid-area:txt;min-width:0;display:grid}.cc-catidx-fresh-txt b{color:var(--xp-ink);font-size:14px;font-weight:700;line-height:1.25}.cc-catidx-fresh-txt small{font-size:max(12px, var(--cc-reader-floor,12px));color:var(--xp-muted)}.cc-catidx-fresh-pill{background:var(--xp-blue-bg);color:var(--pt-blue-ink);font-size:max(12px, var(--cc-reader-floor,12px));white-space:nowrap;border-radius:999px;grid-area:pill;justify-self:start;align-items:center;gap:4px;padding:2px 8px;font-weight:700;display:inline-flex}.cc-catidx-fresh-pill>svg{color:var(--xp-blue)}.cc-catidx-side{grid-area:side;align-content:start;gap:20px;display:grid}.cc-catidx-fmb{border:1px solid var(--xp-line);box-shadow:var(--xp-elev);background:#fff;background:var(--pt-wash);border-radius:18px;grid-template-columns:minmax(0,1fr) 88px;grid-template-areas:"body art""checks checks";align-content:start;align-items:start;gap:14px;padding:20px;display:grid}.cc-catidx-fmb-body{grid-area:body;gap:8px;min-width:0;display:grid}.cc-catidx-fmb-eyebrow{font-size:max(12px, var(--cc-reader-floor,12px));color:var(--xp-blue-deep);font-weight:700}.cc-catidx-fmb h2{font-family:var(--xp-display);letter-spacing:-.02em;color:var(--xp-ink);margin:0;font-size:20px;font-weight:700;line-height:1.2}.cc-catidx-fmb p{color:var(--xp-muted);margin:0;font-size:14px;line-height:1.5}.cc-catidx-fmb .cc-xp-btn{justify-self:start;margin-top:6px}.cc-catidx-compass{grid-area:art;justify-self:end;width:88px;height:auto}.cc-catidx-fmb-checks{border:1px solid var(--xp-line);background:#fff;border-radius:14px;grid-area:checks;gap:8px;margin:0;padding:12px 14px;list-style:none;display:grid}.cc-catidx-fmb-checks li{color:var(--xp-ink);align-items:flex-start;gap:8px;font-size:13px;line-height:1.4;display:flex}.cc-catidx-fmb-checks li>svg{color:var(--xp-blue);flex:none;margin-top:2px}@media (width>=640px){.cc-catidx-goals,.cc-catidx-fresh{padding:22px}.cc-catidx-goalgrid{grid-template-columns:repeat(2,minmax(0,1fr))}.cc-catidx-goalcard{grid-template-columns:minmax(0,1fr);grid-template-areas:"ic""txt""links";gap:10px}.cc-catidx-goalcard ul{grid-template-columns:minmax(0,1fr)}.cc-catidx-fresh-list{grid-template-columns:repeat(auto-fill,minmax(190px,1fr))}.cc-catidx-fmb{grid-template-columns:minmax(0,1fr) 112px minmax(0,220px);grid-template-areas:"body art checks";align-items:center}.cc-catidx-compass{justify-self:center;width:104px}}@media (width>=1024px){.cc-catidx-page{padding-inline:0}.cc-catidx-goalgrid{grid-template-columns:repeat(4,minmax(0,1fr))}.cc-catidx-fresh-list{grid-template-columns:repeat(5,minmax(0,1fr))}}@media (width>=1360px){.cc-catidx-goalview{grid-template-columns:minmax(0,1fr) 360px;grid-template-areas:"goals side""fresh fresh"}.cc-catidx-side{grid-template-columns:minmax(0,1fr);align-self:stretch}.cc-catidx-side>.cc-catidx-fmb{top:calc(var(--cc-nav-h,56px) + 24px);position:sticky}.cc-catidx-fmb{grid-template-columns:minmax(0,1fr) 96px;grid-template-areas:"body art""checks checks";align-items:start}}@media (width<=760px){.cc-catidx-page .cc-catidx-modes{width:100%}.cc-catidx-lede{font-size:16px}.cc-catidx-panel-head h2,.cc-catidx-fmb h2{font-size:18px}}@media (prefers-reduced-motion:reduce){.cc-catidx .cc-catidx-search-btn,.cc-catidx-fresh-card{transition:none}}.cc-catidx-family{scroll-margin-top:calc(var(--cc-nav-h,56px) + 16px)}
