/* Shared blue, white, and light blue palette; green and violet remain accents. */
:root{--nap-ink:#1b2c46;--nap-muted:#344a69;--nap-blue:#286ce0;--nap-blue-dark:#1d56bb;--nap-pale:#e4efff;--nap-soft:#f7faff;--nap-line:#c7d9f2;--nap-violet:#675bd0}
body[data-page]{--ink:var(--nap-ink);--muted:var(--nap-muted);--border:var(--nap-line);--soft:var(--nap-soft);--deep:#1b4e95;color:var(--nap-ink);background:#fff}
body[data-page] p{color:var(--nap-muted)}
body[data-page] .site-header{background:#fff;border-bottom-color:var(--nap-line)}
body[data-page] .site-header :is(.desktop-nav a,.mobile-nav a){color:#233b60;font-size:16px}
body[data-page] .site-header :is(.desktop-nav a,.mobile-nav a).is-active,
body[data-page] .site-header .desktop-nav a:hover{border-bottom-color:var(--nap-blue)}
body[data-page] .site-header .nav-actions .button{background:var(--nap-blue);border-color:var(--nap-blue);color:#fff;font-size:16px;min-height:52px}
body[data-page] .site-header .nav-actions .button:hover{background:var(--nap-blue-dark)}
body[data-page] .site-header .menu-toggle{border-color:#a8bfdf}
body[data-page] .site-header .menu-toggle span{background:#233b60}
body[data-page] :is(a,button,input,select,summary):focus-visible,
.nap-product :is(a,summary):focus-visible{outline:3px solid var(--nap-violet);outline-offset:4px}
body[data-page] .button-dark,body[data-page] .button-lime{background:var(--nap-blue);border-color:var(--nap-blue);color:#fff}
body[data-page] .button-dark:hover,body[data-page] .button-lime:hover{background:var(--nap-blue-dark);border-color:var(--nap-blue-dark);color:#fff}
body[data-page] .button-outline{background:#fff;border:1px solid var(--nap-blue);color:var(--nap-blue-dark)}
body[data-page] .button-outline:hover{background:#eaf2ff}
body[data-page] .button-light{background:#fff;border:1px solid #fff;color:var(--nap-blue-dark)}
body[data-page] .button-light:hover{background:#eaf2ff}
body[data-page] .footer{background:#173966;color:#fff;border-color:#173966}
body[data-page] .footer :is(p,a,.small-note,.foot-bottom){color:#e2edff}
body[data-page] .footer .foot-bottom{border-color:#6686b1}

/* Parents. */
body[data-page=parents]{--paper:#fff;--deep:#1b4e95;background:#fff}
body[data-page=parents] .eyebrow{color:#245caf}
body[data-page=parents] .page-hero{background:linear-gradient(125deg,#1c56a8,#286fd8);color:#fff}
body[data-page=parents] .page-hero :is(.eyebrow,.lead){color:#eff5ff}
body[data-page=parents] .page-hero h1 .muted{color:#dceaff}
body[data-page=parents] .page-hero .button-dark{background:#fff;border-color:#fff;color:#1d56bb}
body[data-page=parents] .page-hero .button-outline{background:transparent;border-color:#fff;color:#fff}
body[data-page=parents] .page-hero .button-outline:hover{background:#ffffff24}
body[data-page=parents] .parent-hero-visual img{border-color:#aac8ef;box-shadow:20px 22px 0 #6c60c8}
body[data-page=parents] .parent-hero-visual figcaption{color:#f0f6ff}
body[data-page=parents] main>.section:nth-of-type(2),body[data-page=parents] #habits,body[data-page=parents] #lessons{background:#f8fbff}
body[data-page=parents] .situation{border-color:#3981ed}
body[data-page=parents] .situation+.situation{border-left-color:#c4d8f2}
body[data-page=parents] #method{background:#e4efff}
body[data-page=parents] .method-columns,body[data-page=parents] .method-col{border-color:#a9c6ec}
body[data-page=parents] .method-num,body[data-page=parents] #habits .feature-card .number{color:#286ce0}
body[data-page=parents] #habits .cards,body[data-page=parents] #habits .feature-card{border-color:#a9c6ec}
body[data-page=parents] #habits .section-top .eyebrow{color:var(--nap-ink)}
body[data-page=parents] #thinking{background:#1d5db8}
body[data-page=parents] #thinking :is(.eyebrow,p,.section-lead){color:#eef5ff}
body[data-page=parents] #thinking .cards,body[data-page=parents] #thinking .feature-card,body[data-page=parents] #thinking .info-line{border-color:#8db7ee}
body[data-page=parents] #thinking .feature-card .number{color:#fff}
body[data-page=parents] .lesson-demo{background:#eaf2ff;border-color:#a9c6ec}
body[data-page=parents] .lesson-sidebar{background:#dce9ff}
body[data-page=parents] .lesson-head,body[data-page=parents] .stage-top{color:#344a69}
body[data-page=parents] .lesson-tab{color:#233b60}
body[data-page=parents] .lesson-tab.active{background:#286ce0;color:#fff}
body[data-page=parents] .lesson-screen{border-color:#b5cbed}
body[data-page=parents] #lessons .lesson-screen{background:#eaf2ff;border-color:#a9c6ec}
body[data-page=parents] #lessons .lesson-sidebar{border-color:#a9c6ec}
body[data-page=parents] #lessons .lesson-tab{border-color:#91b7ec}
body[data-page=parents] #lessons .lesson-tab.active{border-color:#286ce0}
body[data-page=parents] #lessons .mentor-line{border-color:#a9c6ec}
body[data-page=parents] main>.section:nth-of-type(7),body[data-page=parents] main>.section:nth-of-type(9){background:#e4efff}
body[data-page=parents] #family,body[data-page=parents] main>.section:nth-of-type(10){background:#f8fbff}
body[data-page=parents] #family .editorial-box{background:#e4efff}
body[data-page=parents] #family .editorial-box>span{color:#245caf}
body[data-page=parents] .progress-screen img{box-shadow:15px 15px 0 #8eb6eb}
body[data-page=parents] .progress-screen figcaption{color:#344a69}
body[data-page=parents] .quick-route{background:#1d5db8}
body[data-page=parents] .quick-route .button{background:#fff;border-color:#fff;color:#1d56bb}
body[data-page=parents] .quick-route .button:hover{background:#eaf2ff}
body[data-page=parents] .faq-section details{border-color:#bdd0e9}
body[data-page=parents] .faq-section summary::after{color:#286ce0}
body[data-page=parents] .contact-section{background:#1d5db8;color:#fff}
body[data-page=parents] .contact-copy :is(.eyebrow,p,a){color:#f0f6ff}
body[data-page=parents] .contact-form{background:#e4efff;color:#1b2c46}
body[data-page=parents] .contact-form :is(input,textarea){border-color:#91b7ec;color:#1b2c46}
body[data-page=parents] .contact-form .button{background:#286ce0;border-color:#286ce0;color:#fff}
body[data-page=parents] .mobile-sticky-cta{background:#f7faff;border-color:#c7d9f2}
body[data-page=parents] .shaded{background:#edf4fe}
body[data-page=parents] .dark-section{background:#286fd8;color:#fff}
body[data-page=parents] .dark-section p{color:#f0f6ff}

/* Catalog and its controls. */
body[data-page=catalog]{--catalog-ink:#1b2c46;--catalog-paper:#f7faff;--catalog-lime:#dceaff;--course-accent:#675bd0;--book-accent:#1d678e;--pack-accent:#167453;background:var(--catalog-paper)}
body[data-page=catalog] #products{background:var(--catalog-paper)}
body[data-page=catalog] .catalog-head h1{color:var(--nap-ink)}
body[data-page=catalog] .filter-panel{background:#dceaff}
body[data-page=catalog] .field span,body[data-page=catalog] .reset-link{color:#233b60}
body[data-page=catalog] .field :is(input,select){color:#233b60;font-size:16px}
body[data-page=catalog] .field input::placeholder{color:#4a6384}
body[data-page=catalog] .type-tabs button{border-color:#91b7ec;color:#214f94;font-size:16px}
body[data-page=catalog] .type-tabs button:hover{background:#cbdfff}
body[data-page=catalog] .type-tabs button.is-selected{background:#286ce0;border-color:#286ce0;color:#fff}
body[data-page=catalog] .product-card{background:#fff;color:var(--nap-ink)}
body[data-page=catalog] .product-card.type-course{--category-surface:#5142b4}
body[data-page=catalog] .product-card.type-book{--category-surface:#1d678e}
body[data-page=catalog] .product-card.type-pack{--category-surface:#167453}
body[data-page=catalog] .product-title h3,body[data-page=catalog] .product-volume,body[data-page=catalog] .product-price{color:var(--nap-ink)}
body[data-page=catalog] .product-subtitle,body[data-page=catalog] .product-series,body[data-page=catalog] .product-price.is-unconfirmed{color:var(--nap-muted)}
body[data-page=catalog] .product-link{font-size:16px}
body[data-page=catalog] .empty-state{border-color:var(--nap-line)}
body[data-page=catalog] .empty-state .button{border-color:var(--nap-blue);color:var(--nap-blue-dark)}

/* Main course. */
body[data-page=course]{--forest:#1c56a8;--deep:#173966;--green:#286ce0;--pale:#e4efff;--lime:#fff;--line:#c7d9f2}
body[data-page=course] .course-hero{background:linear-gradient(125deg,#1b4e95,#286fd8);color:#fff}
body[data-page=course] .hero-copy h1 span{color:#e1edff}
body[data-page=course] .course-hero .button-lime{background:#fff;border-color:#fff;color:#1d56bb}
body[data-page=course] .course-hero .button-lime:hover{background:#eaf2ff;border-color:#eaf2ff;color:#1d56bb}
body[data-page=course] :is(.hero-kicker,.hero-meta,.hero-lead,.hero-facts span,.hero-person figcaption span){color:#eff5ff}
body[data-page=course] .hero-facts,body[data-page=course] .hero-facts div{border-color:#8db7ee}
body[data-page=course] .hero-facts strong{color:#fff}
body[data-page=course] .hero-person:after{background:linear-gradient(transparent,rgba(17,42,79,.85))}
body[data-page=course] .situations{background:#f8fbff}
body[data-page=course] .situation-grid article,.process-track article{border-color:#91b7ec}
body[data-page=course] .situations p,body[data-page=course] .outcome-list p,body[data-page=course] .process-track p,body[data-page=course] .role-panels p{color:var(--nap-muted)}
body[data-page=course] .outcomes,body[data-page=course] .roles,body[data-page=course] .author{background:#e4efff}
body[data-page=course] .role-grid img{background:#d4e5fc}
body[data-page=course] .role-panels article:not([hidden]){background:#d4e5fc}
body[data-page=course] .role-tabs button{border-color:#91b7ec;color:#23436f}
body[data-page=course] .role-tabs button[aria-selected=true]{background:#286ce0;border-color:#286ce0;color:#fff}
body[data-page=course] .process-number,body[data-page=course] .process-last strong{color:#286ce0}
body[data-page=course] .program{background:#1c56a8;color:#fff}
body[data-page=course] .program :is(p,small,.program-kicker,.program-detail){color:#eef5ff}
body[data-page=course] .program-stats strong,.program-list summary span{color:#fff}
body[data-page=course] .program-list,.program-list details{border-color:#8db7ee}
body[data-page=course] .program-list summary:after{color:#fff}
body[data-page=course] .program .button-dark{background:transparent;border-color:#fff;color:#fff}
body[data-page=course] .program .button-dark:hover{background:#ffffff24}
body[data-page=course] .offer-kicker,body[data-page=course] .author-kicker{color:#245caf}
body[data-page=course] .offer-item{border-color:#c7d9f2}
body[data-page=course] .offer-item>span,body[data-page=course] .offer-price{color:#245caf}
body[data-page=course] .offer-item:not(.offer-featured) .button{background:#286ce0;color:#fff;border-color:#286ce0}
body[data-page=course] .offer-featured{background:#1d5db8;border-color:#1d5db8;color:#fff}
body[data-page=course] .offer-featured :is(p,.offer-price,span){color:#fff}
body[data-page=course] .offer-featured .button{background:#fff;color:#1d56bb;border-color:#fff}
body[data-page=course] .author p:not(.author-kicker):not(.author-emphasis){color:var(--nap-muted)}
body[data-page=course] .faq{background:#edf4fe}
body[data-page=course] .faq-list details{background:#fff;border:1px solid #dae6f7}
body[data-page=course] .faq-list summary:after{color:#286ce0;border-color:#286ce0}
body[data-page=course] .faq-list p{color:var(--nap-muted)}
body[data-page=course] .closing{background:#286fd8;color:#fff}
body[data-page=course] .closing p{color:#f0f6ff}
body[data-page=course] .closing .button-dark{background:#fff;border-color:#fff;color:#1d56bb}
body[data-page=course] .inquiry-dialog{color:var(--nap-ink)}
body[data-page=course] .inquiry-dialog p{color:var(--nap-muted)}
body[data-page=course] .inquiry-close{color:var(--nap-ink)}

/* Product pages share one layout and one accessible blue treatment. */
.nap-product{--product-ink:#1b2c46;--product-accent:#5142b4;--product-surface:#f0edff;color:var(--nap-ink)}
.nap-product--book{--product-accent:#1d678e;--product-surface:#e9f2fb}
.nap-product--pack{--product-accent:#167453;--product-surface:#e8f4ef}
.nap-product h1,.nap-product__section h2,.nap-product__purchase h2,.nap-product__fact dd,.nap-product__price,.nap-product__related b{color:var(--nap-ink)}
.nap-product__lead,.nap-product__section p,.nap-product__contents-body,.nap-product__related,.nap-product__purchase-note,.nap-product__purchase-list li{color:var(--nap-muted)}
.nap-product__breadcrumbs,.nap-product__fact dt,.nap-product__price-label{color:#435c7c}
.nap-product__facts,.nap-product__contents,.nap-product__contents details,.nap-product__fact+.nap-product__fact{border-color:#bdd0e9}
.nap-product__purchase{border-color:#c7d9f2;box-shadow:0 18px 55px #17396614}
.nap-product__related a{color:#1d56bb}
.nap-product__buy{background:#286ce0;color:#fff}
.nap-product__buy:hover{background:#1d56bb;color:#fff}
.nap-product__mobile-buy .nap-product__buy{background:#286ce0;color:#fff}
.nap-product__mobile-buy{border-color:#c7d9f2}
body:has(.nap-product) .footer{background:#173966}
body:has(.nap-product) .footer :is(p,a,.small-note,.foot-bottom){color:#e2edff}

/* Minimum 16px for supporting text and controls throughout the site. */
body[data-page] :is(.eyebrow,.micro,.small-note,.number,.lesson-head,.stage-top,.stage-nav,.quick-route label,.field span,.reset-link,.results-bar span,.product-kind,.product-grade,.product-series,.product-subtitle,.product-volume,.product-price.is-unconfirmed,.product-link,.catalog-count,.course-detail,.course-visual figcaption,.foot-grid b,.foot-grid a,.foot-grid p,.foot-bottom,.hero-kicker,.program-kicker,.offer-kicker,.author-kicker,.hero-facts span,.hero-person figcaption span,.hero-person figcaption small,.process-facts span,.process-track p,.outcome-list p,.role-grid p,.role-panels p,.program-stats span,.program-list summary small,.program-detail,.offer-item>span,.offer-item p,.offer-item li,.faq-list p,.access-note,.nap-product__breadcrumbs,.nap-product__type,.nap-product__fact dt,.nap-product__access p,.nap-product__related,.nap-product__purchase-kicker,.nap-product__price-label,.nap-product__purchase-note,.nap-product__purchase-list li){font-size:16px}
body[data-page] :is(.button,.button-sm,.menu-toggle,.lesson-tab,.role-tabs button,.type-tabs button){font-size:16px}
body[data-page=parents] :is(.lesson-screen figcaption,.progress-screen figcaption,.faq-section details p,.contact-form label,.contact-form .contact-note,.quick-route label,.lesson-copy p,.lesson-head){font-size:16px}
body[data-page=parents] :is(.parent-hero-visual figcaption,.subtle-why){font-size:16px}
body[data-page=course] :is(.hero-facts strong,.program-stats strong,.process-last strong){font-size:clamp(2rem,4vw,3.5rem)}
@media(max-width:600px){body[data-page=course] .role-tabs button{font-size:16px;padding:10px 7px}body[data-page=catalog] .type-tabs button{white-space:normal}}
@media(prefers-reduced-motion:reduce){body[data-page] *{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* Reviewed details from the annotated screens. */
body[data-page=course] .course-hero .hero-grid{height:calc(100svh - 76px - 94px);min-height:0}
body[data-page=course] .course-hero .hero-copy{padding:clamp(25px,4vh,50px) 0 22px;align-self:center}
body[data-page=course] .course-hero .hero-copy h1{font-size:clamp(2.5rem,min(4.5vw,7.2vh),4.6rem);line-height:1.02}
body[data-page=course] .course-hero .hero-kicker{margin-bottom:18px}
body[data-page=course] .course-hero .hero-meta{margin:20px 0 10px}
body[data-page=course] .course-hero .hero-lead{margin-bottom:20px}
body[data-page=course] .course-hero .hero-person{height:100%;min-height:0}
body[data-page=course] .course-hero .hero-facts{min-height:94px;align-items:center;padding:10px 0}
body[data-page=course] .offer-item li::before{color:#286ce0}
body[data-page=course] .offer-featured li::before{color:#a9d5ff}
body[data-page=course] .offer-item .access-note{display:none}
body[data-page=course] .program{background:#173966}
body[data-page=course] .program :is(.program-kicker,.program-head>p,.program-list summary small,.program-detail){color:#fff}
body[data-page=course] .program-stats strong,body[data-page=course] .program-list summary span,body[data-page=course] .program-list summary::after{color:#bdb7ff}
body[data-page=course] .program-list summary b{color:#fff}
body[data-page=course] .program-list,body[data-page=course] .program-list details{border-color:#9eb9e2}
body[data-page=course] .roles .section-action{width:210px;margin-top:-92px;position:relative;z-index:2}
body[data-page=course] .roles .section-action .button{width:100%}
body[data-page=course] .closing .button-lime{background:#fff;border-color:#fff;color:#1d56bb}
body[data-page=course] .closing .button-lime:hover{background:#eaf2ff;border-color:#eaf2ff;color:#1d56bb}
body[data-page=course] .offer-item:first-child .button{background:#286ce0;border-color:#286ce0;color:#fff}
body[data-page=course] .offer-item:last-child .button{background:#286ce0;border-color:#286ce0;color:#fff}
body[data-page=course] .offer-item:nth-child(2) .button{background:#fff;border-color:#fff;color:#1d56bb}
body[data-page=course] .offer-item:nth-child(2) .button:hover{background:#eaf2ff}
body[data-page=catalog] .product-card.type-pack{--category-surface:#1d5db8}
.nap-product--pack{--product-accent:#286ce0;--product-surface:#eaf2ff}
.nap-product__type{color:#1d5db8}
.nap-product__contents summary::after{border-color:#286ce0;color:#286ce0}

/* Three existing, relevant materials on every page. */
body[data-page] .nap-recommendations{padding:78px 0 92px;background:#f2f7ff;color:#1b2c46}
body[data-page] .nap-recommendations h2{font-size:clamp(2.4rem,4.4vw,4.7rem);line-height:1.07;letter-spacing:-.055em;margin:0 0 35px;color:#1b2c46}
body[data-page] .nap-recommendations__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
body[data-page] .nap-recommendations__card{min-height:215px;display:flex;flex-direction:column;padding:25px 27px;border:1px solid #bbd0ee;border-radius:11px;background:#fff;color:#1b2c46;text-decoration:none}
body[data-page] .nap-recommendations__card:nth-child(2){background:#e9edff}
body[data-page] .nap-recommendations__card:nth-child(3){background:#dfeeff}
body[data-page] .nap-recommendations__card>span:first-child{font-size:16px;color:#245caf;font-weight:700;margin-bottom:25px}
body[data-page] .nap-recommendations__card strong{font-size:clamp(1.35rem,2vw,1.8rem);line-height:1.2;letter-spacing:-.035em}
body[data-page] .nap-recommendations__arrow{font-size:28px;color:#286ce0;margin-top:auto;align-self:flex-end;line-height:1}
body[data-page] .nap-recommendations__card:hover{border-color:#286ce0;box-shadow:0 12px 30px #17396618}
@media(max-width:800px){body[data-page=course] .roles .section-action{width:auto;margin-top:24px}body[data-page] .nap-recommendations__grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){
 body[data-page=course] .course-hero .hero-grid{height:auto;min-height:0;display:flex;flex-direction:column}
 body[data-page=course] .course-hero .hero-copy{padding:20px 0 12px}
 body[data-page=course] .course-hero .hero-copy h1{font-size:clamp(2.15rem,8.5vw,3rem);line-height:1.03}
 body[data-page=course] .course-hero .hero-kicker{margin-bottom:12px}
 body[data-page=course] .course-hero .hero-meta{margin:12px 0 7px}
 body[data-page=course] .course-hero .hero-lead{margin-bottom:13px;line-height:1.45}
 body[data-page=course] .course-hero .hero-person{height:clamp(170px,24svh,230px);min-height:0}
 body[data-page=course] .course-hero .hero-facts{min-height:65px;padding:7px 0 12px}
 body[data-page=course] .course-hero .hero-facts strong{font-size:2rem}
 body[data-page] .nap-recommendations{padding:58px 0 70px}
 body[data-page] .nap-recommendations__grid{grid-template-columns:1fr}
 body[data-page] .nap-recommendations__card{min-height:155px}
}

/* Recommendations use the same content hierarchy and card treatment as the catalog. */
body[data-page] .nap-recommendations{padding:92px 0 104px}
body[data-page] .nap-recommendations h2{margin-bottom:44px}
body[data-page] .nap-recommendations__grid{gap:18px}
body[data-page] .nap-recommendations .product-card{--category-surface:#5142b4;display:flex;flex-direction:column;min-width:0;min-height:360px;padding:22px 24px 0;background:#fff;border:0;border-radius:11px;overflow:hidden;color:#1b2c46;text-decoration:none}
body[data-page] .nap-recommendations .product-card.type-book{--category-surface:#1d678e}
body[data-page] .nap-recommendations .product-card.type-pack{--category-surface:#1d5db8}
body[data-page] .nap-recommendations .product-head{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;min-height:34px}
body[data-page] .nap-recommendations .product-kind{margin:0;padding:0;color:var(--category-surface);font-size:16px;font-weight:800;line-height:1.25;text-transform:uppercase;letter-spacing:.02em}
body[data-page] .nap-recommendations .product-series{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0;padding:0;color:#435b7b;font-size:16px;line-height:1.25}
body[data-page] .nap-recommendations .product-grade{display:flex;align-items:center;min-height:34px;margin:0;padding:5px 10px;border-radius:9px;background:var(--category-surface);color:#fff;font-size:16px;line-height:1.2;white-space:nowrap}
body[data-page] .nap-recommendations .product-title{display:block;margin:23px 0 9px;color:#1b2c46}
body[data-page] .nap-recommendations .product-title h3{font-size:clamp(1.4rem,1.9vw,1.9rem);line-height:1.16;letter-spacing:-.05em;font-weight:800;overflow-wrap:anywhere;margin:0}
body[data-page] .nap-recommendations .product-subtitle{font-size:16px;line-height:1.55;color:#344a69;margin:0 0 18px}
body[data-page] .nap-recommendations .product-volume{font-size:16px;font-weight:800;color:#1b2c46;margin-top:auto;padding:5px 0 3px}
body[data-page] .nap-recommendations .product-price{font-size:16px;line-height:1.35;font-weight:700;color:#344a69;margin-top:auto;padding:0 0 19px}
body[data-page] .nap-recommendations .product-volume+.product-price{margin-top:0}
body[data-page] .nap-recommendations .product-bottom{display:block;margin:0 -24px;padding:0;border:0}
body[data-page] .nap-recommendations .product-link{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:58px;padding:12px 25px;background:var(--category-surface);color:#fff;font-size:16px;font-weight:800}
body[data-page] .nap-recommendations .product-link::after{content:'↗';font-size:23px;line-height:1;font-weight:400}
body[data-page] .nap-recommendations .product-card:hover .product-link{filter:brightness(.9)}
body[data-page] .nap-recommendations .product-card:focus-visible{outline:3px solid #675bd0;outline-offset:4px}
body:has(.nap-product) .nap-product{padding-bottom:0}
body:has(.nap-product) .nap-recommendations{margin-top:86px}
@media(max-width:800px){body[data-page] .nap-recommendations__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){body[data-page] .nap-recommendations{padding:65px 0 76px}body[data-page] .nap-recommendations h2{margin-bottom:30px}body[data-page] .nap-recommendations__grid{grid-template-columns:1fr}body[data-page] .nap-recommendations .product-card{min-height:310px}body:has(.nap-product) .nap-recommendations{margin-top:54px}}
/* Show the entire logo artwork within the existing header. */
body[data-page] .site-header .brand img{
  aspect-ratio:4.7 / 1;
  object-fit:cover;
  object-position:center 46%;
}