.bs-page{max-width:1448px;margin:auto;padding:20px 24px 0;color:var(--portal-text);font-family:system-ui,sans-serif}
.bs-page-title{font-size:clamp(23px,3vw,34px);line-height:1.2;margin:0 0 20px;color:var(--portal-text);-webkit-text-fill-color:var(--portal-text)}
.bs-guide{max-width:1080px;margin:40px auto;color:var(--portal-text);font-size:16px;line-height:1.8}
.bs-guide section{margin:32px 0;scroll-margin-top:20px}
.bs-guide h2,.bs-guide h3{line-height:1.3;color:var(--portal-text);-webkit-text-fill-color:var(--portal-text)}
.bs-guide h2{font-size:clamp(23px,3vw,30px)}.bs-guide h3{font-size:21px}
.bs-guide p{color:var(--portal-muted)}.bs-guide strong{color:var(--portal-text)}
.bs-guide a{color:var(--portal-link);text-underline-offset:3px}
.bs-toc{display:block;background:var(--portal-panel);border:1px solid var(--portal-line);border-radius:14px;padding:20px}
.bs-toc ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 26px;margin-bottom:0;padding-left:20px;font-size:14px}
.bs-guide figure{margin:24px 0 30px;max-width:960px}
.bs-guide figure img{width:100%;height:auto;border-radius:14px;border:1px solid var(--portal-line)}
.bs-guide figcaption{font-size:13px;line-height:1.5;color:var(--portal-muted);margin-top:7px}
.bs-guide figcaption small{display:block;margin-top:4px}
#battleships-portal button{white-space:normal}
#battleships-portal .difficulty button{min-height:40px}
#battleships-portal .fleet-card .ship-name{overflow-wrap:anywhere}
#battleships-portal #modal{max-height:88vh;overflow:auto}
@media(max-width:760px){.bs-page{padding:14px 12px 0}.bs-guide{font-size:15px;margin-top:28px}.bs-toc ul{grid-template-columns:1fr}.bs-toc{padding:16px}#battleships-portal header{flex-wrap:wrap;gap:12px}#battleships-portal header nav{flex-wrap:wrap;gap:12px}#battleships-portal .hero-tags{flex-wrap:wrap;gap:8px}#battleships-portal .difficulty button{padding-inline:12px}}