/* Pages simples du POC (accueil, espaces en préparation) : une colonne Material, mobile d'abord. */
.page{min-height:100%;background:var(--surface);font-size:calc(16px * var(--scale));display:flex;flex-direction:column}
.page .appbar{position:sticky;top:0}
.page main{flex:1;width:100%;max-width:720px;margin:0 auto;padding-bottom:32px}
.page .band{border-radius:0 0 28px 28px}
.page .item{text-decoration:none;align-items:center}
.page .item .trail .ms{font-size:24px}
.page .soon{opacity:.72}
.badge-soon{display:inline-flex;align-items:center;height:24px;padding:0 8px;border-radius:8px;background:var(--surface-high);color:var(--on-surface-variant);font-size:.75em;font-weight:600}
.badge-live{display:inline-flex;align-items:center;height:24px;padding:0 8px;border-radius:8px;background:var(--success-container);color:var(--on-success-container);font-size:.75em;font-weight:600}
.promise{list-style:none;margin:0;padding:0 0 8px}
.promise li{display:flex;gap:16px;align-items:flex-start;padding:12px 16px}
.promise li .ms{color:var(--primary)}
.promise b{display:block;font-weight:500}
.promise span{font-size:.875em;color:var(--on-surface-variant);line-height:1.45}
.foot{padding:24px 16px;color:var(--on-surface-variant);font-size:.8125em;line-height:1.5}
@media (min-width:821px){
  .page .band{border-radius:0 0 28px 28px;padding:24px 32px 32px}
  .page .band .hi{font-size:2.25em}
}