.pswp { --pswp-bg: #18233b; --pswp-icon-color: #fff9ed; --pswp-icon-color-secondary: #18233b; --pswp-icon-stroke-color: #18233b; }
.pswp__sample-caption { position: absolute; bottom: 16px; left: 50%; transform: translateX(-50%); width: min(90%, 700px); text-align: center; color: #fff9ed; font: 600 15px/1.45 "Nunito QT", sans-serif; pointer-events: none; }
.pswp button:focus-visible { outline: 3px solid #c8ee6f; outline-offset: -4px; }
.print-comparison { margin-top: 36px; padding: 30px; border: 2px solid var(--ink); border-radius: 22px; background: #f3ecd9; display: grid; grid-template-columns: 1fr 300px; gap: 30px; align-items: center; }
.print-comparison h3 { font: 600 clamp(26px, 3vw, 36px)/1.15 "Fredoka QT", sans-serif; margin: 0 0 14px; max-width: 430px; }
.print-comparison p { max-width: 490px; margin: 0 0 16px; line-height: 1.6; }
.print-controls { display: flex; flex-wrap: wrap; gap: 8px; margin: 20px 0 16px; }
.print-controls[hidden], .print-preview[hidden] { display: none; }
.print-controls button { cursor: pointer; border: 2px solid var(--ink); border-radius: 99px; padding: 10px 19px; background: #fff9ed; color: var(--ink); font: 800 15px "Nunito QT", sans-serif; min-height: 44px; }
.print-controls button[aria-pressed="true"] { background: #c8ee6f; box-shadow: 3px 3px 0 var(--ink); }
.print-controls button:focus-visible { outline: 3px solid #7652df; outline-offset: 4px; }
.print-preview { margin: 0; }
.print-preview img { display: block; width: 100%; height: auto; border: 1px solid #c9c2b1; border-radius: 4px; box-shadow: 6px 8px 0 #18233b12; }
.print-preview a { display: block; }
.print-preview figcaption { font-size: 13px; text-align: center; margin-top: 10px; }
.print-comparison .print-small { font-size: 13px; margin-bottom: 0; }
@media (max-width: 680px) { .print-comparison { grid-template-columns: 1fr; padding: 22px; gap: 22px; } .print-preview { width: min(100%, 300px); justify-self: center; } }