/* "Tell me when applications open" capture.
   Shares the tokens defined by styles.css and audience.css; every custom
   property carries a literal fallback so the block is legible on any page. */

.notify-block{
  display:grid;
  gap:10px;
  margin:22px 0 0;
  padding:22px 24px;
  border:1px solid var(--line,#d9cfbf);
  border-left:3px solid var(--copper,var(--copper,#87401d));
  background:var(--paper,#fffdf8);
}
.notify-block[hidden]{display:none}
.notify-block > p{margin:0;color:var(--muted,#67717b);font-size:.9rem;line-height:1.55}
.notify-block .notify-heading{
  margin:0;
  color:var(--ink,#11110f);
  font:500 1.28rem/1.25 Georgia,"Times New Roman",serif;
}

.notify-form{display:grid;gap:9px;margin:0}
.notify-form > label{
  color:var(--muted,#67717b);
  font:800 .6rem/1.3 ui-monospace,SFMono-Regular,Consolas,monospace;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.notify-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}
.notify-row input{
  min-width:0;
  min-height:46px;
  padding:11px 13px;
  border:1px solid var(--line,#d9cfbf);
  background:#fff;
  color:var(--ink,#11110f);
  font:inherit;
  font-size:16px;
}
.notify-row input:focus-visible{outline:2px solid var(--copper,var(--copper,#87401d));outline-offset:1px}
.notify-row button{
  min-height:46px;
  border:0;
  padding:0 20px;
  background:var(--copper,var(--copper,#87401d));
  color:#fff;
  font:800 .8rem/1 ui-monospace,SFMono-Regular,Consolas,monospace;
  letter-spacing:.04em;
  cursor:pointer;
}
.notify-row button:disabled{opacity:.65;cursor:progress}
.notify-status{margin:0;min-height:1.2em;color:var(--muted,#67717b);font-size:.83rem;line-height:1.5}
.notify-status.ok{color:#1f6b45;font-weight:700}
.notify-status.error{color:#a33a1f;font-weight:700}
.notify-fine{margin:0;color:var(--muted,#67717b);font-size:.74rem;line-height:1.5}

/* The honeypot must stay reachable to a bot and invisible to a person. */
.notify-form .honeypot{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}

/* Speaker pathway gate inside the application chooser. */
.pathway-gated{opacity:.62}
.pathway-gated-note{
  display:block;
  margin-top:2px;
  color:var(--copper,var(--copper,#87401d));
  font:800 .58rem/1.3 ui-monospace,SFMono-Regular,Consolas,monospace;
  letter-spacing:.06em;
  text-transform:uppercase;
}
.pathway-gate-note{
  margin:12px 0 0;
  padding:12px 15px;
  border-left:3px solid var(--gold,#e4b85d);
  background:rgba(228,184,93,.13);
  color:var(--ink,#11110f);
  font-size:.86rem;
  line-height:1.55;
}
.pathway-gate-note[hidden]{display:none}

/* Date-aware calls to action on the audience pages. */
.cta-schedule{margin:10px 0 0;color:var(--muted,#67717b);font-size:.82rem;line-height:1.5}

@media(max-width:620px){
  .notify-row{grid-template-columns:1fr}
  .notify-block{padding:19px 18px}
}