.sesverin-legal-page {
  background: #f8fbff;
}

.svl-page {
  padding: 14px 0 48px;
  color: #071d72;
}

.svl-breadcrumb {
  min-height: 43px;
  display: flex;
  align-items: center;
  gap: 10px;
  color: #1849cc;
  font-size: 13px;
}

.svl-breadcrumb a,
.svl-breadcrumb strong {
  display: inline-flex;
  align-items: center;
  gap: 7px;
}

.svl-breadcrumb .sv-icon {
  width: 17px;
  height: 17px;
}

.svl-breadcrumb i {
  font-style: normal;
  font-size: 20px;
}

.svl-layout {
  display: grid;
  grid-template-columns: 265px minmax(0, 1fr);
  gap: 16px;
  align-items: start;
}

.svl-sidebar {
  overflow: hidden;
  border: 1px solid #e1eaf4;
  border-radius: 11px;
  background: rgba(255, 255, 255, .92);
  box-shadow: 0 7px 18px rgba(31, 71, 120, .035);
}

.svl-sidebar > h2 {
  min-height: 58px;
  display: flex;
  align-items: center;
  gap: 11px;
  margin: 0;
  padding: 0 18px;
  border-bottom: 1px solid #edf2f8;
  color: #0922aa;
  font-size: 15px;
}

