
.article-hero{background:linear-gradient(180deg,#fbfaf8 0%,#f2f5f7 100%);padding:54px 0 62px}.article-hero .container{max-width:980px}.article-kicker{font-size:11px;font-weight:900;letter-spacing:1.6px;color:#7b8491;text-transform:uppercase}.article-hero h1{font-size:clamp(42px,6vw,72px);line-height:1.02;letter-spacing:-3px;margin:12px 0 16px}.article-lead{font-size:19px;line-height:1.65;color:var(--muted);max-width:820px}.article-meta{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px;color:#7b8491;font-size:12px}.article-layout{display:grid;grid-template-columns:minmax(0,780px) 260px;gap:42px;align-items:start}.article-body{font-size:16px;line-height:1.78;color:#3f4b5a}.article-body h2{font-size:31px;line-height:1.15;letter-spacing:-1.1px;color:var(--ink);margin:42px 0 14px}.article-body h3{font-size:21px;line-height:1.25;letter-spacing:-.5px;color:var(--ink);margin:28px 0 8px}.article-body p{margin:0 0 17px}.article-body ul,.article-body ol{padding-left:23px;margin:10px 0 20px}.article-body li{margin:7px 0}.article-body strong{color:var(--ink)}.answer-box{background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px;margin:0 0 28px;box-shadow:0 10px 30px rgba(16,24,39,.04)}.answer-box h2{font-size:22px;margin:0 0 9px}.answer-box p{margin:0}.info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:20px 0 28px}.info-card{background:#f6f7f8;border:1px solid var(--line);border-radius:16px;padding:18px}.info-card strong{display:block;margin-bottom:6px;color:var(--ink)}.info-card span{font-size:13px;color:var(--muted);line-height:1.55}.compare-table{width:100%;border-collapse:collapse;margin:18px 0 28px;background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden}.compare-table th,.compare-table td{padding:12px 13px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}.compare-table th{font-size:12px;background:#f5f7f8;color:var(--ink)}.compare-table td{font-size:13px;color:#566273}.toc{position:sticky;top:22px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px}.toc strong{display:block;margin-bottom:9px;font-size:13px}.toc a{display:block;font-size:12px;color:#667181;padding:6px 0}.source-box{margin-top:38px;padding-top:22px;border-top:1px solid var(--line);font-size:12px;color:#727d8b}.source-box a{text-decoration:underline}.faq-list{display:grid;gap:10px;margin:16px 0}.faq-item{border:1px solid var(--line);border-radius:14px;padding:16px;background:#fff}.faq-item h3{margin:0 0 6px;font-size:17px}.faq-item p{margin:0;font-size:14px;color:#5f6b7b}.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:20px}.related-card{border:1px solid var(--line);border-radius:16px;padding:17px;background:#fff}.related-card b{display:block;margin-bottom:6px}.related-card span{font-size:12px;color:var(--muted);line-height:1.5}.article-cta{background:var(--dark);color:#fff;border-radius:22px;padding:30px;margin:38px 0}.article-cta h2{color:#fff;margin:0 0 8px}.article-cta p{color:#adb7c4}.article-cta .primary-button{background:#fff;color:var(--ink)}
@media(max-width:980px){.article-layout{grid-template-columns:1fr}.toc{position:static}.related-grid{grid-template-columns:1fr 1fr}}@media(max-width:560px){.article-hero{padding:38px 0 50px}.article-hero h1{letter-spacing:-2.3px}.article-lead{font-size:16px}.article-layout{display:block}.info-grid,.related-grid{grid-template-columns:1fr}.article-body h2{font-size:27px}.compare-table{display:block;overflow-x:auto;white-space:normal}}

/* Dubai destination hero refinement v67 */
.dubai-guide-hero{background:linear-gradient(135deg,#fbfaf7 0%,#f3f6f8 100%);padding:26px 0 72px}
.dubai-guide-hero .container{max-width:1180px}
.dubai-guide-hero .breadcrumbs{margin-bottom:26px;font-size:13px;gap:7px}
.dubai-guide-hero-grid{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(360px,.78fr);gap:56px;align-items:center}
.dubai-guide-hero-copy{padding:16px 0 8px}
.dubai-guide-hero .article-kicker{display:inline-block;margin-bottom:4px;color:#b85d00}
.dubai-guide-hero h1{font-size:clamp(50px,6.2vw,82px);line-height:.94;letter-spacing:-4.6px;margin:12px 0 20px;max-width:760px}
.dubai-guide-hero .article-lead{font-size:18px;line-height:1.65;max-width:700px;color:#617086;margin:0}
.dubai-guide-hero .hero-actions{margin-top:28px;gap:12px}
.dubai-guide-hero .article-meta{margin-top:18px;font-size:11px;gap:10px}
.dubai-guide-hero-visual{position:relative;height:410px;border-radius:26px;overflow:hidden;box-shadow:0 28px 70px rgba(15,23,42,.15);background:#d9c6b4}
.dubai-guide-hero-visual img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.92) contrast(1.02)}
.dubai-guide-hero-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(15,23,42,0) 42%,rgba(15,23,42,.58) 100%);pointer-events:none}
.dubai-guide-hero-card{position:absolute;z-index:2;left:20px;right:20px;bottom:20px;background:rgba(255,255,255,.95);border:1px solid rgba(255,255,255,.8);border-radius:16px;padding:15px 17px;box-shadow:0 14px 32px rgba(15,23,42,.16)}
.dubai-guide-hero-card span{display:block;font-size:9px;font-weight:900;letter-spacing:1.5px;color:#b85d00;margin-bottom:5px}
.dubai-guide-hero-card strong{display:block;font-size:17px;line-height:1.2;color:#111827}
.dubai-guide-hero-card small{display:block;margin-top:5px;font-size:11px;color:#667085}
@media(max-width:900px){.dubai-guide-hero-grid{grid-template-columns:1fr;gap:30px}.dubai-guide-hero-visual{height:360px}.dubai-guide-hero h1{max-width:820px}}
@media(max-width:560px){.dubai-guide-hero{padding:20px 0 50px}.dubai-guide-hero .breadcrumbs{margin-bottom:20px}.dubai-guide-hero h1{font-size:52px;letter-spacing:-3.2px}.dubai-guide-hero .article-lead{font-size:16px}.dubai-guide-hero-visual{height:300px;border-radius:22px}.dubai-guide-hero-card{left:12px;right:12px;bottom:12px}.dubai-guide-hero .hero-actions{align-items:stretch}.dubai-guide-hero .hero-actions .secondary-button{width:100%;justify-content:center}}

/* Shared destination-city hero UI */
.destination-city-hero .breadcrumbs{margin-bottom:26px;font-size:13px;gap:7px}
.destination-city-hero-grid{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(360px,.78fr);gap:56px;align-items:center}
.destination-city-hero-copy{padding:16px 0 8px}
.destination-city-hero .article-kicker{display:inline-block;margin-bottom:4px;color:#b85d00}
.destination-city-hero h1{font-size:clamp(50px,6.2vw,82px);line-height:.94;letter-spacing:-4.6px;margin:12px 0 20px;max-width:760px}
.destination-city-hero .article-lead{font-size:18px;line-height:1.65;max-width:700px;color:#617086;margin:0}
.destination-city-hero .hero-actions{margin-top:28px;gap:12px}
.destination-city-hero .article-meta{margin-top:18px;font-size:11px;gap:10px}
.destination-city-hero-visual{position:relative;height:410px;border-radius:26px;overflow:hidden;box-shadow:0 28px 70px rgba(15,23,42,.15);background:#d9c6b4}
.destination-city-hero-visual img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.92) contrast(1.02)}
.destination-city-hero-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(15,23,42,0) 42%,rgba(15,23,42,.58) 100%);pointer-events:none}
.destination-city-hero-card{position:absolute;z-index:2;left:20px;right:20px;bottom:20px;background:rgba(255,255,255,.95);border:1px solid rgba(255,255,255,.8);border-radius:16px;padding:15px 17px;box-shadow:0 14px 32px rgba(15,23,42,.16)}
.destination-city-hero-card span{display:block;font-size:9px;font-weight:900;letter-spacing:1.5px;color:#b85d00;margin-bottom:5px}
.destination-city-hero-card strong{display:block;font-size:17px;line-height:1.2;color:#111827}
.destination-city-hero-card small{display:block;margin-top:5px;font-size:11px;color:#667085}
@media(max-width:900px){.destination-city-hero-grid{grid-template-columns:1fr;gap:30px}.destination-city-hero-visual{height:360px}.destination-city-hero h1{max-width:820px}}
@media(max-width:560px){.destination-city-hero{padding:20px 0 50px}.destination-city-hero .breadcrumbs{margin-bottom:20px}.destination-city-hero h1{font-size:52px;letter-spacing:-3.2px}.destination-city-hero .article-lead{font-size:16px}.destination-city-hero-visual{height:300px;border-radius:22px}.destination-city-hero-card{left:12px;right:12px;bottom:12px}.destination-city-hero .hero-actions{align-items:stretch}.destination-city-hero .hero-actions .secondary-button{width:100%;justify-content:center}}

/* Responsive destination-city hero refinement v69 */
.destination-city-hero{overflow:hidden}
.destination-city-hero .container{width:min(calc(100% - 40px),1180px)}
.destination-city-hero .breadcrumbs{display:flex;flex-wrap:wrap;align-items:center}
.destination-city-hero .hero-actions{display:flex;flex-wrap:wrap;align-items:center}
.destination-city-hero .hero-actions a{min-height:54px}

@media(max-width:1100px){
  .destination-city-hero-grid{grid-template-columns:minmax(0,1fr) minmax(330px,.82fr);gap:38px}
  .destination-city-hero h1{font-size:clamp(48px,6.3vw,70px);letter-spacing:-4px}
  .destination-city-hero-visual{height:380px}
}

@media(max-width:900px){
  .destination-city-hero{padding:42px 0 58px}
  .destination-city-hero .container{width:min(calc(100% - 32px),760px)}
  .destination-city-hero-grid{grid-template-columns:1fr;gap:28px}
  .destination-city-hero-copy{padding:0}
  .destination-city-hero h1{max-width:760px}
  .destination-city-hero .article-lead{max-width:720px}
  .destination-city-hero-visual{height:390px;width:100%}
}

@media(max-width:640px){
  .destination-city-hero{padding:28px 0 48px}
  .destination-city-hero .container{width:calc(100% - 28px)}
  .destination-city-hero .breadcrumbs{margin-bottom:17px;font-size:12px;gap:6px}
  .destination-city-hero .article-kicker{font-size:9px;letter-spacing:1.45px}
  .destination-city-hero h1{font-size:clamp(42px,12vw,52px);line-height:.97;letter-spacing:-2.8px;margin:10px 0 15px}
  .destination-city-hero .article-lead{font-size:16px;line-height:1.55}
  .destination-city-hero .hero-actions{display:grid;grid-template-columns:1fr;gap:10px;margin-top:22px}
  .destination-city-hero .hero-actions a{width:100%;justify-content:center;min-height:50px;box-sizing:border-box}
  .destination-city-hero .article-meta{margin-top:15px;font-size:10px;gap:7px;line-height:1.4}
  .destination-city-hero-visual{height:285px;border-radius:20px;box-shadow:0 18px 42px rgba(15,23,42,.13)}
  .destination-city-hero-card{left:10px;right:10px;bottom:10px;border-radius:14px;padding:12px 13px}
  .destination-city-hero-card span{font-size:8px;letter-spacing:1.25px;margin-bottom:4px}
  .destination-city-hero-card strong{font-size:15px;line-height:1.22}
  .destination-city-hero-card small{font-size:10px;margin-top:4px}
}

@media(max-width:380px){
  .destination-city-hero h1{font-size:40px;letter-spacing:-2.4px}
  .destination-city-hero-visual{height:255px}
  .destination-city-hero-card strong{font-size:14px}
  .destination-city-hero-card small{display:none}
}

/* Dubai destination page UI refinement v75 */
.dubai-guide-hero{padding:30px 0 74px;background:linear-gradient(135deg,#fbfaf7 0%,#f2f5f8 100%);overflow:hidden}
.dubai-guide-hero-grid{gap:62px}
.dubai-guide-hero-copy{padding:10px 0 6px}
.dubai-guide-hero .article-kicker{font-size:10px;letter-spacing:1.7px;color:#c15f00}
.dubai-guide-hero h1{font-size:clamp(52px,6.1vw,80px);letter-spacing:-4.8px;color:#111827}
.dubai-guide-hero .article-lead{font-size:17px;line-height:1.62;color:#5f6d80}
.dubai-guide-hero .primary-button{background:#ff8a00;color:#111827;box-shadow:0 10px 22px rgba(255,138,0,.18)}
.dubai-guide-hero .primary-button:hover{transform:translateY(-1px);box-shadow:0 13px 26px rgba(255,138,0,.24)}
.dubai-guide-hero .secondary-button{border-color:#d7dce2;background:#fff;color:#17202f}
.dubai-guide-hero-visual{height:430px;border-radius:28px;box-shadow:0 28px 70px rgba(15,23,42,.16)}
.dubai-guide-hero-card{left:18px;right:18px;bottom:18px;border-radius:15px;padding:14px 16px}
.article-layout{gap:48px}
.article-body{font-size:15px;line-height:1.78}
.answer-box{border-radius:18px;padding:23px 24px;border-color:#e0e5ea;box-shadow:0 12px 34px rgba(15,23,42,.05);background:#fff}
.answer-box h2{font-size:20px;letter-spacing:-.4px}
.info-grid{gap:14px}
.info-card{padding:20px;border-radius:16px;background:#f7f8fa;border-color:#e0e5ea}
.toc{top:88px;border-radius:16px;box-shadow:0 10px 28px rgba(15,23,42,.04);padding:19px}
.toc a{transition:color .15s ease}
.toc a:hover{color:#b85d00}
.faq-list{gap:12px}
.faq-item{border-radius:15px;padding:18px 19px;box-shadow:0 7px 20px rgba(15,23,42,.025)}
.related-grid{gap:14px}
.related-card{padding:19px;border-radius:16px;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.related-card:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(15,23,42,.07);border-color:#d3d9e0}
.article-cta{border-radius:22px;padding:32px;background:#17202f;box-shadow:0 18px 40px rgba(15,23,42,.12)}
.article-cta .primary-button{background:#ff8a00;color:#111827}
@media(max-width:900px){
 .dubai-guide-hero{padding:34px 0 58px}
 .dubai-guide-hero-grid{gap:30px}
 .dubai-guide-hero-visual{height:390px}
 .article-layout{gap:28px}
 .toc{top:auto}
}
@media(max-width:560px){
 .dubai-guide-hero{padding:25px 0 48px}
 .dubai-guide-hero h1{font-size:clamp(43px,12vw,52px);letter-spacing:-3px}
 .dubai-guide-hero .article-lead{font-size:16px}
 .dubai-guide-hero-visual{height:285px;border-radius:21px}
 .dubai-guide-hero-card{left:10px;right:10px;bottom:10px;padding:12px 13px;border-radius:14px}
 .dubai-guide-hero-card strong{font-size:15px}
 .dubai-guide-hero-card small{font-size:10px}
 .article-body h2{font-size:28px}
 .answer-box{padding:19px}
 .article-cta{padding:25px 21px;border-radius:19px}
}
@media(max-width:380px){
 .dubai-guide-hero h1{font-size:40px;letter-spacing:-2.5px}
 .dubai-guide-hero-visual{height:255px}
 .dubai-guide-hero-card small{display:none}
}

/* BrownMetro v79 — Paris destination visual refinement */
.destination-city-hero{background:#f6f8fb;padding:48px 0 72px;border-bottom:1px solid #e7ebf0}
.destination-city-hero .destination-city-hero-grid{gap:64px}
.destination-city-hero-copy{padding:20px 0 10px}
.destination-city-hero .article-kicker{font-size:11px;letter-spacing:1.7px;font-weight:900;color:#b85d00}
.destination-city-hero h1{font-weight:900;color:#0f172a}
.destination-city-hero .article-lead{color:#536276;max-width:650px}
.destination-city-hero .hero-actions{margin-top:30px}
.destination-city-hero .hero-actions .primary-button{background:#ff8a00;color:#17100a;border-color:#ff8a00;box-shadow:0 12px 24px rgba(255,138,0,.18)}
.destination-city-hero .hero-actions .secondary-button{background:#fff;color:#0f172a;border:1px solid #dce2e9}
.destination-city-hero .article-meta{color:#7b8797}
.destination-city-hero-visual{height:430px;border-radius:28px;box-shadow:0 24px 60px rgba(15,23,42,.14)}
.destination-city-hero-card{left:22px;right:22px;bottom:22px;border-radius:18px;padding:17px 19px;box-shadow:0 16px 34px rgba(15,23,42,.15)}
.article-layout{gap:42px}
.article-body{min-width:0}
.article-body .answer-box{border:1px solid #e1e7ee;border-radius:20px;background:#fff;box-shadow:0 12px 30px rgba(15,23,42,.05);padding:25px 27px}
.article-body h2{letter-spacing:-.8px;color:#111827}
.article-body .info-card{border:1px solid #e1e7ee;border-radius:18px;background:#fff;box-shadow:0 10px 26px rgba(15,23,42,.045);padding:20px}
.article-body .faq-list{display:grid;gap:12px}
.article-body .faq-item{border:1px solid #e1e7ee;border-radius:16px;background:#fff;padding:19px 21px;box-shadow:0 8px 22px rgba(15,23,42,.035)}
.article-body .faq-item h3{color:#0f172a;margin:0 0 7px}
.toc{border:1px solid #e1e7ee!important;border-radius:18px!important;background:#fff!important;box-shadow:0 10px 26px rgba(15,23,42,.05);padding:20px!important}
.toc strong{color:#0f172a}
.toc a{border-bottom:1px solid #eef1f4;padding:9px 0;color:#596779}
.toc a:last-child{border-bottom:0}
.article-cta{border-radius:22px!important;background:#0f172a!important;box-shadow:0 18px 40px rgba(15,23,42,.14)}
.related-card{border:1px solid #e1e7ee!important;border-radius:18px!important;background:#fff!important;box-shadow:0 10px 26px rgba(15,23,42,.045)}
.related-card:hover{transform:translateY(-3px);box-shadow:0 16px 32px rgba(15,23,42,.08)}
@media(max-width:900px){.destination-city-hero{padding:40px 0 60px}.destination-city-hero .destination-city-hero-grid{gap:30px}.destination-city-hero-visual{height:380px}}
@media(max-width:560px){.destination-city-hero{padding:28px 0 48px}.destination-city-hero h1{font-size:50px;letter-spacing:-3px}.destination-city-hero-visual{height:300px;border-radius:22px}.destination-city-hero-card{left:12px;right:12px;bottom:12px}.article-body .answer-box{padding:21px}.article-body .info-card{padding:18px}.article-body .faq-item{padding:17px 18px}.toc{padding:17px!important}}
@media(max-width:380px){.destination-city-hero h1{font-size:44px;letter-spacing:-2.5px}.destination-city-hero .hero-actions a{width:100%;justify-content:center}.destination-city-hero-visual{height:270px}.destination-city-hero-card strong{font-size:15px}}

/* BrownMetro v80 — London destination visual refinement */
.destination-city-hero{background:linear-gradient(135deg,#f7f9fb 0%,#f1f4f7 100%);padding:46px 0 70px;border-bottom:1px solid #e4e9ef}
.destination-city-hero .destination-city-hero-grid{gap:58px}
.destination-city-hero-copy{padding:18px 0 8px}
.destination-city-hero .article-kicker{color:#b85d00;font-size:10px;letter-spacing:1.8px}
.destination-city-hero h1{font-size:clamp(52px,6.2vw,80px);letter-spacing:-4.7px;line-height:.94;color:#0f172a}
.destination-city-hero .article-lead{font-size:17px;line-height:1.65;color:#566477;max-width:660px}
.destination-city-hero .hero-actions{margin-top:29px;gap:11px}
.destination-city-hero .hero-actions .primary-button{background:#ff8a00;color:#17100a;border-color:#ff8a00;box-shadow:0 12px 24px rgba(255,138,0,.18)}
.destination-city-hero .hero-actions .secondary-button{background:#fff;color:#0f172a;border:1px solid #d9e0e7}
.destination-city-hero .article-meta{margin-top:17px;color:#788597}
.destination-city-hero-visual{height:425px;border-radius:28px;box-shadow:0 26px 64px rgba(15,23,42,.15)}
.destination-city-hero-visual:after{background:linear-gradient(180deg,rgba(15,23,42,0) 36%,rgba(15,23,42,.62) 100%)}
.destination-city-hero-card{left:20px;right:20px;bottom:20px;border-radius:17px;padding:16px 18px;background:rgba(255,255,255,.96);box-shadow:0 16px 34px rgba(15,23,42,.16)}
.destination-city-hero-card span{color:#b85d00}
.destination-city-hero-card strong{font-size:17px;color:#111827}
.destination-city-hero-card small{color:#667386}
.article-layout{gap:44px}
.article-body .answer-box{border:1px solid #e0e6ed;border-radius:20px;background:#fff;box-shadow:0 12px 30px rgba(15,23,42,.045);padding:25px 27px}
.article-body h2{color:#111827;letter-spacing:-.9px}
.article-body .info-grid{gap:14px}
.article-body .info-card{border:1px solid #e0e6ed;border-radius:17px;background:#fff;box-shadow:0 9px 24px rgba(15,23,42,.035);padding:20px}
.article-body .faq-list{gap:12px}
.article-body .faq-item{border:1px solid #e0e6ed;border-radius:16px;background:#fff;padding:19px 21px;box-shadow:0 8px 22px rgba(15,23,42,.03)}
.article-body .faq-item h3{color:#0f172a}
.toc{top:88px;border:1px solid #e0e6ed!important;border-radius:18px!important;background:#fff!important;box-shadow:0 10px 26px rgba(15,23,42,.045);padding:20px!important}
.toc strong{color:#0f172a}
.toc a{border-bottom:1px solid #eef1f4;padding:9px 0;color:#596779}
.toc a:last-child{border-bottom:0}
.article-cta{border-radius:22px!important;background:#0f172a!important;box-shadow:0 18px 40px rgba(15,23,42,.13)}
.article-cta .primary-button{background:#ff8a00;color:#17100a}
.related-grid{gap:14px}
.related-card{border:1px solid #e0e6ed!important;border-radius:18px!important;background:#fff!important;box-shadow:0 10px 26px rgba(15,23,42,.04);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.related-card:hover{transform:translateY(-3px);box-shadow:0 16px 32px rgba(15,23,42,.08);border-color:#d2d9e1!important}
@media(max-width:900px){.destination-city-hero{padding:40px 0 58px}.destination-city-hero .destination-city-hero-grid{gap:30px}.destination-city-hero-visual{height:380px}.article-layout{gap:28px}.toc{top:auto}}
@media(max-width:560px){.destination-city-hero{padding:27px 0 48px}.destination-city-hero h1{font-size:50px;letter-spacing:-3px}.destination-city-hero .article-lead{font-size:16px}.destination-city-hero-visual{height:300px;border-radius:22px}.destination-city-hero-card{left:11px;right:11px;bottom:11px;padding:13px 14px}.destination-city-hero-card strong{font-size:15px}.article-body .answer-box{padding:20px}.article-body .info-card{padding:18px}.article-body .faq-item{padding:17px 18px}.toc{padding:17px!important}}
@media(max-width:380px){.destination-city-hero h1{font-size:43px;letter-spacing:-2.5px}.destination-city-hero .hero-actions{align-items:stretch}.destination-city-hero .hero-actions a{width:100%;justify-content:center}.destination-city-hero-visual{height:270px}.destination-city-hero-card small{display:none}}

/* BrownMetro v88 — Istanbul First-Time Guide refinement */
.article-hero{background:#f6f8fb;padding:34px 0 52px;border-bottom:1px solid #e5e9ef}
.article-hero .container{max-width:1180px}
.article-kicker,.eyebrow{color:#ff8a00;letter-spacing:.14em;font-weight:800;font-size:.72rem}
.article-hero h1{max-width:900px;font-size:clamp(2.25rem,4.8vw,4.15rem);line-height:1.03;letter-spacing:-.045em;margin:14px 0 18px;color:#0f172a}
.article-lead{max-width:790px;font-size:1.12rem;line-height:1.72;color:#475569}
.article-meta{display:flex;flex-wrap:wrap;gap:8px 12px;margin-top:22px;color:#64748b;font-size:.84rem}
.article-layout{align-items:start;gap:42px}
.article-body{max-width:790px}
.article-body h2{font-size:clamp(1.55rem,2.6vw,2.15rem);letter-spacing:-.025em;color:#0f172a;margin:44px 0 14px}
.article-body p{color:#475569;line-height:1.78}
.answer-box{background:#0f172a;color:#fff;border-radius:20px;padding:28px 30px;margin-bottom:38px;box-shadow:0 16px 34px rgba(15,23,42,.12);border:1px solid #1e293b}
.answer-box h2{color:#fff;margin:0 0 10px;font-size:1.55rem}
.answer-box p{color:#dbe4ef;margin:0}
.compare-table{width:100%;border-collapse:separate;border-spacing:0;overflow:hidden;border:1px solid #e2e8f0;border-radius:16px;margin:24px 0;background:#fff;box-shadow:0 10px 26px rgba(15,23,42,.05)}
.compare-table th{background:#f8fafc;color:#0f172a;text-align:left;font-size:.78rem;text-transform:uppercase;letter-spacing:.08em}
.compare-table th,.compare-table td{padding:15px 16px;border-bottom:1px solid #e8edf3}
.compare-table tr:last-child td{border-bottom:0}
.article-cta{margin:44px 0 8px;background:#0f172a;border-radius:22px;padding:30px;color:#fff;box-shadow:0 18px 38px rgba(15,23,42,.13)}
.article-cta h2{color:#fff;margin:0 0 8px}
.article-cta p{color:#cbd5e1;margin:0 0 20px}
.article-cta .primary-button{display:inline-flex;background:#ff8a00;color:#0f172a;border-radius:12px;padding:12px 18px;font-weight:800;text-decoration:none}
.toc{position:sticky;top:92px;background:#fff;border:1px solid #e2e8f0;border-radius:18px;padding:18px;box-shadow:0 10px 28px rgba(15,23,42,.06);display:flex;flex-direction:column;gap:3px}
.toc strong{color:#0f172a;font-size:.88rem;padding:2px 10px 10px}
.toc a{color:#64748b;text-decoration:none;padding:9px 10px;border-radius:9px;font-size:.9rem}
.toc a:hover{background:#fff7ed;color:#d97706}
.related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.related-card{display:flex;flex-direction:column;gap:8px;padding:22px;background:#fff;border:1px solid #e2e8f0;border-radius:18px;text-decoration:none;box-shadow:0 8px 24px rgba(15,23,42,.045);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.related-card:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(15,23,42,.09);border-color:#ffb35c}
.related-card b{color:#0f172a}.related-card span{color:#64748b;line-height:1.55;font-size:.92rem}
@media(max-width:900px){.article-layout{grid-template-columns:1fr}.toc{position:static;order:-1}.article-hero{padding-bottom:42px}.related-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.article-hero{padding:24px 0 34px}.article-hero h1{font-size:2.25rem}.article-lead{font-size:1rem}.article-meta{font-size:.78rem}.article-layout{gap:24px}.answer-box,.article-cta{padding:22px;border-radius:16px}.compare-table{font-size:.86rem;display:block;overflow-x:auto;white-space:nowrap}.related-grid{grid-template-columns:1fr}.article-body h2{margin-top:34px}}
@media(max-width:380px){.article-hero h1{font-size:2rem}.article-body p{font-size:.94rem}.answer-box h2,.article-cta h2{font-size:1.3rem}.toc a{font-size:.84rem}}


/* Travel Planning Checklist UI refinement v92 */
.checklist-hero{padding:28px 0 72px;overflow:hidden}
.checklist-hero .container{max-width:1180px}
.checklist-hero .breadcrumbs{margin-bottom:30px}
.checklist-hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(330px,.72fr);gap:64px;align-items:center}
.checklist-hero-copy{padding:10px 0 6px}
.checklist-hero h1{font-size:clamp(52px,6.7vw,82px);line-height:.94;letter-spacing:-4.8px;margin:12px 0 20px}
.checklist-hero .article-lead{max-width:700px}
.checklist-hero .hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.checklist-hero .hero-actions a{min-height:54px}
.checklist-hero-card{background:#0f172a;color:#fff;border-radius:28px;padding:25px;box-shadow:0 28px 70px rgba(15,23,42,.16);position:relative;overflow:hidden}
.checklist-hero-card:after{content:"";position:absolute;width:170px;height:170px;border-radius:50%;right:-65px;top:-65px;background:rgba(255,138,0,.15)}
.checklist-hero-card .card-label{display:block;color:#ffb45c;font-size:10px;font-weight:900;letter-spacing:1.8px;margin-bottom:8px}
.checklist-hero-card>strong{display:block;font-size:24px;letter-spacing:-.7px;margin-bottom:18px}
.check-row{display:flex;align-items:center;gap:13px;padding:13px 0;border-top:1px solid rgba(255,255,255,.12)}
.check-row span{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#fff;color:#0f172a;font-size:10px;font-weight:900}
.check-row b{font-size:14px;color:#f8fafc}
.checklist-booking-grid{grid-template-columns:repeat(2,1fr);margin:22px 0 32px}
.checklist-booking-grid .info-card{text-decoration:none;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.checklist-booking-grid .info-card:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(15,23,42,.08);border-color:#ffb35c!important}
.checklist-booking-grid .info-card strong{color:#0f172a}
@media(max-width:900px){.checklist-hero-grid{grid-template-columns:1fr;gap:30px}.checklist-hero-card{max-width:620px}.checklist-hero h1{max-width:800px}}
@media(max-width:560px){.checklist-hero{padding:20px 0 48px}.checklist-hero .breadcrumbs{margin-bottom:20px}.checklist-hero h1{font-size:clamp(44px,13vw,54px);letter-spacing:-3px}.checklist-hero .article-lead{font-size:16px}.checklist-hero .hero-actions{align-items:stretch}.checklist-hero .hero-actions a{width:100%;justify-content:center}.checklist-hero-card{padding:21px;border-radius:22px}.checklist-booking-grid{grid-template-columns:1fr}}
