/* Secondary family corrections measured against fresh 1180/400 CSS px reference captures. */
/* CLI feature cards: two columns below xl, one below md, native readable text. */
.route-cli .cli-steps>h2{margin-bottom:48px}
.route-cli .cli-steps>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.route-cli .cli-steps article{min-width:0;padding:24px;background:#ebebeb;border-radius:4px;display:flex;flex-direction:column;justify-content:space-between;gap:32px}
.route-cli .cli-step-copy{display:flex;flex-direction:column;gap:16px}
.route-cli .cli-step-copy>svg{width:36px;height:36px;flex:none}
.route-cli .cli-step-copy>div{display:flex;flex-direction:column;gap:8px}
.route-cli .cli-steps h3{font-size:20px;line-height:1.3;margin:0;letter-spacing:-.3px}
.route-cli .cli-step-copy p{font-size:16px;line-height:1.4;color:#777;margin:0}
.route-cli .cli-step-note{display:flex;flex-direction:column;gap:4px;background:#191919;color:#e7e7e7;border-radius:4px;padding:14px 16px;font:13px/1.6 var(--marketing-sans);overflow-wrap:anywhere}
.route-cli .cli-step-note>small{font:inherit;color:#93999d}
@media(min-width:1280px){.route-cli .cli-steps>div{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:767px){.route-cli .cli-steps>div{grid-template-columns:minmax(0,1fr)}.route-cli .cli-step-note{font-size:12px}}
/* Support card internals retain their real links and explicit preview boundaries. */
.route-support .aux-support-panel{padding:24px;gap:32px;min-height:0;border-color:rgba(0,0,0,.08);border-radius:4px}
.route-support .aux-support-panel>svg,.route-support .aux-support-cards>article>svg{width:36px;height:36px}
.route-support .aux-support-panel>small{font-size:16px;line-height:1.4}
.route-support .aux-support-cards{gap:24px}
.route-support .aux-support-cards>article{padding:24px;gap:48px;background:white;border-color:rgba(0,0,0,.08);border-radius:4px}
.route-support .aux-support-cards>article>.aux-inline-link{margin-top:auto;background:#363636;color:#fff;border-radius:2px;padding:6px 12px 5px;min-height:35px;line-height:24px}
.route-support .aux-support-cards>article>.aux-inline-link>span{display:none}
.route-support .aux-closing h2{font-size:40px;line-height:1.04}
/* Security: preserve code-native previews while correcting composition and cadence. */
.route-security .aux-security-intro{align-items:end}
.route-security .aux-security-intro-copy{display:flex;flex-direction:column;gap:24px;min-width:0}
.route-security .aux-security-intro-copy h2{font-size:40px;line-height:1.04;letter-spacing:-1.2px}
.route-security .aux-security-intro-copy p{margin:0}
.route-security .aux-security-intro .aux-product-stage{min-height:276px;border-radius:4px}
.route-security .aux-security-process-row{min-height:0;margin-top:120px;align-items:stretch}
.route-security .aux-security-process-row:first-of-type{margin-top:0}
.route-security .aux-security-process-row>div:first-child{padding:0;gap:24px}
.route-security .aux-security-process-row .aux-product-stage{min-height:308px;border-radius:4px}
.route-security .aux-security-products>header{display:flex;flex-direction:column;align-items:center;text-align:center;gap:24px;max-width:760px;margin:0 auto 80px}
.route-security .aux-security-products>header h2{font-size:40px;line-height:1.04;letter-spacing:-1.2px}
.route-security .aux-security-products>header p{font-size:18px;line-height:1.4;color:#777;max-width:600px}
.route-security .aux-security-products>div{gap:32px}
.route-security .aux-security-products>div>article{border:0;padding:0;gap:24px}
.route-security .aux-security-product-copy{display:flex;flex-direction:column;gap:12px}
.route-security .aux-security-product-copy h3{font-size:32px;line-height:1.2;letter-spacing:-.7px}
.route-security .aux-security-product-copy p{font-size:16px;line-height:1.4;color:#777}
.route-security .aux-security-products .aux-product-stage{flex:none;min-height:318px;padding:24px;border-radius:4px}
.route-security .aux-security-cta{padding:40px 0;gap:24px;min-height:0}
.route-security .aux-security-cta h2{font-size:56px;line-height:1;letter-spacing:-1.6px}
.route-security .aux-security-cta p{font-size:18px}
.route-security .aux-security-cta>.aux-button{margin-top:8px}
@media(min-width:1024px){.route-security .aux-security-process-row:nth-of-type(2)>div:first-child{order:2}.route-security .aux-security-process-row:nth-of-type(2)>.aux-product-stage{order:1}}
@media(max-width:1023px){.route-security .aux-security-intro,.route-security .aux-security-process-row{grid-template-columns:minmax(0,1fr);gap:32px}.route-security .aux-security-process-row{margin-top:80px}.route-security .aux-security-products>div{grid-template-columns:minmax(0,1fr);gap:48px}.route-security .aux-security-cta h2{font-size:44px}}
@media(max-width:767px){
 .route-support .aux-closing h2{font-size:32px;line-height:1.04;letter-spacing:-.96px}
 .route-security .aux-security-hero{gap:40px}
 .route-security .aux-security-intro-copy h2,.route-security .aux-security-products>header h2{font-size:32px;letter-spacing:-.96px}
 .route-security .aux-security-intro-copy p{font-size:16px}
 .route-security .aux-security-process-row{margin-top:64px}
 .route-security .aux-security-intro .aux-product-stage,.route-security .aux-security-process-row .aux-product-stage,.route-security .aux-security-products .aux-product-stage{min-height:0;padding:18px}
 .route-security .aux-security-process-row>div:first-child h3,.route-security .aux-security-product-copy h3{font-size:24px;line-height:1.2}
 .route-security .aux-security-products>header{align-items:flex-start;text-align:left;margin-bottom:48px}
 .route-security .aux-security-products>header p{font-size:16px}
 .route-security .aux-security-cta h2{font-size:36px;letter-spacing:-1.08px}
 .route-security .aux-security-cta p{font-size:16px}
}
@supports(text-box:trim-both cap alphabetic){
 .route-cli .cli-step-copy h3,.route-cli .cli-step-copy p,.route-support .aux-closing h2,.route-security .aux-security-intro-copy h2,.route-security .aux-security-intro-copy p{text-box:trim-both cap alphabetic}
}
/* Security's sample UI is a native excerpt with its own data boundaries.
   Remove duplicate window chrome, retain meaningful dates and local controls. */
.route-security .df-app[data-security-preview]>.df-windowbar{display:none}
.route-security .df-app[data-security-preview] .df-demo-notice{font-size:10px!important;line-height:1.35;padding-top:6px;margin:0}
.route-security .df-app[data-security-preview] .df-time,
.route-security .df-app[data-security-preview] .df-duration,
.route-security .df-app[data-security-preview] .df-agenda-pager{font-size:10px}
.route-security .df-app[data-security-preview] .df-datebar{padding:10px 12px 6px;gap:8px}
.route-security .df-app[data-security-preview] .df-datebar h3{font-size:23px;line-height:1.15;margin:0}
.route-security .df-app[data-security-preview] .df-datebar p{font-size:10px;line-height:1.3;margin:3px 0 0}
.route-security .df-app[data-security-preview] .df-datecontrols button:nth-child(2){font-size:10px}
.route-security .df-app[data-security-preview] .df-fragment-capture-control{padding:0 12px 6px;gap:8px;font-size:10px;line-height:1.3}
.route-security .df-app[data-security-preview] .df-fragment-capture-control .df-switch{font-size:10px;padding:5px 8px;min-height:28px}
.route-security .df-app[data-security-preview] .df-agenda{padding:4px 10px 10px}
.route-security .df-app[data-security-preview] .df-activity-wrap{margin-bottom:3px}
.route-security .df-app[data-security-preview] .df-select{padding-block:5px!important}
.route-security .df-app[data-security-preview] .df-activity-title{font-size:12px;line-height:1.35;white-space:normal}
.route-security .df-app[data-security-preview] .df-endline{display:none}
.route-security .df-app[data-security-preview] .df-agenda-pager{padding-top:3px}
.route-security .df-app[data-security-preview][data-fragment="chat"]:not(.df-fragment-detail) .df-chat{padding:14px;min-height:0;gap:0}
.route-security .df-app[data-security-preview] .df-chat-heading h3{font-size:13px;line-height:1.3;margin:0}
.route-security .df-app[data-security-preview] .df-chat-heading>span{display:none}
.route-security .df-app[data-security-preview] .df-chat-date{font-size:10px!important;line-height:1.3;margin:5px 0 0}
.route-security .df-app[data-security-preview] .df-user-message{font-size:11px;line-height:1.4;padding:7px 9px;margin:10px 0 8px;max-width:100%}
.route-security .df-app[data-security-preview] .df-chat-response>span{display:none}
.route-security .df-app[data-security-preview] .df-chat-response>p{font-size:11px;line-height:1.4;margin:0 0 8px}
.route-security .df-app[data-security-preview] .df-citations button{padding:7px 8px;gap:7px;min-height:44px}
.route-security .df-app[data-security-preview] .df-citations small{font-size:10px;line-height:1.3}
.route-security .df-app[data-security-preview] .df-citations strong{font-size:11px;line-height:1.3;white-space:normal}
.route-security .df-app[data-security-preview] .df-recap{padding:12px}
.route-security .df-app[data-security-preview] .df-recap-heading{flex-direction:row;align-items:center;gap:8px;margin-bottom:9px}
.route-security .df-app[data-security-preview] .df-recap-heading h3{font-size:14px;line-height:1.2;margin:0}
.route-security .df-app[data-security-preview] .df-recap-heading h3>span{font-size:10px;line-height:1.3;margin-top:3px}
.route-security .df-app[data-security-preview] .df-kpis{margin:0;gap:7px}
.route-security .df-app[data-security-preview] .df-kpis>div{padding:6px 8px}
.route-security .df-app[data-security-preview] .df-kpis span{font-size:10px;line-height:1.2}
.route-security .df-app[data-security-preview] .df-kpis strong{font-size:20px;line-height:1.2;margin-top:3px}
.route-security .df-app[data-security-preview] .df-chartcard{margin-top:8px;padding:8px}
.route-security .df-app[data-security-preview] .df-chart-heading{flex-direction:row;align-items:center;gap:6px;margin:0;padding:0;line-height:14px}
.route-security .df-app[data-security-preview] .df-chart-heading h4{font-size:11px;line-height:14px;margin:0;padding:0}
.route-security .df-app[data-security-preview] .df-chart-heading>span{font-size:10px;line-height:14px}
.route-security .df-app[data-security-preview] .df-chart{height:88px;margin-top:7px}
.route-security .df-app[data-security-preview] .df-chartlabel,
.route-security .df-app[data-security-preview] .df-chart-scale{font-size:10px}
.route-security .df-app[data-security-preview][data-fragment="wiki"]:not(.df-fragment-detail) .df-wiki{padding:18px}
.route-security .df-app[data-security-preview] .df-wiki h3{font-size:20px;line-height:1.2;margin:0 0 11px}
.route-security .df-app[data-security-preview] .df-wiki article{padding-top:12px}
.route-security .df-app[data-security-preview] .df-wiki article>span{font-size:10px;line-height:1.4}
.route-security .df-app[data-security-preview] .df-wiki h4{font-size:20px;line-height:1.2;margin:9px 0}
.route-security .df-app[data-security-preview] .df-wiki article p{font-size:12px;line-height:1.5;margin:0}
.route-security .df-app[data-security-preview] .df-wiki article button{font-size:11px;min-height:44px;padding:9px 0}
.route-security .df-app[data-security-preview] .df-wiki>small{font-size:10px;line-height:1.4;margin-top:6px}
@media(max-width:760px){
 .route-security .df-app[data-security-preview] .df-fragment-capture-control .df-switch{min-height:44px}
 .route-security .df-app[data-security-preview] .df-recap-heading{flex-wrap:wrap}
 .route-security .df-app[data-security-preview] .df-chart-heading>span{display:none}
}
.route-security .df-app[data-security-preview][data-fragment="provider"] .df-settings{padding:16px}
.route-security .df-app[data-security-preview][data-fragment="provider"] .df-settings h3{font-size:18px;line-height:1.2;margin:0 0 9px}
.route-security .df-app[data-security-preview][data-fragment="provider"] .df-settings>p{font-size:10px;line-height:1.4;margin:0 0 10px;color:#8c8c8c}
.route-security .df-app[data-security-preview][data-fragment="provider"] .df-settings>.df-demo-notice{margin:0}
.route-security .df-app[data-security-preview][data-fragment="provider"] .provider-setting{padding:10px 0}

/* Fresh 393px reference check: icon is20px, not its36px containing rhythm. */
.route-cli .cli-steps article{background:rgba(0,0,0,.04)}
.route-cli .cli-step-copy>svg{width:20px;height:20px;color:#317cff}
.route-cli .cli-steps h3{line-height:1.2}
.route-cli .cli-step-copy p{font-size:14px;line-height:1.4;color:rgba(25,25,25,.56)}
.route-cli .cli-step-note{background:#000}
/* Keep the paired Security media aligned at rest after the native Recap label update. */
@media(min-width:1024px){
 .route-security .aux-security-products .aux-product-stage{min-height:318.55px}
 .route-security .aux-security-products .df-app[data-security-preview] .df-chart{height:82px}
}

/* Desktop hero reference frame: 660px minimum, 48px top and 34px sides.
   Preserve the real app and truthful caption instead of clipping a wide mockup.
   The native app may grow beyond the resting minimum when a detail opens. */
@media(min-width:1024px){
 .route-desktop .page-hero+.page-stage{min-height:660px;padding:48px 34px 24px;display:flex;flex-direction:column}
 .route-desktop .page-hero+.page-stage>.df-app{width:100%;min-height:552px;flex:1 0 auto}
 .route-desktop .page-hero+.page-stage>.page-stage-label{flex:none;margin:24px 0 0}
}