.page-tools { display: flex; justify-content: flex-end; margin-bottom: 12px; }
.document-tools { display: flex; align-items: center; justify-content: space-between; margin-bottom: 30px; }
.document-tools .back-link { margin-bottom: 0; }
.guide-hero h2 { white-space: pre-line; }
.mode-tabs { width: min(100%, 260px); }
.field span { flex-basis: 90px; }
.cookie-table-wrap { overflow-x: auto; margin-top: 18px; }
.cookie-table { width: 100%; border-collapse: collapse; background: #fff; border-radius: 14px; overflow: hidden; }
.cookie-table th, .cookie-table td { padding: 14px 16px; border-bottom: 1px solid #e4e7ec; text-align: left; vertical-align: top; }
.cookie-table th { color: #344054; background: #f2f4f7; font-size: 13px; }
.cookie-table td { color: #475467; line-height: 1.5; }
.cookie-table tbody tr:last-child td { border-bottom: 0; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
.language-picker { position: absolute; z-index: 20; top: 18px; right: 18px; color: #172033; }
.page-tools .language-picker, .document-tools .language-picker { position: relative; inset: auto; }
.language-trigger {
  display: flex;
  align-items: center;
  gap: 8px;
  min-height: 44px;
  max-width: 210px;
  padding: 0 12px;
  border: 1px solid rgba(17, 24, 39, 0.1);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.88);
  box-shadow: 0 8px 24px rgba(15, 23, 42, 0.1);
  cursor: pointer;
  list-style: none;
  backdrop-filter: blur(16px);
  transition: background 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.language-trigger::-webkit-details-marker { display: none; }
.language-trigger:hover { background: #fff; border-color: rgba(57, 124, 255, 0.28); box-shadow: 0 10px 28px rgba(15, 23, 42, 0.13); }
.language-trigger:focus-visible { outline: 3px solid rgba(57, 124, 255, 0.35); outline-offset: 2px; }
.language-globe { flex: 0 0 18px; width: 18px; height: 18px; fill: none; stroke: #397cff; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.language-current { overflow: hidden; color: #253047; font-size: 13px; font-weight: 750; text-overflow: ellipsis; white-space: nowrap; }
.language-chevron { flex: 0 0 16px; width: 16px; height: 16px; margin-left: auto; fill: none; stroke: #667085; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; transition: transform 0.2s; }
.language-picker[open] .language-chevron { transform: rotate(180deg); }
.language-picker[open] .language-trigger { background: #fff; border-color: rgba(57, 124, 255, 0.32); }
.language-popover {
  position: absolute;
  top: calc(100% + 8px);
  right: 0;
  width: 230px;
  padding: 6px;
  border: 1px solid rgba(17, 24, 39, 0.1);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.97);
  box-shadow: 0 20px 50px rgba(15, 23, 42, 0.18);
  backdrop-filter: blur(18px);
}
.language-popover a { display: flex; align-items: center; justify-content: space-between; min-height: 42px; padding: 0 11px; border-radius: 10px; color: #344054; font-size: 14px; text-decoration: none; transition: color 0.15s, background 0.15s; }
.language-popover a:hover, .language-popover a:focus-visible { color: #1f5fd1; background: #f0f5ff; outline: none; }
.language-popover a.selected { color: #1f5fd1; background: #edf4ff; font-weight: 750; }
.language-popover a small { margin-left: 5px; color: #7b8493; font-size: 11px; font-weight: 600; }
.language-popover a svg { width: 18px; height: 18px; fill: none; stroke: #397cff; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; opacity: 0; }
.language-popover a.selected svg { opacity: 1; }
@media (max-width: 380px) { .language-picker { top: 12px; right: 12px; } .language-trigger { max-width: 180px; } .language-popover { width: min(230px, calc(100vw - 24px)); } }