/* Clearwater Classic – small layout fixes (v2, Oct 2026).
   Phones/tablets only (same 1030px breakpoint as mainstyle): on inner pages show
   the page content straight after the logo, with the side menu and Client
   Resources panel below it. Desktop layout is not touched. */
@media all and (max-width: 1030px) {
    section#mainContainer.intTemp { display: flex; flex-direction: column; }
    section#mainContainer.intTemp > .colLeft,
    section#mainContainer.intTemp > .colLeft > .colLeftShad,
    section#mainContainer.intTemp > .colLeft > .colLeftShad > .content { display: contents; }

    section#mainContainer.intTemp .colLeftShad > .mobSocial { order: 1; }
    section#mainContainer.intTemp .colLeftShad > .content > header { order: 2; background: #fff; padding: 30px 20px 0 20px; }
    section#mainContainer.intTemp > .colCent { order: 3; }
    section#mainContainer.intTemp .colLeftShad > .content > [id^="CssNav"] { order: 4; position: relative; background: #fff; padding: 30px 20px; border-top: 1px solid #ebf2f5; }
    section#mainContainer.intTemp .colLeftShad > .content > [id^="CssNav"]::after { content: ""; position: absolute; bottom: -20px; right: 30px; width: 0; height: 0; border-left: 20px solid transparent; border-right: 20px solid transparent; border-top: 20px solid #fff; z-index: 99; }
    section#mainContainer.intTemp .colLeftShad > .content > .arrow-down,
    section#mainContainer.intTemp .colLeftShad > .arrow-down { display: none; }
    section#mainContainer.intTemp .colLeftShad > .resource,
    section#mainContainer.intTemp > .colLeft > .resource { order: 5; }
}