.support-hero{
  padding-block:var(--sv-hero-top) var(--sv-space-6);
  background:#FFFFFF;
  color:#0F1F17
}

.support-hero-grid{
  display:grid;
  grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);
  align-items:start;
  gap:clamp(2.5rem,6vw,6rem)
}

.support-hero-grid>*{
  min-width:0
}

.support-hero-copy{
  display:flex;
  min-width:0;
  flex-direction:column;
  align-items:flex-start;
  gap:var(--sv-space-2)
}

.support-hero-copy h1{
  max-width:13ch;
  margin-inline:0;
  color:#0F1F17;
  font-size:clamp(2.6rem,4.6vw,3.5rem);
  line-height:1.17
}

.support-hero-lead{
  max-width:42rem;
  color:#5E6B63;
  font-size:var(--sv-text-4)
}

.support-hero-actions{
  justify-content:flex-start;
  margin-block:var(--sv-space-1) var(--sv-space-2)
}

.support-hero-facts{
  display:grid;
  width:100%;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:0;
  margin:0;
  padding-top:var(--sv-space-3);
  border-top:1px solid var(--sv-line)
}

.support-hero-facts div{
  min-width:0;
  padding-inline:var(--sv-space-2)
}

.support-hero-facts div:first-child{
  padding-left:0
}

.support-hero-facts div+div{
  border-left:1px solid var(--sv-line)
}

.support-hero-facts dt{
  color:#5E6B63
}

.support-hero-facts dd{
  margin-top:var(--sv-space-1);
  color:#0F1F17;
  font-weight:700;
  overflow-wrap:anywhere
}

.support-run-sheet{
  width:100%;
  min-width:0;
  align-self:start;
  padding:clamp(1.5rem,3vw,2.5rem);
  border-radius:var(--sv-radius-lg);
  background:#DCEAF6;
  color:#1F4260;
  box-shadow:var(--sv-shadow-float)
}

.support-sheet-heading{
  display:flex;
  min-width:0;
  align-items:flex-start;
  justify-content:space-between;
  gap:var(--sv-space-3)
}

.support-sheet-heading>div{
  display:flex;
  min-width:0;
  flex-direction:column;
  gap:var(--sv-space-1)
}

.support-sheet-heading h2{
  color:#1F4260;
  font-size:clamp(1.75rem,3vw,2.5rem)
}

.support-sheet-code{
  color:#365F7B;
  font-size:var(--sv-text-1);
  font-weight:700;
  letter-spacing:.08em
}

.support-ready{
  display:inline-flex;
  width:fit-content;
  max-width:100%;
  flex:0 0 auto;
  align-items:center;
  gap:.45rem;
  padding:.48rem .75rem;
  border-radius:999px;
  background:#1F3F0C;
  color:#FFFFFF;
  font-size:var(--sv-text-1);
  font-weight:750;
  line-height:1.1
}

.support-ready:before{
  width:.45rem;
  height:.45rem;
  border-radius:50%;
  background:#FFFFFF;
  content:""
}

.support-sheet-route{
  display:grid;
  gap:0;
  margin-top:var(--sv-space-4);
  border-radius:var(--sv-radius-md);
  background:#FFFFFF;
  color:#0F1F17
}

.support-route-node{
  display:grid;
  min-width:0;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:var(--sv-space-2);
  padding:var(--sv-space-3)
}

.support-route-node+.support-route-node{
  border-top:1px solid var(--sv-line)
}

.support-route-icon{
  display:inline-flex;
  width:2.75rem;
  height:2.75rem;
  align-items:center;
  justify-content:center;
  border-radius:var(--sv-radius-sm);
  background:#DDF2E4;
  color:#1D4A36
}

.support-route-icon svg{
  width:1.25rem;
  height:1.25rem
}

.support-route-node>div{
  display:flex;
  min-width:0;
  flex-direction:column;
  gap:var(--sv-space-1)
}

.support-route-node strong{
  color:#0F1F17;
  line-height:1.35
}

.support-route-node small{
  color:#5E6B63
}

.support-route-state{
  display:inline-flex;
  width:2rem;
  height:2rem;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  background:#F8EFC9;
  color:#5C4A0B;
  font-family:var(--sv-font-mono);
  font-size:var(--sv-text-1);
  font-weight:750
}

