/* No, Pero Why? — product reset.
   Shared visual tokens stay fixed; composition changes by audience and page job.
   No gradients, glass, soft shadows, or dot-string metadata. */
:root{
  --pr-ink:#142b46;--pr-blue:#124dec;--pr-gold:#ffdc52;--pr-pink:#c2185b;
  --pr-sky:#eaf1ff;--pr-cream:#fff4cf;--pr-paper:#fff;--pr-aqua:#63e2dc;
  --pr-line:#c9d4ea;--pr-r:22px;--pr-r-lg:30px;
}
#main :is(.student-router,.student-space,.discovery,.search-utility,.resource-home,.reader-library,.printable-library,.family-calm,.teacher-home,.teacher-library-page){
  color:var(--pr-ink);font-family:'Pero Text',system-ui,sans-serif;
}
#main :is(.student-router,.student-space,.discovery,.search-utility,.resource-home,.reader-library,.printable-library,.family-calm,.teacher-home,.teacher-library-page) :is(h1,h2,h3){
  font-family:'Pero Display',sans-serif!important;color:var(--pr-ink);
}
#main :is(.student-router,.student-space,.discovery,.search-utility,.resource-home,.reader-library,.printable-library,.family-calm,.teacher-home,.teacher-library-page) a:focus-visible{
  outline:3px solid var(--pr-pink);outline-offset:4px;
}

/* ---------- Homepage: seven jobs, seven distinct beats ---------- */
#main#main .hm-reset-hero{display:grid;grid-template-columns:minmax(0,.9fr) minmax(420px,1.1fr);gap:clamp(36px,6vw,90px);align-items:center;padding:clamp(58px,8vw,108px) 0}
#main#main .hm-reset-kicker{margin:0 0 12px!important;font-size:.82rem!important;font-weight:850!important;color:var(--pr-blue)!important}
#main#main .hm-reset-copy h1{margin:0!important;max-width:11ch;font-size:clamp(4rem,7.8vw,8.2rem)!important;line-height:.88!important;letter-spacing:-.03em!important}
#main#main .hm-reset-copy>p:not(.hm-reset-kicker){max-width:42ch;margin:24px 0 0!important;font-size:1.12rem!important;line-height:1.58!important}
#main#main .hm-reset-actions{display:flex;flex-wrap:wrap;gap:18px 24px;align-items:center;margin-top:30px}
#main#main .hm-reset-visual{position:relative;margin:0 10px 10px 0!important;padding:8px 8px 0;background:#fff;border:2.5px solid var(--pr-ink);border-radius:var(--pr-r-lg);box-shadow:9px 10px 0 var(--pr-gold);overflow:hidden}
#main#main .hm-reset-visual img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;border-radius:21px}
#main#main .hm-reset-visual figcaption{display:flex;justify-content:space-between;gap:20px;padding:13px 8px 15px;font-size:.82rem}
#main#main .hm-reset-visual figcaption b{font-family:'Pero Editorial',sans-serif}

#main#main .hm-reset-spaces{padding-block:clamp(58px,7vw,92px)}
#main#main .hm-reset-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:30px}
#main#main .hm-reset-head>p{margin:0!important;color:var(--pr-blue)!important;font-size:.82rem!important;font-weight:850!important}
#main#main .hm-reset-head h2{margin:0!important;max-width:14ch;font-size:clamp(2.8rem,5vw,5.2rem)!important;line-height:.94!important}
#main#main .hm-reset-space-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
#main#main .hm-reset-space{display:flex;flex-direction:column;min-height:470px;padding:0 22px 22px;border:2.5px solid var(--pr-ink);border-radius:var(--pr-r-lg);color:var(--pr-ink)!important;text-decoration:none!important;overflow:hidden;box-shadow:8px 8px 0 var(--space-shadow,var(--pr-blue))}
#main#main .hm-reset-space--block{background:var(--pr-cream);--space-shadow:var(--pr-blue)}
#main#main .hm-reset-space--after{background:#ffe9f1;--space-shadow:var(--pr-pink)}
#main#main .hm-reset-space--common{background:var(--pr-sky);--space-shadow:var(--pr-gold)}
#main#main .hm-reset-space figure,#main#main .hm-reset-space-art{margin:0 -22px 20px!important;height:240px;border-bottom:2.5px solid var(--pr-ink);overflow:hidden;background:#fff}
#main#main .hm-reset-space figure img{width:100%;height:100%;object-fit:cover}
#main#main .hm-reset-space-art--block{position:relative;background:var(--pr-blue)}
#main#main .hm-reset-space-art--block img{position:absolute;bottom:0;width:58%;height:100%;object-fit:contain}
#main#main .hm-reset-space-art--block img:first-child{left:1%}#main#main .hm-reset-space-art--block img:last-child{right:0}
#main#main .hm-reset-space>span{font-size:.78rem;font-weight:850;color:var(--pr-blue)}
#main#main .hm-reset-space h3{margin:8px 0 10px!important;font-size:clamp(2rem,3vw,3.15rem)!important;line-height:.94!important}
#main#main .hm-reset-space p{margin:0!important;font-size:.94rem!important;line-height:1.48!important}

#main#main .hm-reset-topics{padding-block:clamp(58px,7vw,90px)}
#main#main .hm-reset-topic-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
#main#main .hm-reset-topic-grid a{display:flex;align-items:center;gap:11px;min-height:80px;padding:13px 14px;border:2px solid var(--pr-ink);border-radius:16px;background:#fff;color:var(--pr-ink)!important;text-decoration:none!important;font-weight:800}
#main#main .hm-reset-topic-grid a:nth-child(4n+1){box-shadow:4px 5px 0 var(--pr-blue)}
#main#main .hm-reset-topic-grid a:nth-child(4n+2){box-shadow:4px 5px 0 var(--pr-gold)}
#main#main .hm-reset-topic-grid a:nth-child(4n+3){box-shadow:4px 5px 0 var(--pr-pink)}
#main#main .hm-reset-topic-grid a:nth-child(4n){box-shadow:4px 5px 0 var(--pr-aqua)}
#main#main .hm-reset-topic-grid img{width:42px;height:42px;object-fit:contain}
#main#main .hm-reset-more{margin:25px 0 0!important}

#main#main .hm-reset-how{padding-block:clamp(58px,7vw,90px)}
#main#main .hm-reset-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;list-style:none;padding:0;margin:0}
#main#main .hm-reset-steps li{position:relative;min-height:250px;padding:22px;border:2.5px solid var(--pr-ink);border-radius:var(--pr-r);background:#fff;box-shadow:6px 7px 0 var(--step-shadow,var(--pr-blue))}
#main#main .hm-reset-steps li:nth-child(2){--step-shadow:var(--pr-gold)}#main#main .hm-reset-steps li:nth-child(3){--step-shadow:var(--pr-pink)}#main#main .hm-reset-steps li:nth-child(4){--step-shadow:var(--pr-blue)}
#main#main .hm-reset-steps li>span{position:absolute;top:18px;right:18px;display:grid;place-items:center;width:31px;height:31px;border-radius:50%;background:var(--pr-ink);color:#fff;font-weight:850}
#main#main .hm-reset-steps .npw-icon{width:45px;height:45px;margin:5px 0 24px}
#main#main .hm-reset-steps h3{margin:0 0 9px!important;font-size:1.55rem!important}
#main#main .hm-reset-steps p{margin:0!important;font-size:.94rem!important;line-height:1.5!important}

#main#main .hm-reset-crew{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(36px,6vw,82px);align-items:center;padding-block:clamp(60px,8vw,104px)}
#main#main .hm-reset-crew figure{margin:0!important;padding:8px 8px 0;border:2.5px solid var(--pr-ink);border-radius:var(--pr-r-lg);background:#fff;box-shadow:9px 9px 0 var(--pr-pink);overflow:hidden}
#main#main .hm-reset-crew figure img{width:100%;display:block;border-radius:21px}
#main#main .hm-reset-crew h2{margin:0 0 20px!important;font-size:clamp(2.8rem,4.6vw,4.8rem)!important;line-height:.94!important}
#main#main .hm-reset-crew>div>p:not(.hm-reset-kicker){max-width:44ch;line-height:1.6!important}
#main#main .hm-reset-portraits{display:flex;align-items:center;margin:26px 0}
#main#main .hm-reset-portraits a{display:grid;justify-items:center;gap:6px;color:var(--pr-ink)!important;text-decoration:none!important;font-size:.75rem;font-weight:800}
#main#main .hm-reset-portraits a+a{margin-left:-5px}
#main#main .hm-reset-portraits img{width:68px;height:68px;border-radius:50%;object-fit:cover;border:4px solid #fff;box-shadow:0 0 0 2px var(--pr-ink)}

