/* A compact chapter reader with clear content hierarchy. */
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body#fernus-ui#fernus-ui .guide-page-content{width:min(1120px,calc(100% - 40px))!important;margin:28px auto 64px!important;}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body#fernus-ui#fernus-ui .guide-intro-card{display:block!important;background:var(--ff-surface-fill)!important;padding:28px!important;border-radius:28px!important;margin:0 0 24px!important;}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body#fernus-ui#fernus-ui .guide-intro-card h1{font-size:clamp(28px,4vw,40px)!important;line-height:1.15!important;margin:8px 0 12px!important;}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body#fernus-ui#fernus-ui .guide-intro-card p{font-size:16px!important;line-height:1.65!important;max-width:66ch;margin:0!important;color:#c4c4c4!important;}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body#fernus-ui#fernus-ui .guide-layout-v113{display:grid!important;grid-template-columns:220px minmax(0,1fr)!important;gap:24px!important;align-items:start!important;}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body#fernus-ui#fernus-ui .guide-directory{position:sticky!important;top:108px!important;background:var(--ff-surface-fill)!important;padding:18px!important;border-radius:24px!important;min-width:0;}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body#fernus-ui#fernus-ui .guide-directory-title{font-size:16px!important;font-weight:600;margin:0 0 8px!important;}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body#fernus-ui#fernus-ui .guide-chapter-count{font-size:12px!important;color:#aaa!important;margin:0 0 14px!important;}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body#fernus-ui#fernus-ui #guideSectionNav{display:flex!important;flex-direction:column!important;gap:4px!important;}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body#fernus-ui#fernus-ui #guideSectionNav a{display:flex!important;align-items:center!important;gap:10px!important;padding:12px!important;min-height:44px!important;font-size:14px!important;line-height:1.3!important;border-radius:14px!important;background:transparent!important;color:#ddd!important;box-sizing:border-box!important;}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body#fernus-ui#fernus-ui #guideSectionNav a.active{background:#ffbf43!important;color:#211900!important;}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body#fernus-ui#fernus-ui #guideSectionNav a svg{width:20px!important;height:20px!important;flex:0 0 20px!important;}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body#fernus-ui#fernus-ui .guide-section{padding:28px!important;border-radius:28px!important;background:var(--ff-surface-fill)!important;margin:0!important;}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body#fernus-ui#fernus-ui .guide-section[hidden]{display:none!important;}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body#fernus-ui#fernus-ui .guide-section-heading{display:flex!important;gap:14px!important;align-items:flex-start!important;margin:0 0 24px!important;}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body#fernus-ui#fernus-ui .guide-section-icon{width:40px!important;height:40px!important;flex:0 0 40px!important;display:grid!important;place-items:center!important;color:#ffbf43!important;font-size:24px!important;background:transparent!important;}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body#fernus-ui#fernus-ui .guide-section-heading h2{font-size:26px!important;line-height:1.2!important;margin:0 0 10px!important;}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body#fernus-ui#fernus-ui .guide-section-intro{font-size:15px!important;line-height:1.65!important;margin:0!important;color:#bcbcbc!important;}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body#fernus-ui#fernus-ui .guide-section-content{display:grid!important;gap:24px!important;}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body#fernus-ui#fernus-ui :is(.guide-block,.guide-mini-card,.guide-callout,.guide-step){margin:0!important;padding:0!important;background:transparent!important;box-shadow:none!important;border-radius:0!important;}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body#fernus-ui#fernus-ui .guide-block-title{font-size:19px!important;line-height:1.35!important;margin:0 0 16px!important;}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body#fernus-ui#fernus-ui .guide-card-grid{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:20px!important;}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body#fernus-ui#fernus-ui .guide-mini-card{display:grid!important;grid-template-columns:24px minmax(0,1fr)!important;column-gap:12px!important;row-gap:6px!important;align-items:start!important;}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body#fernus-ui#fernus-ui .guide-mini-icon{grid-column:1!important;grid-row:1!important;width:24px!important;min-height:24px!important;display:grid;place-items:center;color:#ffbf43;background:transparent!important;}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body#fernus-ui#fernus-ui .guide-mini-card h3{grid-column:2!important;grid-row:1!important;font-size:17px!important;line-height:1.4!important;margin:0!important;}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body#fernus-ui#fernus-ui .guide-mini-card p{grid-column:2!important;font-size:15px!important;line-height:1.65!important;color:#bcbcbc!important;margin:0!important;}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body#fernus-ui#fernus-ui .guide-callout{display:grid!important;grid-template-columns:24px minmax(0,1fr)!important;gap:12px!important;}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body#fernus-ui#fernus-ui .guide-callout :is(h3,p){margin:0 0 8px!important;line-height:1.65!important;}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body#fernus-ui#fernus-ui .guide-callout h3{font-size:17px!important;}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body#fernus-ui#fernus-ui .guide-callout p{font-size:15px!important;color:#bcbcbc!important;}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body#fernus-ui#fernus-ui .guide-callout-mark{color:#ffbf43!important;}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body#fernus-ui#fernus-ui .guide-rich-text p,html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body#fernus-ui#fernus-ui .guide-list{font-size:15px!important;line-height:1.75!important;margin:0 0 12px!important;}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body#fernus-ui#fernus-ui .guide-steps{display:grid!important;gap:18px!important;}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body#fernus-ui#fernus-ui .guide-step{display:grid!important;grid-template-columns:32px minmax(0,1fr)!important;gap:12px!important;}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body#fernus-ui#fernus-ui .guide-step h3{font-size:17px!important;margin:0 0 6px!important;}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body#fernus-ui#fernus-ui .guide-step p{font-size:15px!important;line-height:1.65!important;margin:0!important;color:#bcbcbc!important;}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body#fernus-ui#fernus-ui .guide-command-row{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:8px!important;padding:12px 0!important;margin:0!important;}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body#fernus-ui#fernus-ui .guide-command-copy{width:100%!important;justify-content:space-between!important;padding:12px 14px!important;border-radius:14px!important;box-sizing:border-box;}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body#fernus-ui#fernus-ui .guide-command-row p{font-size:14px!important;line-height:1.6!important;margin:0!important;color:#bbb!important;}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body#fernus-ui#fernus-ui .guide-chapter-pager{display:flex!important;justify-content:space-between;gap:12px!important;margin:18px 0 0!important;}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body#fernus-ui#fernus-ui .guide-chapter-pager a{font-size:13px!important;min-width:0;}
@media(max-width:760px){html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body#fernus-ui#fernus-ui .guide-page-content{width:calc(100% - 28px)!important;margin-top:20px!important;} html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body#fernus-ui#fernus-ui .guide-layout-v113{display:block!important;} html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body#fernus-ui#fernus-ui .guide-directory{position:static!important;padding:16px!important;margin-bottom:16px!important;} html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body#fernus-ui#fernus-ui #guideSectionNav{flex-direction:row!important;overflow-x:auto!important;max-width:100%;} html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body#fernus-ui#fernus-ui #guideSectionNav a{flex:0 0 auto!important;padding:10px 12px!important;white-space:nowrap;font-size:13px!important;} html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body#fernus-ui#fernus-ui .guide-section{padding:20px!important;border-radius:24px!important;} html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body#fernus-ui#fernus-ui .guide-intro-card{padding:22px!important;margin-bottom:16px!important;} html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body#fernus-ui#fernus-ui .guide-section-heading h2{font-size:23px!important;} html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body#fernus-ui#fernus-ui .guide-section-content{gap:22px!important;}}

html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body#fernus-ui#fernus-ui .guide-section-heading{flex-direction:row!important;}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body#fernus-ui#fernus-ui .guide-section-heading>div{min-width:0!important;flex:1!important;}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body#fernus-ui#fernus-ui :is(.guide-mini-icon,.guide-section-icon,.guide-callout-mark){width:24px!important;height:24px!important;min-width:24px!important;max-width:24px!important;flex:0 0 24px!important;margin:0!important;padding:0!important;border-radius:0!important;background:transparent!important;display:flex!important;align-items:center!important;justify-content:center!important;}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body#fernus-ui#fernus-ui .guide-mini-icon{grid-column:1!important;grid-row:1!important;}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body#fernus-ui#fernus-ui :is(.guide-mini-icon,.guide-section-icon,.guide-callout-mark)>svg{width:24px!important;height:24px!important;min-width:24px!important;flex-basis:24px!important;}