/* ツギノテ — 記事ページ専用スタイル（site.css とセットで読み込む） */
.art{position:relative;z-index:2}
.art .wrap{max-width:820px;margin:0 auto;padding:150px 28px 120px}

/* 記事ヘッダー */
.art .topline{
  display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;
  font-family:'JetBrains Mono',monospace;font-size:10.5px;
  letter-spacing:.14em;color:var(--sub);
  padding-bottom:18px;border-bottom:1px solid var(--ink);
}
.art h1{
  margin:42px 0 26px;
  font-weight:900;
  font-size:clamp(26px,4.4vw,44px);
  line-height:1.6;letter-spacing:.01em;
}
.art h1 .dot{color:var(--green)}
.art .byline{
  display:flex;align-items:center;gap:14px;
  font-family:'JetBrains Mono',monospace;font-size:11px;
  letter-spacing:.1em;color:var(--sub);
  padding-bottom:30px;margin-bottom:52px;
  border-bottom:1px solid var(--gray);
}
.art .byline::before{content:"+";color:var(--green-d);font-size:15px}

/* 本文 */
.art .body{font-size:16px;line-height:2.1;letter-spacing:.02em}
.art .body p{margin:0 0 1.7em}
.art .body strong{font-weight:700}
.art .body h2{
  display:flex;align-items:center;gap:14px;
  font-size:19px;font-weight:900;line-height:1.7;
  margin:3em 0 1.1em;
}
.art .body h2::before{content:"+";color:var(--green-d);font-weight:400;font-size:20px;flex-shrink:0}
.art .body hr{border:none;border-top:1px solid var(--gray);margin:3em 0;width:100%}
.art .body blockquote{
  margin:2.2em 0;padding:26px 30px;
  background:var(--ink);color:var(--paper);
  font-family:'Shippori Mincho B1',serif;
  font-size:16.5px;line-height:2.2;
}
.art .body blockquote p{margin:0}
.art .body blockquote strong{color:var(--green)}
.art .body table{border-collapse:collapse;width:100%;margin:2em 0;font-size:14px}
.art .body th,.art .body td{border:1px solid var(--gray);padding:10px 14px;text-align:left;vertical-align:top;line-height:1.9}
.art .body th{background:var(--ink);color:var(--paper);font-weight:700;font-family:'JetBrains Mono',monospace;font-size:12px;letter-spacing:.08em}
.art .body .aside{
  font-family:'JetBrains Mono',monospace;
  font-size:11.5px;line-height:2.2;color:var(--sub);
  border-top:1px solid var(--gray);
  padding-top:22px;margin:3em 0 0;
}
.writer-note{
  margin-top:60px;padding:18px 22px;
  border:1px solid var(--ink);
  font-family:'JetBrains Mono',monospace;font-size:11.5px;
  letter-spacing:.04em;line-height:2;color:var(--sub);
}
.art .artnav{display:flex;justify-content:center;gap:16px;margin-top:70px}

/* 旧クラス互換（過去記事の masthead/foot が残っていても崩れないように） */
.masthead,.dateline,.foot{display:none}