#main#main .hm-reset-educator{display:grid;grid-template-columns:minmax(0,.8fr) minmax(360px,1.2fr);gap:clamp(42px,7vw,98px);align-items:center;padding-block:clamp(60px,8vw,105px)}
#main#main .hm-reset-educator h2{margin:0 0 18px!important;font-size:clamp(3rem,5vw,5rem)!important;line-height:.94!important}
#main#main .hm-reset-educator-copy>p:not(.hm-reset-kicker){max-width:43ch;line-height:1.6!important}
#main#main .hm-reset-educator-copy .hm-button{margin-top:25px}
#main#main .hm-reset-material-preview{position:relative;min-height:440px}
#main#main .hm-reset-material-preview img{position:absolute;width:62%;max-height:390px;object-fit:cover;object-position:top;border:2.5px solid var(--pr-ink);border-radius:16px;background:#fff}
#main#main .hm-reset-material-preview img:first-child{left:5%;top:0;box-shadow:8px 9px 0 var(--pr-blue);z-index:2}
#main#main .hm-reset-material-preview img:nth-child(2){right:3%;bottom:0;box-shadow:8px 9px 0 var(--pr-gold);z-index:1}
#main#main .hm-reset-material-preview span{position:absolute;right:0;top:20px;z-index:3;padding:8px 11px;border:2px solid var(--pr-ink);border-radius:999px;background:#fff;font-size:.76rem;font-weight:850}

#main#main .hm-reset-resources{padding-block:clamp(58px,7vw,90px)}
#main#main .hm-reset-resource-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
#main#main .hm-reset-resource{display:grid;grid-template-rows:210px 1fr;border:2.5px solid var(--pr-ink);border-radius:var(--pr-r);overflow:hidden;background:#fff;color:var(--pr-ink)!important;text-decoration:none!important;box-shadow:6px 7px 0 var(--resource-shadow,var(--pr-blue))}
#main#main .hm-reset-resource:nth-child(2){--resource-shadow:var(--pr-gold)}#main#main .hm-reset-resource:nth-child(3){--resource-shadow:var(--pr-pink)}
#main#main .hm-reset-resource img{width:100%;height:100%;object-fit:cover;object-position:top;border-bottom:2px solid var(--pr-ink)}
#main#main .hm-reset-resource div{padding:18px}#main#main .hm-reset-resource h3{margin:0 0 7px!important;font-size:1.55rem!important}#main#main .hm-reset-resource p{margin:0!important;font-size:.92rem!important;line-height:1.48!important}
#main#main .hm-reset-family{margin:25px 0 0!important;font-weight:800}

/* ---------- Student router: visual routing only ---------- */
#main .student-router-head{padding-block:clamp(50px,7vw,88px) 30px}
#main .student-router-kicker{margin:0 0 10px!important;color:var(--pr-blue);font-weight:850}
#main .student-router-head h1{margin:0 0 16px!important;font-size:clamp(4rem,8vw,8rem)!important;line-height:.88!important}
#main .student-router-head>p:last-child{max-width:46ch;font-size:1.06rem;line-height:1.55}
#main .student-router-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;padding-bottom:clamp(60px,8vw,100px)}
#main .student-router-card{display:flex;flex-direction:column;min-height:520px;padding:0 22px 22px;border:2.5px solid var(--pr-ink);border-radius:var(--pr-r-lg);color:var(--pr-ink)!important;text-decoration:none!important;overflow:hidden;box-shadow:8px 8px 0 var(--router-shadow,var(--pr-blue))}
#main .student-router-card--block{background:var(--pr-cream);--router-shadow:var(--pr-blue)}
#main .student-router-card--after{background:#ffe9f1;--router-shadow:var(--pr-pink)}
#main .student-router-card--common{background:var(--pr-sky);--router-shadow:var(--pr-gold)}
#main .student-router-art{position:relative;height:285px;margin:0 -22px 20px!important;border-bottom:2.5px solid var(--pr-ink);overflow:hidden;background:#fff}
#main figure.student-router-art img{width:100%;height:100%;object-fit:cover}
#main .student-router-art--block{background:var(--pr-blue)}
#main .student-router-cutout{position:absolute;bottom:0;height:95%;width:59%;object-fit:contain}
#main .student-router-cutout--malik{left:0}.student-router-cutout--paloma{right:0}
#main .student-router-chat{position:absolute;left:15px;top:18px;z-index:3;padding:8px 10px;border:2px solid var(--pr-ink);border-radius:14px 14px 14px 3px;background:#fff;font-size:.7rem;font-weight:800}
#main .student-router-grade{font-size:.78rem;font-weight:850;color:var(--pr-blue)}
#main .student-router-card h2{margin:7px 0 10px!important;font-size:clamp(2.2rem,3vw,3.4rem)!important;line-height:.94!important}
#main .student-router-card p{margin:0 0 20px!important;font-size:.94rem;line-height:1.48}.student-router-card>b{margin-top:auto;text-decoration:underline;text-underline-offset:4px}

