/* Same navigation and footer rules as the homepage, for pages using the shared Astra includes. */
.nav{position:sticky;top:0;z-index:50;background:#fffffffa;border-bottom:1px solid var(--line);transition:box-shadow .2s;backdrop-filter:blur(16px)}
.nav::after{content:'';position:absolute;inset:auto 0 -2px;height:3px;background:linear-gradient(90deg,#f58a7f 0 34%,#ffdc79 34% 67%,#9ccdb6 67%);opacity:.75;pointer-events:none}
.nav.scrolled{box-shadow:0 7px 24px #203d3610}.reading-progress{position:absolute;inset:0 0 auto;height:3px;background:var(--green);transform:scaleX(0);transform-origin:left;pointer-events:none}
.nav .wrap,footer .wrap{width:min(100% - 64px,1160px);margin-inline:auto}.nav .nav-inner{display:flex;align-items:center;justify-content:space-between;min-height:80px;gap:24px}.nav-logo{color:var(--ink);display:flex;align-items:center;min-height:48px;flex-shrink:0}.logo-svg{width:157px;height:42px}.nav-links{display:flex;align-items:center;gap:22px}.nav-explore{display:flex;align-items:center;gap:6px}.nav-explore .lnk{position:relative;padding:0 12px;border-radius:8px}.nav-explore .lnk:hover,.nav-explore .lnk[aria-current="page"]{background:#edf7f1;color:#176d54;text-decoration-color:transparent}.nav-links .nav-account{border-left:1px solid var(--line);padding-left:22px}.nav-links .lnk{min-height:48px;display:flex;align-items:center;font-size:16px;font-weight:800;white-space:nowrap;text-decoration:underline;text-decoration-color:transparent;text-underline-offset:6px;text-decoration-thickness:2px;transition:color .2s,text-decoration-color .2s}.nav-links .lnk:hover{color:var(--green);text-decoration-color:var(--green)}
.nav .nav-cta{padding:0;font:inherit}.nav .btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:11px 22px;font-size:16px;gap:10px;box-shadow:0 3px 0 #0d4c3c;background:var(--green);border:1px solid var(--green);border-radius:999px;color:white;font-weight:800;line-height:1.4;text-align:center;text-decoration:none;transition:background .2s,transform .2s,box-shadow .2s}.nav .btn:hover{background:#10583f;transform:translateY(-2px);box-shadow:0 5px 0 #0d4c3c}.nav .ui-icon{width:20px;height:20px;flex:0 0 20px}.nav .btn .ui-icon{filter:brightness(0) invert(1);transition:transform .2s}.nav .btn:hover .ui-icon{transform:translateX(4px)}.burger{display:none;align-items:center;justify-content:center;width:48px;height:48px;background:white;border:1px solid var(--line);border-radius:8px}.burger:hover{background:#eaf8f2;border-color:#7eae97}
footer{padding:48px 0 34px;background:#173f35;color:#edf8f1}.foot-top{display:flex;justify-content:space-between;gap:48px}.foot-logo{color:#fff}.foot-cols{display:grid;grid-template-columns:repeat(4,auto);gap:34px}.foot-col{display:flex;flex-direction:column;gap:3px;align-items:flex-start}.foot-col .h{font-size:13px;font-weight:800;color:#afd5bf;margin:0 0 10px}.foot-col a{font-size:16px;line-height:1.5;min-height:44px;display:flex;align-items:center;text-decoration:none}.foot-col a:hover{text-decoration:underline;color:#ffdf8e;text-underline-offset:5px}footer a:focus-visible{outline-color:#ffdf8e}.copyright{margin-top:28px;font-size:14px;color:#bad7c7;padding-top:22px;border-top:1px solid #416359}
@media(max-width:1100px){.foot-top{flex-direction:column;gap:28px}.foot-cols{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:800px){.nav .wrap{width:calc(100% - 40px)}.nav .nav-inner{min-height:72px}.nav .logo-svg{width:139px;height:37px}.foot-cols{gap:20px}}
@media(max-width:700px){.burger{display:flex;flex-shrink:0}.nav-links{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;border-bottom:1px solid var(--line);box-shadow:0 12px 24px #203d3614;padding:16px 24px 24px;max-height:calc(100dvh - 80px);overflow-y:auto}.nav.open .nav-links{display:flex;align-items:stretch;flex-direction:column;gap:12px;animation:answer-in .2s ease-out}.nav-explore{justify-content:center}.nav-links .lnk{justify-content:center}.nav-links .nav-account{border-left:0;border-top:1px solid var(--line);padding:12px 0 0;justify-content:center}.nav .btn{width:100%}.nav .nav-cta{display:block}}
@media(max-width:560px){.nav .wrap{width:calc(100% - 32px)}.nav .nav-inner{min-height:68px;gap:16px}.nav .logo-svg{width:136px;height:36px}footer{padding:38px 0 105px}footer .wrap{width:calc(100% - 40px)}.foot-cols{grid-template-columns:1fr 1fr;gap:24px 20px}.copyright{font-size:14px;max-width:270px}}
