/* [project]/app/globals.css [app-client] (css) */
*, :before, :after {
  box-sizing: border-box;
}

:root {
  --navy: #2a538b;
  --navy-d: #1e3f6d;
  --navy-l: #eaf0f8;
  --teal: #2f9e98;
  --teal-l: #e6f5f4;
  --green: #2f9440;
  --green-l: #e9f6eb;
  --amber: #a76a05;
  --amber-l: #fdf3e2;
  --ink: #152744;
  --ink-2: #4a5c76;
  --ink-3: #7a8899;
  --page: #f4f6f9;
  --surf: #fff;
  --surf-2: #fafbfd;
  --line: #dfe5ee;
  --line-2: #eef2f7;
  --r: 4px;
  --sb: 236px;
  --top: 56px;
  --mono: "Chambers Sans Pro", ui-monospace, monospace;
}

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

body {
  color: var(--ink);
  background: var(--page);
  -webkit-font-smoothing: antialiased;
  margin: 0;
  font-family: Chambers Sans Pro, system-ui, sans-serif;
  font-size: 14px;
  line-height: 1.5;
}

a {
  color: var(--navy);
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

h1, h2, h3 {
  letter-spacing: -.011em;
  margin: 0;
  font-weight: 700;
}

h1 {
  font-size: 22px;
  line-height: 1.22;
}

h2 {
  font-size: 15px;
}

h3 {
  font-size: 14px;
}

p {
  margin: 0;
}

:focus-visible {
  outline: 2px solid var(--navy);
  outline-offset: 2px;
  border-radius: 2px;
}

.num {
  font-variant-numeric: tabular-nums;
}

.top {
  z-index: 30;
  height: var(--top);
  background: var(--surf);
  border-bottom: 1px solid var(--line);
  align-items: center;
  gap: 14px;
  padding: 0 18px;
  display: flex;
  position: sticky;
  top: 0;
}

.top img {
  width: auto;
  height: 26px;
  display: block;
}

.top__sp {
  flex: 1;
}

.chip {
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--ink-2);
  border: 1px solid var(--line);
  background: var(--surf-2);
  border-radius: 3px;
  align-items: center;
  gap: 7px;
  padding: 4px 9px;
  font-size: 10.5px;
  font-weight: 700;
  display: inline-flex;
}

.chip:before {
  content: "";
  background: var(--navy);
  border-radius: 50%;
  width: 6px;
  height: 6px;
}

.av {
  background: var(--navy);
  color: #fff;
  border-radius: 50%;
  place-items: center;
  width: 28px;
  height: 28px;
  font-size: 11px;
  font-weight: 700;
  display: grid;
}

.rows {
  min-height: calc(100vh - var(--top));
  align-items: stretch;
  display: flex;
}

.side {
  width: var(--sb);
  background: var(--surf);
  border-right: 1px solid var(--line);
  flex-direction: column;
  flex: none;
  gap: 1px;
  padding: 14px 10px;
  display: flex;
}

.side__lab {
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--ink-3);
  padding: 8px 10px 6px;
  font-size: 10px;
  font-weight: 700;
}

.nav {
  border-radius: var(--r);
  color: var(--ink-2);
  border-left: 2px solid #0000;
  align-items: center;
  gap: 10px;
  padding: 7px 10px;
  font-size: 13.5px;
  font-weight: 500;
  display: flex;
}

.nav svg {
  opacity: .7;
  flex: none;
  width: 16px;
  height: 16px;
}

.nav:hover {
  background: var(--surf-2);
  color: var(--ink);
  text-decoration: none;
}

.nav[aria-current="page"] {
  background: var(--navy-l);
  color: var(--navy-d);
  border-left-color: var(--navy);
  font-weight: 700;
}

.nav[aria-current="page"] svg {
  opacity: 1;
  color: var(--navy);
}

.nav__n {
  color: var(--ink-3);
  font-variant-numeric: tabular-nums;
  margin-left: auto;
  font-size: 11.5px;
  font-weight: 700;
}

.body {
  flex: 1;
  min-width: 0;
  padding: 22px;
}

.inner {
  flex-direction: column;
  gap: 18px;
  max-width: 1240px;
  margin: 0 auto;
  display: flex;
}

.eb {
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--teal);
  font-size: 10.5px;
  font-weight: 700;
}

.head {
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 16px;
  display: flex;
}

.head__t {
  flex: 1;
  min-width: 260px;
}

.head__t h1 {
  margin: 3px 0 2px;
}

.sub {
  color: var(--ink-2);
  font-size: 13px;
}

.btn {
  border-radius: var(--r);
  border: 1px solid var(--line);
  background: var(--surf);
  height: 32px;
  color: var(--ink);
  cursor: pointer;
  white-space: nowrap;
  justify-content: center;
  align-items: center;
  gap: 7px;
  padding: 0 14px;
  font-family: inherit;
  font-size: 13px;
  font-weight: 700;
  display: inline-flex;
}

.btn:hover {
  background: var(--surf-2);
  text-decoration: none;
}

.btn svg {
  width: 15px;
  height: 15px;
}

.btn--p {
  background: var(--navy);
  border-color: var(--navy);
  color: #fff;
}

.btn--p:hover {
  background: var(--navy-d);
  border-color: var(--navy-d);
}

.btn--lg {
  height: 38px;
  padding: 0 18px;
  font-size: 14px;
}

.btn--b {
  width: 100%;
}

.btn--q {
  color: var(--ink-2);
  background: none;
  border-color: #0000;
}

.btn--q:hover {
  background: var(--surf);
  color: var(--ink);
}

.card {
  background: var(--surf);
  border: 1px solid var(--line);
  border-radius: var(--r);
}

.card__h {
  border-bottom: 1px solid var(--line-2);
  align-items: center;
  gap: 12px;
  padding: 11px 14px;
  display: flex;
}

.card__h h2 {
  flex: 1;
}

.card__b {
  padding: 14px;
}

.stats {
  grid-template-columns: repeat(4, 1fr);
  gap: 12px;
  display: grid;
}

.stat {
  background: var(--surf);
  border: 1px solid var(--line);
  border-radius: var(--r);
  padding: 12px 14px;
}

.stat__v {
  font-variant-numeric: tabular-nums;
  letter-spacing: -.02em;
  font-size: 26px;
  font-weight: 700;
  line-height: 1;
}

.stat__l {
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--ink-3);
  margin-top: 5px;
  font-size: 10.5px;
  font-weight: 700;
  display: block;
}

.stat--hot .stat__v {
  color: var(--amber);
}

.tw {
  overflow-x: auto;
}

table {
  border-collapse: collapse;
  width: 100%;
  font-size: 13px;
}

th {
  text-align: left;
  letter-spacing: .11em;
  text-transform: uppercase;
  color: var(--ink-3);
  border-bottom: 1px solid var(--line);
  background: var(--surf-2);
  white-space: nowrap;
  padding: 8px 14px;
  font-size: 10px;
  font-weight: 700;
}

td {
  border-bottom: 1px solid var(--line-2);
  vertical-align: middle;
  padding: 10px 14px;
}

tbody tr:last-child td {
  border-bottom: 0;
}

tbody tr:hover {
  background: var(--surf-2);
}

td b {
  font-weight: 700;
}

.tag {
  white-space: nowrap;
  border-radius: 3px;
  align-items: center;
  gap: 5px;
  padding: 2px 8px;
  font-size: 11.5px;
  font-weight: 700;
  display: inline-flex;
}

.tag:before {
  content: "";
  background: currentColor;
  border-radius: 50%;
  width: 5px;
  height: 5px;
}

.tag--warn {
  background: var(--amber-l);
  color: var(--amber);
}

.tag--info {
  background: var(--navy-l);
  color: var(--navy-d);
}

.tag--ok {
  background: var(--green-l);
  color: var(--green);
}

.tag--quiet {
  color: var(--ink-3);
  background: #f1f4f8;
}

.cs {
  letter-spacing: .04em;
  background: var(--amber-l);
  color: var(--amber);
  white-space: nowrap;
  border: 1px solid #f0dcb8;
  border-radius: 3px;
  align-items: center;
  gap: 4px;
  padding: 1px 6px;
  font-size: 10.5px;
  font-weight: 700;
  display: inline-flex;
}

.note {
  border-radius: var(--r);
  background: var(--navy-l);
  border-left: 3px solid var(--navy);
  gap: 10px;
  padding: 11px 13px;
  font-size: 13px;
  line-height: 1.55;
  display: flex;
}

.note svg {
  width: 16px;
  height: 16px;
  color: var(--navy);
  flex: none;
  margin-top: 2px;
}

.note--warn {
  background: var(--amber-l);
  border-left-color: var(--amber);
}

.note--warn svg {
  color: var(--amber);
}

.kv {
  grid-template-columns: max-content 1fr;
  gap: 7px 20px;
  margin: 0;
  font-size: 13px;
  display: grid;
}

.kv dt {
  color: var(--ink-3);
}

.kv dd {
  margin: 0;
}

.g2 {
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  display: grid;
}

.g-sign {
  grid-template-columns: minmax(0, 1.55fr) minmax(0, 1fr);
  align-items: start;
  gap: 16px;
  display: grid;
}

.stk {
  flex-direction: column;
  gap: 16px;
  display: flex;
}

.steps {
  color: var(--ink-3);
  align-items: center;
  gap: 8px;
  font-size: 12px;
  font-weight: 700;
  display: flex;
}

.steps i {
  background: var(--line);
  flex: 1;
  height: 1px;
}

.steps b {
  align-items: center;
  gap: 6px;
  font-weight: 700;
  display: inline-flex;
}

.steps b span {
  width: 18px;
  height: 18px;
  color: var(--ink-3);
  background: #e7ebf1;
  border-radius: 50%;
  place-items: center;
  font-size: 10.5px;
  display: grid;
}

.steps b[data-s="done"] {
  color: var(--green);
}

.steps b[data-s="done"] span {
  background: var(--green);
  color: #fff;
}

.steps b[data-s="done"] span svg {
  width: 10px;
  height: 10px;
}

.steps b[data-s="now"] {
  color: var(--navy-d);
}

.steps b[data-s="now"] span {
  background: var(--navy);
  color: #fff;
}

.rowitem {
  border-bottom: 1px solid var(--line-2);
  cursor: pointer;
  align-items: center;
  gap: 14px;
  padding: 11px 14px;
  display: flex;
}

.rowitem:last-child {
  border-bottom: 0;
}

.rowitem:hover {
  background: var(--surf-2);
}

.rowitem__t {
  flex-wrap: wrap;
  align-items: center;
  gap: 7px;
  font-size: 14px;
  font-weight: 700;
  display: flex;
}

.rowitem__d {
  color: var(--ink-2);
  margin-top: 2px;
  font-size: 12.5px;
}

.rowitem__p {
  font-variant-numeric: tabular-nums;
  margin-left: auto;
  font-size: 15px;
  font-weight: 700;
}

.rowitem input {
  accent-color: var(--navy);
  flex: none;
  width: 15px;
  height: 15px;
}

.att {
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  display: grid;
}

.att label {
  cursor: pointer;
  position: relative;
}

.att input {
  opacity: 0;
  position: absolute;
}

.att span.in {
  border: 1px solid var(--line);
  border-radius: var(--r);
  background: var(--surf);
  padding: 11px 12px;
  display: block;
}

.att label:hover span.in {
  border-color: #c3cfe0;
}

.att input:checked + span.in {
  border-color: var(--navy);
  background: var(--navy-l);
  box-shadow: inset 0 0 0 1px var(--navy);
}

.att input:focus-visible + span.in {
  outline: 2px solid var(--navy);
  outline-offset: 2px;
}

.att b {
  align-items: center;
  gap: 7px;
  font-size: 13.5px;
  display: flex;
}

.att b svg {
  width: 15px;
  height: 15px;
  color: var(--navy);
}

.att em {
  color: var(--ink-2);
  margin-top: 4px;
  font-size: 12.5px;
  font-style: normal;
  display: block;
}

.price {
  background: var(--navy);
  color: #fff;
  border-radius: var(--r);
  padding: 14px;
}

.price__v {
  font-variant-numeric: tabular-nums;
  letter-spacing: -.02em;
  font-size: 30px;
  font-weight: 700;
  line-height: 1;
}

.price__m {
  color: #ffffffc7;
  margin-top: 7px;
  font-size: 11.5px;
  line-height: 1.5;
}

