/* Shared logo and purposeful visual breaks. No new claims, trackers or fonts. */
:root { --brand-teal:#0D5C56; --brand-accent:#10B981; }
.brand .brand-mark { width:36px; height:36px; flex:0 0 36px; border-radius:10px; background:#0D5C56; color:#fff; box-shadow:none; }
.brand-mark svg { display:block; width:24px; height:24px; }
.brand-text { white-space:nowrap; }
.brand .brand-text > span { color:#0D5C56; }
.site-footer .brand,.site-footer .brand .brand-text > span { color:#F1F5F9; }
.site-footer .brand .brand-text > span { color:#6EE7B7; }
.travel-card-media { height:auto; aspect-ratio:16 / 9; }

.lead-magnet.has-preview { display:grid; grid-template-columns:160px minmax(0,1fr); gap:0 28px; max-width:880px; padding:28px; }
.lead-magnet.has-preview > div { grid-column:2; min-width:0; }
.lead-preview { grid-column:1; grid-row:1 / span 4; margin:0; align-self:start; }
.lead-preview a { display:block; border:1px solid #CBD5E1; border-radius:4px; overflow:hidden; background:#fff; box-shadow:0 8px 24px rgba(11,19,30,.12); transition:box-shadow .2s ease; }
.lead-preview a:hover { box-shadow:0 10px 28px rgba(11,19,30,.18); }
.lead-preview img { display:block; width:100%; height:auto; aspect-ratio:480 / 679; }
.lead-preview figcaption { font-size:.75rem; line-height:1.5; margin-top:10px; color:var(--text-muted,#475569); text-align:center; }
.lead-magnet.has-preview .capture-inline { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:10px; }
.lead-magnet.has-preview .capture-inline input[type="email"] { min-width:0; width:100%; height:48px; }
.lead-magnet.has-preview .capture-inline button { width:100%; white-space:normal; }
.lead-magnet.has-preview .capture-note { display:block; margin-top:10px; }

.article-body .article-mid-figure { background:#F0F7F5; margin:2.5rem 0; padding:24px; border:1px solid #D5E6E0; box-shadow:none; }
.guide-visual-intro { margin-bottom:20px; }
.guide-visual-label { display:block; color:#0D5C56; font-size:.75rem; font-weight:600; margin-bottom:8px; }
.guide-visual-intro > strong { display:block; color:var(--text-main,#0F172A); font-size:1.25rem; line-height:1.35; }
.article-body .guide-visual-intro > p { color:var(--text-muted,#475569); font-size:.875rem; line-height:1.6; margin:8px 0 0; }
.article-body .guide-flow { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; list-style:none; padding:0; margin:0; }
.article-body .guide-flow > li { background:var(--surface,#fff); border:1px solid var(--line,#E2E8F0); border-radius:10px; padding:16px; margin:0; min-width:0; }
.guide-flow-heading { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:14px; }
.guide-flow-icon { display:grid; place-items:center; color:#0D5C56; }
.guide-flow-number { display:grid; place-items:center; width:24px; height:24px; border-radius:50%; background:#E6F4F1; color:#0D5C56; font-size:.75rem; font-weight:600; font-variant-numeric:tabular-nums; }
.guide-flow > li > strong { display:block; color:var(--text-main,#0F172A); font-size:.9375rem; line-height:1.45; }
.article-body .guide-flow > li > p { font-size:.875rem; line-height:1.65; margin:8px 0 0; color:var(--text-muted,#475569); }
.article-body .article-mid-figure figcaption { padding:16px 0 0; margin-top:20px; border-top:1px solid #D5E6E0; background:transparent; font-size:.75rem; line-height:1.55; color:var(--text-muted,#475569); align-items:flex-start; gap:12px; }
.article-mid-figure figcaption > span:last-child { max-width:240px; }

[data-theme="dark"] .brand .brand-text > span { color:#6EE7B7; }
[data-theme="dark"] .article-body .article-mid-figure { background:#102825; border-color:#2C4943; }
[data-theme="dark"] .guide-visual-label,[data-theme="dark"] .guide-flow-icon { color:#6EE7B7; }
[data-theme="dark"] .guide-flow-number { background:#173E35; color:#6EE7B7; }
[data-theme="dark"] .article-body .article-mid-figure figcaption { border-color:#2C4943; }

@media(max-width:700px) {
  .article-body .guide-flow { grid-template-columns:1fr; }
  .guide-flow-heading { margin-bottom:10px; }
  .article-body .article-mid-figure { padding:20px; }
  .article-body .article-mid-figure figcaption { flex-direction:column; gap:4px; }
  .article-mid-figure figcaption > span:last-child { max-width:none; }
  .lead-magnet.has-preview { grid-template-columns:104px minmax(0,1fr); gap:0 18px; padding:22px; }
  .lead-preview { grid-row:1; }
  .lead-magnet.has-preview > div:not(:first-of-type) { grid-column:1 / -1; }
  .lead-magnet.has-preview .capture-inline { grid-template-columns:1fr; }
}
@media(max-width:440px) {
  .lead-magnet.has-preview { display:block; padding:20px; }
  .lead-preview { width:120px; margin:0 auto 24px; }
  .lead-magnet.has-preview h2 { font-size:1.125rem; }
}
@media(prefers-reduced-motion:reduce) { .lead-preview a { transition:none; } }
@media print { .article-body .article-mid-figure { break-inside:avoid; background:#fff; border-color:#ccc; } .article-body .guide-flow { grid-template-columns:repeat(3,minmax(0,1fr)); } }