:root {
    --ce-bg: #f9fbf9;
    --ce-surface: #eff3ef;
    --ce-band: #e6ede5;
    --ce-line: #c8d6c7;
    --ce-tint: #fae6f3;
    --ce-ink: #242f23;
    --ce-soft: #556e53;
    --ce-accent: #a10c70;
    --ce-on-accent: #ffffff;
}

*,*::before,*::after {
    box-sizing: border-box;
}

html {
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
}

dt {
    font-weight: 600;
}

.bebp-ximav {
    gap: 3rem;
    display: grid;
    grid-template-columns: minmax(0,1fr) 265px;
    align-items: start;
}

.bebp-laj {
    list-style: none;
    margin: 0;
    display: grid;
    gap: 1.6rem;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 210px), 1fr));
    padding: 0;
}

.bebp-sa {
    font-size: .78rem;
    letter-spacing: .12em;
    margin-bottom: .5em;
    text-transform: uppercase;
    font-weight: 700;
    font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    color: var(--ce-accent);
    display: block;
}

.bebp-rupu {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 1rem;
    border-top: 1px solid var(--ce-line);
    padding-top: 1.2rem;
    margin-top: 2.5rem;
}

.bebp-cig li::before {
    color: var(--ce-accent);
    position: absolute;
    left: 0;
    content: "•";
}

.bebp-bub {
    gap: .35em 1.25em;
    list-style: none;
    margin: 0;
    padding: 0;
    flex-wrap: wrap;
    display: flex;
}

.bebp-xafyr {
    border-radius: 0 8px 8px 0;
    background: var(--ce-tint);
    padding: .85em 1.1em;
    border-left: 4px solid var(--ce-accent);
    margin: 0 0 1.2em;
    color: var(--ce-ink);
}

.bebp-locod {
    margin-top: 1.6em;
    display: flex;
    flex-wrap: wrap;
    gap: .8em;
}

.bebp-jyxyx {
    max-width: 78ch;
}

.bebp-vadur {
    padding-right: 28px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 28px;
    max-width: 1060px;
}

.bebp-fyvef {
    align-items: baseline;
    display: flex;
    gap: .6em;
}

.bebp-do {
    padding-top: 7.2rem;
    padding-bottom: 7.2rem;
}

.bebp-rut a {
    color: var(--ce-ink);
    text-decoration: none;
}

.bebp-hyfi {
    margin-left: auto;
    max-width: 68ch;
    margin-right: auto;
    padding-top: 2.5rem;
    padding-bottom: 2rem;
}

.bebp-cig {
    list-style: none;
    margin: 1em 0 1.5em;
    padding: 0;
}

.bebp-fe.bebp-zo {
    border: 2px solid var(--ce-accent);
    background: var(--ce-surface);
}

.bebp-duno {
    color: var(--ce-accent);
    border-radius: 8px;
    overflow: hidden;
    margin-bottom: 1rem;
}

.bebp-ryxa {
    font-size: 1.15rem;
}

.bebp-kon:hover {
    transform: translateY(-2px);
    color: var(--ce-on-accent);
}

.bebp-fixa details p {
    margin: .6em 0 0;
    color: var(--ce-soft);
}

.bebp-vadi a {
    color: inherit;
}

.bebp-li {
    margin-top: .45em;
    color: var(--ce-soft);
    font-size: .9rem;
}

.bebp-ra {
    position: sticky;
    top: 1rem;
    font-size: .95rem;
}

.bebp-ze {
    flex: 1;
    border-bottom: 2px dotted var(--ce-line);
    min-width: 1.5em;
}

.bebp-tope {
    margin-bottom: .7em;
    text-transform: uppercase;
    letter-spacing: .09em;
    font-size: .82rem;
}

.bebp-ci {
    align-items: center;
    flex-wrap: wrap;
    display: flex;
    justify-content: space-between;
    gap: 1rem 2rem;
}

.bebp-kulid {
    margin: 0 0 1em;
}

.bebp-piko {
    overflow-x: auto;
    padding: 1em 1.2em;
    font-size: .86rem;
    border: 1px solid var(--ce-line);
    background: var(--ce-surface);
    line-height: 1.55;
    color: var(--ce-ink);
    border-radius: 8px;
}

.bebp-ge {
    font-family: Menlo, Monaco, "Courier New", monospace;
    font-size: 1.5rem;
    font-weight: 700;
    display: block;
    margin-bottom: .3em;
    color: var(--ce-accent);
}

.bebp-dufuj {
    height: 38px;
    width: 38px;
    flex: none;
}

