/* ═══════════════════════════════════════════════════════════════
   SedoNote リリースノート本文部品（rn.css / v0.172）
   - グローバルchrome（ヘッダー/フッター/ドック）は本体と共通の
     app.css + app-flat.css + sn.css を読み込む＝本ファイルには持たない
   - デザイントークンは sn.css の --sn-*（body.flat スコープ）を参照
   - 正典: /home/deploy/sedonote-docs/preview_global_flat.html
   ═══════════════════════════════════════════════════════════════ */

/* 2カラム: 左=大カテゴリナビ（--sn-bar面カード・角丸8・sticky）／右=エントリ羅列 */
.rn-wrap{display:flex;gap:26px;align-items:flex-start;}
.rn-nav{position:sticky;top:calc(var(--bar-h,56px) + 20px);flex:0 0 150px;background:var(--surface);border:1px solid var(--sn-line-3,rgba(255,255,255,.06));border-radius:8px;padding:10px;display:flex;flex-direction:column;gap:2px;}
.rn-nav-label{font-size:10px;letter-spacing:.12em;color:var(--text3);padding:2px 8px 8px;}
.rn-nav a{display:flex;align-items:center;justify-content:space-between;padding:6px 8px;border-radius:4px;color:var(--text2);font-size:12.5px;text-decoration:none;cursor:pointer;}
.rn-nav a:hover{background:var(--surface2);color:var(--text);}
.rn-cnt{font-size:11px;color:var(--text3);}
.rn-list{flex:1;min-width:0;}

/* カテゴリ見出し（Notion調セクションラベル＋ヘアライン） */
.rn-cat{font-size:13px;font-weight:600;color:var(--text3);letter-spacing:.03em;padding-bottom:7px;margin:28px 0 4px;border-bottom:1px solid var(--sn-line-2,rgba(255,255,255,.08));scroll-margin-top:calc(var(--bar-h,56px) + 20px);}
.rn-cat:first-child{margin-top:0;}

/* エントリ行（行区切り=--sn-line-row・カード化しないNotion調リスト） */
.rn-item{padding:14px 2px 10px;border-bottom:1px solid var(--sn-line-row,rgba(255,255,255,.055));}
.rn-item:last-child{border-bottom:none;}
.rn-head{display:flex;align-items:center;gap:9px;margin-bottom:6px;}
/* 版数バッジ: 正典 .badge（角丸4・gold badge トークン・枠線なしの面） */
.rn-ver{font-size:11.5px;font-weight:600;color:var(--sn-badge-gold-tx,#cdb37c);background:var(--sn-badge-gold-bg,rgba(203,175,84,.14));border-radius:4px;padding:2px 7px;letter-spacing:.02em;}
.rn-date{font-size:11px;color:var(--text3);letter-spacing:.02em;}
.rn-title{font-size:13.5px;font-weight:600;color:var(--text);margin-bottom:6px;}
.rn-points{padding-left:18px;margin:0;list-style:disc;}
.rn-points li{font-size:12.5px;color:var(--text2);margin-bottom:3px;line-height:1.65;}
.rn-points li::marker{color:var(--text3);}

@media(max-width:680px){
  .rn-wrap{flex-direction:column;gap:14px;}
  .rn-nav{position:static;flex-direction:row;flex-wrap:wrap;flex-basis:auto;width:100%;}
  .rn-nav-label{width:100%;padding-bottom:4px;}
}