/* IP22 System 2.0 — scoped to the homepage router section. */
#router-section{padding:42px 0 38px;--rv2-ink:#f6f6f8;--rv2-muted:#a2a2ad;--rv2-line:#303039;--rv2-card:#151519;--rv2-red:#ff4656;--rv2-soft:#211419;background:#0c0c10}
#router-section .router-v2-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}
#router-section .router-v2-eyebrow{display:flex;align-items:center;gap:9px;color:var(--rv2-ink);font-size:15px;font-weight:750;letter-spacing:.4px}
#router-section .router-v2-eyebrow i{width:7px;height:7px;border-radius:50%;background:var(--rv2-red);box-shadow:0 0 0 4px #ff465615}
#router-section .router-detail-link{font-size:12px;font-weight:650;color:var(--rv2-muted);white-space:nowrap}
#router-section .router-detail-link span{color:var(--rv2-red);margin-left:6px}
#router-section .router-v2-system{position:relative;display:flex;align-items:center;justify-content:space-between;gap:24px;overflow:hidden;padding:28px 34px;border:1px solid #573039;border-radius:18px;background:radial-gradient(ellipse at 88% 40%,#5b15254d,transparent 62%),linear-gradient(105deg,#1e1319,#141216 72%)}
#router-section .router-v2-system:after{position:absolute;right:-38px;top:-72px;width:320px;height:320px;content:'';border:1px solid #a53a4a25;border-radius:50%;pointer-events:none}
#router-section .router-v2-system-copy{position:relative;z-index:1;min-width:0}
#router-section .router-v2-release{display:flex;align-items:center;gap:10px;color:#ff8995;font-size:11px;font-weight:750;letter-spacing:1px}
#router-section .router-v2-release span{color:#ae7f88;font-size:9px;letter-spacing:1.7px;padding-left:10px;border-left:1px solid #69414a}
#router-section .router-v2-system h2{font-size:36px;line-height:1.28;letter-spacing:-1px;margin:9px 0 8px;color:#fff}
#router-section .router-v2-system h2 strong{color:#ff5969;font-size:1.38em;letter-spacing:-2px;font-weight:900}
#router-section .router-v2-system p{font-size:13px;line-height:1.7;color:#c5b8bf;margin:0}
#router-section .router-v2-system-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:16px}
#router-section .router-v2-system-tags span{padding:5px 9px;border:1px solid #69404a;border-radius:6px;font-size:10px;line-height:1.3;color:#e0bfc7;background:#29192080}
#router-section .router-v2-system-mark{position:relative;z-index:1;flex:none;width:210px;text-align:center;padding-right:14px}
#router-section .router-v2-system-mark span{font-size:8px;font-weight:650;letter-spacing:4px;color:#b77e88}
#router-section .router-v2-system-mark b{display:block;font-size:92px;line-height:1.08;font-weight:900;letter-spacing:-7px;color:#ffc2cb;opacity:.82}
#router-section .router-v2-system-mark small{display:block;color:#a57881;font-size:10px;letter-spacing:2px;margin-top:3px}
#router-section .router-v2-selection{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:25px 0 13px}
#router-section .router-v2-selection h3{font-size:14px;line-height:1.6;font-weight:650;color:var(--rv2-ink);margin:0}
#router-section .router-v2-selection>span{font-size:10px;color:var(--rv2-muted)}
#router-section .router-product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:stretch}
#router-section .router-product-card{display:flex;flex-direction:column;min-width:0;border:1px solid var(--rv2-line);border-radius:14px;background:var(--rv2-card);box-shadow:none;transition:transform .18s,border-color .18s}
#router-section .router-product-card:hover{border-color:#91505c;transform:translateY(-3px)}
#router-section .router-device-image{position:relative;display:flex;align-items:flex-end;justify-content:center;height:auto;aspect-ratio:1.54;flex:none;overflow:hidden;padding:34px 12px 12px;background:#f9f9f9;border-bottom:1px solid var(--rv2-line)}
#router-section .router-v2-card-label{position:absolute;top:12px;left:14px;color:#64646b;font-size:9px;letter-spacing:.5px;font-weight:650}
#router-section .router-photo-crop{position:relative;width:100%;overflow:hidden;flex:none;background:#fff}
#router-section .router-photo-crop img{position:absolute;display:block;max-width:none;height:auto;aspect-ratio:auto;object-fit:initial;background:#fff}
/* CSS crops only the poster headings; original image files stay intact. */
#router-section .router-photo-wifi{aspect-ratio:512/278}
#router-section .router-photo-wifi img{width:100%;left:0;top:-82%}
#router-section .router-photo-ap{aspect-ratio:512/262}
#router-section .router-photo-ap img{width:100%;left:0;top:-91%}
#router-section .router-photo-wired{aspect-ratio:512/242}
#router-section .router-photo-wired img{width:100%;left:0;top:-100%}
#router-section .router-product-body{display:flex;flex:1;flex-direction:column;min-width:0;padding:17px 17px 16px}
#router-section .router-v2-card-title{display:flex;justify-content:space-between;align-items:center;gap:12px}
#router-section .router-product-body h3{font-size:19px;line-height:1.4;margin:0;color:var(--rv2-ink);font-weight:750}
#router-section .router-v2-card-title>span{font-size:11px;font-weight:650;color:#666671;letter-spacing:1px}
#router-section .router-product-body p{font-size:12px;line-height:1.7;color:var(--rv2-muted);margin:10px 0 0;min-height:0}
#router-section .router-mini-tags{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0 17px}
#router-section .router-mini-tags span{font-size:9px;line-height:1.5;padding:3px 7px;border:1px solid #3d3038;border-radius:5px;background:var(--rv2-soft);color:#cfa4af}
#router-section .router-device-link{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:40px;padding:9px 11px;margin-top:auto;font-size:11px;line-height:1.5;font-weight:700;border:1px solid #713746;border-radius:7px;background:#2d1821;color:#ffadb8;text-decoration:none}
#router-section .router-device-link span{font-size:16px;line-height:1}
#router-section .router-device-link:hover{background:#49222e;border-color:#b34c61;color:#fff}
#router-section a:focus-visible{outline:2px solid var(--rv2-red);outline-offset:4px}
#router-section .router-capability-bar{display:flex;flex-wrap:wrap;gap:7px 14px;align-items:center;margin-top:18px;padding:12px 0 0;border-top:1px solid var(--rv2-line);color:var(--rv2-muted);font-size:10px;line-height:1.6}
#router-section .router-capability-bar span+span:before{content:none}
#router-section .router-v2-protocol-label{color:var(--rv2-ink);font-weight:650}
#router-section .router-capability-bar a{margin-left:auto;color:#dc8a9b;text-decoration:none}
html[data-theme="light"] #router-section{--rv2-ink:#26232a;--rv2-muted:#706976;--rv2-line:#e3dce0;--rv2-card:#fff;--rv2-soft:#fcf2f4;background:#f7f4f5!important}
html[data-theme="light"] #router-section .router-v2-system{background:radial-gradient(ellipse at 88% 40%,#f6cad36b,transparent 62%),linear-gradient(105deg,#fff5f7,#fff);border-color:#e9bfc9}
html[data-theme="light"] #router-section .router-v2-system h2{color:#2f2229}
html[data-theme="light"] #router-section .router-v2-system h2 strong{color:#da314c}
html[data-theme="light"] #router-section .router-v2-system p{color:#79636c}
html[data-theme="light"] #router-section .router-v2-release{color:#be3a53}
html[data-theme="light"] #router-section .router-v2-release span{color:#a57481;border-color:#deb1bd}
html[data-theme="light"] #router-section .router-v2-system-tags span{color:#954c5f;border-color:#e7bdc8;background:#fff5f8}
html[data-theme="light"] #router-section .router-v2-system-mark b{color:#d45570}
html[data-theme="light"] #router-section .router-v2-system-mark span,html[data-theme="light"] #router-section .router-v2-system-mark small{color:#ac7a86}
html[data-theme="light"] #router-section .router-product-card{background:var(--rv2-card)!important;border-color:var(--rv2-line)!important;box-shadow:0 5px 18px #37202a04}
html[data-theme="light"] #router-section .router-product-body h3{color:var(--rv2-ink)!important}
html[data-theme="light"] #router-section .router-product-body p{color:var(--rv2-muted)!important}
html[data-theme="light"] #router-section .router-mini-tags span{background:#fcf2f4!important;border-color:#ead1d9!important;color:#99596c!important}
html[data-theme="light"] #router-section .router-device-link{background:#fff3f6;border-color:#e8bdca;color:#ad3956}
html[data-theme="light"] #router-section .router-capability-bar a{color:#ad3956}
@media(max-width:720px){
 #router-section{padding:30px 0}
 #router-section .router-v2-heading{gap:10px;margin-bottom:14px}
 #router-section .router-v2-eyebrow{font-size:12px;gap:8px}
 #router-section .router-detail-link{font-size:10px}
 #router-section .router-v2-system{padding:23px 20px;gap:10px;border-radius:14px}
 #router-section .router-v2-system h2{font-size:27px;margin-top:10px}
 #router-section .router-v2-system h2 strong{font-size:1.4em}
 #router-section .router-v2-system p{font-size:12px}
 #router-section .router-v2-system-mark{display:none}
 #router-section .router-v2-system-tags{gap:5px;margin-top:13px}
 #router-section .router-v2-system-tags span{font-size:9px;padding:5px 7px}
 #router-section .router-v2-selection{display:block;margin-top:22px}
 #router-section .router-v2-selection h3{font-size:13px}
 #router-section .router-v2-selection>span{display:block;margin-top:3px;font-size:10px}
 #router-section .router-product-grid{grid-template-columns:1fr;gap:15px}
 #router-section .router-device-image{aspect-ratio:1.68;padding:34px 18px 12px}
 #router-section .router-product-body{padding:17px}
 #router-section .router-product-body h3{font-size:20px}
 #router-section .router-product-body p{font-size:12px}
 #router-section .router-mini-tags{margin-bottom:14px}
 #router-section .router-device-link{min-height:44px;font-size:12px}
 #router-section .router-capability-bar{gap:7px 12px;font-size:10px}
 #router-section .router-capability-bar a{width:100%;margin:3px 0 0}
}
@media(prefers-reduced-motion:reduce){#router-section .router-product-card{transition:none}#router-section .router-product-card:hover{transform:none}}
