/* Layout Rule: two-column（双栏布局）
   骨架：header/nav/hero 纵向堆叠，main+sidebar 左右并列，footer纵向 */
.layout--two-column { display: block; }
.layout--two-column .layout-slot--main,
.layout--two-column .layout-slot--sidebar { display: inline-block; vertical-align: top; }
.layout--two-column { max-width: 1100px; margin: 0 auto; }
.layout--two-column::after { content: ''; display: table; clear: both; }
.layout--two-column .layout-slot--main { float: left; width: 68%; padding: 0 20px; box-sizing: border-box; }
.layout--two-column .layout-slot--sidebar { float: right; width: 32%; padding: 0 20px; box-sizing: border-box; }
@media (max-width: 768px) {
    .layout--two-column .layout-slot--main,
    .layout--two-column .layout-slot--sidebar { float: none; width: 100%; }
}