/* Four distinct scenes, scoped to the Shekou history timeline. */
#what-shekou-actually-is .sr-history-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
#what-shekou-actually-is .sr-history-grid>article{min-width:0;padding:10px;border:1px solid #dce7f5;border-radius:8px;background:#fff}
#what-shekou-actually-is .stl-figure{display:block;margin:0 0 9px;padding:0;min-width:0}
#what-shekou-actually-is .stl-figure picture{display:block;aspect-ratio:3/2;overflow:hidden;border-radius:6px;background:#edf4fb}
#what-shekou-actually-is .stl-figure img{display:block;width:100%;height:100%;aspect-ratio:3/2;object-fit:cover;object-position:center;max-width:100%}
#what-shekou-actually-is .stl-waterfront img{object-position:50% 45%}
#what-shekou-actually-is .stl-today img{object-position:50% 100%}
#what-shekou-actually-is .stl-figure figcaption{display:grid;gap:4px;padding-top:7px;color:#547198;font:11px/1.4 Arial,Helvetica,sans-serif;word-break:normal;overflow-wrap:normal;hyphens:none}
#what-shekou-actually-is .stl-figure figcaption strong{font-size:12px;line-height:1.35;font-weight:600;color:#315983}
#what-shekou-actually-is .stl-figure figcaption small{font-size:10px;line-height:1.4}
#what-shekou-actually-is .stl-figure figcaption a{color:#426ba4;text-decoration:underline;text-underline-offset:2px}
#what-shekou-actually-is .sr-history-grid>article>strong{font-size:19px;line-height:1.15;margin-top:12px}
#what-shekou-actually-is .sr-history-grid>article>h3{font-size:16px;line-height:1.2;margin:7px 0}
#what-shekou-actually-is .sr-history-grid>article>p{font-size:13px;line-height:1.5;margin:0;color:#526f96}
#what-shekou-actually-is .sr-history-grid>aside{grid-column:1/-1;display:grid;grid-template-columns:160px minmax(0,1fr) auto;align-items:center;gap:14px;padding:12px}
#what-shekou-actually-is .sr-history-grid>aside>h3{font-size:14px;line-height:1.25;margin:0}
#what-shekou-actually-is .sr-history-grid>aside>p{font-size:12px;line-height:1.45;margin:0}
#what-shekou-actually-is .sr-history-grid>aside>.sr-button{width:auto;margin:0;min-height:34px;font-size:11px}
#what-shekou-actually-is>.stl-legend{font-size:11px;line-height:1.45;margin-top:11px;color:#5c7597}
#what-shekou-actually-is .stl-figure a:focus-visible{outline:3px solid #e0ac38;outline-offset:3px}
@media(max-width:1000px){#what-shekou-actually-is .sr-history-grid>article{padding:8px}#what-shekou-actually-is .sr-history-grid>article>h3{font-size:14px}#what-shekou-actually-is .sr-history-grid>article>p{font-size:12px}#what-shekou-actually-is .sr-history-grid>aside{grid-template-columns:1fr;gap:7px}#what-shekou-actually-is .sr-history-grid>aside>.sr-button{justify-self:start}}
@media(max-width:800px){#what-shekou-actually-is .sr-history-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#what-shekou-actually-is .sr-history-grid>article>h3{font-size:16px}#what-shekou-actually-is .sr-history-grid>article>p{font-size:13px}}
@media(max-width:560px){#what-shekou-actually-is .sr-history-grid{gap:9px}#what-shekou-actually-is .sr-history-grid>article{padding:7px}#what-shekou-actually-is .sr-history-grid>article>strong{font-size:17px}#what-shekou-actually-is .sr-history-grid>article>h3{font-size:14px}#what-shekou-actually-is .sr-history-grid>article>p{font-size:12px}#what-shekou-actually-is .stl-figure figcaption strong{font-size:11px}#what-shekou-actually-is .stl-figure figcaption small{font-size:10px}}
@media(max-width:380px){#what-shekou-actually-is .sr-history-grid{grid-template-columns:1fr}#what-shekou-actually-is .sr-history-grid>article{padding:10px}#what-shekou-actually-is .sr-history-grid>article>h3{font-size:16px}#what-shekou-actually-is .sr-history-grid>article>p{font-size:13px}#what-shekou-actually-is .stl-figure figcaption strong{font-size:12px}#what-shekou-actually-is .stl-figure figcaption small{font-size:11px}}