/* Praxoria Startseite – v509 editorial refinement
   Scope: index.html only. Goal: calmer premium surface, fewer boxes and pills,
   clearer hierarchy from hero → process → product proof → course selection. */

body.homeRefinedV509{
  --home-max: 1184px;
  --home-rule: color-mix(in oklab, var(--border) 62%, transparent);
  --home-rule-strong: color-mix(in oklab, var(--border-strong) 54%, transparent);
  --home-ink-soft: color-mix(in oklab, var(--text) 70%, var(--muted));
  --home-ink-faint: color-mix(in oklab, var(--text) 52%, var(--muted2));
  --home-wash: color-mix(in oklab, var(--surface) 82%, white 18%);
  --home-wash-soft: color-mix(in oklab, var(--surface2) 66%, transparent);
  background:
    radial-gradient(1120px 620px at 0% -6%, color-mix(in oklab, var(--accent) 8%, transparent), transparent 58%),
    radial-gradient(860px 520px at 100% 0%, color-mix(in oklab, var(--accent3) 6%, transparent), transparent 60%),
    linear-gradient(180deg, color-mix(in oklab, var(--bg-top) 96%, white 4%), var(--bg-bottom));
}

body.homeRefinedV509 .container{
  max-width: var(--home-max);
}

body.homeRefinedV509 .topbar{
  border-bottom: 1px solid color-mix(in oklab, var(--accent) 24%, var(--border));
  box-shadow: 0 10px 28px rgba(15,23,42,.035);
}
body.homeRefinedV509 .topbar .nav{
  max-width: calc(var(--home-max) + 48px);
}
body.homeRefinedV509 .topbar .deskNav{
  gap: clamp(18px, 2.2vw, 30px);
}
body.homeRefinedV509 .topbar .deskNav > a.pill{
  font-weight: 760;
  color: color-mix(in oklab, var(--text) 84%, var(--muted));
}
body.homeRefinedV509 .topbar .deskNav > a.pill:hover{
  color: var(--text);
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 7px;
  text-decoration-color: color-mix(in oklab, var(--accent) 42%, transparent);
}

/* HERO: editorial stage rather than glass-card landing page. */
body.homeRefinedV509 .hero.heroPanel{
  margin-top: clamp(22px, 3.5vw, 42px);
  display:grid;
  grid-template-columns: minmax(0, 1.06fr) minmax(330px, .94fr);
  gap: clamp(34px, 5vw, 64px);
  align-items:start;
  padding: 0 0 clamp(34px, 4vw, 48px);
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  overflow:visible;
  isolation:auto;
}
body.homeRefinedV509 .hero.heroPanel::after{
  display:none !important;
}
body.homeRefinedV509 .hero.heroPanel > div:first-child{
  padding-top: clamp(8px, 2vw, 18px);
}
body.homeRefinedV509 .heroKicker{
  margin-bottom: clamp(16px, 2vw, 22px);
}
body.homeRefinedV509 .tag.brandTag{
  display:inline-flex;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  color: color-mix(in oklab, var(--accent) 72%, var(--text));
  font-size:.72rem;
  font-weight:860;
  letter-spacing:.18em;
}
body.homeRefinedV509 .promoPill{
  border-radius:999px;
  border-color: color-mix(in oklab, var(--accent) 18%, var(--home-rule));
  background: color-mix(in oklab, var(--surface) 78%, transparent);
  box-shadow:none;
}
body.homeRefinedV509 .hero h1{
  max-width: 11.5ch;
  font-size: clamp(43px, 6vw, 76px);
  line-height:.95;
  letter-spacing:-.065em;
  margin:0;
}
body.homeRefinedV509 .subline{
  max-width: 62ch;
  margin-top: clamp(18px, 2.2vw, 26px);
  font-size: clamp(1.04rem, 1.4vw, 1.18rem);
  line-height:1.74;
  color: var(--home-ink-soft);
}
body.homeRefinedV509 .sublineMark{
  color: color-mix(in oklab, var(--text) 90%, var(--muted));
  font-weight: 760;
  background: none !important;
  padding:0;
}
body.homeRefinedV509 .heroMicroNote{
  display:block;
  max-width: 58ch;
  margin-top: 14px;
  padding: 12px 0 0;
  border-left:0;
  border-top:1px solid var(--home-rule);
  color: var(--home-ink-faint);
}

