/* 音岳グルーヴ（ONTAKE GROOVE）Phase 1 プロトタイプ — デイライトテーマ
   青空×森林×のろしの火。野外イベントの昼の空気をベースに、
   アクセントは狼煙＝ランタンオレンジ。ジャンル色は企画書 §05 のまま */
/* ===== 配色：墨と緑の2色だけ =====
   2026-07-25 オーナー判断で段階的に削減し、最終的に「黒（墨）＋緑」の2色へ。
   当初は6系統43色を使い、ジャンル・状態・警告をすべて色で表現していた。

   引き算の原則（Apple / スターバックスに共通する作法）:
     ・地は白。階層は色ではなく「文字の太さ・大きさ・余白・罫線」で作る
     ・色は最小限に留め、意味を1つに固定する
         墨   … 情報そのもの（濃淡3段で主・副・補助を出す）
         緑   … ブランドと「いま選ばれているもの」だけ
     ・強調は色を足すのではなく、コントラストを上げて解決する。
       中止・売切のような最重要ラベルは【墨のベタ塗り＋白文字＝16.7:1】とし、
       白地の中でもっとも強い面を作る（赤の5.96:1より目立つ）
     ・警告の赤は廃止。注意は太字・枠線・ベタ塗りで表す
   無彩色（白・灰・墨）は色数に数えない。 */
:root{
  --paper:#FFFFFF;      /* 地：白 */
  --card:#FFFFFF;       /* カード面：白（境界は罫線と影で作る） */
  --panel:#F2F3F0;      /* 一段沈んだ面（バッジ地・セグメント地） */
  --line:#E0E2DC;       /* 罫線 */
  --line-strong:#C9CCC4;/* 輪郭を締めたい箇所 */

  /* 墨の3段（白地でのコントラスト: 16.7 / 10.9 / 6.1）。
     階層はこの濃淡と字面の太さで作り、色には頼らない */
  --ink:#1B1F1C;        /* 主：見出し・本文・最重要ラベルの地 */
  --ink-soft:#3A3E3B;   /* 副：補足情報 */
  --dim:#5E645F;        /* 補助：注記・日付・単位 */

  /* 唯一の有彩色。ブランドと選択状態にだけ使う（白地5.5:1 / 濃い方は7.6:1） */
  --green:#2C774B;
  --green-deep:#245F3C;

  /* 後方互換のエイリアス（既存クラス名を壊さず2色へ集約）。
     肯定は緑、警告系は墨へ寄せ、独自の色は持たせない */
  --ok:var(--green);
  --warn:var(--ink-soft);
  --alert:var(--ink);
  --fire:var(--green);
  --moss:var(--green);
  --sky-deep:var(--green);
  --lantern:var(--green);
  --lantern-deep:var(--green-deep);
  --sky:var(--panel);

  /* ---- 書体（2026-07-26 オーナー指示「英数字をヘルベチカ系のサンセリフに統一」）----
     font-family はグリフ単位で解決されるため、ラテン系を先頭に置くだけで
     「英数字＝ヘルベチカ系／日本語＝従来のゴシック」が成立する。
     Helvetica Neue(macOS/iOS) → Helvetica → Arial(Windows・字幅互換)
     → Liberation Sans(Linux・Arial字幅互換) の順で落とす。外部読み込みはしない。
     従来は日付・バッジ・ラベルだけ等幅（ui-monospace）だったため、
     同じ画面に2種類の英数字が並んでいた。桁揃えが要る箇所は
     font-variant-numeric:tabular-nums で担保する（等幅書体に頼らない）。 */
  --latin:"Helvetica Neue",Helvetica,Arial,"Liberation Sans";
  --sans:var(--latin),"Hiragino Kaku Gothic ProN","Hiragino Sans","Yu Gothic Medium",sans-serif;
  /* 明朝を使う箇所も英数字だけはヘルベチカ系に揃える */
  --serif:var(--latin),"Hiragino Mincho ProN","Yu Mincho",serif;
}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
[hidden]{display:none!important}
html,body{margin:0;height:100%}
body{
  background:#E9EBE8; /* アプリ枠外の地。2026-07-25 グラデーション廃止（オーナー判断）でベタ塗りへ */
  color:var(--ink);
  font-family:var(--sans);
  font-size:14px;line-height:1.6;
  -webkit-font-smoothing:antialiased;
}
button{font:inherit;color:inherit;background:none;border:none;padding:0;cursor:pointer}

#app{
  max-width:560px;margin:0 auto;height:100dvh;
  display:flex;flex-direction:column;
  /* 2026-07-25 グラデーション廃止（オーナー判断）。空→草原の演出は色そのもの
     （--sky-deep のアクセント・--moss の見出し）で保ち、地はベタの紙色に統一する */
  background:var(--paper);
  border-left:1px solid var(--line);border-right:1px solid var(--line);
}
#app.detail-mode .hdr,#app.detail-mode .seg,#app.detail-mode .chips,#app.detail-mode .nav{display:none}

/* ---------- header ---------- */
.hdr{
  /* 2026-07-26 オーナー指摘「ロゴまわりが狭い。もっと余白を使ってかっこよく」。
     ロゴとローマ字を1行に詰めていたため、320px幅では件数表示と数pxまで接近していた。
     縦2段の組みに変え、上下の余白を 14/6 → 26/16 に開く。
     ローマ字は字間を大きく開けて（.34em）ロゴの下に敷く＝雑誌の柱の組み方 */
  display:flex;justify-content:space-between;align-items:flex-end;gap:12px;
  padding:26px 18px 16px;flex-shrink:0;
}
.brand{display:flex;flex-direction:column;gap:7px;min-width:0}
.logo{
  /* ロゴは Kiwi Maru（丸明オールド系の丸い明朝・SIL OFLで同梱配信可・オーナー指示 2026-07-19）。
     必要グリフのwoff2スライスのみ vendor/kiwi-maru/ に同梱（@font-faceは末尾セクション）。
     読み込み前・未対応環境はヒラギノ明朝へフォールバック */
  font-family:var(--latin),"Kiwi Maru","Hiragino Mincho ProN","Yu Mincho",serif;
  font-size:23px;letter-spacing:.13em;font-weight:500;color:var(--ink);line-height:1.05;
}
.logo{margin:0}  /* h1へ昇格したので既定の余白を消す（見た目は従来どおり・2026-08-27） */
.logo em{color:inherit;font-style:normal} /* 「グルーヴ」も「音岳」と同色（オーナー指示 2026-07-19） */
.hdr .romaji{
  font-family:var(--sans);font-size:8.5px;font-weight:400;color:var(--dim);
  letter-spacing:.34em;line-height:1;white-space:nowrap;
}
.cnt{font-size:10.5px;color:var(--sky-deep);line-height:1;white-space:nowrap}

/* ---------- FVヒーロー ----------
   2026-08-25 オーナー決定: 写真の使用はここだけ（運営者自身の撮影分に限る）。
   文字は写真の上に置くため白＝墨のグラデーションで可読性を確保（色は増やさない）。
   リード文はヒラギノ明朝（--serif・2026-08-25 オーナー指示） */
/* FVヒーロー。#view（スクロールする側）の先頭に置かれ、カードと一緒に流れていく */
/* 余韻棚では絞り込みバー(.chips)が非表示になり、タブのボタンと写真が密着する
   （FES側は間にバーがあり63px空く・余韻側は0pxだった。2026-08-25オーナー指摘）。
   バーが hidden のときだけ写真の上に間隔を足す */
/* 値はFES側の間隔（タブ下端→写真上端が63px）に合わせてある。こうすると棚を
   切り替えても写真の位置が動かない */
#chips[hidden] + main .hero{margin-top:63px}
.hero{position:relative;overflow:hidden;background:var(--ink);flex-shrink:0;margin-bottom:32px}
.hero-img{display:block;width:100%;height:clamp(300px,44vh,440px);object-fit:cover;object-position:50% 72%}
.hero-copy{
  position:absolute;left:0;right:0;bottom:0;padding:30px 20px 26px;color:#fff;
  background:linear-gradient(to top,rgba(27,31,28,.60),rgba(27,31,28,.26) 55%,transparent);
}
.hero-lead{
  /* 2026-08-25 オーナー指示で書体はヒラギノ明朝（--serif）。W6相当の太さで写真上の可読性を確保 */
  margin:0;font-family:var(--serif);
  font-weight:600;font-size:clamp(21px,4.2vw,29px);line-height:1.6;letter-spacing:.08em;
  text-shadow:0 1px 16px rgba(27,31,28,.5);
}
.hero-sub{margin:9px 0 0;font-size:clamp(11.5px,2.3vw,14px);letter-spacing:.05em;opacity:.94}
.hero-credit{
  position:absolute;top:10px;right:12px;margin:0;font-size:9.5px;letter-spacing:.03em;
  color:rgba(255,255,255,.78);text-shadow:0 1px 6px rgba(27,31,28,.55);
}
/* 2行組を常時に固定（「会いに/いく」のような中途半端な折返しを構造的に防ぐ） */
.hero-br{display:block}

/* ---------- FES/LOCAL segment ---------- */
.seg{
  display:flex;gap:4px;margin:6px 16px 0;flex-shrink:0;
  background:rgba(255,255,255,.45);border:1px solid var(--line);border-radius:9px;padding:3px;
}
.seg button{
  flex:1;text-align:center;font-size:11.5px;padding:6px 0;border-radius:7px;color:var(--dim);
}
/* 選択中の棚は緑のベタ＋白文字（2026-07-25 オーナー指示）。フッターと同じ色で
   「いま選ばれているもの」を示し、未選択は無彩のまま沈める */
