/* Weekly page v6: renderer-owned mobile reading surface.
   配色・声・層の役割はモック正本(weekly_page_mock_v6_20260706.html)の監査規約に従う:
   - 生成り紙+朝焼け = 昼の層(週次バッチ)+話しかけ導線(キャラ正典「生成り色、朝焼けのオレンジ」由来)
   - 藍(night)      = 夜の層のみ(日記・ゆうべ更新チップ・moonline)
   - 風の青(wind)   = 天気・予報のグラフィックのみ(波形・そっと)
   - 丸ゴ = まいんちゃんの声(アバター+吹き出しで識別) / 明朝 = 週の風・ことば / 角ゴ = UIの活字
     ※手書きフォントは可読性の裁定(2026-07-08)で廃止。声の識別は構造で行う */

:root {
  --weekly-v6-bg: #e9e2d2;
  --weekly-v6-paper: #faf6ec;
  --weekly-v6-card: #fffdf6;
  --weekly-v6-card-2: #f4edde;
  --weekly-v6-ink: #33291b;
  --weekly-v6-muted: #6b5f4a;
  /* faint はテキストにも使うため紙地で AA(4.5:1) を満たす濃さに保つ。装飾専用色ではない */
  --weekly-v6-faint: #7a6c53;
  --weekly-v6-line: #e3d8c0;
  --weekly-v6-hairline: #d8cbae;
  --weekly-v6-asayake: #b06a2c;
  --weekly-v6-asayake-soft: #f6e3cd;
  --weekly-v6-asayake-deep: #8f4f16;
  /* 朝焼け地に載る白抜きチップの文字。ダークで背景が明転しても読めるよう変数化 */
  --weekly-v6-chip-ink: #fff8ea;
  --weekly-v6-wind: #5a7fa8;
  --weekly-v6-wind-soft: #e3ecf4;
  --weekly-v6-wind-deep: #3d5f85;
  --weekly-v6-night: #35466e;
  --weekly-v6-night-paper: #edf1f9;
  --weekly-v6-night-line: #c9d3e8;
  --weekly-v6-rule: rgba(176, 106, 44, 0.16);
  --weekly-v6-serif: "Hiragino Mincho ProN", "Yu Mincho", "Noto Serif JP", serif;
  --weekly-v6-hand: "Zen Maru Gothic", "Hiragino Maru Gothic ProN", "Yu Gothic", Meiryo, sans-serif;
  --weekly-v6-sans: "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Yu Gothic", Meiryo, sans-serif;
}

@media (prefers-color-scheme: dark) {
  :root {
    --weekly-v6-bg: #0e1013;
    --weekly-v6-paper: #1a1813;
    --weekly-v6-card: #242019;
    --weekly-v6-card-2: #1f1c15;
    --weekly-v6-ink: #f0e9da;
    --weekly-v6-muted: #c5b9a2;
    --weekly-v6-faint: #9e937c;
    --weekly-v6-line: #3a342a;
    --weekly-v6-hairline: #4a4335;
    --weekly-v6-chip-ink: #1f1a12;
    --weekly-v6-asayake: #d08a4a;
    --weekly-v6-asayake-soft: #3a2c19;
    --weekly-v6-asayake-deep: #e2a865;
    --weekly-v6-wind: #7fa3c9;
    --weekly-v6-wind-soft: #1d2733;
    --weekly-v6-wind-deep: #a8c4e4;
    --weekly-v6-night: #93a7d9;
    --weekly-v6-night-paper: #1d2330;
    --weekly-v6-night-line: #39445e;
    --weekly-v6-rule: rgba(208, 138, 74, 0.22);
  }
}

* {
  box-sizing: border-box;
}

