.owl-gallery{background:radial-gradient(ellipse at 85% 35%,#7650301c,transparent 50%),#181317;border-block:1px solid var(--line)}
.owl-gallery .section-heading{margin-bottom:36px}
.svg-tabs{display:grid;grid-template-columns:repeat(var(--svg-count),minmax(0,1fr));gap:12px;margin-bottom:32px}
.svg-tab{min-width:0;padding:9px 9px 12px;border:1px solid var(--line);background:#100e11;color:var(--muted);font:.76rem var(--mono);text-align:center;text-decoration:none!important}
.svg-tab>span:last-child{display:block;margin-top:10px;min-height:1.3em}
.svg-tab:hover,.svg-tab[aria-selected=true]{border-color:var(--gold);color:var(--gold);background:#2a1f1c}
.svg-thumb{display:block;height:108px;background:#0d0b0e}
.svg-thumb img{width:100%;height:100%;object-fit:contain}
.svg-stage-layout{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:36px;align-items:start}
.svg-results{grid-column:1;grid-row:1;min-width:0}
.svg-result{min-width:0;scroll-margin-top:25px}
.svg-result[hidden]{display:none}
.svg-gallery:not(.is-ready) .svg-result+.svg-result{margin-top:60px}
.svg-companion{grid-column:2;grid-row:1;position:sticky;top:28px;min-width:0;text-align:center}
.svg-owl{display:block;width:100%;height:220px;padding:0;border:0;background:none;cursor:pointer;line-height:0;filter:drop-shadow(0 8px 16px #0006)}
.svg-owl:disabled{cursor:default}
.svg-owl picture,.svg-owl img{display:block;width:100%;height:100%;object-fit:contain}
.svg-owl-comment{min-height:5.4em;margin:12px 0 0;color:var(--gold);font:italic 1.5rem/1.4 var(--serif)}
.svg-art-frame{display:flex;align-items:center;justify-content:center;width:100%;height:clamp(360px,46vw,620px);min-width:0;margin:0;background:#0b090c;border:1px solid #785438;box-shadow:9px 10px 0 #09070b}
.svg-art-frame img{display:block;width:100%;height:100%;min-width:0;min-height:0;object-fit:contain}
.svg-result-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:28px}
.svg-result-heading .eyebrow{margin-bottom:10px}
.svg-result-heading h3{font-size:2.3rem;margin-bottom:10px}
.svg-result-heading .text-link{flex-shrink:0;font-size:.77rem}
.svg-description{max-width:720px;font-size:.95rem;line-height:1.7}
.svg-prompt{border-block:1px solid var(--line);margin-top:24px;scroll-margin-top:25px}
.svg-prompt summary{padding:16px 0;color:var(--gold);font-size:.85rem;cursor:pointer}
.svg-prompt pre{max-height:290px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;font:.78rem/1.7 var(--mono);color:#d8c7b8;background:#110d11;padding:18px;margin:0 0 18px}
.svg-run-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px 20px;margin:0 0 20px}
.svg-run-facts dt{font:.65rem var(--mono);color:var(--muted)}
.svg-run-facts dd{margin:5px 0 0;color:var(--ivory);font-size:.85rem}
.svg-pagination{display:flex;align-items:center;justify-content:center;gap:24px;width:calc(100% - 256px);padding-top:24px}
.svg-pagination[hidden]{display:none}
.svg-pagination button{width:48px;height:44px;border:1px solid var(--brass);color:var(--gold);background:#21191c;font-size:1.25rem}
.svg-pagination button:hover{color:var(--ink);background:var(--gold)}
.svg-pagination span{min-width:65px;text-align:center;font:.78rem var(--mono);color:var(--muted)}
.svg-run-note{margin:34px 0 0;font-size:.74rem;color:var(--muted)}
@media(max-width:900px){
  .svg-stage-layout{grid-template-columns:minmax(0,1fr);gap:15px}
  .svg-companion{grid-column:1;grid-row:1;position:static;display:flex;align-items:center;gap:18px;text-align:left;min-height:76px}
  .svg-owl{width:88px;height:54px;flex-shrink:0}
  .svg-owl-comment{font-size:1.13rem;min-height:0;margin:0}
  .svg-results{grid-column:1;grid-row:2}
  .svg-pagination{width:100%}
}
@media(max-width:680px){
  .svg-tabs{gap:5px;margin-bottom:12px}
  .svg-tab{padding:5px 4px 9px;font-size:.59rem}
  .svg-tab>span:last-child{min-height:2.6em;margin-top:8px;display:grid;place-items:center}
  .svg-thumb{height:66px}
  .svg-art-frame{height:clamp(280px,105vw,460px);box-shadow:5px 6px 0 #09070b}
  .svg-result-heading{display:block;margin-top:24px}
  .svg-result-heading h3{font-size:1.8rem}
  .svg-result-heading .text-link{margin:3px 0 16px}
  .svg-run-facts{grid-template-columns:repeat(2,minmax(0,1fr))}
  .svg-description{font-size:.9rem}
  .svg-companion{gap:10px}
  .svg-owl{width:70px}
  .svg-owl-comment{font-size:1.04rem}
}
