/* UI13 visual layer only. Reader DOM, source content and navigation remain authoritative. */
html body.ks-design.ks-guide-active {
  background: var(--ks-bg, #f6f5f0);
  color: var(--ks-ink, #182c39);
  font-family: var(--ks-font, Pretendard, -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif);
}
body.ks-design #ks-guide-reader {
  max-width: var(--ks-width, 1360px);
  padding: 0 28px 56px;
  --guide-rule: var(--ks-line, #dce0d8);
  --guide-paper: var(--ks-paper, #fffefb);
  --guide-soft: var(--ks-soft, #edf0e3);
}
body.ks-design #ks-guide-reader .ks-guide-toolbar {
  background: var(--ks-bg, #f6f5f0);
  border-bottom: 1px solid var(--guide-rule);
  gap: 12px;
  min-height: 48px;
  box-shadow: none;
}
body.ks-design #ks-guide-reader .ks-guide-toolbar a {
  color: var(--ks-teal, #245d58);
  font-weight: 650;
}
body.ks-design #ks-guide-reader .ks-guide-toolbar button {
  color: var(--ks-ink, #182c39);
  background: var(--guide-paper);
  border-color: var(--guide-rule);
  border-radius: 5px;
  min-height: 44px;
  font-family: inherit;
}
body.ks-design #ks-guide-reader .ks-guide-layout {
  grid-template-columns: 216px minmax(0, 1fr) 164px;
  gap: 32px;
  padding-top: 28px;
}
body.ks-design #ks-guide-sidebar {
  padding-right: 18px;
  border-right: 1px solid var(--guide-rule);
}
body.ks-design #ks-guide-reader #ks-guide-sidebar h2,
body.ks-design #ks-guide-reader #ks-guide-toc h2 {
  color: var(--ks-ink, #182c39);
  font-family: inherit;
  font-size: 13px;
  font-weight: 750;
  margin-bottom: 12px;
}
body.ks-design #ks-guide-sidebar :is(input, select) {
  border: 1px solid var(--guide-rule);
  background: var(--guide-paper);
  color: var(--ks-ink, #182c39);
  border-radius: 5px;
  min-height: 44px;
  font-family: inherit;
  font-size: 14px;
  padding: 10px 11px;
}
body.ks-design #ks-guide-sidebar small {
  color: var(--ks-muted, #66727a);
  font-variant-numeric: tabular-nums;
  margin: 4px 0 12px;
}
body.ks-design #ks-guide-sidebar .ks-guide-list {
  max-height: calc(100vh - var(--ks-site-nav-height, 64px) - 250px);
}
body.ks-design #ks-guide-sidebar .ks-guide-list a,
body.ks-design #ks-guide-toc a {
  color: var(--ks-muted, #66727a);
  padding: 9px 8px;
  margin: 1px 0;
  border-radius: 4px;
  font-size: 13px;
  line-height: 1.55;
  text-underline-offset: 3px;
}
body.ks-design #ks-guide-reader :is(#ks-guide-sidebar, #ks-guide-toc) a:hover {
  background: var(--guide-soft);
  color: var(--ks-teal, #245d58);
}
body.ks-design #ks-guide-reader [aria-current="page"] {
  background: var(--ks-selected, #eef5d9);
  color: var(--ks-teal, #245d58) !important;
}
body.ks-design #ks-guide-toc {
  padding-left: 14px;
  border-left: 1px solid var(--guide-rule);
}
body.ks-design #ks-guide-reader :is(a, button, input, select, summary):focus-visible {
  outline: 2px solid var(--ks-teal, #245d58);
  outline-offset: 3px;
}
body.ks-design #ks-guide-reader #ks-guide-content {
  min-width: 0;
  color: var(--ks-ink, #182c39);
}
body.ks-design #ks-guide-reader main {
  max-width: 880px;
  margin-inline: auto;
  font-family: inherit;
}
body.ks-design #ks-guide-reader main :is(p, ul, ol) {
  max-width: 76ch;
  font-size: 16px;
  line-height: 1.85;
  color: inherit;
}
body.ks-design #ks-guide-reader main p { margin-block: 12px; }
body.ks-design #ks-guide-reader main li + li { margin-top: 6px; }
body.ks-design #ks-guide-reader main h1 {
  margin: 0 0 16px;
  font-size: clamp(27px, 2.6vw, 38px);
  line-height: 1.35;
  font-weight: 760;
  letter-spacing: -.035em;
  color: var(--ks-ink, #182c39);
  text-wrap: pretty;
}
body.ks-design #ks-guide-reader main h2 {
  color: var(--ks-ink, #182c39);
  font-size: clamp(20px, 1.7vw, 24px);
  line-height: 1.45;
  letter-spacing: -.025em;
  margin: 32px 0 12px;
}
body.ks-design #ks-guide-reader main h3 {
  color: var(--ks-ink, #182c39);
  font-size: 18px;
  line-height: 1.5;
  letter-spacing: -.015em;
}
body.ks-design #ks-guide-reader main :is(.muted, .sub, .note-txt, .until, figcaption) {
  color: var(--ks-muted, #66727a);
}
body.ks-design #ks-guide-reader main :is(.sub, .lead) { font-size: 16px; line-height: 1.8; }
body.ks-design #ks-guide-reader main a:not(.btn):not(.cta):not(.g-link):not(.countdown-banner-link) {
  color: var(--ks-teal, #245d58);
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
}
body.ks-design #ks-guide-reader main .crumbs {
  color: var(--ks-muted, #66727a);
  font-size: 12px;
  margin: 0 0 20px;
  line-height: 1.6;
}
body.ks-design #ks-guide-reader main .hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  align-items: start;
  gap: 18px;
  border: 0;
  border-bottom: 1px solid var(--guide-rule);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  margin-bottom: 24px;
  padding-bottom: 22px;
}
body.ks-design #ks-guide-reader main .hero .hero-card {
  min-width: 0;
  margin: 0;
  padding: 2px 0 2px 16px;
  border: 0;
  border-left: 2px solid var(--guide-rule);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
