/* Shared product language for the directory, journal and reading pages. */
body.product-subpage {
  --ink:#1d1d1f; --muted:#68686e; --line:#dedee2; --ivory:#f5f5f7; --mint:#f5f5f7;
  --sub-ink:#1d1d1f; --sub-muted:#68686e; --sub-line:#dedee2; --sub-paper:#f5f5f7; --sub-green:#164c3b;
  color:var(--ink); background:#fff;
}
body.product-subpage [hidden]{display:none!important}
body.product-subpage .wrap{width:min(1120px,calc(100% - 80px))}
body.product-subpage .header{height:60px;background:rgba(255,255,255,.9);border-bottom:1px solid #e8e8ed;backdrop-filter:saturate(180%) blur(20px)}
body.product-subpage .header-inner{height:60px;max-width:1440px;padding-inline:32px}
body.product-subpage .header .brand{font-size:21px;letter-spacing:-.055em;color:#164c3b}
body.product-subpage .desktop-nav{font-size:11px;gap:25px;color:#49494f}
body.product-subpage.guide-page .button{border-radius:100px;font-size:13px;min-height:44px;padding:11px 23px;font-weight:500;letter-spacing:0;box-shadow:none;background:#164c3b;border-color:#164c3b;color:#fff}
body.product-subpage.guide-page .header .button{min-height:40px;padding:9px 20px;font-size:12px}
body.product-subpage .text-link{color:#164c3b;font-weight:500}
body.product-subpage :is(a,button,summary,input,select):focus-visible{outline:2px solid #164c3b;outline-offset:4px}
body.product-subpage .breadcrumbs{font-size:11px;line-height:1.8;padding-top:26px;color:#68686e}
body.product-subpage .breadcrumbs a{color:#68686e}
body.product-subpage :is(.eyebrow,.overline){font-size:11px;font-weight:550;letter-spacing:.08em;color:#68686e}
body.product-subpage :is(h1,h2,h3){color:#1d1d1f;letter-spacing:-.04em}
body.product-subpage :is(.section-head h2,.guide-contact h2){font-size:clamp(36px,4.3vw,52px);font-weight:600;line-height:1.25}
body.product-subpage .section{padding-block:100px}
body.product-subpage .guide-contact{background:#f5f5f7;border-top:0;padding-block:90px}
body.product-subpage .guide-contact p:not(.eyebrow){font-size:15px;line-height:1.9;color:#68686e}
body.product-subpage .guide-contact p.note{font-size:12px}
body.product-subpage .footer{background:#f5f5f7;border-top:1px solid #dedee2;padding:50px 0 25px}
body.product-subpage .footer :is(p,a,nav){color:#68686e}
body.product-subpage .footer .brand,body.product-subpage .footer h2{color:#1d1d1f}
body.product-subpage .footer h2{font-size:12px;font-weight:600;letter-spacing:0}
body.product-subpage .footer-bottom{color:#68686e;border-color:#dedee2}
@media(min-width:801px) and (max-width:1000px){
 body.product-subpage .desktop-nav{gap:15px;font-size:10px}
 body.product-subpage .header-inner{padding-inline:24px;gap:20px}
}
@media(max-width:800px){
 body.product-subpage .wrap{width:calc(100% - 40px)}
 body.product-subpage .header-inner{padding-inline:20px}
 body.product-subpage .header .brand{font-size:19px}
 body.product-subpage.guide-page .header .button{min-height:34px;padding:7px 13px;font-size:11px}
 body.product-subpage .breadcrumbs{padding-top:22px;font-size:11px}
 body.product-subpage .section{padding-block:64px}
 body.product-subpage :is(.section-head h2,.guide-contact h2){font-size:clamp(30px,7.8vw,38px)}
 body.product-subpage .guide-contact{padding-block:64px}
 body.product-subpage .guide-contact p:not(.eyebrow){font-size:14px}
 body.product-subpage .footer{padding-top:40px}
}
@media(max-width:350px){
 body.product-subpage .header-inner{padding-inline:16px;gap:12px}
 body.product-subpage .header .brand{font-size:17px}
 body.product-subpage .wrap{width:calc(100% - 32px)}
}
