/* 1765 Sanctum - native Dispatch capture (REG-016, 2026-09-08).
   Standalone on purpose: 17 of the 18 carrying pages load /styles.css and only
   / loads tenebrae.css, so the block cannot live in either. Tokens are read
   where they exist and fall back to literal brand values. NO .reveal anywhere:
   .reveal is opacity:0 until sanctum-motion.js observes it (styles.css:1086)
   and a capture form that can be invisible is worse than one that never fades. */
.dcap{max-width:640px;margin:44px auto 8px;padding:28px 22px;text-align:center;border:1px solid rgba(201,169,106,.28);border-radius:6px;background:linear-gradient(180deg,rgba(255,212,0,.05),rgba(255,212,0,.015))}
.dcap-bare{border:0;background:none;padding:0;margin:26px auto 0;max-width:520px}
.dcap-eyebrow{font-family:var(--f-cinzel,"Cinzel",Georgia,serif);font-size:.68rem;letter-spacing:.22em;text-transform:uppercase;color:var(--c-amber,#C8932A);margin:0 0 10px}
.dcap-h{font-family:var(--f-display,"Cormorant Garamond",Georgia,serif);font-style:italic;font-weight:400;font-size:1.35rem;line-height:1.35;color:var(--c-bone,#F5E6C8);margin:0 0 10px}
.dcap-body{font-family:var(--f-body,"EB Garamond",Georgia,serif);font-size:1rem;line-height:1.55;color:var(--c-bone-dim,#C9BB9C);margin:0 0 18px}
.dcap-form{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;align-items:stretch;margin:0}
.dcap-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.dcap-input{flex:1 1 240px;min-width:0;min-height:48px;padding:12px 14px;font-family:var(--f-body,"EB Garamond",Georgia,serif);font-size:16px;color:var(--c-bone,#F5E6C8);background:rgba(8,9,12,.72);border:1px solid rgba(201,169,106,.42);border-radius:4px}
.dcap-input::placeholder{color:var(--c-bone-mut,#8B826B)}
.dcap-input:focus-visible{outline:2px solid var(--c-amber-bri,#E2B248);outline-offset:2px}
.dcap-btn{flex:0 0 auto;min-height:48px;padding:12px 22px;cursor:pointer;font-family:var(--f-cinzel,"Cinzel",Georgia,serif);font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;color:#0A0A0A;background:#FFD400;border:1px solid #FFD400;border-radius:4px}
.dcap-btn:hover{background:var(--c-amber-bri,#E2B248);border-color:var(--c-amber-bri,#E2B248)}
.dcap-btn:focus-visible{outline:2px solid var(--c-bone,#F5E6C8);outline-offset:2px}
.dcap-btn[disabled]{opacity:.62;cursor:progress}
.dcap-msg{flex:1 1 100%;margin:4px 0 0;font-family:var(--f-body,"EB Garamond",Georgia,serif);font-size:.95rem;color:var(--c-bone-dim,#C9BB9C)}
.dcap-msg.is-err{color:#F3A9A6}
.dcap-micro{margin:14px 0 0;font-family:var(--f-body,"EB Garamond",Georgia,serif);font-size:.86rem;line-height:1.5;color:var(--c-bone-mut,#8B826B)}
.dcap-micro a{color:var(--c-amber,#C8932A)}
.dcap-done{padding:6px 0 2px}
.dcap-done-h{font-family:var(--f-cinzel,"Cinzel",Georgia,serif);font-size:1rem;letter-spacing:.14em;text-transform:uppercase;color:#FFD400;margin:0 0 8px}
.dcap-done-sub{font-family:var(--f-body,"EB Garamond",Georgia,serif);font-size:1rem;line-height:1.55;color:var(--c-bone-dim,#C9BB9C);margin:0}
/* Column layout re-points the flex main axis to vertical, so the input's
   `flex:1 1 240px` basis becomes a 240px HEIGHT and grow stretches it further
   (measured: 470px tall at 375px wide). Pin it back to its content height. */
@media (max-width:420px){.dcap{padding:24px 16px}.dcap-form{flex-direction:column}.dcap-input{flex:0 0 auto;width:100%}.dcap-btn{width:100%}}