/* brand-wt.css v1 — The Well Tools pages (/tools, /<app>, /<app>-guide, support pages) in the family style.
   Loaded after the page's own CSS; overrides the .pow rules. Kepler for reading, Work Sans for interface. */
html,body{background:#fff!important}
.pow{--display:var(--po-serif);--body:var(--po-serif);--ui:var(--po-ui);--band:var(--po-ink);--sage:#4f6b62;
  font-size:18px!important;line-height:1.6!important}
/* Interface text stays Work Sans */
.pow .pow-eyebrow,.pow a.pow-btn,.pow .pow-pill,.pow .pow-navlinks a,.pow .pow-navname small,.pow .pow-sub,.pow a.pow-more,
.pow .pow-tm,.pow .po-expand summary,.pow .pow-faq summary,.pow .pow-toc summary,.pow .pow-pname,.pow .pow-req dt,
.pow table th,.pow .pow-guide th,.pow .pow-guide td,.pow .pow-guide code,.pow .po-pop,.pow kbd{font-family:var(--po-ui)!important}
.pow .pow-guide code{font-family:ui-monospace,Menlo,Consolas,monospace!important}
/* Reading sizes for Kepler (it runs smaller than Work Sans) */
.pow .pow-intro,.pow .pow-pitch,.pow .pow-p{font-size:18.5px!important;line-height:1.6!important}
.pow .pow-li,.pow .pow-feat p,.pow .pow-steps li,.pow .pow-req dd,.pow .pow-faq .pow-ans,.pow .po-changelog li,.pow .po-changelog p{font-size:17px!important}
.pow .pow-guide p,.pow .pow-guide li{font-size:18px!important;line-height:1.62!important}
.pow .pow-shot figcaption{font-size:16px!important}
/* Headings: Kepler Regular, not bold Playfair */
.pow .pow-h1{font-weight:400!important;font-size:clamp(2.4rem,5vw,3.6rem)!important;letter-spacing:-.01em}
.pow .pow-sh,.pow .pow-guide h2{font-weight:400!important;font-size:2.2rem!important}
.pow .pow-name{font-weight:400!important;font-size:2.1rem!important}
.pow .pow-sh3,.pow .pow-feat h3,.pow .pow-how h3,.pow .pow-guide h3,.pow .po-changelog h3{font-weight:700!important}
.pow .pow-tag,.pow .pow-headtag{font-weight:400!important;font-size:1.4rem!important}
.pow .pow-amt,.pow .pow-pamt{font-weight:400!important}
.pow .pow-navname b,.pow .pow-fcol p.pow-fbrand,.pow .pow-brand{font-weight:400!important}
/* Full width instead of the boxed panel */
.pow .pow-sheet{max-width:none!important;border-radius:0!important;box-shadow:none!important;background:transparent!important}
.pow .pow-sheet>*{padding-left:max(var(--po-gutter),calc((100% - var(--po-max))/2 + 20px))!important;padding-right:max(var(--po-gutter),calc((100% - var(--po-max))/2 + 20px))!important}
.pow .pow-head{padding-top:84px!important;padding-bottom:84px!important}
.pow .pow-sheet>.pow-grid{background:var(--po-haint-lt)!important;gap:22px!important;padding-top:56px!important;padding-bottom:56px!important;border:0!important}
.pow .pow-grid .pow-tool{border:0!important;border-radius:var(--po-r)!important;box-shadow:0 1px 0 var(--po-line),0 10px 30px -18px rgba(54,66,66,.35)!important}
/* Header: white, sticky below the family bar, full width */
.pow-standalone .pow-nav{top:var(--po-fam-h)!important}
.pow-standalone .pow .pow-nav,.pow .pow-nav{background:rgba(255,255,255,.97)!important;box-shadow:0 0 0 100vmax rgba(255,255,255,.97)!important;border-bottom:0!important}
.pow .pow-nav{max-width:var(--po-max)!important;margin:0 auto!important;padding-left:var(--po-gutter)!important;padding-right:var(--po-gutter)!important;box-sizing:border-box}
.pow .pow-navname b{font-size:1.5rem!important}
/* Hero buttons a little larger */
.pow .pow-head a.pow-btn{padding:12px 20px!important;font-size:15px!important}
/* The old software-only footer is replaced by the shared footer (po-ftr) */
.pow .pow-footer{display:none!important}
.pow .po-ftr{margin:0!important}
.pow-sheet>.po-ftr{padding-left:0!important;padding-right:0!important}
/* No grey frame around the page */
.pow,.pow.pow-store{background:#fff!important;padding:0!important;border-radius:0!important;max-width:none!important}
.pow .pow-crumbs,.pow .pow-crumb,.pow .pow-eyebrow,.pow .pow-eyebrow a{font-family:var(--po-ui)!important}
/* Header spacing; on phones keep it to two short rows */
.pow .pow-nav{margin-bottom:0!important;padding-top:12px!important;padding-bottom:12px!important}
@media (max-width:640px){
 .pow .pow-navname small{display:none!important}
 .pow .pow-navlinks{gap:6px 13px!important;width:100%;align-items:center;flex-wrap:nowrap!important}
 .pow .pow-navlinks a{font-size:14px!important;white-space:nowrap}
 .pow .pow-navlinks a.pow-navcta{padding:6px 12px!important;margin-left:auto}
 .pow .pow-navlinks [data-po-mascot="nap"]{display:none!important}
 .pow .pow-sheet>.pow-grid{padding-top:28px!important;padding-bottom:28px!important}
 .pow .pow-head{padding-top:44px!important;padding-bottom:48px!important}
}
