.guide-index-head{border-bottom:1px solid var(--line);background:var(--surface)}
.guide-index-head .lead{max-width:760px}
.guide-index{max-width:900px;padding-top:24px;padding-bottom:72px}
.guide-index ol{list-style:none;margin:0;padding:0}
.guide-index li{padding:28px 0;border-bottom:1px solid var(--line)}
.guide-index-category,.guide-date{display:block;color:var(--muted);font-size:13px}
.guide-index-category{color:var(--blue);font-weight:700}
.guide-index h2{font-size:22px;line-height:1.45;margin:8px 0}
.guide-index h2 a{color:var(--ink);text-decoration:none}
.guide-index h2 a:hover{text-decoration:underline}
.guide-index p{color:var(--muted);line-height:1.8;margin-bottom:8px}
.article-guide{max-width:820px}
.article-guide .guide-breadcrumb{display:flex;gap:10px;align-items:center;color:var(--muted);font-size:13px;margin:0 0 30px}
.article-guide .guide-breadcrumb a{color:var(--blue)}
.article-guide h1{font-size:42px;line-height:1.35;margin:8px 0 18px}
.article-guide .lead{max-width:760px;font-size:17px;line-height:1.85}
.article-guide .guide-date{margin:20px 0 16px}
.article-guide section{padding:26px 0}
.article-guide section h2{font-size:23px;margin-bottom:14px}
.article-guide section p{margin-bottom:14px}
.article-guide .guide-related{display:flex;flex-wrap:wrap;gap:8px 24px;padding-top:30px}
.article-guide .guide-related h2{width:100%;font-size:21px;margin:0 0 4px}
.article-guide .guide-related a{display:inline-flex;min-height:40px;align-items:center;font-size:14px}
@media(max-width:768px){.article-guide h1{font-size:34px}.guide-index li{padding:24px 0}}
@media(max-width:390px){.article-guide h1{font-size:30px}}