.detail-drawer-backdrop{z-index:220;background:#00000080;justify-content:flex-end;display:flex;position:fixed;inset:0}.detail-drawer-backdrop.is-stacked{z-index:230;background:#00000059}.detail-drawer{background:var(--bg-app);width:min(860px,94vw);height:100%;color:var(--text);border-left:1px solid var(--gold);animation:detail-drawer-in .18s var(--ease-out);flex-direction:column;gap:.85rem;padding:1.1rem 1.25rem 2rem;display:flex;overflow:auto;box-shadow:-18px 0 50px #00000073}.detail-drawer.is-wide{width:min(980px,96vw)}.detail-drawer.is-narrow{width:min(560px,94vw)}.detail-drawer-header{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.detail-drawer-header h2{margin:.15rem 0 0;font-size:1.05rem;font-weight:650;line-height:1.3}.detail-drawer-kicker{text-transform:uppercase;letter-spacing:.08em;color:var(--gold-text);margin:0;font-size:.68rem}.detail-drawer-actions{flex:none;align-items:center;gap:.35rem;display:flex}.detail-drawer-close{color:inherit;border-radius:var(--radius-sm,6px);cursor:pointer;background:0 0;border:1px solid #0000;min-width:2rem;min-height:2rem}.detail-drawer-close:hover{background:var(--tint-2)}.detail-drawer-body{flex-direction:column;gap:.85rem;min-width:0;display:flex}.detail-drawer-foot{border-top:1px solid var(--panel-border);justify-content:flex-end;gap:8px;margin-top:auto;padding-top:.75rem;display:flex}.detail-drawer-open-page{color:var(--gold-text);text-underline-offset:2px;font-size:.8rem;text-decoration:underline}@keyframes detail-drawer-in{0%{opacity:.6;transform:translate(16px)}to{opacity:1;transform:none}}@media (max-width:720px){.detail-drawer,.detail-drawer.is-wide,.detail-drawer.is-narrow{border-left:0;border-top:1px solid var(--gold);width:100%;max-width:none;height:100%;padding:.85rem .75rem 1.5rem}}