body.ks-design #ks-guide-reader main .hero .hero-card h2 {
  margin: 0 0 8px;
  color: var(--ks-muted, #66727a);
  font-size: 14px;
  font-weight: 650;
  line-height: 1.6;
}
body.ks-design #ks-guide-reader main .hero .hero-card ul {
  margin: 0;
  padding-left: 18px;
  font-size: 14px;
  line-height: 1.75;
}
body.ks-design #ks-guide-reader main .hero .hero-card li { margin: 4px 0; }
body.ks-design #ks-guide-reader main .callout {
  margin: 16px 0;
  padding: 4px 0 4px 16px;
  border: 0;
  border-left: 2px solid var(--guide-rule);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
body.ks-design #ks-guide-reader main .callout strong { font-weight: 700; }
body.ks-design #ks-guide-reader main :is(section, .card) {
  box-shadow: none;
}
body.ks-design #ks-guide-reader main > section {
  padding: 0;
  margin: 28px 0;
  border: 0;
  border-radius: 0;
  background: transparent;
}
body.ks-design #ks-guide-reader main > section > h2:first-child { margin-top: 0; }
body.ks-design #ks-guide-reader main blockquote {
  margin: 20px 0;
  padding: 4px 0 4px 18px;
  border-left: 3px solid var(--ks-bronze, #94743f);
  color: var(--ks-muted, #66727a);
  background: transparent;
}
body.ks-design #ks-guide-reader main :is(.table-wrap, .compare-table-wrap, .ks-guide-table) {
  border: 1px solid var(--guide-rule);
  border-radius: 5px;
  background: var(--guide-paper);
  max-width: 100%;
  overscroll-behavior-x: contain;
  scrollbar-color: #adb7ac var(--guide-soft);
}
body.ks-design #ks-guide-reader main table {
  margin: 0;
  border-collapse: collapse;
  font-size: 14px;
  line-height: 1.55;
  color: var(--ks-ink, #182c39);
  font-variant-numeric: tabular-nums;
}
body.ks-design #ks-guide-reader main th {
  background: var(--guide-soft);
  color: var(--ks-ink, #182c39);
  font-weight: 700;
}
body.ks-design #ks-guide-reader main :is(th, td) {
  padding: 11px 12px;
  border-color: var(--guide-rule);
}
body.ks-design #ks-guide-reader main tbody tr:hover { background: #f5f6ee; }
body.ks-design #ks-guide-reader main details {
  background: transparent;
  border: 0;
  border-bottom: 1px solid var(--guide-rule);
  border-radius: 0;
  padding: 0;
  margin: 0;
}
body.ks-design #ks-guide-reader main summary {
  padding: 15px 0;
  color: var(--ks-ink, #182c39);
  line-height: 1.6;
}
body.ks-design #ks-guide-reader main details > :not(summary) { margin-bottom: 16px; }

