/**
 * AM2027 — status messages.
 * Aligned to the page grid like any other section, with a left accent rule
 * carrying the type colour. Markup hooks come from the theme's own
 * status-messages.html.twig; core's default emits no classes.
 */

.messages-list{max-width:var(--maxw);margin:0 auto;padding:18px 28px 0}
.messages-list:empty{display:none}

.messages{
  position:relative;border-radius:6px;
  border:1px solid var(--line);border-left:3px solid var(--slate);
  background:#fff;color:var(--navy);
  padding:13px 18px;font-size:calc((14.5px) * var(--fs,1));line-height:1.5;
}
.messages + .messages{margin-top:10px}
.messages a{color:var(--teal);text-decoration:underline;text-underline-offset:2px}
.messages a:hover{color:var(--teal-dark)}
.messages__list{margin:0;padding-left:20px}
.messages__list li + li{margin-top:4px}

.messages--status{background:var(--card-mint);border-color:#CBE4DB;border-left-color:var(--teal)}
.messages--info{background:var(--card-blue);border-color:#CCE0F2;border-left-color:var(--navy-2)}
.messages--warning{background:#FDF3E7;border-color:#F3DCC2;border-left-color:var(--orange)}
.messages--error{background:#FBECEC;border-color:#EFCFCF;border-left-color:#B3261E}
.messages--error a{color:#8C1D18}

@media(max-width:560px){
  .messages-list{padding:14px 16px 0}
  .messages{padding:12px 14px;font-size:calc((14px) * var(--fs,1))}
}