/* layout.css - container, grid util, page header, sidebar shell */
@import url('./design-tokens.css');
.container-modern{width:100%;margin:0 auto;padding:0 24px;max-width:1220px;}
.page-header-modern{background:linear-gradient(120deg,var(--color-brand-primary),var(--color-brand-secondary));padding:70px 0 46px;color:#fff;position:relative;overflow:hidden;} 
.page-header-modern h1{margin:0 0 10px;font-size:clamp(1.9rem,3.6vw,2.6rem);} 
.page-header-modern p{margin:0;max-width:760px;color:rgba(255,255,255,.9);} 
.with-sidebar{display:flex;align-items:flex-start;gap:40px;} .with-sidebar .sidebar{flex:0 0 300px;max-width:300px;position:sticky;top:92px;} .with-sidebar .main{flex:1 1 auto;min-width:0;} 
@media(max-width:991px){.with-sidebar{flex-direction:column;}.with-sidebar .sidebar{position:static;max-width:100%;}} 
.main-shell{padding:var(--space-9) 0;} 
.section-spaced{padding:var(--space-9) 0;}