/* The Field Guide uses the JoeC shared design tokens and no external fonts. */
.guide-nav{display:flex;align-items:center;gap:24px;font-size:13px;font-weight:700;flex-wrap:wrap}
.guide-nav a:hover,.guide-toc a:hover,.guide-card a:hover{color:var(--accent)}
.guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:26px 0 15px}
.guide-card{padding:26px;border:1px solid var(--line);border-radius:15px;background:var(--bg2);min-height:215px;display:flex;flex-direction:column;gap:9px}
.guide-card h2{font-size:19px;letter-spacing:-.025em;margin:4px 0;line-height:1.35}
.guide-card p{font-size:13px;line-height:1.65;margin:0 0 13px}
.guide-card-meta{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:auto;font-size:12px;color:var(--muted)}
.guide-card[hidden]{display:none}
.guide-topics{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 25px}
.guide-topics a{border:1px solid #446073;border-radius:999px;padding:8px 13px;font-size:12px;font-weight:750;background:#13283a}
.guide-topics a:hover{border-color:var(--accent);color:var(--accent)}
.guide-date{font-size:12px!important;color:var(--muted)}
.guide-toc{border:1px solid #315367;background:#102435;border-radius:13px;padding:20px 23px;margin:0 0 35px}
.guide-toc strong{color:var(--ink)}
.guide-toc ul{margin:11px 0 0;padding-left:19px}
.guide-toc li{margin:5px 0;font-size:13px}
.guide-toc a{color:var(--accent)}
.guide-article{font-size:15px;line-height:1.88;overflow-wrap:anywhere}
.guide-article h2{font-size:27px;margin:40px 0 15px;scroll-margin-top:110px}
.guide-article h3{font-size:20px;margin:24px 0 12px;scroll-margin-top:110px}
.guide-article p{color:#c0d2e1;margin-bottom:18px}
.guide-article ul,.guide-article ol{padding-left:22px;color:#c0d2e1}
.guide-article li{padding:4px 0}
.guide-article a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}
.guide-article code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;background:#1b3543;color:#dbfff4;padding:1px 4px;border-radius:4px;word-break:break-word}
.guide-article pre{padding:17px 20px;border:1px solid #375064;background:#091625;border-radius:12px;overflow:auto;margin:22px 0;line-height:1.6;max-width:100%}
.guide-article pre code{background:transparent;padding:0;white-space:pre;word-break:normal;display:block;font-size:12px;min-width:max-content}
.guide-article blockquote{border-left:3px solid var(--accent);margin:20px 0;padding:5px 20px;background:#14333b}
.related-tools,.related-guides{border-top:1px solid var(--line);margin:37px 0;padding-top:26px}
.related-tools h2,.related-guides h2{font-size:23px}
.related-tools li,.related-guides li{padding:6px 0;color:#c8dbde}
.related-tools a,.related-guides a{color:var(--accent);text-decoration:underline}
.related-tools p{font-size:12px}
@media(max-width:950px){.guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-nav{gap:14px}}
@media(max-width:620px){.guide-grid{grid-template-columns:1fr}.guide-nav{gap:9px;font-size:11px}.guide-card{min-height:auto}.guide-article pre{padding:12px}.guide-toc{padding:16px}}

@media(max-width:620px){.header-row{height:auto;min-height:83px;flex-wrap:wrap;padding-top:14px;padding-bottom:14px;gap:12px}.guide-nav{width:100%;justify-content:space-between;gap:8px}.guide-nav a{padding:5px 0}}