.dpage{max-width:1100px;margin:0 auto;padding:3rem 1.25rem 0}.dpage__hero{display:flex;align-items:baseline;flex-wrap:wrap;gap:.3rem 2rem;margin:0 0 1.1rem}.dpage__back{flex:none;font-size:.8rem;color:var(--muted);text-decoration:none}.dpage__back:hover{color:var(--accent)}.dpage__title{margin:0;font-size:clamp(1.6rem,4vw,2.1rem)}.dpage__rec{display:flex;flex-wrap:wrap;align-items:baseline;gap:.3rem .5rem;margin:0;font-size:.85rem;color:var(--muted)}.dpage__rec a{color:var(--text);font-weight:600}.dpage__rec a:hover{color:var(--accent)}.dpage__title .preview-mark{margin-left:.6rem;vertical-align:middle}.dcmp__filters{margin-bottom:.6rem}.dcmp .pk__filters{justify-content:flex-start}.dcmp .pk__filters[hidden]{display:flex;visibility:hidden}.dcmp__body{display:grid;grid-template-columns:minmax(0,1fr) 13rem;grid-template-areas:"main side" "after side";grid-template-rows:auto 1fr;gap:0 .9rem}.dcmp__main{grid-area:main;min-width:0}.dcmp--wide .dcmp__body{grid-template-columns:minmax(0,1fr) 24rem}.dcmp__after{grid-area:after;min-width:0;padding-bottom:6rem}.dcmp .pk__view{overflow-y:hidden;overscroll-behavior:auto;scrollbar-gutter:auto}.dcmp__side{grid-area:side;align-self:start;position:sticky;top:calc(var(--nav-h) + .75rem);display:flex;flex-direction:column;gap:.5rem;max-height:calc(100vh - var(--nav-h) - 1.5rem - 10rem);min-height:0}.dcmp__side .pk__list{flex:1 1 auto;min-height:0}.dcmp a.pk__item{box-sizing:border-box;text-decoration:none}.dcmp a.pk__item[aria-current=page]{scroll-initial-target:nearest;scroll-snap-align:center}@media(max-width:520px){.dpage{padding:0}.dpage__hero{margin:0}.dpage__back,.dpage__rec{display:none}.dpage__title{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.dcmp{display:flex;flex-direction:column;gap:.75rem;box-sizing:border-box;height:calc(100vh - var(--nav-h));height:calc(100dvh - var(--nav-h));padding:.9rem .9rem 1rem}.dcmp__filters{flex:none;margin:0}.dcmp .pk__filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.dcmp .pk__filters[hidden]{display:grid}.dcmp__body,.dcmp--wide .dcmp__body{flex:1 1 0;min-height:0;grid-template-columns:minmax(0,1fr);grid-template-areas:"main" "side";grid-template-rows:minmax(0,1fr) minmax(0,10.5rem);gap:.5rem}.dcmp__main{min-height:0}.dcmp .pk__view{box-sizing:border-box;height:100%;overflow-y:scroll;overscroll-behavior:contain}.dcmp__side{position:static;align-self:stretch;max-height:none;min-height:0}.dcmp__after{display:none}}