.chk {
  border-bottom: 1px solid var(--line-2);
  gap: 9px;
  padding: 8px 0;
  font-size: 13px;
  display: flex;
}

.chk:last-child {
  border-bottom: 0;
}

.chk svg {
  width: 15px;
  height: 15px;
  color: var(--green);
  flex: none;
  margin-top: 2px;
}

.chk--w svg {
  color: var(--amber);
}

.chk b {
  font-weight: 700;
  display: block;
}

.chk em {
  color: var(--ink-2);
  font-size: 12.5px;
  font-style: normal;
}

.tl {
  margin: 0;
  padding: 0;
  list-style: none;
}

.tl li {
  padding: 0 0 16px 22px;
  position: relative;
}

.tl li:before {
  content: "";
  background: var(--surf);
  border: 2px solid #ccd6e3;
  border-radius: 50%;
  width: 9px;
  height: 9px;
  position: absolute;
  top: 4px;
  left: 0;
}

.tl li:after {
  content: "";
  background: var(--line);
  width: 1px;
  position: absolute;
  top: 15px;
  bottom: 0;
  left: 4px;
}

.tl li:last-child {
  padding-bottom: 0;
}

.tl li:last-child:after {
  display: none;
}

.tl li[data-s="done"]:before {
  background: var(--green);
  border-color: var(--green);
}

.tl li[data-s="now"]:before {
  background: var(--teal);
  border-color: var(--teal);
  box-shadow: 0 0 0 3px var(--teal-l);
}

.tl b {
  font-size: 13px;
  display: block;
}

.tl em {
  color: var(--ink-2);
  font-size: 12.5px;
  font-style: normal;
}

.copy {
  border: 1px solid var(--line);
  border-radius: var(--r);
  overflow: hidden;
}

.copy__s {
  border-bottom: 1px solid var(--line);
  letter-spacing: .13em;
  text-transform: uppercase;
  color: var(--ink-2);
  background: repeating-linear-gradient(-45deg, #f1f4f8 0 6px, #e8edf4 6px 12px);
  padding: 7px 12px;
  font-size: 10.5px;
  font-weight: 700;
}

.copy__b {
  padding: 12px;
}

.cap {
  color: var(--ink-2);
  font-size: 12.5px;
  line-height: 1.55;
}

.hr {
  background: var(--line-2);
  border: 0;
  height: 1px;
  margin: 0;
}

.foot {
  border-top: 1px solid var(--line);
  background: var(--surf);
  color: var(--ink-3);
  gap: 9px;
  padding: 13px 22px;
  font-size: 11.5px;
  line-height: 1.55;
  display: flex;
}

.foot svg {
  flex: none;
  width: 14px;
  height: 14px;
  margin-top: 2px;
}

.foot b {
  color: var(--ink-2);
}

.gate {
  place-items: center;
  min-height: 100vh;
  padding: 40px 20px;
  display: grid;
}

.gate__in {
  width: 100%;
  max-width: 720px;
}

.gate img {
  width: auto;
  height: 34px;
  margin-bottom: 26px;
}

.doors {
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  margin-top: 22px;
  display: grid;
}

.door {
  background: var(--surf);
  border: 1px solid var(--line);
  border-radius: var(--r);
  border-top: 2px solid var(--accent);
  color: var(--ink);
  align-items: center;
  gap: 13px;
  padding: 15px;
  display: flex;
}

.door:hover {
  border-color: #c3cfe0;
  text-decoration: none;
}

.door__i {
  border-radius: var(--r);
  background: var(--tint);
  width: 32px;
  height: 32px;
  color: var(--accent);
  flex: none;
  place-items: center;
  display: grid;
}

.door__i svg {
  width: 17px;
  height: 17px;
}

.door b {
  font-size: 14.5px;
  display: block;
}

.door em {
  color: var(--ink-2);
  font-size: 12.5px;
  font-style: normal;
}

.door__g {
  color: var(--ink-3);
  margin-left: auto;
}

.door__g svg {
  width: 16px;
  height: 16px;
}

.transfer {
  background: var(--teal-l);
  border-radius: var(--r);
  border: 1px solid #c9e8e6;
  flex-wrap: wrap;
  align-items: center;
  gap: 16px;
  padding: 14px;
  display: flex;
}

.transfer div {
  flex: 1;
  min-width: 260px;
}

@media (max-width: 1000px) {
  .g-sign, .g2, .stats {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 760px) {
  .side {
    display: none;
  }

  .g-sign, .g2, .att, .doors {
    grid-template-columns: 1fr;
  }

  .stats {
    grid-template-columns: 1fr 1fr;
  }

  .kv {
    grid-template-columns: 1fr;
    gap: 0;
  }

  .kv dt {
    margin-top: 9px;
  }

  .body {
    padding: 16px;
  }

  .card__h {
    flex-wrap: wrap;
    row-gap: 8px;
  }

  .tw {
    -webkit-overflow-scrolling: touch;
    overflow-x: auto;
  }

  .tw table {
    min-width: 560px;
  }

  thead th:nth-child(3), tbody td:nth-child(3) {
    display: none;
  }
}

.pv {
  flex-direction: column;
  min-height: 100vh;
  display: flex;
}

.pvtop {
  z-index: 40;
  background: var(--surf);
  border-bottom: 1px solid var(--line);
  flex: none;
  align-items: center;
  gap: 10px;
  height: 58px;
  padding: 0 18px;
  display: flex;
  position: sticky;
  top: 0;
}

.pvtop__logo {
  align-items: center;
  display: flex;
}

.pvtop__logo img {
  width: auto;
  height: 26px;
}

.pvtop__sp {
  flex: 1;
}

.pvtop .btn {
  white-space: nowrap;
}

.pvtop__burger {
  display: none;
}

.phx {
  border: 1px solid var(--line);
  border-radius: var(--r);
  background: var(--surf-2);
  height: 34px;
  color: var(--ink);
  align-items: center;
  gap: 9px;
  padding: 0 11px;
  font-size: 13px;
  display: flex;
}

.phx:hover {
  border-color: var(--navy);
  text-decoration: none;
}

.phx svg {
  width: 16px;
  height: 16px;
  color: var(--teal);
  flex: none;
}

.phx b {
  font-weight: 700;
}

.phx em {
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--ink-3);
  font-size: 10.5px;
  font-style: normal;
  font-weight: 700;
}

details.mn {
  position: relative;
}

details.mn > summary {
  cursor: pointer;
  border: 1px solid var(--line);
  border-radius: var(--r);
  height: 34px;
  color: var(--ink);
  align-items: center;
  gap: 7px;
  padding: 0 11px;
  font-size: 13px;
  font-weight: 700;
  list-style: none;
  display: flex;
}

details.mn > summary::-webkit-details-marker {
  display: none;
}

details.mn > summary svg {
  width: 15px;
  height: 15px;
}

details.mn[open] > summary {
  border-color: var(--navy);
}

.mn:not([open]) .mn__p, .dd:not([open]) .dd__p, .mn__nav {
  display: none;
}

.mn__l {
  letter-spacing: .13em;
  text-transform: uppercase;
  color: var(--ink-3);
  padding: 10px 12px 5px;
  font-size: 9.5px;
  font-weight: 700;
  display: block;
}

.mn__p {
  background: var(--surf);
  border: 1px solid var(--line);
  border-radius: var(--r);
  z-index: 50;
  width: 244px;
  padding: 6px;
  position: absolute;
  top: 40px;
  right: 0;
  box-shadow: 0 12px 34px -14px #15274457;
}

.mn__p a {
  color: var(--ink);
  border-radius: 3px;
  align-items: center;
  gap: 10px;
  padding: 8px 9px;
  font-size: 13.5px;
  display: flex;
}

.mn__p a:hover {
  background: var(--navy-l);
  text-decoration: none;
}

.mn__p a svg {
  width: 16px;
  height: 16px;
  color: var(--ink-3);
  flex: none;
}

.mn__p hr {
  background: var(--line-2);
  border: 0;
  height: 1px;
  margin: 5px 0;
}

.phbar {
  background: var(--surf-2);
  border-bottom: 1px solid var(--line);
  color: var(--ink-2);
  align-items: center;
  gap: 9px;
  padding: 9px 14px;
  font-size: 12.5px;
  display: none;
}

.phbar svg {
  width: 15px;
  height: 15px;
  color: var(--teal);
  flex: none;
}

.phbar b {
  color: var(--ink);
}

.phbar span.go {
  color: var(--navy);
  flex: none;
  margin-left: auto;
  font-weight: 700;
}

.pvrows {
  flex: 1;
  align-items: flex-start;
  display: flex;
}

.pvside {
  background: var(--surf);
  border-right: 1px solid var(--line);
  flex: none;
  align-self: stretch;
  width: 244px;
  padding: 16px 12px 26px;
  position: sticky;
  top: 58px;
}

.pvgrp + .pvgrp {
  border-top: 1px solid var(--line-2);
  margin-top: 18px;
  padding-top: 15px;
}

.pvgrp__l {
  letter-spacing: .13em;
  text-transform: uppercase;
  color: var(--ink-3);
  align-items: center;
  gap: 7px;
  padding: 0 9px 8px;
  font-size: 10px;
  font-weight: 700;
  display: flex;
}

.pvn {
  color: var(--ink-2);
  border-left: 2px solid #0000;
  border-radius: 3px;
  align-items: center;
  gap: 10px;
  padding: 8px 9px;
  font-size: 13.5px;
  font-weight: 500;
  display: flex;
}

.pvn:hover {
  background: var(--surf-2);
  color: var(--ink);
  text-decoration: none;
}

.pvn svg {
  width: 17px;
  height: 17px;
  color: var(--ink-3);
  flex: none;
}

.pvn[aria-current="page"] {
  background: var(--navy-l);
  color: var(--navy-d);
  border-left-color: var(--navy);
  font-weight: 700;
}

.pvn[aria-current="page"] svg {
  color: var(--navy);
}

.pvn__n {
  color: var(--ink-3);
  font-variant-numeric: tabular-nums;
  margin-left: auto;
  font-size: 11px;
  font-weight: 700;
}

.pvn--hot .pvn__n {
  background: var(--amber-l);
  color: var(--amber);
  border-radius: 9px;
  padding: 1px 6px;
}

.pvmain {
  flex: 1;
  min-width: 0;
  padding: 20px 22px 40px;
}

.pvin {
  flex-direction: column;
  gap: 16px;
  max-width: 1120px;
  display: flex;
}

.news {
  border-radius: var(--r);
  background: var(--navy-l);
  color: var(--ink-2);
  border: 1px solid #d6e2f3;
  align-items: flex-start;
  gap: 12px;
  padding: 12px 14px;
  font-size: 13.5px;
  line-height: 1.55;
  display: flex;
}

.news--warn {
  background: var(--amber-l);
  border-color: #f2dfba;
}

.news__p {
  letter-spacing: .1em;
  text-transform: uppercase;
  background: var(--navy);
  color: #fff;
  border-radius: 3px;
  flex: none;
  margin-top: 1px;
  padding: 3px 7px;
  font-size: 10px;
  font-weight: 700;
}

.news--warn .news__p {
  background: var(--amber);
}

.news__x {
  color: var(--ink-3);
  flex: none;
  margin-left: auto;
  display: flex;
}

.news__x svg {
  width: 15px;
  height: 15px;
}

.ph {
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 14px;
  display: flex;
}

.ph h1 {
  letter-spacing: -.024em;
  font-size: 25px;
}

.ph p {
  color: var(--ink-2);
  max-width: 74ch;
  margin-top: 4px;
  font-size: 13.5px;
  line-height: 1.6;
}

.ph__sp {
  flex: 1;
}

.srch {
  display: flex;
}

.srch input {
  border: 1px solid var(--line);
  border-radius: var(--r) 0 0 var(--r);
  background: var(--surf-2);
  height: 40px;
  color: var(--ink);
  flex: 1;
  min-width: 0;
  padding: 0 13px;
  font-family: inherit;
  font-size: 14px;
}

.srch input:focus {
  background: var(--surf);
  border-color: var(--navy);
  outline: none;
  box-shadow: 0 0 0 3px #2a538b1f;
}

.srch button {
  border: 1px solid var(--navy);
  background: var(--navy);
  color: #fff;
  border-radius: 0 var(--r) var(--r) 0;
  cursor: pointer;
  flex: none;
  place-items: center;
  width: 46px;
  height: 40px;
  display: grid;
}

.srch button svg {
  width: 17px;
  height: 17px;
}

.arow {
  border-bottom: 1px solid var(--line-2);
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  padding: 13px 14px;
  display: flex;
}

.arow__sp {
  flex: 1;
}

.dd {
  position: relative;
}

.dd > summary {
  cursor: pointer;
  border: 1px solid var(--line);
  border-radius: var(--r);
  background: var(--surf);
  height: 32px;
  color: var(--ink);
  align-items: center;
  gap: 7px;
  padding: 0 11px;
  font-size: 13px;
  font-weight: 700;
  list-style: none;
  display: flex;
}

.dd > summary::-webkit-details-marker {
  display: none;
}

.dd > summary svg {
  width: 14px;
  height: 14px;
  color: var(--ink-3);
}

.dd__p {
  background: var(--surf);
  border: 1px solid var(--line);
  border-radius: var(--r);
  z-index: 30;
  width: 218px;
  padding: 5px;
  position: absolute;
  top: 38px;
  left: 0;
  box-shadow: 0 12px 34px -14px #15274457;
}

.dd__p a {
  color: var(--ink);
  border-radius: 3px;
  padding: 8px 9px;
  font-size: 13.5px;
  display: block;
}

.dd__p a:hover {
  background: var(--navy-l);
  text-decoration: none;
}

.pvt {
  border-collapse: collapse;
  width: 100%;
}

.pvt th {
  text-align: left;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--ink-2);
  border-bottom: 1px solid var(--line);
  white-space: nowrap;
  padding: 11px 14px;
  font-size: 10.5px;
  font-weight: 700;
}

