.quote-dialog{width:min(1440px,97vw)}
.quote-dialog[open]{animation:art-panel-enter .24s ease-out}
.quote-tools{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 38px 6px;flex-wrap:wrap}
.quote-filters{display:flex;gap:8px;flex-wrap:wrap}.quote-filters button{padding:10px 16px;border:1px solid var(--line);border-radius:24px;font-size:14px}.quote-filters button[aria-pressed=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.quote-search{min-width:190px;width:270px;max-width:100%;border:1px solid var(--line);background:#fffcf4;border-radius:24px;padding:12px 16px;font:14px var(--sans)}
.quote-dialog .experience-toolbar{padding-top:14px}.quote-view-actions{display:flex;gap:10px;flex-wrap:wrap}
.quote-view-hint{margin:0 38px 12px;font-size:13px;color:var(--muted)}
.quote-deck{position:relative;margin:0 26px;perspective:1400px;min-height:350px}
.quote-sheet{position:absolute;left:50%;top:0;padding:0;background:#0c3b5f;border:0;box-shadow:0 1px 2px #152d3d14;transform-origin:center;overflow:hidden}
.quote-deck:not(.is-grid) .quote-sheet{box-shadow:0 1px 3px #152d3d18,0 9px 20px #152d3d12}
@media(hover:hover){.quote-deck:not(.is-grid) .quote-sheet:hover:not(.quote-moving){translate:0 -7px}}
.quote-moving{will-change:transform,opacity}.quote-flight{pointer-events:none!important}
/* Hide the pale PDF trim fringe against matching navy, without scaling text
   or changing the source image. The original remains in the full-size reader. */
.quote-sheet img{display:block;width:100%;height:100%;object-fit:contain;clip-path:inset(.5%)}.quote-deck.is-grid .quote-sheet{box-shadow:0 5px 14px #152d3d18}.quote-sheet[aria-pressed=true]{outline:2px solid #b9a27d;outline-offset:4px}.quote-deck:not(.is-grid) .quote-sheet[aria-pressed=true]{outline:0}
.quote-caption{margin:12px 38px 0;padding:22px 0;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:25px}.quote-caption h3{font:29px/1.1 var(--serif);margin:0 0 7px}.quote-caption p{color:var(--muted);font-size:14px;margin:0}.quote-caption-actions{display:flex;gap:22px;align-items:center;flex-wrap:wrap}.quote-caption .primary-button{width:auto;margin:0;white-space:nowrap}
.quote-zoom{height:65vh;min-height:390px;margin:12px 26px;overflow:auto;text-align:center;background:#e6e1d5}.quote-zoom img{display:block;width:auto;height:100%;max-width:100%;object-fit:contain;margin:auto}.quote-zoom.is-magnified img{height:160%;max-width:none;max-height:none}

.quote-empty{padding:55px 30px;text-align:center;color:var(--muted)}.quote-source{padding:0 38px 24px;font-size:13px;color:var(--muted);margin:0}.quote-error{padding:15px 38px;color:var(--ink)}
#browse-quotes{margin-top:15px}
@media(max-width:760px){.quote-dialog{width:100vw;max-width:100vw}.quote-tools{padding:16px 18px 4px;gap:12px}.quote-filters{gap:6px}.quote-filters button{padding:9px 12px;font-size:12px}.quote-search{width:100%;font-size:14px}.quote-dialog .experience-toolbar{padding:12px 18px;gap:8px}.quote-view-actions{gap:6px}.quote-view-actions button{font-size:12px;padding:9px 11px}.quote-deck{margin:0 14px;min-height:300px}.quote-caption{margin:10px 22px 0;display:block;padding:20px 0}.quote-caption h3{font-size:25px}.quote-caption-actions{margin-top:20px;gap:18px}.quote-caption-actions button{font-size:13px}.quote-source{padding:0 22px 24px;font-size:12px}.quote-zoom{margin:8px 12px;height:57vh;min-height:340px}.quote-zoom.is-magnified img{max-width:none}.quote-dialog .art-step{font-size:12px;gap:0}.quote-dialog .art-step button{width:30px}.quote-dialog .art-step span{min-width:46px}.quote-dialog .experience-header h2{font-size:30px}}
@media(prefers-reduced-motion:reduce){.quote-sheet,.quote-deck{transition:none}}
@media(max-width:760px){.quote-view-hint{margin:0 18px 12px}}
@media(max-width:380px){.quote-dialog .experience-toolbar{flex-wrap:wrap}.quote-dialog .art-step{margin-left:auto}}