.guide-topic-nav{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0 40px}
.guide-topic-nav a{display:flex;gap:16px;align-items:center;justify-content:space-between;padding:16px 20px;background:#fff;border:1px solid var(--line);border-radius:12px;text-decoration:none;font-weight:700}
.guide-topic-nav a:hover{background:var(--ink);color:#fff}
.guide-topic-nav span{font-size:14px;white-space:nowrap}
.guide-topic{margin-top:40px;scroll-margin-top:100px}
.guide-topic>h2{margin:0 0 20px;font-size:26px}
.guide-directory .insight-card-grid h3{font-size:20px;line-height:1.6;margin:12px 0}
.guide-directory .insight-card-grid p{margin:0 0 20px;font-size:16px}
.guide-directory .insight-card-grid span{font-size:14px}
.guide-directory .insight-card-grid a>span:last-child{margin-top:auto}
.guide-page .article-summary{max-height:calc(100vh - 130px);overflow:auto}
.guide-page .article-summary nav{gap:8px}
.guide-page .article-summary nav a{font-size:15px;line-height:1.6}
.guide-page .article-body section{scroll-margin-top:100px}
.mobile-article-contents{display:none}
@media(max-width:760px){
.guide-topic-nav{display:grid;grid-template-columns:1fr;margin-bottom:32px}
.guide-topic-nav a{padding:14px 16px}
.guide-topic>h2{font-size:23px}
.guide-page .article-summary{display:block;max-height:none;padding:16px}
.article-summary>strong,.article-summary>nav{display:none!important}
.mobile-article-contents{display:block}
.mobile-article-contents summary{font-weight:700;cursor:pointer;min-height:28px}
.guide-page .article-summary nav a{min-height:44px}
}