html {
  background: var(--weekly-v6-bg);
  scroll-behavior: smooth;
  /* ダーク対応ページとして UA 由来UI(スクロールバー等)も追従させる */
  color-scheme: light dark;
  /* line.css 依存を外しても iOS の勝手な文字拡大を抑える */
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

.weekly-v6-body {
  min-height: 100vh;
  min-height: 100dvh;
  margin: 0;
  color: var(--weekly-v6-ink);
  background: var(--weekly-v6-bg);
  font-family: var(--weekly-v6-sans);
  font-size: 14.5px;
  line-height: 1.9;
  /* ユーザー自由文の長い英数・URL がはみ出して切り落とされるのを防ぐ */
  overflow-wrap: break-word;
  word-break: break-word;
}

.weekly-v6-body a,
.weekly-v6-body summary {
  color: inherit;
}

.weekly-v6-body a:focus-visible,
.weekly-v6-body summary:focus-visible {
  outline: 2px solid var(--weekly-v6-asayake-deep);
  outline-offset: 2px;
}

.weekly-v6-phone {
  max-width: 430px;
  min-height: 100vh;
  min-height: 100dvh;
  margin: 0 auto;
  background: var(--weekly-v6-paper);
  box-shadow: 0 8px 36px rgba(0, 0, 0, 0.16);
}

.weekly-v6-header {
  position: sticky;
  top: 0;
  z-index: 2;
  padding: 12px 18px 13px;
  border-bottom: 1px solid var(--weekly-v6-line);
  background: var(--weekly-v6-paper);
}

.weekly-v6-header__row {
  display: flex;
  gap: 12px;
  align-items: center;
  justify-content: space-between;
}

/* タイトル側を縮められるようにして h1 の ellipsis を効かせる */
.weekly-v6-header__row > div {
  min-width: 0;
}

.weekly-v6-kicker {
  margin: 0;
  color: var(--weekly-v6-faint);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.14em;
}

.weekly-v6-header h1 {
  margin: 0;
  overflow: hidden;
  color: var(--weekly-v6-ink);
  font-size: 15px;
  line-height: 1.5;
  letter-spacing: 0;
  /* 長い表示名でも1行に固定し、sticky ヘッダー高を一定に保つ(アンカー着地のズレ防止) */
  white-space: nowrap;
  text-overflow: ellipsis;
}

.weekly-v6-home {
  flex: 0 0 auto;
  /* 視覚サイズは据え置きのままヒット領域を約44pxに広げる */
  margin: -12px -8px;
  padding: 12px 8px;
  color: var(--weekly-v6-muted);
  font-size: 12px;
  text-decoration: none;
}

.weekly-v6-tabs {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 6px;
  margin-top: 10px;
}

.weekly-v6-tab {
  display: flex;
  min-height: 34px;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--weekly-v6-line);
  border-radius: 20px;
  background: var(--weekly-v6-card);
  color: var(--weekly-v6-muted);
  font-size: 12.5px;
  text-decoration: none;
}

.weekly-v6-tab.is-active {
  border-color: var(--weekly-v6-asayake);
  background: var(--weekly-v6-asayake-soft);
  color: var(--weekly-v6-ink);
  font-weight: 700;
}

.weekly-v6-main {
  padding: 8px 16px 40px;
}

.weekly-v6-moonline {
  margin: 8px 0 4px;
  color: var(--weekly-v6-night);
  font-family: var(--weekly-v6-hand);
  font-size: 13px;
  letter-spacing: 0.04em;
  text-align: center;
}

.weekly-v6-zone {
  margin: 12px 0 15px;
  scroll-margin-top: 128px;
}

.weekly-v6-zone-label {
  margin: 0 4px 6px;
  color: var(--weekly-v6-asayake-deep);
  font-size: 10.5px;
  font-weight: 700;
  letter-spacing: 0.2em;
}

/* ゾーンラベル脇の小さな補足(例:「週のはじめに書いたよみ」)。層構造の自己説明 */
.weekly-v6-zone-note {
  margin-left: 6px;
  color: var(--weekly-v6-muted);
  font-size: 10.5px;
  font-weight: 400;
  letter-spacing: 0;
}

.weekly-v6-panel {
  padding: 16px 18px;
  border: 1px solid var(--weekly-v6-line);
  border-radius: 16px;
  background: var(--weekly-v6-card);
}

.weekly-v6-mai-frame {
  padding: 14px 16px;
  border: 1.5px solid var(--weekly-v6-asayake);
  border-radius: 16px;
  background: var(--weekly-v6-asayake-soft);
}

.weekly-v6-mai-head,
.weekly-v6-message,
.weekly-v6-diary__note {
  display: flex;
  gap: 11px;
  align-items: flex-start;
}

.weekly-v6-mai-actions {
  display: flex;
  justify-content: flex-end;
  margin-top: 4px;
  padding-top: 3px;
  border-top: 1px dashed var(--weekly-v6-asayake);
}

