body{font-family:system-ui,sans-serif;max-width:1180px;margin:2rem auto;padding:0 1rem;line-height:1.5;background:#fafafa;color:#24292f}
  h1,h2{border-bottom:1px solid #eee;padding-bottom:.2rem}
  nav{background:#fafafa;border:1px solid #eee;border-radius:8px;padding:.6rem .9rem;margin:1rem 0}
  nav a{display:block;text-decoration:none;color:#0366d6}
  .desc{background:#f6f8fa;padding:.6rem .8rem;border-radius:6px;margin:.6rem 0}
  .desc p:first-child{margin-top:0}.desc p:last-child{margin-bottom:0}
  .desc table{border-collapse:collapse;margin:.5rem 0}
  .desc th,.desc td{border:1px solid #ccd;padding:.15rem .5rem;font-size:.9rem}
  section.section{background:#fff;border:1px solid #e2e5e9;border-radius:8px;padding:.85rem 1.15rem;margin:0 0 1.4rem;box-shadow:0 1px 2px rgba(27,31,36,.04)}
  section.section>h2{margin-top:0}
  .figgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem}
  .figgrid-single{grid-template-columns:minmax(0,560px);justify-content:center}
  .figgrid-wide{grid-template-columns:1fr}
  figure.pinax-table{overflow-x:auto}
  .pinax-table table{border-collapse:collapse;width:100%;font-size:.9em}
  .pinax-table th,.pinax-table td{border:1px solid #e2e5e9;padding:.25rem .5rem;text-align:left}
  .pinax-table thead th{background:#f4f6f8;font-weight:600}
  .pinax-table tbody tr:nth-child(even){background:#fafbfc}
  .pinax-benchmark{margin:0 0 1.4rem}
  .pinax-verdict{font-weight:700;font-size:1.05rem;padding:.55rem .9rem;border-radius:8px;margin:0 0 .8rem}
  .pinax-verdict-pass{background:#e6ffec;border:1px solid #2da44e;color:#1a7f37}
  .pinax-verdict-fail{background:#ffebe9;border:1px solid #cf222e;color:#a40e26}
  .pinax-checks{border-collapse:collapse;width:100%;font-size:.9em}
  .pinax-checks th,.pinax-checks td{border:1px solid #e2e5e9;padding:.25rem .5rem;text-align:left}
  .pinax-checks thead th{background:#f4f6f8;font-weight:600}
  .pinax-checks tr.pinax-pass{background:#e6ffec}
  .pinax-checks tr.pinax-fail{background:#ffebe9}
  .pinax-checks .pinax-badge{font-weight:700}
  .pinax-checks tr.pinax-pass .pinax-badge{color:#1a7f37}
  .pinax-checks tr.pinax-fail .pinax-badge{color:#a40e26}
  .pinax-checks .pinax-src{color:#8a949e;font:11px ui-monospace,SFMono-Regular,Menlo,monospace}
  .pinax-checks tr.pinax-more td{color:#6a737d;font-style:italic;background:#f6f8fa}
  .pinax-checks .pinax-codelink{color:#57606a;font-size:11px;text-decoration:none;border-bottom:1px dotted #b6bec7}
  .pinax-checks .pinax-codelink:hover{color:#0969da;border-bottom-color:#0969da}
  .pinax-code{margin:.6rem 0}
  .pinax-code-cap{color:#57606a;font-size:.9em;margin-bottom:.2rem}
  .pinax-code pre{margin:0;padding:.6rem .8rem;border-radius:8px;overflow:auto;font:12px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace}
  .pinax-code-src{background:#f6f8fa;border:1px solid #e2e5e9}
  .pinax-code-out{background:#fbfbfd;border:1px solid #eef0f2;border-top:none;color:#3d4451}
  .pinax-code-out::before{content:"⇒ ";color:#8a949e}
  figure{margin:0;border:1px solid #e2e5e9;border-radius:8px;padding:.5rem;background:#fdfdfe}
  figure img{width:100%;height:auto}
  figure iframe.pinax-pdf{width:100%;height:460px;border:1px solid #eee;border-radius:4px;background:#fff}
  a.pinax-open{display:inline-block;font-size:.85rem;margin-top:.3rem;color:#0366d6;text-decoration:none}
  a.pinax-dl{display:inline-block;font-size:.8rem;margin:.3rem .5rem 0 0;color:#0366d6;text-decoration:none;border:1px solid #d0d7de;border-radius:6px;padding:.05rem .45rem}
  a.pinax-dl:hover{background:#f3f4f6}
  figcaption{font-size:.9rem;color:#444;margin-top:.4rem}
  .diag{border-left:4px solid #d33;padding-left:.8rem}
  .pinax-eq{display:block}
  h3.facet{color:#555;margin:1rem 0 .3rem;font-size:1.05rem;font-weight:600}
  .pinax-meta{color:#666;margin:-.4rem 0 1rem;font-size:.95rem}
  .pinax-subtitle{color:#57606a;font-size:.95rem;margin:-.2rem 0 .8rem;font-weight:500}
  .nfig{color:#888;font-weight:normal;font-size:.85em}
  nav .nfig{color:#888}
  .bibliography li{margin:.3rem 0;font-size:.92rem}
  .pinax-bm-on{color:#e3b341}
  .pinax-comments{margin:.6rem 0;border-left:3px solid #cbd5e1;padding-left:.8rem}
  .pinax-cmt{margin:.4rem 0;font-size:.92rem}
  .pinax-cmt .author{font-weight:600;color:#0366d6}
  .pinax-cmt p:first-child{margin-top:0;display:inline}
  .pinax-cmt p:last-child{margin-bottom:0}
  .pinax-top{margin:0 0 1rem;font-size:.95rem}
  .pinax-top a{color:#0366d6;text-decoration:none}
  .pinax-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.2rem;margin:1.2rem 0}
  .pinax-card{display:flex;flex-direction:column;border:1px solid #e2e5e9;border-radius:10px;overflow:hidden;background:#fff;text-decoration:none;color:inherit;box-shadow:0 1px 2px rgba(27,31,36,.04);transition:box-shadow .15s,transform .15s}
  .pinax-card:hover{box-shadow:0 4px 14px rgba(27,31,36,.12);transform:translateY(-2px)}
  .card-thumb{aspect-ratio:4/3;background:#f6f8fa;display:flex;align-items:center;justify-content:center;overflow:hidden}
  .card-thumb img{width:100%;height:100%;object-fit:contain}
  .card-thumb-empty{min-height:150px}
  .card-thumb-pdf{width:100%;height:100%;border:0;background:#fff;pointer-events:none}
  .card-body{padding:.7rem .9rem}
  .card-title{font-weight:600;font-size:1.05rem}
  .card-status{display:inline-block;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;color:#9a6700;background:#fff8c5;border:1px solid #eac54f;border-radius:6px;padding:0 .35rem;margin-left:.4rem;vertical-align:middle}
  .card-summary{color:#555;font-size:.9rem;margin-top:.2rem}
  .card-sections{margin-top:.5rem;font-size:.85rem;color:#57606a}
  .card-sections .sec-item{padding:.1rem 0}
  .card-sections .sec-name{font-weight:600;color:#444}
  .card-meta{color:#8b949e;font-size:.82rem;margin-top:.45rem}
  .pinax-toc{list-style:none;padding:0;margin:1.2rem 0}
  .pinax-toc>li{padding:.5rem 0;border-bottom:1px solid #eaecef}
  .pinax-toc a{font-weight:600;color:#0366d6;text-decoration:none}
  .pinax-toc .toc-summary{color:#555;font-weight:400}
  .pinax-toc .toc-meta{color:#8b949e;font-size:.85rem}
  details.pinax-group{margin:1rem 0;border:1px solid #e2e5e9;border-radius:8px;background:#fff;padding:.2rem .6rem}
  details.pinax-group>summary{font-weight:700;font-size:1.1rem;cursor:pointer;padding:.5rem .2rem;list-style-position:inside}
  details.pinax-group[open]>summary{border-bottom:1px solid #eee;margin-bottom:.4rem}
  details.pinax-group .grp-count{color:#8b949e;font-weight:400;font-size:.85rem}
  .part-desc{color:#444;font-size:.93rem;line-height:1.55;margin:.1rem .2rem .7rem;max-width:70ch}
  .part-desc p{margin:.3rem 0}
  nav details.pinax-group{margin:.3rem 0;padding:.1rem .5rem;background:#fafafa}
  nav details.pinax-group>summary{font-size:.98rem;padding:.25rem .2rem}
/* pinax.css — styling for the interactive comment layer (notes 01 §4).
   Inlined into the gallery by the GalleryTheme when interactive features are enabled. */

#pinax-bar {
  position: sticky;
  top: 0;
  z-index: 20;
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
  align-items: center;
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  padding: 0.4rem 0.6rem;
  margin: 0.6rem 0;
  font-size: 0.85rem;
}
#pinax-bar button,
#pinax-bar .pinax-file {
  font: inherit;
  cursor: pointer;
  background: #f6f8fa;
  border: 1px solid #d0d7de;
  border-radius: 6px;
  padding: 0.2rem 0.55rem;
  color: #24292f;
}
#pinax-bar button:hover,
#pinax-bar .pinax-file:hover {
  background: #eef1f4;
}
#pinax-bar button.on {
  background: #fff8e1;
  border-color: #e3b341;
}
#pinax-bar .pinax-file input {
  display: none;
}
#pinax-bar .pinax-note {
  color: #8b949e;
  font-size: 0.82rem;
}

#pinax-bar .pinax-status {
  color: #57606a;
  margin-left: auto;
}

/* per-node controls injected by the JS */
.pinax-ctl {
  font: inherit;
  cursor: pointer;
  background: none;
  border: none;
  padding: 0 0.25rem;
  opacity: 0.65;
}
.pinax-ctl:hover {
  opacity: 1;
}
h2 .pinax-ctl,
figcaption .pinax-ctl {
  font-size: 0.85rem;
}

/* a comment turn typed in the browser but not yet exported to comments.toml */
.pinax-cmt.local {
  border-left: 2px solid #e3b341;
  padding-left: 0.5rem;
}
.pinax-cmt .unsaved {
  color: #9a6700;
  font-size: 0.8em;
  margin-left: 0.3rem;
}
.pinax-cmt .del {
  cursor: pointer;
  color: #cf222e;
  margin-left: 0.4rem;
  opacity: 0.6;
}
.pinax-cmt .del:hover {
  opacity: 1;
}

/* the inline editor */
.pinax-editor {
  margin: 0.4rem 0;
}
.pinax-editor textarea {
  width: 100%;
  min-height: 3.5rem;
  font: inherit;
  box-sizing: border-box;
  border: 1px solid #d0d7de;
  border-radius: 6px;
  padding: 0.4rem;
}
.pinax-editor .row {
  display: flex;
  gap: 0.4rem;
  align-items: center;
  margin-top: 0.3rem;
}
.pinax-editor input.author {
  font: inherit;
  width: 7rem;
  border: 1px solid #d0d7de;
  border-radius: 6px;
  padding: 0.15rem 0.4rem;
}
.pinax-editor button {
  font: inherit;
  cursor: pointer;
  border-radius: 6px;
  padding: 0.2rem 0.6rem;
  border: 1px solid #d0d7de;
  background: #f6f8fa;
}
.pinax-editor button.save {
  background: #1f6feb;
  border-color: #1f6feb;
  color: #fff;
}

/* bookmark-only filter: hide non-bookmarked sections */
body.pinax-filter section.section:not(.bookmarked) {
  display: none;
}