.gd-article-page{padding:24px 0 80px;max-width:840px}.gd-article-inner{margin-top:8px}.gd-article-head{text-align:center;margin-bottom:28px}.gd-article-date{font-size:11.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--matcha)}.gd-article-head h1{font-family:var(--display);font-weight:600;font-size:clamp(28px,4vw,42px);line-height:1.25;margin-top:10px}.gd-article-author{color:var(--stone);font-size:14px;margin-top:10px}.gd-article-hero-img{border-radius:18px;overflow:hidden;aspect-ratio:16/9;margin-bottom:32px;box-shadow:0 16px 40px #22261f1f}.gd-article-hero-img img{width:100%;height:100%;object-fit:cover}.gd-article-body{font-size:16px;line-height:1.85;color:var(--ink)}.gd-article-body h2{font-family:var(--display);font-weight:600;font-size:24px;margin:40px 0 16px;position:relative;padding-left:16px}.gd-article-body h2:before{content:"";position:absolute;left:0;top:6px;bottom:6px;width:3px;background:var(--matcha);border-radius:2px}.gd-article-body h3{font-family:var(--display);font-weight:600;font-size:19px;margin:30px 0 12px}.gd-article-body p{margin-bottom:18px}.gd-article-body img{border-radius:14px;margin:26px 0;box-shadow:0 12px 28px #22261f1a}.gd-article-body ul,.gd-article-body ol{margin:0 0 18px 22px}.gd-article-body li{margin-bottom:6px}.gd-article-body a{color:var(--matcha);font-weight:600;text-decoration:underline;text-underline-offset:2px}.gd-article-body blockquote{position:relative;border-left:3px solid var(--matcha);padding:6px 20px 6px 26px;color:var(--stone);font-style:italic;margin:28px 0;background:var(--washi-deep);border-radius:0 12px 12px 0}.gd-article-body blockquote:before{content:"\201c";position:absolute;left:6px;top:-6px;font-family:var(--display);font-size:34px;font-style:normal;color:var(--matcha);opacity:.5}.gd-article-body hr{border:none;border-top:1px solid var(--line);margin:36px 0}.gd-article-body table{width:100%;border-collapse:collapse;margin:24px 0;font-size:14.5px}.gd-article-body th,.gd-article-body td{border:1px solid var(--line);padding:10px 14px;text-align:left}.gd-article-body th{background:var(--washi-deep);font-weight:700}.gd-article-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}.gd-idea-chip{display:inline-flex;align-items:center;padding:7px 16px;border-radius:999px;background:var(--matcha-pale);color:var(--matcha);font-size:12.5px;font-weight:700;letter-spacing:.02em}.gd-article-nav{display:grid;grid-template-columns:1fr auto 1fr;gap:14px;align-items:stretch;margin-top:48px}.gd-article-nav-link{display:flex;align-items:center;gap:8px;padding:16px 20px;border:1px solid var(--line);border-radius:14px;background:#fff;font-size:13.5px;font-weight:700;color:var(--matcha);transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.gd-article-nav-link:hover{transform:translateY(-2px);box-shadow:0 12px 26px #22261f1a;border-color:var(--matcha)}.gd-article-nav-link .gd-nav-arrow{font-size:15px;flex:none}.gd-article-nav-link.gd-next{justify-content:flex-end;text-align:right}.gd-article-nav-link.gd-back{color:var(--ink);justify-content:center;background:var(--washi-deep);white-space:nowrap}.gd-related{margin-top:56px;padding-top:40px;border-top:1px solid var(--line)}.gd-related-title{font-family:var(--display);font-weight:600;font-size:22px;margin-bottom:20px}.gd-related-grid{grid-template-columns:repeat(4,1fr)}.gd-article-comments{margin-top:48px;padding-top:32px;border-top:1px solid var(--line)}.gd-article-comments h3{font-family:var(--display);font-weight:600;font-size:20px;margin-bottom:20px}.gd-comment{padding:16px 0;border-bottom:1px solid var(--line)}.gd-comment-author{font-weight:700;font-size:14px}.gd-comment-author span{font-weight:400;color:var(--stone);font-size:12.5px;margin-left:10px}.gd-comment-body{font-size:14px;color:var(--ink);margin-top:6px;line-height:1.7}@media(max-width:640px){.gd-article-page{padding:3%}.gd-article-nav{grid-template-columns:1fr;gap:10px}.gd-article-nav-link.gd-next{justify-content:center;text-align:center}.gd-related-grid{grid-template-columns:1fr}}@media(max-width:980px){.gd-related-grid{grid-template-columns:repeat(2,1fr)}}.gd-article-page .gd-crumb{font-size:12.5px;color:var(--stone);margin-bottom:22px;letter-spacing:.01em}.gd-article-page .gd-crumb a{color:var(--stone);transition:color .15s ease}.gd-article-page .gd-crumb a:hover{color:var(--matcha)}
/*# sourceMappingURL=/cdn/shop/t/71/assets/gd-article.css.map */