.weekly-v6-jump {
  /* 視覚は据え置き、ヒット領域を約44px高に */
  padding: 12px 4px 12px 12px;
  color: var(--weekly-v6-asayake-deep);
  font-size: 11.5px;
  font-weight: 700;
  text-decoration: none;
}

.weekly-v6-avatar {
  display: block;
  flex: 0 0 auto;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  object-fit: cover;
  box-shadow: 0 0 0 2px var(--weekly-v6-card), 0 0 0 3px var(--weekly-v6-line),
    0 1px 2px rgba(0, 0, 0, 0.06);
}

.weekly-v6-avatar--medium {
  width: 30px;
  height: 30px;
}

.weekly-v6-avatar--small {
  width: 22px;
  height: 22px;
}

/* 日記に貼った丸シールだけ、すこし傾ける */
.weekly-v6-diary .weekly-v6-avatar--small {
  transform: rotate(-2deg);
}

.weekly-v6-when {
  margin: 0 0 2px;
  color: var(--weekly-v6-faint);
  font-family: var(--weekly-v6-sans);
  font-size: 10.5px;
}

/* 夜の層の印(藍はここと日記とmoonlineのみ) */
.weekly-v6-when--moonup {
  color: var(--weekly-v6-night);
  font-weight: 700;
}

.weekly-v6-hand {
  margin: 0;
  color: var(--weekly-v6-ink);
  font-family: var(--weekly-v6-hand);
  font-size: 14px;
  line-height: 2;
}

/* 手書き内の強調は太字でなくペンの波線 */
.weekly-v6-hand b {
  font-weight: inherit;
  text-decoration: underline wavy var(--weekly-v6-asayake);
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
}

.weekly-v6-letter {
  margin-top: 12px;
  border: 1px solid var(--weekly-v6-line);
  border-radius: 12px;
  background: var(--weekly-v6-card);
}

.weekly-v6-letter__summary {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 12px;
  color: var(--weekly-v6-asayake-deep);
  font-size: 13px;
  font-weight: 700;
  cursor: pointer;
  list-style: none;
}

.weekly-v6-letter__summary::-webkit-details-marker {
  display: none;
}

.weekly-v6-letter__summary::after {
  content: "ひらく";
  margin-left: auto;
  color: var(--weekly-v6-muted);
  font-size: 10.5px;
  font-weight: 700;
}

.weekly-v6-letter[open] .weekly-v6-letter__summary::after {
  content: "とじる";
}

.weekly-v6-letter__icon {
  display: inline-grid;
  place-items: center;
  width: 24px;
  height: 24px;
  border: 1px solid var(--weekly-v6-asayake);
  border-radius: 999px;
  background: var(--weekly-v6-asayake-soft);
  font-size: 13px;
}

.weekly-v6-letter__content {
  padding: 6px 16px 12px;
}

/* 便箋: 罫線に手書きが乗る。中の要素はすべて30pxの行リズムを守ること */
.weekly-v6-letter__paper {
  padding-bottom: 2px;
  background-image: repeating-linear-gradient(
    to bottom,
    transparent 0,
    transparent 29px,
    var(--weekly-v6-rule) 29px,
    var(--weekly-v6-rule) 30px
  );
  color: var(--weekly-v6-ink);
  font-family: var(--weekly-v6-hand);
  font-size: 14px;
  line-height: 30px;
}

.weekly-v6-letter__to {
  margin: 0;
}

.weekly-v6-letter__body {
  margin: 0;
}

.weekly-v6-letter__body p,
.weekly-v6-letter__answer p {
  margin: 0 0 30px;
  line-height: 30px;
}

.weekly-v6-letter__paper > :last-child,
.weekly-v6-letter__paper > :last-child > p:last-child {
  margin-bottom: 0;
}

.weekly-v6-letter blockquote {
  margin: 0 0 30px 8px;
  padding-left: 10px;
  border-left: 2px solid var(--weekly-v6-asayake);
  color: var(--weekly-v6-ink);
  font-family: var(--weekly-v6-serif);
  font-size: 13.5px;
  line-height: 30px;
}

.weekly-v6-letter__answer > p:first-child {
  margin: 0;
  color: var(--weekly-v6-asayake-deep);
  font-family: var(--weekly-v6-sans);
  font-size: 12px;
  letter-spacing: 0.1em;
  line-height: 30px;
}

