/* 詳細ページ（実績・メンバー・ニュース・ブログ）＝白いテイストの骨の上に、読む物としての最小限。生成元 plan_b/wp/src/assets/dive/single.css */
.art .hero{padding-bottom:clamp(18px,2.4vh,28px)}
.art .lb a{color:inherit}
.art .lb a:hover{color:var(--acc)}
.art .meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;margin-top:1.4em;font:500 13.5px/1.6 var(--gt);letter-spacing:.06em;color:var(--ink3)}
.art .meta .cl{color:var(--ink2)}
.art .meta .cat{color:var(--acc);border-bottom:1px solid rgba(42,91,215,.35);padding-bottom:1px}
.art .meta time{font-variant-numeric:tabular-nums}
.art .ttl{margin-top:.5em;font:700 clamp(26px,3.4vw,46px)/1.4 var(--gt);letter-spacing:.01em;overflow-wrap:anywhere}
.art .ttl small{display:block;margin-top:.35em;font:500 14px/1.6 var(--gt);letter-spacing:.08em;color:var(--ink3)}
/* 動画・絵 */
.art .media{margin-top:clamp(18px,2.4vw,32px);border-radius:12px;overflow:hidden;background:#0b0c0e;aspect-ratio:16/9}
.art .media iframe,.art .media img{display:block;width:100%;height:100%;border:0;object-fit:cover}
.art figure.media{background:var(--paper2)}
.art figure.media.still{aspect-ratio:auto}   /* 画像だけの実績＝切らずに丸ごと（2026-09-07） */
.art figure.media.still img{height:auto;aspect-ratio:auto;object-fit:contain}
.art figure.media img{object-fit:contain;background:#0b0c0e}
/* クレジット */
.art .credits{margin-top:clamp(34px,4.6vw,56px);max-width:44em}
.art .credits h2{font:600 12.5px/1 var(--gt);letter-spacing:.18em;color:var(--ink3)}
.art .credits ul{list-style:none;margin-top:14px;border-top:1px solid var(--line)}
.art .credits li{padding:9px 2px;border-bottom:1px solid var(--line);font-size:14.5px;line-height:1.8;overflow-wrap:anywhere}
/* 本文（WordPress の編集画面の中身） */
/* 読む列は画面の中央に置き、文字は左揃え（2026-09-07 河原さん「note のように中央で左揃え」）。題名・日付・本文・写真・共有・前後の記事が同じ列 */
.art .col{max-width:44em;margin-inline:auto}
.art .prose{margin-top:clamp(26px,3.6vw,44px);font-size:clamp(16px,1.3vw,17.5px);line-height:2.1;color:var(--ink)}
/* 共有＝小さな文字の列（アイコンでなく文字＝タグと同じ作法）。押せる物は 44px の高さを確保 */
.art .share{display:flex;flex-wrap:wrap;align-items:center;gap:8px 8px;margin-top:clamp(30px,4vw,48px);padding-top:clamp(18px,2.4vw,26px);border-top:1px solid var(--line,#e6e6e6)}
.art .share .lb2{margin-right:6px;font:600 12px/1 var(--gt);letter-spacing:.18em;color:var(--ink3)}
.art .share .sh{display:inline-flex;align-items:center;min-height:36px;padding:0 13px;border:1px solid #cfcfcf;border-radius:999px;background:#fff;font:500 13px/1 var(--gt);letter-spacing:.04em;color:var(--ink);text-decoration:none;cursor:pointer;transition:border-color .3s var(--e-cubic),color .3s var(--e-cubic)}
.art .share .sh:hover{border-color:var(--acc);color:var(--acc)}
.art .share .sh:focus-visible{outline:2px solid var(--acc);outline-offset:2px}
.art .prose p{margin:0 0 1.4em}
.art .prose.sub{color:var(--ink2);font-size:15.5px}
.wpc h2,.wpc h3,.wpc h4{margin:2.2em 0 .8em;line-height:1.5;letter-spacing:.01em}
.wpc h2{font-size:clamp(20px,2vw,26px)} .wpc h3{font-size:clamp(18px,1.6vw,21px)} .wpc h4{font-size:17px}
.wpc h2:first-child,.wpc h3:first-child{margin-top:0}
.wpc img{height:auto;max-width:100%;border-radius:8px}
.wpc figure{margin:1.8em 0}
.wpc figure.aligncenter,.wpc .wp-block-image{margin-left:0;margin-right:0}
.wpc figcaption{margin-top:.6em;font-size:13px;color:var(--ink3);line-height:1.7}
.wpc ul,.wpc ol{margin:0 0 1.4em 1.4em}
.wpc li{margin:.3em 0}
.wpc a{color:var(--acc);text-decoration:underline;text-decoration-color:rgba(42,91,215,.35);text-underline-offset:.18em}
.wpc a:hover{text-decoration-color:var(--acc)}
.wpc blockquote{margin:1.6em 0;padding:.2em 0 .2em 1.2em;border-left:2px solid var(--line2,#c8c8c8);color:var(--ink2)}
.wpc pre,.wpc code{font-size:.92em;background:var(--paper2);border-radius:6px}
.wpc pre{padding:14px 16px;overflow-x:auto} .wpc code{padding:1px 5px}
.wpc table{border-collapse:collapse;width:100%;font-size:14.5px;margin:1.4em 0} .wpc th,.wpc td{border-bottom:1px solid var(--line);padding:8px 6px;text-align:left;vertical-align:top}
.wpc iframe{max-width:100%}
.wpc .wp-block-embed iframe,.wpc .wp-block-video video{width:100%;aspect-ratio:16/9;height:auto;border-radius:8px}
.wpc hr{border:0;border-top:1px solid var(--line);margin:2.4em 0}
/* 前後・一覧へ */
.art .pn{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:16px;align-items:center;margin:clamp(40px,6vw,72px) 0 clamp(60px,9vw,120px);padding-top:22px;border-top:1px solid var(--line)}
.art .pn a{display:inline-flex;align-items:center;gap:10px;min-height:44px;font:600 14px/1.5 var(--gt);color:var(--ink2)}
.art .pn a:hover{color:var(--acc)}
.art .pn .p span,.art .pn .n span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.art .pn .n{justify-self:end;text-align:right}
.art .pn .all{justify-self:center;padding:0 18px;border:1px solid var(--line2,#c8c8c8);border-radius:999px;color:var(--ink)}
.art .pn .all:hover{border-color:var(--acc);color:var(--acc)}
.art .pn i{font-style:normal;color:var(--acc);font-size:18px}
/* メンバー */
.person .phead{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:clamp(20px,3vw,44px);align-items:end;margin-top:1.2em}
.person .pphoto{overflow:hidden;border-radius:12px;background:var(--paper2)}
.person .pphoto img{width:100%;aspect-ratio:4/5;object-fit:cover}
.person .role{margin-top:.9em;font:500 14.5px/1.7 var(--gt);letter-spacing:.06em;color:var(--ink2)}
.person .pworks{margin-top:clamp(40px,6vw,72px)}
@media (max-width:820px){
  .art .pn{grid-template-columns:1fr;gap:10px}
  .art .pn .n{justify-self:start;text-align:left}
  .art .pn .all{justify-self:start}
  .art .pn > span{display:none}
  .person .phead{grid-template-columns:1fr}
  .person .pphoto img{aspect-ratio:1/1}
}