@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@400;500;600;700;800;900&display=swap');

:root{
  --black:#0a0a0a;
  --ink:#1a1a1a;
  --charcoal:#111111;
  --gold:#D4AF37;
  --gold-dark:#8c7326;
  --stone:#fcfbf9;
  --stone-2:#f4f1eb;
  --line:#e5e1d8;
  --muted:#666666;
  --white:#ffffff;
  --container:1280px;
  --header-h:112px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,Arial,Helvetica,sans-serif;background:var(--stone);color:var(--ink);line-height:1.5;overflow-x:hidden}
a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{font:inherit;border:0;background:none;color:inherit;cursor:pointer}.container{max-width:var(--container);margin:0 auto;padding:0 32px}.serif{font-family:'Playfair Display',Georgia,serif}.gold{color:var(--gold)}.eyebrow{font-size:12px;line-height:1;letter-spacing:.22em;text-transform:uppercase;font-weight:800;color:var(--gold-dark);margin:0 0 14px}.section-title{font-family:'Playfair Display',Georgia,serif;font-size:clamp(38px,4vw,56px);line-height:1.05;font-weight:500;margin:0;color:var(--ink)}

/* Header */
.site-header{position:fixed;inset:0 0 auto 0;z-index:50;background:var(--black);color:#fff;border-bottom:1px solid rgba(212,175,55,.18);font-family:Inter,Arial,sans-serif}.admin-spacer{height:0}.topbar{height:32px;background:#111;display:flex;align-items:center;border-bottom:1px solid rgba(212,175,55,.18)}.topbar-inner{width:100%;max-width:var(--container);margin:auto;padding:0 32px;display:flex;align-items:center;justify-content:space-between}.topbar-contact{display:flex;align-items:center;gap:20px;color:rgba(255,255,255,.78);font-size:12px;letter-spacing:.02em}.topbar-contact a:hover{color:var(--gold)}.sep{width:1px;height:12px;background:rgba(212,175,55,.35)}.lang-switcher{display:flex;align-items:center;gap:11px;font-size:11px;font-weight:800;letter-spacing:.16em}.lang-switcher a{color:rgba(255,255,255,.62);transition:.2s}.lang-switcher a.active,.lang-switcher a:hover{color:var(--gold)}.lang-switcher span{color:rgba(255,255,255,.18)}
.navbar{height:80px;background:#0a0a0a;display:flex;align-items:center}.nav-inner{width:100%;max-width:var(--container);margin:auto;padding:0 32px;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{height:64px;width:120px;display:flex;align-items:center;flex:0 0 auto}.brand img{height:56px;width:auto;object-fit:contain}.desktop-nav{display:flex;align-items:center;justify-content:center;gap:4px;flex:1}.nav-item{position:relative;display:flex;align-items:center;height:80px}.nav-link{display:flex;align-items:center;gap:6px;padding:0 10px;color:rgba(255,255,255,.92);font-size:13px;line-height:1;text-transform:uppercase;font-weight:800;letter-spacing:.055em;white-space:nowrap;transition:.2s}.nav-link:hover,.nav-link.active{color:var(--gold)}.chev{font-size:12px;opacity:.65}.dropdown{position:absolute;top:100%;left:0;min-width:250px;background:#0a0a0a;border-top:2px solid var(--gold);box-shadow:0 20px 45px rgba(0,0,0,.28);opacity:0;visibility:hidden;transform:translateY(10px);transition:.22s ease}.nav-item:hover .dropdown{opacity:1;visibility:visible;transform:translateY(0)}.dropdown a{display:block;padding:14px 18px;font-size:14px;color:rgba(255,255,255,.75);border-bottom:1px solid rgba(255,255,255,.06);transition:.2s}.dropdown a:hover{background:rgba(255,255,255,.05);color:var(--gold)}.menu-toggle{display:none;width:46px;height:46px;border:1px solid rgba(212,175,55,.45);border-radius:999px;align-items:center;justify-content:center;color:var(--gold)}.menu-toggle span{width:20px;height:2px;background:currentColor;display:block;position:relative}.menu-toggle span:before,.menu-toggle span:after{content:"";position:absolute;left:0;width:20px;height:2px;background:currentColor;transition:.3s}.menu-toggle span:before{top:-7px}.menu-toggle span:after{top:7px}.menu-toggle.is-open span{background:transparent}.menu-toggle.is-open span:before{top:0;transform:rotate(45deg)}.menu-toggle.is-open span:after{top:0;transform:rotate(-45deg)}
.mobile-menu{position:fixed;left:0;right:0;top:112px;bottom:0;background:#070707;z-index:49;transform:translateX(100%);opacity:0;visibility:hidden;transition:transform .45s cubic-bezier(.19,1,.22,1),opacity .32s ease,visibility .32s;overflow:auto}.mobile-menu.is-open{transform:translateX(0);opacity:1;visibility:visible}.mobile-menu-inner{padding:34px 24px 60px}.mobile-menu a{display:block;padding:17px 0;border-bottom:1px solid rgba(255,255,255,.07);font-weight:800;text-transform:uppercase;color:#fff;letter-spacing:.06em}.mobile-sub{padding-left:18px;border-bottom:1px solid rgba(255,255,255,.07);display:none}.mobile-sub a{font-size:14px;color:rgba(255,255,255,.65);text-transform:none;border:0;padding:10px 0}.mobile-parent{display:flex!important;justify-content:space-between;align-items:center}.mobile-parent:after{content:'+';color:var(--gold);font-size:24px;font-weight:400}.mobile-parent.open:after{content:'–'}
.site-header.scrolled .navbar{height:66px}.site-header.scrolled .nav-item{height:66px}.site-header.scrolled .brand img{height:46px}

/* Hero */
.hero{margin-top:112px;position:relative;height:calc(100vh - 112px);min-height:650px;background:#050505;color:#fff;overflow:hidden;font-family:Inter,Arial,sans-serif}.hero-bg{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0;transform:scale(1.035);transition:opacity 1.25s ease,transform 1.6s ease}.hero-bg.active{opacity:1;transform:scale(1)}.hero-bg:after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,rgba(5,5,5,.72),rgba(5,5,5,.45) 42%,rgba(5,5,5,.88)),radial-gradient(ellipse at center,rgba(0,0,0,.12),rgba(0,0,0,.75) 78%)}.hero-main{position:relative;z-index:3;height:calc(100% - 132px);display:flex;align-items:center;justify-content:center;padding:60px 48px 20px}.hero-center{width:min(850px,72vw);text-align:center;display:flex;flex-direction:column;align-items:center;transition:opacity .45s ease,transform .45s ease}.hero-center.is-changing{opacity:0;transform:translateY(16px)}.hero-counter{font-size:13px;letter-spacing:.3em;font-weight:600;color:rgba(255,255,255,.72);margin-bottom:24px}.hero-counter span{color:var(--gold);margin:0 10px}.hero-label{font-size:13px;line-height:1.35;text-transform:uppercase;letter-spacing:.22em;font-weight:800;color:var(--gold);margin-bottom:22px}.hero-year{font-family:'Playfair Display',Georgia,serif;font-size:clamp(74px,9vw,124px);line-height:.82;font-weight:400;color:#fff;text-shadow:0 20px 45px rgba(0,0,0,.65);margin:0 0 30px}.hero-desc{max-width:720px;margin:0 auto 34px;color:rgba(255,255,255,.9);font-size:clamp(15px,1.1vw,18px);line-height:1.75;font-weight:600;text-shadow:0 3px 14px rgba(0,0,0,.9)}.hero-cta{display:inline-flex;align-items:center;gap:14px;padding:14px 34px;border:1px solid rgba(212,175,55,.58);background:rgba(10,10,10,.42);color:var(--gold);font-size:13px;font-weight:800;letter-spacing:.24em;text-transform:uppercase;transition:.25s}.hero-cta:hover{background:var(--gold);color:#0a0a0a}.hero-social{display:flex;gap:12px;margin-top:26px}.icon-btn{width:42px;height:42px;border:1px solid rgba(255,255,255,.18);display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.85);transition:.2s}.icon-btn:hover{color:var(--gold);border-color:var(--gold)}.side-year{position:absolute;z-index:4;top:50%;transform:translateY(-50%);font-family:'Playfair Display',Georgia,serif;font-size:clamp(30px,3vw,48px);color:rgba(255,255,255,.75);transition:.25s}.side-year:hover{color:#fff}.side-prev{left:6vw}.side-next{right:6vw}.hero-timeline{position:absolute;left:0;right:0;bottom:0;z-index:5;height:132px;padding:0 6vw 30px;background:linear-gradient(to top,#050505 0%,rgba(5,5,5,.75) 50%,transparent 100%);display:flex;align-items:flex-end}.timeline-wrap{position:relative;width:100%;max-width:1180px;margin:0 auto;display:flex;justify-content:space-between;align-items:flex-end}.timeline-line{position:absolute;left:0;right:0;bottom:40px;height:1px;background:rgba(255,255,255,.16)}.timeline-progress{position:absolute;left:0;bottom:40px;height:1px;background:var(--gold);transition:width .5s ease}.timeline-node{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:8px;color:rgba(255,255,255,.48);min-width:74px}.timeline-thumb{width:82px;height:52px;overflow:hidden;opacity:.45;transition:.3s;border:1px solid rgba(255,255,255,.08)}.timeline-thumb img{width:100%;height:100%;object-fit:cover}.timeline-dot{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.34);transition:.3s}.timeline-year{font-family:'Playfair Display',Georgia,serif;font-size:12px;letter-spacing:.16em}.timeline-node.active .timeline-thumb{opacity:1;border-color:rgba(212,175,55,.85);transform:translateY(-6px)}.timeline-node.active .timeline-dot{background:var(--gold);transform:scale(1.45)}.timeline-node.active .timeline-year{color:var(--gold);font-weight:600}.timeline-node:hover .timeline-thumb{opacity:.8}

/* Sections */
.info-cards{background:var(--stone);padding:72px 0;border-bottom:1px solid var(--line)}.cards-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.info-card{background:#fff;border:1px solid var(--line);padding:32px;min-height:260px;display:flex;flex-direction:column;transition:.28s}.info-card:hover{border-color:rgba(140,115,38,.35);box-shadow:0 16px 34px rgba(30,24,12,.08);transform:translateY(-4px)}.info-icon{width:52px;height:52px;border-radius:50%;background:var(--stone);display:flex;align-items:center;justify-content:center;color:var(--gold-dark);margin-bottom:24px}.info-card h3{font-family:'Playfair Display',Georgia,serif;font-size:22px;line-height:1.2;margin:0 0 12px;color:var(--ink)}.info-card p{font-size:14px;line-height:1.7;color:var(--muted);margin:0 0 22px;flex:1}.text-link{display:inline-flex;align-items:center;gap:8px;color:var(--gold-dark);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.12em}.text-link:hover{color:#6a561c}.home-news{background:#fff;padding:96px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:28px;margin-bottom:50px}.section-action{font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.12em;border-bottom:1px solid currentColor;padding-bottom:8px}.section-action:hover{color:var(--gold-dark)}.news-layout{display:grid;grid-template-columns:7fr 5fr;gap:52px}.featured-card .media{aspect-ratio:16/10;overflow:hidden;background:#eee;margin-bottom:24px}.media img{width:100%;height:100%;object-fit:cover;transition:transform .7s}.featured-card:hover img,.news-mini:hover img,.news-card:hover img,.area-card:hover img{transform:scale(1.06)}.meta{display:flex;gap:12px;align-items:center;color:var(--gold-dark);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.14em;margin-bottom:14px}.meta i{width:4px;height:4px;background:var(--gold-dark);border-radius:50%}.featured-card h3{font-family:'Playfair Display',Georgia,serif;font-size:clamp(28px,2.7vw,38px);line-height:1.12;margin:0 0 14px}.featured-card p{color:var(--muted);margin:0 0 22px;line-height:1.75}.news-list{display:flex;flex-direction:column;gap:32px;justify-content:space-between}.news-mini{display:flex;gap:24px}.news-mini .media{width:136px;height:96px;flex:0 0 auto;overflow:hidden;background:#eee}.news-mini h4{font-family:'Playfair Display',Georgia,serif;font-size:21px;line-height:1.25;margin:0;color:var(--ink)}.quote-section{padding:96px 0;background:#1a1a1a;color:#fff;text-align:center}.quote-mark{font-family:'Playfair Display',Georgia,serif;font-size:76px;line-height:.8;color:var(--gold);opacity:.55}.quote-text{font-family:'Playfair Display',Georgia,serif;font-size:clamp(28px,3vw,42px);line-height:1.45;font-weight:500;color:rgba(255,255,255,.9);max-width:980px;margin:18px auto 34px}.quote-line{width:54px;height:1px;background:var(--gold);margin:0 auto 22px}.quote-name{font-size:14px;font-weight:800;text-transform:uppercase;letter-spacing:.2em;color:var(--gold);margin:0}.quote-role{font-size:13px;color:rgba(255,255,255,.5);margin-top:8px}.areas-section{background:var(--stone);padding:96px 0;overflow:hidden}.area-controls{display:flex;gap:14px}.round-btn{width:48px;height:48px;border-radius:50%;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;transition:.2s}.round-btn:hover{background:var(--gold-dark);border-color:var(--gold-dark);color:#fff}.area-strip{display:flex;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;padding:0 32px 22px;scrollbar-width:none}.area-strip::-webkit-scrollbar{display:none}.area-card{position:relative;width:min(400px,86vw);flex:0 0 auto;aspect-ratio:4/5;overflow:hidden;color:#fff;scroll-snap-align:center;background:#222}.area-card img{width:100%;height:100%;object-fit:cover;transition:transform .7s}.area-card:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(26,26,26,.93),rgba(26,26,26,.18) 58%,transparent)}.area-info{position:absolute;inset:auto 0 0 0;z-index:2;padding:34px}.area-info h3{font-family:'Playfair Display',Georgia,serif;font-size:28px;line-height:1.15;margin:0 0 10px}.area-info p{color:rgba(255,255,255,.78);font-size:14px;line-height:1.7;max-height:0;opacity:0;overflow:hidden;margin:0;transition:.35s}.area-card:hover p{max-height:100px;opacity:1;margin-bottom:18px}.area-info .text-link{color:var(--gold);opacity:0;transform:translateY(12px);transition:.35s}.area-card:hover .text-link{opacity:1;transform:translateY(0)}

/* Footer */
.footer{background:#1a1a1a;color:rgba(255,255,255,.78);padding:70px 0 30px;border-top:1px solid rgba(255,255,255,.05)}.footer-grid{display:grid;grid-template-columns:1.35fr 1fr 1fr 1.1fr;gap:44px;margin-bottom:48px}.footer-logo{height:54px;width:auto;margin-bottom:24px}.footer p{font-size:14px;color:rgba(255,255,255,.6);line-height:1.75}.footer h4{font-family:'Playfair Display',Georgia,serif;font-size:22px;color:#fff;margin:0 0 24px}.footer ul{list-style:none;margin:0;padding:0}.footer li{margin:0 0 13px;font-size:14px}.footer a:hover{color:var(--gold)}.footer-social{display:flex;gap:12px;margin-top:22px}.contact-row{display:flex;gap:12px;align-items:flex-start;color:rgba(255,255,255,.62);margin-bottom:16px}.contact-row svg{color:var(--gold);flex:0 0 auto}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding-top:26px;display:flex;justify-content:space-between;gap:18px;align-items:center;color:rgba(255,255,255,.4);font-size:12px}.footer-bottom .links{display:flex;gap:24px}

/* Inner pages */
.page-hero{margin-top:112px;background:#1a1a1a;color:#fff;text-align:center;padding:82px 24px 110px}.breadcrumbs{display:flex;justify-content:center;align-items:center;gap:10px;color:var(--gold);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.12em;margin-bottom:28px}.page-hero h1{font-family:'Playfair Display',Georgia,serif;font-size:clamp(48px,5vw,72px);line-height:1;margin:0 0 22px}.page-hero p{max-width:720px;margin:0 auto;color:rgba(255,255,255,.7);line-height:1.75}.page-body{background:var(--stone);padding:0 0 96px}.filters{background:#fff;border:1px solid var(--line);box-shadow:0 10px 24px rgba(0,0,0,.04);padding:16px;display:flex;flex-wrap:wrap;gap:12px;margin:-42px 0 54px;position:relative;z-index:4}.filter-title{display:flex;align-items:center;gap:8px;padding:8px 18px 8px 0;border-right:1px solid var(--line);font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.1em}.chip{padding:9px 14px;background:#fff;color:#666;font-size:14px}.chip.active,.chip:hover{background:var(--gold-dark);color:#fff}.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.news-card{background:#fff;border:1px solid var(--line);display:flex;flex-direction:column;transition:.25s}.news-card:hover{border-color:rgba(140,115,38,.4);box-shadow:0 16px 34px rgba(0,0,0,.07)}.news-card .media{aspect-ratio:4/3;overflow:hidden;background:#eee}.news-card-body{padding:24px;display:flex;flex-direction:column;flex:1}.news-card h3{font-family:'Playfair Display',Georgia,serif;font-size:23px;line-height:1.22;margin:0 0 12px}.news-card p{color:var(--muted);font-size:14px;line-height:1.7;flex:1}.pagination{display:flex;justify-content:center;gap:8px;margin-top:56px}.page-num{width:42px;height:42px;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;color:#666}.page-num.active,.page-num:hover{background:var(--gold-dark);border-color:var(--gold-dark);color:#fff}.article-wrap{max-width:980px;margin:0 auto;padding:72px 32px 100px}.back-link{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.12em;color:#666;margin-bottom:34px}.article-title{font-family:'Playfair Display',Georgia,serif;font-size:clamp(44px,5vw,70px);line-height:1.05;margin:0 0 24px}.article-image{aspect-ratio:16/9;overflow:hidden;background:#ddd;margin:44px 0}.article-image img{width:100%;height:100%;object-fit:cover}.article-content{font-size:18px;line-height:1.85;color:#444}.article-content p{margin:0 0 24px}.pullquote{border-left:3px solid var(--gold);padding:22px 28px;background:#fff;margin:42px 0;font-family:'Playfair Display',Georgia,serif;font-size:28px;line-height:1.45;color:#1a1a1a}.related{border-top:1px solid var(--line);padding-top:50px;margin-top:58px}.areas-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:30px}.areas-page-card{display:grid;grid-template-columns:1fr 1fr;background:#fff;border:1px solid var(--line);min-height:320px;transition:.25s}.areas-page-card:hover{box-shadow:0 16px 34px rgba(0,0,0,.07)}.areas-page-card img{height:100%;width:100%;object-fit:cover}.areas-page-info{padding:34px;display:flex;flex-direction:column;justify-content:center}.areas-page-info h3{font-family:'Playfair Display',Georgia,serif;font-size:31px;line-height:1.1;margin:0 0 16px}.areas-page-info p{color:#666;line-height:1.75}.area-detail-hero{margin-top:112px;padding:48px 0;background:var(--stone)}.wide-image{aspect-ratio:21/9;overflow:hidden;background:#ddd}.wide-image img{width:100%;height:100%;object-fit:cover}.detail-grid{display:grid;grid-template-columns:2fr 1fr;gap:56px;padding:58px 0 100px}.detail-main h1{font-family:'Playfair Display',Georgia,serif;font-size:clamp(44px,5vw,60px);line-height:1.05;margin:0 0 24px}.lead{font-size:21px;line-height:1.65;color:#1a1a1a;font-weight:500}.gallery{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:24px}.gallery img{height:220px;width:100%;object-fit:cover}.sidebar-card{background:#fff;border:1px solid var(--line);padding:30px;margin-bottom:28px}.sidebar-card.dark{background:#1a1a1a;color:#fff}.info-list{list-style:none;padding:0;margin:0}.info-list li{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid #f0f0f0;padding:12px 0;color:#666;font-size:14px}.info-list strong{color:#1a1a1a}.dark .info-list li{border-color:rgba(255,255,255,.1);color:rgba(255,255,255,.65)}.dark .info-list strong{color:#fff}.primary-btn{display:inline-flex;justify-content:center;align-items:center;padding:14px 24px;background:var(--gold);color:#1a1a1a;font-weight:800;text-transform:uppercase;letter-spacing:.12em;font-size:12px;transition:.2s}.primary-btn:hover{background:#fff}.not-found{margin-top:112px;padding:120px 24px;text-align:center}

@media (max-width:1180px){.desktop-nav{display:none}.menu-toggle{display:flex}.nav-inner{justify-content:space-between}.navbar{height:80px}.brand{width:auto}.cards-grid{grid-template-columns:repeat(2,1fr)}.news-layout{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.news-grid{grid-template-columns:repeat(2,1fr)}.areas-grid{grid-template-columns:1fr}.areas-page-card{grid-template-columns:1fr 1fr}}
@media (max-width:760px){:root{--header-h:100px}.container{padding:0 20px}.topbar-inner{padding:0 20px}.topbar-contact .sep,.topbar-contact a:nth-child(3){display:none}.navbar{height:68px}.mobile-menu{top:100px}.brand img{height:44px}.hero{margin-top:100px;height:auto;min-height:calc(100vh - 100px);padding-bottom:132px}.hero-main{height:auto;min-height:calc(100vh - 232px);padding:44px 22px 20px}.hero-center{width:100%}.hero-counter{margin-bottom:18px}.hero-label{font-size:11px;letter-spacing:.16em}.hero-year{font-size:68px;margin-bottom:20px}.hero-desc{font-size:15px;line-height:1.65;margin-bottom:24px}.side-year{display:none}.hero-timeline{height:132px;overflow-x:auto;padding:0 24px 28px}.timeline-wrap{min-width:680px}.timeline-thumb{width:62px;height:40px}.info-cards,.home-news,.areas-section{padding:64px 0}.cards-grid{grid-template-columns:1fr}.section-head{display:block}.section-action{display:inline-flex;margin-top:20px}.news-mini{gap:16px}.news-mini .media{width:108px;height:82px}.quote-section{padding:72px 0}.quote-text{font-size:26px}.footer-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column}.page-hero{margin-top:100px;padding:64px 20px 92px}.news-grid{grid-template-columns:1fr}.filters{margin-top:-36px}.areas-page-card{grid-template-columns:1fr}.areas-page-card img{height:260px}.detail-grid{grid-template-columns:1fr}.area-detail-hero{margin-top:100px}.wide-image{aspect-ratio:4/3}.article-wrap{padding-left:20px;padding-right:20px}.article-content{font-size:16px}.gallery img{height:160px}}

/* ============================================================
   Layout rail fix — keep all main content inside the same site
   container as the header/menu. Backgrounds may stay full width;
   cards, headings, sliders, and controls stay inside the grid.
   ============================================================ */
:root{
  --container:1280px;
}

.container,
.topbar-inner,
.nav-inner,
.timeline-wrap,
.area-strip{
  width:min(100% - 64px, var(--container));
  max-width:var(--container);
  margin-left:auto;
  margin-right:auto;
}

.container,
.topbar-inner,
.nav-inner{
  padding-left:0;
  padding-right:0;
}

.home-news,
.info-cards,
.areas-section,
.quote-section,
.footer,
.page-body{
  overflow:hidden;
}

.section-head,
.news-layout,
.cards-grid,
.footer-grid,
.footer-bottom,
.news-grid,
.areas-grid,
.detail-grid,
.article-wrap{
  max-width:100%;
}

/* Homepage news must never bleed outside the header rails */
.home-news .container{
  width:min(100% - 64px, var(--container));
  max-width:var(--container);
  margin-left:auto;
  margin-right:auto;
  padding-left:0;
  padding-right:0;
}

.news-layout{
  width:100%;
}

/* Areas slider rail fix */
.areas-section .section-head{
  width:100%;
}

.area-strip{
  padding:0 0 22px;
  box-sizing:border-box;
  gap:24px;
  scroll-padding-left:0;
  scroll-padding-right:0;
}

.area-card{
  flex:0 0 calc((100% - 72px) / 4);
  width:auto;
  min-width:0;
  max-width:none;
  aspect-ratio:3 / 4;
}

.area-info{
  padding:28px;
}

.area-info h3{
  font-size:clamp(22px,2vw,28px);
}

/* Inner pages: keep cards and filters on the same rail */
.page-body > .container,
.area-detail-hero > .container,
.detail-grid.container{
  width:min(100% - 64px, var(--container));
  max-width:var(--container);
  margin-left:auto;
  margin-right:auto;
  padding-left:0;
  padding-right:0;
}

/* Large desktop: keep hero timeline aligned with the same visual rails */
.hero-timeline{
  padding-left:0;
  padding-right:0;
}

/* Prevent slider controls from drifting outside the content rail */
.area-controls,
.section-action{
  flex:0 0 auto;
}

@media (max-width:1180px){
  .container,
  .topbar-inner,
  .nav-inner,
  .timeline-wrap,
  .area-strip,
  .home-news .container,
  .page-body > .container,
  .area-detail-hero > .container,
  .detail-grid.container{
    width:min(100% - 48px, var(--container));
  }

  .area-card{
    flex-basis:calc((100% - 48px) / 3);
  }
}

@media (max-width:900px){
  .area-card{
    flex-basis:calc((100% - 24px) / 2);
  }
}

@media (max-width:760px){
  .container,
  .topbar-inner,
  .nav-inner,
  .timeline-wrap,
  .area-strip,
  .home-news .container,
  .page-body > .container,
  .area-detail-hero > .container,
  .detail-grid.container{
    width:min(100% - 40px, var(--container));
  }

  .area-strip{
    overflow-x:auto;
  }

  .area-card{
    flex:0 0 84vw;
    aspect-ratio:4 / 5;
  }

  .hero-timeline{
    padding-left:0;
    padding-right:0;
  }

  .hero-timeline .timeline-wrap{
    min-width:680px;
    margin-left:20px;
    margin-right:20px;
    width:680px;
  }
}

/* =========================================================
   Airbnb-style homepage news carousel
   - 5 curated news cards
   - 3-card desktop viewport, 2 tablet, 1 mobile
   - stays inside the same site rails/container
   ========================================================= */
.airbnb-news{
  background:linear-gradient(180deg,#fbfaf6 0%,#f6f2e9 100%);
  border-top:1px solid rgba(140,115,38,.16);
  border-bottom:1px solid rgba(140,115,38,.14);
}

.news-airbnb-head{
  align-items:flex-end;
  gap:32px;
  margin-bottom:34px;
}

.section-intro{
  max-width:620px;
  margin:16px 0 0;
  color:var(--muted);
  font-size:17px;
  line-height:1.7;
}

.news-airbnb-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:12px;
  flex:0 0 auto;
}

.news-fraction{
  height:44px;
  min-width:78px;
  padding:0 14px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  border:1px solid rgba(140,115,38,.22);
  border-radius:999px;
  background:rgba(255,255,255,.76);
  color:#1a1a1a;
  font-size:12px;
  font-weight:800;
  letter-spacing:.12em;
}

.news-fraction span:nth-child(2){
  color:var(--gold-dark);
}

.news-airbnb-viewport{
  position:relative;
  width:100%;
  overflow:hidden;
  outline:none;
}

.news-airbnb-track{
  display:grid;
  grid-auto-flow:column;
  grid-auto-columns:calc((100% - 48px) / 3);
  gap:24px;
  overflow-x:auto;
  scroll-snap-type:x mandatory;
  scroll-behavior:smooth;
  scrollbar-width:none;
  padding:4px 0 18px;
}

.news-airbnb-track::-webkit-scrollbar{
  display:none;
}

.news-airbnb-card{
  scroll-snap-align:start;
  display:flex;
  flex-direction:column;
  min-width:0;
  background:#fff;
  border:1px solid rgba(140,115,38,.16);
  border-radius:24px;
  overflow:hidden;
  color:var(--ink);
  box-shadow:0 14px 36px rgba(26,26,26,.06);
  transition:transform .28s ease, box-shadow .28s ease, border-color .28s ease;
}

.news-airbnb-card:hover{
  transform:translateY(-6px);
  border-color:rgba(140,115,38,.34);
  box-shadow:0 24px 56px rgba(26,26,26,.12);
}

.news-airbnb-media{
  position:relative;
  aspect-ratio:1.32 / 1;
  overflow:hidden;
  background:#e8e2d7;
}

.news-airbnb-media:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(0,0,0,.12),rgba(0,0,0,0) 45%,rgba(0,0,0,.2));
  pointer-events:none;
}

.news-airbnb-media img{
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .7s ease;
}

.news-airbnb-card:hover .news-airbnb-media img{
  transform:scale(1.055);
}

.news-chip{
  position:absolute;
  left:18px;
  top:18px;
  z-index:2;
  padding:8px 12px;
  border-radius:999px;
  background:rgba(26,26,26,.64);
  color:#fff;
  backdrop-filter:blur(10px);
  font-size:11px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.09em;
}

.news-airbnb-body{
  padding:22px 22px 24px;
}

.news-date{
  display:block;
  margin-bottom:10px;
  color:var(--gold-dark);
  font-size:11px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.14em;
}

.news-airbnb-card h3{
  margin:0 0 12px;
  font-family:Inter,Arial,Helvetica,sans-serif;
  font-size:clamp(19px,1.45vw,23px);
  line-height:1.18;
  font-weight:900;
  letter-spacing:-.03em;
}

.news-airbnb-card p{
  margin:0;
  color:var(--muted);
  font-size:14px;
  line-height:1.65;
}

.news-prev[disabled],
.news-next[disabled]{
  opacity:.38;
  cursor:not-allowed;
  pointer-events:none;
}

@media (max-width:1180px){
  .news-airbnb-track{
    grid-auto-columns:calc((100% - 24px) / 2);
  }

  .news-airbnb-head{
    align-items:flex-start;
  }
}

@media (max-width:760px){
  .news-airbnb-head{
    display:block;
  }

  .news-airbnb-actions{
    justify-content:flex-start;
    flex-wrap:wrap;
    margin-top:22px;
  }

  .news-airbnb-track{
    grid-auto-columns:86%;
    gap:16px;
  }

  .news-airbnb-card{
    border-radius:20px;
  }

  .news-airbnb-body{
    padding:20px;
  }
}


/* ============================================================
   Live WordPress data + Figma-style article refinements
   ============================================================ */
.live-loading,
.live-error{
  width:100%;
  min-height:180px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:30px;
  background:#fff;
  border:1px dashed var(--line);
  color:#6d665d;
  font-size:14px;
  line-height:1.7;
  text-align:center;
}
.live-error a{color:var(--gold-dark);font-weight:800;text-decoration:underline}
.news-airbnb-track .live-loading,
.news-airbnb-track .live-error{flex:0 0 100%;min-height:260px}

.figma-article-head{
  margin-top:112px;
  background:#fcfbf9;
  border-bottom:1px solid var(--line);
  padding:62px 0 70px;
  text-align:center;
}
.article-container{
  width:min(100% - 64px, 980px);
  margin-left:auto;
  margin-right:auto;
}
.breadcrumbs.light{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:10px;
  color:var(--gold-dark);
  font-size:12px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.12em;
  margin-bottom:28px;
}
.breadcrumbs.light a{color:var(--gold-dark)}
.breadcrumbs.light span:last-child{color:#777}
.article-meta-line{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:12px;
  color:#666;
  font-size:12px;
  font-weight:800;
  letter-spacing:.12em;
  text-transform:uppercase;
  margin-bottom:24px;
}
.article-meta-line i{width:5px;height:5px;border-radius:50%;background:var(--gold-dark);display:block}
.figma-article-head h1{
  font-family:'Playfair Display',Georgia,serif;
  font-size:clamp(38px,5vw,64px);
  line-height:1.08;
  margin:0 auto 24px;
  color:#1a1a1a;
  max-width:860px;
}
.figma-article-head p{
  max-width:760px;
  margin:0 auto;
  color:#5e5a53;
  font-size:18px;
  line-height:1.75;
}
.figma-article-body{padding:52px 0 100px}
.figma-article-image{
  aspect-ratio:16/9;
  overflow:hidden;
  background:#e9e3d8;
  margin-bottom:56px;
}
.figma-article-image img{width:100%;height:100%;object-fit:cover;display:block}
.figma-article-layout{display:grid;grid-template-columns:72px minmax(0,1fr);gap:44px;align-items:start}
.share-rail{position:sticky;top:140px;display:flex;flex-direction:column;align-items:center;gap:14px}
.share-rail span{writing-mode:vertical-rl;transform:rotate(180deg);font-size:10px;font-weight:900;letter-spacing:.2em;text-transform:uppercase;color:#999;margin-bottom:6px}
.share-rail a{width:42px;height:42px;border:1px solid var(--line);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#666;font-weight:900;background:#fff;transition:.2s}
.share-rail a:hover{border-color:var(--gold-dark);color:var(--gold-dark);transform:translateY(-2px)}
.figma-article-content{font-size:18px;line-height:1.9;color:#3f3b35}
.figma-article-content p{margin:0 0 26px}
.figma-article-content h2,
.figma-article-content h3,
.figma-article-content h4{font-family:'Playfair Display',Georgia,serif;color:#1a1a1a;line-height:1.2;margin:44px 0 18px}
.figma-article-content img{max-width:100%;height:auto;margin:30px 0;border:1px solid var(--line)}
.figma-article-content blockquote{
  border-left:3px solid var(--gold);
  padding:24px 32px;
  background:#fcfbf9;
  margin:42px 0;
  font-family:'Playfair Display',Georgia,serif;
  font-size:29px;
  line-height:1.45;
  color:#1a1a1a;
}
.original-link-wrap{margin-top:46px!important}
.related .related-grid{grid-template-columns:repeat(3,1fr)}

.library-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;padding:58px 0 96px}
.library-card{background:#fff;border:1px solid var(--line);display:grid;grid-template-columns:120px 1fr;gap:22px;padding:22px;color:#1a1a1a;transition:.25s}
.library-card:hover{border-color:rgba(140,115,38,.45);box-shadow:0 16px 34px rgba(0,0,0,.06)}
.library-thumb{height:160px;background:#eee;overflow:hidden}
.library-thumb img{width:100%;height:100%;object-fit:cover}
.library-card span{display:block;color:var(--gold-dark);font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.14em;margin-bottom:10px}
.library-card h3{font-family:'Playfair Display',Georgia,serif;font-size:22px;line-height:1.2;margin:0 0 12px}
.library-card p{font-size:14px;line-height:1.65;color:#666;margin:0 0 14px}
.library-card b{font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:#1a1a1a}

@media(max-width:900px){
  .article-container{width:min(100% - 40px, 980px)}
  .figma-article-head{margin-top:100px;padding:48px 0 56px}
  .figma-article-layout{grid-template-columns:1fr;gap:24px}
  .share-rail{position:static;flex-direction:row;justify-content:flex-start;border-bottom:1px solid var(--line);padding-bottom:18px}
  .share-rail span{writing-mode:initial;transform:none;margin:0 10px 0 0}
  .related .related-grid{grid-template-columns:1fr}
  .library-grid{grid-template-columns:1fr}
  .library-card{grid-template-columns:96px 1fr}
}

/* ==========================================================
   Live-data prototype fixes
   - remove page/filter overlap
   - keep news/library states inside the design system
   - improve Figma-style article page
   ========================================================== */
.page-hero{
  margin-top: var(--header-h);
  padding: 78px 24px 86px;
  background: #1a1a1a;
  border-bottom: 1px solid rgba(140,115,38,.25);
}
.page-body{
  background: var(--stone);
  padding: 56px 0 96px;
}
.filters{
  margin: 0 0 46px;
  box-shadow: none;
  border: 1px solid var(--line);
  border-radius: 0;
  background: #fff;
  position: relative;
  z-index: 1;
}
.live-loading,
.live-error{
  grid-column: 1 / -1;
  width: 100%;
  min-height: 220px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 36px;
  border: 1px dashed var(--line);
  background: #fff;
  color: var(--muted);
}
.news-airbnb-track .live-loading,
.news-airbnb-track .live-error{
  flex: 0 0 100%;
  min-height: 260px;
}
.news-grid .news-card,
.related-grid .news-card{
  min-width: 0;
}
.news-card .media img,
.news-airbnb-media img,
.library-thumb img{
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.news-card .meta{
  display: flex;
  align-items: center;
  gap: 10px;
  color: var(--gold-dark);
  font-size: 11px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .09em;
  margin-bottom: 12px;
}
.news-card .meta i{
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: var(--gold-dark);
}
.library-grid{
  padding: 0 0 96px;
}
.library-card{
  min-height: 216px;
}
.library-card h3{
  overflow-wrap: anywhere;
}
.figma-article-head{
  margin-top: var(--header-h);
  padding: 72px 0 86px;
  background: radial-gradient(circle at 50% 0%, rgba(140,115,38,.13), transparent 42%), #1a1a1a;
  color: #fff;
  border-bottom: 1px solid rgba(140,115,38,.25);
}
.article-container{
  width: min(100% - 48px, 1040px);
  margin-inline: auto;
}
.figma-article-head .breadcrumbs{
  margin-bottom: 26px;
}
.figma-article-head h1{
  max-width: 980px;
  margin: 0 auto 22px;
  text-align: center;
  font-family: 'Playfair Display', Georgia, serif;
  font-size: clamp(42px, 5.6vw, 76px);
  line-height: 1.02;
  letter-spacing: -.025em;
}
.figma-article-head p{
  max-width: 760px;
  margin: 0 auto;
  text-align: center;
  color: rgba(255,255,255,.72);
  line-height: 1.75;
}
.article-meta-line{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  color: var(--gold);
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .12em;
  margin-bottom: 22px;
}
.article-meta-line i{
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: currentColor;
}
.figma-article-body{
  padding: 56px 0 110px;
  background: var(--stone);
}
.figma-article-image{
  aspect-ratio: 16 / 8.5;
  overflow: hidden;
  background: #ddd;
  border: 1px solid var(--line);
  margin-bottom: 48px;
}
.figma-article-image img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.figma-article-layout{
  display: grid;
  grid-template-columns: 84px minmax(0,1fr);
  gap: 42px;
  align-items: start;
}
.share-rail{
  position: sticky;
  top: calc(var(--header-h) + 28px);
  display: grid;
  gap: 12px;
  justify-items: center;
}
.share-rail span{
  writing-mode: vertical-rl;
  transform: rotate(180deg);
  font-size: 11px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .14em;
  color: var(--muted);
}
.share-rail a{
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  border: 1px solid var(--line);
  background: #fff;
  color: #1a1a1a;
  font-weight: 900;
}
.share-rail a:hover{
  background: var(--gold-dark);
  color: #fff;
}
.figma-article-content{
  max-width: 760px;
  font-size: 18px;
  line-height: 1.9;
  color: #3f3b35;
}
.figma-article-content p{
  margin: 0 0 26px;
}
.figma-article-content h2,
.figma-article-content h3,
.figma-article-content h4{
  font-family: 'Playfair Display', Georgia, serif;
  color: #1a1a1a;
  line-height: 1.2;
  margin: 44px 0 18px;
}
.figma-article-content img{
  max-width: 100%;
  height: auto;
  margin: 30px 0;
  border: 1px solid var(--line);
}
.figma-article-content blockquote{
  margin: 40px 0;
  padding: 24px 30px;
  border-left: 3px solid var(--gold-dark);
  background: #fff;
  font-family: 'Playfair Display', Georgia, serif;
  font-size: 28px;
  line-height: 1.45;
  color: #1a1a1a;
}
.original-link-wrap{
  margin-top: 38px !important;
}
.related{
  border-top: 1px solid var(--line);
  padding-top: 46px;
  margin-top: 64px;
}
.related .eyebrow{
  margin-bottom: 24px;
}
@media (max-width: 1180px){
  .page-hero,
  .figma-article-head{margin-top: 104px;}
}
@media (max-width: 760px){
  .page-hero{
    margin-top: 100px;
    padding: 58px 20px 70px;
  }
  .page-body{
    padding-top: 34px;
  }
  .filters{
    margin-bottom: 34px;
  }
  .figma-article-head{
    margin-top: 100px;
    padding: 52px 0 64px;
  }
  .article-container{
    width: min(100% - 40px, 1040px);
  }
  .figma-article-image{
    aspect-ratio: 4 / 3;
  }
  .figma-article-layout{
    grid-template-columns: 1fr;
    gap: 24px;
  }
  .share-rail{
    position: static;
    display: flex;
    justify-content: flex-start;
  }
  .share-rail span{
    writing-mode: horizontal-tb;
    transform: none;
    align-self: center;
  }
  .figma-article-content{
    font-size: 16px;
  }
}

/* ============================================================
   Final UI corrections: real-news prototype v3
   - no serif outside hero timeline
   - smaller single-news hero
   - stronger title contrast
   ============================================================ */
body,
button,
input,
select,
textarea,
.nav-link,
.dropdown a,
.mobile-menu a,
.section-title,
.info-card h3,
.news-card h3,
.news-airbnb-card h3,
.quote-text,
.footer h4,
.page-hero h1,
.article-title,
.pullquote,
.areas-page-info h3,
.area-info h3,
.detail-main h1,
.figma-article-head h1,
.figma-article-content h2,
.figma-article-content h3,
.figma-article-content h4,
.figma-article-content blockquote {
  font-family: Inter, Arial, Helvetica, sans-serif !important;
}

.hero-year,
.side-year,
.timeline-year {
  font-family: 'Playfair Display', Georgia, serif !important;
}

.page-hero {
  padding: 58px 24px 72px !important;
}

.page-hero h1 {
  font-weight: 850 !important;
  letter-spacing: -0.04em;
  font-size: clamp(40px, 5vw, 64px) !important;
}

.figma-article-head {
  margin-top: var(--header-h) !important;
  padding: 46px 0 54px !important;
  min-height: 0 !important;
  background: linear-gradient(180deg, #191919 0%, #141414 100%) !important;
  color: #fff !important;
}

.figma-article-head .breadcrumbs {
  margin-bottom: 18px !important;
}

.figma-article-head h1 {
  max-width: 900px !important;
  margin: 0 auto 16px !important;
  color: #fff !important;
  opacity: 1 !important;
  font-weight: 850 !important;
  font-size: clamp(32px, 4.2vw, 56px) !important;
  line-height: 1.08 !important;
  letter-spacing: -0.045em !important;
  text-shadow: 0 2px 18px rgba(0,0,0,.45) !important;
}

.figma-article-head p {
  max-width: 700px !important;
  color: rgba(255,255,255,.82) !important;
  font-size: 16px !important;
  line-height: 1.65 !important;
}

.article-meta-line {
  margin-bottom: 18px !important;
}

.figma-article-body {
  padding-top: 44px !important;
}

.figma-article-content {
  font-size: 17px !important;
  line-height: 1.85 !important;
}

.figma-article-content blockquote {
  font-size: 22px !important;
  font-weight: 700;
}

.news-card h3,
.news-airbnb-card h3 {
  font-weight: 820 !important;
  letter-spacing: -0.03em;
}

@media (max-width: 760px) {
  .figma-article-head {
    padding: 38px 0 44px !important;
  }
  .figma-article-head h1 {
    font-size: clamp(28px, 8vw, 40px) !important;
  }
  .figma-article-head p {
    font-size: 15px !important;
  }
}

/* ============================================================
   Real-data fix v4
   - single news page shows one article only
   - article hero is compact and readable
   - all non-hero typography is sans-serif
   ============================================================ */
body,
button,
input,
select,
textarea,
.nav-link,
.dropdown a,
.mobile-menu a,
.section-title,
.info-card h3,
.news-card h3,
.news-airbnb-card h3,
.quote-text,
.footer h4,
.page-hero h1,
.article-title,
.pullquote,
.areas-page-info h3,
.area-info h3,
.detail-main h1,
.figma-article-head h1,
.figma-article-content h1,
.figma-article-content h2,
.figma-article-content h3,
.figma-article-content h4,
.figma-article-content blockquote,
.library-card h3 {
  font-family: Inter, Arial, Helvetica, sans-serif !important;
}
.hero-year,
.side-year,
.timeline-year {
  font-family: 'Playfair Display', Georgia, serif !important;
}

.figma-article-head {
  margin-top: var(--header-h) !important;
  padding: 42px 0 48px !important;
  min-height: 0 !important;
  background: #171717 !important;
  color: #fff !important;
}
.figma-article-head .article-container {
  width: min(100% - 64px, 980px) !important;
  text-align: center !important;
}
.figma-article-head .breadcrumbs {
  justify-content: center !important;
  margin-bottom: 18px !important;
}
.figma-article-head h1 {
  display: block !important;
  max-width: 900px !important;
  margin: 0 auto 16px !important;
  color: #fff !important;
  opacity: 1 !important;
  font-weight: 850 !important;
  font-size: clamp(32px, 4vw, 54px) !important;
  line-height: 1.1 !important;
  letter-spacing: -0.04em !important;
  text-shadow: none !important;
}
.figma-article-head p {
  max-width: 720px !important;
  margin: 0 auto !important;
  color: rgba(255,255,255,.82) !important;
  font-size: 16px !important;
  line-height: 1.65 !important;
}
.article-meta-line {
  justify-content: center !important;
  margin-bottom: 16px !important;
}
.figma-article-body {
  padding: 46px 0 92px !important;
}
.figma-article-image {
  max-width: 980px !important;
  margin: 0 auto 42px !important;
  aspect-ratio: 16 / 8 !important;
  background: #eee !important;
  border: 1px solid var(--line) !important;
}
.figma-article-image img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}
.figma-article-content {
  font-size: 17px !important;
  line-height: 1.85 !important;
  color: #3f3b35 !important;
}
.figma-article-content > *:first-child {
  margin-top: 0 !important;
}
.figma-article-content p {
  margin: 0 0 24px !important;
}
.figma-article-content img {
  max-width: 100% !important;
  height: auto !important;
  margin: 26px 0 !important;
}
.news-grid .news-card,
.related-grid .news-card {
  min-width: 0 !important;
}
.empty-state {
  border: 1px dashed var(--line);
  padding: 34px;
  text-align: center;
  color: var(--muted);
}
@media (max-width: 760px) {
  .figma-article-head {
    padding: 34px 0 40px !important;
  }
  .figma-article-head .article-container {
    width: min(100% - 40px, 980px) !important;
  }
  .figma-article-head h1 {
    font-size: clamp(28px, 8vw, 40px) !important;
  }
  .figma-article-head p {
    font-size: 15px !important;
  }
  .figma-article-image {
    aspect-ratio: 4 / 3 !important;
  }
}

/* ============================================================
   Snapshot news fix: stable local news data + compact article
   ============================================================ */
.figma-article-head.compact-article-head {
  padding: 34px 0 40px !important;
  background: #171717 !important;
}
.figma-article-head.compact-article-head h1 {
  font-size: clamp(30px, 3.2vw, 46px) !important;
  max-width: 860px !important;
  color: #fff !important;
  opacity: 1 !important;
}
.figma-article-head.compact-article-head p {
  max-width: 680px !important;
  font-size: 15.5px !important;
}
.figma-article-body.article-container { max-width: 980px !important; }
.figma-article-image { aspect-ratio: 16 / 8.2 !important; }
.figma-article-content { font-family: Inter, Arial, Helvetica, sans-serif !important; }
.figma-article-content * { font-family: Inter, Arial, Helvetica, sans-serif !important; }
.news-card h3,
.news-airbnb-card h3,
.page-hero h1,
.section-title,
.footer h4,
.info-card h3,
.area-info h3,
.areas-page-info h3,
.quote-text {
  font-family: Inter, Arial, Helvetica, sans-serif !important;
}

/* =========================================================
   NEWS IMAGE FIT FIX - v4
   Uses landscape ratio so real/snapshot news images sit naturally.
   ========================================================= */
.news-airbnb-media,
.news-card .media,
.featured-card .media {
  aspect-ratio: 16 / 10 !important;
  background: #f4f0e7 !important;
}
.news-airbnb-media img,
.news-card .media img,
.featured-card .media img,
.article-image img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
}
.news-airbnb-media:after {
  background: linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,0) 48%,rgba(0,0,0,.12)) !important;
}
.news-chip {
  background: rgba(26,26,26,.58) !important;
}
@media (max-width:760px){
  .news-airbnb-media,
  .news-card .media,
  .featured-card .media { aspect-ratio: 16 / 11 !important; }
}


/* ============================================================
   Districts / Qezalar section update
   ============================================================ */
.district-section{background:#fffaf0;padding:96px 0 104px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.district-section .section-intro{max-width:640px;margin:16px 0 0;color:var(--muted);font-size:16px;line-height:1.75}.district-strip{max-width:var(--container);margin:0 auto;padding:0 32px;gap:26px}.district-card{min-width:350px;max-width:350px;height:520px;border-radius:0;background:#111;border:1px solid rgba(140,115,38,.18);box-shadow:0 18px 40px rgba(30,24,12,.08)}.district-card img{filter:saturate(.92) contrast(.98)}.district-card:hover img{transform:scale(1.045)}.area-kicker{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--gold);font-weight:850;margin:0 0 10px}.district-card .area-info{padding:32px}.district-card .area-info h3{font-size:28px;line-height:1.08;letter-spacing:-.02em}.district-card .area-info p:not(.area-kicker){font-size:14px;line-height:1.65;color:rgba(255,255,255,.78)}
.districts-hero{background:linear-gradient(180deg,#1a1a1a,#202020);padding-bottom:94px}.district-list-page{padding:78px 0 104px}.district-intro{max-width:760px;margin:0 0 44px}.district-intro h2{margin:0 0 16px;font-size:clamp(34px,3vw,48px);letter-spacing:-.05em;line-height:1.05}.district-intro p{color:var(--muted);font-size:16px;line-height:1.75}.districts-grid{grid-template-columns:1fr;gap:26px}.district-page-card{min-height:330px;grid-template-columns:42% 58%;border-radius:0;overflow:hidden}.district-page-card img{height:100%;min-height:330px}.district-page-card .areas-page-info{padding:42px}.district-page-card .areas-page-info h3{font-size:34px;letter-spacing:-.045em}.district-page-card:nth-child(even){grid-template-columns:58% 42%}.district-page-card:nth-child(even) img{order:2}.district-detail-shell{margin-top:112px;background:var(--stone)}.district-detail-hero{padding:72px 0;background:#191919;color:#fff;border-bottom:1px solid rgba(212,175,55,.22)}.district-detail-hero .breadcrumbs{justify-content:flex-start;margin-bottom:20px}.district-detail-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) 44%;gap:56px;align-items:center}.district-detail-copy h1{font-size:clamp(44px,4.8vw,72px);letter-spacing:-.06em;line-height:.98;margin:0 0 22px;color:#fff}.district-detail-copy p[data-district-summary]{max-width:720px;color:rgba(255,255,255,.76);font-size:17px;line-height:1.75}.district-detail-actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-top:30px}.district-detail-media{margin:0;aspect-ratio:16/11;overflow:hidden;background:#0d0d0d;border:1px solid rgba(212,175,55,.25)}.district-detail-media img{width:100%;height:100%;object-fit:cover}.district-detail-body{padding:76px 0 110px}.district-article-grid{display:grid;grid-template-columns:260px minmax(0,850px);gap:60px;align-items:start}.district-side-nav{position:sticky;top:140px;background:#fff;border:1px solid var(--line);padding:24px}.district-side-nav span{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.16em;color:var(--gold-dark);font-weight:850;margin-bottom:16px}.district-side-nav a{display:block;padding:13px 0;border-top:1px solid var(--line);font-size:14px;color:#5f5a50;font-weight:700}.district-side-nav a.active,.district-side-nav a:hover{color:var(--gold-dark)}.district-article{background:#fff;border:1px solid var(--line);padding:48px 56px}.district-article .lead{font-size:21px;line-height:1.65;color:#1a1a1a;font-weight:700;margin:0 0 30px}.district-article p{font-size:17px;line-height:1.9;color:#464137;margin:0 0 26px}.source-note{margin-top:38px;padding-top:22px;border-top:1px solid var(--line);font-size:14px;color:var(--muted)}.source-note a{color:var(--gold-dark);font-weight:800}.district-detail-shell .primary-btn{background:var(--gold);color:#141414}.district-detail-shell .primary-btn:hover{background:#fff;color:#141414}

/* Kompleks haqqında page from real content */
.about-complex-page{padding:82px 0 110px;background:#f7f2e8}.kh-shell{display:block}.kh-anchor{scroll-margin-top:140px}.kh-story-block,.kh-parts-section,.kh-exhibit-section{margin:0 0 80px}.kh-split-section{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:stretch}.kh-media-card{background:#fff;border:1px solid var(--line);overflow:hidden;min-height:360px}.kh-media-card img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.kh-media-card:hover img{transform:scale(1.035)}.kh-text-card,.kh-continuation-card{background:#fff;border:1px solid var(--line);padding:42px}.kh-text-card--fixed{display:flex;flex-direction:column;justify-content:center}.kh-eyebrow,.kh-section-kicker,.kh-mini-eyebrow{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--gold-dark);font-weight:850;margin-bottom:14px}.kh-story-text,.kh-exhibit-text{font-size:16px;line-height:1.85;color:#4b463d;margin:0 0 20px}.kh-subtitle,.kh-section-title{font-family:Inter,Arial,Helvetica,sans-serif!important;color:#1a1a1a;letter-spacing:-.045em}.kh-subtitle{font-size:clamp(30px,2.8vw,42px);line-height:1.05;margin:0 0 22px}.kh-section-title{font-size:clamp(36px,4vw,58px);line-height:1;margin:0}.kh-section-head{margin:0 0 28px}.kh-section-head--tight{margin-bottom:24px}.kh-parts-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}.kh-part-card{background:#fff;border:1px solid var(--line);padding:24px;display:flex;gap:16px;align-items:flex-start;min-height:120px;transition:.25s}.kh-part-card:hover{border-color:rgba(140,115,38,.5);transform:translateY(-3px);box-shadow:0 14px 30px rgba(30,24,12,.08)}.kh-part-num{width:40px;height:40px;border-radius:999px;display:flex;align-items:center;justify-content:center;background:#1a1a1a;color:var(--gold);font-weight:850}.kh-part-body strong{display:block;color:#1a1a1a;line-height:1.25}.kh-part-body small{display:block;color:var(--muted);margin-top:6px;line-height:1.4}.kh-continuation-card--accent{border-left:4px solid var(--gold)}.kh-inline-note{font-weight:800;margin:0 0 18px}.kh-museum-nav-inline{display:grid;gap:12px;margin:10px 0 24px}.kh-museum-nav-pill{display:flex;gap:14px;align-items:center;border:1px solid var(--line);padding:14px;background:#f8f3ea}.kh-museum-nav-pill-num{color:var(--gold-dark);font-weight:900}.kh-museum-nav-pill-text strong{display:block}.kh-exhibit-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:28px}.kh-exhibit-card{background:#fff;border:1px solid var(--line);display:grid;grid-template-rows:auto 1fr}.kh-exhibit-media{aspect-ratio:16/10;background:#eee;overflow:hidden}.kh-exhibit-media img{width:100%;height:100%;object-fit:cover}.kh-exhibit-body{padding:32px}.kh-exhibit-title{font-size:26px;line-height:1.08;margin:0 0 16px;letter-spacing:-.035em}.kh-slider-track{display:grid}.kh-slide{grid-area:1/1;margin:0;opacity:0;transition:.3s}.kh-slide.is-active{opacity:1}.kh-slider-dots{display:none}
@media(max-width:980px){.district-detail-hero-grid,.district-article-grid,.kh-split-section{grid-template-columns:1fr}.district-side-nav{position:static}.district-page-card,.district-page-card:nth-child(even){grid-template-columns:1fr}.district-page-card:nth-child(even) img{order:0}.kh-parts-grid,.kh-exhibit-grid{grid-template-columns:1fr 1fr}.district-article{padding:34px}.district-detail-shell{margin-top:100px}}
@media(max-width:760px){.district-strip{padding:0 20px}.district-card{min-width:82vw;max-width:82vw;height:500px}.district-section{padding:64px 0}.district-detail-hero{padding:48px 0}.district-detail-copy h1{font-size:40px}.district-article{padding:26px}.district-article .lead{font-size:18px}.district-article p{font-size:16px}.kh-parts-grid,.kh-exhibit-grid{grid-template-columns:1fr}.kh-text-card,.kh-continuation-card,.kh-exhibit-body{padding:28px}.kh-media-card{min-height:260px}.about-complex-page{padding:56px 0 80px}}


/* ============================================================
   Refinement Pass v5 - UI/UX, sliders, language, search, RTL
   ============================================================ */
:root{--header-h:112px}
body{font-family:Inter,Arial,Helvetica,sans-serif;}
/* Keep serif only for hero year-like memorial display, if needed */
.hero-year{font-family:'Playfair Display',Georgia,serif!important}
/* Smaller, cleaner section headings */
.home-news .section-title,
.district-section .section-title,
.district-intro h2{font-size:clamp(36px,4vw,56px)!important;line-height:1.04!important;letter-spacing:-.055em!important;}
.news-airbnb-head{align-items:flex-end;}
.district-section .section-head{align-items:flex-end;}
.district-section .section-intro{max-width:760px!important;}
/* Header arrow and search */
.chev{display:inline-flex;align-items:center;justify-content:center;font-size:16px!important;line-height:1;width:16px;height:16px;margin-left:2px;transform:translateY(-1px);opacity:.82;}
.nav-link{gap:7px;}
.site-search-toggle{width:42px;height:42px;border:1px solid rgba(212,175,55,.32);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;background:transparent;flex:0 0 auto;transition:.22s ease;}
.site-search-toggle:hover{background:rgba(212,175,55,.12);color:var(--gold);border-color:rgba(212,175,55,.6)}
.search-overlay{position:fixed;inset:0;z-index:120;background:rgba(5,5,4,.78);backdrop-filter:blur(14px);opacity:0;visibility:hidden;transition:.26s ease;display:flex;align-items:flex-start;justify-content:center;padding:140px 28px 28px;}
.search-overlay.is-open{opacity:1;visibility:visible;}
.search-panel{width:min(780px,100%);background:#fff;border:1px solid rgba(140,115,38,.25);box-shadow:0 28px 80px rgba(0,0,0,.32);padding:28px;}
.search-panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.search-panel-head h3{margin:0;font-size:22px;letter-spacing:-.03em}.search-close{width:38px;height:38px;border:1px solid var(--line);border-radius:50%;display:flex;align-items:center;justify-content:center;background:#fff}.search-close:hover{background:#111;color:#fff}
.search-input{width:100%;height:56px;border:1px solid var(--line);padding:0 18px;font-size:17px;outline:none}.search-input:focus{border-color:var(--gold-dark);box-shadow:0 0 0 3px rgba(140,115,38,.12)}
.search-results{display:grid;gap:10px;margin-top:18px;max-height:46vh;overflow:auto}.search-result{display:block;padding:16px;border:1px solid var(--line);background:#faf8f1}.search-result:hover{border-color:var(--gold-dark);background:#fff}.search-result b{display:block;color:#151515;margin-bottom:5px}.search-result span{color:#686256;font-size:13px}.search-empty{color:#686256;padding:18px;border:1px dashed var(--line);}
/* Exhibitions: exactly 3 items per row and less bulky */
.kh-exhibit-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:22px!important;}
.kh-exhibit-media{aspect-ratio:16/9!important;}
.kh-exhibit-body{padding:24px!important;}
.kh-exhibit-title{font-size:22px!important;line-height:1.15!important;}
.kh-exhibit-text{font-size:14px!important;line-height:1.72!important;}
.kh-section-title{font-size:clamp(34px,3.4vw,50px)!important;}
/* Uniform Roman numeral rings */
.kh-part-num{width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;border-radius:50%!important;aspect-ratio:1/1!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:0!important;line-height:1!important;}
/* District cards alignment / size */
.district-section{padding:78px 0 88px!important;}
.district-section .section-head{margin-bottom:34px!important;}
.district-strip{width:min(100% - 64px,var(--container))!important;max-width:var(--container)!important;margin:0 auto!important;padding:0 0 18px!important;gap:22px!important;}
.district-card{min-width:330px!important;max-width:330px!important;height:420px!important;aspect-ratio:auto!important;}
.district-card .area-info{padding:24px!important;}
.district-card .area-info h3{font-size:24px!important;line-height:1.12!important;}
.district-card .area-info p:not(.area-kicker){font-size:13px!important;line-height:1.55!important;}
.area-kicker{font-size:10px!important;letter-spacing:.18em!important;}
.district-page-card{min-height:260px!important;}
.district-page-card img{min-height:260px!important;}
.district-page-card .areas-page-info{padding:30px!important;}
.district-page-card .areas-page-info h3{font-size:28px!important;}
.district-detail-hero{padding:56px 0!important;}
.district-detail-media{aspect-ratio:16/9!important;}
.district-detail-copy h1{font-size:clamp(38px,4vw,62px)!important;}
/* Generic image slider inside news/district cards */
.card-slider{position:relative;width:100%;height:100%;overflow:hidden;background:#171717;}
.card-slider-track{height:100%;display:flex;transition:transform .42s cubic-bezier(.22,.61,.36,1);}
.card-slide{min-width:100%;height:100%;margin:0;}
.card-slide img{width:100%;height:100%;object-fit:cover;display:block;}
.card-slider-controls{position:absolute;left:12px;right:12px;top:50%;transform:translateY(-50%);display:flex;justify-content:space-between;z-index:3;pointer-events:none;}
.card-slider-btn{width:32px;height:32px;border-radius:50%;border:1px solid rgba(255,255,255,.65);background:rgba(10,10,10,.38);color:#fff;display:flex;align-items:center;justify-content:center;pointer-events:auto;opacity:0;transition:.2s;}
.card-slider:hover .card-slider-btn,.card-slider:focus-within .card-slider-btn{opacity:1;}
.card-slider-dots{position:absolute;left:0;right:0;bottom:10px;display:flex;justify-content:center;gap:6px;z-index:4;}
.card-slider-dot{width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,.55);border:0;padding:0;}
.card-slider-dot.is-active{background:var(--gold);}
.news-chip{z-index:5;}
.news-airbnb-media,.news-card .media{position:relative;}
.news-airbnb-card h3,.news-card h3{font-size:clamp(20px,1.55vw,25px)!important;line-height:1.15!important;}
.news-airbnb-body{padding:24px!important;}
.news-airbnb-card{min-height:520px!important;}
/* Finer page hero typography */
.page-hero h1{font-size:clamp(42px,4.2vw,64px)!important;}
/* RTL */
html[dir="rtl"] body{text-align:right;}
html[dir="rtl"] .topbar-inner,html[dir="rtl"] .nav-inner,html[dir="rtl"] .section-head,html[dir="rtl"] .news-airbnb-actions,html[dir="rtl"] .district-detail-hero-grid{direction:rtl;}
html[dir="rtl"] .desktop-nav{direction:rtl;}
html[dir="rtl"] .dropdown{left:auto;right:0;text-align:right;}
html[dir="rtl"] .hero-main,html[dir="rtl"] .hero-center{text-align:center;}
html[dir="rtl"] .text-link svg,html[dir="rtl"] .hero-cta svg{transform:scaleX(-1);}
html[dir="rtl"] .area-strip,html[dir="rtl"] .news-airbnb-track{direction:rtl;}
html[dir="rtl"] .district-page-card:nth-child(even) img{order:0;}
@media(max-width:1180px){.kh-exhibit-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.district-card{min-width:310px!important;max-width:310px!important;height:400px!important}.site-search-toggle{margin-left:auto}}
@media(max-width:760px){.kh-exhibit-grid{grid-template-columns:1fr!important}.district-strip{width:calc(100% - 40px)!important}.district-card{min-width:82vw!important;max-width:82vw!important;height:390px!important}.home-news .section-title,.district-section .section-title,.district-intro h2{font-size:34px!important}.search-overlay{padding-top:110px}.search-panel{padding:20px}.site-search-toggle{width:40px;height:40px}}
.district-page-card .areas-page-slider{min-height:260px;height:100%;overflow:hidden;background:#111;}
.district-page-card .areas-page-slider .card-slider{height:100%;}
.district-page-card .areas-page-slider .card-slider-controls{left:14px;right:14px;}
.district-detail-media .detail-media-slider,.district-detail-media .card-slider{height:100%;}
.district-card > .card-slider{height:100%;}
.district-card > .area-info{z-index:4;}
.district-card .card-slider-dots{bottom:14px;}

/* ============================================================
   v6 correction: sliders only on detail pages
   - Homepage/listing news and districts use a single image again.
   - District homepage cards keep the previous hover/read-more behavior.
   - News and district detail pages support image galleries.
   ============================================================ */
.news-airbnb-media,
.news-card .media,
.district-card,
.district-page-card > img,
.areas-page-card > img{
  position: relative;
}
.news-airbnb-media > img,
.news-card .media > img,
.district-card > img,
.district-page-card > img,
.areas-page-card > img{
  display: block;
}
.district-card{
  min-width: 330px !important;
  max-width: 330px !important;
  height: 405px !important;
  overflow: hidden !important;
}
.district-card .area-info{
  pointer-events: none;
}
.district-card .area-info .text-link{
  pointer-events: auto;
}
.district-card:hover .area-info .text-link{
  opacity: 1 !important;
  transform: translateY(0) !important;
}
.district-card:hover .area-info p:not(.area-kicker){
  max-height: 92px !important;
  opacity: 1 !important;
  margin-bottom: 16px !important;
}
.news-detail-slider .card-slider,
.figma-article-image .card-slider,
.district-detail-media .card-slider{
  height: 100% !important;
}
.news-detail-slider .card-slider-btn,
.figma-article-image .card-slider-btn,
.district-detail-media .card-slider-btn{
  opacity: .95;
}
.news-detail-slider .card-slider-dots,
.figma-article-image .card-slider-dots,
.district-detail-media .card-slider-dots{
  bottom: 14px;
}
@media(max-width:1180px){
  .district-card{height:390px!important;}
}
@media(max-width:760px){
  .district-card{height:370px!important;}
}


/* ============================================================
   Step 4 patch: stable language URLs, cleaner multilingual UI,
   compact homepage cards, contained district slider, better header icons.
   ============================================================ */
:root{--ui-font:'Noto Sans','Noto Sans Arabic','Segoe UI',Arial,Helvetica,sans-serif;}
.sqv2-body,
.site-header,
button,
input,
textarea,
select{font-family:var(--ui-font)!important;}
.sqv2-body .hero-year,
.sqv2-body .timeline-year,
.sqv2-body .side-year{font-family:Georgia,'Times New Roman',serif!important;}
.sqv2-body .section-title,
.sqv2-body .page-hero h1,
.sqv2-body .quote-text,
.sqv2-body .info-card h3,
.sqv2-body .area-info h3,
.sqv2-body .news-airbnb-card h3,
.sqv2-body .news-card h3{font-family:var(--ui-font)!important;letter-spacing:-.055em;}

/* Header polish */
.nav-link{gap:7px;}
.chev{display:inline-flex!important;align-items:center;justify-content:center;width:16px;height:16px;line-height:1;opacity:.72;transform:translateY(1px);}
.chev svg{display:block;width:14px;height:14px;}
.nav-link:hover .chev,.nav-link.active .chev{opacity:1;color:var(--gold);}
.sqv2-header-search{width:48px!important;height:48px!important;min-width:48px!important;flex:0 0 48px!important;aspect-ratio:1/1;border-radius:50%!important;padding:0!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;line-height:1!important;margin-left:12px!important;}
.sqv2-header-search svg{width:21px;height:21px;display:block;}
.lang-switcher a{position:relative;z-index:2;}

/* Homepage information cards are real translated text now; keep them lighter. */
.info-cards{padding:58px 0 62px!important;}
.info-card{min-height:220px!important;padding:26px!important;}
.info-card h3{font-size:20px!important;}
.info-card p{font-size:14px!important;line-height:1.62!important;}

/* Shared section head: smaller, cleaner, multilingual-safe */
.home-news,.areas-section{padding:76px 0!important;}
.section-head{align-items:flex-end!important;gap:24px!important;margin-bottom:34px!important;}
.section-title{font-size:clamp(32px,3.2vw,48px)!important;line-height:1.05!important;}
.section-intro{font-size:15px!important;line-height:1.68!important;max-width:680px;color:#5f6870;}
.eyebrow{font-size:11px!important;letter-spacing:.24em!important;margin-bottom:12px!important;}
.news-airbnb-actions,.area-controls{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:12px!important;flex-wrap:nowrap!important;}
.news-fraction{display:none!important;}
.round-btn{width:44px!important;height:44px!important;min-width:44px!important;border-radius:50%;background:#fff;border:1px solid var(--line);color:#1b1b1b;}
.round-btn svg{width:18px;height:18px;}
.section-action{white-space:nowrap;font-size:12px!important;letter-spacing:.14em!important;}

/* Homepage news: 4 compact cards, no giant whitespace, title max 3 lines. */
.news-airbnb-track{gap:22px!important;align-items:stretch;scroll-snap-type:x mandatory;}
.news-airbnb-card{flex:0 0 calc((100% - 66px)/4)!important;min-width:0!important;min-height:405px!important;border-radius:22px!important;overflow:hidden;scroll-snap-align:start;}
.news-airbnb-media{height:184px!important;border-radius:22px 22px 0 0!important;overflow:hidden;background:#e8e2d8;}
.news-airbnb-media img{width:100%;height:100%;object-fit:cover;}
.news-airbnb-body{padding:18px 18px 20px!important;min-height:205px!important;display:flex;flex-direction:column;}
.news-airbnb-body .news-date{font-size:10.5px!important;letter-spacing:.14em!important;margin-bottom:10px!important;}
.news-airbnb-card h3{font-size:18px!important;line-height:1.18!important;margin:0 0 10px!important;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;min-height:64px;}
.news-airbnb-card p{font-size:13px!important;line-height:1.55!important;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin:0!important;}
.news-chip{font-size:10px!important;padding:7px 12px!important;}

/* Districts homepage: contained, same control style as news, 4 smaller cards visible. */
.district-section{overflow:hidden!important;}
.district-section .container > .district-strip{padding-left:0!important;padding-right:0!important;}
.district-strip{width:100%!important;display:flex!important;gap:22px!important;overflow-x:auto!important;scroll-snap-type:x mandatory!important;scrollbar-width:none;}
.district-strip::-webkit-scrollbar{display:none;}
.district-card{flex:0 0 calc((100% - 66px)/4)!important;min-width:0!important;max-width:none!important;width:auto!important;height:360px!important;border-radius:0!important;scroll-snap-align:start;}
.district-card .area-info{padding:22px!important;}
.district-card .area-info h3{font-size:22px!important;line-height:1.1!important;}
.district-card .area-info p:not(.area-kicker){font-size:13px!important;line-height:1.5!important;}
.district-card .area-info .text-link{font-size:11px!important;}

/* Listing news cards: a little smaller and stable. */
.page-hero.sqv2-news-hero h1{font-size:clamp(34px,3.6vw,50px)!important;}
.sqv2-news-card-compact .news-card-media{height:190px!important;}
.sqv2-news-card-compact .news-card-body{padding:18px!important;min-height:230px!important;}
.sqv2-news-card-compact h3{font-size:18px!important;line-height:1.18!important;min-height:64px!important;}
.sqv2-news-card-compact p{-webkit-line-clamp:3!important;font-size:13.5px!important;}

/* RTL: keep controls readable and avoid broken text alignment. */
html[dir="rtl"] .news-airbnb-actions,html[dir="rtl"] .area-controls{direction:rtl;}
html[dir="rtl"] .news-airbnb-track,html[dir="rtl"] .district-strip{direction:rtl;}
html[dir="rtl"] .section-head{text-align:right;}
html[dir="rtl"] .text-link svg,html[dir="rtl"] .section-action svg,html[dir="rtl"] .sqv2-more-link svg{transform:scaleX(-1);}

@media(max-width:1280px){
  .news-airbnb-card,.district-card{flex-basis:calc((100% - 44px)/3)!important;}
}
@media(max-width:980px){
  .section-head{align-items:flex-start!important;flex-direction:column;}
  .news-airbnb-actions,.area-controls{justify-content:flex-start!important;}
  .news-airbnb-card,.district-card{flex-basis:calc((100% - 22px)/2)!important;}
}
@media(max-width:640px){
  .container{padding-left:20px!important;padding-right:20px!important;}
  .home-news,.areas-section{padding:58px 0!important;}
  .news-airbnb-card,.district-card{flex-basis:86vw!important;}
  .news-airbnb-media{height:180px!important;}
  .district-card{height:350px!important;}
  .section-title{font-size:32px!important;}
}

/* ============================================================
   Step 5 patch: Figma-style article detail, localized hero data,
   gallery slider on detail pages, Azerbaijani-safe typography.
   ============================================================ */
:root{
  --ui-font:"Segoe UI", Arial, "Helvetica Neue", Helvetica, sans-serif;
  --az-font:"Segoe UI", Arial, "Helvetica Neue", Helvetica, sans-serif;
}
html.sqv2-html,
.sqv2-body,
.sqv2-body *:not(.hero-year):not(.timeline-year):not(.side-year){
  font-family:var(--ui-font)!important;
}
html[lang="az"] .sqv2-body,
html[lang="az"] .sqv2-body *:not(.hero-year):not(.timeline-year):not(.side-year){
  font-family:var(--az-font)!important;
}
html[lang="ar"] .sqv2-body,
html[lang="ar"] .sqv2-body *:not(.hero-year):not(.timeline-year):not(.side-year){
  font-family:Tahoma, Arial, sans-serif!important;
}
.sqv2-body .hero-year,
.sqv2-body .timeline-year,
.sqv2-body .side-year{font-family:Georgia,"Times New Roman",serif!important;}

/* Header/search/menu arrows */
.sqv2-header-search{width:52px!important;height:52px!important;min-width:52px!important;border-radius:999px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:0!important;line-height:1!important;}
.sqv2-header-search svg{display:block;width:22px!important;height:22px!important;}
.nav-link{display:inline-flex!important;align-items:center!important;gap:8px!important;}
.chev{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:18px!important;height:18px!important;transform:none!important;}
.chev svg{width:15px!important;height:15px!important;}

/* Hero sequence data now comes from PHP, keep visual stable. */
.hero-counter b{font-weight:700;color:rgba(255,255,255,.7)}
.hero-label{max-width:min(90vw,760px);margin-inline:auto;}
.hero-desc{max-width:760px;}
.timeline-node{cursor:pointer;}
.timeline-node .timeline-thumb img{object-fit:cover;}

/* Homepage compact news/district controls and cards. */
.news-airbnb-actions,.area-controls{display:flex!important;align-items:center!important;gap:12px!important;}
.news-prev svg,.area-prev svg{transform:rotate(180deg);}
html[dir="rtl"] .news-prev svg,html[dir="rtl"] .area-prev svg{transform:none;}
html[dir="rtl"] .news-next svg,html[dir="rtl"] .area-next svg{transform:rotate(180deg);}
.news-airbnb-card{min-height:390px!important;}
.news-airbnb-media{height:176px!important;}
.news-airbnb-body{padding:17px 18px 19px!important;}
.news-airbnb-card h3{font-size:17px!important;line-height:1.2!important;letter-spacing:-.035em!important;min-height:61px!important;}
.news-airbnb-card p{font-size:13px!important;line-height:1.55!important;}
.district-card{height:340px!important;}
.district-card .area-info h3{font-size:20px!important;}

/* Article detail: light Figma-inspired layout without the static quote block. */
.sqv2-single-news{background:#fff;}
.sqv2-article-head-light{
  margin-top:var(--header-h)!important;
  background:#fcfbf9!important;
  color:#1a1a1a!important;
  border-bottom:1px solid var(--line)!important;
  padding:54px 0 62px!important;
  text-align:center!important;
}
.sqv2-article-head-light .breadcrumbs,
.sqv2-article-head-light .breadcrumbs.light{color:var(--gold-dark)!important;}
.sqv2-article-head-light .breadcrumbs a{color:var(--gold-dark)!important;}
.sqv2-article-head-light .breadcrumbs span:last-child{color:#777!important;}
.sqv2-article-head-light .article-meta-line{color:#6d665d!important;margin-bottom:22px!important;}
.sqv2-article-head-light .article-meta-line span:last-child{color:var(--gold-dark)!important;}
.sqv2-article-head-light h1{
  color:#1a1a1a!important;
  font-family:var(--ui-font)!important;
  font-weight:750!important;
  letter-spacing:-.055em!important;
  font-size:clamp(32px,4vw,54px)!important;
  line-height:1.08!important;
  max-width:960px!important;
  margin:0 auto!important;
}
.figma-article-body{background:#fff!important;padding:46px 0 94px!important;}
.article-container{width:min(100% - 56px, 980px)!important;margin-inline:auto!important;}
.article-image-slider{
  position:relative!important;
  aspect-ratio:16/8.2!important;
  margin:0 0 46px!important;
  border:1px solid var(--line)!important;
  overflow:hidden!important;
  background:#f1eee8!important;
}
.article-slider-track,.article-slide{position:absolute;inset:0;margin:0;}
.article-slide{opacity:0;visibility:hidden;transition:opacity .45s ease,visibility .45s ease;}
.article-slide.is-active{opacity:1;visibility:visible;}
.article-slide img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important;margin:0!important;border:0!important;}
.article-slider-btn{position:absolute;top:50%;transform:translateY(-50%);z-index:4;width:46px;height:46px;border-radius:50%;background:rgba(255,255,255,.92);border:1px solid rgba(0,0,0,.1);display:grid;place-items:center;font-size:30px;line-height:1;color:#1a1a1a;box-shadow:0 10px 24px rgba(0,0,0,.12);}
.article-slider-prev{left:18px;}.article-slider-next{right:18px;}
.article-slider-btn:hover{background:var(--gold);color:#1a1a1a;}
.article-slider-dots{position:absolute;left:50%;bottom:16px;transform:translateX(-50%);display:flex;gap:8px;z-index:4;}
.article-slider-dot{width:9px;height:9px;border-radius:50%;background:rgba(255,255,255,.65);border:1px solid rgba(0,0,0,.15);padding:0;}
.article-slider-dot.is-active{background:var(--gold);border-color:var(--gold);}
.figma-article-layout{display:grid!important;grid-template-columns:64px minmax(0,1fr)!important;gap:44px!important;align-items:start!important;}
.share-rail{position:sticky!important;top:calc(var(--header-h) + 28px)!important;display:flex!important;flex-direction:column!important;align-items:center!important;gap:14px!important;}
.share-rail span{writing-mode:vertical-rl!important;transform:rotate(180deg)!important;font-size:10px!important;font-weight:800!important;letter-spacing:.2em!important;color:#9a948b!important;text-transform:uppercase!important;}
.share-rail a,.share-rail button{width:42px!important;height:42px!important;border:1px solid var(--line)!important;border-radius:50%!important;background:#fff!important;color:#595650!important;display:flex!important;align-items:center!important;justify-content:center!important;font-weight:800!important;padding:0!important;}
.share-rail a:hover,.share-rail button:hover{border-color:var(--gold-dark)!important;color:var(--gold-dark)!important;}
.share-rail button.copied{background:var(--gold)!important;color:#1a1a1a!important;}
.figma-article-content{max-width:820px!important;font-size:17px!important;line-height:1.85!important;color:#3f3b35!important;}
.figma-article-content > p:first-child{font-size:19px!important;line-height:1.78!important;color:#1a1a1a!important;font-weight:500!important;}
.figma-article-content p{margin:0 0 24px!important;}
.figma-article-content h1,.figma-article-content h2,.figma-article-content h3,.figma-article-content h4{font-family:var(--ui-font)!important;letter-spacing:-.04em!important;}
.figma-article-content blockquote{font-family:var(--ui-font)!important;font-size:20px!important;}
.figma-article-content img{display:none!important;}
.original-link-wrap{margin-top:36px!important;}

@media(max-width:900px){
  .article-container{width:min(100% - 40px, 980px)!important;}
  .sqv2-article-head-light{padding:42px 0 48px!important;}
  .sqv2-article-head-light h1{font-size:clamp(28px,7vw,42px)!important;}
  .article-image-slider{aspect-ratio:4/3!important;}
  .figma-article-layout{grid-template-columns:1fr!important;gap:24px!important;}
  .share-rail{position:static!important;flex-direction:row!important;justify-content:flex-start!important;border-bottom:1px solid var(--line)!important;padding-bottom:18px!important;}
  .share-rail span{writing-mode:initial!important;transform:none!important;margin-right:8px!important;}
}
@media(max-width:640px){
  .news-airbnb-card{flex-basis:82vw!important;}
  .district-card{flex-basis:82vw!important;height:330px!important;}
  .article-slider-btn{width:40px;height:40px;font-size:25px;}
}

/* ============================================================
   Step 6 patch: article/detail polish, smaller sections/cards,
   proper V2 search overlay, history + opening ceremony pages.
   ============================================================ */
:root{
  --ui-font: Arial, "Helvetica Neue", Helvetica, "Segoe UI", sans-serif;
  --az-font: Arial, "Helvetica Neue", Helvetica, "Segoe UI", sans-serif;
}
html.sqv2-html,
.sqv2-body,
.sqv2-body *:not(.hero-year):not(.timeline-year):not(.side-year){
  font-family:var(--ui-font)!important;
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}
html[lang="az"] .sqv2-body,
html[lang="az"] .sqv2-body *:not(.hero-year):not(.timeline-year):not(.side-year){font-family:var(--az-font)!important;}

/* page/section headings are smaller now */
.section-title{font-size:clamp(28px,2.7vw,40px)!important;line-height:1.06!important;letter-spacing:-.045em!important;font-weight:760!important;}
.section-intro{font-size:14.5px!important;line-height:1.62!important;max-width:600px!important;}
.page-hero h1{font-size:clamp(34px,4vw,48px)!important;line-height:1.05!important;font-weight:800!important;}
.page-hero p{font-size:15px!important;max-width:680px!important;}
.page-hero{padding:54px 24px 64px!important;}
.eyebrow{font-size:10.5px!important;letter-spacing:.22em!important;}

/* homepage cards: tighter and more elegant */
.info-cards{padding:48px 0 50px!important;}
.info-card{min-height:205px!important;padding:24px 24px 22px!important;}
.info-card h3{font-size:18px!important;line-height:1.16!important;margin-bottom:10px!important;font-weight:800!important;}
.info-card p{font-size:13.5px!important;line-height:1.55!important;margin-bottom:16px!important;}
.info-icon{width:56px!important;height:56px!important;border-radius:18px!important;margin-bottom:18px!important;background:linear-gradient(145deg,#fff8dd,#d7ad2f)!important;box-shadow:0 14px 28px rgba(140,115,38,.18), inset 0 1px 0 rgba(255,255,255,.85);position:relative;overflow:hidden;}
.info-icon:before{content:"";position:absolute;inset:12px;border-radius:14px;background:rgba(255,255,255,.42);box-shadow:inset 0 -8px 16px rgba(140,115,38,.16);}
.info-icon:after{position:relative;z-index:2;font-size:22px;line-height:1;filter:drop-shadow(0 3px 5px rgba(0,0,0,.16));}
.info-icon-clock:after{content:"⏱️";}
.info-icon-calendar:after{content:"📅";}
.info-icon-ticket:after{content:"🎟️";}
.info-icon-pin:after{content:"📍";}

/* homepage news: smaller visual weight, less empty space */
.home-news,.areas-section{padding:60px 0!important;}
.section-head{margin-bottom:26px!important;}
.news-airbnb-track{gap:18px!important;padding-bottom:12px!important;}
.news-airbnb-card{flex-basis:calc((100% - 54px)/4)!important;min-height:0!important;border-radius:18px!important;box-shadow:0 10px 24px rgba(26,26,26,.055)!important;}
.news-airbnb-media{height:142px!important;border-radius:18px 18px 0 0!important;}
.news-airbnb-body{padding:14px 15px 16px!important;min-height:142px!important;}
.news-date{font-size:10px!important;margin-bottom:8px!important;}
.news-airbnb-card h3{font-size:15.5px!important;line-height:1.18!important;min-height:55px!important;margin-bottom:0!important;-webkit-line-clamp:3!important;}
.news-airbnb-card p{display:none!important;}
.news-chip{font-size:9px!important;padding:6px 10px!important;left:12px!important;top:12px!important;}
.news-airbnb-actions,.area-controls{gap:10px!important;}
.round-btn{width:40px!important;height:40px!important;min-width:40px!important;}
.round-btn svg{width:16px!important;height:16px!important;}
.section-action{font-size:11px!important;padding-bottom:7px!important;}

/* districts home cards: same compact rhythm as news */
.district-card{height:300px!important;flex-basis:calc((100% - 54px)/4)!important;}
.district-card .area-info{padding:18px!important;}
.district-card .area-info h3{font-size:18px!important;line-height:1.08!important;}
.district-card .area-info p:not(.area-kicker){font-size:12.5px!important;line-height:1.45!important;}
.area-kicker{font-size:9.5px!important;}

/* V2 article detail: closer to Figma file, but without pull quote. */
.sqv2-article-head-light{padding:40px 0 46px!important;background:#fcfbf9!important;color:#1a1a1a!important;}
.sqv2-article-head-light h1{font-size:clamp(28px,3vw,42px)!important;line-height:1.12!important;max-width:800px!important;font-weight:760!important;letter-spacing:-.055em!important;}
.sqv2-article-head-light .article-meta-line{font-size:10.5px!important;margin-bottom:16px!important;}
.sqv2-article-head-light .breadcrumbs{font-size:10.5px!important;margin-bottom:18px!important;}
.figma-article-body{padding:38px 0 84px!important;}
.article-container{width:min(100% - 56px, 930px)!important;}
.article-image-slider{aspect-ratio:16/9!important;margin-bottom:36px!important;}
.figma-article-layout{grid-template-columns:56px minmax(0,1fr)!important;gap:34px!important;}
.figma-article-content{max-width:760px!important;font-size:16px!important;line-height:1.82!important;}
.figma-article-content > p:first-child{font-size:17px!important;line-height:1.75!important;font-weight:500!important;}
.figma-article-content p{margin-bottom:20px!important;}
.figma-article-content blockquote{display:none!important;}
.share-rail a,.share-rail button{width:38px!important;height:38px!important;}
.share-rail span{font-size:9.5px!important;}
.article-slider-btn{width:42px!important;height:42px!important;font-size:26px!important;}

/* listing cards also reduced */
.news-grid{gap:22px!important;}
.news-card .media{aspect-ratio:16/9!important;}
.news-card-body{padding:18px!important;}
.news-card h3{font-size:18px!important;line-height:1.18!important;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}
.news-card p{font-size:13px!important;line-height:1.55!important;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}

/* Search should open a V2 overlay, not old theme search placement. */
.sqv2-header-search{background:#070707!important;border:1px solid rgba(212,175,55,.45)!important;color:#fff!important;box-shadow:none!important;}
.sqv2-header-search:hover{background:rgba(212,175,55,.12)!important;color:var(--gold)!important;}
.sqv2-search-overlay{position:fixed;inset:0;z-index:9999;background:rgba(0,0,0,.72);display:flex;align-items:flex-start;justify-content:center;padding:calc(var(--header-h) + 44px) 24px 24px;opacity:0;visibility:hidden;transition:.22s ease;}
.sqv2-search-overlay.is-open{opacity:1;visibility:visible;}
.sqv2-search-panel{width:min(100%,760px);background:#fff;border:1px solid rgba(140,115,38,.24);padding:34px;position:relative;box-shadow:0 28px 80px rgba(0,0,0,.25);}
.sqv2-search-panel h2{margin:0 0 22px;font-size:clamp(28px,3vw,40px);line-height:1.05;letter-spacing:-.045em;}
.sqv2-search-close{position:absolute;right:18px;top:16px;width:38px;height:38px;border-radius:50%;border:1px solid var(--line);display:grid;place-items:center;font-size:26px;line-height:1;color:#1a1a1a;}
.sqv2-search-form{display:grid;grid-template-columns:1fr auto;gap:12px;}
.sqv2-search-form input{height:54px;border:1px solid var(--line);padding:0 16px;font-size:16px;outline:none;}
.sqv2-search-form input:focus{border-color:var(--gold-dark);}
.sqv2-search-form button{height:54px;padding:0 24px;background:var(--gold);color:#171717;font-size:12px;text-transform:uppercase;letter-spacing:.13em;font-weight:850;}
body.sqv2-search-open{overflow:hidden;}

/* Opening ceremony and history pages */
.sqv2-opening-head{margin-top:var(--header-h);background:#fcfbf9;border-bottom:1px solid var(--line);text-align:center;padding:54px 0 62px;}
.sqv2-opening-head h1{font-size:clamp(32px,3.8vw,52px);line-height:1.08;letter-spacing:-.055em;margin:0 auto 18px;max-width:860px;font-weight:780;}
.sqv2-opening-head p{max-width:680px;margin:0 auto;color:var(--muted);line-height:1.65;}
.sqv2-opening-content{margin-inline:auto;}
.sqv2-history-page{background:#f7f2e8;padding:64px 0 92px;}
.sqv2-vertical-timeline{position:relative;display:grid;gap:28px;}
.sqv2-vertical-timeline:before{content:"";position:absolute;left:130px;top:0;bottom:0;width:1px;background:rgba(140,115,38,.25);}
.sqv2-vtimeline-item{display:grid;grid-template-columns:130px minmax(0,1fr);gap:34px;align-items:stretch;position:relative;}
.sqv2-vtimeline-year{display:flex;align-items:flex-start;justify-content:flex-end;padding-top:30px;}
.sqv2-vtimeline-year span{display:inline-flex;min-width:74px;height:42px;align-items:center;justify-content:center;background:#1a1a1a;color:var(--gold);font-weight:850;letter-spacing:.08em;}
.sqv2-vtimeline-card{background:#fff;border:1px solid var(--line);display:grid;grid-template-columns:38% minmax(0,1fr);min-height:250px;box-shadow:0 12px 34px rgba(26,26,26,.045);}
.sqv2-vtimeline-media{overflow:hidden;background:#eee;}
.sqv2-vtimeline-media img{width:100%;height:100%;object-fit:cover;}
.sqv2-vtimeline-copy{padding:30px;display:flex;flex-direction:column;justify-content:center;}
.sqv2-vtimeline-copy h2{font-size:clamp(24px,2.3vw,34px);line-height:1.06;letter-spacing:-.045em;margin:0 0 14px;font-weight:780;}
.sqv2-vtimeline-copy p:not(.eyebrow){font-size:15px;line-height:1.7;color:var(--muted);margin:0 0 18px;}

@media(max-width:1280px){.news-airbnb-card,.district-card{flex-basis:calc((100% - 36px)/3)!important;}}
@media(max-width:980px){.news-airbnb-card,.district-card{flex-basis:calc((100% - 18px)/2)!important;}.sqv2-vtimeline-card{grid-template-columns:1fr}.sqv2-vtimeline-media{height:230px}.sqv2-vertical-timeline:before{left:0}.sqv2-vtimeline-item{grid-template-columns:1fr;gap:12px}.sqv2-vtimeline-year{justify-content:flex-start;padding-top:0}}
@media(max-width:760px){.section-title{font-size:28px!important}.news-airbnb-card,.district-card{flex-basis:82vw!important}.news-airbnb-media{height:150px!important}.district-card{height:300px!important}.article-container{width:min(100% - 40px,930px)!important}.sqv2-search-form{grid-template-columns:1fr}.sqv2-search-form button{width:100%}.sqv2-opening-head{padding:42px 0 48px}.sqv2-vtimeline-copy{padding:24px}.figma-article-layout{grid-template-columns:1fr!important}}

/* ============================================================
   Step 7 patch: title rhythm, better home cards, search results,
   centered history timeline, history submenu pages.
   ============================================================ */
:root{--ui-font:Arial,"Helvetica Neue",Helvetica,sans-serif;--az-font:Arial,"Helvetica Neue",Helvetica,sans-serif;}
.sqv2-body .section-title-gold{color:var(--gold-dark)!important;font-size:clamp(30px,3vw,44px)!important;font-weight:850!important;letter-spacing:-.055em!important;}
.home-news .eyebrow,.district-section .eyebrow{display:none!important;}
.home-news .section-head,.district-section .section-head{margin-bottom:26px!important;}
.home-news .section-intro,.district-section .section-intro{font-size:15px!important;color:#5f6870!important;}
.news-airbnb-card{min-height:0!important;height:auto!important;border-radius:18px!important;}
.news-airbnb-media{height:238px!important;border-radius:18px 18px 0 0!important;}
.news-airbnb-body{min-height:136px!important;padding:16px 18px 18px!important;}
.news-airbnb-card h3{font-size:16.5px!important;line-height:1.18!important;min-height:58px!important;margin:0!important;}
.news-airbnb-card p{display:none!important;}
@media(max-width:1280px){.news-airbnb-media{height:220px!important;}}
@media(max-width:760px){.news-airbnb-media{height:210px!important;}}
.info-icon{background:linear-gradient(145deg,#fdf8ef,#eee2cb)!important;border:1px solid rgba(140,115,38,.25)!important;box-shadow:0 16px 34px rgba(30,24,12,.08), inset 0 1px 0 rgba(255,255,255,.9)!important;color:var(--gold-dark)!important;}
.info-icon:before,.info-icon:after{content:none!important;display:none!important;}
.info-icon svg{width:29px;height:29px;display:block;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 6px 8px rgba(140,115,38,.18));}
.sqv2-opening-head h1,.sqv2-article-head-light h1{font-size:clamp(26px,2.75vw,38px)!important;line-height:1.13!important;max-width:860px!important;}
.sqv2-article-head-light{padding:36px 0 42px!important;}
.article-container{width:min(100% - 56px,1000px)!important;}
.figma-article-content{max-width:780px!important;}
/* Modern centered timeline */
.sqv2-history-alternating{background:#f7f2e8!important;padding:72px 0 100px!important;}
.sqv2-timeline-modern{position:relative;display:grid;gap:48px;}
.sqv2-timeline-modern:before{content:"";position:absolute;left:50%;top:0;bottom:0;width:1px;background:rgba(140,115,38,.32);transform:translateX(-50%);}
.sqv2-timeline-modern-item{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;}
.sqv2-timeline-modern-marker{position:absolute;left:50%;top:50%;z-index:3;transform:translate(-50%,-50%);}
.sqv2-timeline-modern-marker span{display:grid;place-items:center;width:78px;height:46px;background:#151515;color:var(--gold);font-weight:900;letter-spacing:.1em;border:1px solid rgba(212,175,55,.45);}
.sqv2-timeline-modern-card{background:#fff;border:1px solid var(--line);box-shadow:0 18px 44px rgba(30,24,12,.06);display:grid;grid-template-columns:42% minmax(0,1fr);min-height:260px;}
.sqv2-timeline-modern-item.is-left .sqv2-timeline-modern-card{grid-column:1;}
.sqv2-timeline-modern-item.is-right .sqv2-timeline-modern-card{grid-column:2;}
.sqv2-timeline-modern-media{min-height:260px;overflow:hidden;background:#eee;}
.sqv2-timeline-modern-media img{width:100%;height:100%;object-fit:cover;}
.sqv2-timeline-modern-copy{padding:28px;display:flex;flex-direction:column;justify-content:center;}
.sqv2-timeline-modern-copy h2{font-size:clamp(24px,2.2vw,34px);line-height:1.08;letter-spacing:-.045em;margin:0 0 12px;color:#1a1a1a;font-weight:850;}
.sqv2-timeline-modern-copy p:not(.eyebrow){font-size:15px;line-height:1.68;color:var(--muted);margin:0;}
/* Topic/category pages */
.sqv2-topic-page{padding-top:64px!important;}
.sqv2-topic-card-grid{grid-template-columns:repeat(3,1fr)!important;gap:24px!important;}
.sqv2-topic-card-media{aspect-ratio:5/4!important;height:auto!important;overflow:hidden;background:#eee;}
.sqv2-topic-card .news-card-body{min-height:126px!important;}
.sqv2-topic-card h3{font-size:18px!important;line-height:1.18!important;-webkit-line-clamp:3!important;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;}
.sqv2-topic-article{max-width:980px;margin-inline:auto;}
/* Search overlay suggestions + V2 result page */
.sqv2-search-panel{border-radius:0!important;}
.sqv2-search-suggestions{margin-top:16px;display:grid;gap:8px;}
.sqv2-search-suggestion{display:flex;justify-content:space-between;gap:18px;align-items:center;border:1px solid var(--line);padding:12px 14px;background:#fcfbf9;color:#1a1a1a;}
.sqv2-search-suggestion:hover{border-color:rgba(140,115,38,.5);background:#fff8e8;}
.sqv2-search-suggestion strong{font-size:14px;line-height:1.35;}
.sqv2-search-suggestion span{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:var(--gold-dark);white-space:nowrap;}
.sqv2-search-page-form{display:grid;grid-template-columns:1fr auto;gap:12px;background:#fff;border:1px solid var(--line);padding:18px;margin:-34px 0 42px;position:relative;z-index:2;}
.sqv2-search-page-form input{height:52px;border:1px solid var(--line);padding:0 16px;font-size:16px;}
.sqv2-search-page-form button{height:52px;padding:0 24px;background:var(--gold);font-weight:850;text-transform:uppercase;letter-spacing:.12em;font-size:12px;}
.sqv2-search-results-grid{margin-top:22px;}
@media(max-width:980px){.sqv2-timeline-modern:before{left:22px}.sqv2-timeline-modern-item{grid-template-columns:1fr;gap:18px;padding-left:52px}.sqv2-timeline-modern-marker{left:22px;top:22px;transform:translateX(-50%)}.sqv2-timeline-modern-item.is-left .sqv2-timeline-modern-card,.sqv2-timeline-modern-item.is-right .sqv2-timeline-modern-card{grid-column:1}.sqv2-timeline-modern-card{grid-template-columns:1fr}.sqv2-timeline-modern-media{height:220px;min-height:0}.sqv2-topic-card-grid{grid-template-columns:repeat(2,1fr)!important}}
@media(max-width:640px){.sqv2-topic-card-grid{grid-template-columns:1fr!important}.sqv2-search-page-form{grid-template-columns:1fr}.news-airbnb-media{height:190px!important}}

/* ============================================================
   Step 8 patch: fully dynamic preview, Nunito typography,
   compact cards, safer language/search behavior.
   ============================================================ */
:root{
  --ui-font:"Nunito", Arial, Helvetica, sans-serif !important;
  --az-font:"Nunito", Arial, Helvetica, sans-serif !important;
}
.sqv2-html,
.sqv2-body,
.sqv2-body *:not(svg):not(path){
  font-family:"Nunito", Arial, Helvetica, sans-serif !important;
}
.sqv2-body{font-variant-ligatures:none;text-rendering:optimizeLegibility;}
.sqv2-body h1,
.sqv2-body h2,
.sqv2-body h3,
.sqv2-body h4,
.sqv2-body .article-title,
.sqv2-body .quote-text,
.sqv2-body .areas-page-info h3,
.sqv2-body .news-card h3,
.sqv2-body .detail-main h1{
  font-family:"Nunito", Arial, Helvetica, sans-serif !important;
}

/* Section rhythm */
.home-news{padding:72px 0 76px !important;}
.home-news .section-title,
.home-news .section-title-gold,
.district-section .section-title,
.district-section .section-title-gold{
  color:var(--gold-dark) !important;
  font-size:clamp(30px,3.1vw,46px) !important;
  line-height:1.04 !important;
  letter-spacing:-.04em !important;
  margin:0 !important;
}
.home-news .section-intro,
.district-section .section-intro{
  max-width:600px !important;
  font-size:16px !important;
  line-height:1.62 !important;
  margin-top:12px !important;
}
.home-news .eyebrow,
.home-news .section-eyebrow,
.district-section .eyebrow,
.district-section .section-eyebrow{display:none !important;}
.news-airbnb-actions,.area-controls{gap:10px !important;align-items:center !important;}
.news-airbnb-actions .section-action,.area-controls .section-action{margin-left:10px !important;}
.round-btn{width:48px !important;height:48px !important;border-radius:50% !important;background:#fff !important;}
.round-btn svg{width:17px !important;height:17px !important;}

/* Homepage news cards: larger image, compact text, no empty lower block */
.news-airbnb-track{gap:22px !important;align-items:stretch !important;}
.news-airbnb-card{
  flex:0 0 calc((100% - 44px) / 3) !important;
  display:flex !important;
  flex-direction:column !important;
  min-height:0 !important;
  height:auto !important;
  border-radius:18px !important;
  overflow:hidden !important;
}
.news-airbnb-media{
  height:276px !important;
  min-height:276px !important;
  border-radius:18px 18px 0 0 !important;
}
.news-airbnb-media img{width:100% !important;height:100% !important;object-fit:cover !important;}
.news-airbnb-body{
  padding:16px 18px 18px !important;
  min-height:118px !important;
  flex:0 0 auto !important;
}
.news-airbnb-card h3{
  font-size:18px !important;
  line-height:1.16 !important;
  min-height:0 !important;
  margin:0 !important;
  display:-webkit-box !important;
  -webkit-box-orient:vertical !important;
  -webkit-line-clamp:3 !important;
  overflow:hidden !important;
}
.news-airbnb-card p{display:none !important;}
.news-date{font-size:11px !important;letter-spacing:.16em !important;color:var(--gold-dark) !important;font-weight:900 !important;}

/* Listing cards, search cards, and history cards */
.news-grid{gap:24px !important;}
.sqv2-news-card-compact,
.sqv2-topic-card{
  border-radius:16px !important;
  overflow:hidden !important;
}
.sqv2-news-card-compact .news-card-media{aspect-ratio:4/3 !important;height:auto !important;}
.sqv2-news-card-compact .news-card-body{padding:18px !important;min-height:148px !important;}
.sqv2-news-card-compact h3,
.sqv2-topic-card h3{
  font-size:18px !important;
  line-height:1.18 !important;
  display:-webkit-box !important;
  -webkit-box-orient:vertical !important;
  -webkit-line-clamp:3 !important;
  overflow:hidden !important;
  margin:0 0 10px !important;
}
.sqv2-news-card-compact p,
.sqv2-topic-card p{font-size:14px !important;line-height:1.55 !important;margin:0 0 12px !important;}
.sqv2-topic-card-media{aspect-ratio:5/4 !important;}
.sqv2-topic-card-grid{grid-template-columns:repeat(3,minmax(0,1fr)) !important;}

/* Info card icons: cleaner museum-style line symbols */
.info-icon{
  width:62px !important;height:62px !important;border-radius:18px !important;
  background:linear-gradient(145deg,#fffdf6,#eadfbf) !important;
  box-shadow:0 18px 40px rgba(140,115,38,.13), inset 0 1px 0 rgba(255,255,255,.94) !important;
  border:1px solid rgba(140,115,38,.32) !important;color:#8c7326 !important;
}
.info-icon svg{width:32px !important;height:32px !important;stroke-width:2.15 !important;}
.info-card h3{font-size:22px !important;line-height:1.18 !important;}
.info-card p{font-size:15px !important;line-height:1.6 !important;}

/* Article pages: Figma-like but smaller and readable */
.sqv2-article-head-light{padding:42px 0 50px !important;background:#fff !important;border-bottom:1px solid var(--line) !important;}
.sqv2-article-head-light h1,
.figma-article-head h1{
  font-size:clamp(30px,3.8vw,54px) !important;
  max-width:960px !important;
  line-height:1.08 !important;
  letter-spacing:-.045em !important;
  font-weight:900 !important;
  color:#1b1b1b !important;
}
.article-meta-line{font-size:12px !important;letter-spacing:.14em !important;}
.figma-article-body{padding-top:44px !important;}
.figma-article-image{margin:0 0 42px !important;border-radius:0 !important;}
.figma-article-content{font-size:17px !important;line-height:1.78 !important;color:#30333a !important;}
.figma-article-content p{margin-bottom:20px !important;}
.figma-article-content strong{font-weight:700 !important;}
.share-rail a,.share-rail button{font-family:"Nunito",Arial,sans-serif !important;}

/* History: centered alternating cards and no per-item read-more links */
.sqv2-history-alternating{padding:74px 0 100px !important;}
.sqv2-timeline-modern-copy .sqv2-more-link{display:none !important;}
.sqv2-timeline-modern-card{border-radius:0 !important;}
.sqv2-timeline-modern-copy h2{font-size:clamp(25px,2.2vw,36px) !important;}
.sqv2-timeline-modern-copy p:not(.eyebrow){font-size:15px !important;}

/* Header details */
.sqv2-header-search{width:58px !important;height:58px !important;border-radius:50% !important;display:grid !important;place-items:center !important;}
.chev{display:inline-flex !important;align-items:center !important;justify-content:center !important;margin-left:6px !important;vertical-align:middle !important;}
.chev svg{width:16px !important;height:16px !important;stroke-width:2.6 !important;}

@media(max-width:1280px){
  .news-airbnb-card{flex-basis:calc((100% - 22px)/2) !important;}
  .news-airbnb-media{height:250px !important;min-height:250px !important;}
}
@media(max-width:900px){
  .sqv2-topic-card-grid,.news-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
}
@media(max-width:760px){
  .home-news .section-title,.home-news .section-title-gold,.district-section .section-title,.district-section .section-title-gold{font-size:32px !important;}
  .news-airbnb-card{flex-basis:84vw !important;}
  .news-airbnb-media{height:218px !important;min-height:218px !important;}
  .news-airbnb-body{min-height:112px !important;}
  .sqv2-topic-card-grid,.news-grid{grid-template-columns:1fr !important;}
  .sqv2-article-head-light h1,.figma-article-head h1{font-size:30px !important;}
}

/* ============================================================
   Step 9 patch: stable mobile menu/search, AZ language return,
   Noto Sans typography, compact mobile controls, Heydar listing.
   ============================================================ */
:root{
  --ui-font:"Noto Sans","Noto Sans Arabic",Arial,Helvetica,sans-serif !important;
  --az-font:"Noto Sans",Arial,Helvetica,sans-serif !important;
}
.sqv2-html,
.sqv2-body,
.sqv2-body *:not(svg):not(path):not(.hero-year):not(.timeline-year):not(.side-year){
  font-family:var(--ui-font) !important;
}
.sqv2-body{font-weight:400!important;}
.sqv2-body h1,
.sqv2-body h2,
.sqv2-body h3,
.sqv2-body h4,
.sqv2-body .nav-link,
.sqv2-body .section-action,
.sqv2-body .text-link,
.sqv2-body .sqv2-more-link,
.sqv2-body .news-date,
.sqv2-body .eyebrow{
  font-weight:700!important;
}
.sqv2-body strong,
.sqv2-body b{font-weight:700!important;}
.sqv2-body .hero-year,
.sqv2-body .timeline-year,
.sqv2-body .side-year{font-family:Georgia,"Times New Roman",serif!important;}

/* Header and mobile navigation reliability */
.menu-toggle.is-open span{background:transparent!important;}
.menu-toggle.is-open span:before{top:0!important;transform:rotate(45deg)!important;}
.menu-toggle.is-open span:after{top:0!important;transform:rotate(-45deg)!important;}
body.menu-open .mobile-menu,
.mobile-menu.is-open{transform:translateX(0)!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important;}
body.menu-open{overflow:hidden;}
.mobile-menu{pointer-events:none;}
.mobile-menu-inner{display:flex;flex-direction:column;gap:0;}
.mobile-search-open{width:100%;display:flex!important;align-items:center;justify-content:space-between;gap:14px;padding:16px 0 18px!important;border-bottom:1px solid rgba(255,255,255,.1)!important;color:var(--gold)!important;text-transform:uppercase;letter-spacing:.12em;font-size:13px;font-weight:700!important;}
.mobile-search-open svg{width:22px;height:22px;}
.chev{line-height:1!important;}
.chev svg{width:18px!important;height:18px!important;display:block!important;}

/* Search button and overlay */
.sqv2-header-search{width:46px!important;height:46px!important;min-width:46px!important;flex:0 0 46px!important;border-radius:999px!important;display:inline-grid!important;place-items:center!important;padding:0!important;margin-left:8px!important;background:#090909!important;border:1px solid rgba(212,175,55,.5)!important;color:#fff!important;}
.sqv2-header-search svg{width:20px!important;height:20px!important;}
.sqv2-search-overlay{z-index:99999!important;}
.sqv2-search-overlay.is-open{opacity:1!important;visibility:visible!important;pointer-events:auto!important;}
.sqv2-search-panel{border-radius:18px!important;}

/* Home News + District controls: smaller and right-aligned on mobile */
.news-airbnb-actions,.area-controls{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:8px!important;}
.news-airbnb-actions .section-action,.area-controls .section-action{margin-left:8px!important;white-space:nowrap!important;}
.round-btn{width:40px!important;height:40px!important;min-width:40px!important;}
.round-btn svg{width:15px!important;height:15px!important;}
.home-news .section-title,.home-news .section-title-gold,.district-section .section-title,.district-section .section-title-gold{font-size:clamp(28px,2.8vw,42px)!important;font-weight:700!important;}
.home-news .section-intro,.district-section .section-intro{font-size:15px!important;}

/* Compact listing cards */
.news-grid{gap:20px!important;}
.sqv2-news-card-compact .news-card-media{aspect-ratio:16/10!important;height:auto!important;}
.sqv2-news-card-compact .news-card-body{padding:16px!important;min-height:132px!important;}
.sqv2-news-card-compact h3,.sqv2-topic-card h3,.news-airbnb-card h3{font-weight:700!important;-webkit-line-clamp:3!important;display:-webkit-box!important;-webkit-box-orient:vertical!important;overflow:hidden!important;}
.sqv2-news-card-compact h3{font-size:16px!important;line-height:1.2!important;}
.sqv2-news-card-compact p{font-size:13.5px!important;line-height:1.52!important;}
.sqv2-more-link{font-size:11px!important;letter-spacing:.16em!important;}

/* Heydar Aliyev year listing: article grid with 1350x1080 ratio */
.sqv2-heydar-grid .sqv2-heydar-media,
.sqv2-heydar-grid .news-card-media{aspect-ratio:5/4!important;height:auto!important;}
.sqv2-heydar-card .news-card-body{min-height:138px!important;}

@media(max-width:1180px){
  .sqv2-header-search{display:inline-grid!important;}
}
@media(max-width:760px){
  .sqv2-header-search{display:none!important;}
  .mobile-menu{top:100px!important;}
  .home-news .section-head,.district-section .section-head{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:16px!important;}
  .news-airbnb-actions,.area-controls{width:100%!important;justify-content:flex-end!important;gap:7px!important;}
  .news-airbnb-actions .section-action,.area-controls .section-action{order:-1;margin-left:0!important;margin-right:auto!important;font-size:10px!important;letter-spacing:.14em!important;padding-bottom:4px!important;}
  .round-btn{width:34px!important;height:34px!important;min-width:34px!important;}
  .round-btn svg{width:13px!important;height:13px!important;}
  .home-news .section-title,.home-news .section-title-gold,.district-section .section-title,.district-section .section-title-gold{font-size:28px!important;line-height:1.08!important;}
  .home-news .section-intro,.district-section .section-intro{font-size:14px!important;line-height:1.6!important;}
  .news-airbnb-card{flex-basis:78vw!important;}
  .news-airbnb-media{height:188px!important;min-height:188px!important;}
  .news-airbnb-body{padding:14px 15px 16px!important;}
  .news-airbnb-card h3{font-size:16px!important;line-height:1.2!important;}
  .sqv2-news-card-compact h3{font-size:16px!important;}
  .sqv2-search-overlay{padding:118px 16px 24px!important;}
  .sqv2-search-panel{padding:24px 18px!important;border-radius:14px!important;}
  .sqv2-search-panel h2{font-size:26px!important;}
  .sqv2-search-form input,.sqv2-search-form button{height:48px!important;}
}

/* ============================================================
   Step 10 final patch: language switch, mobile submenu/search,
   Heydar category ID 38, safer mobile article width, softer type.
   ============================================================ */
:root{--ui-font:"Noto Sans","Noto Sans Arabic","Segoe UI",Arial,Helvetica,sans-serif!important;--az-font:"Noto Sans","Segoe UI",Arial,Helvetica,sans-serif!important;}
.sqv2-html,.sqv2-body{width:100%!important;max-width:100vw!important;overflow-x:hidden!important;}
.sqv2-body,.sqv2-body *:not(svg):not(path):not(.hero-year):not(.timeline-year):not(.side-year){font-family:var(--ui-font)!important;}
.sqv2-body{font-weight:400!important;}
.sqv2-body h1,.sqv2-body h2,.sqv2-body h3,.sqv2-body h4,.sqv2-body .nav-link,.sqv2-body .section-action,.sqv2-body .sqv2-more-link,.sqv2-body .news-date,.sqv2-body .eyebrow,.sqv2-body strong,.sqv2-body b{font-weight:700!important;}
.sqv2-body .hero-year,.sqv2-body .timeline-year,.sqv2-body .side-year{font-family:Georgia,"Times New Roman",serif!important;}

/* Header/search/menu reliability */
.sqv2-header-search{width:46px!important;height:46px!important;min-width:46px!important;flex:0 0 46px!important;border-radius:50%!important;display:inline-grid!important;place-items:center!important;padding:0!important;margin-left:8px!important;line-height:1!important;aspect-ratio:1/1!important;background:#090909!important;border:1px solid rgba(212,175,55,.52)!important;color:#fff!important;}
.sqv2-header-search svg{width:20px!important;height:20px!important;display:block!important;}
.menu-toggle{position:relative!important;z-index:100001!important;}
.menu-toggle.is-open span{background:transparent!important;}
.menu-toggle.is-open span:before{top:0!important;transform:rotate(45deg)!important;}
.menu-toggle.is-open span:after{top:0!important;transform:rotate(-45deg)!important;}
.mobile-menu{pointer-events:none!important;z-index:99998!important;}
body.menu-open .mobile-menu,.mobile-menu.is-open{transform:translateX(0)!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important;}
body.menu-open{overflow:hidden!important;}
.mobile-menu-inner{display:flex!important;flex-direction:column!important;gap:0!important;}
.mobile-parent{width:100%!important;display:flex!important;align-items:center!important;justify-content:space-between!important;text-align:left!important;padding:17px 0!important;border-bottom:1px solid rgba(255,255,255,.07)!important;color:#fff!important;text-transform:uppercase!important;letter-spacing:.06em!important;font-weight:700!important;background:transparent!important;}
.mobile-parent:after{content:'+'!important;color:var(--gold)!important;font-size:24px!important;font-weight:400!important;line-height:1!important;}
.mobile-parent.open:after{content:'–'!important;}
.mobile-sub{display:none!important;padding:8px 0 12px 18px!important;border-bottom:1px solid rgba(255,255,255,.07)!important;background:rgba(255,255,255,.025)!important;}
.mobile-sub.is-open{display:block!important;}
.mobile-sub[hidden]{display:none!important;}
.mobile-sub.is-open[hidden]{display:block!important;}
.mobile-sub a{border:0!important;padding:10px 0!important;font-size:13px!important;text-transform:none!important;letter-spacing:.02em!important;color:rgba(255,255,255,.72)!important;font-weight:500!important;}
.mobile-search-open{width:100%!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px!important;padding:16px 0 18px!important;border-bottom:1px solid rgba(255,255,255,.1)!important;color:var(--gold)!important;text-transform:uppercase!important;letter-spacing:.12em!important;font-size:13px!important;font-weight:700!important;}
.mobile-search-open svg{width:22px!important;height:22px!important;}
.chev{display:inline-flex!important;align-items:center!important;justify-content:center!important;margin-left:6px!important;line-height:1!important;vertical-align:middle!important;}
.chev svg{width:18px!important;height:18px!important;display:block!important;stroke-width:2.8!important;}

/* Search overlay: force visible when opened and use non-AJAX fallback form */
.sqv2-search-overlay{z-index:999999!important;pointer-events:none!important;opacity:0!important;visibility:hidden!important;}
.sqv2-search-overlay.is-open{opacity:1!important;visibility:visible!important;pointer-events:auto!important;}
.sqv2-search-panel{border-radius:16px!important;max-width:760px!important;}
.sqv2-search-form button{font-weight:700!important;}

/* Mobile homepage controls: small and right-aligned */
.news-airbnb-actions,.area-controls{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:7px!important;width:100%!important;}
.news-airbnb-actions .section-action,.area-controls .section-action{margin:0!important;white-space:nowrap!important;font-size:10px!important;letter-spacing:.13em!important;font-weight:700!important;}
.news-airbnb-actions .round-btn,.area-controls .round-btn,.round-btn{width:36px!important;height:36px!important;min-width:36px!important;border-radius:50%!important;display:inline-grid!important;place-items:center!important;}
.round-btn svg{width:13px!important;height:13px!important;}

/* Listing card compactness */
.news-grid{gap:20px!important;}
.sqv2-news-card-compact .news-card-media{aspect-ratio:16/10!important;height:auto!important;}
.sqv2-news-card-compact .news-card-body{padding:16px!important;min-height:130px!important;}
.sqv2-news-card-compact h3,.sqv2-topic-card h3,.news-airbnb-card h3{font-weight:700!important;display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:3!important;overflow:hidden!important;}
.sqv2-news-card-compact h3{font-size:16px!important;line-height:1.2!important;}
.sqv2-news-card-compact p{font-size:13.5px!important;line-height:1.52!important;}
.sqv2-more-link{font-size:11px!important;letter-spacing:.16em!important;font-weight:700!important;}
.sqv2-topic-card-media,.sqv2-heydar-grid .sqv2-heydar-media,.sqv2-heydar-grid .news-card-media{aspect-ratio:5/4!important;height:auto!important;}

/* Single article mobile overflow fixes */
.sqv2-single-news,.figma-article-head,.figma-article-body,.figma-article-layout,.figma-article-content,.article-container{max-width:100%!important;box-sizing:border-box!important;overflow-x:hidden!important;}
.article-container{width:min(100% - 48px,980px)!important;margin-left:auto!important;margin-right:auto!important;}
.figma-article-layout{display:grid!important;grid-template-columns:86px minmax(0,1fr)!important;gap:28px!important;}
.figma-article-content,.figma-article-content *{overflow-wrap:anywhere!important;word-break:break-word!important;max-width:100%!important;}
.figma-article-content img,.figma-article-image img,.article-slide img{max-width:100%!important;height:auto!important;}
.figma-article-content iframe,.figma-article-content video{max-width:100%!important;}
.figma-article-head h1{font-weight:700!important;color:#1a1a1a!important;}

@media(max-width:900px){
  .sqv2-header-search{display:none!important;}
  .mobile-menu{top:112px!important;}
  .figma-article-layout{grid-template-columns:1fr!important;gap:18px!important;}
  .share-rail{position:static!important;display:flex!important;align-items:center!important;gap:10px!important;margin:0 0 18px!important;}
}
@media(max-width:760px){
  .topbar-contact a[href^="tel"],.topbar-contact .sep{display:none!important;}
  .mobile-menu{top:100px!important;}
  .home-news .section-head,.district-section .section-head{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:14px!important;}
  .news-airbnb-actions,.area-controls{justify-content:flex-end!important;}
  .news-airbnb-actions .section-action,.area-controls .section-action{order:0!important;margin-left:0!important;margin-right:4px!important;}
  .round-btn,.news-airbnb-actions .round-btn,.area-controls .round-btn{width:31px!important;height:31px!important;min-width:31px!important;}
  .home-news .section-title,.home-news .section-title-gold,.district-section .section-title,.district-section .section-title-gold{font-size:27px!important;line-height:1.08!important;font-weight:700!important;}
  .home-news .section-intro,.district-section .section-intro{font-size:14px!important;line-height:1.58!important;}
  .news-airbnb-card{flex-basis:78vw!important;}
  .news-airbnb-media{height:186px!important;min-height:186px!important;}
  .news-airbnb-body{padding:14px 15px 16px!important;}
  .news-airbnb-card h3{font-size:16px!important;line-height:1.2!important;}
  .article-container{width:min(100% - 32px,980px)!important;}
  .sqv2-article-head-light,.figma-article-head{padding:28px 0 30px!important;}
  .sqv2-article-head-light h1,.figma-article-head h1{font-size:24px!important;line-height:1.15!important;}
  .figma-article-body{padding-top:28px!important;}
  .figma-article-content{font-size:15px!important;line-height:1.72!important;}
  .sqv2-search-overlay{padding:105px 14px 22px!important;}
  .sqv2-search-panel{padding:22px 16px!important;border-radius:14px!important;}
  .sqv2-search-panel h2{font-size:25px!important;}
}


/* ============================================================
   Step 11 patch: Figma-like article scale, search fallback,
   history card cropping, restored About Complex page.
   ============================================================ */
.sqv2-body{
  --ui-font:"Noto Sans","Noto Sans Arabic","Segoe UI",Arial,Helvetica,sans-serif!important;
}
.sqv2-body .sqv2-article-head-light,
.sqv2-body .figma-article-head{
  background:#fcfbf9!important;
  color:#1a1a1a!important;
  padding:46px 0 48px!important;
  border-bottom:1px solid rgba(0,0,0,.08)!important;
  text-align:center!important;
  overflow:visible!important;
}
.sqv2-body .sqv2-article-head-light .article-container,
.sqv2-body .figma-article-head .article-container{
  width:min(100% - 56px, 920px)!important;
  margin-inline:auto!important;
  overflow:visible!important;
}
.sqv2-body .sqv2-article-head-light h1,
.sqv2-body .figma-article-head h1{
  font-size:clamp(26px,3.2vw,44px)!important;
  line-height:1.12!important;
  max-width:820px!important;
  margin:0 auto!important;
  letter-spacing:-.045em!important;
  font-weight:700!important;
  color:#1a1a1a!important;
}
.sqv2-body .sqv2-article-head-light .breadcrumbs,
.sqv2-body .figma-article-head .breadcrumbs{
  color:#98721f!important;
  margin-bottom:16px!important;
  font-size:10px!important;
  line-height:1.5!important;
  flex-wrap:wrap!important;
}
.sqv2-body .sqv2-article-head-light .article-meta-line,
.sqv2-body .figma-article-head .article-meta-line{
  margin:0 0 16px!important;
  font-size:10px!important;
  letter-spacing:.14em!important;
  font-weight:700!important;
  color:#98721f!important;
}
.sqv2-body .figma-article-body{
  padding:34px 0 78px!important;
  background:#fcfbf9!important;
}
.sqv2-body .article-container{
  width:min(100% - 56px, 920px)!important;
  margin-inline:auto!important;
}
.sqv2-body .article-image-slider{
  aspect-ratio:16/9!important;
  margin:0 0 34px!important;
  max-height:520px!important;
  background:#eee!important;
}
.sqv2-body .article-slide img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
}
.sqv2-body .figma-article-layout{
  grid-template-columns:58px minmax(0, 1fr)!important;
  gap:34px!important;
}
.sqv2-body .figma-article-content{
  max-width:780px!important;
  font-size:16px!important;
  line-height:1.82!important;
  color:#333!important;
}
.sqv2-body .figma-article-content > p:first-child{
  font-size:17px!important;
  line-height:1.75!important;
  font-weight:500!important;
}

/* History/Heydar cards: consistent image window, no grey leftover gaps. */
.sqv2-body .sqv2-topic-card-media,
.sqv2-body .sqv2-heydar-grid .sqv2-heydar-media,
.sqv2-body .sqv2-heydar-grid .news-card-media{
  aspect-ratio:5/4!important;
  height:auto!important;
  min-height:0!important;
  overflow:hidden!important;
  background:#e9e4da!important;
}
.sqv2-body .sqv2-topic-card-media img,
.sqv2-body .sqv2-heydar-grid .sqv2-heydar-media img,
.sqv2-body .sqv2-heydar-grid .news-card-media img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center top!important;
  display:block!important;
}
.sqv2-body .sqv2-topic-card .news-card-body,
.sqv2-body .sqv2-heydar-card .news-card-body{
  min-height:136px!important;
}

/* Search: robust native-submit layout and results. */
.sqv2-body .sqv2-search-form{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 112px!important;
  gap:12px!important;
  align-items:center!important;
}
.sqv2-body .sqv2-search-form input{
  min-width:0!important;
}
.sqv2-body .sqv2-search-page-form{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 120px!important;
  gap:12px!important;
  align-items:center!important;
}
.sqv2-body .sqv2-search-page-form input{min-width:0!important;}
.sqv2-body .sqv2-search-page-form button,
.sqv2-body .sqv2-search-form button{font-weight:700!important;}

/* Restored About the Complex page from the supplied layout. */
.sqv2-about-page{background:#f6f1e8;color:#181818;}
.sqv2-about-hero{background:#181818;color:#fff;padding:64px 0 70px;border-bottom:1px solid rgba(212,175,55,.22);}
.sqv2-about-hero .breadcrumbs{justify-content:flex-start;margin-bottom:18px;color:#d4af37;}
.sqv2-about-hero .eyebrow{margin:0 0 12px;color:#d4af37;text-transform:uppercase;letter-spacing:.18em;font-size:12px;font-weight:700;}
.sqv2-about-hero h1{font-size:clamp(34px,4.5vw,62px);line-height:1.02;margin:0 0 18px;letter-spacing:-.055em;font-weight:700;max-width:900px;}
.sqv2-about-lead{max-width:740px;color:rgba(255,255,255,.75);font-size:17px;line-height:1.75;margin:0;}
.sqv2-about-content{padding:70px 0 96px;}
.kh-shell{display:block;}
.kh-anchor{scroll-margin-top:140px;}
.kh-story-block{margin:0 0 44px;}
.kh-split-section{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:stretch;margin-bottom:28px;}
.kh-media-card{background:#fff;border:1px solid rgba(0,0,0,.08);overflow:hidden;min-height:260px;box-shadow:0 16px 38px rgba(21,18,12,.04);}
.kh-media-card img{width:100%;height:100%;min-height:260px;object-fit:cover;display:block;}
.kh-text-card,.kh-continuation-card{background:#fff;border:1px solid rgba(0,0,0,.08);padding:clamp(26px,3.5vw,46px);box-shadow:0 16px 38px rgba(21,18,12,.04);}
.kh-text-card--fixed{display:flex;flex-direction:column;justify-content:center;}
.kh-eyebrow,.kh-section-kicker,.kh-mini-eyebrow{color:#98721f;text-transform:uppercase;letter-spacing:.18em;font-size:11px;font-weight:700;margin-bottom:14px;}
.kh-story-text{font-size:15.5px;line-height:1.86;color:#46413a;margin:0 0 16px;}
.kh-subtitle{font-size:clamp(24px,3vw,38px);line-height:1.08;margin:0 0 18px;letter-spacing:-.05em;font-weight:700;color:#151515;}
.kh-section-head{margin:74px 0 28px;}
.kh-section-title{font-size:clamp(30px,4vw,52px);line-height:1.02;margin:0;letter-spacing:-.055em;font-weight:700;color:#151515;}
.kh-parts-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-bottom:58px;}
.kh-part-card{background:#181818;color:#fff;border:1px solid rgba(212,175,55,.22);padding:22px 18px;text-decoration:none;display:flex;gap:14px;align-items:flex-start;min-height:138px;transition:.2s;}
.kh-part-card:hover{transform:translateY(-3px);border-color:#d4af37;}
.kh-part-num{width:44px;height:44px;min-width:44px;border-radius:50%;border:1px solid rgba(212,175,55,.55);display:grid;place-items:center;color:#d4af37;font-weight:700;line-height:1;}
.kh-part-body strong{display:block;font-size:15px;line-height:1.25;margin-bottom:8px;}
.kh-part-body small{display:block;color:rgba(255,255,255,.62);font-size:12.5px;line-height:1.45;}
.kh-inline-note{font-size:14px;color:#6a6259;margin:0 0 14px;}
.kh-museum-nav-inline{display:grid;gap:10px;margin:8px 0 20px;}
.kh-museum-nav-pill{display:flex;gap:12px;padding:12px;border:1px solid rgba(152,114,31,.18);text-decoration:none;color:#181818;background:#fbf7ed;}
.kh-museum-nav-pill-num{color:#98721f;font-weight:700;}
.kh-museum-nav-pill-text strong{display:block;font-size:14px;}
.kh-museum-nav-pill-text{font-size:12px;color:#666;}
.kh-continuation-card--accent{border-left:4px solid #d4af37;}
.kh-exhibit-section{margin:72px 0;}
.kh-section-head--tight{margin:0 0 26px;}
.kh-exhibit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.kh-exhibit-card{background:#fff;border:1px solid rgba(0,0,0,.08);overflow:hidden;box-shadow:0 16px 38px rgba(21,18,12,.04);}
.kh-exhibit-media{aspect-ratio:4/3;overflow:hidden;background:#e9e4da;}
.kh-exhibit-media img{width:100%;height:100%;object-fit:cover;display:block;}
.kh-exhibit-body{padding:22px;}
.kh-exhibit-title{font-size:21px;line-height:1.16;margin:0 0 12px;font-weight:700;letter-spacing:-.035em;color:#151515;}
.kh-exhibit-text{font-size:14px;line-height:1.72;color:#4f4a43;margin:0 0 12px;}
.kh-slider{position:relative;height:100%;}
.kh-slider-track,.kh-slide{height:100%;margin:0;}
.kh-slide:not(.is-active){display:none;}
.kh-slider-dots{position:absolute;bottom:10px;left:12px;display:flex;gap:6px;}
.kh-slider-dot{width:8px;height:8px;border-radius:50%;border:0;background:rgba(255,255,255,.55);padding:0;}
.kh-slider-dot.is-active{background:#d4af37;}

@media(max-width:980px){
  .kh-split-section{grid-template-columns:1fr;}
  .kh-parts-grid{grid-template-columns:repeat(2,1fr);}
  .kh-exhibit-grid{grid-template-columns:repeat(2,1fr);}
}
@media(max-width:760px){
  .sqv2-body .sqv2-article-head-light,.sqv2-body .figma-article-head{padding:30px 0 34px!important;text-align:left!important;}
  .sqv2-body .sqv2-article-head-light .article-container,.sqv2-body .figma-article-head .article-container{width:min(100% - 32px,920px)!important;}
  .sqv2-body .sqv2-article-head-light h1,.sqv2-body .figma-article-head h1{font-size:25px!important;line-height:1.18!important;margin-inline:0!important;max-width:100%!important;}
  .sqv2-body .figma-article-body{padding:22px 0 56px!important;}
  .sqv2-body .article-container{width:min(100% - 32px,920px)!important;}
  .sqv2-body .article-image-slider{aspect-ratio:4/3!important;margin-bottom:22px!important;}
  .sqv2-body .figma-article-content{font-size:14px!important;line-height:1.72!important;}
  .sqv2-body .figma-article-content > p:first-child{font-size:14.5px!important;}
  .sqv2-body .sqv2-search-form,.sqv2-body .sqv2-search-page-form{grid-template-columns:1fr!important;}
  .sqv2-about-hero{padding:44px 0 48px;}
  .sqv2-about-content{padding:44px 0 70px;}
  .kh-parts-grid,.kh-exhibit-grid{grid-template-columns:1fr;}
  .kh-part-card{min-height:0;}
  .kh-text-card,.kh-continuation-card{padding:24px 20px;}
}


/* ============================================================
   Step 12 patch: restored Figma section rhythm, about-page polish,
   reliable search form, clean history image crops.
   ============================================================ */
.sqv2-body .home-news,
.sqv2-body .district-section{
  padding:86px 0 92px!important;
  background:#fffaf0!important;
}
.sqv2-body .home-news .section-head,
.sqv2-body .district-section .section-head{
  display:grid!important;
  grid-template-columns:minmax(0,680px) auto!important;
  align-items:end!important;
  gap:32px!important;
  margin-bottom:38px!important;
}
.sqv2-body .home-news .section-head > div:first-child,
.sqv2-body .district-section .section-head > div:first-child{
  max-width:680px!important;
  width:100%!important;
}
.sqv2-body .home-news .section-title,
.sqv2-body .home-news .section-title-gold,
.sqv2-body .district-section .section-title,
.sqv2-body .district-section .section-title-gold{
  max-width:none!important;
  color:#171717!important;
  font-size:clamp(34px,3.1vw,48px)!important;
  line-height:1.03!important;
  letter-spacing:-.055em!important;
  font-weight:700!important;
  margin:0!important;
}
.sqv2-body .home-news .section-intro,
.sqv2-body .district-section .section-intro{
  max-width:620px!important;
  margin:16px 0 0!important;
  color:#59616a!important;
  font-size:16px!important;
  line-height:1.65!important;
}
.sqv2-body .news-airbnb-actions,
.sqv2-body .area-controls{
  justify-content:flex-end!important;
  width:auto!important;
  align-self:end!important;
  gap:12px!important;
  white-space:nowrap!important;
}
.sqv2-body .news-airbnb-actions .section-action,
.sqv2-body .area-controls .section-action{
  order:0!important;
  margin:0 0 0 12px!important;
  font-size:12px!important;
  letter-spacing:.14em!important;
  color:#171717!important;
  padding-bottom:6px!important;
}
.sqv2-body .round-btn,
.sqv2-body .news-airbnb-actions .round-btn,
.sqv2-body .area-controls .round-btn{
  width:42px!important;
  height:42px!important;
  min-width:42px!important;
  background:#fff!important;
  border:1px solid #e5dfd2!important;
  color:#171717!important;
}
.sqv2-body .round-btn:hover{background:#8c7326!important;color:#fff!important;border-color:#8c7326!important;}
.sqv2-body .news-airbnb-track,
.sqv2-body .district-strip{
  gap:24px!important;
  padding-bottom:14px!important;
}
.sqv2-body .news-airbnb-card{
  flex:0 0 calc((100% - 48px)/3)!important;
  border-radius:18px!important;
  box-shadow:0 12px 28px rgba(20,16,8,.06)!important;
}
.sqv2-body .news-airbnb-media{height:230px!important;min-height:230px!important;}
.sqv2-body .news-airbnb-body{min-height:132px!important;padding:18px 20px 20px!important;}
.sqv2-body .news-airbnb-card h3{font-size:19px!important;line-height:1.18!important;font-weight:700!important;}

/* Topic/Heydar grid images: one rhythm, no grey gaps. */
.sqv2-body .sqv2-topic-card,
.sqv2-body .sqv2-heydar-card{display:flex!important;flex-direction:column!important;background:#fff!important;overflow:hidden!important;}
.sqv2-body .sqv2-topic-card-media,
.sqv2-body .sqv2-heydar-grid .sqv2-heydar-media,
.sqv2-body .sqv2-heydar-grid .news-card-media,
.sqv2-body .sqv2-topic-card .news-card-media{
  aspect-ratio:5/4!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  background:#f0ede5!important;
  overflow:hidden!important;
  flex:0 0 auto!important;
}
.sqv2-body .sqv2-topic-card-media img,
.sqv2-body .sqv2-heydar-grid .sqv2-heydar-media img,
.sqv2-body .sqv2-heydar-grid .news-card-media img,
.sqv2-body .sqv2-topic-card .news-card-media img{
  width:100%!important;
  height:100%!important;
  min-height:100%!important;
  object-fit:cover!important;
  object-position:center center!important;
  display:block!important;
}
.sqv2-body .sqv2-topic-card .news-card-body,
.sqv2-body .sqv2-heydar-card .news-card-body{
  flex:1!important;
  background:#fff!important;
  min-height:168px!important;
}

/* Article/detail head: smaller, no oversized title wall. */
.sqv2-body .sqv2-article-head-light,
.sqv2-body .figma-article-head{
  padding:38px 0 40px!important;
  background:#fcfbf9!important;
}
.sqv2-body .sqv2-article-head-light h1,
.sqv2-body .figma-article-head h1{
  font-size:clamp(28px,3vw,42px)!important;
  max-width:760px!important;
  line-height:1.13!important;
  font-weight:700!important;
}
.sqv2-body .figma-article-body{padding-top:36px!important;}

/* About page: make it continuous with the V2 site, not a heavy black block. */
.sqv2-body .sqv2-about-page{background:#f6f1e8!important;}
.sqv2-body .sqv2-about-hero{
  background:#fcfbf9!important;
  color:#171717!important;
  padding:58px 0 62px!important;
  border-bottom:1px solid #e2dbce!important;
}
.sqv2-body .sqv2-about-hero .breadcrumbs{color:#98721f!important;margin-bottom:18px!important;}
.sqv2-body .sqv2-about-hero .eyebrow{color:#98721f!important;}
.sqv2-body .sqv2-about-hero h1{
  font-size:clamp(34px,4vw,54px)!important;
  max-width:860px!important;
  color:#171717!important;
  letter-spacing:-.055em!important;
  line-height:1.04!important;
  margin:0 0 18px!important;
}
.sqv2-body .sqv2-about-lead{color:#59616a!important;font-size:17px!important;max-width:720px!important;}
.sqv2-body .kh-section-head{margin:64px 0 28px!important;}
.sqv2-body .kh-section-title{font-size:clamp(32px,3.5vw,48px)!important;color:#171717!important;}
.sqv2-body .kh-parts-grid{gap:16px!important;}
.sqv2-body .kh-part-card{
  background:#fff!important;
  color:#171717!important;
  border:1px solid rgba(140,115,38,.2)!important;
  min-height:150px!important;
  padding:22px!important;
  align-items:flex-start!important;
  box-shadow:0 14px 34px rgba(20,16,8,.045)!important;
}
.sqv2-body .kh-part-num{
  width:52px!important;
  height:52px!important;
  min-width:52px!important;
  border-radius:50%!important;
  border:1px solid rgba(140,115,38,.45)!important;
  color:#8c7326!important;
  background:#fffaf0!important;
  display:grid!important;
  place-items:center!important;
  line-height:1!important;
}
.sqv2-body .kh-part-body{display:flex!important;flex-direction:column!important;gap:8px!important;padding-top:3px!important;}
.sqv2-body .kh-part-body strong{color:#171717!important;font-size:16px!important;line-height:1.25!important;margin:0!important;opacity:1!important;visibility:visible!important;}
.sqv2-body .kh-part-body small{color:#59616a!important;font-size:13px!important;line-height:1.45!important;opacity:1!important;}

/* Search: native and JS fallback must use same URL and never rely on AJAX. */
.sqv2-body .sqv2-search-form input[name="s"],
.sqv2-body .sqv2-search-page-form input[name="s"]{width:100%!important;}
.sqv2-body .sqv2-search-result-card .news-card-body{min-height:190px!important;}

@media(max-width:980px){
  .sqv2-body .home-news .section-head,
  .sqv2-body .district-section .section-head{grid-template-columns:1fr!important;align-items:start!important;}
  .sqv2-body .news-airbnb-actions,
  .sqv2-body .area-controls{justify-content:flex-end!important;width:100%!important;}
  .sqv2-body .news-airbnb-card{flex-basis:calc((100% - 24px)/2)!important;}
  .sqv2-body .kh-parts-grid{grid-template-columns:repeat(2,1fr)!important;}
}
@media(max-width:760px){
  .sqv2-body .home-news,
  .sqv2-body .district-section{padding:58px 0 64px!important;}
  .sqv2-body .home-news .section-head,
  .sqv2-body .district-section .section-head{gap:18px!important;margin-bottom:26px!important;}
  .sqv2-body .home-news .section-title,
  .sqv2-body .home-news .section-title-gold,
  .sqv2-body .district-section .section-title,
  .sqv2-body .district-section .section-title-gold{font-size:30px!important;line-height:1.08!important;}
  .sqv2-body .home-news .section-intro,
  .sqv2-body .district-section .section-intro{font-size:14.5px!important;max-width:100%!important;}
  .sqv2-body .news-airbnb-actions .section-action,
  .sqv2-body .area-controls .section-action{font-size:10px!important;margin-left:6px!important;}
  .sqv2-body .round-btn,.sqv2-body .news-airbnb-actions .round-btn,.sqv2-body .area-controls .round-btn{width:32px!important;height:32px!important;min-width:32px!important;}
  .sqv2-body .news-airbnb-card{flex-basis:82vw!important;}
  .sqv2-body .news-airbnb-media{height:196px!important;min-height:196px!important;}
  .sqv2-body .sqv2-about-hero{padding:42px 0 46px!important;}
  .sqv2-body .sqv2-about-hero h1{font-size:32px!important;}
  .sqv2-body .kh-parts-grid{grid-template-columns:1fr!important;}
  .sqv2-body .kh-part-card{min-height:0!important;}
  .sqv2-body .sqv2-article-head-light h1,.sqv2-body .figma-article-head h1{font-size:26px!important;max-width:100%!important;}
}


/* Step 13 patch: stable in-page timeline anchors from hero read-more links. */
.sqv2-timeline-modern-item{scroll-margin-top:110px;}

/* Step 14 - contact page + faster search polish */
.sqv2-contact-page{background:#f7f3ea;}
.sqv2-contact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:-42px;position:relative;z-index:2;}
.sqv2-contact-card{display:flex;gap:18px;align-items:flex-start;background:#fff;border:1px solid var(--line);padding:26px;min-height:142px;box-shadow:0 22px 50px rgba(29,26,20,.06);}
.sqv2-contact-card-main{background:#22212b;color:#fff;border-color:#22212b;}
.sqv2-contact-icon{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:#22212b;color:#fff;flex:0 0 auto;}
.sqv2-contact-card-main .sqv2-contact-icon{background:#fff;color:#22212b;}
.sqv2-contact-icon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}
.sqv2-contact-card h2{font-size:13px;line-height:1;margin:0 0 10px;text-transform:uppercase;letter-spacing:.14em;color:var(--gold-dark);}
.sqv2-contact-card-main h2{color:#d7c07a;}
.sqv2-contact-card a,.sqv2-contact-card p{margin:0;color:inherit;font-size:20px;line-height:1.45;font-weight:700;text-decoration:none;}
.sqv2-contact-card p{font-weight:650;}
.sqv2-contact-panel{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:24px;align-items:stretch;background:#fff;border:1px solid var(--line);padding:34px;margin-top:24px;}
.sqv2-contact-text h2,.sqv2-volunteer-cta h2{font-size:34px;line-height:1.08;margin:8px 0 14px;color:#24212b;}
.sqv2-contact-text p,.sqv2-volunteer-cta p{color:var(--muted);font-size:16px;line-height:1.75;max-width:760px;}
.sqv2-contact-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px;}
.sqv2-contact-social{border-left:1px solid var(--line);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;text-align:center;}
.sqv2-contact-social span{font-weight:800;font-size:20px;color:#24212b;}
.sqv2-social-row{display:flex;gap:12px;}
.sqv2-social-row a{width:42px;height:42px;border-radius:50%;background:#24212b;color:#fff;display:grid;place-items:center;text-decoration:none;font-weight:800;}
.sqv2-volunteer-cta{display:flex;align-items:center;justify-content:space-between;gap:28px;background:#24212b;color:#fff;padding:34px;margin-top:24px;}
.sqv2-volunteer-cta h2{color:#fff;}
.sqv2-volunteer-cta p{color:rgba(255,255,255,.72);}
.sqv2-volunteer-cta .eyebrow{color:#d7c07a;}
@media(max-width:900px){.sqv2-contact-grid,.sqv2-contact-panel{grid-template-columns:1fr}.sqv2-contact-social{border-left:0;border-top:1px solid var(--line);padding-top:24px}.sqv2-volunteer-cta{display:block}.sqv2-volunteer-cta .btn-primary{margin-top:18px}.sqv2-contact-card a,.sqv2-contact-card p{font-size:17px}}
@media(max-width:560px){.sqv2-contact-card{padding:20px}.sqv2-contact-text h2,.sqv2-volunteer-cta h2{font-size:27px}.sqv2-contact-actions{display:grid}.sqv2-contact-actions a{width:100%;justify-content:center}}

/* Step 15: V2 volunteer form skin + contact CTA cleanup */
.sqv2-volunteer-hero{background:linear-gradient(135deg,#211d27 0%,#15131a 100%);color:#fff;}
.sqv2-volunteer-hero .breadcrumbs,.sqv2-volunteer-hero .breadcrumbs a,.sqv2-volunteer-hero p{color:rgba(255,255,255,.72);}
.sqv2-volunteer-hero h1{color:#fff;}
.sqv2-v2-volunteer-page{background:#f3eee4;}
.sqv2-volunteer-form-shell{max-width:1120px;margin:0 auto;}
.sqv2-volunteer-form-shell .qsmk-volunteer{background:transparent;padding:0;}
.sqv2-volunteer-form-shell .qsmk-volunteer__inner{width:100%;max-width:none;margin:0;}
.sqv2-volunteer-form-shell .qsmk-volunteer__header{display:none;}
.sqv2-volunteer-form-shell .qsmk-volunteer__form{background:#fff;border:1px solid rgba(35,30,43,.12);border-radius:26px;padding:34px;box-shadow:0 24px 70px rgba(35,30,43,.08);}
.sqv2-volunteer-form-shell .qsmk-volunteer__notice{border-radius:16px;margin-bottom:18px;background:#fff;border-color:rgba(211,173,48,.34);}
.sqv2-volunteer-form-shell .qsmk-volunteer__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;}
.sqv2-volunteer-form-shell .qsmk-volunteer__field,
.sqv2-volunteer-form-shell .qsmk-volunteer__fieldset{display:block;margin:0 0 20px;}
.sqv2-volunteer-form-shell .qsmk-volunteer__field--wide{grid-column:1/-1;}
.sqv2-volunteer-form-shell .qsmk-volunteer__field span,
.sqv2-volunteer-form-shell .qsmk-volunteer__fieldset legend{display:block;margin:0 0 9px;color:#231e2b;font-size:15px;line-height:1.55;font-weight:800;}
.sqv2-volunteer-form-shell .qsmk-volunteer__field b,
.sqv2-volunteer-form-shell .qsmk-volunteer__fieldset b{color:#d3ad30;}
.sqv2-volunteer-form-shell .qsmk-volunteer__field input,
.sqv2-volunteer-form-shell .qsmk-volunteer__field textarea{width:100%;box-sizing:border-box;border:1px solid rgba(35,30,43,.16);border-radius:14px;background:#fbfaf7;color:#231e2b;font:inherit;outline:none;box-shadow:none;transition:border-color .18s ease,background .18s ease,box-shadow .18s ease;}
.sqv2-volunteer-form-shell .qsmk-volunteer__field input{min-height:54px;padding:0 16px;}
.sqv2-volunteer-form-shell .qsmk-volunteer__field textarea{min-height:118px;padding:14px 16px;resize:vertical;}
.sqv2-volunteer-form-shell .qsmk-volunteer__field input:focus,
.sqv2-volunteer-form-shell .qsmk-volunteer__field textarea:focus{border-color:#d3ad30;background:#fff;box-shadow:0 0 0 4px rgba(211,173,48,.14);}
.sqv2-volunteer-form-shell .qsmk-volunteer__fieldset{min-width:0;border:1px solid rgba(35,30,43,.12);border-radius:18px;padding:20px;background:#fbfaf7;}
.sqv2-volunteer-form-shell .qsmk-volunteer__fieldset legend{width:auto;padding:0 8px;margin-left:-8px;background:#fbfaf7;}
.sqv2-volunteer-form-shell .qsmk-volunteer__options{display:grid;gap:10px 14px;}
.sqv2-volunteer-form-shell .qsmk-volunteer__options--radio{grid-template-columns:repeat(3,minmax(0,1fr));}
.sqv2-volunteer-form-shell .qsmk-volunteer__options--checkbox{grid-template-columns:repeat(2,minmax(0,1fr));}
.sqv2-volunteer-form-shell .qsmk-volunteer__option{display:flex;align-items:flex-start;gap:10px;color:#413b49;font-size:14px;line-height:1.45;cursor:pointer;}
.sqv2-volunteer-form-shell .qsmk-volunteer__option input{width:16px;height:16px;margin:3px 0 0;flex:0 0 auto;accent-color:#d3ad30;}
.sqv2-volunteer-form-shell .qsmk-volunteer__actions{display:flex;justify-content:flex-start;margin-top:10px;}
.sqv2-volunteer-form-shell .qsmk-volunteer__submit{display:inline-flex;align-items:center;justify-content:center;min-width:180px;min-height:54px;padding:0 28px;border:0;border-radius:999px;background:#d3ad30;color:#17141d;font-size:14px;line-height:1;font-weight:900;text-transform:uppercase;letter-spacing:.08em;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,background .18s ease;}
.sqv2-volunteer-form-shell .qsmk-volunteer__submit:hover,
.sqv2-volunteer-form-shell .qsmk-volunteer__submit:focus{background:#e2bd3d;color:#17141d;transform:translateY(-1px);box-shadow:0 14px 30px rgba(211,173,48,.28);}
.sqv2-volunteer-form-shell .qsmk-volunteer__hidden-field{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(1px,1px,1px,1px)!important;}
@media (max-width:760px){.sqv2-volunteer-form-shell .qsmk-volunteer__form{padding:22px;border-radius:20px}.sqv2-volunteer-form-shell .qsmk-volunteer__grid,.sqv2-volunteer-form-shell .qsmk-volunteer__options--radio,.sqv2-volunteer-form-shell .qsmk-volunteer__options--checkbox{grid-template-columns:1fr}.sqv2-volunteer-form-shell .qsmk-volunteer__submit{width:100%;}}

/* Step 16: overlay scroll lock, smaller article titles, pagination, DearFlip library. */
html.sqv2-search-locked{overflow:hidden!important;}
body.sqv2-search-open{overflow:hidden!important;overscroll-behavior:none!important;}
.sqv2-search-overlay.is-open{overflow:hidden!important;overscroll-behavior:contain!important;}
.sqv2-search-panel{max-height:calc(100vh - var(--header-h) - 76px)!important;overflow-y:auto!important;overscroll-behavior:contain!important;-webkit-overflow-scrolling:touch!important;}
.sqv2-search-suggestions{max-height:min(46vh,520px)!important;overflow-y:auto!important;overscroll-behavior:contain!important;padding-right:4px!important;}
.sqv2-body .sqv2-single-news .sqv2-article-head-light h1,
.sqv2-body .sqv2-single-news .figma-article-head h1{font-size:clamp(20px,1.65vw,28px)!important;line-height:1.18!important;max-width:760px!important;font-weight:760!important;letter-spacing:-.035em!important;}
.sqv2-body .sqv2-single-news .sqv2-article-head-light,
.sqv2-body .sqv2-single-news .figma-article-head{padding:30px 0 34px!important;}
.sqv2-body .sqv2-pagination .page-num.active,
.sqv2-body .pagination .page-num.active{background:#fff8e8!important;border-color:var(--gold-dark)!important;color:#171717!important;font-weight:900!important;box-shadow:inset 0 0 0 1px rgba(140,115,38,.28)!important;}
.sqv2-body .sqv2-pagination .page-num,
.sqv2-body .pagination .page-num{color:#3b3b3b!important;text-decoration:none!important;}
.sqv2-library-hero{background:#1d1a22!important;color:#fff!important;}
.sqv2-library-page{background:#f4efe5!important;padding-top:68px!important;}
.sqv2-books-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:34px 26px;}
.sqv2-book-card{display:block;text-decoration:none;color:#171717;perspective:1200px;}
.sqv2-book-visual{position:relative;display:block;width:min(100%,230px);aspect-ratio:3/4;margin:0 auto 18px;transform-style:preserve-3d;}
.sqv2-book-cover{position:absolute;inset:0;z-index:2;display:block;overflow:hidden;border-radius:4px 10px 10px 4px;background:#27232b;box-shadow:0 18px 42px rgba(24,20,14,.18);transform-origin:left center;transition:transform .55s cubic-bezier(.2,.8,.2,1),box-shadow .35s ease;}
.sqv2-book-cover:before{content:"";position:absolute;inset:0 auto 0 0;width:18%;background:linear-gradient(90deg,rgba(0,0,0,.28),rgba(255,255,255,.08),rgba(0,0,0,0));z-index:2;pointer-events:none;}
.sqv2-book-cover img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .55s ease;}
.sqv2-book-pages{position:absolute;inset:10px 6px 10px 18px;z-index:1;border-radius:3px 9px 9px 3px;background:repeating-linear-gradient(90deg,#fff 0,#fff 6px,#eee8dc 7px,#fff 9px);box-shadow:10px 16px 28px rgba(24,20,14,.12);transform:translateX(7px);}
.sqv2-book-card:hover .sqv2-book-cover{transform:rotateY(-28deg);box-shadow:20px 22px 46px rgba(24,20,14,.22);}
.sqv2-book-card:hover .sqv2-book-cover img{transform:scale(1.035);}
.sqv2-book-copy{display:block;text-align:center;max-width:260px;margin:0 auto;}
.sqv2-book-copy strong{display:block;font-size:17px;line-height:1.25;font-weight:850;color:#1d1a22;margin-bottom:8px;}
.sqv2-book-copy em{font-style:normal;display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:0 14px;border:1px solid rgba(140,115,38,.32);color:var(--gold-dark);font-size:11px;text-transform:uppercase;letter-spacing:.13em;font-weight:850;background:#fffaf0;}
.sqv2-library-reader-page{background:#f4efe5!important;padding-top:44px!important;}
.sqv2-library-back{margin:0 0 22px;}
.sqv2-library-reader{background:#fff;border:1px solid rgba(140,115,38,.2);padding:22px;min-height:460px;box-shadow:0 24px 70px rgba(24,20,14,.08);overflow:hidden;}
.sqv2-library-legacy-content{margin-top:28px;background:#fff;border:1px solid var(--line);padding:28px;}
@media(max-width:1100px){.sqv2-books-grid{grid-template-columns:repeat(3,minmax(0,1fr));}}
@media(max-width:760px){.sqv2-search-panel{max-height:calc(100vh - 120px)!important;}.sqv2-search-suggestions{max-height:42vh!important;}.sqv2-body .sqv2-single-news .sqv2-article-head-light h1,.sqv2-body .sqv2-single-news .figma-article-head h1{font-size:22px!important;}.sqv2-books-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 16px}.sqv2-book-copy strong{font-size:14.5px}.sqv2-library-reader{padding:12px;}}
@media(max-width:460px){.sqv2-books-grid{grid-template-columns:1fr}.sqv2-book-visual{width:min(74vw,220px);}}

/* Step 17: restore public V1 books route and support video news articles. */
.sqv2-video-stack{display:grid;gap:22px;margin:0 0 34px;}
.sqv2-video-frame{position:relative;width:100%;aspect-ratio:16/9;background:#111;overflow:hidden;border-radius:0;box-shadow:0 22px 70px rgba(0,0,0,.12);}
.sqv2-video-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0;display:block;}
.sqv2-library-legacy-page{background:#f4efe5!important;padding:54px 0 88px!important;}
.sqv2-library-legacy-page .sqv2-library-legacy-content{margin-top:0!important;background:transparent!important;border:0!important;padding:0!important;box-shadow:none!important;}
.sqv2-library-legacy-page .df-ui-wrapper,
.sqv2-library-legacy-page .dflip-wrapper,
.sqv2-library-legacy-page .dearflip-wrapper{max-width:100%;}
@media(max-width:760px){.sqv2-video-stack{gap:16px;margin-bottom:24px}.sqv2-library-legacy-page{padding:34px 0 60px!important}}

/* Step 19: V2 library renders existing DearFlip content without changing /books. */
.sqv2-library-page{background:#f4efe5!important;padding:64px 0 96px!important;}
.sqv2-library-hero p{max-width:760px!important;}
.sqv2-library-source{width:100%;}
.sqv2-library-source:empty{display:none;}
.sqv2-library-source .df-book-wrapper,
.sqv2-library-source .df-book,
.sqv2-library-source .dflip-book,
.sqv2-library-source .dearflip-book,
.sqv2-library-source .df-element,
.sqv2-library-source ._df_book,
.sqv2-library-source ._df_thumb{transition:transform .35s ease,box-shadow .35s ease!important;}
.sqv2-library-source .df-book-wrapper:hover,
.sqv2-library-source .df-book:hover,
.sqv2-library-source .dflip-book:hover,
.sqv2-library-source .dearflip-book:hover,
.sqv2-library-source .df-element:hover,
.sqv2-library-source ._df_book:hover,
.sqv2-library-source ._df_thumb:hover{transform:translateY(-6px)!important;box-shadow:0 24px 54px rgba(24,20,14,.18)!important;}
.sqv2-library-source img{max-width:100%;height:auto;}
.sqv2-library-source ul,.sqv2-library-source ol{list-style:none;margin:0;padding:0;}
.sqv2-library-source a{color:#1d1a22;text-decoration:none;}
.sqv2-library-source [class*="grid"],
.sqv2-library-source [class*="books"]{max-width:100%;}
.sqv2-video-frame{position:relative;width:100%;aspect-ratio:16/9;background:#111;overflow:hidden;border:1px solid rgba(140,115,38,.22);box-shadow:0 20px 60px rgba(0,0,0,.12);}
.sqv2-video-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0;display:block;}


/* Step 20: V2 library visual system over DearFlip/V1 output. */
.sqv2-library-hero p{max-width:900px!important;font-size:17px!important;line-height:1.8!important;color:rgba(255,255,255,.78)!important;}
.sqv2-library-page{padding:72px 0 108px!important;overflow:hidden!important;}
.sqv2-library-page .container{max-width:1420px!important;}
.sqv2-library-source{width:100%!important;margin:0 auto!important;}
.sqv2-library-source,
.sqv2-library-source > div:has(img){display:grid!important;grid-template-columns:repeat(4,minmax(190px,1fr))!important;gap:54px 42px!important;align-items:start!important;justify-items:center!important;}
.sqv2-library-source > script,
.sqv2-library-source > style{display:none!important;}
.sqv2-library-source :where(a,article,li,div):has(> img),
.sqv2-library-source :where(a,article,li,div):has(.df-book-title),
.sqv2-library-source :where(a,article,li,div):has(._df_book-title),
.sqv2-library-source :where(.df-book-wrapper,.df-book,.dflip-book,.dearflip-book,.df-element,._df_book,._df_thumb){position:relative!important;width:min(100%,260px)!important;max-width:260px!important;margin:0 auto!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;text-align:center!important;overflow:visible!important;perspective:1200px!important;transform:none!important;}
.sqv2-library-source :where(a,article,li,div):has(> img)::after,
.sqv2-library-source :where(.df-book-wrapper,.df-book,.dflip-book,.dearflip-book,.df-element,._df_book,._df_thumb)::after{content:""!important;position:absolute!important;left:14%!important;right:14%!important;top:calc(min(100vw,260px) * 1.37)!important;height:14px!important;border-radius:999px!important;background:rgba(30,24,15,.14)!important;filter:blur(12px)!important;opacity:.55!important;z-index:0!important;transition:opacity .3s ease,transform .3s ease!important;pointer-events:none!important;}
.sqv2-library-source :where(a,article,li,div):has(> img):hover::after,
.sqv2-library-source :where(.df-book-wrapper,.df-book,.dflip-book,.dearflip-book,.df-element,._df_book,._df_thumb):hover::after{opacity:.28!important;transform:translateY(4px) scale(.9)!important;}
.sqv2-library-source img{position:relative!important;z-index:2!important;display:block!important;width:100%!important;max-width:260px!important;aspect-ratio:3/4!important;height:auto!important;object-fit:cover!important;margin:0 auto 18px!important;border-radius:4px 12px 12px 4px!important;background:#fff!important;box-shadow:0 20px 44px rgba(24,20,14,.14)!important;transform-origin:left center!important;transition:transform .5s cubic-bezier(.2,.8,.2,1),box-shadow .35s ease,filter .35s ease!important;}
.sqv2-library-source :where(a,article,li,div):has(> img):hover img,
.sqv2-library-source :where(.df-book-wrapper,.df-book,.dflip-book,.dearflip-book,.df-element,._df_book,._df_thumb):hover img{transform:translateY(-8px) rotateY(-18deg)!important;box-shadow:18px 24px 42px rgba(24,20,14,.18)!important;filter:saturate(1.03)!important;}
.sqv2-library-source :where(a,article,li,div):has(> img)::before,
.sqv2-library-source :where(.df-book-wrapper,.df-book,.dflip-book,.dearflip-book,.df-element,._df_book,._df_thumb)::before{content:""!important;position:absolute!important;left:10px!important;top:10px!important;width:min(100%,250px)!important;aspect-ratio:3/4!important;border-radius:4px 12px 12px 4px!important;background:repeating-linear-gradient(90deg,#fff 0,#fff 7px,#efe8dc 8px,#fff 10px)!important;box-shadow:0 16px 32px rgba(24,20,14,.09)!important;z-index:1!important;opacity:.9!important;pointer-events:none!important;}
.sqv2-library-source :where(h2,h3,h4,.title,.book-title,.df-book-title,._df_book-title,p,strong){display:block!important;max-width:290px!important;margin:14px auto 0!important;color:#1d1a22!important;font-size:17px!important;line-height:1.28!important;font-weight:850!important;text-align:center!important;letter-spacing:-.015em!important;}
.sqv2-library-source :where(.df-book-title,._df_book-title,.book-title){font-family:inherit!important;}
.sqv2-library-source :where(a){text-decoration:none!important;color:#1d1a22!important;}
.sqv2-library-source :where(.button,button,input[type="button"],input[type="submit"]){border:1px solid rgba(177,144,42,.34)!important;background:#fff8e8!important;color:#8c7326!important;border-radius:0!important;min-height:40px!important;padding:0 18px!important;font-size:11px!important;letter-spacing:.14em!important;text-transform:uppercase!important;font-weight:900!important;box-shadow:none!important;}
.sqv2-library-source :where(.pagination,.wp-pagenavi,.nav-links,.page-numbers,.page_navigation,.paging-navigation){grid-column:1 / -1!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;width:100%!important;margin:18px auto 0!important;padding:0!important;text-align:center!important;}
.sqv2-library-source :where(.pagination,.wp-pagenavi,.nav-links,.page_navigation,.paging-navigation) :where(a,span),
.sqv2-library-source :where(a.page-numbers,span.page-numbers){display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:46px!important;height:46px!important;padding:0 14px!important;border:1px solid rgba(140,115,38,.24)!important;background:#fffaf0!important;color:#1d1a22!important;font-size:15px!important;line-height:1!important;font-weight:800!important;text-decoration:none!important;border-radius:0!important;box-shadow:none!important;}
.sqv2-library-source :where(.pagination,.wp-pagenavi,.nav-links,.page_navigation,.paging-navigation) :where(.current,.active,span[aria-current="page"]),
.sqv2-library-source :where(span.page-numbers.current,a.page-numbers.current){background:#d5af32!important;border-color:#d5af32!important;color:#111!important;box-shadow:0 12px 28px rgba(177,144,42,.24)!important;}
.sqv2-library-source :where(.pagination,.wp-pagenavi,.nav-links,.page_navigation,.paging-navigation) :where(a:hover),
.sqv2-library-source :where(a.page-numbers:hover){background:#1d1a22!important;border-color:#1d1a22!important;color:#fff!important;}
.sqv2-library-source :where(.pagination,.wp-pagenavi,.nav-links,.page_navigation,.paging-navigation) :where(.next,.prev),
.sqv2-library-source :where(a.next,a.prev){min-width:52px!important;}
@media(max-width:1180px){.sqv2-library-source,.sqv2-library-source > div:has(img){grid-template-columns:repeat(3,minmax(180px,1fr))!important;gap:46px 30px!important;}.sqv2-library-source :where(a,article,li,div):has(> img),.sqv2-library-source :where(.df-book-wrapper,.df-book,.dflip-book,.dearflip-book,.df-element,._df_book,._df_thumb){max-width:240px!important;}}
@media(max-width:760px){.sqv2-library-source,.sqv2-library-source > div:has(img){grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:36px 18px!important;}.sqv2-library-source img{max-width:190px!important;}.sqv2-library-source :where(h2,h3,h4,.title,.book-title,.df-book-title,._df_book-title,p,strong){font-size:14.5px!important;}.sqv2-library-source :where(.pagination,.wp-pagenavi,.nav-links,.page_navigation,.paging-navigation) :where(a,span),.sqv2-library-source :where(a.page-numbers,span.page-numbers){min-width:40px!important;height:40px!important;padding:0 10px!important;}}
@media(max-width:460px){.sqv2-library-source,.sqv2-library-source > div:has(img){grid-template-columns:1fr!important;}.sqv2-library-source img{max-width:230px!important;}}

/* Step 21: rebuild V2 library cards from DearFlip posts; remove broken legacy overlay stripes. */
.sqv2-library-page{background:#f4efe5!important;padding:72px 0 108px!important;overflow:visible!important;}
.sqv2-library-page .container{max-width:1320px!important;}
.sqv2-library-source :where(a,article,li,div)::before,
.sqv2-library-source :where(a,article,li,div)::after{content:none!important;display:none!important;}
.sqv2-books-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:58px 42px!important;align-items:start!important;justify-items:center!important;width:100%!important;margin:0 auto!important;}
.sqv2-book-card{position:relative!important;display:block!important;width:100%!important;max-width:270px!important;padding:0 0 6px!important;text-decoration:none!important;color:#1d1a22!important;perspective:1300px!important;outline:none!important;}
.sqv2-book-visual{position:relative!important;display:block!important;width:min(100%,250px)!important;aspect-ratio:3/4!important;margin:0 auto 20px!important;transform-style:preserve-3d!important;}
.sqv2-book-visual::before{content:""!important;position:absolute!important;left:15px!important;right:7px!important;top:11px!important;bottom:10px!important;border-radius:4px 12px 12px 4px!important;background:#fff!important;box-shadow:10px 12px 0 rgba(255,255,255,.86), 15px 18px 26px rgba(24,20,14,.10)!important;z-index:0!important;transform:translateX(5px)!important;pointer-events:none!important;transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .3s ease!important;}
.sqv2-book-visual::after{content:""!important;position:absolute!important;left:18%!important;right:18%!important;bottom:-14px!important;height:16px!important;border-radius:999px!important;background:rgba(24,20,14,.14)!important;filter:blur(14px)!important;opacity:.55!important;z-index:-1!important;pointer-events:none!important;transition:opacity .3s ease,transform .3s ease!important;}
.sqv2-book-cover{position:absolute!important;inset:0!important;z-index:2!important;display:block!important;overflow:hidden!important;border-radius:4px 13px 13px 4px!important;background:#fff!important;box-shadow:0 22px 46px rgba(24,20,14,.16)!important;transform-origin:left center!important;transition:transform .52s cubic-bezier(.2,.8,.2,1),box-shadow .35s ease,filter .35s ease!important;backface-visibility:hidden!important;}
.sqv2-book-cover::before{content:""!important;position:absolute!important;inset:0 auto 0 0!important;width:18%!important;background:linear-gradient(90deg,rgba(0,0,0,.24),rgba(255,255,255,.12) 42%,rgba(0,0,0,0))!important;z-index:3!important;pointer-events:none!important;}
.sqv2-book-cover::after{content:""!important;position:absolute!important;inset:0!important;border:1px solid rgba(20,20,20,.08)!important;border-left-color:rgba(20,20,20,.18)!important;border-radius:inherit!important;z-index:4!important;pointer-events:none!important;}
.sqv2-book-cover img{display:block!important;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover!important;margin:0!important;border-radius:0!important;box-shadow:none!important;transform:none!important;filter:none!important;opacity:1!important;transition:transform .52s cubic-bezier(.2,.8,.2,1)!important;}
.sqv2-book-card:hover .sqv2-book-cover,
.sqv2-book-card:focus-visible .sqv2-book-cover{transform:translateY(-6px) rotateY(-20deg)!important;box-shadow:20px 26px 48px rgba(24,20,14,.18)!important;}
.sqv2-book-card:hover .sqv2-book-cover img,
.sqv2-book-card:focus-visible .sqv2-book-cover img{transform:scale(1.025)!important;}
.sqv2-book-card:hover .sqv2-book-visual::before,
.sqv2-book-card:focus-visible .sqv2-book-visual::before{transform:translateX(12px)!important;box-shadow:8px 10px 0 rgba(255,255,255,.9), 13px 16px 24px rgba(24,20,14,.11)!important;}
.sqv2-book-card:hover .sqv2-book-visual::after,
.sqv2-book-card:focus-visible .sqv2-book-visual::after{opacity:.32!important;transform:translateY(5px) scale(.88)!important;}
.sqv2-book-copy{display:block!important;text-align:center!important;max-width:286px!important;margin:0 auto!important;}
.sqv2-book-copy strong{display:block!important;min-height:44px!important;margin:0 0 12px!important;color:#1d1a22!important;font-size:18px!important;line-height:1.24!important;font-weight:850!important;letter-spacing:-.012em!important;}
.sqv2-book-copy em{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:38px!important;padding:0 16px!important;border:1px solid rgba(140,115,38,.30)!important;background:#fffaf0!important;color:#8c7326!important;font-style:normal!important;font-size:11px!important;line-height:1!important;font-weight:900!important;letter-spacing:.14em!important;text-transform:uppercase!important;box-shadow:none!important;}
.sqv2-book-card:hover .sqv2-book-copy em,
.sqv2-book-card:focus-visible .sqv2-book-copy em{background:#d5af32!important;border-color:#d5af32!important;color:#14110b!important;}
.sqv2-library-pagination{display:flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;width:100%!important;margin:58px auto 0!important;padding:0!important;}
.sqv2-library-pagination a,
.sqv2-library-pagination span{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:46px!important;height:46px!important;padding:0 14px!important;border:1px solid rgba(140,115,38,.28)!important;background:#fffaf0!important;color:#1d1a22!important;text-decoration:none!important;font-size:15px!important;font-weight:850!important;line-height:1!important;border-radius:0!important;box-shadow:none!important;}
.sqv2-library-pagination .current{background:#d5af32!important;border-color:#d5af32!important;color:#111!important;box-shadow:0 12px 28px rgba(177,144,42,.24)!important;}
.sqv2-library-pagination a:hover{background:#1d1a22!important;border-color:#1d1a22!important;color:#fff!important;}
@media(max-width:1180px){.sqv2-books-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:50px 30px!important;}.sqv2-book-card{max-width:250px!important;}}
@media(max-width:760px){.sqv2-books-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:38px 18px!important;}.sqv2-book-visual{width:min(100%,190px)!important;}.sqv2-book-copy strong{font-size:14.5px!important;min-height:38px!important;}.sqv2-library-pagination a,.sqv2-library-pagination span{min-width:40px!important;height:40px!important;padding:0 10px!important;}}
@media(max-width:460px){.sqv2-books-grid{grid-template-columns:1fr!important;}.sqv2-book-visual{width:min(72vw,230px)!important;}}

/* Step 23: hard-block legacy embedded old-site frames inside V2 article content. */
.sqv2-single-news .figma-article-content iframe,
.sqv2-single-news .figma-article-content object,
.sqv2-single-news .figma-article-content embed,
.sqv2-single-news .figma-article-content .wp-embedded-content,
.sqv2-single-news .figma-article-content blockquote.wp-embedded-content {
  display: none !important;
  visibility: hidden !important;
  width: 0 !important;
  height: 0 !important;
  max-height: 0 !important;
  overflow: hidden !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}

.sqv2-single-news .figma-article-content > p:empty,
.sqv2-single-news .figma-article-content > div:empty {
  display: none !important;
}

/* ============================================================
   Step 25: news filters, related navigation, district pages
   ============================================================ */
.sqv2-news-filter-tabs .chip{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;min-height:42px;border-radius:999px;border:1px solid rgba(140,115,38,.25);background:#fff;color:#3d372d;font-weight:800;padding:0 18px;transition:.22s ease}
.sqv2-news-filter-tabs .chip:hover,.sqv2-news-filter-tabs .chip.active{background:#1a1a1a;color:var(--gold);border-color:#1a1a1a;transform:translateY(-1px)}
.sqv2-article-nav{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:54px 0 72px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:22px 0}
.sqv2-article-nav>div{min-height:86px;background:#fff;border:1px solid var(--line);padding:20px 22px;display:flex;flex-direction:column;justify-content:center}
.sqv2-article-nav>div:nth-child(2){text-align:right}
.sqv2-article-nav span{font-size:11px;text-transform:uppercase;letter-spacing:.16em;color:var(--gold-dark);font-weight:900;margin-bottom:8px}
.sqv2-article-nav a{font-size:16px;line-height:1.35;color:#1d1a16;font-weight:850;text-decoration:none}
.sqv2-article-nav a:hover{color:var(--gold-dark)}
.sqv2-related-news{margin:0 0 86px}.sqv2-related-news .section-head{margin-bottom:24px}.section-kicker{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--gold-dark);font-weight:900;margin:0 0 8px}.sqv2-related-news h2{font-size:clamp(28px,3vw,42px);line-height:1.05;letter-spacing:-.045em;margin:0;color:#1a1a1a}.sqv2-related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.sqv2-related-card{background:#fff;border:1px solid var(--line);text-decoration:none;color:#1a1a1a;overflow:hidden;transition:.22s ease}.sqv2-related-card:hover{transform:translateY(-4px);box-shadow:0 18px 38px rgba(30,24,12,.09);border-color:rgba(140,115,38,.35)}.sqv2-related-card img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;background:#eee}.sqv2-related-card span{display:block;margin:18px 20px 8px;color:var(--gold-dark);font-size:12px;font-weight:850}.sqv2-related-card h3{font-size:18px;line-height:1.25;margin:0 20px 22px;letter-spacing:-.02em}
.district-list-page .districts-grid{display:grid;gap:28px}.district-page-card{display:grid!important;grid-template-columns:42% 58%;background:#fff;border:1px solid var(--line);min-height:320px;text-decoration:none;color:#1a1a1a;box-shadow:0 18px 42px rgba(30,24,12,.06);transition:.24s ease;overflow:hidden}.district-page-card:hover{transform:translateY(-4px);box-shadow:0 24px 54px rgba(30,24,12,.1);border-color:rgba(140,115,38,.35)}.district-page-card img{width:100%;height:100%;min-height:320px;object-fit:cover;transition:.5s ease}.district-page-card:hover img{transform:scale(1.035)}.district-page-card .areas-page-info{display:flex;flex-direction:column;justify-content:center;background:linear-gradient(135deg,#fff,#fff9ee);padding:42px}.district-page-card .areas-page-info h3{font-size:clamp(28px,3vw,42px);line-height:1.04;letter-spacing:-.045em;margin:0 0 16px}.district-page-card .areas-page-info p:not(.area-kicker){color:#5b554d;line-height:1.75;margin:0 0 24px}.district-page-card:nth-child(even){grid-template-columns:58% 42%}.district-page-card:nth-child(even) img{order:2}.district-detail-shell .district-detail-media{border-radius:0!important}.district-detail-shell .article-slider-track,.district-detail-shell .article-slide{height:100%}.district-detail-shell .article-slide img{width:100%;height:100%;object-fit:cover}.district-article{font-size:17px;line-height:1.9}.district-article h2,.district-article h3{letter-spacing:-.035em;color:#1a1a1a}.district-article img{display:none!important}.district-article .gallery,.district-article figure{display:none!important}.district-side-nav a{text-decoration:none}.district-side-nav a.active{padding-left:12px;border-left:3px solid var(--gold)}
@media(max-width:900px){.sqv2-article-nav,.sqv2-related-grid,.district-page-card,.district-page-card:nth-child(even),.district-detail-hero-grid,.district-article-grid{grid-template-columns:1fr!important}.district-page-card:nth-child(even) img{order:0}.sqv2-article-nav>div:nth-child(2){text-align:left}.district-page-card .areas-page-info{padding:30px}.district-side-nav{position:static!important}.sqv2-related-grid{gap:16px}}

/* ============================================================
   Step 26: ID-only news links, faster filter UX, corrected districts
   ============================================================ */
.sqv2-news-page .filters.sqv2-news-filter-tabs{
  background:#fff!important;
  border:1px solid var(--line)!important;
  box-shadow:0 10px 24px rgba(0,0,0,.04)!important;
  padding:16px!important;
  display:flex!important;
  flex-wrap:wrap!important;
  gap:12px!important;
  margin:0 0 54px!important;
  position:relative!important;
  z-index:4!important;
  border-radius:0!important;
  align-items:center!important;
}
.sqv2-news-page .sqv2-news-filter-tabs .filter-title{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  padding:8px 18px 8px 0!important;
  border-right:1px solid var(--line)!important;
  font-size:13px!important;
  font-weight:900!important;
  text-transform:uppercase!important;
  letter-spacing:.1em!important;
  color:#1d1a16!important;
}
.sqv2-news-page .sqv2-news-filter-tabs .chip{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:38px!important;
  border-radius:0!important;
  border:1px solid transparent!important;
  background:#fff!important;
  color:#666!important;
  font-size:14px!important;
  font-weight:800!important;
  line-height:1!important;
  padding:9px 15px!important;
  text-decoration:none!important;
  transition:background-color .16s ease,color .16s ease,border-color .16s ease,transform .16s ease!important;
}
.sqv2-news-page .sqv2-news-filter-tabs .chip:hover,
.sqv2-news-page .sqv2-news-filter-tabs .chip.active{
  background:var(--gold-dark)!important;
  color:#fff!important;
  border-color:var(--gold-dark)!important;
  transform:none!important;
}
.sqv2-news-page.is-filter-loading .news-grid,
.sqv2-news-page.is-filter-loading .sqv2-pagination,
.sqv2-news-page.is-filter-loading .sqv2-news-grid-empty{
  opacity:.42!important;
  pointer-events:none!important;
  transition:opacity .16s ease!important;
}
.sqv2-news-page.is-filter-loading .filters:after{
  content:"";
  width:18px;
  height:18px;
  border-radius:50%;
  border:2px solid rgba(140,115,38,.18);
  border-top-color:var(--gold-dark);
  margin-left:auto;
  animation:sqv2spin .75s linear infinite;
}
@keyframes sqv2spin{to{transform:rotate(360deg)}}
@media(max-width:760px){
  .sqv2-news-page .filters.sqv2-news-filter-tabs{gap:8px!important;padding:12px!important;margin-bottom:34px!important;overflow-x:auto!important;flex-wrap:nowrap!important;scrollbar-width:none!important;}
  .sqv2-news-page .filters.sqv2-news-filter-tabs::-webkit-scrollbar{display:none!important;}
  .sqv2-news-page .sqv2-news-filter-tabs .filter-title{display:none!important;}
  .sqv2-news-page .sqv2-news-filter-tabs .chip{white-space:nowrap!important;font-size:13px!important;}
}

/* ============================================================
   Step 27: corrected district sources + rounded V2 consistency
   ============================================================ */
.sqv2-body{
  --sqv2-radius-sm:12px;
  --sqv2-radius-md:18px;
  --sqv2-radius-lg:26px;
  --sqv2-radius-xl:34px;
}
.sqv2-body :where(.info-card,.news-card,.featured-card .media,.news-mini .media,.area-card,.district-card,.district-page-card,.sqv2-related-card,.sqv2-article-nav>div,.figma-article-image,.article-image-slider,.sqv2-search-panel,.page-hero,.contact-card,.sqv2-book-card,.placeholder-card){
  border-radius:var(--sqv2-radius-lg)!important;
}
.sqv2-body :where(.district-page-card,.area-card,.district-card,.sqv2-related-card,.news-card,.featured-card .media,.figma-article-image,.article-image-slider){
  overflow:hidden!important;
}
.sqv2-body :where(.primary-btn,.hero-cta,.section-action,.text-link,.sqv2-news-filter-tabs .chip,.sqv2-pagination a,.sqv2-pagination span,.sqv2-library-pagination a,.sqv2-library-pagination span){
  border-radius:999px!important;
}
.sqv2-body :where(.dropdown,.mobile-menu,.sqv2-search-suggestions,.sqv2-search-suggestions a){
  border-radius:var(--sqv2-radius-md)!important;
}
.district-section .area-strip{padding-left:max(32px,calc((100vw - var(--container))/2 + 32px));padding-right:max(32px,calc((100vw - var(--container))/2 + 32px));}
.district-card{box-shadow:0 24px 56px rgba(30,24,12,.12)!important;border:1px solid rgba(255,255,255,.12)!important;}
.district-card:after{border-radius:inherit!important;}
.district-page-card{border-radius:28px!important;box-shadow:0 22px 54px rgba(30,24,12,.08)!important;}
.district-page-card img{border-radius:0!important;}
.district-detail-shell .district-detail-media{border-radius:28px!important;box-shadow:0 28px 70px rgba(30,24,12,.12)!important;}
.district-side-nav{border-radius:22px!important;overflow:hidden!important;}
.district-side-nav a{border-radius:14px!important;}
.district-side-nav a.active{border-left:0!important;background:#1d1a16!important;color:var(--gold)!important;padding-left:16px!important;}
.sqv2-news-page .filters.sqv2-news-filter-tabs{border-radius:22px!important;}
.sqv2-news-page .sqv2-news-filter-tabs .chip{border-radius:999px!important;}
@media(max-width:900px){.district-page-card,.district-detail-shell .district-detail-media{border-radius:22px!important}}


/* ============================================================
   Step 28: district slider fit mode + fullscreen controls
   ============================================================ */
.sqv2-body .district-detail-shell .district-detail-media.article-image-slider,
.sqv2-body .district-detail-shell .district-fit-slider{
  background:#151515!important;
  border-radius:28px!important;
  box-shadow:0 28px 80px rgba(0,0,0,.16)!important;
}
.sqv2-body .district-detail-shell .district-fit-slider .article-slide{
  background:#151515!important;
}
.sqv2-body .district-detail-shell .district-fit-slider .article-slide img{
  object-fit:contain!important;
  object-position:center!important;
  background:#151515!important;
  padding:0!important;
}
.sqv2-body .district-detail-shell .district-fit-slider .article-slider-dots{
  bottom:18px!important;
  gap:9px!important;
  max-width:calc(100% - 48px)!important;
  flex-wrap:wrap!important;
  justify-content:center!important;
}
.sqv2-body .district-detail-shell .district-fit-slider .article-slider-dot{
  width:10px!important;
  height:10px!important;
  background:rgba(255,255,255,.62)!important;
  border:1px solid rgba(255,255,255,.72)!important;
  box-shadow:0 2px 8px rgba(0,0,0,.18)!important;
  opacity:1!important;
}
.sqv2-body .district-detail-shell .district-fit-slider .article-slider-dot.is-active{
  background:var(--gold)!important;
  border-color:var(--gold)!important;
  transform:scale(1.28)!important;
  box-shadow:0 0 0 4px rgba(212,175,55,.22),0 2px 10px rgba(0,0,0,.2)!important;
}
.sqv2-body .article-slider-fullscreen{
  position:absolute!important;
  top:18px!important;
  right:18px!important;
  z-index:5!important;
  width:44px!important;
  height:44px!important;
  border-radius:999px!important;
  border:1px solid rgba(255,255,255,.6)!important;
  background:rgba(255,255,255,.92)!important;
  color:#161616!important;
  display:grid!important;
  place-items:center!important;
  font-size:20px!important;
  line-height:1!important;
  cursor:pointer!important;
  box-shadow:0 12px 28px rgba(0,0,0,.18)!important;
  transition:transform .18s ease, background .18s ease, color .18s ease!important;
}
.sqv2-body .article-slider-fullscreen:hover{
  transform:translateY(-1px)!important;
  background:var(--gold)!important;
  color:#111!important;
}
html.sqv2-slider-fullscreen-open,
body.sqv2-slider-fullscreen-open{
  overflow:hidden!important;
}
.sqv2-body .article-image-slider.is-fullscreen{
  position:fixed!important;
  z-index:999999!important;
  inset:0!important;
  width:100vw!important;
  height:100vh!important;
  max-height:none!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  aspect-ratio:auto!important;
  background:#101010!important;
  box-shadow:none!important;
}
.sqv2-body .article-image-slider.is-fullscreen .article-slide img{
  object-fit:contain!important;
  background:#101010!important;
}
.sqv2-body .article-image-slider.is-fullscreen .article-slider-prev{left:28px!important;}
.sqv2-body .article-image-slider.is-fullscreen .article-slider-next{right:28px!important;}
.sqv2-body .article-image-slider.is-fullscreen .article-slider-fullscreen{
  top:26px!important;
  right:26px!important;
}
.sqv2-body .article-image-slider.is-fullscreen .article-slider-fullscreen span{font-size:0!important;}
.sqv2-body .article-image-slider.is-fullscreen .article-slider-fullscreen span:before{
  content:'×';
  font-size:34px!important;
  line-height:1!important;
}
.sqv2-body .article-image-slider.is-fullscreen .article-slider-dots{
  bottom:28px!important;
}
@media(max-width:700px){
  .sqv2-body .district-detail-shell .district-detail-media.article-image-slider,
  .sqv2-body .district-detail-shell .district-fit-slider{border-radius:20px!important;}
  .sqv2-body .article-slider-fullscreen{width:40px!important;height:40px!important;top:14px!important;right:14px!important;}
}


/* ============================================================
   Step 29: district slider dots/fullscreen refinement
   ============================================================ */
.sqv2-body .district-detail-shell .district-fit-slider{
  overflow:hidden!important;
}
.sqv2-body .district-detail-shell .district-fit-slider .article-slider-track{
  bottom:58px!important;
  inset-block-end:58px!important;
  background:#151515!important;
}
.sqv2-body .district-detail-shell .district-fit-slider .article-slider-dots{
  left:50%!important;
  right:auto!important;
  bottom:17px!important;
  transform:translateX(-50%)!important;
  width:min(72%,520px)!important;
  max-width:calc(100% - 150px)!important;
  height:24px!important;
  padding:6px 8px!important;
  display:flex!important;
  flex-wrap:nowrap!important;
  justify-content:flex-start!important;
  align-items:center!important;
  gap:9px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  scroll-behavior:smooth!important;
  scrollbar-width:none!important;
  border-radius:999px!important;
  background:rgba(0,0,0,.18)!important;
  backdrop-filter:blur(8px)!important;
  -webkit-backdrop-filter:blur(8px)!important;
}
.sqv2-body .district-detail-shell .district-fit-slider .article-slider-dots::-webkit-scrollbar{display:none!important;}
.sqv2-body .district-detail-shell .district-fit-slider .article-slider-dot{
  flex:0 0 auto!important;
  width:9px!important;
  height:9px!important;
  min-width:9px!important;
  min-height:9px!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.48)!important;
  border:1px solid rgba(255,255,255,.65)!important;
  box-shadow:none!important;
  opacity:1!important;
  transition:background .2s ease,border-color .2s ease,transform .2s ease,box-shadow .2s ease!important;
}
.sqv2-body .district-detail-shell .district-fit-slider .article-slider-dot.is-active{
  background:var(--gold)!important;
  border-color:var(--gold)!important;
  transform:scale(1.28)!important;
  box-shadow:0 0 0 4px rgba(212,175,55,.2)!important;
}
.sqv2-body .district-detail-shell .district-fit-slider .article-slider-btn,
.sqv2-body .article-image-slider.is-fullscreen .article-slider-btn{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  font-size:0!important;
  line-height:1!important;
  text-align:center!important;
}
.sqv2-body .district-detail-shell .district-fit-slider .article-slider-btn:before,
.sqv2-body .article-image-slider.is-fullscreen .article-slider-btn:before{
  content:''!important;
  display:block!important;
  width:10px!important;
  height:10px!important;
  border-top:3px solid currentColor!important;
  border-right:3px solid currentColor!important;
  transform-origin:center!important;
}
.sqv2-body .district-detail-shell .district-fit-slider .article-slider-prev:before,
.sqv2-body .article-image-slider.is-fullscreen .article-slider-prev:before{
  transform:rotate(-135deg)!important;
  margin-left:4px!important;
}
.sqv2-body .district-detail-shell .district-fit-slider .article-slider-next:before,
.sqv2-body .article-image-slider.is-fullscreen .article-slider-next:before{
  transform:rotate(45deg)!important;
  margin-right:4px!important;
}
.sqv2-body .article-slider-fullscreen{
  width:38px!important;
  height:38px!important;
  font-size:0!important;
}
.sqv2-body .article-slider-fullscreen span{font-size:0!important;}
.sqv2-body .article-slider-fullscreen span:before{
  content:'⛶'!important;
  font-size:17px!important;
  line-height:1!important;
  display:block!important;
}
body.sqv2-slider-fullscreen-open:before{
  content:''!important;
  position:fixed!important;
  inset:0!important;
  z-index:999998!important;
  background:rgba(12,12,12,.66)!important;
  backdrop-filter:blur(9px)!important;
  -webkit-backdrop-filter:blur(9px)!important;
}
.sqv2-body .article-image-slider.is-fullscreen{
  position:fixed!important;
  z-index:999999!important;
  top:50%!important;
  left:50%!important;
  right:auto!important;
  bottom:auto!important;
  transform:translate(-50%,-50%)!important;
  width:min(94vw,1240px)!important;
  height:min(88vh,820px)!important;
  max-height:min(88vh,820px)!important;
  margin:0!important;
  border:1px solid rgba(255,255,255,.18)!important;
  border-radius:28px!important;
  aspect-ratio:auto!important;
  background:#101010!important;
  box-shadow:0 38px 120px rgba(0,0,0,.48)!important;
  overflow:hidden!important;
}
.sqv2-body .article-image-slider.is-fullscreen .article-slider-track{
  inset:0!important;
  bottom:64px!important;
  inset-block-end:64px!important;
  background:#101010!important;
}
.sqv2-body .article-image-slider.is-fullscreen .article-slide img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
  background:#101010!important;
}
.sqv2-body .article-image-slider.is-fullscreen .article-slider-fullscreen{
  top:18px!important;
  right:18px!important;
  width:38px!important;
  height:38px!important;
  z-index:7!important;
}
.sqv2-body .article-image-slider.is-fullscreen .article-slider-fullscreen span:before{
  content:'×'!important;
  font-size:28px!important;
  line-height:.9!important;
}
.sqv2-body .article-image-slider.is-fullscreen .article-slider-dots{
  bottom:20px!important;
  width:min(62%,560px)!important;
  max-width:calc(100% - 180px)!important;
}
.sqv2-body .article-image-slider.is-fullscreen .article-slider-prev{left:22px!important;}
.sqv2-body .article-image-slider.is-fullscreen .article-slider-next{right:22px!important;}
@media(max-width:700px){
  .sqv2-body .district-detail-shell .district-fit-slider .article-slider-track{bottom:52px!important;inset-block-end:52px!important;}
  .sqv2-body .district-detail-shell .district-fit-slider .article-slider-dots{width:min(66%,360px)!important;max-width:calc(100% - 124px)!important;bottom:14px!important;}
  .sqv2-body .article-image-slider.is-fullscreen{width:94vw!important;height:82vh!important;border-radius:20px!important;}
  .sqv2-body .article-image-slider.is-fullscreen .article-slider-track{bottom:56px!important;inset-block-end:56px!important;}
  .sqv2-body .article-image-slider.is-fullscreen .article-slider-dots{width:min(64%,320px)!important;max-width:calc(100% - 132px)!important;bottom:16px!important;}
  .sqv2-body .article-image-slider.is-fullscreen .article-slider-prev{left:12px!important;}
  .sqv2-body .article-image-slider.is-fullscreen .article-slider-next{right:12px!important;}
}


/* ============================================================
   Step 30: sharp-corner design consistency + image fullscreen everywhere
   ============================================================ */
/* Global V2 sharp-corner rule. Keep only DearFlip/book listing internals rounded. */
.sqv2-body :where(
  .page-hero,.sqv2-news-hero,.sqv2-about-hero,.info-card,.news-card,.news-airbnb-card,
  .news-airbnb-media,.featured-card .media,.news-mini .media,.area-card,.district-card,
  .district-page-card,.district-detail-media,.district-side-nav,.district-side-nav a,
  .sqv2-related-card,.sqv2-article-nav>div,.figma-article-image,.article-image-slider,
  .sqv2-search-panel,.sqv2-search-suggestions,.sqv2-search-suggestions a,.contact-card,
  .placeholder-card,.primary-btn,.hero-cta,.section-action,.text-link,.chip,
  .sqv2-news-filter-tabs,.sqv2-news-filter-tabs .chip,.sqv2-pagination a,.sqv2-pagination span,
  .sqv2-library-pagination a,.sqv2-library-pagination span,.round-btn,.article-slider-btn,
  .article-slider-fullscreen,.article-slider-dots,.article-slider-dot,.dropdown,.mobile-menu
){border-radius:0!important;}
.sqv2-body .sqv2-library-page :where(.sqv2-book-card,.sqv2-book-cover,.sqv2-book-cover img,.sqv2-book-open,.sqv2-book-reader,.sqv2-book-stage),
.sqv2-body .sqv2-book-card :where(*){border-radius:revert-layer;}

/* Remove decorative rounded cutouts from page heroes. */
.sqv2-body .page-hero:before,.sqv2-body .page-hero:after,
.sqv2-body .sqv2-news-hero:before,.sqv2-body .sqv2-news-hero:after,
.sqv2-body .districts-hero:before,.sqv2-body .districts-hero:after{display:none!important;content:none!important;}
.sqv2-body .page-hero,.sqv2-body .sqv2-news-hero{border-radius:0!important;overflow:hidden!important;}

/* Unify active UI state across news filters and district navigation. */
.sqv2-news-page .sqv2-news-filter-tabs .chip.active,
.sqv2-news-page .sqv2-news-filter-tabs .chip:hover,
.district-side-nav a.active,
.district-side-nav a:hover{
  background:var(--gold)!important;
  color:#151515!important;
  border-color:var(--gold)!important;
}
.district-side-nav a.active{padding-left:16px!important;border-left:0!important;}

/* Standard action buttons: Bütün xəbərlər / Bütün qəzalar and similar. */
.sqv2-body .section-action,
.sqv2-body .news-airbnb-actions .section-action,
.sqv2-body .area-controls .section-action,
.sqv2-body .district-see-all{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:42px!important;
  padding:0 18px!important;
  border:1px solid #151515!important;
  border-bottom:1px solid #151515!important;
  background:transparent!important;
  color:#151515!important;
  text-decoration:none!important;
  font-size:12px!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:.14em!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
  box-shadow:none!important;
}
.sqv2-body .section-action:hover,
.sqv2-body .district-see-all:hover{
  background:var(--gold)!important;
  border-color:var(--gold)!important;
  color:#151515!important;
}
.sqv2-body .round-btn,
.sqv2-body .news-airbnb-actions .round-btn,
.sqv2-body .area-controls .round-btn{
  border-radius:0!important;
  width:42px!important;
  height:42px!important;
  min-width:42px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
}
.sqv2-body .round-btn svg{display:block!important;margin:0!important;}
.sqv2-body .news-airbnb-actions,.sqv2-body .area-controls{align-items:center!important;gap:10px!important;}

/* Home districts: prevent the fourth visible card from being clipped on desktop. */
.sqv2-body .district-section .container{overflow:visible!important;}
.sqv2-body .district-section .container > .district-strip{
  width:100%!important;
  max-width:100%!important;
  padding-left:0!important;
  padding-right:0!important;
  padding-bottom:14px!important;
  margin:0!important;
  overflow-x:auto!important;
  scroll-padding-left:0!important;
}
.sqv2-body .district-section .district-card{
  flex:0 0 calc((100% - 66px)/4)!important;
  min-width:0!important;
  max-width:none!important;
  width:auto!important;
  border-radius:0!important;
}
@media(max-width:1280px){.sqv2-body .district-section .district-card{flex-basis:calc((100% - 44px)/3)!important;}}
@media(max-width:980px){.sqv2-body .district-section .district-card{flex-basis:calc((100% - 22px)/2)!important;}}
@media(max-width:760px){.sqv2-body .district-section .district-card{flex-basis:86vw!important;}}

/* Fullscreen controls for all V2 article image sliders. */
.sqv2-body .figma-article-image.article-image-slider{position:relative!important;overflow:hidden!important;}
.sqv2-body .figma-article-image.article-image-slider .article-slider-fullscreen{
  position:absolute!important;
  top:14px!important;
  right:14px!important;
  z-index:8!important;
  width:34px!important;
  height:34px!important;
  min-width:34px!important;
  border-radius:0!important;
  border:1px solid rgba(255,255,255,.75)!important;
  background:rgba(255,255,255,.94)!important;
  color:#151515!important;
  display:grid!important;
  place-items:center!important;
  padding:0!important;
  cursor:pointer!important;
  box-shadow:0 12px 28px rgba(0,0,0,.16)!important;
}
.sqv2-body .figma-article-image.article-image-slider .article-slider-fullscreen span:before{
  content:'⛶'!important;
  font-size:15px!important;
  line-height:1!important;
  display:block!important;
}
.sqv2-body .figma-article-image.article-image-slider .article-slider-fullscreen:hover{background:var(--gold)!important;border-color:var(--gold)!important;color:#151515!important;}
.sqv2-body .figma-article-image.article-image-slider .article-slider-dots{
  left:50%!important;
  right:auto!important;
  bottom:14px!important;
  transform:translateX(-50%)!important;
  width:min(70%,520px)!important;
  max-width:calc(100% - 150px)!important;
  height:24px!important;
  padding:6px 8px!important;
  display:flex!important;
  flex-wrap:nowrap!important;
  justify-content:flex-start!important;
  align-items:center!important;
  gap:9px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  scroll-behavior:smooth!important;
  scrollbar-width:none!important;
  border-radius:0!important;
  background:rgba(0,0,0,.22)!important;
  backdrop-filter:blur(8px)!important;
  -webkit-backdrop-filter:blur(8px)!important;
}
.sqv2-body .figma-article-image.article-image-slider .article-slider-dots::-webkit-scrollbar{display:none!important;}
.sqv2-body .figma-article-image.article-image-slider .article-slider-dot{
  flex:0 0 auto!important;
  width:9px!important;
  height:9px!important;
  min-width:9px!important;
  min-height:9px!important;
  border-radius:0!important;
  background:rgba(255,255,255,.5)!important;
  border:1px solid rgba(255,255,255,.72)!important;
  opacity:1!important;
  box-shadow:none!important;
}
.sqv2-body .figma-article-image.article-image-slider .article-slider-dot.is-active{
  background:var(--gold)!important;
  border-color:var(--gold)!important;
  box-shadow:0 0 0 3px rgba(212,175,55,.22)!important;
}
.sqv2-body .article-image-slider .article-slider-btn,
.sqv2-body .article-image-slider.is-fullscreen .article-slider-btn{
  border-radius:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  font-size:0!important;
  line-height:1!important;
}
.sqv2-body .article-image-slider .article-slider-btn:before,
.sqv2-body .article-image-slider.is-fullscreen .article-slider-btn:before{
  content:''!important;
  display:block!important;
  width:10px!important;
  height:10px!important;
  border-top:3px solid currentColor!important;
  border-right:3px solid currentColor!important;
  transform-origin:center!important;
}
.sqv2-body .article-image-slider .article-slider-prev:before,
.sqv2-body .article-image-slider.is-fullscreen .article-slider-prev:before{transform:rotate(-135deg)!important;margin-left:4px!important;}
.sqv2-body .article-image-slider .article-slider-next:before,
.sqv2-body .article-image-slider.is-fullscreen .article-slider-next:before{transform:rotate(45deg)!important;margin-right:4px!important;}
body.sqv2-slider-fullscreen-open:before{
  content:''!important;
  position:fixed!important;
  inset:0!important;
  z-index:999998!important;
  background:rgba(12,12,12,.68)!important;
  backdrop-filter:blur(9px)!important;
  -webkit-backdrop-filter:blur(9px)!important;
}
.sqv2-body .article-image-slider.is-fullscreen{
  position:fixed!important;
  z-index:999999!important;
  top:50%!important;
  left:50%!important;
  right:auto!important;
  bottom:auto!important;
  transform:translate(-50%,-50%)!important;
  width:min(94vw,1240px)!important;
  height:min(88vh,820px)!important;
  max-height:min(88vh,820px)!important;
  margin:0!important;
  border:1px solid rgba(255,255,255,.18)!important;
  border-radius:0!important;
  aspect-ratio:auto!important;
  background:#101010!important;
  box-shadow:0 38px 120px rgba(0,0,0,.48)!important;
  overflow:hidden!important;
}
.sqv2-body .article-image-slider.is-fullscreen .article-slider-track{inset:0!important;bottom:58px!important;inset-block-end:58px!important;background:#101010!important;}
.sqv2-body .article-image-slider.is-fullscreen .article-slide img{width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important;background:#101010!important;}
.sqv2-body .article-image-slider.is-fullscreen .article-slider-fullscreen{top:14px!important;right:14px!important;width:34px!important;height:34px!important;z-index:9!important;}
.sqv2-body .article-image-slider.is-fullscreen .article-slider-fullscreen span:before{content:'×'!important;font-size:28px!important;line-height:.85!important;}
.sqv2-body .article-image-slider.is-fullscreen .article-slider-dots{bottom:16px!important;width:min(62%,560px)!important;max-width:calc(100% - 180px)!important;}
.sqv2-body .article-image-slider.is-fullscreen .article-slider-prev{left:18px!important;}
.sqv2-body .article-image-slider.is-fullscreen .article-slider-next{right:18px!important;}
@media(max-width:700px){
  .sqv2-body .article-image-slider.is-fullscreen{width:94vw!important;height:82vh!important;}
  .sqv2-body .figma-article-image.article-image-slider .article-slider-dots,
  .sqv2-body .article-image-slider.is-fullscreen .article-slider-dots{width:min(64%,320px)!important;max-width:calc(100% - 132px)!important;}
}

/* ============================================================
   Step 31: Figma branding pass - square geometry, news/areas polish
   ============================================================ */
.sqv2-body{
  --sqv2-ink:#1a1a1a;
  --sqv2-paper:#fcfbf9;
  --sqv2-line:#e5e1d8;
  --sqv2-gold:#8c7326;
  --sqv2-gold-bright:#d4af37;
}

/* Final geometry decision: square corners site-wide, except DearFlip/library book cards. */
.sqv2-body *:not(.sqv2-library-page *):not(.sqv2-book-card *):not(.df-ui *):not(.df-book-wrapper *):not(.df-container *):not([class*="df-"]){
  border-radius:0!important;
}
.sqv2-body .sqv2-library-page :where(.sqv2-book-card,.sqv2-book-card *,.sqv2-book-cover,.sqv2-book-cover *,.sqv2-book-open){
  border-radius:revert-layer!important;
}

/* Prevent leftover decorative curved cutouts on dark page headers. */
.sqv2-body :where(.page-hero,.sqv2-news-hero,.districts-hero,.sqv2-about-hero){
  border-radius:0!important;
  overflow:visible!important;
  clip-path:none!important;
}
.sqv2-body :where(.page-hero,.sqv2-news-hero,.districts-hero,.sqv2-about-hero)::before,
.sqv2-body :where(.page-hero,.sqv2-news-hero,.districts-hero,.sqv2-about-hero)::after,
.sqv2-body .page-hero > :where(.corner,.hero-corner){
  display:none!important;
  content:none!important;
}

/* News listing header: closer to the Figma page head. */
.sqv2-body .sqv2-news-hero{
  margin-top:112px!important;
  background:#1a1a1a!important;
  color:#fff!important;
  text-align:center!important;
  padding:70px 24px 116px!important;
  border-bottom:0!important;
}
.sqv2-body .sqv2-news-hero .breadcrumbs{
  margin-bottom:26px!important;
  color:var(--sqv2-gold-bright)!important;
  font-size:12px!important;
  font-weight:900!important;
  letter-spacing:.16em!important;
}
.sqv2-body .sqv2-news-hero .breadcrumbs a{color:var(--sqv2-gold-bright)!important;}
.sqv2-body .sqv2-news-hero h1{
  font-family:'Playfair Display',Georgia,serif!important;
  font-size:clamp(44px,5vw,70px)!important;
  line-height:.98!important;
  letter-spacing:-.035em!important;
  font-weight:600!important;
  color:#fff!important;
  margin:0 0 22px!important;
}
.sqv2-body .sqv2-news-hero p{
  max-width:720px!important;
  color:rgba(255,255,255,.72)!important;
  font-size:17px!important;
  line-height:1.7!important;
}

/* Filter bar: Figma placement, square active state, consistent gold with district nav. */
.sqv2-body .sqv2-news-page{
  background:#fcfbf9!important;
  padding-top:0!important;
}
.sqv2-body .sqv2-news-page > .container{
  width:min(100% - 56px, 1240px)!important;
  margin-inline:auto!important;
}
.sqv2-body .sqv2-news-page .filters.sqv2-news-filter-tabs{
  margin:-50px auto 54px!important;
  background:#fff!important;
  border:1px solid var(--sqv2-line)!important;
  box-shadow:0 10px 22px rgba(0,0,0,.08)!important;
  min-height:74px!important;
  padding:16px 22px!important;
  gap:22px!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  border-radius:0!important;
}
.sqv2-body .sqv2-news-page .sqv2-news-filter-tabs .filter-title{
  position:relative!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:11px!important;
  min-height:42px!important;
  padding:0 24px 0 6px!important;
  border-right:1px solid var(--sqv2-line)!important;
  color:#1a1a1a!important;
  font-size:13px!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:.14em!important;
  text-transform:uppercase!important;
}
.sqv2-body .sqv2-news-page .sqv2-news-filter-tabs .filter-title:before{
  content:''!important;
  width:15px!important;
  height:15px!important;
  display:inline-block!important;
  background:currentColor!important;
  clip-path:polygon(0 0,100% 0,62% 48%,62% 100%,38% 100%,38% 48%)!important;
  opacity:.9!important;
}
.sqv2-body .sqv2-news-page .sqv2-news-filter-tabs .chip{
  min-height:42px!important;
  padding:0 18px!important;
  border:1px solid transparent!important;
  background:transparent!important;
  color:#57524b!important;
  font-size:15px!important;
  font-weight:700!important;
  letter-spacing:0!important;
  text-transform:none!important;
  box-shadow:none!important;
}
.sqv2-body .sqv2-news-page .sqv2-news-filter-tabs .chip:hover,
.sqv2-body .sqv2-news-page .sqv2-news-filter-tabs .chip.active,
.sqv2-body .district-side-nav a:hover,
.sqv2-body .district-side-nav a.active{
  background:var(--sqv2-gold)!important;
  border-color:var(--sqv2-gold)!important;
  color:#fff!important;
  box-shadow:none!important;
  transform:none!important;
}
.sqv2-body .district-side-nav a.active{padding-left:16px!important;border-left:0!important;}

/* News cards: Figma-like white cards, image ratio, serif titles, square corners. */
.sqv2-body .sqv2-news-grid-compact.news-grid{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:32px!important;
}
.sqv2-body .sqv2-news-card-compact.news-card{
  background:#fff!important;
  border:1px solid var(--sqv2-line)!important;
  color:#1a1a1a!important;
  box-shadow:none!important;
  transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease!important;
}
.sqv2-body .sqv2-news-card-compact.news-card:hover{
  border-color:rgba(140,115,38,.45)!important;
  box-shadow:0 18px 42px rgba(30,24,12,.08)!important;
  transform:translateY(-3px)!important;
}
.sqv2-body .sqv2-news-card-compact .news-card-media{
  aspect-ratio:4/3!important;
  height:auto!important;
  background:#eee!important;
  overflow:hidden!important;
}
.sqv2-body .sqv2-news-card-compact .news-card-media img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  filter:none!important;
}
.sqv2-body .sqv2-news-card-compact .news-card-body{
  padding:28px 26px 26px!important;
  min-height:270px!important;
}
.sqv2-body .sqv2-news-card-compact .news-date{
  display:block!important;
  color:var(--sqv2-gold)!important;
  font-size:11px!important;
  letter-spacing:.16em!important;
  font-weight:900!important;
  text-transform:uppercase!important;
  margin:0 0 16px!important;
}
.sqv2-body .sqv2-news-card-compact h3{
  font-family:'Playfair Display',Georgia,serif!important;
  font-size:clamp(22px,1.8vw,29px)!important;
  line-height:1.16!important;
  letter-spacing:-.035em!important;
  font-weight:600!important;
  min-height:0!important;
  color:#1a1a1a!important;
  margin:0 0 18px!important;
  -webkit-line-clamp:3!important;
}
.sqv2-body .sqv2-news-card-compact:hover h3{color:var(--sqv2-gold)!important;}
.sqv2-body .sqv2-news-card-compact p{
  color:#666!important;
  font-size:15px!important;
  line-height:1.65!important;
  margin:0 0 22px!important;
  -webkit-line-clamp:3!important;
}
.sqv2-body .sqv2-news-card-compact .sqv2-more-link{
  color:#1a1a1a!important;
  font-size:12px!important;
  font-weight:900!important;
  letter-spacing:.14em!important;
  text-transform:uppercase!important;
}
.sqv2-body .sqv2-news-card-compact:hover .sqv2-more-link{color:var(--sqv2-gold)!important;}

/* Action links: remove abnormal pill/button look; use Figma underline link style. */
.sqv2-body :where(.home-news,.district-section) .section-action,
.sqv2-body .sqv2-related-news .section-action{
  display:inline-flex!important;
  align-items:center!important;
  min-height:auto!important;
  padding:0 0 8px!important;
  border:0!important;
  border-bottom:1px solid currentColor!important;
  background:transparent!important;
  color:#1a1a1a!important;
  font-size:13px!important;
  font-weight:900!important;
  letter-spacing:.14em!important;
  text-transform:uppercase!important;
  text-decoration:none!important;
  box-shadow:none!important;
}
.sqv2-body :where(.home-news,.district-section) .section-action:hover,
.sqv2-body .sqv2-related-news .section-action:hover{
  background:transparent!important;
  border-color:var(--sqv2-gold)!important;
  color:var(--sqv2-gold)!important;
}
.sqv2-body :where(.home-news,.district-section) .round-btn{
  border-radius:50%!important;
  width:46px!important;
  height:46px!important;
  min-width:46px!important;
  border:1px solid var(--sqv2-line)!important;
  background:#fff!important;
  color:#1a1a1a!important;
}
.sqv2-body :where(.home-news,.district-section) .round-btn:hover{
  background:var(--sqv2-gold)!important;
  border-color:var(--sqv2-gold)!important;
  color:#fff!important;
}

/* Home areas/districts: Figma horizontal strip, no square clipping at the right edge. */
.sqv2-body .district-section{
  background:#fcfbf9!important;
  padding:88px 0 104px!important;
}
.sqv2-body .district-section .section-head{
  display:flex!important;
  align-items:flex-end!important;
  justify-content:space-between!important;
  gap:32px!important;
  margin-bottom:44px!important;
}
.sqv2-body .district-section .section-title,
.sqv2-body .district-section .section-title-gold{
  font-family:'Playfair Display',Georgia,serif!important;
  font-size:clamp(42px,4vw,62px)!important;
  font-weight:600!important;
  letter-spacing:-.045em!important;
  color:#1a1a1a!important;
  line-height:1!important;
}
.sqv2-body .district-section .section-intro{
  max-width:690px!important;
  font-size:17px!important;
  line-height:1.65!important;
  color:#5b6472!important;
}
.sqv2-body .district-section .container > .district-strip{
  width:calc(100vw - max(32px,calc((100vw - var(--container))/2)))!important;
  max-width:none!important;
  margin-left:0!important;
  padding:0 max(42px,calc((100vw - var(--container))/2 + 80px)) 20px 0!important;
  gap:28px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  scroll-snap-type:x mandatory!important;
  scroll-padding-left:0!important;
}
.sqv2-body .district-section .district-card{
  flex:0 0 min(400px,28vw)!important;
  width:min(400px,28vw)!important;
  aspect-ratio:4/5!important;
  height:auto!important;
  min-height:430px!important;
  background:#1a1a1a!important;
  border:0!important;
  box-shadow:none!important;
  overflow:hidden!important;
  scroll-snap-align:start!important;
}
.sqv2-body .district-section .district-card img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
}
.sqv2-body .district-section .district-card:after{
  background:linear-gradient(to top,rgba(26,26,26,.9),rgba(26,26,26,.25) 60%,rgba(26,26,26,0))!important;
}
.sqv2-body .district-section .area-info{
  padding:30px!important;
}
.sqv2-body .district-section .area-info h3{
  font-family:'Playfair Display',Georgia,serif!important;
  font-size:28px!important;
  line-height:1.15!important;
  font-weight:600!important;
}
.sqv2-body .district-section .area-info .area-kicker{display:none!important;}
@media(max-width:1180px){.sqv2-body .district-section .district-card{flex-basis:340px!important;width:340px!important;}}
@media(max-width:760px){
  .sqv2-body .sqv2-news-hero{margin-top:100px!important;padding:54px 20px 94px!important;}
  .sqv2-body .sqv2-news-hero h1{font-size:40px!important;}
  .sqv2-body .sqv2-news-page > .container{width:min(100% - 32px,1240px)!important;}
  .sqv2-body .sqv2-news-page .filters.sqv2-news-filter-tabs{margin-top:-38px!important;flex-wrap:nowrap!important;gap:10px!important;overflow-x:auto!important;padding:12px!important;}
  .sqv2-body .sqv2-news-page .sqv2-news-filter-tabs .filter-title{display:none!important;}
  .sqv2-body .sqv2-news-grid-compact.news-grid{grid-template-columns:1fr!important;gap:20px!important;}
  .sqv2-body .sqv2-news-card-compact .news-card-body{min-height:0!important;padding:22px!important;}
  .sqv2-body .district-section .section-head{display:block!important;}
  .sqv2-body .district-section .area-controls{margin-top:22px!important;}
  .sqv2-body .district-section .district-card{flex-basis:82vw!important;width:82vw!important;min-height:360px!important;}
}

/* Article header: Figma structure, but keep title intentionally smaller than the original concept. Body layout remains untouched. */
.sqv2-body .sqv2-article-head-light{
  background:#fcfbf9!important;
  border-bottom:1px solid var(--sqv2-line)!important;
  padding:56px 0 66px!important;
  text-align:center!important;
}
.sqv2-body .sqv2-article-head-light .article-container{width:min(100% - 56px,960px)!important;}
.sqv2-body .sqv2-article-head-light .breadcrumbs,
.sqv2-body .sqv2-article-head-light .article-meta-line{
  font-size:12px!important;
  font-weight:900!important;
  letter-spacing:.16em!important;
  color:var(--sqv2-gold)!important;
  margin-bottom:22px!important;
}
.sqv2-body .sqv2-article-head-light h1{
  font-family:'Playfair Display',Georgia,serif!important;
  font-size:clamp(34px,3.6vw,52px)!important;
  line-height:1.12!important;
  font-weight:600!important;
  letter-spacing:-.04em!important;
  max-width:880px!important;
  color:#1a1a1a!important;
}
.sqv2-body .figma-article-body{background:#fff!important;}

/* District listing page: Figma all-areas alternating layout with square cards. */
.sqv2-body .district-list-page{
  background:#fcfbf9!important;
  padding:0 0 100px!important;
}
.sqv2-body .district-list-page .container{
  width:min(100% - 56px,1240px)!important;
  margin-inline:auto!important;
}
.sqv2-body .district-list-page .district-intro{
  margin:0 0 42px!important;
  padding:0!important;
}
.sqv2-body .district-list-page .district-intro h2{
  font-family:'Playfair Display',Georgia,serif!important;
  font-size:clamp(38px,4vw,60px)!important;
  line-height:1!important;
  letter-spacing:-.045em!important;
  font-weight:600!important;
  color:#1a1a1a!important;
}
.sqv2-body .district-page-card{
  min-height:360px!important;
  background:#fff!important;
  border:1px solid var(--sqv2-line)!important;
  box-shadow:none!important;
  overflow:hidden!important;
}
.sqv2-body .district-page-card:hover{box-shadow:0 18px 42px rgba(30,24,12,.08)!important;}
.sqv2-body .district-page-card .areas-page-info{
  background:#fff!important;
  padding:52px!important;
}
.sqv2-body .district-page-card .areas-page-info h3{
  font-family:'Playfair Display',Georgia,serif!important;
  font-size:clamp(34px,3.5vw,50px)!important;
  line-height:1.08!important;
  font-weight:600!important;
  letter-spacing:-.04em!important;
  color:#1a1a1a!important;
}
.sqv2-body .district-page-card .area-kicker{
  color:var(--sqv2-gold)!important;
  font-size:12px!important;
  font-weight:900!important;
  letter-spacing:.35em!important;
  text-transform:uppercase!important;
}

/* Fullscreen polish remains available for all article-like sliders, with square modal as per final geometry. */
.sqv2-body .article-image-slider.is-fullscreen{border-radius:0!important;}
.sqv2-body .article-image-slider.is-fullscreen .article-slider-dots,
.sqv2-body .figma-article-image.article-image-slider .article-slider-dots{border-radius:0!important;}

/* ============================================================
   Step 32: final Figma alignment polish, non-overlap filters,
   compact gold section titles, centered slider dots, admin-first About.
   ============================================================ */
.sqv2-body{--sqv2-gold:#98721f;--sqv2-gold-dark:#8c7326;--sqv2-paper:#fcfbf9;--sqv2-ink:#171717;}

/* No soft corners anywhere in V2 except the DearFlip/library book listing. */
.sqv2-body *:not(.sqv2-library-page *):not(.sqv2-book-card *):not(.sqv2-book-cover *):not(.df-ui *):not(.df-book-wrapper *):not(.df-container *):not([class*="df-"]){border-radius:0!important;}

/* Page headers: remove decorative cutouts and keep strict rectangular geometry. */
.sqv2-body :where(.page-hero,.sqv2-news-hero,.districts-hero,.sqv2-about-hero){border-radius:0!important;overflow:hidden!important;clip-path:none!important;}
.sqv2-body :where(.page-hero,.sqv2-news-hero,.districts-hero,.sqv2-about-hero):before,
.sqv2-body :where(.page-hero,.sqv2-news-hero,.districts-hero,.sqv2-about-hero):after{content:none!important;display:none!important;}

/* News filter should not overlap the hero block anymore. */
.sqv2-body .sqv2-news-page{padding-top:46px!important;background:var(--sqv2-paper)!important;}
.sqv2-body .sqv2-news-page .filters.sqv2-news-filter-tabs{margin:0 auto 54px!important;}
.sqv2-body .sqv2-news-page .sqv2-news-filter-tabs .chip,
.sqv2-body .district-side-nav a{transition:background .16s ease,color .16s ease,border-color .16s ease!important;}
.sqv2-body .sqv2-news-page .sqv2-news-filter-tabs .chip.active,
.sqv2-body .sqv2-news-page .sqv2-news-filter-tabs .chip:hover,
.sqv2-body .district-side-nav a.active,
.sqv2-body .district-side-nav a:hover{background:var(--sqv2-gold)!important;border-color:var(--sqv2-gold)!important;color:#fff!important;}

/* Homepage section headings: smaller, gold, and consistent. */
.sqv2-body .home-news .section-title,
.sqv2-body .home-news .section-title-gold,
.sqv2-body .district-section .section-title,
.sqv2-body .district-section .section-title-gold{font-family:"Nunito",Arial,Helvetica,sans-serif!important;font-size:clamp(26px,2.15vw,34px)!important;line-height:1.08!important;font-weight:850!important;letter-spacing:-.035em!important;color:var(--sqv2-gold)!important;margin:0!important;}
.sqv2-body .home-news .section-intro,
.sqv2-body .district-section .section-intro{font-size:15px!important;line-height:1.65!important;color:#5c6570!important;margin-top:10px!important;}
.sqv2-body .home-news,
.sqv2-body .district-section{padding-top:72px!important;padding-bottom:86px!important;}
.sqv2-body .home-news .section-head,
.sqv2-body .district-section .section-head{margin-bottom:34px!important;}

/* Standard rectangular action buttons for All news / All districts. */
.sqv2-body .section-action,
.sqv2-body .news-airbnb-actions .section-action,
.sqv2-body .area-controls .section-action,
.sqv2-body .district-see-all{min-height:44px!important;height:44px!important;padding:0 22px!important;border:1px solid #171717!important;background:transparent!important;color:#171717!important;border-bottom:1px solid #171717!important;text-decoration:none!important;font-size:12px!important;font-weight:900!important;letter-spacing:.16em!important;line-height:1!important;text-transform:uppercase!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;box-shadow:none!important;}
.sqv2-body .section-action:hover,
.sqv2-body .district-see-all:hover{background:var(--sqv2-gold)!important;border-color:var(--sqv2-gold)!important;color:#fff!important;}
.sqv2-body .round-btn,
.sqv2-body .news-airbnb-actions .round-btn,
.sqv2-body .area-controls .round-btn{border-radius:0!important;width:44px!important;height:44px!important;min-width:44px!important;border:1px solid var(--sqv2-line)!important;background:#fff!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;color:#171717!important;}
.sqv2-body .round-btn:hover{background:var(--sqv2-gold)!important;border-color:var(--sqv2-gold)!important;color:#fff!important;}

/* Homepage districts: keep fourth card inside the content rail, no strange right clipping. */
.sqv2-body .district-section .container{overflow:hidden!important;}
.sqv2-body .district-section .container > .district-strip{width:100%!important;max-width:100%!important;margin:0!important;padding:0 0 18px!important;gap:24px!important;overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x mandatory!important;}
.sqv2-body .district-section .district-card{flex:0 0 calc((100% - 72px)/4)!important;width:calc((100% - 72px)/4)!important;min-width:0!important;max-width:none!important;aspect-ratio:4/5!important;height:auto!important;min-height:390px!important;scroll-snap-align:start!important;}
.sqv2-body .district-section .district-card img{width:100%!important;height:100%!important;object-fit:cover!important;}
@media(max-width:1180px){.sqv2-body .district-section .district-card{flex-basis:calc((100% - 48px)/3)!important;width:calc((100% - 48px)/3)!important;}}
@media(max-width:900px){.sqv2-body .district-section .district-card{flex-basis:calc((100% - 24px)/2)!important;width:calc((100% - 24px)/2)!important;}}
@media(max-width:640px){.sqv2-body .district-section .district-card{flex-basis:86vw!important;width:86vw!important;min-height:330px!important;}}

/* District listing page: no duplicate intro block below the hero. */
.sqv2-body .district-list-page{padding-top:70px!important;}
.sqv2-body .district-list-page .district-intro{display:none!important;}

/* District side navigation: active/hover text must not sit on the edge. */
.sqv2-body .district-side-nav{padding:26px!important;background:#fff!important;border:1px solid var(--sqv2-line)!important;overflow:visible!important;}
.sqv2-body .district-side-nav a{display:flex!important;align-items:center!important;min-height:48px!important;padding:0 22px!important;border:1px solid transparent!important;border-top:0!important;color:#5f5a50!important;font-size:15px!important;font-weight:750!important;text-decoration:none!important;}
.sqv2-body .district-side-nav a + a{margin-top:6px!important;}
.sqv2-body .district-side-nav a.active,
.sqv2-body .district-side-nav a:hover{padding:0 22px!important;background:var(--sqv2-gold)!important;color:#fff!important;border-color:var(--sqv2-gold)!important;}

/* Slider dots: centered horizontal strip, never stacked over the image. */
.sqv2-body .figma-article-image.article-image-slider .article-slider-dots,
.sqv2-body .article-image-slider .article-slider-dots,
.sqv2-body .article-image-slider.is-fullscreen .article-slider-dots{left:50%!important;right:auto!important;bottom:18px!important;transform:translateX(-50%)!important;width:auto!important;max-width:min(74%,620px)!important;min-width:min(220px,60%)!important;height:28px!important;padding:8px 12px!important;display:flex!important;flex-flow:row nowrap!important;justify-content:center!important;align-items:center!important;gap:9px!important;overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:none!important;background:rgba(0,0,0,.24)!important;backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important;}
.sqv2-body .article-image-slider .article-slider-dots::-webkit-scrollbar{display:none!important;}
.sqv2-body .article-image-slider .article-slider-dot{flex:0 0 auto!important;width:8px!important;height:8px!important;min-width:8px!important;min-height:8px!important;border-radius:0!important;background:rgba(255,255,255,.72)!important;border:1px solid rgba(255,255,255,.9)!important;box-shadow:none!important;}
.sqv2-body .article-image-slider .article-slider-dot.is-active{background:var(--sqv2-gold)!important;border-color:var(--sqv2-gold)!important;outline:2px solid rgba(152,114,31,.28)!important;}

/* About page: admin content remains editable; visual shell is brought back to the black/gold V2 system. */
.sqv2-body .sqv2-about-hero{margin-top:112px!important;background:#1a1a1a!important;color:#fff!important;text-align:center!important;padding:70px 24px 88px!important;border-bottom:0!important;}
.sqv2-body .sqv2-about-hero .container{max-width:980px!important;}
.sqv2-body .sqv2-about-hero .breadcrumbs{justify-content:center!important;color:var(--sqv2-gold-bright,#d4af37)!important;margin-bottom:24px!important;font-size:12px!important;letter-spacing:.16em!important;}
.sqv2-body .sqv2-about-hero .breadcrumbs a{color:var(--sqv2-gold-bright,#d4af37)!important;}
.sqv2-body .sqv2-about-hero .eyebrow{color:var(--sqv2-gold-bright,#d4af37)!important;text-align:center!important;margin:0 0 16px!important;font-size:12px!important;letter-spacing:.22em!important;}
.sqv2-body .sqv2-about-hero h1{font-family:"Nunito",Arial,Helvetica,sans-serif!important;font-size:clamp(34px,4vw,56px)!important;line-height:1.04!important;letter-spacing:-.045em!important;font-weight:900!important;max-width:860px!important;margin:0 auto 22px!important;color:#fff!important;}
.sqv2-body .sqv2-about-lead{max-width:760px!important;margin:0 auto!important;color:rgba(255,255,255,.74)!important;font-size:17px!important;line-height:1.68!important;}
.sqv2-body .sqv2-about-content{padding:72px 0 100px!important;background:#f6f1e8!important;}
.sqv2-body .kh-section-title,
.sqv2-body .kh-subtitle,
.sqv2-body .kh-exhibit-title{font-family:"Nunito",Arial,Helvetica,sans-serif!important;letter-spacing:-.035em!important;}
.sqv2-body .kh-part-num{border-radius:0!important;}
.sqv2-body .kh-media-card,
.sqv2-body .kh-text-card,
.sqv2-body .kh-continuation-card,
.sqv2-body .kh-exhibit-card,
.sqv2-body .kh-museum-nav-pill{border-radius:0!important;}

@media(max-width:760px){
  .sqv2-body .sqv2-news-page{padding-top:32px!important;}
  .sqv2-body .sqv2-news-page .filters.sqv2-news-filter-tabs{margin:0 auto 34px!important;}
  .sqv2-body .home-news .section-title,.sqv2-body .district-section .section-title,.sqv2-body .home-news .section-title-gold,.sqv2-body .district-section .section-title-gold{font-size:25px!important;}
  .sqv2-body .sqv2-about-hero{margin-top:100px!important;padding:52px 20px 66px!important;}
  .sqv2-body .sqv2-about-hero h1{font-size:32px!important;}
}

/* ============================================================
   Step 33: correct news filter placement, smaller news titles,
   restore About content source/layout, and force full article text
   ============================================================ */
.sqv2-body{--sqv2-gold:#98721f;--sqv2-gold-bright:#d4af37;--sqv2-paper:#fcfbf9;--sqv2-ink:#171717;--sqv2-line:#e5e1d8;}

/* News filter: Figma-style placement overlapping the dark hero bottom, not floating far below it. */
.sqv2-body .sqv2-news-hero{padding-bottom:118px!important;}
.sqv2-body .sqv2-news-page{padding-top:0!important;background:var(--sqv2-paper)!important;}
.sqv2-body .sqv2-news-page .filters.sqv2-news-filter-tabs{
  margin:-50px auto 60px!important;
  width:min(100%,1240px)!important;
  min-height:74px!important;
  padding:16px 24px!important;
  background:#fff!important;
  border:1px solid var(--sqv2-line)!important;
  box-shadow:0 10px 22px rgba(0,0,0,.08)!important;
  align-items:center!important;
}
.sqv2-body .sqv2-news-page .sqv2-news-filter-tabs .chip{display:inline-flex!important;align-items:center!important;justify-content:center!important;}

/* News cards: premium, smaller, max 3-line titles. */
.sqv2-body .sqv2-news-card-compact .news-card-body{min-height:238px!important;padding:24px 24px 24px!important;}
.sqv2-body .sqv2-news-card-compact h3{
  font-family:"Nunito",Arial,Helvetica,sans-serif!important;
  font-size:clamp(18px,1.18vw,21px)!important;
  line-height:1.24!important;
  font-weight:850!important;
  letter-spacing:-.025em!important;
  color:#171717!important;
  margin:0 0 14px!important;
  display:-webkit-box!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:3!important;
  overflow:hidden!important;
  min-height:0!important;
  max-height:3.72em!important;
}
.sqv2-body .sqv2-news-card-compact p{font-size:14px!important;line-height:1.58!important;-webkit-line-clamp:3!important;margin-bottom:18px!important;}
.sqv2-body .sqv2-news-card-compact .news-date{font-size:10.5px!important;margin-bottom:14px!important;}

/* Articles: no teaser / more-link behavior anywhere in V2 content. */
.sqv2-body .figma-article-content a.more-link,
.sqv2-body .figma-article-content .more-link,
.sqv2-body .sqv2-opening-content a.more-link,
.sqv2-body .sqv2-opening-content .more-link{display:none!important;}
.sqv2-body .figma-article-content{max-height:none!important;overflow:visible!important;}
.sqv2-body .sqv2-opening-content{max-height:none!important;overflow:visible!important;}

/* About page: no extra V2 hero; render the existing admin HTML layout and only skin it. */
.sqv2-body .sqv2-about-page-native{margin-top:112px!important;background:#f6f1e8!important;padding:0!important;}
.sqv2-body .sqv2-about-content-native{width:100%!important;margin:0!important;padding:0 0 96px!important;background:#f6f1e8!important;}
.sqv2-body .sqv2-about-content-native > .kh-shell,
.sqv2-body .sqv2-about-content-native .kh-shell{max-width:min(100% - 64px,1320px)!important;margin:0 auto!important;padding:72px 0 0!important;background:transparent!important;color:#171717!important;}
.sqv2-body .kh-shell :where(.kh-story-block,.kh-parts-section,.kh-exhibit-section){margin:0 0 64px!important;}
.sqv2-body .kh-shell .kh-split-section{display:grid!important;grid-template-columns:1fr 1fr!important;gap:28px!important;align-items:stretch!important;}
.sqv2-body .kh-shell .kh-media-card,
.sqv2-body .kh-shell .kh-text-card,
.sqv2-body .kh-shell .kh-continuation-card,
.sqv2-body .kh-shell .kh-exhibit-card,
.sqv2-body .kh-shell .kh-part-card,
.sqv2-body .kh-shell .kh-museum-nav-pill{border-radius:0!important;border:1px solid var(--sqv2-line)!important;background:#fff!important;box-shadow:none!important;}
.sqv2-body .kh-shell .kh-media-card{overflow:hidden!important;min-height:360px!important;}
.sqv2-body .kh-shell .kh-media-card img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important;}
.sqv2-body .kh-shell .kh-text-card,
.sqv2-body .kh-shell .kh-continuation-card{padding:38px!important;}
.sqv2-body .kh-shell .kh-eyebrow,
.sqv2-body .kh-shell .kh-section-kicker,
.sqv2-body .kh-shell .kh-mini-eyebrow{color:var(--sqv2-gold)!important;font-size:12px!important;font-weight:900!important;letter-spacing:.18em!important;text-transform:uppercase!important;margin-bottom:16px!important;}
.sqv2-body .kh-shell .kh-section-title,
.sqv2-body .kh-shell .kh-subtitle,
.sqv2-body .kh-shell .kh-exhibit-title{font-family:"Nunito",Arial,Helvetica,sans-serif!important;color:#171717!important;font-weight:900!important;letter-spacing:-.035em!important;line-height:1.08!important;}
.sqv2-body .kh-shell .kh-section-title{font-size:clamp(28px,3vw,42px)!important;margin:0!important;}
.sqv2-body .kh-shell .kh-subtitle{font-size:clamp(24px,2.2vw,34px)!important;margin:0 0 18px!important;}
.sqv2-body .kh-shell .kh-exhibit-title{font-size:22px!important;margin:0 0 14px!important;}
.sqv2-body .kh-shell .kh-story-text,
.sqv2-body .kh-shell .kh-exhibit-text,
.sqv2-body .kh-shell p{font-size:16px!important;line-height:1.78!important;color:#3f403f!important;font-weight:500!important;}
.sqv2-body .kh-shell .kh-section-head{margin-bottom:26px!important;text-align:left!important;}
.sqv2-body .kh-shell .kh-parts-grid{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:14px!important;}
.sqv2-body .kh-shell .kh-part-card{display:flex!important;gap:14px!important;padding:22px!important;align-items:flex-start!important;color:#171717!important;text-decoration:none!important;transition:background .16s ease,color .16s ease,border-color .16s ease!important;}
.sqv2-body .kh-shell .kh-part-card:hover{background:var(--sqv2-gold)!important;border-color:var(--sqv2-gold)!important;color:#fff!important;}
.sqv2-body .kh-shell .kh-part-num{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:36px!important;height:36px!important;min-width:36px!important;background:#171717!important;color:#fff!important;font-weight:900!important;}
.sqv2-body .kh-shell .kh-part-card:hover .kh-part-num{background:#fff!important;color:var(--sqv2-gold)!important;}
.sqv2-body .kh-shell .kh-part-body strong{display:block!important;font-size:16px!important;line-height:1.25!important;margin-bottom:8px!important;}
.sqv2-body .kh-shell .kh-part-body small{display:block!important;color:#6b675f!important;line-height:1.45!important;}
.sqv2-body .kh-shell .kh-part-card:hover small{color:rgba(255,255,255,.8)!important;}
.sqv2-body .kh-shell .kh-exhibit-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:24px!important;}
.sqv2-body .kh-shell .kh-exhibit-card{overflow:hidden!important;}
.sqv2-body .kh-shell .kh-exhibit-media{height:240px!important;background:#eee!important;overflow:hidden!important;}
.sqv2-body .kh-shell .kh-exhibit-media img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important;}
.sqv2-body .kh-shell .kh-exhibit-body{padding:28px!important;}
.sqv2-body .kh-shell .kh-museum-nav-inline{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important;margin:18px 0 22px!important;}
.sqv2-body .kh-shell .kh-museum-nav-pill{padding:16px!important;text-decoration:none!important;color:#171717!important;}
.sqv2-body .kh-shell .kh-museum-nav-pill:hover{background:var(--sqv2-gold)!important;color:#fff!important;border-color:var(--sqv2-gold)!important;}
.sqv2-body .kh-shell .kh-slider-dots{left:50%!important;right:auto!important;transform:translateX(-50%)!important;justify-content:center!important;}
html[dir="rtl"] .sqv2-body .kh-shell .kh-section-head{text-align:right!important;}
@media(max-width:1000px){
  .sqv2-body .kh-shell .kh-split-section{grid-template-columns:1fr!important;}
  .sqv2-body .kh-shell .kh-parts-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .sqv2-body .kh-shell .kh-exhibit-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media(max-width:760px){
  .sqv2-body .sqv2-news-page .filters.sqv2-news-filter-tabs{margin:-34px auto 38px!important;flex-wrap:nowrap!important;overflow-x:auto!important;width:calc(100% - 40px)!important;}
  .sqv2-body .sqv2-about-page-native{margin-top:100px!important;}
  .sqv2-body .sqv2-about-content-native > .kh-shell,.sqv2-body .sqv2-about-content-native .kh-shell{max-width:calc(100% - 40px)!important;padding-top:44px!important;}
  .sqv2-body .kh-shell .kh-parts-grid,.sqv2-body .kh-shell .kh-exhibit-grid,.sqv2-body .kh-shell .kh-museum-nav-inline{grid-template-columns:1fr!important;}
  .sqv2-body .kh-shell .kh-text-card,.sqv2-body .kh-shell .kh-continuation-card{padding:24px!important;}
}

/* ============================================================
   Step 34: About hero restored, non-overlay hover, visible news filter,
   and full opening article content.
   ============================================================ */

/* About page: add the same dark informational top block used across V2 pages. */
.sqv2-body .sqv2-about-page-native{margin-top:0!important;background:#f6f1e8!important;}
.sqv2-body .sqv2-about-top-hero{
  margin-top:112px!important;
  background:#1a1a1a!important;
  color:#fff!important;
  text-align:center!important;
  padding:66px 24px 78px!important;
  border-bottom:1px solid rgba(152,114,31,.22)!important;
}
.sqv2-body .sqv2-about-top-hero .container{max-width:980px!important;margin:0 auto!important;}
.sqv2-body .sqv2-about-top-hero .breadcrumbs{justify-content:center!important;margin:0 0 22px!important;color:#98721f!important;}
.sqv2-body .sqv2-about-top-hero .eyebrow{
  margin:0 0 14px!important;
  color:#98721f!important;
  text-transform:uppercase!important;
  letter-spacing:.22em!important;
  font-size:12px!important;
  font-weight:900!important;
}
.sqv2-body .sqv2-about-top-hero h1{
  margin:0 auto 18px!important;
  max-width:820px!important;
  color:#fff!important;
  font-family:"Nunito",Arial,Helvetica,sans-serif!important;
  font-size:clamp(36px,4.2vw,56px)!important;
  line-height:1.02!important;
  letter-spacing:-.055em!important;
  font-weight:900!important;
}
.sqv2-body .sqv2-about-top-hero p{
  margin:0 auto!important;
  max-width:720px!important;
  color:rgba(255,255,255,.74)!important;
  font-size:17px!important;
  line-height:1.7!important;
}
.sqv2-body .sqv2-about-content-native > .kh-shell,
.sqv2-body .sqv2-about-content-native .kh-shell{padding-top:72px!important;}

/* About cards/pills: no gold overlay on hover. Keep the admin HTML, only apply a refined micro-interaction. */
.sqv2-body .kh-shell .kh-part-card,
.sqv2-body .kh-shell .kh-museum-nav-pill{
  background:#fff!important;
  color:#171717!important;
  border-color:var(--sqv2-line)!important;
  transform:none!important;
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease,color .22s ease!important;
}
.sqv2-body .kh-shell .kh-part-card:hover,
.sqv2-body .kh-shell .kh-museum-nav-pill:hover{
  background:#fff!important;
  color:#171717!important;
  border-color:var(--sqv2-gold)!important;
  transform:translateY(-2px) scale(1.01)!important;
  box-shadow:0 14px 34px rgba(30,24,12,.08)!important;
}
.sqv2-body .kh-shell .kh-part-card:hover .kh-part-num{
  background:#171717!important;
  color:#fff!important;
}
.sqv2-body .kh-shell .kh-part-card:hover small,
.sqv2-body .kh-shell .kh-museum-nav-pill:hover .kh-museum-nav-pill-text{color:#5f5a50!important;}
.sqv2-body .kh-shell .kh-museum-nav-pill:hover .kh-museum-nav-pill-num{color:var(--sqv2-gold)!important;}
.sqv2-body .kh-shell .kh-media-card:hover img,
.sqv2-body .kh-shell .kh-exhibit-card:hover img{transform:scale(1.025)!important;}
.sqv2-body .kh-shell .kh-media-card img,
.sqv2-body .kh-shell .kh-exhibit-card img{transition:transform .45s ease!important;}

/* News filter: keep its exact horizontal position, but lift it above the dark hero and content seam. */
.sqv2-body .sqv2-news-hero{position:relative!important;z-index:1!important;padding-bottom:128px!important;overflow:visible!important;}
.sqv2-body .sqv2-news-page{position:relative!important;z-index:10!important;padding-top:0!important;overflow:visible!important;}
.sqv2-body .sqv2-news-page .container{position:relative!important;z-index:12!important;overflow:visible!important;}
.sqv2-body .sqv2-news-page .filters.sqv2-news-filter-tabs{
  position:relative!important;
  z-index:30!important;
  margin:-64px auto 60px!important;
  transform:translateY(-12px)!important;
  width:min(100%,1240px)!important;
}

/* Opening ceremony: never truncate the article body and hide generated more buttons/text. */
.sqv2-body .sqv2-opening-content,
.sqv2-body .sqv2-opening-content *{max-height:none!important;overflow:visible!important;}
.sqv2-body .sqv2-opening-content .more-link,
.sqv2-body .sqv2-opening-content a.more-link{display:none!important;}
.sqv2-body .sqv2-opening-content p:has(a.more-link){display:none!important;}

@media(max-width:760px){
  .sqv2-body .sqv2-about-top-hero{margin-top:100px!important;padding:48px 20px 58px!important;}
  .sqv2-body .sqv2-about-top-hero h1{font-size:31px!important;}
  .sqv2-body .sqv2-news-page .filters.sqv2-news-filter-tabs{margin:-44px auto 38px!important;transform:translateY(-8px)!important;}
}

/* Step 35: scientific activity + virtual travel pages */
.sqv2-science-page,
.sqv2-virtual-page{background:#FCFBF9;}
.sqv2-section-lead{border:1px solid var(--line);background:#fff;padding:34px 38px;margin:0 0 34px;box-shadow:0 18px 45px rgba(22,22,22,.055);}
.sqv2-section-lead .eyebrow{margin:0 0 12px;color:var(--gold);font-weight:800;text-transform:uppercase;letter-spacing:.24em;font-size:12px;}
.sqv2-section-lead h2{margin:0 0 12px;font-size:clamp(28px,3vw,44px);line-height:1.05;letter-spacing:-.045em;color:#161616;}
.sqv2-section-lead p{margin:0;color:#5a6572;font-size:17px;line-height:1.65;max-width:780px;}
.sqv2-science-grid{margin-top:0;}
.sqv2-science-card .news-card-body h3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;min-height:auto;}
.sqv2-virtual-admin-content{background:#fff;border:1px solid var(--line);padding:42px;box-shadow:0 18px 45px rgba(22,22,22,.055);}
.sqv2-virtual-admin-content iframe{width:100%;min-height:560px;border:0;display:block;}
.sqv2-virtual-fallback{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);border:1px solid var(--line);background:#fff;box-shadow:0 18px 45px rgba(22,22,22,.055);}
.sqv2-virtual-visual{min-height:420px;background:#111;overflow:hidden;}
.sqv2-virtual-visual img{width:100%;height:100%;object-fit:cover;filter:grayscale(.25) brightness(.78);transform:scale(1.02);}
.sqv2-virtual-panel{padding:54px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;}
.sqv2-virtual-panel .eyebrow{margin:0 0 14px;color:var(--gold);font-weight:800;text-transform:uppercase;letter-spacing:.24em;font-size:12px;}
.sqv2-virtual-panel h2{margin:0 0 16px;font-size:clamp(32px,3.4vw,56px);line-height:1.02;letter-spacing:-.055em;color:#161616;}
.sqv2-virtual-panel p{margin:0 0 28px;color:#5a6572;font-size:18px;line-height:1.7;}
.sqv2-action-button{display:inline-flex;align-items:center;gap:10px;border:1px solid #151515;color:#151515;background:#fff;text-decoration:none;text-transform:uppercase;letter-spacing:.16em;font-weight:800;font-size:13px;min-height:48px;padding:0 22px;transition:background .2s ease,color .2s ease,border-color .2s ease;}
.sqv2-action-button:hover{background:#151515;color:#fff;border-color:#151515;}
.sqv2-action-button svg{transition:transform .2s ease;}
.sqv2-action-button:hover svg{transform:translateX(3px);}
@media(max-width:900px){.sqv2-virtual-fallback{grid-template-columns:1fr}.sqv2-virtual-visual{min-height:300px}.sqv2-virtual-panel,.sqv2-virtual-admin-content,.sqv2-section-lead{padding:28px}.sqv2-virtual-admin-content iframe{min-height:420px}}

/* Step 36 targeted fixes: scientific activity, virtual tour, clean meta, opening/about consistency */
.sqv2-body .sqv2-science-page .container{padding-top:64px!important;}
.sqv2-body .sqv2-science-page .sqv2-section-lead{display:none!important;}
.sqv2-body .sqv2-science-grid{margin-top:0!important;}
.sqv2-body .sqv2-science-card .news-card-body h3{font-size:clamp(22px,2.05vw,30px)!important;line-height:1.12!important;letter-spacing:-.035em!important;display:-webkit-box!important;-webkit-line-clamp:3!important;-webkit-box-orient:vertical!important;overflow:hidden!important;}
.sqv2-body .sqv2-science-hero p{max-width:820px!important;}

.sqv2-body .sqv2-virtual-page .container{padding-top:68px!important;padding-bottom:88px!important;}
.sqv2-body .sqv2-virtual-tour-embed{background:#111;border:1px solid rgba(157,123,31,.28);box-shadow:0 24px 70px rgba(0,0,0,.14);overflow:hidden;}
.sqv2-body .sqv2-virtual-tour-embed iframe{display:block;width:100%;height:min(72vh,720px);min-height:520px;filter:saturate(.95) contrast(1.02);}

.sqv2-body .sqv2-about-top-hero .eyebrow{display:none!important;}
.sqv2-body .sqv2-about-top-hero .breadcrumbs,
.sqv2-body .figma-article-head .breadcrumbs,
.sqv2-body .page-hero .breadcrumbs{color:var(--gold)!important;}
.sqv2-body .sqv2-about-top-hero .breadcrumbs span,
.sqv2-body .figma-article-head .breadcrumbs span,
.sqv2-body .page-hero .breadcrumbs span{color:var(--gold)!important;opacity:.78;}
.sqv2-body .sqv2-about-top-hero h1{margin-top:0!important;}
.sqv2-body .sqv2-about-top-hero{background:#181818!important;border-bottom:1px solid rgba(157,123,31,.28)!important;}

.sqv2-body .sqv2-article-nav{display:none!important;}
.sqv2-body .figma-article-head .breadcrumbs.light span:last-child:not(:first-child){color:var(--gold)!important;}
.sqv2-body .figma-article-head .article-meta-line span:last-child:not(:first-child){display:none!important;}
.sqv2-body .figma-article-head .article-meta-line i:has(+ span:last-child){display:none!important;}
.sqv2-body .sqv2-opening-content .more-link,
.sqv2-body .sqv2-opening-content a.more-link{display:none!important;}
.sqv2-body .sqv2-opening-content p:has(a.more-link){display:none!important;}

@media(max-width:900px){
  .sqv2-body .sqv2-virtual-tour-embed iframe{height:62vh;min-height:420px;}
  .sqv2-body .sqv2-science-page .container{padding-top:44px!important;}
}


/* ============================================================
   Step 39: mobile overflow/menu, science route polish, virtual fallback,
   district mobile navigation, footer/card/slider final QA.
   ============================================================ */
html.sqv2-html,
body.sqv2-body{width:100%!important;max-width:100vw!important;overflow-x:hidden!important;}
.sqv2-body :where(.container,.article-container,.nav-inner,.topbar-inner){max-width:min(100% - 40px,1240px)!important;box-sizing:border-box!important;}
.sqv2-body :where(img,video,iframe,canvas,svg){max-width:100%;}
.sqv2-body :where(.home-news,.areas-section,.district-section,.district-detail-shell,.figma-article-body,.sqv2-news-page,.sqv2-science-page,.sqv2-virtual-page){overflow-x:clip!important;}
.sqv2-body .navbar,.sqv2-body .site-header{max-width:100vw!important;}
.sqv2-body .mobile-menu{left:0!important;right:0!important;width:100vw!important;max-width:100vw!important;box-sizing:border-box!important;overflow-x:hidden!important;overscroll-behavior:contain!important;}
html.menu-open,body.menu-open{overflow:hidden!important;touch-action:none!important;}
.sqv2-body .mobile-menu-inner{width:100%!important;box-sizing:border-box!important;}
.sqv2-body .mobile-menu a.active,
.sqv2-body .mobile-parent-link.active{color:var(--gold)!important;}
.sqv2-body .mobile-parent-row{display:grid!important;grid-template-columns:minmax(0,1fr) 46px!important;align-items:center!important;border-bottom:1px solid rgba(255,255,255,.07)!important;}
.sqv2-body .mobile-parent-row.open{border-bottom-color:rgba(212,175,55,.28)!important;}
.sqv2-body .mobile-parent-link{display:flex!important;align-items:center!important;min-height:58px!important;padding:0!important;border:0!important;min-width:0!important;white-space:normal!important;overflow-wrap:anywhere!important;}
.sqv2-body .mobile-parent-toggle{display:grid!important;place-items:center!important;width:46px!important;height:58px!important;border:0!important;background:transparent!important;color:var(--gold)!important;padding:0!important;cursor:pointer!important;}
.sqv2-body .mobile-parent-toggle span:before{content:'+'!important;font-size:25px!important;font-weight:400!important;line-height:1!important;}
.sqv2-body .mobile-parent-toggle.open span:before{content:'-'!important;}
.sqv2-body .mobile-parent{display:none!important;}
.sqv2-body .mobile-sub{padding:8px 0 12px 18px!important;margin:0!important;}
html[dir="rtl"] .sqv2-body .mobile-sub{padding-left:0!important;padding-right:18px!important;}

.sqv2-body .home-news,
.sqv2-body .areas-section.district-section{background:#f4f1ea!important;}
.sqv2-body .home-news + .quote-section{border-top:1px solid rgba(140,115,38,.12)!important;}
.sqv2-body .news-airbnb-card h3,
.sqv2-body .district-card h3,
.sqv2-body .district-page-card .areas-page-info h3,
.sqv2-body .sqv2-related-card h3,
.sqv2-body .sqv2-science-card .news-card-body h3{font-size:clamp(19px,1.5vw,24px)!important;line-height:1.18!important;letter-spacing:-.035em!important;font-weight:850!important;display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:3!important;overflow:hidden!important;}
.sqv2-body .district-page-card .areas-page-info h3{font-size:clamp(24px,2.4vw,34px)!important;}
.sqv2-body .news-airbnb-card h3{min-height:0!important;}

.sqv2-body .footer h4,
.sqv2-body .footer-grid ul a,
.sqv2-body .footer-bottom .links a{text-transform:uppercase!important;letter-spacing:.12em!important;font-weight:850!important;font-family:var(--ui-font,"Noto Sans",Arial,sans-serif)!important;}
.sqv2-body .footer h4{font-size:13px!important;color:#fff!important;}
.sqv2-body .footer-grid ul a{font-size:12px!important;}
.sqv2-body .footer .contact-row a{text-transform:none!important;letter-spacing:0!important;font-weight:600!important;}

.sqv2-body .district-detail-shell{max-width:100vw!important;overflow-x:hidden!important;}
.sqv2-body .district-detail-shell .container{max-width:min(100% - 40px,1240px)!important;}
.sqv2-body .district-detail-hero-grid,
.sqv2-body .district-article-grid{min-width:0!important;}
.sqv2-body .district-detail-copy,
.sqv2-body .district-article,
.sqv2-body .district-detail-media{min-width:0!important;max-width:100%!important;box-sizing:border-box!important;}
.sqv2-body .district-article :where(p,h1,h2,h3,h4,li,blockquote){overflow-wrap:anywhere!important;word-break:normal!important;}
.sqv2-body .district-side-nav{max-width:100%!important;box-sizing:border-box!important;}
.sqv2-body .district-side-nav a{overflow-wrap:anywhere!important;}
.sqv2-body .district-detail-shell .district-fit-slider .article-slider-dots,
.sqv2-body .figma-article-image.article-image-slider .article-slider-dots,
.sqv2-body .article-image-slider.is-fullscreen .article-slider-dots{justify-content:flex-start!important;overflow-x:auto!important;scrollbar-width:none!important;}
.sqv2-body .district-detail-shell .district-fit-slider .article-slider-dots::-webkit-scrollbar,
.sqv2-body .figma-article-image.article-image-slider .article-slider-dots::-webkit-scrollbar,
.sqv2-body .article-image-slider.is-fullscreen .article-slider-dots::-webkit-scrollbar{display:none!important;}
.sqv2-body .article-image-slider .article-slider-btn{max-width:42px!important;max-height:42px!important;}
.sqv2-body .article-image-slider .article-slider-fullscreen{max-width:40px!important;max-height:40px!important;}
.sqv2-body .article-image-slider.is-fullscreen{max-width:calc(100vw - 24px)!important;}

.sqv2-body .sqv2-science-single .figma-article-head{background:#1a1a1a!important;}
.sqv2-body .sqv2-science-single .section-kicker{color:var(--gold)!important;}
.sqv2-body .sqv2-science-page .sqv2-science-card{text-decoration:none!important;}

.sqv2-body .sqv2-virtual-tour-embed{background:#111!important;border:1px solid rgba(140,115,38,.3)!important;}
.sqv2-body .sqv2-virtual-support{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:18px!important;background:#fff!important;color:#1a1a1a!important;padding:18px 20px!important;border-top:1px solid rgba(140,115,38,.22)!important;}
.sqv2-body .sqv2-virtual-support p{margin:0!important;color:#59544b!important;font-size:14px!important;line-height:1.55!important;}
.sqv2-body .sqv2-virtual-noscript{background:#fff!important;margin:0!important;padding:16px 20px!important;}

@media(max-width:900px){
  .sqv2-body .district-article-grid{grid-template-columns:1fr!important;gap:24px!important;}
  .sqv2-body .district-side-nav{position:static!important;padding:14px!important;display:block!important;overflow-x:auto!important;white-space:nowrap!important;scrollbar-width:none!important;}
  .sqv2-body .district-side-nav::-webkit-scrollbar{display:none!important;}
  .sqv2-body .district-side-nav span{white-space:normal!important;margin-bottom:10px!important;}
  .sqv2-body .district-side-nav a{display:inline-flex!important;align-items:center!important;min-height:38px!important;margin:0 8px 8px 0!important;padding:0 13px!important;border:1px solid var(--line)!important;background:#fff!important;white-space:nowrap!important;}
  html[dir="rtl"] .sqv2-body .district-side-nav a{margin:0 0 8px 8px!important;}
  .sqv2-body .district-side-nav a.active{padding-left:13px!important;background:#1d1a16!important;color:var(--gold)!important;border-color:#1d1a16!important;}
  .sqv2-body .district-article{padding:28px!important;}
  .sqv2-body .district-detail-media{width:100%!important;}
  .sqv2-body .sqv2-virtual-support{flex-direction:column!important;align-items:flex-start!important;}
}
@media(max-width:760px){
  .sqv2-body :where(.container,.article-container,.nav-inner,.topbar-inner){max-width:calc(100% - 32px)!important;}
  .sqv2-body .nav-inner{gap:10px!important;}
  .sqv2-body .brand img{max-width:172px!important;height:auto!important;}
  .sqv2-body .menu-toggle{width:42px!important;height:42px!important;min-width:42px!important;}
  .sqv2-body .mobile-menu-inner{padding-left:20px!important;padding-right:20px!important;}
  .sqv2-body .page-hero,
  .sqv2-body .district-detail-hero,
  .sqv2-body .sqv2-news-hero{padding-left:16px!important;padding-right:16px!important;}
  .sqv2-body .news-airbnb-actions,
  .sqv2-body .area-controls{max-width:100%!important;overflow:hidden!important;}
  .sqv2-body .round-btn{width:34px!important;height:34px!important;min-width:34px!important;flex:0 0 34px!important;}
  .sqv2-body .section-action{max-width:calc(100vw - 128px)!important;white-space:normal!important;line-height:1.25!important;}
  .sqv2-body .news-airbnb-track,
  .sqv2-body .district-strip{max-width:100vw!important;overflow-x:auto!important;padding-right:20px!important;}
  .sqv2-body .news-airbnb-card{flex-basis:min(78vw,320px)!important;max-width:min(78vw,320px)!important;}
  .sqv2-body .district-card{min-width:min(82vw,340px)!important;max-width:min(82vw,340px)!important;}
  .sqv2-body .district-detail-copy h1{font-size:clamp(34px,10vw,42px)!important;overflow-wrap:anywhere!important;}
  .sqv2-body .district-article{padding:22px!important;}
  .sqv2-body .district-article p{font-size:15.5px!important;line-height:1.75!important;}
  .sqv2-body .figma-article-image.article-image-slider .article-slider-dots,
  .sqv2-body .district-detail-shell .district-fit-slider .article-slider-dots,
  .sqv2-body .article-image-slider.is-fullscreen .article-slider-dots{width:min(58%,260px)!important;max-width:calc(100% - 116px)!important;bottom:12px!important;}
  .sqv2-body .article-image-slider .article-slider-prev{left:10px!important;}
  .sqv2-body .article-image-slider .article-slider-next{right:10px!important;}
  .sqv2-body .article-image-slider .article-slider-btn{width:36px!important;height:36px!important;min-width:36px!important;}
  .sqv2-body .article-slider-fullscreen{top:10px!important;right:10px!important;width:34px!important;height:34px!important;}
  .sqv2-body .article-image-slider.is-fullscreen{width:calc(100vw - 20px)!important;height:78vh!important;}
  .sqv2-body .sqv2-virtual-tour-embed iframe{height:58vh!important;min-height:360px!important;}
  .sqv2-body .sqv2-virtual-support{padding:16px!important;}
}
@media(max-width:380px){
  .sqv2-body .brand img{max-width:148px!important;}
  .sqv2-body .section-action{max-width:calc(100vw - 108px)!important;font-size:9.5px!important;}
  .sqv2-body .round-btn{width:32px!important;height:32px!important;min-width:32px!important;}
  .sqv2-body .article-image-slider .article-slider-btn{width:32px!important;height:32px!important;min-width:32px!important;}
  .sqv2-body .figma-article-image.article-image-slider .article-slider-dots,
  .sqv2-body .district-detail-shell .district-fit-slider .article-slider-dots,
  .sqv2-body .article-image-slider.is-fullscreen .article-slider-dots{max-width:calc(100% - 104px)!important;}
}

/* ============================================================
   Step 40: targeted fixes requested after mobile QA.
   Scope: header/logo, mobile filters/share, neutral backgrounds,
   footer casing, visit cards, tour form, directions selector.
   ============================================================ */
:root{--sqv2-milk:#fbfaf6;--sqv2-milk-2:#f7f4ed;--sqv2-soft-line:#e8e2d7;}
body.sqv2-body{background:var(--sqv2-milk)!important;}
.sqv2-body :where(.home-news,.areas-section.district-section,.district-list-page,.sqv2-news-page,.sqv2-science-page,.sqv2-virtual-page,.page-body,.figma-article-body,.district-detail-body){background:var(--sqv2-milk)!important;}
.sqv2-body :where(.news-airbnb-card,.district-card,.district-page-card,.news-card,.sqv2-contact-card,.sqv2-contact-panel,.district-article,.sqv2-section-lead,.sqv2-virtual-fallback,.sqv2-tour-form,.sqv2-form-alert){background:#fff!important;border-color:var(--sqv2-soft-line)!important;}
.sqv2-body .quote-section{background:var(--sqv2-milk-2)!important;}

/* Admin bar must coexist with fixed V2 header. */
body.admin-bar.sqv2-body .site-header{top:32px!important;}
body.admin-bar.sqv2-body .mobile-menu{top:calc(112px + 32px)!important;}
body.admin-bar.sqv2-body .sqv2-search-overlay{padding-top:32px!important;}
@media(max-width:782px){body.admin-bar.sqv2-body .site-header{top:46px!important;}body.admin-bar.sqv2-body .mobile-menu{top:calc(96px + 46px)!important;}.sqv2-body #wpadminbar{position:fixed!important;}}

/* Logo/header mobile fixes: keep logo inside header and prevent white seams. */
.sqv2-body .site-header{background:#050505!important;}
.sqv2-body .brand{overflow:visible!important;position:relative!important;z-index:2!important;}
.sqv2-body .brand img{object-fit:contain!important;max-width:100%!important;}
.sqv2-body .page-hero,.sqv2-body .figma-article-head,.sqv2-body .sqv2-about-top-hero{border-top:0!important;}
@media(max-width:760px){
  :root{--header-h:96px;}
  .sqv2-body .topbar{height:28px!important;}
  .sqv2-body .topbar-inner{padding:0 20px!important;max-width:100%!important;}
  .sqv2-body .topbar-contact a[href^="tel"],.sqv2-body .topbar-contact .sep{display:none!important;}
  .sqv2-body .topbar-contact{font-size:11px!important;min-width:0!important;overflow:hidden!important;}
  .sqv2-body .topbar-contact a{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:155px!important;}
  .sqv2-body .lang-switcher{gap:8px!important;letter-spacing:.12em!important;}
  .sqv2-body .navbar{height:68px!important;}
  .sqv2-body .nav-inner{height:68px!important;padding:0 18px!important;max-width:100%!important;gap:10px!important;}
  .sqv2-body .brand{height:58px!important;width:92px!important;flex-basis:92px!important;align-items:center!important;}
  .sqv2-body .brand img{height:48px!important;width:auto!important;max-width:92px!important;}
  .sqv2-body .sqv2-header-search,.sqv2-body .menu-toggle{width:40px!important;height:40px!important;border-radius:0!important;flex:0 0 40px!important;}
  .sqv2-body .site-header + .sqv2-search-overlay,.sqv2-body .mobile-menu{top:96px!important;}
  .sqv2-body .hero{min-height:calc(100svh - 96px)!important;margin-top:96px!important;}
  .sqv2-body .page-hero,.sqv2-body .figma-article-head,.sqv2-body .district-detail-shell,.sqv2-body .sqv2-about-top-hero{margin-top:96px!important;}
  .sqv2-body .figma-article-head{padding-top:34px!important;padding-bottom:38px!important;}
}
@media(max-width:360px){.sqv2-body .brand{width:78px!important;flex-basis:78px!important;}.sqv2-body .brand img{height:42px!important;max-width:78px!important;}.sqv2-body .lang-switcher{font-size:10px!important;gap:6px!important;}.sqv2-body .topbar-inner{padding:0 14px!important;}.sqv2-body .nav-inner{padding:0 14px!important;}}

/* Homepage hero timeline: make first/left thumbnails visible at 320px. */
@media(max-width:760px){
  .sqv2-body .hero-timeline{left:0!important;right:0!important;bottom:10px!important;padding:0 12px!important;overflow:hidden!important;}
  .sqv2-body .timeline-wrap{display:flex!important;gap:8px!important;overflow-x:auto!important;scroll-padding-left:12px!important;padding:0 4px 12px!important;-webkit-overflow-scrolling:touch!important;}
  .sqv2-body .timeline-node{flex:0 0 72px!important;min-width:72px!important;max-width:72px!important;}
  .sqv2-body .timeline-thumb{width:68px!important;height:42px!important;display:block!important;}
  .sqv2-body .timeline-year{font-size:11px!important;white-space:nowrap!important;}
  .sqv2-body .timeline-line,.sqv2-body .timeline-progress{display:none!important;}
}
@media(max-width:360px){.sqv2-body .timeline-node{flex-basis:64px!important;min-width:64px!important;}.sqv2-body .timeline-thumb{width:60px!important;height:38px!important;}}

/* News and district card strip alignment on mobile, including Samsung S23 widths. */
@media(max-width:760px){
  .sqv2-body .container{padding-left:20px!important;padding-right:20px!important;max-width:100%!important;}
  .sqv2-body .news-airbnb-track,.sqv2-body .area-strip,.sqv2-body .district-strip{margin-left:0!important;margin-right:0!important;padding-left:0!important;padding-right:0!important;scroll-padding-left:0!important;}
  .sqv2-body .news-airbnb-card,.sqv2-body .district-card{min-width:calc(100vw - 40px)!important;max-width:calc(100vw - 40px)!important;}
  .sqv2-body .district-card{height:auto!important;min-height:430px!important;}
}

/* Mobile news filters: compact understandable chip row instead of a large white block. */
@media(max-width:760px){
  .sqv2-body .sqv2-news-hero{padding-bottom:72px!important;}
  .sqv2-body .sqv2-news-page .filters.sqv2-news-filter-tabs{width:100%!important;margin:-34px 0 32px!important;transform:none!important;background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;display:flex!important;align-items:center!important;gap:10px!important;overflow-x:auto!important;white-space:nowrap!important;-webkit-overflow-scrolling:touch!important;scrollbar-width:none!important;}
  .sqv2-body .sqv2-news-page .filters.sqv2-news-filter-tabs::-webkit-scrollbar{display:none!important;}
  .sqv2-body .sqv2-news-filter-tabs .filter-title{display:none!important;}
  .sqv2-body .sqv2-news-filter-tabs .chip{flex:0 0 auto!important;min-height:40px!important;padding:0 16px!important;border:1px solid var(--sqv2-soft-line)!important;background:#fff!important;color:#24211c!important;border-radius:999px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;font-size:13px!important;font-weight:800!important;letter-spacing:0!important;text-transform:none!important;box-shadow:0 8px 20px rgba(15,15,15,.055)!important;}
  .sqv2-body .sqv2-news-filter-tabs .chip.active{background:#9d7b1f!important;color:#fff!important;border-color:#9d7b1f!important;}
}

/* Article share rail: horizontal and readable on mobile. */
@media(max-width:760px){
  .sqv2-body .figma-article-layout{display:block!important;}
  .sqv2-body .share-rail{position:static!important;display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;gap:10px!important;margin:0 0 20px!important;padding:0 0 16px!important;border-bottom:1px solid var(--sqv2-soft-line)!important;width:100%!important;}
  .sqv2-body .share-rail span{writing-mode:initial!important;transform:none!important;margin:0 4px 0 0!important;font-size:11px!important;letter-spacing:.12em!important;line-height:1!important;}
  .sqv2-body .share-rail a,.sqv2-body .share-rail button{width:40px!important;height:40px!important;border-radius:0!important;flex:0 0 40px!important;background:#fff!important;}
}

/* Footer casing: Azerbaijani title case, not full uppercase. */
.sqv2-body .footer h4,.sqv2-body .footer a,.sqv2-body .footer p,.sqv2-body .footer span,.sqv2-body .footer .contact-row{text-transform:none!important;letter-spacing:normal!important;}
.sqv2-body .footer h4{font-size:15px!important;font-weight:800!important;}

/* Info cards: non-click cards and directions button. */
.sqv2-body .info-card-static{cursor:default!important;}
.sqv2-body .info-card-static:hover{transform:none!important;}
.sqv2-body .info-card .text-link-muted{opacity:0!important;pointer-events:none!important;}
.sqv2-body .sqv2-directions-trigger{text-align:left!important;padding:0!important;border:0!important;background:transparent!important;color:var(--gold-dark)!important;display:inline-flex!important;align-items:center!important;gap:8px!important;font-weight:900!important;text-transform:uppercase!important;letter-spacing:.14em!important;}
html[dir="rtl"] .sqv2-body .sqv2-directions-trigger{text-align:right!important;}

/* Directions chooser. */
.sqv2-map-choice{position:fixed;inset:0;z-index:99999;background:rgba(0,0,0,.58);display:grid;place-items:end center;padding:18px;opacity:0;pointer-events:none;transition:opacity .18s ease;}
.sqv2-map-choice.is-open{opacity:1;pointer-events:auto;}
.sqv2-map-choice-panel{width:min(100%,420px);background:#fff;border:1px solid var(--sqv2-soft-line);padding:26px;box-shadow:0 28px 90px rgba(0,0,0,.32);position:relative;}
.sqv2-map-choice-panel h2{margin:0 0 18px;font-size:24px;line-height:1.12;}
.sqv2-map-choice-panel a{display:flex;align-items:center;justify-content:space-between;min-height:48px;border:1px solid var(--sqv2-soft-line);padding:0 16px;margin-top:10px;font-weight:850;background:var(--sqv2-milk);}
.sqv2-map-choice-panel a:hover{border-color:#9d7b1f;color:#9d7b1f;}
.sqv2-map-choice-close{position:absolute;right:14px;top:12px;width:34px;height:34px;border:1px solid var(--sqv2-soft-line)!important;background:#fff!important;font-size:24px!important;line-height:1!important;}
@media(min-width:761px){.sqv2-map-choice{display:none!important;}}
body.sqv2-map-choice-open{overflow:hidden!important;}

/* Tour request page. */
.sqv2-tour-page{padding:68px 0 96px;}
.sqv2-tour-form{border:1px solid var(--sqv2-soft-line);padding:36px;box-shadow:0 18px 45px rgba(22,22,22,.055);}
.sqv2-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-bottom:26px;}
.sqv2-tour-form label{display:flex;flex-direction:column;gap:8px;font-weight:850;color:#211d17;}
.sqv2-tour-form input,.sqv2-tour-form select{height:48px;border:1px solid var(--sqv2-soft-line);background:#fff;padding:0 14px;font:inherit;color:#1a1a1a;border-radius:0;}
.sqv2-form-alert{border:1px solid var(--sqv2-soft-line);padding:16px 18px;margin:0 0 20px;font-weight:850;}
.sqv2-form-alert.is-success{border-color:#8bbf91;background:#f1fbf2;color:#1f6a2a;}
.sqv2-form-alert.is-error{border-color:#c98b8b;background:#fff5f5;color:#8a2b2b;}
@media(max-width:760px){.sqv2-tour-page{padding:44px 0 76px;}.sqv2-tour-form{padding:22px;}.sqv2-form-grid{grid-template-columns:1fr;gap:16px;}}

/* ============================================================
   Step 41: corrective patch after live QA.
   Do not alter working Virtual Tour or language logic.
   ============================================================ */
:root{
  --black:#1A1A1A!important;
  --ink:#1A1A1A!important;
  --gold:#D4AF37!important;
  --gold-dark:#98721F!important;
  --stone:#FCFBF9!important;
  --line:#e8dfd2!important;
  --sqv2-milk:#FCFBF9!important;
  --sqv2-milk-2:#FCFBF9!important;
  --sqv2-soft-line:#e8dfd2!important;
}
body.sqv2-body{background:#FCFBF9!important;color:#1A1A1A!important;}
.sqv2-body :where(.site-header,.navbar,.topbar,.mobile-menu,.page-hero,.figma-article-head,.sqv2-about-hero,.sqv2-about-top-hero){background:#1A1A1A!important;}
.sqv2-body :where(.page-hero,.figma-article-head,.sqv2-about-hero,.sqv2-about-top-hero) :where(.eyebrow,.breadcrumbs span,.breadcrumbs a,.article-meta-line span,.hero-label,.hero-counter span){color:#D4AF37!important;}
.sqv2-body :where(.page-body,.home-news,.areas-section.district-section,.district-list-page,.sqv2-news-page,.sqv2-science-page,.figma-article-body,.district-detail-body,.info-cards){background:#FCFBF9!important;}
.sqv2-body :where(.home-news,.areas-section.district-section){border-top:1px solid rgba(152,114,31,.10)!important;border-bottom:1px solid rgba(152,114,31,.10)!important;}
.sqv2-body :where(.section-title-gold,.news-date,.area-kicker,.eyebrow,.text-link,.section-action){color:#98721F!important;}
.sqv2-body :where(.home-news,.areas-section.district-section) :where(.round-btn,.section-action){border-color:rgba(152,114,31,.30)!important;}
.sqv2-body :where(.news-airbnb-card,.district-card,.district-page-card,.news-card,.sqv2-contact-card,.sqv2-contact-panel,.district-article,.sqv2-section-lead,.sqv2-tour-form,.sqv2-form-alert){background:#fff!important;border-color:#e8dfd2!important;}
/* Quote section must stay dark, not milk/light. */
.sqv2-body .quote-section{background:#1A1A1A!important;color:#fff!important;border-color:rgba(212,175,55,.18)!important;}
.sqv2-body .quote-section .quote-card{background:transparent!important;color:#fff!important;}
.sqv2-body .quote-section .eyebrow{color:#D4AF37!important;}
.sqv2-body .quote-section .quote-text{color:#fff!important;}
.sqv2-body .quote-section .quote-role{color:rgba(255,255,255,.58)!important;}

/* Footer normal readable casing. */
.sqv2-body .footer :where(h1,h2,h3,h4,h5,h6,a,p,span,li,.contact-row){text-transform:none!important;letter-spacing:normal!important;}
.sqv2-body .footer h4{font-size:15px!important;font-weight:800!important;line-height:1.35!important;}
.sqv2-body .footer-grid ul a{font-size:14px!important;font-weight:650!important;line-height:1.45!important;}

/* Tour request form: readable date/time, name fields, clear submit button. */
.sqv2-body .sqv2-tour-form{background:#fff!important;border:1px solid #e8dfd2!important;box-shadow:0 18px 46px rgba(26,26,26,.055)!important;}
.sqv2-body .sqv2-form-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:22px 26px!important;}
.sqv2-body .sqv2-tour-form label{display:flex!important;flex-direction:column!important;gap:10px!important;font-weight:850!important;color:#1A1A1A!important;}
.sqv2-body .sqv2-tour-form :where(input,select){height:58px!important;border:1px solid #e5dccf!important;background:#FCFBF9!important;color:#1A1A1A!important;padding:0 16px!important;font-size:16px!important;font-weight:650!important;border-radius:0!important;outline:none!important;box-shadow:none!important;}
.sqv2-body .sqv2-tour-form :where(input,select):focus{border-color:#98721F!important;box-shadow:0 0 0 3px rgba(152,114,31,.14)!important;background:#fff!important;}
.sqv2-body .sqv2-tour-form ::placeholder{color:#81786d!important;opacity:1!important;}
.sqv2-body .sqv2-tour-submit{margin-top:26px!important;min-height:56px!important;padding:0 30px!important;background:#1A1A1A!important;color:#D4AF37!important;border:1px solid #D4AF37!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;font-size:13px!important;font-weight:900!important;letter-spacing:.13em!important;text-transform:uppercase!important;box-shadow:0 16px 34px rgba(26,26,26,.14)!important;}
.sqv2-body .sqv2-tour-submit:hover{background:#D4AF37!important;color:#1A1A1A!important;}
@media(max-width:760px){
  .sqv2-body .sqv2-form-grid{grid-template-columns:1fr!important;gap:18px!important;}
  .sqv2-body .sqv2-tour-form{padding:22px!important;}
  .sqv2-body .sqv2-tour-submit{width:100%!important;}
}

/* Directions trigger should behave and look like a CTA on the info card. */
.sqv2-body .sqv2-directions-trigger{appearance:none!important;text-decoration:none!important;cursor:pointer!important;}
.sqv2-body .sqv2-map-choice[hidden]{display:none!important;}
.sqv2-body .sqv2-map-choice.is-open{display:grid!important;opacity:1!important;pointer-events:auto!important;}

/* Mobile: section controls must not hide/shift the left side of news/district sliders. */
@media(max-width:760px){
  .sqv2-body .home-news .section-head,
  .sqv2-body .areas-section.district-section .section-head{display:block!important;margin-bottom:24px!important;}
  .sqv2-body .home-news .section-intro,
  .sqv2-body .areas-section.district-section .section-intro{margin-bottom:16px!important;}
  .sqv2-body .news-airbnb-actions,
  .sqv2-body .area-controls{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:10px!important;width:100%!important;overflow-x:auto!important;padding:0 0 4px!important;scrollbar-width:none!important;}
  .sqv2-body .news-airbnb-actions::-webkit-scrollbar,
  .sqv2-body .area-controls::-webkit-scrollbar{display:none!important;}
  .sqv2-body .news-airbnb-actions .round-btn,
  .sqv2-body .area-controls .round-btn{width:38px!important;height:38px!important;min-width:38px!important;flex:0 0 38px!important;}
  .sqv2-body .section-action,
  .sqv2-body .district-see-all{flex:0 0 auto!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:38px!important;padding:0 14px!important;border:1px solid rgba(152,114,31,.28)!important;background:#fff!important;font-size:11px!important;line-height:1!important;letter-spacing:.08em!important;white-space:nowrap!important;max-width:none!important;}
  .sqv2-body .news-airbnb-track,
  .sqv2-body .area-strip,
  .sqv2-body .district-strip{width:100%!important;margin-left:0!important;padding-left:0!important;scroll-padding-left:0!important;gap:18px!important;}
  .sqv2-body .news-airbnb-card,
  .sqv2-body .district-card{min-width:calc(100vw - 40px)!important;max-width:calc(100vw - 40px)!important;}
}
@media(max-width:360px){
  .sqv2-body .container{padding-left:16px!important;padding-right:16px!important;}
  .sqv2-body .news-airbnb-card,
  .sqv2-body .district-card{min-width:calc(100vw - 32px)!important;max-width:calc(100vw - 32px)!important;}
  .sqv2-body .section-action,
  .sqv2-body .district-see-all{font-size:10px!important;padding:0 12px!important;}
}

/* ============================================================
   Step 42: final QA corrections before deployment prep.
   Coordinates, map selector, AZ date/time pickers, and color tokens.
   ============================================================ */
:root{
  --sqv2-dark:#1A1A1A!important;
  --sqv2-light:#FCFBF9!important;
  --sqv2-light-alt:#f4f1ea!important;
  --sqv2-gold-dark-bg:#D4AF37!important;
  --sqv2-gold-light-bg:#98721F!important;
  --sqv2-line:#e3d8c7!important;
  --black:#1A1A1A!important;
  --ink:#1A1A1A!important;
  --gold:#D4AF37!important;
  --gold-dark:#98721F!important;
  --stone:#FCFBF9!important;
  --sqv2-milk:#FCFBF9!important;
  --sqv2-milk-2:#f4f1ea!important;
  --sqv2-soft-line:#e3d8c7!important;
}
body.sqv2-body{background:#FCFBF9!important;color:#1A1A1A!important;}
.sqv2-body :where(.site-header,.navbar,.topbar,.mobile-menu,.page-hero,.figma-article-head,.sqv2-about-hero,.sqv2-about-top-hero){background:#1A1A1A!important;}
.sqv2-body :where(.page-hero,.figma-article-head,.sqv2-about-hero,.sqv2-about-top-hero) :where(.eyebrow,.breadcrumbs span,.breadcrumbs a,.article-meta-line span,.hero-label,.hero-counter span){color:#D4AF37!important;}
.sqv2-body :where(.page-body,.home-news,.areas-section.district-section,.district-list-page,.sqv2-news-page,.sqv2-science-page,.figma-article-body,.district-detail-body,.info-cards){background:#FCFBF9!important;}
.sqv2-body :where(.home-news,.areas-section.district-section){border-color:#f4f1ea!important;}
.sqv2-body :where(.news-airbnb-card,.district-card,.district-page-card,.news-card,.sqv2-contact-card,.sqv2-contact-panel,.district-article,.sqv2-section-lead,.sqv2-tour-form,.sqv2-form-alert){background:#FCFBF9!important;border-color:#e3d8c7!important;}
.sqv2-body :where(.section-title-gold,.news-date,.area-kicker,.text-link,.section-action,.district-see-all){color:#98721F!important;}
.sqv2-body .quote-section{background:#1A1A1A!important;color:#fff!important;border-color:rgba(212,175,55,.18)!important;}
.sqv2-body .quote-section :where(.eyebrow,.section-title-gold){color:#D4AF37!important;}
.sqv2-body .quote-section :where(.quote-card,.quote-text){background:transparent!important;color:#fff!important;}
.sqv2-body .quote-section .quote-role{color:rgba(255,255,255,.58)!important;}

/* Keep mobile/touch map app selector available up to tablet-width touch devices. */
@media(min-width:901px){.sqv2-map-choice{display:none!important;}}
@media(max-width:900px){.sqv2-map-choice{display:grid;}}
.sqv2-map-choice-panel{background:#FCFBF9!important;border-color:#e3d8c7!important;}
.sqv2-map-choice-panel a{background:#fff!important;border-color:#e3d8c7!important;color:#1A1A1A!important;}
.sqv2-map-choice-panel a:hover{border-color:#98721F!important;color:#98721F!important;}

/* Tour form: no long hints, manual picker buttons, stable AZ formatting. */
.sqv2-body .sqv2-tour-form{background:#FCFBF9!important;border:1px solid #e3d8c7!important;}
.sqv2-picker-field{display:flex!important;align-items:stretch!important;position:relative!important;width:100%!important;}
.sqv2-picker-field > input:not(.sqv2-native-picker){flex:1 1 auto!important;width:100%!important;padding-right:58px!important;}
.sqv2-picker-btn{position:absolute!important;right:1px!important;top:1px!important;bottom:1px!important;width:54px!important;border:0!important;border-left:1px solid #e3d8c7!important;background:#FCFBF9!important;color:#98721F!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;font-size:18px!important;line-height:1!important;cursor:pointer!important;box-shadow:none!important;border-radius:0!important;}
.sqv2-picker-btn:hover,.sqv2-picker-btn:focus{background:#f4f1ea!important;color:#1A1A1A!important;outline:none!important;}
.sqv2-native-picker{position:absolute!important;right:0!important;bottom:0!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important;}
.sqv2-body .sqv2-tour-form ::placeholder{color:#7c746b!important;opacity:1!important;}
.sqv2-body .sqv2-tour-submit{background:#1A1A1A!important;color:#D4AF37!important;border-color:#D4AF37!important;}
.sqv2-body .sqv2-tour-submit:hover{background:#D4AF37!important;color:#1A1A1A!important;}
html[dir="rtl"] .sqv2-picker-field > input:not(.sqv2-native-picker){padding-right:16px!important;padding-left:58px!important;}
html[dir="rtl"] .sqv2-picker-btn{right:auto!important;left:1px!important;border-left:0!important;border-right:1px solid #e3d8c7!important;}

/* Mobile alignment: cards and sliders share the same visual left edge; CTA buttons cannot cover tracks. */
@media(max-width:760px){
  .sqv2-body .home-news .section-head,
  .sqv2-body .areas-section.district-section .section-head{display:block!important;}
  .sqv2-body .news-airbnb-actions,
  .sqv2-body .area-controls{position:relative!important;z-index:2!important;margin:12px 0 0!important;max-width:100%!important;}
  .sqv2-body .news-airbnb-track,
  .sqv2-body .area-strip,
  .sqv2-body .district-strip{clear:both!important;margin-top:18px!important;padding-left:0!important;padding-right:0!important;scroll-padding-left:0!important;}
  .sqv2-body .news-airbnb-card,
  .sqv2-body .district-card{min-width:calc(100vw - 40px)!important;max-width:calc(100vw - 40px)!important;margin-left:0!important;}
  .sqv2-body .section-action,
  .sqv2-body .district-see-all{max-width:calc(100vw - 120px)!important;overflow:hidden!important;text-overflow:ellipsis!important;}
}

/* Footer: source strings may arrive uppercase; render readable without forced uppercase styling. */
.sqv2-body .footer,
.sqv2-body .footer :where(h1,h2,h3,h4,h5,h6,a,p,span,li,.contact-row){text-transform:none!important;letter-spacing:normal!important;}
.sqv2-body .footer h4{font-size:15px!important;font-weight:800!important;}

/* ============================================================
   Step 43: restore article/detail header spacing.
   Applies to all single article-style pages without touching
   listing pages or the fixed header/navigation behavior.
   ============================================================ */
.sqv2-body .sqv2-single-news .figma-article-head.sqv2-article-head-light,
.sqv2-body .sqv2-history-article .figma-article-head.sqv2-article-head-light,
.sqv2-body .sqv2-opening-page .figma-article-head.sqv2-article-head-light,
.sqv2-body .sqv2-science-single .figma-article-head.sqv2-article-head-light{
  padding-top:72px!important;
  padding-bottom:60px!important;
  background:#FCFBF9!important;
  border-bottom:1px solid #f4f1ea!important;
}
.sqv2-body .sqv2-single-news .figma-article-head.sqv2-article-head-light .breadcrumbs,
.sqv2-body .sqv2-history-article .figma-article-head.sqv2-article-head-light .breadcrumbs,
.sqv2-body .sqv2-opening-page .figma-article-head.sqv2-article-head-light .breadcrumbs,
.sqv2-body .sqv2-science-single .figma-article-head.sqv2-article-head-light .breadcrumbs{
  margin-top:0!important;
  margin-bottom:26px!important;
  color:#98721F!important;
}
.sqv2-body .sqv2-single-news .figma-article-head.sqv2-article-head-light .breadcrumbs a,
.sqv2-body .sqv2-single-news .figma-article-head.sqv2-article-head-light .breadcrumbs span,
.sqv2-body .sqv2-history-article .figma-article-head.sqv2-article-head-light .breadcrumbs a,
.sqv2-body .sqv2-history-article .figma-article-head.sqv2-article-head-light .breadcrumbs span,
.sqv2-body .sqv2-opening-page .figma-article-head.sqv2-article-head-light .breadcrumbs a,
.sqv2-body .sqv2-opening-page .figma-article-head.sqv2-article-head-light .breadcrumbs span,
.sqv2-body .sqv2-science-single .figma-article-head.sqv2-article-head-light .breadcrumbs a,
.sqv2-body .sqv2-science-single .figma-article-head.sqv2-article-head-light .breadcrumbs span{
  color:#98721F!important;
}
.sqv2-body .sqv2-single-news .figma-article-head.sqv2-article-head-light .article-meta-line,
.sqv2-body .sqv2-history-article .figma-article-head.sqv2-article-head-light .article-meta-line,
.sqv2-body .sqv2-opening-page .figma-article-head.sqv2-article-head-light .article-meta-line,
.sqv2-body .sqv2-science-single .figma-article-head.sqv2-article-head-light .article-meta-line{
  margin-bottom:24px!important;
  color:#98721F!important;
}
.sqv2-body .sqv2-single-news .figma-article-head.sqv2-article-head-light h1,
.sqv2-body .sqv2-history-article .figma-article-head.sqv2-article-head-light h1,
.sqv2-body .sqv2-opening-page .figma-article-head.sqv2-article-head-light h1,
.sqv2-body .sqv2-science-single .figma-article-head.sqv2-article-head-light h1{
  color:#1A1A1A!important;
}
@media(max-width:760px){
  .sqv2-body .sqv2-single-news .figma-article-head.sqv2-article-head-light,
  .sqv2-body .sqv2-history-article .figma-article-head.sqv2-article-head-light,
  .sqv2-body .sqv2-opening-page .figma-article-head.sqv2-article-head-light,
  .sqv2-body .sqv2-science-single .figma-article-head.sqv2-article-head-light{
    padding-top:46px!important;
    padding-bottom:42px!important;
  }
}


/* Step 44 fixes: secondary backgrounds, reliable pickers, admin bar polish. */
:root{--sqv2-secondary-light:#f4f1ea!important;--sqv2-light-alt:#f4f1ea!important;--sqv2-milk-2:#f4f1ea!important;}
.sqv2-body .sqv2-science-page,
.sqv2-body .sqv2-virtual-page,
.sqv2-body .sqv2-tour-page,
.sqv2-body .figma-article-body,
.sqv2-body .district-detail-body,
.sqv2-body .page-body{background:#FCFBF9!important;}
.sqv2-body .home-news,
.sqv2-body .areas-section.district-section{background:#f4f1ea!important;border-color:#f4f1ea!important;}
.sqv2-body .sqv2-tour-form :where(input,select){background:#FCFBF9!important;}
.sqv2-picker-field{position:relative!important;display:flex!important;align-items:stretch!important;width:100%!important;}
.sqv2-picker-field > input:not(.sqv2-native-picker){width:100%!important;padding-right:62px!important;}
.sqv2-picker-btn{z-index:2!important;pointer-events:none!important;background:#FCFBF9!important;color:#98721F!important;}
.sqv2-native-picker{position:absolute!important;right:0!important;top:0!important;bottom:0!important;width:58px!important;height:100%!important;min-height:100%!important;opacity:0!important;pointer-events:auto!important;z-index:4!important;cursor:pointer!important;border:0!important;padding:0!important;margin:0!important;}
.sqv2-native-picker::-webkit-calendar-picker-indicator{width:58px!important;height:100%!important;cursor:pointer!important;}
html[dir="rtl"] .sqv2-picker-field > input:not(.sqv2-native-picker){padding-right:16px!important;padding-left:62px!important;}
html[dir="rtl"] .sqv2-native-picker{right:auto!important;left:0!important;}
html[dir="rtl"] .sqv2-picker-btn{right:auto!important;left:1px!important;border-left:0!important;border-right:1px solid #e3d8c7!important;}
#wpadminbar #wp-admin-bar-sqv2-edit-source > .ab-item,
#wpadminbar #wp-admin-bar-sqv2-tour-requests > .ab-item,
#wpadminbar #wp-admin-bar-sqv2-volunteer-requests > .ab-item,
#wpadminbar #wp-admin-bar-sqv2-dashboard > .ab-item{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif!important;}
#wpadminbar .sqv2-ab-dashicon{font-family:dashicons!important;font-size:16px!important;line-height:20px!important;vertical-align:text-bottom!important;margin-right:5px!important;color:inherit!important;}
@media(max-width:760px){
  .sqv2-body .home-news .section-head,.sqv2-body .areas-section.district-section .section-head{display:block!important;}
  .sqv2-body .news-airbnb-actions,.sqv2-body .area-controls{display:grid!important;grid-template-columns:42px 42px minmax(0,1fr)!important;gap:8px!important;align-items:center!important;width:100%!important;}
  .sqv2-body .news-airbnb-actions .section-action,.sqv2-body .area-controls .section-action{height:42px!important;min-height:42px!important;width:100%!important;min-width:0!important;padding:0 10px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;white-space:nowrap!important;font-size:11px!important;letter-spacing:.09em!important;overflow:hidden!important;text-overflow:ellipsis!important;}
  .sqv2-body .news-airbnb-track,.sqv2-body .area-strip,.sqv2-body .district-strip{padding-left:0!important;padding-right:0!important;margin-left:0!important;margin-right:0!important;}
}
.sqv2-body .info-card-directions{cursor:pointer!important;}
.sqv2-body .info-card-directions .sqv2-directions-trigger{appearance:none!important;border:0!important;background:transparent!important;padding:0!important;margin:0!important;font:inherit!important;cursor:pointer!important;color:inherit!important;display:inline-flex!important;align-items:center!important;gap:8px!important;}
.sqv2-body .info-card-directions:focus-visible{outline:2px solid #D4AF37!important;outline-offset:4px!important;}

/* Step 45 fixes: clean admin bar, reliable form pickers, directions link style. */
#wpadminbar #wp-admin-bar-sqv2-dashboard{display:none!important;}
#wpadminbar .sqv2-ab-dashicon{display:none!important;}
#wpadminbar #wp-admin-bar-sqv2-edit-source > .ab-item,
#wpadminbar #wp-admin-bar-sqv2-tour-requests > .ab-item,
#wpadminbar #wp-admin-bar-sqv2-volunteer-requests > .ab-item{
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif!important;
  font-size:13px!important;
  line-height:32px!important;
  height:32px!important;
}
#wpadminbar #wp-admin-bar-sqv2-edit-source .ab-item:before,
#wpadminbar #wp-admin-bar-sqv2-tour-requests .ab-item:before,
#wpadminbar #wp-admin-bar-sqv2-volunteer-requests .ab-item:before{content:none!important;display:none!important;}

.sqv2-body .sqv2-picker-field{position:relative!important;display:flex!important;align-items:stretch!important;width:100%!important;}
.sqv2-body .sqv2-picker-field > input:not(.sqv2-native-picker){width:100%!important;padding-right:62px!important;}
.sqv2-body .sqv2-picker-btn{
  position:absolute!important;right:1px!important;top:1px!important;bottom:1px!important;width:56px!important;
  z-index:6!important;pointer-events:auto!important;cursor:pointer!important;
  border:0!important;border-left:1px solid #e3d8c7!important;background:#FCFBF9!important;color:#98721F!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;box-shadow:none!important;border-radius:0!important;
}
.sqv2-body .sqv2-picker-btn:hover,.sqv2-body .sqv2-picker-btn:focus{background:#f4f1ea!important;color:#1A1A1A!important;outline:none!important;}
.sqv2-body .sqv2-native-picker{
  position:absolute!important;right:2px!important;top:2px!important;width:1px!important;height:1px!important;min-height:1px!important;
  opacity:0!important;pointer-events:none!important;z-index:-1!important;border:0!important;padding:0!important;margin:0!important;
}
html[dir="rtl"] .sqv2-body .sqv2-picker-field > input:not(.sqv2-native-picker){padding-right:16px!important;padding-left:62px!important;}
html[dir="rtl"] .sqv2-body .sqv2-picker-btn{right:auto!important;left:1px!important;border-left:0!important;border-right:1px solid #e3d8c7!important;}
html[dir="rtl"] .sqv2-body .sqv2-native-picker{right:auto!important;left:2px!important;}

.sqv2-body .info-card-directions .sqv2-directions-trigger.text-link,
.sqv2-body .sqv2-directions-trigger.text-link{
  appearance:none!important;border:0!important;background:transparent!important;padding:0!important;margin-top:auto!important;
  display:inline-flex!important;align-items:center!important;gap:8px!important;width:auto!important;height:auto!important;
  color:#98721F!important;font-size:12px!important;font-weight:800!important;text-transform:uppercase!important;letter-spacing:.12em!important;
  font-family:inherit!important;line-height:1.3!important;text-align:left!important;cursor:pointer!important;text-decoration:none!important;
}
.sqv2-body .info-card-directions .sqv2-directions-trigger.text-link:hover{color:#6a561c!important;}
.sqv2-body .info-card-directions .sqv2-directions-trigger.text-link svg{flex:0 0 auto!important;}


/* Step 46 fixes: 24h tour time, stable directions card, clean admin bar labels. */
.sqv2-body .info-card-directions{color:inherit!important;text-decoration:none!important;cursor:pointer!important;}
.sqv2-body .info-card-directions .sqv2-directions-trigger{color:#98721F!important;font-weight:900!important;text-transform:uppercase!important;letter-spacing:.14em!important;}
.sqv2-body .info-card-directions:hover .sqv2-directions-trigger{color:#6a561c!important;}
.sqv2-body .sqv2-time-az{font-variant-numeric:tabular-nums!important;}
.sqv2-body .sqv2-picker-field > input[list].sqv2-time-az{padding-right:62px!important;}
.sqv2-body .sqv2-picker-field .sqv2-time-az::-webkit-calendar-picker-indicator{display:none!important;}
#wpadminbar #wp-admin-bar-sqv2-edit-source > .ab-item,
#wpadminbar #wp-admin-bar-sqv2-tour-requests > .ab-item,
#wpadminbar #wp-admin-bar-sqv2-volunteer-requests > .ab-item{font-family:Arial,sans-serif!important;font-weight:600!important;}

/* Step 48: stable 24-hour time input/menu; do not use browser datalist AM/PM behavior. */
.sqv2-body .sqv2-time-menu{
  position:absolute!important;
  right:0!important;
  top:calc(100% + 8px)!important;
  z-index:30!important;
  width:min(260px,100%)!important;
  max-height:220px!important;
  overflow:auto!important;
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:6px!important;
  padding:10px!important;
  background:#1A1A1A!important;
  border:1px solid #98721F!important;
  box-shadow:0 18px 40px rgba(26,26,26,.22)!important;
}
.sqv2-body .sqv2-time-menu[hidden]{display:none!important;}
.sqv2-body .sqv2-time-menu button{
  appearance:none!important;
  border:1px solid rgba(212,175,55,.38)!important;
  background:transparent!important;
  color:#fff!important;
  height:38px!important;
  padding:0 10px!important;
  border-radius:0!important;
  font:inherit!important;
  font-weight:800!important;
  letter-spacing:.03em!important;
  cursor:pointer!important;
}
.sqv2-body .sqv2-time-menu button:hover,
.sqv2-body .sqv2-time-menu button:focus{background:#D4AF37!important;color:#1A1A1A!important;outline:none!important;}
html[dir="rtl"] .sqv2-body .sqv2-time-menu{right:auto!important;left:0!important;}

/* ============================================================
   Step 50: final QA fixes before SEO/speed stage.
   Scope: contact phone contrast, admin bar cleanup, footer casing,
   district active state, tour form UX, mobile card spacing.
   ============================================================ */
:root{--sqv2-secondary-light:#f4f1ea!important;}

/* Contact: keep phone card dark and readable even after global light card rules. */
.sqv2-body .sqv2-contact-grid{margin-top:-34px!important;}
.sqv2-body .sqv2-contact-card-main{
  background:#1A1A1A!important;
  border-color:#1A1A1A!important;
  color:#fff!important;
}
.sqv2-body .sqv2-contact-card-main h2{color:#D4AF37!important;}
.sqv2-body .sqv2-contact-card-main a{color:#fff!important;text-shadow:none!important;}
.sqv2-body .sqv2-contact-card-main .sqv2-contact-icon{background:#FCFBF9!important;color:#1A1A1A!important;}
@media(max-width:760px){
  .sqv2-body .sqv2-contact-grid{margin-top:-22px!important;gap:16px!important;}
  .sqv2-body .sqv2-contact-card{min-height:120px!important;}
  .sqv2-body .sqv2-contact-hero{padding-bottom:76px!important;}
}
@media(max-width:560px){
  .sqv2-body .sqv2-contact-grid{margin-top:0!important;padding-top:22px!important;}
}

/* Admin bar: remove broken icon glyphs/tofu while keeping text tools usable. */
#wpadminbar #wp-admin-bar-wp-logo{display:none!important;}
#wpadminbar .ab-icon,
#wpadminbar .ab-icon:before,
#wpadminbar .ab-item:before,
#wpadminbar .ab-label:before,
#wpadminbar .dashicons:before{
  content:none!important;
  display:none!important;
  width:0!important;
  margin:0!important;
}
#wpadminbar .ab-item{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif!important;}
#wpadminbar #wp-admin-bar-sqv2-edit-source > .ab-item,
#wpadminbar #wp-admin-bar-sqv2-tour-requests > .ab-item,
#wpadminbar #wp-admin-bar-sqv2-volunteer-requests > .ab-item{font-weight:700!important;}

/* Footer: never force all-caps; use readable normal casing. */
.sqv2-body .footer,
.sqv2-body .footer *{text-transform:none!important;letter-spacing:normal!important;}
.sqv2-body .footer h4{font-family:var(--ui-font,"Noto Sans",Arial,sans-serif)!important;font-size:15px!important;font-weight:850!important;line-height:1.35!important;}
.sqv2-body .footer-grid ul a{font-size:14px!important;font-weight:650!important;line-height:1.5!important;}

/* District detail active mobile/desktop nav: use light-background gold system. */
.sqv2-body .district-side-nav a.active{
  background:#f4f1ea!important;
  color:#98721F!important;
  border-left:3px solid #98721F!important;
  padding-left:13px!important;
  box-shadow:inset 0 0 0 1px rgba(152,114,31,.12)!important;
}
@media(max-width:900px){
  .sqv2-body .district-side-nav a.active{
    border-left:0!important;
    border-bottom:2px solid #98721F!important;
    color:#98721F!important;
    background:#f4f1ea!important;
    padding-left:14px!important;
  }
}

/* Tour form: phone should be international-friendly; time is plain stable 24h text. */
.sqv2-body .sqv2-tour-form input[name="contact_phone"]::placeholder{color:#7c746b!important;}
.sqv2-body .sqv2-tour-form input[name="arrival_time"]{
  direction:ltr!important;
  text-align:left!important;
  font-variant-numeric:tabular-nums!important;
  -webkit-text-security:none!important;
}

/* Mobile homepage news/district cards: improve horizontal rhythm without desktop changes. */
@media(max-width:760px){
  .sqv2-body .home-news .container,
  .sqv2-body .areas-section.district-section .container{padding-left:20px!important;padding-right:20px!important;}
  .sqv2-body .news-airbnb-track,
  .sqv2-body .area-strip,
  .sqv2-body .district-strip{gap:20px!important;overflow-x:auto!important;scroll-snap-type:x mandatory!important;}
  .sqv2-body .news-airbnb-card,
  .sqv2-body .district-card{min-width:calc(100vw - 40px)!important;max-width:calc(100vw - 40px)!important;scroll-snap-align:start!important;}
}
@media(max-width:360px){
  .sqv2-body .home-news .container,
  .sqv2-body .areas-section.district-section .container{padding-left:16px!important;padding-right:16px!important;}
  .sqv2-body .news-airbnb-track,
  .sqv2-body .area-strip,
  .sqv2-body .district-strip{gap:16px!important;}
  .sqv2-body .news-airbnb-card,
  .sqv2-body .district-card{min-width:calc(100vw - 32px)!important;max-width:calc(100vw - 32px)!important;}
}

/* ============================================================
   Step 51: final mobile QA before SEO stage.
   1) District detail title stays fixed above mobile chip row.
   2) Home news/district CTA buttons no longer clip on narrow screens.
   ============================================================ */
.sqv2-body .district-side-nav-scroll{display:block!important;}
.sqv2-body .district-side-nav-scroll a{display:flex!important;}
@media(min-width:901px){
  .sqv2-body .district-side-nav-scroll a + a{margin-top:6px!important;}
}
@media(max-width:900px){
  .sqv2-body .district-side-nav{
    display:block!important;
    overflow:visible!important;
    padding:14px!important;
    white-space:normal!important;
  }
  .sqv2-body .district-side-nav > span{
    display:block!important;
    width:100%!important;
    flex:0 0 100%!important;
    margin:0 0 10px!important;
    padding:0!important;
    position:relative!important;
    left:auto!important;
    transform:none!important;
    white-space:normal!important;
    overflow:visible!important;
  }
  .sqv2-body .district-side-nav-scroll{
    display:flex!important;
    flex-flow:row nowrap!important;
    align-items:center!important;
    gap:8px!important;
    width:100%!important;
    max-width:100%!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    padding:0 0 6px!important;
    margin:0!important;
    scrollbar-width:none!important;
    -webkit-overflow-scrolling:touch!important;
  }
  .sqv2-body .district-side-nav-scroll::-webkit-scrollbar{display:none!important;}
  .sqv2-body .district-side-nav-scroll a{
    flex:0 0 auto!important;
    width:auto!important;
    min-width:max-content!important;
    max-width:none!important;
    margin:0!important;
  }

  .sqv2-body .home-news .section-head,
  .sqv2-body .areas-section.district-section .section-head{
    display:block!important;
    overflow:visible!important;
  }
  .sqv2-body .news-airbnb-actions,
  .sqv2-body .area-controls{
    display:grid!important;
    grid-template-columns:34px 34px minmax(0,1fr)!important;
    gap:8px!important;
    align-items:center!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    overflow:visible!important;
    padding:0!important;
    margin:14px 0 0!important;
    box-sizing:border-box!important;
  }
  .sqv2-body .news-airbnb-actions .round-btn,
  .sqv2-body .area-controls .round-btn{
    width:34px!important;
    height:34px!important;
    min-width:34px!important;
    flex:0 0 34px!important;
    box-sizing:border-box!important;
  }
  .sqv2-body .news-airbnb-actions .section-action,
  .sqv2-body .area-controls .section-action,
  .sqv2-body .district-see-all{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    height:38px!important;
    min-height:38px!important;
    padding:0 8px!important;
    box-sizing:border-box!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    white-space:nowrap!important;
    overflow:visible!important;
    text-overflow:clip!important;
    font-size:10px!important;
    line-height:1!important;
    letter-spacing:.07em!important;
  }
  .sqv2-body .news-airbnb-track,
  .sqv2-body .area-strip,
  .sqv2-body .district-strip{
    margin-top:18px!important;
  }
}
@media(max-width:340px){
  .sqv2-body .news-airbnb-actions,
  .sqv2-body .area-controls{grid-template-columns:32px 32px minmax(0,1fr)!important;gap:6px!important;}
  .sqv2-body .news-airbnb-actions .round-btn,
  .sqv2-body .area-controls .round-btn{width:32px!important;height:32px!important;min-width:32px!important;}
  .sqv2-body .news-airbnb-actions .section-action,
  .sqv2-body .area-controls .section-action,
  .sqv2-body .district-see-all{font-size:9.5px!important;letter-spacing:.045em!important;padding:0 6px!important;}
}

/* ============================================================
   Step 52: last mobile carousel/nav polish before SEO.
   1) District detail nav uses the same simple horizontal chip UX as news filters.
   2) Home news/district carousels show one clean card per mobile viewport;
      no half-card is exposed on the right edge.
   ============================================================ */
@media(max-width:900px){
  .sqv2-body .district-side-nav{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    padding:0!important;
    margin:0 0 18px!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    overflow:visible!important;
    white-space:normal!important;
  }
  .sqv2-body .district-side-nav > span{
    display:none!important;
  }
  .sqv2-body .district-side-nav-scroll{
    display:flex!important;
    flex-direction:row!important;
    flex-wrap:nowrap!important;
    align-items:center!important;
    gap:8px!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin:0!important;
    padding:2px 0 10px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    white-space:nowrap!important;
    -webkit-overflow-scrolling:touch!important;
    scrollbar-width:none!important;
    scroll-snap-type:x proximity!important;
    touch-action:pan-x!important;
  }
  .sqv2-body .district-side-nav-scroll::-webkit-scrollbar{
    display:none!important;
  }
  .sqv2-body .district-side-nav-scroll a,
  .sqv2-body .district-side-nav a{
    flex:0 0 auto!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:auto!important;
    min-width:max-content!important;
    max-width:none!important;
    min-height:40px!important;
    height:40px!important;
    margin:0!important;
    padding:0 16px!important;
    border:1px solid #e3d8c7!important;
    border-radius:999px!important;
    background:#FCFBF9!important;
    color:#24211c!important;
    font-size:13px!important;
    font-weight:800!important;
    line-height:1!important;
    letter-spacing:0!important;
    text-transform:none!important;
    text-decoration:none!important;
    box-shadow:0 8px 20px rgba(15,15,15,.045)!important;
    scroll-snap-align:start!important;
    white-space:nowrap!important;
  }
  .sqv2-body .district-side-nav-scroll a.active,
  .sqv2-body .district-side-nav-scroll a:hover,
  .sqv2-body .district-side-nav a.active,
  .sqv2-body .district-side-nav a:hover{
    background:#98721F!important;
    border-color:#98721F!important;
    color:#fff!important;
  }
}

@media(max-width:760px){
  .sqv2-body .home-news .container,
  .sqv2-body .areas-section.district-section .container{
    overflow:hidden!important;
  }
  .sqv2-body .news-airbnb-track{
    display:grid!important;
    grid-auto-flow:column!important;
    grid-auto-columns:100%!important;
    gap:16px!important;
    width:100%!important;
    max-width:100%!important;
    margin-left:0!important;
    margin-right:0!important;
    padding:4px 0 18px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scroll-snap-type:x mandatory!important;
    scrollbar-width:none!important;
    -webkit-overflow-scrolling:touch!important;
  }
  .sqv2-body .news-airbnb-track::-webkit-scrollbar{
    display:none!important;
  }
  .sqv2-body .news-airbnb-card{
    width:100%!important;
    min-width:100%!important;
    max-width:100%!important;
    flex:0 0 100%!important;
    scroll-snap-align:start!important;
    margin:0!important;
  }
  .sqv2-body .area-strip.district-strip,
  .sqv2-body .district-strip{
    display:flex!important;
    flex-flow:row nowrap!important;
    gap:16px!important;
    width:100%!important;
    max-width:100%!important;
    margin-left:0!important;
    margin-right:0!important;
    padding:4px 0 18px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scroll-snap-type:x mandatory!important;
    scrollbar-width:none!important;
    -webkit-overflow-scrolling:touch!important;
  }
  .sqv2-body .area-strip.district-strip::-webkit-scrollbar,
  .sqv2-body .district-strip::-webkit-scrollbar{
    display:none!important;
  }
  .sqv2-body .district-card,
  .sqv2-body .area-strip.district-strip .district-card{
    flex:0 0 100%!important;
    width:100%!important;
    min-width:100%!important;
    max-width:100%!important;
    margin:0!important;
    scroll-snap-align:start!important;
  }
}

/* ============================================================
   Step 53: final district detail mobile chip scroll reliability.
   Desktop is unchanged; mobile chips behave like the news filter row.
   ============================================================ */
@media(max-width:900px){
  .sqv2-body .district-article-grid,
  .sqv2-body .district-detail-body .container{
    overflow:visible!important;
  }
  .sqv2-body .district-side-nav{
    touch-action:auto!important;
  }
  .sqv2-body .district-side-nav-scroll,
  .sqv2-body [data-sqv2-chip-scroll="true"]{
    display:flex!important;
    flex-wrap:nowrap!important;
    align-items:center!important;
    gap:8px!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    overflow-x:scroll!important;
    overflow-y:hidden!important;
    -webkit-overflow-scrolling:touch!important;
    overscroll-behavior-x:contain!important;
    scroll-snap-type:x proximity!important;
    touch-action:pan-x!important;
    cursor:grab!important;
    user-select:none!important;
  }
  .sqv2-body .district-side-nav-scroll.is-dragging,
  .sqv2-body [data-sqv2-chip-scroll="true"].is-dragging{
    cursor:grabbing!important;
  }
  .sqv2-body .district-side-nav-scroll.is-dragging a,
  .sqv2-body [data-sqv2-chip-scroll="true"].is-dragging a{
    pointer-events:none!important;
  }
  .sqv2-body .district-side-nav-scroll a{
    flex:0 0 auto!important;
    white-space:nowrap!important;
    scroll-snap-align:start!important;
  }
}

/* ============================================================
   Step 54: safe speed stage + final mobile horizontal scroll fixes.
   Scope is intentionally limited to mobile district chips and hero timeline.
   ============================================================ */
@media(max-width:900px){
  .sqv2-body .district-side-nav{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    -webkit-overflow-scrolling:touch!important;
    overscroll-behavior-x:contain!important;
    touch-action:pan-x!important;
    scrollbar-width:none!important;
    padding:0 0 12px!important;
    margin:0 0 18px!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
  }
  .sqv2-body .district-side-nav::-webkit-scrollbar{display:none!important;}
  .sqv2-body .district-side-nav > span{display:none!important;}
  .sqv2-body .district-side-nav-scroll{
    display:flex!important;
    flex-direction:row!important;
    flex-wrap:nowrap!important;
    align-items:center!important;
    gap:8px!important;
    width:max-content!important;
    min-width:100%!important;
    max-width:none!important;
    overflow:visible!important;
    padding:2px 0 2px!important;
    margin:0!important;
    white-space:nowrap!important;
    touch-action:pan-x!important;
    user-select:none!important;
  }
  .sqv2-body .district-side-nav-scroll a{
    flex:0 0 auto!important;
    width:auto!important;
    min-width:max-content!important;
    max-width:none!important;
    white-space:nowrap!important;
    scroll-snap-align:start!important;
  }
  .sqv2-body .district-side-nav.is-dragging,
  .sqv2-body .district-side-nav-scroll.is-dragging{cursor:grabbing!important;}
  .sqv2-body .district-side-nav.is-dragging a,
  .sqv2-body .district-side-nav-scroll.is-dragging a{pointer-events:none!important;}
}

@media(max-width:760px){
  .sqv2-body .hero-timeline{
    left:0!important;
    right:0!important;
    bottom:0!important;
    height:126px!important;
    padding:0 16px 24px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    -webkit-overflow-scrolling:touch!important;
    overscroll-behavior-x:contain!important;
    touch-action:pan-x!important;
    scrollbar-width:none!important;
  }
  .sqv2-body .hero-timeline::-webkit-scrollbar{display:none!important;}
  .sqv2-body .hero-timeline .timeline-wrap{
    display:flex!important;
    flex-direction:row!important;
    flex-wrap:nowrap!important;
    align-items:flex-end!important;
    justify-content:flex-start!important;
    gap:14px!important;
    width:max-content!important;
    min-width:max-content!important;
    max-width:none!important;
    padding:0 4px 10px!important;
    margin:0!important;
    overflow:visible!important;
    touch-action:pan-x!important;
    user-select:none!important;
  }
  .sqv2-body .hero-timeline .timeline-node{
    flex:0 0 72px!important;
    min-width:72px!important;
    max-width:72px!important;
    scroll-snap-align:start!important;
  }
  .sqv2-body .hero-timeline .timeline-thumb{width:68px!important;height:42px!important;}
  .sqv2-body .hero-timeline .timeline-line,
  .sqv2-body .hero-timeline .timeline-progress{display:none!important;}
  .sqv2-body .hero-timeline.is-dragging,
  .sqv2-body .hero-timeline .timeline-wrap.is-dragging{cursor:grabbing!important;}
  .sqv2-body .hero-timeline.is-dragging .timeline-node,
  .sqv2-body .hero-timeline .timeline-wrap.is-dragging .timeline-node{pointer-events:none!important;}
}
@media(max-width:360px){
  .sqv2-body .hero-timeline{padding-left:12px!important;padding-right:12px!important;}
  .sqv2-body .hero-timeline .timeline-wrap{gap:10px!important;}
  .sqv2-body .hero-timeline .timeline-node{flex-basis:66px!important;min-width:66px!important;max-width:66px!important;}
  .sqv2-body .hero-timeline .timeline-thumb{width:62px!important;height:39px!important;}
}

/* ============================================================
   Step 55: final visual polish before production QA.
   1) Homepage news card titles are softened to 18px on desktop/tablet.
   2) District detail mobile chips keep the existing design but align vertically.
   ============================================================ */
@media(min-width:761px){
  .sqv2-body .home-news .news-airbnb-card h3{
    font-size:18px!important;
    line-height:1.22!important;
    letter-spacing:-.035em!important;
    min-height:0!important;
    font-weight:800!important;
  }
}
@media(max-width:900px){
  .sqv2-body .district-side-nav{
    line-height:1!important;
  }
  .sqv2-body .district-side-nav-scroll{
    align-items:center!important;
  }
  .sqv2-body .district-side-nav-scroll a,
  .sqv2-body .district-side-nav a{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    vertical-align:middle!important;
    height:40px!important;
    min-height:40px!important;
    padding-top:0!important;
    padding-bottom:0!important;
    line-height:1!important;
    transform:none!important;
    position:relative!important;
    top:auto!important;
  }
  .sqv2-body .district-side-nav-scroll a.active,
  .sqv2-body .district-side-nav a.active{
    padding-top:0!important;
    padding-bottom:0!important;
    transform:none!important;
    top:auto!important;
  }
}

/* ============================================================
   Production 1.0: final tiny polish + safe hidden anti-spam field.
   Keeps mobile district chips visually level without changing their design.
   ============================================================ */
.sqv2-body .sqv2-hp-field{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important;}
@media(max-width:900px){
  .sqv2-body .district-side-nav-scroll a,
  .sqv2-body .district-side-nav a{
    box-sizing:border-box!important;
    border:1px solid #e3d8c7!important;
    border-bottom:1px solid #e3d8c7!important;
    margin-top:0!important;
    margin-bottom:0!important;
  }
  .sqv2-body .district-side-nav-scroll a.active,
  .sqv2-body .district-side-nav-scroll a:hover,
  .sqv2-body .district-side-nav a.active,
  .sqv2-body .district-side-nav a:hover{
    border:1px solid #98721F!important;
    border-bottom:1px solid #98721F!important;
    margin-top:0!important;
    margin-bottom:0!important;
  }
}


/* ============================================================
   Production 1.0.1: social/SEO polish + final district chip alignment.
   Visual scope is limited to mobile district chips.
   ============================================================ */
@media(max-width:900px){
  .sqv2-body .district-side-nav{
    padding-top:14px!important;
  }
  .sqv2-body .district-side-nav-scroll{
    display:flex!important;
    align-items:center!important;
    gap:8px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    -webkit-overflow-scrolling:touch!important;
    touch-action:pan-x!important;
  }
  .sqv2-body .district-side-nav-scroll a,
  .sqv2-body .district-side-nav a{
    flex:0 0 auto!important;
    height:40px!important;
    min-height:40px!important;
    line-height:40px!important;
    padding:0 16px!important;
    margin:0!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    vertical-align:top!important;
    top:0!important;
    transform:translateY(0)!important;
  }
  .sqv2-body .district-side-nav-scroll a.active,
  .sqv2-body .district-side-nav-scroll a:hover,
  .sqv2-body .district-side-nav a.active,
  .sqv2-body .district-side-nav a:hover{
    height:40px!important;
    min-height:40px!important;
    line-height:40px!important;
    padding:0 16px!important;
    margin:0!important;
    top:0!important;
    transform:translateY(0)!important;
  }
}