/* Mise en page de la page vitrine uniquement (les composants sont dans components/). */
.page > h1 { margin-bottom: 0; }
.page h2 { margin-bottom: 0; }
.page section { scroll-margin-top: var(--space-4); }
.icon-row { align-items: flex-end; gap: var(--space-4); }
code { padding: 1px 5px; border-radius: var(--radius-s); background: var(--head-bg); font-size: 13px; }
ui-navbar .btn { background: transparent; color: inherit; border-color: currentColor; }
.grid-2 { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: var(--space-4); }
.color-sample { padding: var(--space-3) var(--space-4); border: 1px solid var(--line); border-radius: var(--radius); font-weight: 600; }
.summary { display: grid; grid-template-columns: max-content 1fr; gap: var(--space-1) var(--space-4); margin: 0; }
.summary dt { color: var(--muted); }
.summary dd { margin: 0; font-weight: 600; }
.pg-list { margin: 0; padding-left: var(--space-5); columns: 2; }
.rich-output { margin: var(--space-2) 0 0; padding: var(--space-3); overflow-x: auto; white-space: pre-wrap; border: 1px solid var(--line); border-radius: var(--radius-s); background: var(--head-bg); font-size: 12px; }
.login-page { margin-top: var(--space-5); }
.account-name { margin-right: var(--space-2); font-size: 13px; white-space: nowrap; }
.account-box { white-space: nowrap; }
@media (max-width: 900px) { .account-name { display: none; } }
.account-box { display: inline-flex; align-items: center; gap: var(--space-2); }