:root{--paper:#fff;--ink:#000}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif}a{color:inherit}.gate-shell{width:min(760px,100%);min-height:100vh;margin:0 auto;padding:18px;display:grid;place-items:center}.gate-card{width:100%;border:2px solid var(--ink);padding:clamp(28px,6vw,58px);text-align:center}.gate-eyebrow{font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;margin:0 0 18px}.gate-card h1{font-size:clamp(34px,7vw,64px);line-height:1;letter-spacing:-.04em;margin:0 0 22px}.gate-card p{font-size:18px;line-height:1.5}.gate-balance{font-size:clamp(54px,12vw,98px);font-weight:700;line-height:1;margin:20px 0}.gate-label{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.gate-button,button.gate-button{display:inline-grid;place-items:center;min-height:54px;padding:13px 22px;border:2px solid var(--ink);background:var(--ink);color:var(--paper);font:700 17px Arial,Helvetica,sans-serif;text-transform:uppercase;text-decoration:none;cursor:pointer}.gate-button:hover,.gate-button:focus-visible,button.gate-button:hover,button.gate-button:focus-visible{background:var(--paper);color:var(--ink)}.gate-text-link{display:block;margin-top:20px;text-underline-offset:3px}.gate-form{display:grid;gap:12px;max-width:460px;margin:24px auto 0;text-align:left}.gate-form label{font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.gate-form input{width:100%;min-height:50px;padding:10px 12px;border:2px solid var(--ink);background:var(--paper);color:var(--ink);font:inherit}.gate-message{padding:12px;border:1px solid var(--ink);margin:18px 0}.gate-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:22px 0}.gate-stat{border:1px solid var(--ink);padding:16px}.gate-stat strong{display:block;font-size:30px}.gate-stat span{font-size:11px;text-transform:uppercase;letter-spacing:.1em}.gate-codes{width:100%;min-height:180px;border:2px solid var(--ink);padding:12px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.doctor-list{display:grid;gap:8px;margin-top:20px;text-align:left}.doctor-row{display:grid;grid-template-columns:1fr auto;gap:10px;border:1px solid var(--ink);padding:10px}.pass{font-weight:700}.fail{font-weight:700;text-decoration:underline}.small{font-size:13px!important}.inline{display:inline}.top-links{display:flex;justify-content:center;gap:15px;flex-wrap:wrap;margin-top:24px}@media(max-width:520px){.gate-grid{grid-template-columns:1fr}}

/* -------------------------------------------------------------------------
   Message Board 001
   ------------------------------------------------------------------------- */
.board-shell{
  width:min(920px,100%);
  margin:0 auto;
  padding:18px;
}
.board-header{
  display:flex;
  justify-content:space-between;
  gap:24px;
  align-items:flex-end;
  border:2px solid var(--ink);
  padding:clamp(24px,5vw,44px);
  margin-bottom:14px;
}
.board-header h1{
  margin:0;
  font-size:clamp(34px,7vw,68px);
  line-height:.96;
  letter-spacing:-.045em;
}
.board-intro{
  max-width:620px;
  margin:16px 0 0;
  font-size:16px;
  line-height:1.5;
}
.board-balance{
  min-width:120px;
  text-align:right;
}
.board-balance span{
  display:block;
  font-size:11px;
  font-weight:700;
  letter-spacing:.14em;
  text-transform:uppercase;
}
.board-balance strong{
  display:block;
  margin-top:5px;
  font-size:34px;
}
.board-flash{
  border:2px solid var(--ink);
  padding:14px 16px;
  margin-bottom:14px;
  font-weight:700;
}
.board-error{
  text-decoration:underline;
}
.board-compose{
  border:2px solid var(--ink);
  padding:clamp(20px,4vw,34px);
  margin-bottom:14px;
}
.board-compose h2,
.board-section-title h2{
  margin:0;
  font-size:24px;
}
.board-form{
  display:grid;
  gap:10px;
  margin-top:18px;
}
.board-form label{
  font-size:11px;
  font-weight:700;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.board-form input,
.board-form textarea{
  width:100%;
  border:2px solid var(--ink);
  background:var(--paper);
  color:var(--ink);
  padding:12px;
  font:inherit;
  border-radius:0;
}
.board-form input{
  min-height:48px;
}
.board-form textarea{
  min-height:150px;
  resize:vertical;
  line-height:1.45;
}
.board-form-foot{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  margin-top:2px;
}
.board-form-foot span{
  font-size:12px;
}
.board-honeypot{
  position:absolute!important;
  left:-9999px!important;
  width:1px!important;
  height:1px!important;
  overflow:hidden!important;
}
.board-messages{
  display:grid;
  gap:10px;
}
.board-section-title{
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:12px;
  padding:15px 2px 5px;
}
.board-section-title span{
  font-size:12px;
  font-weight:700;
  letter-spacing:.1em;
  text-transform:uppercase;
}
.board-message,
.board-empty{
  border:2px solid var(--ink);
  padding:18px;
}
.board-message header{
  display:flex;
  justify-content:space-between;
  gap:12px;
  align-items:flex-start;
  padding-bottom:10px;
  border-bottom:1px solid var(--ink);
}
.board-message header strong{
  display:block;
  font-size:17px;
}
.board-message time{
  font-size:11px;
  white-space:nowrap;
}
.board-message p{
  margin:14px 0 0;
  font-size:16px;
  line-height:1.5;
  overflow-wrap:anywhere;
}
.board-empty{
  text-align:center;
  padding:34px 18px;
}
.board-nav{
  display:flex;
  justify-content:center;
  gap:18px;
  flex-wrap:wrap;
  margin:24px 0 6px;
  font-size:14px;
}
.board-nav a{
  text-underline-offset:3px;
}
.board-directory{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}
.board-directory-card{
  min-height:150px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  border:2px solid var(--ink);
  padding:20px;
  text-decoration:none;
}
.board-directory-card:hover,
.board-directory-card:focus-visible{
  background:var(--ink);
  color:var(--paper);
}
.board-directory-card span{
  font-size:11px;
  font-weight:700;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.board-directory-card strong{
  display:block;
  margin:18px 0;
  font-size:24px;
  line-height:1.1;
}
.board-directory-card small{
  font-size:12px;
}
.board-filter{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  margin-bottom:14px;
}
.board-filter a{
  border:1px solid var(--ink);
  padding:7px 10px;
  text-decoration:none;
  font-size:12px;
}
.board-filter a.active,
.board-filter a:hover,
.board-filter a:focus-visible{
  background:var(--ink);
  color:var(--paper);
}
.admin-message .admin-board-name{
  display:block;
  margin-bottom:5px;
  font-size:10px;
  font-weight:700;
  letter-spacing:.1em;
  text-transform:uppercase;
}
.board-delete{
  margin-top:14px;
  padding:7px 10px;
  border:1px solid var(--ink);
  background:var(--paper);
  color:var(--ink);
  cursor:pointer;
  font:inherit;
  font-size:12px;
  text-transform:uppercase;
}
.board-delete:hover,
.board-delete:focus-visible{
  background:var(--ink);
  color:var(--paper);
}
@media(max-width:620px){
  .board-header{
    align-items:flex-start;
    flex-direction:column;
  }
  .board-balance{
    text-align:left;
  }
  .board-form-foot{
    align-items:stretch;
    flex-direction:column;
  }
  .board-form-foot .gate-button{
    width:100%;
  }
  .board-directory{
    grid-template-columns:1fr;
  }
  .board-message header{
    flex-direction:column;
  }
  .board-message time{
    white-space:normal;
  }
}
/* Message Board Hub */
.board-hub-current{display:flex;align-items:center;justify-content:space-between;gap:16px;border:2px solid var(--ink);padding:14px 16px;margin-bottom:14px}.board-hub-current span{display:block;margin-bottom:4px;font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.board-hub-current strong{display:block;font-size:18px}@media(max-width:620px){.board-hub-current{align-items:stretch;flex-direction:column}.board-hub-current .gate-button{width:100%}}
