/**
 * コラム（一覧 /column と記事 /column/….html）のスタイル。ワイヤーは無い（2026-11-04）。
 *
 * 見出しと本文の組みは site.css の .doc（プライバシーポリシー・/articles と同じ）。ここで足すのは一覧と記事の部品だけ。
 * 角丸なし・罫線基調・差し色は面か記号だけ、というサイトの約束に合わせている。
 */

/* ---- 一覧 ----
 * カード（.clist）の見た目は site.css の共通部分（トップの COLUMN と同じ）。
 * ここでは .doc の ul・li の指定（左の余白、項目の上の余白）を打ち消し、一覧だけ本文幅（46rem）より広げる。 */
.doc.column .wrap{max-width:72rem}
.doc .clist{margin:clamp(2.2rem,5vw,3rem) 0 0;padding:0}
.doc .clist li{margin:0}
.doc .cnone{margin-top:2rem}

/* ---- 記事 ---- */
.doc.post h1{line-height:1.6}
.doc.post .pdate{margin-top:1.1rem;font-family:var(--mono);font-size:.72rem;letter-spacing:.14em;color:var(--ink-faint)}
.doc.post .pimg{margin:clamp(1.8rem,4vw,2.4rem) 0 0}
.doc.post .pimg img{display:block;width:100%;height:auto}
.doc.post .pbody{margin-top:clamp(2rem,5vw,2.8rem)}
.doc.post .pbody > p:first-child{margin-top:0}
.doc.post .pbody p{margin-top:1.6rem}
.doc.post .back{margin-top:clamp(3rem,6vw,4rem);padding-top:1.4rem;border-top:1px solid var(--rule-soft)}
/* 肩ラベルの差し色。site.css は section > .wrap > .eyebrow で指定していて、記事は article で組むので外れる */
.doc.post > .wrap > .eyebrow,.doc.post > .wrap > .eyebrow .deg{color:var(--acc)}

/* タイトルの折り返しを文節の切れ目にする（2026-11-04。カードのタイトルは site.css に同じ指定）。
 * 見出しは site.css で text-wrap:balance。日本語は1字ごとに切れるので、2行をそろえようとして
 * 「はじめまして、ゼロ／ワンディグリーです。」のように語の途中で切れていた。
 * auto-phrase（Chrome 系）は文節で切る。未対応のブラウザ（Safari など）は keep-all で句読点と空白だけで切り、
 * それでも収まらない長い語は overflow-wrap:anywhere ではみ出さずに折り返す */
.doc.post h1{word-break:keep-all;overflow-wrap:anywhere}
@supports (word-break:auto-phrase){
  .doc.post h1{word-break:auto-phrase}
}