body.homeRefinedV509 .heroFocus{
  margin-top: clamp(30px, 4vw, 44px);
}
body.homeRefinedV509 .heroValueGrid{
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap:0 !important;
  border-top:1px solid var(--home-rule);
  border-bottom:1px solid var(--home-rule);
}
body.homeRefinedV509 .heroValueCard,
body.homeRefinedV509 .heroValueCard.is-featured{
  padding: clamp(20px, 2.4vw, 28px) clamp(20px, 2.8vw, 30px) clamp(20px, 2.4vw, 28px) 0 !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  border-radius:0 !important;
}
body.homeRefinedV509 .heroValueCard + .heroValueCard{
  padding-left: clamp(20px, 2.8vw, 30px) !important;
  border-left:1px solid var(--home-rule) !important;
}
body.homeRefinedV509 .heroValueCard::before,
body.homeRefinedV509 .heroValueCard::after{
  display:none !important;
}
body.homeRefinedV509 .heroValueHead{
  display:block;
}
body.homeRefinedV509 .heroValueBadge,
body.homeRefinedV509 .heroValueCard.is-featured .heroValueBadge{
  display:block;
  margin-bottom:10px;
  padding:0;
  border:0;
  background:transparent;
  box-shadow:none;
  color: color-mix(in oklab, var(--accent) 60%, var(--muted2));
  font-size:.69rem;
  font-weight:800;
  letter-spacing:.15em;
  text-transform:uppercase;
}
body.homeRefinedV509 .heroValueTitle{
  font-size: clamp(1rem, 1.1vw, 1.12rem);
  line-height:1.2;
  letter-spacing:-.025em;
}
body.homeRefinedV509 .heroValueText{
  margin-top:9px;
  line-height:1.62;
  color: var(--home-ink-soft);
}
body.homeRefinedV509 .heroValueMeta{
  margin-top:12px;
}
body.homeRefinedV509 .heroValuePill{
  color: var(--home-ink-faint) !important;
  font-size:.79rem;
  font-weight:650;
}
body.homeRefinedV509 .heroValuePill + .heroValuePill::before{
  content:"·" !important;
  display:inline-block !important;
  margin: 0 .46rem !important;
  width:auto !important;
  height:auto !important;
  background:transparent !important;
  color: color-mix(in oklab, var(--home-ink-faint) 72%, transparent) !important;
}

