/* The Gordie Howe International Bridge guide (/gordie-howe-bridge/). River night, cable white, highway-sign green for
   the live board, maple red and US blue for the two sides. No inline styles (CSP): every state is a class. */
.gh-page{--gh-night:#07131f;--gh-night-2:#0d2131;--gh-river:#113349;--gh-steel:#3a5a73;--gh-cable:#e9eff3;--gh-sky:#8fc1dc;--gh-amber:#ffb23f;--gh-sign:#0b6b4c;--gh-sign-2:#085a3f;--gh-us:#2457a6;--gh-ca:#d52b1e;--gh-good:#3ccf7f;--gh-warn:#ffc53d;--gh-bad:#ff6b5d;--gh-ink:#101c26;--gh-muted:#566775;--gh-line:#d5dde3;--gh-card:#fbfcfb;overflow-x:hidden}
.gh-page img{max-width:100%;height:auto}
.gh-page figure{margin:0}
.gh-page figcaption{font-size:10px;line-height:1.5;color:var(--gh-muted)}
.gh-page figcaption a{color:inherit}
.gh-section{padding-block:84px}
.gh-head{max-width:860px;margin-bottom:34px}
.gh-head .eyebrow{display:flex;align-items:center;gap:8px;margin:0 0 14px;color:#d23c2d;letter-spacing:.18em}
.gh-head h2{font:400 clamp(34px,4.4vw,62px)/1.04 Georgia,"Times New Roman",serif;letter-spacing:-.04em;margin:0 0 18px}
.gh-head>p{font-size:16px;line-height:1.75;margin:0;color:#3d4b56;max-width:760px}
.gh-head>p a,.gh-page p a{text-underline-offset:3px}
.gh-head.is-light .eyebrow{color:var(--gh-amber)}
.gh-head.is-light h2{color:#fff}
.gh-head.is-light>p{color:#c9d7e1}
.gh-cites{font-size:.7em;line-height:0;margin-left:2px;white-space:nowrap}
.gh-cite{display:inline-block;margin:0 1px;padding:0 3px;border-radius:3px;background:#3a5a7318;color:var(--gh-steel);text-decoration:none;font-weight:700}
.gh-cite:hover,.gh-cite:focus-visible{background:var(--gh-steel);color:#fff}
.gh-flag{display:inline-block;width:18px;height:12px;border-radius:2px;margin-right:8px;vertical-align:-1px;box-shadow:0 0 0 1px #0002}
.gh-flag.is-ca{background:linear-gradient(90deg,var(--gh-ca) 0 26%,#fff 26% 74%,var(--gh-ca) 74%)}
.gh-flag.is-us{background:repeating-linear-gradient(180deg,#c8102e 0 1.72px,#fff 1.72px 3.44px);position:relative;overflow:hidden}
.gh-flag.is-us:before{content:"";position:absolute;left:0;top:0;width:8px;height:6.9px;background:var(--gh-us)}
.gh-button{display:inline-flex;align-items:center;gap:12px;padding:15px 24px;border-radius:999px;background:var(--gh-amber);color:#1c1204;font-weight:800;font-size:13px;text-decoration:none;box-shadow:0 12px 34px #ffb23f40;transition:transform .2s,background .2s}
.gh-button:hover,.gh-button:focus-visible{background:#ffc766;transform:translateY(-2px)}
.gh-button.is-ice{background:#fff;color:var(--gh-ink);box-shadow:0 10px 30px #0003}

/* Hero: a drifting photo mosaic (the /lgbtq/ benchmark), a serif title with a sunset-to-river gradient, glass pills */
.gh-hero{position:relative;min-height:min(90vh,860px);display:flex;flex-direction:column;justify-content:flex-end;color:#fff;background:var(--gh-night);isolation:isolate;overflow:hidden}
.gh-mosaic{position:absolute;inset:0;z-index:-2;display:grid;grid-template-columns:1.35fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr;gap:4px}
.gh-mosaic figure{position:relative;overflow:hidden;margin:0;background:var(--gh-night-2)}
.gh-mosaic img{width:100%;height:100%;object-fit:cover;display:block;transform:scale(1.06);animation:gh-drift 18s ease-in-out infinite alternate}
.gh-mosaic figcaption{position:absolute;right:8px;bottom:6px;color:#ffffff8c;font-size:9px;z-index:2;text-shadow:0 1px 4px #000}
.gh-mosaic-0{grid-row:1/4}.gh-mosaic-1{grid-column:2}.gh-mosaic-2{grid-column:3}.gh-mosaic-3{grid-column:2/4;grid-row:2}.gh-mosaic-4{grid-column:2;grid-row:3}.gh-mosaic-5{grid-column:3;grid-row:3}
.gh-mosaic-1 img{animation-delay:-4s}.gh-mosaic-2 img{animation-delay:-8s}.gh-mosaic-3 img{animation-delay:-2s}.gh-mosaic-4 img{animation-delay:-11s}.gh-mosaic-5 img{animation-delay:-6s}
.gh-hero-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#050d16f2 0%,#050d16b8 40%,#050d1633 70%,#050d1600 100%),linear-gradient(0deg,#050d16f0 0%,#050d1600 46%)}
.gh-hero-inner{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.65fr);gap:40px;align-items:end;padding-block:130px 52px}
.gh-crumbs,.gh-crumbs a{color:#ffffffb3}
.gh-hero .eyebrow{letter-spacing:.18em;color:var(--gh-amber)}
.gh-status{display:inline-flex;align-items:center;gap:10px;margin:18px 0 18px;padding:8px 14px;border-radius:999px;background:#ffffff14;border:1px solid #ffffff2e;font-size:12px;font-weight:700;letter-spacing:.02em;backdrop-filter:blur(6px)}
.gh-status-dot{width:9px;height:9px;border-radius:50%;background:var(--gh-good);box-shadow:0 0 0 0 #3ccf7f99;animation:gh-ping 2s infinite}
.gh-hero h1{margin:0 0 18px;font:400 clamp(50px,7.6vw,118px)/.95 Georgia,"Times New Roman",serif;letter-spacing:-.05em;max-width:1000px}
.gh-hero h1 strong{font-weight:400;background:linear-gradient(90deg,#ffb23f 0%,#ffd28a 30%,#bfe3f7 70%,#8fc1dc 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.gh-kicker{display:block;margin-bottom:14px;font:700 12px/1.3 Arial,sans-serif;letter-spacing:.22em;text-transform:uppercase;color:#ffffffc4}
.gh-subtitle{margin:0 0 16px;font:italic 400 clamp(19px,2.1vw,27px)/1.35 Georgia,serif;color:#ffffffe6;max-width:760px}
.gh-lead{max-width:640px;font-size:16px;line-height:1.7;color:#ffffffd6;margin:0}
.gh-lead a{color:var(--gh-sky)}
.gh-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px 26px;margin-top:28px}
.gh-actions .text-link{color:#fff}
.gh-pills{justify-self:end;display:grid;gap:10px;margin:0}
.gh-pills div{display:flex;align-items:baseline;justify-content:flex-end;gap:12px;padding:12px 20px;border-radius:999px;background:#ffffff14;backdrop-filter:blur(6px);border:1px solid #ffffff2e}
.gh-pills dd{order:-1;margin:0;font:400 clamp(32px,3.4vw,50px)/1 Georgia,serif;letter-spacing:-.04em;white-space:nowrap}
.gh-pills div:nth-child(1) dd{color:var(--gh-amber)}
.gh-pills div:nth-child(2) dd{color:#bfe3f7}
.gh-pills div:nth-child(3) dd{color:#ff9d93}
.gh-pills dt{font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#eaf2f7;text-align:right}
@keyframes gh-drift{to{transform:scale(1.14)}}
@keyframes gh-ping{0%{box-shadow:0 0 0 0 #3ccf7f99}80%,100%{box-shadow:0 0 0 10px #3ccf7f00}}

/* The asphalt band: a centre line that drives past and a live ticker of the waits */
.gh-road{position:relative;height:58px;background:#1b2126;overflow:hidden;border-top:3px solid #f2f2f2;border-bottom:3px solid #f2f2f2}
.gh-road-line{position:absolute;left:-80px;right:0;top:50%;height:4px;margin-top:-2px;background:repeating-linear-gradient(90deg,var(--gh-amber) 0 44px,transparent 44px 80px);animation:gh-drive 1.4s linear infinite}
.gh-ticker{position:absolute;inset:0;display:flex;align-items:center}
.gh-ticker p{display:flex;gap:0;margin:0;white-space:nowrap;animation:gh-marquee 60s linear infinite}
.gh-ticker span{display:inline-block;margin-right:56px;padding:6px 14px;border-radius:6px;background:#1b2126;color:#fff;font:800 13px/1 Arial,sans-serif;letter-spacing:.06em;text-transform:uppercase;box-shadow:0 0 0 1px #ffffff26}
.gh-road:hover .gh-ticker p{animation-play-state:paused}
@keyframes gh-drive{to{transform:translateX(80px)}}
@keyframes gh-marquee{to{transform:translateX(-50%)}}

/* Number tiles: photo behind, big serif figure, like the /lgbtq/ category tiles */
.gh-tiles{padding-block:34px 10px}
.gh-tile-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}
.gh-tile{position:relative;overflow:hidden;min-height:176px;display:flex;flex-direction:column;justify-content:flex-end;gap:3px;padding:16px;border-radius:16px;color:#fff;background:var(--gh-tile,#113349);isolation:isolate;transition:transform .2s,box-shadow .2s}
.gh-tile img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform .6s}
.gh-tile:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#0000 10%,#050d16e0 92%),linear-gradient(135deg,var(--gh-tile) 0%,transparent 65%)}
.gh-tile:hover{transform:translateY(-3px);box-shadow:0 14px 30px #0b1a2a40}
.gh-tile:hover img{transform:scale(1.07)}
.gh-tile strong{display:flex;align-items:baseline;gap:5px;font:400 clamp(34px,3.2vw,46px)/1 Georgia,serif;letter-spacing:-.04em;text-shadow:0 2px 14px #0007}
.gh-tile strong i{font:700 14px Arial,sans-serif;font-style:normal;letter-spacing:0;color:var(--gh-amber)}
.gh-tile span{font-size:13px;font-weight:800;line-height:1.3;text-shadow:0 1px 10px #0008}
.gh-tile small{font-size:11px;line-height:1.4;opacity:.85}
.gh-tile.is-0{--gh-tile:#b86b00}.gh-tile.is-1{--gh-tile:#2457a6}.gh-tile.is-2{--gh-tile:#0b6b4c}.gh-tile.is-3{--gh-tile:#d52b1e}.gh-tile.is-4{--gh-tile:#6b3fa0}.gh-tile.is-5{--gh-tile:#0a8fbf}

/* Jump links */
.gh-jump{position:relative;background:#fff;border-bottom:1px solid var(--gh-line)}
.gh-jump .wrap{display:flex;gap:6px;overflow-x:auto;padding-block:12px;scrollbar-width:none}
.gh-jump .wrap::-webkit-scrollbar{display:none}
.gh-jump a{flex:none;padding:9px 14px;border-radius:999px;border:1px solid var(--gh-line);font-size:12px;font-weight:700;text-decoration:none;color:var(--gh-ink);transition:background .2s,border-color .2s}
.gh-jump a:hover,.gh-jump a:focus-visible{background:var(--gh-night);border-color:var(--gh-night);color:#fff}

/* Live border board: an overhead sign gantry */
.gh-live{background:radial-gradient(ellipse at 20% -20%,#1e4b6b 0%,transparent 60%),linear-gradient(180deg,var(--gh-night) 0%,var(--gh-river) 100%);color:#fff}
.gh-live-dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--gh-bad);box-shadow:0 0 0 0 #ff6b5d99;animation:gh-ping-red 1.8s infinite}
@keyframes gh-ping-red{0%{box-shadow:0 0 0 0 #ff6b5d99}80%,100%{box-shadow:0 0 0 9px #ff6b5d00}}
.gh-gantry{position:relative;padding:34px 0 10px}
.gh-gantry:before{content:"";position:absolute;left:-2%;right:-2%;top:0;height:14px;border-radius:3px;background:repeating-linear-gradient(90deg,#6f8797 0 22px,#56707f 22px 24px);box-shadow:0 6px 16px #0006}
.gh-gantry-row{display:grid;grid-template-columns:170px minmax(0,1fr);gap:18px;align-items:center;margin-bottom:22px}
.gh-gantry-label{margin:0;font-size:13px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:#dbe6ee}
.gh-signs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.gh-sign{position:relative;display:flex;flex-direction:column;gap:6px;min-height:150px;padding:18px 18px 22px;border-radius:10px;background:var(--gh-sign);color:#fff;box-shadow:inset 0 0 0 3px var(--gh-sign),inset 0 0 0 5px #f2f7f4,0 14px 28px #0007;font-family:Arial,Helvetica,sans-serif;overflow:hidden}
.gh-sign:before,.gh-sign:after{content:"";position:absolute;top:-34px;width:6px;height:34px;background:#7c93a3}
.gh-sign:before{left:24%}.gh-sign:after{right:24%}
.gh-sign-name{font-size:14px;font-weight:700;letter-spacing:.02em;line-height:1.2;text-transform:uppercase}
.gh-sign-time{display:flex;align-items:baseline;gap:8px;margin-top:auto}
.gh-sign-time b{font-size:clamp(44px,5vw,72px);font-weight:900;line-height:.95;letter-spacing:-.04em;font-variant-numeric:tabular-nums}
.gh-sign-time small{font-size:14px;font-weight:700}
.gh-sign-extra{min-height:16px;font-size:11px;line-height:1.4;color:#d8ece2}
.gh-sign:not(.is-none):not(.is-closed) .gh-sign-time b:after{content:"";display:inline-block;width:11px;height:11px;border-radius:50%;margin-left:8px;vertical-align:.12em}
.gh-sign.is-good .gh-sign-time b:after{background:var(--gh-good)}
.gh-sign.is-warn .gh-sign-time b:after{background:var(--gh-warn)}
.gh-sign.is-bad .gh-sign-time b:after{background:var(--gh-bad)}
.gh-sign.is-bad{background:#6b2a22;box-shadow:inset 0 0 0 3px #6b2a22,inset 0 0 0 5px #f6ece9,0 14px 28px #0007}
.gh-sign.is-closed,.gh-sign.is-none{background:#3b4a55;box-shadow:inset 0 0 0 3px #3b4a55,inset 0 0 0 5px #dfe6ea,0 14px 28px #0007}
.gh-sign.is-fastest{transform:translateY(-4px);box-shadow:inset 0 0 0 3px var(--gh-sign),inset 0 0 0 5px #f2f7f4,0 0 0 3px var(--gh-amber),0 18px 36px #0009}
.gh-sign-badge{position:absolute;right:10px;top:10px;padding:4px 8px;border-radius:4px;background:var(--gh-amber);color:#1c1204;font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.gh-sign-warming{grid-column:1/-1;margin:0;padding:22px;border:1px dashed #ffffff44;border-radius:10px;color:#dbe6ee}
.gh-live-meta{font-size:12px;line-height:1.6;color:#aac0cf;margin:6px 0 28px}
.gh-live-meta a{color:#dbe6ee}
.gh-live-tips{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.gh-live-tips p{margin:0;padding:18px 20px;border-radius:12px;background:#ffffff0d;border:1px solid #ffffff1a;font-size:14px;line-height:1.65;color:#d9e5ee}
.gh-live-tips strong{display:block;color:#fff;margin-bottom:4px}
.gh-live-tips a{color:var(--gh-sky)}

/* Crossing: checklist wizard, toll ticket, rules */
.gh-wizard{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px 28px;padding:28px;border-radius:18px;background:var(--gh-card);border:1px solid var(--gh-line);box-shadow:0 20px 50px #10202d12}
.gh-choice{margin:0;padding:0;border:0;min-width:0}
.gh-choice legend{font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--gh-steel);margin-bottom:12px}
.gh-choice label{display:inline-block;margin:0 6px 8px 0;cursor:pointer}
.gh-choice input{position:absolute;opacity:0;pointer-events:none}
.gh-choice span{display:inline-block;padding:10px 16px;border-radius:999px;border:1px solid var(--gh-line);background:#fff;font-size:14px;font-weight:700;transition:background .2s,border-color .2s,color .2s}
.gh-choice input:checked+span{background:var(--gh-night);border-color:var(--gh-night);color:#fff}
.gh-choice input:focus-visible+span{outline:3px solid #d15934;outline-offset:3px}
.gh-wizard:not(.is-live) .gh-choice{display:none}
.gh-checklists{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:6px}
.gh-checklist{position:relative;padding:22px 22px 12px;border-radius:14px;background:#fff;border:1px solid var(--gh-line);overflow:hidden}
.gh-checklist:before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px}
.gh-checklist.is-ca:before{background:var(--gh-ca)}
.gh-checklist.is-us:before{background:var(--gh-us)}
.gh-checklist h3{font-size:18px;letter-spacing:-.02em;margin:0 0 12px}
.gh-checklist ul{list-style:none;margin:0;padding:0}
.gh-checklist li{position:relative;padding:10px 0 10px 30px;border-top:1px solid #eef2f4;font-size:14px;line-height:1.6}
.gh-checklist li:before{content:"✓";position:absolute;left:2px;top:9px;width:20px;height:20px;border-radius:50%;background:#e6f6ee;color:#15814d;font-size:12px;font-weight:900;display:grid;place-items:center}
.gh-checklist li.is-warn:before{content:"!";background:#fff1d6;color:#9a5b00}
.gh-checklist li.is-no:before{content:"×";background:#ffe3e0;color:#b3261e}
.gh-checklist li.is-tip:before{content:"i";background:#e3eefb;color:var(--gh-us)}
.gh-toll{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:22px 40px;margin-top:40px;padding:34px;border-radius:18px;background:var(--gh-night);color:#fff}
.gh-toll-head h3{font-size:clamp(26px,3vw,38px);font-weight:900;letter-spacing:-.04em;margin:0 0 10px}
.gh-toll-head p{margin:0;font-size:15px;line-height:1.7;color:#c9d7e1}
.gh-toll-head a{color:var(--gh-sky)}
.gh-toll-body{display:flex;flex-direction:column;gap:14px}
.gh-toll-pick{display:flex;flex-direction:column;gap:8px;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#9fb6c7}
.gh-toll-pick select{appearance:none;padding:14px 44px 14px 16px;border-radius:10px;border:1px solid #ffffff33;background:#0f2638 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23ffb23f' stroke-width='2'/%3E%3C/svg%3E") no-repeat right 16px center;color:#fff;font-size:15px;font-weight:700;letter-spacing:0;text-transform:none}
.gh-toll-ticket{position:relative;padding:22px 24px 20px;background:#fdfaf0;color:#1e2328;border-radius:6px;font-family:"Courier New",Courier,monospace;box-shadow:0 18px 40px #0008;-webkit-mask:radial-gradient(circle 9px at 0 50%,#0000 98%,#000) left/51% 100% no-repeat,radial-gradient(circle 9px at 100% 50%,#0000 98%,#000) right/51% 100% no-repeat;mask:radial-gradient(circle 9px at 0 50%,#0000 98%,#000) left/51% 100% no-repeat,radial-gradient(circle 9px at 100% 50%,#0000 98%,#000) right/51% 100% no-repeat}
.gh-toll-ticket.is-flip{animation:gh-flip .45s ease}
@keyframes gh-flip{from{transform:rotateX(70deg);opacity:.3}to{transform:none;opacity:1}}
.gh-toll-kicker{margin:0 0 10px;padding-bottom:10px;border-bottom:2px dashed #c9c2ad;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.gh-toll-price{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap;margin:0 0 8px}
.gh-toll-price b{font-size:clamp(34px,4vw,52px);letter-spacing:-.03em}
.gh-toll-price span{font-size:18px;color:#6b6552}
.gh-toll-note{margin:0;font-size:12px;line-height:1.5;color:#4d4a40}
.gh-toll-table{grid-column:1/-1;width:100%;border-collapse:collapse;font-size:14px}
.gh-toll-table th,.gh-toll-table td{padding:11px 10px;border-bottom:1px solid #ffffff1c;text-align:left}
.gh-toll-table thead th{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#9fb6c7}
.gh-toll-table td{font-variant-numeric:tabular-nums;font-weight:700;white-space:nowrap}
.gh-pay{grid-column:1/-1;list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.gh-pay li{padding:16px 18px;border-radius:12px;background:#ffffff0d;border:1px solid #ffffff1a;font-size:13px;line-height:1.6;color:#d9e5ee}
.gh-pay strong{display:block;color:#fff;margin-bottom:4px}
.gh-pay a,.gh-compare a{color:var(--gh-sky)}
.gh-compare{grid-column:1/-1}
.gh-compare h4{margin:4px 0 10px;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#9fb6c7}
.gh-compare ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 24px}
.gh-compare li{display:flex;flex-direction:column;gap:2px;font-size:13px;line-height:1.6;color:#d9e5ee}
.gh-compare strong{color:#fff}
.gh-rules{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:40px}
.gh-rules article{padding:22px;border-radius:14px;background:#fff;border:1px solid var(--gh-line)}
.gh-rules h3{font-size:17px;letter-spacing:-.02em;margin:0 0 8px}
.gh-rules p{margin:0;font-size:14px;line-height:1.65;color:#3d4b56}

/* Walk & bike */
.gh-walk{background:linear-gradient(180deg,#e8f1f6,#f3f7f9)}
.gh-walk-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:start}
.gh-walk-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0 0 26px}
.gh-walk-facts div{padding:16px 18px;border-radius:12px;background:#fff;border:1px solid var(--gh-line)}
.gh-walk-facts dt{font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--gh-steel);margin-bottom:6px}
.gh-walk-facts dd{margin:0;font-size:15px;line-height:1.5;font-weight:700}
.gh-steps{list-style:none;counter-reset:gh-step;margin:0;padding:0}
.gh-steps li{counter-increment:gh-step;position:relative;padding:0 0 18px 52px;display:flex;flex-direction:column;gap:3px;font-size:14px;line-height:1.65;color:#3d4b56}
.gh-steps li:before{content:counter(gh-step);position:absolute;left:0;top:-2px;width:34px;height:34px;border-radius:50%;background:var(--gh-night);color:#fff;font-weight:900;display:grid;place-items:center}
.gh-steps li:after{content:"";position:absolute;left:16px;top:34px;bottom:0;width:2px;background:#c9d6df}
.gh-steps li:last-child:after{display:none}
.gh-steps strong{color:var(--gh-ink);font-size:15px}
.gh-walk-photos{display:grid;grid-template-columns:1fr 1fr;gap:10px;position:sticky;top:90px}
.gh-walk-photos figure{position:relative;border-radius:14px;overflow:hidden;background:#cfdde6}
.gh-walk-photos figure.is-0{grid-column:1/-1}
.gh-walk-photos img{display:block;width:100%;height:100%;object-fit:cover;aspect-ratio:4/3}
.gh-walk-photos figure.is-0 img{aspect-ratio:16/10}
.gh-walk-photos figcaption{position:absolute;left:0;right:0;bottom:0;padding:18px 12px 8px;background:linear-gradient(transparent,#000b);color:#fffd}

/* Map */
.gh-map-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:28px;align-items:start}
.gh-map-figure{border-radius:18px;overflow:hidden;background:var(--gh-night);box-shadow:0 24px 60px #0b1a2a33}
.gh-map-svg{display:block;width:100%;height:auto}
.gh-map-figure figcaption{padding:10px 14px;color:#9fb6c7;background:var(--gh-night)}
.gh-map-line{fill:none;stroke-linecap:round;stroke-linejoin:round}
.gh-map-line.is-bridge{stroke:#fff;stroke-width:12;opacity:.92}
.gh-map-line.is-path{stroke:var(--gh-amber);stroke-width:6;stroke-dasharray:14 10}
.gh-map-line.is-border{stroke:#ffffffb0;stroke-width:2.5;stroke-dasharray:3 9}
.gh-map-label{fill:#fff;font:700 30px Arial,sans-serif;letter-spacing:.08em;paint-order:stroke;stroke:#07131fcc;stroke-width:5px;text-transform:uppercase}
.gh-map-label.is-water{fill:#bfe3f7;font-style:italic;font-weight:400;font-family:Georgia,serif;letter-spacing:.2em}
.gh-map-label.is-country{font-size:40px;fill:#ffe7b8}
.gh-map-pin circle{fill:var(--gh-steel);stroke:#fff;stroke-width:5;transition:r .2s}
.gh-map-pin text{fill:#fff;font:900 28px Arial,sans-serif;text-anchor:middle;pointer-events:none}
.gh-map-pin.is-poe circle{fill:var(--gh-us)}
.gh-map-pin.is-path circle{fill:#c47a00}
.gh-map-pin.is-view circle{fill:#0b6b4c}
.gh-map-pin.is-heritage circle{fill:#9b2c2c}
.gh-map-pin.is-lit circle,.gh-map-pin:hover circle,.gh-map-pin:focus circle{r:38}
.gh-map-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.gh-map-list li{display:grid;grid-template-columns:34px minmax(0,1fr);gap:12px;padding:12px 14px;border-radius:12px;border:1px solid var(--gh-line);background:#fff;transition:border-color .2s,box-shadow .2s}
.gh-map-list li.is-lit,.gh-map-list li:target{border-color:var(--gh-ink);box-shadow:0 8px 20px #10202d1a}
.gh-map-n{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--gh-steel);color:#fff;font-weight:900;font-size:14px}
.gh-map-list li.is-poe .gh-map-n{background:var(--gh-us)}
.gh-map-list li.is-path .gh-map-n{background:#c47a00}
.gh-map-list li.is-view .gh-map-n{background:#0b6b4c}
.gh-map-list li.is-heritage .gh-map-n{background:#9b2c2c}
.gh-map-list strong{font-size:14px}
.gh-map-list p{margin:3px 0 0;font-size:13px;line-height:1.55;color:#4a5864}

/* Scale */
.gh-scale{background:linear-gradient(180deg,#0a1a28 0%,#15344a 70%,#1c4058 100%);color:#fff}
.gh-scale-picks{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}
.gh-scale-picks button,.gh-eras button{padding:9px 15px;border-radius:999px;border:1px solid #ffffff40;background:transparent;color:#fff;font-size:13px;font-weight:700;transition:background .2s,color .2s}
.gh-scale-picks button[aria-pressed=true]{background:var(--gh-amber);border-color:var(--gh-amber);color:#1c1204}
.gh-scale-svg{display:block;width:100%;height:auto;overflow:visible}
.gh-scale-river{fill:#2f6f93;opacity:.55}
.gh-scale-ground{stroke:#9fb6c7;stroke-width:2}
.gh-scale-tower polygon{fill:#eef4f8}
.gh-scale-cables line{stroke:#eef4f8;stroke-width:1.2;opacity:.55}
.gh-scale-deck{fill:#eef4f8}
.gh-scale-dim line{stroke:var(--gh-amber);stroke-width:2;stroke-dasharray:6 6}
.gh-scale-dim text{fill:var(--gh-amber);font:700 26px Arial,sans-serif;text-anchor:middle}
.gh-scale-dim text.is-vertical{text-anchor:start}
.gh-scale-thing{opacity:0;transition:opacity .45s}
.gh-scale-thing.is-active{opacity:1}
.gh-scale-thing rect{fill:var(--gh-amber)}
.gh-scale-thing path{fill:none;stroke:var(--gh-amber);stroke-width:4}
.gh-scale-thing text{fill:#fff;font:700 24px Arial,sans-serif;text-anchor:middle}
.gh-scale-notes p{margin:16px 0 0;max-width:760px;font-size:15px;line-height:1.7;color:#d3e0e9}
.gh-scale-notes a{color:var(--gh-sky)}
.gh-scale .gh-cite{background:#ffffff1f;color:#fff}
.gh-records{list-style:none;margin:40px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.gh-records li{padding:18px 20px;border-radius:12px;background:#ffffff0f;border:1px solid #ffffff1c}
.gh-records b{display:block;font-size:28px;font-weight:900;letter-spacing:-.04em;color:var(--gh-amber);margin-bottom:6px}
.gh-records span{font-size:14px;line-height:1.6;color:#d3e0e9}

/* Construction scrubber */
.gh-build-stage{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:28px;align-items:start}
.gh-build-visual{grid-column:1;min-width:0}
.gh-build-svg{display:block;width:100%;height:auto;border-radius:18px;box-shadow:0 24px 60px #0b1a2a33}
.gh-build-river{fill:#1d5877}
.gh-build-bank{fill:#ffffffb0;font:700 15px Arial,sans-serif;letter-spacing:.14em}
.gh-build-bank.is-right{text-anchor:end}
.gh-build-tower polygon{fill:#eef4f8}
.gh-build-deck rect{fill:#eef4f8}
.gh-build-cables line{stroke:#eef4f8;stroke-width:1.4;opacity:.7}
.gh-build-cars rect{fill:var(--gh-amber)}
.gh-build.is-live [data-gh-part]{transform-box:fill-box;transition:transform .9s cubic-bezier(.3,.8,.3,1),opacity .6s}
.gh-build.is-live [data-gh-part=tw],.gh-build.is-live [data-gh-part=te]{transform-origin:50% 100%;transform:scaleY(var(--gh-l))}
.gh-build.is-live [data-gh-part=dwl],.gh-build.is-live [data-gh-part=del]{transform-origin:100% 50%;transform:scaleX(var(--gh-l))}
.gh-build.is-live [data-gh-part=dwr],.gh-build.is-live [data-gh-part=der]{transform-origin:0 50%;transform:scaleX(var(--gh-l))}
.gh-build.is-live [data-gh-part=c],.gh-build.is-live [data-gh-part=open]{opacity:var(--gh-l)}
.is-l0{--gh-l:0}.is-l1{--gh-l:.05}.is-l2{--gh-l:.1}.is-l3{--gh-l:.15}.is-l4{--gh-l:.2}.is-l5{--gh-l:.25}.is-l6{--gh-l:.3}.is-l7{--gh-l:.35}.is-l8{--gh-l:.4}.is-l9{--gh-l:.45}.is-l10{--gh-l:.5}.is-l11{--gh-l:.55}.is-l12{--gh-l:.6}.is-l13{--gh-l:.65}.is-l14{--gh-l:.7}.is-l15{--gh-l:.75}.is-l16{--gh-l:.8}.is-l17{--gh-l:.85}.is-l18{--gh-l:.9}.is-l19{--gh-l:.95}.is-l20{--gh-l:1}
.gh-build-control{margin-top:10px}
.gh-build-control input{width:100%;accent-color:var(--gh-amber);height:28px}
.gh-build-ticks{list-style:none;margin:0;padding:0;display:flex;justify-content:space-between;font-size:11px;font-weight:700;color:var(--gh-muted);font-variant-numeric:tabular-nums}
.gh-build-steps{grid-column:2;list-style:none;margin:0;padding:0}
.gh-build.is-live .gh-build-step{display:none}
.gh-build.is-live .gh-build-step.is-active{display:block;animation:gh-rise .5s ease}
.gh-build:not(.is-live) .gh-build-steps{display:flex;flex-direction:column;gap:16px}
.gh-build-step{padding:0;border-radius:16px;background:#fff;border:1px solid var(--gh-line);overflow:hidden}
.gh-build-step figure img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover}
.gh-build-step figcaption{padding:6px 14px 0}
.gh-build-step>div{padding:16px 20px 20px}
.gh-build-date{margin:0 0 6px;font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#b86b00}
.gh-build-step h3{margin:0 0 8px;font-size:22px;letter-spacing:-.03em;line-height:1.15}
.gh-build-step p{margin:0;font-size:14px;line-height:1.65;color:#3d4b56}
.gh-build-note{margin:18px 0 0;font-size:11px;color:var(--gh-muted)}
@keyframes gh-rise{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}

/* Story */
.gh-story{background:#f4f1ea}
.gh-fights{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-bottom:56px}
.gh-fights article{display:flex;flex-direction:column;border-radius:16px;background:#fff;border:1px solid #e3ddd0;overflow:hidden}
.gh-fights figure img{display:block;width:100%;aspect-ratio:3/2;object-fit:cover}
.gh-fights figcaption{padding:6px 18px 0}
.gh-fight-kicker{margin:16px 20px 4px;font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#9b2c2c}
.gh-fights h3{margin:0 20px 8px;font-size:22px;letter-spacing:-.03em;line-height:1.15}
.gh-fights article>p:last-child{margin:0 20px 22px;font-size:14px;line-height:1.7;color:#3d4b56}
.gh-eras{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}
.gh-eras button{border-color:#cfc6b3;color:var(--gh-ink)}
.gh-eras button[aria-pressed=true]{background:var(--gh-ink);border-color:var(--gh-ink);color:#fff}
.gh-events{list-style:none;margin:0;padding:0;position:relative}
.gh-events:before{content:"";position:absolute;left:150px;top:6px;bottom:6px;width:2px;background:#d8cfbd}
.gh-events>li{display:grid;grid-template-columns:130px minmax(0,1fr);gap:40px;padding:0 0 22px;position:relative}
.gh-events>li:before{content:"";position:absolute;left:144px;top:5px;width:14px;height:14px;border-radius:50%;background:#f4f1ea;border:3px solid var(--gh-steel)}
.gh-events>li.is-big:before{background:var(--gh-amber);border-color:#b86b00;width:18px;height:18px;left:142px;top:3px}
.gh-events time{font-size:13px;font-weight:800;color:var(--gh-steel);text-align:right;padding-top:2px}
.gh-events h3{margin:0 0 4px;font-size:17px;letter-spacing:-.02em}
.gh-events>li.is-big h3{font-size:21px}
.gh-events p{margin:0;font-size:14px;line-height:1.65;color:#3d4b56;max-width:760px}

/* Hungarian thread */
.gh-hungarian{position:relative;background:#efe4cf;background-image:radial-gradient(#dccaa6 1px,transparent 1px);background-size:22px 22px;color:#2f261a}
.gh-hungarian:before{content:"";position:absolute;left:0;right:0;top:0;height:6px;background:linear-gradient(180deg,#ce2939 0 33.3%,#fff 33.3% 66.6%,#477050 66.6%)}
.gh-hu-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:start}
.gh-hungarian .gh-head .eyebrow{color:#9b2c2c}
.gh-hu-copy>p{font-size:16px;line-height:1.8;color:#3a3226;margin:0 0 16px}
.gh-quote{margin:26px 0 0;padding:20px 24px;border-left:4px solid #9b2c2c;background:#fffaf2;border-radius:0 12px 12px 0}
.gh-quote p{margin:0 0 8px;font:italic 400 20px/1.5 Georgia,serif;color:#3a3226}
.gh-quote footer{font-size:12px;color:#6d5f4a}
.gh-hu-photos{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.gh-hu-photos figure{position:relative;border-radius:14px;overflow:hidden;background:#e7d9c1}
.gh-hu-photos figure.is-0{grid-column:1/-1}
.gh-hu-photos img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;filter:sepia(.18) contrast(1.02)}
.gh-hu-photos figure.is-0 img{aspect-ratio:16/10}
.gh-hu-photos figcaption{position:absolute;left:0;right:0;bottom:0;padding:18px 12px 8px;background:linear-gradient(transparent,#000b);color:#fffd}
.gh-hu-cards{list-style:none;margin:44px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.gh-hu-cards li{border-radius:14px;background:#fffaf2;border:1px solid #e7d9c1;overflow:hidden}
.gh-hu-cards a{display:block;height:100%;text-decoration:none;color:inherit;transition:transform .25s}
.gh-hu-cards a:hover{transform:translateY(-3px)}
.gh-hu-card-photo{display:block;width:100%;aspect-ratio:3/2;object-fit:cover}
.gh-hu-kicker{margin:14px 18px 4px;font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#9b2c2c}
.gh-hu-cards h3{margin:0 18px 6px;font-size:18px;letter-spacing:-.02em;line-height:1.2}
.gh-hu-cards p:last-child{margin:0 18px 18px;font-size:13px;line-height:1.6;color:#5a4d3a}

/* Gordie Howe */
.gh-howe{background:linear-gradient(135deg,#0b1f33 0%,#12304a 55%,#b3202b 160%);color:#fff;overflow:hidden}
.gh-howe-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:56px;align-items:center}
.gh-howe-photo{position:relative;border-radius:18px;overflow:visible}
.gh-howe-photo img{display:block;width:100%;border-radius:18px;aspect-ratio:4/5;object-fit:cover;object-position:50% 20%;box-shadow:0 30px 70px #0009;position:relative;z-index:1}
.gh-howe-photo figcaption{margin-top:10px;color:#a9bccb}
.gh-howe-nine{position:absolute;right:-30px;bottom:-40px;font:900 clamp(160px,20vw,300px)/1 Arial,sans-serif;letter-spacing:-.08em;color:#ffffff12;z-index:0}
.gh-howe-copy>p{font-size:16px;line-height:1.8;color:#d6e2ea;margin:0 0 16px}
.gh-howe-copy a:not(.gh-button){color:var(--gh-sky)}
.gh-howe-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:26px 0 30px}
.gh-howe-stats div{padding:14px 12px;border-radius:12px;background:#ffffff12;border:1px solid #ffffff22}
.gh-howe-stats dt{font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#a9bccb;margin-bottom:6px}
.gh-howe-stats dd{margin:0;font-size:26px;font-weight:900;letter-spacing:-.04em}
.gh-howe .gh-cite{background:#ffffff1f;color:#fff}

/* Views and nearby */
.gh-sun{display:inline-flex;align-items:center;gap:12px;margin:0 0 26px;padding:12px 18px;border-radius:999px;background:linear-gradient(90deg,#ffe2b3,#ffc27a);font-size:14px;font-weight:700;color:#4a2a00}
.gh-sun-disc{width:18px;height:18px;border-radius:50%;background:radial-gradient(circle at 40% 40%,#fff4d6,#ff8a1f);box-shadow:0 0 14px #ff8a1f}
.gh-view-grid,.gh-nearby-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.gh-nearby-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.gh-view,.gh-nearby-grid li{border-radius:16px;background:#fff;border:1px solid var(--gh-line);overflow:hidden}
.gh-nearby-grid a{display:block;height:100%;text-decoration:none;color:inherit}
.gh-view-photo,.gh-nearby-photo{display:block;width:100%;aspect-ratio:3/2;object-fit:cover}
.gh-view-side{margin:14px 18px 4px;font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--gh-steel)}
.gh-view h3,.gh-nearby-grid h3{margin:0 18px 6px;font-size:19px;letter-spacing:-.02em;line-height:1.2}
.gh-view>p:not(.gh-view-side),.gh-nearby-grid p:not(.gh-view-side){margin:0 18px 16px;font-size:14px;line-height:1.6;color:#3d4b56}
.gh-view-address{font-size:12px!important;color:var(--gh-muted)!important}
.gh-nearby{padding-top:0}

/* People */
.gh-people-strip{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:20px}
.gh-people-strip a,.gh-people-strip li>div{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;text-decoration:none;color:inherit}
.gh-people-photo{width:120px;height:120px;border-radius:50%;overflow:hidden;background:#dce5eb;display:grid;place-items:center;box-shadow:0 0 0 4px #fff,0 10px 26px #10202d26;margin-bottom:6px}
.gh-people-photo img{width:100%;height:100%;object-fit:cover}
.gh-monogram{font:900 44px Arial,sans-serif;color:var(--gh-steel)}
.gh-people-strip strong{font-size:14px}
.gh-people-strip small{font-size:12px;line-height:1.45;color:var(--gh-muted)}

/* Videos */
.gh-videos{background:var(--gh-night);color:#fff}
.gh-video-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.gh-video figcaption{margin-top:10px;font-size:13px;line-height:1.55;color:#c9d7e1}
.gh-video-meta{display:block;margin-top:4px;font-size:11px;color:#8ea5b6}

/* FAQ, gallery, sources */
.gh-faq-list{display:grid;gap:10px;max-width:980px}
.gh-faq-list details{border-radius:14px;background:#fff;border:1px solid var(--gh-line);padding:0 22px}
.gh-faq-list summary{cursor:pointer;list-style:none;padding:18px 34px 18px 0;font-size:17px;font-weight:800;letter-spacing:-.01em;position:relative}
.gh-faq-list summary::-webkit-details-marker{display:none}
.gh-faq-list summary:after{content:"+";position:absolute;right:0;top:12px;font-size:26px;font-weight:400;color:var(--gh-steel);transition:transform .2s}
.gh-faq-list details[open] summary:after{transform:rotate(45deg)}
.gh-faq-list p{margin:0 0 20px;font-size:15px;line-height:1.75;color:#3d4b56}
.gh-gallery-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}
.gh-gallery-grid a{display:block;border-radius:10px;overflow:hidden}
.gh-gallery-grid img{display:block;width:100%;aspect-ratio:1;object-fit:cover;transition:transform .5s}
.gh-gallery-grid a:hover img{transform:scale(1.06)}
.gh-sources h2{font-size:26px;letter-spacing:-.03em}
.gh-independent{font-size:13px;line-height:1.7;color:var(--gh-muted);max-width:860px}
.gh-source-list{columns:2;column-gap:40px;font-size:12px;line-height:1.6;padding-left:22px;margin:0 0 30px}
.gh-source-list li{break-inside:avoid;margin-bottom:6px}
.gh-source-list li:target{background:#fff3d6}

/* Responsive */
@media(max-width:1100px){.gh-tile-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.gh-hero-inner{grid-template-columns:minmax(0,1fr)}.gh-pills{justify-self:start;grid-template-columns:repeat(3,auto)}.gh-hu-cards,.gh-nearby-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.gh-map-grid,.gh-build-stage{grid-template-columns:minmax(0,1fr)}.gh-build-steps{grid-column:1}.gh-howe-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.gh-section{padding-block:60px}.gh-walk-grid,.gh-hu-grid,.gh-howe-grid,.gh-toll{grid-template-columns:minmax(0,1fr)}.gh-walk-photos{position:static}.gh-gantry-row{grid-template-columns:minmax(0,1fr);gap:26px}.gh-live-tips,.gh-rules,.gh-fights,.gh-view-grid,.gh-video-grid,.gh-records,.gh-pay{grid-template-columns:minmax(0,1fr)}.gh-wizard,.gh-checklists{grid-template-columns:minmax(0,1fr)}.gh-gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.gh-compare ul{grid-template-columns:minmax(0,1fr)}.gh-howe-nine{right:0}}
@media(max-width:700px){.gh-hero{min-height:auto}.gh-hero-inner{padding-block:90px 30px}.gh-hero h1{font-size:clamp(44px,13vw,64px)}.gh-subtitle{font-size:18px}.gh-lead{font-size:15px}.gh-tile-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.gh-tile{min-height:140px}.gh-mosaic{grid-template-columns:1fr 1fr;grid-template-rows:1.4fr 1fr}.gh-mosaic-0{grid-row:1;grid-column:1/3}.gh-mosaic-1{grid-column:1;grid-row:2}.gh-mosaic-2{grid-column:2;grid-row:2}.gh-mosaic-3,.gh-mosaic-4,.gh-mosaic-5{display:none}.gh-pills{grid-template-columns:minmax(0,1fr)}.gh-pills div{justify-content:flex-start;padding:9px 16px}.gh-pills dt{text-align:left}.gh-hero-inner{padding-block:260px 30px}.gh-signs{gap:8px}.gh-sign{min-height:118px;padding:12px 10px 14px}.gh-sign-name{font-size:11px}.gh-sign-time b{font-size:38px}.gh-sign-time small{font-size:11px}.gh-sign-extra{font-size:10px}.gh-sign-badge{position:static;align-self:flex-start;font-size:9px;padding:3px 6px}.gh-sign:not(.is-none):not(.is-closed) .gh-sign-time b:after{width:7px;height:7px;margin-left:5px}.gh-wizard,.gh-toll{padding:20px}.gh-hu-cards,.gh-nearby-grid{grid-template-columns:minmax(0,1fr)}.gh-events:before{left:8px}.gh-events>li{grid-template-columns:minmax(0,1fr);gap:4px;padding-left:34px}.gh-events>li:before,.gh-events>li.is-big:before{left:1px}.gh-events time{text-align:left}.gh-walk-facts{grid-template-columns:minmax(0,1fr)}.gh-source-list{columns:1}.gh-toll-table{font-size:13px}.gh-toll-table th,.gh-toll-table td{padding:9px 6px}}
@media(prefers-reduced-motion:reduce){.gh-mosaic img,.gh-status-dot,.gh-live-dot,.gh-road-line{animation:none}.gh-ticker p{animation-duration:240s}.gh-build.is-live [data-gh-part]{transition:none}}
@media print{.gh-mosaic,.gh-road,.gh-jump,.gh-live,.gh-videos,.gh-gallery{display:none}.gh-hero{color:#000;min-height:0}}

/* Walk: live chip and a tilted lead photo */
.gh-walk-live{display:inline-flex;align-items:center;gap:10px;margin:-14px 0 26px;padding:10px 16px;border-radius:12px;font-size:14px;font-weight:700;line-height:1.4}
.gh-walk-live.is-open{background:#e3f7ec;color:#11623b}
.gh-walk-live.is-closed{background:#fde8e5;color:#8f2418}
.gh-walk-dot{flex:none;width:10px;height:10px;border-radius:50%;background:currentColor}
.gh-walk-live.is-open .gh-walk-dot{animation:gh-ping 2s infinite}
.gh-walk-photos figure.is-0{transform:rotate(-1.2deg);box-shadow:0 24px 60px #0b1a2a40;border-radius:22px;transition:transform .3s}
.gh-walk-photos figure.is-0:hover{transform:rotate(0) scale(1.01)}

/* Spotlights: one per river bank, the /lgbtq/ tilted-photo layout */
.gh-spotlight{padding:70px 0}
.gh-spotlight.is-detroit{background:linear-gradient(135deg,#eaf3fb,#fff6e6)}
.gh-spotlight.is-windsor{background:linear-gradient(135deg,#fff0ee,#f3f8ff)}
.gh-spotlight-inner{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:48px;align-items:center}
.gh-spotlight.is-right .gh-spotlight-photo{order:2;transform:rotate(1.2deg)}
.gh-spotlight-photo{position:relative;border-radius:22px;overflow:hidden;aspect-ratio:4/3;box-shadow:0 24px 60px #0b1a2a40;transform:rotate(-1.2deg);transition:transform .3s}
.gh-spotlight-photo:hover{transform:rotate(0) scale(1.01)}
.gh-spotlight-photo img{width:100%;height:100%;object-fit:cover;display:block}
.gh-spotlight-photo>span{position:absolute;left:16px;bottom:16px;padding:8px 14px;border-radius:999px;background:#fff;color:var(--gh-ink);font-size:14px;font-weight:800;display:inline-flex;align-items:center}
.gh-spotlight-photo figcaption{position:absolute;right:12px;bottom:8px;color:#ffffffc0;text-shadow:0 1px 4px #000}
.gh-spotlight-copy .eyebrow{margin:0;color:#d23c2d;letter-spacing:.18em}
.gh-spotlight.is-windsor .gh-spotlight-copy .eyebrow{color:#b3261e}
.gh-spotlight-copy h2{font:400 clamp(32px,4vw,56px)/1.06 Georgia,serif;letter-spacing:-.04em;margin:10px 0 18px}
.gh-spotlight-text{font-size:16px;line-height:1.75;color:#33414c;margin:0 0 22px}
.gh-spot-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.gh-spot-list li{display:grid;grid-template-columns:84px minmax(0,1fr);gap:14px;align-items:center;padding:8px;border-radius:14px;background:#ffffffc9;border:1px solid #0b1a2a14}
.gh-spot-list img,.gh-spot-n{width:84px;height:62px;border-radius:10px;object-fit:cover;display:block}
.gh-spot-n{display:grid;place-items:center;background:var(--gh-steel);color:#fff;font:400 30px Georgia,serif}
.gh-spot-list strong{font:400 19px/1.2 Georgia,serif;letter-spacing:-.01em}
.gh-spot-list p{margin:3px 0 0;font-size:13px;line-height:1.5;color:#4a5864}
.gh-spot-list small{display:block;margin-top:3px;font-size:11px;color:var(--gh-muted)}
.gh-views-head{padding-bottom:10px}

/* Nearby cards, /lgbtq/ card style: photo, coloured kicker, serif title */
.gh-nearby-grid li{border-radius:18px;box-shadow:0 10px 30px #0b1a2a12;transition:transform .2s,box-shadow .2s}
.gh-nearby-grid li:hover{transform:translateY(-4px);box-shadow:0 18px 40px #0b1a2a24}
.gh-nearby-grid li.is-detroit .gh-view-side{color:var(--gh-us)}
.gh-nearby-grid li.is-windsor .gh-view-side{color:var(--gh-ca)}
.gh-nearby-grid h3{font:400 22px/1.15 Georgia,serif;letter-spacing:-.02em}
.gh-hu-cards h3,.gh-fights h3,.gh-build-step h3,.gh-rules h3,.gh-checklist h3{font-family:Georgia,serif;font-weight:400;letter-spacing:-.02em}
.gh-toll-head h3{font:400 clamp(28px,3vw,40px)/1.1 Georgia,serif;letter-spacing:-.03em}

@media(max-width:900px){.gh-spotlight-inner{grid-template-columns:minmax(0,1fr);gap:30px}.gh-spotlight.is-right .gh-spotlight-photo{order:0}}
@media(max-width:700px){.gh-road{height:50px}.gh-ticker span{font-size:11px;margin-right:36px}.gh-spot-list li{grid-template-columns:64px minmax(0,1fr)}.gh-spot-list img,.gh-spot-n{width:64px;height:50px}}
@media(prefers-reduced-motion:reduce){.gh-walk-live.is-open .gh-walk-dot{animation:none}}
.gh-scale-thing.is-bridge rect{fill:#ff8a3d}.gh-scale-thing.is-bridge path{stroke:#ff8a3d}.gh-scale-thing.is-bridge text{fill:#ffd2b0}
.gh-scale-scroll{overflow-x:auto;scrollbar-width:thin}
@media(max-width:700px){.gh-scale-scroll .gh-scale-svg{min-width:760px}}