/* Participation notice + illustration layer — AI Scores on Trial */
.gate-scrim{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;
  padding:24px 16px;background:rgba(11,31,51,.62);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);overflow-y:auto}
.gate-scrim[hidden]{display:none!important}
body.gate-open{overflow:hidden}
.gate-card{width:min(760px,100%);background:var(--surface,#fff);border-radius:var(--radius,22px);
  box-shadow:0 30px 80px rgba(11,31,51,.34);overflow:hidden;margin:auto}
.gate-figure{margin:0;background:#f7f5f1;border-bottom:1px solid var(--line,#d6deea)}
.gate-figure img{display:block;width:100%;height:160px;object-fit:contain;padding:8px 0}
.gate-body{padding:28px 30px 26px}
.gate-eyebrow{margin:0 0 6px;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;
  color:var(--muted,#52657d);font-weight:700}
.gate-body h2{margin:0 0 10px;font-size:1.6rem;line-height:1.2;color:var(--navy,#0b1f33)}
.gate-lead{margin:0 0 18px;color:var(--muted,#52657d);line-height:1.55}
.gate-list{list-style:none;margin:0 0 18px;padding:0;display:grid;gap:12px}
.gate-list li{position:relative;padding-left:30px;line-height:1.5;color:var(--ink,#10243e);font-size:.96rem}
.gate-list li::before{content:"";position:absolute;left:0;top:.42em;width:16px;height:16px;border-radius:50%;
  background:var(--green-pale,#e8f7f0);border:2px solid var(--green,#168a5b)}
.gate-list b{color:var(--navy,#0b1f33)}
.gate-note{margin:0 0 20px;padding:12px 14px;border-radius:var(--radius-small,14px);
  background:var(--blue-pale,#eaf3ff);color:var(--ink,#10243e);font-size:.9rem;line-height:1.5}
.gate-actions{display:flex;flex-wrap:wrap;gap:10px}
.gate-btn{appearance:none;border:2px solid transparent;border-radius:999px;padding:12px 22px;font:inherit;
  font-weight:700;cursor:pointer;line-height:1.2}
.gate-btn-primary{background:var(--navy,#0b1f33);color:#fff}
.gate-btn-primary:hover{background:var(--ink,#10243e)}
.gate-btn-ghost{background:transparent;color:var(--navy,#0b1f33);border-color:var(--line,#d6deea)}
.gate-btn-ghost:hover{border-color:var(--navy,#0b1f33)}
.gate-btn:focus-visible{outline:3px solid var(--blue,#2f80ed);outline-offset:2px}
.gate-fine{margin:16px 0 0;font-size:.82rem;color:var(--muted,#52657d);line-height:1.5}

/* observing-only banner */
.gate-bar{position:sticky;top:0;z-index:80;display:flex;flex-wrap:wrap;gap:10px;align-items:center;
  justify-content:center;padding:9px 16px;background:var(--amber-pale,#fff4dd);
  border-bottom:1px solid #e6cf9d;color:#6d4600;font-size:.88rem;font-weight:600}
.gate-bar button{appearance:none;border:1px solid #b86f00;background:transparent;color:#8a5400;
  border-radius:999px;padding:4px 14px;font:inherit;font-weight:700;font-size:.82rem;cursor:pointer}
.gate-bar button:hover{background:#fff}
.gate-blocked{margin-top:10px;padding:10px 12px;border-radius:12px;background:var(--amber-pale,#fff4dd);
  border:1px solid #e6cf9d;color:#6d4600;font-size:.88rem}

/* footer / floating re-open link */
.gate-reopen{background:none;border:0;padding:0;font:inherit;color:inherit;text-decoration:underline;
  cursor:pointer;opacity:.85}
.gate-reopen:hover{opacity:1}
.gate-float{position:fixed;left:14px;bottom:14px;z-index:70;background:var(--surface,#fff);
  border:1px solid var(--line,#d6deea);border-radius:999px;padding:7px 15px;font-size:.78rem;font-weight:600;
  color:var(--muted,#52657d);box-shadow:0 8px 24px rgba(11,31,51,.14);cursor:pointer}
.gate-float:hover{color:var(--navy,#0b1f33);border-color:var(--navy,#0b1f33)}

/* illustration band */
.illus{margin:0 0 28px;border-radius:var(--radius,22px);overflow:hidden;background:#f7f5f1;
  border:1px solid var(--line,#d6deea)}
.illus img{display:block;width:100%;height:auto}
.illus figcaption{padding:12px 18px;font-size:.86rem;color:var(--muted,#52657d);
  border-top:1px solid var(--line,#d6deea);background:var(--surface,#fff);line-height:1.5}
.illus-band{padding:30px 0 6px}
.illus-band .illus{margin-bottom:0}
@media (max-width:640px){
  .gate-body{padding:22px 20px}
  .gate-body h2{font-size:1.34rem}
  .gate-figure img{height:126px}
  .gate-actions .gate-btn{width:100%;text-align:center}
  .gate-float{display:none}
}
@media (prefers-reduced-motion:no-preference){
  .gate-card{animation:gate-in .28s ease-out}
  @keyframes gate-in{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
}

/* consent declaration + inline notice */
.gate-declaration{margin:0 0 20px;padding:18px 20px;border:2px solid var(--navy,#0b1f33);
  border-radius:var(--radius-small,14px);background:var(--surface,#fff)}
.gate-declabel{display:block;font-size:.66rem;letter-spacing:.16em;text-transform:uppercase;
  font-weight:700;color:var(--navy,#0b1f33);margin-bottom:8px}
.gate-declaration p{margin:0;line-height:1.55;font-size:.97rem;color:var(--ink,#10243e)}
.gate-fine a{color:inherit}
.gate-inline{margin:0 0 12px;font-size:.86rem;line-height:1.5;color:var(--muted,#52657d);
  padding-left:24px;position:relative}
.gate-inline::before{content:"";position:absolute;left:0;top:.42em;width:12px;height:12px;
  border:2px solid var(--blue,#2f80ed);border-radius:3px}
.gate-inline-done{color:var(--green,#168a5b)}
.gate-inline-done::before{border-color:var(--green,#168a5b);background:var(--green-pale,#e8f7f0)}