/* One editorial index. Descriptions remain available through an explicit control. */
body.ks-design #ks-guide-reader.ks-guide-index .ks-guide-layout {
  grid-template-columns: 216px minmax(0, 1fr);
  gap: 40px;
}
body.ks-design #ks-guide-reader.ks-guide-index main { max-width: 960px; }
body.ks-design #ks-guide-reader .ks-guide-overview > p {
  margin: 0 0 22px;
  color: var(--ks-muted, #66727a);
}
body.ks-design #ks-guide-reader .ks-guide-description-toggle {
  margin: 0 0 12px;
  padding: 6px 0;
  min-height: 44px;
  border: 0;
  border-bottom: 1px solid var(--guide-rule);
  border-radius: 0;
  color: var(--ks-teal, #245d58);
  background: transparent;
  font-family: inherit;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.5;
  cursor: pointer;
}
body.ks-design #ks-guide-reader .ks-guide-overview-links {
  display: block;
  border-top: 1px solid var(--guide-rule);
}
body.ks-design #ks-guide-reader .ks-guide-overview-links > a {
  display: grid;
  grid-template-columns: 32px minmax(0, 1fr) auto;
  column-gap: 16px;
  align-items: baseline;
  padding: 18px 10px 18px 0;
  border-bottom: 1px solid var(--guide-rule);
  color: var(--ks-ink, #182c39);
  text-decoration: none;
}
body.ks-design #ks-guide-reader .ks-guide-overview-links > a[hidden] { display: none; }
body.ks-design #ks-guide-reader .ks-guide-overview-links > a::before {
  content: attr(data-guide-sequence);
  grid-column: 1;
  grid-row: 1;
  color: var(--ks-muted, #66727a);
  font: 500 13px/1.6 ui-monospace, monospace;
}
body.ks-design #ks-guide-reader .ks-guide-overview-links > a > strong {
  grid-column: 2;
  grid-row: 1;
  font-size: 17px;
  line-height: 1.6;
  font-weight: 660;
  letter-spacing: -.02em;
}
body.ks-design #ks-guide-reader .ks-guide-overview-links > a::after {
  content: attr(data-guide-category-label);
  grid-column: 3;
  grid-row: 1;
  color: var(--ks-muted, #66727a);
  font-size: 12px;
  white-space: nowrap;
}
body.ks-design #ks-guide-reader .ks-guide-overview-links > a > span {
  grid-column: 2 / -1;
  max-width: 80ch;
  margin-top: 5px;
  color: var(--ks-muted, #66727a);
  font-size: 14px;
  line-height: 1.7;
}
body.ks-design #ks-guide-reader .ks-guide-overview-links.ks-guide-descriptions-closed > a > span { display: none; }
body.ks-design #ks-guide-reader .ks-guide-overview-links > a:hover { background: var(--guide-soft); }

