/* Generated from the studio prototype's pages.css by tools/import-studio.mjs; every selector is scoped to this page's body class (tools/css-scope.mjs). */
/* ===== The other work ===== */
/* Release 008 · the other work · codyuhh's own paper world inside the rail (the parent look: one ink, the Archive face,
   Press Start 2P, Space Grotesk, the Keep's keepers and cadency marks). Drops' register rows are the base. */
body.page-work.work { font-family: var(--body); }
body.page-work.work h1, body.page-work.work h2, body.page-work.work h3 { font-family: var(--display); font-weight: 400; }
body.page-work.work .p-top h1 { font-size: clamp(48px, 7vw, 104px); letter-spacing: .005em; }
body.page-work.work .p-top { border-bottom: var(--rule); }
body.page-work.work .sec .head { border-bottom: var(--rule); }
body.page-work.work .sec .head h2 { font-size: clamp(28px, 3.4vw, 44px); }
body.page-work .counts { margin: 0; border-top: var(--rule); display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); }
body.page-work .counts div { border-bottom: var(--dots); border-right: var(--dots); padding: 10px 10px 10px 0; }
body.page-work .counts div:last-child { border-right: 0; }
body.page-work .counts dt { font: 10px var(--meta); letter-spacing: .06em; text-transform: uppercase; color: var(--ink-2); }
body.page-work .counts dd { margin: 4px 0 0; font: 26px/1 var(--pixel); }
body.page-work .counts dd small { display: block; font: 10px/1.4 var(--meta); text-transform: none; letter-spacing: .03em; color: var(--ink-2); margin-top: 6px; }
body.page-work .switches { display: flex; flex-direction: column; gap: 6px; margin-top: 4px; }
body.page-work.work .sec[hidden] { display: none; }

/* ---------- the register rows (Drops' .row, with the room, the ask and the held state) ---------- */
body.page-work.work .register .row > a { grid-template-columns: 96px minmax(0, 1fr) 240px 200px; min-height: 108px; padding: 18px 0; }
body.page-work.work .row-title { font-size: clamp(30px, 3.2vw, 46px); }
body.page-work.work .row-what { font-size: 14.5px; }
body.page-work.work .row-slot { gap: 6px; }
body.page-work.work .row-own { font: 10px var(--meta); letter-spacing: .06em; text-transform: uppercase; color: var(--ink-2); }
body.page-work.work .row-room { display: inline-flex; align-items: center; gap: 6px; font: 10px var(--meta); letter-spacing: .06em; text-transform: uppercase; color: var(--ink-2); }
body.page-work.work .row-room svg { width: 14px; height: 14px; fill: currentColor; }
body.page-work.work .row-ask { display: block; margin-top: 8px; font: 10px/1.5 var(--meta); text-transform: uppercase; letter-spacing: .05em; border-left: 2px dotted var(--ink); padding-left: 8px; color: var(--ink-2); max-width: 52ch; }
body.page-work.work .row-link { font: 10px var(--meta); letter-spacing: .05em; text-transform: uppercase; text-decoration: underline; text-underline-offset: 3px; }
body.page-work.work .row-preview.empty span { font-size: 9px; }
body.page-work.work .row-preview.keeper { display: grid; place-items: end center; background: var(--paper); border-style: solid; overflow: hidden; }
body.page-work.work .row-preview.keeper img { position: static; width: auto; height: 92%; object-fit: contain; image-rendering: pixelated; }
body.page-work.work li.group { border-bottom: var(--rule); padding: 30px 0 8px; font: 10px var(--pixel); text-transform: uppercase; display: flex; justify-content: space-between; gap: 12px; align-items: baseline; flex-wrap: wrap; }
body.page-work.work li.group .mono { color: var(--ink-2); }
body.page-work.work li.group svg { width: 14px; height: 14px; fill: currentColor; vertical-align: -2px; margin-right: 6px; }
/* held rows (proposal): the number stays, the name goes until the answer comes */
body.page-work.work .row.held > a { background: repeating-linear-gradient(135deg, transparent 0 6px, rgba(0,0,0,.035) 6px 7px); }
body.page-work.work .row.held .row-title { color: var(--ink-2); }
body.page-work.work .row.held .row-title .held-word { font: 400 14px var(--pixel); text-transform: uppercase; letter-spacing: .04em; border: 1px dotted var(--ink); padding: 6px 8px; display: inline-block; vertical-align: middle; }
body.page-work.held-blank .row.held .row-title .name { display: none; }
body.page-work.held-named .row.held .row-title .held-word { margin-left: 10px; }
body.page-work.held-blank .row.held .row-what { display: none; }
body.page-work .reg-tools .chips .btn[aria-pressed="true"] { background: var(--ink); color: var(--paper); }

