/* Shared look for the plain text pages (privacy, support): the studio page's squared notebook paper, one readable column */
:root{
  --paper:#fbf6ec;--grid:rgba(35,67,196,.07);--ink:#1d2433;--ink-dim:#5b6374;
  --koi:#f27a32;--koi-deep:#b4501a;--blue:#2343c4;--line:rgba(29,36,51,.14);
  --font-display:"Bagel Fat One","Arial Rounded MT Bold","Trebuchet MS",system-ui,sans-serif;
  --font-ui:"Figtree",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  color-scheme:light;
}
@media (prefers-color-scheme:dark){
  :root{--paper:#14181f;--grid:rgba(138,160,255,.07);--ink:#eef0f4;--ink-dim:#a3abbb;--line:rgba(238,240,244,.16);--blue:#8aa0ff;color-scheme:dark}
}
*{box-sizing:border-box}
body{
  margin:0;background-color:var(--paper);color:var(--ink);font-family:var(--font-ui);font-size:17px;line-height:1.6;
  background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);
  background-size:24px 24px;
  padding:calc(env(safe-area-inset-top,0px) + 28px) max(18px,env(safe-area-inset-right,0px)) calc(env(safe-area-inset-bottom,0px) + 40px) max(18px,env(safe-area-inset-left,0px));
}
main{max-width:680px;margin:0 auto}
.home{display:inline-block;font-family:var(--font-display);font-size:28px;line-height:1;color:var(--koi);text-decoration:none;text-shadow:0 3px 0 var(--koi-deep)}
.home span{color:var(--blue);text-shadow:none}
h1{font-family:var(--font-display);font-weight:400;font-size:clamp(34px,8vw,48px);line-height:1.05;margin:36px 0 8px}
.date{margin:0 0 28px;color:var(--ink-dim);font-size:15px}
h2{font-size:21px;margin:34px 0 8px;line-height:1.3}
p,li{margin:0 0 12px}
ul{padding-left:22px;margin:0 0 12px}
a{color:var(--blue);font-weight:600}
.kutu{border:1.5px solid var(--line);border-radius:14px;padding:16px 18px;margin:22px 0;background:color-mix(in srgb,var(--paper) 85%,var(--koi) 15%)}
.kutu p:last-child{margin:0}
footer{max-width:680px;margin:48px auto 0;padding-top:16px;border-top:1.5px solid var(--line);font-size:14px;color:var(--ink-dim);display:flex;gap:18px;flex-wrap:wrap}
footer a{color:var(--ink)}