/* PlanWithIsaac canonical site shell — main brand palette and typography. */
:root{--pwi-paper:#F6F3EC;--pwi-paper-2:#EBE6DA;--pwi-ink:#1E211C;--pwi-sage:#6B7563;--pwi-line:rgba(30,33,28,.13);--pwi-glass:rgba(246,243,236,.94);--pwi-wa:#25D366}
html{scroll-padding-top:96px}
body.pwi-site-page{font-family:'Manrope',-apple-system,BlinkMacSystemFont,sans-serif}
.pwi-old-brand-nav{display:none!important}
/* Shared header: identical appearance and breakpoints on all routes. */
.pwi-site-shell,.pwi-site-shell *{box-sizing:border-box}
.pwi-site-shell{position:sticky!important;top:0!important;left:0!important;right:0!important;z-index:99990!important;display:block!important;background:var(--pwi-glass)!important;border-bottom:1px solid var(--pwi-line)!important;color:var(--pwi-ink)!important;-webkit-backdrop-filter:blur(18px) saturate(140%);backdrop-filter:blur(18px) saturate(140%);font-family:'Manrope',sans-serif!important;line-height:1.25!important;width:100%!important;height:auto!important;min-height:0!important;padding:0!important;margin:0!important;text-align:left!important;float:none!important;transform:none!important;overflow:visible!important}
.pwi-site-shell a{text-decoration:none!important;outline-offset:4px;color:inherit!important}
.pwi-site-shell .pwi-shell-inner{max-width:1240px!important;width:100%!important;padding:12px 22px!important;margin:0 auto!important;min-height:76px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:18px!important}
.pwi-site-shell .pwi-shell-logo{flex:0 0 auto!important;display:flex!important;align-items:center!important;padding:0!important;margin:0!important;line-height:1!important}
.pwi-site-shell .pwi-shell-logo img{width:auto!important;height:32px!important;max-width:210px!important;object-fit:contain!important;filter:none!important;display:block!important}
.pwi-site-shell .pwi-shell-links{display:flex!important;align-items:center!important;gap:clamp(10px,1.3vw,20px)!important;margin:0 0 0 auto!important;flex:0 1 auto!important;min-width:0!important;list-style:none!important}
.pwi-site-shell .pwi-shell-links>a,.pwi-site-shell .pwi-shell-more>summary{font-family:'Manrope',sans-serif!important;font-size:11px!important;letter-spacing:.11em!important;line-height:1.4!important;white-space:nowrap!important;text-transform:uppercase!important;font-weight:750!important;opacity:.77!important;transition:opacity .2s!important;display:inline-block!important;padding:8px 0!important;margin:0!important;background:none!important;border:0!important}
.pwi-site-shell .pwi-shell-links>a:hover,.pwi-site-shell .pwi-shell-more>summary:hover,.pwi-site-shell .pwi-shell-links>a[aria-current=page]{opacity:1!important}
.pwi-site-shell a[aria-current=page]{text-decoration:underline!important;text-underline-offset:6px}
.pwi-site-shell .pwi-shell-more{position:relative!important;display:block!important;margin:0!important}
.pwi-site-shell .pwi-shell-more>summary{list-style:none!important;cursor:pointer!important}
.pwi-site-shell .pwi-shell-more>summary::-webkit-details-marker{display:none}
.pwi-site-shell .pwi-shell-more-menu{position:absolute!important;right:0!important;top:100%!important;min-width:200px!important;padding:10px!important;background:var(--pwi-paper)!important;border:1px solid var(--pwi-line)!important;box-shadow:0 12px 28px rgba(30,33,28,.13)!important;border-radius:13px!important;z-index:99994!important}
.pwi-site-shell .pwi-shell-more-menu a{display:block!important;padding:11px 9px!important;font-size:12px!important;font-weight:650!important;border-radius:7px!important;white-space:nowrap!important}
.pwi-site-shell .pwi-shell-more-menu a:hover{background:var(--pwi-paper-2)!important}
.pwi-site-shell .pwi-shell-cta{flex:0 0 auto!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:11px 16px!important;border:1px solid var(--pwi-ink)!important;border-radius:999px!important;background:var(--pwi-ink)!important;color:var(--pwi-paper)!important;font-size:12px!important;font-weight:750!important;white-space:nowrap!important;line-height:1.35!important;min-height:42px!important;box-shadow:none!important}
.pwi-site-shell .pwi-shell-cta:hover{background:var(--pwi-sage)!important;border-color:var(--pwi-sage)!important}
.pwi-site-shell .pwi-shell-wa{display:none!important}
.pwi-site-shell .pwi-shell-burger{display:none!important}
.pwi-site-shell .pwi-shell-mobile[hidden]{display:none!important}
.pwi-site-shell .pwi-shell-mobile{padding:4px 22px 20px!important;background:var(--pwi-paper)!important;border-top:1px solid var(--pwi-line)!important;max-height:calc(100dvh - 70px)!important;overflow-y:auto!important}
.pwi-site-shell .pwi-shell-mobile a{display:block!important;padding:12px 3px!important;border-bottom:1px solid var(--pwi-line)!important;font-size:12px!important;text-transform:uppercase!important;letter-spacing:.10em!important;font-weight:750!important}
.pwi-site-shell .pwi-shell-mobile .pwi-shell-mobile-cta{margin-top:12px!important;text-align:center!important;border-radius:999px!important;background:var(--pwi-ink)!important;color:var(--pwi-paper)!important;border:0!important}
@media(max-width:1120px){.pwi-site-shell .pwi-shell-links{gap:11px!important}.pwi-site-shell .pwi-shell-links>a,.pwi-site-shell .pwi-shell-more>summary{font-size:10px!important;letter-spacing:.055em!important}.pwi-site-shell .pwi-shell-inner{gap:10px!important}.pwi-site-shell .pwi-shell-logo img{height:28px!important}}
@media(max-width:930px){
 .pwi-site-shell .pwi-shell-inner{min-height:66px!important;padding:11px 19px!important;gap:10px!important}
 .pwi-site-shell .pwi-shell-logo img{height:27px!important;max-width:min(43vw,190px)!important}
 .pwi-site-shell .pwi-shell-links,.pwi-site-shell .pwi-shell-cta{display:none!important}
 .pwi-site-shell .pwi-shell-wa{display:inline-flex!important;align-items:center!important;gap:8px!important;height:42px!important;padding:5px 12px 5px 5px!important;margin-left:auto!important;flex:0 0 auto!important;white-space:nowrap!important;border:1px solid var(--pwi-line)!important;border-radius:999px!important;background:white!important;color:var(--pwi-ink)!important;font-size:11.5px!important;font-weight:750!important}
 .pwi-site-shell .pwi-shell-wa svg{height:28px!important;width:28px!important;background:var(--pwi-wa)!important;border-radius:50%!important;fill:white!important;padding:6px!important;display:block!important}
 .pwi-site-shell .pwi-shell-burger{display:inline-flex!important;flex:0 0 42px!important;align-items:center!important;justify-content:center!important;height:42px!important;width:42px!important;background:var(--pwi-ink)!important;color:var(--pwi-paper)!important;border:1px solid var(--pwi-ink)!important;border-radius:50%!important;cursor:pointer!important;padding:0!important;min-height:0!important}
 .pwi-site-shell .pwi-shell-burger svg{display:block!important;width:19px!important;height:19px!important;fill:none!important;stroke:currentColor!important;stroke-width:2!important;stroke-linecap:round!important}
}
@media(max-width:359px){.pwi-site-shell .pwi-shell-wa-label{display:none!important}.pwi-site-shell .pwi-shell-wa{padding-right:5px!important}}
/* Global editorial colour and text normalisation, while preserving page-specific information layouts. */
body.pwi-site-page{--pwi-site-bg:var(--pwi-paper);--pwi-site-ink:var(--pwi-ink);-webkit-font-smoothing:antialiased}
body.pwi-site-page:not(.pwi-page-home):not(.pwi-page-tool) {background-color:var(--pwi-paper);color:var(--pwi-ink)}
body.pwi-site-page .site-footer,body.pwi-site-page>footer{font-family:'Manrope',sans-serif}
body.pwi-site-page .site-footer{background:var(--pwi-paper-2);color:var(--pwi-ink)}
body.pwi-site-page .catalog-hero{background-color:var(--pwi-paper)}
body.pwi-site-page .catalog-hero h1{font-family:'Cormorant Garamond',Georgia,serif}
body.pwi-page-make{padding-top:0!important}
body.pwi-page-make>.pwi-site-shell{margin:0 0 32px!important;width:100%!important}
body.pwi-page-tool>.pwi-site-shell{flex:none!important}

/* Grouped navigation: compact desktop dropdowns and mobile accordions. */
.pwi-site-shell .pwi-shell-chevron{display:inline-block!important;margin-left:9px!important;line-height:1!important;transition:transform .18s!important}
.pwi-site-shell details[open]>summary .pwi-shell-chevron{transform:rotate(180deg)!important}
.pwi-site-shell details[data-active=true]>summary{text-decoration:underline!important;text-underline-offset:6px!important;opacity:1!important}
.pwi-site-shell .pwi-shell-more-menu{left:0!important;right:auto!important;min-width:220px!important}
.pwi-site-shell .pwi-shell-mobile-group{margin:0!important;padding:0!important;border:0!important}
.pwi-site-shell .pwi-shell-mobile-group>summary{display:flex!important;align-items:center!important;justify-content:space-between!important;list-style:none!important;padding:16px 3px!important;margin:0!important;border-bottom:1px solid var(--pwi-line)!important;font-family:'Manrope',sans-serif!important;font-size:13px!important;text-transform:uppercase!important;letter-spacing:.10em!important;font-weight:750!important;line-height:1.4!important;cursor:pointer!important;background:none!important;color:var(--pwi-ink)!important}
.pwi-site-shell .pwi-shell-mobile-group>summary::-webkit-details-marker{display:none!important}
.pwi-site-shell .pwi-shell-mobile>a:not(.pwi-shell-mobile-cta){padding:16px 3px!important;font-size:13px!important;line-height:1.4!important}
.pwi-site-shell .pwi-shell-mobile-submenu{padding:4px 0 8px 16px!important;border-bottom:1px solid var(--pwi-line)!important;background:var(--pwi-paper-2)!important}
.pwi-site-shell .pwi-shell-mobile-submenu a{font-size:13px!important;letter-spacing:.02em!important;font-weight:550!important;text-transform:none!important;padding:13px 8px!important;border-bottom:0!important;line-height:1.45!important}
.pwi-site-shell summary:focus-visible,.pwi-site-shell button:focus-visible{outline:2px solid var(--pwi-sage)!important;outline-offset:4px!important}
@media(prefers-reduced-motion:reduce){.pwi-site-shell .pwi-shell-chevron{transition:none!important}}

.pwi-site-shell .pwi-shell-chevron{width:7px!important;height:7px!important;font-size:0!important;border-right:1.5px solid currentColor!important;border-bottom:1.5px solid currentColor!important;transform:rotate(45deg)!important;vertical-align:3px!important;flex:0 0 7px!important}
.pwi-site-shell details[open]>summary .pwi-shell-chevron{transform:rotate(225deg)!important}
