/* Travel journal. Scoped so existing tour and destination layouts stay independent. */
.att-blog { --journal-ink:#173b40; --journal-teal:#086870; --journal-gold:#ffb428; --journal-muted:#607477; color:var(--journal-ink); background:#f7faf9; font-family:Arial,Helvetica,sans-serif; }
.att-blog *, .att-blog *::before, .att-blog *::after { box-sizing:border-box; }
.att-blog-container { width:min(1180px,calc(100% - 48px)); margin-inline:auto; }
.att-blog a { text-decoration:none; }
.att-blog a:focus-visible, .att-blog button:focus-visible, .att-blog input:focus-visible, .att-blog select:focus-visible, .att-blog textarea:focus-visible, .att-blog video:focus-visible { outline:3px solid #bd7500; outline-offset:4px; }
.att-blog-eyebrow { display:block; color:var(--journal-teal); font-size:12px; font-weight:800; letter-spacing:2.2px; margin-bottom:14px; }
.att-blog-hero { background:linear-gradient(90deg,rgba(5,39,45,.9),rgba(5,39,45,.65),rgba(5,39,45,.2)),url("../images/background/inr-banner.jpg") center/cover; color:#fff; padding:190px 0 100px; }
.att-blog-breadcrumb { display:flex; flex-wrap:wrap; align-items:center; gap:12px; font-size:13px; margin-bottom:40px; }
.att-blog-breadcrumb a { color:inherit; }
.att-blog-breadcrumb a:hover { text-decoration:underline; }
.att-blog-hero .att-blog-eyebrow { color:var(--journal-gold); }
.att-blog-hero h1 { color:#fff; font-size:clamp(42px,5.5vw,76px); line-height:1.05; letter-spacing:-2px; font-weight:700; margin:0 0 24px; }
.att-blog-hero h1 em { color:#ffd18a; font-style:normal; }
.att-blog-hero p { color:#edf3f1; max-width:490px; line-height:1.8; font-size:17px; margin:0; }
.att-blog-list { padding-bottom:88px; }
.att-blog-filters { position:relative; margin:-38px 0 62px; border:1px solid #e0e9e7; border-radius:18px; box-shadow:0 14px 36px #173b400c; background:#fff; padding:24px; display:flex; gap:16px; align-items:flex-end; }
.att-blog-field { display:flex; flex-direction:column; gap:8px; flex:1; min-width:0; }
.att-blog-field--search { flex:1.6; }
.att-blog-field label { font-size:13px; font-weight:700; }
.att-blog-field label span { color:var(--journal-muted); font-weight:400; }
.att-blog-field input, .att-blog-field select, .att-blog-field textarea { width:100%; border:1px solid #cddcda; border-radius:9px; min-height:48px; background:#fff; color:var(--journal-ink); padding:11px 13px; font:inherit; font-size:15px; }
.att-blog-field textarea { resize:vertical; line-height:1.65; }
.att-blog-field input::placeholder { color:#708487; opacity:1; }
.att-blog-button { display:inline-flex; justify-content:center; align-items:center; gap:14px; border:1px solid var(--journal-teal); border-radius:9px; padding:13px 20px; min-height:48px; background:var(--journal-teal); color:#fff; font-weight:700; font-size:14px; line-height:1.4; cursor:pointer; transition:background .2s, transform .2s; white-space:nowrap; }
.att-blog-button:hover { background:#054c53; color:#fff; transform:translateY(-1px); }
.att-blog-button--outline { background:transparent; color:var(--journal-teal); }
.att-blog-section-heading { display:flex; justify-content:space-between; align-items:center; gap:24px; margin-bottom:32px; }
.att-blog-section-heading h2 { font-size:clamp(28px,3.2vw,42px); font-weight:650; letter-spacing:-1px; line-height:1.2; margin:0 0 12px; color:var(--journal-ink); overflow-wrap:anywhere; }
.att-blog-section-heading p { margin:0; font-size:15px; color:var(--journal-muted); }
.att-blog-text-link { display:inline-flex; align-items:center; gap:12px; font-weight:700; font-size:14px; color:var(--journal-teal); }
.att-blog-text-link:hover { text-decoration:underline; }
.att-blog-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:26px; }
.att-blog-card { border:1px solid #dde7e4; border-radius:16px; overflow:hidden; background:#fff; display:flex; flex-direction:column; min-width:0; transition:box-shadow .2s,transform .2s; }
.att-blog-card:hover { box-shadow:0 12px 34px #173b4012; transform:translateY(-3px); }
.att-blog-card__media { position:relative; background:#103e44; aspect-ratio:1.6; overflow:hidden; }
.att-blog-card__media > a { display:block; width:100%; height:100%; }
.att-blog-card__media img, .att-blog-card__media video { display:block; width:100%; height:100%; object-fit:cover; }
.att-blog-card__media video { object-fit:contain; background:#10292d; }
.att-blog-card__placeholder { width:100%; height:100%; background:radial-gradient(at 85% 10%,#368184,transparent 70%),linear-gradient(135deg,#123b42,#075c64); color:#d4e9e5; display:flex; flex-direction:column; gap:10px; align-items:center; justify-content:center; }
.att-blog-card__placeholder svg { width:130px; height:82px; opacity:.85; }
.att-blog-card__placeholder span { font-size:11px; letter-spacing:1px; }
.att-blog-card__badge { pointer-events:none; position:absolute; top:14px; left:14px; border-radius:30px; padding:6px 12px; color:#173b40; background:#ffd18a; font-weight:750; font-size:11px; }
.att-blog-card__body { padding:24px; display:flex; flex-direction:column; flex:1; }
.att-blog-card__meta { display:flex; flex-wrap:wrap; justify-content:space-between; gap:8px; color:var(--journal-muted); font-size:11px; margin-bottom:16px; }
.att-blog-card__meta a, .att-blog-card__meta > span { color:var(--journal-teal); font-weight:750; }
.att-blog-card h3 { font-size:23px; line-height:1.3; letter-spacing:-.4px; font-weight:650; color:var(--journal-ink); margin:0 0 14px; overflow-wrap:anywhere; }
.att-blog-card h3 a { color:inherit; }
.att-blog-card h3 a:hover { color:var(--journal-teal); }
.att-blog-card__body > p { color:var(--journal-muted); font-size:14px; line-height:1.8; margin:0 0 24px; overflow-wrap:anywhere; }
.att-blog-card__footer { border-top:1px solid #e8eeec; padding-top:17px; margin-top:auto; display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:10px; font-size:11px; color:var(--journal-muted); }
.att-blog-card__footer a { font-size:12px; color:var(--journal-teal); font-weight:750; }
.att-blog-card__footer a span { margin-left:8px; font-size:18px; }
.att-blog-empty { padding:62px 24px; text-align:center; border:1px dashed #b5cdc7; border-radius:18px; background:linear-gradient(130deg,#edf5f1,#fff); }
.att-blog-empty h2 { font-size:30px; margin:0 0 14px; color:var(--journal-ink); }
.att-blog-empty p { max-width:540px; color:var(--journal-muted); line-height:1.8; margin:0 auto 24px; }
.att-blog-pagination { display:flex; justify-content:center; align-items:center; gap:8px; flex-wrap:wrap; margin:40px 0 0; }
.att-blog-pagination a, .att-blog-pagination > span { min-width:42px; padding:10px 14px; border-radius:8px; font-size:13px; text-align:center; }
.att-blog-pagination a { background:#fff; color:var(--journal-ink); border:1px solid #d6e3df; }
.att-blog-pagination a:hover, .att-blog-pagination .is-current { background:var(--journal-teal); color:#fff; }
.att-blog-home { padding:86px 0; }
.att-blog-home-empty { border:1px solid #d4e4df; border-radius:16px; background:#edf5f1; display:flex; align-items:center; justify-content:space-between; gap:24px; padding:36px; }
.att-blog-home-empty h3 { color:var(--journal-ink); font-size:25px; margin:0 0 8px; }
.att-blog-home-empty p { color:var(--journal-muted); margin:0; }
.att-blog-detail { padding-bottom:88px; }
.att-blog-article-header { padding-top:188px; padding-bottom:38px; }
.att-blog-article-header .att-blog-breadcrumb { color:var(--journal-muted); margin-bottom:36px; }
.att-blog-article-labels { display:flex; gap:12px; align-items:center; flex-wrap:wrap; margin-bottom:24px; }
.att-blog-article-labels .att-blog-eyebrow { margin:0; }
.att-blog-article-header h1 { color:var(--journal-ink); font-size:clamp(34px,4.2vw,60px); letter-spacing:-1.7px; line-height:1.12; margin:0 0 22px; max-width:980px; overflow-wrap:anywhere; }
.att-blog-deck { max-width:830px; font-size:19px; line-height:1.7; color:var(--journal-muted); margin:0 0 24px; }
.att-blog-byline { display:flex; align-items:center; gap:12px; flex-wrap:wrap; font-size:13px; color:var(--journal-muted); }
.att-blog-byline a { color:inherit; }
.att-blog-feature-media { border-radius:18px; overflow:hidden; background:#10292d; aspect-ratio:16/9; margin:0; }
.att-blog-feature-media img, .att-blog-feature-media video, .att-blog-feature-media iframe { display:block; width:100%; height:100%; border:0; object-fit:cover; }
.att-blog-feature-media video { object-fit:contain; }
.att-blog-reading-layout { display:grid; grid-template-columns:minmax(0,780px) minmax(220px,1fr); gap:60px; padding-top:46px; }
.att-blog-reading-main { min-width:0; }
.att-blog-prose { font-size:18px; line-height:1.95; overflow-wrap:anywhere; }
.att-blog-prose p { margin:0 0 24px; }
.att-blog-prose[dir="rtl"] { text-align:right; }
.att-blog-trip-card { padding:28px; background:#eaf3ef; border:1px solid #d6e6df; border-radius:14px; }
.att-blog-trip-card h2 { color:var(--journal-ink); font-size:30px; line-height:1.15; margin:0 0 18px; }
.att-blog-trip-card p { font-size:14px; line-height:1.8; color:var(--journal-muted); margin:0 0 22px; }
.att-blog-trip-card .att-blog-button { width:100%; padding-inline:10px; font-size:13px; margin-bottom:18px; }
.att-blog-back { margin:24px 0; }
.att-blog-tag { display:inline-block; background:#e6f0ec; color:#135e64; font-size:12px; border:1px solid #d5e5df; padding:6px 12px; border-radius:30px; }
a.att-blog-tag:hover { background:#d8e9e1; }
.att-blog-tags { display:flex; flex-wrap:wrap; align-items:center; gap:10px; padding:24px 0; }
.att-blog-tags > span, .att-blog-share { font-size:13px; color:var(--journal-muted); }
.att-blog-share { border-top:1px solid #dce6e2; border-bottom:1px solid #dce6e2; padding:22px 0; display:flex; gap:20px; flex-wrap:wrap; }
.att-blog-share a { color:var(--journal-teal); font-weight:700; }
.att-blog-comments { padding-top:44px; scroll-margin-top:100px; }
.att-blog-comments h2 { color:var(--journal-ink); font-size:28px; margin:0 0 22px; }
.att-blog-muted { color:var(--journal-muted); line-height:1.8; font-size:15px; }
.att-blog-comment { padding:24px 0; border-bottom:1px solid #dce6e2; }
.att-blog-comment > div:first-child { display:flex; gap:12px; align-items:center; flex-wrap:wrap; margin-bottom:12px; }
.att-blog-comment time { font-size:12px; color:var(--journal-muted); }
.att-blog-comment p { font-size:15px; line-height:1.8; margin:0 0 12px; overflow-wrap:anywhere; }
.att-blog-comment-form { margin-top:30px; padding:28px; border-radius:16px; border:1px solid #dae6e1; background:#fff; }
.att-blog-comment-form h3 { color:var(--journal-ink); font-size:25px; margin:0 0 8px; }
.att-blog-comment-form > p { color:var(--journal-muted); font-size:13px; margin-bottom:24px; }
.att-blog-form-row { display:flex; gap:18px; margin-bottom:18px; }
.att-blog-consent { display:flex; align-items:flex-start; gap:10px; margin:22px 0; }
.att-blog-consent input { margin-top:4px; width:17px; height:17px; flex-shrink:0; accent-color:var(--journal-teal); }
.att-blog-consent label { font-size:13px; line-height:1.7; }
.att-blog-notice { padding:16px 20px; background:#e4f2e9; border:1px solid #a8c9b3; color:#21523b; border-radius:9px; margin-bottom:24px; font-size:14px; line-height:1.6; }
.att-blog-errors, .att-blog .errorlist { color:#992e28; font-size:13px; line-height:1.65; margin:6px 0 14px; padding:0; list-style:none; }
.att-blog-errors { padding:16px; background:#fff2ef; border:1px solid #edc5bf; border-radius:9px; }
.att-blog-related { padding-top:66px; margin-top:36px; border-top:1px solid #dce6e2; }
@media (max-width:1000px) {
  .att-blog-filters { flex-wrap:wrap; }
  .att-blog-field--search { flex-basis:calc(100% - 200px); }
  .att-blog-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .att-blog-reading-layout { gap:30px; grid-template-columns:minmax(0,1fr) 240px; }
  .att-blog-trip-card { padding:20px; }
}
@media (max-width:700px) {
  .att-blog-container { width:calc(100% - 32px); }
  .att-blog-hero { padding:112px 0 78px; }
  .att-blog-breadcrumb { margin-bottom:30px; }
  .att-blog-hero h1 { letter-spacing:-1px; }
  .att-blog-hero p { font-size:15px; }
  .att-blog-filters { padding:18px; gap:14px; margin-bottom:40px; }
  .att-blog-field--search { flex-basis:100%; }
  .att-blog-filters .att-blog-button { flex-basis:100%; }
  .att-blog-grid { grid-template-columns:minmax(0,1fr); gap:24px; }
  .att-blog-section-heading { flex-direction:column; align-items:flex-start; gap:18px; }
  .att-blog-home { padding:54px 0; }
  .att-blog-home-empty { padding:24px; flex-direction:column; align-items:flex-start; }
  .att-blog-list { padding-bottom:54px; }
  .att-blog-article-header { padding-top:104px; padding-bottom:28px; }
  .att-blog-article-header h1 { letter-spacing:-.7px; }
  .att-blog-deck { font-size:17px; }
  .att-blog-reading-layout { grid-template-columns:minmax(0,1fr); padding-top:30px; }
  .att-blog-prose { font-size:17px; line-height:1.9; }
  .att-blog-form-row { flex-direction:column; }
  .att-blog-comment-form { padding:20px; }
  .att-blog-aside { order:2; }
  .att-blog-feature-media { border-radius:12px; }
}
@media (prefers-reduced-motion:reduce) {
  .att-blog-card, .att-blog-button { transition:none; }
  .att-blog-card:hover, .att-blog-button:hover { transform:none; }
}

.header-nav a[aria-current="page"] > span { text-decoration:underline; text-underline-offset:7px; text-decoration-color:#ffb428; text-decoration-thickness:2px; }