/* MS Express — review helper page */
.rv-body{background:var(--color-surface-dark);color:var(--color-on-dark);min-height:100vh}
.rv{padding:var(--space-8) var(--space-5) var(--space-11)}
.rv__shell{max-width:640px;margin-inline:auto}
.rv__head{text-align:left}
.rv__logo{display:inline-block;margin-bottom:var(--space-7)}
.rv__logo img{height:44px;width:auto;filter:brightness(0) invert(1)}
.rv__title{font-family:var(--font-display);font-size:clamp(2rem,8vw,2.9rem);line-height:1.02;text-transform:uppercase;color:var(--color-on-dark)}
.rv__title .text-accent{display:inline-block;color:#fff;background:var(--color-primary);padding:.08em .2em .14em .24em;margin-top:.16em;border-radius:var(--radius-sm)}
.rv__lede{margin-top:var(--space-5);color:var(--color-on-dark-muted);font-size:var(--fs-body-lg);text-wrap:pretty}
.rv__step{margin-top:var(--space-9);padding-top:var(--space-7);border-top:1px solid rgba(255,255,255,.14)}
.rv__steph{display:flex;align-items:center;gap:var(--space-3);font-family:var(--font-condensed);text-transform:uppercase;letter-spacing:.03em;font-size:var(--fs-title-md);color:var(--color-on-dark)}
.rv__steph i{flex:none;width:28px;height:28px;border-radius:var(--radius-full);background:var(--color-primary);color:#fff;display:grid;place-items:center;font-style:normal;font-size:var(--fs-caption);font-weight:700}
.rv__steph em{font-style:normal;color:var(--color-on-dark-muted);font-size:var(--fs-body-sm);letter-spacing:0}
.rv__pills{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-5)}
.rv__pill{min-height:48px;padding:var(--space-3) var(--space-5);border-radius:var(--radius-full);border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.05);color:var(--color-on-dark);font-family:var(--font-condensed);text-transform:uppercase;letter-spacing:.03em;font-size:var(--fs-body-sm);cursor:pointer;transition:background var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard)}
.rv__pill:hover{background:rgba(255,255,255,.12)}
.rv__pill[aria-checked="true"]{background:var(--color-primary);border-color:var(--color-primary);color:#fff}
.rv__pills--sm .rv__pill{min-height:42px;padding:var(--space-2) var(--space-4);font-size:var(--fs-caption)}
.rv__other{margin-top:var(--space-4);width:100%;max-width:340px;min-height:48px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.22);border-radius:var(--radius-sm);color:var(--color-on-dark);padding:0 var(--space-4);font-family:var(--font-body);font-size:var(--fs-body-md)}
.rv__other::placeholder{color:rgba(255,255,255,.45)}
.rv__other:focus{outline:none;border-color:var(--color-primary)}
.rv__stars{display:flex;gap:var(--space-2);margin-top:var(--space-5)}
.rv__star{width:56px;height:56px;border:0;background:transparent;color:rgba(255,255,255,.26);cursor:pointer;padding:0;transition:color var(--duration-fast) var(--ease-standard),transform var(--duration-fast) var(--ease-standard)}
.rv__star svg{width:100%;height:100%;display:block}
.rv__star.is-on{color:#f0a500}
.rv__star:active{transform:scale(.92)}
.rv__starlabel{margin-top:var(--space-4);color:var(--color-on-dark-muted);font-size:var(--fs-body-sm)}
.rv__hint{margin-top:var(--space-4);color:var(--color-on-dark-muted);font-size:var(--fs-body-sm);text-wrap:pretty}
.rv__cards{display:grid;gap:var(--space-4);margin-top:var(--space-6)}
.rv__card{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);border-radius:var(--radius-md);padding:var(--space-6)}
.rv__card p{color:var(--color-on-dark);font-size:var(--fs-body-md);line-height:var(--lh-normal);text-wrap:pretty}
.rv__copy{margin-top:var(--space-5);width:100%;min-height:52px;border-radius:var(--radius-sm);border:0;background:var(--color-primary);color:#fff;font-family:var(--font-condensed);text-transform:uppercase;letter-spacing:.04em;font-size:var(--fs-body-md);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:var(--space-3);transition:background var(--duration-fast) var(--ease-standard)}
.rv__copy:hover{background:var(--red-600)}
.rv__copy svg{width:18px;height:18px}
.rv__shuffle{margin-top:var(--space-6);width:100%;color:var(--color-on-dark);border-color:rgba(255,255,255,.3)}
.rv__shuffle:hover{background:rgba(255,255,255,.1)}
.rv__done{margin-top:var(--space-9);padding-top:var(--space-8);border-top:1px solid rgba(255,255,255,.14)}
.rv__donemark{width:52px;height:52px;border-radius:var(--radius-full);background:var(--color-primary);color:#fff;display:grid;place-items:center}
.rv__donemark svg{width:26px;height:26px}
.rv__doneh{margin-top:var(--space-5);font-family:var(--font-display);text-transform:uppercase;font-size:var(--fs-display-sm);color:var(--color-on-dark)}
.rv__edit{margin-top:var(--space-6);width:100%;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-sm);color:var(--color-on-dark);padding:var(--space-5);font-family:var(--font-body);font-size:var(--fs-body-md);line-height:var(--lh-normal);resize:vertical}
.rv__edit:focus{outline:none;border-color:var(--color-primary)}
.rv__doneactions{display:grid;gap:var(--space-3);margin-top:var(--space-5)}
.rv__doneactions .btn{width:100%;min-height:54px}
.rv__doneactions .btn--ghost{color:var(--color-on-dark);border-color:rgba(255,255,255,.3)}
.rv__doneactions .btn--ghost:hover{background:rgba(255,255,255,.1)}
.rv__link{margin-top:var(--space-6);background:none;border:0;color:var(--color-on-dark-muted);font-size:var(--fs-body-sm);cursor:pointer;padding:var(--space-2) 0}
.rv__link:hover{color:var(--color-on-dark)}
.rv__foot{margin-top:var(--space-10);padding-top:var(--space-6);border-top:1px solid rgba(255,255,255,.14);color:var(--color-on-dark-muted);font-size:var(--fs-body-sm);display:grid;gap:var(--space-4)}
.rv__foot a{color:var(--red-300)}
.rv__fine{font-size:var(--fs-caption);opacity:.8}
.rv__toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,140%);background:var(--color-ink);color:var(--color-on-dark);border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-full);padding:var(--space-3) var(--space-6);font-size:var(--fs-body-sm);transition:transform var(--duration-base) var(--ease-standard);z-index:60}
.rv__toast.is-on{transform:translate(-50%,0)}
@media (min-width:720px){.rv{padding-block:var(--space-11)}.rv__doneactions{grid-template-columns:auto 1fr}}
