/* Linux content adaptations only. Visual design comes from the unchanged
   production case-base, case-typesetting, services and sitewide styles. */
#winge-case-content[data-linux-page] .hero__copy,
#winge-case-content[data-linux-page] .hero-card,
#winge-case-content[data-linux-page] .coverage__content,
#winge-case-content[data-linux-page] .support-card,
#winge-case-content[data-linux-page] .module-card > div{min-width:0}
#winge-case-content[data-linux-page] h1,
#winge-case-content[data-linux-page] h2,
#winge-case-content[data-linux-page] h3,
#winge-case-content[data-linux-page] h4,
#winge-case-content[data-linux-page] a,
#winge-case-content[data-linux-page] li,
#winge-case-content[data-linux-page] summary{overflow-wrap:anywhere}
#winge-case-content[data-linux-page] .hero__actions{flex-wrap:wrap}
#winge-case-content[data-linux-page] .hero__tags span{max-width:100%;overflow-wrap:anywhere}
#winge-case-content[data-linux-page] .button{max-width:100%;white-space:normal;text-align:center}
#winge-case-content[data-linux-page] .service-directory-grid{margin-top:22px}
#winge-case-content[data-linux-page] .linux-table-wrap table{width:100%;min-width:0;table-layout:fixed}
#winge-case-content[data-linux-page] .linux-table-wrap th,
#winge-case-content[data-linux-page] .linux-table-wrap td{min-width:0;overflow-wrap:anywhere;vertical-align:top}
#winge-case-content[data-linux-page] .linux-table-wrap th:first-child,
#winge-case-content[data-linux-page] .linux-table-wrap td:first-child{width:34%}
#winge-case-content[data-linux-page] .support-card .service-toc{max-height:none}
#winge-case-content[data-linux-page] .support-card{position:static}
#winge-case-content[data-linux-page] .support-card h3{text-wrap:balance}
#winge-case-content[data-linux-page] .static-faq summary{padding-inline-end:8px}
#winge-case-content[data-linux-page] .static-faq summary > span{min-width:0}
#winge-case-content[data-linux-page] .static-faq summary > b{align-self:center;display:grid;place-items:center;width:1em;height:1em;line-height:1}
@media(max-width:600px){
  #winge-case-content[data-linux-page] .linux-table-wrap table,
  #winge-case-content[data-linux-page] .linux-table-wrap tbody,
  #winge-case-content[data-linux-page] .linux-table-wrap tr,
  #winge-case-content[data-linux-page] .linux-table-wrap td{display:block;width:100%}
  #winge-case-content[data-linux-page] .linux-table-wrap thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
  #winge-case-content[data-linux-page] .linux-table-wrap td{border:0;padding:12px 14px;font-size:14px}
  #winge-case-content[data-linux-page] .linux-table-wrap td:first-child{width:100%;background:#f0f4fb;color:#26344b;font-weight:700}
  #winge-case-content[data-linux-page] .linux-table-wrap td:not(:first-child)::before{content:attr(data-label);display:block;margin-bottom:5px;font-size:12px;font-weight:700;color:#26344b}
  #winge-case-content[data-linux-page] .linux-table-wrap tr+tr{border-top:1px solid #e2e8f1}
}
@media(max-width:767px){.linux-page{padding-bottom:70px}}
/* Reserve the original dialog's sticky heading when focusing invalid fields. */
.linux-page #winge-case-consult{scroll-padding-top:112px;scroll-padding-bottom:24px}
.linux-page #winge-case-consult input,
.linux-page #winge-case-consult textarea{scroll-margin-top:12px;scroll-margin-bottom:12px}
/* Original mobile navigation is shown through 991px, while its menu rules
   stop at 768px. Extend the same rules across the uncovered tablet range. */
@media(min-width:769px) and (max-width:991px){
  html body.linux-page .mobile-nav .navModule{display:flex!important;align-items:center}
  html body.linux-page .mobile-nav .navModule .navbtn{aspect-ratio:1.1;overflow:hidden}
  html body.linux-page .mobile-nav .navModule .navbtn .menu{cursor:pointer;transform:scale(1.2);transition:transform 400ms;-webkit-tap-highlight-color:transparent;user-select:none}
  html body.linux-page .mobile-nav .navModule.active .navbtn .menu{transform:rotate(45deg)}
  html body.linux-page .mobile-nav .navModule .navbtn .menu .line{fill:none;stroke:#333;stroke-width:3;stroke-linecap:round;transition:stroke-dasharray 400ms,stroke-dashoffset 400ms}
  html body.linux-page .mobile-nav .navModule .navbtn .menu .line.top,
  html body.linux-page .mobile-nav .navModule .navbtn .menu .line.bottom{stroke-dasharray:40 121}
  html body.linux-page .mobile-nav .navModule.active .navbtn .menu .line.top,
  html body.linux-page .mobile-nav .navModule.active .navbtn .menu .line.bottom{stroke-dashoffset:-68px}
  html body.linux-page .mobile-nav .mobile-menu-content{display:none;position:fixed;top:100px;left:0;width:100%;height:calc(100dvh - 168px);overflow-y:auto;background:#fff;z-index:999}
  html body.linux-page .mobile-nav .mobile-menu-content.active{display:block}
  html body.linux-page .mobile-nav .mobile-menu-content ul{list-style:none;margin:0;padding:0}
  html body.linux-page .mobile-nav .mobile-menu-content li{border-bottom:1px solid #f0f0f0}
  html body.linux-page .mobile-nav .mobile-menu-content li a{display:block;padding:15px 20px;color:#333;text-decoration:none;font-size:16px}
  html body.linux-page .mobile-nav .mobile-menu-content .mobile-subnav{padding:0 0 10px 18px;background:#f8fbff}
  html body.linux-page .mobile-nav .mobile-menu-content .mobile-subnav li{border-bottom:0}
  html body.linux-page .mobile-nav .mobile-menu-content .mobile-subnav li a{padding:10px 20px;font-size:14px;color:#5b6675}
}
