/* Shared landing header. Source markup: shared/header.html. */
.top,.drawer{--ink:#342A23;--ink-2:#3F352D;--body:#5D5146;--muted-2:#A08E7A;--gold:#B8996E;--gold-deep:#6C573C;--gold-mid:#A38663;--gold-tint:#EBE0D5;--serif:"Cormorant Garamond",Georgia,serif;--sans:Manrope,system-ui,-apple-system,"Segoe UI",sans-serif;font-family:var(--sans);font-size:15px;line-height:1.6;color:var(--ink)}
.top *,.drawer *{box-sizing:border-box}.top button,.drawer button{font-family:inherit;line-height:inherit}.top a,.drawer a{text-decoration:none}
.top {
  position: sticky; top: 0; z-index: 30;
  height: 84px; display: flex; align-items: center; gap: 40px;
  padding: 0 5.4%;
  background: rgba(247, 240, 232, .92);
  backdrop-filter: blur(18px) saturate(1.4);
  -webkit-backdrop-filter: blur(18px) saturate(1.4);
  border-bottom: 1px solid rgba(113, 90, 67, .15);
}
.top__brand { position: relative; flex-shrink: 0; display: flex; flex-direction: column; text-decoration: none; color: var(--ink); }
.top__mark { position: absolute; top: -14px; left: 50%; transform: translateX(-50%); font-size: 12px; color: var(--gold); }
.top__word { font-family: var(--serif); font-weight: 500; font-size: 29px; line-height: 1; letter-spacing: .18em; }
.top__tag { margin-top: 5px; font-size: 9px; letter-spacing: .22em; text-transform: uppercase; color: var(--muted-2); white-space: nowrap; }
.top__nav { display: flex; align-items: center; gap: 28px; }
.top__nav a, .top__navbtn { position: relative; font-family: var(--serif); font-weight: 500; font-size: 16px; color: var(--ink); text-decoration: none; white-space: nowrap; }
/* «Карта» открывает окно расчёта, а не раздел — кнопка, но выглядит как соседи */
.top__navbtn { border: 0; background: none; padding: 0; cursor: pointer; line-height: inherit; }
.top__nav a::after, .top__navbtn::after { content: ''; position: absolute; left: 0; right: 0; bottom: -8px; height: 1px; background: var(--gold-mid); transform: scaleX(0); transition: transform .2s ease; }
.top__nav a:hover::after, .top__navbtn:hover::after { transform: scaleX(1); }
.top__navbtn:focus-visible { outline: 2px solid var(--gold-mid); outline-offset: 4px; }
.top__actions { display: flex; align-items: center; gap: 22px; }
.top__sky { margin-left: auto; display: flex; align-items: center; gap: 16px; padding-right: 20px; border-right: 1px solid rgba(113, 90, 67, .18); }
.top__skyitem { display: flex; flex-direction: column; gap: 2px; }
.top__skylabel { font-size: 8.5px; letter-spacing: .18em; text-transform: uppercase; color: var(--gold-mid); white-space: nowrap; }
.top__skyval { font-size: 13px; line-height: 1.1; color: var(--ink); white-space: nowrap; }
.top__cta {
  display: inline-flex; align-items: center; gap: 10px; padding: 10px 24px;
  border: 1px solid var(--gold-deep); border-radius: 25px; background: transparent;
  font-family: var(--serif); font-weight: 500; font-size: 16px; color: var(--ink); cursor: pointer; white-space: nowrap;
  transition: background .2s ease, transform .2s ease;
}
.top__cta span { color: var(--gold-mid); font-size: 13px; }
.top__cta:hover { background: var(--gold-tint); transform: translateY(-1px); }
.top__login { font-size: 13.5px; color: var(--body); text-decoration: none; white-space: nowrap; }
.top__login:hover { color: var(--gold-deep); }
.top__burger { display: none; width: 34px; padding: 4px 0; border: 0; background: none; cursor: pointer; flex-direction: column; gap: 7px; }
.top__burger span { display: block; height: 1px; background: var(--ink-2); }

.drawer {
  position: fixed; z-index: 40; inset: 0 0 0 auto; width: min(355px, 90vw);
  display: flex; flex-direction: column; padding: 44px 32px 32px;
  background: #F7EEE5; box-shadow: -12px 0 35px rgba(64, 44, 29, .15);
}
.drawer[hidden] { display: none; }
.drawer__close { position: absolute; top: 22px; right: 22px; border: 0; background: none; font-size: 20px; color: var(--ink); cursor: pointer; }
.drawer__word { margin: 0; font-family: var(--serif); font-weight: 500; font-size: 26px; letter-spacing: .18em; color: var(--ink); }
.drawer__links { display: flex; flex-direction: column; gap: 22px; margin-top: 56px; }
.drawer__links a { display: flex; justify-content: space-between; align-items: center; padding-bottom: 12px; border-bottom: 1px solid rgba(100, 78, 57, .18); font-family: var(--serif); font-weight: 500; font-size: 22px; color: var(--ink); text-decoration: none; }
.drawer__cta { margin-top: auto; padding: 15px; border: 1px solid var(--gold-deep); border-radius: 28px; background: transparent; font-family: var(--serif); font-weight: 500; font-size: 18px; color: var(--ink); cursor: pointer; }
body.is-drawer { overflow: hidden; }

@media(max-width: 1500px){
  .top { gap: 22px; padding: 0 3.5%; }
  .top__nav { gap: 18px; }
  .top__nav a, .top__navbtn { font-size: 15px; }
  .top__sky { gap: 12px; padding-right: 14px; }
  .top__skylabel { font-size: 8px; }
  .top__skyval { font-size: 12px; }
  .top__actions { gap: 14px; }
  .top__cta { padding: 9px 18px; font-size: 15px; }
}
@media(max-width: 1300px){
  .top { gap: 18px; padding: 0 2.5%; }
  .top__nav { gap: 15px; }
  .top__nav a, .top__navbtn { font-size: 14.5px; }
  .top__sky { gap: 10px; }
  .top__cta { padding: 8px 15px; font-size: 14px; gap: 8px; }
  .top__word { font-size: 26px; }
}
@media(max-width: 1140px){
  .top__sky { display: none; }
  .top__actions { margin-left: auto; }
}
@media(max-width: 940px){
  .top { height: auto; padding: 0 18px; gap: 16px; flex-wrap: wrap; }
  .top__brand, .top__actions { min-height: 68px; }
  .top__nav, .top__login { display: none; }
  .top__actions { margin-left: auto; }
  .top__sky { order: 10; margin-left: 0; flex-basis: 100%; justify-content: space-between; gap: 8px; padding: 7px 0 9px; border-right: 0; border-top: 1px solid rgba(113, 90, 67, .12); }
  .top__skyitem { min-width: 0; }
  .top__skylabel { font-size: 7.5px; }
  .top__skyval { font-size: 12px; }
  .top__word { font-size: 24px; }
  .top__tag { font-size: 8px; }
  .top__actions { gap: 14px; }
  .top__cta { padding: 9px 15px; font-size: 14px; }
  .top__burger { display: flex; }
}
.top__cta,.drawer__cta{text-decoration:none;line-height:1.6}.drawer__cta{text-align:center}.top__nav a[aria-current="page"]::after{transform:scaleX(1)}
.top__brand:hover{color:var(--ink)}.top__login{border:0;background:none;padding:0;cursor:pointer;font:inherit;font-size:15px}.top__burger{flex-shrink:0;min-height:40px;justify-content:center}
.top :focus-visible,.drawer :focus-visible{outline:2px solid var(--gold-mid);outline-offset:4px}.top .visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}
.drawer{overflow-y:auto;overscroll-behavior:contain;gap:24px}.drawer[hidden]{display:none!important}.drawer__close{min-width:40px;min-height:40px}.drawer__links{margin-top:24px}.drawer__cta{flex-shrink:0}
#reading,#result{scroll-margin-top:110px}
@media(max-width:940px){.top__brand{justify-content:center}.top__actions{align-items:center}.top__mark{top:1px}.top__login{display:none}.top__sky{display:none}}
@media(max-width:520px){.top__cta{display:none}}
@media(prefers-reduced-motion:reduce){.top *,.drawer *{transition:none!important}}