/* checka editorial guidance · 2026-09-24 */
.pe-note{
  max-width:1080px;
  margin:clamp(34px,5vw,64px) auto;
  padding:22px 24px;
  border-top:1px solid rgba(0,24,60,.12);
  border-bottom:1px solid rgba(0,24,60,.10);
  background:linear-gradient(90deg,rgba(247,249,252,.92),rgba(255,255,255,.98));
}
.pe-note-copy{max-width:820px}
.pe-note-kicker{
  margin:0 0 7px;
  color:#b74608;
  font:700 11px/1.3 "Instrument Sans",system-ui,sans-serif;
  letter-spacing:.09em;
  text-transform:uppercase;
}
.pe-note h2{
  margin:0;
  color:#081a37;
  font:700 clamp(22px,2.2vw,30px)/1.12 "Bricolage Grotesque","Instrument Sans",system-ui,sans-serif;
  letter-spacing:-.02em;
}
.pe-note-answer{
  margin:10px 0 0;
  color:#33435d;
  font:500 16px/1.58 "Instrument Sans",system-ui,sans-serif;
}
.pe-note-meta{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px 26px;
  margin-top:16px;
}
.pe-note-meta p{
  margin:0;
  color:#5d6b7e;
  font:500 13px/1.52 "Instrument Sans",system-ui,sans-serif;
}
.pe-note-meta strong{color:#273a57}
.pe-note-links{
  display:flex;
  flex-wrap:wrap;
  gap:10px 20px;
  margin-top:15px;
}
.pe-note-links a{
  color:#173b68;
  font:700 13px/1.4 "Instrument Sans",system-ui,sans-serif;
  text-decoration:underline;
  text-underline-offset:4px;
}
.pe-note-links a:first-child{color:#c84f0a}
.pe-note-links a:focus-visible{
  outline:3px solid rgba(242,96,10,.28);
  outline-offset:3px;
  border-radius:4px;
}
@media (max-width:760px){
  .pe-note{margin:28px 16px 42px;padding:18px 4px}
  .pe-note-meta{grid-template-columns:1fr;gap:9px}
  .pe-note-links{gap:8px 16px}
}