/* Hamburger menu, all screen sizes (Nov 13, 2026) */
header.site{z-index:60}
header.site .bar{display:flex;align-items:center;flex-wrap:nowrap;gap:12px}
header.site .hdr-r{margin-left:auto;display:flex;align-items:center;gap:14px;flex:none}
header.site .join-head{margin:0!important;order:0!important}
.hamb{display:inline-flex;align-items:center;gap:10px;height:46px;padding:0 18px 0 14px;border-radius:999px;cursor:pointer;
 font:600 .9rem/1 Montserrat,system-ui,sans-serif;letter-spacing:.02em;color:#10262B;
 background:linear-gradient(180deg,#fffaf2,#efe6d8);border:0;
 box-shadow:inset 0 1px 0 rgba(255,255,255,.9),inset 0 -3px 0 rgba(16,38,43,.10),0 4px 12px rgba(1,21,30,.18);transition:transform .2s,box-shadow .2s}
.hamb:hover{transform:translateY(-1px);box-shadow:inset 0 1px 0 rgba(255,255,255,.9),inset 0 -3px 0 rgba(16,38,43,.10),0 8px 18px rgba(1,21,30,.22)}
.hamb:focus-visible{outline:3px solid #E9785A;outline-offset:3px}
.hamb-ico{position:relative;width:22px;height:16px;display:block}
.hamb-ico i{position:absolute;left:0;right:0;height:2.5px;border-radius:2px;background:currentColor;transition:transform .32s cubic-bezier(.2,.8,.2,1),opacity .2s,top .32s cubic-bezier(.2,.8,.2,1)}
.hamb-ico i:nth-child(1){top:0}.hamb-ico i:nth-child(2){top:6.75px}.hamb-ico i:nth-child(3){top:13.5px}
.hamb[aria-expanded="true"] .hamb-ico i:nth-child(1){top:6.75px;transform:rotate(45deg)}
.hamb[aria-expanded="true"] .hamb-ico i:nth-child(2){opacity:0;transform:scaleX(.2)}
.hamb[aria-expanded="true"] .hamb-ico i:nth-child(3){top:6.75px;transform:rotate(-45deg)}
@media(max-width:560px){.hamb{width:46px;padding:0;justify-content:center}.hamb-txt{display:none}header.site .join-head{padding:9px 14px!important;font-size:.8rem!important}}
@media(max-width:329px){header.site .join-head{display:none}}
/* dropdown under the Menu button */
header.site .bar{position:relative}
.mnav{position:absolute;top:calc(100% + 6px);right:22px;width:min(380px,calc(100vw - 24px));z-index:70;color:#fff;
 background:rgba(6,24,38,.92);-webkit-backdrop-filter:blur(14px) saturate(1.2);backdrop-filter:blur(14px) saturate(1.2);
 border:1px solid rgba(255,255,255,.08);border-radius:26px;padding:12px 12px 16px;
 box-shadow:0 30px 70px rgba(1,12,20,.45),0 10px 24px rgba(1,12,20,.30),inset 0 1px 0 rgba(255,255,255,.08);
 max-height:calc(100vh - 100px);overflow-y:auto;overscroll-behavior:contain;
 opacity:0;transform:translateY(-8px) scale(.98);transform-origin:top right;transition:opacity .2s ease,transform .22s cubic-bezier(.2,.8,.2,1)}
.mnav[hidden]{display:none}
.mnav.is-open{opacity:1;transform:none}
.mnav::before{content:"";position:absolute;top:-7px;right:44px;width:14px;height:14px;background:rgba(6,24,38,.92);transform:rotate(45deg);border-left:1px solid rgba(255,255,255,.08);border-top:1px solid rgba(255,255,255,.08);border-radius:3px 0 0 0}
.mnav-list{list-style:none;margin:0;padding:0;display:grid;gap:2px}
.mnav-list a{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:16px;color:#fff;text-decoration:none;font-family:Marcellus,Georgia,serif;font-size:1.3rem;line-height:1.2;transition:background .15s,color .15s}
.mnav-list a::before{content:"";flex:none;width:10px;height:10px;border-radius:50%;background:linear-gradient(180deg,#f3a088,#d9664a);box-shadow:inset 0 -2px 0 rgba(0,0,0,.15);opacity:0;transform:scale(.4);transition:opacity .15s,transform .15s}
.mnav-list a:hover,.mnav-list a:focus-visible{background:rgba(255,255,255,.08);color:#ffc2a8}
.mnav-list a:hover::before,.mnav-list a:focus-visible::before,.mnav-list a[aria-current]::before{opacity:1;transform:none}
.mnav-list a[aria-current]{color:#ffc2a8}
.mnav-list a:focus-visible{outline:2px solid #ffc2a8;outline-offset:-2px}
.mnav-foot{display:flex;align-items:center;gap:12px;margin:10px 6px 0;padding-top:14px;border-top:1px solid rgba(255,255,255,.1);font-family:Montserrat,system-ui,sans-serif}
.mnav-join{margin:0!important;padding:12px 20px!important;font-size:.95rem}
.mnav-free{color:rgba(255,255,255,.85);font-weight:500;font-size:.95rem}
@media(max-width:640px){.mnav{left:10px;right:10px;width:auto;top:calc(100% + 4px);border-radius:22px}.mnav::before{right:28px}.mnav-list a{font-size:1.4rem;padding:14px}}
@media(prefers-reduced-motion:reduce){.mnav,.mnav-list a,.hamb,.hamb-ico i,.mnav-list a::before{transition:none!important}}
@media print{.mnav,.hamb{display:none!important}}
/* Resources: jump links + click-to-expand Videos/Books */
.res-jump{margin:0 0 24px;font-size:.95rem}
.res-more{margin:12px 0 36px}
.res-more>summary{display:inline-flex;align-items:center;gap:8px;cursor:pointer;list-style:none;padding:11px 20px;border-radius:999px;font-weight:600;color:#fff;background:#1F7A73;box-shadow:0 6px 14px rgba(31,122,115,.25)}
.res-more>summary::-webkit-details-marker{display:none}
.res-more>summary::after{content:"+";font-weight:400;font-size:1.2em;line-height:1}
.res-more[open]>summary::after{content:"–"}
.res-more[open]>summary{margin-bottom:18px}

/* Header CTA: shorter label on phones (Jonathan, 13 Nov 2026) */
@media(max-width:768px){header.site .join-head .jh-reef{display:none}}
@media(max-width:380px){header.site .hdr-r{gap:12px}header.site .join-head{padding:8px 11px!important;font-size:.76rem!important}}