/* Header and footer shared by every page (also loaded on the Planner, which has its own palette). */
.v4-header,.v4-foot{--v4-ink:#141414;--v4-ink-2:#2A2A2A;--v4-muted:#4A4A4A;--v4-line:#E2E2DE;--v4-cta:#F4D74B;font-family:"Zen Kaku Gothic New","Hiragino Sans",sans-serif;color:#141414;letter-spacing:0;line-height:1.6}
.v4-header a,.v4-foot a{color:#141414}
.v4-header :focus-visible,.v4-foot :focus-visible{outline:2px solid #141414;outline-offset:3px;box-shadow:none}
/* Header */
.v4-header{position:sticky;top:0;z-index:30;background:rgba(255,255,255,.96);border-bottom:1px solid var(--v4-line);backdrop-filter:saturate(1.2) blur(6px)}
.v4-header-inner{max-width:1280px;margin:0 auto;padding:12px 24px;display:flex;align-items:center;gap:24px}
.v4-brand{display:flex;align-items:center;gap:8px;text-decoration:none;color:var(--v4-ink);min-height:44px}
.v4-brand-mark{width:16px;height:16px;border-radius:50%;border:4px solid var(--v4-ink);box-sizing:border-box}
.v4-brand span:last-child{font-family:"Kaushan Script",cursive;font-size:26px;line-height:1}
.v4-nav{display:flex;flex-wrap:wrap;gap:4px 22px;margin-left:auto;font-weight:700;font-size:14px}
.v4-nav a{text-decoration:none;padding:10px 0}
.v4-nav a:hover{text-decoration:underline;text-underline-offset:4px}
.v4-lang{font-family:"Montserrat",sans-serif;font-weight:700;font-size:13px;text-decoration:none;padding:10px 0}
.v4-cta{background:var(--v4-cta);color:var(--v4-ink)!important;text-decoration:none;font-weight:900;font-size:14px;padding:12px 18px;min-height:44px;display:inline-flex;align-items:center;gap:10px;box-sizing:border-box}
.v4-menu{display:none;position:relative}
.v4-menu summary{list-style:none;cursor:pointer;width:44px;height:44px;display:flex;flex-direction:column;justify-content:center;gap:7px}
.v4-menu summary::-webkit-details-marker{display:none}
.v4-menu summary span{display:block;height:3px;width:32px;background:var(--v4-ink)}
.v4-menu nav{position:absolute;left:0;top:52px;min-width:220px;background:#FFFFFF;padding:8px 0;box-shadow:0 14px 30px rgba(20,20,20,.16);display:flex;flex-direction:column}
.v4-menu nav a{padding:12px 20px;text-decoration:none;font-weight:700;font-size:15px}
/* Footer */
.v4-foot{border-top:1px solid var(--v4-line);background:#FFFFFF;margin-top:48px}
.v4-foot-inner{max-width:1280px;margin:0 auto;padding:40px 24px 56px;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:24px}
.v4-foot p{margin:8px 0 0;font-size:13px;line-height:1.7;color:var(--v4-muted);max-width:360px}
.v4-foot nav{display:flex;flex-wrap:wrap;gap:4px 22px;font-weight:700;font-size:13px;max-width:640px}
.v4-foot nav a{text-decoration:none;padding:10px 0}
.v4-foot .v4-foot-copy{font-family:"Montserrat",sans-serif;font-size:12px}
@media (max-width:960px){
  .v4-nav{display:none}
  .v4-menu{display:block;order:-1}
  .v4-header-inner{gap:12px}
  .v4-lang{margin-left:auto}
}
@media (max-width:480px){
  .v4-header-inner{padding:10px 14px}
  .v4-brand span:last-child{font-size:22px}
  .v4-cta{padding:10px 12px;font-size:13px}
}

/* Planner: link to the Canva app */
.v4-planner-note{max-width:1180px;margin:16px auto 0;padding:14px 20px;background:#FFF8D9;border:1px solid #141414;display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;font-family:"Zen Kaku Gothic New",sans-serif;font-size:15px;line-height:1.7;color:#141414}
.v4-planner-note a{font-weight:900;color:#141414}
