/* Shared header menu (.mn) and footer menu (.mf), generated into pages by build-nav.mjs. Works with creative.css and gads.css. */
.g-nav{position:relative;background:var(--bg,#fcfdfb)}
.mn{display:flex;align-items:center}
.mn-list{display:flex;align-items:center;gap:4px;list-style:none;margin:0;padding:0}
.mn-item{position:relative;margin:0}
.mn-dd summary{display:inline-flex;align-items:center;gap:7px;min-height:44px;padding:0 12px;border-radius:10px;font-size:15px;font-weight:550;color:var(--muted,#4f5e55);cursor:pointer;list-style:none;user-select:none}
.mn-dd summary::-webkit-details-marker{display:none}
.mn-dd summary::after{content:"";width:6px;height:6px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform .15s}
.mn-dd[open] summary::after{transform:rotate(225deg) translateY(-1px)}
.mn-dd summary:hover,.mn-dd[open] summary{color:var(--ink,#19261e);background:var(--surface,#f2f5ef)}
.mn summary:focus-visible,.mn a:focus-visible,.mn-toggle:focus-visible{outline:3px solid var(--green,#276144);outline-offset:2px}
.mn-panel{position:absolute;left:0;top:calc(100% + 8px);z-index:40;min-width:250px;padding:10px;background:#fff;border:1px solid var(--line,#d8e0da);border-radius:16px;box-shadow:0 24px 60px -28px rgba(25,38,30,.4)}
.mn-wide{width:min(520px,92vw)}
.mn-item:nth-last-child(-n+3) .mn-panel{left:auto;right:0}
.mn-links{display:flex;flex-direction:column}
.mn-wide .mn-links:last-child{display:grid;grid-template-columns:1fr 1fr}
.mn-wide .mn-links:last-child .mn-feature,.mn-wide .mn-links:last-child a:last-child{grid-column:1/-1}
.mn-panel a{display:flex;align-items:center;min-height:40px;padding:6px 10px;border-radius:10px;font-size:15px;color:var(--ink,#19261e);text-decoration:none}
.mn-panel a:hover{background:var(--surface,#f2f5ef)}
.mn-panel .mn-feature{margin:2px 0 4px;background:var(--lime,#d4f86b);font-weight:700}
.mn-panel .mn-feature:hover{background:var(--lime-hover,#c5ec55)}
.mn-h{margin:8px 10px 4px;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted,#4f5e55)}
.mn-cta{margin-left:8px}
.mn-toggle{display:none;min-height:44px;padding:0 16px;border:1px solid var(--line,#d8e0da);border-radius:10px;background:#fff;color:var(--ink,#19261e);font:inherit;font-size:15px;font-weight:600;cursor:pointer}

/* Footer menu */
.mf{flex:1 1 100%;display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:28px 24px;margin-top:8px}
.mf-col{display:flex;flex-direction:column;align-items:flex-start;gap:2px}
.mf-h{margin:0 0 8px;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ink,#19261e)}
.mf-col a,.mf-col button{display:inline-flex;align-items:center;min-height:36px;font:inherit;font-size:15px;color:var(--muted,#4f5e55);text-decoration:none;background:none;border:0;padding:0;cursor:pointer}
.mf-col a:hover,.mf-col button:hover{color:var(--ink,#19261e);text-decoration:underline}
.mf-col a:focus-visible,.mf-col button:focus-visible{outline:3px solid var(--green,#276144);outline-offset:2px}

/* Big call to action, used for the demo websites */
.c-btn-xl{min-height:64px;padding:16px 32px;font-size:19px;border-radius:14px}

@media (max-width:900px){
  .mn{position:static}
  .mn-js .mn-toggle{display:inline-flex;align-items:center}
  .mn-list{flex-direction:column;align-items:stretch;gap:2px;margin-top:8px;padding:10px;background:#fff;border:1px solid var(--line,#d8e0da);border-radius:16px}
  .mn-js .mn-list{display:none;position:absolute;left:16px;right:16px;top:100%;z-index:40;max-height:calc(100vh - 90px);overflow:auto;box-shadow:0 24px 60px -28px rgba(25,38,30,.4)}
  .mn-js.open .mn-list{display:flex}
  .mn-dd summary{display:flex;justify-content:space-between;width:100%}
  .mn-panel,.mn-wide{position:static;width:auto;min-width:0;padding:0 0 6px 10px;border:0;box-shadow:none;border-radius:0}
  .mn-wide .mn-links:last-child{grid-template-columns:1fr}
  .mn-cta{margin:6px 0 0}
  .mn-cta a{width:100%}
  .mf{grid-template-columns:1fr 1fr}
  .c-btn-xl{width:100%}
}
@media (max-width:420px){.mf{grid-template-columns:1fr}}