/* Additional navigation and editorial pages; the landing illustrations and layout retain their existing styles. */
.guide-entry { margin-top: 19px; color: #59764e; line-height: 1.6; }
.footer-guide { color: #657b58; font-size: 12px; text-decoration: underline; text-underline-offset: 4px; }
.guide-main { padding-bottom: 30px; }
.breadcrumbs { margin: 20px 0 42px; color: #7b8971; font-size: 12px; }
.breadcrumbs ol { list-style: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap; gap: 10px; }
.breadcrumbs li + li::before { content: "/"; margin-right: 10px; color: #b1bda5; }
.breadcrumbs a:hover, .guide-article a:hover { color: #355c3e; }
.guide-intro { max-width: 1120px; padding-bottom: 62px; }
.guide-intro .eyebrow { color: #7d8c71; }
.guide-intro h1 { margin: 0 0 26px; font-size: clamp(36px, 4vw, 72px); font-weight: 600; line-height: 1.12; letter-spacing: -.045em; text-wrap: balance; }
.guide-lead { max-width: 850px; color: #718069; font-size: clamp(16px, 1.1vw, 21px); line-height: 1.85; margin: 0 0 28px; }
.guide-version { color: #829175; font-size: 12px; margin-top: 14px; }
.guide-layout { display: grid; grid-template-columns: minmax(0, 990px) minmax(190px, 270px); justify-content: space-between; gap: clamp(45px, 6vw, 150px); align-items: start; }
.guide-article { min-width: 0; }
.guide-section { position: relative; margin-bottom: 28px; padding: clamp(27px, 3vw, 52px); border: 1px solid #dce3d1; border-radius: 18px; background: #fafbf5; scroll-margin-top: 25px; }
.guide-step { display: inline-block; margin-bottom: 16px; color: #8fa17b; font-size: 12px; letter-spacing: .1em; }
.guide-section h2 { font-size: clamp(25px, 2vw, 38px); line-height: 1.23; letter-spacing: -.035em; margin: 0 0 23px; text-wrap: balance; }
.guide-section p, .guide-section li { color: #6c7d63; font-size: clamp(15px, 1vw, 18px); line-height: 1.9; }
.guide-section p { margin: 16px 0 0; }
.guide-section p:first-of-type { margin-top: 0; }
.guide-section strong { color: #354c39; font-weight: 600; }
.guide-section ul, .guide-section ol { padding-left: 22px; margin: 0; }
.guide-section li + li { margin-top: 12px; }
.guide-section li::marker { color: #8aa278; font-weight: 600; }
.guide-toc { position: sticky; top: 32px; padding-top: 20px; }
.guide-toc .eyebrow { color: #859578; font-size: 10px; margin-bottom: 20px; }
.guide-toc nav { display: grid; gap: 15px; font-size: 14px; color: #6e8163; }
.guide-toc nav a { padding-left: 13px; border-left: 2px solid #dce5d0; }
.guide-toc nav a:hover { color: #355c3e; border-color: #86a26d; }
.guide-back { display: inline-block; margin-top: 30px; color: #516e48; font-size: 13px; }
.guide-troubleshooting details { border-top: 1px solid #dfe6d6; }
.guide-troubleshooting summary { cursor: pointer; padding: 20px 22px 20px 0; color: #38503c; font-size: clamp(15px, 1.05vw, 19px); font-weight: 550; line-height: 1.5; }
.guide-troubleshooting details div { padding-bottom: 23px; }
.guide-article .guide-source { margin-top: 25px; color: #87967b; font-size: 12px; }
.guide-source a { text-decoration: underline; text-underline-offset: 3px; }
.guide-download { border-top: 1px solid #dfe5d7; margin-top: 60px; }
.guide-download h2 { font-size: clamp(32px, 3vw, 55px); }
.guide-download .download-box { max-width: 570px; }
.not-found { padding-block: 70px 120px; }
.not-found .eyebrow { color: #7e916d; }
.not-found h1 { font-size: clamp(52px, 6vw, 88px); line-height: 1.08; letter-spacing: -.05em; font-weight: 600; margin: 0 0 30px; }
.not-found > p:not(.eyebrow) { color: #7b8970; font-size: 18px; }
.not-found-links { display: flex; flex-wrap: wrap; align-items: center; gap: 26px; margin-top: 34px; }
@media (min-width: 1800px) { .guide-layout { grid-template-columns: minmax(0, 1120px) 300px; } }
@media (max-width: 1059px) { .guide-layout { gap: 32px; grid-template-columns: minmax(0, 1fr) 190px; } .guide-toc nav { font-size: 12px; } .guide-intro { padding-bottom: 40px; } }
@media (max-width: 760px) { .guide-layout { grid-template-columns: minmax(0, 1fr); } .guide-toc { position: static; grid-row: 1; padding: 22px; border-radius: 15px; background: #e8eddd; } .guide-toc nav { display: flex; flex-wrap: wrap; gap: 12px 18px; } .guide-toc nav a { border: 0; padding: 0; } .guide-toc .eyebrow { margin-bottom: 13px; } .guide-back { margin-top: 20px; } .breadcrumbs { margin-bottom: 30px; font-size: 11px; } .guide-section { padding: 26px 22px; margin-bottom: 20px; } .guide-intro h1 { font-size: clamp(33px, 8vw, 47px); } .guide-download { margin-top: 35px; gap: 30px; } .guide-page .footer { flex-wrap: wrap; } .footer-guide { font-size: 10px; } .guide-entry { font-size: 11px; } }