.support-sheet-result{
  display:grid;
  min-width:0;
  grid-template-columns:auto minmax(0,1fr);
  align-items:start;
  gap:var(--sv-space-2);
  margin-top:var(--sv-space-3);
  padding:var(--sv-space-3);
  border-radius:var(--sv-radius-md);
  background:#0F1F17;
  color:#F6F8F4
}

.support-result-mark{
  display:inline-flex;
  width:2rem;
  height:2rem;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  background:#DDF2E4;
  color:#1D4A36
}

.support-result-mark svg{
  width:1.1rem;
  height:1.1rem
}

.support-sheet-result>div{
  display:flex;
  min-width:0;
  flex-direction:column;
  gap:var(--sv-space-1)
}

.support-sheet-result strong{
  color:#FFFFFF
}

.support-sheet-result p{
  color:#C9D6CE;
  font-size:var(--sv-text-2)
}

.support-topic-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  align-items:start;
  gap:var(--sv-space-3)
}

.support-topic-card{
  display:flex;
  min-width:0;
  flex-direction:column;
  align-items:flex-start;
  gap:var(--sv-space-2);
  padding:var(--sv-space-3);
  border-radius:var(--sv-radius-lg);
  transition:transform .22s var(--sv-ease),box-shadow .22s var(--sv-ease)
}

.support-topic-card:hover{
  transform:translateY(-4px);
  box-shadow:var(--sv-shadow-soft)
}

.support-topic-card:focus-visible{
  outline-offset:4px
}

.support-topic-card-mint{
  background:#DDF2E4;
  color:#1D4A36
}

.support-topic-card-butter{
  background:#F8EFC9;
  color:#5C4A0B
}

.support-topic-card-lilac{
  background:#EAE3F5;
  color:#4A3670
}

.support-topic-card-peach{
  background:#F8DCD2;
  color:#7A3A26
}

.support-topic-card-sky{
  background:#DCEAF6;
  color:#1F4260
}

.support-topic-card h3,
.support-topic-card p,
.support-topic-card strong{
  color:inherit
}

.support-topic-mark{
  display:inline-flex;
  width:3rem;
  height:3rem;
  align-items:center;
  justify-content:center;
  border-radius:var(--sv-radius-sm);
  background:rgba(255,255,255,.7);
  color:inherit
}

.support-topic-mark svg{
  width:1.35rem;
  height:1.35rem
}

.support-topic-card .c-badge{
  align-self:flex-start;
  background:rgba(255,255,255,.72);
  color:inherit
}

.support-topic-link{
  display:inline-flex;
  align-items:center;
  margin-top:var(--sv-space-2);
  font-size:var(--sv-text-2);
  font-weight:750;
  text-decoration:underline;
  text-underline-offset:4px
}

.support-connect{
  background:#F7F6F2;
  color:#0F1F17
}

.support-step-list{
  display:grid;
  gap:var(--sv-space-3);
  margin:0;
  padding:0;
  list-style:none
}

.support-step{
  display:grid;
  min-width:0;
  grid-template-columns:auto minmax(0,1fr);
  align-items:start;
  gap:var(--sv-space-3);
  padding:clamp(1.5rem,3vw,2.5rem);
  border-radius:var(--sv-radius-lg);
  background:#FFFFFF;
  color:#0F1F17
}

.support-step-number{
  display:inline-flex;
  width:3.25rem;
  height:3.25rem;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  background:#DDF2E4;
  color:#1D4A36;
  font-weight:750
}

.support-step-body{
  display:flex;
  min-width:0;
  flex-direction:column;
  gap:var(--sv-space-1)
}

.support-step-body h3{
  color:#0F1F17
}

.support-step-body p{
  color:#5E6B63
}

.support-checks{
  display:flex;
  flex-wrap:wrap;
  gap:var(--sv-space-1);
  margin-top:var(--sv-space-2)
}

.support-checks span{
  display:inline-flex;
  max-width:100%;
  align-items:center;
  gap:.45rem;
  padding:.45rem .7rem;
  border-radius:999px;
  background:#F7F6F2;
  color:#334139;
  font-size:var(--sv-text-1);
  font-weight:700
}

