/* BlockGuide's tech palette and components on the Vault reference layouts. */
:root{--bg-ink:#10233f;--bg-surface:#f5f8fc;--bg-accent:#48c8a2;--bg-blue:#2560cf}
html{overflow-x:hidden} body{overflow-x:hidden} .br-page{--br-ink:#10233f;--br-blue:#2560cf;--br-cream:#f3f7fb;--br-insight-border:#28aa87;--br-link:#205fcb;--br-serif:Georgia,"Times New Roman",serif;color:#172840;font-family:Arial,Helvetica,sans-serif}
.br-page main,.nw-page main{padding:0}
.nw-page{--nw-blue:#17375c;font-family:Arial,Helvetica,sans-serif}
.site-header{position:relative;z-index:20;background:#fff;border-bottom:1px solid #dce5ed}.site-header .header-inner{max-width:1220px;width:calc(100% - 40px);margin:auto;display:flex;align-items:center;justify-content:space-between;gap:22px;padding:13px 0}.site-header a{text-decoration:none}.site-header .brand{display:flex;align-items:center;gap:10px;color:var(--bg-ink);font-size:1.35rem;font-weight:900}.site-header .brand img{width:36px;height:36px}.site-header .brand small{display:block;font-size:.62rem;letter-spacing:.1em;color:#458d80}.site-header .header-nav{display:flex;gap:15px;align-items:center;flex-wrap:wrap}.site-header .header-nav a{font-weight:700;color:#243c5a;font-size:.9rem}.site-header .header-nav a:hover{text-decoration:underline}.site-header .menu-toggle{display:none}
.br-editorial-hero{background:linear-gradient(135deg,#10233f,#204775 75%,#167b78);}.br-editorial-hero h1{font-family:Georgia,"Times New Roman",serif;max-width:950px}.br-editorial-breadcrumb a{color:#d5edff}.br-editorial-layout{align-items:start}.br-editorial-main{min-width:0}.br-editorial-main p{line-height:1.72}.br-editorial-main h2,.br-editorial-main h3{scroll-margin-top:20px}.br-editorial-main .lead{font-size:1.16rem;line-height:1.7}.br-editorial-main .br-insight{display:block;background:#effbf7;border-radius:0 12px 12px 0;padding:21px 25px}.br-editorial-main .br-insight h2{font-size:1.22rem;margin:0 0 8px}.br-editorial-main .br-insight p{margin:0}.br-editorial-figure{display:flex;align-items:center;justify-content:center;color:#d4fff1;background:linear-gradient(145deg,#19385c,#2e7184);font-size:4rem;min-height:170px;border-radius:16px}.br-editorial-side .br-toc{background:#fff;border:1px solid #dce5ed;border-radius:12px;padding:10px 20px;margin-top:16px;max-height:60vh;overflow:auto}.br-editorial-side .br-toc h2{font-size:1rem}.br-editorial-side .br-toc ol{padding-left:20px}.br-editorial-side .br-toc a{overflow-wrap:anywhere}
.br-editorial-main .ad-placement{border:1px solid #d9e1e9;border-radius:12px;background:#fafcfe;margin:32px 0;padding:16px;min-height:110px;clear:both}.ad-placement .ad-label{font-size:.72rem;color:#617080;letter-spacing:.06em;text-transform:uppercase;display:block;margin-bottom:12px}.ad-placement ins.adsbygoogle{display:block;min-height:90px}.br-editorial-main .nexus-card{border:1px solid #d9e4ed;border-radius:12px;background:#f9fcff;box-shadow:none}.br-editorial-main .nexus-card:hover{border-color:#2f74a8}.br-editorial-main .button,.br-editorial-main button.button{background:#205fc8;border-color:#205fc8;color:#fff}.br-editorial-main .button-secondary{background:#fff!important;color:#205fc8!important}.br-editorial-main .code-wrap{overflow-x:auto}.br-editorial-main code{word-break:break-word}.br-editorial-main .form-group{min-width:0}.br-editorial-main input,.br-editorial-main select{max-width:100%}.br-editorial-main .table-wrap,.br-editorial-main .br-table-wrap{overflow-x:auto;max-width:100%}.br-editorial-main table{min-width:0}.recipe-facts{background:#f3f8fd;border:1px solid #d8e8f4;border-radius:14px;padding:20px;margin:28px 0}.recipe-variant{margin:22px 0}.recipe-variant table{width:100%;min-width:0}.recipe-variant td{text-align:left!important;white-space:normal!important}.recipe-variant code{font-size:.88em;overflow-wrap:anywhere}
.nw-page .site-header{background:#fff}.nw-page .nw-hero{background:linear-gradient(115deg,#0e2847,#1c5b7d 72%,#238f82)}.nw-page .nw-hero__lead{max-width:640px}.nw-page .nw-hero h1{max-width:850px;font-size:clamp(2.3rem,4.5vw,3.6rem);line-height:1.18;letter-spacing:-.035em}.nw-page .nw-hero strong{color:#7df0cf}.nw-page .nw-search__bar{background:#164d5e}.nw-page .nw-category{border-radius:13px}.nw-page .nw-category__icon{color:#227b75}.nw-page .nw-content{padding-bottom:70px}.nw-page .nw-content>p{max-width:760px}.nw-page .nw-feature{border-radius:14px}
.hub-card-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:20px 0}.hub-card-list .hub-card{display:flex;flex-direction:column;gap:7px;border:1px solid #dce6ef;border-radius:12px;background:#fff;padding:17px;text-decoration:none;color:#17375c}.hub-card-list .hub-card:hover{border-color:#398bba;background:#f2fafc}.hub-card-list .hub-card span{font-size:.8rem;color:#627187}.hub-card-list .hub-card[hidden]{display:none}#hub-filter{width:min(100%,520px);padding:12px;border:1px solid #b9ccd8;border-radius:9px;margin:6px 0 12px}
@media(min-width:901px){.nw-page .nw-hero__content,.nw-page .nw-hero h1{max-width:850px}}
.site-footer{background:#10233f;color:#d6e6f5;padding:42px 0}.site-footer .container{max-width:1220px;width:calc(100% - 40px);margin:auto}.site-footer strong{color:#fff;font-size:1.1rem}.site-footer a{color:#b7ffe5}.site-footer .footer-links{display:flex;flex-wrap:wrap;gap:15px;margin:15px 0}.site-footer p{font-size:.87rem;line-height:1.6;max-width:950px}.br-page .site-footer{margin-top:60px}
@media(max-width:1100px){.site-header .menu-toggle{display:block;border:1px solid #c3d6e2;border-radius:8px;padding:8px 12px;background:#fff;color:#17375c}.site-header .header-inner{flex-wrap:wrap}.site-header .header-nav{display:none;width:100%;flex-direction:column;align-items:flex-start;padding:10px 0}.site-header .header-nav.is-open,.site-header .header-nav[aria-hidden="false"]{display:flex}.site-header.nw-header{height:auto;min-height:80px}}
@media(max-width:760px){.br-editorial-layout{width:min(100% - 24px,650px)}.br-editorial-main{padding:28px 20px}.br-editorial-hero{min-height:380px}.br-editorial-hero h1{font-size:clamp(2rem,7vw,3rem)}.br-editorial-side{padding:0}.br-editorial-side .br-toc{max-height:none}.br-editorial-main .table-wrap{margin-left:0;margin-right:0}.nw-page .nw-hero__content{padding-left:15px;padding-right:15px}}
@media(max-width:600px){.hub-card-list{grid-template-columns:1fr}}