/* 台風の記録（年別まとめ・台風別の特徴）2026-09-07。表示は weather/typhoon/typhoon_summary.php */
.ty-sum{margin:0 0 24px}
.ty-sum-asof,.type-post p.ty-sum-asof{margin:0 0 8px;font-size:12px;line-height:1.6;color:#777}
.ty-sum-lead,.type-post p.ty-sum-lead{margin:0 0 14px;font-size:15px;line-height:1.8;font-weight:bold;color:#1c4d7a}
.ty-sum-origin{margin:0 0 12px;font-size:13px;color:#666}
.ty-sum-stats{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 16px}
.ty-sum-stat{flex:1 1 calc(50% - 10px);min-width:150px;box-sizing:border-box;padding:10px 12px;background:#f5f8fb;border:1px solid #dde5ee;border-radius:6px}
.ty-sum-stat-label{display:block;font-size:12px;color:#666}
.ty-sum-stat-value{display:block;font-size:20px;font-weight:bold;color:#1c4d7a;line-height:1.4}
.ty-sum-stat-note{display:block;margin-top:4px;font-size:11px;line-height:1.5;color:#777}
.ty-sum-body p{margin:0 0 12px;font-size:14px;line-height:1.9;color:#333}
.ty-sum-h3{margin:20px 0 8px;padding:0 0 4px;font-size:16px;color:#1c4d7a;border-bottom:2px solid #dde5ee}
.ty-sum-facts{width:100%;border-collapse:collapse;margin:0 0 6px;font-size:13px}
.ty-sum-facts th,.ty-sum-facts td{padding:7px 10px;border:1px solid #ddd;text-align:left;vertical-align:top;line-height:1.6}
.ty-sum-facts th{width:9em;background:#f0f4f8;color:#333;font-weight:bold;white-space:nowrap}
.ty-sum-facts td{color:#333}
.ty-sum-timeline{margin:0 0 8px;padding:0;list-style:none}
.ty-sum-timeline li{position:relative;margin:0;padding:6px 0 6px 6.5em;font-size:13px;line-height:1.7;color:#333;border-bottom:1px dotted #ddd}
.ty-sum-date{position:absolute;left:0;top:6px;width:6em;font-weight:bold;color:#2c7eb9}
/* 影響・被害: 本文と左端をそろえ、「・」をぶら下げインデントで付ける(2026-09-07) */
.ty-sum-impact,.type-post ul.ty-sum-impact{margin:0 0 8px;padding:0;list-style:none;font-size:13px;line-height:1.8;color:#333}
.ty-sum-impact li,.type-post ul.ty-sum-impact li{position:relative;margin:0 0 4px;padding:0 0 0 1em}
.ty-sum-impact li::before{content:"・";position:absolute;left:0;top:0}
.ty-sum-src{font-size:11px;color:#888;white-space:nowrap}
a.ty-sum-src{text-decoration:underline}
.ty-sum-memo{margin:14px 0;padding:10px 14px;background:#fffbe6;border:1px solid #f0c84a;border-radius:6px}
.ty-sum-memo-label{display:block;margin:0 0 4px;font-size:12px;font-weight:bold;color:#8a6d00}
.ty-sum-memo p{margin:0;font-size:14px;line-height:1.8;color:#333}
.ty-sum-note,.type-post p.ty-sum-note{margin:0 0 10px;font-size:11px;line-height:1.6;color:#777}
/* 出典一覧: 本文(.type-post p 16px)より明確に小さく、控えめに(2026-09-07) */
.ty-sum-sources,.type-post p.ty-sum-sources{margin:12px 0 0;padding:8px 0 0;border-top:1px dotted #ddd;font-size:11px;line-height:1.7;color:#888}
.ty-sum-sources a,.type-post p.ty-sum-sources a{font-size:11px;color:#7a9cbf;text-decoration:underline}
.ty-sum-oneline{display:block;margin-top:2px;font-size:11px;line-height:1.5;color:#666;font-weight:normal}
@media screen and (max-width:770px){
.ty-sum-stat{flex-basis:100%}
.ty-sum-facts th{width:6.5em;white-space:normal}
.ty-sum-timeline li{padding-left:0}
.ty-sum-date{position:static;display:block;width:auto}
}
/* ダークモード対（規約: 面#2b2b2b/#333・枠#555・本文#ddd・補足#a8b8c8・強調#7fb4e8・注意#3d3520/#f0c84a） */
#darkBody .ty-sum-asof,html[data-theme="dark"] .ty-sum-asof{color:#a8b8c8}
#darkBody .ty-sum-lead,html[data-theme="dark"] .ty-sum-lead{color:#8ec3ee}
#darkBody .ty-sum-origin,html[data-theme="dark"] .ty-sum-origin{color:#a8b8c8}
#darkBody .ty-sum-stat,html[data-theme="dark"] .ty-sum-stat{background:#2b2b2b;border-color:#555}
#darkBody .ty-sum-stat-label,html[data-theme="dark"] .ty-sum-stat-label{color:#a8b8c8}
#darkBody .ty-sum-stat-value,html[data-theme="dark"] .ty-sum-stat-value{color:#7fb4e8}
#darkBody .ty-sum-stat-note,html[data-theme="dark"] .ty-sum-stat-note{color:#a8b8c8}
#darkBody .ty-sum-body p,html[data-theme="dark"] .ty-sum-body p{color:#ddd}
#darkBody .ty-sum-h3,html[data-theme="dark"] .ty-sum-h3{color:#8ec3ee;border-bottom-color:#555}
#darkBody .ty-sum-facts th,#darkBody .ty-sum-facts td,html[data-theme="dark"] .ty-sum-facts th,html[data-theme="dark"] .ty-sum-facts td{border-color:#555}
#darkBody .ty-sum-facts th,html[data-theme="dark"] .ty-sum-facts th{background:#333;color:#ddd}
#darkBody .ty-sum-facts td,html[data-theme="dark"] .ty-sum-facts td{color:#ddd}
#darkBody .ty-sum-timeline li,html[data-theme="dark"] .ty-sum-timeline li{color:#ddd;border-bottom-color:#555}
#darkBody .ty-sum-date,html[data-theme="dark"] .ty-sum-date{color:#7fb4e8}
#darkBody .ty-sum-impact,html[data-theme="dark"] .ty-sum-impact{color:#ddd}
#darkBody .ty-sum-src,html[data-theme="dark"] .ty-sum-src{color:#a8b8c8}
#darkBody .ty-sum-memo,html[data-theme="dark"] .ty-sum-memo{background:#3d3520;border-color:#f0c84a}
#darkBody .ty-sum-memo-label,html[data-theme="dark"] .ty-sum-memo-label{color:#f0c84a}
#darkBody .ty-sum-memo p,html[data-theme="dark"] .ty-sum-memo p{color:#eee}
#darkBody .ty-sum-note,html[data-theme="dark"] .ty-sum-note{color:#a8b8c8}
#darkBody .ty-sum-sources,html[data-theme="dark"] .ty-sum-sources{color:#a8b8c8;border-top-color:#555}
#darkBody .ty-sum-sources a,html[data-theme="dark"] .ty-sum-sources a{color:#7fb4e8}
#darkBody .ty-sum-oneline,html[data-theme="dark"] .ty-sum-oneline{color:#a8b8c8}