.m-blog-grid__button{display:flex;justify-content:center;align-items:center;width:100%;margin-top:30px}@media screen and (min-width:1024px){.m-blog-grid__button{margin-top:40px}}@media screen and (min-width:1536px){.m-blog-grid__button{margin-top:60px}}@font-face{font-family:Inter;src:url(Inter.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Inter;src:url(Inter.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Inter;src:url(Inter.woff) format("woff");font-weight:800;font-style:normal;font-display:swap}@font-face{font-family:Inter;src:url(Inter-Italic.woff) format("woff");font-weight:400;font-style:italic;font-display:swap}:root{--oj-black: #000000;--oj-accent: #F4B643;--oj-bg: #FFF9EE;--oj-gray-bg: #f8f8f8;--oj-border: #e0e0e0;--oj-link: #0066cc}.article-container{max-width:708px;margin:0 auto;padding:0 20px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:1rem;line-height:1.8;color:#000}@media(max-width:390px){.article-container{padding:0 15px}}.article-container h1{font-size:2.5rem;font-weight:800;line-height:1.2;margin-top:0;margin-bottom:1.5rem;color:#000}.article-container h2{font-size:2rem;font-weight:800;margin-top:3rem;margin-bottom:1rem;color:#000}.article-container h3{font-size:1.75rem;font-weight:700;margin-top:2rem;margin-bottom:1rem;color:#000}.article-container h4{font-size:1.25rem;font-weight:700;margin-top:1.5rem;margin-bottom:.75rem;color:#000}.article-container p{margin-bottom:1.3rem}.article-container a{color:#06c;text-decoration:none}.article-container a:hover{text-decoration:underline}.article-container ul,.article-container ol{margin-bottom:1.5rem;padding-left:2rem}.article-container li{margin-bottom:.5rem}.toc{background:#f8f8f8;border:1px solid #e0e0e0;padding:1.5rem;margin:2rem 0;border-radius:6px}.toc h2{font-size:1.25rem;margin-top:0;margin-bottom:1rem}.toc ul{list-style:none;padding-left:0}.toc li{margin-bottom:.5rem}.toc a{color:#06c;text-decoration:none}.article-container table{width:100%;border-collapse:collapse;margin:2rem 0;font-size:.9rem}.article-container th,.article-container td{border:1px solid #e0e0e0;padding:.75rem;text-align:left}.article-container th{background:#f8f8f8;font-weight:700}.intro-box{background:#f8f8f8;padding:1.5rem;margin:2rem 0;border-left:4px solid #0066cc}.warning-box{background:#fff5f5;border:1px solid #ffcccc;padding:1rem;margin:1.5rem 0;border-radius:6px}.tip-box{background:#f0f8ff;border:1px solid #cce7ff;padding:1rem;margin:1.5rem 0;border-radius:6px}.recipe-card{background:#f8f8f8;border:1px solid #e0e0e0;padding:1.5rem;margin:2rem 0;border-radius:6px}.recipe-card h3{margin-top:0}.cta-box{background:#06c;color:#fff;padding:2rem;margin:3rem 0;text-align:center;border-radius:6px}.cta-box p{margin-bottom:1rem}.cta-box a{color:#fc0;font-weight:700}.blue-highlight{background:#e8f4fd;padding:1.5rem;margin:2rem 0;border-radius:6px;color:#000}.feature-box{background:#fff;border:1px solid #e0e1e9;border-radius:6px;box-shadow:0 1px 12px #191b2326;padding:1.5rem;margin:2rem 0}.faq-section{margin-top:3rem;padding-top:2rem;border-top:1px solid #e0e0e0}.faq-item{margin-bottom:2rem}.faq-question{font-weight:700;margin-bottom:.5rem}.info-box{background:var(--oj-bg);border-left:3px solid var(--oj-accent);padding:16px 20px;margin:20px 0}.research-box{background:#fff;border:1px solid #e0e0e0;border-radius:6px;padding:20px;margin:20px 0}.research-box h3{margin-top:0;font-size:18px}.meta-info{color:#666;font-size:14px;font-style:italic;margin:20px 0;padding:16px 0;border-top:1px solid #e0e0e0}@media(min-width:768px){.article-container p{font-size:1.125rem}}@media(max-width:390px){.article-container h2{font-size:1.5rem}.article-container h3{font-size:1.25rem}}@media(max-width:390px){.article-container table{font-size:.8rem}.article-container th,.article-container td{padding:.5rem}.article-container .table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 -15px}.article-container .table-wrapper table{min-width:500px;margin:0}.article-container .table-wrapper:before,.article-container .table-wrapper:after{content:"";display:block;width:15px;height:1px}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/blog-post.css.map */