/* V41.62 — Zaakwijzer; alle selectors afgeschermd met msq- */
.msq-footer-link{display:block;margin:0;padding:0;border:0;background:transparent;color:var(--gold,#c9a86a);font:inherit;line-height:inherit;cursor:pointer;text-align:left;text-decoration:underline;text-decoration-color:transparent;text-underline-offset:4px;transition:color .2s,text-decoration-color .2s}
.msq-footer-link:hover,.msq-footer-link:focus-visible{text-decoration-color:currentColor;color:#f5d7a0}
.msq-dialog{position:fixed;inset:0;margin:auto;box-sizing:border-box;width:min(730px,calc(100vw - 30px));max-width:none;max-height:min(92dvh,900px);padding:0;border:1px solid rgba(216,170,113,.3);border-radius:25px;background:#15161c;color:#f7f3ec;box-shadow:0 30px 100px #000a;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;color-scheme:dark}
.msq-dialog:not([open]){display:none!important}
.msq-dialog::backdrop{background:rgba(5,6,10,.82);backdrop-filter:blur(5px)}
.msq-dialog *, .msq-dialog *::before,.msq-dialog *::after{box-sizing:border-box}
.msq-frame{padding:25px clamp(20px,5vw,42px) 31px;background:radial-gradient(circle at 100% -10%,rgba(188,35,56,.21),transparent 38%),#15161c}
.msq-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}
.msq-head-label{display:inline-flex;align-items:center;gap:10px;font-size:.7rem;color:#d4aa78;font-weight:800;letter-spacing:.12em}
.msq-head-dot{width:8px;height:8px;flex:none;border-radius:50%;background:#b82338;box-shadow:0 0 0 5px #b8233822}
.msq-close{width:37px;height:37px;display:grid;place-items:center;font-size:28px;font-weight:400;line-height:1;color:#faf5ee;background:#ffffff0d;border:1px solid #ffffff24;border-radius:50%;cursor:pointer}
.msq-close:hover{background:#ffffff20}
.msq-kicker,.msq-question-count{display:block;font-size:.67rem;letter-spacing:.17em;font-weight:850;color:#d4aa78}
.msq-intro h2{margin:8px 0 7px;font-size:clamp(1.75rem,5vw,2.5rem);letter-spacing:-.045em;line-height:1.07;color:#fff}
.msq-intro>p,.msq-results>p{font-size:.91rem;line-height:1.55;color:#b5b5be;margin:8px 0 20px;max-width:600px}
.msq-progress{display:flex;gap:14px;align-items:center;margin:23px 0 23px}
.msq-progress-track{background:#ffffff1c;height:5px;border-radius:20px;flex:1;overflow:hidden}
.msq-progress-track>span{display:block;background:linear-gradient(90deg,#a92539,#df985a);width:20%;height:100%;border-radius:20px;transition:width .25s ease}
.msq-progress>span{font-weight:700;color:#d8cfc0;font-size:.74rem;white-space:nowrap}
.msq-step[hidden],.msq-results[hidden],.msq-dialog [hidden]{display:none!important}
.msq-step h3{font-size:clamp(1.32rem,4vw,1.85rem);letter-spacing:-.035em;line-height:1.16;color:#fff;margin:7px 0 8px}
.msq-step>p{margin:0 0 22px;font-size:.92rem;color:#abaab2;line-height:1.5}
.msq-personas{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.msq-persona{position:relative;display:flex;flex-direction:column;align-items:flex-start;min-height:150px;gap:7px;padding:17px;border:1px solid #ffffff1b;border-radius:17px;background:#ffffff08;cursor:pointer;transition:background .16s,border-color .16s,transform .16s}
.msq-persona:hover,.msq-answer:hover{background:#ffffff12;transform:translateY(-1px)}
.msq-persona.is-selected,.msq-persona:has(input:checked),.msq-answer.is-selected,.msq-answer:has(input:checked){border-color:#dda35d;background:rgba(170,70,61,.16);box-shadow:inset 0 0 0 1px #d2a06155}
.msq-persona input,.msq-answer input{position:absolute;opacity:0;width:1px;height:1px;top:8px;left:8px}
.msq-persona:focus-within,.msq-answer:focus-within{outline:3px solid #e1b774;outline-offset:2px}
.msq-persona-icon{width:43px;height:43px;display:grid;place-items:center;border-radius:14px;background:#9d283529;font-size:23px}
.msq-persona-gold .msq-persona-icon{background:#d69e3b2c}.msq-persona-blue .msq-persona-icon{background:#538acb2e}.msq-persona-green .msq-persona-icon{background:#4b98762e}
.msq-persona strong{font-size:.96rem;color:#fff;line-height:1.22}
.msq-persona small,.msq-answer small{font-size:.78rem;line-height:1.4;color:#aeadb6}
.msq-binary{display:grid;gap:12px}
.msq-answer{position:relative;display:flex;gap:15px;align-items:center;min-height:88px;padding:16px;border:1px solid #ffffff25;border-radius:16px;background:#ffffff09;cursor:pointer;transition:background .16s,border-color .16s}
.msq-answer-symbol{display:grid;place-items:center;flex:none;width:42px;height:42px;border:1px solid #d2ae7b66;border-radius:12px;background:#d2ae7b14;color:#eac99d;font-weight:900}
.msq-answer strong{display:block;color:#fff;margin-bottom:5px;font-size:.96rem}
.msq-range-wrap{padding:26px 22px 25px;border:1px solid #ffffff1d;border-radius:18px;background:#ffffff08;margin-top:26px}
.msq-range-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:.91rem;font-weight:750;color:#f8f3e8;margin-bottom:26px}
.msq-range-heading output{display:grid;place-items:center;width:49px;height:49px;background:#ad2a3c;border-radius:15px;font-size:1.45rem;color:#fff;font-weight:900}
.msq-range-wrap input[type=range]{appearance:none;-webkit-appearance:none;width:100%;height:7px;display:block;background:linear-gradient(90deg,#b02639,#da9261);border-radius:20px;outline:none;cursor:pointer;margin:0 0 15px}
.msq-range-wrap input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:26px;height:26px;border-radius:50%;border:4px solid #f4d6a4;background:#a92539;box-shadow:0 3px 10px #0009}
.msq-range-wrap input[type=range]::-moz-range-thumb{width:19px;height:19px;border-radius:50%;border:4px solid #f4d6a4;background:#a92539;box-shadow:0 3px 10px #0009}
.msq-range-wrap input[type=range]:focus-visible{outline:3px solid #efcb92;outline-offset:8px}
.msq-range-labels{display:flex;justify-content:space-between;gap:20px;font-size:.76rem;color:#bdbbc3;line-height:1.4}
.msq-range-labels span:last-child{text-align:right}
.msq-actions{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-top:27px}
.msq-primary,.msq-secondary{border:0;border-radius:12px;min-height:47px;padding:12px 20px;font:inherit;font-size:.87rem;font-weight:850;cursor:pointer;transition:transform .14s,background .15s}
.msq-primary{margin-left:auto;background:#b5293b;color:white;display:inline-flex;align-items:center;justify-content:center;gap:14px}
.msq-primary:hover:not(:disabled){background:#ce3449;transform:translateY(-1px)}
.msq-primary:disabled{opacity:.42;cursor:not-allowed}
.msq-secondary{color:#e4ded6;background:#ffffff14;border:1px solid #ffffff26}
.msq-secondary:hover{background:#ffffff24}
.msq-privacy{font-size:.7rem!important;line-height:1.5!important;color:#a39da2!important;margin:14px 0 0!important}
.msq-error{font-size:.85rem!important;color:#f7b8a9!important;background:#9d28351c;padding:11px 14px;border-radius:10px;margin:14px 0 0!important}
.msq-trap{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.msq-results h3{font-size:clamp(1.6rem,4vw,2.2rem);color:white;margin:9px 0 10px;line-height:1.12}
.msq-result-list{display:grid;gap:13px}
.msq-result-card{display:grid;grid-template-columns:112px minmax(0,1fr);overflow:hidden;border:1px solid #ffffff1f;border-radius:17px;background:#ffffff09}
.msq-result-card:first-child{border-color:#c59a60a8;background:#cf9f5110}
.msq-result-image{width:112px;height:100%;min-height:195px;object-fit:cover;background:#222}
.msq-result-copy{padding:15px 17px}
.msq-result-topline{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:5px}
.msq-result-rank{font-size:.7rem;font-weight:800;color:#e0b17c;letter-spacing:.08em}
.msq-result-title{font-size:1.15rem;line-height:1.25;color:white;margin:0 0 10px}
.msq-result-bar-line{display:flex;align-items:center;gap:12px}
.msq-result-bar{height:8px;border-radius:20px;overflow:hidden;flex:1;background:#ffffff24}
.msq-result-bar span{height:100%;display:block;border-radius:20px;background:linear-gradient(90deg,#a51f36,#d7a15d);width:0}
.msq-result-score{font-size:.97rem;font-weight:900;color:#f0c08b}
.msq-result-why{font-size:.79rem;line-height:1.4;color:#d1c8c7;margin:10px 0}
.msq-result-cta{display:inline-flex;font-size:.79rem;font-weight:850;color:#fff;text-decoration:none;border-bottom:1px solid #d09a60;padding-bottom:2px;gap:5px}
.msq-result-cta:hover{color:#f0be8e}
@media(max-width:600px){.msq-dialog{inset:auto 0 0 0;width:100%;margin:0;max-height:96dvh;border-radius:24px 24px 0 0;border-bottom:0}.msq-frame{padding:19px 17px max(22px,env(safe-area-inset-bottom))}.msq-personas{gap:9px}.msq-persona{min-height:137px;padding:12px;gap:6px}.msq-persona strong{font-size:.84rem}.msq-persona small{font-size:.71rem}.msq-persona-icon{height:35px;width:35px;font-size:20px}.msq-result-card{grid-template-columns:83px minmax(0,1fr)}.msq-result-image{width:83px;min-height:170px}.msq-result-copy{padding:12px}.msq-result-title{font-size:1rem}.msq-result-why{font-size:.75rem}.msq-actions{gap:8px}.msq-primary,.msq-secondary{padding:10px 13px;min-height:43px;font-size:.78rem}.msq-head-label{font-size:.59rem}}
@media(max-width:375px){.msq-persona{min-height:130px}.msq-intro h2{font-size:1.65rem}.msq-step>p{margin-bottom:13px}}
@media(prefers-reduced-motion:reduce){.msq-dialog *{animation:none!important;transition:none!important}}

/* Resultaat heeft zijn eigen titel: verberg de vraag-intro om ruimte te besparen op mobiel. */
.msq-dialog.msq-showing-results .msq-intro{display:none}
.msq-dialog.msq-showing-results .msq-head{margin-bottom:12px}

/* V41.63: losse startpagina; tijdens de vijf vragen alleen de voortgang en de vraag. */
.msq-welcome h2{font-size:clamp(1.8rem,5vw,2.55rem);line-height:1.1;letter-spacing:-.045em;margin:8px 0 13px;color:#fff}
.msq-welcome-description{font-size:.98rem;line-height:1.6;color:#e0dce0;margin:0 0 24px;max-width:540px}
.msq-welcome-privacy{font-size:.76rem;line-height:1.55;color:#aeabb1;margin:0 0 15px;max-width:525px}
.msq-welcome-actions{margin-top:20px}
.msq-welcome-actions .msq-primary{min-width:170px}
.msq-dialog .msq-progress{margin:10px 0 24px}
.msq-dialog .msq-step{min-height:185px}

/* Resultaattekst is een persoonlijke samenvatting van de vijf antwoorden. */
.msq-results h2{font-size:clamp(1.5rem,4vw,2.15rem);color:white;margin:9px 0 8px;line-height:1.15;letter-spacing:-.035em}
.msq-results .msq-results-summary{font-size:.88rem;line-height:1.55;color:#d5ced0;margin:0 0 19px;max-width:630px}
.msq-results-note{font-size:.73rem!important;line-height:1.45!important;color:#a9a5ad!important;margin:13px 0 0!important}
.msq-result-list{gap:11px}
.msq-result-card{display:grid;grid-template-columns:175px minmax(0,1fr);grid-template-areas:"image info" "actions actions";align-items:start;min-width:0;border-radius:15px}
.msq-result-image{grid-area:image;width:calc(100% - 25px);height:auto;min-height:0;aspect-ratio:16 / 10;object-fit:cover;align-self:start;border-radius:10px;margin:13px 12px;background:#2b2b32}
.msq-result-copy{grid-area:info;padding:13px 13px 12px 0;min-width:0}
.msq-result-rank{font-size:.63rem;line-height:1.2}
.msq-result-title{font-size:1.07rem;line-height:1.24;margin:5px 0 11px}
.msq-result-bar{height:7px}
.msq-result-score{font-size:.91rem;min-width:38px;text-align:right}
.msq-result-actions{grid-area:actions;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);gap:9px;padding:0 12px 12px;min-width:0}
.msq-result-view,.msq-result-add{display:inline-flex;align-items:center;justify-content:center;text-align:center;min-width:0;min-height:41px;padding:9px 12px;border-radius:10px;font:inherit;font-size:.77rem;font-weight:800;line-height:1.3;letter-spacing:0;text-decoration:none;cursor:pointer;transition:background .15s,color .15s;box-sizing:border-box}
.msq-result-view{background:rgba(255,255,255,.105);color:#eee8e3;border:1px solid #ffffff38}
.msq-result-view:hover,.msq-result-view:focus-visible{background:rgba(255,255,255,.2);color:#fff}
.msq-result-add{background:#b5293b;color:#fff;border:1px solid #c84253}
.msq-result-add:hover:not(:disabled),.msq-result-add:focus-visible:not(:disabled){background:#cb3448}
.msq-result-add:disabled{background:#6b3b42;border-color:#6b3b42;color:#dfc8cc;cursor:default;opacity:.76}
.msq-result-status{grid-column:1/-1;color:#e7ceb0;font-size:.73rem;line-height:1.4;margin:2px 0 0}
.msq-result-status a{color:#f0c088;text-decoration:underline;text-underline-offset:3px}
.msq-dialog .msq-results-actions{margin-top:18px}
.msq-dialog .msq-results-actions .msq-secondary:last-child{margin-left:auto}

@media(max-width:600px){
  .msq-welcome h2{font-size:1.82rem}
  .msq-welcome-description{font-size:.94rem}
  .msq-welcome-privacy{font-size:.7rem}
  .msq-dialog .msq-step{min-height:140px}
  .msq-result-card{grid-template-columns:118px minmax(0,1fr)}
  .msq-result-image{width:calc(100% - 18px);margin:11px 9px;aspect-ratio:16/10;min-height:0}
  .msq-result-copy{padding:11px 10px 7px 0}
  .msq-result-title{font-size:.95rem;margin:5px 0 9px}
  .msq-result-bar-line{gap:7px}
  .msq-result-score{font-size:.78rem;min-width:30px}
  .msq-result-actions{gap:7px;padding:0 10px 10px}
  .msq-result-view,.msq-result-add{min-height:42px;font-size:.71rem;padding:8px 8px}
  .msq-results .msq-results-summary{font-size:.78rem;line-height:1.5;margin-bottom:14px}
}
@media(max-width:350px){
  .msq-result-card{grid-template-columns:102px minmax(0,1fr)}
  .msq-result-image{width:calc(100% - 14px);margin:10px 7px}
  .msq-result-actions{grid-template-columns:minmax(0,1fr) minmax(0,1.6fr)}
  .msq-result-add{font-size:.67rem}
}