/* Shared chrome after landing, inner-page and blog styles. */
.marketing-header{position:sticky;top:0;z-index:30;min-height:0;padding:0;background:rgba(255,255,255,.96);border-bottom:1px solid var(--pm-color-line);backdrop-filter:blur(16px)}
.blog-index .marketing-header,.blog-article .marketing-header{min-height:0;padding:0}
.marketing-header .header-inner{width:min(calc(100% - 72px),var(--pm-width-page));height:78px;min-height:0;margin:auto;display:flex;align-items:center;justify-content:initial;gap:28px}
.marketing-header .wordmark{display:inline-flex;align-items:center;flex:none;width:172px;margin-right:0}
.marketing-header .wordmark img{display:block;width:100%;height:auto}
.marketing-header .header-nav{display:flex;align-items:center;gap:clamp(17px,2.3vw,34px);margin-left:auto}
.marketing-header .header-nav a{display:inline-block;padding:8px 0;color:#535b5d;font:600 14px/1 var(--pm-font-display);letter-spacing:0;text-decoration:none;white-space:nowrap}
.marketing-header .header-nav a:hover,.marketing-header .header-nav a[aria-current="page"]{color:var(--pm-color-ink)}
.marketing-header .header-nav a[aria-current="page"]::after{display:none}
.marketing-header .header-cta{margin:0;width:auto;min-width:118px;flex:none}
.marketing-header .menu-toggle{display:none}
.marketing-footer{width:min(calc(100% - 72px),var(--pm-width-page));margin:0 auto;padding:27px 0 32px;border-top:1px solid var(--pm-color-line);display:grid;grid-template-columns:1fr auto;align-items:center;gap:20px;text-align:left;background:#fff}
.marketing-footer .footer-links{display:flex;align-items:center;flex-wrap:wrap;gap:12px 24px}
.marketing-footer .footer-brand{display:inline-flex;align-items:center;gap:10px;width:max-content;color:var(--pm-color-ink);font:600 16px/1 var(--pm-font-display);letter-spacing:0;text-decoration:none}
.marketing-footer .footer-links a{color:var(--pm-color-muted);font:400 13px/1.3 var(--pm-font-body);text-decoration:none;white-space:nowrap}
.marketing-footer .footer-links a:hover{color:var(--pm-color-ink);text-decoration:underline}
.marketing-footer .footer-note{grid-column:1/-1;margin-top:2px;color:#939c95;font-size:12px}
.home-detail-links{display:flex;flex-wrap:wrap;gap:13px;margin-top:28px}
.home-detail-links a{display:inline-flex;align-items:center;justify-content:space-between;gap:22px;min-height:46px;padding:0 18px;border:1px solid var(--pm-color-line);border-radius:13px;color:var(--pm-color-ink);font:600 14px/1 var(--pm-font-display);letter-spacing:0}
.home-detail-links a *{letter-spacing:0}
.home-detail-links a:hover{border-color:#a9bbac;background:var(--pm-color-wash)}
.home-detail-links span{color:var(--pm-color-blue);font-size:19px}
@media(max-width:900px){.marketing-header .header-inner{gap:18px}.marketing-header .header-nav{gap:16px}.marketing-header .wordmark{width:150px}}
@media(max-width:760px){
  .marketing-header .header-inner{position:relative;width:min(calc(100% - 36px),var(--pm-width-page));height:67px;gap:12px}
  .marketing-header .wordmark{width:145px}
  .marketing-header .header-cta{margin-left:auto;min-width:0;min-height:39px;padding-inline:15px;font-size:13px}
  .marketing-header .menu-toggle{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;flex:none;margin:0;border:1px solid var(--pm-color-line);border-radius:50%;background:#fff;color:var(--pm-color-ink);cursor:pointer}
  .marketing-header .menu-toggle::before{content:"☰";font:400 19px/1 var(--pm-font-body)}
  .marketing-header .menu-toggle[aria-expanded="true"]::before{content:"×";font-size:28px}
  .marketing-header .header-nav{display:none;position:absolute;top:calc(100% + 1px);left:0;right:0;z-index:35;margin:0;padding:12px;border:1px solid var(--pm-color-line);border-radius:0 0 18px 18px;background:#fff;box-shadow:0 20px 30px rgba(22,26,29,.08)}
  .marketing-header .header-nav[data-open="true"]{display:grid;gap:0}
  .marketing-header .header-nav a{display:block;padding:13px 10px;font-size:16px}
  .marketing-footer{width:min(calc(100% - 36px),var(--pm-width-page));grid-template-columns:1fr;gap:18px}
  .marketing-footer .footer-note{grid-column:auto}
}
@media(max-width:380px){.marketing-header .wordmark{width:118px}.marketing-header .header-inner{gap:8px}.marketing-header .header-cta{padding-inline:12px;font-size:12px}.marketing-header .menu-toggle{width:36px;height:36px}}
