/* Exhibitors page: the link to the event checklist guide (end of "A good day at the booth").
   Guide /guides/event-contact-capture/: Jim's trade fair tip video in "During the event".
   Both 2026-10-16 (Jim); loaded by these two pages only (apps/site-source/build_event.py). */

/* ---------------------------------------------------------------- link to the guide */
/* under the event-day timeline, in its column, lined up with the timeline's text */
.event-guide-link{grid-column:2;display:flex;flex-direction:column;align-items:flex-start;gap:4px;margin:46px 0 0;padding-left:30px}
.event-guide-link>span{font-size:13px;color:#6f7e64}
/* the grid's row gap (80 px) would push it far below the timeline; the link's own margin is enough */
@media(min-width:801px){#event-day .event-day-grid{row-gap:0}}
@media(max-width:800px){.event-guide-link{grid-column:auto;max-width:600px;margin:6px 10px 0}}
@media(max-width:540px){.event-guide-link{padding-left:24px}}

/* ---------------------------------------------------------------- the guide's video */
.article-film{display:grid;grid-template-columns:minmax(0,250px) minmax(0,1fr);gap:34px;align-items:center;margin:34px 0 30px;padding:24px 30px 24px 24px;background:#edf4e4;border-radius:18px}
.article-film .film-player{width:100%}
.article-film figcaption{display:flex;flex-direction:column;gap:10px;min-width:0}
.article-film figcaption .eyebrow{margin:0}
.article-film strong{font-size:22px;line-height:1.25;letter-spacing:-.025em;font-weight:520;color:#1c2922}
.article-film-text{font-size:15px;line-height:1.75;color:#66765a}
@media(max-width:640px){
 .article-film{grid-template-columns:1fr;justify-items:center;gap:22px;padding:20px 20px 24px}
 .article-film .film-player{max-width:300px}
 .article-film figcaption{text-align:center;align-items:center}
}
/* ---------------------------------------------------------------- "A useful handover": illustration left */
.handover-split{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}
.handover-art{margin:0;max-width:520px;justify-self:center;mix-blend-mode:multiply}
.handover-art img{display:block;width:100%;height:auto}
/* its two links side by side, wrapping on narrow screens */
.handover-links{display:flex;flex-wrap:wrap;gap:10px 34px}
@media(max-width:900px){.handover-split{grid-template-columns:1fr}.handover-art{max-width:340px}}

/* ---------------------------------------------------------------- Team Pass walkthrough (#walkthrough) */
.walkthrough{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(0,1fr);gap:44px;align-items:start}
.walkthrough-film,.walkthrough-film video{aspect-ratio:16/9}
.walkthrough-film .film-cover{justify-content:flex-end;align-items:flex-start;background:linear-gradient(180deg,transparent 55%,#12251840)}
.walkthrough-cover-meta{display:flex;align-items:center;gap:14px}
.walkthrough-film .film-play{position:static;transform:none;width:56px;height:56px}
.walkthrough-cover-meta small{border:1px solid #ffffff6b;border-radius:30px;padding:5px 11px;font-size:12px;font-variant-numeric:tabular-nums}
@media(max-width:600px){.walkthrough-film .film-cover{padding:12px}.walkthrough-cover-meta{gap:10px}.walkthrough-film .film-play{width:40px;height:40px}.walkthrough-film .film-play svg{width:14px;height:14px}.walkthrough-cover-meta small{padding:3px 9px;font-size:11px}}
.walkthrough-label{margin:0 0 12px;font-size:11px;font-weight:650;letter-spacing:.15em;text-transform:uppercase;color:#657b52}
.walkthrough-chapters ol{list-style:none;margin:0;padding:0;border-top:1px solid #e3e8dc}
.walkthrough-chapters button{display:grid;grid-template-columns:44px 1fr;gap:10px;align-items:baseline;width:100%;padding:9px 10px 9px 0;border:0;border-bottom:1px solid #e3e8dc;background:none;color:#1c2922;font:400 14px/1.4 'DM Sans',system-ui,sans-serif;text-align:left;cursor:pointer;transition:background .15s,color .15s}
.walkthrough-chapters button:disabled{cursor:default;color:inherit}
.walkthrough-chapters button:not(:disabled):hover{background:#f1f6ea}
.walkthrough-chapters button:focus-visible{outline:3px solid #63854f;outline-offset:-3px}
.walkthrough-chapters button[aria-current]{background:#edf6e1;color:#304924;font-weight:550}
.walkthrough-time{padding-left:10px;font-size:12px;font-variant-numeric:tabular-nums;color:#697267}
.walkthrough-chapters button[aria-current] .walkthrough-time{color:#304924}
@media(max-width:1000px){.walkthrough{grid-template-columns:1fr;gap:28px}.walkthrough-chapters ol{columns:2;column-gap:28px}.walkthrough-chapters li{break-inside:avoid}}
@media(max-width:600px){.walkthrough-chapters ol{columns:1}}