.city-nav{display:flex;gap:10px;overflow-x:auto;padding:8px 0 20px;margin-bottom:20px}.city-nav a{white-space:nowrap;border:1px solid var(--line);border-radius:999px;padding:10px 16px;text-decoration:none;color:var(--ink)}.city-nav a:hover,.city-nav a:focus-visible{border-color:var(--signal);color:var(--signal)}
.city-section-head{display:flex;justify-content:space-between;gap:24px;align-items:end;margin-bottom:20px}.city-section-head h2,.city-guide h2{font-size:clamp(26px,3vw,40px);margin:8px 0}.city-section-head p{color:var(--muted);max-width:28ch}.city-photo-grid{display:grid;grid-template-columns:1.7fr 1fr;gap:20px}.city-photo{margin:0;min-width:0}.city-photo--0{grid-row:span 2}.city-photo a{display:block;position:relative;overflow:hidden;border-radius:22px;height:210px;background:var(--surface)}.city-photo--0 a{height:calc(100% - 34px);min-height:400px}.city-photo img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.city-photo a:hover img{transform:scale(1.035)}.city-photo a>span{position:absolute;right:14px;bottom:14px;display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#0b1220c9;color:#fff;font-size:28px}.city-photo figcaption{padding:9px 2px;color:var(--muted);font-size:14px}.city-guide{border:1px solid var(--line);border-radius:24px;padding:clamp(22px,4vw,40px);margin:44px 0;background:var(--surface)}.city-guide__choices{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0}.city-guide__choices[hidden]{display:none}.city-guide button{padding:12px 18px;border:1px solid var(--line);border-radius:999px;background:var(--bg);color:var(--ink);font:inherit;cursor:pointer}.city-guide button[aria-pressed=true]{background:var(--signal);color:#fff;border-color:var(--signal)}.city-guide__panel{animation:city-enter .3s ease}.city-guide__panel p{max-width:75ch;line-height:1.7;color:var(--muted)}.city-guide__panel a{display:inline-block;margin:8px 24px 8px 0}.city-guide__panel[hidden]{display:none}.city-photos,.city-guide,.page-osharye h2,.page-osharye #oshQuiz{scroll-margin-top:110px}
.city-lightbox{position:fixed;inset:0;margin:auto;border:0;padding:56px 18px 18px;background:#0b1220;color:#fff;border-radius:22px;width:min(1200px,94vw);max-width:94vw;max-height:92dvh;opacity:0;transform:scale(.96);transition:opacity .22s,transform .22s}.city-lightbox.is-open{opacity:1;transform:scale(1)}.city-lightbox::backdrop{background:rgba(0,5,15,.86)}.city-lightbox__content>img{display:block;max-width:100%;max-height:70dvh;object-fit:contain;margin:auto}.city-lightbox button{border:1px solid #536178;border-radius:50%;background:#17273c;color:#fff;width:44px;height:44px;cursor:pointer;font-size:24px;flex-shrink:0}.city-lightbox__close{position:absolute;right:12px;top:8px}.city-lightbox__bar{display:flex;align-items:center;justify-content:center;gap:20px}.city-lightbox__bar p{text-align:center}.page-osharye .reveal{opacity:1;transform:none}
@keyframes city-enter{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@media(max-width:700px){.city-photo-grid{grid-template-columns:1fr 1fr;gap:12px}.city-photo--0{grid-column:1/-1;grid-row:auto}.city-photo--0 a{height:240px;min-height:0}.city-photo a{height:160px;border-radius:16px}.city-section-head{display:block}.city-section-head p{max-width:none}.city-lightbox{padding:54px 10px 10px}.city-guide__panel a{display:block}.city-photo figcaption{font-size:12px}}
@media(prefers-reduced-motion:reduce){.city-photo img,.city-lightbox{transition:none}.city-guide__panel{animation:none}}