.seg button.on{background:var(--green-deep);color:#fff;font-weight:700;box-shadow:none}

/* ---------- 出発地バー＋フィルタチップ（2段・各行横スクロール） ---------- */
.chips{display:flex;flex-direction:column;gap:6px;padding:8px 0 6px;flex-shrink:0}
.dep-scroll,.chip-scroll{
  display:flex;gap:6px;padding:2px 16px;overflow-x:auto;scrollbar-width:none;
}
.dep-scroll::-webkit-scrollbar,.chip-scroll::-webkit-scrollbar{display:none}
.dep-scroll{padding-bottom:2px}
.dep-scroll::before{
  content:"出発地";flex-shrink:0;align-self:center;font-size:9.5px;color:var(--dim);
  font-family:var(--sans);margin-right:2px;
}
.chip-f{
  font-size:11.5px;padding:6px 12px;border-radius:99px;white-space:nowrap;
  border:1px solid var(--line-strong);color:var(--ink-soft);flex-shrink:0;
  background:rgba(255,255,255,.55);
}
.chip-f.on{background:var(--lantern-deep);border-color:var(--lantern-deep);color:#fff;font-weight:700}
.chip-f.dep{padding:5px 11px;font-size:11px}
.chip-f.dep.on{background:var(--green-deep);border-color:var(--green-deep)} /* 出発地も緑へ統一（2026-07-25 2色規律） */
.chip-f.clear{background:#fff;border-color:var(--alert);color:var(--alert);font-weight:700}
.chip-f.past-month{color:var(--dim);border-style:dashed} /* opacity弱調はコントラスト2.6:1で未達のため配色で弱調 */
.chip-f:active{opacity:.7}
.chip-div{flex-shrink:0;width:1px;background:var(--line-strong);margin:4px 2px}

/* ---------- 絞り込みバー（畳んだ1行）＋ボトムシート ----------
   モバイルで2段の横スクロールが常時96px居座り、条件も見切れていた問題への対処。
   常設は1行（出発地の現在値＋絞り込み件数）に圧縮し、詳細はシートで全件を一覧させる。 */
.filter-bar{
  display:flex;align-items:center;gap:8px;flex-shrink:0;
  padding:7px 16px 8px;
}
.fb-btn{
  display:flex;align-items:center;gap:6px;min-height:34px;
  padding:6px 13px 6px 11px;border-radius:99px;white-space:nowrap;
  border:1px solid var(--line-strong);background:rgba(255,255,255,.62);color:var(--ink-soft);
  font-size:11.5px;line-height:1.2;
}
.fb-btn .fb-k{
  font-family:var(--sans);font-size:9px;letter-spacing:.1em;
  color:var(--dim);
}
.fb-btn .fb-v{font-weight:700;color:var(--ink)}
.fb-btn .fb-caret{font-size:8px;color:var(--dim);margin-left:1px}
.fb-btn.on{background:var(--lantern-deep);border-color:var(--lantern-deep)}
.fb-btn.on .fb-k,.fb-btn.on .fb-v,.fb-btn.on .fb-caret{color:#fff}
.fb-btn.dep-on{background:var(--green-deep);border-color:var(--green-deep)} /* 出発地も緑へ統一（2026-07-25 2色規律） */
.fb-btn.dep-on .fb-k,.fb-btn.dep-on .fb-v,.fb-btn.dep-on .fb-caret{color:#fff}
.fb-btn:active{opacity:.72}
.fb-clear{
  margin-left:auto;font-size:11px;color:var(--alert);text-decoration:underline;
  text-underline-offset:2px;padding:8px 2px;white-space:nowrap;
}

/* ボトムシート本体 */
.fsheet{position:fixed;inset:0;z-index:320;display:flex;align-items:flex-end;justify-content:center}
.fsheet-scrim{position:absolute;inset:0;background:rgba(27,31,28,.42)}
.fsheet-panel{
  position:relative;width:100%;max-width:560px;max-height:82dvh;
  display:flex;flex-direction:column;
  background:var(--card);border-radius:18px 18px 0 0;
  box-shadow:0 -8px 40px rgba(27,31,28,.22);
  animation:fsheet-up .22s cubic-bezier(.22,.68,.36,1);
}
@keyframes fsheet-up{from{transform:translateY(14px);opacity:.6}to{transform:none;opacity:1}}
@media (prefers-reduced-motion:reduce){.fsheet-panel{animation:none}}
.fsheet-head{
  display:flex;align-items:center;justify-content:space-between;gap:10px;
  padding:14px 16px 10px;border-bottom:1px solid var(--line);flex-shrink:0;
}
.fsheet-head h2{font-size:13px;color:var(--ink);font-weight:700}
.fsheet-head .fsheet-x{
  width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;
  font-size:17px;color:var(--ink-soft);background:var(--panel);
}
.fsheet-body{overflow-y:auto;overscroll-behavior:contain;padding:4px 16px 12px}
.fsheet-grp{padding:12px 0 4px;border-bottom:1px dashed var(--line)}
.fsheet-grp:last-of-type{border-bottom:none}
.fsheet-grp .lg{
  font-family:var(--sans);font-size:9.5px;letter-spacing:.16em;
  color:var(--moss);margin-bottom:8px;display:flex;align-items:center;gap:6px;
}
.fsheet-grp .lg-n{
  display:inline-flex;align-items:center;justify-content:center;min-width:15px;height:15px;
  padding:0 4px;border-radius:99px;background:var(--lantern-deep);color:#fff;
  font-size:8.5px;letter-spacing:0;font-weight:700;
}
.fsheet-wrap{display:flex;flex-wrap:wrap;gap:7px} /* 横スクロールをやめ、折り返して全条件を見せる */
.fsheet-foot{
  flex-shrink:0;display:flex;gap:10px;align-items:center;
  padding:12px 16px calc(12px + env(safe-area-inset-bottom));
  border-top:1px solid var(--line);background:var(--card);
}
.fsheet-foot .clear-all{
  font-size:12px;color:var(--alert);text-decoration:underline;text-underline-offset:2px;padding:10px 4px;
}
.fsheet-foot .apply{
  margin-left:auto;min-height:44px;padding:0 22px;border-radius:11px;
  background:var(--lantern-deep);color:#fff;font-weight:700;font-size:13px;
}
.fsheet-foot .apply:active{opacity:.85}

/* ---------- main ---------- */
#view{flex:1;overflow-y:auto;overscroll-behavior:contain;display:flex;flex-direction:column}
.list-body{padding:2px 12px 20px;display:flex;flex-direction:column;gap:10px}
.sec-label{
  font-family:var(--sans);
  font-size:9.5px;letter-spacing:.2em;color:var(--moss);
  margin:12px 4px 0;
}
.foot-note{
  font-size:10px;color:var(--dim);line-height:1.8;
  padding:14px 6px 4px;border-top:1px dashed var(--line);margin:10px 4px 0;
}
/* フッター注記の強調（--moss は2色規律で --green のエイリアス） */
.foot-note b{color:var(--moss);font-weight:600}
.empty{
  padding:48px 24px;text-align:center;color:var(--dim);font-size:12.5px;line-height:2;
}

/* ---------- event card ---------- */
.ev{
  position:relative;
  background:var(--card);border:1px solid var(--line);border-radius:14px;overflow:hidden;
  cursor:pointer;box-shadow:0 1px 4px rgba(27,31,28,.08);
}
.ev:active{transform:scale(.99)}
/* stretched-link: 名前を本物の<a>にしつつ全面クリック可（操作要素の入れ子を避ける） */
.ev-link{color:var(--ink);text-decoration:none}
.ev-link::after{content:"";position:absolute;inset:0;z-index:1}
.ev:has(.ev-link:focus-visible){outline:3px solid var(--sky-deep);outline-offset:2px}
.ev-link:focus-visible{outline:none}
/* 予算3状態の注記 */
.budget-note{position:relative;z-index:2;font-size:10px;margin-top:7px;padding:4px 8px;border-radius:6px;line-height:1.5}
.budget-note.maybe{background:var(--panel);color:var(--ink-soft);border:1px solid var(--line-strong)}
.budget-note.within{color:var(--ok)}
.budget-note.unknown{color:var(--dim)}
/* カード上の保存ブックマーク（stretched-linkの上に出す） */
.card-save{
  position:absolute;top:8px;right:8px;z-index:3;
  width:34px;height:34px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  background:rgba(251,252,246,.86);box-shadow:0 1px 4px rgba(27,31,28,.35);
}
.card-save svg{width:15px;height:16px;stroke:var(--ink);fill:none;stroke-width:1.7;stroke-linejoin:round}
.card-save.on{background:var(--lantern-deep)}
.card-save.on svg{stroke:#fff;fill:#fff}
.card-save:active{transform:scale(.9)}
/* 日付行（2026-07-25 色付きサムネ帯を廃止し、日付をカード本文の先頭テキストへ移した）。
   帯が無くなった分カードが短くなり、一覧の情報密度が上がる */
/* カレンダー型のカード（2026-07-26 オーナー選択）。日付を左に立てて視覚的な錨にする。
   縦に走査したとき日付だけを拾い読みでき、「いつ行けるか」から探す文脈に合う。
   色は増やさず、罫線と文字の大小だけで組み立てる */
.ev .in{display:grid;grid-template-columns:44px 1fr;gap:11px;padding:13px 14px 14px}
.ev .daybox{
  display:flex;flex-direction:column;align-items:center;
  padding-top:2px;border-right:1px solid var(--line);margin-right:-2px;
}
.ev .daybox .mo{
  font-family:var(--sans);font-size:10px;font-weight:700;
  color:var(--dim);letter-spacing:.06em;
}
.ev .daybox .dd{
  font-family:var(--sans);font-size:25px;font-weight:700;
  color:var(--ink);line-height:1.05;letter-spacing:-.03em;font-variant-numeric:tabular-nums;
}
.ev .daybox .dd.none{color:var(--dim)} /* 日程未定のダッシュ。装飾ではなく読める濃さにする */
.ev .daybox .dw{
  font-family:var(--sans);font-size:9.5px;font-weight:700;
  color:var(--dim);letter-spacing:.1em;margin-top:1px;
}
.ev .daybox .span{
  font-size:8.5px;color:var(--dim);margin-top:5px;padding-top:5px;
  border-top:1px solid var(--line);width:34px;text-align:center;line-height:1.3;
}
.ev .ev-body{min-width:0} /* グリッド内で長い名前が溢れないように */

/* ---------- 会場の地形（カード左端の縦帯・2026-07-26 オーナー選択） ----------
   国土地理院の標高タイルから起こした等高線を墨一色で通す。写真ではないので
   権利の問題が出ず、色も増えない。30件が全部ちがう絵になる。
   地図ではなく「その会場の土地の気配」なので、会場位置の点は打たない
   （座標は推定を含み、点を置くと精度を偽ることになる）。 */
.ev .spine{
  position:absolute;left:0;top:0;bottom:0;width:66px;overflow:hidden;pointer-events:none;
  background:#FCFCFB;border-right:1px solid rgba(27,31,28,.10);
}
.ev .spine svg{display:block;width:100%;height:100%}
.ev .spine .tl{
  fill:none;stroke:var(--ink);stroke-opacity:.19;stroke-width:.6;
  vector-effect:non-scaling-stroke;stroke-linejoin:round;stroke-linecap:round;
}
.ev .spine .tl.mj{stroke-opacity:.34;stroke-width:.9} /* 主曲線。5本に1本だけ濃くして地図としての読みを作る */
/* 縦帯を敷いたカードは、日付の列を帯の幅に合わせる（罫線は帯の右端が兼ねる） */
.ev.has-terrain .in{grid-template-columns:66px 1fr;gap:12px;padding-left:0}
.ev.has-terrain .daybox{position:relative;border-right:none;margin-right:0}
/* 「◯日間」は8.5pxで、等高線に重なると読みにくい。白い座布団に載せて地の線から切り離す
   （オーナー判断 2026-07-26。日付・曜日は字が大きく太いのでそのまま） */
.ev.has-terrain .daybox .span{
  background:#fff;border-top:none;border-radius:4px;
  width:auto;min-width:34px;padding:3px 6px 3.5px;margin-top:7px;
}
.ev.has-terrain .statusline,.ev.has-terrain .ev-body{position:relative} /* 帯より前面に置く */
/* ステータスは色に頼らず輪郭つきの小さなラベルで示す。
   中止・売切など見落とすと困るものだけ墨のベタ塗りにする（有彩色2色の規律） */
.ev .statusline{margin-bottom:5px}
.ev .statusline .ribbon{
  font-family:var(--sans);font-size:9px;font-weight:700;
  padding:2px 6px;border-radius:4px;white-space:nowrap;display:inline-block;
  color:var(--dim);border:1px solid var(--line-strong);background:var(--panel);
}
.ev .statusline .ribbon.alert{background:var(--ink);border-color:var(--ink);color:#fff;letter-spacing:.06em}
.ev .statusline .ribbon.warn{color:var(--ink);border-color:var(--ink);background:#fff}
/* 2026-07-25 「すっきりしすぎて寂しい」への対処。色を足さずに抑揚で解決する。
   従来は 10 / 10.5 / 11 / 14px の4段階しかなく最大/最小が1.4倍しかないため、
   視線の入口が無く均質に見えていた。名前を大きく取り、日付・場所・バッジとの
   対比を 1.8倍まで開く（Apple・スターバックスの見出しと本文の落差に倣う） */
/* 右上の保存ボタン（44px）を避ける。名前を大きくしたぶん、長い名称が
   ボタンへ潜り込みやすくなるため1行目だけ幅を詰める */
/* 保存ボタン（右上・粗いポインタでは44px）の占める帯だけを本文から空ける。
   float は .nm ではなく .ev-body に置く：名前が1行で収まると次の行（場所）が
   ボタンの帯へ上がり込むため、名前だけを守っても足りない
   （2026-07-26 英数字の書体統一で英字タイトルが1行に収まり顕在化）。
   高さ42px＝ボタン下端(8+44)からカード内側の余白13pxを引いた値に余裕を持たせたもの。
   帯より下の行はカード幅いっぱいを使う（カレンダー型で幅が減ったぶんの回収）。 */
.ev .nm{font-weight:700;font-size:17.5px;line-height:1.34;letter-spacing:-.012em;color:var(--ink)}
.ev .ev-body::before{content:"";float:right;width:38px;height:42px}
.ev .pl{font-size:11.5px;color:var(--dim);margin:4px 0 11px;line-height:1.5}
.ev .meta{display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center}
.ev .gtags{display:flex;gap:5px;margin-top:10px;flex-wrap:wrap}
.ev .hold-why{font-size:10.5px;color:var(--dim);margin-top:8px;line-height:1.6}
.ev.past{opacity:.62}
.ev.postponed{opacity:.8}
.ev.hold{opacity:.75;border-style:dashed;border-color:var(--line-strong);box-shadow:none}

/* ---------- badges / chips ---------- */
.bdg{
  display:inline-flex;align-items:center;gap:5px;
  font-family:var(--sans);
  font-size:10.5px;letter-spacing:.02em;line-height:1;
  padding:5px 9px;border-radius:6px;white-space:nowrap;
  background:var(--panel);color:var(--ink-soft);
  font-variant-numeric:tabular-nums;
}
.bdg svg{width:11px;height:11px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
/* 2026-07-25 カード内の配色ルールを統一（オーナー指摘「ボタンとテキストの色がバラバラ」）。
   従来は 電車OK/テント泊/オールナイト=緑、車推奨=墨、未確認=灰 と、静的な情報を色で
   分類していたため、1枚のカードに4通りの扱いが混在していた。
   Apple・スターバックスに共通する規律へ揃える:
     ・色は「押せるもの・選ばれているもの」にだけ使う（カード内では保存済みボタンのみ緑）
     ・静的な情報は墨の濃淡だけで表し、強弱は字面の太さ・大きさで出す
   よって ok/warn/alert/fire の色分けは廃止し、確度の弱い「未確認」だけを灰に落とす */
.bdg.dim{color:var(--dim)}
.bdg.dim svg{opacity:.8}
/* ジャンルチップ。2026-07-25 に6色の塗り分けを廃止し、識別はチップの「文字」が担う。
   四つ打ち系(main)は緑の輪郭で少しだけ前に出し、その他は無彩色（編集上の主従を残す） */
.chip{
  display:inline-flex;font-size:10px;line-height:1;padding:4px 9px;border-radius:99px;
  letter-spacing:.04em;white-space:nowrap;
}
.chip.main{background:#fff;color:var(--ink);font-weight:700;border:1px solid var(--line-strong)}
.chip.other{background:var(--panel);color:var(--dim);font-weight:400;border:1px solid var(--line)}

/* ---------- map ---------- */
.mapwrap{flex:1;position:relative;margin:2px 12px 12px;border-radius:14px;border:1px solid var(--line);overflow:hidden;min-height:300px;box-shadow:0 1px 4px rgba(27,31,28,.08)}
#lmap{position:absolute;inset:0;background:#EDEFEC}
.leaflet-container{font:inherit}
/* 出典表示は地理院タイルの利用条件上も必ず読めるべき要素。
   8.5pxと小さいため、--dim（この地で5.8:1）を使う（旧 #7C807D は3.57でAA未達・2026-07-25是正） */
.leaflet-control-attribution{
  background:rgba(251,252,246,.85)!important;color:var(--dim)!important;font-size:8.5px!important;
}
.leaflet-control-attribution a{color:var(--sky-deep)!important}
.pinwrap{background:none;border:none}
.pin{
  min-width:26px;height:26px;padding:0 6px;border-radius:99px;
  background:var(--lantern-deep);color:#fff;font-weight:700;
  font-family:var(--sans);font-size:11px;
  display:flex;align-items:center;justify-content:center;
  box-shadow:0 0 0 4px rgba(44,119,75,.30),0 4px 10px rgba(27,31,28,.3);
}
.pin-one{min-width:15px;height:15px;padding:0;border:2px solid #fff}
.pin.sel{background:#fff;color:var(--lantern-deep);box-shadow:0 0 0 4px rgba(44,119,75,.40),0 4px 10px rgba(27,31,28,.3)}
.map-card{
  position:absolute;left:10px;right:10px;bottom:10px;z-index:900;
  background:var(--card);border:1px solid var(--line);border-radius:12px;padding:10px 12px;
  cursor:pointer;box-shadow:0 8px 24px rgba(27,31,28,.25);
}
.map-card .nm{font-size:12.5px;font-weight:700;color:var(--ink)}
.map-card .pl{font-size:10px;color:var(--dim);margin:2px 0 7px}
.map-card .meta{display:flex;gap:5px;flex-wrap:wrap}
.map-card .open{
  position:absolute;top:10px;right:12px;font-size:10px;color:var(--lantern-deep);font-weight:700;
}
.map-hint{
  position:absolute;left:50%;bottom:12px;transform:translateX(-50%);z-index:800;
  font-size:9.5px;color:var(--ink-soft);background:rgba(251,252,246,.9);
  padding:5px 12px;border-radius:99px;border:1px solid var(--line);white-space:nowrap;
}
.map-fallback{padding:40px 24px;text-align:center;color:var(--dim);font-size:12px;line-height:2}

/* ---------- calendar ---------- */
.cal{padding:4px 16px 8px}
.cal .mo{display:flex;justify-content:space-between;align-items:center;margin:4px 0 10px}
.cal .mo b{font-size:16px;letter-spacing:.06em;color:var(--ink)}
.cal .mo .mnav{display:flex;gap:6px}
.cal .mo .mnav button{
  font-size:12px;color:var(--ink-soft);border:1px solid var(--line-strong);border-radius:7px;
  padding:4px 12px;font-family:var(--sans);
  background:rgba(255,255,255,.55);
}
.cal .mo .mnav button:disabled{opacity:.3}
.cal .dow,.cal .week{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}
.cal .dow div{font-size:9px;color:var(--dim);text-align:center;padding:3px 0;font-family:var(--sans)}
.cal .dow div:first-child,.cal .week .d:first-child{color:var(--ink);font-weight:700} /* 日曜は色でなく字面の太さで示す（2026-07-25 赤を廃止） */
.cal .week .d{
  font-size:10.5px;text-align:center;padding:5px 0 2px;color:var(--ink-soft);
  font-family:var(--sans);font-variant-numeric:tabular-nums;
}
/* 月外の日は「弱く」見せたいが、2.32:1では文字として読めない。
   AAを満たす範囲でもっとも淡い緑グレーに置き換え、弱調は本文色との差で表現（2026-07-25） */
.cal .week .d.mute{color:#6E736F} /* 月外の日。無彩の灰で弱調（白地4.83:1でAA） */
.cal .week .d.today{color:var(--green-deep);font-weight:700} /* 今日はブランド緑で示す（2026-07-25 橙を廃止） */
.cal .bands{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;margin:1px 0 2px;min-height:15px}
/* 暦の帯。ジャンル色の塗り分けを廃止し、四つ打ち系(main)＝緑の塗り／その他＝白地に輪郭で
   主従だけを残す（チップの規律と揃える） */
.cal .band{
  font-size:8.5px;line-height:1;padding:4px 5px;border-radius:4px;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
  background:var(--green-deep);color:#fff;font-weight:700;cursor:pointer;
}
.cal .band.other-tier{background:#fff;color:var(--ink);border:1px solid var(--line-strong);font-weight:600}
.cal-list{padding:10px 16px 20px;display:flex;flex-direction:column;gap:8px}
.cal-li{
  display:flex;gap:11px;align-items:center;background:var(--card);
  border:1px solid var(--line);border-radius:10px;padding:9px 11px;cursor:pointer;
  box-shadow:0 1px 3px rgba(27,31,28,.06);
}
.cal-li .dd{font-family:var(--sans);font-variant-numeric:tabular-nums;font-size:9.5px;color:var(--dim);white-space:pre-line;text-align:center;line-height:1.5;min-width:34px}
.cal-li .nm{font-size:12px;font-weight:700;line-height:1.35;color:var(--ink)}
.cal-li .nm .bdg{margin-left:5px;padding:3px 6px;font-size:8px}
.cal-li .sub{font-size:9.5px;color:var(--dim);margin-top:1px}
.cal-empty{padding:18px;text-align:center;color:var(--dim);font-size:11px}

/* ---------- detail ---------- */
.det{flex:1;overflow-y:auto;padding-bottom:34px;background:var(--paper)}
/* ヒーローもジャンル色の塗りを廃止。白地に墨文字とし、下端の罫線で本文と分ける */
.det-hero{
  min-height:96px;position:relative;padding:46px 16px 14px;
  display:flex;flex-direction:column;justify-content:flex-end;
  background:#fff;border-bottom:1px solid var(--line);
}
.det-hero .back{
  position:absolute;top:12px;left:12px;font-size:14px;color:var(--ink);
  background:var(--panel);border:1px solid var(--line);border-radius:99px;padding:5px 13px;
}
.det-hero .nm{font-family:var(--serif);font-size:19px;font-weight:600;letter-spacing:.03em;line-height:1.4;color:var(--ink)}
.det-hero .pl{font-size:11px;color:var(--dim);margin-top:3px}
.det-hero .stamp{
  position:absolute;top:12px;right:12px;
  font-family:var(--sans);font-size:9.5px;font-weight:700;
  background:var(--ink);color:#fff;border:1px solid var(--ink);
  padding:4px 8px;border-radius:5px;
}
.det-body{padding:13px 16px 8px;display:flex;flex-direction:column;gap:12px}
.det-body .meta{display:flex;gap:5px;flex-wrap:wrap;align-items:center}
.det-sec{border-top:1px solid var(--line);padding-top:11px}
.det-sec .h{font-size:9.5px;letter-spacing:.18em;color:var(--moss);font-family:var(--sans);margin-bottom:6px}
.det-row{display:flex;flex-wrap:wrap;justify-content:space-between;gap:2px 14px;font-size:12px;padding:3px 0}
.det-row .k{color:var(--dim);flex:1 1 auto;min-width:0;word-break:break-word}
.det-row .v{text-align:right;font-variant-numeric:tabular-nums;color:var(--ink);word-break:break-word}
.det-row .v.ok{color:var(--ok)}
.det-row .v.warn{color:var(--warn)}
.det-row .v.fire{color:var(--fire)}
.det-note{font-size:11px;color:var(--ink-soft);line-height:1.8;margin-top:4px}
.det-caveat{
  font-size:9.5px;color:var(--warn);margin-top:6px;
  font-family:var(--sans);
}
.stay-link{
  display:flex;justify-content:space-between;align-items:center;gap:8px;
  background:var(--panel);border-radius:8px;padding:9px 11px;font-size:11px;margin-top:8px;
  color:var(--ink-soft);
}
.stay-link .go{color:var(--dim);font-weight:700}
.cta{display:grid;grid-template-columns:1fr 1.4fr;gap:8px;margin-top:4px}
.cta button{
  border-radius:10px;text-align:center;padding:13px 0;font-size:13px;
}
.cta .b1{border:1px solid var(--line-strong);color:var(--ink);background:var(--card)}
.cta .b1.on{border-color:var(--warn);color:var(--warn);font-weight:700;background:var(--panel)}
.cta .b2{background:var(--lantern-deep);font-weight:700;color:#fff;box-shadow:0 2px 8px rgba(27,31,28,.22)}
.cta .b2.on{background:var(--ok);box-shadow:none}
.cta-note{font-size:9.5px;color:var(--dim);text-align:center;margin-top:2px}
.src{font-size:9.5px;color:var(--dim);font-family:var(--sans);line-height:1.9;word-break:break-all}
.src b{color:var(--ok);font-weight:600}
.src a{color:var(--sky-deep)}
.src .corr{color:var(--warn)}

/* ---------- STAY: 近くで寝る ---------- */
.stay-list{display:flex;flex-direction:column;gap:7px;margin-top:6px}
.stay-item{
  display:flex;gap:10px;align-items:center;text-decoration:none;color:var(--ink);
  background:var(--card);border:1px solid var(--line);border-radius:9px;padding:9px 11px;
}
.stay-item:active{opacity:.75}
.stay-type{
  flex-shrink:0;font-size:9.5px;color:var(--ok);
  font-family:var(--sans);
  border:1px solid var(--line-strong);border-radius:5px;padding:3px 6px;min-width:58px;text-align:center;
  background:rgba(44,119,75,.06);
}
.stay-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}
.stay-nm{font-size:12px;font-weight:700;line-height:1.4}
.stay-note{font-size:9.5px;color:var(--dim);line-height:1.5}
/* 右端の距離・価格。flex-shrink:0 だけだと、長い価格文字列がそのまま横幅を取り、
   中央の施設名が1文字ずつ縦に潰れる（2026-08-25 オーナー指摘。33字の価格内訳が原因）。
   幅に上限を設けて、名前が読める領域を必ず残す。価格の内訳は note（全幅）へ書くこと */
.stay-side{
  flex-shrink:0;max-width:38%;overflow-wrap:anywhere;
  text-align:right;font-size:9.5px;color:var(--ink-soft);line-height:1.6;
  font-family:var(--sans);font-variant-numeric:tabular-nums;
}

/* ---------- LOCAL: デジタルフライヤー棚 ---------- */
.local-head{
  display:flex;justify-content:space-between;align-items:baseline;gap:10px;
  padding:8px 16px 0;
}
.local-head .area{font-size:11px;color:var(--ink);font-weight:700;letter-spacing:.08em}
.local-head .note{font-size:9.5px;color:var(--dim);text-align:right}
.flyers{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:10px 16px}
/* フライヤーも白ベースへ（2026-07-25）。夜色のポスター表現をやめ、
   FES棚のカードと同じ紙の上に置く。
   ※当初は左端に緑の太罫を入れたが、検出器が「AI生成UIの典型的な癖（side-tab）」として
     指摘したため撤去。余韻棚であることは棚の見出しと「サンプル掲載」ラベルが担う */
.fly{
  border-radius:12px;padding:11px 12px;
  background:#fff;border:1px solid var(--line);color:var(--ink);
  display:flex;flex-direction:column;gap:5px;min-height:126px;
  text-decoration:none;cursor:pointer;box-shadow:0 1px 4px rgba(27,31,28,.08);
}
.fly:active{opacity:.8}
/* ---------- 地区の街路（札の上端の横帯・2026-07-26 オーナー選択） ----------
   FES側が「山の等高線を左端の縦帯に通す」ので、縦長の札には横帯で対応する。
   国土地理院のベクトルタイルから起こした道路と鉄道を墨一色で。写真は使わない。
   道路は薄く地の texture として、鉄道だけ濃く通す（棚の名前＝帰り道の音）。
   地区の代表点まわりの図で、店の正確な位置は示さない。 */
.fly.banded{padding-top:0;overflow:hidden;position:relative}
.fly.banded .band{
  display:block;height:46px;margin:0 -12px 8px;overflow:hidden;
  background:#FCFCFB;border-bottom:1px solid rgba(27,31,28,.10);
}
.fly .band svg{display:block;width:100%;height:100%}
.fly .band .cr{
  fill:none;stroke:var(--ink);stroke-opacity:.30;stroke-width:.8;
  vector-effect:non-scaling-stroke;stroke-linejoin:round;stroke-linecap:round;
}
.fly .band .ct{ /* 鉄道 */
  fill:none;stroke:var(--ink);stroke-opacity:.62;stroke-width:1.4;
  vector-effect:non-scaling-stroke;stroke-linejoin:round;
}
/* 余韻棚のジャンルチップは「OTHER・アコースティック」のように長くなることがあり、
   320px幅では2列の札からはみ出す。折り返しを許して文字を欠けさせない
   （FES側のチップは短いので nowrap のまま） */
.fly .chip{white-space:normal;max-width:100%;line-height:1.35;text-align:center}
.fly .band .cw{ /* 川・水面 */
  fill:var(--ink);fill-opacity:.07;stroke:var(--ink);stroke-opacity:.22;stroke-width:1;
  vector-effect:non-scaling-stroke;
}
/* 2026-07-26 「寂しい」への対処。8〜12pxの4段階しかなく全体に痩せて見えていたため、
   FES側と同じ手法（色を足さず、日付に存在感・名前を大きく）で抑揚を作る。
   日付＝札の見出し（字間を開けた墨）、時刻＝その下の補助、名前＝焦点 */
.fly .fd{
  font-family:var(--sans);font-variant-numeric:tabular-nums;font-size:11.5px;font-weight:700;
  color:var(--ink);letter-spacing:.06em;line-height:1.2;
}
.fly .ft{
  font-family:var(--sans);font-size:9px;color:var(--dim);
  margin-top:-2px;line-height:1.3;
}
/* 長い公演名（最長60字超）で札の高さが172〜267pxまでばらつくため3行で丸める。
   全文は title 属性とリンク先に残す。札は「一覧して選ぶ」ためのもので、
   正式名称の提示はリンク先の役割 */
.fly .fn{
  font-size:15px;font-weight:700;line-height:1.35;letter-spacing:-.01em;color:var(--ink);margin-top:3px;
  display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;
}
.fly .fv{font-size:9.5px;color:var(--dim);margin-top:auto;line-height:1.5}
.fly .fp{font-family:var(--sans);font-variant-numeric:tabular-nums;font-size:10px;font-weight:700;color:var(--ink-soft)}
.fly .paid{
  align-self:flex-start;font-size:8px;letter-spacing:.1em;
  border:1px solid var(--line-strong);color:var(--dim);
  border-radius:4px;padding:2px 6px;margin-top:2px;
}
.fly .fp .dist{margin-left:8px;color:var(--green-deep);font-weight:700}

/* 余韻棚: 現在地から近い順ツール */
.local-tools{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:4px 16px 0}
.local-tools .tool-note{font-size:10.5px;color:var(--dim)}

/* ---------- LOCAL placeholder ---------- */
.local-ph{padding:44px 28px;text-align:center;color:var(--dim);font-size:12px;line-height:2.1}
.local-ph .big{font-size:15px;color:var(--ink);font-weight:700;margin-bottom:8px}
.local-ph .tag{
  display:inline-block;font-family:var(--sans);font-size:9.5px;
  letter-spacing:.2em;color:var(--lantern-deep);border:1px solid var(--lantern-deep);
  border-radius:5px;padding:3px 9px;margin-bottom:16px;
}

/* ---------- saved ---------- */
.saved-body{padding:6px 12px 20px;display:flex;flex-direction:column;gap:10px}

/* ---------- bottom nav ---------- */
/* フッターは緑のベタ（2026-07-25 オーナー指示）。白い本文をブランド色の枠が挟む構成にし、
   選択中は白の実線、未選択は白を落として区別する（色を増やさず不透明度で階層を作る） */
.nav{
  display:grid;grid-template-columns:repeat(4,1fr);flex-shrink:0;
  border-top:1px solid var(--green-deep);padding:9px 6px calc(10px + env(safe-area-inset-bottom));
  background:var(--green-deep);
}
.nav a{
  text-align:center;font-size:9.5px;color:rgba(255,255,255,.78);text-decoration:none;
  display:flex;flex-direction:column;gap:3px;align-items:center;
}
.nav svg{width:17px;height:17px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.nav a.on{color:#fff;font-weight:700}
.nav a.on svg{stroke-width:2.1}

/* ---------- loading / error ---------- */
.boot{padding:60px 24px;text-align:center;color:var(--dim);font-size:12px;line-height:2}
.boot code{
  display:inline-block;background:var(--panel);border-radius:6px;padding:3px 9px;
  font-family:var(--sans);font-size:11px;color:var(--ink);
}
.boot.err{color:var(--alert)}
.spinner{
  width:24px;height:24px;margin:0 auto 14px;border-radius:50%;
  border:3px solid var(--line);border-top-color:var(--lantern-deep);
  animation:spin .8s linear infinite;
}
@keyframes spin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.spinner{animation:none}}

/* ---------- v2: 総額バッジの概算タグ ---------- */
.bdg .est{
  font-size:8px;background:var(--warn);color:#fff;border-radius:3px;
  padding:1px 3px;margin-left:3px;letter-spacing:.02em;
}

/* ---------- v2: 詳細の状態行・出発地バー・総額・出典 ---------- */
.det-statusline{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:2px}
.dep-bar{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:8px}
.dep-opt{
  font-size:11px;padding:5px 11px;border-radius:99px;
  border:1px solid var(--line-strong);background:rgba(255,255,255,.6);color:var(--ink-soft);
}
.dep-opt.on{background:var(--sky-deep);border-color:var(--sky-deep);color:#fff;font-weight:700}
.det-row.total{
  border-top:1px solid var(--line);margin-top:4px;padding-top:8px;font-weight:700;font-size:13px;
}
.det-row.total .v{color:var(--lantern-deep)}
.official-btn{
  display:block;text-align:center;background:var(--lantern-deep);color:#fff;font-weight:700;
  text-decoration:none;border-radius:10px;padding:13px 0;font-size:13px;
  box-shadow:0 2px 8px rgba(27,31,28,.20);
}
.official-btn:active{opacity:.85}
.report-btn{
  display:block;width:100%;margin-top:10px;font-size:11px;color:var(--dim);
  border:1px dashed var(--line-strong);border-radius:8px;padding:9px 0;background:rgba(255,255,255,.4);
}
.report-btn:disabled{color:var(--ok);border-style:solid;border-color:var(--line-strong)}
.src-map{display:flex;flex-direction:column;gap:5px}
.src-line{font-size:10.5px;color:var(--ink-soft);line-height:1.7}
.src-line b{font-family:var(--sans);font-size:9px;margin-right:4px}
.src-line b.ok{color:var(--ok)} .src-line b.warn{color:var(--warn)} .src-line b.dim{color:var(--dim)}
.src-line a{color:var(--sky-deep);word-break:break-all}
.src-corr{font-size:10px;color:var(--warn);margin-top:6px;line-height:1.7}
.src-foot{font-size:9.5px;color:var(--dim);margin-top:8px;font-family:var(--sans)}
.src-foot b{color:var(--ok)}

/* ---------- v2: ゼロ結果 ---------- */
.zero{padding:34px 18px 20px}
.zero-big{font-size:15px;font-weight:700;color:var(--ink);text-align:center}
.zero-actions{display:flex;flex-direction:column;align-items:center;gap:8px;margin-top:14px}
.zero-hint{font-size:11px;color:var(--dim);text-align:center;line-height:1.8}
.link-btn{
  font-size:12px;color:var(--sky-deep);text-decoration:underline;padding:6px 4px;background:none;
}
.link-btn.strong{
  text-decoration:none;background:var(--lantern-deep);color:#fff;font-weight:700;
  border-radius:9px;padding:10px 20px;
}

/* ---------- v2: 余韻棚イントロ ---------- */
.local-intro{
  font-size:11.5px;color:var(--ink-soft);line-height:1.8;
  padding:12px 16px;margin:2px 12px 4px;background:var(--panel);border-radius:10px;
}
.local-intro b{color:inherit;font-weight:700} /* 「余韻」も本文と同色（オーナー指示 2026-07-19） */
/* FES棚のイントロ（2026-07-26）。余韻棚には最初から一言あったのにFES側には無く、
   初めて来た人に何のサイトか伝わらなかった。同じ体裁で置いて左右を揃える */
.local-intro .more{
  display:inline-block;margin-left:2px;color:var(--green-deep);
  text-decoration:underline;text-underline-offset:2px;white-space:nowrap;
}

/* ---------- v2: カレンダー 今日ボタン ---------- */
.cal .mo .mnav button#calToday{color:var(--lantern-deep);border-color:var(--lantern-deep)}

/* ---------- v2: オフライン帯 ---------- */
body.offline #app::before{
  /* SW未導入のためオフラインで再起動は不可＝「開いている間のみ」を正直に伝える（公開前チェック#16） */
  content:"⚠ オフライン：開いている間は保存済みを表示できます（閉じると再読み込みはできません）";
  display:block;background:var(--warn);color:#fff;font-size:10.5px;text-align:center;padding:4px;
}

/* ========== v2.1: バッジ3階層（Primary=総額/アクセス, Secondary=宿泊/音, Tertiary=規模/ジャンル） ========== */
/* 3階層で「質感」を変える（2026-07-25）。全部を同じ塗りのピルにすると
   同じ大きさの粒が並ぶ壁になり、単調で寂しく見える。
   最重要（総額・アクセス）だけ面を持たせ、以下は地を外して文字に落とす */
.bdg.tier-1{font-weight:700;color:var(--ink);padding:6px 10px}
.bdg.tier-1 svg{stroke-width:2}
.bdg.tier-2{background:transparent;padding:5px 0;font-weight:400;color:var(--ink-soft)}
.bdg.tier-3{
  background:transparent;padding:5px 0;color:var(--dim);
  font-size:10px;font-weight:400;
}
.bdg.tier-3 svg{opacity:.75}
/* ジャンルチップ(Tertiary)は既存のモノトーン寄りを維持 */
.gtags{margin-top:8px}

/* ========== v2.1: 項目単位の出典 ========== */
.src-items{display:flex;flex-direction:column;gap:7px;margin-bottom:8px}
.src-item{
  display:grid;grid-template-columns:5.2em auto 1fr;gap:6px 8px;align-items:baseline;
  font-size:10.5px;line-height:1.6;padding-bottom:6px;border-bottom:1px dashed var(--line);
}
.src-item:last-child{border-bottom:none}
.si-label{color:var(--ink);font-weight:700}
.si-conf{
  font-family:var(--sans);font-size:8.5px;
  padding:1px 5px;border-radius:4px;border:1px solid currentColor;white-space:nowrap;
}
.si-conf.ok{color:var(--ok)} .si-conf.warn{color:var(--warn)} .si-conf.dim{color:var(--dim)}
.si-src{color:var(--ink-soft);word-break:break-all}
.si-src a{color:var(--sky-deep)}
.si-date{display:block;color:var(--dim);font-size:9px;font-family:var(--sans);margin-top:1px}
.det-caveat.method{color:var(--dim)}

/* ========== v2.1: アクセシビリティ ========== */
/* フォーカスリング（キーボード操作時） */
.chip-f:focus-visible,.dep-opt:focus-visible,.card-save:focus-visible,.ev:focus-visible,
.nav a:focus-visible,.cta button:focus-visible,.official-btn:focus-visible,.link-btn:focus-visible,
.back:focus-visible,.report-btn:focus-visible,.seg button:focus-visible,.mnav button:focus-visible,
.stay-item:focus-visible,.fly:focus-visible,.cal-li:focus-visible,.band:focus-visible,
/* 絞り込みバー・条件シートの操作要素（2026-07-25 追加分。登録漏れでキーボード操作時に
   フォーカス位置が見えなくなっていた＝WCAG 2.4.7違反を是正） */
.fb-btn:focus-visible,.fb-clear:focus-visible,
.fsheet-x:focus-visible,.fsheet-foot .apply:focus-visible,.fsheet-foot .clear-all:focus-visible{
  outline:3px solid var(--sky-deep);outline-offset:2px;border-radius:8px;
}
/* 緑のベタ地では緑のリングが沈むため、白リングへ切り替えて視認性を保つ。
   フッター（緑地）と選択中の棚ボタンも同じ扱い（2026-07-25 フッター緑化に伴い追加） */
.fb-btn.on:focus-visible,.fb-btn.dep-on:focus-visible,.fsheet-foot .apply:focus-visible,
.nav a:focus-visible,.seg button.on:focus-visible{
  outline-color:#fff;box-shadow:0 0 0 5px rgba(27,31,28,.45);
}
/* タップ領域 44px 以上 */
.card-save{width:44px;height:44px}
.nav a{min-height:44px;justify-content:center}
.dep-opt,.chip-f{min-height:34px;display:inline-flex;align-items:center}
.cta button{min-height:48px}
/* 375px以下でも横スクロールさせない（各行内スクロールに限定） */
html,body{overflow-x:hidden}
#view{overflow-x:hidden}
/* reduced-motion */
@media (prefers-reduced-motion:reduce){
  *{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}
  .ev:active,.card-save:active,.cta button:active{transform:none}
}

/* ============================================================ */
/* Map v2                                                       */
/* ============================================================ */
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}

/* レイアウト（モバイル=地図全面／デスクトップ=左一覧＋右地図） */
body.map-desktop #app{max-width:none}
.mapv2{position:relative;flex:1;display:flex;min-height:0}
.mapv2-list{display:none}
.mapv2-mapwrap{position:relative;flex:1;min-height:340px}
#lmap{position:absolute;inset:0;background:#EDEFEC}
.mapv2.as-list .mapv2-mapwrap{display:none}
.mapv2.as-list .mapv2-list{display:block;flex:1;overflow-y:auto;padding:6px 12px 20px}
.mapv2.split{flex-direction:row}
.mapv2.split .mapv2-list{display:block;width:360px;flex:none;overflow-y:auto;border-right:1px solid var(--line);padding:8px 10px 20px}
.mapv2.split .mapv2-mapwrap{display:block}
.map-fallback .mapv2-list.open{display:block;padding:8px 12px 20px}

/* 上部コントロール（Safe Area） */
.map-topctrl{position:absolute;top:calc(10px + env(safe-area-inset-top));left:10px;right:10px;z-index:900;display:flex;justify-content:space-between;gap:8px;pointer-events:none}
.map-topctrl>*{pointer-events:auto}
.seg.mini{display:flex;gap:3px;background:rgba(251,252,246,.92);border:1px solid var(--line);border-radius:9px;padding:3px;box-shadow:0 2px 8px rgba(27,31,28,.18)}
.seg.mini button{min-height:38px;padding:0 14px;border-radius:7px;font-size:12px;color:var(--dim)}
.seg.mini button.on{background:var(--lantern-deep);color:#fff;font-weight:700}
.here-btn{width:44px;height:44px;border-radius:50%;background:rgba(251,252,246,.95);border:1px solid var(--line);box-shadow:0 2px 8px rgba(27,31,28,.2);font-size:18px;color:var(--sky-deep)}
.here-btn.active{background:var(--sky-deep);color:#fff}
.here-btn.denied{color:#9AA69C}

.offline-band{position:absolute;top:calc(60px + env(safe-area-inset-top));left:10px;right:10px;z-index:901;background:#1B1F1C;color:#fff;font-size:11px;padding:7px 12px;border-radius:8px;text-align:center}
.offline-band a{color:#fff;text-decoration:underline}

.area-search{position:absolute;top:calc(60px + env(safe-area-inset-top));left:50%;transform:translateX(-50%);z-index:901;background:var(--lantern-deep);color:#fff;font-weight:700;font-size:12px;min-height:38px;padding:0 16px;border-radius:99px;box-shadow:0 3px 10px rgba(27,31,28,.25)}
.toast{position:absolute;bottom:calc(210px + env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);z-index:902;background:rgba(27,31,28,.9);color:#fff;font-size:11.5px;padding:8px 14px;border-radius:99px;max-width:86%;text-align:center}

.map-empty{position:absolute;inset:0;z-index:800;display:flex;align-items:center;justify-content:center;pointer-events:none}
.map-empty .me-in{pointer-events:auto;background:rgba(251,252,246,.96);border:1px solid var(--line);border-radius:12px;padding:20px 22px;font-size:12.5px;line-height:2;text-align:center;color:var(--ink-soft);box-shadow:0 6px 20px rgba(27,31,28,.2)}

/* ボトムカード 3状態 */
.map-bottomcard{position:absolute;left:0;right:0;bottom:0;z-index:905;background:var(--card);border-top:1px solid var(--line);border-radius:16px 16px 0 0;box-shadow:0 -4px 20px rgba(27,31,28,.18);padding:6px 14px calc(10px + env(safe-area-inset-bottom));display:flex;flex-direction:column}
.mapv2.split .map-bottomcard{left:auto;right:16px;bottom:16px;width:360px;border-radius:14px;border:1px solid var(--line)}
.map-bottomcard.state-min{min-height:calc(56px + env(safe-area-inset-bottom))}
.map-bottomcard.state-compact{min-height:190px}
.map-bottomcard.state-expanded{max-height:60vh;overflow-y:auto}
@media (max-height:620px){.map-bottomcard.state-compact{min-height:150px}.map-bottomcard.state-expanded{max-height:50vh}}
.card-handle{align-self:center;width:44px;height:20px;position:relative;flex-shrink:0}
.card-handle::before{content:"";position:absolute;top:8px;left:50%;transform:translateX(-50%);width:36px;height:4px;border-radius:2px;background:var(--line-strong)}
.card-band{font-size:10px;font-weight:700;padding:2px 8px;border-radius:5px;align-self:flex-start;color:#fff;margin-bottom:2px}
.card-band.alert{background:var(--alert)} .card-band.warn{background:var(--warn)}
.card-nav{display:flex;align-items:stretch;gap:6px}
.card-prev,.card-next{width:44px;flex-shrink:0;font-size:20px;color:var(--dim);border-radius:8px}
.card-prev:disabled,.card-next:disabled{opacity:.3}
.card-body{flex:1;min-width:0}
.card-min{display:flex;justify-content:space-between;align-items:baseline;gap:10px;padding:4px 0}
.cm-name{font-weight:700;font-size:13px}.cm-date{font-family:var(--sans);font-size:10px;color:var(--dim)}
.cc-row1{display:flex;justify-content:space-between;align-items:baseline}
.cc-date{font-family:var(--sans);font-size:10px;color:var(--dim)}
.cc-status{font-size:9.5px;font-family:var(--sans)}
.cc-status.ok{color:var(--ok)}.cc-status.warn{color:var(--warn)}.cc-status.alert{color:var(--alert)}.cc-status.dim{color:var(--dim)}
.cc-name{font-weight:700;font-size:14.5px;line-height:1.35;margin:2px 0}
.cc-place{font-size:11px;color:var(--dim);margin-bottom:7px}
.cc-badges{display:flex;flex-wrap:wrap;gap:5px}
.cc-b{font-size:11px;padding:5px 9px;border-radius:6px;background:var(--panel);color:var(--ink);font-family:var(--sans)}
.cc-b.prim{font-weight:700}
.card-foot{display:flex;align-items:center;gap:8px;margin-top:8px}
.card-counter{font-family:var(--sans);font-size:10px;color:var(--dim)}
.card-foot .card-save{position:static;width:auto;height:44px;min-width:88px;border-radius:9px;background:var(--panel);color:var(--ink);font-size:12px;font-weight:700;box-shadow:none}
.card-foot .card-save.on{background:var(--ok);color:#fff}
.card-detail{margin-left:auto;min-height:44px;display:inline-flex;align-items:center;color:var(--lantern-deep);font-weight:700;font-size:12.5px;text-decoration:none}
.ce-sec{border-top:1px solid var(--line);margin-top:9px;padding-top:8px}
.ce-h{font-size:9.5px;letter-spacing:.16em;color:var(--moss);font-family:var(--sans);margin-bottom:5px}
.ce-row{display:flex;justify-content:space-between;font-size:11.5px;padding:2px 0}
.ce-note,.ce-empty{font-size:10px;color:var(--dim);margin-top:3px}
.ce-facs{display:flex;flex-direction:column;gap:4px}
.ce-fac{font-size:11.5px;display:flex;flex-direction:column}
.ce-fac small{color:var(--dim);font-size:9px}

/* ピン */
.pinwrap{background:none;border:none}
.ev-pin{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:26px;height:26px;border-radius:50%;background:var(--lantern-deep);display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px rgba(27,31,28,.4);cursor:pointer}
.ev-pin .glyph{width:14px;height:14px}
.ev-pin.k-selected{width:40px;height:40px;box-shadow:0 0 0 4px rgba(44,119,75,.35),0 4px 12px rgba(27,31,28,.5)}
.ev-pin.k-saved{background:#fff;border:2px solid var(--lantern-deep)}
.ev-pin.k-saved .glyph circle{fill:var(--lantern-deep)}
.ev-pin.k-cancelled{background:#96999A}
.ev-pin .x-mark{color:#fff;font-weight:700;font-size:15px}
.ev-pin .save-check{position:absolute;color:var(--lantern-deep);font-weight:700;font-size:13px}
.ev-pin .upd-dot{position:absolute;top:-2px;right:-2px;width:9px;height:9px;border-radius:50%;background:var(--ink);border:1.5px solid #fff}
.ev-pin .d-label{position:absolute;top:100%;left:50%;transform:translateX(-50%);margin-top:2px;font:700 9px var(--sans);background:#1B1F1C;color:#fff;padding:1px 5px;border-radius:4px;white-space:nowrap}
.ev-pin:focus-visible{outline:3px solid var(--sky-deep);outline-offset:2px}

.fac-pin{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:22px;height:22px;border-radius:50%;background:#fff;border:1.5px solid #9AA69C;display:flex;align-items:center;justify-content:center;cursor:pointer}
.fac-pin .fac-glyph{font-size:11px;line-height:1}
.fac-pin.sel{background:#1B1F1C;border-color:#1B1F1C;color:#fff}
.fac-chip{position:absolute;left:26px;white-space:nowrap;background:#1B1F1C;color:#fff;font-size:10px;padding:2px 6px;border-radius:5px}
.fac-pin:focus-visible{outline:3px solid var(--sky-deep);outline-offset:2px}

.cluster{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);min-width:34px;height:34px;padding:0 6px;border-radius:99px;color:#fff;font:700 12px var(--sans);display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px rgba(27,31,28,.4)}
.cluster.cl-normal{background:var(--lantern-deep)}
.cluster.cl-cancelled{background:#96999A}
.cluster.cl-mixed{background:var(--lantern-deep)}
.cluster .cl-aux{position:absolute;bottom:-2px;right:-2px;width:11px;height:11px;border-radius:50%;background:#96999A;border:1.5px solid #fff}
.cluster:focus-visible{outline:3px solid var(--sky-deep);outline-offset:2px}

.here-dot{display:block;width:16px;height:16px;border-radius:50%;background:var(--green-deep);border:3px solid #fff;box-shadow:0 0 0 2px rgba(44,119,75,.35)}
.here-acc{stroke:var(--green-deep);fill:var(--green-deep);fill-opacity:.12;stroke-opacity:.4}

/* 一覧パネル項目 */
.mlp-list{display:flex;flex-direction:column;gap:7px}
.mlp-item{text-align:left;display:flex;flex-direction:column;gap:2px;min-height:56px;padding:9px 11px;background:var(--card);border:1px solid var(--line);border-radius:10px}
.mlp-item.sel{border-color:var(--lantern-deep);box-shadow:0 0 0 2px rgba(44,119,75,.18)}
.mlp-dt{font-family:var(--sans);font-size:9.5px;color:var(--dim)}
.mlp-nm{font-weight:700;font-size:12.5px}
.mlp-st{font-size:9px;font-family:var(--sans)}
.mlp-st.ok{color:var(--ok)}.mlp-st.warn{color:var(--warn)}.mlp-st.alert{color:var(--alert)}.mlp-st.dim{color:var(--dim)}
.mlp-sub{font-size:10px;color:var(--dim)}
.mlp-empty{padding:30px 18px;text-align:center;color:var(--dim);font-size:12px}

/* ---------- Map v2.1: スナップショット表示・更新フラグ ---------- */
.offline-note{font-size:11px;color:#fff;background:#1B1F1C;border-radius:8px;padding:8px 12px;line-height:1.7}
.snap-card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:12px 14px}
.snap-nm{font-weight:700;font-size:14px;margin-bottom:6px}
.snap-row{display:flex;gap:10px;font-size:11.5px;padding:2px 0}
.snap-row .k{color:var(--dim);flex:0 0 7em}
.snap-row .v{flex:1;word-break:break-word}
.snap-foot{margin-top:8px;font:10px var(--sans);color:var(--dim)}
.update-flag{font-size:10.5px;color:var(--warn);background:var(--panel);border:1px solid var(--line-strong);border-radius:8px;padding:6px 10px;line-height:1.6}

/* ========== 公開ページ導線（フッター）・現在地の事前説明・公開ドキュメント ========== */
.site-foot{flex-shrink:0;padding:16px 16px calc(14px + env(safe-area-inset-bottom));text-align:center;font-size:11px;color:var(--dim)}
.site-foot a{color:var(--dim);text-decoration:underline;text-underline-offset:2px;padding:8px 2px;display:inline-block}
.site-foot span{margin:0 6px}
.mapv2 + .site-foot{padding:8px 12px;font-size:10px}

.geo-modal{position:fixed;inset:0;z-index:300;background:rgba(27,31,28,.45);display:flex;align-items:center;justify-content:center;padding:20px}
.geo-sheet{background:var(--card);border:1px solid var(--line);border-radius:14px;max-width:340px;width:100%;padding:20px;box-shadow:0 12px 40px rgba(27,31,28,.28)}
.geo-sheet h2{font-size:14px;color:var(--ink);margin-bottom:10px}
.geo-sheet ul{font-size:12px;line-height:1.9;color:var(--ink-soft);padding-left:1.2em;margin-bottom:16px}
.geo-sheet li{list-style:disc;margin:2px 0}
.geo-actions{display:flex;gap:10px}
.geo-actions button{flex:1;min-height:44px;border-radius:10px;font-size:13px;cursor:pointer}
#geoUse{background:var(--lantern-deep);color:#fff;border:none;font-weight:600}
#geoCancel{background:none;border:1px solid var(--line);color:var(--ink)}

/* privacy.html / notes.html（公開ドキュメントページ） */
.doc{max-width:560px;margin:0 auto;padding:26px 20px 60px;line-height:1.95;font-size:13px;color:var(--ink);background:var(--card)} /* 見出し/リンク色のAA確保 */
.doc .doc-back{display:inline-block;margin-bottom:16px;font-size:12px;color:var(--lantern-deep);text-decoration:underline;text-underline-offset:2px}
.doc h1{font-size:18px;margin:4px 0 4px}
.doc .doc-date{font-size:11px;color:var(--dim);margin-bottom:20px}
/* about.html の導入。本文より一段大きくして、最初の数行で何のサイトか伝える */
.doc .doc-lead{font-size:13.5px;line-height:2;color:var(--ink-soft);margin:14px 0 6px}
.doc h2{font-size:14px;margin:24px 0 6px;color:var(--lantern-deep)}
.doc p{margin:6px 0}
.doc ul{padding-left:1.3em;margin:6px 0}
.doc li{list-style:disc;margin:3px 0}
.doc a{color:var(--lantern-deep);text-decoration:underline;text-underline-offset:2px}
.doc .doc-foot{margin-top:34px;padding-top:14px;border-top:1px solid var(--line);font-size:11px;color:var(--dim)}

/* e/*.html（イベント1件＝1URLの検索向けページ。tools/build-pages.mjs が生成）
   アプリ内の詳細画面とは別物で、JSを待たずに読める静的な本文。
   .doc の作法（白地・墨・緑・罫線だけ）をそのまま使い、表組みだけ足す */
.ev-page .ev-facts{margin:8px 0 4px;border-top:1px solid var(--line)}
.ev-page .ev-fact{display:grid;grid-template-columns:76px 1fr;gap:10px;
  padding:8px 0;border-bottom:1px solid var(--line);align-items:baseline}
.ev-page .ev-fact dt{font-size:11px;color:var(--dim);letter-spacing:.04em}
.ev-page .ev-fact dd{margin:0;font-size:13px;color:var(--ink);font-variant-numeric:tabular-nums}
.ev-page .ev-note{display:block;margin-top:3px;font-size:11px;line-height:1.7;color:var(--dim)}
.ev-page .ev-cav{margin:8px 0 0;font-size:11px;line-height:1.85;color:var(--dim)}
.ev-page .ev-stays,.ev-page .ev-src,.ev-page .ev-index{padding-left:0;margin:8px 0}
.ev-page .ev-stays li,.ev-page .ev-src li{list-style:none;padding:7px 0;
  border-bottom:1px solid var(--line);font-size:12.5px;line-height:1.8}
.ev-page .ev-index li{list-style:none;padding:10px 0;border-bottom:1px solid var(--line)}
.ev-page .ev-index a{font-size:14px;font-weight:700;text-decoration:none}
.ev-page .ev-index a:hover{text-decoration:underline}
/* 終了したものは表示側で下へ送る（HTMLは開催日順のまま・生成日を焼かない） */
.ev-page .ev-index .ev-index-sep{margin-top:22px;padding:10px 0 4px;border-bottom:none;
  font-size:11px;letter-spacing:.06em;color:var(--dim)}
.ev-page .ev-index .is-done a{font-weight:400;color:var(--dim)}
.ev-page .ev-index .is-done .ev-note{color:var(--dim)}
/* 日程が過ぎたときだけ表示側で出す注意書き（生成時刻をHTMLへ焼かないため） */
.ev-page .ev-past{margin:10px 0;padding:8px 10px;border:1px solid var(--ink);
  font-size:12px;font-weight:700;color:var(--ink)}

/* ========== ロゴ用フォント Kiwi Maru（同梱・SIL OFL 1.1） ==========
   ロゴ「音岳グルーヴ」に必要な文字を含む3スライス（計約50KB）のみを同梱。
   Google Fonts配信のwoff2を無改変で再配布（ライセンス本文: vendor/kiwi-maru/OFL.txt）。
   外部フォントCDNへの接続はしない（自己完結・プライバシーポリシー記載と整合） */

@font-face{
  font-family:"Kiwi Maru";font-style:normal;font-weight:500;font-display:swap;
  src:url(../vendor/kiwi-maru/kiwi-maru-500.81.woff2) format("woff2");
  unicode-range:U+2010, U+2502, U+25b6, U+4f3a, U+514b, U+5265, U+52c3, U+5339, U+53ec, U+54c0, U+55b0, U+5854, U+5b8f, U+5cb3, U+5e84, U+60da, U+6247, U+6249, U+628a, U+62cd, U+65ac, U+6838, U+690e, U+6cf0, U+6f02, U+6f2c, U+6f70, U+708a, U+7434, U+75be, U+77ef, U+7c60, U+7c98, U+7d1b, U+7e2b, U+80a5, U+81e3, U+820c, U+8210, U+8475, U+862d, U+8650, U+8997, U+906d, U+91c8, U+9700, U+9727, U+9df9, U+ff3a, U+ff9a;
}
@font-face{
  font-family:"Kiwi Maru";font-style:normal;font-weight:500;font-display:swap;
  src:url(../vendor/kiwi-maru/kiwi-maru-500.112.woff2) format("woff2");
  unicode-range:U+4e16, U+4e3b, U+4ea4, U+4ee4, U+4f4d, U+4f4f, U+4f55, U+4f9b, U+5317, U+5358, U+53c2, U+53e4, U+548c, U+571f, U+59cb, U+5cf6, U+5e38, U+63a2, U+63b2, U+6559, U+662d, U+679c, U+6c7a, U+72b6, U+7523, U+767d, U+770c, U+7a2e, U+7a3f, U+7a7a, U+7b2c, U+7b49, U+7d20, U+7d42, U+8003, U+8272, U+8a08, U+8aac, U+8cb7, U+8eab, U+8ee2, U+9054-9055, U+90fd, U+914d, U+91cd, U+969b, U+97f3, U+984c, U+ff06;
}
@font-face{
  font-family:"Kiwi Maru";font-style:normal;font-weight:500;font-display:swap;
  src:url(../vendor/kiwi-maru/kiwi-maru-500.119.woff2) format("woff2");
  unicode-range:U+20, U+2027, U+3001-3002, U+3041-307f, U+3081-308f, U+3091-3093, U+3099-309a, U+309d-309e, U+30a1-30e1, U+30e3-30ed, U+30ef-30f0, U+30f2-30f4, U+30fb-30fe, U+ff0c, U+ff0e;
}

/* ライブカメラ（js/camera.js）。押すまでYouTubeへ接続しない作りなので、
   押す前の見た目＝ただの枠とボタン。色は既存の2色（墨・緑）だけを使う */
.cam{margin:2px 0 0}
.cam .cam-play{display:flex;align-items:center;justify-content:center;gap:8px;
  width:100%;aspect-ratio:16/9;border:1px solid var(--line-strong);border-radius:8px;
  background:var(--panel);color:var(--ink);font-size:13px;font-weight:700;cursor:pointer;
  font-family:inherit}
.cam .cam-play:hover{background:#EAECE7}
.cam .cam-play:focus-visible{outline:2px solid var(--green-deep);outline-offset:2px}
.cam .cam-ico{display:inline-flex;align-items:center;justify-content:center;
  width:34px;height:34px;border-radius:50%;background:var(--green-deep);color:#fff;font-size:13px}
.cam .cam-frame{display:block;width:100%;aspect-ratio:16/9;border:1px solid var(--line-strong);
  border-radius:8px;background:var(--panel)}
.cam .cam-name{margin:9px 0 1px;font-size:13px;font-weight:700;color:var(--ink)}
.cam .cam-dist{font-size:11.5px;color:var(--ink-soft);font-variant-numeric:tabular-nums}
.cam .cam-note{margin:7px 0 0;font-size:11px;line-height:1.8;color:var(--dim)}
.cam .cam-note a{color:var(--green-deep);text-decoration:underline;text-underline-offset:2px}
/* 静的ページ（e/*.html）側でも同じ見た目にする */
.ev-page .cam{margin-top:8px}

/* ══ 金継ぎ 追補スタイル（修理デモ・本体は無改変）══
   音岳グルーヴ／2026-08-27
   方針:
   ・破れ（読めない文字）を全部つぶす＝12px未満をなくし、写真の上の白文字に地を作る
   ・**役割のある色は統合しない**＝等高線の帯の地(#FCFCFB)・保留カードの枠(#E0E2DC)・
     保存ボタンの面(#FBFCF6)は、自動処方が白へ潰そうとしたが採らなかった（役割ごと消えるため）
   ・定番度（6バッジ・ローマ字ロゴ）は製品の芯と商標の事情があるので触らない＝診断どまり
   ここから下は naoshi の自動処方から font / 角丸 / 緑の濃さ統一だけを採ったもの */
/* [font] 役割「その他」の 23px を近いサイズ 25px へ寄せる（25%以内・一番使われている値へ） */
.logo { font-size: 25px; }
/* [font] 役割「その他」の 11.5px を近いサイズ 12px へ寄せる（25%以内・一番使われている値へ・極小） */
.local-intro { font-size: 12px; }
/* [font] 役割「その他」の 11.5px を近いサイズ 12px へ寄せる（25%以内・一番使われている値へ・極小） */
.ev .pl { font-size: 12px; }
/* [font] 役割「その他」の 11px を近いサイズ 12px へ寄せる（25%以内・一番使われている値へ・極小） ⚠inherited（祖先 .site-foot の規則を上書き＝配下全部に効く） */
.site-foot { font-size: 12px; }
/* [font] 役割「その他」の 10.5px を近いサイズ 12px へ寄せる（25%以内・一番使われている値へ・極小） */
.cnt { font-size: 12px; }
/* [font] 役割「その他」の 10.5px を近いサイズ 12px へ寄せる（25%以内・一番使われている値へ・極小） */
.bdg { font-size: 12px; }
/* [font] 役割「その他」の 10.5px を近いサイズ 12px へ寄せる（25%以内・一番使われている値へ・極小） */
.ev .hold-why { font-size: 12px; }
/* [font] 役割「その他」の 10px を近いサイズ 12px へ寄せる（25%以内・一番使われている値へ・極小） */
.ev .daybox .mo { font-size: 12px; }
/* [font] 役割「その他」の 10px を近いサイズ 12px へ寄せる（25%以内・一番使われている値へ・極小） */
.bdg.tier-3 { font-size: 12px; }
/* [font] 役割「その他」の 10px を近いサイズ 12px へ寄せる（25%以内・一番使われている値へ・極小） */
.chip { font-size: 12px; }
/* [font] 役割「その他」の 10px を近いサイズ 12px へ寄せる（25%以内・一番使われている値へ・極小） */
.foot-note { font-size: 12px; }
/* [font] 役割「その他」の 9.5px を近いサイズ 12px へ寄せる（25%以内・一番使われている値へ・極小） */
.ev .daybox .dw { font-size: 12px; }
/* [font] 役割「その他」の 9.5px を近いサイズ 12px へ寄せる（25%以内・一番使われている値へ・極小） */
.sec-label { font-size: 12px; }
/* [font] 役割「その他」の 9px を近いサイズ 12px へ寄せる（25%以内・一番使われている値へ・極小） */
.ev .statusline .ribbon { font-size: 12px; }
/* [font] 役割「その他」の 8.5px を近いサイズ 12px へ寄せる（25%以内・一番使われている値へ・極小） */
.hdr .romaji { font-size: 12px; }
/* [font] 役割「その他」の 8.5px を近いサイズ 12px へ寄せる（25%以内・一番使われている値へ・極小） */
.ev .daybox .span { font-size: 12px; }
/* [font] 役割「ボタン」の 11.5px を近いサイズ 12px へ寄せる（25%以内・一番使われている値へ・極小） */
.seg button { font-size: 12px; }
/* [font] 役割「ボタン」の 11.5px を近いサイズ 12px へ寄せる（25%以内・一番使われている値へ・極小） ⚠inherited（祖先 .fb-btn の規則を上書き＝配下全部に効く） */
.fb-btn { font-size: 12px; }
/* [font] 役割「ボタン」の 9.5px を近いサイズ 12px へ寄せる（25%以内・一番使われている値へ・極小） */
.nav a { font-size: 12px; }
/* [font] 役割「ボタン」の 9px を近いサイズ 12px へ寄せる（25%以内・一番使われている値へ・極小） */
.fb-btn .fb-k { font-size: 12px; }
/* [font] 役割「ボタン」の 8px を近いサイズ 12px へ寄せる（25%以内・一番使われている値へ・極小） */
.fb-btn .fb-caret { font-size: 12px; }
/* [font] 役割「本文」の 9.5px を近いサイズ 12px へ寄せる（25%以内・一番使われている値へ・極小） */
.hero-credit { font-size: 12px; }
/* [radius] 角丸 7px を 6px へ（7種→3） */
.seg button { border-radius: 6px; }
/* [radius] 角丸 9px を 6px へ（7種→3） */
.seg { border-radius: 6px; }
/* [radius] 角丸 10px を 6px へ（7種→3） */
.local-intro { border-radius: 6px; }
/* [color] 似て非なる色 #2C774B → #245F3C ⚠via-var --sky-deep（共有14箇所。変数は触らず規則側で上書き） */
.cnt { color: #245F3C; }
/* [color] 似て非なる色 #2C774B → #245F3C ⚠via-var --moss（共有5箇所。変数は触らず規則側で上書き） */
.sec-label { color: #245F3C; }
/* [color] 似て非なる色 #2C774B → #245F3C ⚠via-var --moss（共有5箇所。変数は触らず規則側で上書き） */
.foot-note b { color: #245F3C; }

/* ── ここから手仕事 ───────────────────────────── */

/* 角丸: 自動が「遠すぎる」と手に回した 14px を 6px へ。残す3種＝4 / 6 / 999 */
.ev, .fly { border-radius: 6px; }

/* 破れ: 写真の上の白文字が、明るい箇所で読めない（画素検査で最悪比1／床4.5）。
   元の設計に既に墨のグラデがあるので、**位置指定には触れず**濃さだけ上げる。
   （最初 position を上書きして文字を写真の外へ落とす事故を起こした。元の absolute を守る） */
.hero-copy {
  background: linear-gradient(to top, rgba(27,31,28,.80), rgba(27,31,28,.46) 55%, rgba(27,31,28,.08));
}
.hero-sub { opacity: 1; }   /* .94 の透過をやめて白を白のまま出す */
/* 右上のクレジットは空の明るい側に乗る。text-shadow だけでは足りないので墨の座布団を敷く */
.hero-credit {
  color: #fff;
  background: rgba(27,31,28,.55); padding: 3px 8px; border-radius: 4px;
}

/* 破れ: 曜日の文字が床をわずかに割る（比4.05／床4.5）。
   新色は作らず、既存の墨の1段（--ink-soft #3A3E3B）へ寄せる */
.ev .daybox .dw { color: #3A3E3B; }

/* 文字を12pxへ揃えた副作用で、日付の柱（月/日/曜日/日数）の中心が3pxずれた。
   柱の中で中央に揃え直す（元の見た目の意図＝縦一列の中央揃えに戻す） */
.ev .daybox { display: flex; flex-direction: column; align-items: center; }
.ev .daybox > * { align-self: center; text-align: center; }

/* そろい: 「グランリゾート」「スキー」が行の途中で割れる。文節で折る */
.ev .nm, .ev .pl, .local-intro, .foot-note { word-break: auto-phrase; }

/* ── 金継ぎ 追補（続き）: 静的ページ側の極小文字 ─────────────────
   上の追補はアプリ側のクラスだけを指しており、公開ページ（about/notes/privacy と
   e/*.html 29枚）に残った 11px 群には効かなかった。手順2「読めない文字が出ていたら
   その場で直す」・手順5「12px未満0件」に合わせて同じ床（12px）を当てる。
   文言・構造・リンク先は触っていない */
.doc .doc-foot, .doc .doc-foot a, .doc .doc-date { font-size: 12px; }
.ev-page .ev-note, .ev-page .ev-cav, .ev-page .ev-fact dt,
.ev-page .ev-index .ev-index-sep { font-size: 12px; }
.cam .cam-dist, .cam .cam-note { font-size: 12px; }
/* 幅390pxでは clamp の下限 11.5px が効いて極小文字が1件残る。下限だけ12pxへ
   （clamp は「流体値＝1段」なので文字サイズの段数は増えない） */
.hero-sub { font-size: clamp(12px, 2.3vw, 14px); }

/* ── 金継ぎ 追補（続き）: ヒーローのコピーが幅390pxで床割れ ─────────
   画素検査の「未計測（写真の上の文字）」を、写真の実画素＋グラデの合成で
   自前に測り直したところ、幅390pxで .hero-lead が比3.37／床4.5 で割れていた。
   デスクトップ（29px）は床3.0で比3.72＝合格。**幅が狭いと clamp で21pxまで
   縮み、床が3.0から4.5へ上がる**のが原因で、色ではなく大きさ由来の割れ。
   文字を大きくすると2行のコピーの見え方が変わるので、墨のグラデだけを
   最小限（上端.08→.34／中間.46→.55）濃くして比4.81へ。写真は少し暗くなる。
   位置指定・文言・書体・大きさは触っていない */
.hero-copy {
  background: linear-gradient(to top, rgba(27,31,28,.80), rgba(27,31,28,.55) 55%, rgba(27,31,28,.34));
}

/* ---------- BATH: 汗を流す（泊まらず風呂だけ） ---------- */
/* 宿の行と同じ作法にする（読み手にとっては隣り合う並び）。ただし文字は12pxの床を守る。
   詳細画面はハッシュルートで、金継ぎの巡回（リンクを辿る）では測れない場所だった。
   そのため宿の 9.5px が残っていたのを、ここで同じ床に揃える */
.bath-list{display:flex;flex-direction:column;gap:7px;margin-top:6px}
/* 横並び1行にすると、長い営業時間や注記が中央の施設名を潰す（宿の行で実際に起きた崩れ）。
   種別と距離・料金を上の行に、名前と詳細を下の全幅に置く＝文字の長さに影響されない組み方 */
.bath-item{
  display:flex;flex-wrap:wrap;gap:4px 10px;align-items:center;text-decoration:none;color:var(--ink);
  background:var(--card);border:1px solid var(--line);border-radius:6px;padding:9px 11px;
}
.bath-item:active{opacity:.75}
.bath-type{
  flex-shrink:0;font-size:12px;color:var(--ok);
  font-family:var(--sans);
  border:1px solid var(--line-strong);border-radius:5px;padding:3px 6px;min-width:74px;text-align:center;
  background:rgba(44,119,75,.06);
}
.bath-type{order:1}
.bath-side{order:2;margin-left:auto}
.bath-main{order:3;flex:1 0 100%;min-width:0;display:flex;flex-direction:column;gap:1px}
.bath-nm{font-size:12px;font-weight:700;line-height:1.4}
.bath-hours,.bath-closed,.bath-note{font-size:12px;color:var(--dim);line-height:1.5}
/* 右端の距離・料金。宿で起きた事故（長い価格が中央の名前を1文字ずつ縦に潰す）と同じ対策 */
.bath-side{
  flex-shrink:0;overflow-wrap:anywhere;
  text-align:right;font-size:12px;color:var(--ink-soft);line-height:1.6;
  font-family:var(--sans);font-variant-numeric:tabular-nums;
}
.bath-empty{font-size:12px;color:var(--dim);line-height:1.6;padding:2px 0}

/* 宿の行も同じ床へ（9.5px → 12px）。上の金継ぎ追補が届かなかった場所 */
.stay-type,.stay-note,.stay-side{font-size:12px}

/* ---------- 静的ページ: イベント同士の横リンク（2026-08-27・発注メモ第2号 優先度5） ---------- */
/* 既存の .ev-stays と同じ組み。h3 はこのページで初めて使うので見出しの段を1つ足す */
.ev-page h3{font-size:14px;font-weight:700;margin:14px 0 2px;color:var(--ink)}
.ev-page .ev-rel{padding-left:0;margin:6px 0}
.ev-page .ev-rel li{list-style:none;padding:7px 0;border-bottom:1px solid var(--line);
  font-size:12.5px;line-height:1.8}
.ev-page .ev-rel a{font-weight:700;text-decoration:none}
.ev-page .ev-rel a:hover{text-decoration:underline}

/* ---------- 帰り道の音（FES一覧の末尾・2026-08-28） ----------
   画面最上部の等幅トグルを廃し、順序で主従を作る。
   「2つのうちどちらか選べ」ではなく「山を出し切った後に続くもの」として置く。
   区切りは線1本で、色を増やさない */
.yoin-tail{margin:22px 16px 0;padding-top:18px;border-top:1px solid var(--line)}
.yoin-tail-head{margin-bottom:10px}
.yoin-tail-title{font-family:var(--serif);font-size:17px;font-weight:600;color:var(--ink);line-height:1.4}
.yoin-tail-lead{margin:4px 0 0;font-size:12px;line-height:1.8;color:var(--dim)}
.yoin-tail-more{
  display:block;margin:10px 0 4px;padding:10px 0;text-align:center;
  font-size:12px;font-weight:700;color:var(--green-deep);text-decoration:none;
  border:1px solid var(--line-strong);border-radius:6px;
}
.yoin-tail-more:hover{background:rgba(44,119,75,.06)}
/* 余韻の札が何なのかを、札のすぐ下で言う。
   これが無いと、下に続くFESの脚注「FES N件は実在検証済み」が
   出典を持たない札まで指しているように読める（2026-09-01 修正）。
   文字サイズは .foot-note の12px下限をそのまま継ぐ。上の罫線だけ外す＝
   「もっと見る」との二重線を避け、札とひと続きに見せるため */
.yoin-tail-note{border-top:none;padding-top:2px;margin:2px 0 0}
/* 余韻の画面から一覧へ戻る（切替ボタンが無くなったため、戻り道を明示する） */
.yoin-back{display:inline-block;margin:10px 16px 0;font-size:12px;color:var(--green-deep);text-decoration:none}
.yoin-back:hover{text-decoration:underline}

/* 余韻の札の文字を12pxの床へ（2026-08-28）。
   これまで余韻はトグルの向こう側にあり、金継ぎの巡回（リンクを辿る）が到達できなかったため
   12px未満が5クラス残っていた。一覧の末尾に出したことで初めて測れるようになった。
   詳細画面（ハッシュルート）で起きたのと同じ構図。
   札は縦に伸びるが、読めない文字を残すよりよい（2026-08-27にオーナーが承認した方針と同じ） */
.fly .fd, .fly .ft, .fly .fv, .fly .fp, .fly .paid{font-size:12px}
.fly .ft, .fly .fv{line-height:1.6}

/* 会場のこと（持ち込み・設備）。値は公式原文からの抜き出しで、原文も併記する＝js/onsite.js の掟。
   引用を薄く小さくするが 12px を下回らない（極小文字の下限） */
.onsite-list{display:flex;flex-direction:column;gap:8px;margin:2px 0 0}
.onsite-row{display:flex;gap:10px;align-items:baseline}
.onsite-k{flex:0 0 88px;font-size:12px;color:var(--dim);line-height:1.7}
.onsite-v{flex:1;font-size:14px;color:var(--ink);line-height:1.7}
.onsite-q{display:block;font-size:12px;color:var(--dim);line-height:1.7;margin-top:2px}
.onsite-empty{font-size:12px;color:var(--dim);line-height:1.8}

/* 出演（発注メモ第10号）。名前を並べるだけ＝プロフィールも写真も持たない。
   取消は消さずに残して打ち消しで示す（「出る予定だった」も起きた事実）。12px の床は守る */
.lu-list{font-size:14px;color:var(--ink);line-height:1.9;margin:2px 0 0}
.lu-n,.lu-off{display:inline-block;white-space:nowrap}
.lu-sep{color:var(--dim);margin:0 2px}
.lu-toggle{margin:6px 0 0;padding:6px 12px;font-size:13px;color:var(--ink);background:transparent;
  border:1px solid var(--line);border-radius:999px;cursor:pointer;min-height:24px}
.lu-toggle:hover{background:var(--bg-soft,transparent)}
.lu-off{color:var(--dim);text-decoration:line-through}
.lu-off-t{font-size:12px;text-decoration:none;margin-left:2px}
.ev-page .ev-lineup{line-height:1.9}

/* 公式が名乗っている日本語表記。h1の直下に1回だけ（詰め込むとスパム扱いになる）。
   名前そのものではなく読みなので、h1より小さく・控えめに */
.doc-kana{margin:2px 0 0;font-size:14px;color:var(--dim);line-height:1.7}

/* アプリ詳細の日本語表記（静的ページの .doc-kana と同じ役割・12px下限を守る） */
.nm-kana{font-size:13px;color:var(--dim);line-height:1.6;margin-top:2px}