.experience-introduction { margin: 0 0 18px; max-width: 48rem; font-size: .85rem; line-height: 1.65; overflow-wrap: anywhere; }
.experience-introduction p { margin: 5px 0; }
/* Keep the existing English headline together at desktop widths. */
@media (min-width: 701px) {
  html:lang(en) .intro h1 { font-size: clamp(1.8rem, 4.2vw, 2.85rem); }
}
.experience .experience-note, .experience-introduction .experience-note { color: var(--ink-soft); font-size: .75rem; line-height: 1.65; }
.experience { margin: 36px 0 0; padding: 24px 0 0; border-top: 1px solid var(--border); overflow-wrap: anywhere; }
.experience h2 { margin: 0 0 8px; font-size: 1.1rem; font-weight: 650; line-height: 1.5; }
.experience p { margin: 8px 0 16px; }
.experience-video { display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: contain; background: #10100f; border: 1px solid var(--border); }
.experience-steps { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px 30px; margin: 20px 0 12px; padding-left: 22px; font-size: .85rem; line-height: 1.65; }
.experience-steps li { padding-left: 3px; }
.experience a { color: var(--ink); text-underline-offset: 3px; text-decoration-thickness: 1px; }
.experience a:hover { color: var(--accent-strong); }
.experience-download { display: inline-block; margin: 0 0 20px; font-size: .75rem; line-height: 1.7; }
.experience-details { margin-top: 20px; border-top: 1px solid var(--border); border-bottom: 1px solid var(--border); font-size: .82rem; line-height: 1.75; }
.experience-details summary { padding: 14px 2px; cursor: pointer; font-weight: 600; }
.experience-details summary::marker { color: var(--accent-strong); }
.experience-details-body { padding: 0 2px 14px; max-width: 48rem; }
.experience-details h3 { margin: 22px 0 8px; font-size: .87rem; font-weight: 650; }
.experience-details h3:first-child { margin-top: 10px; }
.experience-links { margin: 8px 0 20px; padding-left: 20px; }
.experience-links li { margin: 6px 0; }
.experience :is(a, summary, video):focus-visible { outline: 2px solid var(--accent-strong); outline-offset: 4px; }
@media (max-width: 600px) {
  .experience { margin-top: 28px; padding-top: 20px; }
  .experience-steps { grid-template-columns: minmax(0, 1fr); gap: 8px; }
}