/* The policy pages: plain reading pages in the shop's own type and colours.
   style.css supplies the tokens, the fonts and the footer; this is only the
   reading column and its header. Nothing here reaches the shop itself --
   every rule is under .doc, which only these pages use. */
.doc-top{max-width:760px;margin:0 auto;padding:1.1rem var(--pad) .9rem;display:flex;align-items:center;
  justify-content:space-between;gap:.8rem 1.2rem;flex-wrap:wrap;border-bottom:1px solid var(--line)}
.doc-brand{display:flex;align-items:center;gap:.6rem;color:var(--ink);text-decoration:none}
.doc-logo{width:42px;height:42px;border-radius:9px;object-fit:cover}
.doc-mark{font-family:"Outfit",ui-sans-serif,system-ui,sans-serif;font-weight:600;font-size:1.2rem;letter-spacing:-.02em}
.doc-mark i{font-style:normal}
.doc-mark .a{color:var(--green-ink)} .doc-mark .b{color:var(--cyan-ink)} .doc-mark .c{color:var(--pink-ink)}
.doc-back{font-size:.9rem;color:var(--ink-2);text-decoration:underline;text-decoration-color:var(--line-2);text-underline-offset:3px}
.doc-back:hover{color:var(--ink)}

.doc-main{max-width:760px;margin:0 auto;padding:2.2rem var(--pad) 4.5rem}
.doc-main h1{font-size:clamp(1.9rem,1.35rem + 2.2vw,2.7rem);margin:.55rem 0 1.1rem}
.doc-main h2{font-size:1.18rem;margin:2.1rem 0 .5rem}
.doc-main p,.doc-main li{color:var(--ink-2);max-width:65ch}
.doc-main p + p{margin-top:.7rem}
.doc-main ul{margin:.4rem 0 0;padding-left:1.2rem;display:grid;gap:.45rem}
.doc-main a{color:var(--cyan-ink);text-underline-offset:3px}
.doc-lede{font-size:1.08rem;color:var(--ink)!important;line-height:1.6}

.doc-contact{list-style:none;padding:0!important;margin-top:1.3rem!important;gap:.1rem!important;
  border:1px solid var(--line);border-radius:12px;overflow:hidden}
.doc-contact li{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;
  padding:.85rem 1rem;border-bottom:1px solid var(--line);max-width:none}
.doc-contact li:last-child{border-bottom:0}
.doc-contact .k{font-family:"DM Mono",ui-monospace,monospace;font-size:.72rem;letter-spacing:.12em;
  text-transform:uppercase;color:var(--ink-3);align-self:center}

.doc-other{margin-top:3.2rem;padding-top:1.2rem;border-top:1px solid var(--line);
  display:flex;flex-wrap:wrap;gap:.4rem 1.2rem;font-size:.9rem}
.doc-other a[aria-current="page"]{color:var(--ink);font-weight:600;text-decoration:none}