.eq-page{color:var(--text);padding:clamp(100px,12vw,130px) 24px 90px;background:radial-gradient(ellipse at 75% 15%,var(--brand-soft),transparent 42%),var(--bg);width:100%;max-width:100vw;min-height:100vh;min-height:100dvh;overflow-x:clip;box-sizing:border-box}.eq-page,.eq-page *,.eq-page *:before,.eq-page *:after{box-sizing:border-box}.eq-shell{max-width:1120px;width:100%;margin:auto;min-width:0}.eq-back,.eq-text-button{display:inline-flex;align-items:center;gap:8px;font:inherit;font-size:13px;color:var(--text-soft);text-decoration:none;background:none;border:0;padding:8px 0;min-height:44px;cursor:pointer;transition:color .15s ease}.eq-back:hover,.eq-text-button:hover{color:var(--brand-ink)}.eq-hero{margin:30px 0 38px;display:grid;grid-template-columns:1.05fr 1fr;gap:15px 50px;align-items:center}.eq-hero .eq-eyebrow{grid-column:1 / -1}.eq-eyebrow,.eq-kicker,.eq-map-label{font-family:var(--font-mono);letter-spacing:.12em;font-size:11px;font-weight:600;color:var(--brand-ink);text-transform:uppercase}.eq-eyebrow{display:inline-flex;align-items:center;gap:9px}.eq-eyebrow>span{width:7px;height:7px;border-radius:50%;background:var(--brand-teal);box-shadow:0 0 0 5px var(--brand-soft)}.eq-hero h1{font-family:var(--font-display);font-size:clamp(30px,5.2vw,64px);line-height:1.06;letter-spacing:-.045em;margin:8px 0;color:var(--heading);grid-row:span 2;word-break:normal;overflow-wrap:break-word;hyphens:auto;-webkit-hyphens:auto}.eq-hero h1 em{font-style:normal;color:var(--brand-ink)}.eq-hero>p{max-width:620px;color:var(--text-soft);font-size:16px;line-height:1.65;margin:8px 0 0;word-break:break-word;overflow-wrap:break-word}.eq-pills{display:flex;flex-wrap:wrap;gap:10px 20px;font-size:11px;color:var(--text-muted)}.eq-pills span{display:inline-flex;align-items:center;gap:7px;word-break:break-word}.eq-workspace{display:grid;grid-template-columns:310px minmax(0,1fr);gap:28px;align-items:start}.eq-map{padding:28px 8px 20px 0;min-width:0}.eq-map-label{font-size:10px;color:var(--text-muted);letter-spacing:.08em}.eq-map ol{list-style:none;margin:30px 0;padding:0}.eq-map li{position:relative;display:flex;gap:16px;min-height:102px;min-width:0}.eq-map li:not(:last-child):after{content:"";position:absolute;left:22px;top:50px;bottom:8px;width:1px;background:var(--border-strong)}.eq-node{width:45px;height:45px;display:grid;place-items:center;flex-shrink:0;border:1px solid var(--border-strong);border-radius:14px;background:var(--surface);color:var(--text-muted);transition:all .2s ease}.eq-step-number{font:10px var(--font-mono);color:var(--text-muted)}.eq-map strong{display:block;font-size:14px;margin:3px 0 6px;font-weight:600;word-break:break-word;overflow-wrap:break-word;hyphens:auto;-webkit-hyphens:auto}.eq-map small{color:var(--text-muted);font-size:11px;line-height:1.4}.eq-map [data-state=pass] .eq-node{color:var(--brand-teal);border-color:var(--brand-teal);background:#14b8a614}.eq-map [data-state=current] .eq-node,.eq-map [data-state=attention] .eq-node{color:var(--brand-ink);border-color:var(--brand-ink);box-shadow:0 0 0 5px var(--brand-soft)}.eq-map>p{font-size:12px;line-height:1.7;color:var(--text-muted);max-width:270px;word-break:break-word}.eq-card{min-width:0;max-width:100%;background:var(--surface);border:1px solid var(--border-strong);border-radius:24px;padding:35px;box-shadow:var(--shadow-md);overflow:hidden}.eq-card h2{font:600 clamp(22px,3vw,32px)/1.2 var(--font-display);letter-spacing:-.035em;margin:16px 0;color:var(--heading);scroll-margin-top:100px;word-break:break-word;overflow-wrap:break-word}.eq-card h2:focus{outline:none}.eq-card p{font-size:14px;line-height:1.75;color:var(--text-soft);word-break:break-word;overflow-wrap:break-word}.eq-card small{display:block;font-size:11px;line-height:1.7;color:var(--text-muted);word-break:break-word;overflow-wrap:break-word}.eq-device-pill{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:9999px;background:var(--surface-2);border:1px solid var(--border);font-size:11px!important;color:var(--text-soft)!important;margin-top:4px}.eq-field-label,.eq-devices legend{display:block;font-size:13px;margin:25px 0 9px;font-weight:600;color:var(--heading)}.eq-card input[type=text],.eq-card textarea{width:100%;border:1px solid var(--border-strong);background:var(--bg);border-radius:10px;padding:14px;font:inherit;font-size:16px;color:var(--text);margin-bottom:8px;min-height:48px;transition:border-color .15s ease,box-shadow .15s ease}.eq-card input[type=text]:focus,.eq-card textarea:focus{outline:none;border-color:var(--brand-ink);box-shadow:0 0 0 3px var(--brand-soft)}.eq-devices{padding:0;border:0;display:flex;gap:10px;margin:0 0 25px;flex-wrap:wrap}.eq-devices label{display:flex;align-items:center;justify-content:center;gap:8px;font-size:13px;font-weight:500;border:1px solid var(--border-strong);border-radius:10px;padding:12px 18px;cursor:pointer;flex:1 1 120px;min-height:46px;transition:all .15s ease;user-select:none}.eq-devices label.is-selected{background:var(--brand-soft);border-color:var(--brand-ink);color:var(--heading);font-weight:600}.eq-devices input{accent-color:var(--brand)}.eq-primary,.eq-secondary{display:inline-flex;justify-content:center;align-items:center;gap:9px;border:1px solid transparent;border-radius:10px;padding:14px 22px;font:600 13.5px var(--font);cursor:pointer;min-height:48px;transition:all .15s ease;text-decoration:none}.eq-primary{background:var(--brand-strong);color:#fff}.eq-primary:hover{background:var(--brand)}.eq-primary:disabled{opacity:.5;cursor:wait}.eq-secondary{background:var(--surface-2);border-color:var(--border-strong);color:var(--text)}.eq-secondary:hover{background:var(--brand-soft);border-color:var(--brand-ink)}.eq-card .eq-footnote{font-size:11px;color:var(--text-muted);margin:18px 0 0;line-height:1.6}.eq-page :is(button,a,input,textarea,summary):focus-visible{outline:3px solid var(--brand-ink);outline-offset:3px}.eq-step-top,.eq-bottom-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.eq-site-link{display:flex;gap:12px;align-items:center;justify-content:space-between;margin:20px 0 8px;padding:12px 14px;border:1px solid var(--border);border-radius:10px;color:var(--brand-ink);background:var(--bg);font:12px var(--font-mono);text-decoration:none;min-width:0;max-width:100%}.eq-site-link span{overflow-wrap:anywhere;word-break:break-all;min-width:0}.eq-site-link svg{flex-shrink:0}.eq-test-message,.eq-code{margin:22px 0;padding:18px;border:1px solid var(--border-strong);border-radius:14px;background:var(--bg-soft);max-width:100%;overflow:hidden}.eq-test-message pre,.eq-brief pre{white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;font:12px/1.8 var(--font-mono);color:var(--text-soft);margin:0 0 14px;max-width:100%}.eq-code>span{font:10px var(--font-mono);letter-spacing:.08em;color:var(--text-muted)}.eq-code strong{display:block;margin:9px 0;font:600 clamp(20px,5vw,26px) var(--font-mono);letter-spacing:.05em;color:var(--brand-ink);word-break:break-all}.eq-answers{display:grid;gap:10px;margin:26px 0 18px}.eq-answer{display:flex;align-items:center;justify-content:space-between;text-align:left;gap:14px;width:100%;border:1px solid var(--border-strong);border-radius:12px;padding:14px 16px;color:var(--text);background:var(--surface-2);font:500 13.5px/1.5 var(--font);cursor:pointer;min-height:48px;transition:all .15s ease}.eq-answer span{display:flex;align-items:flex-start;gap:12px;min-width:0;word-break:break-word;overflow-wrap:break-word}.eq-answer span svg{flex-shrink:0;margin-top:2px}.eq-answer>svg:last-child{flex-shrink:0;margin-left:auto;align-self:center}.eq-answer:hover{border-color:var(--brand-ink);background:var(--brand-soft);color:var(--heading)}.eq-answer:active{transform:scale(.99)}.eq-answer.is-quiet{background:transparent;border-style:dashed;color:var(--text-soft)}.eq-result-badge{display:inline-flex;align-items:center;gap:8px;font:600 11px/1 var(--font-mono);letter-spacing:.08em;padding:5px 12px;border-radius:9999px;margin-bottom:8px}.eq-result-badge.is-passed{background:#14b8a61f;color:var(--brand-teal);border:1px solid rgba(20,184,166,.3)}.eq-result-badge.is-action{background:#f59e0b1f;color:#fbbf24;border:1px solid rgba(245,158,11,.3)}.eq-result-badge.is-unverified{background:#38bdf81f;color:var(--brand-ink);border:1px solid rgba(56,189,248,.3)}.eq-action-box{padding:20px;background:var(--brand-soft);border:1px solid var(--border-brand);border-radius:14px;margin:24px 0;max-width:100%}.eq-action-box p{margin:10px 0 14px;font-size:14px;line-height:1.6}.eq-acceptance{display:flex;gap:12px;margin:22px 0;align-items:flex-start}.eq-acceptance>svg{flex-shrink:0;color:var(--brand-ink);margin-top:2px}.eq-acceptance strong{font-size:13px;display:block}.eq-acceptance p{margin:5px 0 0;font-size:13px;line-height:1.6}.eq-actions{display:flex;flex-wrap:wrap;gap:10px}.eq-brief{margin:20px 0}.eq-brief summary,.eq-explainer summary{cursor:pointer;font-size:13px;font-weight:500;color:var(--text-soft);padding:10px 0;user-select:none}.eq-brief pre{max-height:360px;overflow-y:auto;overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--border);border-radius:10px;padding:14px;margin-top:10px;background:var(--bg-soft)}.eq-help{border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:18px 0;margin:25px 0}.eq-help p{margin:0 0 6px;font-weight:600}.eq-help .eq-text-button{color:var(--brand-ink);font-weight:600}.eq-bottom-actions{margin-top:25px}.eq-notice{color:var(--brand-ink);font-size:12.5px;line-height:1.6;margin-top:14px;padding:10px 14px;background:var(--brand-soft);border:1px solid var(--border-brand);border-radius:10px;word-break:break-word}.eq-notice:empty{display:none}.eq-card .eq-error{color:#ef4444;font-size:12px;margin-top:6px;line-height:1.4}.eq-explainer{margin:50px 0 0;padding-top:30px;border-top:1px solid var(--border);max-width:780px}.eq-explainer h2{font:600 23px/1.3 var(--font-display);letter-spacing:-.03em;margin-bottom:12px;color:var(--heading)}.eq-explainer p{font-size:13.5px;line-height:1.8;color:var(--text-muted)}.eq-explainer details{border-top:1px solid var(--border);padding:10px 0}.eq-explainer details[open] summary{color:var(--heading)}@media (max-width: 960px){.eq-hero{display:block}.eq-hero h1{margin:16px 0}.eq-pills{margin-top:16px}}@media (max-width: 800px){.eq-page{padding:clamp(90px,15vw,110px) 20px 65px}.eq-workspace{grid-template-columns:1fr;gap:18px}.eq-map{padding:0}.eq-map-label,.eq-map>p,.eq-step-number{display:none}.eq-map small{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.eq-map ol{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0 0 14px}.eq-map li{min-height:0;display:flex;flex-direction:column;gap:6px;align-items:center;text-align:center}.eq-map li:after{display:none}.eq-map strong{font-size:10px;line-height:1.35;word-break:break-word;overflow-wrap:break-word;hyphens:auto;-webkit-hyphens:auto}.eq-node{height:38px;width:38px;border-radius:11px}.eq-card{padding:26px 22px}}@media (max-width: 520px){.eq-card form .eq-primary,.eq-test-message .eq-secondary,.eq-actions .eq-primary,.eq-actions .eq-secondary{width:100%;justify-content:center}.eq-actions{flex-direction:column}.eq-bottom-actions{flex-direction:column;align-items:stretch;gap:8px}.eq-bottom-actions .eq-text-button{width:100%;justify-content:flex-start}}@media (max-width: 420px){.eq-page{padding-left:14px;padding-right:14px}.eq-card{padding:20px 15px;border-radius:16px}.eq-map ol{gap:5px}.eq-node{width:34px;height:34px}.eq-map strong{font-size:9px}.eq-action-box{padding:16px 14px}.eq-devices label{padding:10px 14px;font-size:12.5px}}@media (prefers-reduced-motion: reduce){.eq-node,.eq-primary,.eq-secondary,.eq-answer,.eq-devices label{transition:none;transform:none}}