/* Use the site's existing type and color system; keep guide layout self-contained. */
.fone-guides-shell{max-width:1160px;margin:auto;padding:72px 28px 48px;color:var(--bs-body-color,#233c3f)}
.fone-guides-heading{max-width:900px;margin-bottom:48px}
.fone-guides-eyebrow{font:600 12px/1.6 ui-monospace,SFMono-Regular,monospace;letter-spacing:.14em;color:#497879;margin-bottom:22px}
.fone-guides-heading h1{font-size:clamp(36px,5vw,66px);line-height:1.08;letter-spacing:-.035em;margin:18px 0 24px;font-weight:650;color:inherit}
.fone-guides-lead{max-width:740px;font-size:20px;line-height:1.7;color:inherit;opacity:.85}
.fone-guide-facts{display:flex;flex-wrap:wrap;gap:10px 24px;font:500 13px/1.8 ui-monospace,SFMono-Regular,monospace;margin:24px 0;color:inherit}
.fone-guide-prerequisite{max-width:740px;font-size:15px;line-height:1.7;opacity:.8}
.fone-guides-shell a{color:inherit;text-decoration:none}.fone-guides-shell a:hover{text-decoration:underline;text-underline-offset:5px}
.fone-guides-back,.fone-guide-repo,.fone-guide-directory-link{font-size:14px;font-weight:600}
.fone-guide-paths{display:grid;grid-template-columns:1.15fr 1fr;border-top:1px solid #a6b4b84d;border-bottom:1px solid #a6b4b84d;margin:24px 0}
.fone-guide-path{padding:38px 32px 38px 0;min-width:0}.fone-guide-path+.fone-guide-path{border-left:1px solid #a6b4b84d;padding-left:40px}
.fone-guide-path h2{font-size:30px;line-height:1.2;color:inherit;margin-bottom:20px}.fone-guide-path h2 span{font-size:22px;margin-left:15px}
.fone-guide-path p:not(.fone-guides-eyebrow){font-size:16px;line-height:1.8;opacity:.85;max-width:470px}
.fone-guide-soon,.fone-guide-state{font:500 12px/1.6 ui-monospace,SFMono-Regular,monospace;opacity:.75}
.fone-guide-future{font-size:14px;line-height:1.8;opacity:.75;padding-top:15px}
.fone-guide-jumps{display:flex;flex-wrap:wrap;gap:12px 25px;padding:20px 0;border-top:1px solid #a6b4b84d;border-bottom:1px solid #a6b4b84d;font-size:13px}
.fone-guide-section{display:grid;grid-template-columns:250px minmax(0,1fr);gap:40px;padding:44px 0;border-bottom:1px solid #a6b4b84d;scroll-margin-top:100px}
.fone-guide-section-intro h2{font-size:22px;line-height:1.3;color:inherit;margin:0 0 15px}.fone-guide-section-intro p{font-size:14px;line-height:1.8;opacity:.8}
.fone-guide-lessons{margin:0!important;padding:0!important;list-style:none}
.fone-guide-lesson{display:grid;grid-template-columns:36px minmax(0,1fr) 92px;gap:16px;align-items:start;border-bottom:1px solid #a6b4b833;padding:20px 0;margin:0!important}
.fone-guide-lesson:first-child{padding-top:0}.fone-guide-lesson:last-child{border:0;padding-bottom:0}.fone-guide-number{font:500 13px/1.7 ui-monospace,SFMono-Regular,monospace;color:#497879}
.fone-guide-lesson h3{font-size:17px;line-height:1.65;font-weight:550;color:inherit;margin:0;overflow-wrap:anywhere}.fone-guide-state{text-align:right;padding-top:4px}
.fone-guides-footer{display:flex;justify-content:space-between;flex-wrap:wrap;gap:16px;padding:36px 0;font-size:15px}.fone-guides-footer p{margin:0}
.fone-series-nav{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;margin:0 0 32px;padding:16px 0;border-top:1px solid #a6b4b84d;border-bottom:1px solid #a6b4b84d;font:500 13px/1.6 ui-monospace,SFMono-Regular,monospace}
.fone-guide-article .post-content .fone-guide-table{display:block;max-width:100%;overflow-x:auto;margin:1.5em 0;overscroll-behavior-x:contain}
.fone-guide-article .post-content .fone-guide-table table{margin:0;width:100%}
.fone-guide-article .post-content pre{max-width:100%;overflow-x:auto;white-space:pre;overflow-wrap:normal}
.fone-guide-article .post-content pre .hljs-comment,.fone-guide-article .post-content pre .hljs-quote{color:#b8c4d8}
.fone-guide-article .post-content .math.display{display:block;max-width:100%;overflow-x:auto;overflow-y:hidden;padding:.4em 0;margin:1em 0}
.fone-guide-article .post-content .math.inline[data-fone-tex]{display:inline-block;max-width:100%;overflow-x:auto;vertical-align:middle;padding:.2em 0}
.fone-guide-article .post-content .katex{font-size:1.08em}.fone-guide-article .post-content .katex-display{margin:.3em 0;text-align:left}.fone-guide-article .post-content .katex-display>.katex{text-align:left}
.fone-guide-article .fone-title-anchor{scroll-margin-top:100px}
.fone-guides-shell a:focus-visible,.fone-guide-article .fone-guide-table:focus-visible{outline:2px solid #497879;outline-offset:5px}
@media(max-width:760px){.fone-guides-shell{padding:36px 20px}.fone-guides-lead{font-size:17px}.fone-guide-paths,.fone-guide-section{grid-template-columns:1fr}.fone-guide-path+.fone-guide-path{border-left:0;border-top:1px solid #a6b4b84d;padding:28px 0}.fone-guide-path{padding:28px 0}.fone-guide-section{gap:22px;padding:30px 0}.fone-guide-lesson{grid-template-columns:32px minmax(0,1fr);gap:8px 12px}.fone-guide-state{grid-column:2;text-align:left;padding:0}.fone-guide-lesson h3{font-size:16px}.fone-guide-jumps{display:grid;grid-template-columns:1fr 1fr}.fone-guide-facts{gap:8px 16px}}

.fone-guide-lesson .math.inline,.fone-guide-article .post-title .math.inline{display:inline-block;max-width:100%;overflow-x:auto;vertical-align:middle}