@media screen {
  body { background:#eef2f7; }
  .page { background:#fff; max-width:820px; margin:0 auto 18px; padding:22px 20px; border-radius:10px; box-shadow:0 1px 4px rgba(0,0,0,.08); }
  .cover { padding-top:22px; }
  .cover img { width:100%; max-width:520px; }
  .top img { height:44px; }
  .bar { position:sticky; top:0; z-index:9; background:#1F3A5F; color:#fff; display:flex; gap:10px; align-items:center; justify-content:space-between; padding:10px 16px; margin-bottom:16px; }
  .bar a { color:#fff; text-decoration:none; border:1px solid rgba(255,255,255,.5); border-radius:6px; padding:6px 12px; font-size:14px; white-space:nowrap; }
  .bar a.primary { background:#E8A317; border-color:#E8A317; color:#1F3A5F; font-weight:700; }
  .bar .t { font-weight:600; font-size:14px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
}
@media screen and (max-width: 700px) {
  body { font-size:15px; }
  .page { padding:16px; border-radius:0; }
  .two { grid-template-columns:1fr; gap:0; }
  table { display:block; overflow-x:auto; font-size:13px; }
  .cover table, .agenda { width:100% !important; }
  h1 { font-size:22px; } h2 { font-size:19px; }
  .bar .t { display:none; }
  html, body { overflow-x:clip; }
}