.plugin-doc {--bg:#15161a; --panel:#1d1f25; --panel2:#24262e; --line:#33363f;
    --text:#e8e9ed; --muted:#9a9db0; --gold:#e2c25a; --green:#7bc96f; --red:#d2685f;}
.plugin-doc * {box-sizing:border-box;}
.plugin-doc {margin:0; background:var(--bg); color:var(--text);
    font:15px/1.6 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;}
.plugin-doc .wrap {max-width:1100px; margin:0 auto; padding:0 20px 80px;}
.plugin-doc header.top {padding:48px 0 24px; border-bottom:1px solid var(--line); margin-bottom:32px;}
.plugin-doc h1 {margin:0 0 6px; font-size:34px; letter-spacing:-.5px;}
.plugin-doc h1 span {color:var(--gold);}
.plugin-doc .sub {color:var(--muted); margin:0;}
.plugin-doc h2 {font-size:24px; margin:44px 0 6px; padding-bottom:8px; border-bottom:2px solid var(--accent,#33363f); display:inline-block;}
.plugin-doc h3 {margin:0; font-size:17px;}
.plugin-doc .blurb {color:var(--muted); margin:8px 0 20px; max-width:70ch;}
.plugin-doc nav {display:flex; flex-wrap:wrap; gap:8px; margin:20px 0 0;}
.plugin-doc nav a {background:var(--panel); border:1px solid var(--line); color:var(--text);
    padding:7px 13px; border-radius:6px; text-decoration:none; font-size:14px;}
.plugin-doc nav a:hover {border-color:var(--gold); color:var(--gold);}
.plugin-doc table {width:100%; border-collapse:collapse; margin:10px 0;}
.plugin-doc td, .plugin-doc th {text-align:left; padding:8px 10px; border-bottom:1px solid var(--line); vertical-align:top;}
.plugin-doc th {color:var(--muted); font-weight:600; font-size:13px; text-transform:uppercase; letter-spacing:.4px;}
.plugin-doc code {background:var(--panel2); padding:2px 6px; border-radius:4px; font-size:13.5px;
    font-family:ui-monospace,SFMono-Regular,Menlo,monospace; color:var(--gold); white-space:nowrap;}
.plugin-doc pre {background:var(--panel2); border:1px solid var(--line); border-radius:8px; padding:14px;
    overflow-x:auto; font-size:13.5px;}
.plugin-doc pre code {background:none; padding:0; color:var(--text); white-space:pre;}
.plugin-doc .panel {background:var(--panel); border:1px solid var(--line); border-radius:10px; padding:18px 20px; margin:16px 0;}
.plugin-doc .cards {display:grid; grid-template-columns:repeat(auto-fit,minmax(460px,1fr)); gap:16px;}
.plugin-doc .card {background:var(--panel); border:1px solid var(--line); border-radius:10px; padding:16px 18px;}
.plugin-doc .card header {display:flex; align-items:center; gap:12px; margin-bottom:6px;}
.plugin-doc .strip {image-rendering:pixelated; height:36px;}
.plugin-doc img.hero {image-rendering:pixelated; width:64px; height:64px; float:left; margin:0 12px 6px 0;}
.plugin-doc img.badge {image-rendering:pixelated; width:27px; height:27px; vertical-align:-3px;}
.plugin-doc .card header::after {content:""; display:block; clear:both;}
.plugin-doc .card td {padding:6px 8px; font-size:14px;}
.plugin-doc .tier {color:var(--muted); white-space:nowrap; font-size:13px;}
.plugin-doc .aname {font-weight:600; white-space:nowrap;}
.plugin-doc .desc {color:var(--muted);}
.plugin-doc .tag {font-size:11px; padding:2px 7px; border-radius:20px; text-transform:uppercase; letter-spacing:.4px;}
.plugin-doc .tag.active {background:rgba(123,201,111,.15); color:var(--green);}
.plugin-doc .tag.passive {background:rgba(154,157,176,.15); color:var(--muted);}
.plugin-doc .cd {color:var(--muted); font-size:12px; margin-left:6px;}
.plugin-doc .kind {white-space:nowrap;}
.plugin-doc tr.highlight td {background:rgba(226,194,90,.08);}
.plugin-doc img.shot {max-width:100%; image-rendering:pixelated; border:1px solid var(--line); border-radius:8px;}
.plugin-doc .note {border-left:3px solid var(--gold); padding-left:14px; color:var(--muted);}
.plugin-doc .warn {border-left:3px solid var(--red); padding-left:14px; color:var(--muted);}
.plugin-doc footer {margin-top:60px; padding-top:20px; border-top:1px solid var(--line); color:var(--muted); font-size:13px;}
.plugin-doc .cards {grid-template-columns:1fr;}
.plugin-doc h1 {font-size:26px;}
.plugin-doc .version {background:var(--panel, var(--surface)); border:1px solid var(--line); border-radius:10px; padding:16px 20px; margin:0 0 14px;}
.plugin-doc .version h3 {margin:0 0 4px;}
.plugin-doc .version .vdate {color:var(--muted); font-weight:400; font-size:14px; margin-left:8px;}
.plugin-doc .version .vsum {margin:0 0 8px; font-weight:600;}
.plugin-doc .version .vcmp {margin:0 0 10px; color:var(--muted);}
.plugin-doc .version h4 {margin:12px 0 4px; font-size:14px; text-transform:uppercase; letter-spacing:.5px; color:var(--gold);}
.plugin-doc .version ul {margin:0; padding-left:20px;}
.plugin-doc .version li {margin:2px 0;}
.plugin-doc .version .vimg {display:block; max-width:100%; height:auto; image-rendering:pixelated; border-radius:6px; margin:4px 0 10px;}
.plugin-doc .version .staff {display:inline-block; font-size:11px; padding:0 6px; border-radius:4px; background:#3a2f55; color:#cdb8ff;}
/* --- site theme overrides (generated by sync-plugin-docs.sh) --- */
.plugin-doc {
  --bg: transparent;
  --panel: var(--color-mc-panel);
  --panel2: var(--color-mc-panel-light);
  --line: var(--color-mc-stone-dark);
  --text: var(--color-mc-cream);
  --muted: var(--color-mc-stone);
  --gold: var(--color-mc-gold);
  --green: var(--color-mc-green);
  --red: var(--color-mc-red);
  background: transparent;
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
}
.plugin-doc h1, .plugin-doc h2, .plugin-doc h3,
.plugin-doc h4, .plugin-doc th, .plugin-doc .brand {
  font-family: "Minecraft", ui-monospace, monospace;
  letter-spacing: 0.05em;
}
/* The site already provides page chrome, so the doc's own wrapper
   shouldn't add a second max-width or its own header spacing. */
.plugin-doc .wrap, .plugin-doc main { max-width: none; padding: 0; margin: 0; }
.plugin-doc header, .plugin-doc nav { display: none; }
.plugin-doc img { image-rendering: pixelated; max-width: 100%; height: auto; }

/* --- mobile overflow guards --- */
/* The generated doc uses a 460px minimum column, which is wider than a
   phone; clamp it so the grid collapses instead of pushing the page. */
.plugin-doc [style*="minmax"], .plugin-doc .cards, .plugin-doc .grid {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 460px), 1fr)) !important;
}
.plugin-doc .doc-scroll {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  max-width: 100%;
}
.plugin-doc table { width: 100%; border-collapse: collapse; }
.plugin-doc pre {
  overflow-x: auto;
  white-space: pre;
  max-width: 100%;
}
/* Long command strings shouldn't be able to widen the page. */
.plugin-doc code { overflow-wrap: anywhere; word-break: break-word; }
.plugin-doc * { min-width: 0; max-width: 100%; }

/* --- version history ability icons (added by sync-plugin-docs.sh) --- */
.plugin-doc .vicons { display: flex; flex-wrap: wrap; gap: 0.6rem; margin: 0.6rem 0 0.9rem; }
.plugin-doc .vicons figure {
  margin: 0; padding: 0.35rem 0.4rem 0.25rem;
  background: var(--panel2); border: 1px solid var(--line);
}
.plugin-doc .vicons img { height: 40px; width: auto; display: block; }
.plugin-doc .vicons .sheet img { height: 180px; }
.plugin-doc .vicons figcaption {
  font-size: 0.7rem; color: var(--muted); text-align: center; margin-top: 0.2rem;
}
@media (max-width: 480px) {
  .plugin-doc .vicons img { height: 32px; }
  .plugin-doc .vicons .sheet img { height: 150px; }
}