.support-checks span:before{
  width:.4rem;
  height:.4rem;
  flex:0 0 .4rem;
  border-radius:50%;
  background:#2F5D12;
  content:""
}

.support-connect-notice{
  margin-top:var(--sv-space-3);
  background:#F8EFC9;
  color:#5C4A0B
}

.support-connect-notice div{
  display:flex;
  min-width:0;
  flex-direction:column;
  gap:var(--sv-space-1)
}

.support-connect-notice strong,
.support-connect-notice p{
  color:#5C4A0B
}

.support-migration-flow{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  align-items:start;
  gap:var(--sv-space-3)
}

.support-migration-card{
  display:flex;
  min-width:0;
  flex-direction:column;
  align-items:flex-start;
  gap:var(--sv-space-2);
  padding:clamp(1.5rem,3vw,2.5rem);
  border-radius:var(--sv-radius-lg)
}

.support-migration-card-mint{
  background:#DDF2E4;
  color:#1D4A36
}

.support-migration-card-butter{
  background:#F8EFC9;
  color:#5C4A0B
}

.support-migration-card-lilac{
  background:#EAE3F5;
  color:#4A3670
}

.support-migration-card h3,
.support-migration-card p,
.support-migration-card li{
  color:inherit
}

.support-migration-card ul{
  display:grid;
  gap:var(--sv-space-1);
  margin:0;
  padding-left:1.2rem
}

.support-migration-head{
  display:flex;
  width:100%;
  min-width:0;
  align-items:center;
  justify-content:space-between;
  gap:var(--sv-space-2)
}

.support-migration-head .c-badge{
  background:rgba(255,255,255,.72);
  color:inherit
}

.support-migration-number{
  color:inherit;
  font-size:var(--sv-text-4);
  font-weight:750
}

.support-migration-output{
  display:flex;
  width:100%;
  min-width:0;
  flex-direction:column;
  gap:var(--sv-space-1);
  margin-top:var(--sv-space-2);
  padding:var(--sv-space-2);
  border-radius:var(--sv-radius-sm);
  background:rgba(255,255,255,.7);
  color:inherit
}

.support-migration-output span{
  font-size:var(--sv-text-1);
  font-weight:700
}

.support-migration-output strong{
  color:inherit;
  line-height:1.45
}

.support-build{
  background:#F7F6F2;
  color:#0F1F17
}

.support-build-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  align-items:start;
  gap:var(--sv-space-3)
}

.support-checklist-card{
  min-width:0;
  padding:clamp(1.5rem,3vw,2.5rem);
  border-radius:var(--sv-radius-lg);
  background:#FFFFFF;
  color:#0F1F17
}

.support-card-heading{
  display:flex;
  min-width:0;
  align-items:flex-start;
  gap:var(--sv-space-2)
}

.support-card-heading>div{
  display:flex;
  min-width:0;
  flex-direction:column;
  align-items:flex-start;
  gap:var(--sv-space-2)
}

.support-card-heading h3{
  color:#0F1F17
}

.support-card-icon{
  display:inline-flex;
  width:3rem;
  height:3rem;
  flex:0 0 3rem;
  align-items:center;
  justify-content:center;
  border-radius:var(--sv-radius-sm)
}

.support-card-icon svg{
  width:1.35rem;
  height:1.35rem
}

.support-card-icon-peach{
  background:#F8DCD2;
  color:#7A3A26
}

.support-card-icon-sky{
  background:#DCEAF6;
  color:#1F4260
}

.support-card-icon-mint{
  background:#DDF2E4;
  color:#1D4A36
}

.support-audit-list{
  display:grid;
  gap:0;
  margin:var(--sv-space-3) 0 0;
  padding:0;
  list-style:none;
  counter-reset:audit
}

.support-audit-list li{
  display:grid;
  min-width:0;
  grid-template-columns:auto minmax(0,1fr);
  gap:var(--sv-space-2);
  padding-block:var(--sv-space-2);
  counter-increment:audit
}

.support-audit-list li+li{
  border-top:1px solid var(--sv-line)
}

.support-audit-list li:before{
  content:counter(audit,decimal-leading-zero);
  color:#2F5D12;
  font-family:var(--sv-font-mono);
  font-size:var(--sv-text-2);
  font-weight:750
}

.support-audit-list strong{
  display:block;
  color:#0F1F17;
  line-height:1.45
}

