/* Minimal editorial design system, shared across bold-lab.ai — see
   events.html for the full rationale. */
:root{
  --danger-text:#b42318;
  --article-max:600px;
}
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible{outline:2px solid var(--accent); outline-offset:2px;}
h1,h2{font-family:var(--serif); color:var(--ink); font-weight:800; letter-spacing:-0.005em; margin:0;}
.hero{max-width:var(--content-max); margin:0 auto; padding:56px var(--gutter) 10px;}
.back-link{font-family:var(--sans); font-size:13px; color:var(--muted); text-decoration:none; display:inline-block; margin-bottom:18px;}
.back-link:hover{color:var(--accent);}
.hero h1{font-size:clamp(27px, 4.4vw, 38px); line-height:1.15; overflow-wrap:break-word; max-width:var(--article-max); text-wrap:balance;}
.hero-note{margin:16px 0 0; font-size:17px; color:var(--ink-soft); max-width:var(--article-max);}
/* Matches .cl-agent-note .note-lead (audit-board.css) so supplementary
   notes look the same wherever they show up on the site. */
.hero-note.note-lead{
  font-family:var(--sans); font-size:12px; color:var(--muted); line-height:1.5;
  padding:8px 10px; background:var(--wash); border-radius:var(--radius);
  margin-bottom:0;
}
main{max-width:var(--content-max); margin:0 auto; padding:24px var(--gutter) 48px;}
main > *{max-width:var(--article-max);}
/* ---------- sign-in ---------- */
.auth-signin{
  display:inline-flex; align-items:center; gap:7px;
  font-family:var(--sans); font-weight:500; font-size:15px;
  color:var(--ink); background:none; border:1px solid var(--ink);
  padding:10px 22px; cursor:pointer; margin-top:16px;
}
.auth-user{display:flex; align-items:center; gap:10px; font-family:var(--sans); font-size:14px; color:var(--ink-soft); margin-bottom:28px;}
.auth-user-name{font-weight:600; color:var(--ink);}
.btn-text{
  font-family:var(--sans); font-weight:400; font-size:13px;
  color:var(--accent); background:none; border:none; padding:0; cursor:pointer;
  text-decoration:underline; text-decoration-color:rgba(26,43,74,.32); text-underline-offset:2px;
}
/* ---------- form ---------- */
.field{margin-bottom:22px;}
.field label{display:block; font-family:var(--sans); font-size:13px; color:var(--muted); margin-bottom:7px;}
input[type="text"], select, textarea{
  font-family:var(--sans); font-size:16px; color:var(--ink);
  background:none; border:none; border-bottom:1px solid var(--line);
  padding:8px 2px; width:100%;
}
textarea{resize:vertical; min-height:96px; line-height:1.5;}
.field-error{
  font-family:var(--sans); font-size:13.5px; color:var(--danger-text);
  margin-bottom:18px;
}
.btn{
  display:inline-block; font-family:var(--sans); font-size:15px; font-weight:500;
  text-decoration:underline; text-decoration-color:rgba(26,43,74,.32); text-underline-offset:3px;
  padding:0; border:none; cursor:pointer; background:none;
}
.btn:hover{text-decoration-color:currentColor;}
.btn-primary{color:var(--accent); font-weight:600;}
.btn-primary:disabled{color:var(--muted); cursor:default; text-decoration-color:transparent;}
html.auth-hint #proposeSignedOut{display:none;}
/* ---------- success ---------- */
.success-box{border-top:1px solid var(--line); border-bottom:1px solid var(--line); padding:22px 0;}
.success-box p{margin:0; font-size:18px; color:var(--ink-soft);}
.success-box .links{margin-top:14px; display:flex; gap:20px; font-family:var(--sans); font-size:14px;}
@media (max-width:820px){
  .hero{padding:44px var(--gutter) 8px;}
}