.pvt td {
  border-bottom: 1px solid var(--line-2);
  vertical-align: middle;
  padding: 12px 14px;
  font-size: 13.5px;
}

.pvt tbody tr:last-child td {
  border-bottom: 0;
}

.pvt tbody tr:hover {
  background: var(--surf-2);
}

.pvt .num {
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

.pvt .rt {
  text-align: right;
}

.pvt .acts {
  flex-wrap: wrap;
  gap: 6px;
  display: flex;
}

.mini {
  border: 1px solid var(--line);
  background: var(--surf);
  height: 27px;
  color: var(--ink);
  border-radius: 3px;
  align-items: center;
  gap: 5px;
  padding: 0 9px;
  font-size: 12px;
  font-weight: 700;
  display: inline-flex;
}

.mini:hover {
  border-color: var(--navy);
  color: var(--navy-d);
  text-decoration: none;
}

.mini svg {
  width: 13px;
  height: 13px;
}

.mini--p {
  background: var(--navy);
  border-color: var(--navy);
  color: #fff;
}

.mini--p:hover {
  background: var(--navy-d);
  border-color: var(--navy-d);
  color: #fff;
}

.pg {
  color: var(--ink-3);
  justify-content: center;
  align-items: center;
  gap: 10px;
  padding: 14px;
  font-size: 12.5px;
  display: flex;
}

.pg .mini[aria-disabled="true"] {
  opacity: .42;
  pointer-events: none;
}

.fcat {
  background: var(--surf-2);
  border-bottom: 1px solid var(--line) !important;
}

.fcat td {
  padding: 10px 14px;
}

.fcat b {
  font-size: 13.5px;
}

.fcat em {
  color: var(--ink-2);
  margin-left: 8px;
  font-size: 12.5px;
  font-style: normal;
}

.cs {
  letter-spacing: .07em;
  background: var(--amber-l);
  color: var(--amber);
  white-space: nowrap;
  vertical-align: 1px;
  border-radius: 3px;
  align-items: center;
  gap: 4px;
  padding: 2px 6px;
  font-size: 10px;
  font-weight: 700;
  display: inline-flex;
}

.cs svg {
  width: 11px;
  height: 11px;
}

.notes {
  border-top: 1px solid var(--line);
  background: var(--surf-2);
  padding: 14px;
}

.notes ol {
  color: var(--ink-2);
  margin: 0;
  padding-left: 20px;
  font-size: 12px;
  line-height: 1.65;
}

.notes li {
  margin-bottom: 5px;
}

.notes li:last-child {
  margin-bottom: 0;
}

.pvcard {
  background: var(--surf);
  border: 1px solid var(--line);
  border-radius: var(--r);
  overflow: visible;
}

.pvcard__h {
  border-bottom: 1px solid var(--line-2);
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  padding: 14px;
  display: flex;
}

.pvcard__h h2 {
  font-size: 15px;
}

.pvcard__h .sp {
  flex: 1;
}

.pvcard__b {
  padding: 14px;
}

.pvcard__b > p {
  color: var(--ink-2);
  max-width: 78ch;
  font-size: 13.5px;
  line-height: 1.62;
}

.pvcard__b > p + p {
  margin-top: 10px;
}

.g2c {
  grid-template-columns: 1fr 1fr;
  align-items: start;
  gap: 16px;
  display: grid;
}

.g3c {
  grid-template-columns: repeat(4, 1fr);
  gap: 12px;
  display: grid;
}

.mt {
  background: var(--surf);
  border: 1px solid var(--line);
  border-radius: var(--r);
  padding: 14px;
}

.mt__l {
  color: var(--ink-3);
  letter-spacing: .04em;
  font-size: 11.5px;
  font-weight: 700;
}

.mt__v {
  letter-spacing: -.03em;
  margin-top: 5px;
  font-size: 27px;
  font-weight: 700;
  line-height: 1;
}

.mt__d {
  color: var(--ink-2);
  margin-top: 6px;
  font-size: 12.5px;
}

.mt--warn {
  border-left: 2px solid var(--amber);
}

.mt--ok {
  border-left: 2px solid var(--green);
}

.mt--info {
  border-left: 2px solid var(--teal);
}

.mt--quiet {
  border-left: 2px solid var(--line);
}

.dl {
  border: 1px dashed var(--line);
  border-radius: var(--r);
  background: var(--surf-2);
  text-align: center;
  padding: 26px;
}

.dl svg {
  width: 26px;
  height: 26px;
  color: var(--ink-3);
}

.dl h3 {
  margin-top: 9px;
  font-size: 14.5px;
}

.dl p {
  color: var(--ink-2);
  margin-top: 5px;
  font-size: 12.5px;
}

.pv-empty {
  text-align: center;
  color: var(--ink-2);
  padding: 30px 14px;
  font-size: 13.5px;
}

.gatt {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  max-width: 560px;
  display: grid;
}

.gatt a {
  text-align: left;
  white-space: normal;
  min-width: 0;
  height: auto;
  padding: 18px 16px;
  display: block;
}

.gatt b {
  margin-top: 8px;
  font-size: 15px;
  display: block;
}

.gatt em {
  color: var(--ink-2);
  margin-top: 4px;
  font-size: 12.5px;
  font-style: normal;
  line-height: 1.55;
  display: block;
}

.stack {
  gap: 8px;
  max-width: 420px;
  display: grid;
}

.stack a {
  border: 1px solid var(--line);
  border-radius: var(--r);
  background: var(--surf);
  height: 42px;
  color: var(--ink);
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  padding: 0 14px;
  font-size: 14px;
  font-weight: 700;
  display: flex;
}

.stack a:hover {
  border-color: var(--navy);
  background: var(--navy-l);
  text-decoration: none;
}

.stack a svg {
  width: 15px;
  height: 15px;
  color: var(--ink-3);
}

.stack a:hover svg {
  color: var(--navy);
}

.rule {
  border-bottom: 1px solid var(--line-2);
  gap: 11px;
  padding: 12px 0;
  display: flex;
}

.rule:last-child {
  border-bottom: 0;
}

.rule > svg {
  width: 17px;
  height: 17px;
  color: var(--teal);
  flex: none;
  margin-top: 2px;
}

.rule b {
  font-size: 13.5px;
  display: block;
}

.rule em {
  color: var(--ink-2);
  margin-top: 3px;
  font-size: 12.5px;
  font-style: normal;
  line-height: 1.58;
  display: block;
}

.pvfoot {
  border-top: 1px solid var(--line);
  color: var(--ink-3);
  background: var(--surf);
  flex: none;
  padding: 16px 22px 26px;
  font-size: 11.5px;
  line-height: 1.6;
}

.pvfoot b {
  color: var(--ink-2);
}

.fmtabs {
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  flex-wrap: nowrap;
  gap: 6px;
  margin: 0 0 14px;
  padding-bottom: 2px;
  display: flex;
  overflow-x: auto;
}

.fmtabs::-webkit-scrollbar {
  display: none;
}

.fmtab {
  border: 1px solid var(--line);
  border-radius: var(--r);
  background: var(--surf);
  height: 34px;
  color: var(--ink-2);
  cursor: pointer;
  white-space: nowrap;
  flex: none;
  align-items: center;
  gap: 7px;
  padding: 0 12px;
  font: 500 12.5px / 1 inherit;
  display: inline-flex;
}

.fmtab:hover {
  border-color: var(--ink-3);
  color: var(--ink);
}

.fmtab i {
  background: var(--ac, var(--ink-3));
  border-radius: 2px;
  flex: none;
  width: 9px;
  height: 9px;
}

.fmtab span {
  color: var(--ink-2);
  font-variant-numeric: tabular-nums;
}

.fmtab.is-on {
  border-color: var(--acd, var(--navy));
  color: var(--acd, var(--navy));
  background: var(--acl, var(--navy-l));
  font-weight: 700;
}

.fmtab.is-on span {
  color: var(--acd, var(--navy));
}

.fmarea {
  background: var(--surf);
  border: 1px solid var(--line);
  border-radius: var(--r);
  margin: 0 0 14px;
  overflow: hidden;
}

.fmarea__h {
  background: var(--acl);
  border-bottom: 1px solid var(--line);
  flex-wrap: wrap;
  align-items: baseline;
  gap: 9px;
  padding: 11px 14px;
  display: flex;
}

.fmarea__h b {
  color: var(--acd);
  font-size: 14px;
  font-weight: 700;
}

.fmarea__h em {
  color: var(--ink-2);
  font-size: 12px;
  font-style: normal;
}

.fmarea__n {
  color: var(--acd);
  font-variant-numeric: tabular-nums;
  margin-left: auto;
  font-size: 11.5px;
  font-weight: 500;
}

.fmarea {
  border-left: 3px solid var(--ac);
}

.fmarea .pvt thead th {
  background: var(--surf);
  color: var(--acd);
  border-bottom-color: var(--ac);
}

.fmsub td {
  background: var(--acl);
  color: var(--acd);
  letter-spacing: .05em;
  text-transform: uppercase;
  box-shadow: inset 2px 0 0 var(--ac);
  padding: 7px 12px;
  font-size: 11.5px;
  font-weight: 700;
}

.fmsub em {
  letter-spacing: 0;
  text-transform: none;
  color: var(--acd);
  opacity: .8;
  margin-left: 8px;
  font-style: normal;
  font-weight: 400;
}

.fmarea .pvt tbody tr:not(.fmsub):hover {
  background: var(--acl);
}

.fmarea .pvt tbody tr:not(.fmsub) td:first-child {
  box-shadow: inset 2px 0 0 var(--acl);
}

.fmarea .pvt tbody tr:not(.fmsub):hover td:first-child {
  box-shadow: inset 2px 0 0 var(--ac);
}

.fmarea .mini--p {
  background: var(--ac);
  border-color: var(--ac);
}

.fmarea .mini--p:hover {
  background: var(--acd);
  border-color: var(--acd);
}

.fmarea .pvt .num {
  color: var(--acd);
  font-weight: 500;
}

.fmmix {
  border-top: 1px dashed var(--line);
  color: inherit;
  align-items: center;
  gap: 10px;
  padding: 11px 14px;
  text-decoration: none;
  display: flex;
}

.fmmix svg {
  color: var(--acd);
  flex: none;
}

.fmmix span {
  display: block;
}

.fmmix b {
  color: var(--acd);
  font-size: 13px;
  font-weight: 700;
  display: block;
}

.fmmix em {
  color: var(--ink-2);
  font-size: 12px;
  font-style: normal;
}

.fmmix i {
  color: var(--ink-2);
  border: 1px solid var(--line);
  white-space: nowrap;
  background: var(--page);
  border-radius: 999px;
  margin-left: auto;
  padding: 2px 8px;
  font-size: 11px;
  font-style: normal;
}

a.fmmix:hover {
  background: var(--acl);
}

@media (max-width: 1080px) {
  .g3c {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 880px) {
  .pvside {
    display: none;
  }

  .pvtop__burger {
    display: inline-flex;
  }

  .pvtop .hide-sm {
    display: none;
  }

  .g2c {
    grid-template-columns: 1fr;
  }

  .pvmain {
    padding: 16px;
  }
}

@media (max-width: 620px) {
  .g3c {
    grid-template-columns: 1fr;
  }

  .gatt {
    grid-template-columns: minmax(0, 1fr);
  }

  .pvtop .phx {
    display: none;
  }

  .phbar {
    display: flex;
  }

  .mn__nav {
    display: block;
  }

  .mn__p {
    width: 262px;
    max-height: 78vh;
    overflow-y: auto;
  }

  .pvtop {
    gap: 7px;
    padding: 0 13px;
  }

  .pvtop__logo img {
    height: 22px;
  }

  .ph h1 {
    font-size: 21px;
  }

  .pvtw {
    -webkit-overflow-scrolling: touch;
    overflow-x: auto;
  }

  .pvtw .pvt {
    min-width: 620px;
  }
}

.bh {
  --ac: #8c4a6b;
  --acl: #f7f0f4;
  --acd: #783f5c;
  display: block;
}

.bh .btn--p {
  background: var(--ac);
  border-color: var(--ac);
}

.bh .btn--p:hover:not(:disabled) {
  background: var(--acd);
  border-color: var(--acd);
}

.bh .btn:not(.btn--p):hover:not(:disabled) {
  border-color: var(--ac);
  color: var(--acd);
}

.bh [hidden], #bh-cs[hidden], #bh-saved[hidden], #bh-blocked[hidden], #bh-savebox[hidden] {
  display: none !important;
}

.bh__lede {
  max-width: 74ch;
  color: var(--ink-2);
  margin-top: 2px;
  font-size: 14px;
  line-height: 1.62;
}

.bh__start {
  margin-top: 18px;
}

.bh__sh {
  flex-wrap: wrap;
  align-items: baseline;
  gap: 10px;
  margin-bottom: 10px;
  display: flex;
}

.bh__sh h2 {
  letter-spacing: -.012em;
  font-size: 15px;
}

.bh__sh p {
  color: var(--ink-2);
  margin: 0;
  font-size: 12.5px;
}

#bh-protos {
  display: block;
}