.bebp-norof {
    font-size: 2.3rem;
    display: block;
    color: var(--ce-accent);
    line-height: 1.1;
    font-weight: 700;
    font-family: "Avenir Next", Avenir, "Segoe UI", "Noto Sans", sans-serif;
}

.bebp-sadyh {
    padding-top: 1.5rem;
    font-size: .9rem;
    color: var(--ce-soft);
}

.bebp-neni a {
    border: 1px solid var(--ce-line);
    display: inline-block;
    padding: .3em .8em;
    border-radius: 999px;
    font-size: .9rem;
    text-decoration: none;
    color: var(--ce-ink);
}

.bebp-vadi {
    display: flex;
    flex-wrap: wrap;
    gap: .4em 1.2em;
}

body {
    margin: 0;
    overflow-wrap: break-word;
    font-size: 18px;
    font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    color: var(--ce-ink);
    background: var(--ce-bg);
    line-height: 1.48;
}

blockquote {
    margin: 0 0 1em;
    border-left: 3px solid var(--ce-accent);
    padding: .2em 0 .2em 1em;
}

.bebp-kurim {
    padding-bottom: 2.4rem;
    padding-top: 2.4rem;
    margin-top: 4.3rem;
    font-size: .95rem;
}

.bebp-ryles {
    padding: 1rem 0;
}

.bebp-pozy {
    line-height: 1.1;
    font-family: "Avenir Next", Avenir, "Segoe UI", "Noto Sans", sans-serif;
    font-weight: 700;
    font-size: 2rem;
    margin: .2em 0 .4em;
}

.bebp-fe .bebp-kon {
    margin-top: auto;
    text-align: center;
}

a:focus-visible,summary:focus-visible {
    outline-offset: 3px;
    outline: 2px solid var(--ce-accent);
}

.bebp-hary {
    font-size: .95rem;
    color: var(--ce-soft);
}

.bebp-ra a:hover {
    background: var(--ce-surface);
}

.bebp-vejub {
    color: var(--ce-soft);
    max-width: 58ch;
    font-size: 1.18rem;
}

.bebp-le {
    font-size: .88rem;
    color: var(--ce-soft);
}

.bebp-cavi p {
    font-size: .95rem;
    margin: .25em 0 0;
    color: var(--ce-soft);
}

.bebp-kijox {
    color: var(--ce-accent);
    text-transform: uppercase;
    letter-spacing: .12em;
    margin: 0 0 1em;
    font-weight: 700;
    font-size: .78rem;
}

.bebp-xulo {
    display: grid;
    gap: .2em 1.5em;
    grid-template-columns: 7.5rem minmax(0,1fr);
}

.bebp-ja {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 150px), 1fr));
    gap: 1.6rem;
}

.bebp-xafaz {
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 230px), 1fr));
    display: grid;
    gap: 1.6rem;
    align-items: stretch;
}

.bebp-sedi {
    border-bottom: 1px solid var(--ce-line);
    padding-bottom: .4em;
}

ul,ol {
    padding-left: 1.3em;
}

.bebp-ryles blockquote {
    padding: 0;
    font-family: "Avenir Next", Avenir, "Segoe UI", "Noto Sans", sans-serif;
    line-height: 1.4;
    border: 0;
    font-size: 1.35rem;
    margin: 0;
}

img,svg {
    max-width: 100%;
    display: block;
    height: auto;
}

.bebp-sedi {
    margin-bottom: 1em;
}

h1 {
    font-size: clamp(1.42rem, 3vw + 1rem, 1.72rem);
}

.bebp-neni {
    gap: .5em;
    margin: 1.4em 0 0;
    flex-wrap: wrap;
    display: flex;
    padding: 0;
    list-style: none;
}

:not(pre) > code {
    border-radius: 4px;
    padding: .1em .35em;
    color: var(--ce-ink);
    background: var(--ce-tint);
}

.bebp-ra a[aria-current] {
    font-weight: 600;
    background: var(--ce-tint);
}

.bebp-timu {
    font-size: .85rem;
    margin: 0 0 .5em;
    color: var(--ce-soft);
}

.bebp-ha:hover {
    color: var(--ce-ink);
    background: var(--ce-tint);
}

.bebp-toza svg {
    width: 100%;
}

.bebp-bo p {
    margin: 0;
    color: var(--ce-soft);
}

code,pre,kbd {
    font-family: Menlo, Monaco, "Courier New", monospace;
    font-size: .9em;
}

.bebp-xozat td {
    white-space: nowrap;
}

dd {
    margin: 0 0 .8em;
}

.bebp-rut a:hover {
    text-decoration: underline;
    color: var(--ce-accent);
}