.weekly-v6-letter__sig {
  display: flex;
  gap: 7px;
  align-items: center;
  justify-content: flex-end;
  margin: 10px 0 0;
  color: var(--weekly-v6-muted);
  font-family: var(--weekly-v6-hand);
  font-size: 13px;
}

.weekly-v6-theme {
  margin: 4px 0 8px;
  color: var(--weekly-v6-ink);
  font-family: var(--weekly-v6-serif);
  font-size: 20px;
  font-weight: 400;
  line-height: 1.8;
  letter-spacing: 0.04em;
  text-align: center;
}

.weekly-v6-theme-lead {
  margin: 0 0 10px;
  color: var(--weekly-v6-muted);
  font-size: 12.5px;
  line-height: 1.9;
  text-align: center;
}

.weekly-v6-axis {
  border-top: 1px solid var(--weekly-v6-line);
}

.weekly-v6-axis summary {
  display: flex;
  gap: 10px;
  align-items: baseline;
  min-height: 64px;
  padding: 10px 2px;
  cursor: pointer;
  list-style: none;
}

.weekly-v6-axis summary::-webkit-details-marker {
  display: none;
}

.weekly-v6-axis__label {
  flex: 0 0 3.9em;
  font-size: 13.5px;
  font-weight: 700;
}

.weekly-v6-axis__main {
  flex: 1 1 auto;
  min-width: 0;
}

.weekly-v6-stars {
  color: var(--weekly-v6-asayake);
  font-size: 14px;
  letter-spacing: 0.12em;
}

/* 星ラベルはニュートラルに。級の色(朝焼け/風)は★グリフとチップ・波形だけに担わせ、
   同じ語(例「そっと」)が場所ごとに違う色になる混乱を避ける */
.weekly-v6-star-label {
  margin-left: 6px;
  color: var(--weekly-v6-muted);
  font-size: 12px;
  font-weight: 700;
}

.weekly-v6-axis__summary {
  display: block;
  margin-top: 2px;
  color: var(--weekly-v6-muted);
  font-size: 12.5px;
  line-height: 1.75;
}

.weekly-v6-axis__open {
  flex: 0 0 auto;
  align-self: center;
  color: var(--weekly-v6-asayake-deep);
  font-size: 11px;
  font-weight: 700;
}

.weekly-v6-axis__open::before {
  content: "よむ";
}

.weekly-v6-axis[open] .weekly-v6-axis__open::before {
  content: "とじる";
}

.weekly-v6-axis__panel {
  margin: 0 0 12px;
  padding: 13px 15px;
  border-radius: 10px;
  background: var(--weekly-v6-card-2);
  color: var(--weekly-v6-muted);
  font-size: 13px;
  line-height: 2.05;
}

.weekly-v6-axis__panel p {
  margin: 0 0 10px;
}

.weekly-v6-axis__panel p:last-child {
  margin-bottom: 0;
}

.weekly-v6-relief {
  display: flex;
  gap: 8px;
  margin-top: 8px;
  padding: 8px 11px;
  border-radius: 10px;
  background: var(--weekly-v6-asayake-soft);
  color: var(--weekly-v6-muted);
  font-size: 12px;
  line-height: 1.8;
}

.weekly-v6-relief b {
  flex: 0 0 auto;
  color: var(--weekly-v6-asayake-deep);
  font-size: 10.5px;
  letter-spacing: 0.08em;
}

.weekly-v6-wave {
  display: block;
  width: 100%;
  margin: 0;
}

.weekly-v6-wave__grid {
  stroke: var(--weekly-v6-line);
  stroke-width: 1;
  stroke-dasharray: 3 4;
  opacity: 0.6;
}

.weekly-v6-wave__line {
  fill: none;
  stroke: var(--weekly-v6-wind);
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2;
}

/* 過ぎた日は点線・これからは実線(iOS天気の実測/予報の使い分けを踏襲) */
.weekly-v6-wave__line--past {
  stroke-dasharray: 1 6;
  opacity: 0.6;
}

.weekly-v6-wave circle {
  stroke: var(--weekly-v6-card);
  stroke-width: 1.5;
}

.weekly-v6-wave .weekly-v6-wave__daybg {
  fill: var(--weekly-v6-asayake-soft);
  stroke: none;
}

