.detail-drawer-backdrop{z-index:var(--z-modal);background:#00000080;justify-content:flex-end;display:flex;position:fixed;inset:0}.detail-drawer-backdrop.is-stacked{z-index:calc(var(--z-modal) + 1);background:#00000059}.detail-drawer{gap:var(--drawer-gap);width:min(860px,94vw);height:100%;padding:var(--drawer-pad) var(--drawer-pad) var(--page-pad-end);background:var(--bg-app);color:var(--text);border-left:1px solid var(--gold);animation:detail-drawer-in .18s var(--ease-out);flex-direction:column;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:var(--space-4);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{gap:var(--drawer-gap);flex-direction:column;min-width:0;display:flex}.detail-drawer-foot{justify-content:flex-end;gap:var(--space-2);padding-top:var(--space-3);border-top:1px solid var(--panel-border);margin-top:auto;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:var(--page-pad-phone);padding-bottom:var(--space-5)}}