.guided-recent-legend{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px}
.guided-recent-heading{min-width:0}
.guided-recent-link{flex:none;border:0;background:transparent;color:var(--gold,#F6CD9B);padding:6px 0 6px 12px;min-height:44px;font:inherit;font-weight:600;text-decoration:underline;text-underline-offset:4px;cursor:pointer}
.guided-recent-link:hover{color:#FFD9A8}
.guided-recent-dialog{width:min(720px,calc(100vw - 32px));max-width:min(720px,calc(100vw - 32px));padding:0;background:var(--surface,#171A21);color:#fff;border:1px solid #ffffff30;border-radius:16px}
.guided-recent-panel{padding:24px;min-width:0}
.guided-recent-panel[hidden]{display:none!important}
.guided-recent-header{display:flex;align-items:center;justify-content:space-between;gap:16px}
.guided-recent-header h2{margin:0;font-size:24px}
.guided-recent-close,.guided-recent-replay{min-height:44px;padding:10px 14px;border:1px solid #ffffff30;border-radius:8px;background:transparent;color:#fff;font:inherit;cursor:pointer}
.guided-recent-replay{color:var(--gold,#F6CD9B);border-color:#f6cd9b80;white-space:nowrap}
.guided-recent-replay:disabled{opacity:.5;cursor:default}
.guided-recent-close:hover,.guided-recent-replay:enabled:hover{background:#ffffff0a}
.guided-recent-link:focus-visible,.guided-recent-close:focus-visible,.guided-recent-replay:focus-visible{outline:2px solid var(--gold,#F6CD9B);outline-offset:3px}
.guided-recent-note,.guided-recent-meta,.guided-recent-status{color:var(--muted,#B8B8B8);font-size:13px;line-height:1.6}
.guided-recent-note{margin:8px 0 16px}
.guided-recent-list{max-height:min(55dvh,480px);overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable}
.guided-recent-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 0;border-top:1px solid #ffffff15}
.guided-recent-row>div{min-width:0;overflow-wrap:anywhere}
.guided-recent-row strong{font-size:16px;line-height:1.5}
.guided-recent-meta{margin:4px 0 0}
.guided-recent-status:empty{display:none}
@media(max-width:767px) and (orientation:portrait){
 .guided-recent-legend{gap:8px;align-items:flex-start}
 .guided-recent-heading small{display:none}
 .guided-recent-link{font-size:14px;padding-top:0;margin-top:-6px}
 .guided-recent-panel{padding:16px 0;margin:0 0 16px;border-bottom:1px solid #ffffff30}
 .guided-recent-header h2{font-size:20px}
 .guided-recent-list{max-height:320px}
 .guided-recent-row{gap:10px;padding:12px 0}
 .guided-recent-replay{font-size:13px;padding:10px}
}