.surf-bonus.split{display:grid;grid-template-columns:1fr 1.1fr;gap:42px;align-items:center}.surf-bonus .eyebrow{font-size:18px;color:var(--blue-strong);font-weight:700}.surf-bonus h2{font-size:clamp(34px,3.4vw,54px);line-height:1.45}.surf-bonus video{width:100%;aspect-ratio:16/9;background:#102d3c;display:block}.surf-bonus figcaption{font-size:16px;color:var(--muted);text-align:center;margin-top:12px}.surf-film{width:min(100%,calc(47vh * 16 / 9));margin:14px auto}.surf-result{text-align:center;font-size:27px;font-weight:700;margin-top:20px}.album-layout{display:grid;grid-template-columns:1.6fr 1fr;gap:48px;align-items:center}.album-layout img{max-height:68vh;width:auto;max-width:100%;object-fit:contain;margin:auto;border:1px solid var(--line)}.surf-bonus .small{font-size:22px}.surf-bonus .closing-thanks{margin-top:24px}.surf-bonus .quiet-source{font-size:15px}.surf-bonus .lead{font-size:27px;line-height:1.8}@media(max-width:768px),(max-width:1024px) and (pointer:coarse){.surf-bonus.split,.album-layout{grid-template-columns:1fr;gap:26px}.surf-bonus h2{font-size:29px}.surf-bonus .lead{font-size:21px}.surf-bonus .small{font-size:18px}.surf-bonus .eyebrow{font-size:15px}.surf-result{font-size:21px;text-align:left}.surf-film{width:100%}.album-layout img{max-height:65vh}.surf-bonus figcaption{font-size:14px}.surf-bonus .quiet-source{font-size:13px}}

/* P58: 横長のタイトル一覧を全幅で見せる */
.album-wide h2{font-size:clamp(30px,3vw,44px);margin-bottom:14px}
.album-wide .lead{font-size:22px;margin-bottom:18px}
.album-wide figure{margin:0 auto 14px;text-align:center}
.album-wide img{display:block;width:auto;max-width:100%;height:auto;max-height:49vh;object-fit:contain;margin:auto;border:1px solid var(--line)}
.album-wide .small{margin:0 0 6px}
.album-wide .quiet-source{margin:0}
@media(max-width:768px),(max-width:1024px) and (pointer:coarse){.album-wide h2{font-size:29px}.album-wide .lead{font-size:21px}.album-wide img{width:100%;max-height:none}}