/* The policy pages (S11). Not frozen: there is no prototype, so they are built in the port from the shop's own language (tokens only): a
   readable column, a display title, one block per fact. */
.pg { outline: 0; padding-block: var(--ui-space-8) var(--ui-space-16); }
.pg-wrap { width: 100%; max-width: 720px; margin-inline: auto; padding-inline: clamp(16px, 4vw, 40px); display: grid; gap: var(--ui-space-6); }
.pg-title { margin: 0; font-family: var(--ui-font-display); font-weight: var(--ui-weight-display); letter-spacing: var(--ui-tracking-display); font-size: var(--ui-text-2xl); color: var(--ui-text); }
@media (min-width: 960px) { .pg-title { font-size: var(--ui-text-3xl); } }
.pg-block { display: grid; gap: var(--ui-space-3); padding-top: var(--ui-space-5); border-top: 1px solid var(--ui-border); }
.pg-h2 { margin: 0; font-size: var(--ui-text-md); font-weight: var(--ui-weight-strong); color: var(--ui-text); }
.pg-line { margin: 0; font-size: var(--ui-text-md); line-height: var(--ui-leading-body); color: var(--ui-text-muted); max-width: 66ch; }
.pg-line { overflow-wrap: anywhere; }
.pg-facts { list-style: none; margin: 0; padding: 0; display: grid; gap: var(--ui-space-4); }
.pg-facts li { display: flex; flex-wrap: wrap; align-items: center; gap: var(--ui-space-3); font-size: var(--ui-text-md); color: var(--ui-text-muted); min-height: 32px; }
.pg-facts .pg-fact__address { flex-basis: 100%; white-space: pre-line; }