/* Selected V2 elements on the canonical homepage only. Preserve V1 section styling. */
.home-v2-header.atlas-header{
  display:block;width:100%;max-width:none;min-height:0;margin:0;
  padding:0 max(48px,calc((100% - 1320px)/2));background:#121a17;color:#f7f6f1;border:0;
}
.home-v2-header .ss-topbar{display:flex;justify-content:space-between;gap:24px;border-bottom:1px solid rgba(255,255,255,.16);padding:11px 0;color:#a8b8ad;font-size:10px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}
.home-v2-header .ss-nav{min-height:95px;display:flex;align-items:center;gap:38px}
.home-v2-header .ss-nav .atlas-brand{margin-right:auto;flex:none;line-height:0}
.home-v2-header .ss-nav .ss-brand-logo{display:block;width:210px;max-width:210px;height:auto;max-height:50px;object-fit:contain}
.home-v2-header .ss-nav nav{display:flex;gap:30px;align-items:center}
.home-v2-header .ss-nav nav a{text-decoration:none;font-size:12px;font-weight:700;letter-spacing:.01em;color:#d1dad2;white-space:nowrap}
.home-v2-header .ss-nav nav a:hover,.home-v2-header .ss-nav nav a[aria-current]{color:#fff;text-decoration:underline;text-decoration-color:#ed704a;text-underline-offset:8px}
.home-v2-header .ss-nav-cta{border:1px solid rgba(241,247,238,.54);border-radius:7px;min-height:43px;display:inline-flex;align-items:center;gap:22px;padding:0 16px;color:#fff;text-decoration:none;font-size:12px;font-weight:700;white-space:nowrap;transition:background .18s,border-color .18s}
.home-v2-header .ss-nav-cta:hover{background:#f5f5ee;color:#121a17}
.home-v2-header .ss-nav-cta span{color:#ed704a}
.home-v2-header a:focus-visible,.ss-hero-tool button:focus-visible,.ss-hero-tool input:focus-visible,.domain-toggle:focus-visible,.ss-endline-inner a:focus-visible{outline:3px solid #ed704a;outline-offset:4px}

/* The V2 search component takes the old right-hero text/metric position. */
.atlas-hero .ss-hero-tool{align-self:center;min-width:0;background:#e3ede0;border:1px solid #c9d8ca;border-radius:11px;padding:clamp(24px,2.7vw,35px);box-shadow:0 9px 30px rgba(22,48,28,.045);color:#20392a}
.ss-hero-tool-top{display:flex;justify-content:space-between;align-items:center;gap:12px;color:#56745e;font-size:10px;font-weight:700;letter-spacing:.09em;text-transform:uppercase}
.ss-hero-tool h2{font:400 clamp(35px,3.1vw,48px)/1.04 var(--serif);letter-spacing:-.033em;margin:28px 0 12px;color:#20392a}
.ss-hero-tool h2 em{font-weight:400;color:#52775b}
.ss-hero-tool>p{font-size:13px;line-height:1.65;max-width:38ch;margin:0 0 25px;color:#506552}
.ss-hero-search label{display:block;margin-bottom:9px;font-size:11px;font-weight:700;letter-spacing:.015em;color:#385841}
.ss-hero-search-line{display:flex;min-width:0;min-height:52px;background:#fff;border:1px solid #acbfad;border-radius:7px;overflow:hidden;transition:border-color .2s,box-shadow .2s}
.ss-hero-search-line:hover{border-color:#6f9475}
.ss-hero-search-line:focus-within{border-color:#386945;box-shadow:0 0 0 3px rgba(71,115,80,.18)}
.ss-hero-search-line input{flex:1;min-width:0;width:100%;border:0;background:transparent;padding:0 13px;font:400 13px/1.3 var(--sans);color:#1b251f;outline:none}
.ss-hero-search-line input::placeholder{color:#87948a}
.ss-hero-search-line input:focus-visible{outline:none}
.ss-hero-search-line button{display:inline-flex;align-items:center;justify-content:center;gap:10px;flex:none;border:0;border-left:1px solid #152a1e;background:#1c3526;color:#fff;min-width:93px;padding:0 13px;font:700 12px/1.2 var(--sans);cursor:pointer}
.ss-hero-search-line button:hover{background:#356446}
.ss-hero-search-line button:focus-visible{outline:3px solid #ed704a;outline-offset:-4px}
.ss-hero-search-line button span{font-size:18px;font-weight:400}
.ss-home-search-feedback{font-size:12px;line-height:1.5;color:#385841;margin:12px 0 0}
.ss-home-search-feedback[hidden]{display:none!important}
.ss-hero-examples{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:21px}
.ss-hero-examples>span{flex-basis:100%;color:#59725e;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;margin-bottom:1px}
.ss-hero-examples a{display:inline-flex;align-items:center;gap:7px;border:1px solid #b7cbb9;border-radius:5px;padding:8px 10px;font-size:11px;text-decoration:none;background:#f8faf6;line-height:1.2;color:#355441;transition:background .18s,border-color .18s}
.ss-hero-examples a:hover{background:#fff;border-color:#709b78}
.ss-hero-examples a span{font-size:12px}

/* Eight domains: only the title/description is visible until a + is selected. */
.atlas-index .domain-section:last-of-type{border-bottom:0}
.atlas-index .domain-section-head{grid-template-columns:160px minmax(0,1fr) 150px 72px}
.domain-toggle{grid-column:4;align-self:start;justify-self:end;display:flex;align-items:center;justify-content:center;min-width:68px;min-height:68px;padding:0;border:1px solid currentColor;border-radius:50%;background:transparent;color:var(--ink);font:400 50px/1 var(--sans);cursor:pointer;transition:background .2s,color .2s}
.domain-toggle:hover,.domain-toggle[aria-expanded="true"]{background:var(--ink);color:var(--paper)}
.domain-toggle-symbol{display:block;transform:translateY(-3px)}
.atlas-index .domain-section .domain-side-list[hidden]{display:none!important}
.atlas-index .domain-section:not(.is-open){padding-bottom:52px}
.domain-side.is-search-match{background:#e4dbc8;padding-left:12px;padding-right:10px}
.domain-side.is-search-match b{opacity:1;transform:none}

/* V2 closing line; white continuity instead of the final black rule. */
.ss-home-endline{background:var(--paper);color:#607365}
.ss-endline-inner{width:min(1320px,calc(100% - 96px));min-height:110px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:12px}
.ss-endline-inner span{font-family:var(--serif);font-size:25px;color:var(--ink)}
.ss-endline-inner a{text-decoration:none;font-weight:700}
.ss-endline-inner a:hover{text-decoration:underline;text-underline-offset:5px}
@media(max-width:1100px){
  .home-v2-header.atlas-header{padding:0 28px}
  .home-v2-header .ss-nav{gap:15px}
  .home-v2-header .ss-nav nav{gap:16px}
  .home-v2-header .ss-nav .ss-brand-logo{width:165px;max-width:165px}
  .atlas-index .domain-section-head{grid-template-columns:110px minmax(0,1fr) 110px 64px;gap:25px}
  .domain-toggle{min-width:60px;min-height:60px;font-size:46px}
}
@media(max-width:900px){
  .atlas-index .domain-section-head{grid-template-columns:110px minmax(0,1fr) 60px;gap:22px}
  .atlas-index .domain-section-head .domain-back{display:none}
  .domain-toggle{grid-column:3}
}
@media(max-width:760px){
  .home-v2-header.atlas-header{padding:0 19px}
  .home-v2-header .ss-topbar{font-size:9px}
  .home-v2-header .ss-topbar span:last-child{display:none}
  .home-v2-header .ss-nav{min-height:76px;flex-wrap:wrap;padding:13px 0;gap:14px;row-gap:10px}
  .home-v2-header .ss-nav .ss-brand-logo{width:170px;max-width:170px}
  .home-v2-header .ss-nav nav{order:3;width:100%;justify-content:space-between;gap:10px;border-top:1px solid #3a493e;padding-top:10px;min-height:45px}
  .home-v2-header .ss-nav nav a{display:inline-flex;align-items:center;min-height:38px;font-size:11px}
  .home-v2-header .ss-nav-cta{min-height:35px;padding:0 10px;gap:10px;font-size:10px}
  .ss-endline-inner{width:calc(100% - 38px);flex-wrap:wrap;padding:24px 0;min-height:96px}
  .ss-endline-inner p{margin:0}
}
@media(max-width:620px){
  .atlas-index .domain-section-head{grid-template-columns:minmax(0,1fr) 62px;gap:22px;margin-bottom:25px}
  .atlas-index .domain-section-id{grid-column:1;grid-row:1}
  .atlas-index .domain-section-head>div:nth-child(2){grid-column:1 / -1;grid-row:2}
  .domain-toggle{grid-column:2;grid-row:1;min-width:58px;min-height:58px;font-size:42px}
  .atlas-index .domain-section:not(.is-open){padding-bottom:40px}
  .ss-hero-tool h2{font-size:clamp(38px,8vw,49px);margin:20px 0 10px}
  .ss-hero-tool>p{margin-bottom:18px}
}
@media(max-width:440px){
  .home-v2-header .ss-nav .ss-brand-logo{width:136px;max-width:136px}
  .home-v2-header .ss-nav nav a{font-size:10px}
  .home-v2-header .ss-nav-cta{gap:6px}
  .atlas-hero .ss-hero-tool{padding:21px}
  .ss-hero-tool-top{flex-wrap:wrap}
  .ss-hero-search-line input{padding-inline:10px;font-size:12px}
  .ss-hero-search-line button{min-width:76px;padding-inline:9px;gap:6px}
  .ss-hero-examples a{padding:8px;font-size:10px}
  .ss-endline-inner{gap:12px}
  .ss-endline-inner p{flex-basis:100%;order:3}
}
@media(prefers-reduced-motion:reduce){
  .domain-toggle,.ss-hero-search-line,.ss-hero-search-line button,.ss-hero-examples a{transition:none}
}

/* Professional destinations use the Professional Learning green on interaction. */
.home-v2-header .ss-nav nav a[href="/professional-learning/"]:is(:hover,:focus-visible){
  color:#b5d2b2;text-decoration-color:#b5d2b2;
}
.home-v2-header .ss-nav-cta:is(:hover,:focus-visible){
  background:#b5d2b2;border-color:#b5d2b2;color:#121a17;
}
.home-v2-header .ss-nav-cta:is(:hover,:focus-visible) span{color:#355d42}
.home-v2-header .ss-nav nav a[href="/professional-learning/"]:focus-visible,
.home-v2-header .ss-nav-cta:focus-visible{outline-color:#b5d2b2}