.support-audit-list p{
  grid-column:2;
  color:#5E6B63;
  font-size:var(--sv-text-2)
}

.support-log-guide{
  display:grid;
  min-width:0;
  grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);
  align-items:stretch;
  gap:var(--sv-space-4);
  margin-top:var(--sv-space-4);
  padding:clamp(1.5rem,3vw,2.5rem);
  border-radius:var(--sv-radius-lg);
  background:#F8EFC9;
  color:#5C4A0B
}

.support-log-copy{
  display:flex;
  min-width:0;
  flex-direction:column;
  align-items:flex-start;
  gap:var(--sv-space-2)
}

.support-log-copy h3,
.support-log-copy p{
  color:#5C4A0B
}

.support-log-keys{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  align-items:stretch;
  gap:var(--sv-space-2)
}

.support-log-keys>div{
  display:flex;
  min-width:0;
  flex-direction:column;
  gap:var(--sv-space-1);
  padding:var(--sv-space-3);
  border-radius:var(--sv-radius-md);
  background:#FFFFFF;
  color:#0F1F17
}

.support-log-keys span{
  color:#2F5D12;
  font-weight:750
}

.support-log-keys strong{
  color:#0F1F17
}

.support-log-keys p{
  color:#5E6B63;
  font-size:var(--sv-text-2)
}

.support-mlx-layout{
  display:grid;
  grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);
  align-items:stretch;
  gap:var(--sv-space-3)
}

.support-mlx-main{
  min-width:0;
  padding:clamp(1.5rem,3vw,2.5rem);
  border-radius:var(--sv-radius-lg);
  background:#0F1F17;
  color:#F6F8F4
}

.support-mlx-heading{
  display:flex;
  min-width:0;
  align-items:flex-start;
  gap:var(--sv-space-2)
}

.support-mlx-heading>div{
  display:flex;
  min-width:0;
  flex-direction:column;
  align-items:flex-start;
  gap:var(--sv-space-2)
}

.support-mlx-heading .c-badge{
  background:#DDF2E4;
  color:#1D4A36
}

.support-mlx-heading h3{
  color:#F6F8F4
}

.support-env-rows{
  display:grid;
  gap:0;
  margin-top:var(--sv-space-3)
}

.support-env-rows>div{
  display:grid;
  min-width:0;
  grid-template-columns:4.5rem minmax(0,1fr);
  gap:var(--sv-space-2);
  padding-block:var(--sv-space-3)
}

.support-env-rows>div+div{
  border-top:1px solid var(--sv-line-dark)
}

.support-env-key{
  color:#BFD6C7;
  font-size:var(--sv-text-1);
  font-weight:750;
  letter-spacing:.05em
}

.support-env-rows>div>div{
  display:flex;
  min-width:0;
  flex-direction:column;
  gap:var(--sv-space-1)
}

.support-env-rows strong{
  color:#FFFFFF
}

.support-env-rows p{
  color:#C9D6CE
}

.support-mlx-side{
  display:grid;
  min-width:0;
  grid-template-rows:repeat(2,minmax(0,1fr));
  align-items:stretch;
  gap:var(--sv-space-3)
}

.support-side-card{
  display:flex;
  min-width:0;
  height:100%;
  flex-direction:column;
  align-items:flex-start;
  justify-content:space-between;
  gap:var(--sv-space-2);
  padding:var(--sv-space-3);
  border-radius:var(--sv-radius-lg)
}

.support-side-card-butter{
  background:#F8EFC9;
  color:#5C4A0B
}

.support-side-card-lilac{
  background:#EAE3F5;
  color:#4A3670
}

.support-side-card .c-badge{
  background:rgba(255,255,255,.72);
  color:inherit
}

.support-side-card h3,
.support-side-card p,
.support-side-card li{
  color:inherit
}

.support-side-card ul{
  display:grid;
  gap:var(--sv-space-1);
  margin:0;
  padding-left:1.2rem
}

.support-diagnosis{
  background:#F7F6F2;
  color:#0F1F17
}

.support-diagnostic-list{
  display:grid;
  gap:0;
  border-radius:var(--sv-radius-lg);
  background:#FFFFFF;
  color:#0F1F17
}

