/* Mobile navigation is an overlay; opening it never changes the header height. */
.burger .close-icon{display:none}
.burger[aria-expanded=true] .menu-icon{display:none}
.burger[aria-expanded=true] .close-icon{display:block}
.menu-shade{display:none}
.template-dialog-bottom>.hint{font-size:13px;max-width:50ch;line-height:1.5}.template-dialog-bottom>.hint a{text-decoration:underline}
@media(max-width:600px){.template-dialog-bottom{flex-direction:column;gap:10px}.template-dialog-bottom>.hint{font-size:11px;text-align:center}.template-dialog-bottom>.btn{width:100%;min-height:44px}}
@media(max-width:900px){
  :root{--nav-height:64px}
  html{scrollbar-gutter:stable}
  html.menu-open{overflow:hidden}
  html.menu-open,html.menu-open body{overscroll-behavior:none;overflow-anchor:none;scroll-behavior:auto}
  .nav .in{height:var(--nav-height);gap:16px}
  .nav .nav-create{display:none}
  .nav .burger{width:44px;height:44px;flex:none;border:0;background:transparent}
  .nav .mnav{position:absolute;inset:100% 0 auto;display:block;max-height:calc(100dvh - var(--nav-height));overflow-y:auto;overscroll-behavior:contain;box-shadow:0 18px 32px #152a3126;border-radius:0 0 18px 18px;z-index:2}
  .nav .mnav ul{display:flex;max-width:560px;padding:12px 20px 20px;margin:auto;gap:0}
  .nav .mnav a{padding:14px 12px;min-height:48px;border-bottom:0;border-radius:8px;font-size:16px}
  .nav .mnav a::after{display:none}
  .nav .mnav a:hover,.nav .mnav a:focus-visible{background:var(--ground)}
  .nav .menu-shade{display:block;position:absolute;inset:100% 0 auto;height:calc(100dvh - var(--nav-height));background:#152a3166;touch-action:none}
  [id]{scroll-margin-top:80px}
}

/* One spacing scale for phone pages, including forms, reports and the footer. */
@media(max-width:720px){
  body{font-size:15.5px;line-height:1.6}
  .in{padding-inline:20px}
  main>section{padding-block:44px}
  .phero .in{padding-block:28px}
  .phero h1{font-size:clamp(29px,7.5vw,36px);line-height:1.15;margin-top:12px}
  .phero h1 .u{white-space:normal}
  .phero .lead{font-size:16px;line-height:1.6;margin-top:12px}
  .phero+section{padding-top:28px!important}
  .eyebrow{font-size:10.5px;letter-spacing:.13em;line-height:1.5}
  .shead{margin-bottom:24px}
  .shead h2{font-size:28px;line-height:1.16;margin-top:10px}
  .shead p{font-size:16px;margin-top:12px}
  .hero .in{padding-top:28px;padding-bottom:28px;gap:28px}
  .hero h1{font-size:clamp(32px,8.6vw,40px);line-height:1.12;margin-top:14px;max-width:18ch}
  .hero .lead{font-size:16px;line-height:1.6;margin-top:16px}
  .hero .ctas{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:22px}
  .hero .ctas .btn{font-size:14px;padding:14px 12px;min-height:48px}
  .trust{font-size:12px;gap:7px 16px;margin-top:16px}
  .trust li{gap:5px}.trust svg{width:13px;height:13px;flex:none}
  .vis{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:10px;width:100%;max-width:430px;min-height:0;margin-inline:auto}
  .vis .watermark{width:280px;right:-45px;top:-20px}
  .vis .sheet{grid-column:1/-1;width:100%;padding:20px;border-radius:14px}
  .sheet .nm{font-size:21px}.sheet .rl{font-size:12px}
  .sheet .job b{font-size:12px}.sheet .job span{font-size:10.5px}
  .sheet .tags i{font-size:10.5px;padding:3px 7px}
  .vis .float{position:relative;inset:auto;min-width:0;width:auto}
  .vis .f1{grid-column:1;grid-row:2;flex-direction:column;align-items:flex-start;justify-content:center;gap:6px;padding:12px}
  .vis .f1 .ring{width:46px;height:46px}.vis .f1 .ring b{font-size:17px}
  .vis .f1 .t b{font-size:13px}.vis .f1 .t span{display:block;font-size:10px;line-height:1.4}
  .vis .f2{grid-column:2;grid-row:2;padding:12px;gap:10px;justify-content:center}
  .vis .f2 .row{font-size:11px;gap:6px}.vis .f2 .row svg{width:12px;height:12px}.vis .f2 .row em{font-size:10px}
  .vis .f3{grid-column:1/-1;grid-row:3;justify-content:center;padding:8px 4px;font-size:11px;border:0;box-shadow:none;background:transparent}
  .steps,.arts,.reviews{gap:14px}
  .step{padding:22px}.step h3{font-size:20px;margin:10px 0 8px}.step h2{font-size:21px;line-height:1.2;margin-bottom:10px}
  .step p{font-size:14px}.step .mini{height:88px;margin-top:16px}
  .hero-actions{gap:10px;margin:20px 0 0}
  .hero-actions .btn{min-height:44px;padding:12px 16px;font-size:14px}
  .dropzone{padding:28px 18px;gap:12px}.dropzone .dzi{width:48px;height:48px;border-radius:12px}
  .dropzone b{font-size:16px}.dropzone span,.dz-alt{font-size:13px}
  .panel .pbd{padding:18px;gap:16px}.panel .phd{padding:14px 18px}
  .field input,.field textarea,.field select{font-size:16px;min-width:0;padding:11px 12px}
  .scorehead{padding:22px 18px;gap:16px}.bigring{width:130px;height:130px}.bigring .v b{font-size:38px}
  .scorehead h2{font-size:23px}.scorehead .sub2{font-size:14px}.sysrow{justify-content:center;gap:6px;margin-top:12px}
  .sysrow li{font-size:10.5px;padding:5px 8px}
  .pane .ph{padding:12px 16px;flex-wrap:wrap}.pane .pb{padding:16px}
  .parsed .row{gap:8px;font-size:13px}.parsed .k{width:96px;font-size:11px}.parsed .v{min-width:0}
  .fnd{padding:14px;gap:9px}.fnd b{font-size:14px}.fnd p{font-size:13px}.fnd .sev{font-size:9px;padding:4px 6px}
  .report-paywall{padding:16px}.report-paywall .btn{width:100%;margin:6px 0 0;min-height:44px}
  .report-actions{padding:18px!important;gap:12px!important}.report-actions>div{min-width:0!important;flex-basis:100%!important}
  .report-actions .btn{width:100%;min-height:44px}
  .subscription-prices{gap:24px}.subscription-prices .price{padding:26px 22px}
  .price .amt{margin-top:16px}.price ul{margin:20px 0;gap:8px}.price li{font-size:14px}
  .faq{gap:10px}.faq summary{padding:16px;font-size:15px}.faq .ans{padding:0 16px 18px;font-size:14px}
  .method-note{margin-top:20px;font-size:13px}.paynote{margin-top:16px;gap:6px 12px}
  .template-gallery{gap:20px}.tpl{padding:10px}.template-cover{padding:10px}.template-description{padding-bottom:12px}
  .payment-form .field,.payment-check{margin:0}.payment-form .pbd{gap:20px}
  .payment-wrap .panel{margin-bottom:16px}.payment-wrap [role=status]:empty{display:none}
  .payment-wrap h2{font-size:23px}.payment-check{font-size:14px;line-height:1.55}
  .featured .fcov{min-height:180px}.featured .fbody{padding:24px}.art .body{padding:20px}
  .prose{font-size:16px}.prose h2{font-size:25px}.legalpage h2:first-child{margin-top:0}
  .toast{max-width:calc(100% - 32px);width:max-content;font-size:13px;line-height:1.5;padding:12px 18px;border-radius:12px}
  footer.mfoot{margin-top:0}
  .mfoot .fscene{min-height:0}.mfoot .fcta{padding-block:32px}
  .mfoot .fcta h2{font-size:29px;line-height:1.15;margin-top:10px}.mfoot .fsub{font-size:15px;margin-top:12px}
  .mfoot .fbtns{margin-top:20px;gap:10px}.mfoot .fbtns .btn{font-size:13px;padding:13px 14px;min-height:44px}
  .mfoot .fmain{grid-template-columns:1fr 1fr;padding-top:32px;padding-bottom:28px;gap:26px 20px}
  .mfoot .fcol.about{grid-column:1/-1}.mfoot .fcol.about p{margin-top:10px;max-width:none}
  .mfoot .fcol:last-child{grid-column:1/-1}.mfoot .fcol:last-child ul{display:flex;flex-direction:row;flex-wrap:wrap;gap:4px 20px}
  .mfoot .fcol h4{margin-bottom:10px}.mfoot .fcol ul{gap:4px;font-size:14px}.mfoot .fcol ul a{display:inline-block;padding-block:6px}
  .mfoot .fcity{display:none}.mfoot .fgroup .in{padding-block:18px;gap:12px}
  .mfoot .glogos{width:100%;gap:14px 28px}
  .mfoot .glogos a{min-height:44px;padding-block:10px}
  .mfoot .flegal .in{padding-block:16px;font-size:11px}
}