/* Shared look for the trutube.kids public pages (pricing, privacy, terms).
   Palette, font and type sizes follow the child front end (childapp): Poppins; page title 22/700;
   subtitle 13; section heads 15/700; body 13.5; small 12.5. The header band mirrors the app's
   phone brand row: white ground, the TruTube mark, and the Tru(green)Tube(red) wordmark. */
:root{--bg:#e7e4dd;--surface:#fff;--surface-mid:#faf9f6;--ink:#2a2926;--muted:#9d9a91;--muted-strong:#6f6c64;
      --line:#ece9e3;--sage:#7e9079;--sage-tint:#eef3ee;--orange:#e8843a;--mark:#fff3b0;
      --shadow:0 4px 16px rgba(40,40,38,.04)}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font:13.5px/1.6 Poppins,system-ui,-apple-system,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}

.kp-band{background:#fff;border-bottom:1px solid rgba(40,40,38,.06);position:sticky;top:0;z-index:5}
.kp-band-inner{max-width:760px;margin:0 auto;padding:12px 16px;display:flex;align-items:center;gap:9px;height:68px}
.kp-band a{display:flex;align-items:center;gap:9px;text-decoration:none}
.kp-band img{width:26px;height:26px;object-fit:contain;display:block}
.kp-wordmark{font-size:20px;font-weight:800;letter-spacing:-.02em;white-space:nowrap}
.kp-wordmark .tru{color:#22db38}.kp-wordmark .tube{color:#e82334}

main{max-width:760px;margin:0 auto;padding:24px 16px 56px}
h1{font-size:22px;line-height:1.3;font-weight:700;margin:0 0 4px}
h2{font-size:15px;line-height:1.4;font-weight:700;margin:26px 0 8px}
.meta,.lede{font-size:13px;color:var(--muted-strong);margin:0 0 20px}
p,li{margin:0 0 10px}
ul{padding-left:20px}
strong{font-weight:600}
a{color:var(--sage);font-weight:500}
mark{background:var(--mark);color:inherit;padding:0 3px;border-radius:4px}
.box{background:var(--surface);border-radius:20px;box-shadow:var(--shadow);padding:18px 20px;margin:16px 0}
.box p:last-child{margin-bottom:0}
table{border-collapse:collapse;width:100%;margin:8px 0 14px;font-size:12.5px;background:var(--surface);border-radius:14px;overflow:hidden}
th,td{text-align:left;vertical-align:top;padding:8px 10px;border-bottom:1px solid var(--line)}
th{color:var(--muted-strong);font-weight:600}
footer{margin-top:32px;padding-top:14px;border-top:1px solid rgba(40,40,38,.08);color:var(--muted);font-size:12px;text-align:center}
footer a{color:var(--muted-strong)}
[hidden]{display:none!important}
@media (max-width:560px){main{padding:18px 16px 44px}.box{padding:16px}}