.sfn-menus-public { margin-top: clamp(3rem, 6vw, 5rem); padding-top: clamp(3rem, 6vw, 5rem); border-top: 1px solid #dce6e7; }
.sfn-menus-heading { display: grid; grid-template-columns: 1fr minmax(240px, .65fr); gap: 3rem; align-items: end; margin-bottom: 2rem; }
.sfn-menus-heading h2 { margin: 0; font-size: clamp(2.2rem, 4vw, 3.6rem); }
.sfn-menus-heading > p { margin: 0; color: #5e747d; }
.sfn-menus-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; }
.sfn-menu-card { display: grid; grid-template-columns: auto 1fr auto; gap: 1rem; align-items: center; min-height: 116px; padding: 1.2rem; border: 1px solid #dce6e7; border-radius: 1rem; color: #16313d; background: #fff; box-shadow: 0 8px 25px rgba(7,59,87,.07); transition: transform .2s, box-shadow .2s, border-color .2s; }
.sfn-menu-card:hover, .sfn-menu-card:focus-visible { transform: translateY(-3px); border-color: #0086cd; box-shadow: 0 14px 34px rgba(7,59,87,.12); }
.sfn-menu-icon { display: grid; width: 48px; height: 48px; place-items: center; border-radius: 13px; color: #fff; background: #0086cd; font-size: .7rem; font-weight: 800; letter-spacing: .06em; }
.sfn-menu-card strong, .sfn-menu-card small { display: block; }
.sfn-menu-card small { margin-top: .25rem; color: #5e747d; }
.sfn-menu-arrow { color: #0086cd; font-size: 1.25rem; }
@media (max-width: 900px) {
  .sfn-menus-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 640px) {
  .sfn-menus-heading, .sfn-menus-grid { grid-template-columns: 1fr; }
  .sfn-menus-heading { gap: 1rem; }
}