.blog-hero{padding:90px 0 55px;background:linear-gradient(135deg,#062b54,#0b5ca8);color:#fff}.blog-hero h1{margin:0 0 12px;font-family:Georgia,serif;font-size:clamp(40px,6vw,68px)}.blog-hero p{max-width:760px;font-size:18px;line-height:1.7;margin:0}.blog-wrap{padding:65px 0}.blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.blog-card{background:#fff;border:1px solid #e0e9f2;border-radius:22px;overflow:hidden;box-shadow:0 15px 40px rgba(7,42,80,.08);transition:.25s}.blog-card:hover{transform:translateY(-5px);box-shadow:0 22px 50px rgba(7,42,80,.13)}.blog-card img{width:100%;height:230px;object-fit:cover;display:block}.blog-card-body{padding:25px}.blog-meta{font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#f28c00}.blog-card h2{font-size:25px;line-height:1.2;color:#07376d;margin:10px 0}.blog-card p{font-size:16px;line-height:1.7;color:#607894}.blog-read{display:inline-block;margin-top:10px;color:#075db5;font-weight:800}.blog-single{padding:60px 0}.article{max-width:920px;margin:auto}.article-hero{width:100%;max-height:560px;object-fit:cover;border-radius:24px;margin:20px 0 35px}.article h1{font-family:Georgia,serif;color:#07376d;font-size:clamp(40px,5vw,64px);line-height:1.08;margin:12px 0}.article .article-meta{color:#657b95;margin-bottom:25px}.article-content{font-size:18px;line-height:1.9;color:#334f6d}.article-content h2,.article-content h3{color:#07376d;margin-top:35px}.article-content img{max-width:100%;height:auto;border-radius:15px}.article-content a{color:#075db5}.article-cta{margin-top:50px;padding:30px;border-radius:22px;background:#f1f7fd;display:flex;align-items:center;justify-content:space-between;gap:20px}.related{margin-top:70px}.related h2{color:#07376d}.empty-blog{text-align:center;padding:60px;background:#f5f9fd;border-radius:20px}@media(max-width:900px){.blog-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.blog-grid{grid-template-columns:1fr}.article-cta{flex-direction:column;align-items:flex-start}}

/* Frontend blog polish */
.blog-hero{position:relative;overflow:hidden;padding:105px 0 70px;background:linear-gradient(135deg,#052d5d 0%,#0757ad 70%,#0a6bc9 100%)}
.blog-hero:after{content:"";position:absolute;width:420px;height:420px;border-radius:50%;right:-180px;top:-250px;background:rgba(255,157,0,.13)}
.blog-hero .container{position:relative;z-index:1}.blog-hero .eyebrow{color:#ffbe38;font-weight:800;letter-spacing:.12em}.blog-hero h1{color:#fff;font-family:Georgia,"Times New Roman",serif;font-size:clamp(42px,6vw,68px);line-height:1.08}.blog-hero p{color:rgba(255,255,255,.9)}
.blog-search{display:flex;gap:12px;max-width:850px;margin:0 auto 22px}.blog-search input{flex:1;border:1px solid #dbe6f0;border-radius:12px;padding:14px 16px;outline:none;background:#fff}.blog-search input:focus{border-color:#0757ad;box-shadow:0 0 0 3px rgba(7,87,173,.1)}
.blog-categories{display:flex;gap:9px;flex-wrap:wrap;margin:0 auto 35px;justify-content:center}.category-pill{padding:8px 14px;border:1px solid #dbe6f0;border-radius:999px;background:#fff;color:#48637d;font-weight:700;font-size:13px}.category-pill.selected,.category-pill:hover{background:#0757ad;color:#fff;border-color:#0757ad}
.blog-card h2 a:hover{color:#0757ad}.blog-read{font-size:15px}.blog-single .blog-meta{color:#ee8200;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.article-cta{background:linear-gradient(135deg,#f1f7fd,#fff);border:1px solid #dfe9f3}.article-cta h2{color:#07376d}
@media(max-width:650px){.blog-search{flex-direction:column}.blog-search .btn{width:100%}.blog-hero{padding:80px 0 50px}}


/* Mobile article layout, horizontally scrollable tables, and blog internal linking */
.blog-single, .blog-single .container, .article, .article-content { min-width: 0; }
.article { width: min(920px, calc(100% - 40px)); }
.article-content { overflow-wrap: anywhere; word-break: normal; }
.article-content table { display: block; width: 100%; max-width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; border-collapse: collapse; }
.article-content table th, .article-content table td { min-width: 110px; padding: 10px 12px; vertical-align: top; }
.article-content img, .article-content video, .article-content iframe { max-width: 100%; }
.article-content pre { max-width: 100%; overflow-x: auto; }
.article-content a { overflow-wrap: anywhere; }
.article-breadcrumb { display: flex; flex-wrap: wrap; align-items: center; gap: 9px; margin: 0 0 22px; color: #657b95; font-size: 14px; }
.article-breadcrumb a, .all-guides-link a { color: #075db5; font-weight: 700; text-decoration: none; }
.related-articles { margin-top: 56px; }
.related-articles > h2 { margin-bottom: 20px; font-size: clamp(25px, 4vw, 34px); }
.related-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
.related-card { min-width: 0; overflow: hidden; border: 1px solid #e0e9f2; border-radius: 16px; background: #fff; }
.related-image-link { display: block; }
.related-card img { display: block; width: 100%; height: 155px; object-fit: cover; }
.related-card-body { padding: 17px; }
.related-card h3 { margin: 0 0 9px; font-size: 19px; line-height: 1.35; }
.related-card h3 a { color: #07376d; text-decoration: none; }
.related-card p { color: #607894; font-size: 14px; line-height: 1.6; }
.all-guides-link { margin-top: 20px; }
@media (max-width: 700px) {
  .blog-single { padding: 32px 0; }
  .article { width: calc(100% - 28px); }
  .article h1 { font-size: clamp(30px, 8vw, 42px); line-height: 1.15; overflow-wrap: anywhere; }
  .article-hero { margin: 14px 0 24px; border-radius: 14px; }
  .article-content { font-size: 16px; line-height: 1.75; }
  .article-content table { width: 100%; max-width: 100%; }
  .article-content table th, .article-content table td { min-width: 120px; }
  .article-cta { padding: 22px; }
  .related-grid { grid-template-columns: 1fr; }
  .related-card { display: grid; grid-template-columns: minmax(100px, 34%) minmax(0, 1fr); }
  .related-card img { height: 100%; min-height: 140px; }
  .related-card-body { padding: 13px; }
  .related-card h3 { font-size: 16px; }
  .related-card p { font-size: 13px; }
}

/* SEO/mobile content safety */
.article-content .table-scroll{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;margin:22px 0}.article-content .table-scroll table{min-width:680px;margin:0}.article-content table{max-width:none}.article-content a{text-decoration:underline;text-underline-offset:2px}

/* Phase 3: contextual internal links */
.article-content a.contextual-tour-link{font-weight:700;text-decoration:underline;text-underline-offset:3px}

/* Phase 3: destination FAQ */
.tour-faq{display:grid;gap:12px}
.tour-faq details{background:#f7fbff;border:1px solid #dce9f5;border-radius:14px;padding:0 18px}
.tour-faq summary{cursor:pointer;font-weight:800;color:#07376d;padding:17px 4px;list-style-position:inside}
.tour-faq details p{margin:0;padding:0 4px 18px;line-height:1.7;color:#4d6680}