/* Right-side product preview: one composed object, less visual fragmentation. */
body.homeRefinedV509 .heroStack{
  gap:0;
  position:relative;
  padding: 12px;
  border:1px solid var(--home-rule);
  border-radius: 30px;
  background:
    linear-gradient(180deg, color-mix(in oklab, var(--surface) 76%, white 24%), color-mix(in oklab, var(--surface2) 62%, transparent));
  box-shadow: 0 24px 70px rgba(15,23,42,.075);
}
body.homeRefinedV509 .heroImage{
  border:0;
  border-radius:22px 22px 8px 8px;
  box-shadow:none;
  aspect-ratio: 16 / 10;
}
body.homeRefinedV509 .heroImage img{
  width:100%;
  height:100%;
  object-fit:cover;
}
body.homeRefinedV509 .heroImage::after{
  background:
    linear-gradient(180deg, rgba(255,255,255,.02), rgba(15,23,42,.14));
}
body.homeRefinedV509 .previewCard{
  margin:0;
  padding:18px 4px 4px;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
body.homeRefinedV509 .previewKicker{
  color: var(--home-ink-faint);
}
body.homeRefinedV509 .previewTitle{
  font-size:1.1rem;
}
body.homeRefinedV509 .miniGrid{
  gap:0;
  margin-top:14px;
  border-top:1px solid var(--home-rule);
  border-bottom:1px solid var(--home-rule);
}
body.homeRefinedV509 .miniTile{
  padding:14px 12px 14px 0;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}
body.homeRefinedV509 .miniTile + .miniTile,
body.homeRefinedV509 .miniTile.wide{
  padding-left:12px;
  border-left:1px solid var(--home-rule) !important;
}
body.homeRefinedV509 .miniTile.wide{
  grid-column:auto;
}
body.homeRefinedV509 .miniTile .k{
  color: var(--home-ink-faint);
}
body.homeRefinedV509 .miniBar{
  height:7px;
  box-shadow:none;
}
body.homeRefinedV509 .miniStepLink,
body.homeRefinedV509 .miniStepLink.is-static{
  border:0 !important;
  background:transparent !important;
  padding:0 !important;
  box-shadow:none !important;
  color: var(--text);
}

/* General section rhythm: one clean vertical narrative. */
body.homeRefinedV509 .band.startBand,
body.homeRefinedV509 .whyBand,
body.homeRefinedV509 .qualityBand{
  margin-top: clamp(34px, 5vw, 62px) !important;
  padding-top: clamp(30px, 4vw, 42px) !important;
  border-top:1px solid var(--home-rule) !important;
}
body.homeRefinedV509 .sectionTitle{
  margin-bottom: clamp(22px, 3vw, 32px);
}
body.homeRefinedV509 .sectionTitle h2{
  font-size: clamp(1.62rem, 2.6vw, 2.28rem);
  line-height:1.04;
  letter-spacing:-.045em;
}
body.homeRefinedV509 .sectionTitle h2::after,
body.homeRefinedV509 .subHead h3::after{
  height:1px;
  width:min(420px, 100%);
  margin-top:14px;
  opacity:.55;
  background: linear-gradient(90deg, color-mix(in oklab, var(--accent) 70%, var(--home-rule)), color-mix(in oklab, var(--accent3) 54%, transparent));
}
body.homeRefinedV509 .sectionTitle .sub,
body.homeRefinedV509 .homeLead{
  color: var(--home-ink-soft);
  font-weight:500;
  line-height:1.64;
}

/* Process: replace step cards with an open timeline. */
body.homeRefinedV509 .startBand::before,
body.homeRefinedV509 .stepsTrack{
  display:none !important;
}
body.homeRefinedV509 .stepsStage{
  border-top:1px solid var(--home-rule);
  border-bottom:1px solid var(--home-rule);
}
body.homeRefinedV509 .steps{
  gap:0;
}
body.homeRefinedV509 .step{
  min-height: 100%;
  padding: clamp(22px, 3vw, 30px) clamp(22px, 3vw, 32px) clamp(22px, 3vw, 30px) 0;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  overflow:visible;
}
body.homeRefinedV509 .step + .step{
  border-left:1px solid var(--home-rule) !important;
  padding-left: clamp(22px, 3vw, 32px);
}
body.homeRefinedV509 .step::before,
body.homeRefinedV509 .step::after{
  display:none !important;
}
body.homeRefinedV509 .stepHead{
  display:block;
}
body.homeRefinedV509 .stepNr{
  width:auto;
  height:auto;
  display:block;
  margin-bottom:16px;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  color: color-mix(in oklab, var(--stepAccent) 74%, var(--text));
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(2.3rem, 4.4vw, 4.4rem);
  line-height:.82;
  letter-spacing:-.08em;
}
body.homeRefinedV509 .stepMeta h3{
  font-size:1.12rem;
  letter-spacing:-.025em;
}
body.homeRefinedV509 .stepHint{
  display:block;
  width:auto;
  margin-top:8px;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  color: var(--home-ink-faint);
  font-size:.82rem;
  font-weight:650;
}
body.homeRefinedV509 .step p{
  margin-top:16px;
  line-height:1.62;
  color: var(--home-ink-soft);
}
body.homeRefinedV509 .stepActions{
  margin-top:20px;
  gap:12px;
}
body.homeRefinedV509 .stepActions .btn{
  padding:0;
  border:0;
  border-radius:0;
  background:transparent !important;
  box-shadow:none;
  color: color-mix(in oklab, var(--text) 78%, var(--muted));
  text-decoration: underline;
  text-decoration-thickness:1px;
  text-underline-offset:5px;
  text-decoration-color: color-mix(in oklab, var(--stepAccent) 32%, var(--border));
}
body.homeRefinedV509 .stepActions .btn:hover{
  color: var(--text);
  text-decoration-color: color-mix(in oklab, var(--stepAccent) 62%, var(--border));
}

/* Why: editorial pillars, not feature cards. */
body.homeRefinedV509 .whyPillars{
  gap:0;
  border-top:1px solid var(--home-rule);
  border-bottom:1px solid var(--home-rule);
}
body.homeRefinedV509 .pillar{
  padding: clamp(24px, 3vw, 34px) clamp(22px, 3vw, 32px) clamp(24px, 3vw, 34px) 0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  overflow:visible;
}
body.homeRefinedV509 .pillar + .pillar{
  padding-left: clamp(22px, 3vw, 32px) !important;
  border-left:1px solid var(--home-rule) !important;
}
body.homeRefinedV509 .pillar::after{
  display:none !important;
}
body.homeRefinedV509 .pillar .k{
  color: color-mix(in oklab, var(--pAcc) 66%, var(--muted2));
  font-size:.7rem;
  letter-spacing:.16em;
  font-weight:820;
}
body.homeRefinedV509 .pillar h3{
  margin-top:12px;
  font-size: clamp(1.15rem, 1.5vw, 1.32rem);
  letter-spacing:-.035em;
}
body.homeRefinedV509 .pillar p{
  line-height:1.66;
  color: var(--home-ink-soft);
}
body.homeRefinedV509 .pillarMeta{
  margin-top:18px;
  color: var(--home-ink-faint);
}
body.homeRefinedV509 .pillarPreview{
  margin-top:22px;
  padding:0 0 0 16px;
  border:0 !important;
  border-left:2px solid color-mix(in oklab, var(--pAcc) 38%, var(--home-rule)) !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}
body.homeRefinedV509 .pillarPreview .pk{
  color: color-mix(in oklab, var(--pAcc) 64%, var(--muted2));
}
body.homeRefinedV509 .pillarPreview .pv,
body.homeRefinedV509 .pillarPreview .pd{
  color: var(--home-ink-soft);
}

/* Product proof demo: one calm exhibit, tabs as a text rail. */
body.homeRefinedV509 .whyAfter{
  margin-top: clamp(36px, 5vw, 58px);
}
body.homeRefinedV509 .supportCard{
  padding:0;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}
body.homeRefinedV509 .supportCard > .subHead{
  max-width: 74ch;
  margin-bottom: clamp(22px, 3vw, 32px);
}
body.homeRefinedV509 .supportGrid{
  grid-template-columns: minmax(250px, .42fr) minmax(0, .58fr);
  gap: clamp(28px, 4.4vw, 56px);
  align-items:start;
  padding-top: clamp(24px, 3vw, 34px);
  border-top:1px solid var(--home-rule);
}
body.homeRefinedV509 .supportGrid .demoLinkSvg{
  display:none !important;
}
body.homeRefinedV509 .supportList{
  gap:0;
  border-top:1px solid var(--home-rule);
  border-bottom:1px solid var(--home-rule);
}
body.homeRefinedV509 .supportRow{
  padding:20px 0 20px 18px;
  border:0 !important;
  border-left:2px solid transparent !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  transform:none !important;
}
body.homeRefinedV509 .supportRow + .supportRow{
  border-top:1px solid var(--home-rule) !important;
}
body.homeRefinedV509 .supportRow::after,
body.homeRefinedV509 .supportRow .dot{
  display:none !important;
}
body.homeRefinedV509 .supportRow.isActive{
  border-left-color: color-mix(in oklab, var(--demoAccent) 72%, var(--accent)) !important;
  background: linear-gradient(90deg, color-mix(in oklab, var(--demoAccent) 6%, transparent), transparent 54%) !important;
}
body.homeRefinedV509 .supportRow .t{
  font-size:1rem;
  letter-spacing:-.015em;
}
body.homeRefinedV509 .supportRow .d{
  color: var(--home-ink-soft);
  line-height:1.58;
}
body.homeRefinedV509 .supportDemoWrap,
body.homeRefinedV509 .studio,
body.homeRefinedV509 .studioFrame{
  border-color: var(--home-rule) !important;
  box-shadow: none !important;
}
body.homeRefinedV509 .supportDemoWrap{
  border-radius:26px;
  background: color-mix(in oklab, var(--surface) 88%, white 12%);
  box-shadow: 0 24px 70px rgba(15,23,42,.06) !important;
}
body.homeRefinedV509 .studioChrome{
  border-bottom-color: var(--home-rule);
  background: color-mix(in oklab, var(--surface2) 58%, transparent);
}
body.homeRefinedV509 .studioTile,
body.homeRefinedV509 .studioCardLite,
body.homeRefinedV509 .notice.demoNotice{
  border-radius:0 !important;
  box-shadow:none !important;
  background:transparent !important;
  border-color: var(--home-rule) !important;
}
body.homeRefinedV509 .critChips,
body.homeRefinedV509 .transferOpts{
  gap:8px;
}
body.homeRefinedV509 .critChip,
body.homeRefinedV509 .transferOpt{
  border-radius:999px;
  box-shadow:none;
}
body.homeRefinedV509 .supportCtaBar{
  margin-top: clamp(24px, 3.5vw, 36px);
  padding:18px 0 0;
  border-top:1px solid var(--home-rule);
  background:transparent !important;
  border-radius:0 !important;
  box-shadow:none !important;
}
body.homeRefinedV509 .supportCtaNote,
body.homeRefinedV509 .supportOutcomeCta{
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  padding:0 !important;
}
body.homeRefinedV509 .supportOutcomeCta{
  text-decoration:none;
}
body.homeRefinedV509 .supportOutcomeCta .a{
  margin-top:8px;
  color: color-mix(in oklab, var(--accent) 72%, var(--text));
}

/* CTA bands: calmer editorial callouts. */
body.homeRefinedV509 .ctaBand{
  margin-top: clamp(40px, 5vw, 64px);
  padding: clamp(24px, 3vw, 34px) 0;
  border:0;
  border-top:1px solid var(--home-rule);
  border-bottom:1px solid var(--home-rule);
  border-radius:0;
  background:transparent;
  box-shadow:none;
  overflow:visible;
}
body.homeRefinedV509 .ctaBand::after{
  display:none !important;
}
body.homeRefinedV509 .ctaInner{
  gap: clamp(18px, 3vw, 34px);
}
body.homeRefinedV509 .ctaInner h2{
  font-size: clamp(1.25rem, 2vw, 1.68rem);
  letter-spacing:-.035em;
}
body.homeRefinedV509 .ctaInner p{
  color: var(--home-ink-soft);
  line-height:1.62;
}
body.homeRefinedV509 .ctaButtons{
  gap:10px 14px;
}
body.homeRefinedV509 .ctaButtons .btn:not(.primary){
  padding-inline:0;
  border:0;
  background:transparent;
  text-decoration: underline;
  text-underline-offset:5px;
  text-decoration-thickness:1px;
  color: color-mix(in oklab, var(--text) 76%, var(--muted));
}
body.homeRefinedV509 .ctaButtons .btn.primary{
  border-radius:999px;
}

/* Courses remain real objects, but lose unnecessary heaviness. */
body.homeRefinedV509 #kurse{
  margin-top: clamp(44px, 6vw, 72px);
}
body.homeRefinedV509 .courseSectionTitle{
  padding-bottom: clamp(16px, 2.4vw, 22px);
  border-bottom:1px solid var(--home-rule);
}
body.homeRefinedV509 .courseSectionTitle h2::after{
  width:min(320px, 92%);
}
body.homeRefinedV509 #coursesGrid{
  gap: clamp(16px, 2vw, 22px);
  margin-top: clamp(20px, 3vw, 30px);
}
body.homeRefinedV509 .courseCard{
  border-color: var(--home-rule) !important;
  border-radius:26px;
  background: color-mix(in oklab, var(--surface) 88%, white 12%);
  box-shadow: 0 18px 50px rgba(15,23,42,.055);
}
body.homeRefinedV509 .courseCard:hover{
  transform: translateY(-2px);
  box-shadow: 0 24px 64px rgba(15,23,42,.075);
}
body.homeRefinedV509 .courseMedia{
  border-bottom-color: var(--home-rule);
}
body.homeRefinedV509 .coursePrice,
body.homeRefinedV509 .courseLevel,
body.homeRefinedV509 .coursePill,
body.homeRefinedV509 .courseBadge{
  box-shadow:none !important;
}

