/* Wrangl free tools (assessment). Uses the tokens in wrangl.css only. */
.qz-sec{padding-block:clamp(40px,6vw,80px)}
.qz-wrap{max-width:46rem;margin-inline:auto}
.qz{background:var(--card);color:var(--card-fg);border:1px solid var(--card-line);border-radius:12px;padding:clamp(22px,4vw,40px);position:relative;scroll-margin-top:96px}
.qz::before{content:"";position:absolute;left:32px;right:32px;top:0;height:4px;background:#A85535;border-radius:0 0 3px 3px}
.qz:not(.js){display:none}
.qz-nojs{padding:24px;border:1px solid var(--line-strong);border-radius:6px}
.qz-top{display:flex;flex-direction:column;gap:10px;margin-bottom:22px}
.qz-top .g-progress{color:var(--card-muted)}
.qz-resume{margin-bottom:18px;padding:10px 14px;background:var(--alt);border-radius:4px;font-size:.875rem;font-weight:600;color:var(--card-fg)}
.qz-link{font:inherit;font-weight:800;background:none;border:0;padding:0;color:inherit;text-decoration:underline;text-decoration-color:#A85535;text-underline-offset:3px;cursor:pointer}
.qz-q{min-height:22rem}
.qz-q legend{padding:0;margin-bottom:20px;font-size:clamp(1.25rem,2.6vw,1.5rem);font-weight:800;line-height:1.3;letter-spacing:-.01em;color:var(--card-fg)}
.qz-opts{display:flex;flex-direction:column;gap:10px}
.opt{position:relative;display:block}
.opt input{position:absolute;opacity:0;width:1px;height:1px;margin:0;padding:0}
.opt span{display:flex;align-items:center;gap:14px;min-height:56px;padding:12px 16px;border:1px solid var(--line-strong);border-radius:8px;font-size:1rem;font-weight:600;line-height:1.4;cursor:pointer;color:var(--card-fg);background:var(--field);transition:border-color .15s ease}
.opt span::before{content:"";flex:none;width:18px;height:18px;border-radius:50%;border:2px solid var(--line-strong);background:var(--field)}
.opt:hover span{border-color:var(--card-fg)}
.opt input:checked+span{background:var(--btn-bg);color:var(--btn-fg);border-color:var(--btn-bg)}
.opt input:checked+span::before{border-color:var(--btn-fg);background:var(--btn-fg);box-shadow:inset 0 0 0 3px var(--btn-bg)}
.opt input:focus-visible+span{outline:3px solid var(--accent);outline-offset:2px}
.qz-err:empty{display:none}
.qz-err{color:var(--card-fg);margin-top:12px}
.qz-foot{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:24px;padding-top:20px;border-top:1px solid var(--card-line)}
.qz-foot small{color:var(--card-muted);font-size:.8125rem;margin-right:auto}
.qz-foot [data-prev]:not([hidden])+small{margin-left:auto}
.qz-foot .btn.outline,.rs-acts .btn.outline{color:var(--card-fg);border-color:var(--card-fg)}
@media (max-width:520px){.qz-foot small{order:3;flex-basis:100%;margin:0}.qz-foot [data-next]{margin-left:auto}}

/* results */
.qz-results{display:flex;flex-direction:column;gap:32px}
.rs-head{display:grid;grid-template-columns:auto minmax(0,1fr);gap:20px 24px;align-items:start}
.rs-head>div:last-child{display:flex;flex-direction:column;gap:8px;min-width:0}
.rs-head h2{font-size:clamp(1.75rem,4vw,2.25rem);font-weight:800;outline:none}
.rs-head p:not(.eyebrow){color:var(--card-muted);font-size:1.0625rem}
.rs-count{display:flex;flex-direction:column;align-items:center;justify-content:center;width:96px;height:96px;border-radius:50%;background:var(--btn-bg);color:var(--btn-fg);box-shadow:0 0 0 4px var(--card),0 0 0 6px #A85535}
.rs-count b{font-size:2.25rem;font-weight:800;line-height:1}
.rs-count span{font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
@media (max-width:480px){.rs-head{grid-template-columns:minmax(0,1fr)}.rs-count{width:80px;height:80px}.rs-count b{font-size:1.875rem}}

.rs-areas{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;border-top:3px solid var(--card-fg)}
.ra{display:flex;flex-direction:column;gap:10px;padding-block:16px;border-bottom:1px solid var(--card-line)}
.ra-top{display:grid;grid-template-columns:2.75rem minmax(0,1fr) auto;align-items:center;gap:12px}
.ra-top .code{grid-row:auto;padding-top:0}
.ra-top b{font-size:1.0625rem;font-weight:800}
.ra-chip{font-size:.75rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;padding:5px 10px;border-radius:999px;white-space:nowrap;border:1px solid transparent}
.ra.on .ra-chip{background:var(--btn-bg);color:var(--btn-fg)}
.ra.mid .ra-chip{border-color:var(--line-strong);color:var(--card-fg)}
.ra.not .ra-chip{background:#A85535;color:#FFFFFF}
.ra-track{height:8px;border-radius:4px;background:var(--alt);overflow:hidden;margin-left:calc(2.75rem + 12px)}
.ra-track i{display:block;height:100%;border-radius:4px;background:var(--card-fg)}
.ra.mid .ra-track i{background:var(--soft)}
.ra.not .ra-track i{background:#A85535}
@media (prefers-reduced-motion:no-preference){.ra-track i{animation:grow .6s cubic-bezier(.2,.7,.2,1) both}@keyframes grow{from{width:0}}}
.rs-key{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:-18px;font-size:.8125rem;font-weight:600;color:var(--card-muted)}
.rs-key .k{display:inline-flex;align-items:center;gap:6px}
.rs-key .k::before{content:"";width:10px;height:10px;border-radius:2px;background:var(--card-fg)}
.rs-key .mid::before{background:var(--soft)}
.rs-key .not::before{background:#A85535}

.rs-block{display:flex;flex-direction:column;gap:14px}
.rs-fixes{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px;counter-reset:f}
.rs-fixes li{display:grid;grid-template-columns:32px minmax(0,1fr);gap:2px 12px;counter-increment:f}
.rs-fixes li::before{content:counter(f);grid-row:span 2;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:#A85535;color:#FFFFFF;font-weight:800;font-size:.875rem}
.rs-fixes b,.rs-next b{font-size:1rem;font-weight:800}
.rs-fixes span,.rs-next span{color:var(--card-muted)}
.rs-next{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));gap:12px}
.rs-next li{display:flex;flex-direction:column;gap:6px;padding:18px;background:var(--alt);border-radius:6px}
.rs-next .textlink{margin-top:auto;padding-top:6px;font-size:.9375rem}
.rs-note{display:flex;flex-direction:column;gap:4px;padding:16px 18px;border-left:4px solid #A85535;background:var(--alt);border-radius:4px}
.rs-note b{font-weight:800}
.rs-note p{color:var(--card-fg)}
.rs-send{display:flex;flex-direction:column;gap:12px;padding-top:28px;border-top:3px solid var(--card-fg)}
.rs-send h3{font-size:1.5rem;font-weight:800}
.rs-send form{margin-top:6px}
.rs-acts{display:flex;flex-wrap:wrap;gap:10px}
.rs-acts .btn{min-height:42px;padding:0 16px;font-size:.875rem}
.rs-text summary{cursor:pointer;font-size:.875rem;font-weight:700;color:var(--card-muted)}
.rs-text textarea{margin-top:10px;min-height:220px;font-size:.8125rem;background:var(--alt)}

@media print{
  header.site,footer.site,.close,.alt,.page-hero,.rs-send,.rs-acts,.rs-text,.faq,section:not(.qz-sec),dialog,body::before{display:none!important}
  .qz-sec{padding:0}
  .qz{border:0;padding:0}
  .ra-track i,.ra.on .ra-chip,.ra.not .ra-chip,.rs-count,.rs-fixes li::before{-webkit-print-color-adjust:exact;print-color-adjust:exact}
}