/* kedo legal pages — cream + coral, plain and readable */
:root{
  --bg:#F3EAD9; --card:#FCF8EF; --ink:#2B2824; --muted:#6f675c;
  --coral:#D4572A; --coral-dark:#B8431D; --green:#1F6B4F; --line:rgba(43,40,36,.12);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0; color:var(--ink);
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  line-height:1.65; font-size:16px;
  /* warm kedo theme: soft coral glow + a faint repeating paw print on cream */
  background:
    radial-gradient(1100px 460px at 50% -240px, rgba(212,87,42,.12), transparent 70%),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='84' height='84' viewBox='0 0 84 84'%3E%3Cg fill='%23D4572A' opacity='0.05'%3E%3Cellipse cx='42' cy='50' rx='12' ry='9.5'/%3E%3Ccircle cx='27' cy='35' r='4.6'/%3E%3Ccircle cx='42' cy='30' r='4.6'/%3E%3Ccircle cx='57' cy='35' r='4.6'/%3E%3C/g%3E%3C/svg%3E"),
    var(--bg);
  background-attachment: fixed;
}
/* cat-ears over the wordmark, like the app */
.brand{position:relative; display:inline-block}
.brand::before, .brand::after{
  content:""; position:absolute; top:-9px; width:0; height:0;
  border-left:7px solid transparent; border-right:7px solid transparent; border-bottom:13px solid var(--coral);
}
.brand::before{left:6px} .brand::after{left:26px}
.wrap{max-width:760px; margin:0 auto; padding:28px 20px 80px}
header.site{display:flex; align-items:center; gap:12px; padding:18px 0 8px}
header.site .ears{font-size:0; line-height:0}
.brand{font-weight:800; font-size:26px; letter-spacing:-.5px; color:var(--coral)}
.brand small{display:block; font-size:12px; font-weight:700; color:var(--muted); letter-spacing:0}
nav.top{display:flex; flex-wrap:wrap; gap:8px; margin:14px 0 22px}
nav.top a{
  text-decoration:none; color:var(--ink); background:var(--card); border:1px solid var(--line);
  padding:7px 13px; border-radius:14px; font-weight:700; font-size:13px;
}
nav.top a:hover{border-color:var(--coral); color:var(--coral)}
.lang{float:right; font-size:13px}
.lang a{color:var(--coral); font-weight:700; text-decoration:none}
h1{font-size:30px; letter-spacing:-.5px; margin:18px 0 4px}
h2{font-size:21px; margin:34px 0 6px; padding-top:8px}
h3{font-size:16px; margin:20px 0 4px; color:var(--coral-dark)}
.updated{color:var(--muted); font-size:13px; margin:0 0 6px}
.card{background:var(--card); border:1px solid var(--line); border-radius:18px; padding:16px 18px; margin:18px 0}
.callout{background:#E3F0E6; border:1px solid rgba(31,107,79,.25); border-radius:16px; padding:14px 16px; margin:18px 0}
.callout strong{color:var(--green)}
table{width:100%; border-collapse:collapse; margin:12px 0; font-size:14.5px}
th,td{text-align:left; vertical-align:top; padding:9px 10px; border-bottom:1px solid var(--line)}
th{color:var(--coral-dark)}
a{color:var(--coral-dark)}
ul{padding-left:20px} li{margin:4px 0}
hr.div{border:none; border-top:2px dashed var(--line); margin:48px 0}
footer{color:var(--muted); font-size:13px; margin-top:30px; border-top:1px solid var(--line); padding-top:16px}
.pill{display:inline-block; background:#FBE3DA; color:var(--coral-dark); font-weight:800; font-size:11px; padding:3px 9px; border-radius:10px; letter-spacing:.3px}


/* Language toggle — modern EN|TR segmented switch with a sliding thumb.
   The thumb position is driven by the body lang class, so no extra JS. */
.langtoggle { position:relative; display:inline-flex; background:#EFE6D4; border:1px solid #E4D9C2; border-radius:999px; padding:3px; margin:0 0 22px; }
.langtoggle::before { content:""; position:absolute; top:3px; left:3px; width:52px; height:calc(100% - 6px); background:#D4572A; border-radius:999px; box-shadow:0 1px 5px rgba(212,87,42,.35); transition:transform .25s cubic-bezier(.4,0,.2,1); }
body.lang-tr .langtoggle::before { transform:translateX(52px); }
.langtoggle button { position:relative; z-index:1; width:52px; font:inherit; font-weight:800; font-size:12.5px; letter-spacing:.08em; line-height:1; cursor:pointer; border:0; background:transparent; color:#9B8E76; padding:8px 0; border-radius:999px; text-align:center; transition:color .2s; }
.langtoggle button:hover { color:#6F6553; }
.langtoggle button.active { color:#fff; }
body.lang-en .L.tr { display:none; }
body.lang-tr .L.en { display:none; }