.guide-hero{position:relative;overflow:hidden;background:#253129;color:#f5f0e5;border-bottom:1px solid rgba(255,255,255,.12)}
.guide-hero::before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,rgba(15,22,18,.72),rgba(37,49,41,.88)),url('/assets/images/topo-easter-eggs.webp') center/cover;opacity:.9}
.guide-hero__inner{position:relative;z-index:1;width:min(1180px,calc(100% - 48px));margin:0 auto;padding:76px 0 70px}
.guide-hero .eyebrow{margin:0 0 10px;color:#d5b06a;letter-spacing:.18em;text-transform:uppercase;font-weight:800;font-size:.78rem}
.guide-hero h1{margin:0;max-width:850px;color:#fff;font-family:Georgia,'Times New Roman',serif;font-size:clamp(2.7rem,6vw,5.7rem);line-height:.92;letter-spacing:-.045em}
.guide-hero__lede{max-width:780px;margin:24px 0 0;color:#e9e1d3;font-size:1.15rem;line-height:1.7}
.guide-hero__meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}.guide-hero__meta span{padding:7px 11px;border:1px solid rgba(255,255,255,.22);border-radius:2px;background:rgba(0,0,0,.13);font-size:.72rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase}
.guide-paper{position:relative;overflow:hidden;background:#d9d1bf;padding:58px 0 80px}.guide-paper::before{content:"";position:absolute;inset:0;opacity:.2;background-image:radial-gradient(#665f50 .65px,transparent .65px);background-size:7px 7px;pointer-events:none}
.guide-paper__trees{position:absolute;top:0;bottom:0;width:180px;opacity:.08;pointer-events:none}.guide-paper__trees--left{left:-75px;border-right:1px solid #243128}.guide-paper__trees--right{right:-75px;border-left:1px solid #243128}
.guide-layout{position:relative;z-index:1;display:grid;grid-template-columns:245px minmax(0,850px);gap:38px;width:min(1160px,calc(100% - 48px));margin:0 auto;align-items:start}
.guide-nav{position:sticky;top:94px}.guide-nav__sheet{position:relative;padding:24px 20px 22px;background:#eee7d8;border:1px solid rgba(65,55,41,.2);box-shadow:0 10px 25px rgba(42,36,29,.12);transform:rotate(-.35deg)}.guide-nav__sheet::before{content:"";position:absolute;top:-9px;left:50%;width:78px;height:22px;transform:translateX(-50%) rotate(1deg);background:rgba(212,194,157,.72);box-shadow:0 1px 2px rgba(0,0,0,.08)}
.guide-nav__label,.guide-kicker{margin:0;color:#9b3d2f;font-size:.72rem;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.guide-nav nav{display:grid;margin-top:14px}.guide-nav nav a{display:grid;grid-template-columns:28px 1fr;gap:8px;padding:10px 4px;border-bottom:1px solid rgba(55,48,39,.13);color:#2b302b;text-decoration:none;font-family:Georgia,'Times New Roman',serif;font-weight:700}.guide-nav nav a:hover{color:#8d382c}.guide-nav nav span{color:#9b3d2f;font-family:Arial,sans-serif;font-size:.72rem;padding-top:3px}.guide-nav__rule{height:1px;background:#9b3d2f;margin:20px 0 14px}.guide-nav__small{margin:0 0 8px;color:#6d675b;font-size:.68rem;letter-spacing:.14em;text-transform:uppercase}.guide-nav strong{display:block;margin:5px 0;color:#2b302b;font-size:.86rem}
.guide-content{min-width:0;background:#f6f0e3;border:1px solid rgba(65,55,41,.18);box-shadow:0 18px 42px rgba(48,40,31,.14);padding:clamp(28px,5vw,62px);color:#37382f}.guide-section{display:grid;grid-template-columns:56px minmax(0,1fr);gap:22px;padding:42px 0;border-bottom:1px solid rgba(72,62,47,.16);scroll-margin-top:100px}.guide-section:first-child{padding-top:0}.guide-section:last-of-type{border-bottom:0}.guide-section__number{font-family:Georgia,'Times New Roman',serif;color:#a64737;font-size:1.25rem;font-weight:800;border-top:3px solid #a64737;padding-top:8px;text-align:center}.guide-section h2{margin:4px 0 16px;color:#252b26;font-family:Georgia,'Times New Roman',serif;font-size:clamp(1.9rem,4vw,3rem);line-height:1}.guide-section h3{margin:30px 0 9px;color:#344338;font-family:Georgia,'Times New Roman',serif;font-size:1.25rem}.guide-section p,.guide-section li{line-height:1.72}.guide-section a,.guide-source a{color:#8d382c;text-decoration-thickness:1px;text-underline-offset:3px}.guide-steps{counter-reset:steps;list-style:none;padding:0;margin:24px 0 0}.guide-steps li{position:relative;padding:0 0 20px 48px;counter-increment:steps}.guide-steps li::before{content:counter(steps);position:absolute;left:0;top:1px;width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:#344338;color:#fff;font-weight:800;font-size:.8rem}
.guide-callout{position:relative;margin:24px 0;padding:23px 25px 20px;background:#e8dfc9;border-left:5px solid #536655;box-shadow:0 5px 12px rgba(60,50,35,.08);transform:rotate(.18deg)}.guide-callout p{margin:6px 0 0;line-height:1.65}.guide-callout__tag{font-size:.68rem;font-weight:900;letter-spacing:.15em;text-transform:uppercase;color:#435447}.guide-callout--warning{background:#eee0d2;border-left-color:#a64737}.guide-callout--warning .guide-callout__tag{color:#9b3d2f}.guide-callout--tip{margin:25px 0 0;background:#e4e5d6;border-left-color:#657258}
.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:24px}.setting-card{background:#eee8da;border:1px solid rgba(62,53,42,.16);padding:20px}.setting-card h3{margin:0 0 12px;color:#8d382c;font-size:1.18rem}.setting-card dl{margin:0}.setting-card dl div{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:12px;padding:8px 0;border-top:1px solid rgba(62,53,42,.11)}.setting-card dt{font-weight:800}.setting-card dd{margin:0;text-align:right;color:#5d5d52}
.role-table{margin-top:22px;border:1px solid rgba(62,53,42,.18)}.role-table__row{display:grid;grid-template-columns:1.5fr 1fr;gap:18px;padding:11px 14px;border-top:1px solid rgba(62,53,42,.12)}.role-table__row:first-child{border-top:0}.role-table__head{background:#344338;color:#fff;font-size:.72rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.role-table__row strong{color:#344338}.role-table__head span{color:#fff}.field-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:22px 0 30px}.field-summary div{padding:18px 14px;background:#344338;color:#fff;text-align:center}.field-summary span,.field-summary small{display:block}.field-summary span{font-size:.67rem;letter-spacing:.13em;text-transform:uppercase;color:#d8c99e}.field-summary strong{display:block;margin:5px 0;font-family:Georgia,'Times New Roman',serif;font-size:1.45rem}.field-summary small{color:#e4e2d8;font-size:.72rem}
.guide-source{display:grid;grid-template-columns:110px 1fr;gap:24px;align-items:center;margin-top:28px;padding-top:28px;border-top:2px solid #3f4c41}.guide-source img{width:100%;height:auto}.guide-source strong{font-family:Georgia,'Times New Roman',serif;font-size:1.1rem}.guide-source p{margin:7px 0;color:#676458;font-size:.78rem;line-height:1.55}
@media (max-width:900px){.guide-layout{grid-template-columns:1fr}.guide-nav{position:static}.guide-nav__sheet{transform:none}.guide-nav nav{grid-template-columns:repeat(2,1fr)}.guide-nav__rule,.guide-nav__small,.guide-nav__sheet>strong{display:none}}
@media (max-width:650px){.guide-hero__inner,.guide-layout{width:min(100% - 28px,1160px)}.guide-hero__inner{padding:56px 0 50px}.guide-paper{padding:28px 0 48px}.guide-content{padding:28px 20px}.guide-section{grid-template-columns:1fr;gap:10px}.guide-section__number{width:46px}.guide-callout{margin-left:0}.settings-grid,.field-summary{grid-template-columns:1fr}.guide-nav nav{grid-template-columns:1fr 1fr}.setting-card dl div{grid-template-columns:1fr}.setting-card dd{text-align:left}.role-table__row{grid-template-columns:1fr}.guide-source{grid-template-columns:72px 1fr}}

/* Meshtastic for the Trail 2.0 */
.guide-divider{position:relative;margin:54px 0 10px;text-align:center}.guide-divider::before{position:absolute;top:50%;right:0;left:0;height:2px;background:#344338;content:""}.guide-divider span{position:relative;display:inline-block;padding:8px 16px;background:#f6f0e3;color:#344338;font-size:.7rem;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.guide-section--overland .guide-section__number{color:#536655;border-top-color:#536655}.settings-grid--trail{margin-bottom:8px}.setting-card--trail{background:#e7e7d8;border-color:rgba(65,82,67,.22)}.scenario-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:24px 0 30px}.scenario-card{padding:20px;background:#eee8da;border:1px solid rgba(62,53,42,.16)}.scenario-card span{display:block;margin-bottom:8px;color:#9b3d2f;font-size:.68rem;font-weight:900;letter-spacing:.13em;text-transform:uppercase}.scenario-card strong{display:block;color:#344338;font-family:Georgia,'Times New Roman',serif;line-height:1.45}.scenario-card p{margin:10px 0 0;color:#5d5d52;font-size:.9rem}@media(max-width:650px){.scenario-grid{grid-template-columns:1fr}}

/* Guide CMS 1.8: general-purpose color callouts. Color is presentational only; semantic warnings remain @note/@caution/@warning. */
.guide-callout--custom{border:1px solid transparent;border-left-width:5px;border-radius:12px;box-shadow:0 5px 12px rgba(60,50,35,.08);transform:none}.guide-callout--custom .guide-callout__heading{margin:0 0 10px;color:inherit;font-family:Georgia,'Times New Roman',serif;font-size:1.25rem}.guide-callout--custom ul,.guide-callout--custom ol{margin:10px 0 0;padding-left:1.45rem}.guide-callout--custom li{margin:5px 0}.guide-callout--red{background:#f6dddd;border-color:#9b3434;color:#351111}.guide-callout--orange{background:#f7e3cf;border-color:#9a4f12;color:#321807}.guide-callout--yellow{background:#f5edc9;border-color:#806515;color:#292006}.guide-callout--green{background:#dfead9;border-color:#426238;color:#14200f}.guide-callout--blue{background:#dce9f2;border-color:#35627e;color:#10202a}.guide-callout--purple{background:#e8dff0;border-color:#68477d;color:#211628}.guide-callout--brown{background:#eadfd6;border-color:#76513a;color:#241812}.guide-callout--black{background:#303331;border-color:#111312;color:#fff}.guide-callout--black a{color:#fff}.guide-callout--black .guide-callout__heading{color:#fff}
