.bn-page {
  width: min(1140px, calc(100% - 64px));
  margin-inline: auto;
  padding-block: clamp(3rem, 7vw, 6rem);
  color: inherit;
}
.bn-page h1 {
  margin: 0 0 .8em;
  font-size: clamp(2.2rem, 4.5vw, 4rem); font-weight:650;
  line-height: 1.1;
  letter-spacing: -.035em;
  text-wrap: balance;
  word-break: keep-all;
}
.bn-page h2 { margin: 2.2rem 0 .5rem; font-size: 1.45rem; letter-spacing: -.035em; }
.bn-rows, .bn-games { padding: 0; margin: 0; list-style: none; }
.bn-rows { border-top: 2px solid currentColor; }
.bn-rows li, .bn-games li { border-bottom: 1px solid color-mix(in srgb, currentColor 20%, transparent); }
.bn-rows a {
  display: grid;
  grid-template-columns: 9rem 1fr auto;
  align-items: center;
  gap: 1rem;
  padding: 1.5rem 0;
  color: inherit;
  text-decoration: none;
}
.bn-rows time, .bn-heading time { font-size: .875rem; font-variant-numeric: tabular-nums; }
.bn-rows strong { font-size: clamp(1rem, 1.6vw, 1.25rem); font-weight:550; letter-spacing: -.03em; line-height: 1.4; }
.bn-arrow { font-size: 1.2rem; }
.bn-rows a:hover strong, .bn-games a:hover { text-decoration: underline; text-underline-offset: 4px; }
.bn-return, .bn-back { display: inline-block; font-size: .9rem; font-weight: 650; color: inherit; }
.bn-return { margin-top: 2rem; }
.bn-back { margin-bottom: 2rem; }
.bn-heading { position: static; padding: 0 0 2rem; border-bottom: 1px solid color-mix(in srgb, currentColor 24%, transparent); background: transparent; }
.bn-heading h1 { max-width: 19em; font-size: clamp(2rem, 5vw, 4rem); }
.bn-story { display: grid; grid-template-columns: 1.2fr .8fr; gap: clamp(2rem, 7vw, 6rem); margin-top: 2rem; align-items: start; }
.bn-story p { margin: 0; line-height: 1.8; }
.bn-story .bn-caption { font-size: .9rem; }
.bn-story figure { margin: 0; }
.bn-story img { display: block; width: 100%; height: auto; }
.bn-games { margin-block: 1rem; }
.bn-games li { padding-block: .65rem; }
.bn-games a { color: inherit; }
.bn-sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
@media(max-width: 650px) {
  .bn-page { width: calc(100% - 36px); }
  .bn-rows a { grid-template-columns: 1fr auto; gap: .4rem .75rem; padding: 1.2rem 0; }
  .bn-rows time { grid-column: 1 / -1; }
  .bn-story { grid-template-columns: 1fr; }
  .bn-story figure { max-width: 370px; justify-self: center; }
}
.bn-content{max-width:880px;margin:30px auto;line-height:1.85;overflow-wrap:anywhere;color:#3d464e;font-size:16px;}
.bn-content img{display:block;max-width:100%;height:auto;margin:22px auto;}
.bn-content iframe,.bn-content video{display:block;width:100%;max-width:100%;aspect-ratio:16/9;height:auto;margin:22px 0;border:0;}
.bn-content a,.bn-attachments a{text-decoration:underline;text-underline-offset:3px;color:var(--accent);}
.bn-content table{display:block;max-width:100%;overflow-x:auto;border-collapse:collapse;}
.bn-content td,.bn-content th{padding:6px;}
.bn-content pre{white-space:pre-wrap;}
.bn-content h2{font-size:24px;}
.bn-original-note{color:var(--muted);font-size:13px;}
.bn-attachments{border-top:1px solid var(--edge);padding:18px 0;overflow-wrap:anywhere;}
.bn-attachments h2{margin:0 0 10px;font-size:18px;}
.bn-attachments ul{padding-left:20px;line-height:1.8;}
.bn-adjacent{border-top:1px solid var(--edge);margin-top:25px;}
.bn-adjacent a{display:flex;gap:24px;padding:18px 0;border-bottom:1px solid var(--edge);}
.bn-adjacent span{flex:none;color:var(--muted);font-size:13px;}
.bn-adjacent strong{font-size:15px;font-weight:500;}
.bn-search{display:flex;gap:12px;align-items:center;flex-wrap:wrap;}
.bn-search label{font-size:14px;}
.bn-search input[type=search]{font:inherit;border:1px solid var(--edge);border-radius:4px;padding:10px 12px;background:white;min-width:0;max-width:100%;}
.bn-search button{font:inherit;border:0;border-radius:4px;padding:11px 19px;background:var(--text);color:white;cursor:pointer;}
.bn-search a{font-size:13px;text-decoration:underline;}
.bn-result-count{font-size:13px;color:var(--muted);margin:25px 0 12px;}
.bn-pagination{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin-top:30px;}
.bn-pagination a{display:grid;place-items:center;min-width:34px;height:34px;border:1px solid var(--edge);border-radius:3px;}
.bn-pagination a[aria-current]{background:var(--text);color:white;}
@media(max-width:640px){.bn-content{font-size:15px;}.bn-adjacent a{gap:14px;}.bn-search label{width:100%;}.bn-search input[type=search]{flex:1;width:140px;}.bn-pagination{gap:6px;}}