/* BSTCRM Wiki — calm reading surface: paper, ink, one gold accent (the tariff page's brand). */
:root {
  --wk-paper: #fbfaf7; --wk-card: #ffffff; --wk-ink: #0b1220; --wk-ink-2: #334155; --wk-muted: #6b7280;
  --wk-line: #e8e4da; --wk-gold: #c99a3c; --wk-gold-soft: #f6edd8; --wk-blue: #1d4ed8;
  --wk-tip: #ecfdf5; --wk-tip-ink: #065f46; --wk-note: #eff6ff; --wk-note-ink: #1e3a8a; --wk-warn: #fff7ed; --wk-warn-ink: #9a3412;
  --wk-r: 14px; --wk-display: "Unbounded", "Onest", system-ui, sans-serif; --wk-body: "Onest", system-ui, -apple-system, "Segoe UI", sans-serif;
}
* { box-sizing: border-box; }
html { scroll-padding-top: 84px; }
body { margin: 0; background: var(--wk-paper); color: var(--wk-ink); font: 16px/1.65 var(--wk-body); -webkit-font-smoothing: antialiased; }
a { color: var(--wk-blue); }
.wk-skip { position: absolute; left: -999px; } .wk-skip:focus { left: 12px; top: 12px; z-index: 99; background: #fff; padding: 8px 12px; border-radius: 8px; }

/* top bar */
.wk-top { position: sticky; top: 0; z-index: 30; display: flex; align-items: center; gap: 18px; padding: 12px 24px; background: rgba(11, 18, 32, .96); backdrop-filter: blur(8px); color: #fff; }
.wk-brand { color: #fff; text-decoration: none; font: 700 18px/1 var(--wk-display); letter-spacing: .02em; white-space: nowrap; }
.wk-brand span { margin-left: 8px; padding: 3px 8px; border-radius: 999px; background: var(--wk-gold); color: var(--wk-ink); font: 600 11px/1.4 var(--wk-body); letter-spacing: .06em; text-transform: uppercase; vertical-align: 3px; }
.wk-search { position: relative; flex: 1; max-width: 560px; }
.wk-search input { width: 100%; height: 42px; padding: 0 44px 0 16px; border: 1px solid rgba(255,255,255,.14); border-radius: 12px; background: rgba(255,255,255,.08); color: #fff; font: 15px var(--wk-body); outline: none; transition: background .15s, border-color .15s; }
.wk-search input::placeholder { color: #94a3b8; }
.wk-search input:focus { background: #fff; color: var(--wk-ink); border-color: var(--wk-gold); }
.wk-search kbd { position: absolute; right: 12px; top: 11px; padding: 0 7px; border: 1px solid rgba(255,255,255,.25); border-radius: 6px; color: #94a3b8; font: 12px/18px var(--wk-body); }
.wk-search input:focus + kbd { display: none; }
.wk-results { position: absolute; left: 0; right: 0; top: 48px; margin: 0; padding: 6px; list-style: none; background: #fff; border-radius: 14px; box-shadow: 0 24px 60px -20px rgba(2, 6, 23, .45), 0 0 0 1px var(--wk-line); max-height: 70vh; overflow: auto; }
.wk-results a { display: block; padding: 10px 12px; border-radius: 10px; color: var(--wk-ink); text-decoration: none; }
.wk-results a:hover, .wk-results a.is-active { background: var(--wk-gold-soft); }
.wk-results b { display: block; font-weight: 600; } .wk-results small { color: var(--wk-muted); }
.wk-results mark { background: #fde68a; color: inherit; border-radius: 3px; }
.wk-results .wk-results__empty { padding: 12px; color: var(--wk-muted); }
.wk-top__links { display: flex; align-items: center; gap: 14px; margin-left: auto; }
.wk-top__links a { color: #e2e8f0; text-decoration: none; font-size: 14px; }
.wk-burger { display: none; margin-left: auto; background: none; border: 0; color: #fff; font-size: 22px; cursor: pointer; }

.wk-btn { display: inline-flex; align-items: center; gap: 8px; padding: 10px 16px; border-radius: 12px; background: var(--wk-ink); color: #fff !important; text-decoration: none; font-weight: 600; font-size: 15px; border: 0; cursor: pointer; transition: transform .15s, box-shadow .15s; }
.wk-btn:hover { transform: translateY(-1px); box-shadow: 0 10px 24px -14px rgba(2,6,23,.6); }
.wk-top .wk-btn { background: var(--wk-gold); color: var(--wk-ink) !important; padding: 8px 14px; }
.wk-btn--gold { background: var(--wk-gold); color: var(--wk-ink) !important; }
.wk-btn--ghost { background: transparent; color: var(--wk-ink) !important; box-shadow: inset 0 0 0 1.5px var(--wk-ink); }

/* layout */
.wk-layout { display: grid; grid-template-columns: 280px minmax(0, 1fr); gap: 40px; max-width: 1360px; margin: 0 auto; padding: 28px 24px 60px; }
.wk-layout--article { grid-template-columns: 280px minmax(0, 760px) 220px; }
.wk-nav { position: sticky; top: 84px; align-self: start; max-height: calc(100vh - 100px); overflow: auto; padding-right: 6px; }
.wk-nav__group { margin-bottom: 2px; }
.wk-nav summary { display: flex; align-items: center; gap: 10px; padding: 8px 10px; border-radius: 10px; cursor: pointer; font-weight: 600; font-size: 14.5px; list-style: none; }
.wk-nav summary::-webkit-details-marker { display: none; }
.wk-nav summary:hover { background: #f1ede3; }
.wk-nav summary small { margin-left: auto; color: var(--wk-muted); font-weight: 500; }
.wk-nav details[open] summary { color: var(--wk-ink); }
.wk-nav a { display: block; margin-left: 32px; padding: 6px 10px; border-radius: 8px; color: var(--wk-ink-2); text-decoration: none; font-size: 14px; line-height: 1.35; }
.wk-nav a:hover { background: #f1ede3; color: var(--wk-ink); }
.wk-nav a.is-on { background: var(--wk-gold-soft); color: var(--wk-ink); font-weight: 600; box-shadow: inset 3px 0 0 var(--wk-gold); }
.wk-nav__all { color: var(--wk-muted) !important; font-size: 13px !important; }

.wk-main { min-width: 0; }
.wk-crumbs { display: flex; gap: 8px; align-items: center; margin-bottom: 10px; font-size: 13.5px; color: var(--wk-muted); }
.wk-crumbs a { color: var(--wk-muted); text-decoration: none; } .wk-crumbs a:hover { color: var(--wk-ink); }
h1 { margin: 0 0 10px; font: 700 clamp(26px, 3.4vw, 38px)/1.15 var(--wk-display); letter-spacing: -.01em; }
.wk-lead { margin: 0 0 22px; font-size: 18px; color: var(--wk-ink-2); max-width: 680px; }

/* home */
.wk-hero { padding: 28px 0 8px; }
.wk-eyebrow { margin: 0 0 10px; color: var(--wk-gold); font-weight: 600; letter-spacing: .08em; text-transform: uppercase; font-size: 13px; }
.wk-hero h1 { font-size: clamp(30px, 4.4vw, 52px); } .wk-hero h1 span { color: var(--wk-ink-2); font-weight: 500; }
.wk-hero__actions { display: flex; flex-wrap: wrap; gap: 10px; }
.wk-block { margin-top: 40px; } .wk-block h2 { font: 700 20px/1.3 var(--wk-display); margin: 0 0 14px; }
.wk-path { counter-reset: s; display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 10px; margin: 0; padding: 0; list-style: none; }
.wk-path li { counter-increment: s; }
.wk-path a { position: relative; display: block; height: 100%; padding: 16px 16px 16px 58px; border-radius: var(--wk-r); background: var(--wk-card); box-shadow: 0 0 0 1px var(--wk-line); color: var(--wk-ink); text-decoration: none; transition: box-shadow .15s, transform .15s; }
.wk-path a::before { content: counter(s); position: absolute; left: 16px; top: 16px; width: 28px; height: 28px; border-radius: 50%; background: var(--wk-ink); color: #fff; font: 700 13px/28px var(--wk-display); text-align: center; }
.wk-path a:hover, .wk-cards a:hover, .wk-list a:hover { box-shadow: 0 0 0 1px var(--wk-gold), 0 14px 30px -20px rgba(2,6,23,.45); transform: translateY(-1px); }
.wk-path b, .wk-cards b, .wk-list b { display: block; font-weight: 600; } .wk-path span, .wk-cards span, .wk-list span { display: block; color: var(--wk-muted); font-size: 14px; line-height: 1.45; margin-top: 2px; }
.wk-cards { display: grid; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); gap: 12px; margin: 0; padding: 0; list-style: none; }
.wk-cards a { display: flex; flex-direction: column; height: 100%; padding: 18px; border-radius: var(--wk-r); background: var(--wk-card); box-shadow: 0 0 0 1px var(--wk-line); color: var(--wk-ink); text-decoration: none; transition: box-shadow .15s, transform .15s; }
.wk-cards__icon { font-size: 24px; margin-bottom: 8px; } .wk-cards small { margin-top: auto; padding-top: 10px; color: var(--wk-gold); font-weight: 600; }

/* section list */
.wk-head h1 span { margin-right: 4px; }
.wk-list { margin: 0; padding: 0; list-style: none; display: grid; gap: 8px; counter-reset: a; }
.wk-list a { display: block; padding: 14px 16px; border-radius: var(--wk-r); background: var(--wk-card); box-shadow: 0 0 0 1px var(--wk-line); color: var(--wk-ink); text-decoration: none; transition: box-shadow .15s, transform .15s; }
.wk-empty { padding: 18px; border-radius: var(--wk-r); background: var(--wk-card); box-shadow: 0 0 0 1px var(--wk-line); color: var(--wk-muted); }

/* article */
.wk-article { padding: 4px 0; }
.wk-body { font-size: 16.5px; }
.wk-body h2 { margin: 38px 0 12px; padding-top: 6px; font: 700 22px/1.3 var(--wk-display); }
.wk-body h3 { margin: 26px 0 8px; font-size: 18px; }
.wk-body p { margin: 0 0 14px; }
.wk-body ul { padding-left: 22px; } .wk-body li { margin: 4px 0; }
.wk-body code { padding: 1px 6px; border-radius: 6px; background: #f1ede3; font: 14px ui-monospace, SFMono-Regular, Menlo, monospace; }
.wk-ui { display: inline-block; padding: 0 8px; border-radius: 7px; background: var(--wk-ink); color: #fff; font-size: 14px; font-weight: 600; line-height: 1.6; white-space: nowrap; }
.wk-steps { counter-reset: st; list-style: none; padding: 0; margin: 10px 0 20px; }
.wk-steps > li { counter-increment: st; position: relative; margin: 0 0 18px; padding-left: 46px; min-height: 32px; }
.wk-steps > li::before { content: counter(st); position: absolute; left: 0; top: 0; width: 32px; height: 32px; border-radius: 50%; background: var(--wk-gold); color: var(--wk-ink); font: 700 14px/32px var(--wk-display); text-align: center; }
.wk-shot { margin: 12px 0 18px; }
.wk-shot img { display: block; max-width: 100%; height: auto; border-radius: 12px; box-shadow: 0 0 0 1px var(--wk-line), 0 18px 40px -26px rgba(2,6,23,.55); background: #fff; }
.wk-shot figcaption { margin-top: 6px; color: var(--wk-muted); font-size: 13.5px; }
.wk-callout { margin: 16px 0 20px; padding: 14px 16px; border-radius: 12px; }
.wk-callout b { display: block; margin-bottom: 2px; font-size: 13px; letter-spacing: .04em; text-transform: uppercase; }
.wk-callout p { margin: 0; }
.wk-callout--tip { background: var(--wk-tip); color: var(--wk-tip-ink); }
.wk-callout--note { background: var(--wk-note); color: var(--wk-note-ink); }
.wk-callout--warn { background: var(--wk-warn); color: var(--wk-warn-ink); }
.wk-code { position: relative; margin: 12px 0 20px; border-radius: 12px; background: #0b1220; color: #e2e8f0; overflow: hidden; }
.wk-code pre { margin: 0; padding: 16px; overflow: auto; font: 13.5px/1.55 ui-monospace, SFMono-Regular, Menlo, monospace; }
.wk-code code { background: none; padding: 0; color: inherit; }
.wk-code__lang { position: absolute; left: 14px; top: 8px; color: #64748b; font-size: 12px; } .wk-code__lang + .wk-copy + pre { padding-top: 30px; }
.wk-copy { position: absolute; right: 8px; top: 8px; padding: 4px 10px; border: 0; border-radius: 8px; background: rgba(255,255,255,.08); color: #cbd5e1; font: 12px var(--wk-body); cursor: pointer; }
.wk-copy:hover { background: rgba(255,255,255,.16); }
.wk-pager { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin: 36px 0 0; }
.wk-pager a { display: block; padding: 14px 16px; border-radius: var(--wk-r); background: var(--wk-card); box-shadow: 0 0 0 1px var(--wk-line); color: var(--wk-ink); text-decoration: none; }
.wk-pager a:hover { box-shadow: 0 0 0 1px var(--wk-gold); }
.wk-pager small { display: block; color: var(--wk-muted); } .wk-pager__next { text-align: right; grid-column: 2; }
.wk-toc { position: sticky; top: 84px; align-self: start; font-size: 13.5px; }
.wk-toc b { display: block; margin-bottom: 8px; color: var(--wk-muted); font-size: 12px; letter-spacing: .06em; text-transform: uppercase; }
.wk-toc a { display: block; padding: 4px 0 4px 12px; border-left: 2px solid var(--wk-line); color: var(--wk-ink-2); text-decoration: none; }
.wk-toc a:hover, .wk-toc a.is-on { border-color: var(--wk-gold); color: var(--wk-ink); }
.wk-help { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-top: 44px; padding: 18px 20px; border-radius: var(--wk-r); background: var(--wk-ink); color: #e2e8f0; }
.wk-help b { display: block; color: #fff; } .wk-help span { font-size: 14px; color: #94a3b8; }
.wk-help .wk-btn { background: var(--wk-gold); color: var(--wk-ink) !important; white-space: nowrap; }
.wk-foot { padding: 24px; text-align: center; color: var(--wk-muted); font-size: 13px; } .wk-foot a { color: var(--wk-muted); }

@media (max-width: 1180px) { .wk-layout--article { grid-template-columns: 260px minmax(0, 1fr); } .wk-toc { display: none; } }
@media (max-width: 860px) {
  .wk-top { padding: 10px 16px; gap: 10px; flex-wrap: wrap; } .wk-top__links { display: none; } .wk-burger { display: block; }
  .wk-search { order: 3; flex-basis: 100%; max-width: none; }
  .wk-layout, .wk-layout--article { grid-template-columns: minmax(0, 1fr); padding: 16px 16px 40px; gap: 16px; }
  .wk-nav { display: none; position: static; max-height: none; } .wk-nav.is-open { display: block; }
  .wk-help { flex-direction: column; align-items: flex-start; }
  .wk-pager { grid-template-columns: 1fr; } .wk-pager__next { grid-column: 1; }
}