/* Portfolio framing for the HFEA workbench: square edges, site width and palette. */
body { background:#080f16; }
.hfea-page main { width:min(1240px,calc(100% - 96px)); max-width:none; padding:0 0 95px; }
.hfea-page main :is(.panel,button,select,input,textarea,dialog,.file-button,.workflow-toolbar *,#summary *,.review-table,.comparison-panel,.legend) { border-radius:0 !important; }
.hfea-page .hfea-crumbs { width:min(1240px,calc(100% - 96px)); margin:auto; display:flex; align-items:center; justify-content:space-between; gap:16px; }
.hfea-page .local-badge { font:10px/1.4 "Cascadia Mono","SFMono-Regular",Consolas,monospace; letter-spacing:.1em; color:#9fbfcd; border:1px solid #30414d; padding:6px 10px; }
.hfea-page .demo-note { width:min(1240px,calc(100% - 96px)); margin:0 auto 24px; padding:14px 18px; background:#101e29; color:#dce6eb; border:0; border-left:2px solid #a3d8e3; font:13px/1.6 "Segoe UI",-apple-system,BlinkMacSystemFont,Arial,sans-serif; }
.hfea-page .intro h1 { font-weight:500; letter-spacing:-.055em; }
.hfea-page .eyebrow { color:#9fbfcd; font-family:"Cascadia Mono","SFMono-Regular",Consolas,monospace; letter-spacing:.09em; }
@media(max-width:1100px) { .hfea-page main,.hfea-page .hfea-crumbs,.hfea-page .demo-note { width:calc(100% - 64px); } }
@media(max-width:640px) { .hfea-page main,.hfea-page .hfea-crumbs,.hfea-page .demo-note { width:calc(100% - 40px); } .hfea-page .local-badge { display:none; } }
#advisory { background:#101e29; border-top:1px solid #30414d; color:#dce6eb; padding:14px max(48px,calc((100% - 1240px) / 2)); }
#advisory::before { color:#a3d8e3; font-family:"Cascadia Mono","SFMono-Regular",Consolas,monospace; font-weight:400; }
.hfea-page .site-end { margin-bottom:64px; }
@media(max-width:640px) { #advisory { padding:10px 20px; } .hfea-page .site-end { margin-bottom:84px; } }
.hfea-page main *:not(input[type=checkbox]):not(input[type=range]) { border-radius:0 !important; }
.hfea-page .file-button { background:#101e29; border-color:#587481; color:#edf2f4; }
.hfea-page .file-button:hover { border-color:#a3d8e3; }