/* =========================
   ARTICLE IMAGES
========================= */

.article-image{
margin:24px 0;
border-radius:var(--radius);
overflow:hidden;
box-shadow:var(--shadow);
}

.article-image img{
width:100%;
height:auto;
display:block;
}

.article-caption{
font-size:13px;
color:var(--muted);
margin-top:6px;
text-align:center;
}

/* =========================
   PINTEREST FRIENDLY IMAGES
========================= */

.pin-image{
max-width:720px;
margin:28px auto;
border-radius:var(--radius);
overflow:hidden;
}

/* tall Pinterest format */

.pin-image img{
width:100%;
height:auto;
}

/* =========================
   AFFILIATE BOX
========================= */

.affiliate-box{
margin:24px 0;
padding:18px;
background:var(--bg-soft);
border-radius:var(--radius);
border:1px solid rgba(0,0,0,0.05);
}

.affiliate-box h3{
margin-top:0;
}

.affiliate-buttons{
margin-top:12px;
display:flex;
gap:10px;
flex-wrap:wrap;
}

/* =========================
   TRAVEL CALLOUT
========================= */

.travel-tip{
background:var(--bg-soft);
padding:16px;
border-radius:var(--radius);
margin:18px 0;
}

.travel-tip strong{
color:var(--ink);
}

/* =========================
   TABLE OF CONTENTS
========================= */

.toc{
background:white;
padding:16px;
border-radius:var(--radius);
box-shadow:var(--shadow);
margin:20px 0;
}

.toc ul{
padding-left:18px;
margin:0;
}

.toc li{
margin:6px 0;
}

/* =========================
   READABILITY
========================= */

.post-body p{
font-size:17px;
line-height:1.7;
}

.post-body h2{
margin-top:28px;
}

.post-body h3{
margin-top:22px;
}