.reading-progress{position:fixed;z-index:100;top:0;left:0;width:0;height:4px;background:#ffcb3d;box-shadow:0 1px 8px rgba(125,31,20,.35);transition:width .1s linear}
.article-nav{position:sticky;z-index:50;top:0;margin:0 -18px 24px;padding:14px 18px!important;background:rgba(255,248,237,.96);backdrop-filter:blur(12px);border-bottom:1px solid #f1d8c5;gap:20px;flex-wrap:wrap}
.article-nav .brand{white-space:nowrap}
.article-menu{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.article-menu a{padding:9px 13px;border-radius:999px;color:#401d14;text-decoration:none;font-size:.92rem;font-weight:800;transition:.2s}
.article-menu a:hover,.article-menu a:focus-visible{background:#fff0b6;transform:translateY(-1px)}
.article-menu .shop-link{background:#7d1f14;color:#fff}
.article-menu .shop-link:hover{background:#a62d1d}
.back-home-float{position:fixed;z-index:45;right:20px;bottom:20px;display:inline-flex;align-items:center;gap:7px;padding:12px 18px;border-radius:999px;background:#7d1f14;color:#fff!important;text-decoration:none;font-weight:800;box-shadow:0 12px 35px rgba(64,29,20,.28)}
.article-hub{margin:38px 0 10px;padding:30px;background:linear-gradient(135deg,#fff0b6,#ffd66c);border-radius:36px 12px 36px 12px}
.article-hub h2{margin:0 0 8px;font-size:clamp(1.8rem,4vw,2.6rem)}
.article-hub>p{margin:0 0 22px;color:#624136}
.hub-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.hub-card{display:flex;min-height:120px;flex-direction:column;justify-content:space-between;padding:18px;border-radius:22px 8px 22px 8px;background:#fff;color:#401d14!important;text-decoration:none;font-weight:800;box-shadow:0 8px 25px rgba(112,36,19,.08);transition:.2s}
.hub-card:hover{transform:translateY(-4px);box-shadow:0 14px 30px rgba(112,36,19,.15)}
.hub-card span{font-size:1.6rem}
.hub-card small{font-size:.86rem;color:#765d54;font-weight:600}
.article-next{display:flex;justify-content:space-between;gap:12px;margin-top:24px;flex-wrap:wrap}
.article-next a{display:inline-flex;padding:11px 16px;border-radius:999px;background:#7d1f14;color:#fff!important;text-decoration:none;font-weight:800}
@media(max-width:700px){.article-nav{position:relative;align-items:flex-start}.article-menu{width:100%}.article-menu a{padding:8px 10px;font-size:.86rem}.hub-grid{grid-template-columns:1fr}.back-home-float{right:12px;bottom:12px}.article-hub{padding:24px 18px}}