/* 生成物 — 手で編集しない。正本: scripts/gen-judges-manual.py の CSS
   作り直し: python3 scripts/gen-dashboard.py */
.jury-view{
  --ink:var(--gray-1100); --ink-2:var(--gray-900); --ink-3:var(--gray-700);
  --border:var(--gray-200); --teal:var(--blue-900); --latin:inherit;
  --radius-sm:4px;
}
.jury-view .wrap{max-width:1280px}
.jury-view .you{margin:0 0 22px;padding:18px 20px;border:1px solid var(--border);border-radius:var(--radius-sm);background:#fff}
.jury-view .you h2{margin:0 0 .4em;font-size:16px}
.jury-view .you .big{font:800 30px/1.2 var(--latin);margin:.1em 0}
.jury-view .you .sub{font-size:14px;color:var(--ink-2);margin:0}
.jury-view .step{display:grid;grid-template-columns:52px 1fr;gap:14px;margin:18px 0;align-items:start}
.jury-view .step .n{font:800 15px/44px var(--latin);color:#fff;background:var(--ink);border-radius:12px;
  width:44px;height:44px;text-align:center}
.jury-view .step h3{margin:.1em 0 .2em}
.jury-view .step p{margin:.25em 0;font-size:15.5px;color:var(--ink-2)}
.jury-view .qa{margin:0 0 16px;padding-left:1.1em;border-left:3px solid var(--border)}
.jury-view .qa h3{margin:0 0 .25em;font-size:15.5px}
.jury-view .qa p{margin:0;font-size:15px;color:var(--ink-2)}
.jury-view .fs{width:100%;border-collapse:collapse;font-size:14.5px;margin:.4em 0 1.2em}
.jury-view .fs th,.jury-view .fs td{padding:.5em .6em;border-bottom:1px solid var(--border);text-align:left;vertical-align:top}
.jury-view .fs th{font-size:13px;color:var(--ink-3);font-weight:700;white-space:nowrap}
.jury-view .fs td.num{font-family:var(--latin);font-weight:700;white-space:nowrap}
.jury-view .fs td.mine{white-space:nowrap}
.jury-view .sched{width:100%;border-collapse:collapse;font-size:14.5px;margin:.4em 0}
.jury-view .sched td{padding:.45em .5em;border-bottom:1px solid var(--border);vertical-align:top}
.jury-view .sched td:first-child{white-space:nowrap;font-family:var(--latin);font-weight:700;width:9em}
.jury-view .btn{font:800 15px/1 var(--latin);border:0;border-radius:999px;padding:.85rem 1.8rem;cursor:pointer;
  background:var(--ink);color:#fff;text-decoration:none;display:inline-block;margin:.3em .5em .3em 0}
.jury-view .btn.alt{background:#fff;color:var(--ink);border:1px solid var(--border)}
.jury-view .limits{margin:1.2em 0;border-left:3px solid var(--teal);padding-left:1.1em;color:var(--ink-2)}
.jury-view .closing{margin-top:2.4em;border-left:3px solid var(--teal);padding-left:1.1em;color:var(--ink-2)}
/* ── 投票（judge ballot）────────────────────────────────────────
   **1分野ずつ、その場で保存する。**10分野を1回の送信にすると、途中でやめられない。
   作品は横に並べ、黒い板の上に contain で置く（陳列・読者の投票用紙と同じ扱い）。 */
.jury-view .jb{margin:1.4em 0 0}
.jury-view .jb-field{border-top:1px solid var(--border);padding:1.3em 0 .6em}
.jury-view .jb-fh{display:flex;align-items:baseline;justify-content:space-between;gap:1em;flex-wrap:wrap}
.jury-view .jb-fh h3{margin:0;font-size:17px;display:flex;align-items:baseline;gap:.6em}
.jury-view .jb-no{font:800 12px/1 var(--latin);color:var(--ink-3);letter-spacing:.14em}
.jury-view .jb-state{font-size:13px;color:var(--ink-3)}
.jury-view .jb-row{display:grid;grid-auto-flow:column;grid-auto-columns:min(300px,78vw);gap:14px;
  overflow-x:auto;padding:.9em 2px 1em;scroll-snap-type:x proximity}
.jury-view .jb-card{scroll-snap-align:start;display:flex;flex-direction:column;background:#fff;
  border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden;text-align:left}
.jury-view .jb-card.on{border-color:var(--ink);box-shadow:0 0 0 2px var(--ink)}
.jury-view .jb-card.off{opacity:.55}
.jury-view .jb-shot{aspect-ratio:16/9;background:#0b0a13;display:flex;align-items:center;justify-content:center}
.jury-view .jb-shot img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}
.jury-view .jb-body{padding:.8em .9em 1em;display:flex;flex-direction:column;gap:.35em;flex:1}
.jury-view .jb-body b{font-size:14.5px;line-height:1.5}
.jury-view .jb-by{font-size:13px;color:var(--ink-2)}
.jury-view .jb-link{font-size:12.5px}
.jury-view .jb-pick{margin-top:auto;font:700 13px/1 var(--latin);border:1px solid var(--border);background:#fff;
  color:var(--ink);border-radius:999px;padding:.6rem 1rem;cursor:pointer}
.jury-view .jb-card.on .jb-pick{background:var(--ink);color:#fff;border-color:var(--ink)}
.jury-view .jb-opts{display:flex;gap:1.2em;flex-wrap:wrap;font-size:14px;margin:.2em 0 .6em}
.jury-view .jb-opts label{display:inline-flex;align-items:center;gap:.4em;cursor:pointer}
.jury-view .jb-note{display:block;margin:.3em 0 .5em;font-size:14px}
.jury-view .jb-note textarea{width:100%;min-height:76px;resize:vertical;padding:.6em .7em;
  border:1px solid var(--border);border-radius:var(--radius-sm);font:inherit;font-size:14.5px}
.jury-view .jb-act{display:flex;align-items:center;gap:.9em;flex-wrap:wrap}
.jury-view .jb-msg{font-size:13px;color:var(--ink-2)}
.jury-view .jb-conflict{font-size:12.5px;color:var(--ink-3)}

/* ── 審査員カード ─────────────────────────────────────────────
   左に書く欄、右に見え方。**編集と見え方を同じ画面に置く** —
   別の頁で確かめる形にすると、ほとんどの方は確かめない。
   900px 以下では縦に積み、**見え方が先**（何を作っているのかが分かる） */
.jury-view .jc{display:grid;grid-template-columns:1fr 330px;gap:22px;align-items:start;margin:14px 0 26px}
@media(max-width:900px){.jc{grid-template-columns:1fr}.jc-side{order:-1}}
.jury-view .jc label{display:block;margin:13px 0 4px;font-size:13px;color:var(--ink-2)}
.jury-view .jc input,.jury-view .jc textarea{width:100%;box-sizing:border-box;padding:9px 11px;border-radius:7px;
  border:1px solid var(--border);background:rgba(255,255,255,.05);color:var(--ink);font:inherit}
.jury-view .jc textarea{min-height:76px;resize:vertical;line-height:1.6}
.jury-view .jc-row{display:flex;gap:8px;align-items:center}
.jury-view .jc-row input{flex:1;min-width:0}
.jury-view .jc-msg{font-size:13px;color:var(--ink-2);margin:.6em 0 0;min-height:1.2em}

/* 見え方。応募の作品カードと同じ姿（正方形の画像＋名前＋一言） */
.jury-view .jc-card{border:1px solid var(--border);border-radius:12px;overflow:hidden;
  background:rgba(255,255,255,.05)}
.jury-view .jc-card .ph{aspect-ratio:1/1;background:rgba(255,255,255,.07);display:block;width:100%;
  object-fit:cover}
.jury-view .jc-card .ph-none{aspect-ratio:1/1;display:grid;place-items:center;color:var(--ink-3);
  font-size:13px;background:rgba(255,255,255,.07)}
.jury-view .jc-card .in{padding:13px 15px 16px}
.jury-view .jc-card h3{margin:0 0 2px;font-size:1.08em;line-height:1.3}
.jury-view .jc-card .ro{color:var(--ink-2);font-size:12.5px;line-height:1.5;margin:0 0 9px}
.jury-view .jc-card blockquote{margin:0;padding-left:.8em;border-left:3px solid var(--teal);
  color:var(--ink);font-size:13.5px;line-height:1.65}
.jury-view .jc-card .lk{margin:11px 0 0;display:flex;gap:12px;flex-wrap:wrap;font-size:12.5px}
.jury-view .jc-card .lk a{color:var(--teal)}
