/* Prabhav app shell styles, editorial system (16 Sep 2026). Tokens from tokens.css. No em dashes. */
body{background:var(--vm-paper);color:var(--vm-ink)}
.pv{--soft:#efe9dc;--line:var(--vm-line);--bg:#fffdf8;--navy:var(--vm-navy);--amber:var(--vm-amber);--ink:var(--vm-ink);--muted:#4d5760}

.pv{font-family:var(--vm-sans);color:var(--vm-ink);line-height:1.6}
.pv .wrap{max-width:900px;margin:0 auto;padding:0 22px}
.pv .eyebrow{font-size:.72rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--vm-gold)}
.pv h1,.pv h2,.pv h3{font-family:var(--vm-serif);font-weight:400;color:var(--vm-ink)}
.pv .sec{padding:40px 0}

/* app header band */
.pv-band{background:var(--vm-navy);color:#fff;padding:26px 0}
.pv-band .eyebrow{color:#e3c782}
.pv-band h1{color:#fff;font-size:clamp(1.5rem,3.6vw,2.1rem);margin:.3rem 0 .2rem}
.pv-band p{color:#c6c8dc;font-size:.95rem;margin:0}
.pv-day{display:inline-block;background:rgba(255,183,0,.16);color:var(--vm-gold);font-weight:700;font-size:.8rem;padding:5px 12px;border-radius:3px;margin-top:10px}

/* cards + buttons */
.pv-card{background:#fffdf8;border:1px solid var(--vm-line);border-radius:3px;padding:22px;margin:16px 0;box-shadow:none}
.pv-btn{display:inline-flex;align-items:center;gap:8px;background:var(--vm-amber);color:var(--vm-ink);font-weight:700;border:0;border-radius:3px;padding:12px 22px;font-size:1rem;cursor:pointer;white-space:nowrap}
.pv-btn:disabled{opacity:.5;cursor:default}
.pv-btn.ghost{background:#fffdf8;color:var(--vm-ink);border:1.5px solid var(--vm-line)}
.pv-btn.small{padding:8px 14px;font-size:.85rem}
.pv-note{color:#4d5760;font-size:.9rem}
.pv-field{margin:14px 0}
.pv-field label{display:block;font-weight:600;color:var(--vm-ink);margin-bottom:6px;font-size:.95rem}
.pv-field .hint{font-weight:400;color:#4d5760;font-size:.85rem}
.pv-field input,.pv-field textarea,.pv-field select{width:100%;border:1.5px solid var(--vm-line);border-radius:3px;padding:12px;font:inherit;color:var(--vm-ink);background:#fffdf8}
.pv-field textarea{min-height:92px;resize:vertical}
.pv-field input:focus,.pv-field textarea:focus,.pv-field select:focus{outline:3px solid var(--vm-amber);outline-offset:1px;border-color:var(--vm-amber)}

/* choice chips */
.pv-choices{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.pv-choice{border:1.5px solid var(--vm-line);border-radius:3px;padding:16px;cursor:pointer;background:#fffdf8;text-align:left}
.pv-choice b{display:block;color:var(--vm-ink);margin-bottom:4px}
.pv-choice span{color:#4d5760;font-size:.85rem}
.pv-choice[aria-pressed="true"]{border-color:var(--vm-amber);box-shadow:none;background:#efe9dc}
@media(max-width:720px){.pv-choices{grid-template-columns:1fr}}

/* stepper */
.pv-steps{display:flex;gap:6px;margin:0 0 18px}
.pv-steps i{height:5px;flex:1;background:var(--vm-line);border-radius:3px}
.pv-steps i.on{background:var(--vm-amber)}

/* mission player step tabs */
.pv-stepnav{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}
.pv-stepnav button{border:1.5px solid var(--vm-line);background:#fffdf8;color:#4d5760;border-radius:3px;padding:7px 14px;font:inherit;font-size:.85rem;cursor:pointer}
.pv-stepnav button[aria-current="true"]{border-color:var(--vm-amber);color:var(--vm-ink);font-weight:600;background:#efe9dc}
.pv-stepnav button b{color:var(--vm-gold);margin-right:5px}

/* meter / self score */
.pv-score{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid var(--vm-line);padding:10px 0}
.pv-score:first-child{border-top:0}
.pv-score b{color:var(--vm-ink);font-size:.92rem}
.pv-dots{display:inline-flex;gap:6px}
.pv-dot{width:26px;height:26px;border-radius:50%;border:1.5px solid var(--vm-line);background:#fffdf8;cursor:pointer;font-weight:700;color:#4d5760}
.pv-dot[aria-pressed="true"]{background:var(--vm-amber);border-color:var(--vm-amber);color:var(--vm-ink)}
.pv-total{font-family:var(--vm-serif);font-size:1.1rem;color:var(--vm-ink);white-space:nowrap}

/* prompt block */
.pv-prompt{background:var(--vm-navy);color:#eef;border-radius:3px;padding:16px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.82rem;white-space:pre-wrap;line-height:1.5;max-height:280px;overflow:auto}
.pv-saveline{font-size:.82rem;color:#4d5760;min-height:18px}

/* gate */
.pv-gate{background:#efe9dc;border:1px solid var(--vm-line);border-radius:3px;padding:26px;text-align:center}
.pv-gate .pv-cta,.pv-cta{display:inline-flex;align-items:center;gap:8px;background:var(--vm-amber);color:var(--vm-ink);font-weight:700;border-radius:3px;padding:12px 22px;margin-top:12px;white-space:nowrap}

/* journey strip */
.pv-journey{display:grid;gap:8px}
.pv-jrow{display:flex;align-items:center;gap:12px;border:1px solid var(--vm-line);border-radius:3px;padding:12px 14px;background:#fffdf8}
.pv-jrow .n{width:26px;height:26px;border-radius:50%;background:#efe9dc;color:#4d5760;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.8rem;flex:0 0 auto}
.pv-jrow.done .n{background:var(--vm-amber);color:var(--vm-ink)}
.pv-jrow .t{flex:1}
.pv-jrow .t b{color:var(--vm-ink);font-size:.95rem;display:block}
.pv-jrow .t span{color:#4d5760;font-size:.8rem}
.pv-jrow .ph{font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--vm-gold);font-weight:700}
.pv-jrow.locked{opacity:.55}

.pv h1{font-size:clamp(38px,5vw,60px);letter-spacing:-.04em;line-height:1.06}
.pv h2{letter-spacing:-.03em}
.pv .eyebrow{color:var(--vm-gold)}
.pv-band{background:transparent!important;color:var(--vm-ink);border-bottom:1px solid var(--vm-line);padding:44px 0 34px}
.pv-band .eyebrow{color:var(--vm-gold)!important}
.pv-band h1{color:var(--vm-ink)!important}
.pv-band p{color:#44505b!important;font-size:17px}
.pv-day{background:#efe9dc!important;color:var(--vm-ink)!important;border-left:3px solid var(--vm-amber)}
.pv-card{border-top:3px solid var(--vm-amber)}
.pv-prompt{color:#eef1f2}
