/*
 * fuji-samurai-now プラグイン用CSS。
 * v5-modularの style.css と見た目・数値は同一だが、任意のテーマ（Cocoon / Twenty
 * Twenty-Five / 将来の別テーマ）と衝突しないよう、全セレクタを .fuji-samurai-now
 * 配下へスコープした。html/body/mainなどグローバル要素への直接スタイル指定は行わない。
 */
.fuji-samurai-now{
	--c-bg:#F7F5F0; --c-card:#FFFFFF; --c-text:#1a1a1a; --c-heading:#162A43;
	--c-ao:#176B9C; --c-koke:#4C7654; --c-yamabuki:#B67C17; --c-shu:#B83A32;
	--c-border:#E3E0D8; --c-sample:#B67C17; --c-safety-bg:#162A43; --c-safety-text:#F7F5F0;
	--c-summary-bg:#EAF1F5;
	/* --- 色の用途（3色主義。北斎『凱風快晴』が3色で成立している原理に倣う） ---
	 * 主色 --c-ao(ベロ藍 #176B9C) : 罫線・リンク・ブランド。サービスの色。
	 * 地   --c-bg(生成り #F7F5F0) : 背景。
	 * 締め --c-heading(墨 #162A43): 見出し・数値・上下の帯。
	 * 以下は「機能色」であり装飾には使わない（意味を壊さないため用途を固定する）:
	 *   --c-shu(朱)      : 危険・エラー（警報発表中／取得エラー）のみ
	 *   --c-yamabuki(金) : 注意（stale／取得不可）と service header の霞のみ
	 *   --c-koke(苔)     : 正常（警報の発表なし）のみ
	 * 装飾目的でこれらを使わない。hover等の装飾は主色か締め色を用いる。 */
	background:var(--c-bg);color:var(--c-text);
	font-family:"Hiragino Sans","Hiragino Kaku Gothic ProN","Yu Gothic","Noto Sans JP",-apple-system,BlinkMacSystemFont,sans-serif;
	line-height:1.7;
}
.fuji-samurai-now *{box-sizing:border-box;}
.fuji-samurai-now h1,.fuji-samurai-now h2,.fuji-samurai-now h3{font-family:"Hiragino Mincho ProN","Yu Mincho","Noto Serif JP",serif;color:var(--c-heading);margin:0 0 .5em;line-height:1.4;}
.fuji-samurai-now main{max-width:900px;margin:0 auto;padding:0 1em 3em;}
.fuji-samurai-now a{color:var(--c-ao);}