.support-diagnostic-row{
  display:grid;
  min-width:0;
  grid-template-columns:4rem minmax(0,1fr) minmax(0,.8fr);
  align-items:start;
  gap:var(--sv-space-3);
  padding:var(--sv-space-3)
}

.support-diagnostic-row+.support-diagnostic-row{
  border-top:1px solid var(--sv-line)
}

.support-diagnostic-index{
  color:#2F5D12;
  font-size:var(--sv-text-4);
  font-weight:750
}

.support-diagnostic-question,
.support-diagnostic-action{
  display:flex;
  min-width:0;
  flex-direction:column;
  align-items:flex-start;
  gap:var(--sv-space-1)
}

.support-diagnostic-question .c-badge{
  margin-bottom:.35rem;
  background:#DCEAF6;
  color:#1F4260
}

.support-diagnostic-question h3{
  color:#0F1F17;
  font-size:var(--sv-text-4)
}

.support-diagnostic-action strong{
  color:#0F1F17;
  font-size:var(--sv-text-2)
}

.support-diagnostic-action p{
  color:#5E6B63;
  font-size:var(--sv-text-2)
}

.support-status-card{
  display:grid;
  min-width:0;
  grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);
  align-items:center;
  gap:var(--sv-space-4);
  margin-top:var(--sv-space-4);
  padding:clamp(1.5rem,3vw,2.5rem);
  border-radius:var(--sv-radius-lg);
  background:#DDF2E4;
  color:#1D4A36
}

.support-status-card>div{
  display:flex;
  min-width:0;
  flex-direction:column;
  align-items:flex-start;
  gap:var(--sv-space-2)
}

.support-status-card h3,
.support-status-card p{
  color:#1D4A36
}

.support-status-card dl{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:var(--sv-space-2);
  margin:0
}

.support-status-card dl div{
  min-width:0;
  padding:var(--sv-space-3);
  border-radius:var(--sv-radius-md);
  background:#FFFFFF;
  color:#0F1F17
}

.support-status-card dt{
  color:#5E6B63
}

.support-status-card dd{
  margin-top:var(--sv-space-1);
  color:#0F1F17;
  font-weight:700;
  overflow-wrap:anywhere
}

.support-request-layout{
  display:grid;
  grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);
  align-items:stretch;
  gap:var(--sv-space-3)
}

.support-request-sheet{
  min-width:0;
  padding:clamp(1.5rem,3vw,2.5rem);
  border-radius:var(--sv-radius-lg);
  background:#F8DCD2;
  color:#7A3A26
}

.support-request-heading{
  display:flex;
  min-width:0;
  align-items:flex-start;
  justify-content:space-between;
  gap:var(--sv-space-3)
}

.support-request-heading>div{
  display:flex;
  min-width:0;
  flex-direction:column;
  gap:var(--sv-space-1)
}

.support-request-heading h3{
  color:#7A3A26
}

.support-request-heading .support-sheet-code{
  color:#7A3A26
}

.support-request-fields{
  display:grid;
  gap:0;
  margin-top:var(--sv-space-3);
  border-radius:var(--sv-radius-md);
  background:#FFFFFF;
  color:#0F1F17
}

.support-request-fields>div{
  display:grid;
  min-width:0;
  grid-template-columns:5rem minmax(0,1fr);
  gap:var(--sv-space-2);
  padding:var(--sv-space-3)
}

.support-request-fields>div+div{
  border-top:1px solid var(--sv-line)
}

.support-request-fields>div>span{
  color:#7A3A26;
  font-size:var(--sv-text-1);
  font-weight:750
}

.support-request-fields>div>div{
  display:flex;
  min-width:0;
  flex-direction:column;
  gap:var(--sv-space-1)
}

.support-request-fields strong{
  color:#0F1F17
}

.support-request-fields p{
  color:#5E6B63;
  font-size:var(--sv-text-2)
}

.support-request-side{
  display:grid;
  min-width:0;
  grid-template-rows:repeat(2,minmax(0,1fr));
  align-items:stretch;
  gap:var(--sv-space-3)
}

.support-contact-card{
  display:flex;
  min-width:0;
  height:100%;
  flex-direction:column;
  align-items:flex-start;
  justify-content:space-between;
  gap:var(--sv-space-2);
  padding:var(--sv-space-3);
  border-radius:var(--sv-radius-lg)
}

