/* The policy pages (privacy, terms, refunds, delivery, contact).
   Same tokens, menu bar and footer as index.html: a flat ground, one paper, no shadows.
   Two themes with the same roles; the inline head script picks one from the landing page's
   saved choice (localStorage "agent-pond-theme"), or the system's dark setting on a first visit. */
:root{
  color-scheme:light;
  --ink:#2b1d3a;--muted:#54435f;--accent:#a3245f;--on-accent:#fff;--link:#8a1f52;--link-h:#7d1747;--focus:#2b1d3a;
  --ground:#ffe8f1;--bar:#fff;--paper:#fff;--code:#eee8ff;
  --round:ui-rounded,"SF Pro Rounded","Nunito","Quicksand","Varela Round",system-ui,sans-serif;
  --mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace; /* taste-skill-ignore: only real <code> file paths use it */
  --s-small:14px;--s-body:clamp(17px,1rem + .15vw,19px);--s-lead:clamp(20px,1.05rem + .55vw,25px);--s-head:clamp(34px,1.4rem + 2.8vw,66px);
  --margin:clamp(20px,2.6vw,40px);--ease-out:cubic-bezier(.22,1,.36,1)
}
:root[data-theme="midnight"]{
  color-scheme:dark;
  --ink:#eaf1ff;--muted:#b4c1dd;--accent:#b8ff3d;--on-accent:#090e1c;--link:#6fe6ff;--link-h:#b3f3ff;--focus:#6fe6ff;
  --ground:#090e1c;--bar:#151e3a;--paper:#1b2645;--code:#111b37
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;color:var(--ink);background:var(--ground);font-family:var(--round);font-size:var(--s-body);line-height:1.6;font-kerning:normal;-webkit-font-smoothing:antialiased}
a{color:var(--link);text-underline-offset:.18em;text-decoration-thickness:.08em;transition:color 180ms ease}
@media (hover:hover){a:hover{color:var(--link-h)}}
:focus-visible{outline:3px solid var(--focus);outline-offset:3px;border-radius:10px}
::selection{background:var(--accent);color:var(--on-accent)}
code{font-family:var(--mono);font-size:.88em;background:var(--code);padding:1px 6px;border-radius:6px;overflow-wrap:anywhere}
.wrap{max-width:880px;margin:0 auto;padding-inline:var(--margin)}
.skip{position:absolute;left:-999px;top:8px;background:var(--paper);color:var(--ink);padding:10px 16px;border-radius:12px;z-index:9;font-weight:700}.skip:focus{left:8px}

/* menu bar */
.bar{background:var(--bar)}
.bar .wrap{max-width:1440px;display:flex;align-items:center;justify-content:space-between;gap:12px 24px;min-height:64px}
.logo{display:flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none;font-weight:800;font-size:var(--s-lead);letter-spacing:-.02em}
.logo svg{width:32px;height:31px}
.back{font-weight:800;color:var(--ink);text-decoration:underline;text-decoration-color:transparent}
.back::before{content:"\2190";display:inline-block;margin-right:.35em;transition:transform 300ms var(--ease-out)}
@media (hover:hover){.back:hover{color:var(--ink);text-decoration-color:currentColor}.back:hover::before{transform:translateX(-4px)}}

/* the paper, with Mochi peeking over its top edge */
.paper{position:relative;background:var(--paper);border-radius:32px;padding:clamp(32px,5vw,64px) clamp(22px,5vw,64px) clamp(36px,5vw,64px);margin-top:clamp(64px,8vw,104px)}
.paper::before{content:"";position:absolute;right:clamp(24px,5vw,56px);top:-50px;width:84px;height:56px;pointer-events:none;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 84 56'%3E%3Cellipse cx='28' cy='20' rx='7' ry='18' fill='%23ffb3c7' transform='rotate(-10 28 20)'/%3E%3Cellipse cx='28' cy='21' rx='3' ry='12' fill='%23ff8fb0' transform='rotate(-10 28 21)'/%3E%3Cellipse cx='56' cy='20' rx='7' ry='18' fill='%23ffb3c7' transform='rotate(12 56 20)'/%3E%3Cellipse cx='56' cy='21' rx='3' ry='12' fill='%23ff8fb0' transform='rotate(12 56 21)'/%3E%3Cpath d='M12 56 C12 38 26 30 42 30 C58 30 72 38 72 56Z' fill='%23ffb3c7'/%3E%3Ccircle cx='33' cy='45' r='3.8' fill='%232b1d3a'/%3E%3Ccircle cx='34.5' cy='43.5' r='1.3' fill='%23fff'/%3E%3Ccircle cx='51' cy='45' r='3.8' fill='%232b1d3a'/%3E%3Ccircle cx='52.5' cy='43.5' r='1.3' fill='%23fff'/%3E%3Cellipse cx='25' cy='52' rx='4' ry='2.5' fill='%23ff7f9f' opacity='.55'/%3E%3Cellipse cx='59' cy='52' rx='4' ry='2.5' fill='%23ff7f9f' opacity='.55'/%3E%3C/svg%3E") no-repeat 0 0/100% 100%}
:root[data-theme="midnight"] .paper::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 84 56'%3E%3Cpath d='M56 14 L62 5' stroke='%238aa0c8' stroke-width='2.4' stroke-linecap='round'/%3E%3Ccircle cx='63' cy='4' r='6' fill='%23b8ff3d' opacity='.3'/%3E%3Ccircle cx='63' cy='4' r='3.4' fill='%23b8ff3d'/%3E%3Crect x='8' y='26' width='8' height='16' rx='4' fill='%233b4a6e'/%3E%3Crect x='68' y='26' width='8' height='16' rx='4' fill='%233b4a6e'/%3E%3Crect x='14' y='12' width='56' height='52' rx='14' fill='%236d80ad'/%3E%3Crect x='20' y='17' width='44' height='5' rx='2.5' fill='%2394a7d4'/%3E%3Crect x='20' y='26' width='44' height='26' rx='9' fill='%23090e1c'/%3E%3Ccircle cx='33' cy='38' r='8' fill='%233de8ff' opacity='.25'/%3E%3Ccircle cx='51' cy='38' r='8' fill='%233de8ff' opacity='.25'/%3E%3Crect x='29.5' y='33' width='7' height='10' rx='3.5' fill='%233de8ff'/%3E%3Crect x='47.5' y='33' width='7' height='10' rx='3.5' fill='%233de8ff'/%3E%3C/svg%3E")}
h1{font-size:var(--s-head);font-weight:800;line-height:1;letter-spacing:-.03em;margin:0;text-wrap:balance}
h2{font-size:var(--s-lead);font-weight:800;line-height:1.2;letter-spacing:-.01em;margin:44px 0 0;text-wrap:balance}
.intro{font-size:var(--s-lead);line-height:1.4;margin:22px 0 0;max-width:40ch}
.updated{font-size:var(--s-small);color:var(--muted);margin:14px 0 8px}
p{margin:10px 0 0;text-wrap:pretty}
h2+p{margin-top:8px}

/* footer, as on the landing page */
footer{display:flex;flex-wrap:wrap;gap:14px 32px;align-items:baseline;justify-content:space-between;padding:56px 0 40px;font-size:var(--s-small);color:var(--muted)}
footer span:last-child{display:flex;flex-wrap:wrap;gap:8px 22px}
footer a{color:var(--ink);font-weight:700}
@media (max-width:480px){.back{font-size:var(--s-small)}}
@media (prefers-reduced-motion:reduce){a,.back::before{transition:none}}
main ul{margin:10px 0 0;padding-left:1.2em}main li{margin-top:6px}