.fuji-samurai-now .sample-banner{background:var(--c-sample);color:#fff;text-align:center;font-size:.85rem;padding:.6em 1em;letter-spacing:.03em;font-weight:bold;}
.fuji-samurai-now .v2-banner{background:var(--c-heading);color:#fff;text-align:center;font-size:.72rem;padding:.4em 1em;}
.fuji-samurai-now .header{padding:1em;text-align:center;border-bottom:1px solid var(--c-border);background:var(--c-card);}
.fuji-samurai-now .header .brand{font-weight:bold;font-size:.9rem;color:var(--c-ao);letter-spacing:.05em;}
.fuji-samurai-now .header h1{font-size:1.3rem;margin-top:.2em;}

/* ①地点名 */
.fuji-samurai-now .place-heading{margin:1em 0 .4em;text-align:center;}
.fuji-samurai-now .place-heading .place-name{font-size:1.3rem;font-weight:bold;color:var(--c-heading);}
.fuji-samurai-now .place-heading .updated{font-size:.72rem;color:#777;margin-top:.2em;}

/* ②今日の条件サマリー */
.fuji-samurai-now .summary-box{
	background:var(--c-summary-bg);border:1px solid #cfe0e8;border-radius:12px;
	padding:1em 1.1em;margin-bottom:1em;
}
.fuji-samurai-now .summary-box .summary-label{font-size:.7rem;color:var(--c-ao);font-weight:bold;letter-spacing:.05em;margin-bottom:.7em;}
.fuji-samurai-now .summary-note{font-size:.68rem;color:#5a7a8a;margin-top:.7em;line-height:1.6;}

/* ===== 条件サマリー行（再利用可能な共通構造: icon + visual + text） ===== */
.fuji-samurai-now .cond-row{display:flex;gap:.7em;align-items:flex-start;padding:.6em 0;border-bottom:1px solid #d7e4ea;}
.fuji-samurai-now .cond-row:last-of-type{border-bottom:none;padding-bottom:0;}
.fuji-samurai-now .cond-icon{font-size:1.15rem;line-height:1.3;flex:0 0 auto;width:1.4em;text-align:center;}
.fuji-samurai-now .cond-body{flex:1;min-width:0;}
.fuji-samurai-now .cond-visual{margin-bottom:.35em;}
.fuji-samurai-now .cond-text{display:flex;align-items:baseline;gap:.5em;flex-wrap:wrap;}
.fuji-samurai-now .cond-label{font-size:.78rem;color:#555;}
.fuji-samurai-now .cond-value{font-size:1rem;font-weight:bold;color:var(--c-heading);}

/* ===== v5: Primary / Secondary / Tertiary 視覚ウェイト（Web/App共通コンポーネント構造） =====
   良い/悪いの評価色・独自指数は使用しない。表示面積・文字サイズ・余白のみで主従を表現する。 */
.fuji-samurai-now .cond-row--primary{padding:.95em 0 1.05em;}
.fuji-samurai-now .cond-row--primary .cond-icon{font-size:1.6rem;width:1.7em;}
.fuji-samurai-now .cond-row--primary .cond-visual{margin-bottom:.55em;}
.fuji-samurai-now .cond-row--primary .cond-label{font-size:.85rem;font-weight:bold;color:var(--c-heading);}
.fuji-samurai-now .cond-row--primary .cond-value{font-size:1.5rem;}

.fuji-samurai-now .cond-row--secondary{padding:.6em 0;}

.fuji-samurai-now .cond-row--tertiary{padding:.45em 0;opacity:.68;}
.fuji-samurai-now .cond-row--tertiary .cond-icon{font-size:.95rem;width:1.2em;}
.fuji-samurai-now .cond-row--tertiary .cond-label{font-size:.68rem;}
.fuji-samurai-now .cond-row--tertiary .cond-value{font-size:.8rem;}

/* --- 降水確率: ミニトレンド（SVGスパークライン） --- */
.fuji-samurai-now .trend-svg{display:block;width:100%;height:34px;}
.fuji-samurai-now .trend-line{fill:none;stroke:var(--c-ao);stroke-width:2;}
.fuji-samurai-now .trend-dot{fill:var(--c-ao);}
.fuji-samurai-now .trend-dot-marker{fill:var(--c-yamabuki);stroke:#fff;stroke-width:1.5;}
.fuji-samurai-now .cond-row--primary .trend-svg{height:52px;}
.fuji-samurai-now .cond-row--primary .trend-line{stroke-width:3;}

/* --- 雲量: タイムライン（時間帯ドット） --- */
.fuji-samurai-now .timeline{display:flex;justify-content:space-between;align-items:flex-end;gap:.2em;}
.fuji-samurai-now .timeline-item{flex:1;text-align:center;}
.fuji-samurai-now .timeline-dot{width:.55em;height:.55em;border-radius:50%;background:#b9c6ce;margin:0 auto .3em;}
.fuji-samurai-now .timeline-item.is-min .timeline-dot{width:.85em;height:.85em;background:var(--c-ao);box-shadow:0 0 0 3px rgba(23,107,156,.18);}
.fuji-samurai-now .timeline-time{font-size:.62rem;color:#888;}
.fuji-samurai-now .timeline-item.is-min .timeline-time{color:var(--c-ao);font-weight:bold;}
.fuji-samurai-now .cond-row--tertiary .timeline-dot{width:.4em;height:.4em;}
.fuji-samurai-now .cond-row--tertiary .timeline-item.is-min .timeline-dot{width:.6em;height:.6em;}
.fuji-samurai-now .cond-row--tertiary .timeline-time{font-size:.54rem;}

/* --- 風速: 地点間比較バー --- */
.fuji-samurai-now .compare-bar-row{margin-bottom:.35em;}
.fuji-samurai-now .compare-bar-row:last-child{margin-bottom:0;}
.fuji-samurai-now .compare-bar-label{display:flex;justify-content:space-between;font-size:.72rem;color:#555;margin-bottom:.15em;}
.fuji-samurai-now .compare-bar-track{background:#dbe6ea;border-radius:5px;height:9px;overflow:hidden;}
.fuji-samurai-now .compare-bar-fill{background:var(--c-ao);height:100%;border-radius:5px;}
.fuji-samurai-now .compare-bar-fill.is-self{background:var(--c-heading);}

/* v4: First View用コンパクト現在値カード（気温・風速・降水の3項目のみ） */
.fuji-samurai-now .compact-grid{grid-template-columns:repeat(2,1fr);}
.fuji-samurai-now .dev-note{background:#eee;color:#666;text-align:center;font-size:.72rem;padding:.5em 1em;margin-top:2em;}

/* ③現在の主要値 */
.fuji-samurai-now .current-card{background:var(--c-card);border-radius:12px;padding:1.1em;margin-bottom:1em;border:1px solid var(--c-border);}
.fuji-samurai-now .current-main{display:flex;align-items:center;gap:1em;margin-bottom:.8em;}
.fuji-samurai-now .current-icon{font-size:2.6rem;line-height:1;}
.fuji-samurai-now .current-temp{font-size:2.1rem;font-weight:bold;color:var(--c-heading);}
.fuji-samurai-now .current-temp small{font-size:.95rem;font-weight:normal;color:#666;}
.fuji-samurai-now .current-condition{font-size:.95rem;color:var(--c-text);}
.fuji-samurai-now .data-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.6em;}
@media (max-width:480px){.fuji-samurai-now .data-grid{grid-template-columns:repeat(2,1fr);}}
.fuji-samurai-now .data-item{background:var(--c-bg);border-radius:8px;padding:.6em .5em;text-align:center;}
.fuji-samurai-now .data-item .label{font-size:.68rem;color:#777;margin-bottom:.2em;}
.fuji-samurai-now .data-item .value{font-size:1.02rem;font-weight:bold;color:var(--c-heading);}
.fuji-samurai-now .data-item .bar-wrap{background:#e6e2d8;border-radius:4px;height:6px;margin-top:.4em;overflow:hidden;}
.fuji-samurai-now .data-item .bar{background:var(--c-ao);height:100%;}

/* ④このあとの変化 */
.fuji-samurai-now .hourly-section{margin:0 0 1.2em;}
.fuji-samurai-now .hourly-scroll{display:flex;gap:.6em;overflow-x:auto;padding-bottom:.4em;}
.fuji-samurai-now .hourly-item{flex:0 0 auto;background:var(--c-card);border:1px solid var(--c-border);border-radius:10px;padding:.6em .8em;text-align:center;min-width:64px;}
.fuji-samurai-now .hourly-item .time{font-size:.72rem;color:#777;}
.fuji-samurai-now .hourly-item .icon{font-size:1.4rem;margin:.2em 0;}
.fuji-samurai-now .hourly-item .temp{font-size:.95rem;font-weight:bold;}
.fuji-samurai-now .hourly-item .rain{font-size:.65rem;color:var(--c-ao);}
.fuji-samurai-now .hourly-item .cloud{font-size:.65rem;color:#888;}

/* ⑤地点切替 */
.fuji-samurai-now .location-tabs{display:flex;gap:.5em;margin:0 0 1.4em;flex-wrap:wrap;}
.fuji-samurai-now .location-tab{flex:1;min-width:90px;text-align:center;padding:.6em .4em;border-radius:8px;border:1px solid var(--c-border);background:var(--c-card);cursor:pointer;font-size:.85rem;}
.fuji-samurai-now .location-tab.active{background:var(--c-ao);color:#fff;border-color:var(--c-ao);font-weight:bold;}

.fuji-samurai-now .section-title{font-size:.95rem;color:var(--c-heading);margin:1.4em 0 .5em;font-weight:bold;border-left:4px solid var(--c-ao);padding-left:.5em;}

.fuji-samurai-now .safety-section{background:var(--c-safety-bg);color:var(--c-safety-text);border-radius:12px;padding:1.2em;margin:2.2em 0 1em;}
.fuji-samurai-now .safety-section h2{color:#fff;font-size:1.05rem;display:flex;align-items:center;gap:.4em;}
.fuji-samurai-now .safety-badge{display:inline-block;background:var(--c-shu);color:#fff;font-size:.65rem;padding:.15em .5em;border-radius:4px;vertical-align:middle;font-family:sans-serif;}
.fuji-samurai-now .safety-note{font-size:.78rem;opacity:.85;margin-bottom:.8em;}
.fuji-samurai-now .safety-links{display:grid;grid-template-columns:1fr 1fr;gap:.5em;}
@media (max-width:480px){.fuji-samurai-now .safety-links{grid-template-columns:1fr;}}
.fuji-samurai-now .safety-links a{display:block;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.25);border-radius:8px;padding:.6em .8em;color:#fff;text-decoration:none;font-size:.85rem;}
.fuji-samurai-now .safety-links a .src{display:block;font-size:.68rem;opacity:.7;margin-top:.15em;}

.fuji-samurai-now .compare-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.6em;}
@media (max-width:600px){.fuji-samurai-now .compare-grid{grid-template-columns:1fr;}}
.fuji-samurai-now .compare-card{background:var(--c-card);border:1px solid var(--c-border);border-radius:10px;padding:.8em;text-align:center;}
.fuji-samurai-now .compare-card .place{font-weight:bold;font-size:.85rem;margin-bottom:.3em;}
.fuji-samurai-now .compare-card .icon{font-size:1.8rem;}
.fuji-samurai-now .compare-card .temp{font-size:1.2rem;font-weight:bold;}
.fuji-samurai-now .compare-card .sub{font-size:.7rem;color:#777;}

.fuji-samurai-now .daypart-tabs{display:flex;gap:.4em;margin-bottom:.6em;}
.fuji-samurai-now .daypart-tab{flex:1;text-align:center;padding:.5em;border-radius:8px;border:1px solid var(--c-border);background:var(--c-card);cursor:pointer;font-size:.85rem;}
.fuji-samurai-now .daypart-tab.active{background:var(--c-heading);color:#fff;font-weight:bold;}
.fuji-samurai-now .summary-card{background:var(--c-card);border-radius:12px;padding:1.2em;margin-bottom:1em;border:1px solid var(--c-border);}
.fuji-samurai-now .disclaimer{font-size:.72rem;color:#888;margin-top:.4em;line-height:1.6;}
/* 下端の締め。上端の墨帯(.jma-source-banner)と呼応させてページを額装する。
 * 濃色の面ではなく藍の細線＋余白で締め、コンテンツ領域を圧迫しない。 */
.fuji-samurai-now .footer{
	text-align:center;font-size:.72rem;color:#999;
	padding:2em 1em 1.4em;margin-top:2.2em;
	border-top:2px solid var(--c-ao);
}

/* ===== 無料公式データ版MVP: 気象庁アメダス実測値カード ===== */
.fuji-samurai-now .jma-source-banner{background:var(--c-heading);color:#fff;text-align:center;font-size:.8rem;padding:.7em 1em;line-height:1.6;}
.fuji-samurai-now .obs-card{background:var(--c-card);border-radius:12px;padding:1.1em;margin-bottom:1em;border:1px solid var(--c-border);}
.fuji-samurai-now .obs-status{font-size:.8rem;color:#888;margin-bottom:.5em;}
.fuji-samurai-now .obs-status.is-error{color:var(--c-shu);font-weight:bold;}
.fuji-samurai-now .obs-status.is-stale{color:var(--c-yamabuki);font-weight:bold;}
.fuji-samurai-now .obs-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.6em;}
@media (max-width:480px){.fuji-samurai-now .obs-grid{grid-template-columns:repeat(2,1fr);}}
.fuji-samurai-now .obs-item{background:var(--c-bg);border-radius:8px;padding:.6em .5em;text-align:center;}
.fuji-samurai-now .obs-item .label{font-size:.68rem;color:#777;margin-bottom:.2em;}
.fuji-samurai-now .obs-item .value{font-size:1.1rem;font-weight:bold;color:var(--c-heading);}
.fuji-samurai-now .obs-updated{font-size:.72rem;color:#777;margin-top:.7em;}
.fuji-samurai-now .obs-source{font-size:.68rem;color:#5a7a8a;margin-top:.3em;}
.fuji-samurai-now .obs-note{font-size:.68rem;color:#888;margin-top:.5em;line-height:1.6;}
.fuji-samurai-now .mvp-note{font-size:.72rem;color:#888;margin:0 0 1.5em;line-height:1.7;padding:.8em;background:var(--c-bg);border-radius:8px;}

/* ============================================================
 * Phase 1: ダッシュボードUI（0.3.0-dashboard-phase1）
 * 方針: 数値カードはモダン・高可読性。北斎/浮世絵要素は背景・区切りの
 * 薄い装飾に限定し、数値の可読性を落とさない。
 * ============================================================ */

/* --- A. 出典ストリップ（1行に圧縮。全文はページ末尾 .footer に記載） --- */
/* 上端の締め。『凱風快晴』が画面上端を濃色で左右いっぱいに締めて構図を安定させる
 * 手法にならい、ページ上端を墨帯で締める。下端(.footer)と対でページを額装する。
 * 帯は細く保ち、コンテンツ領域を圧迫しない。 */
.fuji-samurai-now .jma-source-banner{
	background:var(--c-heading);color:var(--c-safety-text);
	text-align:center;font-size:.7rem;letter-spacing:.04em;
	padding:.35em 1em;line-height:1.4;
	border-bottom:2px solid var(--c-ao);
}

/* --- B. サービスヘッダー（北斎の波を薄い装飾として背景に敷く） --- */
.fuji-samurai-now .header{
	padding:.9em 1em .8em;position:relative;overflow:hidden;
	background:
		/* 淡い金の霞 */
		radial-gradient(120% 80% at 50% 120%, rgba(182,124,23,.10), rgba(182,124,23,0) 60%),
		/* 藍の波（浮世絵の青海波を極薄で） */
		repeating-radial-gradient(circle at 0 100%, rgba(23,107,156,.12) 0 12px, rgba(23,107,156,0) 12px 24px),
		var(--c-card);
}
.fuji-samurai-now .header h1{
	font-size:1.45rem;margin:.1em 0 0;display:flex;
	align-items:baseline;justify-content:center;gap:.5em;flex-wrap:wrap;
}
.fuji-samurai-now .header .header-sub{
	font-family:"Hiragino Sans","Noto Sans JP",sans-serif;
	font-size:.72rem;font-weight:normal;color:#5d6b7a;letter-spacing:.06em;
	border:1px solid var(--c-border);border-radius:999px;padding:.15em .7em;
	white-space:nowrap;
}
.fuji-samurai-now .header-freshness{
	margin:.45em 0 0;font-size:.78rem;color:#4a5a6a;
	font-variant-numeric:tabular-nums;
}
.fuji-samurai-now .header-freshness.is-error{color:var(--c-shu);}

/* --- B-2. 日の出・日の入り（Phase 3）---
 * 大きなカードを作らず、ヘッダー内に1〜2行で収める。気象庁データではないため、
 * 出典表記（日時と位置から算出）を必ず併記して視覚的にも分離する。 */
/* 直後の「気象庁 公式予報」と混同されないよう、独立したブロックとして枠で囲む。
 * 予報カードが藍色の左罫線（border-left:4px）なのに対し、こちらは全周の点線枠と
 * 地色背景にして、系統の違いを視覚的に示す。 */
.fuji-samurai-now .sun-times{
	margin:1.5em 0 0;padding:.5em .7em;
	background:var(--c-bg);border:1px dashed var(--c-border);border-radius:8px;
	line-height:1.4;
}
.fuji-samurai-now .sun-times[hidden]{display:none;}
.fuji-samurai-now .sun-values{
	display:flex;align-items:baseline;gap:1.1em;flex-wrap:wrap;
}
.fuji-samurai-now .sun-item{display:inline-flex;align-items:baseline;gap:.3em;}
.fuji-samurai-now .sun-label{font-size:.68rem;color:#6b7684;}
.fuji-samurai-now .sun-value{
	font-family:"Hiragino Sans","Noto Sans JP",-apple-system,sans-serif;
	font-size:1rem;font-weight:bold;color:var(--c-heading);font-variant-numeric:tabular-nums;
}
.fuji-samurai-now .sun-basis{font-size:.63rem;color:#6b7684;margin:.25em 0 0;line-height:1.45;}
.fuji-samurai-now .sun-meta{font-size:.6rem;color:#8a939e;margin:.1em 0 0;line-height:1.45;}
.fuji-samurai-now .sun-times.is-stale{opacity:.85;}

/* --- C. 警報・注意報バー ---
 * 色だけで意味を伝えない: 状態は必ず .warning-label のテキストで明示する。
 * 左端のバーと記号は補助であり、単独で意味を担わない。 */
.fuji-samurai-now .warning-bar{
	margin:.8em 0 1em;padding:.65em .9em;border-radius:10px;
	background:var(--c-card);border:1px solid var(--c-border);
	border-left:6px solid var(--c-border);
}
.fuji-samurai-now .warning-bar p{margin:0;}
.fuji-samurai-now .warning-label{
	font-weight:bold;font-size:.92rem;color:var(--c-heading);line-height:1.5;
}
.fuji-samurai-now .warning-body{font-size:.82rem;color:#3d4a58;margin-top:.2em;line-height:1.6;}
.fuji-samurai-now .warning-body:empty{display:none;}
.fuji-samurai-now .warning-meta{font-size:.7rem;color:#7a8592;margin-top:.3em;font-variant-numeric:tabular-nums;}
.fuji-samurai-now .warning-meta:empty{display:none;}
/* 発表なし: 苔色。過度な安心演出はしない */
.fuji-samurai-now .warning-bar.is-none{border-left-color:var(--c-koke);}
.fuji-samurai-now .warning-bar.is-none .warning-label::before{content:"● ";color:var(--c-koke);}
/* 発表中: 朱。点滅・アニメーション等の過度な警告演出はしない */
.fuji-samurai-now .warning-bar.is-active{
	border-left-color:var(--c-shu);background:#FCF4F3;
}
.fuji-samurai-now .warning-bar.is-active .warning-label{color:var(--c-shu);}
.fuji-samurai-now .warning-bar.is-active .warning-label::before{content:"▲ ";}
/* 取得不可: 「発表なし」と誤認させないため中立色＋明示テキスト */
.fuji-samurai-now .warning-bar.is-unknown{border-left-color:var(--c-yamabuki);}
.fuji-samurai-now .warning-bar.is-unknown .warning-label::before{content:"— ";}
.fuji-samurai-now .warning-bar.is-loading .warning-label{color:#7a8592;}

/* --- D. 状況カード2カラム --- */
.fuji-samurai-now .obs-columns{
	display:grid;grid-template-columns:1fr 1fr;gap:.7em;align-items:start;
}
.fuji-samurai-now .obs-card{
	background:var(--c-card);border:1px solid var(--c-border);border-radius:10px;
	padding:.8em .85em;margin:0;
}
.fuji-samurai-now .obs-card .section-title{
	font-size:.95rem;margin:0 0 .5em;padding-left:.5em;
	border-left:4px solid var(--c-ao);line-height:1.3;
}
.fuji-samurai-now .obs-grid{
	display:grid;grid-template-columns:1fr 1fr;gap:.4em;
}
/* 山頂は気温1項目のみのため1カラムにして、河口湖カードとの不均衡を避ける */
.fuji-samurai-now .obs-card.is-compact .obs-grid{grid-template-columns:1fr;}
.fuji-samurai-now .obs-item{
	background:var(--c-bg);border-radius:8px;padding:.45em .5em;text-align:center;
}
.fuji-samurai-now .obs-item .label{font-size:.66rem;color:#6b7684;line-height:1.3;}
.fuji-samurai-now .obs-item .value{
	font-family:"Hiragino Sans","Noto Sans JP",-apple-system,sans-serif;
	font-size:1.15rem;font-weight:bold;color:var(--c-heading);
	font-variant-numeric:tabular-nums;line-height:1.3;margin-top:.1em;
}
/* 先頭項目（気温）を主役として大きく */
.fuji-samurai-now .obs-item:first-child .value{font-size:1.5rem;}
.fuji-samurai-now .obs-card.is-compact .obs-item:first-child .value{font-size:1.9rem;}
.fuji-samurai-now .obs-status:empty{display:none;}
.fuji-samurai-now .obs-updated{font-size:.66rem;color:#7a8592;margin:.5em 0 0;font-variant-numeric:tabular-nums;}
.fuji-samurai-now .obs-source{font-size:.63rem;color:var(--c-ao);margin:.25em 0 0;}
.fuji-samurai-now .obs-note{font-size:.63rem;color:#7a8592;margin:.35em 0 0;line-height:1.5;}

/* --- D-2. 気象庁 公式予報（Phase 2）---
 * 予報データが主役。装飾は最小限に留め、Phase 1の数値カードと同じ密度感を保つ。 */
.fuji-samurai-now .forecast-section{margin:2em 0 0;}
/* 見出しとバッジを横並びにする器（バッジはh2の外に置く。理由はテンプレート側コメント参照） */
.fuji-samurai-now .forecast-head{
	display:flex;align-items:baseline;gap:.5em;flex-wrap:wrap;margin:0 0 .35em;
}
.fuji-samurai-now .forecast-title{
	font-size:1rem;margin:0;
}
.fuji-samurai-now .forecast-area{
	display:inline-block;
	font-family:"Hiragino Sans","Noto Sans JP",sans-serif;
	font-size:.68rem;font-weight:normal;color:#5d6b7a;letter-spacing:.04em;
	border:1px solid var(--c-border);border-radius:999px;padding:.1em .6em;white-space:nowrap;
}
.fuji-samurai-now .forecast-report{
	font-size:.68rem;color:#7a8592;margin:0 0 .5em;font-variant-numeric:tabular-nums;line-height:1.5;
}
.fuji-samurai-now .forecast-report:empty{display:none;}
.fuji-samurai-now .forecast-status{font-size:.78rem;color:#7a8592;margin:0 0 .4em;}
.fuji-samurai-now .forecast-status:empty{display:none;}
.fuji-samurai-now .forecast-section.is-unknown .forecast-status{color:var(--c-yamabuki);font-weight:bold;}
.fuji-samurai-now .forecast-section.is-stale{opacity:.92;}

.fuji-samurai-now .forecast-grid{display:grid;grid-template-columns:1fr;gap:.55em;}
.fuji-samurai-now .forecast-card{
	background:var(--c-card);border:1px solid var(--c-border);
	border-left:4px solid var(--c-ao);border-radius:8px;padding:.6em .7em;
}
.fuji-samurai-now .forecast-card-head{display:flex;align-items:baseline;gap:.5em;margin-bottom:.25em;}
.fuji-samurai-now .forecast-day{font-weight:bold;font-size:.9rem;color:var(--c-heading);}
.fuji-samurai-now .forecast-date{font-size:.68rem;color:#7a8592;font-variant-numeric:tabular-nums;}
/* 気象庁の天気文をそのまま表示する。全角スペースで自然に折り返る。 */
.fuji-samurai-now .forecast-weather{font-size:.8rem;color:#3d4a58;line-height:1.6;margin:0 0 .45em;}

.fuji-samurai-now .forecast-pops{display:flex;flex-wrap:wrap;align-items:center;gap:.3em;margin-bottom:.4em;}
.fuji-samurai-now .forecast-pops-label{font-size:.66rem;color:#6b7684;margin-right:.15em;}
.fuji-samurai-now .forecast-pop{
	display:inline-flex;align-items:baseline;gap:.25em;
	background:var(--c-bg);border-radius:6px;padding:.2em .45em;
}
.fuji-samurai-now .forecast-pop-time{font-size:.62rem;color:#6b7684;font-variant-numeric:tabular-nums;}
.fuji-samurai-now .forecast-pop-value{
	font-family:"Hiragino Sans","Noto Sans JP",sans-serif;
	font-size:.82rem;font-weight:bold;color:var(--c-heading);font-variant-numeric:tabular-nums;
}

.fuji-samurai-now .forecast-temps{display:flex;flex-wrap:wrap;gap:.5em;}
.fuji-samurai-now .forecast-temp{display:inline-flex;align-items:baseline;gap:.25em;}
.fuji-samurai-now .forecast-temp-label{font-size:.66rem;color:#6b7684;}
.fuji-samurai-now .forecast-temp-value{
	font-family:"Hiragino Sans","Noto Sans JP",sans-serif;
	font-size:1.05rem;font-weight:bold;color:var(--c-heading);font-variant-numeric:tabular-nums;
}
.fuji-samurai-now .forecast-source{font-size:.63rem;color:#7a8592;margin:.5em 0 0;line-height:1.6;}
.fuji-samurai-now .forecast-source a{color:var(--c-ao);}

@media (min-width:768px){
	.fuji-samurai-now .forecast-grid{grid-template-columns:1fr 1fr;gap:.8em;}
}

/* --- E. 今日の判断ショートカット --- */
.fuji-samurai-now .decide-section{
	margin:2em 0 1em;padding-top:1.8em;position:relative;
}
/* 区切りに浮世絵の波線を極薄で敷く（意味は持たせない純装飾） */
/* 区切りは「装飾線」ではなく藍の細線＋余白で表す。
 * 浮世絵の余白（negative space）に倣い、線そのものは最小限に留める。
 * 中央が濃く端に向かって消えるのは、版の摺りの気配を残すための最小の表現。 */
.fuji-samurai-now .decide-section::before{
	content:"";position:absolute;top:0;left:0;right:0;height:1px;
	background:linear-gradient(90deg,
		rgba(23,107,156,0) 0%, rgba(23,107,156,.45) 25%,
		rgba(23,107,156,.45) 75%, rgba(23,107,156,0) 100%);
}
.fuji-samurai-now .decide-title{font-size:1rem;margin:0 0 .6em;}
.fuji-samurai-now .decide-grid{
	display:grid;grid-template-columns:1fr 1fr;gap:.55em;
}
.fuji-samurai-now .decide-card{
	display:block;text-decoration:none;background:var(--c-card);
	border:1px solid var(--c-border);border-left:4px solid var(--c-ao);
	border-radius:8px;padding:.6em .7em;color:var(--c-text);
	transition:border-color .15s ease, transform .15s ease;
}
.fuji-samurai-now .decide-card:hover,
.fuji-samurai-now .decide-card:focus{border-left-color:var(--c-heading);transform:translateY(-1px);}
.fuji-samurai-now .decide-head{
	display:block;font-weight:bold;font-size:.9rem;color:var(--c-heading);line-height:1.35;
}
.fuji-samurai-now .decide-sub{
	display:block;font-size:.68rem;color:#6b7684;margin-top:.15em;line-height:1.45;
}
.fuji-samurai-now .decide-note{font-size:.66rem;color:#7a8592;margin:.6em 0 0;line-height:1.6;}

.fuji-samurai-now .mvp-note{font-size:.66rem;color:#7a8592;line-height:1.6;margin:1em 0;}

/* --- モバイル（〜767px）---
 * 河口湖カードのmin-content(218.4px)と富士山頂カードのmin-content(136.4px)の合計は
 * gapを含めて366pxとなり、390px幅で利用可能な326pxに収まらない。
 * grid itemは min-width:auto のため min-content 未満に縮まず、超過分が
 * 富士山頂カードとして viewport 右外へ8pxはみ出していた（0.8.0以前）。
 * min-width:0 や minmax(0,1fr) ではトラックは縮むが内側のデータグリッドが
 * 61pxはみ出して湿度・降水量・風向が読めなくなるため採用しない。
 * 2枚を横並びさせること自体が390pxでは成立しないため、縦積みにする。
 * 768px以上は下の PC ブロック（min-width:768px）で 1.6fr 1fr に戻る。 */
@media (max-width:767px){
	.fuji-samurai-now .obs-columns{grid-template-columns:1fr;}
}

/* --- PC --- */
@media (min-width:768px){
	.fuji-samurai-now .header h1{font-size:1.7rem;}
	.fuji-samurai-now .obs-columns{grid-template-columns:1.6fr 1fr;gap:1em;}
	.fuji-samurai-now .obs-grid{grid-template-columns:repeat(3,1fr);}
	.fuji-samurai-now .decide-grid{grid-template-columns:repeat(4,1fr);}
	.fuji-samurai-now .obs-item:first-child .value{font-size:1.7rem;}
}

/* ============================================================
 * /now/ 限定のテーマ要素抑制。
 * body.fsn-dashboard-page はショートコードを使うページにのみ付与されるため、
 * 他ページには一切影響しない。CSSのみでテーマ関数には触れていない。
 * 対象クラスが存在しないテーマでは単に一致せず、何も起きない。
 * ============================================================ */
/* 記事タイトルの二重表示を解消（プラグイン側ヘッダーがタイトルを持つため） */
body.fsn-dashboard-page .entry-title,
body.fsn-dashboard-page .article-header .entry-title{display:none;}
/* 投稿日・更新日（ライブ表示のページでは誤解を招くため非表示） */
body.fsn-dashboard-page .date-tags,
body.fsn-dashboard-page .post-date,
body.fsn-dashboard-page .post-update{display:none;}
/* ファーストビューを圧迫する上部SNSシェアボタン（下部のシェアは残す） */
body.fsn-dashboard-page .sns-share.ss-top{display:none;}
/* Cocoon本体の `.article h2`（詳細度0-1-1）が
 *   font-size:24px; padding:25px; background-color:var(--cocoon-xx-thin-color);
 *   border-radius:var(--cocoon-badge-border-radius);
 * を全h2へ適用してくるため、ダッシュボード内だけ打ち消す。
 * `.fuji-samurai-now main h2` は詳細度0-2-1で、読み込み順に関係なく確実に上回る。
 * font-size は各見出し個別のルール（.section-title / .decide-title /
 * .safety-section h2）が既にCocoonを上回っているため、ここでは触らない
 * （触ると .safety-section h2 と詳細度が並び、順序依存になるため）。
 * 打ち消すのは背景・パディング・角丸のみ。他ページのh2には影響しない。 */
.fuji-samurai-now main h2{
	background-color:transparent;
	padding:0;
	border-radius:0;
}
/* カード見出しの左罫線用パディングだけ再指定（詳細度0-3-0で上のリセットに勝つ） */
.fuji-samurai-now .obs-card .section-title{padding:0 0 0 .5em;}

/* ============================================================
 * desktop 1カラム化（/now/ 限定）
 * `/now/` を「記事内ウィジェット」ではなく独立したダッシュボードとして見せる。
 * Cocoonは `.main{width:860px}` `.sidebar{width:376px}` をインラインstyleで当てており
 * 詳細度は 0-1-0。`body.fsn-dashboard-page` を前置して 0-2-0 以上にすることで、
 * 読み込み順に依存せず確実に上書きする。
 * このクラスはショートコードを使うページにしか付かないため、他記事には影響しない。
 * ============================================================ */
body.fsn-dashboard-page #sidebar{display:none;}
body.fsn-dashboard-page .main{width:100%;}
body.fsn-dashboard-page .content-in.wrap{width:100%;max-width:1160px;margin:0 auto;}
/* プラグイン側の main{max-width:900px} を解除する。
 * これを外さないとCocoon側だけ広げてもダッシュボードの幅は変わらない。 */
body.fsn-dashboard-page .fuji-samurai-now main{max-width:100%;}
@media (min-width:768px){
	/* 河口湖の7項目を 4列＋3列 にして「3列＋余り1」の半端さを解消する。
	 * **`.obs-grid` 全体には当てない。** 全体に当てると富士山頂カード（気温1項目）も
	 * 4列grid扱いになり、気温タイルがカード幅の25%まで縮んで破綻する。 */
	body.fsn-dashboard-page .fuji-samurai-now #gridKawaguchiko{grid-template-columns:repeat(4,1fr);}
}

/* Cocoonの自動目次。ダッシュボードでは不要なうえ、プラグイン側のh2を検出して
 * 最初のカード内部に挿入されてしまうため、/now/ に限って非表示にする。
 * 記事ページの目次には影響しない（このクラスは /now/ にしか付かない）。 */
body.fsn-dashboard-page #toc,
body.fsn-dashboard-page .toc{display:none;}
/* 余白の圧縮 */
body.fsn-dashboard-page .entry-content{margin-top:0;}
body.fsn-dashboard-page .article{padding-top:.6em;}