/* Shared styling for the public legal + support pages.
   Extracted so /terms/, /privacy/, /data-deletion/, /contact/, /kvkk/,
   /cookies/, /subprocessors/, /dpa/ and /refund-policy/ cannot drift apart
   visually. Same palette and type scale the pages already used inline. */

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}

:root{
  --bg:#FFFDFA;
  --text:#181542;
  --text2:#5F5B7A;
  --violet:#6A39FF;
  --border:rgba(24,21,66,0.1);
  --surface:rgba(106,57,255,0.06);
}

body{
  background:var(--bg);
  color:var(--text);
  font-family:system-ui,-apple-system,sans-serif;
  line-height:1.65;
}

.wrap{max-width:720px;margin:0 auto;padding:48px 24px 80px;}

a{color:var(--violet);text-decoration:none;}
a:hover{text-decoration:underline;}

.home{font-size:13px;font-weight:600;color:var(--text2);display:inline-block;margin-bottom:24px;}
h1{font-size:30px;font-weight:800;letter-spacing:-0.02em;margin-bottom:6px;}
.updated{font-size:13px;color:var(--text2);margin-bottom:32px;}
h2{font-size:19px;font-weight:700;margin:32px 0 10px;}
h3{font-size:16px;font-weight:700;margin:22px 0 8px;}
p,li{font-size:15px;color:var(--text);margin-bottom:10px;}
ul,ol{padding-left:20px;margin-bottom:10px;}

/* Legal operator identity block — the commercial disclosure every public
   legal page carries, so a reader never has to hunt for who they contracted
   with. Rendered as a definition list, not a table, so it stays readable at
   360px without horizontal scroll. */
.identity{
  background:var(--surface);
  border:1px solid var(--border);
  border-radius:10px;
  padding:18px 20px;
  margin:18px 0 8px;
}
.identity dl{display:grid;grid-template-columns:auto 1fr;gap:6px 16px;margin:0;}
.identity dt{font-size:13px;font-weight:600;color:var(--text2);white-space:nowrap;}
.identity dd{font-size:14px;color:var(--text);margin:0;}
@media (max-width:520px){
  .identity dl{grid-template-columns:1fr;gap:2px;}
  .identity dd{margin-bottom:10px;}
}

/* Honest-status callout: used where a page has to state that something is NOT
   active yet (payments, external analytics) rather than implying it is. */
.notice{
  border-left:3px solid var(--violet);
  background:var(--surface);
  border-radius:0 8px 8px 0;
  padding:12px 16px;
  margin:16px 0;
}
.notice p:last-child{margin-bottom:0;}

/* Carried over from the pages' previous inline styles so /privacy/ and
   /data-deletion/ keep the exact look they had before the extraction. */
.note{
  background:var(--surface);
  border:1px solid var(--border);
  border-radius:10px;
  padding:14px 16px;
  font-size:14px;
  margin:18px 0;
}
.box{
  background:var(--surface);
  border:1px solid var(--border);
  border-radius:10px;
  padding:18px 20px;
  margin:18px 0;
}
.btn{
  display:inline-block;
  background:var(--violet);
  color:#fff;
  font-weight:700;
  font-size:14px;
  padding:10px 18px;
  border-radius:8px;
  margin-top:8px;
}
.btn:hover{text-decoration:none;opacity:.92;}

/* Cross-links between the legal pages, repeated in every page footer so each
   document is reachable from any other. */
.legal-nav{
  margin-top:48px;
  padding-top:20px;
  border-top:1px solid var(--border);
  font-size:13px;
  color:var(--text2);
}
.legal-nav a{margin-right:14px;display:inline-block;margin-bottom:6px;}

table.grid{width:100%;border-collapse:collapse;margin:12px 0 16px;font-size:14px;}
table.grid th,table.grid td{border:1px solid var(--border);padding:8px 10px;text-align:left;vertical-align:top;}
table.grid th{background:var(--surface);font-weight:600;font-size:13px;color:var(--text2);}
.scroll-x{overflow-x:auto;}