:root{--ink:#163b49;--muted:#52666e;--line:#d7e0e3;--blue:#006e8c;--pale:#eef6f8;--gold:#a57b2a;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;color:var(--ink);background:#fff;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px;line-height:1.5}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #be8723;outline-offset:4px}a{color:inherit}button{border:0;background:none;color:inherit}button:disabled{opacity:.45;cursor:not-allowed}.skip{position:absolute;top:-100px;background:white;padding:12px;z-index:9}.skip:focus{top:0}.preview{padding:8px 5%;background:var(--ink);color:white;display:flex;gap:20px;font-size:12px;letter-spacing:1px}.preview span{letter-spacing:.1px;opacity:.9}header{max-width:1440px;padding:25px 5%;margin:auto;display:flex;align-items:center;gap:36px;border-bottom:1px solid var(--line)}.brand{font-size:28px;letter-spacing:-1.3px;font-weight:850;text-decoration:none;line-height:1}.brand span{font-weight:350;color:var(--blue)}.brand small{display:block;font-size:9px;letter-spacing:2.1px;margin-top:8px;font-weight:600}nav{display:flex;gap:27px;margin-left:auto;font-size:14px;font-weight:600}nav a{text-decoration:none}nav button{padding:0}.outline,.primary{padding:11px 18px;border:1px solid var(--ink);border-radius:4px;font-size:14px;font-weight:650}.primary{background:var(--blue);color:white;border-color:var(--blue)}main{max-width:1320px;margin:auto;padding:0 4%}.intro{display:grid;grid-template-columns:1.3fr 1fr;gap:50px;align-items:center;padding:48px 0 42px}.eyebrow{font-size:12px;letter-spacing:1.8px;font-weight:750;color:var(--blue);margin:0 0 14px}h1{font-family:Georgia,serif;font-size:clamp(30px,3.1vw,48px);font-weight:450;letter-spacing:-1.5px;line-height:1.13;margin:0 0 20px}h1 em{font-style:normal;color:var(--blue)}.intro p:not(.eyebrow){max-width:550px;color:var(--muted);margin-bottom:20px}.intro figure{margin:0}.intro img{width:100%;height:206px;object-fit:cover;border-radius:5px}.intro figcaption{font-size:12px;color:var(--muted);margin-top:6px}.coverage{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--muted)}.sell-first{margin-top:22px}.coverage b{font-size:19px;color:var(--ink)}.coverage i{height:17px;border-left:1px solid var(--line);margin:0 8px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:18px}h2{font-family:Georgia,serif;font-weight:450;font-size:30px;line-height:1.2;margin:0 0 20px}.section-head .eyebrow{margin-bottom:8px}.text-button{font-size:14px;text-decoration:underline;text-underline-offset:5px;padding:8px 0;color:var(--blue)}.tabs{display:flex;border-bottom:1px solid var(--line);gap:30px}.tabs button{font-weight:650;padding:14px 0;border-bottom:3px solid transparent}.tabs button.active{color:var(--blue);border-color:var(--blue)}.tabs span{font-size:12px;border-radius:12px;background:var(--pale);padding:3px 7px;margin-left:4px}.filters{background:var(--pale);padding:18px;display:grid;grid-template-columns:1fr .8fr 1.3fr 1.1fr auto;gap:14px;margin-top:20px;border-radius:5px;align-items:end}label{font-size:12px;font-weight:650;display:block;color:var(--muted)}input,select{width:100%;margin-top:6px;border:1px solid #b9cbd1;border-radius:4px;background:white;color:var(--ink);padding:10px;font-size:14px;min-height:44px}.result-line{display:flex;justify-content:space-between;gap:20px;padding:5px 0;font-size:13px;color:var(--muted)}.result-line p:last-child{max-width:600px;text-align:right}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{border:1px solid var(--line);border-top:3px solid var(--blue);border-radius:5px;padding:24px;background:white}.card .type{font-size:11px;letter-spacing:1px;text-transform:uppercase;color:var(--blue);font-weight:750}.card h3{font-family:Georgia,serif;font-size:25px;line-height:1.25;margin:12px 0 5px;font-weight:500}.card .builder{font-size:13px;color:var(--muted);margin:0 0 20px}.card .price{font-size:21px;font-weight:700;margin:0}.card .price small{display:block;font-size:12px;font-weight:400;color:var(--muted);margin:5px 0 15px}.specs{display:flex;gap:18px;padding:14px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.specs b{display:block;font-size:17px}.specs span{font-size:12px;color:var(--muted)}.ppsf{font-size:14px;margin:16px 0}.ppsf strong{font-size:22px;color:var(--blue)}.card .note{font-size:12px;color:var(--muted);margin:0 0 14px}.card-actions{display:flex;gap:10px;align-items:center;justify-content:space-between}.select-home{font-size:14px;min-height:42px;padding:7px 12px;border:1px solid var(--line);border-radius:4px}.select-home[aria-pressed=true]{background:var(--ink);color:white}.empty{grid-column:1/-1;padding:45px;background:var(--pale);text-align:center}.editorial{margin:50px 0;display:grid;grid-template-columns:1fr 1fr;gap:65px;border-top:1px solid var(--line);padding-top:35px}.editorial p:not(.eyebrow){color:var(--muted);margin-top:0}footer{max-width:1320px;margin:0 auto;padding:30px 4% 130px;border-top:1px solid var(--line);color:var(--muted);font-size:13px}footer p{max-width:800px}.credit{font-size:12px}.compare-bar{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);width:min(900px,calc(100% - 32px));background:var(--ink);color:white;padding:17px 23px;box-shadow:0 6px 25px #163b4933;border-radius:7px;display:flex;gap:18px;align-items:center;z-index:4}.compare-bar[hidden]{display:none}.compare-bar>div{flex:1}.compare-bar strong,.compare-bar span{display:block}.compare-bar span{font-size:12px;opacity:.85;margin-top:3px}.compare-bar .outline{border-color:#9fb6bd;color:white}.compare-bar .primary{background:white;color:var(--ink);border-color:white}dialog{width:min(1060px,calc(100% - 32px));max-height:88vh;border:0;border-radius:8px;padding:28px;color:var(--ink);box-shadow:0 20px 90px #001b3344}dialog::backdrop{background:#071e2ac2}.dialog-top{display:flex;justify-content:space-between;align-items:center}.close{font-size:30px;width:44px;height:44px}.dialog-top p{margin:0}.dialog-top+h2{margin-top:15px}#dialog-title{margin-top:15px}dialog p{color:var(--muted)}.detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.detail-panel{background:var(--pale);border-radius:4px;padding:20px}dl{margin:0}dt{font-size:13px;color:var(--muted)}dd{margin:2px 0 16px;font-weight:600}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:14px}th,td{padding:14px 16px;text-align:left;vertical-align:top;border-bottom:1px solid var(--line);min-width:170px}th{background:var(--pale);font-weight:650}th:first-child{min-width:160px}table button{padding:0;text-decoration:underline}.callout{padding:16px 20px;background:var(--pale);border-left:3px solid var(--blue);font-size:14px}.community-list{display:grid;grid-template-columns:1fr 1fr;gap:15px}.community-item{border:1px solid var(--line);padding:20px;text-align:left;border-radius:4px}.community-item b{display:block;font-family:Georgia,serif;font-size:24px}.community-item span{display:block;font-size:14px;color:var(--muted);margin-top:6px}.alert-box{max-width:630px}.alert-box label{font-size:15px;font-weight:400;display:flex;gap:10px;align-items:center;margin:15px 0}.alert-box input[type=checkbox]{width:20px;min-height:20px;margin:0}.alert-box button{margin-top:15px}#toast{position:fixed;bottom:115px;left:50%;transform:translateX(-50%);max-width:90%;background:#132e39;color:white;border-radius:5px;padding:12px 20px;z-index:9;display:none}#toast.show{display:block}
@media(max-width:900px){header{gap:20px}nav{gap:15px}.intro{gap:25px}.filters{grid-template-columns:1fr 1fr}.filters label:nth-child(3){grid-column:auto}.cards{grid-template-columns:repeat(2,1fr)}.editorial{gap:30px}.result-line{display:block}.result-line p:last-child{text-align:left}.intro img{height:190px}}
@media(max-width:600px){.preview{padding:8px 5%;display:block;font-size:11px}.preview span{display:block;font-size:11px;letter-spacing:0}header{padding:18px 5%;flex-wrap:wrap;gap:20px}.brand{font-size:25px}header>.outline{margin-left:auto}nav{order:3;width:100%;justify-content:space-between;font-size:13px}.intro{grid-template-columns:1fr;gap:18px;padding:30px 0}.intro img{height:145px}.intro figure{display:block}h1{font-size:36px}.section-head{align-items:start}.section-head>.text-button{max-width:85px}h2{font-size:27px}.filters{padding:12px;gap:10px}.filters label:nth-child(3){grid-column:1/-1}.cards{grid-template-columns:1fr}.card{padding:21px}.editorial{grid-template-columns:1fr;gap:10px}.compare-bar{bottom:10px;padding:12px;gap:8px;flex-wrap:wrap}.compare-bar>div{flex-basis:100%}.compare-bar .primary{flex:1}.detail-grid,.community-list{grid-template-columns:1fr}dialog{padding:18px}.tabs{gap:24px}.tabs button{font-size:14px}.result-line{font-size:12px}}