/* Context for standalone portfolio demos; existing themes and navigation stay local. */
.austriq-demo-note{margin:0;padding:9px clamp(16px,4vw,64px);background:#f4efe4;color:#393a31;border-bottom:1px solid #d8ccb6;text-align:center;font:400 .75rem/1.6 "Manrope","Avenir Next",Arial,sans-serif}
[data-demo-notice]{overflow-wrap:anywhere}
[data-demo-notice] strong{font-weight:600}
.demo-bar .demo-bar-inner{flex-wrap:wrap;gap:8px 20px;padding-block:7px}
.demo-bar .demo-label[data-demo-notice]{position:static;transform:none;display:block;flex:1;max-width:65ch;white-space:normal;text-align:center;color:inherit;font-size:.75rem;line-height:1.6;letter-spacing:0;text-transform:none}
.portfolio-bar>.container{height:auto;min-height:40px;gap:8px 20px;flex-wrap:wrap;padding-block:8px}
.portfolio-bar [data-demo-notice]{font-size:.75rem;line-height:1.6;letter-spacing:0;text-transform:none;white-space:normal}
@media(max-width:1100px){.demo-bar .demo-label[data-demo-notice]{flex-basis:100%;max-width:none;order:3}.portfolio-bar>.container>span:last-child{display:none}}
body[data-demo-layout="industry"] .header-inner{height:auto;min-height:94px;flex-wrap:wrap;padding-block:12px}
body[data-demo-layout="industry"] .site-header .brand{min-width:0;flex-shrink:1}
body[data-demo-layout="industry"] .brand-type{min-width:0;overflow-wrap:anywhere}
body[data-demo-layout="industry"] .site-header .brand-mark,body[data-demo-layout="industry"] .header-actions{flex-shrink:0}
body[data-demo-layout="industry"] :is(main,.site-footer) *{min-width:0;overflow-wrap:anywhere}
body[data-demo-layout="industry"] .text-button .plus,body[data-demo-layout="industry"] .industry-tabs button i{min-width:1em;flex-shrink:0}
body[data-demo-layout="industry"] .site-footer *{white-space:normal}
body[data-demo-layout="industry"] .footer-top,body[data-demo-layout="industry"] .footer-bottom,body[data-demo-layout="industry"] .footer-bottom>div{flex-wrap:wrap}
body[data-demo-layout="industry"] .hero-copy{max-width:100%}
body[data-demo-layout="industry"] .hero-eyebrow{max-width:100%}
body[data-demo-layout="industry"] .hero-bottom{flex-wrap:wrap}
@media(max-width:1200px){body[data-demo-layout="industry"] .header-inner{min-height:84px}}
@media(max-width:720px){body[data-demo-layout="industry"] .header-inner{min-height:77px}}
