/* Scoped to the three practical buying guides, never the homepage or catalog. */
.cf3-guide-page > .section { padding-block: clamp(1.5rem, 3vw, 2.5rem); }
.cf3-guide-page h2 { max-width: none; margin-block: 0 .75rem; font-size: clamp(1.375rem, 2vw, 1.875rem); line-height: 1.25; }
.cf3-guide-page .section-head { margin-bottom: 1rem; }
.cf3-guide-page .cf3-two-column { gap: 1rem; align-items: start; }
.cf3-guide-page .cf3-two-column > article { padding: clamp(1rem, 1.6vw, 1.5rem); }
.cf3-guide-page .check-list { margin-block: .75rem 0; gap: .5rem; }
.cf3-guide-page .cf3-step-list li { grid-template-columns: 2rem minmax(0, 1fr); gap: .75rem; padding-block: .875rem; }
.cf3-guide-page .cf3-step-list span { width: 2rem; height: 2rem; font-size: .8125rem; }
.cf3-guide-page .cf3-step-list div { padding-top: .125rem; }
.cf3-guide-page .stage5-hero aside p:last-child { display: block; overflow: visible; -webkit-line-clamp: unset; font-size: 1rem; line-height: 1.55; }
.cf3-guide-page .actions { display: flex; flex-wrap: wrap; gap: .625rem; margin-top: 1rem; }
.cf3-guide-page .actions .btn { min-height: 44px; padding: .625rem 1rem; }
/* Worksheets keep every column; wide tables scroll instead of shrinking text. */
.section[data-procurement-guide-tool] { padding-block: clamp(1.5rem, 3vw, 2.5rem); }
.section[data-procurement-guide-tool] h2 { font-size: clamp(1.375rem, 2vw, 1.875rem); line-height: 1.25; max-width: none; margin-block: 0 .75rem; }
[data-procurement-guide-tool] .container { min-width: 0; }
.procurement-guide-table { max-width: 100%; min-width: 0; overflow-x: auto; overscroll-behavior-inline: contain; margin-block: 1.25rem; }
.procurement-guide-table:focus-visible { outline: 2px solid currentColor; outline-offset: 3px; }
.procurement-guide-table table { width: 100%; min-width: 40rem; border-collapse: collapse; text-align: start; }
.procurement-guide-table caption { text-align: start; font-weight: 700; padding-block: .75rem; }
.procurement-guide-table th, .procurement-guide-table td { padding: .75rem; vertical-align: top; border-bottom: 1px solid var(--line, #ddd); overflow-wrap: anywhere; }
.procurement-guide-table--compact table { table-layout: fixed; }
.procurement-guide-table--compact th:first-child { width: 58%; }
.procurement-guide-scroll-hint { font-size: .8125rem; margin-block: .25rem; }
@media (min-width: 700px) { .procurement-guide-scroll-hint { display: none; } }
@media (max-width: 699px) { .procurement-guide-table th, .procurement-guide-table td { padding: .625rem; } }
