/* Public reading and interaction scale. Console typography has its own system. */
body:not(.console-mode){--muted:#536b61}
body:not(.console-mode) #main p:not(.large-copy):not(.guide-lede):not(.form-footnote){font-size:16px;line-height:1.7}
body:not(.console-mode) #main .text-link{font-size:14px;line-height:1.5;min-height:44px;max-width:100%;white-space:normal}
body:not(.console-mode) #main .button,
body:not(.console-mode) .lead-form .button{font-size:14px;line-height:1.5}
body:not(.console-mode) .immersive-actions .hero-outline-button{font-size:14px;line-height:1.5;min-height:50px}
body:not(.console-mode) .immersive-actions .hero-webinar-link{font-size:13px;line-height:1.5;min-height:44px}
body:not(.console-mode) .eyebrow{font-size:11px;line-height:1.6}
body:not(.console-mode) .security-eyebrow{font-size:11px;line-height:1.6}
body:not(.console-mode) .check-list,
body:not(.console-mode) .check-list li{font-size:14px;line-height:1.6}
body:not(.console-mode) #main .webinar-row-copy>p{font-size:15px;line-height:1.65}
body:not(.console-mode) .webinar-row-meta{font-size:12px;line-height:1.5;gap:8px 12px;color:#52685e}
body:not(.console-mode) .webinar-row-meta>span:last-child{font-size:12px;line-height:1.5}
body:not(.console-mode) .webinar-row-media>span{font-size:10px;line-height:1.5;letter-spacing:.05em}
body:not(.console-mode) .webinar-row-action>button{font-size:14px;line-height:1.4;min-height:48px;padding:12px 14px;gap:12px}
body:not(.console-mode) .webinar-row-action>span{font-size:12px;line-height:1.5;color:#52685e}
body:not(.console-mode) .webinar-program-note>span{font-size:12px;line-height:1.5}
body:not(.console-mode) #main .webinar-program-note>p{font-size:14px;line-height:1.6}
body:not(.console-mode) .case-access>small{font-size:12px;line-height:1.6;color:#536b61}
body:not(.console-mode) .case-tabs a{font-size:15px;line-height:1.5;min-height:48px}
body:not(.console-mode) .coverage-rows>div{font-size:14px;line-height:1.6}
body:not(.console-mode) .coverage-rows>div>b{font-size:16px;line-height:1.5}
body:not(.console-mode) .article-list a p{font-size:15px;line-height:1.6}
body:not(.console-mode) .arch-top,
body:not(.console-mode) .arch-top>span:last-child,
body:not(.console-mode) .arch-node>span,
body:not(.console-mode) .arch-path>span,
body:not(.console-mode) .arch-management{font-size:12px;line-height:1.5}
body:not(.console-mode) .arch-top>span:last-child{color:#536b61;max-width:none}
body:not(.console-mode) .arch-node>b{font-size:17px;line-height:1.4}
body:not(.console-mode) .arch-node:not(.arch-core)>span,
body:not(.console-mode) .arch-path>span,
body:not(.console-mode) .arch-management{color:#52685e}
body:not(.console-mode) .arch-destinations>div{font-size:14px;line-height:1.5}
body:not(.console-mode) .lead-form label{font-size:14px;line-height:1.5;margin-bottom:8px;gap:12px}
body:not(.console-mode) .lead-form label>span{font-size:12px;line-height:1.5}
body:not(.console-mode) .lead-form input,
body:not(.console-mode) .lead-form select,
body:not(.console-mode) .lead-form textarea{font-size:16px;line-height:1.5;min-height:48px;padding:11px 12px}
body:not(.console-mode) .lead-form ::placeholder{color:#6c7b72}
body:not(.console-mode) .form-footnote{font-size:12px!important;line-height:1.6!important;color:#536b61!important}
body:not(.console-mode) .demo-note{font-size:15px;line-height:1.6}
body:not(.console-mode) .architecture-faq summary{font-size:17px;line-height:1.5}
body:not(.console-mode) .video-link{font-size:14px;line-height:1.5;min-height:44px}
@media(max-width:760px){
  body:not(.console-mode) .immersive-actions .button,
  body:not(.console-mode) .immersive-actions .hero-outline-button{padding:12px;gap:12px;min-height:48px}
  body:not(.console-mode) .webinar-row-copy{display:contents}
  body:not(.console-mode) .webinar-row-media{grid-column:1;grid-row:1 / span 2}
  body:not(.console-mode) .webinar-row-meta,
  body:not(.console-mode) .webinar-row-copy h3{grid-column:2}
  body:not(.console-mode) .webinar-row-copy h3{margin-top:0}
  body:not(.console-mode) .webinar-row-copy>p{grid-column:1 / -1;margin-top:0}
  body:not(.console-mode) .webinar-row-action>span{max-width:120px}
  body:not(.console-mode) .webinar-row-meta>span:last-child{padding:0;border:0}
  body:not(.console-mode) .arch-top{align-items:flex-start}
  body:not(.console-mode) .arch-top>span{max-width:55%}
  body:not(.console-mode) .arch-top>span:last-child{max-width:42%}
}
@media(max-width:360px){
  body:not(.console-mode) .immersive-actions .button,
  body:not(.console-mode) .immersive-actions .hero-outline-button{justify-content:space-between;width:100%}
  body:not(.console-mode) .webinar-row-action{align-items:stretch;flex-direction:column;gap:10px}
  body:not(.console-mode) .webinar-row-action>span{text-align:left;max-width:none}
}

body:not(.console-mode) .dialog-body p:not(.form-footnote){font-size:15px;line-height:1.65}

body:not(.console-mode) .security-intro h2{text-wrap:balance}

/* Route focus keeps headings announced without drawing an interactive ring around display type. */
#main h1[tabindex="-1"]:focus,#deployment-options h2[tabindex="-1"]:focus{outline:none}
body:not(.console-mode) .access-offer h2{text-wrap:balance}