/*
 * guides.css — public Wiki / Guides viewer (/guides/). See docs/wiki-guides.md.
 * Themes off the --arc-* tokens in arcbots.css (accent #6366f1). Feather icons render as <svg>
 * after feather.replace(), so icon rules target svg (never <i>).
 */

.guides-shell { width: 100%; }   /* use the full content width (no narrow centred column) */

/* staff bar */
.guides-staffbar { display:flex; flex-wrap:wrap; align-items:center; gap:8px; padding:8px 12px; margin-bottom:16px;
	border:1px solid var(--arc-border,rgba(255,255,255,.07)); border-radius:var(--arc-radius-sm,8px);
	background:rgba(var(--arc-accent-rgb,99,102,241),0.06); }
.guides-staffbar-tag { display:inline-flex; align-items:center; gap:5px; font-weight:700; font-size:.78rem; color:var(--arc-accent,#6366f1); }
.guides-staffbar-tag svg { width:14px; height:14px; }
.guides-staffbar-note { margin-left:auto; }

/* empty / not-found */
.guides-empty { text-align:center; padding:48px 16px; color:var(--arc-text-muted,#9aa4bd); }
.guides-empty svg { width:40px; height:40px; opacity:.5; margin-bottom:12px; }
.guides-empty h4 { margin-bottom:6px; }

/* ── index hero ── */
.guides-hero { display:flex; flex-wrap:wrap; gap:16px; align-items:flex-end; justify-content:space-between; margin-bottom:22px; }
.guides-hero-title { display:flex; align-items:center; gap:10px; margin:0 0 4px; }
.guides-hero-title svg { width:26px; height:26px; color:var(--arc-accent,#6366f1); }
.guides-hero-sub { color:var(--arc-text-muted,#9aa4bd); margin:0; }
.guides-hero-tools { display:flex; gap:10px; align-items:center; flex:1 1 320px; max-width:520px; justify-content:flex-end; }

.guides-search-wrap { position:relative; flex:1 1 220px; min-width:180px; }
.guides-search-ico { position:absolute; left:10px; top:50%; transform:translateY(-50%); width:16px; height:16px; opacity:.5; pointer-events:none; }
#guides-search { padding-left:32px; }
.guides-search-results { position:absolute; top:calc(100% + 4px); left:0; right:0; z-index:30; display:none;
	background:var(--arc-surface-1,#121725); border:1px solid var(--arc-border-strong,rgba(255,255,255,.12));
	border-radius:var(--arc-radius-sm,8px); box-shadow:var(--arc-card-shadow,0 4px 24px rgba(0,0,0,.28)); max-height:340px; overflow:auto; }
.guides-search-results.is-open { display:block; }
.guides-search-result { display:block; padding:9px 12px; color:inherit; text-decoration:none; border-bottom:1px solid var(--arc-border,rgba(255,255,255,.07)); }
.guides-search-result:last-child { border-bottom:0; }
.guides-search-result:hover, .guides-search-result.is-cursor { background:rgba(var(--arc-accent-rgb,99,102,241),0.12); }
.guides-search-result .r-title { font-weight:600; display:block; }
.guides-search-result .r-meta { font-size:.76rem; color:var(--arc-text-muted,#9aa4bd); }
.guides-search-empty { padding:12px; color:var(--arc-text-muted,#9aa4bd); font-size:.85rem; }
.guides-lang-select { width:auto; min-width:130px; }

/* book + flow cards */
.guides-book-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(280px,1fr)); gap:16px; margin-bottom:8px; }
.guides-book-card { display:flex; flex-direction:column; gap:6px; padding:18px; color:inherit; text-decoration:none;
	border:1px solid var(--arc-border,rgba(255,255,255,.07)); border-radius:var(--arc-card-radius,14px);
	background:var(--arc-surface-1,#121725); transition:border-color .18s, transform .18s; }
.guides-book-card:hover { border-color:var(--arc-accent,#6366f1); transform:translateY(-2px); }
.guides-book-card.is-draft { opacity:.7; border-style:dashed; }
.guides-book-ico { display:inline-flex; align-items:center; justify-content:center; width:42px; height:42px; border-radius:10px; background:var(--arc-accent,#6366f1); color:#fff; }
.guides-book-ico svg { width:22px; height:22px; }
.guides-book-name { font-weight:700; font-size:1.02rem; }
.guides-book-desc { font-size:.86rem; color:var(--arc-text-muted,#9aa4bd); }

.guides-section-h { display:flex; align-items:center; gap:8px; margin:26px 0 12px; }
.guides-section-h svg { width:18px; height:18px; color:var(--arc-accent,#6366f1); }
.guides-flow-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(240px,1fr)); gap:14px; }
.guides-flow-card { display:flex; flex-direction:column; gap:5px; padding:16px; color:inherit; text-decoration:none; position:relative;
	border:1px solid var(--arc-border,rgba(255,255,255,.07)); border-radius:var(--arc-card-radius,14px); background:var(--arc-surface-1,#121725); transition:border-color .18s, transform .18s; }
.guides-flow-card:hover { border-color:var(--arc-accent,#6366f1); transform:translateY(-2px); }
.guides-flow-card.is-draft { opacity:.7; border-style:dashed; }
.guides-flow-ico { color:var(--arc-accent,#6366f1); } .guides-flow-ico svg { width:20px; height:20px; }
.guides-flow-name { font-weight:700; }
.guides-flow-desc { font-size:.84rem; color:var(--arc-text-muted,#9aa4bd); }
.guides-flow-steps { font-size:.74rem; text-transform:uppercase; letter-spacing:.4px; color:var(--arc-accent,#6366f1); }

.guides-draft-badge { display:inline-block; font-size:.6rem; text-transform:uppercase; letter-spacing:.5px; padding:2px 6px; border-radius:var(--arc-radius-pill,999px);
	background:var(--arc-warn-color,#f59e0b); color:#1b1b1b; vertical-align:middle; }

/* breadcrumb */
.guides-breadcrumb { display:flex; flex-wrap:wrap; align-items:center; gap:6px; font-size:.85rem; color:var(--arc-text-muted,#9aa4bd); margin-bottom:14px; }
.guides-breadcrumb a { color:var(--arc-text-muted,#9aa4bd); text-decoration:none; }
.guides-breadcrumb a:hover { color:var(--arc-accent,#6366f1); }
.guides-breadcrumb svg { width:14px; height:14px; opacity:.6; }

/* ── flow view ── */
.guides-flow-head { display:flex; align-items:center; gap:14px; margin-bottom:14px; }
.guides-flow-head-ico { display:inline-flex; align-items:center; justify-content:center; width:48px; height:48px; border-radius:12px; background:var(--arc-accent,#6366f1); color:#fff; flex:none; }
.guides-flow-head-ico svg { width:24px; height:24px; }
.guides-flow-head h2 { margin:0; }
.guides-flow-progress { height:6px; border-radius:999px; background:rgba(255,255,255,.08); overflow:hidden; margin-bottom:18px; }
.guides-flow-progress-bar { height:100%; width:0; background:var(--arc-accent,#6366f1); transition:width .3s; }
.guides-flow-steps-list { list-style:none; padding:0; margin:0; counter-reset:none; }
.guides-flow-step { margin-bottom:8px; }
.guides-flow-step a { display:flex; align-items:center; gap:12px; padding:12px 14px; color:inherit; text-decoration:none;
	border:1px solid var(--arc-border,rgba(255,255,255,.07)); border-radius:var(--arc-radius-sm,8px); background:var(--arc-surface-1,#121725); transition:border-color .15s; }
.guides-flow-step a:hover { border-color:var(--arc-accent,#6366f1); }
.guides-flow-step-num { display:inline-flex; align-items:center; justify-content:center; width:26px; height:26px; border-radius:50%; background:rgba(var(--arc-accent-rgb,99,102,241),0.15); color:var(--arc-accent,#6366f1); font-weight:700; font-size:.8rem; flex:none; }
.guides-flow-step.is-done .guides-flow-step-num { background:var(--arc-on-color,#22c55e); color:#06210f; }
.guides-flow-step-label { flex:1 1 auto; font-weight:600; }
.guides-flow-step-arrow { width:16px; height:16px; opacity:.5; }

/* ── two-column book/page layout ── */
.guides-layout { display:grid; grid-template-columns:248px 1fr; gap:26px; align-items:start; }
.guides-tree { position:sticky; top:84px; align-self:start; border:1px solid var(--arc-border,rgba(255,255,255,.07)); border-radius:var(--arc-card-radius,14px);
	background:var(--arc-surface-1,#121725); padding:10px; max-height:calc(100vh - 110px); overflow:auto; }
.guides-tree-book { display:flex; align-items:center; gap:7px; padding:8px 10px; font-weight:700; color:inherit; text-decoration:none; border-radius:var(--arc-radius-sm,8px); }
.guides-tree-book svg { width:16px; height:16px; color:var(--arc-accent,#6366f1); }
.guides-tree-book.is-active { background:rgba(var(--arc-accent-rgb,99,102,241),0.12); }
/* sidebar live filter */
.guides-tree-filter { position:relative; margin:8px 0 4px; }
.guides-tree-filter .gtf-icon { position:absolute; left:9px; top:50%; transform:translateY(-50%); width:14px; height:14px; color:var(--arc-text-subtle,#5e6781); pointer-events:none; }
.guides-tree-filter-input { width:100%; box-sizing:border-box; padding:7px 26px 7px 28px; font-size:.85rem; color:var(--arc-text,#e6e9f2);
	background:rgba(255,255,255,.04); border:1px solid var(--arc-border,rgba(255,255,255,.09)); border-radius:var(--arc-radius-sm,8px); outline:none; }
.guides-tree-filter-input:focus { border-color:var(--arc-accent,#6366f1); background:rgba(255,255,255,.06); }
.guides-tree-filter-input::placeholder { color:var(--arc-text-subtle,#5e6781); }
.guides-tree-filter-clear { position:absolute; right:6px; top:50%; transform:translateY(-50%); display:none; width:18px; height:18px; line-height:16px;
	padding:0; text-align:center; font-size:15px; color:var(--arc-text-subtle,#5e6781); background:none; border:0; cursor:pointer; border-radius:4px; }
.guides-tree-filter-clear:hover { color:var(--arc-text,#e6e9f2); background:rgba(255,255,255,.07); }
.guides-tree.is-filtering .guides-tree-filter-clear { display:block; }
.guides-tree-empty { padding:10px; font-size:.85rem; color:var(--arc-text-subtle,#5e6781); text-align:center; }

.guides-tree-chapter { margin-top:6px; }
.guides-tree-chapter-name { display:flex; align-items:center; gap:6px; width:100%; padding:6px 10px; font-size:.72rem; text-transform:uppercase;
	letter-spacing:.4px; color:var(--arc-text-subtle,#5e6781); background:none; border:0; text-align:left; cursor:pointer; border-radius:var(--arc-radius-sm,8px); }
.guides-tree-chapter-name:hover { color:var(--arc-text-muted,#9aa4bd); background:rgba(255,255,255,.03); }
.guides-tree-chapter-name svg { width:13px; height:13px; flex:none; }
.guides-tree-chapter-name .gtc-caret { width:12px; height:12px; transition:transform .15s ease; }
.guides-tree-chapter-name .gtc-label { flex:1 1 auto; }
.guides-tree-chapter.is-collapsed .gtc-caret { transform:rotate(-90deg); }
.guides-tree-chapter.is-collapsed .guides-tree-chapter-pages { display:none; }
.guides-tree-page.is-hidden, .guides-tree-chapter.is-hidden { display:none; }
.guides-tree-page { display:block; padding:7px 10px 7px 16px; color:var(--arc-text-muted,#9aa4bd); text-decoration:none; border-radius:var(--arc-radius-sm,8px); font-size:.9rem; border-left:2px solid transparent; }
.guides-tree-page:hover { color:var(--arc-text,#e6e9f2); background:rgba(255,255,255,.03); }
.guides-tree-page.is-active { color:var(--arc-accent,#6366f1); background:rgba(var(--arc-accent-rgb,99,102,241),0.12); border-left-color:var(--arc-accent,#6366f1); font-weight:600; }
.guides-tree-page.is-draft { font-style:italic; opacity:.75; }
.guides-tree-untrans { font-size:.6rem; padding:1px 4px; border-radius:4px; background:rgba(255,255,255,.08); color:var(--arc-text-subtle,#5e6781); }

.guides-content { min-width:0; }
.guides-book-intro h2 { margin-bottom:6px; }

.guides-page-head { display:flex; flex-wrap:wrap; gap:10px; align-items:flex-start; justify-content:space-between; margin-bottom:14px; }
.guides-page-title { margin:0; font-size:1.7rem; line-height:1.2; }
.guides-page-actions { display:flex; align-items:center; gap:10px; flex-wrap:wrap; }
.guides-lang-switch { display:inline-flex; align-items:center; gap:5px; }
.guides-lang-switch svg { width:15px; height:15px; opacity:.6; }
.guides-lang-pill { font-size:.72rem; font-weight:700; padding:3px 7px; border-radius:var(--arc-radius-pill,999px); color:var(--arc-text-muted,#9aa4bd);
	text-decoration:none; border:1px solid var(--arc-border-strong,rgba(255,255,255,.12)); }
.guides-lang-pill:hover { border-color:var(--arc-accent,#6366f1); color:var(--arc-text,#e6e9f2); }
.guides-lang-pill.is-active { background:var(--arc-accent,#6366f1); border-color:var(--arc-accent,#6366f1); color:#fff; }

.guides-stale-banner { display:flex; flex-wrap:wrap; align-items:center; gap:8px; padding:10px 14px; margin-bottom:18px; border-radius:var(--arc-radius-sm,8px);
	background:rgba(245,158,11,0.12); border:1px solid rgba(245,158,11,0.35); color:#f7c873; font-size:.88rem; }
.guides-stale-banner.is-info { background:rgba(56,189,248,0.10); border-color:rgba(56,189,248,0.3); color:#9fd9f5; }
.guides-stale-banner svg { width:17px; height:17px; flex:none; }
.guides-stale-banner a { color:inherit; text-decoration:underline; margin-left:auto; }

/* ── rendered article typography ── */
.guides-article { font-size:.97rem; line-height:1.7; color:var(--arc-text,#e6e9f2); word-wrap:break-word; }
.guides-article h2 { font-size:1.45rem; margin:1.6em 0 .5em; padding-bottom:.25em; border-bottom:1px solid var(--arc-border,rgba(255,255,255,.07)); }
.guides-article h3 { font-size:1.2rem; margin:1.4em 0 .4em; }
.guides-article h4 { font-size:1.04rem; margin:1.2em 0 .35em; }
.guides-article p { margin:0 0 1em; }
.guides-article ul, .guides-article ol { margin:0 0 1em 1.4em; }
.guides-article li { margin:.3em 0; }
.guides-article a { color:var(--arc-accent,#6366f1); }
.guides-article img { max-width:100%; height:auto; border-radius:var(--arc-radius-sm,8px); margin:.4em 0; }
.guides-article blockquote { margin:1em 0; padding:.6em 1em; border-left:3px solid var(--arc-accent,#6366f1); background:rgba(var(--arc-accent-rgb,99,102,241),0.06); color:var(--arc-text-muted,#9aa4bd); }
.guides-article code { font-family:"Fira Code",Consolas,monospace; font-size:.86em; color:#ffd479; background:rgba(255,255,255,.07); padding:.12em .4em; border-radius:5px; }
.guides-article pre { background:#0d1118; color:#e6e9f2; border:1px solid var(--arc-border,rgba(255,255,255,.07)); border-radius:var(--arc-radius-sm,8px); padding:14px; overflow:auto; margin:0 0 1em; }
.guides-article pre code { color:#e6e9f2; background:none; padding:0; font-size:.92em; }
.guides-article table { width:100%; border-collapse:collapse; margin:0 0 1em; font-size:.9rem; }
.guides-article th, .guides-article td { border:1px solid var(--arc-border-strong,rgba(255,255,255,.12)); padding:8px 10px; text-align:left; }
.guides-article th { background:rgba(255,255,255,.04); }
.guides-article hr { border:0; border-top:1px solid var(--arc-border,rgba(255,255,255,.07)); margin:1.6em 0; }

.guides-prevnext { display:flex; justify-content:space-between; gap:12px; margin-top:30px; padding-top:18px; border-top:1px solid var(--arc-border,rgba(255,255,255,.07)); }
.guides-prevnext a { display:inline-flex; align-items:center; gap:8px; max-width:48%; padding:10px 14px; color:inherit; text-decoration:none;
	border:1px solid var(--arc-border,rgba(255,255,255,.07)); border-radius:var(--arc-radius-sm,8px); background:var(--arc-surface-1,#121725); transition:border-color .15s; }
.guides-prevnext a:hover { border-color:var(--arc-accent,#6366f1); }
.guides-prevnext .guides-next { margin-left:auto; text-align:right; }
.guides-prevnext svg { width:16px; height:16px; flex:none; opacity:.7; }
.guides-prevnext span { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }

/* sticky walkthrough widget (inline next-step prompt on a flow's step pages) */
.guides-flow-start { margin-top:10px; }
.guides-flow-sticky { margin:0 0 22px; padding:12px 14px; border:1px solid rgba(var(--arc-accent-rgb,99,102,241),0.45);
	border-radius:var(--arc-card-radius,14px); background:rgba(var(--arc-accent-rgb,99,102,241),0.08); }
.guides-flow-sticky .gfs-head { display:flex; align-items:center; gap:8px; }
.guides-flow-sticky .gfs-ico { width:16px; height:16px; color:var(--arc-accent,#6366f1); flex:none; }
.guides-flow-sticky .gfs-name { font-weight:700; color:var(--arc-text,#e6e9f2); }
.guides-flow-sticky .gfs-count { font-size:.78rem; color:var(--arc-text-muted,#9aa4bd); }
.guides-flow-sticky .gfs-exit { margin-left:auto; width:22px; height:22px; line-height:20px; padding:0; text-align:center; font-size:17px;
	color:var(--arc-text-subtle,#5e6781); background:none; border:0; cursor:pointer; border-radius:5px; flex:none; }
.guides-flow-sticky .gfs-exit:hover { color:var(--arc-text,#e6e9f2); background:rgba(255,255,255,.07); }
.guides-flow-sticky .gfs-bar { height:5px; margin:10px 0; border-radius:99px; background:rgba(255,255,255,.08); overflow:hidden; }
.guides-flow-sticky .gfs-bar-fill { height:100%; background:var(--arc-accent,#6366f1); border-radius:99px; transition:width .3s ease; }
.guides-flow-sticky .gfs-nav { display:flex; align-items:center; gap:10px; flex-wrap:wrap; }
.guides-flow-sticky .gfs-btn { display:inline-flex; align-items:center; gap:6px; padding:8px 14px; font-size:.88rem; font-weight:600;
	border-radius:var(--arc-radius-sm,8px); text-decoration:none; cursor:pointer; border:1px solid transparent; }
.guides-flow-sticky .gfs-btn svg { width:15px; height:15px; flex:none; }
.guides-flow-sticky .gfs-next, .guides-flow-sticky .gfs-finish { margin-left:auto; color:#fff; background:var(--arc-accent,#6366f1); }
.guides-flow-sticky .gfs-next:hover, .guides-flow-sticky .gfs-finish:hover { filter:brightness(1.08); }
.guides-flow-sticky .gfs-prev { color:var(--arc-text-muted,#9aa4bd); background:rgba(255,255,255,.04); border-color:var(--arc-border,rgba(255,255,255,.09)); }
.guides-flow-sticky .gfs-prev:hover { color:var(--arc-text,#e6e9f2); }
.guides-flow-sticky .gfs-cancel { color:var(--arc-text-subtle,#5e6781); background:none; padding-left:0; }
.guides-flow-sticky .gfs-cancel:hover { color:#ef4444; }
.guides-flow-sticky .gfs-done { display:flex; align-items:center; gap:8px; font-weight:600; color:var(--arc-text,#e6e9f2); }
.guides-flow-sticky .gfs-done svg { width:18px; height:18px; color:#22c55e; }

/* responsive */
@media (max-width: 860px) {
	.guides-layout { grid-template-columns:1fr; }
	.guides-tree { position:static; max-height:none; }
	.guides-hero-tools { justify-content:flex-start; }
	.guides-flow-sticky .gfs-btn { flex:1 1 auto; justify-content:center; }
}

/* ── page meta (updated / reading time) ── */
.guides-page-meta { display:flex; flex-wrap:wrap; gap:16px; margin:-6px 0 16px; font-size:.82rem; color:var(--arc-text-muted,#9aa4bd); }
.guides-page-meta span { display:inline-flex; align-items:center; gap:5px; }
.guides-page-meta svg { width:14px; height:14px; opacity:.7; }

/* ── auto table of contents ── */
.guides-toc { border:1px solid var(--arc-border,rgba(255,255,255,.07)); border-left:3px solid var(--arc-accent,#6366f1);
	border-radius:var(--arc-radius-sm,8px); background:rgba(var(--arc-accent-rgb,99,102,241),0.05); padding:12px 16px; margin:0 0 22px; max-width:720px; }
.guides-toc-title { font-size:.72rem; text-transform:uppercase; letter-spacing:.5px; color:var(--arc-text-subtle,#5e6781); margin-bottom:6px; font-weight:700; }
.guides-toc ul { list-style:none; margin:0; padding:0; }
.guides-toc li { margin:3px 0; }
.guides-toc li.toc-h3 { padding-left:16px; font-size:.9rem; }
.guides-toc a { color:var(--arc-text-muted,#9aa4bd); text-decoration:none; }
.guides-toc a:hover { color:var(--arc-accent,#6366f1); }

/* ── heading anchor links ── */
.guides-article h2, .guides-article h3, .guides-article h4 { scroll-margin-top:80px; }
.guides-anchor { opacity:0; text-decoration:none; color:var(--arc-accent,#6366f1); margin-left:8px; font-weight:400; }
.guides-article h2:hover .guides-anchor, .guides-article h3:hover .guides-anchor, .guides-article h4:hover .guides-anchor { opacity:.7; }
.guides-anchor:hover { opacity:1 !important; }

/* ── editor: screenshot dropzone + media library ── */
.wiki-dropzone { display:flex; flex-direction:column; align-items:center; gap:6px; text-align:center; padding:18px 12px;
	border:2px dashed var(--arc-border-strong,rgba(255,255,255,.12)); border-radius:var(--arc-radius-sm,8px);
	color:var(--arc-text-muted,#9aa4bd); font-size:.84rem; transition:border-color .15s, background .15s; }
.wiki-dropzone.is-over { border-color:var(--arc-accent,#6366f1); background:rgba(var(--arc-accent-rgb,99,102,241),0.08); }
.wiki-dropzone svg { width:24px; height:24px; opacity:.6; }
.wiki-browse { color:var(--arc-accent,#6366f1); cursor:pointer; text-decoration:underline; margin:0; }
.wiki-media-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(72px,1fr)); gap:8px; max-height:300px; overflow:auto; }
.wiki-media-item { position:relative; border:1px solid var(--arc-border,rgba(255,255,255,.07)); border-radius:6px; overflow:hidden; cursor:pointer; aspect-ratio:1/1; background:#0d1118; }
.wiki-media-item img { width:100%; height:100%; object-fit:cover; display:block; }
.wiki-media-actions { position:absolute; inset:auto 0 0 0; display:flex; gap:2px; padding:2px; background:rgba(0,0,0,.6); opacity:0; transition:opacity .15s; }
.wiki-media-item:hover .wiki-media-actions { opacity:1; }
.wiki-media-actions button { flex:1; font-size:.62rem; padding:2px 0; border:0; border-radius:3px; background:var(--arc-accent,#6366f1); color:#fff; cursor:pointer; }
.wiki-media-del { position:absolute; top:2px; right:2px; width:18px; height:18px; line-height:16px; text-align:center; padding:0; border:0; border-radius:50%;
	background:rgba(244,63,94,.9); color:#fff; font-size:13px; cursor:pointer; opacity:0; transition:opacity .15s; z-index:2; }
.wiki-media-item:hover .wiki-media-del { opacity:1; }
.wiki-media-del:hover { background:var(--arc-off-color,#f43f5e); }

/* ── suggestion review: inline change diff (additions yellow, removals struck) ── */
.wiki-diff-ins { background:#ffe600; color:#1a1a1a; text-decoration:none; border-radius:2px; padding:0 2px; box-decoration-break:clone; -webkit-box-decoration-break:clone; }
.wiki-diff-del { background:#ffb1bd; color:#4a0511; text-decoration:line-through; border-radius:2px; padding:0 2px; box-decoration-break:clone; -webkit-box-decoration-break:clone; }
.wiki-diff-box img { max-width:240px; }
.wiki-diff-legend { font-size:.72rem; }
.wiki-diff-legend .wiki-diff-ins, .wiki-diff-legend .wiki-diff-del { padding:1px 6px; }

/* ── searchable feather-icon picker (book/flow icon fields) ── */
.wiki-icon-opt { display:inline-flex; align-items:center; gap:8px; }
.wiki-icon-opt svg { width:16px; height:16px; }