/* Site presentation only. OGP still owns guide markup, content, navigation and behaviour. */
body:has(.guide-nav-menu) {
  --kg-article-width:862px;
  --kg-reader-width:1200px;
  --kg-accent:#b52937;
  background:#fdfcf9;
  color:#0a1934;
  font-family:system-ui,-apple-system,"Segoe UI",sans-serif;
}
body:has(.guide-nav-menu) > header {
  background:#fff!important;
  color:#0a1934!important;
  padding:12px 24px!important;
  border-bottom:1px solid #d9dfe5;
}
body:has(.guide-nav-menu) > header > .container {
  max-width:var(--kg-reader-width);
}
body:has(.guide-nav-menu) > header :is(.text-white,.breadcrumb-item a,.breadcrumb-item.active,.breadcrumb-item + .breadcrumb-item::before) {
  color:#354d6d!important;
}
body:has(.guide-nav-menu) > header img {
  max-width:100%;
  height:auto;
}
body:has(.guide-nav-menu) > header > .container > a {
  max-width:min(100%,19rem);
}
body:has(.guide-nav-menu) .breadcrumb-nav {
  padding-block:4px;
  margin:0;
}
body:has(.guide-nav-menu) .guide-nav-menu {
  background:#fff!important;
  padding:0!important;
}
body:has(.guide-nav-menu) .guide-nav-menu > .container {
  max-width:var(--kg-reader-width);
  padding-inline:24px;
}
body:has(.guide-nav-menu) .guide-nav-menu .nav {
  justify-content:flex-start!important;
  gap:8px;
}
body:has(.guide-nav-menu) .guide-nav-menu .nav-link {
  color:#354d6d;
  border:0;
  border-bottom:3px solid transparent;
  border-radius:0;
  padding:14px 12px;
  margin:0;
  min-height:48px;
}
body:has(.guide-nav-menu) .guide-nav-menu .nav-link.active {
  color:var(--kg-accent);
  background:transparent;
  border-color:var(--kg-accent);
  font-weight:650;
}
body:has(.guide-nav-menu) .guide-nav-menu .nav-link:hover {
  background:#f7f5ef;
  color:#0a1934;
}
body:has(.guide-nav-menu) .guide-nav-menu .nav-link i {
  display:none;
}
body:has(.guide-nav-menu) > main > section:has(.content-details) {
  /* The platform sets 1200px inline; override only this reader container. */
  max-width:var(--kg-reader-width)!important;
  width:calc(100% - 48px);
  margin:28px auto 48px!important;
}
body:has(.guide-nav-menu) .content-wrapper {
  padding-inline:0!important;
}
body:has(.guide-nav-menu) .content-details {
  width:100%;
  max-width:var(--kg-article-width);
  margin-inline:0;
  font-size:18px;
  line-height:1.7;
  overflow-wrap:anywhere;
}
body:has(.guide-nav-menu) .content-title {
  font-size:clamp(1.8rem,2.5vw,2.4rem);
  line-height:1.2;
  font-weight:750;
  letter-spacing:-.025em;
  color:#0a1934;
}
body:has(.guide-nav-menu) .content-header > .row {
  gap:16px 0;
}
body:has(.guide-nav-menu) .content-header > .row > .col-md-8 {
  flex:1 1 22rem;
  width:auto;
}
body:has(.guide-nav-menu) .content-header > .row > .col-md-4 {
  flex:0 1 auto;
  width:auto;
}
body:has(.guide-nav-menu) .content-header .d-flex {
  flex-wrap:wrap;
}
body:has(.guide-nav-menu) .content-header :is(.publish-date,.content-version) {
  color:#405674;
  font-size:15px;
}
body:has(.guide-nav-menu) .content-body :is(h2,h3,h4) {
  line-height:1.3;
  color:#0a1934;
  margin-block:1.6em .65em;
  scroll-margin-block-start:24px;
}
body:has(.guide-nav-menu) .content-body h2 {
  font-size:1.8rem;
  font-weight:720;
}
body:has(.guide-nav-menu) .content-body p {
  margin-block:0 1.2em;
}
body:has(.guide-nav-menu) .content-body :is(img,svg,video) {
  max-width:100%;
  height:auto;
}
body:has(.guide-nav-menu) .content-body :is(table,pre) {
  display:block;
  max-width:100%;
  overflow-x:auto;
}
body:has(.guide-nav-menu) .content-body .alert-info {
  background:#edf5fb;
  border-color:#d7e7f2;
  color:#354d6d;
  font-size:15px;
}
/* Preserve the distinct warning treatment for translation and historical notices. */
body:has(.guide-nav-menu) .content-body .alert-warning {
  background:#fff3cd;
  border-color:#ffe69c;
  color:#664d03;
}
body:has(.guide-nav-menu) .content-list {
  background:transparent!important;
  border-radius:0!important;
  padding:0!important;
  height:auto!important;
  font-size:14px;
  line-height:1.5;
}
body:has(.guide-nav-menu) .content-collaboration {
  flex-wrap:wrap;
  gap:12px;
}
body:has(.guide-nav-menu) #TableOfContents ul {
  padding-inline-start:16px;
  list-style:none;
}
body:has(.guide-nav-menu) #TableOfContents > ul {
  padding-inline-start:0;
}
body:has(.guide-nav-menu) #TableOfContents a {
  display:block;
  padding-block:6px;
  color:#075cad;
  text-decoration:none;
  overflow-wrap:anywhere;
}
body:has(.guide-nav-menu) #TableOfContents a:hover {
  text-decoration:underline;
}
body:has(.guide-nav-menu) :focus-visible {
  outline:3px solid #bd7800;
  outline-offset:3px;
}
body:has(.guide-nav-menu) > footer {
  background:#fff!important;
  color:#354d6d!important;
  border-top:1px solid #d9dfe5;
  font-size:14px;
}
@media (min-width:768px) {
  body:has(.guide-nav-menu) > main > section:has(.content-details) > .row {
    display:grid;
    grid-template-columns:clamp(192px,25.833333%,310px) minmax(0,1fr);
    gap:28px;
    margin:0;
  }
  body:has(.guide-nav-menu) > main > section:has(.content-details) > .row > :is(aside,main) {
    width:auto;
    min-width:0;
    padding:0;
  }
  body:has(.guide-nav-menu) > main > section:has(.content-details) aside {
    position:sticky;
    top:24px!important;
    align-self:start;
    max-height:calc(100dvh - 48px)!important;
    border-inline-end:1px solid #d9dfe5;
    padding-inline-end:20px!important;
  }
  body:has(.guide-nav-menu) .content-list {
    max-height:calc(100dvh - 48px);
  }
  body:has(.guide-nav-menu) #tocCollapse {
    min-height:0;
    overflow-y:auto!important;
  }
}
@media (max-width:767px) {
  body:has(.guide-nav-menu) > header {
    padding:8px 16px!important;
  }
  body:has(.guide-nav-menu) > header > .container {
    gap:12px;
    padding-inline:0;
  }
  body:has(.guide-nav-menu) > header .dropdown-menu {
    position:static!important;
    transform:none!important;
    max-width:calc(100vw - 32px);
    min-width:0;
  }
  body:has(.guide-nav-menu) > header .dropdown-item {
    white-space:normal;
    overflow-wrap:anywhere;
  }
  body:has(.guide-nav-menu) .guide-nav-menu > .container {
    padding-inline:8px;
  }
  body:has(.guide-nav-menu) .guide-nav-menu .nav {
    gap:0;
  }
  body:has(.guide-nav-menu) .guide-nav-menu .nav-link {
    padding:12px 8px;
    font-size:14px;
  }
  body:has(.guide-nav-menu) > main > section:has(.content-details) {
    width:calc(100% - 32px);
    margin-block:20px 36px!important;
  }
  body:has(.guide-nav-menu) > main > section:has(.content-details) aside {
    max-height:none!important;
    margin-bottom:24px;
  }
  body:has(.guide-nav-menu) .content-details {
    font-size:17px;
  }
}
@media print {
  body:has(.guide-nav-menu) > main > section:has(.content-details) > .row {
    display:block;
  }
  body:has(.guide-nav-menu) > main > section:has(.content-details) aside {
    display:none;
  }
}

/* Metadata labels must not inherit Bootstrap's narrow two-column split. */
body:has(.guide-nav-menu) .content-header :is(.content-authors,.content-translators) {
  font-size:15px;
  line-height:1.7;
}
body:has(.guide-nav-menu) .content-header :is(.content-authors,.content-translators) .row > * {
  width:100%;
}
body:has(.guide-nav-menu) .content-header .author-item {
  white-space:normal!important;
}