/* Menty website v3: book page only (2 Oct 2026). Loads after site.css. */
.book{padding-block:44px 56px}
.book-grid{display:grid;gap:44px;align-items:start}
.book-copy h1{font-size:clamp(36px,4.8vw,56px);letter-spacing:-.04em;line-height:1.05}
.next-h{margin-top:44px;font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--ink3)}
.next{margin-top:18px;display:grid;position:relative}
.next::before{content:"";position:absolute;left:15px;top:28px;bottom:76px;width:1px;background:var(--line2)}
.next li{display:grid;grid-template-columns:32px 1fr;column-gap:18px;padding:12px 0;position:relative}
.next span{width:32px;height:32px;border-radius:50%;border:1px solid var(--ink);background:#fff;display:grid;place-items:center;font-size:14px;font-weight:600}
.next b{display:block;font-weight:600;font-size:16.5px;margin-top:4px}
.next p{color:var(--ink2);font-size:15px;margin-top:2px;max-width:30em}
.form{display:grid;gap:18px;border:1px solid var(--line);border-radius:20px;padding:28px;background:#fff;box-shadow:var(--shadow)}
.form label{display:grid;gap:8px;font-weight:500;font-size:14.5px}
.form input{font:inherit;font-size:15.5px;font-weight:400;color:var(--ink);padding:12px 14px;border:1px solid var(--line2);border-radius:10px;background:#fff;width:100%;transition:border-color .2s,box-shadow .2s}
.form input::placeholder{color:#9A9BA1}
.form input:focus{outline:none;border-color:var(--ink);box-shadow:0 0 0 3px rgba(17,17,19,.08)}
.pair{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.form .btn{width:100%;margin-top:4px;padding-block:14px;border:0;cursor:pointer}
.form-msg{font-size:14px;color:var(--ink);background:var(--alt);border-radius:10px;padding:10px 12px}
.form-msg.ok{background:#EAF6EE;color:#1E5B33}
.form-msg.err{background:#FDECEA;color:#8A1F14}
.form .btn:disabled{opacity:.6;cursor:progress}
.trap{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.form-fine{font-size:13px;color:var(--ink3)}
@media (min-width:1024px){
  .book{padding-block:56px 72px}
  .book-grid{grid-template-columns:1fr 1fr;gap:88px}
  .form{padding:36px}
}
.turnstile{min-height:65px}   /* Cloudflare Turnstile widget (book page, D3): its normal size, reserved so nothing jumps */