.guide { max-width: 780px; margin: 0 auto; padding: 28px 22px 60px; overflow-wrap: anywhere; }
.guide h1 { font-size: clamp(2rem, 6vw, 3.5rem); line-height: 1.15; }
.guide .lead { color: #405341; }
.guide .eyebrow { color: #476245; }
.guide-share:not([hidden]) { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; margin: 20px 0; }
.guide-share button { font: inherit; color: #234326; background: #edf3e9; border: 1px solid #58774e; border-radius: 8px; padding: 10px 16px; cursor: pointer; min-height: 44px; }
.guide-share button:focus-visible, .guide-share input:focus-visible { outline: 3px solid #4e8548; outline-offset: 3px; }
.guide-share input { width: 100%; min-width: 0; padding: 10px; font: inherit; }
.guide-share [role=status] { color: #405341; font-size: .9rem; }
.guide h2 { font-size: 1.55rem; line-height: 1.3; margin-top: 2rem; }
.guide p, .guide li, .guide td, .guide th { font-size: 1.05rem; line-height: 1.8; }
.guide p, .guide ul, .guide ol { margin-top: 1rem; margin-bottom: 1.25rem; }
.guide li + li { margin-top: .6rem; }
.guide a:not(.button), .guide-languages a { color: #2d4f2b; text-decoration: underline; text-underline-offset: 3px; }
.guide-date, .guide-crumbs { font-size: .9rem; color: #4b5c4b; }
.guide-languages { display: flex; gap: 18px; flex-wrap: wrap; }
.guide-cards { list-style: none; padding: 0; display: grid; gap: 16px; }
.guide-cards li, .guide-action { border: 1px solid #d4dfd1; border-radius: 16px; padding: 20px; background: #f4f7f2; }
.guide-cards a { font-weight: 600; }
.guide-cards p { margin-bottom: 0; }
.guide-action h2 { margin-top: 0; }
.guide-action .button { white-space: normal; text-align: center; }
.guide-table { overflow-x: auto; margin: 24px 0; }
.guide table { border-collapse: collapse; width: 100%; min-width: 480px; }
.guide th, .guide td { border: 1px solid #d4dfd1; padding: 12px; text-align: left; }
.guide th { background: #f4f7f2; }
.guide-skip { position: absolute; top: -100px; padding: 12px; background: white; color: #173b28; z-index: 100; }
.guide-skip:focus { top: 4px; }
.guide a:focus-visible, .guide-languages a:focus-visible { outline: 3px solid #4e8548; outline-offset: 4px; }
@media (max-width: 480px) { .guide { padding: 24px 18px 44px; } .guide h2 { font-size: 1.35rem; } .guide-action, .guide-cards li { padding: 16px; } }