/* 応募フォームの横に出す「投票サイトでの見え方」。
   カードの形は vote-preview（gen-vote-preview.py の <article class="work">）と同じ。
   **同じ形にしておかないと「プレビュー」にならない。**色は --c（fields.json）。 */
.entry-two{display:grid;grid-template-columns:minmax(0,1fr);gap:28px;align-items:start}
@media(min-width:1100px){
  .entry-two{grid-template-columns:minmax(0,1fr) 340px}
  /* **自動配置に任せない。**子は account・note・URL欄・モードバー・フォーム・aside と増減するので、
     数が変わるたびにフォームが右の細い列へ落ちていた（2026-09-15 実測）。aside 以外は全部左 */
  .entry-two > :not(.entry-side){grid-column:1}
  .entry-side{grid-column:2;grid-row:1 / span 99;position:sticky;top:96px}
}
.entry-side-title{font:700 12.5px/1 system-ui,-apple-system,"Hiragino Sans",sans-serif;
  letter-spacing:.12em;text-transform:uppercase;color:#a8b8cc;margin:0 0 10px}

/* ── カード（vote-preview と同じ） ── */
.entry-side .work{--c:#ffd43b;position:relative;border:1px solid rgba(255,255,255,.14);border-top:4px solid var(--c);
  border-radius:16px;background:rgba(10,18,32,.62);overflow:hidden;display:flex;flex-direction:column;
  color:#f6f8fb;backdrop-filter:blur(14px) saturate(150%);-webkit-backdrop-filter:blur(14px) saturate(150%);
  box-shadow:0 18px 50px rgba(0,0,0,.35)}
.entry-side .thumbwrap{position:relative;background:#0b0a1a;display:block}
.entry-side .thumbwrap img{width:100%;aspect-ratio:1/1;object-fit:cover;display:block}
.entry-side .thumbwrap .ph{aspect-ratio:1/1;display:grid;place-items:center;color:#5e6f86;
  font:700 14px system-ui;border:1px dashed rgba(255,255,255,.18);margin:12px;border-radius:12px}
.entry-side .idtag{position:absolute;right:10px;top:10px;font:700 12.5px/1 ui-monospace,Menlo,monospace;
  letter-spacing:.08em;padding:5px 8px;border-radius:999px;background:rgba(0,0,0,.55);color:#fff}
.entry-side .heart{position:relative;align-self:flex-end;margin:-56px 10px 0 0;width:44px;height:44px;border-radius:50%;
  border:1px solid rgba(255,255,255,.35);background:rgba(20,18,34,.7);color:#ff4d79;font-size:20px;cursor:default}
/* **分野タグが画像に食い込んでいた。**heart は margin:-56px で画像の上に浮かせているが、
   高さ 44px なので後続の .body ごと 12px 持ち上がる。上の余白でその分を戻す
   （実測: img bottom 687 / tag top 681 = 6px 重なり）。重ね順のために相対配置も付ける */
.entry-side .body{position:relative;padding:18px 15px 15px}
.entry-side .fieldtag{font-size:12.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--c);font-weight:800}
.entry-side h3{margin:.25em 0 .1em;font-size:17px;line-height:1.35;word-break:break-word}
.entry-side .by{margin:.35em 0 .55em;font-size:12.5px;color:#c6d3e3}
.entry-side .summary{font-size:13px;color:#dfe7f1;margin:0 0 .6em;line-height:1.6;word-break:break-word}
.entry-side .metrics{display:flex;gap:.7em;margin:0 0 .4em;font-size:12.5px;color:#a8b8cc;font-variant-numeric:tabular-nums}
.entry-side .entry-side-note{margin:10px 2px 0;font-size:12.5px;line-height:1.7;color:#a8b8cc}