.pgrp {
  margin-bottom: 15px;
}

.pgrp__h {
  text-transform: uppercase;
  letter-spacing: .08em;
  color: var(--ink-3);
  border-bottom: 1px solid var(--line);
  padding-bottom: 6px;
  font-size: 11px;
}

.prow {
  border-bottom: 1px solid var(--line-2);
  align-items: center;
  gap: 16px;
  padding: 9px 2px;
  display: flex;
}

.prow:hover {
  background: var(--acl);
}

.prow__n {
  flex: auto;
  min-width: 0;
}

.prow__n b {
  font-size: 13.5px;
  line-height: 1.35;
  display: block;
}

.prow__n em {
  color: var(--ink-2);
  font-size: 12.5px;
  font-style: normal;
  display: block;
}

.prow__f {
  color: var(--ink-2);
  flex: 0 0 118px;
  font-size: 12px;
}

.prow__m {
  color: var(--ink-2);
  flex: 0 0 226px;
  font-size: 12px;
}

.prow__a {
  flex: none;
  align-items: center;
  gap: 10px;
  display: flex;
}

.btn--sm {
  padding: 5px 10px;
  font-size: 12.5px;
}

.prow__ch {
  font: inherit;
  color: var(--ink-2);
  cursor: pointer;
  background: none;
  border: 0;
  padding: 0;
  font-size: 12.5px;
  text-decoration: underline;
}

.prow__ch:hover {
  color: var(--ac);
}

.proto {
  text-align: left;
  background: var(--surf);
  border: 1px solid var(--line);
  border-radius: var(--r);
  cursor: pointer;
  font: inherit;
  color: var(--ink);
  padding: 12px 13px;
  display: block;
}

.proto:hover {
  border-color: var(--ac);
  background: var(--acl);
}

.proto:focus-visible {
  outline: 2px solid var(--ac);
  outline-offset: 2px;
}

.proto b {
  font-size: 13.5px;
  line-height: 1.35;
  display: block;
}

.proto em {
  color: var(--ink-2);
  margin-top: 4px;
  font-size: 12px;
  font-style: normal;
  display: block;
}

.proto__m {
  color: var(--ink-2);
  border-top: 1px solid var(--line-2);
  margin-top: 7px;
  padding-top: 7px;
  font-size: 12px;
  display: block;
}

.bh__grid {
  grid-template-columns: minmax(0, 1fr) 372px;
  align-items: start;
  gap: 18px;
  margin-top: 20px;
  display: grid;
}

.bhc {
  background: var(--surf);
  border: 1px solid var(--line);
  border-radius: var(--r);
  border-left: 3px solid var(--ac);
  margin-bottom: 12px;
}

.bhc__h {
  border-bottom: 1px solid var(--line-2);
  align-items: center;
  gap: 10px;
  padding: 13px 16px;
  display: flex;
}

.bhc__n {
  background: var(--acl);
  width: 20px;
  height: 20px;
  color: var(--acd);
  border-radius: 50%;
  flex: none;
  place-items: center;
  font-size: 11px;
  font-weight: 700;
  display: grid;
}

.bhc__h h3 {
  letter-spacing: -.008em;
  font-size: 13.5px;
}

.bhc__h .sp {
  flex: 1;
}

.bhc__h em {
  color: var(--ink-2);
  font-size: 12px;
  font-style: normal;
}

.bhc.is-lock {
  background: var(--surf);
}

.bhc.is-lock .bhc__h h3, .bhc.is-lock .bhc__n {
  opacity: .5;
}

.bhc.is-lock .bhc__b > :not(.bhlock) {
  opacity: .3;
  pointer-events: none;
}

.bhlock {
  color: var(--ink-2);
  margin: 0 0 2px;
  font-size: 12.5px;
  font-weight: 600;
}

.bhc__b {
  padding: 14px 16px;
}

.seg {
  flex-wrap: wrap;
  gap: 6px;
  display: flex;
}

.seg__b {
  font: inherit;
  border: 1px solid var(--line);
  background: var(--surf);
  color: var(--ink-2);
  border-radius: var(--r);
  cursor: pointer;
  padding: 7px 12px;
  font-size: 12.5px;
}

.seg__b:hover {
  border-color: var(--ac);
  color: var(--acd);
}

.seg__b.is-on {
  background: var(--ac);
  border-color: var(--ac);
  color: #fff;
  font-weight: 600;
}

.seg__b:focus-visible {
  outline: 2px solid var(--ac);
  outline-offset: 2px;
}

.radios {
  flex-wrap: wrap;
  align-items: center;
  gap: 16px;
  display: flex;
}

.radios label {
  align-items: center;
  gap: 6px;
  font-size: 13px;
  display: inline-flex;
}

.radios input {
  accent-color: var(--ac);
}

.bh__hint {
  color: var(--ink-2);
  margin-top: 8px;
  font-size: 12px;
  line-height: 1.55;
}

.bhtabs {
  scrollbar-width: none;
  gap: 6px;
  margin-bottom: 16px;
  display: flex;
  overflow-x: auto;
}

.bhtabs::-webkit-scrollbar {
  display: none;
}

.bhtab {
  text-align: left;
  background: var(--surf);
  border: 1px solid var(--line);
  border-radius: var(--r);
  cursor: pointer;
  min-width: 132px;
  font: inherit;
  color: var(--ink-2);
  flex: 1 1 0;
  padding: 9px 12px;
  transition: all .13s;
  display: block;
}

.bhtab b {
  color: var(--ink);
  letter-spacing: -.008em;
  font-size: 13px;
  font-weight: 700;
  display: block;
}

.bhtab em {
  color: var(--ink-2);
  margin-top: 2px;
  font-size: 12px;
  font-style: normal;
  display: block;
}

.bhtab:hover {
  border-color: var(--ac);
}

.bhtab.is-on {
  background: var(--ac);
  border-color: var(--ac);
}

.bhtab.is-on b, .bhtab.is-on em {
  color: #fff;
}

.bhtab.is-on em {
  opacity: .82;
}

.bh__hint--top {
  margin: 0 0 9px;
}

#bh-chips[hidden], #bh-count[hidden] {
  display: none !important;
}

#bh-chips {
  flex-wrap: wrap;
  gap: 6px;
  display: flex;
}

.bhch {
  font: inherit;
  border: 1px solid var(--line);
  background: var(--surf);
  color: var(--ink);
  border-radius: var(--r);
  cursor: pointer;
  align-items: center;
  gap: 6px;
  padding: 7px 11px;
  font-size: 12.5px;
  display: inline-flex;
}

.bhch em {
  color: var(--ink-2);
  font-size: 12px;
  font-style: normal;
}

.bhch:hover {
  border-color: var(--ac);
  background: var(--acl);
}

.bhch.is-on {
  border-color: var(--ac);
  background: var(--ac);
  color: #fff;
  font-weight: 600;
}

.bhch.is-on em {
  color: #ffffffb8;
}

.bhch.is-off {
  color: var(--ink-3);
  background: var(--surf-2);
  cursor: not-allowed;
}

.bhch.is-off:hover {
  border-color: var(--line);
  background: var(--surf-2);
}

.bhch__cs {
  letter-spacing: .06em;
  background: var(--amber-l);
  color: var(--amber);
  border-radius: 2px;
  padding: 1px 4px;
  font-size: 9.5px;
  font-weight: 700;
}

.bhch.is-on .bhch__cs {
  color: var(--acd);
  background: #ffffffe6;
}

.bhch:focus-visible {
  outline: 2px solid var(--ac);
  outline-offset: 2px;
}

.bhcs {
  letter-spacing: .06em;
  background: var(--amber-l);
  color: var(--amber);
  vertical-align: 1px;
  border-radius: 2px;
  padding: 1px 4px;
  font-size: 9.5px;
  font-weight: 700;
}

#bh-rows {
  margin-top: 14px;
}

.bh-empty {
  color: var(--ink-2);
  background: var(--surf-2);
  border: 1px dashed var(--line);
  border-radius: var(--r);
  margin: 0;
  padding: 12px 13px;
  font-size: 12.5px;
  line-height: 1.6;
}

.ing {
  border-top: 1px solid var(--line-2);
  grid-template-columns: .9fr .74fr minmax(152px, 1.15fr) .86fr .72fr 26px;
  align-items: end;
  gap: 9px;
  padding: 12px 0;
  display: grid;
}

.ing:first-child {
  border-top: 0;
  padding-top: 4px;
}

.ing__n {
  padding-bottom: 7px;
  font-size: 13px;
  font-weight: 600;
}

.ing__n em {
  color: var(--ink-2);
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  display: block;
}

.ing__f {
  min-width: 0;
  display: block;
}

.ing__l {
  letter-spacing: .07em;
  text-transform: uppercase;
  color: var(--ink-3);
  margin-bottom: 4px;
  font-size: 10.5px;
  font-weight: 700;
  display: block;
}

.ing__h {
  color: var(--ink-2);
  margin-top: 4px;
  font-size: 12px;
  line-height: 1.45;
  display: block;
}

.ing__x {
  font: inherit;
  width: 26px;
  height: 30px;
  color: var(--ink-3);
  cursor: pointer;
  border-radius: var(--r);
  background: none;
  border: 0;
  grid-area: 1 / -2;
  font-size: 17px;
  line-height: 1;
}

.ing__x:hover {
  background: var(--acl);
  color: var(--acd);
}

.ing__xl {
  display: none;
}

.ing__x:focus-visible {
  outline: 2px solid var(--ac);
  outline-offset: 1px;
}

.sel, .inp {
  font: inherit;
  border: 1px solid var(--line);
  border-radius: var(--r);
  background: var(--surf);
  width: 100%;
  color: var(--ink);
  min-height: 32px;
  padding: 7px 9px;
  font-size: 13px;
}

.sel:focus-visible, .inp:focus-visible {
  outline: 2px solid var(--ac);
  outline-offset: -1px;
}

.unitbox {
  align-items: stretch;
  display: flex;
}

.unitbox .inp {
  border-radius: var(--r) 0 0 var(--r);
  text-align: right;
  border-right: 0;
}

