/* Layout：container、12 欄網格、section */
.container{width:100%;max-width:var(--container);margin-inline:auto;padding-inline:var(--page-x)}
.section{padding-top:var(--section-y)}
.section--last{padding-bottom:var(--section-y)}
.grid-12{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--gutter)}
.stack{display:flex;flex-direction:column}
.bleed{width:100%}

/* 欄位輔助（桌機） */
.col-1-3{grid-column:1/span 3}.col-1-4{grid-column:1/span 4}.col-1-5{grid-column:1/span 5}.col-1-6{grid-column:1/span 6}.col-1-7{grid-column:1/span 7}
.col-4-9{grid-column:4/span 9}.col-5-8{grid-column:5/span 8}.col-6-7{grid-column:6/span 7}.col-7-6{grid-column:7/span 6}.col-8-5{grid-column:8/span 5}.col-9-4{grid-column:9/span 4}
.col-span-12{grid-column:1/-1}

main{display:block}
body.has-mobile-bar{padding-bottom:0}

@media (max-width:767px){
  .grid-12{grid-template-columns:minmax(0,1fr)}
  .grid-12>*{grid-column:1/-1!important}
  body.has-mobile-bar{padding-bottom:var(--mobile-bar-h)}
}

.show-sm{display:none!important}
@media (max-width:767px){.hide-sm{display:none!important}.show-sm{display:inline-block!important}}