.section-article{overflow:hidden}.article-page{display:block;grid-column:1 / -1}.article-page__inner{margin-left:auto;margin-right:auto;width:100%;box-sizing:border-box;padding-top:var(--article-padding-top, 0);padding-bottom:var(--article-padding-bottom, 60px);padding-left:var(--article-padding-left, 16px);padding-right:var(--article-padding-right, 16px)}.article-hero{position:relative;width:100%;overflow:hidden}.article-hero--small{height:30vh;min-height:200px;max-height:300px}.article-hero--medium{height:50vh;min-height:300px;max-height:500px}.article-hero--large{height:70vh;min-height:400px;max-height:700px}.article-hero--full{height:100vh;min-height:500px}.article-hero__image{width:100%;height:100%}.article-hero__image img{width:100%;height:100%;object-fit:cover}.article-hero__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,transparent 50%,rgba(0,0,0,.4) 100%);pointer-events:none}.article-breadcrumb{padding:var(--space-6, 24px) 0}.article-breadcrumb__link{display:inline-flex;align-items:center;gap:var(--space-2, 8px);font-size:var(--font-size-sm, 14px);font-weight:500;color:var(--color-text-secondary);text-decoration:none;transition:color var(--transition-fast)}.article-breadcrumb__link:hover{color:var(--color-primary-6)}.article-breadcrumb__link [data-lucide]{width:16px;height:16px}.article-header{margin-bottom:var(--space-8, 32px);padding-bottom:var(--space-6, 24px);border-bottom:1px solid var(--color-border-light)}.article-header__tags{display:flex;flex-wrap:wrap;gap:var(--space-2, 8px);margin-bottom:var(--space-4, 16px)}.article-header__tag{display:inline-block;padding:var(--space-1, 4px) var(--space-3, 12px);font-size:var(--font-size-xs, 12px);font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-primary-6);background:var(--color-primary-1);border-radius:var(--radius-full, 100px);text-decoration:none;transition:all var(--transition-fast)}.article-header__tag:hover{background:var(--color-primary-2)}.article-header__title{font-family:var(--font-heading--family);font-size:clamp(28px,6vw,48px);font-weight:700;color:var(--color-heading);line-height:1.15;letter-spacing:-.025em;margin:0 0 var(--space-4, 16px) 0}.article-header__meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-4, 16px);font-size:var(--font-size-sm, 14px);color:var(--color-text-tertiary)}.article-header__author{font-weight:500;color:var(--color-text-secondary)}.article-header__reading-time{display:inline-flex;align-items:center;gap:var(--space-1, 4px)}.article-header__reading-time [data-lucide]{width:14px;height:14px}.article-share{display:flex;align-items:center;gap:var(--space-3, 12px)}.article-share--top{margin-bottom:var(--space-6, 24px)}.article-share--bottom{margin-top:var(--space-8, 32px);padding-top:var(--space-6, 24px);border-top:1px solid var(--color-border-light)}.article-share__label{font-size:var(--font-size-sm, 14px);font-weight:500;color:var(--color-text-secondary)}.article-content{font-family:var(--font-body--family);font-size:var(--font-size-lg, 18px);line-height:1.75;color:var(--color-body-text)}.article-content>*:first-child{margin-top:0}.article-content>*:last-child{margin-bottom:0}.article-content h2,.article-content h3,.article-content h4,.article-content h5,.article-content h6{font-family:var(--font-heading--family);font-weight:700;color:var(--color-heading);line-height:1.3;letter-spacing:-.02em;margin-top:1.5em;margin-bottom:.5em}.article-content h2{font-size:1.75em}.article-content h3{font-size:1.4em}.article-content h4{font-size:1.2em}.article-content p{margin:0 0 1.25em}.article-content a{color:var(--color-primary-6);text-decoration:underline;text-underline-offset:2px;transition:color var(--transition-fast)}.article-content a:hover{color:var(--color-primary-7)}.article-content ul,.article-content ol{margin:0 0 1.25em;padding-left:1.5em}.article-content li{margin-bottom:.5em}.article-content blockquote{margin:1.5em 0;padding:var(--space-4, 16px) var(--space-6, 24px);border-left:4px solid var(--color-primary-6);background:var(--color-fill-light);font-style:italic;color:var(--color-text-secondary)}.article-content blockquote p:last-child{margin-bottom:0}.article-content img{max-width:100%;height:auto;border-radius:var(--radius-lg, 8px);margin:1.5em 0}.article-content figure{margin:1.5em 0}.article-content figcaption{font-size:var(--font-size-sm, 14px);color:var(--color-text-tertiary);text-align:center;margin-top:var(--space-2, 8px)}.article-content pre,.article-content code{font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,monospace;font-size:.9em}.article-content code{padding:.15em .4em;background:var(--color-fill-default);border-radius:var(--radius-sm, 2px)}.article-content pre{margin:1.5em 0;padding:var(--space-4, 16px);background:var(--color-neutral-10);color:var(--color-neutral-1);border-radius:var(--radius-lg, 8px);overflow-x:auto}.article-content pre code{padding:0;background:transparent;border-radius:0}.article-content hr{border:none;border-top:1px solid var(--color-border-light);margin:2em 0}.article-content table{width:100%;border-collapse:collapse;margin:1.5em 0;font-size:var(--font-size-base, 16px)}.article-content th,.article-content td{padding:var(--space-3, 12px);border:1px solid var(--color-border-light);text-align:left}.article-content th{background:var(--color-fill-light);font-weight:600}.article-author{display:flex;gap:var(--space-4, 16px);padding:var(--space-6, 24px);margin-top:var(--space-8, 32px);background:var(--color-fill-light);border-radius:var(--radius-lg, 8px)}.article-author__avatar{flex-shrink:0;width:60px;height:60px;border-radius:var(--radius-full, 100px);overflow:hidden;background:var(--color-primary-1);display:flex;align-items:center;justify-content:center}.article-author__avatar img{width:100%;height:100%;object-fit:cover}.article-author__initials{font-size:var(--font-size-lg, 18px);font-weight:600;color:var(--color-primary-6);text-transform:uppercase}.article-author__info{flex:1}.article-author__label{display:block;font-size:var(--font-size-xs, 12px);font-weight:500;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-tertiary);margin-bottom:var(--space-1, 4px)}.article-author__name{display:block;font-size:var(--font-size-lg, 18px);font-weight:600;color:var(--color-heading);margin-bottom:var(--space-2, 8px)}.article-author__bio{font-size:var(--font-size-sm, 14px);color:var(--color-body-text);line-height:1.6;margin:0}.article-nav{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4, 16px);margin-top:var(--space-10, 40px);padding-top:var(--space-6, 24px);border-top:1px solid var(--color-border-light)}.article-nav__link{display:flex;align-items:center;gap:var(--space-3, 12px);padding:var(--space-4, 16px);background:var(--color-fill-light);border-radius:var(--radius-lg, 8px);text-decoration:none;color:inherit;transition:all var(--transition-fast)}.article-nav__link:hover{background:var(--color-fill-default)}.article-nav__link--prev{justify-content:flex-start}.article-nav__link--next{justify-content:flex-end;text-align:right}.article-nav__link [data-lucide]{flex-shrink:0;width:20px;height:20px;color:var(--color-text-tertiary)}.article-nav__content{display:flex;flex-direction:column;gap:var(--space-1, 4px)}.article-nav__label{font-size:var(--font-size-xs, 12px);font-weight:500;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-tertiary)}.article-nav__title{font-size:var(--font-size-sm, 14px);font-weight:600;color:var(--color-heading)}.article-comments{margin-top:var(--space-12, 48px);padding-top:var(--space-8, 32px);border-top:1px solid var(--color-border-light)}.article-comments__title{font-family:var(--font-heading--family);font-size:var(--font-size-xl, 20px);font-weight:700;color:var(--color-heading);margin:0 0 var(--space-6, 24px) 0}.article-comments__count{font-weight:400;color:var(--color-text-tertiary)}.article-comments__empty{font-size:var(--font-size-base, 16px);color:var(--color-text-secondary);margin:0 0 var(--space-8, 32px) 0}.article-comments__list{display:flex;flex-direction:column;gap:var(--space-6, 24px);margin-bottom:var(--space-8, 32px)}.article-comments__pagination{margin-bottom:var(--space-8, 32px)}.comment{display:flex;gap:var(--space-4, 16px);padding:var(--space-4, 16px);background:var(--color-fill-light);border-radius:var(--radius-lg, 8px)}.comment__avatar{flex-shrink:0;width:44px;height:44px;border-radius:var(--radius-full, 100px);background:var(--color-primary-1);display:flex;align-items:center;justify-content:center}.comment__initials{font-size:var(--font-size-sm, 14px);font-weight:600;color:var(--color-primary-6);text-transform:uppercase}.comment__content{flex:1}.comment__header{display:flex;align-items:center;gap:var(--space-3, 12px);margin-bottom:var(--space-2, 8px)}.comment__author{font-size:var(--font-size-sm, 14px);font-weight:600;color:var(--color-heading)}.comment__date{font-size:var(--font-size-xs, 12px);color:var(--color-text-tertiary)}.comment__body{font-size:var(--font-size-sm, 14px);color:var(--color-body-text);line-height:1.6}.article-comments__form{padding:var(--space-6, 24px);background:var(--color-fill-light);border-radius:var(--radius-lg, 8px)}.article-comments__form-title{font-family:var(--font-heading--family);font-size:var(--font-size-lg, 18px);font-weight:600;color:var(--color-heading);margin:0 0 var(--space-5, 20px) 0}.form-success,.form-errors{display:flex;align-items:center;gap:var(--space-3, 12px);padding:var(--space-4, 16px);border-radius:var(--radius-md, 4px);margin-bottom:var(--space-5, 20px);font-size:var(--font-size-sm, 14px)}.form-success{background:var(--color-success-1);color:var(--color-success-6)}.form-errors{background:var(--color-danger-1);color:var(--color-danger-6)}.form-success [data-lucide],.form-errors [data-lucide]{flex-shrink:0;width:18px;height:18px}.form-row{margin-bottom:var(--space-4, 16px)}.form-row--half{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4, 16px)}@media (max-width: 599px){.form-row--half{grid-template-columns:1fr}}.form-field{margin-bottom:var(--space-4, 16px)}.form-label{display:block;font-size:var(--font-size-sm, 14px);font-weight:500;color:var(--color-heading);margin-bottom:var(--space-2, 8px)}.form-label .required{color:var(--color-danger-6)}.form-actions{margin-top:var(--space-5, 20px)}.article-related{margin-top:var(--space-12, 48px);padding:var(--space-10, 40px) var(--space-4, 16px);background:var(--color-fill-light)}.article-related__inner{max-width:1200px;margin:0 auto}.article-related__title{font-family:var(--font-heading--family);font-size:var(--font-size-xl, 20px);font-weight:700;color:var(--color-heading);text-align:center;margin:0 0 var(--space-8, 32px) 0}.article-related__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6, 24px)}@media (max-width: 989px){.article-related__grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 749px){.article-related__grid{grid-template-columns:1fr}}.article-related .article-card{display:flex;flex-direction:column;background:var(--color-background);border:1px solid var(--color-border-light);border-radius:var(--radius-lg, 8px);overflow:hidden;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.article-related .article-card:hover{border-color:var(--color-border-heavy);box-shadow:var(--shadow-md)}.article-related .article-card__image-link{display:block;text-decoration:none}.article-related .article-card__title-link{text-decoration:none;color:inherit}.article-related .article-card__title-link:hover .article-card__title{color:var(--color-primary-6)}.article-related .article-card__image{position:relative;overflow:hidden;aspect-ratio:3 / 4}.article-related .article-card__image img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.article-related .article-card:hover .article-card__image img{transform:scale(1.05)}.article-related .article-card__placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--color-fill-default);color:var(--color-text-disabled);aspect-ratio:3 / 4}.article-related .article-card__placeholder [data-lucide]{width:48px;height:48px}.article-related .article-card__content{display:flex;flex-direction:column;flex:1;padding:var(--space-4, 16px)}.article-related .article-card__tag{display:inline-block;font-size:var(--font-size-xs, 12px);font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-primary-6);margin-bottom:var(--space-2, 8px)}.article-related .article-card__title{font-family:var(--font-heading--family);font-size:var(--font-size-lg, 18px);font-weight:600;color:var(--color-heading);line-height:1.3;margin:0 0 var(--space-2, 8px) 0;transition:color var(--transition-fast)}.article-related .article-card__excerpt{font-size:var(--font-size-sm, 14px);color:var(--color-body-text);line-height:1.5;margin:0 0 var(--space-3, 12px) 0;flex:1}.article-related .article-card__meta{display:flex;align-items:center;gap:var(--space-3, 12px);font-size:var(--font-size-xs, 12px);color:var(--color-text-tertiary)}.article-related .article-card__author:before{content:"\2022";margin-right:var(--space-3, 12px)}.article-related .article-card__button{margin-top:auto;padding-top:var(--space-4, 16px)}.article-related .article-card__button .btn{width:100%;justify-content:center}@media (max-width: 749px){.article-hero--small{height:25vh;min-height:150px}.article-hero--medium{height:35vh;min-height:200px}.article-hero--large{height:50vh;min-height:300px}.article-content{font-size:var(--font-size-base, 16px)}.article-author{flex-direction:column;align-items:center;text-align:center}.article-nav{grid-template-columns:1fr}.article-nav__link--next{text-align:left;justify-content:flex-start;flex-direction:row-reverse}.article-related{padding:var(--space-8, 32px) var(--space-4, 16px)}}[data-theme=dark] .article-comments__form,[data-theme=dark] .article-author,[data-theme=dark] .comment,[data-theme=dark] .article-related{background:var(--color-fill-default)}[data-theme=dark] .article-content pre{background:var(--color-neutral-9)}
/*# sourceMappingURL=/cdn/shop/t/18/assets/article.css.map */