/* PataraWeb 2.0 — public pages (Home, Sign in, Privacy Policy, Terms of Service; Nov 7 2026 items 144 / 145).
   Loaded after app.css: no side menu, header from pub.js (same look as the app header). */
html.pub{--side-w:0px}
html.pub body{padding-left:0;padding-top:var(--hdr-h,61px);margin:0}
html.pub header.top{position:fixed;left:0;right:0;top:env(safe-area-inset-top,0px);margin-left:0}
.pub-top .bar{max-width:none;flex-wrap:nowrap}
.pub-top .brand-name{text-decoration:none}
.pub-top .logo{text-decoration:none}
.pub-act{gap:12px}
.pub-me{font-size:12.5px;color:var(--muted);white-space:nowrap;max-width:180px;overflow:hidden;text-overflow:ellipsis}
.pub-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:0 18px;border-radius:10px;border:1px solid transparent;font:600 13.5px/1 var(--sans);text-decoration:none;white-space:nowrap;cursor:pointer;transition:background .15s,border-color .15s,box-shadow .15s,transform .15s}
.pub-btn.gold{background:var(--py-deep);color:var(--py-deep-ink);border-color:var(--py-deep)}
.pub-btn.gold:hover{box-shadow:0 6px 16px -6px rgba(176,124,0,.55);transform:translateY(-1px)}
.pub-btn.ghost{background:var(--surface);color:var(--fg);border-color:var(--line-strong)}
.pub-btn.ghost:hover{border-color:var(--fg-2)}
.pub-btn.lg{min-height:50px;padding:0 26px;font-size:15px;border-radius:12px}
.pub-btn:focus-visible{outline:2px solid var(--action);outline-offset:2px}
@media (prefers-reduced-motion:reduce){.pub-btn,.pub-btn:hover{transition:none;transform:none}}
@media (max-width:560px){.pub-top .bar{gap:10px}.pub-me{display:none}.pub-btn{padding:0 12px;min-height:38px}.pub-top .brand-name .ver{display:none}}
/* The app hides the brand name and the spacer on phones (its account picker fills the row); public pages have no picker */
@media (max-width:720px){.pub-top.top .brand-name{display:flex}.pub-top.top .grow{display:block;flex:1 1 0}.pub-top .bar>.logo{margin-right:-4px}}
/* Highlight stripe behind a few words of a heading (Nov 7 item 147, Şaban: more of it, in Patara yellow) — Home and Sign in */
.hl{background:linear-gradient(transparent 58%,color-mix(in srgb,#F2C200 70%,transparent) 58%,color-mix(in srgb,#F2C200 70%,transparent) 92%,transparent 92%);padding:0 3px;margin:0 -1px;-webkit-box-decoration-break:clone;box-decoration-break:clone}