/* Email unlock gate for guides and tools. */
.res-gate{position:relative;margin:36px 0 0}
.gate-locked .res-gate ~ *{display:none!important}
.gate-locked .toc{display:none}
.res-gate-tease{height:150px;margin-bottom:-110px;background:repeating-linear-gradient(#e3dccf 0 12px,transparent 12px 28px);border-radius:8px;opacity:.55;-webkit-mask-image:linear-gradient(#000,transparent);mask-image:linear-gradient(#000,transparent)}
.res-gate-card{position:relative;max-width:620px;margin:0 auto;background:#faf7f1;border:1px solid #c9c1b4;border-radius:20px;padding:34px;box-shadow:0 18px 50px rgba(32,29,25,.10)}
.res-gate-card .eyebrow{margin:0 0 8px}
.res-gate-card h2{font-size:clamp(26px,3.4vw,36px);margin:0 0 10px;letter-spacing:-.03em}
.res-gate-card>p{margin:0 0 20px;font-size:16px;line-height:1.55;color:#514b43}
.gate-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.gate-fields .wide{grid-column:1/-1}
.res-gate label{display:block;font-size:13px;font-weight:700;margin-bottom:6px}
.res-gate input{box-sizing:border-box;display:block;width:100%;min-height:48px;border:1px solid #a99d8b;border-radius:8px;padding:10px 12px;font:16px/1.4 Arial,sans-serif;background:#fffdf9;color:#201d19}
.res-gate input:focus-visible{outline:3px solid #6843bf;outline-offset:2px}
.res-gate input[name=code]{max-width:240px;font-size:26px;letter-spacing:.35em;text-align:center}
.res-gate .pill{margin-top:20px;width:100%;justify-content:center;text-align:center}
.res-gate .pill:disabled{opacity:.6;cursor:wait}
.gate-trap{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.gate-msg{margin:14px 0 0;font-size:14px;line-height:1.5}
.gate-msg:empty{display:none}
.gate-msg.bad{color:#b4382e}
.gate-small{margin:16px 0 0;font-size:12.5px;line-height:1.55;color:#6b6458}
.gate-small a{color:inherit}
.gate-link{background:none;border:0;padding:0;margin-top:14px;font:inherit;font-size:14px;text-decoration:underline;cursor:pointer;color:#201d19}
.gate-perks{display:flex;flex-wrap:wrap;gap:6px 16px;margin:0 0 20px;padding:0;list-style:none;font-size:13.5px;font-weight:700}
.gate-perks li::before{content:"✓ ";color:#1f7a4d}
.gate-done{text-align:center;font-size:20px;font-weight:700;padding:20px 0}
@media(max-width:600px){.res-gate-card{padding:22px 16px}.gate-fields{grid-template-columns:1fr}}