body { margin:0; font-family:Arial,Helvetica,sans-serif; line-height:1.5; }
.menu-section { max-width:1240px; margin:auto; padding:28px 24px 64px; }
.menu-section-breadcrumb { display:flex; flex-wrap:wrap; align-items:center; gap:10px; color:#66717b; font-size:13px; }
.menu-section-breadcrumb a { color:inherit; text-decoration:none; }
.menu-section-breadcrumb a:hover { text-decoration:underline; }
.menu-section-heading { display:flex; align-items:center; gap:16px; padding:24px 0 28px; margin-bottom:24px; border-bottom:1px solid #dce2e7; }
.menu-section-heading h1 { margin:0; font-size:30px; line-height:1.2; font-weight:700; overflow-wrap:anywhere; }
.menu-section-emblem { display:grid; place-items:center; width:52px; height:52px; flex-shrink:0; border-radius:8px; background:#e8effb; color:#1855a1; }
.menu-section-emblem svg { width:28px; height:28px; }
.menu-section-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; align-items:start; }
.menu-section-item { min-width:0; border:1px solid #dce2e7; border-radius:8px; background:#fff; overflow:hidden; transition:border-color .15s ease,box-shadow .15s ease; }
.menu-section-item:hover { border-color:#aebfce; box-shadow:0 3px 12px #2030400a; }
.menu-section-item h2 { margin:0; font-size:16px; font-weight:600; line-height:1.4; }
.menu-section-link { box-sizing:border-box; display:grid; grid-template-columns:36px minmax(0,1fr) 18px; align-items:center; gap:12px; min-height:94px; padding:18px; color:var(--theme-heading,#263d4f); text-decoration:none; overflow-wrap:anywhere; }
.menu-section-link:hover { color:#1458a3; background:#f8fafc; }
.menu-section-icon { display:grid; place-items:center; width:36px; height:36px; border-radius:6px; background:#f0f5f7; color:#3e6b72; }
.menu-section-icon svg { width:23px; height:23px; }
.menu-section-arrow { display:flex; color:#80909c; }
.menu-section-arrow svg { width:18px; height:18px; }
.menu-section-options { border-top:1px solid #e8edf0; }
.menu-section-options summary { display:flex; align-items:center; justify-content:space-between; gap:12px; min-height:44px; padding:0 18px; box-sizing:border-box; color:#536574; background:#fbfcfd; font-size:13px; cursor:pointer; list-style:none; }
.menu-section-options summary::-webkit-details-marker { display:none; }
.menu-section-expand { font-size:20px; line-height:1; }
.menu-section-options[open] .menu-section-expand { transform:rotate(45deg); }
.menu-section-options ul { list-style:none; padding:8px 18px 14px; margin:0; }
.menu-section-options ul ul { padding:0 0 4px 12px; border-left:1px solid #dce5ea; margin-left:4px; }
.menu-section-options li>a,.menu-section-options li>span { display:block; padding:9px 0; color:#435b6c; font-size:13px; line-height:1.5; overflow-wrap:anywhere; text-decoration:none; }
.menu-section-options a:hover { color:#1458a3; text-decoration:underline; text-underline-offset:3px; }
.menu-section :focus-visible { outline:3px solid #1672b8; outline-offset:-3px; }
@media(max-width:1000px) { .menu-section-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:600px) {
    .menu-section { padding:22px 16px 40px; }
    .menu-section-heading { gap:12px; padding:20px 0; margin-bottom:20px; }
    .menu-section-heading h1 { font-size:25px; }
    .menu-section-emblem { width:44px; height:44px; }
    .menu-section-grid { grid-template-columns:1fr; gap:12px; }
    .menu-section-link { min-height:82px; padding:16px; }
}
@media(prefers-reduced-motion:reduce) { .menu-section-item { transition:none; } }