/* ===========================================================
   TMT Services CSS
   Services grid and single service feature-section styles.
   Split from tmt-additional.min.css in Phase 4D.
   Structural split only; no intentional visual changes.
   =========================================================== */

#services .grid{display:grid;gap:1.25rem;background:var(--section-bg);padding:2rem;border-radius:8px;box-shadow:0 4px 10px rgba(0,0,0,.1);transition:var(--hover-transition);grid-template-columns:repeat(3,1fr)}@media (max-width:900px){#services .grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){#services .grid{grid-template-columns:1fr}}#services .card,#services .card:hover{background:none!important;box-shadow:none!important;padding:0!important;border-radius:0!important;transition:none!important;transform:none!important}#services .card-figure{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}#services img.service-icon{height:88px;max-width:132px;width:auto;object-fit:contain;object-position:center;display:block;margin-inline:auto}#services .card-figure figcaption{margin-top:.5rem;font-weight:600;text-align:center;font-size:1.1rem}@media (hover:hover){#services .grid:hover{transform:translateY(-5px);box-shadow:0 10px 24px rgba(0,0,0,.14)}}#services .more{display:flex!important;justify-content:flex-end!important;width:100%!important;margin-top:.75rem}#services .more a{display:inline-block!important;text-decoration:none}#services .more a:hover{opacity:.9}.feature-section .container{width:min(1200px,92%)}.feature-section .feature-item{display:grid;grid-template-columns:25% 1fr;gap:1.25rem 1.5rem;align-items:start;background:var(--section-bg);padding:2rem;border-radius:12px;box-shadow:0 4px 10px rgba(0,0,0,.1);transition:var(--hover-transition)}@media (hover:hover){.feature-section .feature-item:hover{transform:translateY(-5px);box-shadow:0 10px 24px rgba(0,0,0,.14)}}.feature-section .feature-media{text-align:center}.feature-section .feature-media img.service-icon,.feature-section .feature-media img.feature-icon{height:88px;max-width:132px;width:auto;object-fit:contain;object-position:center;display:block;margin-inline:auto}.feature-section .feature-media figcaption{margin-top:.5rem;font-weight:600;text-align:center}.feature-section .feature-intro{margin:.25rem 0 1rem;font-size:1.25rem;font-weight:600}.feature-section .feature-content h4{margin:.25rem 0 .5rem}.feature-section .feature-content ul{margin:.25rem 0 1rem 1.25rem}.feature-section .feature-content li{margin:.35rem 0}.feature-section .feature-note{border-left:3px solid currentColor;padding-left:.75rem;margin-top:1rem}.feature-section .feature-item{grid-template-columns:minmax(80px,25%) 1fr!important;gap:clamp(.5rem,2.5vw,1.25rem) clamp(.75rem,3vw,1.5rem);padding:clamp(16px,3.8vw,24px)}.feature-section .feature-media img.service-icon,.feature-section .feature-media img.feature-icon{height:clamp(48px,12vw,88px);max-width:clamp(70px,18vw,132px)}.feature-section .feature-media figcaption{margin-top:.35rem;font-weight:600;font-size:clamp(.8rem,2.6vw,1rem);line-height:1.2}@media (max-width:900px){.feature-section .feature-item{grid-template-columns:1fr!important;grid-template-areas:"media" "content";text-align:center;padding:1.25rem!important;gap:.9rem 1rem!important}.feature-section .feature-media{grid-area:media;margin:0 auto .5rem!important}.feature-section .feature-media img.service-icon,.feature-section .feature-media img.feature-icon{height:clamp(56px,16vw,72px)!important;max-width:clamp(88px,28vw,120px)!important;width:auto!important;object-fit:contain!important}.feature-section .feature-media figcaption{margin-top:.35rem!important;font-size:clamp(12px,3.4vw,14px)!important;line-height:1.25!important;white-space:normal!important}.feature-section .feature-content{grid-area:content;text-align:left!important}.feature-section .feature-intro{font-size:clamp(16px,4.4vw,20px)!important;line-height:1.35!important;margin:.15rem 0 .6rem!important}.feature-section .feature-content h4{font-size:clamp(15px,4vw,18px)!important;line-height:1.3!important;margin:.2rem 0 .4rem!important}.feature-section .feature-content p,.feature-section .feature-content li{font-size:clamp(13px,3.6vw,15px)!important;line-height:1.5!important}.feature-section .feature-content *,.feature-section .feature-media figcaption{overflow-wrap:anywhere;hyphens:auto}}
