/* Readable max width for screenshots in the article column (screen + PDF) */
:root {
  --wiki-content-img-max: 520px;
}

/* SDT main wiki: header icon row — obvious links (same colors as .card a, always underlined) */
.wiki-guide .wiki-sdt-header-links a {
  text-decoration: underline;
  text-underline-offset: 3px;
}

/* Anchor Setup (getting-started): three columns — text | screenshot | text (no flex-wrap stacking) */
.wiki-guide .wiki-anchor-setup-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(260px, 420px) minmax(0, 1fr);
  gap: 24px 32px;
  align-items: center;
  margin: 20px 0;
  width: 100%;
  box-sizing: border-box;
}
.wiki-guide .wiki-anchor-setup-layout .wiki-anchor-setup-col {
  display: flex;
  flex-direction: column;
  gap: 16px;
  min-width: 0;
}
.wiki-guide .wiki-anchor-setup-layout .wiki-anchor-setup-left {
  text-align: right;
}
.wiki-guide .wiki-anchor-setup-layout .wiki-anchor-setup-right {
  text-align: left;
}
.wiki-guide .wiki-anchor-setup-layout .wiki-anchor-setup-img {
  text-align: center;
}
.wiki-guide .wiki-anchor-setup-layout .wiki-anchor-setup-img img {
  max-width: 100%;
  height: auto;
  vertical-align: middle;
}
@media (max-width: 900px) {
  .wiki-guide .wiki-anchor-setup-layout {
    grid-template-columns: 1fr;
    gap: 20px;
  }
  .wiki-guide .wiki-anchor-setup-layout .wiki-anchor-setup-img {
    order: -1;
  }
  .wiki-guide .wiki-anchor-setup-layout .wiki-anchor-setup-left,
  .wiki-guide .wiki-anchor-setup-layout .wiki-anchor-setup-right {
    text-align: left;
  }
}

/* Table of Contents (in-article, rare; or extracted to main.wiki-page-with-toc > nav) */
.wiki-toc {
  padding: 20px 22px;
  background: rgba(255, 252, 248, 0.92);
  border: 1px solid var(--cream-border);
  border-radius: 16px;
  box-sizing: border-box;
}
.wiki-guide .wiki-toc {
  margin: 20px 0 28px;
}

/* TOC left of the cream card, on the page background (build extracts nav from article) */
main.wrap.wiki-page-with-toc {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 24px 32px;
}
main.wrap.wiki-page-with-toc > nav.wiki-toc {
  flex: 0 0 min(232px, 32vw);
  max-width: 260px;
  margin: 0;
  position: sticky;
  top: 12px;
  align-self: flex-start;
  overflow: visible;
}
main.wrap.wiki-page-with-toc > section.card {
  flex: 1;
  min-width: 0;
}
@media (max-width: 900px) {
  main.wrap.wiki-page-with-toc {
    flex-direction: column;
  }
  main.wrap.wiki-page-with-toc > nav.wiki-toc {
    position: static;
    max-height: none;
    overflow: visible;
    flex: none;
    max-width: none;
    width: 100%;
    margin: 0 0 8px;
  }
}

.wiki-toc h2 {
  margin: 0 0 12px !important;
  padding: 0 !important;
  border: none !important;
  font-size: 1.05rem !important;
}
.wiki-toc ul {
  margin: 0;
  padding-left: 0;
  list-style: none;
}
.wiki-toc > ul > li {
  margin-bottom: 2px;
}
.wiki-toc ul ul {
  padding-left: 18px;
  margin: 2px 0 4px;
}
.wiki-toc li {
  margin-bottom: 1px;
}
.wiki-toc a {
  font-size: 0.92rem;
  line-height: 1.85;
}

