.am-sec{position:relative;width:100%;padding-block:2rem;padding-inline:max(1rem, calc((100% - var(--page-max)) / 2))}
.sd-tri{clip-path:polygon(0 0,100% 0,100% 100%,0 calc(100% - 36px));padding-bottom:4rem}
.g-2,.g-4,.g-dl{display:grid;gap:1rem}
.g-2>*,.g-4>*,.g-dl>*{min-width:0}
.np-3{column-gap:2rem;column-rule:1px solid var(--border-soft)}
.np-3>*{break-inside:avoid}
.mw-txt{max-width:68ch}

@media (min-width:640px){
  .g-4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .g-dl{grid-template-columns:minmax(0,12rem) minmax(0,1fr);row-gap:.25rem}
}

@media (min-width:768px){
  .g-2{grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem}
}

@media (min-width:1024px){
  .am-sec{padding-block:3rem}
  .sd-tri{clip-path:polygon(0 0,100% 0,100% 100%,0 88%);padding-bottom:5rem}
  .g-4{grid-template-columns:repeat(4,minmax(0,1fr));gap:1.5rem}
  .np-3{columns:3;column-gap:2rem;column-rule:1px solid #ddd}
}