/* The privacy policy and the terms of use (views/public.templ, N3b-1). The prototype has no
   such pages: they are built from app.css in the look of the app's text pages: the top bar
   with the brand and, instead of the avatar, the «EN · RU» switch of the
   sign-in pages; then .page with the title, the date and the lead, and one .card per section.
   Long words, addresses and cookie names wrap, so nothing scrolls sideways at 320 px. */

/* ---------- top bar: the brand leads home through a 44 px target; the switch keeps its 44 px
   buttons and sits at the right edge */
.public-bar .brand{min-height:44px}
.public-bar .auth-lang{margin:0 -10px 0 0}
/* Up to 1023 px the bar pads 6 px on the right (from 1024 px, 16), and the margin of -10 px pushed
   the last button (RU, on a page in English) 4 px off a 360 px screen, so that 40 px of it were
   there to tap (touch check, 2026-10-29): the switch ends where the padding does, at the edge. */
@media (max-width:1023.98px){
  .public-bar .auth-lang{margin-right:-6px}
}

/* ---------- the document */
.public-doc{gap:14px}
.public-updated{font-size:13px;color:var(--muted)}
.public-section{gap:10px}
.public-title{font-size:17px;font-weight:700;line-height:1.3}
.public-text,.public-list{font-size:15px;line-height:1.5;color:var(--ink-2);overflow-wrap:break-word}
.public-list{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:8px}
.public-list>li::marker{color:var(--muted)}
.public-section a{overflow-wrap:anywhere}
.public-code{padding:1px 5px;border-radius:5px;background:var(--seg);font-family:var(--mono);font-size:13px;overflow-wrap:anywhere}