/* Static archive adaptations; original page styles are preserved separately. */
[hidden]{display:none!important}
.archive-bar{display:flex;flex-wrap:wrap;align-items:center;gap:12px 24px;padding:13px 24px;background:#fff;color:#111;position:relative;z-index:20;font:14px/1.4 Arial,sans-serif;border-bottom:1px solid #ddd}
.archive-bar a{color:inherit;text-decoration:underline;text-underline-offset:3px}
.archive-bar a:first-child{margin-right:auto}
.archive-bar a:focus-visible,.archive-gallery-controls button:focus-visible,.archive-clear-filter:focus-visible,.archive-modal button:focus-visible,.archive-modal a:focus-visible{outline:3px solid #111;outline-offset:4px}
.archive-filter-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.archive-clear-filter,.archive-gallery-controls button{font:inherit;border:1px solid currentColor;padding:8px 14px;background:#fff;color:#111;border-radius:0;cursor:pointer}
.archive-gallery-controls{display:flex;justify-content:space-between;gap:16px;margin:20px 0 40px}
.archive-back{display:inline-block;margin:30px 0;text-decoration:underline}
/* Content Views normally reveals the page after its remote initialization.
   Keep the original responsive CSS-column mosaic visible without that plugin. */
.examenswebb-2026__portfolio .pt-cv-page{opacity:1!important;visibility:visible!important}
.examenswebb-2026__portfolio .pt-cv-content-item[hidden]{display:none!important}
.examenswebb-2026__portfolio .pt-cv-thumbnail{opacity:1!important;visibility:visible!important}
.cvp-live-filter input{cursor:pointer}
.cvp-live-filter .active{font-weight:bold;text-decoration:underline;text-underline-offset:4px}
.archive-modal-open{overflow:hidden}
.archive-modal{position:fixed!important;inset:0;z-index:100000;background:rgba(255,255,255,.97);overflow-y:auto;overscroll-behavior:contain;padding:24px 20px}
#modal.archive-modal .modal-container{position:relative!important;left:auto!important;right:auto!important;transform:none!important;max-width:100%!important;box-sizing:border-box;margin:0 auto!important;padding:58px 24px 24px!important;background:#fff}
.archive-modal .modal-content{display:block;min-height:150px;box-shadow:none;border:0;background:none}
.archive-modal #primary{float:none!important;width:100%!important;margin:0!important;padding:0!important}
#modal.archive-modal .archive-close{position:absolute;inset:8px 8px auto auto;display:grid;place-items:center;box-sizing:border-box;width:44px;height:44px;min-width:44px;min-height:44px;margin:0;padding:10px;border:0;border-radius:0;background:#fff;color:#111;opacity:1;cursor:pointer;line-height:1;transform:none;z-index:1060}
#modal.archive-modal .archive-close svg{display:block;width:24px;height:24px;pointer-events:none}
#modal.archive-modal .archive-close:hover{background:#f0f0f0;color:#000}
#modal.archive-modal .archive-close:focus-visible{outline:2px solid #111;outline-offset:2px}
/* White side arrows follow the original modal's responsive panel widths. */
#modal.archive-modal{--archive-panel-width:640px;background:rgba(0,0,0,.7)}
#modal.archive-modal .archive-modal-nav a{position:fixed;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:44px;height:80px;margin:0;padding:0;border:0;background:transparent;color:#fff!important;z-index:1070;text-decoration:none}
#modal.archive-modal .archive-prev{left:max(2px,calc((100vw - var(--archive-panel-width))/2 - 48px))}
#modal.archive-modal .archive-next{right:max(2px,calc((100vw - var(--archive-panel-width))/2 - 48px))}
#modal.archive-modal .archive-modal-nav svg{display:block;width:32px;height:64px;pointer-events:none}
#modal.archive-modal .archive-modal-nav a:hover{opacity:.7}
#modal.archive-modal .archive-modal-nav a:focus-visible{outline:2px solid #fff;outline-offset:2px}
@media(min-width:992px){#modal.archive-modal{--archive-panel-width:892px}}
@media(min-width:1299px){#modal.archive-modal{--archive-panel-width:1099px}}
.archive-modal .galleria{margin-top:12px}
.galleria iframe{border:0}
.galleria{min-width:0;max-width:100%}
@media(max-width:767px){.archive-bar{gap:10px 16px;padding:12px 16px}.archive-bar a:first-child{flex-basis:100%}.archive-modal{padding:0}.archive-modal .modal-container{padding:60px 16px 16px!important}.archive-gallery-controls button{font-size:14px}}
.cvp-live-filter label{position:relative}
.cvp-live-filter input[type=radio]{display:block!important;position:absolute;width:1px;height:1px;opacity:0;overflow:hidden;clip-path:inset(50%)}
.cvp-live-filter label:focus-within{outline:3px solid currentColor;outline-offset:4px}
.cvp-live-filter label[role=radio]:focus-visible{outline:3px solid currentColor;outline-offset:4px}