.article-template{--article-content-width: 88rem;--article-gutter: 1.5rem}.article-template>*:first-child:not(.article-template__hero-container){margin-top:1.6rem}@media screen and (min-width:750px){.article-template>*:first-child:not(.article-template__hero-container){margin-top:calc(1.8rem + var(--page-width-margin))}}.article-template__hero-container{width:calc(100% - (var(--article-gutter) * 2));max-width:var(--article-content-width);margin:1.2rem auto 0;overflow:hidden;border-radius:8px;box-shadow:0 10px 24px rgba(var(--color-foreground),.05)}.article-template__hero-small{height:11rem}.article-template__hero-medium{height:22rem}.article-template__hero-large{height:33rem}@media screen and (min-width:750px)and (max-width:989px){.article-template__hero-small{height:22rem}.article-template__hero-medium{height:44rem}.article-template__hero-large{height:66rem}}@media screen and (min-width:990px){.article-template__hero-small{height:27.5rem}.article-template__hero-medium{height:55rem}.article-template__hero-large{height:82.5rem}}.article-template header{margin-top:1.2rem;margin-bottom:1rem;line-height:1.2}.article-template .page-width--narrow{max-width:var(--article-content-width)}@media screen and (min-width:750px){.article-template header{margin-top:1.4rem}}.article-template__header-card,.article-template__content-card{border:1px solid rgba(var(--color-foreground),.1);border-radius:8px;background:#fff;box-shadow:0 10px 24px rgba(var(--color-foreground),.05)}.article-template__header-card{position:relative;padding:1.8rem 2rem 1.8rem 2.6rem;overflow:hidden}.article-template__header-card:before{content:"";position:absolute;top:0;bottom:0;left:0;width:.8rem;background:#f2a91d}.article-template__content-card{padding:2.2rem}.article-template__title{margin:0;line-height:1.12}.article-template__title:not(:only-child){margin-bottom:1rem}.article-template__link{font-size:1.8rem;display:flex;justify-content:center;align-items:center;text-decoration:none}.article-template__link .icon-wrap{display:flex;margin-right:1rem;transform:rotate(180deg)}.article-template__content{margin-top:1.2rem;margin-bottom:1.4rem}.article-template__content img{display:block;width:100%;max-width:100%;height:auto;margin:2.2rem auto;border:1px solid rgba(var(--color-foreground),.08);border-radius:8px;box-shadow:0 18px 34px rgba(var(--color-foreground),.12),0 4px 12px rgba(var(--color-foreground),.06)}.article-template__content img:first-child{margin-top:0}.article-template__content img:last-child{margin-bottom:0}.article-template__faq{margin:clamp(2.8rem,4vw,4.2rem) 0 2rem;--color-button: var(--hoonies-yellow-rgb, 242, 169, 29);--color-button-text: 17, 17, 17}.article-template__faq-title{margin:0 0 1.8rem;padding-bottom:.8rem;border-bottom:2px solid rgba(var(--color-button),.42);color:rgb(var(--color-foreground));font-size:clamp(2.2rem,2.4vw,3rem);font-weight:900;line-height:1.16}.article-template__faq-intro{margin:0 0 1.5rem;color:rgba(var(--color-foreground),.72)}.article-template__faq-intro>*:first-child{margin-top:0}.article-template__faq-intro>*:last-child{margin-bottom:0}.article-template__faq-list{display:grid;gap:1rem}.article-template__faq-item{margin:0;overflow:hidden;border:1px solid rgba(var(--color-foreground),.12);border-left:2px solid rgba(var(--color-button),.95);border-radius:8px;background:#fff;box-shadow:0 8px 20px rgba(var(--color-foreground),.04)}.article-template__faq-question{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:5.2rem;padding:1.3rem 1.5rem;color:rgb(var(--color-foreground));cursor:pointer;font-weight:800;line-height:1.3;list-style:none}.article-template__faq-question::-webkit-details-marker{display:none}.article-template__faq-icon{position:relative;display:inline-flex;width:2.4rem;height:2.4rem;border:1px solid rgba(var(--color-button),.42);border-radius:50%;color:rgb(var(--color-foreground));background:rgba(var(--color-button),.07);flex:0 0 auto}.article-template__faq-icon:before,.article-template__faq-icon:after{content:"";position:absolute;top:50%;left:50%;width:.9rem;height:.2rem;border-radius:999px;background:currentColor;transform:translate(-50%,-50%);transition:transform .16s ease}.article-template__faq-icon:after{transform:translate(-50%,-50%) rotate(90deg)}.article-template__faq-item[open] .article-template__faq-question{border-bottom:1px solid rgba(var(--color-foreground),.08);background:rgba(var(--color-button),.08)}.article-template__faq-item[open] .article-template__faq-icon:after{transform:translate(-50%,-50%) rotate(90deg) scaleX(0)}.article-template__faq-answer{padding:1.4rem 1.5rem 1.6rem;color:rgba(var(--color-foreground),.76)}.article-template__faq-answer>*:first-child{margin-top:0}.article-template__faq-answer>*:last-child{margin-bottom:0}.article-template__faq-cta{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1.6rem;align-items:center;margin-top:2rem;padding:1.8rem;border:1px solid var(--surface-line, rgba(20, 18, 14, .12));border-left:3px solid var(--amber, #f2a91d);border-radius:14px;background:var(--card, #fffdf8);box-shadow:0 10px 24px rgba(var(--color-foreground),.05)}.article-template__faq-cta-kicker{display:inline-flex;margin-bottom:.5rem;color:#9a6400;font-size:1.1rem;font-weight:900;letter-spacing:0;text-transform:uppercase}.article-template__faq-cta h3{margin:0;color:rgb(var(--color-foreground));font-size:clamp(1.8rem,2vw,2.4rem);line-height:1.14}.article-template__faq-cta p{margin:.8rem 0 0;color:rgba(var(--color-foreground),.72);line-height:1.5}.article-template__faq-cta-actions{display:flex;flex-wrap:wrap;gap:.8rem;justify-content:flex-end}.article-template__faq-cta-actions .button{min-width:18rem;min-height:4.8rem}.article-template__faq-cta-actions .button:not(.button--secondary):not(.button--tertiary){--color-button: var(--hoonies-yellow-rgb, 242, 169, 29);--color-button-text: 17, 17, 17}@media screen and (max-width:749px){.article-template__faq{margin-top:2.4rem}.article-template__faq-question{align-items:flex-start;padding:1.2rem 1.3rem}.article-template__faq-answer{padding:1.2rem 1.3rem 1.4rem}.article-template__faq-cta{grid-template-columns:1fr;padding:1.5rem}.article-template__faq-cta-actions{justify-content:stretch}.article-template__faq-cta-actions .button{width:100%;min-width:0}}.article-template{--article-content-width: 112rem}.article-template__content-card{padding:clamp(22px,3vw,40px);border-radius:18px;box-shadow:var(--shadow-panel, 0 18px 40px rgba(20, 22, 19, .08))}.article-template__content-card>p,.article-template__content-card>ul,.article-template__content-card>ol,.article-template__content-card>h2,.article-template__content-card>h3,.article-template__content-card>table,.article-template__content-card>.article-table,.article-template__content-card>.article-template__faq,.article-template__content-card>.article-template__faq-cta{max-width:88rem;margin-right:auto;margin-left:auto}.article-table__hint{display:none}.article-table__scroll{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}body.ha-utility .article-template .article-table__scroll table{display:table;width:100%;max-width:none}.article-template__faq-cta{border-left-width:1px;background:#fffaf0}.article-template__faq-cta-actions .btn{min-width:18rem}.article-template__prefooter{position:relative;margin-top:clamp(26px,4vw,52px);padding:clamp(38px,5vw,64px) 0;color:#fffdf7}.article-template__prefooter-inner{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:28px;align-items:center}.article-template__prefooter h2{margin:12px 0 10px;color:#fffdf7;font-size:clamp(28px,4vw,46px);line-height:1.02}.article-template__prefooter p{max-width:70ch;margin:0;color:#fffdf7c2;font-size:15px;line-height:1.6}.article-template__prefooter-actions{display:flex;flex-wrap:wrap;gap:10px}@media screen and (max-width:749px){.article-template__prefooter-inner{grid-template-columns:1fr}.article-template__prefooter-actions .btn{flex:1 1 100%}}.article-template__social-sharing{margin-top:1rem}.article-template__garage-signup{display:grid;grid-template-columns:minmax(0,1fr) minmax(28rem,.9fr);gap:1.6rem;align-items:start;margin-top:1.2rem;padding:2rem;border:1px solid rgba(var(--color-foreground),.1);border-left:3px solid #f2a91d;border-radius:8px;background:#fbfaf6;box-shadow:0 10px 24px rgba(var(--color-foreground),.05)}.article-template__garage-copy span{display:inline-flex;margin-bottom:.8rem;color:#9a6400;font-size:1.2rem;font-weight:900;letter-spacing:0;text-transform:uppercase}.article-template__garage-copy h2{margin:0;font-size:2.6rem;line-height:1.12}.article-template__garage-copy p{margin:1rem 0 0;color:rgba(var(--color-foreground),.72);line-height:1.55}.article-template__garage-form{display:grid;gap:1rem}@media screen and (min-width:750px){.article-template__garage-form{padding-top:3.2rem}}.article-template__garage-consent{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.8rem;align-items:start;color:rgba(var(--color-foreground),.72);font-size:1.25rem;line-height:1.45}.article-template__garage-consent input{width:1.7rem;height:1.7rem;margin:.15rem 0 0;accent-color:#f2a91d}.article-template__garage-signup>.button{grid-column:1 / -1;justify-self:start}.article-template__social-sharing+header,.article-template__social-sharing+.article-template__content{margin-top:1rem}.article-template__comment-wrapper{margin-top:5rem;padding:2.7rem 0}@media screen and (min-width:750px){.article-template__comment-wrapper{margin-top:6rem;padding:3.6rem 0}}.article-template__comment-wrapper h2{margin-top:0}.article-template__comments{margin-bottom:5rem}@media screen and (min-width:750px){.article-template__comments{margin-bottom:7rem}}.article-template__comments-fields{margin-bottom:4rem}.article-template__comments-comment{color:rgba(var(--color-foreground),.75);background-color:rgb(var(--color-background));margin-bottom:1.5rem;padding:2rem 2rem 1.5rem}@media screen and (min-width:750px){.article-template__comments-comment{padding:2rem 2.5rem}}.article-template__comments-comment p{margin:0 0 1rem}.article-template__comment-fields>*{margin-bottom:3rem}@media screen and (min-width:750px){.article-template__comment-fields{display:grid;grid-template-columns:repeat(2,1fr);grid-column-gap:4rem}}.article-template__comment-warning{margin:2rem 0 2.5rem}@media screen and (min-width:990px){.article-template__comments .pagination-wrapper{margin:5rem 0 8rem}}.article-template__back:last-child{margin-bottom:3.2rem}@media screen and (max-width:749px){body.ha-utility .article-template__header-inner{padding:28px 0 24px}body.ha-utility .article-hero__grid{gap:14px}body.ha-utility .article-hero__crumbs{display:none}body.ha-utility .article-template__meta{margin-top:12px}body.ha-utility .article-template__content{margin-top:12px;margin-bottom:18px}body.ha-utility .article-template__content-card{padding:18px;line-height:1.65}body.ha-utility .article-template__content-card>p{margin-top:0;margin-bottom:14px}body.ha-utility .article-template__content-card>h2{margin-top:28px;margin-bottom:12px;line-height:1.15}body.ha-utility .article-template__content-card>h3{margin-top:22px;margin-bottom:10px;line-height:1.2}.article-table{margin-top:18px;margin-bottom:24px}.article-table__hint{display:block;margin:0 0 8px;color:var(--surface-muted, #5d574c);font-size:12px;font-weight:800}.article-table__scroll{border:1px solid var(--surface-line, rgba(20, 18, 14, .12));border-radius:10px;background:#fff;overscroll-behavior-inline:contain}.article-table__scroll:focus-visible{outline:3px solid var(--amber, #f2a91d);outline-offset:2px}body.ha-utility .article-template .article-table__scroll table{min-width:680px;margin:0;table-layout:auto;font-size:14px}body.ha-utility .article-template .article-table__scroll th,body.ha-utility .article-template .article-table__scroll td{min-width:132px;padding:12px 14px;vertical-align:top;line-height:1.45}body.ha-utility .article-template .article-table__scroll th:first-child,body.ha-utility .article-template .article-table__scroll td:first-child{width:64px;min-width:64px}body.ha-utility .article-template__header-card,body.ha-utility .article-template__content-card{width:100%;max-width:none;margin-right:0;margin-left:0;padding:1.6rem;border-right:0;border-left:0;border-radius:0}.article-template__garage-signup{grid-template-columns:1fr;width:100%;margin-right:0;margin-left:0;padding:1.4rem}.article-template__prefooter-inner{width:100%;max-width:none;padding-right:16px;padding-left:16px}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/section-blog-post.css.map */