:root{--ink:#17211d;--muted:#65706b;--paper:#fffdf8;--cream:#f4efe5;--green:#1f6a58;--dark:#164d40;--gold:#d6a84f;--line:#dfddd5;--max:1160px}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.65}a{color:inherit;text-decoration:none}.container{width:min(var(--max),calc(100% - 40px));margin:auto}.site-header{position:sticky;top:0;z-index:20;background:rgba(255,253,248,.96);border-bottom:1px solid var(--line)}.nav{height:72px;display:flex;align-items:center;justify-content:space-between}.brand{font:700 25px Georgia,serif;color:var(--dark)}.brand span{color:var(--gold)}.links{display:flex;gap:22px;font-size:14px;font-weight:700}.hero{padding:70px 0 40px}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:12px;font-weight:800;color:var(--green)}h1,h2,h3{font-family:Georgia,serif}.hero h1{font-size:clamp(44px,7vw,84px);line-height:.98;max-width:900px;margin:12px 0 20px}.hero p,.lead{font-size:21px;color:var(--muted);max-width:760px}.cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}.button{background:var(--green);color:white;border-radius:999px;padding:12px 18px;font-weight:800}.button.alt{background:transparent;color:var(--dark);border:1px solid var(--line)}.hero-img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:24px;margin-top:28px}.section{padding:54px 0}.band{background:var(--cream)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{background:white;border:1px solid var(--line);border-radius:18px;overflow:hidden}.card img{width:100%;aspect-ratio:16/10;object-fit:cover}.card-body{padding:20px}.kicker{font-size:12px;text-transform:uppercase;letter-spacing:.1em;font-weight:800;color:var(--green)}.article{width:min(790px,calc(100% - 40px));margin:auto;padding:42px 0 80px}.article h1{font-size:clamp(40px,6vw,68px);line-height:1.03}.article h2{font-size:34px;margin-top:52px}.article h3{font-size:25px;margin-top:34px}.article p,.article li{font-size:18px}.article figure{margin:34px -120px}.article figure img{width:100%;border-radius:20px}.article figcaption{font-size:13px;color:var(--muted)}table{width:100%;border-collapse:collapse}th,td{padding:12px 8px;border-bottom:1px solid var(--line);text-align:left}th:last-child,td:last-child{text-align:right}.route,.note,.tip{padding:18px 20px;border-radius:12px;background:var(--cream);margin:22px 0}.note{border-left:4px solid var(--gold)}.tip{border-left:4px solid var(--green)}.quote{font:27px/1.3 Georgia,serif;border-left:4px solid var(--green);padding-left:22px;margin:36px 0}.summary{background:#ecf4f0;border-radius:18px;padding:24px;margin-top:48px}.footer{border-top:1px solid var(--line);padding:44px 0;color:var(--muted);font-size:14px}.tag{font:28px Georgia,serif;color:var(--dark)}@media(max-width:900px){.grid{grid-template-columns:1fr}.article figure{margin:30px 0}}@media(max-width:720px){.links{display:none}}


/* Comments */
.comments-section{margin-top:64px;padding-top:40px;border-top:1px solid var(--line)}
.comments-section h2{margin-top:0}
.comments-intro{color:var(--muted)}
.comment-form{display:grid;gap:14px;background:var(--cream);padding:22px;border-radius:16px;margin:22px 0 32px}
.comment-form label{font-weight:800;font-size:14px}
.comment-form input,.comment-form textarea{
  width:100%;border:1px solid var(--line);background:#fff;color:var(--ink);
  padding:12px 14px;border-radius:10px;font:inherit
}
.comment-form textarea{min-height:130px;resize:vertical}
.comment-form button{
  justify-self:start;border:0;background:var(--green);color:#fff;border-radius:999px;
  padding:12px 18px;font-weight:800;cursor:pointer
}
.comment-form button:disabled{opacity:.6;cursor:not-allowed}
.comment-status{font-size:14px;margin:0}
.comment-status.success{color:var(--green-dark)}
.comment-status.error{color:#9d2c2c}
.comment-list{display:grid;gap:16px}
.comment-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px}
.comment-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}
.comment-name{font-weight:800}
.comment-date{font-size:12px;color:var(--muted)}
.comment-text{margin:0;white-space:pre-wrap}
.no-comments{color:var(--muted);font-style:italic}


.site-brand{display:flex;align-items:center;gap:10px}
.site-brand img{width:42px;height:42px;border-radius:12px;display:block}
.photo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:28px -70px}
.photo-grid figure{margin:0}
.photo-grid img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:16px}
.photo-grid figcaption{font-size:12px;color:var(--muted);margin-top:6px}
.article .wide-photo{margin:36px -120px}
.article .wide-photo img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:20px}
.cost-highlight{display:flex;gap:16px;flex-wrap:wrap;margin:22px 0}
.cost-chip{background:#ecf4f0;border:1px solid #d9e8e0;border-radius:999px;padding:9px 13px;font-weight:800}
@media(max-width:900px){.photo-grid{margin:24px 0}.article .wide-photo{margin:30px 0}}
@media(max-width:620px){.photo-grid{grid-template-columns:1fr}.site-brand img{width:36px;height:36px}}




/* Unified flagship travel article layout */
.flagship-wrap{
  width:min(980px,calc(100% - 40px));
  margin:auto;
  padding:42px 0 80px;
}
.flagship-wrap .article{
  width:auto;
  margin:0;
  padding:0;
}
.flagship-hero{
  margin:20px 0 34px;
}
.flagship-hero img{
  width:100%;
  aspect-ratio:16/9;
  object-fit:cover;
  border-radius:22px;
  display:block;
}
.flagship-hero figcaption,
.article-photo figcaption{
  margin-top:7px;
  font-size:13px;
  color:var(--muted);
}
.flagship-meta{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin:20px 0 26px;
}
.flagship-meta span{
  background:#ecf4f0;
  border:1px solid #d8e7df;
  border-radius:999px;
  padding:8px 12px;
  font-size:14px;
  font-weight:800;
}
.article-photo{
  margin:34px 0;
}
.article-photo img{
  width:100%;
  aspect-ratio:16/9;
  object-fit:cover;
  border-radius:18px;
  display:block;
}
.day-block{
  margin:48px 0;
}
.day-label{
  text-transform:uppercase;
  letter-spacing:.1em;
  color:var(--green);
  font-size:12px;
  font-weight:800;
}
.budget-callout{
  background:#ecf4f0;
  border-radius:18px;
  padding:22px;
  margin:28px 0;
}
.resource-card{
  display:grid;
  grid-template-columns:1fr auto;
  gap:18px;
  align-items:center;
  background:#f5f0e6;
  border:1px solid var(--line);
  border-radius:18px;
  padding:22px;
  margin:28px 0;
}
.resource-card h3{margin:0 0 8px}
.resource-card p{margin:0}
.resource-card .button-link{
  display:inline-block;
  white-space:nowrap;
  background:var(--green);
  color:#fff;
  padding:11px 16px;
  border-radius:999px;
  font-weight:800;
}
.comments-bottom{
  margin-top:68px;
  padding-top:44px;
  border-top:1px solid var(--line);
}
.comments-bottom .comments-section{
  margin-top:0;
  padding-top:0;
  border-top:0;
}
.comments-bottom .comment-form{
  max-width:760px;
}
@media(max-width:760px){
  .resource-card{grid-template-columns:1fr}
  .resource-card .button-link{justify-self:start}
}