.avt-hero {
  --avt-a: #2f5d50;
  --avt-tint: #f6f3ee;
  --avt-line: #ece6dc;
  --avt-serif: Georgia, "Times New Roman", serif;
}
.avt-hero .gk-stagerow + .marquee { margin-top: -1px; }

.avt-stage { padding: 8px 32px 0; }
.avt {
  display: grid;
  grid-template-columns: 300px minmax(0, 1fr);
  grid-template-rows: auto 1fr auto;
  grid-template-areas: "feed win" "tally win" "tally bar";
  gap: 14px 18px;
  padding: 24px 32px 8px;
}
.avt__feed { grid-area: feed; }
.avt__tally { grid-area: tally; align-self: start; }
.avt__win { grid-area: win; }
.avt__bar { grid-area: bar; }

.avt__feed { padding: 6px; display: flex; flex-direction: column; gap: 2px; }
.avt-feed__head {
  display: flex; align-items: center; justify-content: space-between;
  margin: 0; padding: 8px 8px 8px 10px;
  font: 600 10.5px/1 var(--font-ui); letter-spacing: .1em; text-transform: uppercase; color: #8b8f9a;
}
.avt-feed__net { display: inline-flex; align-items: center; gap: 6px; letter-spacing: 0; text-transform: none; font-weight: 500; color: var(--gk-soft); }
.avt-feed__net img { display: block; width: 14px; height: 14px; border-radius: 3px; }

