.module-guide { color: #2f2925; }
.module-guide section { margin: 2rem 0; }
.module-guide h2 { font-size: 1.6rem; line-height: 1.3; margin: 0 0 1rem; font-weight: 700; color: #542701; }
.module-guide h3 { font-size: 1.1rem; margin: 0 0 .6rem; font-weight: 700; }
.module-guide p { margin: 0 0 1rem; line-height: 1.65; }
.module-guide a { color: #9e420c; text-decoration: underline; text-underline-offset: .15em; }
.module-guide .module-lead { background: #fff8f3; border: 1px solid #f0d8c8; padding: 1.5rem; border-radius: .8rem; }
.module-guide .module-steps { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; padding: 0; list-style: none; }
.module-guide .module-step { padding: 1.25rem; border: 1px solid #e8e1da; border-radius: .7rem; background: #fff; }
.module-guide .module-step-number { display: block; font-size: .85rem; font-weight: 700; color: #9e420c; margin-bottom: .7rem; }
.module-guide .module-outcome { border-top: 1px solid #e8e1da; padding-top: .8rem; font-size: .95rem; }
.module-guide .module-example { background: #fafafa; border: 1px solid #e8e1da; border-radius: .7rem; padding: 1.25rem; }
.module-guide .module-example-label { font-size: .85rem; font-weight: 700; color: #585858; }
.module-guide .module-columns { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.5rem; }
.module-guide .module-example label { display: block; font-weight: 700; margin-bottom: .35rem; }
.module-guide .module-example input { width: 100%; max-width: 30rem; padding: .65rem; border: 1px solid #8a7d72; border-radius: .3rem; background: white; margin-bottom: 1rem; color: #2f2925; }
.module-guide .module-paper { padding: 1.3rem; background: white; border: 1px solid #d5d0ca; border-left: 4px solid #df6c20; overflow-wrap: anywhere; }
.module-guide .module-paper dl { margin: 0; }
.module-guide .module-paper dt { color: #585858; font-size: .85rem; margin-top: .75rem; }
.module-guide .module-paper dd { margin: 0; font-weight: 700; }
.module-guide pre { background: #f3f0ed; padding: 1rem; border-radius: .4rem; overflow: auto; font-size: .9rem; white-space: pre-wrap; overflow-wrap: anywhere; }
.module-guide .module-table { overflow-x: auto; }
.module-guide table { border-collapse: collapse; width: 100%; text-align: left; }
.module-guide caption { text-align: left; margin-bottom: .7rem; }
.module-guide th, .module-guide td { border: 1px solid #e8e1da; padding: .85rem; vertical-align: top; }
.module-guide thead th { background: #fff8f3; }
.module-guide .module-cta { background: #542701; color: white; padding: 1.5rem; border-radius: .8rem; }
.module-guide .module-cta h2, .module-guide .module-cta a { color: white; }
.module-guide .module-button { display: inline-block; background: #9e420c; color: white; padding: .7rem 1.1rem; border-radius: .4rem; text-decoration: none; font-weight: 700; }
.module-guide .module-button:focus-visible, .module-guide input:focus-visible, .module-guide summary:focus-visible { outline: 3px solid #2563a8; outline-offset: 3px; }
.module-guide details { margin: 1rem 0; }
.module-guide summary { cursor: pointer; font-weight: 700; }
@media (max-width: 767px) { .module-guide .module-steps, .module-guide .module-columns { grid-template-columns: 1fr; } }