.bebp-jydu[aria-current] {
    color: var(--ce-accent);
    font-weight: 700;
}

.bebp-tu {
    background: var(--ce-band);
}

.bebp-gi svg {
    width: 100%;
    border-radius: 8px;
}

.bebp-lefi {
    white-space: nowrap;
    font-weight: 700;
}

.bebp-mado {
    padding: .9em 1.2em;
    margin: 0 0 1.6em;
    border-radius: 8px;
    font-size: .95rem;
    background: var(--ce-surface);
}

.bebp-pesa {
    margin: 0 0 .4em;
    line-height: 1.05;
    font-family: "Avenir Next", Avenir, "Segoe UI", "Noto Sans", sans-serif;
    font-weight: 700;
    font-size: clamp(2rem, 6vw, 4rem);
}

.bebp-ra a {
    text-decoration: none;
    color: var(--ce-ink);
    display: block;
    border-radius: 8px;
    padding: .35em .65em;
}

.bebp-kon,.bebp-ha {
    border-radius: 999px;
    line-height: 1.2;
    text-decoration: none;
    border: 2px solid var(--ce-accent);
    font-weight: 600;
    display: inline-block;
    padding: .75em 1.35em;
}

.bebp-sexeg {
    text-decoration: none;
    color: var(--ce-ink);
    font-size: 1.15rem;
    display: inline-flex;
    align-items: center;
    line-height: 1.2;
    font-family: "Avenir Next", Avenir, "Segoe UI", "Noto Sans", sans-serif;
    gap: .65em;
    font-weight: 700;
}

h2 {
    font-size: clamp(1.35rem, 2vw + .8rem, 1.30rem);
}

.bebp-kon {
    color: var(--ce-on-accent);
    background: var(--ce-accent);
}

.bebp-kurim {
    border-top: 1px solid var(--ce-line);
}

table {
    width: 100%;
    border-collapse: collapse;
}

.bebp-picen {
    display: flex;
    flex-direction: column;
}

.bebp-mado ul {
    padding-left: 1.1em;
    margin: 0;
}

.bebp-sop h2 {
    margin-top: 1.6em;
}

.bebp-xu {
    color: var(--ce-soft);
}

.bebp-picen {
    padding: 0;
}

.bebp-ciheb {
    max-width: 22ch;
}

.bebp-moj {
    font-size: .92rem;
    color: var(--ce-soft);
}

.bebp-pozy small {
    font-weight: 400;
    color: var(--ce-soft);
    font-size: .9rem;
}

figure {
    margin: 0;
}

.bebp-tojop {
    display: grid;
    gap: 2rem;
    grid-template-columns: 2fr 1fr 1fr;
}

.bebp-niji {
    fill: var(--ce-accent);
}

summary {
    cursor: pointer;
    font-weight: 600;
}

.bebp-picen.bebp-picen {
    border-radius: 10px;
}

a {
    color: var(--ce-accent);
    text-underline-offset: 0.19em;
    text-decoration-thickness: 2px;
}

.bebp-jipo {
    display: flex;
    padding: 0;
    list-style: none;
    gap: .4em;
    flex-wrap: wrap;
    margin: 0 0 1em;
}

.bebp-zuma {
    gap: 3rem;
    align-items: center;
    display: grid;
    grid-template-columns: repeat(2, minmax(0,1fr));
}

.bebp-sadyh a {
    color: var(--ce-soft);
}

.bebp-lato {
    font-weight: 400;
    font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    display: block;
    color: var(--ce-soft);
    font-size: .82rem;
}

.bebp-xa {
    left: -9999px;
    position: absolute;
    top: 0;
}

.bebp-sose {
    display: grid;
    gap: 1.6rem;
    grid-template-columns: repeat(auto-fill, minmax(min(100%, 277px), 1fr));
}

th,td {
    text-align: left;
    border-bottom: 1px solid var(--ce-line);
    vertical-align: top;
    padding: .6em .75em;
}

a:hover {
    text-decoration-thickness: 3px;
}

.bebp-me {
    margin-top: 2.2rem;
}

.bebp-za {
    padding-bottom: 4.3rem;
    padding-top: 4.3rem;
}

.bebp-pote {
    padding-bottom: 4.5rem;
    text-align: left;
    padding-top: 4.5rem;
}

.bebp-fixa details {
    border-bottom: 1px solid var(--ce-line);
    padding: .9em 0;
}

.bebp-nebal {
    gap: 1.6rem;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(100%, 271px), 1fr));
}

.bebp-jydu {
    color: var(--ce-ink);
    text-decoration: none;
}