.avt-card {
  display: grid; grid-template-columns: 64px minmax(0, 1fr); align-items: center; gap: 11px;
  width: 100%; padding: 8px; margin: 0;
  border: 0; border-radius: 9px; background: transparent;
  text-align: left; cursor: pointer; color: inherit;
  transition: background-color .15s ease;
}
.avt-card:hover { background: var(--gk-tint); }
.avt-card[aria-pressed="true"] { background: #eef1ff; box-shadow: inset 0 0 0 1px #c9d2ff; }
.avt-card:focus-visible { outline: 2px solid var(--brand); outline-offset: 1px; }
.avt-card__thumb {
  position: relative; display: grid; place-items: center;
  width: 64px; height: 48px; border-radius: 6px; overflow: hidden;
  background: #e9e4dc var(--photo) center / cover no-repeat;
}
.avt-card--listicle .avt-card__thumb { background-position: 30% 70%; }
.avt-card--listicle .avt-card__thumb::before { content: ""; position: absolute; inset: 0; background: rgb(20 26 33 / .38); }
.avt-card__thumb b { position: relative; font: 600 22px/1 var(--avt-serif); color: #fff; }
.avt-card--quiz .avt-card__thumb { background: var(--avt-tint); }
.avt-card__thumb i { display: grid; gap: 4px; width: 42px; }
.avt-card__thumb i span { height: 8px; border-radius: 3px; background: #fff; border: 1px solid var(--avt-line); }
.avt-card__thumb i span:nth-child(2) { border-color: var(--avt-a); background: #e8f0ed; }
.avt-card__text { display: flex; flex-direction: column; gap: 5px; min-width: 0; }
.avt-card__h {
  font: 500 12.5px/1.32 var(--font-ui); color: var(--ink-nav);
  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;
}
.avt-card__src { font: 400 10.5px/1 var(--font-ui); color: #9aa0ab; }

.avt__tally { padding: 12px 14px 8px; }
.avt-tally__head { margin: 0 0 6px; font: 600 10.5px/1 var(--font-ui); letter-spacing: .1em; text-transform: uppercase; color: #8b8f9a; }
.avt-tally__t { width: 100%; border-collapse: collapse; font: 400 12px/1 var(--font-ui); color: var(--ink-nav); font-variant-numeric: tabular-nums; }
.avt-tally__t th, .avt-tally__t td { padding: 8px 0; text-align: right; border-top: 1px solid #f0f1f3; }
.avt-tally__t thead th { border-top: 0; padding-top: 4px; font-weight: 400; font-size: 11px; color: #9aa0ab; }
.avt-tally__t th:first-child { text-align: left; }
.avt-tally__t tbody th { font-weight: 500; white-space: nowrap; }
.avt-tally__t tr.is-on th { color: var(--brand); }
.avt-tally__t td { transition: color .3s ease; }
.avt-tally__t td.is-bump { color: var(--brand); transition: none; }
.avt-lead {
  margin-left: 6px; padding: 3px 5px; border-radius: 5px;
  background: #e7f6ec; color: #15803d;
  font: 500 9.5px/1 var(--font-ui); vertical-align: 1px;
}
.avt-lead[hidden] { display: none; }

.avt-win { display: flex; flex-direction: column; height: 468px; overflow: hidden; }
.avt-win__bar {
  display: flex; align-items: center; gap: 5px; flex: none;
  height: 34px; padding: 0 12px;
  border-bottom: 1px solid #f0f1f3;
}
.avt-win__bar > i { width: 7px; height: 7px; border-radius: 50%; background: #e3e5ea; }
.avt-win__addr {
  display: inline-flex; align-items: center; gap: 6px; min-width: 0;
  margin: 0 auto; padding: 5px 12px; border-radius: 7px; background: #f5f5f7;
  font: 400 11.5px/1 var(--font-ui); color: #6b7280;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.avt-win__addr { max-width: calc(100% - 50px); }
.avt-win__addr > span { min-width: 0; overflow: hidden; text-overflow: ellipsis; }
.avt-win__addr svg { flex: none; width: 11px; height: 11px; fill: none; stroke: #16a34a; stroke-width: 1.3; stroke-linejoin: round; }
.avt-win__addr b { font-weight: 500; color: var(--brand); }
.avt-win__view { position: relative; flex: 1; min-height: 0; overflow: hidden; }
.avt-win__track {
  display: grid; grid-template-columns: 100% 100%; height: 100%;
  transition: transform .55s cubic-bezier(.22, .7, .16, 1);
}
.avt[data-screen="offer"] .avt-win__track { transform: translateX(-100%); }
.avt-win__story, .avt-win__offer { min-width: 0; height: 100%; overflow: hidden; }

.avt-page { display: flex; flex-direction: column; height: 100%; background: #fff; }
.avt-page[hidden] { display: none; }
.avt-page__label {
  flex: none; margin: 0; padding: 6px;
  background: var(--avt-tint); border-bottom: 1px solid var(--avt-line);
  font: 600 10.5px/1 var(--font-ui); letter-spacing: .14em; text-transform: uppercase; text-align: center; color: #6b5d4a;
}
.avt-page__nav { display: flex; align-items: center; gap: 12px; flex: none; height: 38px; padding: 0 22px; border-bottom: 1px solid #f4f4f6; }
.avt-page__logo { display: inline-flex; align-items: center; gap: 6px; }
.avt-page__logo i { width: 13px; height: 13px; border-radius: 50%; background: var(--avt-a); }
.avt-page__logo b { width: 52px; height: 6px; border-radius: 3px; background: #1f2937; opacity: .75; }
.avt-page__links { display: inline-flex; gap: 10px; margin-left: auto; }
.avt-page__links b { width: 28px; height: 5px; border-radius: 3px; background: #dcdfe4; }
.avt-page__col {
  flex: 1; min-height: 0; overflow: hidden;
  width: min(540px, 100% - 44px); margin: 0 auto; padding: 18px 0 0;
}
.avt-page__kicker {
  display: block; margin: 0;
  font: 600 9.5px/1 var(--font-ui); letter-spacing: .1em; text-transform: uppercase; color: var(--avt-a);
}
.avt-page__h { margin: 8px 0 0; font: 700 23px/1.16 var(--avt-serif); letter-spacing: -.01em; color: #111; text-wrap: balance; }
.avt-page__by { display: flex; align-items: center; gap: 7px; margin: 10px 0 0; font: 400 10.5px/1 var(--font-ui); color: #7b808b; }
.avt-page__av { width: 18px; height: 18px; border-radius: 50%; background: #e5e7eb url(/assets/img/avatars/ana.jpg) center / cover; }
.avt-page__photo { display: block; height: 96px; margin-top: 12px; border-radius: 6px; background: #e9e4dc var(--photo) center 60% / cover no-repeat; }
.avt-page__p { margin: 11px 0 0; font: 400 13px/1.5 var(--avt-serif); color: #2b2f36; }
.avt-page__lines { display: grid; gap: 7px; margin-top: 12px; }
.avt-page__lines i { display: block; height: 6px; border-radius: 3px; background: #eceef1; }
.avt-page__lines i.short { width: 62%; }
.avt-page__box {
  display: flex; align-items: center; justify-content: space-between; gap: 12px;
  margin-top: 14px; padding: 11px 12px 11px 14px;
  border-radius: 8px; background: var(--avt-tint); border: 1px solid var(--avt-line);
  font: 600 12px/1.3 var(--font-ui); color: #1f2937;
}
.avt-page__cta {
  position: relative; flex: none;
  display: inline-flex; align-items: center; gap: 6px;
  padding: 8px 11px; border-radius: 6px;
  background: var(--avt-a); color: #fff;
  font: 600 11px/1 var(--font-ui); white-space: nowrap;
  cursor: pointer;
  transition: background-color .2s ease;
}
.avt-page__cta > svg:not(.avt-ptr) { width: 12px; height: 12px; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
.avt-page__cta.is-press { background: #1d3f36; }
.avt-page__cta--sm { padding: 6px 9px; font-size: 10px; }
.avt-page__cta--ghost { background: #fff; color: var(--avt-a); box-shadow: inset 0 0 0 1px #cfe0da; cursor: default; }
.avt-ptr {
  position: absolute; right: -10px; bottom: -12px;
  width: 17px; height: 17px; fill: #fff; stroke: #141a21; stroke-width: 1.1;
  opacity: 0; transition: opacity .2s ease;
}
.avt-page__cta.is-press .avt-ptr, .avt.is-auto .avt-page__cta .avt-ptr { opacity: 1; }

.avt-page__list { list-style: none; margin: 12px 0 0; padding: 0; display: grid; gap: 10px; }
.avt-page__list li { display: grid; grid-template-columns: 26px minmax(0, 1fr) auto; align-items: center; gap: 10px; padding: 10px 0 0; border-top: 1px solid #f0f1f3; }
.avt-page__n {
  display: grid; place-items: center; width: 26px; height: 26px; border-radius: 50%;
  background: var(--avt-tint); border: 1px solid var(--avt-line);
  font: 700 12px/1 var(--avt-serif); color: var(--avt-a);
}
.avt-page__it { display: grid; gap: 6px; min-width: 0; }
.avt-page__it b { font: 700 13.5px/1.25 var(--avt-serif); color: #111; }
.avt-page__it i { display: block; height: 5px; border-radius: 3px; background: #eceef1; }
.avt-page__it i.short { width: 58%; }

.avt-page__quiz {
  display: grid; gap: 7px;
  margin-top: 14px; padding: 14px;
  border-radius: 10px; border: 1px solid var(--avt-line); background: var(--avt-tint);
}
.avt-page__step { display: flex; align-items: center; gap: 10px; font: 500 10px/1 var(--font-ui); color: #7b808b; }
.avt-page__step b { font-weight: 500; white-space: nowrap; }
.avt-page__step i { flex: 1; height: 4px; border-radius: 2px; background: #e5ded3; }
.avt-page__step i span { display: block; width: 33%; height: 100%; border-radius: inherit; background: var(--avt-a); }
.avt-page__q { margin-top: 4px; font: 700 15px/1.25 var(--avt-serif); color: #111; }
.avt-page__opt {
  display: flex; align-items: center; gap: 9px;
  height: 32px; padding: 0 11px; border-radius: 7px;
  background: #fff; border: 1px solid #e3ddd2;
  font: 500 11.5px/1 var(--font-ui); color: #374151;
}
.avt-page__opt i { width: 12px; height: 12px; border-radius: 50%; border: 1.5px solid #c9c2b6; }
.avt-page__opt.is-pick { border-color: var(--avt-a); background: #eef4f1; color: #1f2937; }
.avt-page__opt.is-pick i { border-color: var(--avt-a); background: radial-gradient(circle, var(--avt-a) 45%, transparent 50%); }
.avt-page__quiz .avt-page__cta { justify-self: start; margin-top: 4px; }

.avt-page__foot {
  flex: none; display: flex; justify-content: center; gap: 16px;
  margin: 0; padding: 9px; border-top: 1px solid #f0f1f3;
  font: 400 10px/1 var(--font-ui); color: #8b8f9a;
}
.avt-page__foot span:first-child { font-weight: 600; color: #6b5d4a; }

.avt-offer { display: flex; flex-direction: column; height: 100%; background: #fff; }
.avt-offer__navbtn { margin-left: auto; padding: 6px 9px; border-radius: 5px; background: var(--avt-a); color: #fff; font: 600 10px/1 var(--font-ui); }
.avt-offer__body { flex: 1; min-height: 0; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 22px; padding: 22px; background: var(--avt-tint); }
.avt-offer__photo { border-radius: 10px; background: #e9e4dc var(--photo) center / cover no-repeat; }
.avt-offer__copy { display: flex; flex-direction: column; justify-content: center; gap: 10px; min-width: 0; }
.avt-offer__h { font: 700 22px/1.15 var(--font-ui); letter-spacing: -.02em; color: #111; text-wrap: balance; }
.avt-offer__teas { display: flex; align-items: center; gap: 5px; font: 400 11px/1 var(--font-ui); color: #6b7280; }
.avt-offer__teas i { width: 16px; height: 16px; border-radius: 50%; background: #6b8f3a; }
.avt-offer__teas i:nth-child(2) { background: #c89b3c; }
.avt-offer__teas i:nth-child(3) { background: #8a3b2e; margin-right: 4px; }
.avt-offer__price { font: 600 15px/1 var(--font-ui); color: #111; font-variant-numeric: tabular-nums; }
.avt-offer__btn { display: grid; place-items: center; height: 36px; border-radius: 7px; background: var(--avt-a); color: #fff; font: 600 12.5px/1 var(--font-ui); }
.avt-offer__note { font: 400 10.5px/1.4 var(--font-ui); color: #7b808b; }

.avt__bar { display: flex; align-items: center; gap: 16px; padding: 8px 10px; min-height: 52px; }
.avt-go {
  flex: none; display: inline-flex; align-items: center; gap: 7px;
  height: 34px; padding: 0 13px; border: 0; border-radius: 8px;
  background: var(--brand); color: #fff;
  font: 500 13px/1 var(--font-ui); cursor: pointer;
  transition: background-color .15s ease;
}
.avt-go:hover { background: #1a3be6; }
.avt-go svg { width: 14px; height: 14px; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; transition: translate .2s cubic-bezier(.2, .8, .3, 1); }
.avt-go:hover svg { translate: 2px 0; }
.avt-go--back { background: #fff; color: var(--ink-nav); box-shadow: inset 0 0 0 1px var(--gk-line); }
.avt-go--back:hover { background: var(--gk-tint); }
.avt-go--back:hover svg { translate: -2px 0; }
.avt-go[hidden] { display: none; }
.avt-go:focus-visible { outline: 2px solid var(--brand); outline-offset: 2px; }
.avt-log { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 6px 16px; min-width: 0; }
.avt-log li { display: inline-flex; align-items: center; gap: 6px; font: 400 12px/1.2 var(--font-ui); color: #a1a5ae; transition: color .3s ease; }
.avt-log i { display: grid; place-items: center; width: 16px; height: 16px; border-radius: 50%; background: #efeff2; transition: background-color .3s ease; }
.avt-log svg { width: 10px; height: 10px; fill: none; stroke: #b4b8c1; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; transition: stroke .3s ease; }
.avt-log li.is-on { color: var(--ink-nav); }
.avt-log li.is-on i { background: rgb(35 71 255 / .1); }
.avt-log li.is-on svg { stroke: var(--brand); }

html:not(.pg-js) .avt-go { display: none; }

@media (prefers-reduced-motion: reduce) {
  .avt-win__track, .avt-log li, .avt-log i, .avt-log svg { transition: none; }
}

.avt-angles__stage { padding: 32px; }
.avt-angles__note { margin: 14px 0 0; text-align: center; font: 400 13px/1.4 var(--font-ui); color: var(--gk-grey); }
.avt-ab {
  -webkit-mask-image: linear-gradient(to bottom, #000 calc(100% - 64px), transparent calc(100% - 6px));
  mask-image: linear-gradient(to bottom, #000 calc(100% - 64px), transparent calc(100% - 6px));
}
.avt-ab > .sk-frame { border-bottom-color: transparent; }
.avt-ab .ab { padding: 36px 56px 100px; }
.avt-ab .ab__vars { margin-top: 88px; }
.avt-ab p { margin: 0; }

.avt-ab .ab-url { height: 36px; padding: 0 12px 0 4px; border-radius: 10px; border: 1px solid var(--sk-edge); background: #fff; }
.avt-ab .ab-url__src { padding: 6px 8px; background: var(--sk-ground); color: var(--sk-mute); }
.avt-ab .ab-url__addr svg { stroke: var(--sk-mute); }
.avt-ab .ab-split__bar { border-color: var(--sk-edge); }
.avt-ab .ab-split__seg--a { background: var(--sk-bone); color: var(--sk-ink); }
.avt-ab .ab-split__foot { color: var(--sk-mute); }
.avt-ab .ab-split__even:disabled { color: var(--sk-faint); }

.avt-ab .ab__wire--a { stroke: #e3e5ea; }
.avt-ab .ab__wire--b { stroke: #c9d1ff; }
.avt-ab .ab__port--a { stroke: #c9ccd4; }
.avt-ab .ab__port--b { stroke: #9aa9ff; }
.avt-ab .ab__dot { fill: #c9ccd4; }
.avt-ab .ab__dot--b { fill: #9aa9ff; }

.avt-ab .ab-var__key { background: var(--sk-bone); color: var(--sk-ink); }
.avt-ab .ab-var--b .ab-var__key { background: var(--sk-brand); color: #fff; }
.avt-ab .ab-var__name { color: var(--sk-ink); }

.avt-ab__pick { position: relative; }
.avt-ab__page {
  display: flex; flex-direction: column; height: 232px; overflow: hidden;
  border-radius: 10px; border: 1px solid var(--sk-edge); background: #fff;
  transition: border-color .25s ease, opacity .35s ease;
}
.avt-ab .ab-var.is-lead .avt-ab__page { border-color: var(--sk-brand-edge); }
.avt-ab .ab-var.is-off .avt-ab__page, .avt-ab .ab-var.is-off .ab-var__stats { opacity: .45; }

.avt-ab__bar {
  display: flex; align-items: center; gap: 10px; flex: none; min-width: 0;
  height: 28px; padding: 0 11px; border-bottom: 1px solid var(--sk-edge);
  font: 400 10.5px/1 ui-monospace, "SF Mono", Menlo, monospace; color: var(--sk-faint); white-space: nowrap;
}
.avt-ab__bar > span:last-child { min-width: 0; overflow: hidden; text-overflow: ellipsis; }
.avt-ab__bar b { font-weight: 400; color: var(--sk-mute); }
.avt-ab__bar .sk-dots i { width: 6px; height: 6px; }
.avt-ab__body { flex: 1; min-height: 0; display: flex; flex-direction: column; gap: 9px; padding: 18px 18px 0; }
.avt-ab__body--story { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr); gap: 16px; padding-bottom: 16px; }
.avt-ab__copy { display: flex; flex-direction: column; gap: 9px; min-width: 0; }
.avt-ab__h { font: 500 14.5px/1.3 var(--font-ui); letter-spacing: -.01em; color: var(--sk-ink); text-wrap: balance; }
.avt-ab__lines { margin-top: 4px; }
.avt-ab__photo { border-radius: 8px; background: var(--sk-bone-lo); }
.avt-ab__list { display: grid; gap: 0; margin-top: 2px; }
.avt-ab__item { display: flex; align-items: center; gap: 10px; height: 34px; border-top: 1px solid #f3f3f5; }
.avt-ab__item b { flex: none; display: grid; place-items: center; width: 18px; height: 18px; border-radius: 50%; background: var(--sk-bone-lo); font: 500 10px/1 var(--font-ui); color: var(--sk-mute); }
.avt-ab__item .sk-bone { flex: 1; }
.avt-ab .ab-page__cta {
  display: block; flex: none; width: 78px; height: 20px; margin-top: auto;
  border-radius: 6px; background: #e3e6f0; box-shadow: none;
  transition: background-color .4s ease;
}
.avt-ab__item .ab-page__cta { width: 64px; margin: 0 0 0 auto; }
.avt-ab .ab-page__cta.is-hit { background: #c3cbff; box-shadow: none; transition: none; }

.avt-ab .ab-var__stats { margin-top: 22px; border-radius: 10px; border-color: #f1f1f4; background: #fff; }
.avt-ab .ab-var__stats div + div { border-left-color: #f1f1f4; }
.avt-ab .ab-var__stats dt { font-size: 11px; color: var(--sk-mute); }
.avt-ab .ab-var__stats dd { font-weight: 500; font-size: 16px; color: var(--sk-ink); }
.avt-ab .ab-var.is-lead [data-rate] { color: var(--sk-brand); }
.avt-vchips { display: flex; flex-wrap: wrap; gap: 4px 14px; margin: 10px 2px 0 !important; }
.avt-vchips span { display: inline-flex; align-items: center; gap: 6px; font: 400 11.5px/1.2 var(--font-ui); color: var(--sk-mute); }
.avt-vchips img { display: block; width: 12px; height: 12px; border-radius: 2px; }
.avt-vchips code { font: 400 11px/1 ui-monospace, "SF Mono", Menlo, monospace; color: var(--sk-ink); }
.avt-ab .ab-var__main { margin-top: 14px; border-color: var(--sk-edge); font-size: 12.5px; }
.avt-ab .ab__back { bottom: 64px; }

.avt-rv { display: flex; flex-direction: column; }
.avt-rv .gk-cell__title { margin-top: 10px; }
.avt-rv__n { margin: 20px 0 0; font: 500 11.5px/1 ui-monospace, "SF Mono", Menlo, monospace; color: var(--sk-faint, #b4b7bf); font-variant-numeric: tabular-nums; }

.avt-sk .sk-frame__in { display: flex; flex-direction: column; gap: 8px; }
.avt-sk s { flex: none; color: var(--sk-faint); text-decoration-color: #cfd2d9; }
.avt-sk svg { flex: none; width: 12px; height: 12px; fill: none; stroke: #a8adb8; stroke-width: 1.4; stroke-linecap: round; stroke-linejoin: round; }
.avt-sk__copy { padding: 4px 2px; }
.avt-sk__av { flex: none; width: 16px; height: 16px; border-radius: 50%; background: var(--sk-bone); }

.avt-sk__label {
  position: relative; display: grid; place-items: center; flex: none;
  height: 28px; border-radius: 7px; border: 1px solid var(--sk-edge);
  font: 500 10.5px/1 ui-monospace, "SF Mono", Menlo, monospace; letter-spacing: .16em; text-transform: uppercase; color: var(--sk-ink);
}
.avt-sk__nav { display: flex; align-items: center; gap: 8px; height: 22px; margin-top: 14px; padding: 0 2px; }

.avt-sk__row {
  position: relative; display: flex; align-items: center; gap: 7px; flex: none; min-width: 0;
  height: 34px; padding: 0 10px; border-radius: 8px; border: 1px solid var(--sk-edge);
  font: 400 12px/1 var(--font-ui); color: var(--sk-ink); white-space: nowrap;
}
.avt-sk__row s { font-size: 11.5px; }
.avt-sk__row b { min-width: 0; overflow: hidden; text-overflow: ellipsis; font-weight: 500; }
.avt-sk--date .avt-sk__row { margin: 2px 0 6px; }
.avt-sk__logo { background: var(--sk-bone); border-radius: 50%; }

.avt-sk__box { display: flex; flex-direction: column; gap: 8px; padding: 12px; border-radius: 9px; border: 1px solid #f1f1f4; }
.avt-sk__box .avt-sk__row { margin: 4px 0 6px; }
.avt-sk__btn { flex: none; height: 22px; border-radius: 6px; background: var(--sk-bone); }
.avt-sk__who { display: flex; align-items: center; gap: 7px; margin: 2px 0 2px !important; }
.avt-sk__note { position: relative; padding: 9px 10px; border-radius: 8px; border: 1px solid var(--sk-edge); font: 500 12px/1.4 var(--font-ui); color: var(--sk-ink); text-wrap: balance; }

.avt-sk--mast .avt-sk__row { margin-bottom: 8px; }
.avt-sk__foot { position: relative; display: grid; gap: 7px; margin-top: 6px !important; padding: 10px; border-radius: 8px; border: 1px solid var(--sk-edge); }
.avt-sk__links { display: flex; gap: 14px; font: 500 12px/1 var(--font-ui); color: var(--sk-ink); }
.avt-sk__mail { font: 400 11px/1 var(--font-ui); color: var(--sk-mute); }

@media (max-width: 1100px) {
  .avt { grid-template-columns: 268px minmax(0, 1fr); padding: 20px 8px 8px; }
  .avt-page__h { font-size: 21px; }
  .avt-log { gap: 6px 12px; }
  .avt-ab .ab { padding: 32px 32px 100px; }
}
@media (max-width: 900px) {
  .avt-stage { padding: 8px 20px 0; }
  .avt {
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: none;
    grid-template-areas: "feed" "win" "bar" "tally";
    padding: 12px 0 8px;
  }
  .avt__feed { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 2px; }
  .avt-feed__head { grid-column: 1 / -1; }
  .avt-card { grid-template-columns: minmax(0, 1fr); align-items: start; }
  .avt-card__thumb { width: 100%; height: 64px; }
  .avt-angles__stage { padding: 20px; }
  .avt-rv { display: grid; grid-template-columns: minmax(0, 340px) minmax(0, 1fr); grid-template-rows: 1fr auto auto auto 1fr; column-gap: 32px; }
  .avt-rv .avt-sk { grid-column: 1; grid-row: 1 / -1; }
  .avt-rv__n { grid-column: 2; grid-row: 2; margin-top: 0; }
  .avt-rv .gk-cell__title { grid-column: 2; grid-row: 3; }
  .avt-rv .gk-cell__text { grid-column: 2; grid-row: 4; }
}
@media (max-width: 760px) {
  .avt-ab .ab { padding: 24px 16px 104px; }
  .avt-ab .ab__vars { margin-top: 28px; }
}
@media (max-width: 640px) {
  .avt-stage { padding: 4px 12px 0; }
  .avt__feed { grid-template-columns: minmax(0, 1fr); }
  .avt-card { grid-template-columns: 56px minmax(0, 1fr); align-items: center; }
  .avt-card__thumb { width: 56px; height: 44px; }
  .avt-win { height: 476px; }
  .avt-page__h { font-size: 18px; }
  .avt-page__col { width: calc(100% - 28px); padding-top: 14px; }
  .avt-page__nav { padding: 0 14px; }
  .avt-page__photo { height: 72px; }
  .avt-page__box { flex-direction: column; align-items: flex-start; }
  .avt-page__list li { grid-template-columns: 24px minmax(0, 1fr); }
  .avt-page__list .avt-page__cta { grid-column: 2; justify-self: start; }
  .avt-offer__body { grid-template-columns: minmax(0, 1fr); grid-template-rows: 110px auto; gap: 14px; padding: 16px; }
  .avt-offer__h { font-size: 18px; }
  .avt__bar { flex-direction: column; align-items: flex-start; gap: 10px; padding: 10px 12px 12px; }
  .avt-log { flex-direction: column; }
  .avt-rv { display: flex; }
  .avt-rv__n { margin-top: 20px; }
  .avt-ab__body--story { grid-template-columns: minmax(0, 1fr); }
  .avt-ab__photo { display: none; }
}