/* Radio: Vayu編集室 ― 既存Vayuの静けさ・余白を引き継いだ専用ページ */
.vayu-radio{
	--vrd-snow:#FBFAF7;
	--vrd-linen:#F1EEE7;
	--vrd-ink:#3E4340;
	--vrd-sage:#9CAF97;
	--vrd-sage-deep:#6E8468;
	--vrd-fog:#A7A69C;
	--vrd-latin:'Josefin Sans',sans-serif;
	--vrd-sans:'Zen Kaku Gothic New',sans-serif;
	--vrd-serif:"Noto Serif JP",serif;
	background:var(--vrd-snow);
	color:var(--vrd-ink);
}
.vayu-radio .vrd-wrap{
	max-width:920px;
	margin:0 auto;
	padding:0 24px;
}

/* ── ヒーロー ── */
.vrd-hero{
	padding:96px 0 64px;
	text-align:center;
	background:linear-gradient(180deg,var(--vrd-linen),var(--vrd-snow));
}
.vrd-hero__inner{
	max-width:640px;
	margin:0 auto;
	padding:0 24px;
}
.vrd-hero__kicker{
	margin:0;
	font-family:var(--vrd-latin);
	font-size:12px;
	letter-spacing:.4em;
	color:var(--vrd-sage-deep);
}
.vrd-hero__title{
	margin:20px 0 0;
	font-family:var(--vrd-serif);
	font-size:clamp(30px,4vw,42px);
	font-weight:400;
	letter-spacing:.12em;
	color:var(--vrd-ink);
}
.vrd-hero__lead{
	margin:26px auto 0;
	max-width:480px;
	font-family:var(--vrd-serif);
	font-size:16px;
	line-height:2.1;
	letter-spacing:.05em;
	color:var(--vrd-ink);
}
.vrd-hero__note{
	margin:16px 0 0;
	font-family:var(--vrd-sans);
	font-size:12.5px;
	letter-spacing:.06em;
	color:var(--vrd-fog);
}

/* ── 共通セクション見出し ── */
.vrd-section{padding:56px 0}
.vrd-sec-title{
	margin:0 0 28px;
	font-family:var(--vrd-latin);
	font-size:13px;
	font-weight:500;
	letter-spacing:.22em;
	color:var(--vrd-sage-deep);
	text-align:center;
}

/* ── LISTEN：配信プレイヤー（既存の固定ページ本文をそのまま包む） ── */
.vrd-player{
	max-width:640px;
	margin:0 auto;
	padding:28px;
	background:#fff;
	border:1px solid rgba(110,132,104,.16);
	border-radius:22px;
	box-shadow:0 18px 40px rgba(62,67,64,.06);
}
.vrd-player p{
	margin:0 0 16px;
	font-family:var(--vrd-serif);
	font-size:14.5px;
	line-height:1.95;
	letter-spacing:.03em;
	color:var(--vrd-ink);
}
.vrd-player p:last-child{margin-bottom:0}
.vrd-player figure{margin:20px 0}
.vrd-player iframe{display:block;width:100%;max-width:100%}

/* ── EPISODE NOTES ── */
.vrd-notes{background:var(--vrd-linen)}
.vrd-note-grid{
	display:grid;
	grid-template-columns:repeat(3,1fr);
	gap:26px;
}
.vrd-note-card{
	display:flex;
	flex-direction:column;
	background:#fff;
	border:1px solid rgba(110,132,104,.14);
	border-radius:18px;
	overflow:hidden;
	text-decoration:none;
	color:var(--vrd-ink);
	box-shadow:0 12px 26px rgba(62,67,64,.05);
	transition:transform .3s ease,box-shadow .3s ease;
}
.vrd-note-card:hover{
	transform:translateY(-4px);
	box-shadow:0 18px 34px rgba(62,67,64,.10);
	color:var(--vrd-ink);
}
.vrd-note-card__thumb{
	display:block;
	width:100%;
	aspect-ratio:4/3;
	background:linear-gradient(150deg,var(--vrd-linen),#e4e9df);
}
.vrd-note-card__thumb img{width:100%;height:100%;object-fit:cover;display:block}
.vrd-note-card__thumb.-empty::after{
	content:"";
	display:block;
	width:100%;
	height:100%;
}
.vrd-note-card__meta{
	margin:18px 20px 0;
	font-family:var(--vrd-latin);
	font-size:10.5px;
	letter-spacing:.18em;
	color:var(--vrd-sage-deep);
}
.vrd-note-card__title{
	margin:8px 20px 0;
	font-family:var(--vrd-serif);
	font-size:16px;
	font-weight:500;
	line-height:1.6;
	letter-spacing:.02em;
}
.vrd-note-card__excerpt{
	margin:10px 20px 0;
	font-family:var(--vrd-sans);
	font-size:12px;
	line-height:1.8;
	color:#6b716a;
}
.vrd-note-card__cta{
	margin:16px 20px 20px;
	font-family:var(--vrd-sans);
	font-size:11.5px;
	letter-spacing:.04em;
	color:var(--vrd-sage-deep);
}
.vrd-note-card__cta i{margin-left:2px;font-style:normal}

.vrd-notes__all{
	display:block;
	margin:34px auto 0;
	width:fit-content;
	font-family:var(--vrd-sans);
	font-size:12.5px;
	letter-spacing:.06em;
	color:var(--vrd-sage-deep);
	text-decoration:none;
}
.vrd-notes__all:hover{color:var(--vrd-ink)}

@media(max-width:900px){
	.vrd-note-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:600px){
	.vrd-hero{padding:64px 0 44px}
	.vrd-hero__inner{padding:0 20px}
	.vrd-hero__lead{font-size:15px}
	.vayu-radio .vrd-wrap{padding:0 18px}
	.vrd-section{padding:40px 0}
	.vrd-player{padding:18px;border-radius:18px}
	.vrd-note-grid{grid-template-columns:1fr;gap:18px}
}
@media(prefers-reduced-motion:reduce){
	.vrd-note-card{transition:none}
}