/* BF4BR shared site shell */
*{box-sizing:border-box}
html{min-height:100%}
body{min-height:100vh;margin:0;background:#0c121b;color:#e6edf7;font-family:system-ui,Arial,sans-serif}
.bf4br-shell{width:min(100%,1540px);margin:0 auto;padding:24px 20px 36px;min-height:100vh;display:flex;flex-direction:column}
.bf4br-header{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;border-bottom:1px solid #35465b;padding:0 0 20px;margin-bottom:24px}
.bf4br-brand{font-weight:900;font-size:25px;letter-spacing:.03em;line-height:1.3}
.bf4br-brand a{color:#e6edf7;text-decoration:none}
.bf4br-brand a:hover{opacity:.85;text-decoration:none}
.bf4br-brand span{color:#ffad55}
.bf4br-subtitle{font-size:12px;color:#9eb0c5;font-weight:400;letter-spacing:.04em;margin-top:3px}
.bf4br-nav{display:flex;gap:18px;flex-wrap:wrap;align-items:center}
.bf4br-nav a{color:#88caff;text-decoration:none;font-size:14px}
.bf4br-nav a:hover{text-decoration:underline}
.bf4br-nav a[aria-current="page"]{color:#ffad55;font-weight:700}
.bf4br-content{flex:1;min-width:0}
.bf4br-footer{border-top:1px solid #35465b;margin-top:40px;padding:18px 0 0;color:#9eb0c5;font-size:13px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px}
.bf4br-footer a{color:#88caff;text-decoration:none}
.bf4br-footer a:hover{text-decoration:underline}
@media(max-width:650px){.bf4br-shell{padding:16px}.bf4br-header{align-items:flex-start}.bf4br-nav{gap:10px 16px}}