/* ---------- next up (pennants) ---------- */
body.page-work .nextup .row > a { grid-template-columns: 96px minmax(0, 1fr) 240px 200px; }
body.page-work .nextup .row-no { display: flex; flex-direction: column; gap: 8px; align-items: flex-start; }
body.page-work .nextup .pennant { order: -1; }
body.page-work .nextup .row.next .row-preview { display: block; }

/* ---------- the workbench ---------- */
body.page-work .benches { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
body.page-work .benchcard { border: var(--rule); background: var(--paper); display: grid; grid-template-columns: 96px minmax(0, 1fr); }
body.page-work .benchcard .stand { border-right: var(--rule); background: var(--ground); display: grid; place-items: end center; padding: 8px 4px 0; min-height: 200px; }
body.page-work .benchcard .stand img { width: auto; max-width: 88px; height: auto; max-height: 190px; image-rendering: pixelated; }
body.page-work .benchcard .pile { padding: 12px 14px 14px; }
body.page-work .benchcard h3 { font-size: 22px; margin: 0; display: flex; align-items: center; gap: 8px; }
body.page-work .benchcard h3 svg { width: 14px; height: 14px; fill: currentColor; }
body.page-work .benchcard .pile .meta { display: block; margin: 2px 0 10px; color: var(--ink-2); }
body.page-work .benchcard ul { list-style: none; margin: 0; padding: 0; }
body.page-work .benchcard li { border-top: var(--dots); padding: 8px 0; display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 6px 10px; align-items: center; font-size: 14.5px; }
body.page-work .benchcard li b { font-weight: 600; }
body.page-work .benchcard li .row-ask { grid-column: 1 / -1; margin-top: 4px; }
body.page-work .benchcard li small { display: block; font: 10px var(--meta); letter-spacing: .05em; text-transform: uppercase; color: var(--ink-2); margin-top: 2px; }
body.page-work .benchcard .status { font-size: 10px; padding: 4px 7px; }
body.page-work .benchcard .empty { font-size: 13px; color: var(--ink-2); padding: 8px 0; }

/* ---------- gallery tier ---------- */
body.page-work .gal { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
body.page-work .gal li { border: 1px solid var(--hair); background: var(--paper); }
body.page-work .gal .slot-pic { aspect-ratio: 4 / 3; border-bottom: 1px dotted var(--ink); background: var(--ground); display: grid; place-items: center; text-align: center; padding: 12px; }
body.page-work .gal .slot-pic span { font: 9px/1.5 var(--meta); letter-spacing: .05em; text-transform: uppercase; color: var(--ink-2); max-width: 24ch; }
body.page-work .gal .cap { padding: 10px 12px 12px; }
body.page-work .gal .cap b { display: block; font: 400 18px/1.1 var(--display); margin-bottom: 4px; }
body.page-work .gal .cap p { margin: 0; font-size: 13px; line-height: 1.45; color: var(--ink-2); }
body.page-work .gal .cap .line { display: flex; gap: 6px; flex-wrap: wrap; align-items: center; margin-top: 8px; }
body.page-work .gal .cap .own { font: 9px var(--meta); letter-spacing: .05em; text-transform: uppercase; color: var(--ink-2); }
body.page-work .gal .status { font-size: 9px; padding: 4px 6px; }
body.page-work .gal .row-ask { display: block; margin-top: 6px; font: 9px/1.5 var(--meta); text-transform: uppercase; letter-spacing: .04em; border-left: 2px dotted var(--ink); padding-left: 6px; color: var(--ink-2); }

/* ---------- archive tier ---------- */
body.page-work .arc { list-style: none; margin: 0; padding: 0; }
body.page-work .arc li { display: grid; grid-template-columns: 110px minmax(0, 1fr) 160px 120px; gap: 14px; align-items: baseline; padding: 10px 0; border-bottom: var(--dots); font-size: 14.5px; }
body.page-work .arc li .d { font: 11px var(--meta); letter-spacing: .05em; text-transform: uppercase; color: var(--ink-2); }
body.page-work .arc li b { font-weight: 600; }
body.page-work .arc li .w { color: var(--ink-2); font-size: 13.5px; }
body.page-work .arc li .own { font: 10px var(--meta); letter-spacing: .05em; text-transform: uppercase; color: var(--ink-2); }
body.page-work .arc li .status { font-size: 10px; padding: 4px 7px; justify-self: start; }
body.page-work .arc li .row-ask { grid-column: 2 / -1; }

/* ---------- featured pointers ---------- */
body.page-work .feat { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 8px; }
body.page-work .feat a { display: block; border: var(--rule); padding: 12px 12px 14px; text-decoration: none; background: var(--paper); min-height: 96px; }
body.page-work .feat a:hover, body.page-work .feat a:focus-visible { box-shadow: var(--shadow-card); transform: translate(-1px, -1px); }
body.page-work .feat .n { font: 12px var(--pixel); display: block; margin-bottom: 8px; }
body.page-work .feat b { font: 400 18px/1.1 var(--display); display: block; }
body.page-work .feat small { display: block; font: 9px var(--meta); letter-spacing: .05em; text-transform: uppercase; color: var(--ink-2); margin-top: 6px; }

/* ---------- to confirm ---------- */
body.page-work.work .asks li { border-top: var(--dots); }
body.page-work.work .asks .a.answered b { background: var(--ink); color: var(--paper); padding: 2px 5px; }

@media (max-width: 1100px) {
  body.page-work .benches { grid-template-columns: 1fr 1fr; }
  body.page-work .gal { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  body.page-work .feat { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  body.page-work.work .register .row > a, body.page-work .nextup .row > a { grid-template-columns: 96px minmax(0, 1fr) 200px 160px; }
}
@media (max-width: 860px) {
  body.page-work.work .p-top h1 { font-size: clamp(40px, 12vw, 56px); }
  body.page-work .counts { grid-template-columns: 1fr 1fr; }
  body.page-work .counts div:nth-child(2n) { border-right: 0; }
  body.page-work.work .register .row > a, body.page-work .nextup .row > a { grid-template-columns: 44px 1fr 96px; grid-template-areas: "no main preview" "no slot preview"; min-height: 0; padding: 14px 0; }
  body.page-work.work .row-title { font-size: 24px; }
  body.page-work .benches { grid-template-columns: 1fr; }
  body.page-work .benchcard { grid-template-columns: 72px minmax(0, 1fr); }
  body.page-work .benchcard .stand { min-height: 140px; }
  body.page-work .benchcard .stand img { max-width: 64px; max-height: 130px; }
  body.page-work .gal { grid-template-columns: 1fr 1fr; }
  body.page-work .arc li { grid-template-columns: 1fr; gap: 4px; }
  body.page-work .feat { grid-template-columns: 1fr 1fr; }
}

/* round 4b: a verdict row (Cody, 2026-09-28) shows his answer above any question that stays open */
body.page-work.work .row-ask.answered { border-left-style: solid; color: var(--ink); }
body.page-work.work .row-ask.answered::before { content: 'Answered: '; font-weight: 600; }
body.page-work.work .row.verdict .row-link { border: 1px solid var(--ink); padding: 3px 6px; text-decoration: none; }