/* remarks.css — 掲載雑誌・メディア専用。共通トークンは style.css の :root */

.rmk-jumps{display:flex;flex-wrap:wrap;gap:2px;margin:2rem 0 3rem;}
.rmk-jump{font-family:'Noto Sans JP',sans-serif;font-size:.72rem;color:var(--mid);
  padding:.42rem .7rem;border-radius:var(--r-pill);text-decoration:none;transition:background .2s,color .2s;}
.rmk-jump:hover{background:var(--surface);color:var(--red);}
.rmk-jump:focus-visible{outline:2px solid var(--red);outline-offset:2px;}

.rmk-year{margin-bottom:3.4rem;scroll-margin-top:90px;}
.rmk-yr-ttl{display:flex;align-items:baseline;gap:.9rem;font-size:1.35rem;font-weight:600;
  color:var(--navy);letter-spacing:.04em;margin:0 0 1rem;}
.rmk-yr-n{font-family:'Noto Sans JP',sans-serif;font-size:.66rem;font-weight:300;color:var(--soft);}

.rmk-list{list-style:none;margin:0;padding:0;}
/* display:grid は [hidden] の既定より強いので、明示的に打ち消す（絞り込みの必須ルール） */
.rmk-item[hidden],.rmk-year[hidden]{display:none;}
.rmk-item{display:grid;grid-template-columns:64px 1fr;gap:.2rem 1rem;align-items:baseline;
  padding:.9rem 1.1rem;border-radius:var(--r-sm);transition:background .2s;}
.rmk-item:nth-child(odd){background:var(--surface);}   /* 罫線ではなく淡い面で行を分ける */
.rmk-item:hover{background:var(--surface-2);}
.rmk-cat{grid-row:span 2;font-family:'Noto Sans JP',sans-serif;font-size:.6rem;color:var(--mid);
  background:var(--white);padding:3px 9px;border-radius:var(--r-pill);text-align:center;white-space:nowrap;}
.rmk-ttl{font-size:.95rem;line-height:1.6;color:var(--coal);}
.rmk-src{font-family:'Noto Sans JP',sans-serif;font-size:.72rem;font-weight:300;color:var(--soft);line-height:1.6;}

@media(max-width:640px){
  .rmk-item{grid-template-columns:1fr;padding:.85rem .9rem;}
  .rmk-cat{grid-row:auto;justify-self:start;margin-bottom:.35rem;}
  .rmk-yr-ttl{font-size:1.15rem;}
}
@media print{ .rmk-jumps,.rmk-noprint{display:none;} .rmk-item{background:none!important;} }