.article-main{--accent: #8c6a4a;--accent-dark: #745636;--card: #f7f5f2;--title: #1a1a1a;--text: #5c5c5c;--line: #e6e1da;--sidebar: 300px;--gap: 48px;color:var(--text)}.article-main__inner{max-width:1180px;margin:0 auto;padding:0 20px}.article-main__head{max-width:calc(100% - var(--sidebar) - var(--gap));margin-bottom:48px}.article-main__title{margin:0 0 18px;font-family:Georgia,Times New Roman,serif;font-size:44px;font-weight:500;line-height:1.25;color:var(--title)}.article-main__meta{display:flex;align-items:center;gap:10px;color:var(--accent);font-size:14px}.article-main__meta-item{display:inline-flex;align-items:center;gap:6px}.article-main__meta svg{width:16px;height:16px}.article-main__meta-dot{width:4px;height:4px;border-radius:50%;background:var(--accent)}.article-main__layout{display:grid;grid-template-columns:minmax(0,1fr) var(--sidebar);gap:var(--gap);align-items:start}.article-main__sidebar{position:sticky;top:80px;display:flex;flex-direction:column;gap:18px}.article-main__share{display:flex;align-items:center;gap:8px;margin-bottom:22px}.article-main__share-label{margin-right:4px;color:var(--title);font-size:14px}.article-main__share-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:6px;background:#f3eee8;color:var(--accent)}.article-main__share-btn svg{width:16px;height:16px}.article-main__share-btn:hover,.article-main__share-btn.is-copied{background:var(--accent);color:#fff}.article-main__toc{margin-bottom:28px;border:1px solid var(--line);border-radius:6px;background:var(--card)}.article-main__toc-bar{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid var(--line)}.article-main__toc.is-collapsed .article-main__toc-bar{border-bottom:0}.article-main__toc-title{font-size:18px;color:var(--title)}.article-main__toc-toggle{display:inline-flex;padding:0;border:0;background:transparent;color:var(--accent);cursor:pointer}.article-main__toc-toggle svg{width:18px;height:18px;transition:transform .2s}.article-main__toc.is-collapsed .article-main__toc-toggle svg{transform:rotate(180deg)}.article-main__toc-list{margin:0;padding:14px 18px 18px 38px}.article-main__toc-list li{margin:0 0 8px}.article-main__toc-list a{color:#3f3f3f;font-size:15px;line-height:1.45;text-decoration:none}.article-main__toc-list a:hover{color:var(--accent)}.article-main__content{font-size:16px;line-height:1.75;color:var(--text)}.article-main__content h2{margin:36px 0 16px;font-family:Georgia,Times New Roman,serif;font-size:34px;font-weight:500;line-height:1.3;color:var(--title);scroll-margin-top:100px}.article-main__content h3{margin:26px 0 10px;font-size:20px;font-weight:700;color:var(--title)}.article-main__content p{margin:0 0 16px}.article-main__content strong{color:var(--title)}.article-main__content img{display:block;width:100%;height:auto;margin:8px 0 20px;border-radius:6px}.article-main__content ul,.article-main__content ol{margin:0 0 16px;padding-left:22px}.article-main__content a{color:var(--accent-dark)}.article-main__author{display:flex;gap:18px;margin-top:36px;padding:28px 24px;border-radius:16px;background:var(--card)}.article-main__author-avatar{width:88px;height:88px;flex:0 0 88px;border-radius:50%;object-fit:cover}.article-main__author-name{margin:0 0 8px;font-size:20px;font-weight:700;color:var(--title)}.article-main__author-bio{font-size:14px;line-height:1.7;color:#6d6d6d}.article-main__also{margin-top:48px}.article-main__also-title{margin:0 0 22px;font-family:Georgia,Times New Roman,serif;font-size:28px;font-weight:500;text-align:center;color:var(--title)}.article-main__also-viewport{position:relative}.article-main__also-track{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.article-main__also-track::-webkit-scrollbar{display:none}.article-main__also-card{display:flex;flex:0 0 calc((100% - 36px) / 3);flex-direction:column;scroll-snap-align:start;color:inherit;text-decoration:none}.article-main__also-media{display:block;aspect-ratio:3 / 4;overflow:hidden;border-radius:14px;background:var(--card)}.article-main__also-media img,.article-main__also-placeholder{width:100%;height:100%;object-fit:cover}.article-main__also-name{display:block;margin-top:12px;color:#444;font-size:15px;line-height:1.45;text-align:center}.article-main__also-card:hover .article-main__also-name{color:var(--accent)}.article-main__also-arrow{position:absolute;top:38%;z-index:1;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:0;border-radius:50%;background:#fff;box-shadow:0 2px 10px #0000001f;color:#333;cursor:pointer}.article-main__also-arrow svg{width:18px;height:18px}.article-main__also-arrow--prev{left:8px}.article-main__also-arrow--next{right:8px}.article-main__also-arrow:hover{background:var(--accent);color:#fff}.article-main__also-arrow:disabled{opacity:.35;cursor:default}.article-main__also.is-single .article-main__also-arrow,.article-main__also.is-single .article-main__also-dots{display:none}.article-main__also-dots{display:flex;justify-content:center;gap:8px;margin-top:16px}.article-main__also-dot{width:8px;height:8px;padding:0;border:0;border-radius:50%;background:#ddd4cb;cursor:pointer}.article-main__also-dot.is-active{background:var(--accent)}.article-main__card{padding:22px 18px 8px;border:1px solid var(--line);border-top:3px solid var(--accent);background:#fff}.article-main__card--cases{border-bottom:3px solid var(--accent)}.article-main__card-title{margin:0 0 8px;font-size:22px;font-weight:600;color:var(--title)}.article-main__touch-image{display:block;width:100%;height:160px;margin:8px 0 16px;border-radius:6px;object-fit:cover}.article-main__touch-btn{display:block;margin:8px 0 16px;padding:12px 16px;border-radius:4px;background:var(--accent);color:#fff;font-size:15px;font-weight:700;text-align:center;text-decoration:none}.article-main__touch-btn:hover{background:var(--accent-dark)}.article-main__link-list{margin:0;padding:0;list-style:none}.article-main__link-list li{border-top:1px solid var(--line)}.article-main__link-list a{display:block;padding:14px 0;color:#666;font-size:14px;line-height:1.5;text-decoration:none}.article-main__link-list a:hover{color:var(--accent)}@media screen and (max-width:989px){.article-main__head{max-width:none;margin-bottom:28px}.article-main__title{font-size:32px}.article-main__layout{grid-template-columns:1fr}.article-main__sidebar{position:static}.article-main__content h2{font-size:28px}}@media screen and (max-width:749px){.article-main__also-card{flex-basis:100%}.article-main__author{flex-direction:column}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/section-article-main.css.map */
