/* guide pages (std/blog_build.js) — on top of seo.css */
.meta{color:var(--mute);font-size:14px;margin:-6px 0 18px}
.guide p{margin:0 0 14px}.guide h2{margin-top:32px}.guide h3{font-size:17px;margin:22px 0 6px}
.guide ul.ex li{display:grid;grid-template-columns:1fr;gap:2px}.guide ul.ex .kr{font-size:17px}.guide ul.ex .m{color:var(--mute)}.guide ul.ex small{color:var(--sky);font-weight:600;font-size:12px}
@media(min-width:640px){.guide ul.ex li{grid-template-columns:1fr 1fr auto;align-items:baseline;gap:12px}}
.guide blockquote{border-inline-start:3px solid var(--sky);margin:14px 0;padding:4px 14px;color:var(--ink)}
.guide .tbl{margin:14px 0}.guide code{background:var(--sky2);padding:1px 5px;border-radius:5px}
ul.guides{list-style:none;padding:0;display:grid;gap:12px}
ul.guides a{display:block;border:1px solid var(--line);border-radius:14px;padding:14px 16px;text-decoration:none;color:var(--ink)}ul.guides a:hover{border-color:var(--sky)}
ul.guides b{display:block;font-size:18px;line-height:1.3}ul.guides span{display:block;color:var(--mute);font-size:15px;margin-top:4px}ul.guides small{display:block;color:var(--mute);font-size:12px;margin-top:6px}
ul.links{padding-left:22px}
.gfig{margin:18px 0}.gfig img{display:block;width:100%;height:auto;border:1.5px solid #0b0b0c;border-radius:16px;box-shadow:3px 4px 0 #0b0b0c}.gfig figcaption{color:var(--mute);font-size:13px;margin:8px 4px 0}.gfig figcaption small{display:block;font-size:11px;opacity:.8}
.ga{border:1.5px solid #0b0b0c;border-radius:16px;box-shadow:3px 4px 0 #0b0b0c;margin:22px 0;overflow:hidden}.ga .ga-h{display:flex;align-items:center;gap:8px;padding:8px 14px;border-bottom:1.5px solid #0b0b0c;background:#eef7ff;font-size:13px;font-weight:700;color:#0b6fbd}.ga .ga-h i{width:8px;height:8px;border-radius:50%;background:#42b0ff;display:inline-block}.ga .ga-b{padding:12px 16px}.ga .ga-b ul.ex{margin:0}