/* ---------- Learner hubs: same brand, different maturity ---------- */
#main .student-space{overflow:hidden}
#main .space-hero{display:grid;grid-template-columns:minmax(0,.85fr) minmax(430px,1.15fr);gap:clamp(35px,6vw,84px);align-items:center;padding-block:clamp(48px,7vw,94px)}
#main .space-grade{margin:0 0 8px!important;font-size:.82rem!important;font-weight:850!important;color:var(--pr-blue)!important}
#main .space-hero h1{margin:0 0 18px!important;font-size:clamp(4.4rem,8vw,8.5rem)!important;line-height:.84!important}
#main .space-hero-line{margin:0 0 14px!important;font-family:'Pero Editorial',sans-serif!important;font-size:clamp(1.55rem,2.3vw,2.2rem)!important;font-weight:700!important;line-height:1.18!important}
#main .space-hero-copy>p:not(.space-grade):not(.space-hero-line){max-width:42ch;font-size:1.02rem;line-height:1.55}
#main .space-scroll{display:inline-block;margin-top:22px;color:var(--pr-ink)!important;font-weight:850;text-decoration:underline;text-underline-offset:5px}
#main .space-hero-art{position:relative;min-height:510px;margin:0!important;border:2.5px solid var(--pr-ink);border-radius:var(--pr-r-lg);overflow:hidden;background:#fff;box-shadow:9px 9px 0 var(--space-accent,var(--pr-blue))}
#main figure.space-hero-art img{width:100%;height:100%;min-height:510px;object-fit:cover}
/* Keep source objects in a foreground row, below the characters' faces. */
#main .block-art{display:grid;grid-template-rows:minmax(330px,1fr) auto;background:var(--pr-blue);--space-accent:var(--pr-gold)}
#main .block-scene{position:relative;min-height:330px}
#main .block-person{position:absolute;bottom:0;height:100%;width:57%;object-fit:contain}.block-person--malik{left:1%}.block-person--paloma{right:0}
#main .block-sources{position:relative;z-index:3;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:end;gap:18px;margin:0 22px 26px}
#main .block-phone,#main .block-flyer{position:relative;min-width:0;min-height:110px;padding:14px;border:2px solid var(--pr-ink);background:#fff;box-shadow:4px 5px 0 var(--pr-gold)}
#main .block-phone{border-radius:19px}.block-phone b,.block-phone small{display:block;font-size:.65rem}.block-phone p{margin:9px 0!important;font-weight:800;line-height:1.2}
#main .block-flyer b,.block-flyer span{display:block}.block-flyer b{font-size:.85rem;line-height:1.15}.block-flyer span{margin-top:9px;font-size:.68rem}
#main .block-art .space-companion{position:absolute;right:-9px;top:-34px;width:48px;height:48px;object-fit:contain}
/* Documents have their own strip so the scene remains unobscured at every width. */
#main .space-hero-art.after-art{min-height:0;background:var(--pr-cream);--space-accent:var(--pr-pink)}
#main .space-hero-art.after-art>img{display:block;width:100%;height:auto;min-height:0;aspect-ratio:16/10;object-fit:cover}
#main .after-sources{display:grid;grid-template-columns:1fr 1.25fr .8fr;gap:10px;padding:18px;border-top:2px solid var(--pr-ink)}
#main .after-doc{min-width:0;padding:10px;border:2px solid var(--pr-ink);border-radius:12px;background:#fff;box-shadow:3px 4px 0 var(--pr-ink)}
.after-doc b,.after-doc span{display:block}.after-doc b{font-size:.7rem;line-height:1.2}.after-doc span{margin-top:6px;font-size:.72rem;line-height:1.3}.after-doc--offer{background:var(--pr-gold)!important}.after-doc--pay{background:var(--pr-sky)!important}
#main .space-hero-art.common-art{min-height:0;--space-accent:var(--pr-blue)}
#main .common-room-scene{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
#main .common-hero-notice{display:block;padding:24px 28px 28px;border-top:2px solid var(--pr-ink);background:var(--pr-cream);color:var(--pr-ink)!important;text-decoration:none!important}
.common-hero-notice>span{font-size:.68rem;font-weight:850;letter-spacing:.06em}.common-hero-notice>blockquote{margin:14px 0;padding:0;border:0;font-family:'Pero Editorial',sans-serif;font-size:clamp(1.5rem,2.4vw,2.1rem);line-height:1.17}.common-hero-notice>p{margin:0 0 16px;font-size:.88rem;line-height:1.5}.common-hero-notice>b{font-size:.85rem;color:var(--pr-blue);text-decoration:underline;text-underline-offset:4px}
#main .space-topics,#main .space-feed,#main .space-deeper,#main .common-table,#main .common-utility{padding-block:clamp(48px,6vw,78px)}
#main .space-topics h2,#main .space-section-head h2,#main .space-deeper h2{margin:0 0 20px!important;font-size:clamp(2.2rem,4vw,4rem)!important}
#main .space-topics nav{display:flex;flex-wrap:wrap;gap:10px}.space-topics nav a{padding:10px 13px;border:2px solid var(--pr-ink);border-radius:12px;background:#fff;color:var(--pr-ink)!important;text-decoration:none!important;font-weight:800}
#main .student-space--block .space-topics nav a:nth-child(odd){background:var(--pr-gold)}#main .student-space--block .space-topics nav a:nth-child(even){background:var(--pr-sky)}
#main .space-feed-grid{display:grid;grid-template-columns:1.35fr .825fr .825fr;gap:18px}
#main .space-item{display:grid;grid-template-rows:230px 1fr;border:2.5px solid var(--pr-ink);border-radius:var(--pr-r);overflow:hidden;background:#fff;color:var(--pr-ink)!important;text-decoration:none!important;box-shadow:6px 7px 0 var(--pr-blue)}
#main .space-item:nth-child(2){box-shadow-color:var(--pr-gold)}#main .space-item:nth-child(3){box-shadow-color:var(--pr-pink)}
#main .space-item-art{background:var(--pr-sky);overflow:hidden}.space-item-art img{width:100%;height:100%;object-fit:cover}
#main .space-item-copy{position:relative;padding:18px}.space-item-format{font-size:.75rem;font-weight:850;color:var(--pr-blue)}.space-item-time{position:absolute;right:18px;top:18px;font-size:.72rem;font-weight:750}
#main .space-item h3{margin:10px 0 7px!important;font-size:1.5rem!important;line-height:1.02!important}.space-item p{margin:0!important;font-size:.88rem!important}
#main .space-deeper{display:grid;grid-template-columns:minmax(260px,.7fr) minmax(0,1.3fr);gap:40px}
#main .space-deeper>div:first-child p{max-width:38ch}.space-deeper-list{border-top:2.5px solid var(--pr-ink)}.space-deeper-list a{display:grid;grid-template-columns:1fr auto;gap:8px 20px;padding:15px 3px;border-bottom:1.5px solid var(--pr-ink);color:var(--pr-ink)!important;text-decoration:none!important}.space-deeper-list b{font-family:'Pero Display',sans-serif;font-size:1.25rem}.space-deeper-list span{font-size:.8rem}
#main .student-space--after{background:#fff}.student-space--after .space-hero{padding-bottom:30px}
#main .student-space--after .space-feed-grid{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:stretch}
#main .student-space--after .space-item{grid-template-columns:minmax(130px,.75fr) minmax(0,1.25fr);grid-template-rows:1fr;box-shadow:3px 4px 0 var(--pr-pink)}
#main .student-space--after .space-item:first-child{grid-row:span 2;grid-template-columns:1fr;grid-template-rows:290px 1fr;box-shadow:6px 7px 0 var(--pr-blue)}
#main .student-space--after .space-item:first-child .space-item-copy{padding:24px;background:var(--pr-ink);color:#fff}
#main .student-space--after .space-item:first-child :is(h3,p,.space-item-time){color:#fff!important}
#main .student-space--after .space-item:first-child .space-item-format{color:var(--pr-gold)}
#main .student-space--after .space-item:first-child h3{font-size:clamp(1.8rem,3vw,2.9rem)!important;max-width:16ch}
#main .student-space--after .space-item:not(:first-child) h3{font-size:1.4rem!important}
#main .student-space--after .space-item:not(:first-child) .space-item-time{position:static;display:block;margin-top:6px}
#main .space-editorial-beat{background:var(--pr-ink);color:#fff;padding:clamp(55px,8vw,100px) 0}
#main .space-editorial-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);gap:clamp(32px,5vw,68px);align-items:center}
.space-editorial-layout>div>p{margin:0!important;color:var(--pr-gold)!important;font-size:1rem!important;font-weight:850!important}.space-editorial-beat h2{margin:12px 0 18px!important;color:#fff!important;font-size:clamp(4.1rem,7.8vw,8.5rem)!important;line-height:.86!important}.space-editorial-layout>div>span{font-family:'Pero Editorial',sans-serif;font-size:clamp(1.6rem,2.4vw,2.4rem);line-height:1.15}
#main .after-source-email{padding:24px;border:2px solid var(--pr-ink);border-radius:14px;background:var(--pr-cream);color:var(--pr-ink);box-shadow:8px 9px 0 var(--pr-gold)}
.after-source-email header{display:flex;flex-direction:column;gap:5px;padding-bottom:15px;border-bottom:1.5px solid var(--pr-ink)}.after-source-email header b{font-size:.85rem}.after-source-email time{font-size:.75rem}
#main .after-source-email blockquote{margin:22px 0;padding:0;border:0;font-family:'Pero Editorial',sans-serif;font-size:clamp(1.5rem,2.3vw,2rem);line-height:1.2;color:var(--pr-ink)}
#main .after-source-email p{margin:0 0 18px;font-size:.9rem;line-height:1.5;color:var(--pr-ink)}#main .after-source-email a{color:var(--pr-blue)!important;font-weight:800;text-decoration:underline;text-underline-offset:4px}

#main .student-space--common{background:#fffdf8}.student-space--common .space-hero{padding-bottom:35px}.student-space--common .space-hero h1{font-size:clamp(4rem,7vw,7rem)!important}.student-space--common .space-hero-art{box-shadow:5px 6px 0 var(--pr-blue);border-radius:18px}
#main .common-table-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:start}
#main .common-table-grid a{display:flex;flex-direction:column;min-height:260px;padding:24px;border:2px solid var(--pr-ink);border-radius:12px;background:#fff;color:var(--pr-ink)!important;text-decoration:none!important;box-shadow:4px 5px 0 var(--pr-ink)}
#main .common-table-grid a:is(:first-child,:nth-child(4),:nth-child(6)){grid-column:span 2;background:var(--pr-cream)}
#main .common-table-grid a:nth-child(2){margin-top:24px}#main .common-table-grid a:nth-child(5){margin-top:24px}
.common-table-grid span{display:block;padding-bottom:12px;border-bottom:1.5px solid var(--pr-line);font-size:.75rem;font-weight:800;color:var(--pr-blue)}
#main .common-table-grid h3{margin:26px 0 12px!important;font-size:clamp(1.6rem,2.5vw,2.4rem)!important;line-height:1.05!important}.common-table-grid p{max-width:48ch;margin:0!important;font-size:.92rem;line-height:1.5}
#main .common-table-grid a:is(:first-child,:nth-child(4),:nth-child(6)) h3{max-width:17ch}#main .common-table-grid a:hover{box-shadow:5px 6px 0 var(--pr-blue)}
#main .common-utility{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.common-utility a{padding:20px;border:2px solid var(--pr-ink);border-radius:14px;background:#fff;color:var(--pr-ink)!important;text-decoration:none!important}.common-utility b{display:block;font-family:'Pero Display',sans-serif;font-size:1.25rem;margin-bottom:8px}.common-utility span{font-size:.87rem;line-height:1.45}

/* ---------- Explore and Search: utility first ---------- */
#main .discovery-result-image{display:block;width:calc(100% + 38px);max-width:none;height:190px;margin:-19px -19px 18px;object-fit:cover;border-bottom:2px solid var(--pr-ink)}
#main .discovery-result .discovery-summary{margin:12px 0 0!important;font-size:.88rem;line-height:1.5}
#main .discovery,#main .search-utility{padding-block:clamp(40px,6vw,72px)}
#main .discovery-head,#main .search-utility>header{max-width:760px;margin-bottom:28px}
#main .discovery-head h1,#main .search-utility h1{margin:0 0 13px!important;font-size:clamp(3rem,6vw,5.7rem)!important;line-height:.9!important}
#main .discovery-head p,#main .search-utility header>p{max-width:54ch}
#main .discovery-controls{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:10px;padding:16px;border:2.5px solid var(--pr-ink);border-radius:18px;background:var(--pr-sky)}
#main .discovery-controls label,#main .search-utility label{font-size:.76rem;font-weight:850}.discovery-controls input,.discovery-controls select,#main .search-utility input{display:block;width:100%;min-height:44px;margin-top:5px;padding:9px 10px;border:2px solid var(--pr-ink);border-radius:9px;background:#fff;color:var(--pr-ink);font:600 .92rem/1.2 'Pero Text',sans-serif}
#main .discovery-controls label:nth-last-child(-n+3){grid-column:auto}.discovery-status{margin:18px 0}.discovery-status p{font-weight:800}
#main .discovery-results{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
#main .discovery-result{display:block;overflow:hidden;min-height:210px;padding:19px;border:2px solid var(--pr-ink);border-radius:16px;background:#fff;color:var(--pr-ink)!important;text-decoration:none!important}.discovery-result:hover{box-shadow:5px 5px 0 var(--pr-blue)}.discovery-format{font-size:.73rem;font-weight:850;color:var(--pr-blue)}.discovery-result h2{margin:18px 0 7px!important;font-size:1.45rem!important;line-height:1.02!important}.discovery-result>p{margin:0!important;font-size:.85rem}.discovery-result dl{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:20px 0 0}.discovery-result dl div{border-top:1.5px solid var(--pr-line);padding-top:7px}.discovery-result dt{font-size:.68rem;font-weight:850}.discovery-result dd{margin:2px 0 0;font-size:.78rem}
#main .search-utility>header{position:static}.search-utility input{max-width:680px;min-height:54px}.search-count{font-weight:800}.search-results{border-top:2.5px solid var(--pr-ink)}.search-row{display:grid;grid-template-columns:160px 1fr;gap:20px;align-items:center;padding:15px 4px;border-bottom:1.5px solid var(--pr-ink);color:var(--pr-ink)!important;text-decoration:none!important}.search-row span{font-size:.74rem;font-weight:800;color:var(--pr-blue)}.search-row h2{margin:0!important;font-size:clamp(1.35rem,2vw,1.9rem)!important}.search-row:hover{background:var(--pr-sky)}

/* ---------- Resources: one student/public-facing home ---------- */
#main .resource-home-head,#main .reader-library-head,#main .printable-library-head{padding-block:clamp(45px,6vw,80px) 25px}.resource-home-head>p:first-child,.reader-library-head>p:first-child,.printable-library-head>p:first-child{font-weight:850;color:var(--pr-blue)}.resource-home-head h1,.reader-library-head h1,.printable-library-head h1{margin:0 0 15px!important;font-size:clamp(3.5rem,6vw,6.5rem)!important;line-height:.9!important}.resource-home-head>p:last-child,.reader-library-head>p:last-child,.printable-library-head>p:last-child{max-width:60ch}
#main .resource-home-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;padding-bottom:52px}.resource-home-card{display:grid;grid-template-rows:210px 1fr;border:2.5px solid var(--pr-ink);border-radius:20px;overflow:hidden;background:#fff;color:var(--pr-ink)!important;text-decoration:none!important;box-shadow:6px 7px 0 var(--card-shadow,var(--pr-blue))}.resource-home-card:nth-child(3n+2){--card-shadow:var(--pr-gold)}.resource-home-card:nth-child(3n){--card-shadow:var(--pr-pink)}.resource-home-card img{width:100%;height:100%;object-fit:cover;object-position:top;border-bottom:2px solid var(--pr-ink)}.resource-home-card div{padding:18px}.resource-home-card h2{margin:0 0 7px!important;font-size:1.55rem!important}.resource-home-card p{margin:0!important;font-size:.9rem;line-height:1.47}
#main .resource-teacher-link{display:flex;justify-content:space-between;gap:30px;align-items:center;margin-bottom:70px;padding:24px 28px;border:2.5px solid var(--pr-ink);border-radius:18px;background:var(--pr-cream);box-shadow:6px 7px 0 var(--pr-blue)}.resource-teacher-link h2{margin:0 0 6px!important;font-size:1.55rem!important}.resource-teacher-link p{margin:0!important;max-width:60ch}.resource-teacher-link>a{font-weight:850;color:var(--pr-ink)}
#main .reader-library-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;padding-bottom:45px}.reader-card{display:grid;grid-template-columns:220px 1fr;gap:20px;align-items:center;padding:18px;border:2.5px solid var(--pr-ink);border-radius:18px;background:#fff;box-shadow:6px 7px 0 var(--pr-blue)}.reader-card:nth-child(even){box-shadow-color:var(--pr-gold)}.reader-card img{width:100%;aspect-ratio:3/4;object-fit:cover;object-position:top;border:1.5px solid var(--pr-ink)}.reader-card span{font-size:.78rem;font-weight:850;color:var(--pr-blue)}.reader-card h2{margin:5px 0 5px!important;font-size:1.8rem!important}.reader-card p{margin:0 0 14px!important}.reader-card a{font-weight:850}.reader-teacher-crosslink{padding-bottom:70px;font-weight:800}
#main .printable-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;padding-bottom:70px}.printable-grid a{padding:15px;border:2.5px solid var(--pr-ink);border-radius:18px;background:#fff;color:var(--pr-ink)!important;text-decoration:none!important;box-shadow:6px 7px 0 var(--pr-gold)}.printable-grid img{width:100%;aspect-ratio:4/3;object-fit:cover;object-position:top;border:1.5px solid var(--pr-ink)}.printable-grid h2{margin:14px 0 4px!important;font-size:1.45rem!important}.printable-grid p{margin:0!important}

/* ---------- Families: calm ---------- */
#main .family-calm-head{padding-block:clamp(50px,7vw,88px) 30px}.family-calm-head>p:first-child{font-weight:850;color:var(--pr-blue)}.family-calm-head h1{margin:0 0 18px!important;max-width:13ch;font-size:clamp(3.5rem,6vw,6rem)!important;line-height:.92!important}.family-calm-head>p:last-child{max-width:60ch;font-size:1.04rem;line-height:1.6}.family-calm-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding-bottom:50px}.family-calm-grid article{padding:22px;border-top:3px solid var(--pr-blue);background:#fff}.family-calm-grid article:nth-child(2){border-color:var(--pr-gold)}.family-calm-grid article:nth-child(3){border-color:var(--pr-pink)}.family-calm-grid h2{margin:0 0 9px!important;font-size:1.55rem!important}.family-calm-grid p{line-height:1.55}.family-calm-section{padding-bottom:70px}.family-calm-section h2{font-size:2.2rem!important}

/* ---------- Educators: a teacher edition on the web ---------- */
#main .teacher-home{background:#fffdf8}
#main .teacher-home-hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(360px,.9fr);gap:clamp(32px,5vw,64px);align-items:center;padding-block:clamp(55px,7vw,95px)}
#main .teacher-kicker{margin:0 0 10px!important;font-weight:850;color:var(--pr-blue)}.teacher-home-hero h1{margin:0 0 20px!important;max-width:14ch;font-size:clamp(3.6rem,5.7vw,6rem)!important;line-height:.96!important;text-wrap:balance}.teacher-home-hero>div:first-child>p:last-of-type{max-width:43ch;font-size:1.04rem;line-height:1.55}
#main .teacher-hero-links{display:flex;flex-wrap:wrap;gap:12px;margin-top:25px}.teacher-hero-links a{padding:11px 14px;border:2px solid var(--pr-ink);border-radius:12px;background:var(--pr-blue);color:#fff!important;text-decoration:none!important;font-weight:800;box-shadow:4px 5px 0 var(--pr-gold)}.teacher-hero-links a+ a{background:#fff;color:var(--pr-ink)!important;box-shadow:4px 5px 0 var(--pr-blue)}
#main .teacher-material-stack{position:relative;min-height:460px}.teacher-material-stack img{position:absolute;width:58%;height:390px;object-fit:cover;object-position:top;border:2.5px solid var(--pr-ink);border-radius:15px;background:#fff}.teacher-stack-main{left:6%;top:0;z-index:2;box-shadow:7px 8px 0 var(--pr-blue)}.teacher-stack-student{right:5%;bottom:0;z-index:1;box-shadow:7px 8px 0 var(--pr-gold)}.teacher-material-stack span{position:absolute;right:0;top:15px;z-index:3;padding:7px 10px;border:2px solid var(--pr-ink);border-radius:999px;background:#fff;font-size:.74rem;font-weight:850}
#main .teacher-section{padding-block:clamp(45px,6vw,76px)}.teacher-section>header,.teacher-section>.wrap>header{margin-bottom:25px}.teacher-section h2{margin:0 0 9px!important;font-size:clamp(2.3rem,4vw,4rem)!important;line-height:.96!important}
#main .teacher-band-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.teacher-band{display:flex;flex-direction:column;min-height:340px;padding:0 16px 18px;border:2px solid var(--pr-ink);border-radius:16px;background:#fff;color:var(--pr-ink)!important;text-decoration:none!important;box-shadow:5px 6px 0 var(--pr-blue);overflow:hidden}.teacher-band:nth-child(2){box-shadow-color:var(--pr-gold)}.teacher-band:nth-child(3){box-shadow-color:var(--pr-pink)}.teacher-band:nth-child(4){box-shadow-color:var(--pr-blue)}.teacher-band img{height:190px;margin:0 -16px 14px;width:calc(100% + 32px);object-fit:cover;object-position:top;border-bottom:2px solid var(--pr-ink)}.teacher-band span{font-size:.74rem;font-weight:850;color:var(--pr-blue)}.teacher-band h3{margin:5px 0 14px!important;font-size:1.5rem!important}.teacher-band b{margin-top:auto;text-decoration:underline}
#main .teacher-plan{background:var(--pr-sky)}.teacher-plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.teacher-plan-grid a{padding:22px;border:2.5px solid var(--pr-ink);border-radius:17px;background:#fff;color:var(--pr-ink)!important;text-decoration:none!important;box-shadow:5px 6px 0 var(--pr-blue)}.teacher-plan-grid a:nth-child(2){box-shadow-color:var(--pr-gold)}.teacher-plan-grid a:nth-child(3){box-shadow-color:var(--pr-pink)}.teacher-plan-grid h3{margin:0 0 8px!important;font-size:1.55rem!important}.teacher-plan-grid p{margin:0!important;font-size:.9rem;line-height:1.48}
#main .teacher-materials{display:grid;grid-template-columns:.85fr 1.15fr;gap:50px;align-items:center}.teacher-materials nav{display:grid;gap:8px;margin-top:20px}.teacher-materials nav a{font-weight:800;color:var(--pr-ink)}.teacher-preview-pair{display:grid;grid-template-columns:1fr 1fr;gap:15px}.teacher-preview-pair img{width:100%;aspect-ratio:3/4;object-fit:cover;object-position:top;border:2px solid var(--pr-ink);border-radius:12px}.teacher-preview-pair img:first-child{box-shadow:5px 6px 0 var(--pr-blue)}.teacher-preview-pair img:last-child{box-shadow:5px 6px 0 var(--pr-gold)}
#main .teacher-support{background:var(--pr-ink);color:#fff}.teacher-support :is(h2,a,p){color:#fff!important}.teacher-support-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.teacher-support-grid>div{border-top:3px solid var(--pr-gold);padding-top:15px}.teacher-support-grid>div:nth-child(2){border-color:var(--pr-aqua)}.teacher-support-grid>div:nth-child(3){border-color:var(--pr-pink)}.teacher-support-grid h2{font-size:1.8rem!important}.teacher-support-grid a{display:block;padding:7px 0;text-decoration:underline;text-underline-offset:4px;font-weight:750}
#main .teacher-object-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.teacher-object-grid a{display:flex;flex-direction:column;padding:13px;border:2px solid var(--pr-ink);border-radius:14px;background:#fff;color:var(--pr-ink)!important;text-decoration:none!important}.teacher-object-grid img{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:top;border:1px solid var(--pr-ink)}.teacher-object-grid span{padding-top:11px;font-weight:800}
#main .teacher-library-head{padding-block:clamp(48px,6vw,80px) 25px}.teacher-library-head>p:first-child{font-weight:850;color:var(--pr-blue)}.teacher-library-head h1{margin:0 0 14px!important;font-size:clamp(3.5rem,6vw,6rem)!important;line-height:.9!important}.teacher-library-head>p:last-child{max-width:62ch}
#main .teacher-library-links{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding-bottom:70px}.teacher-library-links>a,.teacher-library-links>article{padding:21px;border:2px solid var(--pr-ink);border-radius:15px;background:#fff;color:var(--pr-ink)!important;text-decoration:none!important}.teacher-library-links h2{margin:0 0 8px!important;font-size:1.55rem!important}.teacher-library-links p{margin:0!important;line-height:1.5}
#main .teacher-edition-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;padding-bottom:70px}.teacher-edition-grid article{display:grid;grid-template-columns:210px 1fr;gap:20px;align-items:center;padding:17px;border:2px solid var(--pr-ink);border-radius:16px;background:#fff;box-shadow:5px 6px 0 var(--pr-blue)}.teacher-edition-grid img{width:100%;aspect-ratio:3/4;object-fit:cover;object-position:top;border:1px solid var(--pr-ink)}.teacher-edition-grid span{font-size:.76rem;font-weight:850;color:var(--pr-blue)}.teacher-edition-grid h2{margin:5px 0 8px!important;font-size:1.55rem!important}.teacher-edition-grid p{font-size:.88rem;line-height:1.45}

/* ---------- Navigation dropdowns as compact publishing panels ---------- */
@media(min-width:1080px){
 .npw-group--space .npw-panel{display:grid;grid-template-columns:repeat(3,minmax(190px,1fr));width:min(680px,70vw);padding:12px;gap:6px}
 .npw-group--space .npw-panel li a{min-height:72px;white-space:normal;border:1.5px solid var(--npw-ink);border-radius:12px;background:#fff}
 .npw-group--space .npw-panel li:nth-child(1) a{box-shadow:3px 4px 0 var(--npw-blue)}.npw-group--space .npw-panel li:nth-child(2) a{box-shadow:3px 4px 0 var(--npw-pink)}.npw-group--space .npw-panel li:nth-child(3) a{box-shadow:3px 4px 0 var(--npw-gold)}
 .npw-group--explore .npw-panel{display:grid;grid-template-columns:repeat(2,minmax(190px,1fr));width:min(540px,65vw);padding:10px}
 .npw-group--explore .npw-panel a{white-space:normal}
}

/* ---------- Responsive art direction, not just stacking ---------- */
@media(max-width:950px){
 #main#main .hm-reset-hero,#main#main .hm-reset-crew,#main#main .hm-reset-educator,#main .space-hero,#main .teacher-home-hero,#main .teacher-materials{grid-template-columns:1fr}
 #main#main .hm-reset-space-grid,#main .student-router-grid{grid-template-columns:1fr}
 #main#main .hm-reset-topic-grid{grid-template-columns:repeat(2,1fr)}
 #main#main .hm-reset-steps{grid-template-columns:repeat(2,1fr)}
 #main#main .hm-reset-resource-grid,#main .resource-home-grid,#main .printable-grid{grid-template-columns:1fr 1fr}
 #main .space-hero-art{min-height:430px}#main figure.space-hero-art img{min-height:430px;height:430px}
 #main .space-editorial-layout{grid-template-columns:1fr}#main .space-editorial-layout>div{max-width:640px}#main .space-editorial-beat h2{font-size:clamp(4.1rem,13vw,8.5rem)!important}
 #main .common-table-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#main .common-table-grid a:is(:first-child,:nth-child(4),:nth-child(6)){grid-column:auto}#main .common-table-grid a:nth-child(2),#main .common-table-grid a:nth-child(5){margin-top:0}
 #main .space-feed-grid,#main .student-space--after .space-feed-grid{grid-template-columns:1fr 1fr}.space-feed-grid .space-item:first-child{grid-column:1/-1}
 #main .student-space--after .space-item{grid-template-columns:1fr;grid-template-rows:230px 1fr}#main .student-space--after .space-item:first-child{grid-row:auto;grid-template-rows:320px 1fr}
 #main .teacher-band-grid,#main .teacher-object-grid{grid-template-columns:repeat(2,1fr)}
 #main .teacher-plan-grid,#main .teacher-support-grid,#main .common-utility{grid-template-columns:1fr}
 #main .discovery-controls{grid-template-columns:1fr 1fr}.discovery-search{grid-column:1/-1}
 #main .discovery-results{grid-template-columns:1fr 1fr}
}
@media(max-width:620px){
 #main#main .hm-reset-copy h1{font-size:3.7rem!important}
 #main#main .hm-reset-visual{margin-right:7px!important}
 #main#main .hm-reset-topic-grid,#main#main .hm-reset-steps,#main#main .hm-reset-resource-grid,#main .resource-home-grid,#main .reader-library-grid,#main .printable-grid,#main .discovery-results,#main .teacher-band-grid,#main .teacher-object-grid,#main .teacher-library-links,#main .teacher-edition-grid{grid-template-columns:1fr}
 #main#main .hm-reset-space{min-height:420px}
 #main#main .hm-reset-space figure,#main#main .hm-reset-space-art{height:220px}
 #main#main .hm-reset-material-preview,#main .teacher-material-stack{min-height:360px}
 #main#main .hm-reset-material-preview img,#main .teacher-material-stack img{height:310px}
 #main .student-router-card{min-height:450px}.student-router-art{height:240px!important}
 #main .space-hero{padding-top:38px}#main .space-hero h1{font-size:4.4rem!important}
 #main .block-art{grid-template-rows:minmax(280px,1fr) auto}#main .block-scene{min-height:280px}#main .block-sources{gap:12px;margin:0 15px 22px}#main .block-phone,#main .block-flyer{padding:12px}
 #main .after-sources{gap:8px;padding:12px}#main .after-doc{padding:9px 7px}
 #main .space-hero-art{min-height:360px}#main figure.space-hero-art img{height:360px;min-height:360px}
 #main .space-feed-grid,#main .student-space--after .space-feed-grid{grid-template-columns:1fr}.space-feed-grid .space-item:first-child{grid-column:auto}
 #main .student-space--after .space-item:first-child{grid-template-rows:230px 1fr}#main .common-hero-notice{padding:20px}
 #main .space-deeper{grid-template-columns:1fr}#main .common-table-grid{grid-template-columns:1fr}
 #main .discovery-controls{grid-template-columns:1fr}.discovery-search{grid-column:auto}
 #main .search-row{grid-template-columns:1fr;gap:3px}
 #main .resource-teacher-link{align-items:flex-start;flex-direction:column}
 #main .reader-card,.teacher-edition-grid article{grid-template-columns:120px 1fr}
 #main .family-calm-grid{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){
 #main :is(.student-router-card,.space-item,.resource-home-card,.teacher-band,.discovery-result){transition:none!important;transform:none!important}
}

/* ---------- Units: instructional overview, not a mini-homepage ---------- */
#main .unit-catalog-head{padding-block:clamp(48px,6vw,78px) 28px}.unit-catalog-head>p:first-child{font-weight:850;color:var(--pr-blue)}.unit-catalog-head h1{margin:0 0 12px!important;font-size:clamp(3.8rem,7vw,7rem)!important;line-height:.9!important}.unit-catalog-head>p:last-child{max-width:58ch}
#main .unit-catalog-grid{display:grid;gap:18px;padding-bottom:75px}.unit-catalog-card{display:grid;grid-template-columns:minmax(260px,.72fr) minmax(0,1.28fr);border:2.5px solid var(--pr-ink);border-radius:18px;background:#fff;overflow:hidden}.unit-catalog-card>div{padding:24px;background:var(--pr-sky);border-right:2.5px solid var(--pr-ink)}.unit-catalog-card:nth-child(2)>div{background:var(--pr-cream)}.unit-catalog-card:nth-child(3)>div{background:#ffe9f1}.unit-catalog-card>div>span{font-size:.76rem;font-weight:850;color:var(--pr-blue)}.unit-catalog-card h2{margin:8px 0 12px!important;font-size:2rem!important;line-height:1!important}.unit-catalog-card h2 a{color:var(--pr-ink)!important}.unit-catalog-card>div p{margin:0!important;line-height:1.5}.unit-catalog-card ol{display:grid;grid-template-columns:repeat(2,1fr);list-style:none;margin:0;padding:0}.unit-catalog-card li{border-right:1.5px solid var(--pr-line);border-bottom:1.5px solid var(--pr-line)}.unit-catalog-card li:nth-child(2n){border-right:0}.unit-catalog-card li:nth-last-child(-n+2){border-bottom:0}.unit-catalog-card li a{display:flex;flex-direction:column;height:100%;padding:16px;color:var(--pr-ink)!important;text-decoration:none!important}.unit-catalog-card li span{font-size:.7rem;font-weight:850;color:var(--pr-blue)}.unit-catalog-card li b{margin:12px 0 5px;font-family:'Pero Display',sans-serif;font-size:1.12rem;line-height:1.05}.unit-catalog-card li small{font-size:.78rem;line-height:1.35}
#main .unit-focused-head{padding-block:clamp(45px,6vw,76px) 28px}.unit-focused-head .un-crumbs{margin-bottom:28px}.unit-focused-no{margin:0 0 8px!important;font-size:.82rem!important;font-weight:850!important;color:var(--pr-blue)!important}.unit-focused-head h1{margin:0 0 15px!important;max-width:13ch;font-size:clamp(3.6rem,6vw,6.6rem)!important;line-height:.9!important}.unit-focused-eq{max-width:62ch;font-family:'Pero Editorial',sans-serif!important;font-size:clamp(1.35rem,2vw,1.8rem)!important;line-height:1.3!important}.unit-focused-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:28px 0 0}.unit-focused-meta>div{padding:12px 14px;border-top:2px solid var(--pr-ink)}.unit-focused-meta dt{font-size:.68rem;font-weight:850}.unit-focused-meta dd{margin:4px 0 0;font-size:.9rem}
#main .unit-focused-skills{display:grid;grid-template-columns:minmax(260px,.7fr) minmax(0,1.3fr);gap:45px;padding-block:45px;border-top:2.5px solid var(--pr-ink)}.unit-focused-skills h2{margin:0 0 8px!important;font-size:2.2rem!important}.unit-focused-skills ul{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;list-style:none;margin:0;padding:0}.unit-focused-skills li{padding:13px 15px;border:2px solid var(--pr-ink);border-radius:12px;background:var(--pr-cream);font-weight:750}
#main .unit-focused-cases{padding-block:50px 70px}.unit-focused-cases>header h2{font-size:2.7rem!important}.unit-case-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.unit-case{display:grid;grid-template-columns:190px 1fr;min-height:230px;border:2.5px solid var(--pr-ink);border-radius:17px;overflow:hidden;background:#fff}.unit-case-art{display:block;border-right:2px solid var(--pr-ink);overflow:hidden}.unit-case-art img{width:100%;height:100%;object-fit:cover}.unit-case>div{padding:18px}.unit-case>div>span{font-size:.72rem;font-weight:850;color:var(--pr-blue)}.unit-case h3{margin:12px 0 7px!important;font-size:1.45rem!important;line-height:1.05!important}.unit-case h3 a{color:var(--pr-ink)!important}.unit-case p{margin:0 0 15px!important;font-size:.85rem;line-height:1.4}.unit-case-open{font-weight:850;color:var(--pr-blue)}
#main .unit-focused-materials{background:var(--pr-ink);color:#fff;padding:55px 0 72px}.unit-focused-materials :is(h2,p,a){color:#fff!important}.unit-focused-material-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:32px}.unit-focused-material-grid>div{padding-top:15px;border-top:3px solid var(--pr-gold)}.unit-focused-material-grid>div:nth-child(2){border-color:var(--pr-aqua)}.unit-focused-material-grid>div:nth-child(3){border-color:var(--pr-pink)}.unit-focused-material-grid>div:nth-child(4){border-color:var(--pr-blue)}.unit-focused-material-grid h2{margin:0 0 8px!important;font-size:1.7rem!important}.unit-focused-material-grid p{max-width:50ch;font-size:.9rem;line-height:1.48}.unit-focused-material-grid a{display:block;padding:4px 0;font-weight:750;text-decoration:underline;text-underline-offset:4px}.unit-assessment-links a{padding:8px 0}.unit-assessment-links b,.unit-assessment-links span{display:block}.unit-assessment-links span{font-size:.8rem;font-weight:450}
@media(max-width:760px){#main .unit-catalog-card{grid-template-columns:1fr}.unit-catalog-card>div{border-right:0;border-bottom:2.5px solid var(--pr-ink)}#main .unit-focused-meta,#main .unit-focused-skills,#main .unit-case-grid,#main .unit-focused-material-grid{grid-template-columns:1fr}.unit-focused-skills{gap:20px}.unit-case{grid-template-columns:120px 1fr}.unit-focused-skills ul{grid-template-columns:1fr}}

/* ---------- Crew owns the camera-roll world building ---------- */
#main .cw-band--roll{background:#fffdf8}
#main .cw-camera-roll{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:start}
#main .cw-roll-photo{margin:0!important;padding:7px 7px 0;border:2px solid var(--pr-ink);border-radius:16px;background:#fff;box-shadow:6px 7px 0 var(--roll-shadow,var(--pr-blue));overflow:hidden}
#main .cw-roll-photo:nth-child(3n+2){--roll-shadow:var(--pr-gold);margin-top:28px!important}
#main .cw-roll-photo:nth-child(3n){--roll-shadow:var(--pr-pink)}
#main .cw-roll-photo img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:10px}
#main .cw-roll-photo figcaption{padding:9px 4px 11px;font-family:'Pero Editorial',sans-serif;font-size:.82rem;font-weight:700}
@media(max-width:720px){#main .cw-camera-roll{grid-template-columns:repeat(2,1fr);gap:12px}#main .cw-roll-photo:nth-child(3n+2){margin-top:0!important}#main .cw-roll-photo:nth-child(even){margin-top:18px!important}}

/* ---------- Educator grade-band pages: show the student world first ---------- */
#main .teacher-band-head{display:grid;grid-template-columns:minmax(0,.75fr) minmax(380px,1.25fr);gap:50px;align-items:center;padding-block:55px 38px}
#main .teacher-band-head>div>p:first-child{font-size:.8rem;font-weight:850;color:var(--pr-blue);margin-bottom:8px!important}
#main .teacher-band-head h1{margin:0 0 15px!important;font-size:clamp(3.4rem,6vw,6rem)!important;line-height:.9!important}
#main .teacher-band-head>div>p:last-child{max-width:45ch;line-height:1.55}
#main .teacher-world-art{position:relative;margin:0!important;min-height:330px;border:2.5px solid var(--pr-ink);border-radius:18px;background:#fff;overflow:hidden;box-shadow:6px 7px 0 var(--pr-blue)}
#main .teacher-world-art>img{width:100%;height:330px;object-fit:cover}.teacher-world-art figcaption{padding:9px 12px;font-size:.76rem;font-weight:750}
#main .teacher-world-art--block{background:var(--pr-blue);box-shadow-color:var(--pr-gold)}
#main .teacher-world-art--block img{position:absolute;bottom:0;width:56%;height:95%;object-fit:contain}.teacher-world-art--block img:first-child{left:1%}.teacher-world-art--block img:nth-child(2){right:0}
#main .teacher-world-art--block span{position:absolute;left:13px;top:13px;padding:6px 9px;border:2px solid var(--pr-ink);border-radius:999px;background:#fff;font-size:.72rem;font-weight:850}
#main .teacher-world-art--common{box-shadow:4px 5px 0 var(--pr-blue);border-radius:14px}
#main .teacher-band-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding-bottom:72px}
#main .teacher-band-actions a{min-height:180px;padding:20px;border:2px solid var(--pr-ink);border-radius:15px;background:#fff;color:var(--pr-ink)!important;text-decoration:none!important}
#main .teacher-band-actions a:nth-child(3n+1){box-shadow:4px 5px 0 var(--pr-blue)}#main .teacher-band-actions a:nth-child(3n+2){box-shadow:4px 5px 0 var(--pr-gold)}#main .teacher-band-actions a:nth-child(3n){box-shadow:4px 5px 0 var(--pr-pink)}
#main .teacher-band-actions h2{margin:0 0 8px!important;font-size:1.5rem!important}.teacher-band-actions p{margin:0!important;font-size:.88rem;line-height:1.46}
@media(max-width:850px){#main .teacher-band-head{grid-template-columns:1fr}.teacher-band-actions{grid-template-columns:1fr 1fr}}
@media(max-width:560px){#main .teacher-band-actions{grid-template-columns:1fr}.teacher-world-art{min-height:270px}.teacher-world-art>img{height:270px}}

/* Resource metadata is contextual, never a dot-separated component string. */
#main .rl-meta-grid,#main .rl-media-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 14px;margin:14px 0 0}
#main .rl-meta-grid>div,#main .rl-media-meta>div{padding-top:7px;border-top:1.5px solid var(--pr-line)}
#main .rl-meta-grid dt,#main .rl-media-meta dt{font-size:.67rem;font-weight:850;text-transform:uppercase;letter-spacing:.025em;color:var(--pr-blue)}
#main .rl-meta-grid dd,#main .rl-media-meta dd{margin:2px 0 0;font-size:.82rem;line-height:1.35}
#main .rl-media-card .rl-byline{display:flex;flex-wrap:wrap;gap:6px 14px;align-items:baseline;margin:10px 0!important}
#main .rl-media-card .rl-byline span{font-size:.78rem;color:#365276}
/* Case evidence now draws from the shared source-object kit. */
#main .cs-doc.npw-source-sleeve,#main .cs-news.npw-source-sleeve{padding-top:22px}
#main .cs-doc .npw-context-pair{margin-bottom:2px}

/* Resource library utility layer. */
#main .resource-browser{padding-bottom:70px}
#main .resource-browser>header{display:grid;grid-template-columns:minmax(240px,.6fr) minmax(280px,.8fr);gap:28px;align-items:end;margin-bottom:20px}
#main .resource-browser>header h2{margin:0!important;font-size:clamp(2.2rem,4vw,4rem)!important}
#main .resource-browser>header p{margin:0!important;max-width:48ch}
#main .resource-browser-controls{display:grid;grid-template-columns:2fr 1fr 1fr;gap:10px;padding:15px;border:2.5px solid var(--pr-ink);border-radius:16px;background:var(--pr-sky)}
#main .resource-browser-controls label{font-size:.75rem;font-weight:850}
#main .resource-browser-controls input,#main .resource-browser-controls select{display:block;width:100%;min-height:44px;margin-top:5px;padding:9px 10px;border:2px solid var(--pr-ink);border-radius:9px;background:#fff;color:var(--pr-ink);font:600 .9rem/1.2 'Pero Text',sans-serif}
#main .resource-browser-count{margin:16px 0!important;font-weight:800}
#main .resource-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:2.5px solid var(--pr-ink);border-left:2.5px solid var(--pr-ink)}
#main .resource-result{min-height:185px;padding:18px;border-right:2.5px solid var(--pr-ink);border-bottom:2.5px solid var(--pr-ink);background:#fff;color:var(--pr-ink)!important;text-decoration:none!important}
#main .resource-result:hover{background:var(--pr-cream)}
#main .resource-result-type{font-size:.72rem;font-weight:850;color:var(--pr-blue);text-transform:uppercase}
#main .resource-result h3{margin:25px 0 12px!important;font-size:1.45rem!important}
#main .resource-result dl{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:0}
#main .resource-result dl>div{padding-top:6px;border-top:1px solid var(--pr-line)}
#main .resource-result dt{font-size:.64rem;font-weight:850;text-transform:uppercase}
#main .resource-result dd{margin:2px 0 0;font-size:.76rem}
#main .resource-result[hidden]{display:none!important}
@media(max-width:700px){#main .resource-browser>header{grid-template-columns:1fr}#main .resource-browser-controls{grid-template-columns:1fr}#main .resource-results{grid-template-columns:1fr}}

#main .discovery-topic-jumps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0 0 18px}
#main .discovery-topic-jumps a{padding:10px 11px;border:2px solid var(--pr-ink);border-radius:11px;background:#fff;color:var(--pr-ink)!important;text-decoration:none!important;font-size:.78rem;font-weight:800}
#main .discovery-topic-jumps a:nth-child(4n+1){box-shadow:3px 4px 0 var(--pr-blue)}
#main .discovery-topic-jumps a:nth-child(4n+2){box-shadow:3px 4px 0 var(--pr-gold)}
#main .discovery-topic-jumps a:nth-child(4n+3){box-shadow:3px 4px 0 var(--pr-pink)}
#main .discovery-topic-jumps a:nth-child(4n){box-shadow:3px 4px 0 var(--pr-aqua)}
@media(max-width:700px){#main .discovery-topic-jumps{grid-template-columns:repeat(2,1fr)}}

#main .space-library-link{display:inline-block;margin-top:18px;color:var(--pr-ink)!important;font-weight:850;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:5px}
#main .student-space--common .common-utility{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:950px){#main .student-space--common .common-utility{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){#main .student-space--common .common-utility{grid-template-columns:1fr}}

/* Common Room campus-life lanes: equal weight, mature treatment. */
#main .common-campus-life{padding-block:20px clamp(48px,6vw,78px)}
#main .student-campus-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:2px solid var(--pr-ink);border-left:2px solid var(--pr-ink)}
#main .student-campus-grid a{display:flex;flex-direction:column;min-height:180px;padding:18px;border-right:2px solid var(--pr-ink);border-bottom:2px solid var(--pr-ink);background:#fff;color:var(--pr-ink)!important;text-decoration:none!important}
#main .student-campus-grid a:hover{background:var(--pr-sky)}
#main .student-campus-grid b{margin-top:auto;font-family:'Pero Display',sans-serif;font-size:1.2rem;line-height:1.05}
#main .student-campus-grid span{margin-top:8px;font-size:.82rem;line-height:1.42}
@media(max-width:900px){#main .student-campus-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){#main .student-campus-grid{grid-template-columns:1fr}#main .student-campus-grid a{min-height:130px}}

/* ---------- Competitor-informed visual rhythm pass ----------
   Current education/media sites create pace with alternating surfaces, image-led
   feature bands, dense utility zones, and clear chapter changes rather than one
   white canvas with repeated cards. Keep the NPW grammar, vary the composition. */

/* Missing tone surfaces from the original band system. */
#main#main .hm-band--rose{background:#ffe9f1!important}
#main#main .hm-band--sun{background:var(--pr-cream)!important}
#main#main .hm-band--sky{background:var(--pr-sky)!important}

/* Homepage opening: editorial billboard, not white hero floating in space. */
#main#main .hm-reset-hero{
  position:relative;
  isolation:isolate;
  width:min(1320px,calc(100% - 64px));
  max-width:1320px;
  margin-inline:auto;
  padding:clamp(64px,8vw,112px) clamp(0px,2vw,26px);
}
#main#main .hm-reset-hero::before{
  content:"";
  position:absolute;
  z-index:-1;
  right:-4vw;
  top:clamp(30px,5vw,68px);
  width:min(52vw,690px);
  height:78%;
  background:var(--pr-blue);
  border:2.5px solid var(--pr-ink);
  border-radius:34px;
}
#main#main .hm-reset-copy{align-self:center}
#main#main .hm-reset-copy h1{max-width:9.5ch}
#main#main .hm-reset-visual{transform:translateY(14px)}
#main#main .hm-reset-visual figcaption{
  margin:0 -8px;
  padding:14px 16px 15px;
  background:var(--pr-gold);
  border-top:2px solid var(--pr-ink);
}

/* Learner-space band becomes the first strong cobalt chapter. */
#main#main .hm-band:has(.hm-reset-spaces){
  background:var(--pr-blue)!important;
  color:#fff;
  border-block:3px solid var(--pr-ink)!important;
}
#main#main .hm-band:has(.hm-reset-spaces) .hm-reset-head>p{color:var(--pr-gold)!important}
#main#main .hm-band:has(.hm-reset-spaces) .hm-reset-head h2{color:#fff!important}
#main#main .hm-reset-spaces{padding-block:clamp(70px,8vw,112px)}
#main#main .hm-reset-space-grid{grid-template-columns:1.12fr .94fr .94fr;gap:22px}
#main#main .hm-reset-space:first-child{min-height:520px}

/* Topic preview behaves more like a magazine contents page than a feature-card grid. */
#main#main .hm-band:has(.hm-reset-topics){
  background:#fffdf8!important;
  border-bottom:3px solid var(--pr-ink)!important;
}
#main#main .hm-reset-topics{display:grid;grid-template-columns:minmax(250px,.72fr) minmax(0,1.28fr);gap:clamp(36px,6vw,84px);align-items:start;padding-block:clamp(64px,8vw,104px)}
#main#main .hm-reset-topics .hm-reset-head{display:block;position:sticky;top:28px;margin:0}
#main#main .hm-reset-topics .hm-reset-head h2{max-width:8ch!important}
#main#main .hm-reset-topic-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0;border-top:2.5px solid var(--pr-ink)}
#main#main .hm-reset-topic-grid a{
  min-height:92px;
  border:0;
  border-bottom:1.5px solid var(--pr-ink);
  border-radius:0;
  box-shadow:none!important;
  padding:18px 15px;
}
#main#main .hm-reset-topic-grid a:nth-child(odd){border-right:1.5px solid var(--pr-ink)}
#main#main .hm-reset-topic-grid a:nth-child(4n+1){background:var(--pr-sky)}
#main#main .hm-reset-topic-grid a:nth-child(4n+2){background:#fff}
#main#main .hm-reset-topic-grid a:nth-child(4n+3){background:#ffe9f1}
#main#main .hm-reset-topic-grid a:nth-child(4n){background:var(--pr-cream)}
#main#main .hm-reset-topic-grid a:hover{transform:translate(-2px,-2px);box-shadow:4px 4px 0 var(--pr-ink)!important;z-index:1}

/* The learning grammar deserves the large cobalt publisher panel from the approved screens. */
#main#main .hm-band:has(.hm-reset-how){
  background:var(--pr-blue)!important;
  border-bottom:3px solid var(--pr-ink)!important;
}
#main#main .hm-reset-how{padding-block:clamp(70px,8vw,110px)}
#main#main .hm-reset-how .hm-reset-head>p{color:var(--pr-gold)!important}
#main#main .hm-reset-how .hm-reset-head h2{color:#fff!important;max-width:11ch!important}
#main#main .hm-reset-steps{gap:20px}
#main#main .hm-reset-steps li{
  min-height:270px;
  background:#fff;
  border-width:3px;
  box-shadow:8px 9px 0 var(--step-shadow,var(--pr-gold));
}
#main#main .hm-reset-steps li:nth-child(1){--step-shadow:var(--pr-gold)}
#main#main .hm-reset-steps li:nth-child(2){--step-shadow:var(--pr-aqua)}
#main#main .hm-reset-steps li:nth-child(3){--step-shadow:#ffe9f1}
#main#main .hm-reset-steps li:nth-child(4){--step-shadow:var(--pr-gold)}

/* Crew reads as an image-led magazine feature. */
#main#main .hm-band:has(.hm-reset-crew){
  background:#ffe9f1!important;
  border-bottom:3px solid var(--pr-ink)!important;
}
#main#main .hm-reset-crew{padding-block:clamp(72px,9vw,120px)}
@media(min-width:951px){#main#main .hm-reset-crew{grid-template-columns:minmax(0,1.18fr) minmax(280px,.82fr)}}
#main#main .hm-reset-crew figure{transform:translateX(-12px);box-shadow:10px 11px 0 var(--pr-pink)}
#main#main .hm-reset-crew>div{padding:clamp(10px,2vw,28px)}
#main#main .hm-reset-crew h2{max-width:9ch}

/* Educator section becomes a dark, premium publishing beat instead of another white split. */
#main#main .hm-band:has(.hm-reset-educator){
  background:var(--pr-ink)!important;
  color:#fff;
  border-bottom:3px solid var(--pr-ink)!important;
}
#main#main .hm-reset-educator{padding-block:clamp(76px,9vw,122px)}
#main#main .hm-reset-educator :is(h2,p){color:#fff!important}
#main#main .hm-reset-educator .hm-reset-kicker{color:var(--pr-gold)!important}
#main#main .hm-reset-educator .hm-button{background:var(--pr-gold)!important;color:var(--pr-ink)!important}
#main#main .hm-reset-material-preview::before{
  content:"";
  position:absolute;
  inset:32px 1% 8px 15%;
  background:var(--pr-cream);
  border:2px solid #fff;
  border-radius:22px;
}

