.hugo-af4{width:100%;margin:0 0 14px;padding:10px 12px;border:1px solid #e1e7ef;border-radius:11px;background:#fff;box-shadow:0 3px 10px rgba(23,54,95,.05)}
.hugo-af4__head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}
.hugo-af4__head h2{margin:0;font-size:16px;line-height:1.2;color:#17365f}
.hugo-af4__head a{color:#1b5aa5;font-size:13px;font-weight:700;text-decoration:none}
.hugo-af4__desktop{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
.hugo-af4__desktop>a{display:flex;align-items:center;justify-content:center;gap:6px;min-height:34px;padding:6px 8px;border:1px solid #dbe4ef;border-radius:8px;background:#f7fbff;color:#17365f;font-size:13px;line-height:1.15;text-decoration:none;text-align:center;transition:.15s ease}
.hugo-af4__desktop>a:hover,.hugo-af4__desktop>a.is-active{border-color:#1b5aa5;background:#eef6ff;box-shadow:0 3px 8px rgba(27,90,165,.10);transform:translateY(-1px)}
.hugo-af4__desktop span{font-size:16px;line-height:1}
.hugo-af4__mobile{display:none}
@media(max-width:849px){.hugo-af4__desktop{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:549px){.hugo-af4{padding:10px;margin-bottom:14px}.hugo-af4__head{margin-bottom:7px}.hugo-af4__head h2{font-size:16px}.hugo-af4__desktop{display:none}.hugo-af4__mobile{display:block}.hugo-af4__mobile label{display:none}.hugo-af4__mobile select{width:100%;height:38px;margin:0;border:1px solid #cfd9e6;border-radius:8px;background:#fff;color:#17365f;font-size:14px;font-weight:600}}