/* Coupons have one visual container level; the source values and copy handlers are untouched. */
body.ks-design #ks-guide-reader[data-guide-design-kind="giftcode"] main .hero { padding-bottom: 18px; margin-bottom: 20px; }
body.ks-design #ks-guide-reader[data-guide-design-kind="giftcode"] .hero-cta {
  padding: 14px 16px;
  border: 1px solid var(--guide-rule);
  border-radius: 6px;
  background: var(--guide-paper);
}
body.ks-design #ks-guide-reader[data-guide-design-kind="giftcode"] .cta {
  background: var(--ks-teal, #245d58);
  color: var(--guide-paper);
  border-radius: 5px;
  font-size: 14px;
  font-weight: 650;
  padding: 11px 14px;
  white-space: normal;
}
body.ks-design #ks-guide-reader[data-guide-design-kind="giftcode"] .status-bar { gap: 8px; margin-top: 10px; }
body.ks-design #ks-guide-reader[data-guide-design-kind="giftcode"] .badge {
  border-radius: 4px;
  padding: 4px 7px;
  border-color: var(--guide-rule);
  font-size: 11px;
  font-weight: 650;
}
body.ks-design #ks-guide-reader[data-guide-design-kind="giftcode"] :is(.badge.active, .badge.new) { background: var(--guide-soft); color: var(--ks-teal, #245d58); }
body.ks-design #ks-guide-reader[data-guide-design-kind="giftcode"] .badge.expired { background: #eeeee8; color: var(--ks-muted, #66727a); }
body.ks-design #ks-guide-reader #couponGrid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin-top: 16px;
}
body.ks-design #ks-guide-reader #couponGrid .card {
  margin: 0;
  padding: 16px;
  min-width: 0;
  min-height: 0;
  border: 1px solid var(--guide-rule);
  border-left: 3px solid var(--ks-teal, #245d58);
  border-radius: 5px;
  background: var(--guide-paper);
  gap: 9px;
}
body.ks-design #ks-guide-reader #couponGrid .code {
  color: var(--ks-ink, #182c39);
  font: 700 17px/1.45 ui-monospace, SFMono-Regular, Consolas, monospace;
  letter-spacing: -.025em;
  overflow-wrap: anywhere;
}
body.ks-design #ks-guide-reader #couponGrid .until { font-size: 12px; line-height: 1.6; }
body.ks-design #ks-guide-reader #couponGrid .until[data-guide-internal-source-count] { display: none; }
body.ks-design #ks-guide-reader #couponGrid .actions { gap: 8px; width: 100%; margin-top: 5px; }
body.ks-design #ks-guide-reader #couponGrid .btn {
  min-height: 40px;
  padding: 8px 12px;
  border-color: var(--guide-rule);
  border-radius: 4px;
  background: transparent;
  color: var(--ks-teal, #245d58);
  font-size: 13px;
  font-weight: 650;
}
body.ks-design #ks-guide-reader #couponGrid button.btn { background: var(--ks-teal, #245d58); border-color: var(--ks-teal, #245d58); color: var(--guide-paper); }
body.ks-design #ks-guide-reader #commGrid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0 24px;
}
body.ks-design #ks-guide-reader #commGrid .card {
  min-height: 0;
  margin: 0;
  padding: 13px 0;
  gap: 5px;
  border-bottom: 1px solid var(--guide-rule);
}
body.ks-design #ks-guide-reader #commGrid .code { font-size: 14px; line-height: 1.5; }
body.ks-design #ks-guide-reader .countdown-banner-link {
  padding: 18px 20px;
  background: var(--guide-soft);
  border: 1px solid var(--guide-rule);
  border-radius: 5px;
  box-shadow: none;
  transform: none;
}
body.ks-design #ks-guide-reader .countdown-banner-link:hover { background: var(--ks-selected, #eef5d9); box-shadow: none; transform: none; }
body.ks-design #ks-guide-reader .countdown-banner-kicker { color: var(--ks-muted, #66727a); font-size: 10px; letter-spacing: .12em; }
body.ks-design #ks-guide-reader .countdown-banner-title { margin: 5px 0; font-size: 20px; }
body.ks-design #ks-guide-reader .countdown-banner-desc { margin: 0; font-size: 14px; }
body.ks-design #ks-guide-reader .countdown-banner-cta { color: var(--ks-teal, #245d58); background: transparent; font-size: 13px; }
body.ks-design #ks-guide-reader[data-guide-design-kind="giftcode"] .guides-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0 20px;
}
body.ks-design #ks-guide-reader[data-guide-design-kind="giftcode"] .g-block { margin: 0; padding: 12px 0; border: 0; border-bottom: 1px solid var(--guide-rule); border-radius: 0; background: transparent; }
body.ks-design #ks-guide-reader[data-guide-design-kind="giftcode"] .g-link { gap: 12px; padding: 0; min-height: 48px; color: var(--ks-ink, #182c39); }
body.ks-design #ks-guide-reader[data-guide-design-kind="giftcode"] .tile-icon { width: 42px; height: 42px; flex-basis: 42px; border: 0; background: transparent; }
body.ks-design #ks-guide-reader[data-guide-design-kind="giftcode"] .tile-icon img { width: 42px; height: 42px; object-fit: contain; }
body.ks-design #ks-guide-reader[data-guide-design-kind="giftcode"] .g-title { font-size: 14px; margin: 0; line-height: 1.5; }

