@media (min-width: 901px){

  .page--method .content-inner{
	display: grid;
	grid-template-columns: minmax(260px, 0.95fr) minmax(0, 1.6fr);
	column-gap: 56px;
	align-items: start;
  }

  /* Left column stack (headline + subhead) */
  .page--method .content-strap{
	grid-column: 1;
	margin: 0;
	display: grid;
	grid-template-rows: auto auto; /* h2 then h3 */
	row-gap: 18px;
  }

  .page--method .content-strap h2{
	margin: 0;
  }

  .page--method .content-strap h3{
	margin: 0;
	max-width: 28ch; /* optional */
  }

  /* Right column aligned to top of headline */
  .page--method .content-body{
	grid-column: 2;
	margin: 0;
  }

  .page--method .content-body h3:first-child{
	margin-top: 0;
  }
  
  .page--method .content-body{
	padding-top: 4px;
  }
}


@media (min-width: 901px){
  body.page--method .content-inner,
  body.page--contact .content-inner{
	display: grid;
	grid-template-columns: minmax(260px, 0.95fr) minmax(0, 1.6fr);
	column-gap: 56px;
	align-items: start;
  }

  body.page--method .content-strap,
  body.page--contact .content-strap{
	margin: 0;
  }

  body.page--method .content-body,
  body.page--contact .content-body{
	margin: 0;
  }

  body.page--method .content-body h3:first-child,
  body.page--contact .content-body h3:first-child{
	margin-top: 0;
  }
}

/* Contact map */
.page--contact .contact-map{
  width: 100%;
  aspect-ratio: 16 / 9;
  background: var(--panel);
  margin-bottom: 24px;
}

@media (min-width: 901px){
  .page--contact .contact-map{
	margin-bottom: 0;
  }
}

.page--contact #map{
  height: 520px;          /* fallback for any layout quirks */
  background: var(--panel);
}

@media (max-width: 900px){
  .page--contact #map{
	height: 420px;
  }
}