/* Resources end on a warm shelf, not another white grid. */
#main#main .hm-band:has(.hm-reset-resources){
  background:var(--pr-gold)!important;
}
#main#main .hm-reset-resources{padding-block:clamp(68px,8vw,108px)}
#main#main .hm-reset-resource-grid{grid-template-columns:1.15fr .925fr .925fr;align-items:stretch}
#main#main .hm-reset-resource:first-child{min-height:430px}
#main#main .hm-reset-resource{background:#fffdf8}

/* Learner spaces: full-width chapter bands using the same identity, different density. */
#main .student-space--block .space-topics{
  background:var(--pr-gold);
  box-shadow:0 0 0 100vmax var(--pr-gold);
  clip-path:inset(0 -100vmax);
}
#main .student-space--block .space-feed{
  background:var(--pr-sky);
  box-shadow:0 0 0 100vmax var(--pr-sky);
  clip-path:inset(0 -100vmax);
}
#main .student-space--block .space-deeper{
  background:#fffdf8;
}
#main .student-space--after .space-topics{
  background:#ffe9f1;
  box-shadow:0 0 0 100vmax #ffe9f1;
  clip-path:inset(0 -100vmax);
}
#main .student-space--after .space-feed{
  background:#fff4cf;
  box-shadow:0 0 0 100vmax #fff4cf;
  clip-path:inset(0 -100vmax);
}
#main .student-space--common .common-table{
  background:var(--pr-sky);
  box-shadow:0 0 0 100vmax var(--pr-sky);
  clip-path:inset(0 -100vmax);
}
#main .student-space--common .common-utility{
  background:#fffdf8;
}

