.legacy{
  --bg:#EDEFF2;--surface:#FFFFFF;--surface-2:#E4E8ED;--ink:#161A20;--ink-2:#4E5762;--muted:#78828E;
  --line:#D2D7DE;--line-2:#B4BCC6;
  --b24:#E0872E;--b5:#3B6FB0;--b6:#8A62C8;--b24-soft:#f6e3cd;--b5-soft:#d9e3f0;--b6-soft:#e7dcf2;
  --gold:#B85A18;--good:#3f8f5b;--bad:#c1553f;--c7:#2E9C8E;--c8:#C0568F;
  --shadow:0 1px 2px rgba(20,22,28,.05),0 6px 20px rgba(20,22,28,.06);
}
@media  (prefers-color-scheme:dark){.legacy:not([data-theme="light"]){
  --bg:#101319;--surface:#171B22;--surface-2:#1F242D;--ink:#E4E8ED;--ink-2:#9DA7B3;--muted:#737E8B;
  --line:#272E38;--line-2:#3A434F;
  --b24:#C67E2C;--b5:#5E93D6;--b6:#9B77CE;--b24-soft:#3a2c19;--b5-soft:#1c2b3d;--b6-soft:#2c2338;
  --gold:#E08B44;--good:#59b07a;--bad:#d9765e;--shadow:0 1px 2px rgba(0,0,0,.3),0 8px 24px rgba(0,0,0,.35);
}}
.legacy[data-theme="dark"]{
  --bg:#101319;--surface:#171B22;--surface-2:#1F242D;--ink:#E4E8ED;--ink-2:#9DA7B3;--muted:#737E8B;
  --line:#272E38;--line-2:#3A434F;
  --b24:#C67E2C;--b5:#5E93D6;--b6:#9B77CE;--b24-soft:#3a2c19;--b5-soft:#1c2b3d;--b6-soft:#2c2338;
  --gold:#E08B44;--good:#59b07a;--bad:#d9765e;--shadow:0 1px 2px rgba(0,0,0,.3),0 8px 24px rgba(0,0,0,.35);
}
.legacy *{box-sizing:border-box}
.legacy{background:var(--bg);color:var(--ink);font-family:"Source Serif 4",Georgia,"Times New Roman",serif;line-height:1.55;-webkit-font-smoothing:antialiased}
.legacy .wrap{max-width:1080px;margin:0 auto;padding:0 24px}
.legacy h1,.legacy h2,.legacy h3{font-family:Archivo,"Helvetica Neue",Arial,sans-serif;text-wrap:balance;letter-spacing:-.01em;margin:0}
.legacy .mono{font-family:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace;font-variant-numeric:tabular-nums}
.legacy .eyebrow{font-family:"JetBrains Mono",ui-monospace,monospace;font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);font-weight:500}
.legacy header{border-bottom:1px solid var(--line);background:var(--surface)}
.legacy .head-inner{padding:52px 0 40px}
.legacy h1{font-size:clamp(38px,6vw,64px);font-weight:700;line-height:.98}
.legacy .sub{font-size:18px;color:var(--ink-2);max-width:62ch;margin-top:16px}
.legacy .meta-row{display:flex;flex-wrap:wrap;gap:8px 20px;margin-top:24px;font-size:12.5px;color:var(--muted)}
.legacy .meta-row .mono{color:var(--ink-2)}
.legacy section{padding:52px 0;border-bottom:1px solid var(--line)}
.legacy .sec-head{margin-bottom:28px}
.legacy .sec-head h2{font-size:clamp(24px,3.5vw,32px);font-weight:600;margin-top:8px}
.legacy .sec-head p{color:var(--ink-2);max-width:72ch;margin:10px 0 0;font-size:15px}
.legacy .verdict{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:14px}
.legacy .vtile{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:20px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:6px}
.legacy .vtile.hero{border-color:var(--gold)}
.legacy .vtile .cap{font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-weight:600}
.legacy .vtile .name{font-family:Archivo;font-size:25px;font-weight:700;line-height:1.05}
.legacy .vtile .why{font-size:13px;color:var(--ink-2)}
.legacy .vtile .band-dot{width:9px;height:9px;border-radius:50%;display:inline-block;margin-right:6px;vertical-align:1px}
.legacy .bands3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px}
.legacy .bandcard{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:18px 18px 20px;box-shadow:var(--shadow)}
.legacy .bandcard h3{font-size:15px;font-weight:600;display:flex;align-items:center;gap:8px}
.legacy .bandcard h3 .sw{width:11px;height:11px;border-radius:3px}
.legacy .bandcard .unit{font-size:11px;color:var(--muted);font-family:"JetBrains Mono";margin:2px 0 14px}
.legacy .bar-row{display:grid;grid-template-columns:92px 1fr 38px;align-items:center;gap:8px;margin:7px 0;font-size:12.5px}
.legacy .bar-row .lbl{color:var(--ink-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.legacy .bar-row .lbl.win{color:var(--ink);font-weight:600}
.legacy .bar-track{height:15px;background:var(--surface-2);border-radius:4px;overflow:hidden}
.legacy .bar-fill{height:100%;border-radius:4px;min-width:3px}
.legacy .bar-row .val{font-family:"JetBrains Mono";font-weight:500;text-align:right;color:var(--ink)}
.legacy .bar-row .val.win{color:var(--gold);font-weight:600}
.legacy .fr-wrap{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:22px;box-shadow:var(--shadow)}
.legacy .fr-legend{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px}
.legacy .chip{font-size:12px;padding:5px 11px;border-radius:20px;border:1px solid var(--line-2);background:var(--surface-2);color:var(--ink-2);cursor:pointer;font-weight:500;transition:all .15s;user-select:none}
.legacy .chip:hover{border-color:var(--muted)}
.legacy .chip.on{background:var(--ink);color:var(--surface);border-color:var(--ink)}
.legacy .chip .d{width:8px;height:8px;border-radius:50%;display:inline-block;margin-right:6px}
.legacy #frsvg,.legacy #thrsvg{width:100%;height:auto;display:block}
.legacy .chart-block{margin-top:8px}
.legacy .chart-block+.chart-block{margin-top:26px;padding-top:22px;border-top:1px dashed var(--line)}
.legacy .chart-title{font-family:Archivo;font-weight:600;font-size:15px;color:var(--ink);display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:6px}
.legacy .chart-title .cu{font-family:"JetBrains Mono";font-weight:400;font-size:11px;color:var(--muted);letter-spacing:.02em}
.legacy .seg{margin-left:auto;display:inline-flex;border:1px solid var(--line-2);border-radius:8px;overflow:hidden}
.legacy .seg button{font-family:"Source Serif 4";font-size:12px;font-weight:500;padding:4px 12px;border:0;background:var(--surface-2);color:var(--ink-2);cursor:pointer}
.legacy .seg button.on{background:var(--ink);color:var(--surface)}
.legacy .seg button+button{border-left:1px solid var(--line-2)}
.legacy .fr-note{font-size:12.5px;color:var(--muted);margin-top:14px;display:flex;gap:8px;align-items:flex-start}
.legacy .tbl-scroll{overflow-x:auto}
.legacy .thr{width:100%;border-collapse:collapse;font-size:13px;min-width:640px}
.legacy .thr th,.legacy .thr td{padding:9px 10px;border-bottom:1px solid var(--line);text-align:right}
.legacy .thr th{font-size:11px;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);font-weight:600}
.legacy .thr th:first-child,.legacy .thr td:first-child{text-align:left}
.legacy .thr td{font-family:"JetBrains Mono";color:var(--ink)}
.legacy .thr td:first-child{font-family:"Source Serif 4";font-weight:600}
.legacy .thr .up{color:var(--ink-2)}
.legacy .thr tbody tr:hover{background:var(--surface-2)}
.legacy .callout{background:var(--surface-2);border:1px solid var(--line);border-left:3px solid var(--b6);border-radius:10px;padding:16px 18px;font-size:14px;color:var(--ink-2);margin-top:8px}
.legacy .callout b{color:var(--ink)}
.legacy .usecase{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}
.legacy .pick{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:18px 20px;box-shadow:var(--shadow);display:flex;gap:16px;align-items:center}
.legacy .pick.pocket{border-color:var(--good)}
.legacy .pick.desk{border-color:var(--b5)}
.legacy .pick img{width:72px;height:72px;object-fit:contain;border-radius:10px;background:var(--surface-2);flex:none}
.legacy .pick .cap{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-weight:600}
.legacy .pick .pname{font-family:Archivo;font-size:22px;font-weight:700;line-height:1.05}
.legacy .pick .why{font-size:12.5px;color:var(--ink-2);margin-top:3px}
.legacy .gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.legacy .gcard{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:13px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:8px}
.legacy .gcard .ph{aspect-ratio:4/3;border-radius:8px;background:#fff;display:flex;align-items:center;justify-content:center;overflow:hidden}
.legacy .gcard .ph img{width:100%;height:100%;object-fit:contain}
.legacy .gcard .ph .noimg{font-family:"JetBrains Mono";font-size:10px;color:var(--muted);text-align:center;padding:8px;line-height:1.4}
.legacy .gcard .gname{font-family:Archivo;font-weight:700;font-size:15.5px}
.legacy .gtags{display:flex;flex-wrap:wrap;gap:5px}
.legacy .gtag{font-size:10px;font-weight:600;padding:2px 7px;border-radius:5px;background:var(--surface-2);color:var(--ink-2);font-family:"JetBrains Mono"}
.legacy .gtag.pocket{background:var(--good);color:#fff}
.legacy .gtag.small{background:var(--gold);color:#fff}
.legacy .gtag.pol{background:var(--b6-soft);color:var(--b6)}
.legacy .gcard .res{font-family:"JetBrains Mono";font-size:11px;color:var(--ink-2)}
.legacy .gcard a.buy{font-size:12px;font-weight:600;color:var(--b5);text-decoration:none;margin-top:auto}
.legacy .gcard a.buy:hover{text-decoration:underline}
.legacy .gcard .nolink{font-size:11px;color:var(--muted);margin-top:auto;font-style:italic}
.legacy .method{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.legacy .mcard{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:20px 22px;box-shadow:var(--shadow)}
.legacy .mcard h3{font-size:15px;font-weight:600;margin-bottom:12px}
.legacy .mcard ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:10px}
.legacy .mcard li{font-size:13.5px;color:var(--ink-2);display:grid;grid-template-columns:96px 1fr;gap:12px}
.legacy .mcard li b{color:var(--ink);font-weight:600;font-family:"JetBrains Mono";font-size:12px}
.legacy footer{padding:36px 0 60px;color:var(--muted);font-size:12.5px}
@media  (max-width:820px){.legacy .verdict{grid-template-columns:1fr 1fr}
.legacy .bands3{grid-template-columns:1fr}
.legacy .method{grid-template-columns:1fr}
.legacy .usecase{grid-template-columns:1fr}
.legacy .gallery{grid-template-columns:1fr 1fr}}
.legacy .wcnav{
  --wcnav-bg:      rgba(252,252,250,0.88);
  --wcnav-ink:     #191c22;
  --wcnav-ink-2:   #6b7280;
  --wcnav-rule:    #dcdcd6;
  position: sticky; top: 0; z-index: 100;
  background: var(--wcnav-bg);
  border-bottom: 1px solid var(--wcnav-rule);
  backdrop-filter: saturate(1.4) blur(10px);
  -webkit-backdrop-filter: saturate(1.4) blur(10px);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}
@media  (prefers-color-scheme: dark) {.legacy:not([data-theme="light"]) .wcnav{
    --wcnav-bg:    rgba(16,18,21,0.88);
    --wcnav-ink:   #e9eaee;
    --wcnav-ink-2: #949aa5;
    --wcnav-rule:  #2a2d33;
  }}
.legacy[data-theme="dark"] .wcnav{
  --wcnav-bg:    rgba(16,18,21,0.88);
  --wcnav-ink:   #e9eaee;
  --wcnav-ink-2: #949aa5;
  --wcnav-rule:  #2a2d33;
}
.legacy .wcnav-in{
  max-width: 1180px; margin: 0 auto; padding: 0 28px;
  display: flex; align-items: center; gap: 28px; min-height: 48px;
}
.legacy .wcnav-brand{
  font-size: 13px; font-weight: 700; letter-spacing: -0.01em;
  color: var(--wcnav-ink); text-decoration: none; white-space: nowrap;
}
.legacy .wcnav-brand span{ color: var(--wcnav-ink-2); font-weight: 500; }
.legacy .wcnav-links{ display: flex; gap: 4px; margin-left: auto; flex-wrap: wrap; }
.legacy .wcnav-links a{
  display: block; padding: 14px 10px 12px;
  font-size: 12.5px; font-weight: 500; letter-spacing: 0.01em;
  color: var(--wcnav-ink-2); text-decoration: none;
  border-bottom: 2px solid transparent;
}
.legacy .wcnav-links a:hover{ color: var(--wcnav-ink); }
.legacy .wcnav-links a[aria-current="page"]{
  color: var(--wcnav-ink); font-weight: 600;
  border-bottom-color: currentColor;
}
.legacy .wcnav-links a:focus-visible{ outline: 2px solid currentColor; outline-offset: -4px; border-radius: 2px; }
@media  (max-width: 560px) {.legacy .wcnav-in{ padding: 0 16px; gap: 12px; min-height: 44px; }
.legacy .wcnav-brand{ font-size: 12px; }
.legacy .wcnav-links a{ padding: 12px 7px 10px; font-size: 12px; }}
.legacy h1{letter-spacing:-0.033em}
.legacy h2{letter-spacing:-0.018em}
.legacy section{ padding: 0; border-bottom: 0; }
.legacy .sec{ border-top: 1px solid var(--rule-strong, var(--line-2, #B4BCC6)); }
.legacy main > .sec:first-child,.legacy main .shell > section:first-child .sec{ border-top: 0; }
.legacy .sec > summary{
  display: flex;
  align-items: baseline;
  gap: 16px;
  padding: 22px 0;
  margin: 0;
  border: 0;
  cursor: pointer;
  list-style: none;
}
.legacy .sec > summary::-webkit-details-marker{ display: none; }
.legacy .sec > summary h2{ margin: 0; }
.legacy .sec > summary > .eyebrow{ margin-left: auto; text-align: right; }
.legacy .sec > summary:hover h2{ color: var(--accent, var(--gold, #B85A18)); }
.legacy .sec > summary:focus-visible{ outline: 2px solid var(--accent, var(--gold, #B85A18)); outline-offset: -2px; border-radius: 2px; }
.legacy .sec-chev{
  font-family: "JetBrains Mono", monospace;
  font-size: 13px; line-height: 1; flex: none;
  width: 14px; text-align: center;
  color: var(--accent, var(--gold, #B85A18));
  transition: transform .15s ease;
  align-self: center;
}
.legacy .sec[open] > summary .sec-chev{ transform: rotate(90deg); }
.legacy .sec-body{ padding: 4px 0 56px; }
.legacy .sec-lede{ margin: 0 0 24px; color: var(--ink-2); max-width: var(--measure, 72ch); }
@media  (max-width: 720px) {.legacy .sec > summary{ flex-wrap: wrap; gap: 6px 12px; }
.legacy .sec > summary > .eyebrow{ margin-left: 0; text-align: left; width: 100%; order: 3; }}
.legacy .page{ display: grid; grid-template-columns: 210px minmax(0, 1fr); gap: 52px; align-items: start; }
.legacy .page-main{ min-width: 0; }
.legacy .jump{ position: sticky; top: 62px; padding: 26px 0 40px; min-width: 0; }
.legacy .jump-title{
  font-family: "JetBrains Mono", monospace;
  font-size: 10.5px; letter-spacing: 0.12em; text-transform: uppercase;
  color: var(--ink-3, var(--muted, #78828E));
  margin: 0 0 12px 13px;
}
.legacy .jump-list{ display: grid; gap: 1px; border-left: 1px solid var(--rule, var(--line, #D2D7DE)); }
.legacy .jump-list a{
  display: block;
  padding: 7px 0 7px 13px;
  margin-left: -1px;
  border-left: 2px solid transparent;
  font-size: 13.5px; line-height: 1.3;
  color: var(--ink-2, #4E5762);
  text-decoration: none;
}
.legacy .jump-list a:hover{ color: var(--ink); }
.legacy .jump-list a.on{
  color: var(--accent, var(--gold, #B85A18));
  border-left-color: var(--accent, var(--gold, #B85A18));
  font-weight: 600;
}
.legacy .jump-all{
  margin: 16px 0 0 13px;
  font: inherit; font-size: 12.5px; font-weight: 600;
  color: var(--accent, var(--gold, #B85A18));
  background: none;
  border: 1px solid var(--rule-strong, var(--line-2, #B4BCC6));
  border-radius: 3px;
  padding: 5px 11px;
  cursor: pointer;
}
.legacy .jump-all:hover{ border-color: var(--accent, var(--gold, #B85A18)); }
@media  (max-width: 960px) {.legacy .page{ grid-template-columns: minmax(0, 1fr); gap: 0; }
.legacy .jump{ position: static; padding: 18px 0 6px; }
.legacy .jump-title{ margin-left: 0; }
.legacy .jump-list{
    display: flex; gap: 8px;
    border-left: 0;
    overflow-x: auto;
    padding-bottom: 6px;
    -webkit-overflow-scrolling: touch;
  }
.legacy .jump-list a{
    flex: none;
    padding: 6px 12px; margin: 0;
    border: 1px solid var(--rule, var(--line, #D2D7DE));
    border-radius: 20px;
    white-space: nowrap;
  }
.legacy .jump-list a.on{ border-color: var(--accent, var(--gold, #B85A18)); }
.legacy .jump-all{ margin-left: 0; }}
.legacy{font-size:17px;background:#fff;color:#172536;overflow-wrap:break-word}.legacy .wcnav{display:none}.legacy .masthead{background:transparent}.legacy .shell,.legacy .wrap{max-width:1180px}.legacy footer{background:transparent}.legacy summary:focus-visible{outline:3px solid #087d99;outline-offset:4px}.legacy img{max-width:100%;height:auto}.legacy .download .note{overflow-wrap:anywhere}@media(max-width:700px){.legacy{font-size:16px}}