@charset "utf-8";
/*
  週刊AUEN（weekly-auen）専用CSS
  読み込み：mu-plugin auen-weekly-auen-style.php が個別ページと一覧ページで読む
  置き場  ：themes/webmagazine/css/weekly-auen.css（ローカル正本 .claude/theme-www/weekly-auen.css）
  設計    ：土台は auen-cmp.css と post-style-re.css。ここは週刊AUENの差分だけを持つ。
            他ページに漏れないよう、必ず .weekly-auen_single / .weekly-auen-body の中に閉じる。
  2026-09-03 新設 v1.0
*/

.weekly-auen_single {
  --wa-ink: #1a1a1a;
  --wa-sub: #6b6b6b;
  --wa-line: #e2e2e2;
  --wa-bg-soft: #f6f5f3;
  --wa-accent: #1a1a1a;
  --wa-measure: 42em;
}

/* ── 日付（タイトルの上） ─────────────────────────── */
.weekly-auen_single .weekly-auen-date {
  margin: 0 0 .6em;
  font-family: "Roboto Mono", ui-monospace, monospace;
  font-size: clamp(11px, 2.6vw, 13px);
  letter-spacing: .12em;
  color: var(--wa-sub);
}

.weekly-auen_single .dc-headline-title {
  line-height: 1.45;
  letter-spacing: .01em;
}

/* ── 本文 ─────────────────────────────────────── */
.weekly-auen-body {
  max-width: var(--wa-measure);
  color: var(--wa-ink);
  font-size: clamp(15px, 3.6vw, 17px);
  line-height: 1.95;
}

.weekly-auen-body p { margin: 0 0 1.6em; }

.weekly-auen-body > *:first-child { margin-top: 0; }

/* リード文（本文冒頭の要約）＝<p class="lead"> を想定 */
.weekly-auen-body .lead {
  padding: 1.2em 1.4em;
  background: var(--wa-bg-soft);
  font-size: 1.02em;
  line-height: 1.9;
}

.weekly-auen-body h2 {
  margin: 3em 0 1.1em;
  padding-bottom: .5em;
  border-bottom: 1px solid var(--wa-line);
  font-size: clamp(19px, 4.6vw, 23px);
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: .02em;
}

.weekly-auen-body h3 {
  margin: 2.4em 0 .9em;
  font-size: clamp(16px, 4vw, 19px);
  font-weight: 600;
  line-height: 1.6;
}

.weekly-auen-body ul,
.weekly-auen-body ol { margin: 0 0 1.6em; padding-left: 1.4em; }
.weekly-auen-body li { margin-bottom: .6em; }

.weekly-auen-body a {
  color: var(--wa-accent);
  text-decoration: underline;
  text-underline-offset: .18em;
  text-decoration-thickness: 1px;
}
.weekly-auen-body a:hover { opacity: .6; }

.weekly-auen-body img {
  display: block;
  max-width: 100%;
  height: auto;
  margin: 2em auto;
}

.weekly-auen-body figure { margin: 2em 0; }
.weekly-auen-body figcaption {
  margin-top: .7em;
  font-size: .85em;
  line-height: 1.7;
  color: var(--wa-sub);
  text-align: center;
}

.weekly-auen-body blockquote {
  margin: 2em 0;
  padding: .2em 0 .2em 1.2em;
  border-left: 2px solid var(--wa-line);
  color: var(--wa-sub);
}

.weekly-auen-body hr {
  margin: 3em 0;
  border: 0;
  border-top: 1px solid var(--wa-line);
}

/* 号と号の区切り（section単位で使う場合） */
.weekly-auen-body .wa-section { margin: 0 0 3.2em; }

/* ── 表（コーデの品番一覧などを想定） ───────────────── */
.weekly-auen-body .wa-table-wrap { overflow-x: auto; margin: 2em 0; }
.weekly-auen-body table {
  width: 100%;
  border-collapse: collapse;
  font-size: .92em;
}
.weekly-auen-body th,
.weekly-auen-body td {
  padding: .8em .9em;
  border-bottom: 1px solid var(--wa-line);
  text-align: left;
  vertical-align: top;
}
.weekly-auen-body th { font-weight: 600; white-space: nowrap; }

/* ── 商品・ECへの導線 ─────────────────────────── */
.weekly-auen-body .wa-cta {
  display: block;
  max-width: 22em;
  margin: 2.4em auto;
  padding: 1.05em 1.4em;
  border: 1px solid var(--wa-accent);
  background: #fff;
  color: var(--wa-accent);
  font-size: clamp(13px, 3.4vw, 15px);
  letter-spacing: .06em;
  text-align: center;
  text-decoration: none;
  transition: background .2s ease, color .2s ease;
}
.weekly-auen-body .wa-cta:hover {
  background: var(--wa-accent);
  color: #fff;
  opacity: 1;
}

.weekly-auen-body .wa-cta--fill {
  background: var(--wa-accent);
  color: #fff;
}
.weekly-auen-body .wa-cta--fill:hover { background: #000; }

/* ── 印刷・狭い画面 ─────────────────────────── */
@media screen and (max-width: 767px) {
  .weekly-auen-body { line-height: 1.85; }
  .weekly-auen-body h2 { margin-top: 2.4em; }
}