/* BFC layout v3. Keep the original violet/cyan/navy visual identity. */
:root{--frame:238px;--ink:#f4f5ff;--quiet:#aab4d1;--panel:#101630;--panel2:#151d3d;--line:#2d3966;--violet:#8b5cf6;--aqua:#22d3ee}
html{scroll-behavior:smooth}body{overflow-x:hidden}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--aqua)!important;outline-offset:3px}
/* Main navigation now lives beside the content, not squeezed into its header. */
body:has(#page-home) header{height:70px!important;position:sticky!important;top:0!important;z-index:80!important;background:rgba(7,9,26,.95)!important}
body:has(#page-home) header .nav{height:70px!important;max-width:none!important;padding:0 28px!important;justify-content:space-between!important}
body:has(#page-home) header .navlinks{display:none!important}
body:has(#page-home) header .brand{font-size:17px!important}
.bfc-rail{position:fixed;top:70px;bottom:0;left:0;width:var(--frame);z-index:35;padding:24px 14px 18px;background:#0b1025;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:4px;overflow:auto}
.bfc-rail-label{color:#818eaf;font-size:10px;font-weight:850;letter-spacing:.14em;text-transform:uppercase;padding:10px 14px}
.bfc-rail button{width:100%;border:1px solid transparent;border-radius:13px;background:transparent;color:#b9c4df;text-align:left;display:flex;align-items:center;gap:12px;font-size:13px;font-weight:750;padding:12px 14px;cursor:pointer}
.bfc-rail button:hover{background:#182342;color:#fff}.bfc-rail button.active{background:linear-gradient(105deg,#332365,#182f54);border-color:#544390;color:#fff;box-shadow:inset 3px 0 0 var(--aqua)}
.bfc-rail .rail-icon{display:inline-grid;place-items:center;width:24px;color:#9ddaf0;font-size:17px}.rail-footer{margin-top:auto;border-top:1px solid var(--line);padding:18px 12px 6px;color:#9aa7c8;font-size:11px;line-height:1.55}.rail-footer b{display:block;color:#e3e6ff;margin-bottom:4px}
body:has(#page-home) main,body:has(#page-home)>footer,body:has(#page-home)>header+div.shell{margin-left:var(--frame)!important}
body:has(#page-home) .shell{max-width:1320px!important}.page{min-height:calc(100vh - 70px)}
body:has(#page-home) .page-head{padding-top:42px!important;padding-bottom:24px!important;margin-bottom:0!important;max-width:1320px!important}
body:has(#page-home) .page-head h1{font-size:clamp(42px,5vw,72px)!important;line-height:1!important;letter-spacing:-.065em!important}
body:has(#page-home) .page-head p{max-width:650px!important;color:var(--quiet)!important;font-size:15px!important}
body:has(#page-home) .page-content{padding-top:10px!important;padding-bottom:68px!important}
body:has(#page-home) .ticker{margin:12px 24px 0!important;max-width:1272px!important}
/* Home: central activity canvas; information sits below the actions. */
#page-home .hero{max-width:1320px!important;padding:53px 24px 30px!important;display:grid!important;grid-template-columns:minmax(0,1fr) 290px!important;gap:0 34px!important;align-items:start!important}
#page-home .hero .eyebrow,#page-home .hero h1,#page-home .hero p{grid-column:1!important}
#page-home .hero h1{font-size:clamp(50px,6vw,88px)!important;max-width:830px!important}
#page-home .hero p{max-width:660px!important}
#page-home .hero-meta{grid-column:2!important;grid-row:1/4!important;display:flex!important;align-self:stretch!important;flex-direction:column!important;justify-content:center!important;gap:10px!important;padding:24px!important;border:1px solid #3b4880!important;border-radius:23px!important;background:linear-gradient(155deg,#1c1845,#101f3e)!important}
#page-home .hero-meta .status{width:100%!important;justify-content:flex-start!important}
#page-home .main-grid{grid-template-columns:minmax(0,1fr)!important;max-width:1320px!important;padding:0 24px 70px!important}
#page-home .main-grid>div:first-child{display:grid!important;grid-template-columns:minmax(0,1.5fr) minmax(260px,.65fr)!important;gap:18px!important;align-items:start!important}
#page-home .home-nav-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important}
#page-home .main-grid>div:first-child>.section:nth-of-type(2){grid-column:1/-1!important;grid-row:1!important;background:#101830;border:1px solid #303e6e;border-radius:24px;padding:22px!important;margin:0!important}
#page-home .main-grid>div:first-child>.section:nth-of-type(1){grid-column:1!important;grid-row:2!important;margin:0!important;border:0!important;background:#0f1630;border-radius:22px;padding:20px!important}
#page-home .platform-strip{grid-column:2!important;grid-row:2!important;display:grid!important;grid-template-columns:1fr!important;gap:10px!important}
#page-home .platform-card{min-height:95px!important;padding:15px!important}.platform-card p{font-size:12px!important;margin:5px 0!important}
#page-home .home-intro-box{grid-column:1/-1!important;grid-row:3!important;margin:0!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}
#page-home .main-grid>div:first-child>.section:nth-of-type(3){grid-column:1/-1!important;grid-row:4!important;margin:0!important;padding:22px!important;border:1px solid var(--line)!important;border-radius:22px;background:#0d142e}
#page-home .main-grid>.sidebar{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;position:static!important;gap:14px!important;margin-top:18px!important}
#page-home .main-grid>.sidebar .side-block{min-width:0!important}
/* Discussions: categories and discovery left; reading surface right. */
#page-discussions .page-head,#page-discussions .discussion-layout{max-width:1320px!important}
#page-discussions .discussion-layout{grid-template-columns:280px minmax(0,1fr)!important;gap:22px!important;align-items:start!important}
#page-discussions .discussion-side{grid-column:1!important;grid-row:1!important;position:sticky;top:95px}
#page-discussions .discussion-main{grid-column:2!important;grid-row:1!important;min-width:0;background:#101630!important;padding:23px!important}
#page-discussions .community-kpis{grid-template-columns:repeat(3,minmax(0,1fr))!important}
#page-discussions .community-filterbar{display:grid!important;gap:12px!important;padding:16px!important}
#page-discussions .discussion-sort{display:flex!important;flex-wrap:wrap!important;gap:5px!important}
#page-discussions .bfc-post{border-radius:14px!important;margin-bottom:8px!important}
#page-discussions .thread-shell{max-width:860px;margin:auto}
/* Trends: compact evidence controls on the left and readable topic cards on the right. */
#page-trending .page-head,#page-trending .page-content{max-width:1320px!important}
#page-trending .page-content{display:grid!important;grid-template-columns:270px minmax(0,1fr)!important;gap:18px!important;align-items:start!important}
#page-trending #trendSummary{grid-column:1/-1!important;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important}
#page-trending .trend-controlbar{grid-column:1!important;grid-row:2!important;position:sticky!important;top:95px!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:18px!important;padding:20px!important;background:#101630!important;border:1px solid var(--line)!important;border-radius:19px!important}
#page-trending .trend-control-group{display:flex!important;flex-wrap:wrap!important;gap:7px!important}
#page-trending #trendDetail{grid-column:2!important;grid-row:2!important;min-width:0}
#page-trending .trend-layout{grid-column:2!important;grid-row:3!important;min-width:0;grid-template-columns:1fr!important}
#page-trending .trend-source-stream{grid-column:1/-1!important;grid-row:4!important}
#page-trending .trend-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
/* Polls: question first, results beside it, context below. */
#page-polls .page-head{text-align:left!important;max-width:1320px!important}#page-polls .page-content{max-width:1320px!important}
#page-polls .signal-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
#page-polls .poll-layout{display:grid!important;grid-template-columns:minmax(0,1fr) 245px!important;max-width:none!important;gap:20px!important}
#page-polls .poll-list{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;align-items:start!important;gap:16px!important}
#page-polls .poll-card{min-width:0!important;margin:0!important}
#page-polls .poll-side{position:sticky;top:95px}
/* Content: a featured media lead followed by a compact gallery. */
#page-content .page-head,#page-content .page-content{max-width:1320px!important}
#page-content .x-tools{position:static!important;margin-bottom:18px!important;border-radius:16px!important}
#page-content .feature-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;align-items:stretch!important;gap:16px!important}
#page-content .feature-grid>.content-card:first-child{grid-column:span 2!important;grid-row:span 2!important;min-height:390px!important;background:linear-gradient(140deg,#1b1943,#0d2038)!important}
#page-content .feature-grid>.content-card:first-child h3{font-size:clamp(22px,3vw,34px)!important}
#page-content .x-discovery,#page-content .x-review{margin-top:28px!important}
/* Tools: compact left launcher with a broad working area. */
#page-tools .page-head,#page-tools .tools-wrap{max-width:1320px!important}
#page-tools .tools-wrap{grid-template-columns:230px minmax(0,1fr)!important;gap:22px!important}
#page-tools .tools-nav{top:95px!important}
#page-tools .tool-panel{padding:30px!important;min-height:480px!important}
#page-tools .tool-head{padding-bottom:22px!important;margin-bottom:22px!important}
/* Suggestions: statuses in a left panel, the idea board to the right. */
#page-suggestions .page-head,#page-suggestions .suggest-layout{max-width:1320px!important}
#page-suggestions .suggest-layout{grid-template-columns:245px minmax(0,1fr)!important;gap:22px!important}
#page-suggestions .suggest-layout>aside{grid-column:1!important;grid-row:1!important;position:sticky;top:95px}
#page-suggestions .suggest-layout>div:first-child{grid-column:2!important;grid-row:1!important;min-width:0}
#page-suggestions .suggest-kpis{grid-template-columns:repeat(4,minmax(0,1fr))!important}
#page-suggestions .suggest-card{padding:22px!important}
/* Standalone account and profile: different dashboard compositions. */
body:has(main.shell #content){background:#080b1d!important}body:has(main.shell #content) main.shell{max-width:1240px!important}
body:has(main.shell #content) main.shell>.hero{border-radius:0 0 26px 26px!important;padding:45px!important;margin:0 0 24px!important}
body:has(main.shell #content) #content>.grid{grid-template-columns:340px minmax(0,1fr)!important;align-items:start!important}
body:has(main.shell #content) #content .card{border-color:#2c3965!important}
body:has(main.shell #content) #content .stats{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important}
/* Admin: wider work table and an operational rail. */
body:has(.workspace) main{max-width:1560px!important}body:has(.workspace) .workspace{grid-template-columns:260px minmax(0,1fr)!important;gap:24px!important}body:has(.workspace) .side-nav{top:92px!important;padding:14px!important}body:has(.workspace) .metrics{grid-template-columns:repeat(4,minmax(0,1fr))!important}
/* Legal pages: more generous reading width with a fixed local index. */
body:has(.doc) .layout{grid-template-columns:230px minmax(0,1fr)!important;gap:35px!important}body:has(.doc) .toc{position:sticky;top:26px;align-self:start!important}body:has(.doc) .doc{max-width:830px!important}
body:has(.rules) .rules{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important}body:has(.rules) .rule{margin:0!important;min-width:0!important}body:has(.rules) .rule.wide,body:has(.rules) .footer-links{grid-column:1/-1!important}
@media(max-width:1250px){:root{--frame:200px}#page-home .home-nav-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}#page-polls .poll-list{grid-template-columns:1fr!important}}
@media(max-width:980px){:root{--frame:0px}.bfc-rail{display:none!important}body:has(#page-home) header{height:auto!important}body:has(#page-home) header .nav{height:auto!important;min-height:70px!important;flex-wrap:wrap!important;padding:10px 16px!important}body:has(#page-home) header .navlinks{display:flex!important;order:10!important;width:100%!important;overflow-x:auto!important;justify-content:flex-start!important}body:has(#page-home) .main-grid>div:first-child{grid-template-columns:1fr!important}#page-home .main-grid>div:first-child>*{grid-column:1!important;grid-row:auto!important}#page-home .main-grid>.sidebar{grid-template-columns:repeat(2,minmax(0,1fr))!important}#page-home .platform-strip{grid-template-columns:repeat(3,minmax(0,1fr))!important}#page-home .hero{grid-template-columns:1fr!important}#page-home .hero-meta{grid-column:1!important;grid-row:auto!important;flex-direction:row!important}#page-discussions .discussion-layout,#page-suggestions .suggest-layout,#page-trending .page-content{grid-template-columns:1fr!important}#page-discussions .discussion-side,#page-discussions .discussion-main,#page-suggestions .suggest-layout>aside,#page-suggestions .suggest-layout>div:first-child,#page-trending #trendSummary,#page-trending .trend-controlbar,#page-trending #trendDetail,#page-trending .trend-layout,#page-trending .trend-source-stream{grid-column:1!important;grid-row:auto!important;position:static!important}#page-polls .poll-layout{grid-template-columns:1fr!important}#page-polls .poll-side{position:static!important;display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:10px!important}body:has(.workspace) .workspace{grid-template-columns:1fr!important}body:has(main.shell #content) #content>.grid{grid-template-columns:1fr!important}}
@media(max-width:650px){body:has(#page-home) .shell{padding-left:16px!important;padding-right:16px!important}body:has(#page-home) .hero{padding:36px 16px 22px!important}#page-home .hero h1{font-size:clamp(41px,12vw,63px)!important}#page-home .hero-meta{flex-direction:column!important;padding:16px!important}#page-home .main-grid{padding:0 16px 48px!important}#page-home .home-nav-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}#page-home .home-intro-box,#page-home .main-grid>.sidebar,#page-home .platform-strip,#page-trending #trendSummary,#page-polls .signal-grid,#page-polls .poll-side,#page-content .feature-grid,#page-suggestions .suggest-kpis{grid-template-columns:1fr!important}#page-content .feature-grid>.content-card:first-child{grid-column:auto!important;grid-row:auto!important;min-height:220px!important}#page-tools .tools-wrap{grid-template-columns:1fr!important}#page-tools .tools-nav{position:static!important;display:flex!important;overflow-x:auto!important}#page-discussions .discussion-main,#page-tools .tool-panel{padding:16px!important}#page-discussions .community-kpis{grid-template-columns:1fr!important}body:has(.rules) .rules{grid-template-columns:1fr!important}body:has(.doc) .layout{grid-template-columns:1fr!important}body:has(.doc) .toc{position:static!important}body:has(.workspace) .metrics{grid-template-columns:repeat(2,1fr)!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.bfc-rail+.shell{margin-left:var(--frame)!important;max-width:none!important}
#page-discussions .discussion-simple-card{border-radius:16px!important;margin-bottom:10px!important}
#page-discussions .discussion-simple-bottom{display:flex!important;justify-content:space-between!important;gap:12px!important;align-items:center!important}
@media(max-width:980px){.bfc-rail+.shell{margin-left:0!important}}
