.directory-page{--section-heading-size:clamp(1.25rem, 1.12rem + .55vw, 1.5rem);--card-heading-size:clamp(1.125rem, 1.05rem + .35vw, 1.25rem)}.directory-page h2{font-size:var(--section-heading-size);letter-spacing:-.015em;line-height:1.35}.directory-page h3{font-size:1.125rem;line-height:1.4}.directory-page :is(.info-card,.panel--compact,.nav-card) h2{font-size:var(--card-heading-size)}.directory-field{gap:.32rem;min-width:0;display:grid}.directory-field input,.directory-field select{width:100%;min-height:var(--control-height-md);border:1px solid rgba(var(--muted), .22);background:rgb(var(--surface-soft));color:rgb(var(--ink));font:inherit;box-shadow:none;border-radius:.8rem;padding:.72rem .85rem}.directory-field input:focus-visible,.directory-field select:focus-visible{outline:2px solid var(--focus-ring-color);outline-offset:2px}.directory-field input::placeholder{color:rgba(var(--ink), .75);opacity:1}.directory-breadcrumb{color:rgba(var(--ink), .68);font-size:var(--text-sm);flex-wrap:wrap;align-items:center;gap:.42rem;line-height:1.5;display:flex}.directory-breadcrumb a{color:var(--link-color)}.directory-field>span{font-size:var(--text-xs);letter-spacing:.12em;text-transform:uppercase;color:var(--eyebrow-color);font-weight:700}.directory-method-note{font-size:var(--text-sm);margin:0}.directory-page{--directory-rule:rgba(var(--line), .48)}.directory-explorer,.directory-page #comparison-facts{scroll-margin-top:12rem}.directory-page .directory-notice{border-left:3px solid rgb(var(--accent));background:rgba(var(--accent), .06);font-size:var(--text-sm);border-radius:.35rem;padding:.65rem 1rem}.directory-notice p{margin:0}.directory-muted{color:rgba(var(--ink), .78)}.directory-categories,.directory-inline-controls,.directory-tags{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.directory-categories a{box-sizing:border-box;border:1px solid var(--directory-rule);border-radius:var(--radius-md);background:var(--interactive-surface-background);min-height:2.75rem;font-size:var(--text-sm);align-items:center;gap:.5rem;padding:.65rem .9rem;text-decoration:none;display:inline-flex}.directory-categories a[aria-current=page]{background:var(--interactive-surface-active-background);border-color:rgba(var(--accent), .55)}.directory-category-icon{flex:0 0 18px}.directory-category-count{color:rgb(var(--ink));font-variant-numeric:tabular-nums}.directory-explorer,.directory-profile-main{gap:1rem;min-width:0;display:grid}.directory-controls{border:1px solid var(--directory-rule);border-radius:var(--radius-md);background:rgb(var(--surface-raised));grid-template-columns:minmax(14rem,2fr) repeat(2,minmax(9rem,1fr));align-items:end;gap:.75rem 1rem;padding:1rem 1.1rem;display:grid}.directory-controls:not(:has(select)){grid-template-columns:minmax(14rem,28rem) minmax(0,1fr)}.directory-controls:has(select) .directory-toggles{grid-column:1/-1}.directory-toggles{flex-wrap:wrap;align-items:center;gap:0 1.4rem;display:flex}.directory-toolbar--small{margin-top:-.25rem}.directory-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.8rem 1.25rem;display:flex}.directory-toolbar :is(h2,p){margin:0}.directory-toolbar h2{margin-bottom:.4rem}.directory-toolbar--small{font-size:var(--text-sm)}.directory-check{cursor:pointer;align-items:center;gap:.5rem;min-height:2.75rem;display:inline-flex}.directory-page input[type=checkbox]{width:16px;height:16px;accent-color:rgb(var(--accent-strong));flex-shrink:0}.directory-page :is(input,select):disabled,.directory-page button:disabled{opacity:.55;cursor:not-allowed}.directory-scroll{border:1px solid var(--directory-rule);border-radius:var(--radius-md);background:rgb(var(--surface-raised));max-width:100%;overflow-x:auto}.directory-scroll:focus-visible{outline:2px solid var(--focus-ring-color);outline-offset:3px}.directory-table,.directory-compare-table,.directory-facts{border-collapse:separate;border-spacing:0;text-align:left;width:100%}.directory-table :is(th,td),.directory-compare-table :is(th,td),.directory-facts :is(th,td){border-bottom:1px solid var(--directory-rule);vertical-align:top;padding:1rem .9rem;line-height:1.6}.directory-table th,.directory-compare-table thead th,.directory-facts thead th{background:rgba(var(--ink), .06);font-size:var(--text-sm)}.directory-table tbody tr:last-child td,.directory-compare-table tbody tr:last-child :is(th,td){border-bottom:0}.directory-table,.directory-compare-table,.directory-facts{font-size:.9375rem}.directory-compare-table thead th{color:rgb(var(--ink));font-size:1rem}.directory-table .directory-product{width:27%;min-width:15rem}.directory-table--platforms :is(td,th){font-size:var(--text-sm)}.directory-table--platforms td:not(.directory-product){min-width:6.5rem}.directory-summary{font-size:var(--text-sm);color:rgba(var(--ink), .8);margin:.25rem 0 0;line-height:1.45}.directory-row-actions{flex-wrap:wrap;align-items:center;gap:.45rem .55rem;margin-top:.6rem;display:flex}.directory-row-actions .pill{font-size:var(--text-sm)}.directory-details-toggle.pill{border:1px solid rgba(var(--accent-strong), .5);background:rgba(var(--accent-strong), .12);box-shadow:none;color:rgb(var(--ink));cursor:pointer;margin:0}.directory-details-toggle.pill:hover,.directory-details-toggle.pill[aria-expanded=true]{border-color:rgba(var(--accent-strong), .9);background:rgba(var(--accent-strong), .26);color:rgb(var(--ink))}.directory-details-toggle.pill:disabled{opacity:.6;cursor:default;transform:none}.directory-details-toggle:focus-visible,.directory-row-actions .domain-pill:focus-visible{outline:2px solid var(--focus-ring-color);outline-offset:2px}.directory-cell-note{font-size:var(--text-xs);color:rgba(var(--ink), .78);margin-top:.2rem;display:block}.directory-detail-row td{background:rgba(var(--ink), .035);padding:1rem 1.25rem 1.25rem}.directory-detail-grid{grid-template-columns:repeat(auto-fill,minmax(16rem,1fr));gap:1rem 1.5rem;margin:0;display:grid}.directory-detail-grid dt{font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--eyebrow-color);font-weight:700}.directory-detail-grid dd{margin:.25rem 0 0}.directory-detail-links{flex-wrap:wrap;gap:.5rem 1.5rem;margin:1rem 0 0;display:flex}.directory-tray{z-index:5;border:1px solid rgba(var(--accent), .5);border-radius:var(--radius-md);background:rgb(var(--surface-raised));box-shadow:var(--box-shadow);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem 1.25rem;padding:.85rem 1rem;display:flex;position:sticky;bottom:.75rem}.directory-tray p{font-size:var(--text-sm);color:rgba(var(--ink), .8);margin:0}.directory-table .directory-pick{width:3.5rem;padding-inline:.65rem}.directory-pick label{justify-content:center;align-items:center;min-height:2.75rem;display:flex}.directory-table tr.is-selected{background:rgba(var(--accent), .08)}.directory-product>small,.directory-table time,.directory-compare-table th small{color:rgba(var(--ink), .78);font-weight:400;display:block}.directory-tags span,.directory-badge{background:rgba(var(--secondary), .08);font-size:var(--text-xs);border-radius:.35rem;padding:.2rem .5rem;display:inline-block}.directory-badge{white-space:nowrap}.directory-badge--accent{background:rgba(var(--accent), .13);color:rgb(var(--ink))}.directory-page button[aria-pressed=true]{border-color:rgb(var(--accent-strong));background:var(--interactive-surface-active-background);color:rgb(var(--ink))}.directory-source{font-size:var(--text-xs);color:rgba(var(--ink), .78);margin-top:.45rem;display:block}.directory-sources{font-size:var(--text-xs);color:rgba(var(--ink), .78);overflow-wrap:anywhere;margin:.9rem 0 0;line-height:1.6}.directory-sources>span{font-weight:700}.directory-feedback{min-height:1.4rem;font-size:var(--text-sm);color:rgba(var(--ink), .8);margin:-.5rem 0}.directory-empty{padding:1.5rem}.directory-compare-table{table-layout:fixed;min-width:620px}.directory-compare-table th:first-child{width:24%}.directory-compare-table tbody th{background:rgb(var(--surface-raised));z-index:1;position:sticky;left:0}.directory-comparison{gap:1rem;min-width:0;display:grid}.directory-scroll-hint{font-size:var(--text-sm);margin:0;display:none}.directory-editorial-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.directory-editorial-grid>*{min-width:0}.directory-profile-layout{grid-template-columns:minmax(0,1fr) minmax(15rem,.35fr);align-items:start;gap:1.5rem;display:grid}.directory-profile-layout aside{gap:1rem;min-width:0;display:grid}.directory-profile-layout li{margin-block:.6rem}.directory-facts{font-size:.9375rem}.directory-facts th{width:25%}.directory-facts small{display:block}.directory-article-section{max-width:78ch}.directory-sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}@media (width<=1050px){.directory-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.directory-controls .directory-search{grid-column:1/-1}.directory-profile-layout{grid-template-columns:minmax(0,1fr)}}@media (width<=760px){.directory-scroll-hint{display:block}.directory-editorial-grid{grid-template-columns:minmax(0,1fr)}.directory-categories{scrollbar-width:thin;flex-wrap:nowrap;padding-bottom:.35rem;overflow-x:auto}.directory-categories a{flex:none}.directory-tray{gap:.5rem;padding:.65rem .8rem;bottom:.5rem}.directory-tray>div:first-child{flex:100%;min-width:0}.directory-tray .directory-inline-controls{flex-wrap:nowrap;flex:100%;justify-content:flex-end}.directory-tray strong{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.directory-tray p{font-size:var(--text-xs)}.directory-list-scroll{background:0 0;border:0;overflow:visible}.directory-table,.directory-table tbody{display:block}.directory-table thead{clip-path:inset(50%);width:1px;height:1px;display:block;position:absolute;overflow:hidden}.directory-table tbody tr{border:1px solid var(--directory-rule);border-radius:var(--radius-md);background:rgb(var(--surface-raised));grid-template-columns:minmax(0,1fr) auto;column-gap:.75rem;margin-bottom:.75rem;padding:.9rem 1rem;display:grid}.directory-table tbody tr.is-selected{border-color:rgba(var(--accent), .6)}.directory-table tbody td{border:0;padding:0;display:block}.directory-table .directory-product{grid-area:1/1;width:auto;min-width:0}.directory-table .directory-pick{grid-area:1/2;width:auto;padding:0}.directory-table td[data-label]{border-top:1px solid var(--directory-rule);grid-column:1/-1;justify-content:space-between;gap:1rem;min-width:0;padding:.45rem 0;display:flex}.directory-table td[data-label]:before{content:attr(data-label);color:rgba(var(--ink), .8);flex:none;font-weight:700}.directory-table td[data-label]>*{text-align:right;min-width:0}.directory-table tbody tr.directory-detail-row{margin-top:-.5rem;padding:0;display:block}.directory-table tbody tr.directory-detail-row td{padding:1rem}.directory-table tbody td.directory-empty{padding:.5rem}}@media (width<=480px){.directory-controls,.directory-controls:not(:has(select)){grid-template-columns:minmax(0,1fr);padding:1rem}.directory-compare-table{min-width:560px}.directory-page .directory-field :is(input,select){font-size:16px}}.directory-rating{width:fit-content;max-width:100%;color:rgb(var(--ink));flex-wrap:wrap;align-items:center;gap:.25rem .5rem;margin-block:.35rem;font-size:.8125rem;line-height:1.5;display:flex}.directory-rating .rating-star--half:before{color:rgb(var(--ink))}.directory-rating .rating-star--empty,.directory-rating .rating-star--half{color:rgba(var(--ink), .3)}
