.col__views{justify-content:flex-end;gap:var(--s1);margin-bottom:var(--s5);display:flex}.col__views input{opacity:0;pointer-events:none;position:absolute}.col__views label{align-items:center;gap:var(--s2);min-height:36px;padding:0 var(--s3);border:1px solid var(--rule2);border-radius:var(--radius);font:var(--t-meta);color:var(--ink2);cursor:pointer;transition:border-color var(--dur),color var(--dur),background-color var(--dur);display:inline-flex}.col__views label:hover{border-color:var(--accent)}.col__views input:checked+label{border-color:var(--head);background:var(--head);color:var(--bg)}.col__views input:focus-visible+label{outline:2px solid var(--focus);outline-offset:2px}.col__views .ic{width:16px;height:16px}.col__sec+.col__sec{margin-top:var(--s7)}.col:has(.col-list:checked) .card-grid{grid-template-columns:minmax(0,1fr);gap:0}.col:has(.col-list:checked) .card-grid>li+li{border-top:1px solid var(--rule)}.col:has(.col-list:checked) .card{align-items:start;gap:var(--s4);padding:var(--s4) 0;background:0 0;border:0;border-radius:0;grid-template-columns:120px minmax(0,1fr)}.col:has(.col-list:checked) .card:not(:has(.print)){grid-template-columns:minmax(0,1fr)}@container page (max-width:560px){.col:has(.col-list:checked) .card{grid-template-columns:88px minmax(0,1fr)}}