
.expo-detail-page .expo-detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:24px;align-items:start}
.expo-main-column{min-width:0}.expo-detail-sidebar{min-width:0;display:grid;gap:18px;align-content:start}
.expo-detail-page .expo-visit{position:static;padding:18px 20px;line-height:1.6}
.expo-detail-page .expo-visit .expo-kicker{font-size:10px;letter-spacing:1px}
.expo-detail-page .expo-visit h2{font-size:19px;margin:7px 0 9px}
.expo-detail-page .expo-visit-date{font:15px/1.6 ui-monospace,monospace;margin:0 0 6px}
.expo-detail-page .expo-visit-city{font-size:13px;margin:0 0 10px}
.expo-detail-page .expo-button{margin:0 0 8px;padding:9px 14px;font-size:13px}
.expo-detail-page .expo-secondary{font-size:12px}
.expo-detail-page .expo-visit-note{font-size:12px;margin:12px 0 6px;padding-top:10px;border-top:1px solid var(--expo-line)}
.expo-back{font-size:12px}
.expo-sidebar-ad{width:350px;height:300px;max-width:100%;border:1px dashed var(--expo-line);border-radius:10px;background:var(--bg-card,#fff);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--text-muted,#7c8994)}
.expo-sidebar-ad span{font-size:13px}.expo-sidebar-ad small{font-size:12px}
.expo-recommend-section{margin-top:24px;padding:24px;background:var(--bg-card,#fff);border:1px solid var(--expo-line);border-radius:12px}
.expo-block-heading{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:18px}
.expo-block-heading h2{font-size:20px;margin:0;font-weight:600}.expo-block-heading>a{font-size:12px;white-space:nowrap}
.expo-related-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.expo-three-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.expo-related-card{display:flex;flex-direction:column;min-width:0;border:1px solid var(--expo-line);border-radius:8px;overflow:hidden;background:var(--bg-card,#fff)}
.expo-related-card:hover{border-color:var(--expo-blue);text-decoration:none!important}
.expo-related-image{aspect-ratio:16/9;background:#f0f3f5;display:flex;align-items:center;justify-content:center;overflow:hidden}
.expo-related-image img{width:100%;height:100%;object-fit:contain}
.expo-related-image.competition img,.expo-related-image.award img{object-fit:cover}
.expo-related-image>span{font-size:20px;color:#155b66}
.expo-related-body{padding:12px}
.expo-related-body h3{margin:0;font-size:14px;font-weight:500;line-height:1.65;color:var(--text-main,#20313c);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.expo-related-body p{margin:7px 0 0;font-size:11px;line-height:1.7;color:var(--text-muted,#77838d)}
.expo-news-grid{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:24px}
.expo-news-grid li{min-width:0;border-bottom:1px solid var(--expo-line)}
.expo-news-grid a{display:block;padding:12px 0;font-size:13px;color:var(--text-main,#20313c);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.expo-comments{margin-top:24px}
.expo-comments #comments{padding:24px;border:1px solid var(--expo-line);box-shadow:none}
.expo-comments .respond .compost{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.expo-comments .respond .compost li{margin:0;float:none;min-width:0}
.expo-comments .respond .compost li input{width:100%}
@media(min-width:901px) and (max-width:1100px){.expo-detail-page .expo-article{padding:24px}.expo-recommend-section{padding:20px}.expo-related-body{padding:10px}.expo-three-grid{gap:10px}.expo-related-body h3{font-size:13px}}
@media(max-width:900px){.expo-detail-page .expo-detail-layout{grid-template-columns:minmax(0,1fr)}.expo-detail-sidebar{grid-template-columns:minmax(0,1fr) 350px}.expo-detail-page .expo-visit{width:100%}.expo-comments{margin-bottom:0}}
@media(max-width:650px){.expo-detail-sidebar{grid-template-columns:1fr}.expo-sidebar-ad{justify-self:center;width:350px;max-width:100%;height:auto;aspect-ratio:7/6}.expo-recommend-section{padding:18px}.expo-three-grid{grid-template-columns:1fr}.expo-related-grid{gap:12px}.expo-news-grid{grid-template-columns:1fr}.expo-block-heading h2{font-size:18px}.expo-comments #comments{padding:20px}.expo-comments .respond .compost{grid-template-columns:1fr}}
@media(max-width:900px){.expo-detail-sidebar{grid-row:1}}

/* Keep the full visit/ad column attached while scrolling on desktop. */
@media(min-width:901px){
 .expo-detail-page .expo-detail-layout{grid-template-columns:minmax(0,1fr) 380px}
 .expo-detail-page .expo-detail-sidebar{width:380px;position:sticky;top:16px;align-self:start}
}
.expo-sidebar-ad-slot{min-width:0;max-width:100%;width:100%}
.expo-sidebar-ad-slot:empty{display:none}
.expo-sidebar-ad-slot>.site-ad{width:350px;max-width:100%;margin:0 auto}
.expo-sidebar-ad-slot .site-ad-content{min-height:300px}
@media(max-width:900px){.expo-detail-page .expo-detail-sidebar{position:static;width:auto}}

/* Match the existing news article sidebar; reserve remaining space for content. */
@media(min-width:901px){
 .expo-detail-page .expo-detail-layout{grid-template-columns:minmax(0,1fr) 300px}
 .expo-detail-page .expo-detail-sidebar{width:300px;max-width:300px;min-width:0}
 .expo-detail-page .expo-visit{width:100%;min-width:0;padding:16px}
}
.expo-detail-page .expo-sidebar-ad-slot>.site-ad{width:100%;max-width:350px}

/* Six image-first recommendations, with a landscape thumbnail and compact caption. */
.expo-detail-page .expo-related-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.expo-detail-page .expo-related-grid>.expo-related-card{display:flex;flex-direction:column;min-height:0}
.expo-detail-page .expo-related-grid .expo-related-image{width:100%;aspect-ratio:16/9;min-height:0;height:auto;padding:0}
.expo-detail-page .expo-related-grid .expo-related-image img{display:block;width:100%;height:100%;max-height:none;object-fit:contain}
.expo-detail-page .expo-related-grid .expo-related-body{padding:12px;display:block}
.expo-detail-page .expo-related-grid .expo-related-body h3{font-size:14px;line-height:1.6;-webkit-line-clamp:2}
.expo-detail-page .expo-related-grid .expo-related-body p{font-size:11px;line-height:1.6;margin-top:7px}
.expo-detail-page .expo-card-labels>a{background:var(--bg-body,#eff5fa);padding:4px 8px;border-radius:4px}
.expo-inline-ad{margin:22px 0;min-width:0;max-width:100%}
.expo-section-ad{margin-top:24px;min-width:0;max-width:100%}
.expo-section-ad:empty,.expo-inline-ad:empty{display:none}
.expo-section-ad>.site-ad,.expo-inline-ad>.site-ad{width:100%;max-width:100%;margin:0}
.expo-detail-page .expo-facts dd{overflow-wrap:anywhere}
@media(max-width:1100px){.expo-detail-page .expo-related-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}}
@media(max-width:480px){.expo-detail-page .expo-related-grid .expo-related-body{padding:9px}.expo-detail-page .expo-related-grid .expo-related-body h3{font-size:13px;-webkit-line-clamp:3}}
@media(max-width:350px){.expo-detail-page .expo-related-grid{grid-template-columns:1fr}}
