/* /privacy: slim light document banner, sticky contents list beside the text. */

.bd-doc-hero { padding: 44px 0 40px; background: var(--surface-soft); border-bottom: 1px solid #E3E8F3; }
.bd-doc-hero__title { margin: 0 0 8px; font-weight: 800; font-size: clamp(30px, 3.6vw, 44px); }
.bd-doc-hero__lead { max-width: 620px; margin: 0; font-size: 17px; }
.bd-doc-hero__meta { display: inline-block; margin: 18px 0 0; padding: 6px 14px; border-radius: var(--bd-r-btn); background: #fff; font-size: 13px; font-weight: 700; color: var(--royal); }

.bd-doc { display: grid; grid-template-columns: 250px minmax(0, 1fr); gap: 70px; align-items: start; }
.bd-doc__toc { position: sticky; top: calc(var(--bd-header-h) + 30px); padding-left: 18px; border-left: 3px solid var(--brand-2); }
.bd-doc__toc-title { margin: 0 0 12px; font-size: 12px; font-weight: 700; letter-spacing: 1.5px; text-transform: uppercase; color: var(--brand-2); }
.bd-doc__toc ol { display: grid; gap: 8px; }
.bd-doc__toc a { font-size: 14px; font-weight: 600; color: var(--ink); text-decoration: none; }
.bd-doc__toc a:hover { color: var(--brand-2); }

.bd-doc__body { max-width: 760px; }
.bd-doc__section { padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px solid #EEF1F7; scroll-margin-top: calc(var(--bd-header-h) + 24px); }
.bd-doc__section:last-child { border-bottom: 0; }
.bd-doc__section h2 { margin: 0 0 12px; font-size: 22px; }
.bd-doc__section h2 span { color: var(--brand-2); }
.bd-doc__section ul { padding-left: 22px; margin: 0 0 1em; }
.bd-doc__section li { margin-bottom: 6px; }
.bd-doc__section p:last-child { margin-bottom: 0; }

@media (max-width: 980px) {
  .bd-doc { grid-template-columns: 1fr; gap: 30px; }
  .bd-doc__toc { position: static; }
  .bd-doc__toc ol { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 767px) {
  .bd-doc__toc ol { grid-template-columns: 1fr; }
}