/* Square cover portraits and adjustable cards per row. */
#tonr .portrait{width:100%;height:auto;aspect-ratio:1/1;min-height:0}
#tonr .portrait img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 25%}
#tonr .list-tools{flex-wrap:wrap}
#tonr .view-tools{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
#tonr .zoom-controls{display:flex;align-items:center;gap:8px}
#tonr .sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
#tonr[data-columns="1"] .candidate-grid{grid-template-columns:repeat(1,minmax(0,1fr))}
#tonr[data-columns="2"] .candidate-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
#tonr[data-columns="3"] .candidate-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
#tonr[data-columns="4"] .candidate-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
#tonr[data-columns="5"] .candidate-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
#tonr[data-columns="6"] .candidate-grid{grid-template-columns:repeat(6,minmax(0,1fr))}
#tonr[data-columns="7"] .candidate-grid{grid-template-columns:repeat(7,minmax(0,1fr))}
#tonr[data-columns="8"] .candidate-grid{grid-template-columns:repeat(8,minmax(0,1fr))}
@media(max-width:560px){#tonr .view-tools{width:100%;gap:14px}#tonr .zoom-controls{width:auto;justify-content:flex-start}#tonr .portrait{height:auto;aspect-ratio:1/1}}

/* Two circular touch targets, no dropdown or visible zoom labels. */
#tonr .zoom-controls{order:1;flex:0 0 auto;gap:8px}
#tonr .zoom-controls button{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;min-width:44px;min-height:44px;padding:0;border-radius:50%;font-size:25px;line-height:1;font-weight:400;flex:0 0 44px}
#tonr .view-tools .search{order:0}
@media(max-width:560px){#tonr .view-tools{flex-wrap:nowrap;gap:12px;align-items:center}#tonr .view-tools .search{flex:1;min-width:0;width:auto}#tonr .view-tools .search input{min-width:0;width:100%}}