/* honeyfiill.com — article layer */
.prog{position:fixed;top:0;left:0;height:4px;width:0;background:linear-gradient(90deg,#D98545,#A8541F);z-index:120}
.bc{font-size:16px;padding:20px 0 0;color:var(--ink2)}
.bc ol{list-style:none;display:flex;flex-wrap:wrap;gap:7px;padding:0;margin:0}
.bc li{margin:0}
.bc li+li::before{content:"\203A";margin-right:7px;color:var(--cop)}
.art{width:min(760px,92%);margin-inline:auto;padding-bottom:24px}
.arthead{padding:24px 0 8px}
.arthead h1{margin-bottom:.3em}
.meta{font-size:16px;color:var(--ink2);display:flex;flex-wrap:wrap;gap:7px 18px;margin-bottom:26px}
.lead{border-radius:6px;border:1px solid var(--line);width:100%;margin-bottom:34px;max-height:420px;object-fit:cover}
.art h2{margin-top:1.7em}
.art h3{margin-top:1.35em}
.art img{border-radius:6px;border:1px solid var(--line);margin:28px 0}
.toc{background:var(--mist);border:1px solid var(--line);border-radius:6px;padding:22px 26px;margin-bottom:34px}
.toc h2{margin:0 0 11px;font-size:19px}
.toc ol{margin:0;padding-left:1.25em}
.toc li{font-size:17px;margin-bottom:6px}
.sum{background:var(--wash);border:1px solid #E7CDB6;border-radius:6px;padding:22px 26px;margin:30px 0}
.sum h2{margin:0 0 10px;font-size:19px}
.sum ul{margin:0;padding-left:1.15em}
.sum li{font-size:17px;color:var(--ink2)}
.cta-box{background:var(--slate);color:#fff;border-radius:6px;padding:36px 30px;text-align:center;margin:44px 0}
.cta-box h2{color:#fff;margin-top:0}
.cta-box p{color:#C9D2D8;margin-inline:auto}
.cta-box a{color:var(--cop-lt)}
.cta-box img{margin:0 auto 20px;border:0;border-radius:6px}
.safe{border:1px solid #E6D0D0;background:#FBF3F3;border-left:4px solid #9C2020;border-radius:6px;padding:22px 26px;margin:36px 0}
.safe h2{margin:0 0 9px;font-size:20px}
.safe p:last-child{margin-bottom:0}
.next{border-top:1px solid var(--line);padding-top:32px;margin-top:42px}
.next h2{font-size:23px;margin-top:0}
.ng{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.ng a{display:block;background:var(--bg);border:1px solid var(--line);border-radius:6px;padding:19px;
  text-decoration:none;color:var(--ink);font-weight:600;font-size:17px}
.ng a:hover{border-color:var(--cop)}
.pn{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:24px;margin-top:32px}
.pn a{font-weight:600;max-width:46%}
.pn span{display:block;font-size:15px;text-transform:uppercase;letter-spacing:.08em;color:var(--cop-dk);font-weight:700}
@media(max-width:860px){.ng{grid-template-columns:1fr}.pn a{max-width:100%}}
