
.article-anchor-bar{position:sticky;top:var(--header);z-index:90;height:var(--anchor-h);background:rgba(255,255,255,.96);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.article-anchor-inner{height:100%;display:flex;gap:18px;align-items:center;overflow-x:auto;white-space:nowrap}
.article-anchor-inner a{font-size:11px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.article-anchor-inner a:hover{color:var(--green)}
.article-page .hero{padding-top:84px;padding-bottom:42px;background:#fff;border-bottom:1px solid var(--line)}
.article-page .hero-layout{display:block}
.article-page .hero-copy{max-width:900px}
.article-page .hero-copy h1{font-size:clamp(44px,7vw,82px);line-height:.96;letter-spacing:-.05em;margin:14px 0 16px}
.article-page .hero-copy>p{padding-top:0!important;max-width:820px;font-size:18px;line-height:1.65;color:var(--muted)}
.article-byline{font-size:13px!important;font-weight:700;color:var(--muted)!important;margin:0 0 18px!important}
.article-pdf-link{margin:20px 0 0!important}
.article-pdf-link .article-pdf-button,.article-pdf-button{display:inline-flex!important;align-items:center;justify-content:center;gap:8px;padding:12px 19px!important;border:1px solid #8BEA00!important;border-radius:999px!important;background:#8BEA00!important;color:var(--ink,#172019)!important;font-size:13px!important;line-height:1!important;font-weight:900!important;text-decoration:none!important;box-shadow:none;transition:transform .18s ease,box-shadow .18s ease}
.article-pdf-link .article-pdf-button:hover,.article-pdf-button:hover{background:#8BEA00!important;color:var(--ink,#172019)!important;transform:translateY(-2px);box-shadow:0 10px 25px rgba(23,32,25,.10)}
.article-main{padding:52px 0;background:#fff}
.article-wrap{display:grid;grid-template-columns:minmax(0,780px) minmax(270px,330px);gap:42px;align-items:start}
.article-content{font-size:17px;line-height:1.8;color:#2c332d}
.article-content p{margin:0 0 18px}
.article-content .lead{font-size:21px;line-height:1.65;color:#172019}
.article-side{position:sticky;top:calc(var(--header) + var(--anchor-h) + 24px);border:1px solid var(--line);border-radius:20px;background:#fff;padding:22px;max-height:calc(100vh - var(--header) - var(--anchor-h) - 48px);overflow:auto}
.article-side>span{display:block;font-size:11px;font-weight:900;letter-spacing:.11em;text-transform:uppercase;color:#8BEA00;margin-bottom:14px}
.article-library-links{display:flex;flex-direction:column}
.article-library-links a{font-size:12px;line-height:1.42;font-weight:750;color:#4f5a52;padding:9px 0;border-top:1px solid #edf1ed}
.article-library-links a:first-child{border-top:0}
.article-library-links a:hover{color:var(--ink)}
.article-library-links a.current{color:var(--ink);font-weight:900}
.article-library-links a.current::before{content:"• ";color:#8BEA00}
.article-page .section-head h2{max-width:820px}
@media(max-width:920px){.article-wrap{grid-template-columns:1fr}.article-side{position:static;max-height:none}.article-page .hero{padding-top:64px}.article-anchor-bar{top:var(--header)}}
@media(max-width:620px){.article-page .hero-copy h1{font-size:40px}.article-main{padding:40px 0}.article-content{font-size:16px}.article-content .lead{font-size:19px}.article-pdf-link .article-pdf-button{width:auto;min-height:44px}}


/* V11: article imagery and repeated actions */
.article-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:22px 0 0}
.article-actions.bottom{margin:34px 0 2px;padding-top:26px;border-top:1px solid var(--line)}
.article-action{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:12px 19px;border-radius:999px;font-size:13px;line-height:1;font-weight:900;text-decoration:none!important;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background-color .18s ease}
.article-action.primary{background:#8BEA00;border:1px solid #8BEA00;color:var(--ink,#172019)!important}
.article-action.secondary{background:#fff;border:1px solid #dfe7df;color:var(--ink,#172019)!important}
.article-action:hover{transform:translateY(-2px);box-shadow:0 10px 25px rgba(23,32,25,.10)}
.article-action.secondary:hover{border-color:#8BEA00;background:#fff}
.article-feature{margin:0 0 34px;border-radius:20px;overflow:hidden;background:#111}
.article-feature img{display:block;width:100%;height:auto;aspect-ratio:auto;object-fit:contain;object-position:center}
@media(max-width:620px){.article-actions{gap:8px}.article-action{min-height:44px;padding:12px 16px}.article-feature{margin-bottom:26px;border-radius:16px}}

/* V13 full article images and final action buttons */
.article-feature img{display:block!important;width:100%!important;height:auto!important;max-width:100%!important;object-fit:contain!important;object-position:center!important;}
.article-action.primary{background:#8BEA00!important;border-color:#8BEA00!important;color:var(--ink,#172019)!important;}
.article-content h2{font-size:28px;line-height:1.15;margin:38px 0 16px;letter-spacing:-.025em;}
.article-content ul{padding-left:22px;margin:0 0 22px;}
.article-content li{margin:0 0 10px;}

/* V18 long-form hospitality article */
.article-content h2{scroll-margin-top:calc(var(--header) + var(--anchor-h) + 24px);}
.article-content h3{font-size:22px;line-height:1.25;margin:30px 0 13px;letter-spacing:-.015em;}
.article-content em{font-style:italic;}
.article-content strong{color:#172019;}


/* V6 — Family-Friendly Hotels paragraph-led editorial rhythm */
.family-friendly-copy p{margin:0 0 13px;line-height:1.66;}
.family-friendly-copy p.lead{margin-bottom:16px;}
.family-friendly-copy h2{margin:32px 0 12px;}
.family-friendly-copy h3{margin:25px 0 10px;}
.family-friendly-copy ul,.family-friendly-copy ol{margin:0 0 16px;}
.family-friendly-copy .article-feature{margin-bottom:26px;}
.family-friendly-copy h2+ p{margin-top:0;}
@media(max-width:620px){
  .family-friendly-copy p{margin-bottom:12px;line-height:1.62;}
  .family-friendly-copy h2{margin-top:28px;margin-bottom:10px;}
  .family-friendly-copy .article-feature{margin-bottom:22px;}
}
