/* Member copy has its own typography so administrator styles cannot flatten it. */
.member-copy {
  color:var(--ink,#252b33);
  font-size:16px;
  line-height:1.85;
  overflow-wrap:anywhere;
  word-break:keep-all;
  max-width:68ch;
  margin:1.25rem 0;
}
.member-copy p,
.member-copy h3 {
  white-space:pre-wrap;
  tab-size:4;
}
.member-copy p { margin:0 0 1em; line-height:inherit; font-size:inherit; }
.member-copy > :last-child,
.member-copy-section > :last-child { margin-bottom:0; }
.member-copy-section + .member-copy-section {
  margin-top:1.7rem;
  padding-top:1.5rem;
  border-top:1px solid var(--line,#dadde0);
}
.member-copy .member-copy-section h3 {
  margin:0 0 .65rem;
  font-size:1.05em;
  font-weight:750;
  line-height:1.65;
  color:var(--ink,#252b33);
}
.member-copy-quote {
  margin:1.1rem 0;
  padding:.9rem 1rem;
  border-left:3px solid var(--green,#3e5871);
  background:var(--canvas,#f6f4ef);
  border-radius:0 8px 8px 0;
}
.member-copy-quote p { margin:0; }
.member-guidance { margin:1.5rem 0; }
.member-guidance > h3 { margin-bottom:1rem; }
.member-guidance .member-copy { margin:0; }
.guidance-body .member-copy { font-size:16px; line-height:1.85; }
.member-response .member-copy { margin:0; }
.response-actions { margin-top:1.5rem; }
@media(max-width:680px) {
  body:not(.operator-page) > header { flex-direction:column; align-items:stretch; gap:14px; }
  body:not(.operator-page) #navigation { display:grid; grid-auto-flow:column; grid-auto-columns:minmax(0,1fr); gap:6px; }
  body:not(.operator-page) #navigation button,
  body:not(.operator-page) #navigation .button { min-height:44px; padding:8px 5px; font-size:13px; word-break:keep-all; }
}
@media(max-width:480px) {
  .route-actions,.response-actions { display:grid; grid-template-columns:minmax(0,1fr); gap:10px; }
  .route-actions > .button,.response-actions > button { width:100%; min-width:0; }
  .member-copy { font-size:16px; line-height:1.85; }
  .member-copy-quote { padding:.8rem; }
}