.article-reading{--article-bg: #f7f7f2;--article-surface: #ffffff;--article-ink: #1b1d18;--article-body: #34372f;--article-muted: #73776d;--article-border: #dedfd8;--article-accent: #9a6b25;--article-accent-soft: #f3ead7;--article-prose: 660px;--article-sticky-top: calc(var(--announcement-height, 0px) + var(--header-height, 0px) + 28px);background:var(--article-bg);color:var(--article-body);overflow:visible}.article-reading [hidden]{display:none!important}.article-reading .article-reading-progress{position:fixed;z-index:100;inset:0 0 auto;height:3px;background:transparent;pointer-events:none}.article-reading .article-reading-progress span{display:block;width:0;height:100%;background:var(--article-accent);transition:width 80ms linear}.article-reading .article-header{padding-top:clamp(48px,7vw,112px);padding-bottom:32px}.article-reading .article-header__inner{width:min(800px,100%);margin-inline:auto}.article-reading .article-breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:24px;color:var(--article-muted);font-size:13px;line-height:20px}.article-reading .article-breadcrumb a{color:inherit;text-decoration:none}.article-reading .article-breadcrumb a:hover{color:var(--article-ink);text-decoration:underline;text-underline-offset:3px}.article-reading .article-title{max-width:800px;margin:0;color:var(--article-ink);font-family:var(--font-head-family);font-size:44px;font-weight:600;letter-spacing:0;line-height:1.1;text-wrap:balance}.article-reading .article-meta{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:26px;padding-top:20px;border-top:1px solid var(--article-border)}.article-reading .article-meta__details{display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px;color:var(--article-muted);font-size:14px;line-height:20px}.article-reading .article-meta__item{display:inline-flex;align-items:center;gap:6px}.article-reading .article-meta__item+.article-meta__item:before{width:3px;height:3px;margin-right:8px;border-radius:50%;background:currentColor;content:""}.article-reading .article-meta__label{color:var(--article-muted)}.article-reading .article-meta strong{color:var(--article-ink);font-weight:600}.article-reading .article-tags{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 0;padding:0;list-style:none}.article-reading .article-tags a{display:inline-flex;padding:5px 10px;border:1px solid var(--article-border);border-radius:999px;color:var(--article-muted);font-size:12px;line-height:16px;text-decoration:none}.article-reading .article-tags a:hover{border-color:var(--article-accent);color:var(--article-accent)}.article-reading .article-banner{padding-inline:24px}.article-reading .article-img-container{position:relative;width:min(1040px,100%);aspect-ratio:3 / 2;margin-inline:auto;overflow:hidden;border:1px solid var(--article-border);border-radius:8px;background:#ebece5}.article-reading .article-img-container--wide{width:min(1320px,100%)}.article-reading .article-img-container.image-height--adapt{aspect-ratio:var(--article-media-ratio)}.article-reading .article-img-container.image-height--md{aspect-ratio:16 / 9}.article-reading .article-img-container.image-height--lg{aspect-ratio:2 / 1}.article-reading .article-img-container.image-height--fill{width:100%;max-width:1600px;height:100svh;max-height:920px;aspect-ratio:auto;border-radius:0}.article-reading .article-banner__image,.article-reading .article-img-container>svg{display:block;width:100%;height:100%;object-fit:cover}.article-reading .article-reading-shell{padding-top:clamp(40px,5vw,72px)}.article-reading .article-reading-layout{display:grid;grid-template-columns:minmax(180px,236px) minmax(0,var(--article-prose)) minmax(180px,236px);justify-content:center;gap:clamp(32px,5vw,70px);align-items:start}.article-reading .article-reading-layout--without-toc{grid-template-columns:minmax(0,var(--article-prose)) minmax(180px,236px)}.article-reading .article-reading-layout--without-share{grid-template-columns:minmax(180px,236px) minmax(0,var(--article-prose))}.article-reading .article-reading-layout--without-toc.article-reading-layout--without-share{grid-template-columns:minmax(0,var(--article-prose))}.article-reading .article-reading-main{min-width:0}.article-reading .article-toc--desktop,.article-reading .article-share--rail{position:sticky;top:var(--article-sticky-top);align-self:start}.article-reading .article-toc__sticky,.article-reading .article-share__sticky{min-width:0}.article-reading .article-rail__label{margin:0 0 14px;color:var(--article-muted);font-size:11px;font-weight:600;letter-spacing:0;line-height:16px;text-transform:uppercase}.article-reading .article-toc--mobile{display:none}.article-reading .article-toc__list{max-height:calc(100vh - var(--article-sticky-top) - 56px);margin:0;padding:0 0 0 14px;overflow-y:auto;border-left:1px solid var(--article-border);list-style:none}.article-reading .article-toc__list li+li{margin-top:8px}.article-reading .article-toc__list a{display:block;color:var(--article-muted);font-size:13px;line-height:19px;text-decoration:none}.article-reading .article-toc__list a:hover,.article-reading .article-toc__list a.is-active{color:var(--article-ink);font-weight:600}.article-reading .article-toc__list a.is-active{margin-left:-15px;padding-left:13px;border-left:2px solid var(--article-accent)}.article-reading .article-share__list{display:flex;gap:12px;margin:0;padding:0;list-style:none}.article-reading .article-share--rail .article-share__list{flex-direction:column;gap:14px}.article-reading .article-share__link{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;color:var(--article-muted);transition:color .16s ease,transform .16s ease}.article-reading .article-share__link:hover{color:var(--article-accent);transform:translateY(-2px)}.article-reading .article-share__link svg{width:18px;height:18px}.article-reading .article-share--header{display:none}.article-reading .articles__content{margin:0;color:var(--article-body);font-family:var(--font-body-family)}.article-reading .articles__content p,.article-reading .articles__content li,.article-reading .articles__content td,.article-reading .articles__content th,.article-reading .articles__content blockquote{color:var(--article-body);font-size:16px;font-weight:400;line-height:1.625;letter-spacing:0;word-wrap:break-word}.article-reading .articles__content p{margin:0 0 25px}.article-reading .articles__content>p:first-child{font-size:17px;line-height:1.65}.article-reading .articles__content a{color:#7b4f1a;text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--article-accent) 55%,transparent);text-decoration-thickness:1px;text-underline-offset:3px}.article-reading .articles__content a[style*=color]{color:#7b4f1a!important}.article-reading .articles__content a:hover{color:var(--article-accent)}.article-reading .articles__content a[style*=color]:hover{color:var(--article-accent)!important}.article-reading .articles__content h2,.article-reading .articles__content h3,.article-reading .articles__content h4{color:var(--article-ink);font-family:var(--font-head-family);font-weight:600;letter-spacing:0;text-wrap:balance}.article-reading .articles__content h2{scroll-margin-top:calc(var(--announcement-height, 0px) + var(--header-height, 0px) + 32px);margin:58px 0 16px;font-size:27px;line-height:1.26}.article-reading .articles__content h2[tabindex="-1"]:focus{outline:none}.article-reading .articles__content h3{margin:36px 0 12px;font-size:21px;line-height:1.35}.article-reading .articles__content h4{margin:28px 0 10px;font-size:18px;line-height:1.4}.article-reading .articles__content ul,.article-reading .articles__content ol{margin:0 0 26px;padding-left:24px}.article-reading .articles__content li+li{margin-top:9px}.article-reading .articles__content li p{margin-bottom:0}.article-reading .articles__content strong{color:var(--article-ink);font-weight:600}.article-reading .articles__content .article-callout{margin:30px 0 34px;padding:20px 22px;border:1px solid var(--article-border);border-left:3px solid var(--article-accent);border-radius:8px;background:var(--article-surface)}.article-reading .articles__content .article-callout--tip{background:var(--article-accent-soft)}.article-reading .articles__content .article-callout--pick{background:#fbfaf6}.article-reading .articles__content .article-callout:last-child{margin-bottom:0}.article-reading .articles__content blockquote{margin:32px 0 36px;padding:20px 24px;border:1px solid var(--article-border);border-left:3px solid var(--article-accent);border-radius:8px;background:var(--article-surface)}.article-reading .articles__content blockquote p:last-child{margin-bottom:0}.article-reading .articles__content img{display:block;width:100%;height:auto;margin:36px auto 40px;border:1px solid var(--article-border);border-radius:8px;object-fit:cover}.article-reading .articles__content figure{margin:36px 0 40px}.article-reading .articles__content figure img{margin:0}.article-reading .articles__content figcaption{margin-top:10px;color:var(--article-muted);font-size:13px;line-height:20px}.article-reading .articles__content table{width:100%;margin:32px 0 36px;border-collapse:collapse;font-size:15px}.article-reading .article-table-scroll{max-width:100%;margin:32px 0 36px;overflow-x:auto;border:1px solid var(--article-border);border-radius:8px;background:var(--article-surface);-webkit-overflow-scrolling:touch}.article-reading .article-table-scroll table{min-width:640px;margin:0}.article-reading .article-table-scroll th:first-child,.article-reading .article-table-scroll td:first-child{border-left:0}.article-reading .article-table-scroll th:last-child,.article-reading .article-table-scroll td:last-child{border-right:0}.article-reading .article-table-scroll tr:first-child th,.article-reading .article-table-scroll tr:first-child td{border-top:0}.article-reading .article-table-scroll tr:last-child td{border-bottom:0}.article-reading .articles__content th,.article-reading .articles__content td{padding:12px 14px;border:1px solid var(--article-border);text-align:left;vertical-align:top}.article-reading .articles__content th{background:var(--article-accent-soft);color:var(--article-ink);font-weight:600}.article-reading .articles__content hr{margin:40px 0;border:0;border-top:1px solid var(--article-border)}.article-reading .articles__content code{padding:.12em .35em;border-radius:4px;background:#ecece5;color:var(--article-ink);font-size:.9em}.article-reading .article-reading-footer{width:min(920px,100%);margin:64px auto 0}.article-reading .article-author-card{display:grid;grid-template-columns:minmax(220px,300px) minmax(0,1fr);gap:40px;margin:0 0 40px;padding:32px;border:1px solid var(--article-border);border-radius:8px;background:var(--article-surface)}.article-reading .article-author-card__media{min-width:0;aspect-ratio:1 / 1;overflow:hidden;border-radius:8px;background:#ecece5}.article-reading .article-author-card__media img{display:block;width:100%;height:100%;object-fit:cover}.article-reading .article-author-card__content{align-self:center;min-width:0}.article-reading .article-author-card__eyebrow{margin:0 0 6px;color:var(--article-muted);font-size:14px;line-height:20px}.article-reading .article-author-card__name{margin:0 0 18px;color:var(--article-ink);font-family:var(--font-head-family);font-size:28px;font-weight:600;letter-spacing:0;line-height:1.2}.article-reading .article-author-card__bio{margin:0;color:var(--article-body);font-size:16px;line-height:1.625}.article-reading .articles__Control{display:flex;justify-content:space-between;gap:24px;padding:28px 0;border-top:1px solid var(--article-border);border-bottom:1px solid var(--article-border)}.article-reading .articles__Control a{display:inline-flex;align-items:center;gap:12px;color:var(--article-ink);font-size:14px;line-height:20px;text-decoration:none}.article-reading .articles__Control a:hover{color:var(--article-accent)}.article-reading .articles__ControlPrev,.article-reading .articles__ControlNext{min-width:0}.article-reading .articles__ControlNext{text-align:right}.article-reading .articles__Control .prev-arrrow,.article-reading .articles__Control .next-arrow{flex:0 0 36px;width:36px;height:36px;margin:0}.article-reading .articles__Control .arrow-container{width:36px;height:36px}.article-reading .articles__comments-wrp{width:100%;max-width:none;margin:0;padding:0}.article-reading .article-comments{padding-top:56px;margin-bottom:42px}.article-reading .article-comments .h3,.article-reading .article-comments__form .h3{margin:0 0 24px;color:var(--article-ink);font-size:21px;font-weight:600;line-height:1.35}.article-reading .article-comments__wrp{word-wrap:break-word}.article-reading .article-comments__wrp:not(:last-child){margin-bottom:20px}.article-reading .article-comments__details{margin-bottom:6px}.article-reading .article-comments__author{margin:0;color:var(--article-ink);font-size:16px;font-weight:600;line-height:24px}.article-reading .article-comments__date{margin:0 0 8px;color:var(--article-muted);font-size:14px;line-height:20px}.article-reading .article-comments__details+p,.article-reading .article-comments__wrp>p{color:var(--article-body);font-size:16px;line-height:1.625}.article-reading .article-comments__form{padding-top:40px}.article-reading .article-comments__form input,.article-reading .article-comments__form textarea{width:100%;padding:12px 14px;border:1px solid var(--article-border);border-radius:6px;background:var(--article-surface);color:var(--article-ink);font:inherit}.article-reading .article-comments__form input:focus,.article-reading .article-comments__form textarea:focus{border-color:var(--article-accent);outline:2px solid color-mix(in srgb,var(--article-accent) 22%,transparent);outline-offset:1px}.article-reading .article-comments__fromGroup{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.article-reading .article-comments__fromGroup .form-group,.article-reading .article-comments__commentArea{margin-bottom:16px}.article-reading .article-comments__commentArea{display:flex}.article-reading .articles__comments-wrp .form__message,.article-reading .articles__comments-wrp .success-icon,.article-reading .articles__comments-wrp .form-status{display:flex;align-items:center}.article-reading .articles__comments-wrp .form__message{margin-top:8px}.article-reading .articles__comments-wrp .form__message svg,.article-reading .articles__comments-wrp .success-icon svg{width:20px;margin-right:5px}.article-reading .articles__comments-wrp .form-status{margin-bottom:8px}.article-reading .articles__comments-wrp .form-status-list{padding:10px 10px 10px 24px}@media screen and (max-width:1199px){.article-reading .article-title{font-size:40px;line-height:1.12}.article-reading .article-reading-layout{grid-template-columns:minmax(160px,200px) minmax(0,var(--article-prose));gap:36px}.article-reading .article-share--rail{display:none}.article-reading .article-share--header{display:block}.article-reading .article-reading-layout--without-toc{grid-template-columns:minmax(0,var(--article-prose))}}@media screen and (max-width:1023px){.article-reading .article-toc--desktop{display:none}.article-reading .article-reading-layout,.article-reading .article-reading-layout--without-toc,.article-reading .article-reading-layout--without-share,.article-reading .article-reading-layout--without-toc.article-reading-layout--without-share{display:block}.article-reading .article-toc--mobile{display:block;margin:0 0 36px;border:1px solid var(--article-border);border-radius:8px;background:var(--article-surface)}.article-reading .article-toc--mobile summary{padding:16px 18px;color:var(--article-ink);cursor:pointer;font-size:14px;font-weight:600;list-style:none}.article-reading .article-toc--mobile summary::-webkit-details-marker{display:none}.article-reading .article-toc--mobile summary:after{float:right;content:"+";color:var(--article-accent);font-size:18px;font-weight:400;line-height:16px}.article-reading .article-toc--mobile[open] summary:after{content:"\2212"}.article-reading .article-toc--mobile .article-toc__list{max-height:280px;margin:0 18px 18px;padding-left:14px}.article-reading .article-reading-footer{width:100%}.article-reading .article-author-card{grid-template-columns:minmax(180px,240px) minmax(0,1fr);gap:28px;padding:28px}}@media screen and (max-width:749px){.article-reading{padding-bottom:max(36px,env(safe-area-inset-bottom))}.article-reading .article-header{padding-top:36px;padding-inline:24px;padding-bottom:24px}.article-reading .article-title{font-size:30px;line-height:1.15}.article-reading .article-meta{display:block;margin-top:22px;padding-top:16px}.article-reading .article-meta__details{gap:7px 12px;font-size:13px}.article-reading .article-meta__item+.article-meta__item:before{margin-right:4px}.article-reading .article-share--header{display:block;margin-top:14px}.article-reading .article-share--header .article-share__list{gap:8px}.article-reading .article-banner{padding-inline:24px}.article-reading .article-img-container{width:100%;aspect-ratio:3 / 2;border-radius:8px}.article-reading .article-reading-shell{padding-inline:24px;padding-top:40px}.article-reading .articles__content>p:first-child{font-size:16px;line-height:1.625}.article-reading .articles__content h2{margin-top:52px;font-size:25px;line-height:1.3}.article-reading .articles__content h3{margin-top:34px;font-size:20px;line-height:1.35}.article-reading .articles__content p,.article-reading .articles__content li,.article-reading .articles__content td,.article-reading .articles__content th,.article-reading .articles__content blockquote{font-size:16px;line-height:1.625}.article-reading .articles__content p{margin-bottom:24px}.article-reading .articles__content blockquote{padding:18px}.article-reading .articles__Control{gap:12px}.article-reading .article-author-card{display:block;margin-bottom:32px;padding:20px}.article-reading .article-author-card__media{width:100%;margin-bottom:22px}.article-reading .article-author-card__name{margin-bottom:14px;font-size:24px}.article-reading .articles__ControlPrev,.article-reading .articles__ControlNext{max-width:48%}.article-reading .articles__Control a{font-size:13px}.article-reading .article-comments{padding-top:40px;margin-bottom:24px}.article-reading .article-comments__fromGroup{grid-template-columns:minmax(0,1fr);gap:0}}
/*# sourceMappingURL=/cdn/shop/t/39/assets/section-articles.css.map */