/* /tools/apple-device-screen-sizes/ (webtools_screen_specs.py). Loaded after webtools-more.css. */
.ss-controls { display: flex; flex-wrap: wrap; gap: 0.75rem; align-items: end; }
.ss-controls label { display: grid; gap: 0.25rem; min-width: 12rem; }
.ss-wrap { max-height: 75vh; overflow: auto; }
.ss-table { font-size: 0.85rem; }
.ss-table th, .ss-table td { white-space: nowrap; }
.ss-table tbody th[scope="row"] { white-space: normal; min-width: 11rem; }
.ss-table tbody th[scope="row"] a { color: inherit; }
.ss-table tr.ss-fam th { background: var(--bg); font-size: 0.95rem; padding-top: 0.9rem; white-space: normal; }
.ss-table thead th { z-index: 1; }
.ss-sort { all: unset; cursor: pointer; font-weight: 600; }
.ss-sort:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
.ss-table th[aria-sort="ascending"] .ss-sort::after { content: " ▲"; font-size: 0.7em; }
.ss-table th[aria-sort="descending"] .ss-sort::after { content: " ▼"; font-size: 0.7em; }
.ss-tag { display: inline-block; margin-left: 0.3rem; padding: 0 0.35rem; border: 1px solid var(--border); border-radius: var(--radius-pill, 999px); font-size: 0.72rem; color: var(--text-2); }
.ss-na { color: var(--text-2); }
.tp-body pre, .tool pre { overflow-x: auto; }