.svl-sidebar > h2 > span {
  width: 27px;
  height: 27px;
  display: grid;
  place-items: center;
  border-radius: 7px;
  color: #fff;
  background: linear-gradient(145deg, #197dff, #0759e8);
}

.svl-sidebar > h2 .sv-icon {
  width: 17px;
  height: 17px;
}

.svl-sidebar nav {
  display: grid;
  padding: 7px;
}

.svl-sidebar nav a {
  min-height: 42px;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 0 12px;
  border-left: 3px solid transparent;
  border-radius: 6px;
  color: #102b88;
  font-size: 12px;
  font-weight: 520;
}

.svl-sidebar nav a:hover {
  color: #064fe1;
  background: #f3f7fd;
}

.svl-sidebar nav a.active {
  border-left-color: #246cf4;
  color: #062fb7;
  background: #eaf2ff;
  font-weight: 750;
}

.svl-sidebar nav .sv-icon {
  width: 17px;
  height: 17px;
  color: #0b55e8;
}

.svl-main {
  min-width: 0;
}

.svl-hero {
  position: relative;
  min-height: 207px;
  overflow: hidden;
  display: grid;
  grid-template-columns: 103px minmax(0, 1fr) 350px;
  align-items: center;
  gap: 22px;
  padding: 0 36px;
  border: 1px solid #d5e7fb;
  border-radius: 12px;
  background: linear-gradient(105deg, #e5f3ff, #eff8ff 70%, #e5f2ff);
}

.svl-hero.tone-green {
  border-color: #cdeee1;
  background: linear-gradient(105deg, #e8fbf5, #effdf9 70%, #e2fbf2);
}

.svl-hero.tone-orange {
  border-color: #f4dfc5;
  background: linear-gradient(105deg, #fff2de, #fff9ed 70%, #fff0da);
}

.svl-hero.tone-purple {
  border-color: #e1d3fa;
  background: linear-gradient(105deg, #f4eaff, #fbf4ff 70%, #f0e3ff);
}

.svl-hero-icon {
  width: 92px;
  height: auto;
  display: block;
}

.svl-hero > div {
  position: relative;
  z-index: 2;
  min-width: 0;
}

.svl-hero h1 {
  margin: 0 0 7px;
  color: #071065;
  font-size: 38px;
  line-height: 1.06;
  letter-spacing: -1.7px;
}

.svl-hero p {
  margin: 0 0 14px;
  color: #354ba1;
  font-size: 15px;
  line-height: 1.45;
}

.svl-hero small {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: #3155bc;
  font-size: 11px;
}

.svl-hero.tone-green small { color: #0aa45e; }
.svl-hero.tone-orange small { color: #f07a08; }
.svl-hero.tone-purple small { color: #7b3ae0; }

.svl-hero small .sv-icon {
  width: 15px;
  height: 15px;
}

.svl-hero-art {
  position: absolute;
  inset: 0 0 0 auto;
  width: 350px;
  height: 100%;
  object-fit: cover;
  mix-blend-mode: multiply;
}

.svl-content-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 325px;
  gap: 20px;
  align-items: start;
  margin-top: 14px;
}

.svl-article {
  min-width: 0;
  padding: 0 24px 20px;
  color: #12265f;
  font-size: 14px;
  line-height: 1.65;
}

.svl-article h2 {
  scroll-margin-top: 20px;
  margin: 25px 0 9px;
  color: #0637d4;
  font-size: 22px;
  line-height: 1.2;
  letter-spacing: -.45px;
}

.svl-article h2:first-child {
  margin-top: 7px;
}

.svl-article p {
  margin: 0 0 10px;
}

.svl-article ul {
  margin: 0 0 11px;
  padding-left: 22px;
}

.svl-article li {
  margin: 4px 0;
  padding-left: 2px;
}

.svl-article li::marker {
  color: #1859e8;
}

.svl-article table {
  width: 100%;
  margin: 12px 0 18px;
  border-collapse: separate;
  border-spacing: 0;
  overflow: hidden;
  border: 1px solid #cfdded;
  border-radius: 8px;
  color: #142555;
  background: #fff;
  font-size: 11px;
}

.svl-article th,
.svl-article td {
  padding: 10px 12px;
  border-right: 1px solid #dce5ef;
  border-bottom: 1px solid #dce5ef;
  text-align: left;
  line-height: 1.35;
  vertical-align: top;
}

.svl-article th {
  color: #07163c;
  background: #f2f6fb;
}

.svl-article tr:last-child td { border-bottom: 0; }
.svl-article th:last-child,
.svl-article td:last-child { border-right: 0; }

.svl-toc {
  position: sticky;
  top: 16px;
  overflow: hidden;
  border: 1px solid #dce7f2;
  border-radius: 10px;
  background: rgba(247, 251, 255, .96);
}

.svl-toc h2 {
  margin: 0;
  padding: 16px 20px 12px;
  color: #071a8e;
  font-size: 15px;
}

.svl-toc ol {
  display: grid;
  gap: 2px;
  margin: 0;
  padding: 0 16px 15px 39px;
  color: #2448a1;
  font-size: 11px;
}

.svl-toc li {
  padding: 5px 0;
}

.svl-toc a:hover {
  color: #075af0;
}

.sesverin-legal-hakkimizda .svl-hero-art { object-fit: contain; mix-blend-mode: normal; padding: 12px; opacity: 1; }
:is(.sesverin-legal-kullanim-sartlari,.sesverin-legal-kvkk-aydinlatma-metni) .svl-hero-art { position: static; width: 100%; height: auto; object-fit: contain; mix-blend-mode: normal; opacity: 1; border-radius: 10px; }
[data-theme='dark'] body.sesverin-legal-page { background: var(--canvas); }
[data-theme='dark'] .svl-page { color: #d5e2f5; }
[data-theme='dark'] .svl-sidebar,
[data-theme='dark'] .svl-toc { border-color: #304760; background: #152338; }
[data-theme='dark'] .svl-sidebar > h2 { color: #d5e2f5; border-color: #304760; }
[data-theme='dark'] .svl-sidebar nav a,
[data-theme='dark'] .svl-toc h2,
[data-theme='dark'] .svl-toc ol,
[data-theme='dark'] .svl-article,
[data-theme='dark'] .svl-breadcrumb { color: #bccde5; }
[data-theme='dark'] .svl-sidebar nav a.active,
[data-theme='dark'] .svl-sidebar nav a:hover { color: #c6ddff; background: #223c5c; }
[data-theme='dark'] .svl-hero { border-color: #304760; background: linear-gradient(110deg,#1b314d,#152338); }
[data-theme='dark'] .svl-hero h1 { color: #edf4ff; }
[data-theme='dark'] .svl-hero p,
[data-theme='dark'] .svl-hero small { color: #bccde5; }
[data-theme='dark'] .svl-hero-art { mix-blend-mode: screen; opacity: .22; }
[data-theme='dark'] .sesverin-legal-hakkimizda .svl-hero-art { mix-blend-mode: normal; opacity: 1; }
[data-theme='dark'] :is(.sesverin-legal-kullanim-sartlari,.sesverin-legal-kvkk-aydinlatma-metni) .svl-hero-art { mix-blend-mode: normal; opacity: 1; }
[data-theme='dark'] .svl-article { border-radius: 8px; background: #152338; }
[data-theme='dark'] .svl-article h2,
[data-theme='dark'] .svl-article a,
[data-theme='dark'] .svl-sidebar nav .sv-icon { color: #8cbcff; }
[data-theme='dark'] .svl-article table { color: #d5e2f5; border-color: #304760; background: #152338; }
[data-theme='dark'] .svl-article th { color: #edf4ff; background: #22364e; }
[data-theme='dark'] .svl-article th,
[data-theme='dark'] .svl-article td { border-color: #304760; }

@media (max-width: 1150px) {
  .svl-layout { grid-template-columns: 220px minmax(0, 1fr); }
  .svl-hero { grid-template-columns: 82px minmax(0, 1fr); padding: 0 24px; }
  .svl-hero-icon { width: 76px; }
  .svl-hero-art { width: 275px; opacity: .55; }
  :is(.sesverin-legal-kullanim-sartlari,.sesverin-legal-kvkk-aydinlatma-metni) .svl-hero { padding: 20px 24px; }
  :is(.sesverin-legal-kullanim-sartlari,.sesverin-legal-kvkk-aydinlatma-metni) .svl-hero-art { grid-column: 1 / -1; justify-self: center; width: min(100%,420px); }
  .svl-content-layout { grid-template-columns: minmax(0, 1fr) 250px; }
}

@media (max-width: 860px) {
  .svl-layout { grid-template-columns: 1fr; }
  .svl-sidebar nav { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .svl-content-layout { grid-template-columns: 1fr; }
  .svl-toc { position: static; grid-row: 1; }
  .svl-toc ol { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 600px) {
  .svl-page { padding-top: 8px; }
  .svl-breadcrumb { overflow-x: auto; white-space: nowrap; }
  .svl-sidebar nav { grid-template-columns: 1fr; }
  .svl-hero { min-height: 245px; display: flex; align-items: flex-start; padding: 27px 22px; }
  .sesverin-legal-hakkimizda .svl-hero { min-height: 300px; }
  :is(.sesverin-legal-kullanim-sartlari,.sesverin-legal-kvkk-aydinlatma-metni) .svl-hero { display: grid; grid-template-columns: 64px minmax(0,1fr); gap: 16px; padding: 22px; }
  .svl-hero-icon { width: 64px; flex: 0 0 auto; }
  .svl-hero h1 { font-size: 28px; }
  .svl-hero p { font-size: 13px; }
  .svl-hero-art { right: -30px; bottom: 0; top: auto; width: 230px; height: 136px; }
  .svl-toc ol { grid-template-columns: 1fr; }
  .svl-article { padding-inline: 4px; font-size: 12px; }
  .svl-article h2 { font-size: 18px; }
  .svl-article table { display: block; overflow-x: auto; white-space: nowrap; }
}