/* Iron Barbell — the trial login's own few pieces. Everything else is clientdesk.css.
   This file invents no colour and no type — it is the locked rail item, the locked
   screen and the photo block, and nothing else.

   LIVE [v7.52c · 20 Sep 2026]: from Version 7.52/handoffs/2026-09-20-v7.52/p1/trialdesk.css.
   EVERY RULE IS SCOPED. The design scoped these under a bare `.cd`; live's member desktop is
   scoped under `.cd.cdesk` after the v160 incident (a bare .cd root rule painted the staff
   Desk's signal chips and the phone), and that is also where the Tier 3 tokens these rules
   read (--sunk, --bd, --iron, --el …) are declared. So: the trial shell's own pieces sit under
   `.cd.cdesk.tw` (the root p1/trialdesk.js renders), and the photo block — which belongs to the
   shared course chassis, any course may use it — under `.cd.cdesk`. `.tw` alone is NOT safe:
   board.css, classes.css, cm.css, coach-clients.css and sales.css all have a `.tw` of their own.
   The design's sign-in rules (.cd-signin .tw-code / .tw-demo) are not ported: live signs in
   before boot and never mounts that form. */

/* a rail item you can see and cannot use — READABLE, on purpose. The whole point of
   leaving Nutrition and Results on the rail is that a trial member sees what they are
   missing, so the "off" state cannot be carried in unreadable ink (--graph is a border
   token, not a text one). Same silver as a resting rail item; the lock icon, the pill
   and the cursor carry "you cannot use this". */
.cd.cdesk.tw .cd-nav button.tw-off{color:var(--silver);opacity:.78;cursor:default}
.cd.cdesk.tw .cd-nav button.tw-off:hover{color:#fff;opacity:1}
.cd.cdesk.tw .cd-nav em.tw-lk{font-size:9px;font-weight:800;letter-spacing:.13em;text-transform:uppercase;color:var(--silver);background:none;border:1px solid var(--graph);padding:2px 6px}
.cd.cdesk.tw .cd-nav button.on em.tw-lk{color:#fff;background:none;border-color:var(--silver)}

/* LIVE: the shared library's footnote is the MEMBER's ("read this before your Fundamentals
   session … 30 days on the system") and is hard-coded in CdLibrary — wrong for a seven-day
   visitor, and the design has no trial wording for it. Hidden here rather than reworded. */
.cd.cdesk.tw .cd-libft{display:none}

/* [7.49b] a photograph on a read page — graded, hard-cornered, never full-bleed colour */
.cd.cdesk .cd-photo{margin:26px 0;background:var(--iron);border-radius:6px;overflow:hidden}
.cd.cdesk .cd-photo img{display:block;width:100%;height:clamp(200px,32vw,340px);object-fit:cover;filter:saturate(.6) contrast(1.05) brightness(.82)}
.cd.cdesk .cd-photo figcaption{padding:13px 18px;font-size:12.5px;line-height:1.55;color:var(--silver)}

/* the locked screen: what it is, why it is off, and the one thing that turns it on */
.cd.cdesk.tw .tw-lockgrid{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.85fr);gap:30px;align-items:start}
@media(max-width:1040px){.cd.cdesk.tw .tw-lockgrid{grid-template-columns:1fr}}
.cd.cdesk.tw .tw-lockwhy{display:flex;gap:12px;align-items:flex-start;background:var(--sunk);border-left:3px solid var(--bd2);border-radius:0 6px 6px 0;padding:16px 20px}
.cd.cdesk.tw .tw-lockwhy svg{flex:0 0 auto;margin-top:2px;stroke:var(--sub);fill:none;stroke-width:2}
.cd.cdesk.tw .tw-lockwhy p{margin:0;font-size:14px;line-height:1.65;color:var(--mut)}
.cd.cdesk.tw .tw-lockrows{margin-top:20px;border-top:1px solid var(--bd)}
.cd.cdesk.tw .tw-lockrows div{display:grid;grid-template-columns:190px minmax(0,1fr);gap:18px;align-items:baseline;padding:14px 2px;border-bottom:1px solid var(--bd)}
@media(max-width:620px){.cd.cdesk.tw .tw-lockrows div{grid-template-columns:1fr;gap:4px}}
.cd.cdesk.tw .tw-lockrows b{font-family:var(--fc);font-weight:900;font-size:15px;letter-spacing:.05em;text-transform:uppercase;color:var(--fg)}
.cd.cdesk.tw .tw-lockrows span{font-size:13.5px;line-height:1.6;color:var(--mut)}
.cd.cdesk.tw .tw-lockcta{margin-top:24px;background:var(--iron);border-top:3px solid var(--el);border-radius:0 0 6px 6px;padding:22px 24px 24px}
.cd.cdesk.tw .tw-lockcta b{display:block;font-family:var(--fc);font-weight:900;font-size:20px;letter-spacing:.04em;text-transform:uppercase;color:#fff;line-height:1.1}
.cd.cdesk.tw .tw-lockcta p{margin:9px 0 0;font-size:13.5px;line-height:1.65;color:var(--silver);max-width:52ch}
.cd.cdesk.tw .tw-key{display:inline-block;margin-top:16px;background:var(--el);color:#fff;border-radius:3px;padding:13px 20px;font-size:11.5px;font-weight:800;letter-spacing:.15em;text-transform:uppercase;text-decoration:none}
.cd.cdesk.tw .tw-key:hover{background:var(--elh,#1C77E0);text-decoration:none}
.cd.cdesk.tw .tw-lockcta a.tw-key,.cd.cdesk.tw .tw-lockcta a.tw-key:hover{color:#fff}
.cd.cdesk.tw .tw-lockshot{margin:0;background:var(--sunk);border:1px solid var(--bd);border-radius:8px;padding:18px;text-align:center}
.cd.cdesk.tw .tw-lockshot img{max-width:100%;max-height:520px;width:auto;height:auto;display:block;margin:0 auto;border-radius:6px;filter:grayscale(1) contrast(.92) opacity(.5)}
.cd.cdesk.tw .tw-lockshot figcaption{margin:14px auto 0;font-size:12px;line-height:1.55;color:var(--sub);text-align:left}