/* Quality CTA: whitepaper-like and less promotional. */
body.homeRefinedV509 .qualityBand{
  padding-bottom: clamp(36px, 5vw, 56px) !important;
}
body.homeRefinedV509 .qualityInner{
  grid-template-columns: minmax(0, 1fr) auto;
  align-items:end;
}
body.homeRefinedV509 .qualityCopy .eyebrow{
  color: color-mix(in oklab, var(--accent) 66%, var(--muted2));
}
body.homeRefinedV509 .qualityCopy .tagRow{
  padding-top:14px;
  border-top:1px solid var(--home-rule);
  max-width: 760px;
}
body.homeRefinedV509 .qualityButtons .btn:not(.primary){
  padding-inline:0;
  border:0;
  background:transparent;
}

@media (max-width: 980px){
  body.homeRefinedV509 .hero.heroPanel{
    grid-template-columns:1fr;
  }
  body.homeRefinedV509 .hero h1{
    max-width: 12ch;
    font-size: clamp(40px, 10vw, 64px);
  }
  body.homeRefinedV509 .heroStack{
    max-width: 620px;
  }
  body.homeRefinedV509 .steps,
  body.homeRefinedV509 .whyPillars,
  body.homeRefinedV509 .supportGrid,
  body.homeRefinedV509 .qualityInner{
    grid-template-columns:1fr;
  }
  body.homeRefinedV509 .step,
  body.homeRefinedV509 .pillar{
    padding:22px 0 !important;
  }
  body.homeRefinedV509 .step + .step,
  body.homeRefinedV509 .pillar + .pillar{
    border-left:0 !important;
    border-top:1px solid var(--home-rule) !important;
    padding-left:0 !important;
  }
  body.homeRefinedV509 .supportGrid{
    gap:28px;
  }
  body.homeRefinedV509 .qualityButtons{
    align-items:flex-start;
  }
}