.unitbox__u {
  color: var(--ink-2);
  background: var(--surf-2);
  border: 1px solid var(--line);
  border-radius: 0 var(--r) var(--r) 0;
  flex: none;
  place-items: center;
  padding: 0 9px;
  font-size: 12px;
  display: grid;
}

.sig {
  grid-template-columns: repeat(3, 1fr);
  gap: 11px;
  display: grid;
}

.sig > label {
  display: block;
}

.sig__l {
  letter-spacing: .07em;
  text-transform: uppercase;
  color: var(--ink-3);
  margin-bottom: 4px;
  font-size: 10.5px;
  font-weight: 700;
  display: block;
}

.qty {
  grid-template-columns: repeat(3, 1fr);
  gap: 11px;
  display: grid;
}

.bhnote {
  border-radius: var(--r);
  border: 1px solid var(--line);
  background: var(--surf-2);
  color: var(--ink-2);
  gap: 9px;
  margin-top: 12px;
  padding: 11px 13px;
  font-size: 12.5px;
  line-height: 1.55;
  display: flex;
}

.bhnote svg {
  flex: none;
  width: 16px;
  height: 16px;
  margin-top: 1px;
}

.bhnote b {
  color: var(--ink);
}

.bhnote--warn {
  background: var(--amber-l);
  color: #6b4604;
  border-color: #f0dcb4;
}

.bhnote--warn b {
  color: #4d3203;
}

.bhnote--teal {
  background: var(--teal-l);
  color: #1c5f5c;
  border-color: #bfe4e2;
}

.bhnote--teal b {
  color: #14403e;
}

.bhnote.is-flash {
  animation: .9s ease-out bhflash;
}

@keyframes bhflash {
  0%, 40% {
    box-shadow: 0 0 0 3px #a76a053d;
  }

  100% {
    box-shadow: none;
  }
}

.ro {
  position: sticky;
  top: 14px;
}

.ro__c {
  background: var(--surf);
  border: 1px solid var(--line);
  border-radius: var(--r);
  overflow: hidden;
}

.ro__t0 {
  background: var(--ac);
  color: #fff;
  align-items: baseline;
  gap: 8px;
  padding: 12px 15px;
  display: flex;
}

.ro__t0 b {
  letter-spacing: -.006em;
  font-size: 13px;
}

.ro__t0 span {
  color: #ffffffb3;
  margin-left: auto;
  font-size: 11.5px;
}

.ro__b {
  padding: 14px 15px;
}

.ro-none {
  color: var(--ink-2);
  margin: 0;
  font-size: 12.5px;
}

.ro__h {
  margin-bottom: 11px;
}

.ro__h b {
  letter-spacing: -.01em;
  font-size: 14px;
  line-height: 1.35;
  display: block;
}

.ro__f {
  color: var(--ink-2);
  font-size: 12px;
}

.ro__t {
  border-collapse: collapse;
  width: 100%;
  font-size: 12px;
}

.ro__t th {
  text-align: left;
  letter-spacing: .07em;
  text-transform: uppercase;
  color: var(--ink-3);
  border-bottom: 1px solid var(--line);
  padding: 0 0 5px;
  font-size: 10px;
  font-weight: 700;
}

.ro__t th.num, .ro__t td.num {
  text-align: right;
  font-variant-numeric: tabular-nums;
}

.ro__t td {
  border-bottom: 1px solid var(--line-2);
  padding: 6px 0;
}

.ro__t tr.is-gap td {
  color: var(--ink-3);
}

.ro__t tr.ro__sub td {
  border-bottom: 1px solid var(--line-2);
  color: var(--teal);
  letter-spacing: -.002em;
  padding: 0 0 7px;
  font-size: 11px;
}

.ro__l {
  letter-spacing: .07em;
  text-transform: uppercase;
  color: var(--ink-3);
  margin-bottom: 3px;
  font-size: 10px;
  font-weight: 700;
  display: block;
}

.ro__sig {
  margin-top: 13px;
}

.ro__sig p {
  margin: 0;
  font-size: 12.5px;
  line-height: 1.55;
}

.ro__q {
  border-top: 1px solid var(--line);
  grid-template-columns: repeat(3, 1fr);
  gap: 6px 10px;
  margin-top: 13px;
  padding-top: 11px;
  display: grid;
}

.ro__q b {
  font-variant-numeric: tabular-nums;
  font-size: 13px;
}

.ro__note {
  color: #ffffffc7;
  margin: 8px 0 0;
  font-size: 11.5px;
  line-height: 1.45;
}

.ro__f2 {
  border-top: 1px solid var(--line);
  background: var(--surf-2);
  padding: 13px 15px;
}

.bhmath__h {
  border-top: 1px solid var(--line);
  flex-wrap: wrap;
  align-items: baseline;
  gap: 10px;
  margin: 13px 0 7px;
  padding-top: 11px;
  display: flex;
}

.bhmath__h b {
  font-size: 12.5px;
}

.bhmath__h span {
  color: var(--ink-2);
  font-variant-numeric: tabular-nums lining-nums;
  font-size: 12px;
}

.bhmath {
  border-collapse: collapse;
  width: 100%;
  font-size: 12px;
}

.bhmath th {
  text-align: left;
  letter-spacing: .04em;
  text-transform: uppercase;
  color: var(--ink-3);
  border-bottom: 1px solid var(--line);
  padding: 0 6px 5px 0;
  font-size: 10.5px;
  font-weight: 700;
}

.bhmath th.num, .bhmath td.num {
  text-align: right;
  font-variant-numeric: tabular-nums;
}

.bhmath td {
  border-bottom: 1px solid var(--line-2);
  color: var(--ink);
  padding: 6px 6px 6px 0;
}

.bhmath tr.is-gap td {
  color: var(--ink-3);
}

.bhm {
  background: var(--line-2);
  color: var(--ink-3);
  white-space: nowrap;
  border-radius: 3px;
  padding: 1px 6px;
  font-size: 10.5px;
  font-weight: 700;
  display: inline-block;
}

.bhm--ok {
  color: #1f6b66;
  background: #e7f4f2;
}

.bhm--r {
  color: #2a538b;
  background: #eaf0f8;
}

.bhm--w {
  color: #a76a05;
  background: #fdf3e2;
}

.bh__hint--r {
  color: var(--ink-2);
}

.bhcalc {
  border-top: 1px solid var(--line-2);
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 6px 10px;
  margin-top: 12px;
  padding-top: 11px;
  display: grid;
}

.bhcalc__i {
  flex-direction: column;
  gap: 2px;
  display: flex;
}

.bhcalc__i span {
  letter-spacing: .04em;
  text-transform: uppercase;
  color: var(--ink-3);
  font-size: 10.5px;
  font-weight: 700;
}

.bhcalc__i b {
  font-variant-numeric: tabular-nums;
  font-size: 12.5px;
}

.ro__dev {
  border-top: 1px solid var(--line-2);
  grid-template-columns: 1fr 1fr;
  gap: 5px 10px;
  margin-top: 12px;
  padding-top: 10px;
  display: grid;
}

.ro__dev__i {
  justify-content: space-between;
  align-items: baseline;
  gap: 8px;
  display: flex;
}

.ro__dev__i span {
  color: var(--ink-2);
  font-size: 12px;
}

.ro__dev__i b {
  font-variant-numeric: tabular-nums;
  text-align: right;
  font-size: 11.5px;
}

.ro__pr {
  color: var(--ink-2);
  font-size: 12px;
  margin: 5px 0 0 !important;
}

.ro__rnd {
  border-radius: var(--r);
  background: #fdf3e2;
  border-left: 3px solid #a76a05;
  margin-top: 11px;
  padding: 8px 10px;
}

.ro__rnd p {
  color: #6b4405;
  margin: 3px 0 0;
  font-size: 11.5px;
  line-height: 1.5;
}

.ro__rev {
  border-top: 1px solid var(--line-2);
  margin-top: 10px;
  padding-top: 9px;
}

.ro__rev b {
  color: var(--ink-2);
  font-size: 11.5px;
  font-weight: 400;
  line-height: 1.5;
  display: block;
}

.ro__rev.is-w b {
  color: #a76a05;
  font-weight: 700;
}

.ro__pay {
  border-top: 1px solid var(--line-2);
  margin-top: 11px;
  padding-top: 9px;
}

.rbox {
  align-items: center;
  gap: 4px;
  display: flex;
}

.rbox .inp--r {
  text-align: center;
  font-variant-numeric: tabular-nums lining-nums;
  width: 44px;
  min-width: 0;
  padding-left: 4px;
  padding-right: 4px;
}

.rbox__c {
  color: var(--ink-3);
  font-weight: 500;
}

.ro__plain {
  margin-top: 5px;
}

.ro__plain__r {
  border-bottom: 1px solid var(--line-2);
  grid-template-columns: 116px minmax(0, 1fr);
  gap: 10px;
  padding: 5px 0;
  display: grid;
}

.ro__plain__r:last-child {
  border-bottom: 0;
}

.ro__plain__r span {
  letter-spacing: .06em;
  text-transform: uppercase;
  color: var(--ink-3);
  padding-top: 1px;
  font-size: 10px;
}

.ro__plain__r b {
  color: var(--ink);
  font-size: 12.5px;
  font-weight: 500;
  line-height: 1.45;
}

.ro__raw__t {
  cursor: pointer;
  font: inherit;
  color: var(--navy);
  text-underline-offset: 2px;
  background: none;
  border: 0;
  margin-top: 8px;
  padding: 0;
  font-size: 11px;
  text-decoration: underline;
}

.ro__pay__n {
  color: var(--ink-3);
  margin: 6px 0 0;
  font-size: 11px;
  line-height: 1.45;
}

.ro__pay pre {
  color: var(--ink-2);
  background: var(--page);
  border: 1px solid var(--line-2);
  border-radius: var(--r);
  white-space: pre-wrap;
  max-height: 260px;
  margin: 4px 0 0;
  padding: 8px 9px;
  font-size: 10.5px;
  line-height: 1.45;
  overflow: auto;
}

.ro__f2 .btn {
  justify-content: center;
  width: 100%;
}

.ro__f2 .btn + .btn {
  margin-top: 7px;
}

.btn[disabled] {
  opacity: .5;
  cursor: not-allowed;
  pointer-events: none;
}

.savebox {
  border: 1px solid var(--line);
  border-radius: var(--r);
  background: var(--surf);
  margin-top: 9px;
  padding: 11px;
}

.savebox .ing__l {
  margin-bottom: 5px;
}

.savebox .inp {
  margin-bottom: 8px;
}

.savebox p {
  color: var(--ink-3);
  margin: 8px 0 0;
  font-size: 11px;
  line-height: 1.5;
}

.fm {
  border-collapse: collapse;
  width: 100%;
  font-size: 13px;
}

.fm th {
  text-align: left;
  letter-spacing: .07em;
  text-transform: uppercase;
  color: var(--ink-3);
  border-bottom: 1px solid var(--line);
  padding: 0 12px 7px;
  font-size: 10.5px;
  font-weight: 700;
}

.fm td {
  border-bottom: 1px solid var(--line-2);
  vertical-align: top;
  padding: 12px;
}

.fm tr:last-child td {
  border-bottom: 0;
}

.fm b {
  font-size: 13.5px;
  display: block;
}

.fm em {
  color: var(--ink-2);
  margin-top: 3px;
  font-size: 12px;
  font-style: normal;
  display: block;
}

.fm .v {
  color: var(--ink-2);
  font-variant-numeric: tabular-nums lining-nums;
  font-size: 12px;
}

@media (max-width: 1180px) {
  .bh__grid {
    grid-template-columns: 1fr;
  }

  .ro {
    position: static;
  }

  .prow__m {
    display: none;
  }

  .bhtab {
    min-width: 118px;
  }
}

