*,*:before,*:after{box-sizing:border-box}img{max-width:100%;display:block}.article-content-grid a{color:var(--color-primary)}.article-content-grid a:hover{text-decoration:underline}h1,h2,h3,h4{font-weight:600;line-height:1.3;color:#111827;margin:1.1em 0 .5em}h1{font-size:clamp(26px,3vw,30px)}h2{font-size:clamp(22px,1.6vw,20px)}h3{font-size:clamp(18px,2.2vw,14px)}h4{font-size:clamp(16px,1.8vw,10px)}p{font-size:clamp(16px,1.8vw,18px);text-align:justify}:root{--gap: 40px;--sidebar-w: 250px;--content-w: 76%;--muted: #6b7280;--ring: #e5e7eb;--soft: #f7f8fa;--accent: #3E67B0;--radius: 8px}.article-page-container{margin-inline:auto}.article-content-grid{display:flex;gap:var(--gap);align-items:flex-start}.article-main-column{flex:0 0 var(--content-w);min-width:0}aside{width:240px;padding:0 0 0 15px;position:sticky;top:9rem;height:100%;overflow-y:hidden}.clear{clear:both}.lft{float:left;margin:6px 35px 16px 0}.rgt{float:right;margin:6px 0 16px 35px}.flexBlock{display:flex;gap:30px;justify-content:center}.adc{display:grid;align-items:center;justify-content:center}.image-container-50{flex:1 1 44%}.smimg{width:64%;margin:0 auto;border:1px solid #ccc;border-radius:8px;display:grid;place-items:center}.tx1{margin:auto;padding:0 0 15px;text-align:center;font-size:16px;font-weight:600;line-height:22px}.flexBlock .b-btn{text-align:center;margin:auto auto 18px;width:46%}.flexBlock .b-btn a{color:#fff!important;padding:10px;font-size:16px;text-decoration:none;display:block;font-weight:500;background-color:#3e67b0;border-radius:30px}.flexBlock .b-btn a:hover{background-color:#163c81f2;text-decoration:none}.article-content-grid ul{padding-left:16px}.article-content-grid img{width:min(100%);border-radius:8px;overflow:hidden;shape-outside:inset(0 round 12px)}.post{border:1px solid var(--ring);border-radius:var(--radius);padding:clamp(16px,2vw,28px);background:#fff}.meta{color:var(--muted);font-size:14px;margin-top:-4px;margin-bottom:12px}.image-wrap{width:min(50%);border-radius:4px;overflow:hidden;shape-outside:inset(0 round 12px)}.image-wrap img{width:100%;height:auto;display:block}.lead{font-size:17px;color:#374151}.callout{background:var(--soft);border:1px dashed var(--ring);padding:14px;border-radius:12px;clear:both}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.btn{display:inline-block;background:var(--accent);color:#fff;padding:10px 20px;border-radius:999px;font-weight:600}.sidebar-card{background:#fff;border:1px solid var(--ring);border-radius:var(--radius);padding:14px;margin-bottom:18px}.sidebar-card h3{margin:0 0 10px}.mini{display:flex;flex-direction:column;gap:6px;align-items:start;padding:10px 0;border-top:1px solid var(--ring);text-decoration:none;color:inherit;transition:background-color .2s ease}.mini img{width:100%;height:auto;aspect-ratio:16 / 9;object-fit:cover;border-radius:6px}.mini:hover span{color:var(--accent);text-decoration:underline}.mini span{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:14px;line-height:1.4;font-weight:500;color:#374151;text-decoration:none}.mini:first-of-type{border-top:0;padding-top:0}.article-template li p:first-of-type{display:inline;margin:0;padding:0}@media (max-width:920px){.article-content-grid{flex-direction:column}aside{width:100%;padding:0}.grid-2{grid-template-columns:1fr}}@media (max-width:720px){.image-wrap{float:none;width:100%;margin:0 0 14px;shape-outside:none}}@media (max-width: 1024px){.article-content-grid{gap:24px}:root{--gap: 24px}}@media (max-width: 920px){.article-main-column{flex:1 1 auto;width:100%}}@media (max-width: 768px){.lft,.rgt,.image-wrap{float:none!important;width:100%!important;margin:0 0 14px!important;shape-outside:none!important}.flexBlock{flex-direction:column;gap:18px;align-items:stretch}.image-container-50{flex:1 1 100%}.smimg{width:92%}.tx1{font-size:15px;line-height:21px;padding-bottom:10px}.flexBlock .b-btn{width:100%;max-width:420px}.flexBlock .b-btn a{padding:12px 16px;font-size:16px}.article-content-grid img{width:100%;height:auto}.article-content-grid ul{padding-left:18px}}@media (max-width: 600px){.article-page-container{padding:14px}.brand{font-size:20px}.meta{font-size:13px}p{text-align:justify;-webkit-hyphens:auto;hyphens:auto}}@media (max-width: 480px){h1{margin:.9em 0 .45em}h2,h3,h4{margin:1em 0 .5em}.tx1{font-size:14px;line-height:20px}.flexBlock .b-btn a{font-size:15px}}@media (max-width: 360px){.article-page-container{padding:12px}.smimg{width:100%}.flexBlock .b-btn{max-width:none}.flexBlock .b-btn a{padding:12px;font-size:14.5px}}@media (prefers-reduced-motion: reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}.article-meta-share-wrapper{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.article-meta-info{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.article-meta-share-wrapper .article-template__social-sharing{margin:0;padding:0}
/*# sourceMappingURL=/cdn/shop/t/16/assets/article-layout-custom.css.map */