/* Tablet portrait and landscape: retain the approved colors and button finishes. */
@media (min-width:701px) and (max-width:1180px) {
  .shell { padding-inline:max(32px,env(safe-area-inset-left,0px)) max(32px,env(safe-area-inset-right,0px)); }
  section { padding-block:80px; }
  .hero { min-height:auto; padding-block:140px 88px; }
  .hero .shell { gap:24px; }
  .hero h1 { font-size:clamp(48px,6.6vw,72px); }
  .redesigned-community .hero h1 .hl { display:block; }
  .hero p { font-size:16px; max-width:620px; }
  .hero .notes { font-size:13px; gap:12px 22px; }
  .sec-head { padding-inline:32px; }
  .shell .sec-head { padding-inline:0; }
  .grid3,.compare,.plans,.posts { margin-top:40px; gap:20px; }
  .tile { padding:24px; }
  .tile p,.step p { font-size:15px; }
  .noneed { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .plans { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .plan { padding:26px; gap:18px; }
  .plan .sub { min-height:48px; }
  .plan .price { flex-wrap:wrap; align-content:flex-start; gap:8px; min-height:68px; line-height:1.15; }
  .plan .price.alt { font-size:28px; }
  .plan .fine { min-height:62px; font-size:13px; }
  .plan .btn,.hero .btn,.final .btn { min-height:52px; }
  .application { padding-block:80px; }
  .application-steps,.c-steps { gap:24px; margin-top:40px; }
  .application-steps h3,.c-steps h3 { font-size:21px; }
  .production-faq { padding-block:80px; }
  .production-faq summary { padding-block:24px; }
  .posts { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .post .copy { padding:22px; }
  .post p { font-size:15px; }
  .redesigned-community .wins { grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; max-width:960px; }
  .redesigned-community .gate { max-width:600px; }
  .redesigned-community .row { padding:6px 6px 6px 18px; gap:12px; }
  .redesigned-community .row input { font-size:16px; min-height:48px; }
  .redesigned-community .row .btn { min-height:48px; font-size:15px; padding-inline:20px; }
  .redesigned-community .consent { font-size:13px; line-height:1.6; gap:10px; margin-top:14px; }
  .redesigned-community .consent input { flex:none; width:20px; height:20px; margin-top:1px; }
  .redesigned-community .faq summary { min-height:48px; align-items:center; }
  footer .shell { row-gap:22px; }
  footer nav a { display:inline-flex; min-height:44px; align-items:center; }
}

@media (min-width:701px) and (max-width:1100px) {
  .nav { width:calc(100vw - 40px); height:60px; padding:0 8px 0 20px; justify-content:space-between; gap:16px; }
  .nav .links { display:none; }
  .nav-toggle { display:grid; width:44px; height:44px; }
  .drawer { inset:calc(88px + env(safe-area-inset-top,0px)) 20px auto; }
  .grid3 { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .path { grid-template-columns:1fr; gap:30px; max-width:640px; margin:40px auto 0; padding:0 0 0 26px; }
  .path::before { left:3px; right:auto; top:6px; bottom:6px; width:1px; height:auto; background:linear-gradient(180deg,var(--line-strong),var(--line-strong) 90%,transparent); }
  .step::before { left:-26px; top:7px; }
  .flow { grid-template-columns:1fr; max-width:640px; gap:12px; margin-top:40px; }
  .flow .arrow { justify-self:center; transform:rotate(90deg); }
  .flow .tile p { font-size:15px; }
  .redesigned-home #results .grid3 { grid-template-columns:1fr; max-width:720px; margin-inline:auto; }
}

@media (min-width:701px) and (max-width:900px) {
  .redesigned-home #numbers .stats { grid-template-columns:repeat(2,minmax(0,1fr)); gap:36px 24px; }
  .application-steps,.c-steps { grid-template-columns:1fr; gap:28px; max-width:640px; margin-inline:auto; }
  .application-steps li { display:grid; grid-template-columns:38px minmax(0,1fr); column-gap:20px; row-gap:10px; }
  .application-steps li>span { grid-row:1/3; }
  .application-steps h3 { margin:0; }
  .application-steps p { grid-column:2; }
  .c-steps article { display:grid; grid-template-columns:38px minmax(0,1fr); column-gap:20px; row-gap:10px; border-top:1px solid var(--line-strong); padding-top:22px; }
  .c-step-number { grid-row:1/3; display:block; margin:0; }
  .c-step-number i { display:none; }
  .c-steps h3 { margin:0; }
  .c-steps p { grid-column:2; max-width:none; }
}