.visually-hidden{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}select{font:inherit;color:var(--ink);background:var(--raised);border:1px solid var(--line);border-radius:10px;padding:10px 12px;max-width:100%;min-height:44px}select:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.filter-row{display:flex;align-items:end;gap:16px;flex-wrap:wrap;margin-top:22px}.filter-row label{display:grid;gap:6px;font-size:13px;color:var(--muted)}.tool-button{min-height:44px;background:transparent;border:1px solid var(--line);border-radius:10px;color:var(--ink);padding:10px 14px;cursor:pointer;font:600 14px/1.4 var(--display)}.tool-button:hover:not(:disabled),.tool-button[aria-pressed=true]{border-color:var(--accent);color:var(--accent)}.tool-button:disabled{opacity:.5;cursor:not-allowed}.helper{font-size:13px;color:var(--muted);max-width:85ch}.shortlist{margin-top:38px;padding:26px;background:var(--raised);border-radius:14px;border:1px solid var(--line)}.shortlist-head{display:flex;justify-content:space-between;gap:24px;align-items:start}.shortlist h2{font-size:24px;line-height:1.2;margin:0}.shortlist h2 span{color:var(--accent);font-size:14px;margin-left:12px;font-variant-numeric:tabular-nums}.shortlist p{color:var(--muted);font-size:14px;margin:10px 0 0}.shortlist-actions{display:flex;gap:8px;flex-wrap:wrap}#saved-items{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.saved-chip{display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--line);padding:8px 0;margin-right:14px;font-size:14px;overflow-wrap:anywhere}.saved-chip button{color:var(--accent);font:inherit;background:none;border:0;cursor:pointer;min-height:36px;text-decoration:underline}#tool-status:empty{display:none}#share-fallback{display:block;margin-top:18px}#share-fallback[hidden]{display:none}#share-url{display:block;width:100%;padding:12px;background:var(--surface);color:var(--ink);border:1px solid var(--line)}.comparison-scroll{overflow-x:auto;margin-top:26px;max-width:100%;border:1px solid var(--line);border-radius:10px}.comparison-scroll:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.comparison-table{border-collapse:collapse;min-width:620px;width:100%;font-size:14px;table-layout:fixed}.comparison-table caption{text-align:left;padding:16px;font-size:15px;font-weight:700}.comparison-table th,.comparison-table td{vertical-align:top;text-align:left;padding:18px;border-top:1px solid var(--line);border-right:1px solid var(--line);width:240px;overflow-wrap:anywhere}.comparison-table th:first-child{width:160px}.comparison-table td{color:var(--muted)}.comparison-table a{color:var(--accent);text-decoration:underline}.result-mark{background:#fff}.result-mark img{object-fit:contain;padding:7px}.result-action .save-button{display:block;margin:18px 0 0 auto}.result .updated{font-size:12px;color:var(--muted);margin-top:12px}.intro h1{letter-spacing:-.04em;font-size:clamp(3.4rem,7vw,6rem)}.result h3{overflow-wrap:anywhere}.search::placeholder{color:var(--muted)}#retry-community{margin-top:16px}.comparison-help{margin:14px 0}.header{height:auto;min-height:76px;gap:16px;flex-wrap:wrap;padding-block:16px}.header .nav a{display:block!important}.header .nav{flex-wrap:wrap;gap:18px}@media(max-width:900px){.shortlist-head{display:block}.shortlist-actions{margin-top:20px}.result-action .save-button{margin-left:0}}@media(max-width:520px){.shortlist{padding:20px 16px}.filter-row{display:grid;grid-template-columns:1fr 1fr}.filter-row label{min-width:0}.filter-row select{width:100%}.shortlist-actions{display:grid;grid-template-columns:1fr;width:100%}.shortlist-head h2{font-size:22px}.header .nav{width:100%;justify-content:space-between}}

.pagination{display:flex;gap:8px;flex-wrap:wrap;align-items:center;padding:28px 0;border-bottom:1px solid var(--line)}.pagination[hidden]{display:none}.page-button{min-width:44px;min-height:44px;border:1px solid var(--line);border-radius:10px;background:transparent;color:var(--ink);padding:9px 12px;cursor:pointer;font:700 13px/1 var(--display)}.page-button:hover:not(:disabled),.page-button[aria-current=page]{border-color:var(--accent);background:rgba(246,199,91,.09);color:var(--accent)}.page-button:disabled{opacity:.45;cursor:not-allowed}@media(max-width:520px){.pagination{gap:6px}.page-button{min-width:40px;padding:8px}.page-button:first-child,.page-button:last-child{width:100%}}
