.article-page{min-height:100vh;background:#f7f8fc}
.article-main{width:min(860px,calc(100% - 40px));margin:50px auto 100px}
.inventory-article .article-main{width:min(1100px,calc(100% - 40px))}
.article-back{display:inline-flex;margin-bottom:28px;color:#686c80;font-size:14px}
.article-content{background:#fff;border:1px solid #e8e9f1;border-radius:14px;padding:clamp(28px,6vw,68px);box-shadow:0 15px 50px #24294509}
.article-content h1{font:700 clamp(36px,5vw,54px)/1.16 var(--display);letter-spacing:-.05em;margin:17px 0}
.article-content h2{font:700 clamp(19px,2vw,21px)/1.35 var(--display);letter-spacing:-.025em;margin:0 0 14px;color:#24283e}
.article-lede{color:#656a7f;font-size:19px;line-height:1.65;margin:0}
.article-meta{display:flex;gap:9px;color:#8a8ea0;font-size:14px;margin-top:22px}
.article-rule{height:1px;background:#e9eaf1;margin:28px 0}
.article-content>p:not(.article-lede){color:#45495e;font-size:17px;line-height:1.9;margin:0 0 22px}
.article-cta{margin-top:36px;padding:24px;background:#f1f2f8;border:1px solid #e6e7f0;border-radius:10px}
.article-cta>b{font:700 20px/1.4 var(--display)}.article-cta>p{font-size:15px;color:#686c80;line-height:1.7}.article-cta .button{margin-top:4px}
.inventory-video-section,.inventory-step,.inventory-benefits{margin-top:38px}
.inventory-video-section>p,.inventory-step>p,.inventory-benefits li{color:#45495e;font-size:17px;line-height:1.85;margin:0 0 18px}
.inventory-video{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;border-radius:12px;background:#171923;margin-top:20px}
.inventory-video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.inventory-table-wrap{max-width:100%;overflow-x:auto;margin:20px 0 22px;border:1px solid #e8e9f1;border-radius:10px;-webkit-overflow-scrolling:touch}
.inventory-table{width:100%;border-collapse:collapse;text-align:left;min-width:480px;color:#45495e;font-size:15px}
.inventory-table caption{text-align:left;font-weight:700;padding:14px 16px;background:#f7f8fc;color:#24283e}
.inventory-table th,.inventory-table td{padding:13px 16px;border-top:1px solid #e8e9f1}
.inventory-table thead th{font-weight:700;background:#fafbfe;color:#24283e}
.inventory-note{padding:16px 18px;background:#fff8e8;border-left:3px solid #e4b54a;border-radius:4px;color:#45495e}
.inventory-benefits ul{list-style:none;padding:0;margin:0;display:grid;gap:12px}
.inventory-benefits li{margin:0;padding:15px 18px;border:1px solid #e8e9f1;border-radius:10px;background:#fafbfe}
@media(max-width:600px){.article-main{margin:30px auto 60px}.article-content{padding:25px 20px}.article-content h1{font-size:36px}.article-content h2{font-size:19px}.article-lede{font-size:17px}.article-content>p:not(.article-lede),.inventory-video-section>p,.inventory-step>p,.inventory-benefits li{font-size:16px}.inventory-table{font-size:14px}.inventory-table th,.inventory-table td{padding:11px 13px}.article-cta{padding:20px}}
/* Related WooCommerce guides */
.article-related{margin-top:38px;padding-top:28px;border-top:1px solid #e9eaf1}
.article-related ul{list-style:none;padding:0;margin:16px 0 0;display:grid;gap:10px}
.article-related li{margin:0;padding:12px 16px;border:1px solid #e8e9f1;border-radius:9px;background:#fafbfe}
.article-related a{color:#343951;font-weight:600;text-decoration:none}
.article-related a:hover{color:#e3433b}