.article-page{background:var(--color-surface-warm);min-height:100vh}.article-breadcrumb{border-bottom:1px solid var(--color-border-subtle)}.article-breadcrumb__inner{max-width:var(--content-max-width);margin:0 auto;padding:var(--space-5) var(--gutter)}.article-breadcrumb a{font-size:var(--text-body-sm);font-weight:var(--weight-medium);color:var(--color-green-dark);text-decoration:none;transition:opacity .2s}.article-breadcrumb a:hover{opacity:.75}.article-container{max-width:760px;margin:0 auto;padding:var(--space-10) var(--gutter) var(--space-16)}.article-hero{border-radius:var(--radius-lg);overflow:hidden;margin-bottom:var(--space-8);aspect-ratio:16 / 9}.article-hero__image{width:100%;height:100%;object-fit:cover;display:block}.article-header{display:block}.article-tags{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-4)}.article-tag-link{text-decoration:none;transition:background .2s,color .2s}.article-tag-link:hover{background:var(--color-green-dark);color:var(--color-text-on-dark)}.article-title{font-family:var(--font-display);font-size:var(--text-h1);font-weight:var(--weight-bold);color:var(--color-text-primary);line-height:var(--leading-heading);margin-bottom:var(--space-4)}.article-meta{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-body-sm);color:var(--color-text-muted);padding-bottom:var(--space-7);border-bottom:1px solid var(--color-border);margin-bottom:var(--space-7);flex-wrap:wrap}.article-body{font-size:var(--text-body);line-height:var(--leading-body);color:var(--color-text-primary)}.article-body h2{font-family:var(--font-display);font-size:var(--text-h3);font-weight:var(--weight-semibold);color:var(--color-text-primary);line-height:var(--leading-snug);margin:var(--space-8) 0 var(--space-3)}.article-body h3{font-family:var(--font-display);font-size:var(--text-h4);font-weight:var(--weight-semibold);color:var(--color-text-primary);line-height:var(--leading-snug);margin:var(--space-6) 0 var(--space-3)}.article-body h4{font-size:var(--text-body-lg);font-weight:var(--weight-semibold);color:var(--color-text-primary);margin:var(--space-5) 0 var(--space-2)}.article-body p{margin-bottom:var(--space-5)}.article-body a{color:var(--color-green-dark);text-decoration:underline;text-underline-offset:2px;transition:opacity .2s}.article-body a:hover{opacity:.75}.article-hero~.article-body>p:first-child>img:only-child,.article-hero~.article-body>figure:first-child{display:none}.article-body img{width:100%;height:auto;border-radius:var(--radius-md);margin:var(--space-6) 0;display:block}.article-body blockquote{border-left:4px solid var(--color-green-dark);padding:var(--space-4) var(--space-6);margin:var(--space-6) 0;background:#32b44a0d;border-radius:0 var(--radius-md) var(--radius-md) 0;font-style:italic;color:var(--color-text-secondary)}.article-body ul,.article-body ol{padding-left:var(--space-6);margin-bottom:var(--space-5)}.article-body li{margin-bottom:var(--space-2)}.article-body hr{border:none;border-top:1px solid var(--color-border);margin:var(--space-8) 0}.article-share{margin-top:var(--space-10);padding-top:var(--space-7);border-top:1px solid var(--color-border)}.article-share__label{font-size:var(--text-body-sm);color:var(--color-text-muted);margin-bottom:var(--space-3)}.article-share__links{display:flex;gap:var(--space-3);flex-wrap:wrap}.article-share__btn{font-family:var(--font-display);font-size:var(--text-body-sm);font-weight:var(--weight-medium);color:var(--color-text-secondary);text-decoration:none;padding:var(--space-2) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-full);transition:border-color .2s,color .2s}.article-share__btn:hover{color:var(--color-green-dark);border-color:var(--color-green-dark)}.article-comments{background:var(--color-surface-muted);padding:var(--space-12) var(--gutter)}.article-comments__inner{max-width:760px;margin:0 auto}.article-comments__heading{font-family:var(--font-display);font-size:var(--text-h3);font-weight:var(--weight-semibold);margin-bottom:var(--space-6)}.article-comment{padding:var(--space-5) 0;border-bottom:1px solid var(--color-border)}.article-comment__author{font-weight:var(--weight-semibold);font-size:var(--text-body-sm);margin-bottom:var(--space-1)}.article-comment__date{font-size:var(--text-caption);color:var(--color-text-muted);display:block;margin-bottom:var(--space-2)}.article-comment__body{font-size:var(--text-body-sm);line-height:var(--leading-body);color:var(--color-text-secondary)}.article-form__group{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-5)}.article-form__group label{font-size:var(--text-body-sm);font-weight:var(--weight-medium);color:var(--color-text-secondary)}.article-form__group input,.article-form__group textarea{padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-body-sm);font-family:var(--font-secondary);background:var(--color-surface);color:var(--color-text-primary);transition:border-color .2s;width:100%;box-sizing:border-box}.article-form__group input:focus,.article-form__group textarea:focus{outline:none;border-color:var(--color-green-dark)}.article-form__group textarea{min-height:120px;resize:vertical}.article-form__submit{font-family:var(--font-display);font-size:var(--text-body-sm);font-weight:var(--weight-medium);background:var(--color-green-dark);color:var(--color-text-on-dark);border:none;padding:var(--space-3) var(--space-7);border-radius:var(--radius-full);cursor:pointer;transition:opacity .2s}.article-form__submit:hover{opacity:.85}@media(max-width:767px){.article-container{padding-top:var(--space-6);padding-bottom:var(--space-10)}.article-title{font-size:clamp(26px,7vw,40px)}.article-meta{font-size:var(--text-caption)}.article-body{font-size:var(--text-body-sm)}.article-body h2{font-size:var(--text-h4);margin-top:var(--space-6)}.article-body blockquote{padding:var(--space-3) var(--space-4)}}
/*# sourceMappingURL=/cdn/shop/t/26/assets/article.css.map */