/* H3 article only: reuse Noveruna's existing shell, colors and automatic theme. */
.h3-page .h3-hero{padding-block:42px 28px;max-width:1120px}
.h3-hero h1{max-width:1020px;font-size:clamp(1.9rem,3.6vw,3.05rem);line-height:1.55;text-wrap:balance;margin-bottom:24px}
.h3-hero .lead{max-width:850px;font-size:1.125rem}
.h3-page figure{margin:30px 0}
.h3-page figure img,.h3-page video{display:block;width:100%;height:auto;border-radius:3px}
.h3-page video{background:#101917;aspect-ratio:16/9}
.h3-page figcaption,.h3-note,.h3-figure-link{font-size:.875rem;color:var(--muted);line-height:1.85}
.h3-page figcaption{margin-top:12px}
.h3-page .h3-cover{margin-block:10px 30px}
.h3-cover img{max-height:560px;object-fit:contain;background:#f6f2e9}
.h3-page .h3-figure-link{margin:8px 0 0}
.h3-page .h3-diagram img{background:#fafbf8;border:1px solid var(--line)}
.h3-page .h3-shot{background:#101c1e;overflow:hidden;border-radius:4px}
.h3-page .h3-shot img{border-radius:0}
.h3-page .h3-shot-items{aspect-ratio:1948/843}
.h3-page .h3-shot-items img{height:100%;object-fit:cover;object-position:bottom}
.h3-page .h3-fit{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px;margin-block:28px}
.h3-fit>div{border-top:2px solid var(--green);padding-top:16px}
.h3-fit h3{margin-top:0}
.h3-download{background:var(--mist);border-left:4px solid var(--green);padding:28px;margin:26px 0}
.h3-download h3{margin-top:0}
.h3-actions{display:flex;flex-wrap:wrap;gap:18px 24px;align-items:center;margin-block:24px}
.h3-actions a{min-height:44px;display:inline-flex;align-items:center}
.h3-page code{font-family:ui-monospace,Consolas,monospace;font-size:.88em;overflow-wrap:anywhere}
.h3-page .table-scroll{overflow-x:auto;margin-block:24px}
.h3-page .table-scroll:focus-visible{outline:2px solid var(--green);outline-offset:4px}
.h3-page .h3-visual-summary{border-left:3px solid var(--line);padding-left:18px;font-size:.9375rem}
.h3-page summary{cursor:pointer;font-weight:600;padding:14px 0;color:var(--green)}
.h3-page details{margin:22px 0}
@media(max-width:900px){.h3-page .h3-hero{padding-top:28px}.h3-page .h3-cover{margin-bottom:24px}}
@media(max-width:600px){.h3-page .h3-fit{grid-template-columns:1fr;gap:16px}.h3-download{padding:20px}.h3-hero .lead{font-size:1.0625rem}.h3-page figure{margin-block:24px}}