/* Visibility Audit — page-specific styles (on the shared torque.css identity) */
.audit-shell{width:min(100%,640px);margin:0 auto;padding:clamp(28px,6vh,56px) var(--pad) 96px}
.audit-eyebrow{margin-bottom:4px}

.prog{display:flex;gap:6px;margin:22px 0 34px}
.pip{height:3px;flex:1;background:var(--line-strong);border-radius:2px;transition:background .3s ease}
.pip.done{background:var(--accent-strong);opacity:.5}
.pip.active{background:var(--accent)}

.step{animation:fade .35s ease}
@keyframes fade{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}

.qnum{font-size:.7rem;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--muted-2)}
h1.q,h2.q{font-family:"Barlow Condensed",sans-serif;font-weight:700;text-transform:lowercase;letter-spacing:-.01em;line-height:1.04;font-size:clamp(1.8rem,4vw,2.6rem);margin:10px 0 4px}
.q-sub{color:var(--muted);font-size:1rem;font-weight:300;margin-bottom:6px;max-width:52ch}

.opts{display:flex;flex-direction:column;gap:12px;margin-top:24px}
.opt{position:relative;text-align:left;background:var(--bg-soft);border:1px solid var(--hair);border-radius:var(--radius);padding:18px 20px;cursor:pointer;color:var(--text);font-size:1.02rem;font-family:inherit;transition:border-color .18s ease, transform .18s ease}
.opt::before{content:"";position:absolute;left:0;top:0;bottom:0;width:0;background:var(--accent);transition:width .18s ease}
.opt:hover{border-color:var(--line-strong);transform:translateX(2px)}
.opt:hover::before{width:3px}
.opt .oh{font-weight:500}
.opt .osub{display:block;color:var(--muted);font-size:.86rem;margin-top:3px;font-weight:300}

.nav-row{display:flex;justify-content:flex-start;margin-top:26px}
.back{background:none;border:none;color:var(--muted-2);font-family:inherit;font-size:.82rem;letter-spacing:.04em;cursor:pointer;padding:8px 0}
.back:hover{color:var(--text)}

/* result */
.result-card{background:var(--bg-soft);border:1px solid var(--hair);border-left:3px solid var(--accent);border-radius:var(--radius);padding:24px 26px;margin:20px 0}
.result-k{font-size:.66rem;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--accent)}
.result-fam{font-family:"Barlow Condensed",sans-serif;font-weight:700;text-transform:lowercase;font-size:1.7rem;line-height:1.05;margin:8px 0 10px}
.result-why{color:var(--muted);font-size:.98rem;font-weight:300}
.badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.badge{font-size:.66rem;letter-spacing:.1em;text-transform:uppercase;padding:5px 11px;border:1px solid var(--line-strong);border-radius:99px;color:var(--muted)}

.scores{margin:26px 0}
.score-row{display:flex;align-items:center;gap:12px;margin-bottom:10px}
.score-lbl{width:110px;flex-shrink:0;font-size:.82rem;color:var(--muted);text-transform:lowercase}
.bar-track{flex:1;height:8px;background:var(--line);border-radius:4px;overflow:hidden}
.bar-fill{height:100%;width:0;background:var(--accent);border-radius:4px;transition:width .8s cubic-bezier(.2,.7,.2,1)}

.result-shelf{margin:24px 0;display:flex;flex-direction:column;gap:10px}
.shelf-k{font-size:.66rem;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--accent)}
.shelf-item{display:flex;flex-direction:column;gap:3px;background:var(--bg-soft);border:1px solid var(--hair);border-radius:var(--radius);padding:16px 18px;transition:border-color .18s ease}
.shelf-item:hover{border-color:var(--accent)}
.shelf-item strong{font-weight:500}
.shelf-item span{color:var(--muted);font-size:.9rem;font-weight:300}
.shelf-item em{color:var(--muted-2);font-size:.8rem;font-style:normal;font-family:"Barlow Condensed",sans-serif;letter-spacing:.02em}

.capture{background:var(--panel);border:1px solid var(--hair);border-radius:var(--radius);padding:24px;margin-top:26px}
.capture label{font-size:.7rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.capture input{width:100%;margin-top:12px;background:var(--bg);border:1px solid var(--line-strong);border-radius:var(--radius);color:var(--text);padding:14px 16px;font-family:inherit;font-size:1rem;outline:none;transition:border-color .18s ease}
.capture input:focus{border-color:var(--accent)}
.capture .btn{width:100%;justify-content:center;margin-top:14px}
.capture-note{margin-top:14px;font-size:.82rem;color:var(--muted-2);font-weight:300}

.storefront-link{display:block;margin-top:18px;color:var(--muted);font-size:.9rem;transition:color .18s ease}
.storefront-link:hover{color:var(--accent)}

.restart{margin-top:22px;background:none;border:1px solid var(--line-strong);color:var(--muted);font-family:inherit;font-size:.78rem;letter-spacing:.04em;padding:11px 18px;border-radius:var(--radius);cursor:pointer;transition:border-color .18s ease, color .18s ease}
.restart:hover{border-color:var(--accent);color:var(--accent)}

.dev{margin-top:34px;border:1px dashed var(--line-strong);border-radius:var(--radius);padding:16px 18px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.72rem;color:var(--muted-2);line-height:1.7}
.dev b{color:var(--amber)}
.dev .hl{color:var(--accent)}