/* ============================================================
   お知らせ（一覧 pages/topics.html と、記事 topics/*.html）
   参考：岡山芸術交流 2022。青みがかったグレーの地、詰まった太い英字を縦に積む見出し、
   明朝系のセリフ体、縦書きの添え書き、写真はフォルダのタブ形の枠。白黒が中心
   ============================================================ */
body.th-news{
  --c-bg:#B9C4CD;--c-ink:#0B0C0D;--c-muted:rgba(11,12,13,.58);--c-line:rgba(11,12,13,.3);
  --c-acc:#0B0C0D;--c-acc-ink:#E4E9ED;
  --c-hd:rgba(185,196,205,.93);--c-ft:#0B0C0D;--c-ft-ink:#C9D2D9;--c-ft-logo:brightness(0) invert(.86);
  --c-menu:#0B0C0D;--c-menu-ink:#C9D2D9;
  --f-jp:"Noto Serif JP","Hiragino Mincho ProN","Yu Mincho",serif;
  --f-en:"EB Garamond","Noto Serif JP",serif;
  --f-disp:"Antonio","Oswald","Arial Narrow",sans-serif;
  --r-btn:0;
  --white:#C7D0D8;--teal:#0B0C0D;--crimson:#0B0C0D;--green:#8C98A3}
.th-news .hd-nav{font-family:var(--f-en);font-weight:500}

/* ヒーロー：NEWS / FROM / PENGUIN-LAB を縦に積む＋右端の縦書き */
.th-news .pg-hero{padding-top:34px}
.news-big{font-family:var(--f-disp);font-weight:700;font-size:clamp(64px,19vw,196px);line-height:.9;letter-spacing:-.01em;text-transform:uppercase;margin:0 0 18px;display:grid}
.news-side{position:absolute;right:clamp(14px,3vw,48px);top:40px;writing-mode:vertical-rl;font-family:var(--f-en);font-size:clamp(14px,1.6vw,20px);letter-spacing:.14em;font-weight:500;z-index:1}
.news-side small{display:block;font-size:.62em;letter-spacing:.2em;margin-inline-start:.6em;opacity:.7}
.th-news .pg-hero h1{font-size:clamp(20px,2.4vw,26px);font-weight:600;letter-spacing:.14em;margin-top:26px}
.th-news .pg-hero .lead{color:var(--c-muted);font-size:14px}
.th-news .pg-hero .pg-visual{opacity:1}
.th-news .pg-hero .en{font-family:var(--f-en);font-size:15px;letter-spacing:.14em;color:var(--c-ink)!important}

/* 一覧：1件＝罫線で区切った行。写真は灰色のフォルダ（上にタブ）＋白黒。触ると色が戻る */
.th-news .tp-list{gap:0;border-top:1px solid var(--c-ink)}
.th-news .tp{box-shadow:none;background:transparent;border-radius:0;border-bottom:1px solid var(--c-ink);padding:22px 0;gap:14px;overflow:visible}
.th-news a.tp:hover{transform:none}
.th-news .tp .thumb{background:#9DA9B3;border-radius:0 6px 6px 6px;margin-top:12px;overflow:visible}
.th-news .tp .thumb::before{content:"";position:absolute;left:0;top:-12px;width:34%;height:13px;background:#9DA9B3;border-radius:5px 5px 0 0}
.th-news .tp .thumb img{border-radius:0 6px 6px 6px;filter:grayscale(1) contrast(.95) brightness(1.04);mix-blend-mode:multiply;transition:filter .4s}
.th-news a.tp:hover .thumb img{filter:none;mix-blend-mode:normal}
.th-news .tp .body{padding:0}
.th-news .tp time{font-family:var(--f-en);font-size:15px;letter-spacing:.06em;color:var(--c-ink);font-weight:500}
.th-news .tp .kind{border:0;padding:0;margin-left:14px;font-size:12px;color:var(--c-muted);border-radius:0}
.th-news .tp h3{font-weight:600;letter-spacing:.02em}
.th-news .tp .go{color:var(--c-ink);font-family:var(--f-en);letter-spacing:.12em;font-weight:500;text-transform:uppercase}
@media(min-width:760px){.th-news .tp{grid-template-columns:240px 1fr;gap:30px;padding:26px 0}.th-news .tp .thumb{min-height:136px}}

/* 記事ページ */
.th-news .tp-detail .tp-hero{border-radius:0 6px 6px 6px}
.th-news .tp-detail h2{font-weight:600;letter-spacing:.04em}
.th-news .tp-detail h2::before{width:28px;height:1.5px;border-radius:0;background:var(--c-ink)}
.th-news .tp-detail li::before{width:6px;height:6px;border-radius:50%;background:var(--c-ink);top:.8em}
.th-news .tp-detail a{text-decoration:underline;text-underline-offset:3px}
.th-news .tbl{background:transparent;border-radius:0;border-top:1px solid var(--c-ink);border-bottom:1px solid var(--c-ink)}
.th-news .tbl th{background:transparent;font-weight:600}
.th-news .tbl th,.th-news .tbl td{border-bottom-color:var(--c-line)}
.th-news .card{background:transparent;border:1px solid var(--c-ink);border-radius:0}
@media(max-width:759px){.news-side{display:none}}