.support-contact-card-mint{
  background:#DDF2E4;
  color:#1D4A36
}

.support-contact-card-butter{
  background:#F8EFC9;
  color:#5C4A0B
}

.support-contact-card .c-badge{
  background:rgba(255,255,255,.72);
  color:inherit
}

.support-contact-card h3,
.support-contact-card p{
  color:inherit
}

.support-contact-card .c-btn{
  margin-top:var(--sv-space-2)
}

.support-mail-button{
  border:1px solid color-mix(in srgb,currentColor 38%,transparent);
  background:#FFFFFF;
  color:#5C4A0B;
  overflow-wrap:anywhere
}

.support-closing{
  padding-top:var(--sv-space-5);
  padding-bottom:var(--sv-space-5)
}

.support-closing .c-cta{
  background:#0F1F17;
  color:#F6F8F4
}

.support-closing-label{
  display:inline-flex;
  width:fit-content;
  max-width:100%;
  margin-bottom:var(--sv-space-2);
  padding:.48rem .75rem;
  border-radius:999px;
  background:#F8EFC9;
  color:#5C4A0B;
  font-size:var(--sv-text-1);
  font-weight:750;
  line-height:1
}

.support-closing-actions{
  display:flex;
  min-width:min(100%,14rem);
  flex-direction:column;
  align-items:stretch;
  justify-content:flex-start;
  margin-top:0
}

.support-closing-actions .c-btn{
  width:100%
}

.support-dark-ghost{
  border-color:rgba(255,255,255,.42);
  background:transparent;
  color:#FFFFFF
}

.support-dark-ghost:hover{
  background:rgba(255,255,255,.08)
}

@media(max-width:64rem){
  .support-hero-grid{
    grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);
    gap:var(--sv-space-4)
  }

  .support-topic-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))
  }

  .support-migration-flow{
    grid-template-columns:repeat(2,minmax(0,1fr))
  }

  .support-migration-card:last-child{
    grid-column:1/-1
  }

  .support-log-guide,
  .support-mlx-layout,
  .support-request-layout{
    grid-template-columns:1fr
  }

  .support-mlx-side,
  .support-request-side{
    grid-template-columns:repeat(2,minmax(0,1fr));
    grid-template-rows:auto
  }

  .support-status-card{
    grid-template-columns:1fr
  }
}

@media(max-width:48rem){
  .support-hero{
    padding-block:var(--sv-space-5)
  }

  .support-hero-grid{
    grid-template-columns:1fr
  }

  .support-hero-copy h1{
    max-width:none
  }

  .support-run-sheet{
    height:auto;
    overflow:visible
  }

  .support-hero-facts{
    grid-template-columns:1fr
  }

  .support-hero-facts div{
    padding:var(--sv-space-2) 0
  }

  .support-hero-facts div+div{
    border-top:1px solid var(--sv-line);
    border-left:0
  }

  .support-topic-grid,
  .support-migration-flow,
  .support-build-grid,
  .support-log-keys,
  .support-mlx-side,
  .support-request-side{
    grid-template-columns:1fr
  }

  .support-migration-card:last-child{
    grid-column:auto
  }

  .support-step{
    grid-template-columns:1fr
  }

  .support-diagnostic-row{
    grid-template-columns:auto minmax(0,1fr)
  }

  .support-diagnostic-action{
    grid-column:2
  }

  .support-status-card dl{
    grid-template-columns:1fr
  }

  .support-closing-actions{
    width:100%
  }
}

@media(max-width:24.375rem){
  .support-hero-actions,
  .support-hero-actions .c-btn{
    width:100%
  }

  .support-sheet-heading,
  .support-request-heading{
    flex-direction:column
  }

  .support-route-node{
    grid-template-columns:auto minmax(0,1fr)
  }

  .support-route-state{
    grid-column:2
  }

  .support-card-heading,
  .support-mlx-heading{
    flex-direction:column
  }

  .support-env-rows>div,
  .support-request-fields>div{
    grid-template-columns:1fr
  }

  .support-diagnostic-row{
    grid-template-columns:1fr
  }

  .support-diagnostic-action{
    grid-column:auto
  }

  .support-contact-card .c-btn{
    width:100%
  }
}