/* 基本スタイルの微調整 */
:root { --brand: #4f46e5; }
html, body { font-family: 'Inter', system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji"; }
.prose p { margin: 0.5rem 0; }
.prose a { color: var(--brand); text-decoration: underline; }

/* モーダルの開閉用ユーティリティ */
.modal-open { display: flex !important; }

/* メディアのアスペクト比維持 */
.media-box { position: relative; width: 100%; }
.media-box iframe, .media-box video, .media-box audio { width: 100%; height: 100%; }
.video-16x9 { aspect-ratio: 16 / 9; }

/* カード */
.card { @apply bg-white rounded-lg border border-slate-200 shadow-sm overflow-hidden; }
.card .thumb { height: 180px; background-size: cover; background-position: center; }
.card .content { padding: 12px; }

/* スクロールバー軽微調整（非破壊） */
* { scrollbar-width: thin; scrollbar-color: #cbd5e1 transparent; }
*::-webkit-scrollbar { height: 8px; width: 8px; }
*::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 8px; }