.match{max-width:1060px;margin:0 auto;padding:44px 5vw 20px}.match-head h2{font:400 clamp(28px,2.6vw,40px)/1.85 var(--urdu-display);color:var(--ink);margin:4px 0 6px}.match-head p{font:400 17px/2 var(--sans);color:var(--ink-soft);margin:0 0 18px;max-width:66ch}.match-form{display:grid;grid-template-columns:1fr 1fr;gap:16px 22px;padding:24px;background:linear-gradient(235deg,#fffdf8,#f8efdc 63%,#efdfbf);box-shadow:0 22px 40px #8a5a1226,0 0 0 6px #fffdf8,0 0 0 7px #c49b57}.match-q{border:0;margin:0;padding:0}.match-q legend{display:flex;align-items:center;gap:10px;font:700 16px/1.7 var(--sans);color:var(--ink);margin-bottom:8px;padding:0}.match-n{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50%;background:radial-gradient(circle,#fffdf8 0 38%,transparent 39%),repeating-conic-gradient(var(--lapis) 0 30deg,#fffdf8 30deg 45deg);border:2px solid var(--gold-deep);font:700 12px/1 DM Sans,sans-serif;color:var(--lapis)}.match-opts{display:flex;flex-wrap:wrap;gap:8px}.match-opt input{position:absolute;opacity:0}.match-opt span{display:inline-block;padding:5px 14px;border:1px solid var(--line);background:#fffdf8;font:600 14px/1.7 var(--sans);color:var(--ink);cursor:pointer;border-radius:999px}.match-opt input:checked+span{background:var(--lapis);border-color:var(--lapis);color:#f8edcf}.match-opt input:focus-visible+span{outline:2px solid var(--lapis);outline-offset:2px}.match-show{grid-column:1/-1;justify-self:start;padding:9px 26px;background:var(--lapis);color:#f8dfab;border:0;font:700 16px/1.6 var(--sans)}.match-show:hover{background:var(--teal)}.match-out{margin-top:22px}.match-out h3{font:700 20px/1.8 var(--sans);color:var(--lapis);margin:0 0 10px}.match-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.match-card{position:relative;padding:20px 18px 16px;background:#fffdf8;border:1px solid var(--line);border-top:4px solid var(--gold-deep);display:grid;gap:8px}.match-card:first-child{border-top-color:var(--lapis);box-shadow:0 18px 30px #0c395122}.match-rank{position:absolute;inset-block-start:-16px;inset-inline-end:14px;width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:var(--lapis);color:#e3bb75;font:700 15px/1 DM Sans,sans-serif}.match-card img{height:34px;width:auto;max-width:160px;object-fit:contain;object-position:right center}.match-card ul{margin:0;padding:0;list-style:none;font:400 14px/1.8 var(--sans);color:var(--ink-soft)}.match-card li:before{content:"✓ ";color:var(--teal);font-weight:700}.match-card li.no:before{content:"! ";color:#8a3a12}.match-cta{display:flex;gap:8px;margin-top:4px}.match-cta a:first-child{padding:6px 16px;background:var(--lapis);color:#f8dfab;font:700 14px/1.6 var(--sans)}.match-cta a:last-child{padding:6px 12px;border:1px solid var(--line);color:var(--ink);font:700 14px/1.6 var(--sans)}.match-note{font:400 13px/1.8 var(--sans);color:var(--ink-soft);margin:12px 0 0}@media(max-width:760px){.match-form{grid-template-columns:1fr;padding:18px}.match-list{grid-template-columns:1fr}}.cmp{max-width:1060px;margin:0 auto;padding:40px 5vw 10px}.cmp-head h2{font:400 clamp(26px,2.4vw,38px)/1.85 var(--urdu-display);color:var(--ink);margin:4px 0 10px}.cmp-bar{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:6px}.cmp-filter{display:flex;flex-wrap:wrap;gap:6px}.cmp-filter button{padding:4px 14px;border:1px solid var(--line);background:#fffdf8;color:var(--ink);font:600 14px/1.7 var(--sans);border-radius:999px}.cmp-filter button[aria-pressed=true]{background:var(--gold);border-color:var(--gold-deep)}.cmp-count{font:400 14px/1.6 var(--sans);color:var(--ink-soft)}.cmp-table th button{all:unset;cursor:pointer;font-weight:700;border-bottom:1px dashed var(--gold-deep)}.cmp-table th button:after{content:" ↕";color:var(--gold-deep);font-size:12px}.cmp-table th button.on:after{content:" ↓"}.cmp-table th button:focus-visible{outline:2px solid var(--lapis);outline-offset:2px}.cmp-table td:first-child{white-space:nowrap}.cmp-table td a{color:var(--ink);border-bottom:1px solid var(--line)}.cmp-table .num-cell{direction:ltr;text-align:end;font-variant-numeric:tabular-nums}.cmp-table tr.off{display:none}.cmp-on{color:#1e5761;font-weight:700}.cmp-off{color:#8a5a12;font-size:13px}.cmp-note{font:400 13px/1.8 var(--sans);color:var(--ink-soft);margin:8px 0 0}