:root{--pg-frame-bg:#f3f7fb;--pg-fig-bg:#fbfbfadb}:root[data-theme=night]{--pg-frame-bg:#ffffff0a;--pg-fig-bg:#0f1620b8}.pg-grid{--pg-gap:clamp(14px, 1.6vw, 22px);grid-template-columns:repeat(auto-fit, minmax(max(min(300px, 100%), 25% - var(--pg-gap)), 1fr));gap:var(--pg-gap);margin-top:26px;display:grid;container-type:inline-size}.pg-frame{height:clamp(190px,19vw,240px);height:max(clamp(190px, 19vw, 240px), (100cqw - 3 * var(--pg-gap)) / 4 * 5 / 8)}@supports (height:100svh) and (width:1cqw){@media (min-height:1300.02px){.pg-frame{--pg-fill:calc((100svh - 920px) / 2);--pg-tall:calc((100cqw - 3 * var(--pg-gap)) / 4 - 2px);height:max(clamp(190px, 19vw, 240px), (100cqw - 3 * var(--pg-gap)) / 4 * 5 / 8, min(var(--pg-fill), var(--pg-tall)))}}@media (min-height:1776px) and (min-width:1920.02px){.pg-grid{grid-template-columns:repeat(auto-fit,minmax(25%,1fr))}.pg-frame{--pg-tall:calc((100cqw - 2 * var(--pg-gap)) / 3 - 2px)}}@media (min-height:1300.02px) and (max-aspect-ratio:5/6){.pg-grid{grid-template-columns:repeat(auto-fit, minmax(max(min(300px, 100%), 50% - var(--pg-gap)), 1fr))}.pg-frame{--pg-fill:calc((100svh - 965px - 2 * var(--pg-gap)) / 3);--pg-tall:calc((100cqw - var(--pg-gap)) / 2 - 2px)}}}.pg-fig{height:clamp(360px,58vh,max(560px,100svh - 740px))}@media (max-height:520px) and (orientation:landscape){.pg-fig{height:clamp(200px, 100vh - var(--nav-b,66px) - 24px, 360px);height:clamp(200px, 100svh - var(--nav-b,66px) - 24px, 360px)}}.pg-card:focus-visible{outline:2px solid var(--accent);outline-offset:6px;border-radius:16px}.pg-back{position:relative}@media (hover:hover){.pg-back:hover{color:var(--accent,#004b97)!important}@supports (color:lab(0% 0 0)){.pg-back:hover{color:var(--accent,lab(31.2475% 7.9328 -54.7005))!important}}}.pg-back:focus-visible{outline:none;color:var(--accent,#004b97)!important}@supports (color:lab(0% 0 0)){.pg-back:focus-visible{color:var(--accent,lab(31.2475% 7.9328 -54.7005))!important}}.pg-back:focus-visible:after{content:"";pointer-events:none;border:2px solid var(--accent);border-radius:8px;position:absolute;inset:8px -6px}.pg-tap{display:none}@media (hover:none){.pg-ptr{display:none}.pg-tap{display:inline}}.pg-doc{grid-template-columns:minmax(150px,210px) minmax(0,1fr)}@media (max-width:899.98px){.pg-doc{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.pg-card *{transition-property:opacity,box-shadow!important}}