@media (max-width: 900px) {
  .ing {
    grid-template-columns: 1fr 1fr;
    row-gap: 12px;
  }

  .ing__n {
    grid-column: 1 / -1;
    padding-bottom: 0;
  }

  .ing__f--x {
    display: none;
  }

  .ing__x {
    border: 1px solid var(--line);
    grid-column: 1 / -1;
    justify-self: start;
    width: auto;
    height: 28px;
    padding: 0 9px;
    font-size: 12.5px;
  }

  .ing__xl {
    margin-left: 5px;
    display: inline;
  }

  .sig, .qty {
    grid-template-columns: 1fr 1fr;
  }

  .bhcalc {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 620px) {
  .prow {
    flex-wrap: wrap;
    gap: 6px 12px;
  }

  .prow__f, .prow__m {
    flex: none;
  }

  .prow__a {
    flex: 1 0 100%;
  }

  .bhtab {
    min-width: 104px;
    padding: 8px 9px;
  }

  .bhtab em {
    display: none;
  }

  .sig, .qty {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .bhcalc {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .ro__dev {
    grid-template-columns: 1fr;
  }

  .ing {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .bhmath th, .bhmath td {
    font-size: 11px;
  }

  .bhmath .sm-h {
    display: none;
  }

  .ro__q {
    grid-template-columns: 1fr 1fr;
  }
}

.sig__fx {
  height: 31px;
  color: var(--ink-2);
  align-items: center;
  padding: 0 2px;
  font-size: 13px;
  display: flex;
}

.bhatt {
  color: var(--ink);
  cursor: pointer;
  align-items: flex-start;
  gap: 9px;
  font-size: 13px;
  line-height: 1.5;
  display: flex;
}

.bhatt input {
  accent-color: #8c4a6b;
  flex: none;
  width: 15px;
  height: 15px;
  margin: 2px 0 0;
}

.bhatt b {
  font-weight: 700;
}

.bhatt__f {
  align-items: center;
  gap: 10px;
  display: flex;
}

.bhmiss {
  color: #8a5a06;
  background: #fdf5e6;
  border-left: 2px solid #a76a05;
  border-radius: 3px;
  margin: 8px 0 0;
  padding: 6px 9px;
  font-size: 12px;
  line-height: 1.45;
}

.sxwrap {
  --ac: #4a5c76;
  --acl: #f1f3f7;
  --acd: #37475e;
}

.sxroom {
  background: var(--surf);
  border: 1px solid var(--line);
  border-radius: var(--r);
  overflow: hidden;
}

.sxroom__h {
  background: var(--acl);
  border-bottom: 1px solid var(--line);
  align-items: center;
  gap: 12px;
  padding: 13px 16px;
  display: flex;
}

.sxroom__h h2 {
  letter-spacing: -.016em;
  color: var(--acd);
  font-size: 16px;
}

.sxroom__h em {
  color: var(--ink-2);
  font-size: 12.5px;
  font-style: normal;
}

.sxsp {
  flex: 1;
}

.sxblocks {
  border-bottom: 1px solid var(--line);
  scrollbar-width: none;
  background: var(--surf);
  flex-wrap: wrap;
  gap: 0;
  display: flex;
}

.sxblocks::-webkit-scrollbar {
  display: none;
}

.sxbrk {
  border-bottom: 1px solid var(--line-2);
  flex: 1 0 100%;
  height: 0;
}

.sxblock {
  font: inherit;
  cursor: pointer;
  color: var(--ink);
  white-space: nowrap;
  letter-spacing: -.006em;
  background: none;
  border: 0;
  border-bottom: 2px solid #0000;
  flex: none;
  padding: 11px 15px;
  font-size: 13.5px;
  font-weight: 500;
}

.sxblock:hover {
  color: var(--acd);
  background: var(--acl);
}

.sxblock.is-on {
  color: var(--acd);
  border-bottom-color: var(--ac);
  font-weight: 700;
}

.sxblock--hot {
  color: var(--acd);
  font-weight: 700;
}

.sxblock--hot:before {
  content: "";
  background: var(--ac);
  vertical-align: 1px;
  border-radius: 100px;
  width: 6px;
  height: 6px;
  margin-right: 7px;
  display: inline-block;
}

.sxblock--hot:after {
  content: "";
  border: 1px dashed var(--ac);
  border-radius: var(--r);
  opacity: .55;
  pointer-events: none;
  position: absolute;
  inset: 5px 6px;
}

.sxblock--hot {
  position: relative;
}

.sxblock--hot.is-on {
  background: var(--ac);
  color: #fff;
}

.sxblock--hot.is-on:before {
  background: #fff;
}

.sxblock--hot.is-on:after {
  opacity: 1;
  border-color: #fff9;
}

.sxit {
  border-top: 1px solid var(--line-2);
  padding: 12px 2px 13px;
}

.sxit:last-child {
  border-bottom: 1px solid var(--line-2);
}

.sxit__h {
  align-items: baseline;
  gap: 10px;
  display: flex;
}

.sxit__h b {
  letter-spacing: -.008em;
  flex: auto;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.45;
}

.sxit__p {
  color: var(--acd);
  white-space: nowrap;
  font-variant-numeric: tabular-nums lining-nums;
  font-size: 12.5px;
  font-weight: 700;
}

.sxit__s {
  color: var(--ink-2);
  max-width: 78ch;
  margin-top: 4px;
  font-size: 12.5px;
  line-height: 1.55;
  display: block;
}

.sxit__r {
  scrollbar-width: none;
  align-items: center;
  gap: 8px;
  margin-top: 9px;
  display: flex;
  overflow-x: auto;
}

.sxit__r::-webkit-scrollbar {
  display: none;
}

.sxit__k {
  letter-spacing: .04em;
  text-transform: uppercase;
  color: var(--ink-3);
  flex: none;
  font-size: 11px;
}

.sxit--hot {
  border: 1px dashed var(--ac);
  border-radius: var(--r);
  background: var(--acl);
  margin-top: 2px;
  padding: 15px 15px 16px;
}

.sxit--hot + .sxit--hot {
  margin-top: 8px;
}

.sxit--hot__t {
  letter-spacing: .09em;
  text-transform: uppercase;
  color: #fff;
  background: var(--ac);
  border-radius: 100px;
  align-items: center;
  gap: 7px;
  margin-bottom: 9px;
  padding: 3px 10px;
  font-size: 10.5px;
  font-weight: 700;
  display: inline-flex;
}

.sxit--hot .sxit__h b {
  font-size: 15.5px;
}

.sxit--hot {
  border-top: 1px dashed var(--ac);
}

.sxit--hot:last-child {
  border-bottom: 1px dashed var(--ac);
}

.sxgrp {
  border-top: 1px solid var(--line-2);
  padding: 11px 2px 12px;
}

.sxgrp:last-of-type {
  border-bottom: 1px solid var(--line-2);
}

.sxgrp__h {
  letter-spacing: .07em;
  text-transform: uppercase;
  color: var(--acd);
  font-size: 11px;
  font-weight: 700;
}

.sxgrp__r {
  scrollbar-width: none;
  align-items: center;
  gap: 10px;
  margin-top: 8px;
  display: flex;
  overflow-x: auto;
}

.sxgrp__r::-webkit-scrollbar {
  display: none;
}

.sxgrp__n {
  flex: none;
  font-size: 12.5px;
  font-weight: 700;
}

.sxbody {
  min-height: 168px;
  padding: 22px 18px;
}

.sxbody h3 {
  font-size: 14px;
}

.sxbody p {
  color: var(--ink-2);
  max-width: 74ch;
  margin-top: 7px;
  font-size: 13px;
  line-height: 1.6;
}

.sxbtn {
  border-radius: var(--r);
  background: var(--ac);
  color: #fff;
  align-items: center;
  gap: 7px;
  margin-top: 14px;
  padding: 9px 15px;
  font-size: 13px;
  font-weight: 700;
  text-decoration: none;
  display: inline-flex;
}

.sxbtn:hover {
  background: var(--acd);
  text-decoration: none;
}

.sxlede {
  color: var(--ink-2);
  max-width: 74ch;
  font-size: 13px;
  line-height: 1.6;
  margin: 0 0 14px !important;
}

.sxpre {
  border-top: 1px solid var(--line-2);
  margin: 0;
  padding: 0;
  list-style: none;
}

.sxpre li {
  border-bottom: 1px solid var(--line-2);
}

.sxpre__a {
  color: var(--ink);
  border-left: 2px solid #0000;
  align-items: baseline;
  gap: 12px;
  padding: 11px 10px 11px 12px;
  text-decoration: none;
  display: flex;
}

.sxpre__a:hover {
  background: var(--acl);
  border-left-color: var(--ac);
  text-decoration: none;
}

.sxpre__a b {
  letter-spacing: -.008em;
  flex: 0 auto;
  font-size: 14px;
  font-weight: 700;
}

.sxpre__a em {
  color: var(--ink-2);
  flex: auto;
  font-size: 12.5px;
  font-style: normal;
}

.sxpre__m {
  color: var(--ink-2);
  white-space: nowrap;
  font-variant-numeric: tabular-nums lining-nums;
  font-size: 12px;
}

.sxciii {
  letter-spacing: .06em;
  color: #a76a05;
  white-space: nowrap;
  background: #fdf3e2;
  border-radius: 2px;
  padding: 2px 5px;
  font-size: 10px;
  font-weight: 700;
}

.sxstr {
  border-top: 1px solid var(--line-2);
}

.sxstr__r {
  border-bottom: 1px solid var(--line-2);
  align-items: center;
  gap: 14px;
  padding: 9px 2px;
  display: flex;
}

.sxstr__n {
  flex: 0 0 168px;
}

.sxstr__n b {
  font-size: 13px;
  font-weight: 700;
}

.sxstr__n em {
  color: var(--ink-2);
  font-size: 12px;
  font-style: normal;
  display: block;
}

.sxstr__v {
  scrollbar-width: none;
  flex: auto;
  align-items: center;
  gap: 6px;
  display: flex;
  overflow-x: auto;
}

.sxstr__v::-webkit-scrollbar {
  display: none;
}

.sxpill {
  white-space: nowrap;
  border: 1px solid var(--line);
  color: var(--ink);
  background: var(--surf);
  font-variant-numeric: tabular-nums lining-nums;
  border-radius: 100px;
  padding: 5px 10px;
  font-size: 12px;
  text-decoration: none;
}

a.sxpill:hover {
  border-color: var(--ac);
  background: var(--acl);
  color: var(--acd);
  text-decoration: none;
}

.sxpill--q {
  color: var(--ink-3);
  border-style: dashed;
}

button.sxpill {
  cursor: pointer;
  font-family: inherit;
  line-height: 1.4;
}

button.sxpill:hover {
  border-color: var(--ac);
  background: var(--acl);
  color: var(--acd);
}

.sxpill.is-on {
  background: var(--ac);
  border-color: var(--ac);
  color: #fff;
  border-style: solid;
  font-weight: 700;
}

.sxpill.is-on:hover {
  background: var(--acd);
  border-color: var(--acd);
  color: #fff;
}

.sxpill:focus-visible {
  outline: 2px solid var(--ac);
  outline-offset: 2px;
}

.sxoff {
  color: var(--ink-2);
  font-size: 12.5px;
  font-style: italic;
}

.sxforms {
  color: var(--ink-2);
  font-size: 12.5px;
  margin-top: 13px !important;
}

.sxforms b {
  color: var(--ink-2);
}

.sxlad {
  scrollbar-width: none;
  flex-wrap: nowrap;
  gap: 8px;
  display: flex;
  overflow-x: auto;
}

.sxlad::-webkit-scrollbar {
  display: none;
}

.sxlad__r {
  border: 1px solid var(--line);
  border-radius: var(--r);
  background: var(--surf);
  flex: 1 1 0;
  min-width: 122px;
  padding: 10px 12px;
}

.sxlad__r b {
  color: var(--ink-2);
  font-size: 12.5px;
  font-weight: 400;
  display: block;
}

.sxlad__r span {
  color: var(--acd);
  font-variant-numeric: tabular-nums lining-nums;
  margin-top: 3px;
  font-size: 17px;
  font-weight: 700;
  display: block;
}

.sxgo {
  border-radius: var(--r);
  background: var(--acl);
  border: 1px solid var(--ac);
  flex-wrap: wrap;
  align-items: center;
  gap: 14px;
  margin: 12px 0 2px;
  padding: 11px 13px;
  display: flex;
}

.sxgo--need {
  border-style: dashed;
  border-color: var(--line);
  background: none;
}

.sxneed {
  color: var(--ink-2);
  font-size: 12.5px;
  font-weight: 600;
}

.sxgo__t {
  flex: 260px;
  min-width: 0;
}

.sxgo__t b {
  color: var(--acd);
  letter-spacing: -.008em;
  font-size: 13.5px;
  font-weight: 700;
  display: block;
}

.sxgo__t span {
  color: var(--ink-2);
  margin-top: 2px;
  font-size: 12px;
  display: block;
}

.sxgo__b {
  border-radius: var(--r);
  background: var(--ac);
  color: #fff;
  white-space: nowrap;
  flex: none;
  align-items: center;
  gap: 7px;
  padding: 8px 14px;
  font-size: 12.5px;
  font-weight: 700;
  text-decoration: none;
  display: inline-flex;
}

.sxgo__b:hover {
  background: var(--acd);
  color: #fff;
  text-decoration: none;
}

.sxgo__b:focus-visible {
  outline: 2px solid var(--acd);
  outline-offset: 2px;
}

.sxwait {
  border-radius: var(--r);
  background: var(--acl);
  border-left: 2px solid var(--ac);
  color: var(--ink-2);
  max-width: 74ch;
  margin-top: 14px;
  padding: 12px 14px;
  font-size: 12.5px;
  line-height: 1.6;
}

.sxrib {
  scrollbar-width: none;
  gap: 6px;
  display: flex;
  overflow-x: auto;
}

.sxrib::-webkit-scrollbar {
  display: none;
}

.sxribb {
  min-width: 136px;
  font: inherit;
  cursor: pointer;
  text-align: left;
  background: var(--surf);
  border: 1px solid var(--line);
  border-radius: var(--r) var(--r) 0 0;
  color: var(--ink-2);
  border-bottom: 0;
  flex: 1 1 0;
  padding: 9px 12px;
  transition: all .13s;
}

.sxribb b {
  color: var(--ink);
  letter-spacing: -.008em;
  font-size: 13px;
  font-weight: 700;
  display: block;
}

.sxribb em {
  color: var(--ink-2);
  margin-top: 2px;
  font-size: 12px;
  font-style: normal;
  display: block;
}

.sxribb:hover {
  border-color: var(--ac);
}

.sxribb.is-on {
  background: var(--ac);
  border-color: var(--ac);
}

.sxribb.is-on b, .sxribb.is-on em {
  color: #fff;
}

.sxribb.is-on em {
  opacity: .85;
}

.sxribwrap .sxroom {
  border-radius: 0 var(--r) var(--r) var(--r);
}

.sxlegend {
  flex-wrap: wrap;
  align-items: center;
  gap: 14px;
  margin: 0 0 16px;
  display: flex;
}

.sxlegend span {
  color: var(--ink-2);
  align-items: center;
  gap: 6px;
  font-size: 12px;
  display: inline-flex;
}

.sxlegend i {
  border-radius: 2px;
  width: 9px;
  height: 9px;
}

.sxfine {
  color: var(--ink-3);
  margin-top: 18px;
  font-size: 11.5px;
  line-height: 1.6;
}

@media (max-width: 620px) {
  .sxblocks {
    flex-wrap: nowrap;
    overflow-x: auto;
  }

  .sxbrk {
    display: none;
  }

  .sxstr__r {
    flex-wrap: wrap;
    gap: 6px;
  }

  .sxstr__n {
    flex: 1 0 100%;
  }

  .sxpre__a {
    flex-wrap: wrap;
    gap: 4px 10px;
  }
}

.wrx {
  --ac: var(--navy);
  --acl: var(--navy-l);
  --acd: var(--navy-d);
}

.wrx__grid {
  grid-template-columns: minmax(0, 1fr) 320px;
  align-items: start;
  gap: 16px;
  display: grid;
}

@media (max-width: 940px) {
  .wrx__grid {
    grid-template-columns: minmax(0, 1fr);
  }
}

.wsec {
  border-bottom: 1px solid var(--line-2);
  padding: 16px 18px;
}

.wsec:last-child {
  border-bottom: 0;
}

.wsec__k {
  letter-spacing: .13em;
  text-transform: uppercase;
  color: var(--ink-3);
  margin-bottom: 9px;
  font-size: 10.5px;
  font-weight: 700;
  display: block;
}

.wpat {
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  display: flex;
}

.wpat select {
  font: inherit;
  color: var(--ink);
  border: 1px solid var(--line);
  border-radius: var(--r);
  background: #fff;
  min-width: 220px;
  padding: 8px 11px;
  font-size: 14px;
  font-weight: 700;
}

.wpat select:focus-visible {
  outline: 2px solid var(--ac);
  outline-offset: 1px;
}

.wpat__m {
  color: var(--ink-2);
  font-size: 12.5px;
}

.wname {
  letter-spacing: -.02em;
  font-size: 19px;
  font-weight: 700;
  line-height: 1.25;
}

.wname .sxciii, .wname .pvciii {
  vertical-align: 3px;
}

.wmeta {
  color: var(--ink-2);
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin-top: 6px;
  font-size: 13px;
  display: flex;
}

.wmeta b {
  color: var(--ink);
  font-weight: 700;
}

.wmeta i {
  color: var(--line);
  font-style: normal;
}

.wdir {
  width: 100%;
  font: inherit;
  color: var(--ink);
  border: 1px solid var(--line);
  border-radius: var(--r);
  resize: vertical;
  background: #fff;
  min-height: 62px;
  padding: 9px 11px;
  font-size: 14px;
  line-height: 1.55;
}

.wdir:focus-visible {
  outline: 2px solid var(--ac);
  outline-offset: 1px;
}

.wdir.is-bad {
  background: #fdf4f6;
  border-color: #a3324a;
}

.wrow {
  flex-wrap: wrap;
  align-items: center;
  gap: 7px;
  display: flex;
}

.wrow + .wrow {
  margin-top: 12px;
}

.wrow__k {
  letter-spacing: .13em;
  text-transform: uppercase;
  color: var(--ink-3);
  flex: 0 0 96px;
  font-size: 10.5px;
  font-weight: 700;
}

@media (max-width: 620px) {
  .wrow__k {
    flex: 100%;
  }
}

.wp {
  font: inherit;
  color: var(--ink-2);
  cursor: pointer;
  border: 1px solid var(--line);
  background: #fff;
  border-radius: 999px;
  padding: 5px 13px;
  font-size: 12.5px;
  font-weight: 500;
}

.wp:hover {
  border-color: var(--ac);
  color: var(--acd);
}

.wp:focus-visible {
  outline: 2px solid var(--ac);
  outline-offset: 2px;
}

.wp.is-on {
  background: var(--ac);
  border-color: var(--ac);
  color: #fff;
  font-weight: 700;
}

.wsaw {
  flex-wrap: wrap;
  gap: 9px;
  display: flex;
}

.wsaw__b {
  text-align: left;
  font: inherit;
  cursor: pointer;
  border: 1px solid var(--line);
  border-radius: var(--r);
  background: #fff;
  flex: 200px;
  padding: 11px 13px;
}

.wsaw__b b {
  color: var(--ink);
  font-size: 14px;
  font-weight: 700;
  display: block;
}

.wsaw__b span {
  color: var(--ink-2);
  margin-top: 3px;
  font-size: 12.5px;
  line-height: 1.5;
  display: block;
}

.wsaw__b:hover {
  border-color: var(--ac);
}

.wsaw__b:focus-visible {
  outline: 2px solid var(--ac);
  outline-offset: 2px;
}

.wsaw__b.is-on {
  border-color: var(--ac);
  background: var(--acl);
  box-shadow: inset 0 0 0 1px var(--ac);
}

.wsaw__b.is-on b {
  color: var(--acd);
}

.wnote {
  border-radius: var(--r);
  background: var(--acl);
  border-left: 2px solid var(--ac);
  color: var(--ink-2);
  margin-top: 11px;
  padding: 10px 12px;
  font-size: 12.5px;
  line-height: 1.6;
}

.wnote--warn {
  color: #784c04;
  background: #fdf3e2;
  border-left-color: #a76a05;
}

.wfoot {
  background: var(--page);
  border-top: 1px solid var(--line);
  flex-wrap: wrap;
  align-items: center;
  gap: 14px;
  padding: 15px 18px;
  display: flex;
}

.wbtn {
  border-radius: var(--r);
  background: var(--ac);
  color: #fff;
  font: inherit;
  cursor: pointer;
  border: 0;
  align-items: center;
  gap: 8px;
  padding: 11px 20px;
  font-size: 13.5px;
  font-weight: 700;
  display: inline-flex;
}

.wbtn:hover {
  background: var(--acd);
}

.wbtn:disabled {
  background: var(--line);
  color: var(--ink-3);
  cursor: not-allowed;
}

.wbtn:focus-visible {
  outline: 2px solid var(--acd);
  outline-offset: 2px;
}

.wfoot__m {
  color: var(--ink-3);
  max-width: 46ch;
  font-size: 12px;
  line-height: 1.55;
}

.wfoot__sp {
  flex: 1;
}

.wside .pvcard {
  margin-bottom: 16px;
}

.wpays {
  align-items: baseline;
  gap: 9px;
  display: flex;
}

.wpays b {
  letter-spacing: -.02em;
  color: var(--acd);
  font-variant-numeric: tabular-nums lining-nums;
  font-size: 26px;
  font-weight: 700;
}

.wpays span {
  color: var(--ink-2);
  font-size: 12.5px;
}

.wexp {
  color: var(--ink-2);
  margin-top: 10px;
  font-size: 12.5px;
  line-height: 1.62;
}

.wexp:first-child {
  margin-top: 0;
}

.wexp--rx {
  color: var(--ink);
  font-size: 13px;
}

.wsends {
  color: var(--ink-2);
  margin: 0;
  padding: 0;
  font-size: 12.5px;
  line-height: 1.6;
  list-style: none;
}

.wsends li {
  border-bottom: 1px solid var(--line-2);
  gap: 8px;
  padding: 6px 0;
  display: flex;
}

.wsends li:last-child {
  border-bottom: 0;
}

.wsends li b {
  color: var(--ink-2);
  flex: 0 0 88px;
  font-weight: 400;
}

.wsends li span {
  min-width: 0;
  color: var(--ink);
  flex: 1;
  font-weight: 700;
}

.wdone {
  padding: 20px 18px;
}

.wdone__t {
  align-items: center;
  gap: 10px;
  display: flex;
}

.wdone__t svg {
  color: var(--teal);
}

.wdone__t b {
  letter-spacing: -.02em;
  font-size: 18px;
  font-weight: 700;
}

.wdone p {
  color: var(--ink-2);
  max-width: 66ch;
  margin-top: 9px;
  font-size: 13.5px;
  line-height: 1.62;
}

.wdone__n {
  border-radius: var(--r);
  background: var(--page);
  border: 1px solid var(--line);
  font-variant-numeric: tabular-nums lining-nums;
  margin-top: 13px;
  padding: 7px 12px;
  font-size: 13px;
  font-weight: 700;
  display: inline-block;
}

.wdone__a {
  flex-wrap: wrap;
  gap: 9px;
  margin-top: 17px;
  display: flex;
}

.wempty {
  text-align: center;
  padding: 30px 18px;
}

.wempty b {
  letter-spacing: -.018em;
  font-size: 17px;
  font-weight: 700;
  display: block;
}

.wempty p {
  max-width: 48ch;
  color: var(--ink-2);
  margin: 8px auto 0;
  font-size: 13.5px;
  line-height: 1.6;
}

.wempty .wbtn {
  margin-top: 16px;
}

.sg {
  min-height: 100vh;
  display: flex;
}

.sg--mid {
  justify-content: center;
  align-items: center;
  padding: 40px 24px;
}

.roles {
  border-top: 1px solid var(--line);
}

.role {
  border-bottom: 1px solid var(--line);
  color: var(--ink);
  align-items: center;
  gap: 16px;
  padding: 17px 4px;
  transition: background .14s, padding-left .14s;
  display: flex;
}

.role:hover {
  background: var(--surf-2);
  padding-left: 10px;
  text-decoration: none;
}

.role__i {
  background: var(--navy-l);
  width: 36px;
  height: 36px;
  color: var(--navy);
  border: 1px solid #d8e3f2;
  border-radius: 3px;
  flex: none;
  place-items: center;
  display: grid;
}

.role__i svg {
  width: 18px;
  height: 18px;
}

.role__x {
  flex: 1;
  min-width: 0;
}

.role__t {
  letter-spacing: -.01em;
  font-size: 15.5px;
  font-weight: 700;
  display: block;
}

.role__d {
  color: var(--ink-2);
  margin-top: 1px;
  font-size: 12.5px;
  display: block;
}

.role__a {
  color: var(--ink-3);
  flex: none;
  transition: transform .14s, color .14s;
  display: flex;
}

.role__a svg {
  width: 17px;
  height: 17px;
}

.role:hover .role__a {
  color: var(--navy);
  transform: translateX(3px);
}

.role__n {
  width: 26px;
  color: var(--ink-3);
  font-variant-numeric: tabular-nums;
  letter-spacing: .06em;
  flex: none;
  font-size: 11.5px;
  font-weight: 700;
}

.lab {
  letter-spacing: .17em;
  text-transform: uppercase;
  color: var(--teal);
  font-size: 10.5px;
  font-weight: 700;
  display: block;
}

.lab--q {
  color: var(--ink-3);
}

.hair {
  background: var(--line);
  border: 0;
  height: 1px;
  margin: 0;
}

.hair--t {
  background: var(--teal);
  border: 0;
  width: 34px;
  height: 2px;
  margin: 0;
}

.fine {
  color: var(--ink-3);
  font-size: 11.5px;
  line-height: 1.6;
}

.fine b {
  color: var(--ink-2);
  font-weight: 700;
}

.fine a {
  color: var(--ink-2);
}

.sp__l {
  color: #fff;
  background: linear-gradient(158deg, #16294a 0%, #1e3f6d 55%, #2a538b 100%);
  flex-direction: column;
  flex: none;
  width: 46%;
  padding: 44px 48px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.sp__l img.mark {
  z-index: 2;
  align-self: flex-start;
  width: auto;
  height: 30px;
  position: relative;
}

.sp__wm {
  opacity: .07;
  pointer-events: none;
  z-index: 1;
  width: 460px;
  position: absolute;
  bottom: -110px;
  right: -90px;
}

.sp__mid {
  z-index: 2;
  max-width: 25ch;
  margin: auto 0;
  position: relative;
}

.sp__mid h2 {
  letter-spacing: -.02em;
  color: #fff;
  font-size: clamp(26px, 2.6vw, 34px);
  font-weight: 400;
  line-height: 1.2;
}

.sp__mid h2 b {
  font-weight: 700;
}

.sp__mid p {
  color: #b9cbe4;
  max-width: 34ch;
  margin-top: 16px;
  font-size: 14px;
  line-height: 1.65;
}

.sp__proof {
  z-index: 2;
  gap: 11px;
  display: grid;
  position: relative;
}

.sp__proof div {
  color: #cfdcee;
  gap: 10px;
  font-size: 12.5px;
  line-height: 1.5;
  display: flex;
}

.sp__proof svg {
  color: #57c4be;
  flex: none;
  width: 15px;
  height: 15px;
  margin-top: 2px;
}

.sp__r {
  background: var(--surf);
  flex: 1;
  justify-content: center;
  align-items: center;
  padding: 44px 32px;
  display: flex;
}

.sp__box {
  width: 100%;
  max-width: 396px;
}

.gridbg {
  background-color: var(--page);
  background-image: linear-gradient(#2a538b0b 1px, #0000 1px), linear-gradient(90deg, #2a538b0b 1px, #0000 1px);
  background-position: -1px -1px;
  background-size: 34px 34px;
}

.cardbox {
  background: var(--surf);
  border: 1px solid var(--line);
  border-radius: var(--r);
  width: 100%;
  max-width: 528px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1527440d, 0 14px 40px -18px #15274438;
}

.cardbox__top {
  text-align: center;
  padding: 32px 34px 24px;
}

.cardbox__top img {
  width: auto;
  height: 32px;
}

.cardbox__b {
  padding: 24px 34px 30px;
}

.cardbox__f {
  background: var(--surf-2);
  border-top: 1px solid var(--line-2);
  padding: 15px 34px;
}

.tiles {
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  display: grid;
}

.tile {
  border: 1px solid var(--line);
  border-radius: var(--r);
  background: var(--surf);
  color: var(--ink);
  padding: 17px 16px;
  transition: border-color .14s, box-shadow .14s, transform .14s;
  display: block;
}

.tile:hover {
  border-color: var(--navy);
  text-decoration: none;
  transform: translateY(-1px);
  box-shadow: 0 4px 14px -6px #2a538b59;
}

.tile__i {
  color: var(--navy);
  display: flex;
}

.tile__i svg {
  width: 20px;
  height: 20px;
}

.tile__t {
  letter-spacing: -.01em;
  margin-top: 12px;
  font-size: 15px;
  font-weight: 700;
  display: block;
}

.tile__d {
  color: var(--ink-2);
  margin-top: 2px;
  font-size: 12.5px;
  line-height: 1.45;
  display: block;
}

.qt {
  background: var(--surf);
  flex-direction: column;
  min-height: 100vh;
  display: flex;
}

.qt__t {
  padding: 40px clamp(24px, 6vw, 76px) 0;
}

.qt__t img {
  width: auto;
  height: 28px;
}

.qt__m {
  flex: 1;
  align-items: center;
  padding: 40px clamp(24px, 6vw, 76px);
  display: flex;
}

.qt__in {
  width: 100%;
  max-width: 618px;
}

.qt__in h1 {
  letter-spacing: -.028em;
  margin: 14px 0 0;
  font-size: clamp(30px, 4vw, 40px);
  font-weight: 700;
  line-height: 1.08;
}

.qt__in .sub {
  max-width: 46ch;
  margin-top: 14px;
  font-size: 15.5px;
  line-height: 1.62;
}

.qt__f {
  padding: 0 clamp(24px, 6vw, 76px) 34px;
}

.qt .role {
  padding: 21px 4px;
}

.qt .role__t {
  letter-spacing: -.015em;
  font-size: 19px;
  font-weight: 700;
}

.qt .role__d {
  margin-top: 2px;
  font-size: 13px;
}

.tint {
  background: radial-gradient(900px 460px at 50% -8%, #2a538b1a, transparent 62%), var(--page);
}

.one {
  width: 100%;
  max-width: 412px;
}

.one__c {
  background: var(--surf);
  border: 1px solid var(--line);
  border-radius: var(--r);
  padding: 32px 30px 26px;
  box-shadow: 0 1px 2px #1527440d, 0 16px 44px -20px #15274442;
}

.one__c img {
  width: auto;
  height: 30px;
  margin: 0 auto 22px;
  display: block;
}

.fld {
  margin-top: 16px;
  display: block;
}

.fld > span {
  letter-spacing: .13em;
  text-transform: uppercase;
  color: var(--ink-3);
  margin-bottom: 7px;
  font-size: 11px;
  font-weight: 700;
  display: block;
}

.fld input {
  border: 1px solid var(--line);
  border-radius: var(--r);
  background: var(--surf);
  width: 100%;
  height: 42px;
  color: var(--ink);
  padding: 0 13px;
  font-family: inherit;
  font-size: 14.5px;
}

.fld input::placeholder {
  color: #a9b4c2;
}

.fld input:focus {
  border-color: var(--navy);
  outline: none;
  box-shadow: 0 0 0 3px #2a538b21;
}

.btn--full {
  width: 100%;
}

.btn--tall {
  height: 42px;
  font-size: 14px;
}

.or {
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--ink-3);
  align-items: center;
  gap: 12px;
  margin: 18px 0;
  font-size: 10.5px;
  font-weight: 700;
  display: flex;
}

.or:before, .or:after {
  content: "";
  background: var(--line);
  flex: 1;
  height: 1px;
}

details.alt {
  border-top: 1px solid var(--line-2);
  margin-top: 18px;
  padding-top: 14px;
}

details.alt summary {
  cursor: pointer;
  color: var(--navy);
  align-items: center;
  gap: 7px;
  font-size: 13px;
  font-weight: 700;
  list-style: none;
  display: flex;
}

details.alt summary::-webkit-details-marker {
  display: none;
}

details.alt summary svg {
  width: 14px;
  height: 14px;
  transition: transform .15s;
}

details.alt[open] summary svg {
  transform: rotate(90deg);
}

details.alt .roles {
  border-top: 0;
  margin-top: 6px;
}

details.alt .role {
  padding: 12px 2px;
}

details.alt .role__i {
  width: 30px;
  height: 30px;
}

details.alt .role__i svg {
  width: 15px;
  height: 15px;
}

details.alt .role__t {
  font-size: 14px;
}

@media (max-width: 900px) {
  .sg {
    flex-direction: column;
    min-height: 0;
  }

  .sp__l {
    width: 100%;
    padding: 30px 26px 34px;
  }

  .sp__mid {
    margin: 26px 0;
  }

  .sp__wm {
    width: 300px;
    bottom: -80px;
    right: -70px;
  }

  .sp__r {
    padding: 34px 24px 44px;
  }

  .tiles {
    grid-template-columns: 1fr;
  }

  .cardbox__top, .cardbox__b, .cardbox__f {
    padding-left: 22px;
    padding-right: 22px;
  }
}

.sxpre__m, .sxit__p, .sxstr__n, .sxlad__r, .sxgo__t, .prow__m, .prow__p, .ro__t td, .ro__t th, .bhmath td, .bhmath th, .bhcalc__i, .ro__plain, .ro__dev__i, .fm td, .fm th, .fm .v, .wrow__v, .wpays, .wsends, .nav__n, .pvn__n, .role__n, .pvt td, .pvt th, .st td, .st th, table td, table th {
  font-variant-numeric: tabular-nums lining-nums;
}

.pg {
  background: #fff;
  flex-direction: column;
  min-height: 100vh;
  display: flex;
}

.pg > .sg {
  flex: 1;
  min-height: 0;
}

.bp {
  z-index: 2;
  flex-direction: column;
  align-self: flex-start;
  display: inline-flex;
  position: relative;
}

.bp img {
  width: auto;
  display: block;
}

.sp__mid--a {
  max-width: 37ch;
}

.bp--plate {
  background: #ffffff17;
  border: 1px solid #ffffff2b;
  border-radius: 7px;
  padding: 18px 22px;
  box-shadow: inset 0 1px 30px #0000002e;
}

.bp--plate img {
  height: 62px;
}

.bp--glow img {
  filter: drop-shadow(0 6px 40px #57c4be80);
  height: 70px;
}

.bp__since {
  letter-spacing: .2em;
  text-transform: uppercase;
  color: #57c4be;
  border-top: 1px solid #ffffff38;
  margin-top: 12px;
  padding-top: 10px;
  font-size: 9.5px;
  font-weight: 700;
}

.bp--glow .bp__since {
  border-top-color: #57c4be8c;
}

.ann {
  z-index: 2;
  background: #ffffff12;
  border: 1px solid #ffffff26;
  border-radius: 6px;
  max-width: 34ch;
  margin-top: 26px;
  padding: 16px 18px;
  position: relative;
}

.ann__k {
  letter-spacing: .13em;
  text-transform: uppercase;
  color: #57c4be;
  align-items: center;
  gap: 7px;
  font-size: 9.5px;
  font-weight: 700;
  display: inline-flex;
}

.ann__k svg {
  width: 13px;
  height: 13px;
}

.ann h3 {
  color: #fff;
  letter-spacing: -.008em;
  margin: 9px 0 0;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.35;
}

.ann p {
  color: #b9cbe4;
  margin: 6px 0 0;
  font-size: 13px;
  line-height: 1.6;
}

.ann a.more {
  color: #fff;
  border-bottom: 1px solid #fff6;
  align-items: center;
  gap: 6px;
  margin-top: 12px;
  padding-bottom: 2px;
  font-size: 12.5px;
  font-weight: 700;
  display: inline-flex;
}

.ann a.more svg {
  width: 15px;
  height: 15px;
}

.ann a.more:hover {
  border-bottom-color: #57c4be;
  text-decoration: none;
}

.lgl {
  background: var(--surf-2);
  border-top: 1px solid var(--line);
  flex: none;
  padding: 20px clamp(24px, 4vw, 58px) 22px;
}

.lgl__in {
  max-width: 1180px;
  margin: 0 auto;
}

.lgl p {
  color: var(--ink-3);
  max-width: 108ch;
  margin: 0;
  font-size: 11.5px;
  line-height: 1.68;
}

.lgl p + p {
  margin-top: 7px;
}

.lgl b {
  color: var(--ink-2);
  font-weight: 700;
}

@media (max-width: 860px) {
  .bp--plate img {
    height: 50px;
  }

  .bp--glow img {
    height: 56px;
  }

  .ann {
    max-width: none;
    margin-top: 22px;
  }

  .lgl {
    padding: 18px 22px 22px;
  }
}

/*# sourceMappingURL=app_globals_0yg4wg8.css.map*/