/* Discovery and Resources use quiet utility surfaces with one strong field, not marketing cards. */
#main .discovery{
  background:#fffdf8;
}
#main .discovery-controls{
  background:var(--pr-cream);
  color:var(--pr-ink);
  border:2px solid var(--pr-ink);
  border-radius:14px;
  padding:16px;
}
#main .discovery-controls label{color:var(--pr-ink)}
#main .discovery-topic-jumps{margin-bottom:24px}
#main .resource-home-head{
  background:var(--pr-sky);
  box-shadow:0 0 0 100vmax var(--pr-sky);
  clip-path:inset(0 -100vmax);
}
#main .resource-home-grid{
  background:#fffdf8;
  padding-top:42px;
}
#main .resource-browser{
  background:var(--pr-cream);
  box-shadow:0 0 0 100vmax var(--pr-cream);
  clip-path:inset(0 -100vmax);
  padding-top:64px;
}
#main .resource-browser-controls{background:var(--pr-ink);color:#fff}
#main .resource-browser-controls label{color:#fff}

/* Educator experience alternates like a real publisher site rather than one white admin page. */
#main .teacher-home-hero{
  background:#fffdf8;
}
#main .teacher-bands{
  background:var(--pr-cream);
  box-shadow:0 0 0 100vmax var(--pr-cream);
  clip-path:inset(0 -100vmax);
}
#main .teacher-plan{background:var(--pr-sky)}
#main .teacher-materials{
  background:#fff;
}
#main .teacher-actual-materials{
  background:var(--pr-gold);
  box-shadow:0 0 0 100vmax var(--pr-gold);
  clip-path:inset(0 -100vmax);
}