@media (min-width: 801px) {
  body.ks-design #ks-guide-reader.ks-guide-index #ks-guide-sidebar .ks-guide-list { display: none; }
}
@media (min-width: 801px) and (max-width: 1249px) {
  body.ks-design #ks-guide-reader .ks-guide-layout { grid-template-columns: 196px minmax(0, 1fr); gap: 26px; }
  body.ks-design #ks-guide-reader.ks-toc-open #ks-guide-toc { background: var(--guide-paper); border-color: var(--guide-rule); }
}
@media (max-width: 800px) {
  body.ks-design #ks-guide-reader { padding: 0 16px 40px; }
  body.ks-design #ks-guide-reader .ks-guide-layout,
  body.ks-design #ks-guide-reader.ks-guide-index .ks-guide-layout { display: block; padding-top: 20px; }
  body.ks-design #ks-guide-sidebar { padding: 0; border: 0; }
  body.ks-design #ks-guide-reader #ks-guide-sidebar h2 { font-size: 27px; margin: 0 0 18px; letter-spacing: -.025em; }
  body.ks-design #ks-guide-sidebar :is(input, select) { font-size: 16px; min-height: 44px; }
  body.ks-design #ks-guide-sidebar .ks-guide-list { max-height: none; }
  body.ks-design #ks-guide-sidebar .ks-guide-list a {
    display: grid;
    grid-template-columns: 24px minmax(0, 1fr);
    column-gap: 10px;
    padding: 14px 0;
    color: var(--ks-ink, #182c39);
    border-bottom: 1px solid var(--guide-rule);
    border-radius: 0;
    font-size: 15px;
    line-height: 1.55;
  }
  body.ks-design #ks-guide-sidebar .ks-guide-list a::before { content: attr(data-guide-sequence); grid-column: 1; grid-row: 1; color: var(--ks-muted, #66727a); font: 12px/1.9 ui-monospace, monospace; }
  body.ks-design #ks-guide-sidebar .ks-guide-list a > span { grid-column: 2; grid-row: 1; }
  body.ks-design #ks-guide-sidebar .ks-guide-list a::after { content: attr(data-guide-category-label); grid-column: 2; color: var(--ks-muted, #66727a); font-size: 11px; line-height: 1.5; margin-top: 4px; }
  body.ks-design #ks-guide-reader .ks-guide-toolbar { gap: 8px; }
  body.ks-design #ks-guide-reader .ks-guide-toolbar button { min-height: 44px; font-size: 12px; padding: 8px 10px; }
  body.ks-design #ks-guide-reader main h1 { font-size: 28px; line-height: 1.38; margin-bottom: 12px; }
  body.ks-design #ks-guide-reader main h2 { font-size: 21px; margin-top: 28px; }
  body.ks-design #ks-guide-reader main :is(p, ul, ol) { font-size: 15px; line-height: 1.8; }
  body.ks-design #ks-guide-reader main .hero { margin-bottom: 20px; padding-bottom: 18px; }
  body.ks-design #ks-guide-reader main > section { margin: 24px 0; }
  body.ks-design #ks-guide-reader main :is(th, td) { padding: 10px; }
  body.ks-design #ks-guide-reader main table { font-size: 13px; }
  body.ks-design #ks-guide-reader.ks-toc-open #ks-guide-toc { background: var(--guide-paper); border: 1px solid var(--guide-rule); border-radius: 5px; padding: 18px; }
  body.ks-design #ks-guide-reader #couponGrid { grid-template-columns: minmax(0, 1fr); gap: 10px; }
  body.ks-design #ks-guide-reader #couponGrid .card { padding: 14px; }
  body.ks-design #ks-guide-reader #couponGrid .actions { gap: 8px; }
  body.ks-design #ks-guide-reader #couponGrid .btn { min-height: 44px; min-width: 76px; }
  body.ks-design #ks-guide-reader[data-guide-design-kind="giftcode"] .hero-cta { grid-template-columns: minmax(0, 1fr); gap: 12px; padding: 14px; }
  body.ks-design #ks-guide-reader[data-guide-design-kind="giftcode"] .cta { justify-self: start; min-height: 44px; }
  body.ks-design #ks-guide-reader #commGrid { grid-template-columns: minmax(0, 1fr); }
  body.ks-design #ks-guide-reader .countdown-banner-link { grid-template-columns: minmax(0, 1fr); gap: 10px; padding: 16px; }
  body.ks-design #ks-guide-reader .countdown-banner-cta { justify-self: start; }
  body.ks-design #ks-guide-reader[data-guide-design-kind="giftcode"] .guides-list { grid-template-columns: minmax(0, 1fr); }
}
@media (prefers-reduced-motion: reduce) {
  body.ks-design #ks-guide-reader *, body.ks-design #ks-guide-reader *::before, body.ks-design #ks-guide-reader *::after { scroll-behavior: auto; transition: none; }
}
/* Existing tier portraits remain the identifier; remove redundant portrait frames. */
body.ks-design #ks-guide-reader .tier{border:0;border-block:1px solid var(--guide-rule);border-radius:0;background:transparent;box-shadow:none}
body.ks-design #ks-guide-reader .tier .card{border:0;border-radius:0;background:transparent;box-shadow:none;padding:12px 8px;min-width:0}
body.ks-design #ks-guide-reader .tier .grid{gap:8px;padding:12px 0;grid-template-columns:repeat(auto-fit,minmax(88px,1fr))}
body.ks-design #ks-guide-reader .tier .img{width:76px;height:76px;max-width:100%;object-fit:contain;border:0;box-shadow:none}
body.ks-design #ks-guide-reader .tier .name{font-size:13px;overflow-wrap:anywhere}