/* viewBox 360 が実機で ~250-320px に縮むぶんを見込み、13px で実効約10px以上を確保 */
.weekly-v6-wave text {
  fill: var(--weekly-v6-muted);
  font-family: var(--weekly-v6-sans);
  font-size: 13px;
}

.weekly-v6-wave .weekly-v6-wave__day--today {
  fill: var(--weekly-v6-asayake-deep);
  font-weight: 700;
}

.weekly-v6-wave .weekly-v6-wave__mark--peak {
  fill: var(--weekly-v6-asayake-deep);
  font-weight: 700;
}

.weekly-v6-wave .weekly-v6-wave__mark--caution {
  fill: var(--weekly-v6-wind-deep);
  font-weight: 700;
}

.weekly-v6-figcap {
  margin: 2px 0 6px;
  color: var(--weekly-v6-muted);
  font-size: 11px;
  text-align: center;
}

.weekly-v6-day {
  padding: 9px 2px 8px;
  border-bottom: 1px dashed var(--weekly-v6-line);
  scroll-margin-top: 128px;
}

.weekly-v6-day:last-child {
  border-bottom: 0;
}

.weekly-v6-day.is-today .weekly-v6-day__row {
  margin: -4px -6px 2px;
  padding: 6px 8px;
  border-radius: 8px;
  background: var(--weekly-v6-asayake-soft);
}

.weekly-v6-day__row {
  display: flex;
  gap: 10px;
  align-items: baseline;
}

.weekly-v6-day time {
  flex: 0 0 4.6em;
  color: var(--weekly-v6-muted);
  font-size: 12.5px;
  font-weight: 700;
}

.weekly-v6-day p {
  margin: 0;
  color: var(--weekly-v6-ink);
  font-size: 13px;
  line-height: 1.8;
}

/* 先週タブ: 予報は週初のよみのまま淡く残す(夜の日記との答え合わせ) */
.weekly-v6-day--past .weekly-v6-day__row p {
  color: var(--weekly-v6-faint);
}

/* 今週タブの過ぎた日: 予報を一段沈めて「きょう・これから」に視線を寄せる */
.weekly-v6-day.is-done .weekly-v6-day__row p {
  color: var(--weekly-v6-muted);
}

.weekly-v6-day-today-chip {
  display: inline-block;
  margin-right: 6px;
  padding: 1px 8px;
  border-radius: 999px;
  background: var(--weekly-v6-asayake-deep);
  color: var(--weekly-v6-chip-ink);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.08em;
  vertical-align: 1px;
}

.weekly-v6-yomichip {
  display: inline-block;
  margin-right: 6px;
  padding: 0 5px;
  border: 1px solid var(--weekly-v6-faint);
  border-radius: 4px;
  color: var(--weekly-v6-faint);
  font-size: 10px;
  vertical-align: 1px;
}

/* 級ラベルはチップ化して、予報本文と一目で区別できるようにする */
.weekly-v6-day-tag {
  display: inline-block;
  margin-right: 6px;
  padding: 1px 7px;
  border-radius: 999px;
  font-size: 10px;
  font-weight: 700;
  vertical-align: 1px;
}

.weekly-v6-day-tag--peak {
  background: var(--weekly-v6-asayake-soft);
  color: var(--weekly-v6-asayake-deep);
}

.weekly-v6-day-tag--caution {
  background: var(--weekly-v6-wind-soft);
  color: var(--weekly-v6-wind-deep);
}

.weekly-v6-day-tag--plain {
  border: 1px solid var(--weekly-v6-hairline);
  background: var(--weekly-v6-card-2);
  color: var(--weekly-v6-muted);
}

/* きょうの朝焼け背景に plain チップが溶けないよう、枠で輪郭を残す */
.weekly-v6-day.is-today .weekly-v6-day-tag--plain {
  background: var(--weekly-v6-card);
}

.weekly-v6-day-special {
  margin-right: 5px;
  font-size: 12px;
}

/* 夜の日記: 地の文(話したこと)+まいんちゃんの吹き出しの2層。
   箱を重ねず、色が付くのは吹き出しだけにして構造を見せる */
.weekly-v6-diary {
  margin: 7px 0 3px 12px;
  animation: weekly-v6-inkin 0.5s ease both;
}

