/* v6 on top of v5: judge fix pass (Opus 81 / Sonnet 80). Hand-edited; mk_v6.py only writes the HTML. */

/* ============ footer: same left edge as the page content (main is max 1250, 0/32/16 px gutters) ============ */
.v5-foot{box-sizing:border-box;width:100%;max-width:1250px;margin:auto auto 0;padding:28px 0 30px}
@media (max-width:1440px){.v5-foot{padding-left:32px;padding-right:32px}}
@media (max-width:760px){.v5-foot{padding:22px 16px 26px}}

/* ============ agent hero: room between the subtitle and the principal row ============ */
.sa .agent-left .copy + .v5-op{margin:16px 0 26px}
@media (max-width:760px){.sa .agent-left .copy + .v5-op{margin:16px 0 24px}}

/* ============ talent on phones: price block starts at the card text edge ============ */
@media (max-width:760px){.sa .tl-row .job-money{padding-left:0}}

/* ============ money timelines: wrapped lines push the next step down instead of overlapping ============ */
.sb .txstep{height:auto;min-height:65px;padding-bottom:12px;box-sizing:border-box}
.sb .txstep:not(:last-child):before{height:auto;bottom:-1px}
.sb .txstep > div{min-width:0}
.sb .txstep p{line-height:1.45}

/* ============ checkboxes: visible box and target at least 24 px ============ */
.v5-scopes input[type="checkbox"],
.sb .review-list input[type="checkbox"],
.sb .agree-side .checkbox input[type="checkbox"]{width:24px;height:24px;min-width:24px;flex:none}
.sb .review-list label{min-height:44px}

/* ============ review: the receipt is a preview until the check passes ============ */
.tkt-stamp.v6-preview{transform:none;border:2px dashed #4f5c66;color:#36434c;background:transparent;font-size:14px;line-height:1.25;letter-spacing:.08em;text-align:center;padding:6px 10px;white-space:normal}
.tkt.v6-preview-tkt{outline:2px dashed #9aa6ad;outline-offset:6px}
:root[data-theme="dark"] .light-page .tkt .tkt-stamp.v6-preview{color:#36434c!important;border-color:#4f5c66}

/* ============ workroom: arriving from the agreement ============ */
.v6-jump{display:none;margin:0 0 18px;border-radius:14px;background:#eef6dc;border:1px solid #cfe3a6;color:#25321a;padding:14px 16px;font-size:15px;line-height:1.6;scroll-margin-top:240px}
.v6-jump:target{display:block}
:root[data-theme="dark"] .light-page .v6-jump{background:#1c2614;border-color:#33441f;color:#dfeac6}

/* ============ person-2: the demo story links ============ */
.v6-story{display:flex;align-items:flex-start;gap:8px;margin:18px 0 0;font-size:15px;line-height:1.55;color:#36434c;max-width:560px}
.v6-story svg{flex:none;margin-top:3px}
.v6-story a{color:#101722;font-weight:700;text-decoration:underline;text-underline-offset:3px;display:inline-block;padding:11px 0;margin:-11px 0}
:root[data-theme="dark"] .light-page .v6-story{color:#bbc7ce}
:root[data-theme="dark"] .light-page .v6-story a{color:#f6f3eb}

/* ============ post-maya: who the job is addressed to ============ */
.v6-invite{display:flex;align-items:flex-start;gap:8px;margin:14px 0 0;padding:10px 14px;border-radius:12px;background:#eef1ec;font-size:15px;line-height:1.55;color:#25313a;max-width:620px}
.v6-invite svg{flex:none;margin-top:3px}
.v6-invite a{color:#101722;font-weight:700;text-decoration:underline;text-underline-offset:3px;display:inline-block;padding:11px 0;margin:-11px 0}
:root[data-theme="dark"] .light-page .v6-invite{background:#13222b;color:#dfe8ee}
:root[data-theme="dark"] .light-page .v6-invite a{color:#f6f3eb}

/* ============ agent agreements: the new order's title ============ */
.v6-order{margin:10px 0 0;font-size:20px;font-weight:720;letter-spacing:-.3px;color:#101722}
:root[data-theme="dark"] .light-page .v6-order{color:#f6f3eb}

/* ============ talent: lifetime note ============ */
.sa .tl-note{line-height:1.6}

/* ============ sign-in: continue as ============ */
.v6-roles{display:flex;flex-direction:column;gap:10px;margin-top:24px}
.v6-roles-h{margin:0;font-size:14px;font-weight:650;color:#36434c}
.v6-role{min-height:60px;height:auto;margin:0;padding:10px 16px;border-radius:12px;display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left;text-decoration:none;font:inherit;cursor:pointer}
.si-go.v6-role{margin-top:0}
.v6-role span{display:flex;flex-direction:column;gap:2px}
.v6-role b{font-size:15px;font-weight:720}
.v6-role small{font-size:14px;font-weight:500;opacity:.92}
.v6-role.ghost{background:#fff;border:1px solid #cfd6d1;color:#101722}
.v6-role.ghost small{color:#4f5c66;opacity:1}
:root[data-theme="dark"] .v6-roles-h{color:#bbc7ce}
:root[data-theme="dark"] .v6-role.ghost{background:#0e1a21;border-color:#2b3b46;color:#f6f3eb}
:root[data-theme="dark"] .v6-role.ghost small{color:#bbc7ce}

/* ============ motion: everything that moves stops for people who ask ============ */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:0s!important;animation-delay:0s!important;animation-iteration-count:1!important;transition-duration:0s!important;transition-delay:0s!important;scroll-behavior:auto!important}
  .review-outcome .tkt-stamp{animation:none!important;opacity:1!important}
  .review-outcome .tkt-stamp::after{animation:none!important;opacity:0!important}
  .vw-stack li,.vw-stack li:hover,.vw-stack li:focus-within{transform:none!important;transition:none!important}
  .v5-menu-panel,.v5-btn,.si-go,.v6-role{transition:none!important}
}
.v6-roles{margin-bottom:10px}
.profile-about .v6-story{margin-top:22px}
.sb .agree .v6-order{margin:14px 0 2px;font-size:22px;line-height:1.3}
:root[data-theme="dark"] .si-go.v6-role,:root[data-theme="dark"] .si-go.v6-role :is(b,small,span){color:#14200b!important}