/* KODOMO City: privacy policy and terms (internal/server/legal.go).
   The landing's paper and wordmark, set for reading on a phone: one column, big type, short lines. */
@font-face{font-family:"Baloo Bhaijaan 2";font-weight:800;font-display:swap;src:url(../fonts/baloo-bhaijaan-2-arabic-800-normal.woff2) format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+FB50-FDFF,U+FE70-FEFF}
@font-face{font-family:"Baloo Bhaijaan 2";font-weight:800;font-display:swap;src:url(../fonts/baloo-bhaijaan-2-latin-800-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+2000-206F,U+20AC}
@font-face{font-family:"Tajawal";font-weight:500;font-display:swap;src:url(../fonts/tajawal-arabic-500-normal.woff2) format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+FB50-FDFF,U+FE70-FEFF}
@font-face{font-family:"Tajawal";font-weight:700;font-display:swap;src:url(../fonts/tajawal-arabic-700-normal.woff2) format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+FB50-FDFF,U+FE70-FEFF}
@font-face{font-family:"Tajawal";font-weight:500;font-display:swap;src:url(../fonts/tajawal-latin-500-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+2000-206F,U+20AC}
@font-face{font-family:"Tajawal";font-weight:700;font-display:swap;src:url(../fonts/tajawal-latin-700-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+2000-206F,U+20AC}

:root{
  --k-red:#E52521;--k-green:#2EA84A;--k-blue:#1EA3DF;--k-magenta:#E6197E;--k-purple:#8D3D97;--k-yellow:#F6C21C;
  --ink:#2A2620;--ink-soft:#5E5648;--paper:#FFFBF3;--paper-2:#F3EBDC;--line:#E4D9C6;--sky:#F6EEDF;
  --link:#0B6E99;
  --display:"Baloo Bhaijaan 2","Arial Rounded MT Bold",Tahoma,sans-serif;
  --body:"Tajawal","Segoe UI",Tahoma,sans-serif;
  --shadow:0 18px 50px -24px rgba(60,40,10,.30),0 2px 0 rgba(255,255,255,.6) inset;
  color-scheme:light;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:16px}
body.legal{margin:0;min-height:100vh;background:var(--sky);color:var(--ink);font:500 17px/1.8 var(--body);-webkit-font-smoothing:antialiased}
[lang=en] body.legal,body.legal:lang(en){line-height:1.7}
a{color:var(--link);text-underline-offset:3px}
:focus-visible{outline:3px solid var(--k-blue);outline-offset:2px;border-radius:8px}

.word{direction:ltr;display:inline-block;font-family:var(--display);font-weight:800;letter-spacing:.06em;line-height:1}
.word span:nth-child(1){color:var(--k-red)}.word span:nth-child(2){color:var(--k-green)}.word span:nth-child(3){color:var(--k-blue)}
.word span:nth-child(4){color:var(--k-magenta)}.word span:nth-child(5){color:var(--k-purple)}.word span:nth-child(6){color:var(--k-yellow)}

.bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;max-width:820px;margin:0 auto;
  padding:calc(env(safe-area-inset-top,0px) + 14px) max(16px,env(safe-area-inset-right,0px)) 10px max(16px,env(safe-area-inset-left,0px))}
.brand{text-decoration:none;background:var(--paper);border-radius:999px;padding:8px 16px 6px;box-shadow:var(--shadow)}
.brand .word{font-size:24px}
.bar-end{display:flex;flex-wrap:wrap;gap:8px}
.pill{display:inline-flex;align-items:center;min-height:40px;padding:6px 14px 4px;border-radius:999px;background:var(--paper);color:var(--ink);
  text-decoration:none;font-weight:700;font-size:15px;box-shadow:var(--shadow)}
.pill.on{background:var(--ink);color:var(--paper)}

.doc{max-width:820px;margin:8px auto 0;background:var(--paper);border-radius:28px;box-shadow:var(--shadow);
  padding:28px clamp(18px,5vw,56px) 40px}
@media (max-width:860px){.doc{border-radius:22px;margin-inline:10px}}
h1,h2,h3{font-family:var(--display);font-weight:800;line-height:1.3;color:var(--ink)}
h1{font-size:clamp(30px,6vw,40px);margin:4px 0 2px}
h2{font-size:22px;margin:0 0 6px}
h3{font-size:18px;margin:18px 0 4px}
.updated{margin:0 0 14px;color:var(--ink-soft);font-size:15px}
.lead{font-size:19px;margin:0 0 16px}
.review{margin:0 0 22px;padding:12px 16px;border-radius:16px;background:#FFF4D1;border:1px solid #F1D98A;font-size:15.5px;line-height:1.7}
mark.ph{background:#FFE58A;color:#3B2E00;border-radius:6px;padding:0 4px;font-weight:700;-webkit-box-decoration-break:clone;box-decoration-break:clone}
code{font:600 .9em/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;background:var(--paper-2);border-radius:6px;padding:2px 6px;unicode-bidi:isolate}
strong{font-weight:700}

.toc{margin:0 0 10px;padding:14px 18px 10px;border-radius:18px;background:var(--paper-2)}
.toc h2{font-size:17px;margin:0 0 4px}
.toc ol{margin:0;padding-inline-start:22px;columns:2;column-gap:28px;font-size:15.5px;line-height:1.9}
.toc li{break-inside:avoid}
@media (max-width:560px){.toc ol{columns:1}}

.doc section{padding:22px 0 4px;border-top:1px solid var(--line)}
.doc section:first-of-type{border-top:0}
.doc p{margin:0 0 12px}
.doc ul{margin:0 0 12px;padding-inline-start:22px}
.doc li{margin:0 0 6px}
.doc li::marker{color:var(--k-blue)}

.foot{max-width:820px;margin:0 auto;padding:22px 16px calc(env(safe-area-inset-bottom,0px) + 28px);text-align:center;color:var(--ink-soft);font-size:15px}
.legal-links{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 18px;margin-bottom:10px}
.legal-links a{font-weight:700}
.made{margin:0}
.made .word{font-size:17px}

@media print{
  body.legal{background:#fff;font-size:12pt}
  .bar,.toc,.foot .legal-links{display:none}
  .doc{box-shadow:none;margin:0;padding:0;max-width:none}
  mark.ph{background:#eee}
}
[dir=rtl] .toc ol{list-style:arabic-indic}