@keyframes weekly-v6-inkin {
  from {
    opacity: 0;
    transform: translateY(3px);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

.weekly-v6-diary__digest {
  margin: 0;
  color: var(--weekly-v6-muted);
  font-size: 12px;
  line-height: 1.8;
}

.weekly-v6-diary__digest b {
  margin-right: 6px;
  color: var(--weekly-v6-night);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.06em;
}

.weekly-v6-diary__note {
  margin-top: 6px;
}

.weekly-v6-diary__bubble {
  flex: 1 1 auto;
  margin: 0;
  padding: 8px 12px;
  border: 1px solid var(--weekly-v6-night-line);
  border-radius: 4px 14px 14px 14px;
  background: var(--weekly-v6-night-paper);
  color: var(--weekly-v6-ink);
  font-size: 13px;
  line-height: 1.85;
}

/* 話していない日のひとりごとは、さらに静かに */
.weekly-v6-diary--lite .weekly-v6-diary__bubble {
  border-style: dashed;
  background: transparent;
  color: var(--weekly-v6-muted);
}

.weekly-v6-hook {
  display: flex;
  gap: 8px;
  width: 100%;
  margin: 8px 0 3px;
  padding: 8px 11px;
  border-radius: 10px;
  background: var(--weekly-v6-asayake-soft);
  color: var(--weekly-v6-ink);
  font-size: 12px;
  line-height: 1.75;
  text-align: left;
  text-decoration: none;
}

.weekly-v6-hook--compact {
  margin-left: 8px;
  width: calc(100% - 8px);
}

.weekly-v6-hook__when {
  flex: 0 0 auto;
  color: var(--weekly-v6-asayake);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.08em;
}

.weekly-v6-hook__body {
  min-width: 0;
}

.weekly-v6-hook__seed {
  display: block;
  margin-top: 2px;
  color: var(--weekly-v6-asayake-deep);
  font-size: 11.5px;
  font-weight: 700;
}

.weekly-v6-message {
  margin-bottom: 10px;
}

.weekly-v6-message__bubble {
  flex: 1 1 auto;
  margin: 0;
  padding: 10px 13px;
  border-radius: 4px 14px 14px 14px;
  background: var(--weekly-v6-asayake-soft);
  font-size: 13.5px;
  line-height: 1.9;
}

.weekly-v6-quote {
  margin: 14px 0 0;
  padding: 14px 10px 10px;
  border-top: 1px solid var(--weekly-v6-asayake);
  border-bottom: 1px solid var(--weekly-v6-asayake);
  text-align: center;
}

.weekly-v6-quote__label {
  margin: 0 0 8px;
  color: var(--weekly-v6-asayake);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.24em;
}

.weekly-v6-quote blockquote {
  min-height: 7em;
  max-height: 11em;
  margin: 0 auto 8px;
  color: var(--weekly-v6-ink);
  font-family: var(--weekly-v6-serif);
  font-size: 16px;
  line-height: 2;
  letter-spacing: 0.06em;
  writing-mode: vertical-rl;
}

.weekly-v6-quote figcaption {
  color: var(--weekly-v6-faint);
  font-size: 11px;
  letter-spacing: 0.12em;
}

.weekly-v6-quote__why {
  display: flex;
  gap: 7px;
  align-items: flex-start;
  margin-top: 10px;
  text-align: left;
}

.weekly-v6-quote__why span {
  flex: 1 1 auto;
}

.weekly-v6-memo-list {
  display: grid;
  gap: 9px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.weekly-v6-memo-list li {
  padding: 10px 12px;
  border: 1px dashed var(--weekly-v6-asayake);
  border-radius: 10px;
  color: var(--weekly-v6-ink);
  font-size: 13px;
}

.weekly-v6-memo-status,
.weekly-v6-memo-source {
  display: inline-block;
  margin-left: 7px;
  color: var(--weekly-v6-asayake);
  font-size: 10px;
}

.weekly-v6-memo-source {
  color: var(--weekly-v6-faint);
}

.weekly-v6-empty-note {
  margin: 8px 0 0;
  color: var(--weekly-v6-faint);
  font-size: 12px;
}

.weekly-v6-visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
}

@media (max-width: 470px) {
  .weekly-v6-phone {
    max-width: none;
    box-shadow: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    scroll-behavior: auto !important;
    transition: none !important;
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
  }
}