.m28-cpu-catalog{padding:20px;margin:20px 0;border:1px solid var(--up-border-color,var(--border-color,rgba(127,127,127,.25)));border-radius:16px;background:var(--up-theme-blocks-bg,transparent);color:var(--up-body-color,inherit);min-width:0}
.m28-cpu-catalog h2,.m28-cpu-catalog h3{font-size:20px;margin:0 0 12px}.m28-cpu-catalog p{margin:10px 0;line-height:1.5}
.m28-cpu-picker-form{display:grid;grid-template-columns:minmax(140px,1fr) minmax(0,2fr) minmax(100px,1fr);gap:12px;align-items:end}
.m28-cpu-catalog label{display:block;min-width:0;font-size:14px}.m28-cpu-catalog select,.m28-cpu-catalog input{display:block;width:100%;min-width:0;max-width:100%;box-sizing:border-box;margin-top:7px;background-color:var(--bg-color-input,rgba(127,127,127,.12));color:inherit;border:1px solid rgba(127,127,127,.3);border-radius:8px;padding:10px;font:inherit}
.m28-cpu-note{font-size:12px;opacity:.75}.m28-cpu-tile{margin:10px 0;border:1px solid rgba(127,127,127,.25);border-radius:10px;padding:10px;font-size:12px;line-height:1.4}.m28-cpu-tile>div+div{margin-top:8px;border-top:1px solid rgba(127,127,127,.2);padding-top:8px}.m28-cpu-tile span,.m28-cpu-tile small{display:block;overflow-wrap:anywhere}.m28-cpu-tile strong{display:block;font-size:16px}.m28-cpu-tile small{opacity:.7}
.m28-cpu-compare-row progress{grid-column:1/-1;width:100%;height:6px;accent-color:#888}.m28-cpu-compare-row.is-current progress{accent-color:var(--up-scheme-color,#003dff)}.m28-cpu-compare-row.is-faster progress{accent-color:#15803d}
.m28-cpu-compare-row{display:grid;grid-template-columns:minmax(0,1fr) auto 65px 75px;gap:12px;align-items:center;padding:12px;border-bottom:1px solid rgba(127,127,127,.25)}.m28-cpu-compare-row a{overflow-wrap:anywhere;color:inherit}.m28-cpu-compare-row.is-current{border-left:3px solid var(--accent-color,#003dff);background:rgba(0,80,255,.07)}.m28-cpu-compare-row strong{white-space:nowrap}.m28-cpu-result{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px;margin:14px 0;border:1px solid rgba(127,127,127,.3);border-left:3px solid var(--accent-color,#003dff);border-radius:10px;scroll-margin-top:100px}
@media(max-width:900px){.m28-cpu-picker-form{grid-template-columns:1fr 1fr}.m28-cpu-picker-form>label:nth-of-type(2){grid-column:1/-1;grid-row:2}.m28-cpu-compare-row{grid-template-columns:minmax(0,1fr) auto}.m28-cpu-catalog{padding:15px}}
@media(max-width:500px){.m28-cpu-picker-form{grid-template-columns:1fr}.m28-cpu-picker-form>label:nth-of-type(2){grid-column:auto;grid-row:auto}.m28-cpu-result{align-items:flex-start;flex-direction:column}.m28-cpu-catalog h2{font-size:18px}}
.m28-cpu-picker{padding:14px 16px;margin:14px 0;border-radius:12px}
.m28-cpu-picker h2{font-size:16px;margin:0 0 10px}
.m28-cpu-picker .m28-cpu-picker-form{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) auto auto;gap:10px}
.m28-cpu-picker label{font-size:12px}
.m28-cpu-picker select{height:38px;margin-top:5px;padding:7px 2.25rem 7px 10px;font-size:13px;cursor:pointer}
.m28-cpu-picker select:hover{border-color:var(--up-select-border-color-focus,#888)}
.m28-cpu-picker select:focus-visible{border-color:var(--up-scheme-color,#003dff);outline:2px solid var(--up-scheme-color,#003dff);outline-offset:2px}
.m28-cpu-picker .btn{min-height:38px;padding:8px 18px;white-space:nowrap}
.m28-cpu-picker [hidden],.m28-cpu-filter-settings [hidden]{display:none!important}
.m28-cpu-picker-help{margin-top:8px;font-size:12px;line-height:1.45;opacity:.8}
.m28-cpu-picker-help summary{cursor:pointer;width:max-content;max-width:100%}
.m28-cpu-picker-help p{margin:8px 0;max-width:85ch}
.m28-cpu-filter-settings{margin:12px 0}
.m28-cpu-filter-settings input[type=search]{max-width:100%;margin:8px 0}
[data-cpu-filter-list]{max-height:320px;overflow:auto;margin:10px 0;border:1px solid rgba(127,127,127,.25);border-radius:8px;padding:8px}
[data-cpu-filter-list] label{padding:6px 2px;font-size:13px;line-height:1.4}
@media(max-width:900px){.m28-cpu-picker .m28-cpu-picker-form{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) auto}.m28-cpu-picker-form>label:nth-of-type(2){grid-column:auto;grid-row:auto}}
@media(max-width:500px){.m28-cpu-picker .m28-cpu-picker-form{grid-template-columns:1fr}.m28-cpu-picker .btn{width:100%}.m28-cpu-picker{padding:12px}.m28-cpu-picker h2{font-size:16px}}