/* HTTP method badges */
.wiki-guide .http-badge {
  display: inline-block;
  font-family: ui-monospace, SFMono-Regular, "SF Mono", Menlo, monospace;
  font-size: 0.78rem;
  font-weight: 700;
  padding: 1px 7px;
  border-radius: 4px;
  vertical-align: middle;
  line-height: 1.5;
  letter-spacing: 0.02em;
  white-space: nowrap;
}
.wiki-guide .http-badge.get  { background: rgba(107,168,79,0.18); color: #3a7a1e; }
.wiki-guide .http-badge.post { background: rgba(91,155,213,0.18); color: #2a6dab; }

.wiki-breadcrumb { margin-bottom: 16px; font-size: 0.9rem; }
.wiki-breadcrumb a { color: var(--sky-deep); font-weight: 600; }
.wiki-breadcrumb a:hover { text-decoration: underline; }
/* Page title is outside .wiki-guide; body starts at ## */
.wiki-guide h1 { color: var(--wood); margin: 0 0 18px; font-size: 1.35rem; font-weight: 700; }
.wiki-guide h2 { color: var(--wood); margin: 32px 0 14px; padding-bottom: 8px; border-bottom: 1px solid var(--cream-border); font-size: 1.3rem; font-weight: 700; }
.wiki-guide h2:first-of-type { margin-top: 0; }
.wiki-guide h3 { color: var(--wood-light); margin: 24px 0 10px; font-size: 1.08rem; font-weight: 600; }
.wiki-guide p { line-height: 1.7; margin: 0 0 14px; }
.wiki-guide ul, .wiki-guide ol { margin: 0 0 16px; padding-left: 24px; }
.wiki-guide li { margin-bottom: 6px; }
.wiki-guide .steps {
  counter-reset: step;
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin: 16px 0;
}
.wiki-guide .step {
  display: block;
  margin: 0;
  padding: 16px 18px 16px 56px;
  position: relative;
  background: rgba(255, 252, 248, 0.9);
  border: 1px solid var(--cream-border);
  border-radius: 16px;
  box-shadow: 0 1px 4px rgba(92, 61, 46, 0.03);
}
.wiki-guide .step::before {
  counter-increment: step;
  content: counter(step);
  position: absolute;
  left: 16px;
  top: 16px;
  width: 28px;
  height: 28px;
  background: var(--wood);
  color: #fff;
  border-radius: 50%;
  text-align: center;
  line-height: 28px;
  font-weight: 700;
  font-size: 0.85rem;
}
.wiki-guide .step strong { display: block; margin-bottom: 6px; color: var(--wood); }
.wiki-guide table { width: 100%; border-collapse: collapse; margin: 16px 0; font-size: 0.95rem; }
.wiki-guide th, .wiki-guide td { border: 1px solid var(--cream-border); padding: 10px 12px; text-align: left; }
.wiki-guide th { background: rgba(212,184,150,0.3); font-weight: 700; }
.wiki-guide tr:nth-child(even) { background: rgba(255,248,231,0.4); }
.wiki-guide .tip { background: rgba(107,168,79,0.08); border-left: 4px solid var(--leaf); padding: 14px 18px; margin: 18px 0; border-radius: 0 12px 12px 0; }
.wiki-guide .tip strong { color: var(--wood); }
.wiki-guide .note { background: rgba(91,155,213,0.08); border-left: 4px solid var(--sky-deep); padding: 14px 18px; margin: 18px 0; border-radius: 0 12px 12px 0; }
.wiki-guide .warning { background: rgba(200,100,50,0.1); border-left: 4px solid #c86432; padding: 14px 18px; margin: 18px 0; border-radius: 0 12px 12px 0; }
/* Strong notice (red) — distinct from orange .warning */
.wiki-guide .callout-important {
  background: rgba(180, 40, 40, 0.08);
  border-left: 4px solid #b42828;
  padding: 14px 18px;
  margin: 18px 0;
  border-radius: 0 12px 12px 0;
}
.wiki-guide .callout-important strong { color: var(--wood); }
/* Red notice with full border (closed box), e.g. setup walkthrough callouts */
.wiki-guide .callout-important-box {
  margin: 0 0 18px;
  padding: 14px 18px;
  border: 2px solid #b42828;
  border-radius: 12px;
  background: rgba(180, 40, 40, 0.1);
  color: #4a1515;
  font-size: 0.95rem;
  line-height: 1.6;
}
.wiki-guide .callout-important-box p { margin: 0; }
.wiki-guide .callout-important-box a { color: #8b1e1e; font-weight: 600; text-decoration: underline; text-underline-offset: 2px; }
.wiki-guide .callout-important-box a:hover { color: #5c1212; }
.wiki-guide code { background: rgba(0,0,0,0.06); padding: 2px 6px; border-radius: 4px; font-size: 0.9em; }
.wiki-guide .token-gate-block { margin: 24px 0; padding: 24px; background: rgba(255,255,255,0.7); border-radius: 12px; }

/* Island detail — Behavior explainer: inline screenshots + click-to-zoom */
.wiki-guide .sdt-behavior-explainer {
  margin: 12px 0 28px;
  border: 1px solid var(--cream-border);
  border-radius: 16px;
  background: rgba(255, 252, 248, 0.85);
  box-shadow: 0 1px 8px rgba(92, 61, 46, 0.05);
  overflow: hidden;
}
/* Each top-level behavior is a collapsible row */
.wiki-guide details.sdt-behavior-explainer-item {
  border-bottom: 1px solid rgba(92, 61, 46, 0.08);
  font-size: 14px;
  line-height: 1.65;
}
.wiki-guide details.sdt-behavior-explainer-item:last-of-type {
  border-bottom: none;
}
.wiki-guide details.sdt-behavior-explainer-item > summary.sdt-behavior-explainer-summary {
  cursor: pointer;
  list-style: none;
  user-select: none;
  padding: 14px 18px;
  margin: 0;
  font-size: 1.05rem;
  font-weight: 700;
  color: var(--wood);
  display: flex;
  align-items: center;
  gap: 0.5rem;
  transition: background 0.12s ease;
}
.wiki-guide details.sdt-behavior-explainer-item > summary.sdt-behavior-explainer-summary::-webkit-details-marker {
  display: none;
}
.wiki-guide details.sdt-behavior-explainer-item > summary.sdt-behavior-explainer-summary::before {
  content: '';
  flex-shrink: 0;
  display: inline-block;
  width: 0.45em;
  height: 0.45em;
  border-right: 2px solid var(--sky-deep);
  border-bottom: 2px solid var(--sky-deep);
  transform: rotate(-45deg);
  opacity: 0.75;
  transition: transform 0.15s ease;
}
.wiki-guide details.sdt-behavior-explainer-item[open] > summary.sdt-behavior-explainer-summary::before {
  transform: rotate(45deg);
}
.wiki-guide details.sdt-behavior-explainer-item > summary.sdt-behavior-explainer-summary:hover {
  background: rgba(91, 155, 213, 0.06);
}
.wiki-guide details.sdt-behavior-explainer-item .sdt-behavior-explainer-body {
  padding: 0 18px 16px 18px;
}
.wiki-guide .sdt-behavior-explainer-title {
  margin: 0 0 8px;
  font-size: 1.02rem;
  font-weight: 700;
  color: var(--wood);
}
.wiki-guide details.sdt-behavior-shot {
  margin: 12px 0 0;
  border: 1px solid var(--cream-border);
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.65);
  overflow: hidden;
}
.wiki-guide details.sdt-behavior-shot > summary {
  cursor: pointer;
  padding: 10px 14px;
  font-weight: 600;
  font-size: 0.9rem;
  color: var(--sky-deep);
  list-style: none;
  user-select: none;
}
.wiki-guide details.sdt-behavior-shot > summary::-webkit-details-marker {
  display: none;
}
.wiki-guide details.sdt-behavior-shot > summary::before {
  content: '';
  display: inline-block;
  width: 0.45em;
  height: 0.45em;
  margin-right: 0.5em;
  border-right: 2px solid var(--sky-deep);
  border-bottom: 2px solid var(--sky-deep);
  transform: rotate(-45deg);
  vertical-align: 0.15em;
  opacity: 0.75;
  transition: transform 0.15s ease;
}
.wiki-guide details.sdt-behavior-shot[open] > summary::before {
  transform: rotate(45deg);
  vertical-align: 0.05em;
}
.wiki-guide details.sdt-behavior-shot .sdt-behavior-shot-body {
  padding: 0 14px 14px;
  text-align: center;
}
.wiki-guide details.sdt-behavior-shot .sdt-behavior-shot-body img {
  max-width: 100%;
  height: auto;
  border-radius: 8px;
  vertical-align: middle;
}
.wiki-guide details.sdt-behavior-shot.sdt-behavior-hero-shot {
  margin: 16px 0;
}

/* Inline behavior shots (not collapsed); default smaller, click doubles */
.wiki-guide .sdt-behavior-inline-row {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  align-items: flex-end;
  justify-content: flex-start;
  margin-top: 12px;
}
.wiki-guide .sdt-behavior-inline-stack {
  margin-top: 12px;
  display: flex;
  flex-direction: column;
  gap: 14px;
  align-items: center;
}
.wiki-guide .sdt-behavior-zoom-wrap {
  margin: 0;
  text-align: center;
}
.wiki-guide .sdt-behavior-zoom-wrap figcaption {
  margin-top: 6px;
  font-size: 12px;
  color: var(--text-light);
  line-height: 1.4;
  max-width: 280px;
  margin-left: auto;
  margin-right: auto;
}
.wiki-guide .sdt-behavior-zoom-wrap .sdt-behavior-zoom-hint {
  color: var(--sky-deep);
  font-weight: 600;
}
.wiki-guide .sdt-behavior-zoom-btn {
  display: inline-block;
  padding: 0;
  margin: 0;
  border: 1px solid var(--cream-border);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.92);
  cursor: zoom-in;
  line-height: 0;
  vertical-align: top;
  font: inherit;
}
.wiki-guide .sdt-behavior-zoom-wrap.is-zoomed .sdt-behavior-zoom-btn {
  cursor: zoom-out;
}
.wiki-guide .sdt-behavior-zoom-btn:focus {
  outline: 2px solid var(--sky-deep);
  outline-offset: 2px;
}
.wiki-guide .sdt-behavior-zoom-btn img {
  display: block;
  width: 72px;
  max-width: 100%;
  height: auto;
  border-radius: 7px;
  vertical-align: middle;
}
.wiki-guide .sdt-behavior-zoom-wrap.is-zoomed .sdt-behavior-zoom-btn img {
  width: 144px;
}
.wiki-guide .sdt-behavior-zoom-wrap--wide .sdt-behavior-zoom-btn img {
  width: min(200px, 46vw);
}
.wiki-guide .sdt-behavior-zoom-wrap--wide.is-zoomed .sdt-behavior-zoom-btn img {
  width: min(400px, 92vw);
}
.wiki-guide .sdt-behavior-inline-stack .sdt-behavior-zoom-wrap--wide figcaption {
  max-width: min(400px, 92vw);
}

.wiki-guide .sdt-behavior-wizard details.bw-diagram {
  margin-top: 12px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.55);
  overflow: hidden;
}
.wiki-guide .sdt-behavior-wizard details.bw-diagram > summary {
  cursor: pointer;
  padding: 10px 14px;
  font-weight: 600;
  font-size: 0.9rem;
  color: var(--sky-deep);
  list-style: none;
  user-select: none;
}
.wiki-guide .sdt-behavior-wizard details.bw-diagram > summary::-webkit-details-marker {
  display: none;
}
.wiki-guide .sdt-behavior-wizard details.bw-diagram > summary::before {
  content: '';
  display: inline-block;
  width: 0.45em;
  height: 0.45em;
  margin-right: 0.5em;
  border-right: 2px solid var(--sky-deep);
  border-bottom: 2px solid var(--sky-deep);
  transform: rotate(-45deg);
  vertical-align: 0.15em;
  opacity: 0.75;
  transition: transform 0.15s ease;
}
.wiki-guide .sdt-behavior-wizard details.bw-diagram[open] > summary::before {
  transform: rotate(45deg);
  vertical-align: 0.05em;
}
.wiki-guide .sdt-behavior-wizard details.bw-diagram .bw-result {
  margin-top: 0;
  padding: 0 12px 12px;
}

/* Post-Launch Polishing — intro banner (matches site cream / wood palette) */
.wiki-guide .wiki-polish-intro {
  margin: 0 0 22px;
  padding: 22px 24px;
  background: linear-gradient(135deg, rgba(92, 151, 191, 0.12), rgba(212, 184, 150, 0.16));
  border: 1px solid var(--cream-border);
  border-radius: 16px;
  box-shadow: 0 2px 14px rgba(92, 61, 46, 0.07);
}
.wiki-guide .wiki-polish-intro p {
  line-height: 1.65;
  margin: 0 0 12px;
}
.wiki-guide .wiki-polish-intro p:last-child {
  margin-bottom: 0;
}

/* GFM task lists — card-style rows (any wiki page using - [ ] / - [x]) */
.wiki-guide ul:has(> li > input[type="checkbox"]) {
  list-style: none;
  padding-left: 0;
  margin: 18px 0 28px;
}
/*
  Do not use display:flex on these <li> rows: a single checkbox + mixed text + <em> creates multiple
  flex items (anonymous text runs), which breaks into columns and looks like missing words.
  Float the checkbox instead so all label text flows in normal document order.
*/
.wiki-guide ul:has(> li > input[type="checkbox"]) > li:has(> input[type="checkbox"]) {
  display: flow-root;
  margin: 0 0 12px;
  padding: 14px 16px 14px 14px;
  background: rgba(255, 252, 248, 0.96);
  border: 1px solid var(--cream-border);
  border-radius: 14px;
  box-shadow: 0 1px 5px rgba(92, 61, 46, 0.04);
  line-height: 1.55;
}
.wiki-guide ul:has(> li > input[type="checkbox"]) > li:has(> input[type="checkbox"]):last-child {
  margin-bottom: 0;
}
.wiki-guide ul:has(> li > input[type="checkbox"]) > li:has(> input[type="checkbox"]) input[type="checkbox"] {
  float: left;
  margin: 4px 12px 8px 0;
  width: 1.05rem;
  height: 1.05rem;
  accent-color: var(--sky-deep);
  cursor: default;
}
/* Nested task list under a row (e.g. Monetization Tools → detail) */
.wiki-guide ul:has(> li > input[type="checkbox"]) > li:has(> input[type="checkbox"]) > ul {
  list-style: none;
  padding-left: 0;
  margin: 12px 0 0;
  clear: both;
}
.wiki-guide ul:has(> li > input[type="checkbox"]) > li:has(> input[type="checkbox"]) > ul > li:has(> input[type="checkbox"]) {
  display: flow-root;
  margin: 0 0 10px;
  padding: 12px 14px;
  background: rgba(255, 252, 248, 0.88);
  border: 1px solid var(--cream-border);
  border-radius: 10px;
  line-height: 1.55;
}
.wiki-guide ul:has(> li > input[type="checkbox"]) > li:has(> input[type="checkbox"]) > ul > li:has(> input[type="checkbox"]):last-child {
  margin-bottom: 0;
}
.wiki-guide ul:has(> li > input[type="checkbox"]) > li:has(> input[type="checkbox"]) > ul > li:has(> input[type="checkbox"]) input[type="checkbox"] {
  float: left;
  margin: 3px 10px 6px 0;
  width: 1.05rem;
  height: 1.05rem;
  accent-color: var(--sky-deep);
  cursor: default;
}
/* Wrapper <li> that only contains a nested <ul> (no own checkbox) — no double card */
.wiki-guide ul:has(> li > input[type="checkbox"]) > li:not(:has(> input[type="checkbox"])) {
  background: transparent;
  border: none;
  box-shadow: none;
  padding: 0;
  margin: 0 0 10px;
  list-style: none;
}
.wiki-guide ul:has(> li > input[type="checkbox"]) > li:not(:has(> input[type="checkbox"])) > ul {
  margin: 0;
}
.wiki-guide ul:has(> li > input[type="checkbox"]) > li:not(:has(> input[type="checkbox"])):last-child {
  margin-bottom: 0;
}

/* Screenshot thumbnails — wrapScreenshots() wraps onclick images in .screenshot-thumb with a "click to view" label */
.wiki-guide .screenshot-thumb {
  display: inline-block;
  text-align: center;
  cursor: zoom-in;
  position: relative;
}
.wiki-guide .screenshot-thumb > span:last-child {
  display: block;
  font-size: 12px;
  color: var(--sky-deep);
  font-weight: 600;
  margin-top: 4px;
}

/* Wiki images — drop files in assets/wiki/images/ and paste <figure class="wiki-figure">… (see WIKI-IMAGES.md) */
.wiki-guide .wiki-figure {
  margin: 20px 0;
  padding: 12px;
  background: rgba(255, 252, 248, 0.95);
  border: 1px solid var(--cream-border);
  border-radius: 16px;
  box-shadow: 0 2px 10px rgba(92, 61, 46, 0.06);
  text-align: center;
  -webkit-touch-callout: none;
}
.wiki-guide .wiki-figure img {
  max-width: 100%;
  height: auto;
  border-radius: 10px;
  vertical-align: middle;
}
.wiki-guide .wiki-figure figcaption {
  margin-top: 10px;
  font-size: 0.9rem;
  color: var(--text-light);
  line-height: 1.45;
}

/* ---- Inline / markdown images (screen) — keeps huge PNGs from overflowing or dominating print preview ---- */
.wiki-guide img {
  max-width: 100%;
  height: auto;
  vertical-align: middle;
}

/* Inline emoji-sized icons in prose (profile faces, etc.). Must override .wiki-guide img { max-width:100% }
   and site.js .img-touch-shield > img { display:block; max-width:100% } or large PNGs fill the whole column. */
.wiki-guide img.wiki-inline-icon {
  max-width: 35px !important;
  width: 35px !important;
  height: auto !important;
  min-width: 0;
  object-fit: contain;
  vertical-align: middle;
  display: inline-block !important;
}
.wiki-guide span.img-touch-shield:has(> img.wiki-inline-icon) {
  display: inline-block !important;
  max-width: 40px !important;
  width: auto !important;
  vertical-align: middle;
  line-height: 0;
}
.wiki-guide span.img-touch-shield > img.wiki-inline-icon {
  max-width: 100% !important;
  height: auto !important;
  width: 35px !important;
  display: inline-block !important;
}

/* Honor small toolbar icons; cap large width="500" style screenshots to the column */
.wiki-guide img[width] {
  max-width: min(100%, var(--wiki-content-img-max));
}

/* Centered figure wrappers from the markdown often use inline divs — contain overflow */
.wiki-guide > div {
  max-width: 100%;
  box-sizing: border-box;
}

/* ── Setup walkthrough components ── */

/* Progress tracker + scratch pad shared wrapper */
.wiki-guide .setup-box {
  margin: 18px 0;
  padding: 16px 18px;
  background: rgba(255,252,248,0.95);
  border: 1px solid var(--cream-border);
  border-radius: 16px;
}
.wiki-guide .setup-box label {
  display: flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
  font-size: 14px;
  line-height: 2.4;
}
.wiki-guide .setup-box .field { margin-bottom: 10px; }
.wiki-guide .setup-box .field label {
  font-weight: 600;
  font-size: 13px;
  display: block;
  margin-bottom: 4px;
  line-height: 1.4;
  cursor: default;
}
.wiki-guide .setup-box .field input[type="text"] {
  width: 100%;
  max-width: 420px;
  padding: 6px 10px;
  border: 1px solid #ccc;
  border-radius: 8px;
  font-size: 14px;
}

/* Host-type path cards (setup walkthrough hub) */
.wiki-guide .path-card {
  padding: 24px 26px;
  background: rgba(255,252,248,0.95);
  border-radius: 16px;
  margin-bottom: 20px;
  border: 2px solid #ddd;
}
.wiki-guide .path-card.solo { border-color: #5C97BF; }
.wiki-guide .path-card.team-hub { border-color: #7E57C2; }
.wiki-guide .path-card.team-member { border-color: #43A047; }
.wiki-guide .path-card h3 { margin: 0 0 6px; font-size: 18px; }
.wiki-guide .path-card .subtitle { margin: 0 0 16px; font-size: 14px; opacity: 0.75; }
.wiki-guide .path-card ol { margin: 0 0 8px; padding-left: 22px; font-size: 14px; line-height: 2.2; }
.wiki-guide .path-card ol li { padding-left: 4px; }
.wiki-guide .path-card > p > strong:first-child { font-size: 13px; text-transform: uppercase; letter-spacing: 0.04em; opacity: 0.55; }

/* Branch question prompt inside path cards */
.wiki-guide .branch-question {
  margin: 18px 0 10px;
  padding-top: 14px;
  border-top: 1px dashed #ccc;
  font-weight: 600;
  font-size: 14px;
}
.wiki-guide .small-note {
  margin: 0 0 12px;
  font-size: 13px;
  opacity: 0.65;
}

/* Optional items list */
.wiki-guide .optional-list {
  margin: 0 0 6px;
  padding-left: 22px;
  font-size: 14px;
  line-height: 2.2;
  list-style: none;
}
.wiki-guide .optional-list li::before {
  content: "- ";
  opacity: 0.4;
}

/* Sub-branch inside a path card */
.wiki-guide .sub-branch {
  margin: 8px 0 12px;
  padding: 14px 16px;
  border-radius: 12px;
  background: rgba(0,0,0,0.03);
}
.wiki-guide .sub-branch.nested {
  margin: 12px 0 4px;
  padding: 12px 14px;
  background: rgba(0,0,0,0.03);
  border-radius: 10px;
}
.wiki-guide .sub-branch .branch-label { margin: 0 0 6px; font-weight: 600; font-size: 13px; }
.wiki-guide .sub-branch ol { margin: 0; padding-left: 20px; font-size: 14px; line-height: 2.2; }
.wiki-guide .sub-branch ul { margin: 0; padding-left: 20px; font-size: 14px; line-height: 2.2; }

/* "Everyone starts here" highlight box */
.wiki-guide .everyone-box {
  margin: 24px 0;
  padding: 20px 24px;
  background: rgba(255,252,248,0.95);
  border: 2px solid #E0C88A;
  border-radius: 16px;
}
.wiki-guide .everyone-box ol { margin: 0 0 6px; padding-left: 22px; font-size: 14px; line-height: 2.4; }
.wiki-guide .everyone-box > p:last-child { margin: 8px 0 0; font-size: 13px; opacity: 0.65; }

/* Recipe quick-start blocks */
.wiki-guide .recipe-box {
  margin: 14px 0;
  padding: 14px 16px;
  background: rgba(255,252,248,0.95);
  border: 1px solid var(--cream-border);
  border-radius: 16px;
  font-size: 14px;
  line-height: 2.0;
}

/* Quick reference directory */
.wiki-guide .quick-ref {
  margin: 18px 0;
  padding: 20px 24px;
  background: rgba(255,252,248,0.95);
  border: 1px solid var(--cream-border);
  border-radius: 16px;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
  gap: 18px 28px;
}
.wiki-guide .quick-ref-col { font-size: 14px; line-height: 2.0; }
.wiki-guide .quick-ref-col strong { display: block; margin-bottom: 2px; }
.wiki-guide .quick-ref-col a { display: block; }

/* ── Setup walkthrough: full-width layout (PC-first) ── */
body.setup-hub-page .wrap {
  width: min(1400px, 96vw);
}
body.setup-hub-page .card {
  padding: 24px 28px 28px;
  box-shadow: 0 4px 24px rgba(92, 61, 46, 0.07);
}
body.setup-hub-page .card > h1 {
  margin: 0 0 8px;
  font-size: clamp(1.45rem, 4vw, 1.75rem);
  letter-spacing: -0.02em;
  color: var(--wood);
}
@media (max-width: 520px) {
  body.setup-hub-page .wrap {
    width: 98vw;
  }
  body.setup-hub-page .card {
    padding: 16px 12px 20px;
  }
}

.wiki-guide.setup-roadmap .setup-roadmap-intro {
  margin: 0 0 22px;
  padding: 22px 24px;
  background: linear-gradient(135deg, rgba(92, 151, 191, 0.11), rgba(212, 184, 150, 0.18));
  border: 1px solid var(--cream-border);
  border-radius: 16px;
  box-shadow: 0 2px 12px rgba(92, 61, 46, 0.06);
}
.wiki-guide.setup-roadmap .setup-roadmap-intro p {
  margin: 0;
  font-size: 1.05rem;
  line-height: 1.65;
}

.wiki-guide.setup-roadmap .setup-roadmap-toc {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px 14px;
  margin: 0 0 28px;
  padding: 14px 18px;
  background: rgba(255, 252, 248, 0.92);
  border: 1px dashed rgba(92, 61, 46, 0.2);
  border-radius: 14px;
  font-size: 0.92rem;
}
.wiki-guide.setup-roadmap .setup-roadmap-toc-label {
  font-weight: 700;
  color: var(--wood);
  margin-right: 4px;
}
.wiki-guide.setup-roadmap .setup-roadmap-toc a {
  font-weight: 600;
  color: var(--sky-deep);
  text-decoration: none;
  padding: 4px 10px;
  border-radius: 999px;
  background: rgba(91, 155, 213, 0.1);
  transition: background 0.15s ease, color 0.15s ease;
}
.wiki-guide.setup-roadmap .setup-roadmap-toc a:hover {
  background: rgba(91, 155, 213, 0.2);
  text-decoration: none;
  color: #3d6fa0;
}

.wiki-guide.setup-roadmap h2.setup-step-heading {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  margin: 36px 0 18px;
  padding: 0 0 12px;
  border-bottom: 2px solid rgba(212, 184, 150, 0.45);
  font-size: 1.35rem;
  line-height: 1.25;
}
.wiki-guide.setup-roadmap h2.setup-step-heading:first-of-type {
  margin-top: 0;
}
.wiki-guide.setup-roadmap .setup-step-badge {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 2.25rem;
  height: 2.25rem;
  margin-top: 2px;
  border-radius: 12px;
  background: linear-gradient(145deg, var(--wood) 0%, #8b6a4e 100%);
  color: #fff;
  font-size: 1.05rem;
  font-weight: 800;
  box-shadow: 0 2px 8px rgba(92, 61, 46, 0.2);
}
.wiki-guide.setup-roadmap .setup-step-badge--ref {
  font-size: 0.62rem;
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  border-radius: 10px;
  background: linear-gradient(145deg, #6b8fa8 0%, #5c7a8f 100%);
}
.wiki-guide.setup-roadmap .setup-step-title-text {
  flex: 1;
  min-width: 0;
}
.wiki-guide.setup-roadmap h2.setup-step-heading--ref {
  border-bottom-color: rgba(91, 155, 213, 0.35);
}

.wiki-guide.setup-roadmap p.setup-step-lead {
  margin: 0 0 20px;
  font-size: 1.05rem;
  line-height: 1.6;
  color: var(--text);
}

.wiki-guide.setup-roadmap .setup-path-stack {
  display: flex;
  flex-direction: column;
  gap: 22px;
}

/* Richer path cards on the hub page */
.wiki-guide.setup-roadmap .path-card {
  margin-bottom: 0;
  padding: 26px 28px 28px;
  border-width: 2px;
  box-shadow: 0 4px 18px rgba(92, 61, 46, 0.07);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.55) 0%, rgba(255, 252, 248, 0.98) 48px);
  position: relative;
  overflow: hidden;
}
.wiki-guide.setup-roadmap .path-card::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  height: 4px;
  border-radius: 14px 14px 0 0;
  opacity: 0.95;
}
.wiki-guide.setup-roadmap .path-card.solo::before {
  background: linear-gradient(90deg, #5c97bf, #7eb8d9);
}
.wiki-guide.setup-roadmap .path-card.team-hub::before {
  background: linear-gradient(90deg, #7e57c2, #b39ddb);
}
.wiki-guide.setup-roadmap .path-card.team-member::before {
  background: linear-gradient(90deg, #43a047, #81c784);
}
.wiki-guide.setup-roadmap .path-card h3 {
  font-size: 1.2rem;
  margin: 0 0 8px;
  color: var(--wood);
}
.wiki-guide.setup-roadmap .path-card .subtitle {
  font-size: 0.95rem;
  opacity: 0.82;
  line-height: 1.5;
  margin-bottom: 18px;
}

.wiki-guide.setup-roadmap .everyone-box {
  border-width: 2px;
  box-shadow: 0 3px 14px rgba(224, 200, 138, 0.35);
  background: linear-gradient(165deg, rgba(255, 252, 248, 0.98) 0%, rgba(255, 248, 231, 0.5) 100%);
}

.wiki-guide.setup-roadmap .branch-question {
  border-top-color: rgba(92, 61, 46, 0.12);
  font-size: 0.98rem;
  color: var(--wood);
}

.wiki-guide.setup-roadmap .sub-branch {
  border-left: 3px solid rgba(91, 155, 213, 0.35);
  background: rgba(255, 255, 255, 0.65);
}

.wiki-guide.setup-roadmap .sub-branch.nested {
  border-left-color: rgba(126, 87, 194, 0.4);
}

.wiki-guide.setup-roadmap .quick-ref {
  gap: 22px 24px;
  padding: 24px 26px;
  box-shadow: 0 2px 14px rgba(92, 61, 46, 0.05);
}
.wiki-guide.setup-roadmap .quick-ref-col strong {
  font-size: 0.72rem;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: var(--wood);
  opacity: 0.85;
  margin-bottom: 8px;
}
.wiki-guide.setup-roadmap .quick-ref-col a {
  padding: 2px 0;
  border-radius: 4px;
}
.wiki-guide.setup-roadmap .quick-ref-col a:hover {
  background: rgba(91, 155, 213, 0.08);
}

/* ── Step-check headings (setup walkthroughs) ── */
.wiki-guide .step-heading {
  display: flex;
  align-items: center;
  gap: 12px;
  cursor: pointer;
  user-select: none;
  transition: color 0.2s ease, opacity 0.2s ease;
}
.wiki-guide .step-heading .step-check {
  width: 22px;
  height: 22px;
  min-width: 22px;
  accent-color: #43A047;
  cursor: pointer;
}
.wiki-guide .step-done {
  color: #43A047;
  text-decoration: line-through;
  text-decoration-color: #43A047;
  opacity: 0.65;
}

/* Collapsible troubleshooting */
.wiki-guide details { margin-bottom: 12px; }
.wiki-guide details summary { font-weight: 600; cursor: pointer; }
.wiki-guide details ul { margin: 8px 0 0; font-size: 14px; }

/* ---- Print & Save as PDF (Getting Started review copies, etc.) ---- */
@media print {
  body {
    background: #fff !important;
  }

  .site-header .brand img {
    max-height: 48px !important;
    width: auto !important;
  }

  .site-header nav {
    display: none !important;
  }

  .wiki-breadcrumb {
    display: none !important;
  }

  .site-footer {
    display: none !important;
  }

  .card {
    box-shadow: none !important;
    border: 1px solid #ddd !important;
    padding: 12px 16px !important;
  }

  .wiki-guide img {
    max-width: 100% !important;
    height: auto !important;
    page-break-inside: avoid;
  }

  .wiki-guide img.wiki-inline-icon {
    max-width: 35px !important;
    width: 35px !important;
    height: auto !important;
  }

  .wiki-guide h2,
  .wiki-guide h3 {
    page-break-after: avoid;
  }

  main.wrap.wiki-page-with-toc {
    display: block;
  }
  main.wrap.wiki-page-with-toc > nav.wiki-toc {
    position: static;
    max-height: none;
    overflow: visible;
    width: auto;
    max-width: none;
    margin: 0 0 16px;
    page-break-inside: avoid;
  }
}

/* setup-walkthrough.html — collapsible steps (summary text is only "Step N") */
.setup-walkthrough-shell.setup-walkthrough-shell {
  margin: 0;
  padding: 0;
}

.wiki-guide.setup-walkthrough-shell .setup-walkthrough-step {
  border: 1px solid var(--cream-border);
  border-radius: 16px;
  margin-bottom: 16px;
  background: rgba(255, 252, 248, 0.75);
  box-shadow: 0 1px 4px rgba(92, 61, 46, 0.05);
}

.wiki-guide.setup-walkthrough-shell .setup-walkthrough-step > summary {
  cursor: pointer;
  list-style: none;
  padding: 12px 16px;
  font-weight: 600;
  font-size: 1.05rem;
  color: var(--wood);
}

.wiki-guide.setup-walkthrough-shell .setup-walkthrough-step > summary::-webkit-details-marker {
  display: none;
}

.wiki-guide.setup-walkthrough-shell .setup-walkthrough-step > summary::before {
  content: "";
  display: inline-block;
  width: 0.5em;
  margin-right: 0.35em;
  border-left: 0.35em solid transparent;
  border-right: 0.35em solid transparent;
  border-top: 0.45em solid var(--wood-light);
  vertical-align: middle;
  transition: transform 0.15s ease;
}

.wiki-guide.setup-walkthrough-shell .setup-walkthrough-step[open] > summary::before {
  transform: rotate(-180deg);
}

.wiki-guide.setup-walkthrough-shell .setup-walkthrough-step > summary:hover {
  background: rgba(255, 252, 248, 0.95);
  border-radius: 16px 16px 0 0;
}

.wiki-guide.setup-walkthrough-shell .setup-walkthrough-step:not([open]) > summary:hover {
  border-radius: 16px;
}

.wiki-guide.setup-walkthrough-shell .setup-walkthrough-step-body {
  padding: 12px 8px 18px;
  border-top: 1px solid var(--cream-border);
  color: var(--text);
  line-height: 1.7;
}

/* First heading in each step: same as .wiki-guide h2:first-of-type (only article-level :first-of-type applied). */
/* Step titles use normal .wiki-guide h2 (1.3rem, wood, bottom rule); only zero top margin here. */
.wiki-guide.setup-walkthrough-shell .setup-walkthrough-step-body > h2:first-of-type {
  margin-top: 0;
}