/* Find My Match quiz (/match) */
.mq{padding:18px 0 40px;min-height:calc(100vh - 66px)}
.mq-wrap{max-width:760px}
.mq-top{position:sticky;top:66px;z-index:5;background:var(--paper);padding:10px 0 8px}
.mq-progress{height:6px;border-radius:6px;background:var(--line);overflow:hidden}.mq-progress i{display:block;height:100%;width:0;background:var(--accent);transition:width .25s}
.mq-meta{display:flex;justify-content:space-between;align-items:center;min-height:34px;font-size:13px;color:var(--muted);font-weight:700;letter-spacing:.04em;text-transform:uppercase}
.mq-meta span{margin-left:auto}
.mq-back{background:none;border:0;font:inherit;color:var(--ink);cursor:pointer;padding:6px 0;text-transform:none;font-size:15px;letter-spacing:0}
.mq-view{outline:none}
.mq-intro{padding:26px 0;text-align:left}.mq-intro h1{font-family:var(--display);font-size:clamp(34px,8vw,54px);line-height:1;margin:8px 0 14px}
.mq-intro p{font-size:18px;max-width:560px}.mq-start{margin:10px 10px 10px 0;min-width:180px}.mq-last{margin:10px 0;color:var(--ink);border-color:var(--ink)}
.mq-q{font-family:var(--display);font-size:clamp(26px,6.5vw,40px);line-height:1.08;margin:14px 0 6px}
.mq-sub{color:var(--muted);margin:0 0 16px;font-size:16px}.mq-bandq{margin-top:22px;font-weight:700;color:var(--ink)}.mq-bandq span{font-weight:400;color:var(--muted)}
.mq-opts{display:grid;gap:12px;margin-top:16px}
.mq-opt{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;width:100%;min-height:64px;padding:16px 18px;border:2px solid var(--line);border-radius:12px;background:var(--card);font:inherit;font-size:19px;font-weight:800;color:var(--ink);text-align:left;cursor:pointer;transition:border-color .12s,box-shadow .12s,transform .08s;-webkit-tap-highlight-color:transparent}
.mq-opt small{font-size:14px;font-weight:500;color:var(--muted);margin-top:2px}
.mq-opt:hover{border-color:var(--steel)}.mq-opt:active{transform:scale(.99)}
.mq-opt.on{border-color:var(--accent);box-shadow:0 0 0 3px rgba(195,0,47,.14);background:#fff7f9}
.mq-opt.on::after{content:"\2713";position:absolute;right:16px;color:var(--accent);font-size:20px}.mq-opt{position:relative}
.mq-chips{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.mq-chips .mq-opt{min-height:54px;font-size:16px;padding:12px 40px 12px 14px}
.mq-pay{grid-template-columns:repeat(3,1fr)}.mq-pay .mq-opt{align-items:center;text-align:center;font-size:17px;padding:14px 8px}.mq-pay .mq-opt.on::after{display:none}
.mq-next{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.mq-next .btn{min-width:180px}.mq-next .btn-ghost{color:var(--ink);border-color:var(--line)}
.mq-next .btn[disabled]{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none}
.mq-trade label,.mq-save label{display:flex;flex-direction:column;gap:6px;font-weight:700;font-size:14px;margin-bottom:12px;flex:1}
.mq-trade input,.mq-save input{font:inherit;font-size:17px;padding:13px 14px;border:2px solid var(--line);border-radius:10px;background:#fff;width:100%}
.mq-trade input:focus,.mq-save input:focus{outline:none;border-color:var(--accent)}
.mq-row{display:flex;gap:12px}
@media(max-width:420px){.mq-row{flex-direction:column;gap:0}}
.mq-res-head{margin-bottom:12px}.mq-res-head .linkbtn{background:none;border:0;padding:0;color:var(--accent);font:inherit;font-weight:700;text-decoration:underline;cursor:pointer}
.mq-results{display:grid;gap:18px}
.mq-card{position:relative;background:var(--card);border-radius:14px;overflow:hidden;box-shadow:var(--shadow);display:grid;grid-template-columns:1fr}
@media(min-width:680px){.mq-card{grid-template-columns:300px 1fr}}
.mq-rank{position:absolute;top:10px;left:10px;z-index:3;background:var(--ink);color:#fff;font-weight:900;border-radius:20px;padding:3px 10px;font-size:14px}
.mq-ph{position:relative;aspect-ratio:4/3;background:#e9e9ea}.mq-ph .placeholder{height:100%}
.mq-g-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;height:100%;scrollbar-width:none;-webkit-overflow-scrolling:touch}.mq-g-track::-webkit-scrollbar{display:none}
.mq-g-track img{flex:0 0 100%;width:100%;height:100%;object-fit:cover;scroll-snap-align:start}
.mq-g-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:38px;height:38px;border-radius:50%;border:0;background:rgba(11,11,12,.6);color:#fff;font-size:24px;line-height:1;cursor:pointer}
.mq-g-prev{left:8px}.mq-g-next{right:8px}
.mq-g-count{position:absolute;right:10px;bottom:10px;background:rgba(11,11,12,.7);color:#fff;font-size:12px;border-radius:12px;padding:2px 8px}
.mq-body{padding:14px 16px 16px}.mq-body h3{margin:6px 0 0;font-size:21px;line-height:1.15}.mq-body h3 a{text-decoration:none}
.mq-badges{display:flex;gap:6px;flex-wrap:wrap}.mq-badges .badge{position:static}
.mq-body .trim{color:var(--muted);font-size:15px}.mq-body .price-row{display:flex;justify-content:space-between;align-items:baseline;gap:8px;margin:8px 0}
.mq-body .price{font-size:22px;font-weight:900}.mq-body .meta{color:var(--muted);font-size:13px}
.mq-why{margin:6px 0 12px;padding:0;list-style:none;font-size:15px}.mq-why li{padding-left:22px;position:relative;margin:4px 0}
.mq-why li::before{content:"\2713";position:absolute;left:0;color:var(--green);font-weight:900}
.mq-why li.mq-miss{color:var(--muted)}.mq-why li.mq-miss::before{content:"\2022";color:var(--steel)}
.mq-card-ctas{display:flex;gap:8px;flex-wrap:wrap}.mq-card-ctas .btn-ghost{color:var(--ink);border-color:var(--line)}
.mq-save{margin:26px 0 10px;background:var(--ink);color:#fff;border-radius:16px;border-top:4px solid var(--accent)}
.mq-save-in{padding:22px 20px}.mq-save h2{font-family:var(--display);font-size:26px;line-height:1.1;margin:6px 0 8px}.mq-save p a{color:#fff}
.mq-save label{color:#fff}.mq-save .fine{color:var(--silver)}.mq-save .lead-err{background:#fff;color:var(--accent);padding:10px;border-radius:8px}
.mq-save .lead-err a{color:var(--accent)}
.mq-done{text-align:center;outline:none}.mq-done .lead-check{margin:0 auto 6px}
.mq-more{text-align:center;margin:18px 0}
.match-hint{margin-top:10px}.page-hero .match-hint a{color:#fff;font-weight:700;text-decoration-color:var(--accent);text-decoration-thickness:2px}
.match-footer{background:var(--ink);color:var(--silver);padding:26px 0 90px;font-size:13px}.match-footer a{color:#fff}.match-footer .disc{margin:10px 0}
.mq-done .lead-check{width:58px;height:58px;border-radius:50%;background:var(--accent);color:#fff;display:grid;place-items:center;font-size:30px;font-weight:900}
.mq-badges .badge.transit,.mq-badges .badge.stockph{left:auto;top:auto}
/* last step: free-text "anything else?" (2026-10-28) */
.mq-notes textarea{display:block;width:100%;font:inherit;font-size:17px;line-height:1.4;padding:14px;border:2px solid var(--line);border-radius:12px;background:#fff;resize:vertical;min-height:120px}
.mq-notes textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px rgba(195,0,47,.12)}
.mq-ideas{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.mq-idea{font:inherit;font-size:14px;font-weight:700;padding:9px 12px;min-height:40px;border:1.5px solid var(--line);border-radius:20px;background:var(--card);color:var(--ink);cursor:pointer}
.mq-idea:active{transform:scale(.98)}.mq-idea:hover{border-color:var(--steel)}
.mq-heard{min-height:22px;margin:12px 0 0;font-size:15px;color:var(--muted)}.mq-heard strong{color:var(--ink)}
.mq-weighed{margin:-6px 0 14px;font-size:15px;background:#fff7f9;border-left:3px solid var(--accent);padding:8px 12px;border-radius:6px}
.mq-weighed .linkbtn{background:none;border:0;padding:0;color:var(--accent);font:inherit;font-weight:700;text-decoration:underline;cursor:pointer;margin-left:4px}
@media(max-width:420px){.mq-next .btn{flex:1 1 100%}}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}