/* Units get stronger chapter contrast without becoming another homepage. */
#main .unit-catalog-head{
  background:var(--pr-sky);
  box-shadow:0 0 0 100vmax var(--pr-sky);
  clip-path:inset(0 -100vmax);
}
#main .unit-catalog-grid{padding-top:46px}
#main .unit-catalog-card:nth-child(4)>div{background:var(--pr-aqua)}
#main .unit-catalog-card:nth-child(5)>div{background:var(--pr-gold)}
#main .unit-focused-skills{
  background:var(--pr-cream);
  box-shadow:0 0 0 100vmax var(--pr-cream);
  clip-path:inset(0 -100vmax);
}
#main .unit-focused-cases{
  background:#fffdf8;
  box-shadow:0 0 0 100vmax #fffdf8;
  clip-path:inset(0 -100vmax);
}

/* Mobile keeps the chapter changes and visual hierarchy instead of flattening everything. */
@media(max-width:950px){
 #main#main .hm-reset-topics{grid-template-columns:1fr}
 #main#main .hm-reset-topics .hm-reset-head{position:static}
 #main#main .hm-reset-space-grid,#main#main .hm-reset-resource-grid{grid-template-columns:1fr}
 #main#main .hm-reset-space:first-child,#main#main .hm-reset-resource:first-child{min-height:0}
 #main#main .hm-reset-crew figure{transform:none}
 #main#main .hm-reset-hero::before{right:-20px;width:64%;height:52%;top:auto;bottom:22px}
}
@media(max-width:620px){
 #main#main .hm-reset-hero{width:calc(100% - 36px)}
 #main#main .hm-reset-hero::before{display:none}
 #main#main .hm-reset-topic-grid{grid-template-columns:1fr}
 #main#main .hm-reset-topic-grid a:nth-child(odd){border-right:0}
 #main#main .hm-reset-steps{grid-template-columns:1fr}
}