*,*::before,*::after{box-sizing:border-box}
body,h1,h2,h3,h4,p,ul,ol,figure,blockquote{margin:0}
ul,ol{padding:0;list-style:none}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}

:root{
  --bg:#ffffff; --surface:#ffffff; --surface2:#f6f7f9; --line:#e3e6ea;
  --ink:#14181d; --ink2:#48515c; --mut:#78828e;
  --accent:#c3162b; --accent-ink:#ffffff; --link:#0b5cc4;
  --radius:10px; --wrap:1080px;
  --font:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Hiragino Sans","Yu Gothic UI","Noto Sans JP","Meiryo",sans-serif;
  --serif:"Hiragino Mincho ProN","Yu Mincho","Noto Serif JP",serif;
}
@media (prefers-color-scheme:dark){
  :root{
    --bg:#111418; --surface:#171b21; --surface2:#1d222a; --line:#2b323c;
    --ink:#e9edf2; --ink2:#b3bcc7; --mut:#8b95a2;
    --accent:#ff5566; --accent-ink:#1a0004; --link:#6fb0ff;
  }
}

html{-webkit-text-size-adjust:100%}
body{font-family:var(--font);background:var(--bg);color:var(--ink);line-height:1.8;
  font-size:16px;letter-spacing:.01em;font-feature-settings:"palt" 1;
  text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 18px}
.skip{position:absolute;left:-9999px}
.skip:focus{left:8px;top:8px;z-index:200;background:var(--accent);color:var(--accent-ink);padding:10px 16px;border-radius:8px}

/* ---- ヘッダー ---- */
.hd{position:sticky;top:0;z-index:60;background:var(--bg);border-bottom:1px solid var(--line)}
.hd-in{display:flex;align-items:center;gap:14px;height:58px}
.brand{display:flex;align-items:center;gap:9px;font-weight:800;font-size:19px;letter-spacing:.02em;flex:0 0 auto}
.brand .mk{width:30px;height:30px;border-radius:7px;background:var(--accent);color:var(--accent-ink);
  display:grid;place-items:center;font-size:16px;font-weight:900}
.hd form{margin-left:auto;display:flex;align-items:center;gap:6px}
.hd input{width:min(240px,42vw);padding:7px 12px;border:1px solid var(--line);border-radius:999px;
  background:var(--surface2);color:var(--ink);font:inherit;font-size:14px}
.hd input:focus{outline:2px solid var(--accent);outline-offset:1px}

/* ---- カテゴリのタブ列 ---- */
.nav{border-bottom:1px solid var(--line);background:var(--bg);position:sticky;top:58px;z-index:50}
.nav ul{display:flex;gap:2px;overflow-x:auto;scrollbar-width:none}
.nav ul::-webkit-scrollbar{display:none}
.nav a{display:block;white-space:nowrap;padding:11px 13px;font-size:14px;font-weight:700;color:var(--ink2);border-bottom:3px solid transparent}
.nav a:hover{color:var(--ink)}
.nav a[aria-current]{color:var(--accent);border-bottom-color:var(--accent)}

