/* Shared presentation for the English and Japanese museum audio-guide pages. */
.audio-guides .head { padding: 48px 0 44px; }
.audio-guides .head h1 { max-width: 32ch; }
.audio-guides:lang(ja) .head h1 { max-width: 18em; line-height: 1.5; letter-spacing: 0; }
.service-title-phrase { display: inline-block; }
.audio-guides .standfirst, .audio-guides .prose { font-size: 15px; line-height: 1.9; }
.audio-guides .band { padding: 38px 0; }
.audio-guides .shead { font-size: 14px; margin-bottom: 20px; }
.audio-guides .prose a { color: var(--accent); text-decoration: underline; text-underline-offset: 4px; }

.service-skip { position: absolute; left: 18px; top: 8px; z-index: 110; padding: 10px; background: var(--bg); transform: translateY(-200%); }
.service-skip:focus { transform: translateY(0); }

.service-languages { display: flex; align-items: center; gap: 20px; margin-bottom: 32px; font-size: 13px; }
.service-languages a { color: var(--fg-dim); text-decoration: underline; text-underline-offset: 4px; }
.service-languages a:hover { color: var(--accent); }
.service-languages [aria-current] { color: var(--accent); }

.service-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 14px 22px; margin-top: 28px; }
.service-cta { display: inline-block; background: var(--accent); color: var(--bg); border: 1px solid var(--accent); padding: 11px 20px; font-size: 14px; font-weight: 700; }
.service-cta:hover { opacity: 0.86; }
.service-actions span { color: var(--fg-dim); font-size: 12.5px; }

.service-deliverables { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }
.service-deliverables div { border-top: 1px solid var(--line); padding-top: 20px; }
.service-deliverables dt { color: var(--fg); font-weight: 700; font-size: 15px; }
.service-deliverables dd { color: var(--fg-dim); font-size: 14px; line-height: 1.9; margin-top: 8px; }
.service-email { overflow-wrap: anywhere; }

@media (max-width: 780px) {
    .audio-guides .head { padding-top: 32px; }
    .audio-guides .head h1 { font-size: 26px; }
    .service-languages { margin-bottom: 26px; }
    .service-deliverables { grid-template-columns: 1fr; }
}