/*
Theme Name: WD23 Comment Policy Child
Template: wd23-native
Version: 1.2.3
*/

/* WD23 legal documents: one maintainable black US layout. */
body:has(.wd23-legal-page) { background:#050505; }
body:has(.wd23-legal-page) :is(
  .wp-site-blocks,
  p,
  a,
  button,
  input,
  textarea,
  select,
  label,
  span,
  li,
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  strong,
  small
) { font-family:Arial,Helvetica,sans-serif !important; letter-spacing:normal !important; }
body:not(.wp-admin) .wp-site-blocks main.wd23-legal-page {
  padding:0;
  color:#d6d6d6;
  background:#050505;
  font-family:Arial,Helvetica,sans-serif;
}
.wd23-legal-inner { width:min(calc(100% - 80px),1240px); margin-inline:auto; }
.wd23-legal-hero { padding:clamp(124px,12vw,154px) 0 30px; color:#fff; background:#050505; }
body:not(.wp-admin) .wp-site-blocks main.wd23-legal-page .wd23-legal-hero h1 {
  margin:0;
  color:#fff;
  font:400 28px/1.2 Arial,Helvetica,sans-serif;
  letter-spacing:normal;
  text-transform:uppercase;
}
.wd23-legal-docnav {
  box-sizing:border-box;
  width: min(calc(100% - 80px), 1240px);
  margin: 0 auto;
  padding: 0 0 34px;
  border-bottom: 1px solid #2b2b2b;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  background:#050505;
}
.wd23-legal-docnav a {
  box-sizing:border-box;
  min-width:0;
  max-width:100%;
  min-height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 18px;
  border:1px solid #666;
  border-radius:2px;
  color: #fff;
  font:400 11px/1 Arial,Helvetica,sans-serif;
  letter-spacing:normal;
  text-transform:uppercase;
  text-decoration: none;
}

.wd23-legal-docnav a:hover,
.wd23-legal-docnav a:focus-visible {
  color: #fff;
  border-color:#fff;
}

.wd23-legal-docnav a[aria-current="page"] {
  color: #050505;
  background:#fff;
  border-color:#fff;
}

.wd23-legal-layout { display:grid; grid-template-columns:230px minmax(0,760px); gap:clamp(48px,7vw,110px); justify-content:space-between; padding-block:72px 120px; }
.wd23-legal-index { position:sticky; top:120px; align-self:start; display:grid; gap:13px; padding-top:2px; font-size:12px; line-height:1.4; }
.wd23-legal-index span { margin-bottom:10px; color:#8f8f8f; font-size:10px; font-weight:700; letter-spacing:.12em; text-transform:uppercase; }
body:has(.wd23-legal-docnav) .wd23-legal-index a { color:#c3c3c3; text-decoration:underline; text-decoration-color:#555; text-underline-offset:4px; }
body:has(.wd23-legal-docnav) .wd23-legal-index a:hover,
body:has(.wd23-legal-docnav) .wd23-legal-index a:focus-visible { color:#fff; text-decoration-color:#fff; }
body:not(.wp-admin) .wp-site-blocks main.wd23-legal-page .wd23-legal-content { color:#c8c8c8; font:400 16px/1.75 Arial,Helvetica,sans-serif; }
body:not(.wp-admin) .wp-site-blocks main.wd23-legal-page .wd23-legal-content :is(p,li) { color:inherit; }
body:not(.wp-admin) .wp-site-blocks main.wd23-legal-page .wd23-legal-content h2 { scroll-margin-top:120px; margin:56px 0 16px; padding-top:28px; border-top:1px solid #2b2b2b; color:#fff; font:400 20px/1.3 Arial,Helvetica,sans-serif; letter-spacing:0; }
body:not(.wp-admin) .wp-site-blocks main.wd23-legal-page .wd23-legal-content h2:first-of-type { margin-top:0; padding-top:0; border-top:0; }
body:not(.wp-admin) .wp-site-blocks main.wd23-legal-page .wd23-legal-content h3 { color:#fff; font:400 18px/1.35 Arial,Helvetica,sans-serif; }
body:not(.wp-admin) .wp-site-blocks main.wd23-legal-page .wd23-legal-content strong { color:#fff; }
body:not(.wp-admin) .wp-site-blocks main.wd23-legal-page .wd23-legal-content a,
.wd23-inline-privacy-choice { color:#fff; text-decoration:underline; text-underline-offset:3px; }
.wd23-inline-privacy-choice { appearance:none; border:0; background:none; padding:0; font:inherit; cursor:pointer; }
.wd23-inline-privacy-choice:focus-visible,.wd23-legal-page a:focus-visible { outline:2px solid #fff; outline-offset:4px; }

@media (max-width: 700px) {
  .wd23-legal-inner { width:min(calc(100% - 44px),760px); }
  .wd23-legal-hero { padding:116px 0 24px; }
  .wd23-legal-docnav {
    width: min(calc(100% - 36px), 760px);
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px;
    padding-bottom:26px;
  }

  .wd23-legal-docnav a {
    width:100%;
    padding-inline:10px;
  }

  .wd23-legal-layout { display:block; padding-block:36px 80px; }

  body:has(.wd23-legal-docnav) .wd23-legal-index {
    position:static;
    border-bottom: 1px solid #2b2b2b;
    display: flex;
    gap: 18px;
    margin-bottom: 38px;
    overflow-x: auto;
    padding: 0 0 14px;
    scrollbar-width: thin;
  }

  body:has(.wd23-legal-docnav) .wd23-legal-index span {
    align-self: center;
    flex: 0 0 auto;
    margin: 0 6px 0 0;
  }

  body:has(.wd23-legal-docnav) .wd23-legal-index a {
    flex: 0 0 auto;
    max-width: none;
    padding:0;
    border:0;
    background:transparent;
  }
}

@media (max-width: 430px) {
  .wd23-legal-docnav { grid-template-columns:1fr; }
}