/* Full-length source adaptation of the dedicated Event Report template.
   Template geometry lives in event-template.css, shared with EventReportPreview. */
body.magazine.event-article { --event-copy-width: 760px; --event-muted: #45433f; font-weight: 400; }
.event-article .event-report-page { overflow-wrap: anywhere; }
.event-article .event-cover::after {
  content: ""; position: absolute; z-index: 2; inset: var(--hero-frame-inset);
  border: 1px solid rgba(255,255,255,.25); pointer-events: none;
}
.event-article .event-cover__photo picture { display: block; width: 100%; height: 100%; }
.event-article .event-cover__meta { display: block; max-width: 720px; font-size: 11px; line-height: 2; }
.event-article .event-cover__copy h1 { font-weight: 600; }
.event-article .event-cover__copy h1 .event-title-keep { display: inline; white-space: nowrap; }
.event-article .event-cover__stamp b { margin-block: 12px; font-size: 38px; font-weight: 500; }
.event-article .event-scroll-cue { position: absolute; display: flex; align-items: center; gap: 20px; right: var(--hero-nav-inset); bottom: 42px; color: #fff; text-decoration: none; font: 600 9px/1.5 Montserrat,sans-serif; letter-spacing: .08em; }
.event-article .event-scroll-cue i { width: 52px; height: 1px; background: #999; }
.event-article .event-route a { text-decoration: none; }
.event-article .event-opening__lead { margin: 24px 0; font-size: clamp(23px,2.2vw,31px); line-height: 1.75; text-wrap: pretty; }
.event-article .event-opening__lead strong { font-weight: inherit; }
.event-article .event-opening__story > p:not(.event-mini-label),
.event-article .event-opening__context > p { font-size: 16px; line-height: 2; color: var(--event-muted); }
.event-article .event-opening__facts { min-width: 0; align-self: center; }
.event-article .event-opening__facts h3 { margin: 0 0 20px; font-size: 14px; font-weight: 500; }
.event-article .event-opening__facts .event-facts { margin: 0; }
.event-article .event-opening__context { grid-column: 1 / -1; max-width: var(--event-copy-width); margin-inline: auto; }
.event-article .event-opening__context p { margin: 0 0 24px; }
.event-article .event-approved-damd > p { font-size: 16px; line-height: 2; }
.event-article .event-approved-damd > :is(p,h3) { width: min(var(--event-copy-width),100%); }
.event-article .event-approved-damd > .sec-h2 { font-size: clamp(30px,3.6vw,48px); }
.event-article .event-approved-damd > h3 { font-size: clamp(28px,3.2vw,42px) !important; scroll-margin-top: 82px; }
.event-article .event-title-phrase { display: inline-block; white-space: nowrap; }
.event-article .event-approved-model-title__story { font-size: 19px; line-height: 1.8; font-weight: 400; text-wrap: wrap; }
.event-article .event-approved-damd .cover-highlight-desc { font-size: 14px; }
.event-article .event-approved-damd .photo-pair { width: 100%; margin-inline: 0; }
.event-article .event-approved-damd .photo-caption { font-size: 13px; line-height: 1.9; }
.event-article .event-section-header { margin-bottom: 56px; }
.event-article .event-section-header h2 { font-size: clamp(28px,3.5vw,46px); line-height: 1.5; margin: 18px 0 0; }
.event-article .event-autoflags :is(p,.cover-highlight-desc) { font-size: 16px; line-height: 2; color: #d0d0d0; }
.event-article .event-autoflags :is(h2,h3,strong) { color: #fff; }
.event-article .event-autoflags a:not(.event-af-parts a) { color: inherit; text-underline-offset: 5px; }
.event-article .event-af-opening { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); align-items: center; gap: clamp(32px,5vw,76px); }
.event-article .event-autoflags .event-mini-label { font-size: 11px; line-height: 1.5; }
.event-article .event-af-opening__copy p { margin: 0 0 26px; }
.event-article .event-autoflags :is(.photo-break,.photo-pair),
.event-article .event-snap-story :is(.photo-break,.photo-pair) { margin: 44px 0 60px; background: transparent; }
.event-article .event-autoflags .event-af-opening > .photo-break { margin: 0; }
.event-article .event-autoflags :is(picture,img),
.event-article .event-snap-story :is(picture,img) { display: block; width: 100%; height: auto; }
.event-article .event-autoflags .photo-pair,
.event-article .event-snap-story .photo-pair { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 24px; align-items: start; }
.event-article .event-autoflags .photo-caption,
.event-article .event-snap-story .photo-caption { margin: 0; padding: 12px 0 0; font-size: 13px; line-height: 1.9; border: 0; background: transparent; color: #bfbfbf; }
.event-article .event-autoflags .photo-pair > figure { min-width: 0; }
.event-article .event-af-chapter { margin-top: clamp(80px,9vw,130px); padding-top: 32px; border-top: 1px solid #353535; }
.event-article .event-af-chapter > .event-model-heading { max-width: var(--event-copy-width); margin: 0 auto 32px; }
.event-article .event-model-heading h3 { margin: 0; font-family: inherit; font-weight: 600; letter-spacing: 0; }
.event-article .event-autoflags .event-model-heading__label { width: fit-content; margin: 0 0 16px; padding: 0; border: 0; background: transparent; color: #ed665c; font: 600 11px/1.5 Montserrat,sans-serif; letter-spacing: .16em; }
.event-article .event-model-heading__name { display: block; font-size: clamp(28px,2.5vw,34px); line-height: 1.45; }
.event-article .event-model-heading__description { display: block; margin-top: 12px; color: #c4c4c4; font-size: 18px; font-weight: 400; line-height: 1.8; }
.event-article .event-model-heading__dash { color: #ed665c; }
.event-article .event-af-chapter > p { max-width: var(--event-copy-width); margin: 0 auto 26px; }
.event-article .event-interview-note { max-width: var(--event-copy-width); margin: 32px auto; padding: 24px 0 0; border: 0; border-top: 1px solid #444; background: transparent; font-family: inherit; }
.event-article .event-autoflags .event-interview-note > p { margin: 0; color: #eee; font-size: 20px; font-weight: 400; line-height: 1.85; }
.event-article .event-interview-note > footer { display: block; margin-top: 12px; padding: 0; color: #aaa; font: 400 13px/1.8 var(--sans); }
.event-article .event-af-parts { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 40px 24px; margin-block: 40px 64px; }
.event-article .event-af-parts article { min-width: 0; }
.event-article .event-af-parts a { display: block; color: inherit; text-decoration: none; }
.event-article .event-af-parts a > div { padding-top: 16px; }
.event-article .event-af-parts a > div > div:first-child { color: #fff; font-size: 16px; line-height: 1.7; }
.event-article .event-af-parts a > div > div + div { margin-top: 8px; color: #c4c4c4; font-size: 14px; line-height: 1.9; }
.event-article .event-af-parts a:hover { text-decoration: underline; text-underline-offset: 5px; }
.event-article .event-af-interior { display: grid; grid-template-columns: 1.1fr 1fr; align-items: center; gap: 48px; padding-block: 40px; margin-top: 90px; border-block: 1px solid #353535; }
.event-article .event-af-interior .event-model-heading { margin-bottom: 24px; }
.event-article .event-af-interior .event-model-heading__name { font-size: 28px; }
.event-article .event-af-interior .event-model-heading__description { font-size: 16px; }
.event-article .event-af-interior > .photo-break { margin: 0; }
.event-article .event-autoflags .cover-highlight { display: grid; grid-template-columns: minmax(0,.7fr) minmax(0,1fr); gap: 24px 64px; margin-top: 60px; padding: 40px 0 0; background: transparent; }
.event-article .event-autoflags .cover-highlight-label { grid-column: 1 / -1; color: #e64236; font: 600 11px/1.5 Montserrat,sans-serif; letter-spacing: .1em; }
.event-article .event-autoflags .cover-highlight-title { font-size: 28px; line-height: 1.7; }
.event-article .event-autoflags .cover-highlight-title span { color: #bfbfbf !important; font-size: 15px; }
.event-article .event-autoflags .cover-highlight-link { grid-column: 2; width: fit-content; font-size: 14px; }
.event-article .event-snap-story > p { max-width: var(--event-copy-width); margin: 0 auto 32px; font-size: 16px; line-height: 2; color: var(--event-muted); }
.event-article .event-snap-story .photo-caption { color: var(--event-muted); }
.event-article .event-snap-story .photo-pair + .photo-caption { margin-top: -60px; margin-bottom: 64px; }
.event-article .event-snap-story .photo-pair { max-width: 960px; margin-inline: auto; }
.event-article .event-snap-story .photo-pair + .photo-caption { max-width: 960px; margin-inline: auto; }
@media(min-width:761px){
  /* Balance only the audited pairs using their original photograph ratios. */
  [data-article="event-osaka-automesse2026"] .photo-pair:has(img[src$="damd-jimny-trackmirror.jpg"]) { grid-template-columns: minmax(0,1.333333fr) minmax(0,1.500938fr); }
  [data-article="event-osaka-automesse2026"] .photo-pair:has(img[src$="af-lc250-ladder-detail.jpg"]) { grid-template-columns: minmax(0,3fr) minmax(0,4fr); }
  [data-article="event-osaka-automesse2026"] .photo-pair:has(img[src$="snap-wald.jpg"]) { grid-template-columns: minmax(0,.66625fr) minmax(0,1.500938fr); }
}
.event-article .event-wrap { grid-template-columns: minmax(150px,.4fr) minmax(0,1.3fr); gap: clamp(32px,5vw,76px); }
.event-article .event-wrap__copy { width: 100%; max-width: var(--event-copy-width); }
.event-article .event-wrap__copy > p:not(.event-mini-label) { color: #d0d0d0; font-size: 16px; line-height: 2; }
.event-article .event-wrap__copy h2 { font-size: clamp(30px,4vw,48px); }
.event-article .event-faq__item summary { display: grid; grid-template-columns: 42px minmax(0,1fr) 20px; gap: 14px; align-items: center; min-height: 86px; padding: 22px 0; cursor: pointer; list-style: none; }
.event-article .event-faq__item summary::-webkit-details-marker { display: none; }
.event-article .event-faq__item summary > span { color: var(--red); font: 600 11px/1.5 Montserrat,sans-serif; }
.event-article .event-faq__item summary b { font-size: 16px; line-height: 1.8; font-weight: 500; }
.event-article .event-faq__item summary i::after { content: "+"; font-style: normal; }
.event-article .event-faq__item[open] summary i::after { content: "−"; }
.event-article .event-faq__item > div { display: block; }
.event-article .event-faq__item > div > p { margin: 0; overflow: visible; padding: 0 34px 24px 56px; font-size: 15px; line-height: 2; }
.event-article .event-faq header h2 { font-size: 25px; }
.event-article .event-related__grid { grid-template-columns: repeat(4,minmax(0,1fr)); gap: 24px; background: transparent; }
.event-article .event-related__photo picture { display: block; width: 100%; height: 100%; }
.event-article .event-related__grid > article { padding: 0; }
.event-article .event-related__grid h3 { font-size: 17px; line-height: 1.7; }
.event-article .event-related__grid > article > p { font-size: 10px; }
.event-article .event-cta { padding: 64px 24px; text-align: center; border-block: 1px solid var(--event-line); }
.event-article .event-cta h2 { font-size: clamp(22px,2.4vw,30px); line-height: 1.7; }
.event-article .event-cta p { font-size: 14px; line-height: 2; color: var(--event-muted); }
.event-article .event-cta a { display: inline-block; margin-top: 18px; padding: 14px 32px; color: #fff; background: #111; text-decoration: none; font-size: 14px; }
.event-article .event-article-film { position: relative; margin: 64px 0; width: 100%; min-height: 0; aspect-ratio: 16 / 9; overflow: hidden; background: #0a0a0a; scroll-margin-top: 82px; }
.event-article .event-article-film .mag-film-poster { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.event-article .event-article-film .mag-film-copy { z-index: 2; left: 40px; right: 40px; bottom: 34px; }
.event-article .event-article-film .mag-film-copy h3 { max-width: 750px; color: #fff; font-size: clamp(22px,2.6vw,34px); line-height: 1.5; margin: 12px 0; }
.event-article .event-article-film .video-embed-caption { font-size: 13px; line-height: 1.9; color: #eee; max-width: 780px; }
.event-article .event-article-film .mag-film-play { color: #fff; border-color: #aaa; margin-top: 18px; min-height: 44px; }
.event-article .event-article-film .mag-film-player { position: absolute; inset: 0; z-index: 4; }
.event-article .event-article-film iframe { width: 100%; height: 100%; border: 0; }
.event-article .event-article-film.is-playing .mag-film-copy { display: none; }
.event-article .event-report-page :focus-visible { outline: 2px solid #e64236; outline-offset: 5px; }
@media (max-width: 1100px) {
  .event-article .event-opening { grid-template-columns: 1fr; }
  .event-article .event-opening__facts { max-width: none; }
  .event-article .event-af-opening, .event-article .event-af-interior { grid-template-columns: 1fr; }
  .event-article .event-af-opening > .photo-break { max-width: 500px; margin-inline: auto; }
  .event-article .event-af-parts { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .event-article .event-related__grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .event-article .event-wrap { grid-template-columns: 1fr; }
  .event-article .event-article-film { min-height: 470px; }
}
@media (max-width: 760px) {
  .event-article .event-cover__copy { left: 24px; right: 24px; bottom: 88px; width: auto; }
  .event-article .event-cover__copy h1 { font-size: clamp(22px,6.1vw,24px); line-height: 1.5; max-width: none; }
  .event-article .event-cover__meta { font-size: 10px; line-height: 2; }
  .event-article .event-cover__stamp { display: none; }
  .event-article .event-scroll-cue { bottom: 32px; }
  .event-article .event-opening { gap: 32px; }
  .event-article .event-opening__lead { font-size: 23px; }
  .event-article .event-opening__context { margin: 0; }
  .event-article .event-section-header { margin-bottom: 32px; }
  .event-article .event-approved-damd > h3 { font-size: 27px !important; scroll-margin-top: calc(var(--rail) + 66px); }
  .event-article .event-approved-model-title__story { font-size: 17px; }
  .event-article .event-approved-damd .photo-pair { gap: 24px; }
  .event-article .event-autoflags .photo-pair { grid-template-columns: 1fr; }
  .event-article .event-snap-story .photo-pair { grid-template-columns: 1fr; }
  .event-article .event-snap-story .photo-pair > picture { max-width: 340px; margin-inline: auto; }
  .event-article .event-af-parts { grid-template-columns: 1fr; }
  .event-article .event-model-heading__name { font-size: 25px; }
  .event-article .event-model-heading__description { font-size: 16px; line-height: 1.85; }
  .event-article .event-autoflags .event-interview-note > p { font-size: 18px; }
  .event-article .event-interview-note > footer { font-size: 12px; }
  .event-article .event-af-interior { margin-top: 60px; gap: 32px; }
  .event-article .event-autoflags .cover-highlight { grid-template-columns: 1fr; gap: 20px; }
  .event-article .event-autoflags .cover-highlight-label,
  .event-article .event-autoflags .cover-highlight-link { grid-column: 1; }
  .event-article .event-autoflags .cover-highlight-title { font-size: 26px; }
  .event-article .event-faq__item summary { grid-template-columns: 30px minmax(0,1fr) 14px; gap: 10px; }
  .event-article .event-faq__item > div > p { padding-inline: 0; }
  .event-article .event-related__grid { grid-template-columns: 1fr; gap: 36px; }
  .event-article .event-article-film { margin: 40px 0; min-height: 490px; }
  .event-article .event-article-film { scroll-margin-top: calc(var(--rail) + 66px); }
  .event-article .event-article-film .mag-film-copy { left: 22px; right: 22px; bottom: 26px; }
  .event-article .event-article-film .mag-film-copy h3 { font-size: 23px; }
  .event-article .event-article-film.is-playing { min-height: 0; aspect-ratio: 16 / 9; }
}
/* Keep the DAMD concept readable as separate Japanese and English lines. */
[data-article="event-osaka-automesse2026"] .event-approved-damd .pullquote-text {
  text-wrap: balance;
}
[data-article="event-osaka-automesse2026"] .event-approved-damd .pullquote-text > span {
  --gray: #c9c5bf;
  display: block;
  margin-top: 24px;
  font-size: .75em;
  font-weight: 400;
  line-height: 1.65;
}
