/* Meztro commercial workspace — shared shell and Radar only. */
body{background:#f3f5f7}
header{display:flex;align-items:center;gap:14px;padding:22px max(22px,calc((100vw - 1080px)/2));letter-spacing:.04em}
.brand-mark{width:42px;height:42px;flex:none;border:1px solid #c89864;border-radius:12px;display:grid;place-items:center;color:#e7b579;font-size:25px}
.brand-name{font-size:24px;line-height:1.1}
header small{letter-spacing:.12em;font-weight:500;font-size:10px;margin-top:6px;text-transform:uppercase}
body:has(#radar:not(.hidden)) main{max-width:1080px}
main>h1{letter-spacing:-.035em;font-size:30px}
main>p{line-height:1.6}
.tabs{padding:5px;background:#e6ebee;border-radius:13px;gap:4px;margin:25px 0}
.tabs button{border:0;background:transparent;padding:14px}
.tabs button.active{box-shadow:0 3px 8px #102f4014}
#radar{padding:32px;box-shadow:0 8px 32px #102f4006;border-color:#e0e6ea}
#radar h2{font-size:25px;letter-spacing:-.035em;margin-bottom:8px}
#radar>p:first-of-type{max-width:660px;line-height:1.7;margin-bottom:24px}
#radar #search-form{display:grid;grid-template-columns:1fr auto;gap:10px;padding:22px;background:#f5f7f9;border:1px solid #e5eaee;border-radius:13px}
#radar #search-form label{grid-column:1/-1;margin:0 0 2px}
#radar #query{min-width:0;background:white;padding:15px}
#radar #search{width:auto;margin:0;padding:14px 24px}
#radar input:focus,#radar select:focus{outline:3px solid #b8662d26;border-color:#b8662d}
#radar #status{font-size:14px;line-height:1.6;margin:22px 0 14px}
#radar #status:empty{display:none}
#radar select{max-width:360px}
#radar #offers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:24px}
#radar #offers>p,#radar #offers>details,#radar #offers>form,#radar #offers>a{grid-column:1/-1}
#radar .offer{padding:22px;border:1px solid #e1e7eb;border-radius:12px;background:#fff;box-shadow:0 3px 10px #102f4004;display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-width:0}
#radar .offer strong{font-size:20px;color:#123246;line-height:1.45}
#radar .offer small{font-size:12px;line-height:1.6}
#radar .offer small:first-of-type{font-size:14px;color:#344e5e;line-height:1.55;margin:4px 0 8px}
#radar .offer .verification{font-size:11px;margin:2px 0 10px}
#radar .offer a{margin-top:16px;border-color:#d7e0e5;color:#123246;background:#f7f9fa}
#radar .offer a:hover{border-color:#b8662d;background:#fff8f0}
#radar .radar-notice{margin:0;padding:14px 17px;background:#f5f7f9;border-radius:9px;color:#637583}
#radar .radar-diagnostics{margin-top:8px}
#radar .radar-diagnostics summary{cursor:pointer;font-weight:600;font-size:13px}
#radar .warning{margin-top:24px;line-height:1.6;background:#faf7f2;border:1px solid #ece5db}
#radar #offers>a{justify-self:start;padding:12px 18px;border-radius:8px;background:#123246;color:white;text-decoration:none;font-size:14px;font-weight:600}
#radar #offers>form button{padding:9px 14px;border:1px solid #d4dde3;border-radius:8px;background:#fff;color:#526b7b;cursor:pointer}
@media(max-width:680px){header{padding:18px 20px}.brand-mark{width:36px;height:36px}.brand-name{font-size:22px}main{margin:24px auto}main>h1{font-size:25px}#radar{padding:20px}#radar #search-form{grid-template-columns:1fr;padding:16px}#radar #search{width:100%}#radar #offers{grid-template-columns:1fr}#radar select{max-width:100%}#radar .offer{padding:18px}.tabs button{font-size:12px}}

header .brand-logo{display:block;width:215px;height:auto;max-width:65vw}header .brand-section{color:#f4f2da;font-size:12px;letter-spacing:.08em;text-transform:uppercase;border-left:1px solid #ffffff40;padding-left:20px}@media(max-width:680px){header .brand-logo{width:180px}header .brand-section{display:none}}