/* Intelligent Title — Every Role, One Record v1.9 (homepage) */
.er{background:linear-gradient(180deg,#F1F7F9 0%,#FFFFFF 100%);padding:88px 24px 92px;color:#0F2342}
.er-wrap{max-width:1180px;margin:0 auto}
.er-head{text-align:center;max-width:780px;margin:0 auto 44px}
.er-k{font:700 12px/1 Inter,system-ui,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#0E7F91;margin:0 0 14px}
.er-h{font-family:"Source Serif 4",Georgia,serif;font-weight:700;font-size:clamp(30px,3.3vw,44px);line-height:1.14;letter-spacing:-.01em;color:#0F2342;margin:0 0 16px}
.er-lede{font:400 18px/1.6 Inter,system-ui,sans-serif;color:#3E4C63;margin:0}
.er-lede sup{font-size:.55em;vertical-align:.7em;line-height:0}

.er-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.er-card a{display:flex;flex-direction:column;height:100%;background:#fff;border:1px solid #D9E6EC;border-radius:16px;overflow:hidden;text-decoration:none;color:inherit;
  box-shadow:0 12px 30px -22px rgba(15,35,66,.45);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.er-card picture{display:block;aspect-ratio:16/10;overflow:hidden;background:#E6EEF2}
.er-card img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease}
.er-body{display:flex;flex-direction:column;flex:1;padding:22px 24px 22px;border-top:3px solid #14A3B8}
.er-role{font:700 12px/1.3 Inter,system-ui,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#0E7F91;margin:0 0 12px}
.er-q{font-family:"Source Serif 4",Georgia,serif;font-weight:600;font-size:20px;line-height:1.35;color:#0F2342;margin:0 0 10px}
.er-a{font:400 15px/1.55 Inter,system-ui,sans-serif;color:#3E4C63;margin:0 0 18px}
.er-go{margin-top:auto;font:700 14px/1.2 Inter,system-ui,sans-serif;color:#0E7F91}
.er-card a:hover,.er-card a:focus-visible{transform:translateY(-4px);border-color:#14A3B8;box-shadow:0 22px 40px -22px rgba(14,127,145,.55)}
.er-card a:hover img{transform:scale(1.03)}
.er-card a:focus-visible{outline:3px solid #5FD3E3;outline-offset:3px}

.er-record{margin-top:36px;display:flex;align-items:center;justify-content:space-between;gap:32px;background:#fff;border:1px solid #D9E6EC;border-left:4px solid #14A3B8;border-radius:16px;padding:28px 32px;box-shadow:0 12px 30px -24px rgba(15,35,66,.4)}
.er-record-k{font:700 12px/1 Inter,system-ui,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#0F2342;margin:0 0 14px}
.er-points{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,auto);justify-content:start;gap:10px 28px}
.er-points li{display:flex;align-items:center;gap:10px;font:500 15px/1.4 Inter,system-ui,sans-serif;color:#0F2342}
.er-points svg{flex:none;color:#0E7F91}
.er-note{font:400 13.5px/1.5 Inter,system-ui,sans-serif;color:#5A6A82;margin:14px 0 0}
.er-record-r{display:flex;flex-direction:column;gap:10px;flex:none}
.er-btn{display:inline-block;text-align:center;font:700 15px/1 Inter,system-ui,sans-serif;padding:15px 22px;border-radius:10px;text-decoration:none;transition:background .2s,transform .2s,box-shadow .2s}
.er-btn-p{background:#0E7F91;color:#fff !important;box-shadow:0 10px 22px -12px rgba(14,127,145,.8)}
.er-btn-p:hover{background:#0B6F7F;transform:translateY(-1px)}
.er-btn-s{background:#fff;color:#0E7F91 !important;border:1.5px solid #14A3B8}
.er-btn-s:hover{background:#F1F7F9}

@media (max-width:1024px){
  .er-grid{grid-template-columns:repeat(2,1fr)}
  .er-record{flex-direction:column;align-items:flex-start}
  .er-points{grid-template-columns:1fr}
  .er-record-r{flex-direction:row;flex-wrap:wrap}
}
@media (max-width:640px){
  .er{padding:60px 18px 64px}
  .er-head{text-align:left;margin-bottom:28px}
  .er-lede{font-size:16.5px}
  .er-grid{grid-template-columns:1fr;gap:14px}
  .er-card a{flex-direction:row}
  .er-card picture{aspect-ratio:auto;width:34%;flex:none}
  .er-body{padding:16px 16px 16px;border-top:0;border-left:3px solid #14A3B8}
  .er-role{font-size:11px;margin-bottom:8px}
  .er-q{font-size:16.5px;margin-bottom:6px}
  .er-a{font-size:13.5px;margin-bottom:10px}
  .er-go{font-size:13px}
  .er-record{padding:22px 20px}
  .er-points{grid-template-columns:1fr}
  .er-record-r{flex-direction:column;width:100%}
  .er-btn{width:100%;font-size:14px;padding:15px 14px}
}
@media (prefers-reduced-motion:reduce){.er-card a,.er-card img,.er-btn{transition:none}.er-card a:hover{transform:none}.er-card a:hover img{transform:none}}

/* v2.1.9 — consequence close inside the every-role record strip */
.er-record-main{flex:1;min-width:280px}
.er-record-h{margin:0 0 12px;font:600 clamp(20px,2.4vw,27px)/1.3 "Source Serif 4",Georgia,serif;color:#0F2342}
.er-record-p{margin:0 0 10px;font:400 15.5px/1.65 Inter,Arial,sans-serif;color:#3E4C63;max-width:640px}
.er-record-close{margin:0;font-weight:600;color:#0F2342}
.er-record-cta{display:flex;flex-direction:column;gap:10px;flex:none;min-width:260px}
.er-cta-primary{display:inline-block;text-align:center;padding:14px 22px;border-radius:10px;background:#14A3B8;color:#fff !important;font:700 15.5px/1 Inter,Arial,sans-serif;text-decoration:none;box-shadow:0 10px 24px -14px rgba(14,127,145,.6)}
.er-cta-primary:hover{background:#0E7F91}
.er-cta-secondary{display:inline-block;text-align:center;padding:13px 22px;border-radius:10px;background:#fff;border:1.5px solid #14A3B8;color:#0E7F91 !important;font:700 15.5px/1 Inter,Arial,sans-serif;text-decoration:none}
.er-cta-secondary:hover{background:#F0FBFC}
@media (max-width:860px){.er-record{flex-direction:column;align-items:stretch}.er-record-cta{min-width:0}}