/* UI17 editorial reading surface: restrained lime wayfinding, opaque light tables. */
body.ks-design #ks-guide-reader .ks-guide-toolbar{border-color:var(--ks-line);font-size:13px}
body.ks-design #ks-guide-reader .ks-guide-toolbar button[aria-expanded=true]{background:var(--ks-lime);color:var(--ks-teal);border-color:var(--ks-lime)}
body.ks-design #ks-guide-reader :is(#ks-guide-sidebar,#ks-guide-toc) a[aria-current]{background:var(--ks-selected);box-shadow:inset 3px 0 var(--ks-teal);border-radius:0}
body.ks-design #ks-guide-reader main h1{font-weight:780;letter-spacing:-.045em;line-height:1.3}
body.ks-design #ks-guide-reader main h2{letter-spacing:-.035em;font-weight:750}
body.ks-design #ks-guide-reader main :is(.callout,.note){border-left-color:var(--ks-teal);background:var(--guide-soft)}
body.ks-design #ks-guide-reader .ks-guide-table,
body.ks-design #ks-guide-reader main :is(.table-wrap,.compare-table-wrap){border-radius:0;border-color:var(--guide-rule);border-top:2px solid var(--ks-teal);scrollbar-width:thin;scrollbar-color:#aeba9e var(--guide-soft)}
body.ks-design #ks-guide-reader main table{background:var(--guide-paper);font-variant-numeric:tabular-nums}
body.ks-design #ks-guide-reader main table thead th{background:var(--guide-soft);color:var(--ks-teal)}
body.ks-design #ks-guide-reader main table tbody tr:nth-child(even)>td{background:#fafbf5}
body.ks-design #ks-guide-reader main table tbody tr:hover>td{background:var(--ks-selected)}
body.ks-design #ks-guide-reader .ks-guide-overview-links a:hover{background:var(--guide-soft)}
body.ks-design #ks-guide-reader #couponGrid .coupon-card{background:var(--guide-paper);border-left-color:var(--ks-teal)}
body.ks-design #ks-guide-reader[data-guide-design-kind=giftcode] :is(.badge.active,.badge.new){background:var(--ks-lime);color:var(--ks-teal)}
body.ks-design #ks-guide-reader .ks-guide-status{background:var(--ks-teal);color:var(--guide-paper);border-radius:6px;font:13px/1.5 var(--ks-font)}
@media(max-width:800px){
 body.ks-design #ks-guide-reader .ks-guide-toolbar{gap:8px}
 body.ks-design #ks-guide-reader .ks-guide-toolbar button{font-size:13px;padding-inline:10px}
 body.ks-design #ks-guide-reader #ks-guide-sidebar .ks-guide-list a[aria-current]{padding-inline:12px}
 body.ks-design #ks-guide-reader main h1{font-size:28px;line-height:1.35}
}