@font-face {
  font-family: Barlow Condensed;
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: url(/_astro/barlow-condensed-vietnamese-500-normal.DjeaNLFD.woff2) format("woff2"), url(/_astro/barlow-condensed-vietnamese-500-normal.CsrJDWc5.woff) format("woff");
  unicode-range:
    U+0102-0103,
    U+0110-0111,
    U+0128-0129,
    U+0168-0169,
    U+01A0-01A1,
    U+01AF-01B0,
    U+0300-0301,
    U+0303-0304,
    U+0308-0309,
    U+0323,
    U+0329,
    U+1EA0-1EF9,
    U+20AB;
}
@font-face {
  font-family: Barlow Condensed;
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: url(/_astro/barlow-condensed-latin-ext-500-normal.yA5ONLQ9.woff2) format("woff2"), url(/_astro/barlow-condensed-latin-ext-500-normal.B1RE8WP7.woff) format("woff");
  unicode-range:
    U+0100-02BA,
    U+02BD-02C5,
    U+02C7-02CC,
    U+02CE-02D7,
    U+02DD-02FF,
    U+0304,
    U+0308,
    U+0329,
    U+1D00-1DBF,
    U+1E00-1E9F,
    U+1EF2-1EFF,
    U+2020,
    U+20A0-20AB,
    U+20AD-20C0,
    U+2113,
    U+2C60-2C7F,
    U+A720-A7FF;
}
@font-face {
  font-family: Barlow Condensed;
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: url(/_astro/barlow-condensed-latin-500-normal.BgYH2mbd.woff2) format("woff2"), url(/_astro/barlow-condensed-latin-500-normal.HIEiP5Ov.woff) format("woff");
  unicode-range:
    U+0000-00FF,
    U+0131,
    U+0152-0153,
    U+02BB-02BC,
    U+02C6,
    U+02DA,
    U+02DC,
    U+0304,
    U+0308,
    U+0329,
    U+2000-206F,
    U+20AC,
    U+2122,
    U+2191,
    U+2193,
    U+2212,
    U+2215,
    U+FEFF,
    U+FFFD;
}
@font-face {
  font-family: Barlow Condensed;
  font-style: normal;
  font-display: swap;
  font-weight: 600;
  src: url(/_astro/barlow-condensed-vietnamese-600-normal.A5AYRdjN.woff2) format("woff2"), url(/_astro/barlow-condensed-vietnamese-600-normal.CNlPk46_.woff) format("woff");
  unicode-range:
    U+0102-0103,
    U+0110-0111,
    U+0128-0129,
    U+0168-0169,
    U+01A0-01A1,
    U+01AF-01B0,
    U+0300-0301,
    U+0303-0304,
    U+0308-0309,
    U+0323,
    U+0329,
    U+1EA0-1EF9,
    U+20AB;
}
@font-face {
  font-family: Barlow Condensed;
  font-style: normal;
  font-display: swap;
  font-weight: 600;
  src: url(/_astro/barlow-condensed-latin-ext-600-normal.18ESti3H.woff2) format("woff2"), url(/_astro/barlow-condensed-latin-ext-600-normal.Clv9cIcR.woff) format("woff");
  unicode-range:
    U+0100-02BA,
    U+02BD-02C5,
    U+02C7-02CC,
    U+02CE-02D7,
    U+02DD-02FF,
    U+0304,
    U+0308,
    U+0329,
    U+1D00-1DBF,
    U+1E00-1E9F,
    U+1EF2-1EFF,
    U+2020,
    U+20A0-20AB,
    U+20AD-20C0,
    U+2113,
    U+2C60-2C7F,
    U+A720-A7FF;
}
@font-face {
  font-family: Barlow Condensed;
  font-style: normal;
  font-display: swap;
  font-weight: 600;
  src: url(/_astro/barlow-condensed-latin-600-normal.DepVgxBB.woff2) format("woff2"), url(/_astro/barlow-condensed-latin-600-normal.BFJEwTuo.woff) format("woff");
  unicode-range:
    U+0000-00FF,
    U+0131,
    U+0152-0153,
    U+02BB-02BC,
    U+02C6,
    U+02DA,
    U+02DC,
    U+0304,
    U+0308,
    U+0329,
    U+2000-206F,
    U+20AC,
    U+2122,
    U+2191,
    U+2193,
    U+2212,
    U+2215,
    U+FEFF,
    U+FFFD;
}
@font-face {
  font-family: Barlow Condensed;
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(/_astro/barlow-condensed-vietnamese-700-normal.DYeBwlKR.woff2) format("woff2"), url(/_astro/barlow-condensed-vietnamese-700-normal.DhIzd8Tb.woff) format("woff");
  unicode-range:
    U+0102-0103,
    U+0110-0111,
    U+0128-0129,
    U+0168-0169,
    U+01A0-01A1,
    U+01AF-01B0,
    U+0300-0301,
    U+0303-0304,
    U+0308-0309,
    U+0323,
    U+0329,
    U+1EA0-1EF9,
    U+20AB;
}
@font-face {
  font-family: Barlow Condensed;
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(/_astro/barlow-condensed-latin-ext-700-normal.CwuXbfVR.woff2) format("woff2"), url(/_astro/barlow-condensed-latin-ext-700-normal.BIHFfxf0.woff) format("woff");
  unicode-range:
    U+0100-02BA,
    U+02BD-02C5,
    U+02C7-02CC,
    U+02CE-02D7,
    U+02DD-02FF,
    U+0304,
    U+0308,
    U+0329,
    U+1D00-1DBF,
    U+1E00-1E9F,
    U+1EF2-1EFF,
    U+2020,
    U+20A0-20AB,
    U+20AD-20C0,
    U+2113,
    U+2C60-2C7F,
    U+A720-A7FF;
}
@font-face {
  font-family: Barlow Condensed;
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(/_astro/barlow-condensed-latin-700-normal.v1xN8_Wq.woff2) format("woff2"), url(/_astro/barlow-condensed-latin-700-normal.Dmwat-ge.woff) format("woff");
  unicode-range:
    U+0000-00FF,
    U+0131,
    U+0152-0153,
    U+02BB-02BC,
    U+02C6,
    U+02DA,
    U+02DC,
    U+0304,
    U+0308,
    U+0329,
    U+2000-206F,
    U+20AC,
    U+2122,
    U+2191,
    U+2193,
    U+2212,
    U+2215,
    U+FEFF,
    U+FFFD;
}
.radar {
  --ink:#232E2C;
  --ink2:#5E6866;
  --paper:#FFFFFF;
  --wash:#F7F6F2;
  --rule:#DDE0DC;
  --gold:#B5975A;
  --gold-ink:#7E6430;
  --board:#1B2422;
  --board-row:#232E2C;
  --board-line:#34403D;
  --board-text:#F3F1EA;
  --board-dim:#A9B1AE;
  --signal:#D9BE86;
  --signal-hot:#E8A06A;
  --hot:#A23B2A;
  --hot-bg:#F8E6E0;
  --ok:#3F6B4E;
  --ok-bg:#E5EFE7;
  --draft-bg:#F1EADB;
  --btn-bg:#232E2C;
  --btn-fg:#FFFFFF;
  --focus:#B5975A;
  background: var(--paper);
  color: var(--ink);
  font-size: 16px;
  line-height: 1.75;
}
.radar h1,
.radar h2,
.radar h3 {
  margin: 0;
  line-height: 1.3;
  font-weight: 700;
  font-family: var(--serif);
}
.radar input,
.radar select {
  font: inherit;
  font-size: 16px;
  color: var(--ink);
  background: #fff;
  border: 1px solid var(--rule);
  border-radius: 0;
  padding: 9px 12px;
  min-height: 46px;
  width: 100%;
}
#radar-main:focus {
  outline: none;
}
.rrail {
  position: fixed;
  left: 14px;
  top: calc(var(--nav-h) + 28px);
  z-index: 25;
  display: none;
  background: #fffffff5;
  border: 1px solid #DDE0DC;
  box-shadow: 0 8px 24px #1219180f;
  padding: 8px;
}
@media (min-width: 1280px) {
  .rrail {
    display: block;
  }
}
.rrail ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.rrail a {
  position: relative;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px;
  text-decoration: none;
  color: #5e6866;
  font-size: 13.5px;
  white-space: nowrap;
  border-left: 2px solid transparent;
}
.rrail a:hover {
  color: #232e2c;
  background: #f7f6f2;
}
.rrail a[aria-current=page] {
  color: #232e2c;
  font-weight: 600;
  border-left-color: #b5975a;
  background: #f7f6f2;
}
.rrail .rr-ic {
  display: grid;
  place-items: center;
  flex: none;
  color: #7e6430;
}
.rrail .rr-title {
  display: none;
  font-family: var(--serif);
  font-weight: 600;
  font-size: 14px;
  color: #232e2c;
  padding: 6px 8px 10px;
  border-bottom: 1px solid #DDE0DC;
  margin-bottom: 6px;
}
.rrail .rr-hub {
  margin-top: 6px;
  border-top: 1px solid #DDE0DC;
  padding-top: 12px;
  color: #7e6430;
}
.rrail b {
  font-weight: inherit;
}
@media (min-width: 1280px) and (max-width: 1599px) {
  .rrail {
    left: 8px;
    padding: 6px;
  }
  .rrail a b {
    position: absolute;
    left: calc(100% + 10px);
    top: 50%;
    transform: translate(-4px, -50%);
    background: #232e2c;
    color: #fff;
    padding: 5px 10px;
    font-size: 12.5px;
    opacity: 0;
    pointer-events: none;
    transition: opacity .15s, transform .15s;
  }
  .rrail a:hover b,
  .rrail a:focus-visible b {
    opacity: 1;
    transform: translateY(-50%);
  }
}
@media (min-width: 1600px) {
  .rrail .rr-title {
    display: block;
  }
}
.radar .rhero {
  padding: clamp(36px, 5vw, 64px) 0 clamp(28px, 4vw, 48px);
  background: var(--wash);
  border-bottom: 1px solid var(--rule);
}
.radar .rhero h1 {
  font-size: clamp(30px, 4vw, 46px);
  margin: 6px 0 10px;
}
.radar .rhero .scope {
  max-width: 46em;
  color: var(--ink2);
}
.radar .rhero .dateline {
  font-size: 13px;
  letter-spacing: .06em;
  color: var(--gold-ink);
  margin: 0;
}
.radar .rhero .search {
  display: flex;
  gap: 10px;
  max-width: 640px;
  margin: 20px 0 12px;
}
.radar .rhero .search .btn {
  white-space: nowrap;
}
.radar .rhero .tags a {
  margin-right: 12px;
  color: var(--gold-ink);
}
.radar .rhero .tags .mylink {
  font-weight: 600;
}
.radar .num,
.radar .code {
  font-family: "Barlow Condensed", var(--sans);
  font-variant-numeric: tabular-nums;
  font-size: inherit;
  letter-spacing: 0;
  text-transform: none;
  color: inherit;
  font-weight: inherit;
}
.radar a {
  color: inherit;
}
.radar a.btn {
  color: #fff;
}
.radar a.btn.ghost {
  color: var(--ink);
}
.radar a.btn.ghost:hover,
.radar a.btn:hover {
  color: var(--ink-deep,#121918);
}
.radar a.btn.ghost:hover {
  color: #fff;
}
.radar p {
  margin: 0 0 1em;
}
.radar h1,
.radar h2,
.radar h3 {
  margin: 0;
  line-height: 1.3;
  font-weight: 700;
}
.radar ul {
  margin: 0;
  padding-left: 1.2em;
}
.radar .wrap {
  max-width: 1180px;
  margin: 0 auto;
  padding: 0 clamp(16px, 4vw, 32px);
}
.radar .sr {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
}
.radar :focus-visible {
  outline: 3px solid var(--focus);
  outline-offset: 2px;
}
.radar #radar-main:focus {
  outline: none;
}
.radar .muted {
  color: var(--ink2);
}
.radar .small {
  font-size: 13px;
}
.radar input,
.radar select {
  font: inherit;
  font-size: 16px;
  color: var(--ink);
  background: var(--paper);
  border: 1px solid var(--rule);
  border-radius: 4px;
  padding: 9px 12px;
  min-height: 46px;
  width: 100%;
}
.radar input::placeholder {
  color: var(--ink2);
  opacity: .85;
}
.radar .field {
  display: flex;
  flex-direction: column;
  gap: 6px;
  min-width: 0;
}
.radar .field label {
  font-size: 14px;
  font-weight: 500;
}
.radar .field.inline {
  flex-direction: row;
  align-items: center;
  gap: 10px;
}
.radar .field.inline select {
  width: auto;
}
.radar .check {
  display: flex;
  align-items: center;
  gap: 8px;
  min-height: 44px;
  cursor: pointer;
  font-size: 15px;
}
.radar .check input {
  width: 20px;
  height: 20px;
  min-height: 0;
}
.radar .seg {
  display: inline-flex;
  border: 1px solid var(--rule);
  border-radius: 4px;
  overflow: hidden;
  flex-wrap: wrap;
}
.radar .seg button {
  font: inherit;
  font-size: 15px;
  min-height: 44px;
  padding: 8px 16px;
  background: var(--paper);
  color: var(--ink2);
  border: 0;
  border-right: 1px solid var(--rule);
  cursor: pointer;
}
.radar .seg button:last-child {
  border-right: 0;
}
.radar .seg button[aria-pressed=true] {
  background: var(--btn-bg);
  color: var(--btn-fg);
  font-weight: 500;
}
.radar .chip {
  display: inline-block;
  font-size: 12px;
  line-height: 1.4;
  padding: 3px 8px;
  border-radius: 3px;
  border: 1px solid var(--rule);
  white-space: nowrap;
  color: var(--ink2);
  vertical-align: 2px;
}
.radar .chip.overdue {
  background: var(--hot-bg);
  color: var(--hot);
  border-color: transparent;
  font-weight: 500;
}
.radar .chip.published {
  background: var(--ok-bg);
  color: var(--ok);
  border-color: transparent;
}
.radar .chip.draft {
  background: var(--draft-bg);
  color: var(--gold-ink);
  border-color: transparent;
}
.radar .chip.case {
  border-style: dashed;
}
.radar .more {
  font-size: 15px;
  text-decoration: none;
  border-bottom: 1px solid var(--gold);
  padding-bottom: 2px;
  white-space: nowrap;
}
.radar .more:hover {
  border-bottom-width: 2px;
}
.radar .hero {
  padding: 56px 0 64px;
}
.radar .hero .wrap {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr);
  gap: 52px;
  align-items: start;
}
.radar .hero h1 {
  font-size: clamp(30px, 4vw, 46px);
  letter-spacing: .01em;
  margin-bottom: 18px;
}
.radar .lede {
  font-size: 18px;
  color: var(--ink2);
  max-width: 34em;
}
.radar .search {
  display: flex;
  gap: 8px;
  margin: 28px 0 14px;
}
.radar .search input {
  flex: 1;
}
.radar .tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  font-size: 14px;
  color: var(--ink2);
}
.radar .tags a {
  padding: 5px 12px;
  border: 1px solid var(--rule);
  border-radius: 999px;
  text-decoration: none;
  color: var(--ink);
  min-height: 34px;
  display: inline-flex;
  align-items: center;
}
.radar .tags a:hover {
  border-color: var(--ink);
}
.radar .tally {
  margin-top: 28px;
  font-size: 15px;
  color: var(--ink2);
  border-top: 1px solid var(--rule);
  padding-top: 16px;
}
.radar .tally b {
  color: var(--ink);
  font-size: 21px;
  font-family: Barlow Condensed, sans-serif;
  font-weight: 600;
  margin: 0 2px;
}
@media (max-width: 940px) {
  .radar .hero .wrap {
    grid-template-columns: 1fr;
    gap: 36px;
  }
}
.radar .board {
  background: var(--board);
  color: var(--board-text);
  border-radius: 6px;
  border: 1px solid var(--board-line);
  overflow: hidden;
}
.radar .board-head {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 12px;
  padding: 16px 20px;
  border-bottom: 2px solid var(--gold);
}
.radar .board-head h2 {
  font-size: 18px;
}
.radar .board-head .today {
  font-size: 16px;
  color: var(--board-dim);
  white-space: nowrap;
}
.radar .board-cols,
.radar .brow {
  display: grid;
  grid-template-columns: 100px 118px minmax(0, 1fr) 96px;
  gap: 14px;
  align-items: center;
  padding: 0 20px;
}
.radar .board-cols {
  font-size: 12px;
  color: var(--board-dim);
  padding-top: 10px;
  padding-bottom: 6px;
}
.radar .brow {
  min-height: 62px;
  border-top: 1px solid var(--board-line);
  text-decoration: none;
  color: inherit;
}
.radar a.brow:hover {
  background: var(--board-row);
}
.radar a.brow:focus-visible {
  outline-offset: -3px;
}
.radar .b-date {
  font-size: 19px;
  color: var(--board-dim);
}
.radar .b-code {
  font-size: 19px;
  font-weight: 700;
  color: #fff;
  line-height: 1.15;
  overflow-wrap: anywhere;
}
.radar .b-what {
  font-size: 15px;
  line-height: 1.5;
  padding: 10px 0;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.radar .b-what .flag {
  display: inline-block;
  font-size: 11px;
  border: 1px solid var(--board-dim);
  color: var(--board-dim);
  border-radius: 3px;
  padding: 0 5px;
  margin-left: 6px;
  vertical-align: 2px;
  white-space: nowrap;
}
.radar .b-left {
  text-align: right;
  white-space: nowrap;
}
.radar .b-left b {
  font-size: 34px;
  font-weight: 600;
  color: var(--signal);
  line-height: 1;
}
.radar .b-left small {
  font-size: 13px;
  color: var(--board-dim);
  margin-left: 3px;
}
.radar .brow.hot .b-left b {
  color: var(--signal-hot);
}
.radar .brow.past .b-left b {
  color: var(--board-dim);
  font-size: 26px;
}
.radar .board-month {
  padding: 16px 20px 6px;
  font-size: 14px;
  color: var(--signal);
  border-top: 1px solid var(--board-line);
  font-weight: 500;
}
.radar .board-empty {
  padding: 24px 20px;
  margin: 0;
  color: var(--board-dim);
  border-top: 1px solid var(--board-line);
}
.radar .board-foot {
  padding: 14px 20px;
  border-top: 1px solid var(--board-line);
  font-size: 15px;
}
.radar .board-foot a {
  color: var(--signal);
  text-decoration: none;
  border-bottom: 1px solid var(--signal);
}
@media (prefers-reduced-motion: no-preference) {
  .radar .board.intro .brow {
    animation: rowin .45s ease-out both;
    animation-delay: calc(var(--i) * 70ms);
  }
  @keyframes rowin {
    0% {
      opacity: 0;
      transform: translateY(5px);
    }
    to {
      opacity: 1;
      transform: none;
    }
  }
}
@media (max-width: 620px) {
  .radar .board-cols {
    display: none;
  }
  .radar .brow {
    grid-template-columns: auto minmax(0, 1fr) auto;
    grid-template-areas: "date code left" "what what left";
    column-gap: 12px;
    row-gap: 0;
    padding-top: 12px;
    padding-bottom: 10px;
  }
  .radar .b-date {
    grid-area: date;
  }
  .radar .b-code {
    grid-area: code;
  }
  .radar .b-what {
    grid-area: what;
    padding: 4px 0 0;
  }
  .radar .b-left {
    grid-area: left;
  }
}
.radar .band {
  padding: 64px 0;
  border-top: 1px solid var(--rule);
}
.radar .band.alt {
  background: var(--wash);
  border-top: 0;
}
.radar .sec-head {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: 16px;
  margin-bottom: 24px;
  flex-wrap: wrap;
}
.radar .sec-head h2 {
  font-size: clamp(22px, 2.6vw, 28px);
}
.radar .sec-head p {
  margin: 8px 0 0;
  color: var(--ink2);
  max-width: 42em;
}
.radar .pad {
  padding: 16px 20px;
  margin: 0;
}
.radar .radar-form {
  display: grid;
  grid-template-columns: 1.2fr 1fr 1.2fr auto;
  gap: 12px;
  align-items: end;
}
@media (max-width: 900px) {
  .radar .radar-form {
    grid-template-columns: 1fr 1fr;
  }
  .radar .radar-form .btn {
    grid-column: 1/-1;
  }
}
@media (max-width: 520px) {
  .radar .radar-form {
    grid-template-columns: 1fr;
  }
}
.radar .radar-out {
  margin-top: 28px;
  background: var(--paper);
  border: 1px solid var(--rule);
  border-radius: 6px;
  overflow: hidden;
}
.radar .radar-sum {
  padding: 16px 20px;
  border-bottom: 1px solid var(--rule);
  display: flex;
  justify-content: space-between;
  gap: 12px 24px;
  flex-wrap: wrap;
  align-items: center;
}
.radar .radar-sum strong {
  font-size: 17px;
  font-weight: 500;
}
.radar .radar-sub {
  padding: 16px 20px;
  border-top: 1px solid var(--rule);
  display: flex;
  gap: 12px 20px;
  align-items: center;
  flex-wrap: wrap;
  font-size: 15px;
}
.radar .radar-hint {
  margin-top: 20px;
  color: var(--ink2);
  font-size: 15px;
}
.radar .scroll {
  overflow-x: auto;
}
.radar .tbl {
  width: 100%;
  border-collapse: collapse;
  font-size: 15px;
}
.radar .tbl th {
  text-align: left;
  font-weight: 500;
  font-size: 13px;
  color: var(--ink2);
  padding: 10px 14px;
  border-bottom: 1px solid var(--rule);
  white-space: nowrap;
}
.radar .tbl td {
  padding: 14px;
  border-bottom: 1px solid var(--rule);
  vertical-align: top;
}
.radar .tbl tbody tr:last-child td {
  border-bottom: 0;
}
.radar .tbl .code {
  font-size: 19px;
  font-weight: 700;
  margin-right: 6px;
  overflow-wrap: anywhere;
}
.radar .tbl a.rowlink {
  text-decoration: none;
}
.radar .tbl a.rowlink:hover .nm {
  text-decoration: underline;
  text-decoration-color: var(--gold);
  text-underline-offset: 3px;
}
.radar .tbl .nm {
  font-weight: 500;
}
.radar .left {
  font-family: Barlow Condensed, sans-serif;
  font-size: 23px;
  font-weight: 600;
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
}
.radar .left.hot {
  color: var(--hot);
}
.radar .tbl-frame {
  border: 1px solid var(--rule);
  border-radius: 6px;
  background: var(--paper);
}
.radar .flag-list {
  border-top: 1px solid var(--rule);
}
.radar .flag-row {
  display: grid;
  grid-template-columns: 140px minmax(0, 1fr) minmax(0, 1.3fr) 100px;
  gap: 20px;
  align-items: center;
  padding: 18px 8px;
  border-bottom: 1px solid var(--rule);
  text-decoration: none;
}
.radar .flag-row:hover {
  background: var(--wash);
}
.radar .flag-row .code {
  font-size: 32px;
  font-weight: 700;
  line-height: 1;
}
.radar .flag-row .nm {
  font-weight: 500;
  display: block;
}
.radar .flag-row .off {
  font-size: 13px;
  color: var(--ink2);
}
.radar .flag-row .nx {
  font-size: 15px;
}
.radar .flag-row .nx .num {
  color: var(--ink2);
  margin-right: 8px;
  font-size: 17px;
}
.radar .flag-row .left {
  text-align: right;
}
@media (max-width: 780px) {
  .radar .flag-row {
    grid-template-columns: 96px minmax(0, 1fr);
  }
  .radar .flag-row .code {
    font-size: 26px;
  }
  .radar .flag-row .nx,
  .radar .flag-row .left {
    grid-column: 2;
  }
  .radar .flag-row .left {
    text-align: left;
  }
}
.radar .paths {
  display: grid;
  grid-template-columns: 1fr 1fr;
  border: 1px solid var(--rule);
  border-radius: 6px;
  overflow: hidden;
  background: var(--paper);
}
.radar .path {
  padding: 28px;
}
.radar .path + .path {
  border-left: 1px solid var(--rule);
}
.radar .path h3 {
  font-size: 20px;
  margin-bottom: 8px;
}
.radar .path ul {
  margin: 14px 0 22px;
}
.radar .path li {
  margin: 4px 0;
}
@media (max-width: 780px) {
  .radar .paths {
    grid-template-columns: 1fr;
  }
  .radar .path + .path {
    border-left: 0;
    border-top: 1px solid var(--rule);
  }
}
.radar .res {
  display: grid;
  grid-template-columns: 1.3fr 1fr 1fr;
  gap: 32px;
}
.radar .res-col {
  border-top: 2px solid var(--ink);
  padding-top: 16px;
}
.radar .res-col h3 {
  font-size: 18px;
  margin-bottom: 10px;
}
.radar .res-col .btn {
  margin: 4px 8px 4px 0;
}
.radar .ev {
  padding: 12px 0;
  border-bottom: 1px solid var(--rule);
}
.radar .ev:last-child {
  border-bottom: 0;
}
.radar .ev .when {
  font-size: 19px;
  color: var(--ink2);
}
@media (max-width: 880px) {
  .radar .res {
    grid-template-columns: 1fr;
  }
}
.radar .phead {
  padding: 44px 0 8px;
}
.radar .phead h1 {
  font-size: clamp(28px, 3.4vw, 38px);
  margin-bottom: 10px;
}
.radar .phead p {
  color: var(--ink2);
  max-width: 46em;
}
.radar .filters {
  display: grid;
  grid-template-columns: 2fr 1fr 1.2fr 1.2fr 1.2fr 1fr;
  gap: 12px;
  align-items: end;
  margin: 24px 0;
}
@media (max-width: 1060px) {
  .radar .filters {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
@media (max-width: 560px) {
  .radar .filters {
    grid-template-columns: 1fr;
  }
}
.radar .ctrls {
  display: flex;
  flex-wrap: wrap;
  gap: 12px 20px;
  align-items: center;
  margin: 24px 0;
}
.radar .count {
  margin: 0;
  color: var(--ink2);
}
.radar .crumb {
  font-size: 14px;
  color: var(--ink2);
  padding-top: 24px;
}
.radar .crumb a {
  color: var(--ink2);
}
.radar .law-head {
  padding: 16px 0 40px;
  display: grid;
  grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr);
  gap: 44px;
  align-items: start;
}
.radar .law-head .code {
  font-size: clamp(52px, 7.5vw, 88px);
  font-weight: 700;
  line-height: .95;
}
.radar .law-head h1 {
  font-size: clamp(24px, 3vw, 32px);
  margin: 10px 0 6px;
}
.radar .law-head .off {
  color: var(--ink2);
  font-size: 15px;
}
.radar .meta {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 16px 0 18px;
}
.radar .jump {
  display: flex;
  flex-wrap: wrap;
  gap: 6px 18px;
  margin-top: 8px;
}
.radar .jump button {
  font: inherit;
  font-size: 15px;
  background: none;
  border: 0;
  padding: 6px 0;
  color: var(--ink);
  cursor: pointer;
  border-bottom: 1px solid var(--gold);
  min-height: 40px;
}
.radar .next-box {
  background: var(--board);
  color: var(--board-text);
  border-radius: 6px;
  padding: 22px 24px;
  border: 1px solid var(--board-line);
}
.radar .next-box .lbl {
  font-size: 13px;
  color: var(--board-dim);
}
.radar .next-box .big {
  font-family: Barlow Condensed, sans-serif;
  font-size: 68px;
  font-weight: 600;
  color: var(--signal);
  line-height: 1;
  margin-top: 6px;
}
.radar .next-box .big small {
  font-size: 18px;
  color: var(--board-dim);
  margin-left: 6px;
  font-family: Noto Sans TC, sans-serif;
}
.radar .next-box .what {
  margin-top: 10px;
  font-size: 15px;
}
.radar .next-box .d {
  font-family: Barlow Condensed, sans-serif;
  font-size: 18px;
  color: var(--board-dim);
}
.radar .next-box hr {
  border: 0;
  border-top: 1px solid var(--board-line);
  margin: 18px 0;
}
.radar .next-box .warn {
  color: var(--signal-hot);
}
@media (max-width: 880px) {
  .radar .law-head {
    grid-template-columns: 1fr;
    gap: 28px;
  }
}
.radar .lsec {
  padding: 44px 0;
  border-top: 1px solid var(--rule);
}
.radar .lsec > h2,
.radar .lsec .two h2 {
  font-size: 24px;
  margin-bottom: 14px;
}
.radar .lsec h3 {
  font-size: 16px;
  margin: 18px 0 6px;
}
.radar .two {
  display: grid;
  grid-template-columns: minmax(0, 1.7fr) minmax(0, 1fr);
  gap: 52px;
}
@media (max-width: 880px) {
  .radar .two {
    grid-template-columns: 1fr;
    gap: 36px;
  }
}
.radar .lede-s {
  color: var(--ink2);
  max-width: 46em;
}
.radar .roles {
  display: flex;
  border: 1px solid var(--rule);
  border-radius: 4px;
  overflow: hidden;
  flex-wrap: wrap;
  margin: 18px 0 24px;
}
.radar .roles button {
  flex: 1 1 160px;
  min-height: 50px;
  font: inherit;
  font-size: 15px;
  background: var(--paper);
  color: var(--ink2);
  border: 0;
  border-right: 1px solid var(--rule);
  cursor: pointer;
  padding: 8px 12px;
}
.radar .roles button:last-child {
  border-right: 0;
}
.radar .roles button[aria-selected=true] {
  background: var(--btn-bg);
  color: var(--btn-fg);
  font-weight: 500;
}
.radar .obl {
  border-top: 1px solid var(--rule);
}
.radar .obl-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 180px;
  gap: 24px;
  padding: 18px 0;
  border-bottom: 1px solid var(--rule);
}
.radar .obl-row h3 {
  font-size: 17px;
  margin: 0 0 4px;
}
.radar .obl-row p {
  margin: 0;
  color: var(--ink2);
  font-size: 15px;
  max-width: 46em;
}
.radar .obl-row .due {
  text-align: right;
}
.radar .obl-row .due .num {
  font-size: 21px;
  font-weight: 600;
  display: block;
  line-height: 1.2;
}
@media (max-width: 620px) {
  .radar .obl-row {
    grid-template-columns: 1fr;
    gap: 8px;
  }
  .radar .obl-row .due {
    text-align: left;
  }
}
.radar .tl {
  list-style: none;
  margin: 6px 0 0 8px;
  padding: 0 0 0 26px;
  border-left: 2px solid var(--rule);
}
.radar .tl li {
  position: relative;
  padding: 4px 0 20px;
}
.radar .tl li:before {
  content: "";
  position: absolute;
  left: -35px;
  top: 9px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: var(--paper);
  border: 2px solid var(--ink2);
}
.radar .tl li.done:before {
  background: var(--ink2);
}
.radar .tl li.now:before {
  background: var(--gold);
  border-color: var(--gold);
  box-shadow: 0 0 0 4px var(--draft-bg);
}
.radar .tl .d {
  font-family: Barlow Condensed, sans-serif;
  font-size: 21px;
  font-weight: 600;
  margin-right: 10px;
}
.radar .tl .cd {
  font-size: 14px;
  color: var(--ink2);
  margin-right: 8px;
}
.radar .tl li.now .cd {
  color: var(--ink);
  font-weight: 500;
}
.radar details {
  border-bottom: 1px solid var(--rule);
}
.radar details:first-of-type {
  border-top: 1px solid var(--rule);
}
.radar summary {
  cursor: pointer;
  padding: 16px 0;
  font-weight: 500;
  font-size: 17px;
  list-style: none;
  display: flex;
  justify-content: space-between;
  gap: 16px;
  align-items: center;
}
.radar summary::-webkit-details-marker {
  display: none;
}
.radar summary:after {
  content: "+";
  font-size: 24px;
  line-height: 1;
  color: var(--gold-ink);
}
.radar details[open] summary:after {
  content: "−";
}
.radar details p {
  color: var(--ink2);
  max-width: 46em;
}
.radar .state {
  border: 1px dashed var(--rule);
  border-radius: 6px;
  padding: 20px 22px;
  color: var(--ink2);
  background: var(--paper);
}
.radar .state p {
  margin: 0 0 12px;
  max-width: 52em;
}
.radar .state p:last-child {
  margin-bottom: 0;
}
.radar .state .btn {
  margin-top: 4px;
}
.radar .state.dark {
  border: 0;
  border-radius: 0;
  background: transparent;
  color: var(--board-dim);
  padding: 28px 20px;
}
.radar .state.dark .btn {
  color: var(--board-text);
  border-color: var(--board-line);
}
.radar .spin {
  display: inline-block;
  width: 14px;
  height: 14px;
  border: 2px solid currentColor;
  border-right-color: transparent;
  border-radius: 50%;
  margin-right: 10px;
  vertical-align: -2px;
  animation: spin .8s linear infinite;
}
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
@media (prefers-reduced-motion: reduce) {
  .radar .spin {
    animation: none;
  }
}
.radar .src {
  font-size: 13px;
  color: var(--ink2);
  margin: 10px 0 0;
}
.radar .linkbtn {
  font: inherit;
  font-size: inherit;
  background: none;
  border: 0;
  padding: 0 0 1px;
  margin-left: 8px;
  color: var(--ink);
  border-bottom: 1px solid var(--gold);
  cursor: pointer;
}
.radar .field.off {
  opacity: .55;
}
.radar .ednote {
  font-size: 13px;
  color: var(--gold-ink);
  margin: -6px 0 12px;
}
.radar ul.req {
  margin: 0;
  padding-left: 1.2em;
  max-width: 52em;
}
.radar ul.req li {
  margin: 6px 0;
}
.radar ul.req.q li::marker {
  color: var(--gold-ink);
}
.radar .facts {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 8px 16px;
  margin: 0;
  font-size: 15px;
}
.radar .facts dt {
  color: var(--ink2);
  white-space: nowrap;
}
.radar .facts dd {
  margin: 0;
}
.radar .law-head .code.long {
  font-size: clamp(34px, 5vw, 56px);
  line-height: 1.05;
  overflow-wrap: anywhere;
}
.radar .ltbl .tcol {
  width: 48px;
  padding-right: 0;
}
.radar .tog {
  width: 34px;
  height: 34px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font: inherit;
  font-size: 22px;
  line-height: 1;
  background: var(--paper);
  color: var(--ink);
  border: 1px solid var(--rule);
  border-radius: 4px;
  cursor: pointer;
}
.radar .tog span {
  display: inline-block;
  transition: transform .15s;
}
.radar tr.open .tog span {
  transform: rotate(90deg);
}
.radar tr.lrow {
  cursor: pointer;
}
.radar tr.lrow:hover td,
.radar tr.lrow.open td {
  background: var(--wash);
}
.radar tr.lrow.open td {
  border-bottom-color: transparent;
}
.radar tr.det td {
  background: var(--wash);
  padding: 4px 24px 28px 62px;
  cursor: auto;
}
.radar .sum2 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-size: 14px;
  color: var(--ink2);
  margin: 6px 0 0;
  max-width: 44em;
}
.radar tr.open .sum2 {
  display: none;
}
.radar .det-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr);
  gap: 8px 44px;
}
.radar .det-grid h4 {
  font-size: 14px;
  margin: 18px 0 6px;
}
.radar .det-grid > div > h4:first-child {
  margin-top: 6px;
}
.radar .det-grid p {
  margin: 0 0 8px;
  max-width: 52em;
}
.radar ul.mini {
  list-style: none;
  padding: 0;
  margin: 0;
}
.radar ul.mini li {
  padding: 4px 0;
  font-size: 14px;
}
.radar ul.mini .num {
  color: var(--ink2);
  margin-right: 8px;
  font-size: 16px;
}
.radar .det-links {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
  margin-top: 18px !important;
}
@media (max-width: 760px) {
  .radar .det-grid {
    grid-template-columns: 1fr;
  }
  .radar tr.det td {
    padding: 4px 14px 24px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .radar .tog span {
    transition: none;
  }
}
.radar .hero .scope {
  font-size: clamp(17px, 1.8vw, 20px);
  font-weight: 500;
  color: var(--gold-ink);
  margin: -4px 0 18px;
  letter-spacing: .02em;
}
.radar .chip.hs-d {
  background: var(--btn-bg);
  color: var(--btn-fg);
  border-color: var(--btn-bg);
}
.radar .chip.hs-m {
  border-style: dashed;
  color: var(--ink);
}
.radar .chip.hs-a {
  background: var(--wash);
  color: var(--ink2);
}
.radar .tbl .chip[class*=hs-] {
  margin-top: 6px;
}
.radar .vids {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
  gap: 28px 24px;
}
.radar .vcard p {
  margin: 0;
}
.radar .yt {
  position: relative;
  display: block;
  width: 100%;
  aspect-ratio: 16/9;
  border: 0;
  padding: 0;
  border-radius: 6px;
  overflow: hidden;
  background: var(--board);
  cursor: pointer;
}
.radar .yt img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.radar .yt .play {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 64px;
  height: 44px;
  margin: -22px 0 0 -32px;
  border-radius: 10px;
  background: #0a1c33db;
  transition: background .15s;
}
.radar .yt .play:after {
  content: "";
  position: absolute;
  left: 26px;
  top: 13px;
  border-style: solid;
  border-width: 9px 0 9px 15px;
  border-color: transparent transparent transparent #fff;
}
.radar .yt:hover .play,
.radar .yt:focus-visible .play {
  background: var(--gold);
}
.radar .ytframe {
  aspect-ratio: 16/9;
  width: 100%;
  border-radius: 6px;
  overflow: hidden;
  background: #000;
}
.radar .ytframe iframe {
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
}
.radar .vtitle {
  font-weight: 500;
  line-height: 1.5;
  margin-top: 10px !important;
}
.radar .res-col .vcard .vtitle {
  font-size: 15px;
}
@media (prefers-reduced-motion: reduce) {
  .radar .yt .play {
    transition: none;
  }
}
.radar .sec-head h2:after,
.radar .phead h1:after {
  content: "";
  display: block;
  width: 44px;
  height: 4px;
  border-radius: 2px;
  background: var(--gold);
  margin-top: 10px;
}
.radar .tbl a.rowlink:hover .nm {
  text-decoration-color: var(--gold);
}
.radar .res-col {
  border-top-color: var(--gold);
}
.radar .paths {
  border-top: 4px solid var(--gold);
}
.radar .zgrid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
  gap: 16px;
}
.radar .zcard {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 18px 20px;
  border: 1px solid var(--rule);
  border-top: 4px solid var(--gold);
  border-radius: 6px;
  background: var(--paper);
  text-decoration: none;
  min-height: 150px;
}
.radar .zcard:hover {
  border-color: var(--gold);
  background: var(--wash);
}
.radar .zcard .zp {
  font-size: 12px;
  color: var(--gold-ink);
  font-weight: 500;
}
.radar .zcard .zn {
  font-size: 20px;
  font-weight: 700;
  line-height: 1.3;
}
.radar .zcard .zm {
  font-size: 14px;
  margin-top: auto;
  line-height: 1.5;
}
.radar .zcard .zm .num {
  color: var(--ink2);
  font-size: 16px;
  margin-right: 4px;
}
.radar .lsec.zone {
  border-top: 3px solid var(--gold);
}
.radar .zone-tag {
  font-size: 13px;
  color: var(--gold-ink);
  font-weight: 500;
  margin-bottom: 6px;
}
.radar .zbadges {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 4px 0 0;
}
.radar .zbadge {
  font-size: 13px;
  padding: 4px 10px;
  border-radius: 999px;
  background: var(--draft-bg);
  color: var(--gold-ink);
  text-decoration: none;
  font-weight: 500;
}
.radar .zbadge:hover {
  text-decoration: underline;
}
.radar h1,
.radar h2,
.radar h3,
.radar .law-head h1,
.radar .zrow .zn,
.radar summary {
  font-family:
    "Noto Serif TC",
    Songti TC,
    PMingLiU,
    serif;
}
.radar h1,
.radar h2,
.radar h3 {
  letter-spacing: .01em;
}
.radar .sec-head h2:after,
.radar .phead h1:after {
  display: none;
}
.radar input,
.radar select,
.radar .seg,
.radar .roles,
.radar .chip,
.radar .tbl-frame,
.radar .tags a,
.radar .zbadge {
  border-radius: 2px;
}
.radar .band,
.radar .band.alt {
  background: transparent;
  border-top: 1px solid var(--ink);
  padding: 40px 0;
}
.radar .sec-head {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 16px;
  border-bottom: 1px solid var(--rule);
  padding-bottom: 10px;
  margin-bottom: 0;
}
.radar .sec-head h2 {
  font-size: 22px;
}
.radar .hero {
  padding: 40px 0 44px;
}
.radar .hero .wrap {
  display: block;
}
.radar .hero h1 {
  font-size: clamp(32px, 4.6vw, 52px);
  margin-bottom: 10px;
}
.radar .hero h1 .g {
  color: var(--gold-ink);
}
.radar .hero .scope {
  margin: 0 0 14px;
}
.radar .hero .lede {
  max-width: 40em;
  font-size: 17px;
}
.radar .hero .search {
  max-width: 640px;
}
.radar .tags {
  gap: 4px 16px;
  color: var(--ink2);
}
.radar .tags a {
  border: 0;
  padding: 0;
  min-height: 0;
  border-bottom: 1px solid var(--rule);
  border-radius: 0;
}
.radar .tags a:hover {
  border-color: var(--gold);
  color: var(--gold-ink);
}
.radar .tags .mylink {
  margin-left: auto;
  color: var(--gold-ink);
  border-bottom-color: var(--gold);
}
.radar .board {
  background: transparent;
  color: var(--ink);
  border: 0;
  border-radius: 0;
}
.radar .board-head {
  padding: 0 0 10px;
  border-bottom: 2px solid var(--ink);
}
.radar .board-head h2 {
  font-size: 22px;
}
.radar .board-head .today {
  color: var(--ink2);
  font-size: 14px;
}
.radar .board-cols,
.radar .brow,
.radar .board-month,
.radar .board-foot,
.radar .board-empty {
  padding-left: 0;
  padding-right: 0;
}
.radar .board-cols {
  color: var(--ink2);
}
.radar .brow {
  border-top: 1px solid var(--rule);
  min-height: 56px;
}
.radar .board-cols + .brow {
  border-top: 0;
}
.radar a.brow:hover {
  background: var(--wash);
}
.radar .b-date {
  color: var(--ink2);
}
.radar .b-code {
  color: var(--ink);
}
.radar .b-what .flag {
  border-color: var(--rule);
  color: var(--ink2);
}
.radar .b-left b {
  color: var(--gold-ink);
  font-size: 30px;
}
.radar .b-left small {
  color: var(--ink2);
}
.radar .brow.hot .b-left b {
  color: var(--hot);
}
.radar .brow.past .b-left b {
  color: var(--ink2);
}
.radar .board-month {
  color: var(--gold-ink);
  border-top: 1px solid var(--rule);
}
.radar .board-empty {
  color: var(--ink2);
  border-top: 1px solid var(--rule);
}
.radar .board-foot {
  border-top: 1px solid var(--rule);
}
.radar .board-foot a {
  color: var(--ink);
  border-bottom-color: var(--gold);
}
.radar .state.dark {
  color: var(--ink2);
  padding-left: 0;
}
.radar .state.dark .btn {
  color: var(--ink);
  border-color: var(--rule);
}
.radar .cols {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 28px 48px;
}
@media (max-width: 860px) {
  .radar .cols {
    grid-template-columns: 1fr;
  }
}
.radar ol.brief {
  list-style: none;
  margin: 0;
  padding: 0;
}
.radar ol.brief li {
  border-bottom: 1px solid var(--rule);
}
.radar ol.brief a {
  display: grid;
  grid-template-columns: 92px 108px minmax(0, 1fr);
  grid-template-areas: "d c t" ". . l";
  gap: 2px 12px;
  padding: 12px 0;
  text-decoration: none;
}
.radar ol.brief a:hover .bt {
  text-decoration: underline;
  text-decoration-color: var(--gold);
  text-underline-offset: 3px;
}
.radar ol.brief .bd {
  grid-area: d;
  color: var(--ink2);
  font-size: 16px;
}
.radar ol.brief .bc {
  grid-area: c;
  font-weight: 700;
  font-size: 14px;
  overflow-wrap: anywhere;
}
.radar ol.brief .bt {
  grid-area: t;
  font-size: 15px;
  line-height: 1.5;
}
.radar ol.brief .bl {
  grid-area: l;
  font-size: 13px;
  color: var(--ink2);
}
.radar .zindex {
  margin-top: 0;
}
.radar .zrow {
  display: grid;
  grid-template-columns: 120px minmax(0, 1fr) minmax(0, 1.4fr) 60px;
  gap: 16px;
  align-items: baseline;
  padding: 16px 0;
  border-bottom: 1px solid var(--rule);
  text-decoration: none;
}
.radar .zrow:hover .zn {
  color: var(--gold-ink);
}
.radar .zrow .zp {
  font-size: 13px;
  color: var(--ink2);
}
.radar .zrow .zn {
  font-size: 19px;
  font-weight: 700;
}
.radar .zrow .zm {
  font-size: 14px;
  line-height: 1.5;
}
.radar .zrow .zm .num {
  color: var(--ink2);
  font-size: 16px;
}
.radar .zrow .zc {
  text-align: right;
  font-size: 13px;
  color: var(--ink2);
}
@media (max-width: 760px) {
  .radar .zrow {
    grid-template-columns: 1fr auto;
    gap: 2px 12px;
  }
  .radar .zrow .zp,
  .radar .zrow .zm {
    grid-column: 1/-1;
  }
  .radar .zrow .zc {
    grid-row: 2;
    grid-column: 2;
  }
}
.radar .signoff {
  display: grid;
  grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr);
  gap: 24px 48px;
  align-items: end;
}
.radar .signoff h2 {
  font-size: 24px;
  margin-bottom: 10px;
}
.radar .signoff p {
  color: var(--ink2);
  margin: 0;
  max-width: 40em;
}
.radar .signoff-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 14px;
  align-items: center;
}
@media (max-width: 760px) {
  .radar .signoff {
    grid-template-columns: 1fr;
  }
}
.radar .next-box {
  background: var(--wash);
  color: var(--ink);
  border: 0;
  border-top: 3px solid var(--ink);
  border-radius: 0;
}
.radar .next-box .lbl,
.radar .next-box .d {
  color: var(--ink2);
}
.radar .next-box .big {
  color: var(--gold-ink);
}
.radar .next-box .big small {
  color: var(--ink2);
}
.radar .next-box hr {
  border-top-color: var(--rule);
}
.radar .next-box .warn {
  color: var(--hot);
}
.radar .lsec.zone {
  border-top: 2px solid var(--ink);
}
.radar .res-col {
  border-top: 1px solid var(--ink);
}
.radar .res {
  gap: 28px 40px;
}
.radar .tbl-frame {
  border: 0;
  border-top: 1px solid var(--ink);
}
.radar .tbl th {
  font-weight: 500;
}
.radar .res-2 .res {
  grid-template-columns: 1.3fr 1fr;
}
@media (max-width: 880px) {
  .radar .res-2 .res {
    grid-template-columns: 1fr;
  }
}
.radar .vfoot {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px 14px;
  margin: 22px 0 0;
  color: var(--ink2);
  font-size: 15px;
}
.radar .vfoot .btn {
  min-height: 40px;
  padding: 8px 16px;
}
.radar .vids[data-vslot=home3] {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
@media (max-width: 760px) {
  .radar .vids[data-vslot=home3] {
    grid-template-columns: 1fr;
  }
}
.radar .signoff-links {
  display: flex;
  flex-wrap: wrap;
  gap: 6px 20px;
  margin-top: 12px !important;
}
.radar .signoff-links a {
  border-bottom: 1px solid var(--gold);
  text-decoration: none;
  color: var(--ink);
}
.radar ol.isl-next {
  list-style: none;
  margin: 0;
  padding: 0;
}
.radar ol.isl-next li {
  display: grid;
  grid-template-columns: 86px 1fr auto;
  gap: 8px;
  padding: 6px 0;
  font-size: 14px;
  border-bottom: 1px solid var(--rule);
}
.radar ol.isl-next .num {
  color: var(--ink2);
  font-size: 15px;
}
.radar ol.isl-next em {
  font-style: normal;
  font-family: Barlow Condensed, sans-serif;
  color: var(--gold-ink);
  font-weight: 600;
}
.radar .intro-min .intro-tg .tg-open {
  display: none;
}
.radar .intro-min .intro-tg .tg-min {
  display: inline;
}
.radar .intro-min .isl-intro {
  width: auto;
  max-width: min(400px, 34vw);
  padding: 12px 118px 12px 20px;
}
.radar .intro-min .isl-intro .dateline,
.radar .intro-min .isl-intro .scope,
.radar .intro-min .isl-intro .search,
.radar .intro-min .isl-intro .tags {
  display: none;
}
.radar .intro-min .isl-intro h1 {
  font-size: 20px;
  margin: 0;
  white-space: nowrap;
}
@media (max-width: 1099px) {
  .radar .intro-min .isl-intro {
    width: auto;
    max-width: none;
    padding: 24px 16px 18px;
  }
  .radar .intro-min .isl-intro .dateline,
  .radar .intro-min .isl-intro .scope,
  .radar .intro-min .isl-intro .search,
  .radar .intro-min .isl-intro .tags {
    display: block;
  }
  .radar .intro-min .isl-intro h1 {
    font-size: clamp(24px, 2.3vw, 32px);
    margin: 0 0 4px;
    white-space: normal;
  }
}
.radar .dash {
  padding: 28px 0 8px;
}
.radar .kpis {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  border: 1px solid var(--rule);
  background: #fff;
}
.radar .kpi {
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding: 18px 20px;
  text-decoration: none;
  border-right: 1px solid var(--rule);
  transition: background .15s;
}
.radar .kpi:last-child {
  border-right: 0;
}
.radar .kpi:hover {
  background: var(--wash);
}
.radar .kpi-n {
  font-size: 42px;
  font-weight: 700;
  line-height: 1.05;
  color: var(--ink);
}
.radar .kpi-l {
  font-size: 14px;
  font-weight: 600;
  color: var(--ink);
}
.radar .kpi-s {
  font-size: 12px;
  color: var(--ink2);
}
.radar .dgrid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px;
  margin-top: 20px;
}
.radar .dcard {
  border: 1px solid var(--rule);
  background: #fff;
  padding: 18px 20px;
}
.radar .dcard.wide {
  grid-column: 1/-1;
}
.radar .dhead {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  margin-bottom: 12px;
}
.radar .dhead h2 {
  font-size: 18px;
}
.radar .dnote {
  font-size: 12.5px;
  color: var(--ink2);
  margin: 10px 0 0;
}
.radar .mchart {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 8px;
  height: 190px;
  align-items: end;
  border-bottom: 1px solid var(--rule);
}
.radar .mbar {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  height: 100%;
  text-decoration: none;
  padding-top: 18px;
}
.radar .mbar-b {
  display: block;
  width: 70%;
  max-width: 44px;
  background: var(--gold-ink);
  border-radius: 4px 4px 0 0;
  transition: background .15s;
}
.radar .mbar:hover .mbar-b {
  background: var(--ink);
}
.radar .mbar-v {
  font-size: 15px;
  font-weight: 600;
  color: var(--ink);
  margin-bottom: 4px;
}
.radar .mbar-x {
  position: absolute;
  bottom: -24px;
  font-size: 12px;
  color: var(--ink2);
  white-space: nowrap;
}
.radar .mchart {
  margin-bottom: 28px;
}
.radar .hchart {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.radar .hbar {
  display: grid;
  grid-template-columns: 7.5em minmax(0, 1fr) 2.5em;
  gap: 10px;
  align-items: center;
  text-decoration: none;
  padding: 3px 0;
}
.radar .hbar-k {
  font-size: 13.5px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.radar .hbar-t {
  height: 12px;
  background: var(--wash);
}
.radar .hbar-b {
  display: block;
  height: 100%;
  background: var(--gold-ink);
  border-radius: 0 4px 4px 0;
  transition: background .15s;
}
.radar .hbar:hover .hbar-b {
  background: var(--ink);
}
.radar .hbar-n {
  font-size: 15px;
  font-weight: 600;
  text-align: right;
}
.radar [data-tip] {
  position: relative;
}
.radar [data-tip]:hover:after,
.radar [data-tip]:focus-visible:after {
  content: attr(data-tip);
  position: absolute;
  left: 50%;
  bottom: calc(100% + 6px);
  transform: translate(-50%);
  background: var(--ink);
  color: #fff;
  font-size: 12.5px;
  line-height: 1.5;
  padding: 6px 10px;
  white-space: normal;
  width: max-content;
  max-width: 240px;
  z-index: 5;
  pointer-events: none;
}
.radar .hbar[data-tip]:hover:after {
  left: auto;
  right: 0;
  transform: none;
}
@media (max-width: 900px) {
  .radar .kpis {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .radar .kpi {
    border-bottom: 1px solid var(--rule);
  }
  .radar .kpi:nth-child(2n) {
    border-right: 0;
  }
  .radar .dgrid {
    grid-template-columns: 1fr;
  }
  .radar .mchart {
    gap: 3px;
  }
  .radar .mbar-x {
    font-size: 10.5px;
  }
  .radar .kpi-n {
    font-size: 34px;
  }
}
@media (max-width: 900px) {
  .radar .mbar-x .yy,
  .radar .mbar-x .mm {
    display: none;
  }
  .radar .mbar-x {
    font-size: 12px;
  }
  .radar .kpi:last-child {
    grid-column: 1/-1;
  }
}
.radar .rhero.tech {
  background: #121918;
  color: #f3f1ea;
  border-bottom: 0;
  position: relative;
  overflow: hidden;
  background-image:
    linear-gradient(rgba(217, 190, 134, .06) 1px, transparent 1px),
    linear-gradient(
      90deg,
      rgba(217, 190, 134, .06) 1px,
      transparent 1px);
  background-size: 40px 40px;
}
.radar .rhero.tech h1 {
  color: #fff;
}
.radar .rhero.tech .scope {
  color: #c9cfcc;
}
.radar .rhero.tech > .wrap.rgrid {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr);
  gap: 40px;
  align-items: center;
}
.radar .rhero.tech .dateline {
  color: #d9be86;
}
.radar .rhero.tech .scope-txt {
  color: #c9cfcc;
}
.radar .rhero.tech .search input {
  background: #ffffff0f;
  border-color: #ffffff38;
  color: #fff;
}
.radar .rhero.tech .search input::placeholder {
  color: #ffffff8c;
}
.radar .rhero.tech .search .btn {
  background: #d9be86;
  border-color: #d9be86;
  color: #121918;
}
.radar .rhero.tech .tags {
  color: #9aa3a0;
}
.radar .rhero.tech .tags a {
  color: #d9be86;
}
.radar .rhero.tech p.scope {
  color: #c9cfcc;
}
.radar .rscope {
  position: relative;
  width: 100%;
  max-width: 400px;
  aspect-ratio: 1;
  justify-self: center;
  border-radius: 50%;
  background:
    radial-gradient(
      circle,
      rgba(217, 190, 134, .1) 0%,
      rgba(217, 190, 134, .02) 60%,
      transparent 70%);
}
.radar .rscope .ring {
  position: absolute;
  border: 1px solid rgba(217, 190, 134, .28);
  border-radius: 50%;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.radar .rscope .r1 {
  width: 39%;
  height: 39%;
}
.radar .rscope .r2 {
  width: 55.7%;
  height: 55.7%;
}
.radar .rscope .r3 {
  width: 72.5%;
  height: 72.5%;
}
.radar .rscope .r4 {
  width: 96%;
  height: 96%;
  border-color: #d9be8673;
}
.radar .rscope .axis {
  position: absolute;
  background: #d9be8629;
}
.radar .rscope .ax {
  left: 2%;
  right: 2%;
  top: 50%;
  height: 1px;
}
.radar .rscope .ay {
  top: 2%;
  bottom: 2%;
  left: 50%;
  width: 1px;
}
.radar .rscope .sweep {
  position: absolute;
  inset: 2%;
  border-radius: 50%;
  background:
    conic-gradient(
      from 0deg,
      rgba(217, 190, 134, .38),
      rgba(217, 190, 134, 0) 22%,
      transparent 100%);
  animation: zc-sweep 6s linear infinite;
}
.radar .rscope .core {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 8px;
  height: 8px;
  margin: -4px 0 0 -4px;
  border-radius: 50%;
  background: #d9be86;
  box-shadow: 0 0 12px #d9be86;
}
.radar .rscope .rl {
  position: absolute;
  left: 51%;
  font-size: 10.5px;
  letter-spacing: .06em;
  color: #d9be86bf;
  transform: translateY(-100%);
}
.radar .rscope .l1 {
  top: 30.5%;
}
.radar .rscope .l2 {
  top: 22.1%;
}
.radar .rscope .l3 {
  top: 13.8%;
}
.radar .rscope .l4 {
  top: 2%;
}
.radar .rscope .blip {
  position: absolute;
  width: 10px;
  height: 10px;
  margin: -5px 0 0 -5px;
  border-radius: 50%;
  background: #d9be86;
  box-shadow: 0 0 0 3px #d9be862e;
  animation: zc-ping 3s ease-in-out infinite;
  animation-delay: var(--d);
  z-index: 2;
}
.radar .rscope .blip.hot {
  background: #f0a86a;
  box-shadow: 0 0 0 4px #f0a86a40, 0 0 14px #f0a86acc;
}
.radar .rscope .blip:hover {
  background: #fff;
  z-index: 6;
}
.radar .rscope .blip[data-tip]:hover:after {
  bottom: auto;
  top: calc(100% + 8px);
  font-size: 12.5px;
  background: #f3f1ea;
  color: #121918;
  width: max-content;
  max-width: 260px;
}
@keyframes zc-sweep {
  to {
    transform: rotate(360deg);
  }
}
@keyframes zc-ping {
  0%, to {
    box-shadow: 0 0 0 2px #d9be8626;
  }
  50% {
    box-shadow: 0 0 0 7px #d9be8600, 0 0 10px #d9be86b3;
  }
}
@keyframes zc-blip {
  0%, to {
    opacity: .55;
  }
  50% {
    opacity: 1;
  }
}
.radar .dash {
  background: #121918;
  color: #e9e6dd;
  padding: 8px 0 40px;
  background-image:
    linear-gradient(rgba(217, 190, 134, .05) 1px, transparent 1px),
    linear-gradient(
      90deg,
      rgba(217, 190, 134, .05) 1px,
      transparent 1px);
  background-size: 40px 40px;
}
.radar .dash-top {
  display: flex;
  gap: 22px;
  flex-wrap: wrap;
  align-items: center;
  font-size: 12px;
  letter-spacing: .06em;
  color: #9aa3a0;
  padding: 6px 0 16px;
  border-top: 1px solid rgba(217, 190, 134, .18);
}
.radar .live {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: #d9be86;
  font-weight: 700;
}
.radar .live i {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #7bd88f;
  box-shadow: 0 0 8px #7bd88f;
  animation: zc-blip 1.6s ease-in-out infinite;
}
.radar .dash .kpis {
  background: #ffffff08;
  border-color: #d9be8638;
}
.radar .dash .kpi {
  border-color: #d9be862e;
}
.radar .dash .kpi:hover {
  background: #d9be8614;
}
.radar .dash .kpi-n {
  color: #d9be86;
}
.radar .kpi-sub .kpi-n {
  color: #2e7d4f;
}
.radar .dash .kpi-sub .kpi-n {
  color: #8fd19e;
}
.radar .dash .kpi-l {
  color: #f3f1ea;
}
.radar .dash .kpi-s {
  color: #9aa3a0;
}
.radar .dash .dcard {
  background: #ffffff08;
  border-color: #d9be8638;
}
.radar .dash .dhead h2 {
  color: #f3f1ea;
}
.radar .dash .dhead .more {
  color: #d9be86;
}
.radar .dash .dnote {
  color: #9aa3a0;
}
.radar .dash .mchart {
  border-color: #d9be864d;
}
.radar .dash .mbar-b,
.radar .dash .hbar-b {
  background:
    linear-gradient(
      180deg,
      #e6cc92,
      #b5975a);
}
.radar .dash .hbar-b {
  background:
    linear-gradient(
      90deg,
      #b5975a,
      #e6cc92);
}
.radar .dash .mbar:hover .mbar-b,
.radar .dash .hbar:hover .hbar-b {
  background: #f3f1ea;
}
.radar .dash .mbar-v,
.radar .dash .hbar-n,
.radar .dash .hbar-k {
  color: #f3f1ea;
}
.radar .dash .mbar-x {
  color: #9aa3a0;
}
.radar .dash .hbar-t {
  background: #ffffff0f;
}
.radar .dash [data-tip]:hover:after {
  background: #f3f1ea;
  color: #121918;
}
.radar .dash .mbar-b {
  transform-origin: bottom;
  transform: scaleY(0);
  transition: transform .8s cubic-bezier(.2, .8, .2, 1), background .15s;
}
.radar .dash .hbar-b {
  transform-origin: left;
  transform: scaleX(0);
  transition: transform .8s cubic-bezier(.2, .8, .2, 1), background .15s;
}
.radar .dash.go .mbar-b,
.radar .dash.go .hbar-b {
  transform: none;
}
.radar .dash .mbar:nth-child(n) .mbar-b {
  transition-delay: calc(var(--i,0) * 40ms);
}
@media (prefers-reduced-motion: reduce) {
  .radar .rscope .sweep,
  .radar .rscope .blip,
  .radar .live i {
    animation: none;
  }
  .radar .dash .mbar-b,
  .radar .dash .hbar-b {
    transform: none;
    transition: none;
  }
}
@media (max-width: 900px) {
  .radar .rhero.tech > .wrap.rgrid {
    grid-template-columns: 1fr;
  }
  .radar .rscope {
    max-width: 300px;
  }
}
.radar .rscope-cap {
  position: absolute;
  left: 0;
  right: 0;
  bottom: -34px;
  text-align: center;
  font-size: 12px;
  color: #9aa3a0;
  margin: 0;
}
.radar .rhero.tech {
  padding-bottom: 64px;
}
.radar .lockcard {
  display: flex;
  gap: 16px;
  align-items: flex-start;
  padding: 22px 24px;
  background: var(--wash);
  border: 1px solid var(--rule);
  border-left: 3px solid var(--gold);
  max-width: 720px;
}
.radar .lockcard .lk-ic {
  flex: none;
  width: 44px;
  height: 44px;
  display: grid;
  place-items: center;
  background: var(--ink);
  color: #fff;
}
.radar .lockcard .lk-t {
  font-weight: 600;
  font-size: 17px;
  margin: 0 0 4px;
}
.radar .lockcard .small {
  margin: 0;
  color: var(--ink2);
}
.radar .lockcard .lk-a {
  display: flex;
  gap: 18px;
  align-items: center;
  flex-wrap: wrap;
  margin: 14px 0 0;
}
.radar .btn-lk {
  display: inline-flex;
  align-items: center;
  min-height: 42px;
  padding: 0 18px;
  background: var(--ink);
  color: #fff;
  text-decoration: none;
  font-size: 15px;
  border: 1px solid var(--ink);
}
.radar .btn-lk:hover {
  background: #fff;
  color: var(--ink);
}
@media (max-width: 560px) {
  .radar .lockcard {
    flex-direction: column;
    padding: 18px;
  }
}
.radar .mnotes .mn-kicker {
  display: flex;
  align-items: center;
  gap: 7px;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: .12em;
  color: var(--gold-ink);
  margin-bottom: 10px;
}
.radar .mnotes .lede-s {
  margin-bottom: 22px;
}
.radar .mn-list {
  border: 1px solid var(--rule);
}
.radar .mnote {
  position: relative;
  padding: 26px 24px 28px;
  background: #fff;
}
.radar .mnote + .mnote {
  border-top: 1px solid var(--rule);
}
.radar .mn-h {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 12px;
}
.radar .mnote h3 {
  font-size: 17px;
  margin: 0;
  display: flex;
  align-items: baseline;
  gap: 10px;
}
.radar .mn-no {
  font-family: var(--serif,Georgia,serif);
  color: var(--gold-ink);
  font-size: 16px;
  font-weight: 600;
}
.radar .mn-lock {
  color: var(--ink2);
  opacity: .7;
  margin-top: 2px;
}
.radar .mn-t {
  margin: 8px 0 0;
  color: var(--ink2);
  font-size: 14.5px;
}
.radar .mn-sk {
  margin-top: 18px;
  display: grid;
  gap: 9px;
}
.radar .mn-sk i {
  display: block;
  height: 9px;
  background: #efede7;
  border-radius: 2px;
}
.radar .mn-sk i:nth-child(1) {
  width: 100%;
}
.radar .mn-sk i:nth-child(2) {
  width: 86%;
}
.radar .mn-sk i:nth-child(3) {
  width: 72%;
}
.radar .mn-sk i:nth-child(4) {
  width: 80%;
}
.radar .mn-cta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 18px;
  margin-top: 20px;
}
.radar .mn-body {
  margin-top: 14px;
  font-size: 15.5px;
  line-height: 1.75;
}
.radar .mn-body ul,
.radar .mn-body ol {
  padding-left: 1.3em;
  margin: 8px 0 12px;
}
.radar .mn-body li {
  margin: 6px 0;
}
.radar .mn-body p {
  margin: 8px 0;
}
.radar .mn-upd {
  margin-top: 12px;
}
@media (max-width: 560px) {
  .radar .mnote {
    padding: 22px 18px;
  }
}
.radar .phead .mn-kicker {
  display: flex;
  align-items: center;
  gap: 7px;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: .12em;
  color: var(--gold-ink);
  margin-bottom: 10px;
}
.radar .mg-feats {
  margin: 0 0 24px;
  padding-left: 1.2em;
  font-size: 15.5px;
  line-height: 1.8;
  max-width: 720px;
}
.radar .mg-sk {
  margin: 32px 0 64px;
  max-width: 960px;
}
.radar .mg-sk i {
  height: 12px;
}
.rr-tag {
  display: inline-block;
  font-size: 10.5px;
  font-weight: 700;
  letter-spacing: .06em;
  color: var(--gold-ink,#7E6430);
  border: 1px solid currentColor;
  padding: 0 5px;
  line-height: 16px;
  margin-left: 6px;
  vertical-align: 1px;
}
.radar .nb-sub {
  margin-top: 18px;
  border-top: 1px solid var(--rule);
  padding-top: 14px;
}
.radar .nb-sub summary {
  list-style: none;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 14.5px;
  font-weight: 600;
  color: var(--ink);
  border: 1px solid var(--gold);
  background: #fff;
  padding: 8px 14px;
  transition: background .15s;
}
.radar .nb-sub summary::-webkit-details-marker {
  display: none;
}
.radar .nb-sub summary:after,
.radar .nb-sub[open] summary:after {
  content: none;
}
.radar .nb-sub summary svg {
  color: var(--gold-ink);
}
.radar .nb-sub summary:hover {
  background: #b5975a1f;
}
.radar .nb-sub[open] summary {
  background: var(--ink);
  border-color: var(--ink);
  color: #fff;
}
.radar .nb-sub[open] summary svg {
  color: #d9be86;
}
.radar .nb-sub form {
  margin-top: 12px;
}
.radar .nb-sub .sub-row input {
  font-size: 14px;
  padding: 10px 12px;
}
.radar .nb-sub .sub-btn {
  padding: 10px 16px;
}
.radar .rsub {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 16px 40px;
  align-items: center;
  margin-top: 18px;
  padding: 18px 22px;
  border: 1px solid rgba(217, 190, 134, .32);
  background:
    linear-gradient(
      90deg,
      #d9be861a,
      #d9be8605);
}
.radar .rsub-t {
  display: flex;
  gap: 14px;
  align-items: flex-start;
}
.radar .rsub-ic {
  flex: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  border: 1px solid rgba(217, 190, 134, .5);
  color: #d9be86;
}
.radar .rsub-ic svg {
  width: 19px;
  height: 19px;
}
.radar .rsub-t b {
  display: block;
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 3px;
}
.radar .rsub-t span {
  font-size: 13.5px;
  color: #9aa3a0;
  line-height: 1.6;
}
.radar .rsub .sub-row input {
  padding: 11px 14px;
}
.radar .rsub .sub-btn {
  padding: 11px 22px;
}
@media (max-width: 900px) {
  .radar .rsub {
    grid-template-columns: 1fr;
  }
}
.radar .sub-ck input {
  width: 15px;
  height: 15px;
  min-height: 0;
  padding: 0;
  margin: 2px 0 0;
  border: 0;
  background: none;
  flex: none;
}
.radar .rsub {
  align-items: start;
}
.radar .rsub-t {
  padding-top: 6px;
}
.radar .sub-form .sub-fine {
  margin-top: 12px;
}
.radar .pv-try {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  align-items: center;
  font-size: 13px;
  color: var(--ink2);
  margin: 4px 0 12px;
}
.radar .pv-try button {
  font: inherit;
  font-size: 13px;
  padding: 5px 10px;
  border: 1px solid var(--rule);
  background: var(--paper);
  cursor: pointer;
  color: var(--ink);
}
.radar .pv-try button:hover {
  border-color: var(--gold);
}
.radar .pv-member {
  display: flex;
  gap: 8px;
  margin-left: auto;
}
.radar .pv-member:empty {
  display: none;
}
.radar .pv-res {
  position: relative;
  margin-bottom: 56px;
}
.radar .pv-ghost td {
  padding-top: 18px;
  padding-bottom: 18px;
  opacity: .75;
}
.radar .pv-ghost td i {
  display: block;
  height: 12px;
  margin: 9px 0;
  border-radius: 3px;
  background:
    linear-gradient(
      90deg,
      var(--wash),
      var(--paper),
      var(--wash));
  filter: blur(1.5px);
}
.radar .pv-gate {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: min(440px, 80%);
  display: flex;
  align-items: flex-end;
  justify-content: center;
  padding: 0 16px 22px;
  background:
    linear-gradient(
      180deg,
      transparent 0%,
      color-mix(in srgb, var(--paper) 92%, transparent) 26%,
      var(--paper) 52%);
}
.radar .pv-gate.sm {
  position: static;
  height: auto;
  background: none;
  padding: 16px 20px;
  display: block;
  border-top: 1px solid var(--rule);
}
.radar .pv-gate-in {
  max-width: 560px;
  width: 100%;
  background: var(--paper);
  border: 1px solid var(--rule);
  border-top: 3px solid var(--gold);
  padding: 24px 28px;
  box-shadow: 0 14px 40px #1219181f;
}
.radar .pv-gate.sm .pv-gate-in {
  max-width: none;
  box-shadow: none;
  padding: 18px 20px;
}
.radar .pv-k {
  margin: 0 0 6px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .14em;
  color: var(--gold-ink);
}
.radar .pv-gate-in h3 {
  margin: 0 0 8px;
  font-size: 22px;
  line-height: 1.35;
}
.radar .pv-gate.sm .pv-gate-in h3 {
  font-size: 18px;
}
.radar .pv-gate-in h3 b {
  color: var(--gold-ink);
}
.radar .pv-gate-in p {
  margin: 0 0 10px;
  color: var(--ink2);
  line-height: 1.7;
  font-size: 14.5px;
}
.radar .pv-gate-in ul {
  margin: 0 0 16px;
  padding-left: 20px;
  font-size: 14px;
  line-height: 1.85;
  color: var(--ink);
}
.radar .pv-acts {
  display: flex;
  gap: 16px;
  align-items: center;
  flex-wrap: wrap;
}
.radar .pv-link {
  font-size: 14px;
  color: var(--gold-ink);
  text-decoration: underline;
}
.radar .pv-fine {
  font-size: 12.5px !important;
  color: var(--ink2) !important;
  opacity: .85;
  margin: 12px 0 0 !important;
  line-height: 1.6;
}
.radar .pv-public {
  margin: 0 0 72px;
  padding: 24px 0 0;
  border-top: 1px solid var(--rule);
}
.radar .pv-public h2 {
  font-size: 18px;
  margin: 0 0 6px;
}
.radar .pv-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 12px;
}
.radar .pv-chips a {
  font-size: 13px;
  padding: 5px 10px;
  border: 1px solid var(--rule);
  text-decoration: none;
  color: var(--ink);
  background: var(--paper);
}
.radar .pv-chips a:hover {
  border-color: var(--gold);
}
@media (max-width: 760px) {
  .radar .pv-gate {
    height: min(540px, 92%);
  }
  .radar .pv-gate-in {
    padding: 20px;
  }
  .radar .pv-member {
    margin-left: 0;
  }
}
html[lang=en] .radar h1,
html[lang=en] .radar h2,
html[lang=en] .radar h3,
html[lang=en] .radar .law-head h1,
html[lang=en] .radar .zrow .zn,
html[lang=en] .radar summary {
  font-family: var(--serif);
}
html[lang=en] .radar .next-box .big small {
  font-family: var(--sans);
}
@media (min-width: 1440px) and (max-width: 1799px) {
  html[lang=en] .rrail {
    left: 8px;
    padding: 6px;
  }
  html[lang=en] .rrail .rr-title {
    display: none;
  }
  html[lang=en] .rrail a b {
    position: absolute;
    left: calc(100% + 10px);
    top: 50%;
    transform: translate(-4px, -50%);
    background: #232e2c;
    color: #fff;
    padding: 5px 10px;
    font-size: 12.5px;
    opacity: 0;
    pointer-events: none;
    transition: opacity .15s, transform .15s;
  }
  html[lang=en] .rrail a:hover b,
  html[lang=en] .rrail a:focus-visible b {
    opacity: 1;
    transform: translateY(-50%);
  }
}
html[lang=en] .radar .signoff-actions .more,
html[lang=en] .radar .lsec p > .more {
  white-space: normal;
}
.rr-tag.free {
  color: #3f7a4a;
}
.radar .lsec.nextstep {
  background: #f7f6f2;
  border: 1px solid #DDE0DC;
  border-left: 3px solid #B5975A;
  padding: 22px 26px;
  margin: 8px 0 36px;
}
.nextstep .ns-k {
  font-size: 11.5px;
  letter-spacing: .14em;
  font-weight: 700;
  color: #7e6430;
  margin: 0 0 6px;
}
.nextstep .ns-t {
  margin: 0 0 16px;
  color: #3b4543;
  line-height: 1.75;
}
.nextstep .ns-acts {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}
.radar-wrap {
  padding-top: var(--nav-h);
  background: #fff;
}