/* TRACE pager: big raised Previous/Next, bold page count, page buttons, more-pages cue */
.tp-bar{display:flex;flex-wrap:wrap;align-items:center;gap:10px 12px;padding:10px 12px;margin:0 0 8px;background:#fff;border:2px solid #b9d3d6;border-radius:16px;box-shadow:0 3px 10px rgba(17,108,112,.14)}
.tp-btn{min-height:48px;min-width:48px;padding:10px 20px!important;border-radius:999px!important;border:2px solid #0b5256!important;background:linear-gradient(#168a8f,#116c70)!important;color:#fff!important;font-size:1.06rem!important;font-weight:800!important;line-height:1.1;cursor:pointer;box-shadow:0 4px 0 #0a4a4d,0 6px 14px rgba(10,74,77,.35)!important;transition:transform .08s,box-shadow .08s;display:inline-flex;align-items:center;gap:8px;white-space:nowrap}
.tp-btn:hover:not(:disabled){background:linear-gradient(#1a979c,#127a7e)!important}
.tp-btn:active:not(:disabled){transform:translateY(3px);box-shadow:0 1px 0 #0a4a4d,0 2px 6px rgba(10,74,77,.3)!important}
.tp-btn:focus-visible,.tp-dot:focus-visible,.tp-jump:focus-visible{outline:4px solid #f2b705!important;outline-offset:3px}
.tp-btn:disabled{background:#e7eef0!important;color:#56707a!important;border-color:#b7c7cc!important;box-shadow:none!important;cursor:not-allowed}
.tp-label{font-size:1.15rem;font-weight:800;color:#12313d;padding:0 4px;white-space:nowrap}
.tp-bar.tp-single .tp-btn{display:none}
.tp-bar #preview-status,.tp-bar #public-download{margin-left:auto}
.tp-dots{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 10px;padding:0 2px}
.tp-bar .tp-dots{margin:0;flex-basis:100%}
.tp-dot{min-width:44px;min-height:44px;border-radius:12px;border:2px solid #9fbcc1;background:#fff;color:#12313d;font-weight:800;font-size:1rem;cursor:pointer;box-shadow:0 2px 0 #9fbcc1;position:relative;padding:0 10px}
.tp-dot[aria-current=page]{background:#116c70;color:#fff;border-color:#0b5256;box-shadow:0 3px 0 #0a4a4d}
.tp-dot.tp-has-left::after{content:"";position:absolute;top:-5px;right:-5px;width:14px;height:14px;border-radius:50%;background:#c2410c;border:2px solid #fff}
.tp-left{margin:0 0 10px;padding:10px 14px;border:2px solid #f0b37e;background:#fff7ed;border-radius:12px;color:#7c2d12;font-weight:700}
.tp-left-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin:4px 0}
.tp-jump{min-height:44px;padding:8px 16px;border-radius:999px;border:2px solid #c2410c;background:#fff;color:#9a3412;font-weight:800;cursor:pointer}
.tp-more{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px 16px;margin:12px 0 4px;padding:14px;border:2px dashed #116c70;border-radius:14px;background:#eef7f7;color:#12313d;text-align:center;font-size:1.05rem}
.tp-more p{margin:0}
.tp-stack{position:sticky;top:0;z-index:5}
figure .tp-more{margin-top:8px}
@media (prefers-reduced-motion:no-preference){.tp-pulse{animation:tp-pulse 1.3s ease-in-out 3}@keyframes tp-pulse{0%,100%{box-shadow:0 4px 0 #0a4a4d,0 0 0 0 rgba(17,108,112,.55)}50%{box-shadow:0 4px 0 #0a4a4d,0 0 0 12px rgba(17,108,112,0)}}}
@media (max-width:720px){.tp-bar{gap:8px;padding:8px}.tp-btn{padding:10px 14px!important;font-size:1rem!important}.tp-bar #preview-status,.tp-bar #public-download{margin-left:0;flex-basis:100%}}
@media (max-width:420px){.tp-bar>.tp-label{order:-1;flex-basis:100%;text-align:center}.tp-bar>.tp-btn{flex:1 1 0;justify-content:center}}