@media (max-width: 700px){
  body.homeRefinedV509 .heroValueGrid,
  body.homeRefinedV509 .miniGrid{
    grid-template-columns:1fr;
  }
  body.homeRefinedV509 .heroValueCard,
  body.homeRefinedV509 .miniTile{
    padding:18px 0 !important;
  }
  body.homeRefinedV509 .heroValueCard + .heroValueCard,
  body.homeRefinedV509 .miniTile + .miniTile,
  body.homeRefinedV509 .miniTile.wide{
    border-left:0 !important;
    border-top:1px solid var(--home-rule) !important;
    padding-left:0 !important;
  }
  body.homeRefinedV509 .heroStack{
    padding:10px;
    border-radius:24px;
  }
  body.homeRefinedV509 .heroImage{
    border-radius:18px 18px 6px 6px;
  }
  body.homeRefinedV509 .ctaInner{
    align-items:flex-start;
  }
  body.homeRefinedV509 .ctaButtons{
    flex-direction:column;
    align-items:flex-start;
  }
}

/* Last-mile correction: cockpit preview is a three-part summary on desktop. */
body.homeRefinedV509 .miniGrid{
  grid-template-columns: repeat(3, minmax(0,1fr));
}
body.homeRefinedV509 .supportRow.isDim{
  opacity:.78;
  filter:none;
}
@media (max-width: 700px){
  body.homeRefinedV509 .miniGrid{
    grid-template-columns:1fr;
  }
}