#article{padding:80px 30px}#articleReference{margin:auto;max-width:1380px;position:relative}.articleToc{position:absolute;top:0;left:0;max-width:208px;width:100%;background-color:#fff}.articleTocTitle{font-weight:600;font-size:24px;line-height:36px;display:flex;align-items:center;justify-content:space-between;padding:0}.articleTocTitle svg{width:24px;height:24px;transition:ease-in .3s}.articleToc.active .articleTocTitle svg{transform:rotateX(180deg)}.articleTocInner{display:grid;grid-template-rows:0fr;transition:ease-in .3s}.articleToc.active .articleTocInner{grid-template-rows:1fr}.articleTocInner div{overflow:hidden}.articleTocContent{margin-top:24px;display:flex;flex-direction:column;gap:24px}.articleTocContentButton{font-size:18px;line-height:28px;text-decoration:underline}#articleInner{margin:auto;max-width:660px}#articleTitle{font-weight:600;font-size:clamp(40px,9.8dvw,64px);line-height:1.5;margin-bottom:16px}.articleImage{margin-bottom:16px;aspect-ratio:2/1;object-fit:cover}.articleTags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.articleTagsItem{font-weight:700;font-size:12px;line-height:20px;border-radius:100px;padding:4px 8px;background-color:#e0e0e0}.articleAuthor,.articleDate{display:flex;align-items:center;gap:8px;font-size:14px;line-height:20px}.articleAuthor svg,.articleDate svg{width:24px;height:24px}#articleContent{margin-bottom:48px}#articleContent h2{font-weight:600;font-size:clamp(32px,7.4dvw,48px);line-height:1.5;margin-bottom:24px}.articleNav{margin-top:48px;padding-top:48px;border-top:1px solid #E0E0E0;display:flex;align-items:center;justify-content:space-between}.articleNavItem{display:flex;align-items:center;gap:8px;font-weight:700;font-size:14px;line-height:20px}.articleNavItem svg{width:24px;height:24px}#articleRelated{margin:auto;max-width:1320px;padding-top:160px}.articleRelatedTitle{font-weight:600;font-size:clamp(32px,3.6dvw,48px);line-height:1.5;text-align:center;margin-bottom:24px}.articleRelatedText{font-size:clamp(16px,1.5dvw,20px);line-height:1.6;text-align:center;margin-bottom:60px}@media (max-width: 1200px){#articleReference{display:grid;grid-template-columns:208px 1fr;gap:20px}.articleToc{position:static}}@media (max-width: 800px){#article{padding:30px 20px;position:relative}#articleReference{grid-template-columns:1fr;gap:30px;position:static}.articleToc{position:sticky;top:100px;order:-1;max-width:unset;box-shadow:0 4px 4px #0000001a;width:100dvw;transform:translate(-16px);padding:16px}#articleInner{width:calc(100dvw - 40px);margin:0}#articleRelated{padding-top:96px}.articleRelatedText{margin-bottom:48px}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/main-article.css.map */