/* honey-fill.com — article layer */
.rbar{position:fixed;top:0;left:0;height:4px;width:0;background:linear-gradient(90deg,#F4A62A,#B26A00);z-index:120}
.trail{font-size:16px;padding:20px 0 0;color:var(--ink-2)}
.trail ol{list-style:none;display:flex;flex-wrap:wrap;gap:7px;padding:0;margin:0}
.trail li{margin:0}
.trail li+li::before{content:"/";margin-right:7px;color:var(--amber)}
.post{width:min(750px,92%);margin-inline:auto;padding-bottom:24px}
.post-head{padding:24px 0 8px}
.post-head h1{margin-bottom:.3em}
.byline{font-size:16px;color:var(--ink-2);display:flex;flex-wrap:wrap;gap:7px 18px;margin-bottom:26px}
.post-hero{border-radius:10px;border:1px solid var(--line);width:100%;margin-bottom:34px}
.post h2{margin-top:1.7em}
.post h3{margin-top:1.35em}
.post img{border-radius:10px;border:1px solid var(--line);margin:28px 0}
.jump{background:var(--cream);border:1px solid var(--line);border-radius:10px;padding:22px 26px;margin-bottom:34px}
.jump h2{margin:0 0 11px;font-size:19px}
.jump ol{margin:0;padding-left:1.25em}
.jump li{font-size:17px;margin-bottom:6px}
.gist{border-left:4px solid var(--amber);padding:4px 0 4px 22px;margin:30px 0}
.gist h2{margin:0 0 10px;font-size:19px}
.gist ul{margin:0;padding-left:1.15em}
.gist li{font-size:17px;color:var(--ink-2)}
.inline-cta{background:var(--cream);border:1px solid var(--line);border-radius:10px;padding:34px 30px;text-align:center;margin:44px 0}
.inline-cta h2{margin-top:0}
.inline-cta p{margin-inline:auto}
.inline-cta img{margin:0 auto 18px;border:0}
.guard{border:1px solid #EBD3D3;background:#FCF4F4;border-left:5px solid #A32020;border-radius:10px;padding:22px 26px;margin:36px 0}
.guard h2{margin:0 0 9px;font-size:20px}
.guard p:last-child{margin-bottom:0}
.more{border-top:1px solid var(--line);padding-top:32px;margin-top:42px}
.more h2{font-size:23px;margin-top:0}
.more-g{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.more-g a{display:block;background:var(--paper);border:1px solid var(--line);border-radius:10px;padding:19px;
  text-decoration:none;color:var(--ink);font-weight:600;font-size:17px}
.more-g a:hover{border-color:var(--amber)}
.pager{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:24px;margin-top:32px}
.pager a{font-weight:600;max-width:46%}
.pager span{display:block;font-size:15px;text-transform:uppercase;letter-spacing:.07em;color:var(--amber-dk);font-weight:700}
@media(max-width:860px){.more-g{grid-template-columns:1fr}.pager a{max-width:100%}}