/* Content helpers; common center layout and typography remain shared. */
.traffic-info-list{padding-left:1.2em;}
.traffic-info-list li+li{margin-top:12px;}

.traffic-center .hero-copy h1{font-size:28px;}
@media(min-width:768px){.traffic-center .hero-copy h1{font-size:36px;}}

.traffic-center .hero-copy .hero-highlight{color:#e6d3a3;}

.traffic-center .hero-result{display:inline-block;position:relative;width:4.4em;height:1.4em;margin-right:.15em;overflow:hidden;vertical-align:bottom;box-shadow:inset 0 -2px 0 currentColor;}
.traffic-center .hero-result-word{position:absolute;inset:0;text-align:center;white-space:nowrap;animation:traffic-result-slide 4.5s cubic-bezier(.22,.61,.36,1) infinite;}
.traffic-center .hero-result-word:nth-child(2){animation-delay:-3s;}
.traffic-center .hero-result-word:nth-child(3){animation-delay:-1.5s;}
@keyframes traffic-result-slide{
  0%,26.66%{transform:translateY(0);opacity:1;}
  33.33%{transform:translateY(100%);opacity:0;}
  33.34%,93.33%{transform:translateY(-100%);opacity:0;}
  100%{transform:translateY(0);opacity:1;}
}
@media(prefers-reduced-motion:reduce){
  .traffic-center .hero-result{width:auto;height:auto;overflow:visible;}
  .traffic-center .hero-result-word{position:static;animation:none;}
  .traffic-center .hero-result-word+.hero-result-word::before{content:"·";}
}


.traffic-center .traffic-expertise{background:linear-gradient(160deg,#030913 25%,#071d3d);color:#e2e5ea;overflow:hidden;}
.traffic-expertise .section-heading h2{color:#e2e5ea;}
.traffic-expertise .center-detail-intro-copy{max-width:1100px;color:#c5ccd6;}
.traffic-fields{margin-top:40px;scroll-margin-top:100px;}
.traffic-expertise .traffic-fields-track{display:flex;gap:16px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;padding:0 24px 8px;scroll-padding-inline:24px;}
.traffic-fields-track::-webkit-scrollbar{display:none;}
.traffic-expertise .traffic-fields-track>li{flex:0 0 80%;max-width:360px;min-width:0;scroll-snap-align:start;}
.traffic-expertise .center-detail-field-link{aspect-ratio:4/5;min-height:0;border-radius:4px;}
.traffic-expertise .center-detail-field-link::after{background:linear-gradient(180deg,transparent 15%,rgba(0,5,14,.3) 45%,rgba(0,5,14,.92));}
.traffic-expertise .center-detail-field-body{padding:28px 24px;}
.traffic-expertise .center-detail-fields h3{font-size:22px;line-height:1.5;max-width:none;}
.traffic-expertise .center-detail-fields p{font-size:15px;line-height:1.6;color:#d5dce5;}
.traffic-fields-bottom{display:flex;justify-content:flex-end;align-items:center;gap:16px;margin-top:24px;}
.traffic-fields-bottom .section-bottom{margin:0;}
.traffic-fields-bottom .pill-link{color:#fff;border-color:#7d899b;background:transparent;}
.traffic-fields-controls{display:flex;gap:8px;flex-shrink:0;}
.traffic-fields-controls button{display:grid;place-items:center;width:44px;height:44px;border:1px solid #7d899b;border-radius:50%;color:#fff;background:transparent;cursor:pointer;}
.traffic-fields-controls svg{width:20px;height:20px;}
.traffic-fields-controls button[data-traffic-direction="-1"] svg{transform:rotate(180deg);}
.traffic-fields-controls button:disabled{opacity:.35;cursor:default;}
.traffic-fields-controls button:hover:not(:disabled){background:#ffffff18;}
.traffic-fields-controls button:focus-visible,.traffic-fields-track:focus-visible{outline:2px solid #e6d3a3;outline-offset:4px;}
@media(min-width:768px){
 .traffic-fields{margin-top:56px;}
 .traffic-expertise .traffic-fields-track{gap:20px;padding-inline:var(--page-gutter,72px);scroll-padding-inline:var(--page-gutter,72px);}
 .traffic-expertise .traffic-fields-track>li{flex-basis:32%;max-width:414px;}
 .traffic-expertise .center-detail-field-body{padding:36px 28px;}
 .traffic-expertise .center-detail-fields h3{font-size:26px;}
}
@media(min-width:1400px){.traffic-expertise .traffic-fields-track>li{flex-basis:24%;}}

.traffic-response{background:var(--center-soft);color:var(--center-ink);}
.traffic-response .section-heading h2{word-break:keep-all;}
.traffic-response-title-accent{color:var(--center-accent);}
.traffic-response-steps{display:grid;grid-template-columns:1fr;gap:0;list-style:none;margin:0;padding:0;border:1px solid #d8e3dc;border-radius:12px;background:#fff;}
.traffic-response-step{position:relative;min-width:0;display:flex;flex-direction:column;align-items:center;padding:24px 0 0;text-align:center;}
.traffic-response-step+.traffic-response-step{border-top:1px solid #d8e3dc;}
.traffic-response-number{color:var(--center-accent);font-size:13px;font-weight:700;line-height:1.4;}
.traffic-center .traffic-response-step h3{width:100%;margin:14px 0 0;padding:0 20px 20px;font-size:20px;font-weight:700;line-height:1.5;}
.traffic-response-details{display:flex;flex:1;flex-direction:column;justify-content:center;gap:4px;width:100%;list-style:none;margin:0;padding:24px 20px;border-top:1px solid #d8e3dc;color:var(--center-muted);font-size:16px;line-height:1.6;word-break:keep-all;overflow-wrap:anywhere;}
.traffic-response-connector{position:absolute;z-index:1;bottom:-18px;left:calc(50% - 18px);display:grid;place-items:center;width:36px;height:36px;border:1px solid #d8e3dc;border-radius:50%;background:#fff;color:var(--center-accent);pointer-events:none;}
.traffic-response-connector svg{width:22px;height:22px;transform:rotate(90deg);}
@media(min-width:1024px){
 .traffic-response-steps{grid-template-columns:repeat(4,minmax(0,1fr));}
 .traffic-response-step{padding-top:28px;min-height:238px;}
 .traffic-response-step+.traffic-response-step{border-top:0;border-left:1px solid #d8e3dc;}
 .traffic-response-connector{left:auto;right:-18px;top:55px;bottom:auto;transform:translateY(-50%);}
 .traffic-response-connector svg{transform:none;}
}

/* Reuse the criminal center's approved lower-page components. */
.traffic-center :is(.crime-cases,.crime-videos,.crime-concerns) .section-heading{text-align:center;margin-bottom:32px;}
.traffic-center :is(.crime-cases,.crime-videos,.crime-concerns) .section-heading p{max-width:48em;margin-inline:auto;}
.traffic-center .crime-section-top>.section-heading,.traffic-center .crime-video-heading>.section-heading{margin-bottom:0;}
.traffic-center .center-main-consult{background:#fff;color:var(--center-ink);}
.traffic-center .center-main-consult .section-title{color:var(--center-ink);}
.traffic-center .center-main-consult .section-description{color:var(--center-muted);line-height:1.6;}
.traffic-center .center-main-consult .consult-direct,.traffic-center .center-main-consult .form{background:#f3f5f5;}
.traffic-center .center-main-consult .consult-channel{background:#fff;color:var(--center-ink);}
.traffic-center .center-main-consult .consult-channel:hover{background:#e7eeea;}
.traffic-center .center-main-consult .consult-phone .consult-call-icon,.traffic-center .center-main-consult .consult-options input:checked+span,.traffic-center .center-main-consult .form .button{background:var(--center-accent);color:#fff;}
.traffic-center .center-main-consult .form .button:hover,.traffic-center .center-main-consult .consult-phone:hover .consult-call-icon{background:#1e4938;}
.traffic-center .center-main-consult .consent input{accent-color:var(--center-accent);}
