.doc-hero { display:grid; grid-template-columns:minmax(0, 1.4fr) minmax(0, .7fr); align-items:center; gap:64px; padding-block:68px; }
.doc-lede { color:var(--muted); font-size:19px; max-width:640px; margin:24px 0; }
.deck-name { font-size:12px; color:var(--muted); overflow-wrap:anywhere; }
.doc-art { margin:0; border:1px solid #c9d8e3; border-radius:6px; overflow:hidden; background:#e8f0f6; }
.doc-art img { display:block; width:100%; height:auto; }
.stats-wrap { padding-block:28px; }
.deck-stats { display:grid; grid-template-columns:repeat(4, 1fr); gap:24px; margin:0; }
.deck-stats > div { display:flex; flex-direction:column-reverse; border-left:2px solid #8aa9bf; padding-left:18px; }
.deck-stats dt { color:var(--muted); font-size:12px; }
.deck-stats dd { font-family:var(--serif); color:var(--blue); font-size:32px; margin:0; }
.small-note { color:var(--muted); font-size:12px; }
.doc-nav { flex-wrap:wrap; gap:8px 26px; border-block:1px solid var(--line); padding-block:10px; justify-content:flex-start; }
.doc-section { display:grid; grid-template-columns:minmax(0, .65fr) minmax(0, 1.35fr); gap:64px; padding-block:58px; }
.section-label > p:not(.eyebrow) { color:var(--muted); font-size:14px; }
.prose { min-width:0; overflow-wrap:anywhere; }
.prose p:first-child { margin-top:0; }
.prose h3 { margin:28px 0 12px; }
.prose h3:first-child { margin-top:0; }
.prose p, .prose li { color:var(--muted); font-size:15px; }
.prose li + li { margin-top:12px; }
.prose ul { padding-left:22px; }
.prose a { color:var(--blue); text-decoration:underline; text-underline-offset:3px; }
.prose code { color:var(--ink); font-size:12px; overflow-wrap:anywhere; }
.explorer { min-width:0; }
#search-controls { margin-bottom:20px; }
#search-controls label { display:block; font-size:13px; font-weight:600; margin-bottom:8px; }
#tag-search { width:100%; font:inherit; padding:12px; color:var(--ink); background:#fcfcf9; border:1px solid #8aa9bf; border-radius:3px; }
#collapse-tags { background:none; border:1px solid #8aa9bf; color:var(--blue); padding:8px 12px; font:inherit; font-size:12px; cursor:pointer; }
#search-status { font-size:12px; color:var(--muted); }
.tag-tree, .tag-tree ul { list-style:none; padding-left:16px; margin:0; }
.tag-tree { padding:0; max-height:650px; overflow:auto; border:1px solid var(--line); border-radius:4px; background:#fcfcf9; }
.tag-tree ul { border-left:1px solid var(--line); margin-left:12px; }
.tag-tree li { overflow-wrap:anywhere; min-width:0; }
.tag-tree summary, .tag-leaf { padding:10px 12px; font-size:13px; border-bottom:1px solid #d8ddd480; }
.tag-tree summary { cursor:pointer; color:var(--blue); }
.tag-tree summary:hover { background:#e8f0f6; }
.tag-count { display:block; color:var(--muted); font-size:11px; padding-top:2px; }
.tag-direct { font-size:11px; color:var(--muted); margin:4px 12px 12px; }
summary:focus-visible, input:focus-visible, button:focus-visible { outline:3px solid var(--blue); outline-offset:2px; }
.release-history { padding:16px 0; border-top:1px solid var(--line); }
.release-history summary { cursor:pointer; color:var(--blue); font-weight:600; }
.tag-list { max-height:240px; overflow:auto; }
[hidden] { display:none !important; }
@media(max-width:720px) {
  .doc-hero { grid-template-columns:1fr; gap:28px; padding-block:40px; }
  .doc-art { max-width:220px; }
  .doc-lede { font-size:16px; }
  .deck-stats { grid-template-columns:1fr 1fr; gap:20px; }
  .deck-stats dd { font-size:28px; }
  .doc-section { grid-template-columns:1fr; gap:24px; padding-block:40px; }
  .doc-nav { width:calc(100% - 40px); gap:4px 20px; }
  .tag-tree ul { padding-left:8px; margin-left:6px; }
  .tag-tree { max-height:550px; }
}