.bebp-xafic {
    margin-bottom: 2rem;
}

.bebp-fe {
    flex-direction: column;
    padding: 1.5rem;
    display: flex;
    border-radius: 10px;
    border: 1px solid var(--ce-line);
}

.bebp-xa:focus {
    left: 1rem;
    background: var(--ce-bg);
    top: 1rem;
    z-index: 10;
    padding: .5em 1em;
}

.bebp-tojop ul {
    padding: 0;
    list-style: none;
    margin: 0;
}

.bebp-hus {
    color: var(--ce-accent);
    margin-bottom: .8rem;
}

.bebp-cig li {
    padding: .3em 0 .3em 1.5em;
    position: relative;
}

h1,h2,h3,h4 {
    margin: 0 0 .6em;
    letter-spacing: 0;
    hyphens: auto;
    font-weight: 600;
    font-family: "Avenir Next", Avenir, "Segoe UI", "Noto Sans", sans-serif;
    text-transform: none;
    line-height: 1.27;
}

.bebp-xozat th {
    width: 45%;
    font-weight: 600;
}

.bebp-xyzev {
    fill: var(--ce-on-accent);
    stroke: var(--ce-on-accent);
}

.bebp-do {
    background-size: 31px 31px;
    background-image: linear-gradient(var(--ce-line) 1px, transparent 1px),linear-gradient(90deg, var(--ce-line) 1px, transparent 1px);
}

.bebp-toza {
    overflow: hidden;
    border-radius: 10px;
    margin-bottom: 1.6rem;
}

.bebp-ra ul {
    margin: 0 0 1.2em;
    list-style: none;
    padding: 0;
}

.bebp-vuxij {
    border-radius: 999px;
    background: var(--ce-tint);
    font-size: .85rem;
    display: inline-block;
    padding: .2em .75em;
    color: var(--ce-ink);
}

.bebp-bofy {
    list-style: none;
    padding: 0;
    margin: 0 0 1.5em;
}

.bebp-hygan {
    padding-top: 2.5rem;
    padding-bottom: 1rem;
}

.bebp-fafu {
    margin-bottom: 1.4rem;
    border-radius: 10px;
    padding: 1.25rem;
    background: var(--ce-surface);
}

.bebp-te {
    color: var(--ce-accent);
    font-weight: 700;
    line-height: 1;
    font-family: "Avenir Next", Avenir, "Segoe UI", "Noto Sans", sans-serif;
    font-size: clamp(4rem, 14vw, 8.5rem);
    margin: 0 0 .2em;
}

.bebp-my {
    align-items: start;
    grid-template-columns: 216px minmax(0,1fr);
    padding-bottom: 3rem;
    display: grid;
    gap: 3rem;
    padding-top: 2.2rem;
}

.bebp-noso {
    font-size: .95rem;
    color: var(--ce-soft);
    margin-top: .7em;
}

.bebp-jydu:hover {
    color: var(--ce-accent);
}

h3 {
    font-size: 1.14rem;
}

.bebp-rut {
    font-size: 1.14rem;
    margin: 0 0 .4em;
}

p,ul,ol,dl,table,pre {
    margin-top: 0;
    margin-bottom: 1em;
}

.bebp-ha {
    color: var(--ce-accent);
    background: transparent;
}

.bebp-cavi {
    padding: 1em 0;
    border-bottom: 1px solid var(--ce-line);
}

.bebp-zuzad {
    font-weight: 600;
    margin-top: auto;
}

.bebp-keg {
    padding-top: 1.1rem;
    display: flex;
    gap: 1rem 2rem;
    padding-bottom: 1.1rem;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

@media (max-width: 860px) {
  .bebp-zuma {
      gap: 2rem;
      grid-template-columns: 1fr;
  }
  .bebp-ximav {
      grid-template-columns: 1fr;
      gap: 2rem;
  }
  .bebp-ra {
      position: static;
  }
  .bebp-my {
      gap: 1.5rem;
      grid-template-columns: 1fr;
  }
}

@media (max-width: 760px) {
  .bebp-tojop {
      gap: 1.4rem;
      grid-template-columns: 1fr;
  }
}

@media (max-width: 640px) {
  body {
      font-size: 17px;
  }
  .bebp-do {
      padding-bottom: 4.3rem;
      padding-top: 4.3rem;
  }
  .bebp-za {
      padding-bottom: 2.2rem;
      padding-top: 2.2rem;
  }
  .bebp-keg {
      gap: .8rem;
      flex-direction: column;
      align-items: flex-start;
  }
  .bebp-xulo {
      grid-template-columns: 1fr;
  }
}