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

/* ---- 絞り込み ---- */
.afilter{margin-top:clamp(2.2rem,5vw,3rem);display:grid;gap:.9rem}
.arow{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}
/* 見出しはボタンの上に1行で置く。横に置くと、折り返した2行目のボタンが見出しの下に回り込む */
.alabel{flex-basis:100%;font-size:.72rem;letter-spacing:.14em;color:var(--ink-faint);line-height:1.4}
.arow button{font:inherit;font-size:.8rem;line-height:1.5;letter-spacing:.06em;
             padding:.4rem .9rem;border:1px solid var(--rule);border-radius:0;
             background:transparent;color:var(--ink-soft);cursor:pointer;
             transition:border-color .2s ease,background .2s ease,color .2s ease}
.arow button:hover,.arow button:focus-visible{border-color:var(--ink);color:var(--ink)}
.arow button[aria-pressed="true"]{background:var(--ink);border-color:var(--ink);color:var(--paper)}

/* ---- 件数 ---- */
.doc .acount{margin-top:clamp(1.8rem,4vw,2.4rem);font-family:var(--mono);font-size:.72rem;
             letter-spacing:.14em;color:var(--ink-faint)}
.doc .acount span{color:var(--ink);margin-right:.2em}

/* ---- 一覧 ---- */
.doc .alist{margin:.8rem 0 0;padding:0;list-style:none;border-top:1px solid var(--rule)}
.doc .alist li{margin:0;border-bottom:1px solid var(--rule-soft)}
.alist a{display:grid;gap:.3rem;padding:1.05rem 0;color:var(--ink);text-decoration:none}
.alist .at{font-size:.95rem;line-height:1.75}
.alist .am{font-size:.74rem;letter-spacing:.06em;color:var(--ink-faint)}
.alist a:hover .at,.alist a:focus-visible .at{text-decoration:underline;text-underline-offset:.25em;
                                             text-decoration-color:var(--ink-faint)}