.match-demo{--match-ink:#153641;--match-accent:#006482;--match-line:#cde0e7;color:var(--match-ink);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2.1fr);gap:clamp(.8rem,2vw,1.4rem);align-items:start}.match-role,.match-shortlist{border:1px solid var(--match-line);border-radius:1.25rem;background:#fff;padding:clamp(1rem,2.6vw,1.75rem);box-shadow:0 12px 34px #1536410d}.match-role{background:#eaf6fa}.match-demo h3{margin:.25rem 0 .75rem}.match-role h4{margin:1.1rem 0 .35rem;font-size:.95rem}.match-role ul{margin:0;padding-inline-start:1.15rem}.match-role li{margin:.28rem 0}.match-shortlist details{border:1px solid var(--match-line);border-radius:.9rem;margin-top:.65rem;overflow:hidden}.match-shortlist details[open]{border-color:#65aabf}.match-shortlist summary{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;gap:.6rem;align-items:center;padding:.85rem;cursor:pointer;list-style:none}.match-shortlist summary::-webkit-details-marker{display:none}.match-shortlist summary:focus-visible{outline:2px solid var(--match-accent);outline-offset:-3px}.match-shortlist details[open] summary,.match-shortlist summary:hover{background:#eef8fa}.match-avatar{border-radius:50%;width:2.3rem;height:2.3rem;display:grid;place-items:center;background:#cee9f2;font-size:.8rem;font-weight:800;color:#134758}.match-person small,.match-score small{display:block;font-size:.73rem;color:#3f5e69}.match-score{text-align:right}.match-score strong{font-size:1.25rem;color:var(--match-accent)}.match-toggle::after{content:"+";color:var(--match-accent);font-size:1.35rem;font-weight:700}.match-shortlist details[open] .match-toggle::after{content:"−"}.match-track{display:block;height:.24rem;background:#d8e8ee;margin-top:.25rem;border-radius:1rem;overflow:hidden}.match-track span{display:block;height:100%;background:linear-gradient(90deg,#1683a3,#35aeb6)}.match-evidence{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;padding:.8rem;margin:0}.match-evidence div{padding:.75rem;border-radius:.65rem;background:#f4f8fa}.match-evidence div:nth-child(2){background:#fff3e9}.match-evidence dt{font-weight:800;font-size:.85rem}.match-evidence dd{margin:.25rem 0 0;font-size:.88rem;line-height:1.5}@media(max-width:730px){.match-demo{grid-template-columns:minmax(0,1fr)}}@media(max-width:440px){.match-evidence{grid-template-columns:minmax(0,1fr)}.match-avatar{display:none}.match-shortlist summary{grid-template-columns:minmax(0,1fr) auto auto}}