/* Secure Computer Solutions layout rules. Moved out of inline <style> elements in <body> (invalid HTML, and each needed a CSP hash).
   Loaded last in <head>, after the theme CSS and contrast-fixes.css, so the cascade order is unchanged. */

/* Article banner (layouts/_default/article.html): fixed at 175px, 200px on phones */
.tc-singular-thumbnail-wrapper .entry-media__wrapper{max-height:200px;height:200px}
@media (min-width:576px){.tc-singular-thumbnail-wrapper .entry-media__wrapper{max-height:175px;height:175px}}

/* The article wrappers are divs, not sections (they have no heading of their own): keep the theme's section.post-content rule */
div.post-content{margin-top:0}

/* Homepage services carousel (layouts/partials/services-carousel.html) */
.scs-svc{position:relative;padding:0 52px}
.scs-svc__track{display:flex;gap:30px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;padding:10px 2px 24px}
.scs-svc__track::-webkit-scrollbar{display:none}
.scs-svc__track:focus-visible{outline:2px solid #1a7f68;outline-offset:4px}
.scs-svc .scs-svc__item{flex:0 0 calc((100% - 60px) / 3);max-width:none;padding:0;scroll-snap-align:start;text-align:center}
.scs-svc__btn{position:absolute;top:178px;transform:translateY(-50%);width:42px;height:42px;border:0;border-radius:50%;background:#1a7f68;color:#fff;font-size:18px;line-height:42px;padding:0;cursor:pointer;opacity:.85;transition:opacity .2s}
.scs-svc__btn:hover,.scs-svc__btn:focus-visible{opacity:1}
.scs-svc__btn:focus-visible{outline:2px solid #1a7f68;outline-offset:3px}
.scs-svc__prev{left:0}
.scs-svc__next{right:0}
@media (max-width:991px){.scs-svc .scs-svc__item{flex-basis:calc((100% - 30px) / 2)}}
@media (max-width:575px){.scs-svc{padding:0 44px}.scs-svc .scs-svc__item{flex-basis:100%}.scs-svc__btn{width:36px;height:36px;line-height:36px}}
@media (prefers-reduced-motion:reduce){.scs-svc__track{scroll-behavior:auto}}