.sk { position: absolute; top: 8px; left: 12px; z-index: 10; padding: 14px 20px; background: white; transform: translateY(-160%); border: 3px solid var(--blue); border-radius: 18px; }
.sk:focus { transform: none; }
.hdr { background: var(--yellow); }
.top { display: flex; justify-content: space-between; align-items: center; padding-block: 26px 30px; gap: 24px; }
.mark { display: flex; align-items: center; gap: 13px; color: var(--ink); font: 700 27px/1 var(--head); text-decoration: none; padding-block: 5px; min-height: 58px; }
.sub { display: block; font: 400 16px/1.25 var(--body); margin-top: 5px; }
.seal { width: 43px; height: 43px; background: var(--blue); border-radius: 50% 50% 12px 50%; flex: 0 0 auto; transform: rotate(-14deg); }
.loc { font: 400 17px/1.35 Georgia, serif; text-align: right; }
.tabs { display: grid; grid-template-columns: repeat(3, 1fr); align-items: stretch; gap: 8px; border-bottom: 3px solid var(--ink); }
.tab { display: flex; align-items: center; justify-content: center; text-align: center; background: #fffce1; color: var(--ink); border: 2px solid transparent; border-bottom: none; border-radius: 22px 22px 0 0; padding: 17px 20px 19px; min-height: 66px; font: 700 18px/1.3 var(--head); text-decoration: none; }
.tab:nth-child(2) { background: #e8e0f8; }
.tab:nth-child(3) { background: #dceafa; }
.tab[aria-current="page"] { border-color: var(--ink); background: var(--ground); box-shadow: 0 3px 0 var(--ground); position: relative; }
.home .tab[aria-current="page"] { background: var(--yellow); box-shadow: 0 3px 0 var(--yellow); }
.tab:hover { text-decoration: underline; text-underline-offset: .25em; }
.foot { padding-block: 30px; background: var(--lilac); border-top: 3px solid var(--ink); }
.end { display: flex; gap: 34px; justify-content: space-between; align-items: center; }
.end p { font-size: 16px; max-width: 66ch; }
.end a { display: inline-flex; min-height: 48px; flex: 0 0 auto; align-items: center; gap: 15px; font-size: 16px; padding: 10px 0 10px 12px; }
@media (max-width: 760px) {
  .top { padding-block: 20px 24px; gap: 12px; }
  .mark { font-size: 25px; gap: 10px; }
  .loc { font-size: 16px; }
  .seal { width: 35px; height: 35px; }
  .tabs { gap: 4px; }
  .tab { padding: 15px 7px 17px; font-size: 16px; min-height: 92px; border-radius: 17px 17px 0 0; }
  .end { flex-direction: column; align-items: start; gap: 14px; }
  .end a { padding-left: 0; }
}