/* ---- 汎用 ---- */
main{padding:22px 0 40px}
.crumb{font-size:12.5px;color:var(--mut);margin-bottom:14px;display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.crumb a:hover{color:var(--link);text-decoration:underline}
.sec{margin:34px 0 0}
.sec-h{display:flex;align-items:baseline;gap:10px;margin-bottom:14px;padding-bottom:8px;border-bottom:2px solid var(--ink)}
.sec-h h2{font-size:18px;font-weight:800;letter-spacing:.02em}
.sec-h .more{margin-left:auto;font-size:13px;font-weight:700;color:var(--link)}
.sec-h .more:hover{text-decoration:underline}

/* ---- 記事カード ---- */
.feed{display:grid;gap:0}
.item{display:flex;gap:14px;padding:16px 0;border-bottom:1px solid var(--line);align-items:flex-start}
.item:hover .item-t{color:var(--link)}
.item-thumb{flex:0 0 112px;aspect-ratio:16/10;border-radius:8px;overflow:hidden;background:var(--surface2)}
.item-thumb img{width:100%;height:100%;object-fit:cover}
.item-body{flex:1;min-width:0}
.item-t{font-size:17px;font-weight:800;line-height:1.5;letter-spacing:.01em}
.item-d{font-size:13.5px;color:var(--ink2);margin-top:6px;line-height:1.7;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.item-m{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:8px;font-size:12px;color:var(--mut)}
.chip{display:inline-block;padding:1px 8px;border-radius:999px;background:var(--surface2);
  border:1px solid var(--line);font-size:11.5px;font-weight:700;color:var(--ink2)}
.chip-a{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}

.lead-item{display:block;padding:0 0 20px;border-bottom:1px solid var(--line);margin-bottom:4px}
.lead-item .item-thumb{width:100%;flex:none;aspect-ratio:16/9;margin-bottom:12px}
.lead-item .item-t{font-size:26px;line-height:1.42;letter-spacing:0}
.lead-item .item-d{font-size:15px;-webkit-line-clamp:3}
@media(max-width:640px){ .lead-item .item-t{font-size:21px} }

.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
@media(max-width:820px){.grid3{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){
  .grid3{grid-template-columns:1fr}
  .item-thumb{flex-basis:88px}
  .item-t{font-size:15.5px}
}
.col .item{padding:12px 0}
.col .item:last-child{border-bottom:none}

/* ---- 記事本文 ---- */
.article{max-width:720px;margin:0 auto}
.article h1{font-size:30px;font-weight:800;line-height:1.45;letter-spacing:.005em;margin-bottom:14px}
@media(max-width:640px){.article h1{font-size:23px}}
.byline{display:flex;flex-wrap:wrap;gap:10px;align-items:center;font-size:13px;color:var(--mut);
  padding-bottom:16px;border-bottom:1px solid var(--line);margin-bottom:22px}
.hero{border-radius:var(--radius);overflow:hidden;margin-bottom:22px;background:var(--surface2)}
.article .lead{font-size:17.5px;line-height:1.9;font-weight:600;color:var(--ink);
  padding:16px 18px;background:var(--surface2);border-left:4px solid var(--accent);border-radius:0 8px 8px 0;margin-bottom:26px}
.article h2{font-size:20px;font-weight:800;margin:34px 0 12px;padding-left:11px;border-left:5px solid var(--accent);line-height:1.5}
.article p{font-size:16.5px;line-height:1.95;margin-bottom:16px;color:var(--ink)}

.box{border:1px solid var(--line);border-radius:var(--radius);padding:16px 18px;margin:26px 0;background:var(--surface)}
.box > h2{font-size:16px;margin:0 0 10px;padding:0;border:none}
.box dl{display:grid;gap:10px}
.box dt{font-weight:800;font-size:14.5px}
.box dd{margin:2px 0 0;font-size:14px;color:var(--ink2);line-height:1.8}
.box ul{display:grid;gap:8px}
.box li{font-size:14.5px;line-height:1.75;padding-left:20px;position:relative;color:var(--ink2)}
.box li::before{content:"";position:absolute;left:6px;top:.75em;width:6px;height:6px;border-radius:50%;background:var(--accent)}

/* 出典。本文は載せず、見出し・媒体・リンクのみ。 */
.src{margin:30px 0 0;border-top:2px solid var(--ink);padding-top:16px}
.src h2{font-size:16px;font-weight:800;margin-bottom:4px;padding:0;border:none}
.src .note{font-size:12.5px;color:var(--mut);margin-bottom:12px;line-height:1.7}
.src ol{display:grid;gap:2px}
.src li a{display:block;padding:11px 12px;border-radius:8px;border:1px solid transparent}
.src li a:hover{background:var(--surface2);border-color:var(--line)}
.src .st{font-size:14.5px;font-weight:700;line-height:1.6;color:var(--link)}
.src .sm{font-size:12px;color:var(--mut);margin-top:3px;display:flex;gap:8px;flex-wrap:wrap}

.faq details{border-bottom:1px solid var(--line)}
.faq details:last-child{border-bottom:none}
.faq summary{cursor:pointer;font-weight:800;font-size:15px;padding:13px 0;list-style:none;
  display:flex;gap:10px;align-items:flex-start;line-height:1.6}
.faq summary::-webkit-details-marker{display:none}
.faq summary::before{content:"Q";flex:0 0 20px;height:20px;margin-top:2px;border-radius:5px;background:var(--accent);
  color:var(--accent-ink);font-size:12px;display:grid;place-items:center;font-weight:900}
.faq p{font-size:14.5px;color:var(--ink2);padding:0 0 14px 30px;line-height:1.85;margin:0}

.tags{display:flex;flex-wrap:wrap;gap:7px;margin:26px 0}
.tags a{font-size:13px;font-weight:700;padding:5px 12px;border-radius:999px;background:var(--surface2);border:1px solid var(--line)}
.tags a:hover{border-color:var(--accent);color:var(--accent)}

.disc{font-size:12.5px;color:var(--mut);line-height:1.8;background:var(--surface2);
  border-radius:var(--radius);padding:14px 16px;margin:26px 0}

/* ---- タイムライン（見出し＋リンクだけの速報一覧） ---- */
.tl{display:grid;gap:0}
.tl li{border-bottom:1px solid var(--line)}
.tl a{display:flex;gap:12px;padding:11px 2px;align-items:baseline}
.tl a:hover{background:var(--surface2)}
.tl time{flex:0 0 44px;font-size:12px;color:var(--mut);font-variant-numeric:tabular-nums}
.tl .tt{flex:1;font-size:14.5px;line-height:1.65;font-weight:600}
.tl a:hover .tt{color:var(--link)}
.tl .ts{flex:0 0 auto;font-size:11.5px;color:var(--mut)}
@media(max-width:520px){.tl .ts{display:none}}

/* ---- ページャ ---- */
.pager{display:flex;gap:8px;justify-content:center;align-items:center;margin:32px 0 0;flex-wrap:wrap}
.pager a,.pager span{min-width:38px;text-align:center;padding:8px 12px;border-radius:8px;
  border:1px solid var(--line);font-size:14px;font-weight:700}
.pager a:hover{border-color:var(--accent);color:var(--accent)}
.pager .cur{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}

/* ---- 静的ページ ---- */
.page{max-width:720px;margin:0 auto}
.page h1{font-size:26px;font-weight:800;margin-bottom:8px}
.page h2{font-size:18px;font-weight:800;margin:30px 0 10px;padding-left:11px;border-left:5px solid var(--accent)}
.page p{font-size:15.5px;line-height:1.95;margin-bottom:14px;color:var(--ink2)}
.page ul{display:grid;gap:8px;margin:0 0 16px}
.page li{font-size:15px;line-height:1.8;padding-left:20px;position:relative;color:var(--ink2)}
.page li::before{content:"";position:absolute;left:6px;top:.78em;width:6px;height:6px;border-radius:50%;background:var(--accent)}
.page a{color:var(--link)}.page a:hover{text-decoration:underline}
.page table{width:100%;border-collapse:collapse;margin:0 0 18px;font-size:14.5px}
.page th,.page td{border:1px solid var(--line);padding:9px 12px;text-align:left;vertical-align:top}
.page th{background:var(--surface2);font-weight:800;white-space:nowrap}

/* ---- 広告枠。予約領域を先に確保してレイアウトのガタつき(CLS)を防ぐ ---- */
.ad{margin:28px auto;text-align:center;min-height:120px;overflow:hidden}
.ad::before{content:"広告";display:block;font-size:10.5px;color:var(--mut);letter-spacing:.18em;margin-bottom:5px}

/* ---- フッター ---- */
footer{border-top:1px solid var(--line);background:var(--surface2);padding:30px 0;margin-top:50px}
.f-top{display:flex;flex-wrap:wrap;gap:22px 40px;margin-bottom:22px}
.f-col h3{font-size:12.5px;font-weight:800;color:var(--mut);letter-spacing:.1em;margin-bottom:9px}
.f-col ul{display:grid;gap:7px}
.f-col a{font-size:13.5px;color:var(--ink2)}
.f-col a:hover{color:var(--link);text-decoration:underline}
.f-bot{border-top:1px solid var(--line);padding-top:16px;font-size:12.5px;color:var(--mut);line-height:1.8}

.empty{text-align:center;padding:56px 20px;color:var(--mut);font-size:15px}
mark{background:transparent;color:var(--accent);font-weight:800}

/* ---- AI編集部 ---- */
.deskgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
@media(max-width:820px){.deskgrid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:540px){.deskgrid{grid-template-columns:1fr}}
.deskcard{display:flex;gap:12px;padding:15px;border:1px solid var(--line);border-radius:var(--radius);
  background:var(--surface);border-left:4px solid var(--dc);align-items:flex-start;transition:transform .1s}
.deskcard:hover{transform:translateY(-2px);border-color:var(--dc)}
.dc-face{flex:0 0 42px;height:42px;border-radius:11px;display:grid;place-items:center;font-size:22px;
  background:color-mix(in srgb,var(--dc) 15%,transparent)}
.dc-body{display:flex;flex-direction:column;gap:3px;min-width:0}
.dc-name{font-weight:800;font-size:16px;color:var(--dc);display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.dc-now{font-size:10.5px;font-weight:800;padding:1px 7px;border-radius:999px;background:var(--dc);color:#fff;letter-spacing:.04em}
.dc-role{font-size:12px;font-weight:700;color:var(--mut)}
.dc-prof{font-size:12.5px;color:var(--ink2);line-height:1.7;margin-top:3px;
  display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.dc-count{font-size:11.5px;color:var(--mut);margin-top:4px;font-weight:700}

/* 曜日ごとの角度の説明 */
.angles{display:grid;gap:7px}
.angles li{font-size:14.5px;line-height:1.75;color:var(--ink2);padding:9px 13px;border-radius:9px;
  background:var(--surface2);border-left:3px solid var(--line)}
.angles li strong{display:inline-block;min-width:9.5em;color:var(--ink);font-weight:800;margin-right:6px}
.angles .ang-now{border-left-color:var(--accent);background:color-mix(in srgb,var(--accent) 7%,var(--surface2))}

/* 担当表（分野 × 曜日）。狭い画面では横スクロールさせる */
.rg-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--line);border-radius:var(--radius)}
.rgrid{border-collapse:collapse;width:100%;min-width:660px;font-size:13px;background:var(--surface)}
.rgrid th,.rgrid td{border:1px solid var(--line);padding:0;text-align:center}
.rgrid thead th{background:var(--surface2);padding:7px 4px;font-weight:800;line-height:1.35}
.rgrid thead th:first-child{width:132px;border-top:none;border-left:none;background:transparent}
.rg-d{display:block;font-size:13px;color:var(--ink)}
.rg-a{display:block;font-size:10.5px;color:var(--mut);font-weight:700;white-space:nowrap}
.rgrid tbody th{background:var(--surface2);text-align:left;width:132px}
.rgrid tbody th a{display:block;padding:9px 10px;font-weight:800;font-size:12.5px;line-height:1.4}
.rgrid tbody th a:hover{color:var(--dc)}
.rgrid td a{display:flex;flex-direction:column;align-items:center;gap:1px;padding:9px 6px;font-weight:700;
  color:var(--dc);white-space:nowrap}
.rgrid td a:hover{background:color-mix(in srgb,var(--dc) 12%,transparent)}
.rg-n{font-size:12.5px}
.rg-c{font-size:10px;color:var(--mut);font-weight:800}
.rgrid .rg-now{background:color-mix(in srgb,var(--accent) 8%,transparent)}
.rgrid thead th.rg-now .rg-d{color:var(--accent)}

/* 同じ分野の他の曜日の担当。カテゴリページは7人、デスクページは6人（自分を除く）なので、
   固定列数にすると片方が半端に折り返す。列は中身に合わせて自動で決める。 */
.mates{display:grid;grid-template-columns:repeat(auto-fit,minmax(84px,1fr));gap:7px}
@media(max-width:700px){.mates{grid-template-columns:repeat(auto-fit,minmax(92px,1fr))}}
.mates a{display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 5px;border-radius:9px;
  border:1px solid var(--line);background:var(--surface)}
.mates a:hover{border-color:var(--dc)}
.mt-d{font-size:11px;font-weight:800;color:var(--mut)}
.mt-n{font-size:13px;font-weight:800;color:var(--dc)}
.mt-a{font-size:10.5px;color:var(--mut);font-weight:700;text-align:center;line-height:1.3}

/* ---- 担当の物語 ---- */
.story{border-left:4px solid var(--dc);background:var(--surface2);border-radius:0 var(--radius) var(--radius) 0;
  padding:18px 20px;margin-bottom:16px}
.st-motto{font-size:16.5px;font-weight:800;color:var(--dc);line-height:1.6;margin-bottom:12px}
.story p{font-size:15.5px;line-height:1.95;color:var(--ink);margin-bottom:11px}
.st-facts{display:grid;gap:8px;margin-top:14px;padding-top:14px;border-top:1px solid var(--line)}
.st-facts dt{font-size:11.5px;font-weight:800;color:var(--mut);letter-spacing:.05em}
.st-facts dd{margin:0 0 4px;font-size:14px;color:var(--ink2);line-height:1.75;display:flex;flex-wrap:wrap;gap:6px}
.st-tag{font-size:12.5px;font-weight:700;padding:2px 10px;border-radius:999px;background:var(--surface);border:1px solid var(--line)}
.st-line{display:block;width:100%;font-size:13.5px}

.bond{display:grid;gap:5px;padding:13px 16px;border:1px dashed var(--dc);border-radius:var(--radius);margin-bottom:16px}
.bd-label{font-size:11.5px;font-weight:800;color:var(--mut);letter-spacing:.05em}
.bd-who{display:inline-flex;align-items:center;gap:7px;font-size:16px;font-weight:800;color:var(--dc)}
.bd-who:hover{text-decoration:underline}
.bd-role{font-size:12px;font-weight:600;color:var(--mut)}
.bd-note{font-size:14px;color:var(--ink2);line-height:1.8;margin:0}

/* ---- 読み物 ---- */
.readgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:13px}
@media(max-width:700px){.readgrid{grid-template-columns:1fr}}
.readcard{display:flex;flex-direction:column;gap:5px;padding:15px 17px;border:1px solid var(--line);
  border-radius:var(--radius);border-left:4px solid var(--dc);background:var(--surface)}
.readcard:hover{border-color:var(--dc);transform:translateY(-2px)}
.rc-top{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.rc-kind{font-size:10.5px;font-weight:800;padding:1px 8px;border-radius:999px;background:var(--dc);color:#fff;letter-spacing:.05em}
.rc-kicker{font-size:11.5px;font-weight:700;color:var(--mut)}
.rc-title{font-size:16.5px;font-weight:800;line-height:1.55}
.readcard:hover .rc-title{color:var(--dc)}
.rc-by{font-size:12px;color:var(--mut);font-weight:700;display:flex;gap:9px;flex-wrap:wrap;align-items:center}

.rd-kicker{font-size:12.5px;font-weight:800;color:var(--mut);letter-spacing:.08em;margin-bottom:6px}
.rd-intro{font-size:15.5px;line-height:1.9;color:var(--ink2);padding:14px 16px;background:var(--surface2);
  border-radius:var(--radius);margin-bottom:22px}
.rd-closing{font-size:16px;line-height:1.9;font-weight:700;padding:14px 0 0;border-top:2px solid var(--line);margin-top:8px}

/* 対談。左右に振って会話に見せる */
.talk{display:grid;gap:16px;margin:6px 0 8px}
.turn{display:grid;gap:4px;padding:13px 16px;border-radius:var(--radius);background:var(--surface2);
  border-left:3px solid var(--dc);max-width:92%}
.turn-b{margin-left:auto;border-left:none;border-right:3px solid var(--dc);
  border-radius:var(--radius) 0 0 var(--radius)}
.tn-who{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:800;color:var(--dc)}
.turn-b .tn-who{justify-content:flex-end}
.tn-text{font-size:15.5px;line-height:1.9;margin:0;color:var(--ink)}
@media(max-width:600px){.turn,.turn-b{max-width:100%;margin-left:0}}

.deskhead{display:flex;gap:15px;align-items:center;padding-bottom:16px;border-bottom:3px solid var(--dc);margin-bottom:16px}
.dh-face{flex:0 0 62px;height:62px;border-radius:16px;display:grid;place-items:center;font-size:32px;
  background:color-mix(in srgb,var(--dc) 15%,transparent)}
.deskhead h1{font-size:25px;font-weight:800;color:var(--dc);display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.dh-role{font-size:13.5px;font-weight:700;color:var(--mut);margin-top:3px}
.dh-prof{font-size:16px;line-height:1.95;color:var(--ink);margin-bottom:18px}

/* 今日の編集後記（トップの帯） */
.colban{display:flex;gap:14px;align-items:center;padding:16px 18px;margin:18px 0 4px;border-radius:var(--radius);
  border:1px solid var(--line);border-left:4px solid var(--dc);background:var(--surface2)}
.colban:hover{border-color:var(--dc)}
.cb-face{flex:0 0 44px;height:44px;border-radius:12px;display:grid;place-items:center;font-size:23px;
  background:color-mix(in srgb,var(--dc) 16%,transparent)}
.cb-body{flex:1;display:flex;flex-direction:column;gap:3px;min-width:0}
.cb-kicker{font-size:11.5px;font-weight:800;color:var(--dc);letter-spacing:.03em}
.cb-title{font-size:17px;font-weight:800;line-height:1.5}
.cb-ex{font-size:13px;color:var(--ink2);line-height:1.6;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.cb-go{flex:0 0 auto;font-size:19px;color:var(--dc);font-weight:800}
@media(max-width:520px){.cb-go{display:none}}

/* 記事の取材メモ */
.memo{border-left:4px solid var(--mut);background:var(--surface2)}
.memo-why{font-size:13.5px;color:var(--ink2);line-height:1.8;margin:0 0 8px}
.memo-body{font-size:14.5px;color:var(--ink);line-height:1.85;margin:0}
.memo-meta{font-size:11.5px;color:var(--mut);margin:10px 0 0}
.memo-meta a{color:var(--link)}.memo-meta a:hover{text-decoration:underline}
.memo-pick{border-left-color:var(--accent);background:color-mix(in srgb,var(--accent) 6%,var(--surface2))}
.memo-pick-why{font-size:14.5px;color:var(--ink);line-height:1.85;margin:0 0 10px}
.memo-pick-why strong{color:var(--accent)}

/* ---- 編集室ログ ---- */
.stats{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin:6px 0 10px}
@media(max-width:900px){.stats{grid-template-columns:repeat(3,1fr)}}
@media(max-width:520px){.stats{grid-template-columns:repeat(2,1fr)}}
.stat{display:flex;flex-direction:column;gap:1px;padding:14px 12px;border:1px solid var(--line);
  border-radius:var(--radius);background:var(--surface)}
.st-n{font-size:23px;font-weight:800;line-height:1.25;font-variant-numeric:tabular-nums}
.st-l{font-size:12px;font-weight:700;color:var(--ink2)}
.st-s{font-size:11px;color:var(--mut)}
.labline{font-size:14px;color:var(--ink2);margin-bottom:10px}
.labline strong{color:var(--ink);font-size:16px}
.labh{font-size:14px;font-weight:800;color:var(--mut);margin:16px 0 8px}
.rejects{display:grid;gap:2px}
.rejects li{display:flex;flex-direction:column;gap:2px;padding:10px 12px;border-radius:8px;background:var(--surface2);
  border-left:3px solid var(--mut)}
.rj-t{font-size:14px;font-weight:700;color:var(--ink2);text-decoration:line-through;text-decoration-color:var(--mut)}
.rj-r{font-size:12.5px;color:var(--accent);font-weight:700}
.rj-m{font-size:11px;color:var(--mut)}