@import url("../country-guide-base.css");

.austria-article-page {
  --article-accent: #c9444b;
  --article-accent-light: #ffe0dd;
  --article-accent-dark: #8f2f35;
  --article-tint: #fff8f6;
  margin: 0;
}

.austria-article-page .article-hero.banknotes {
  --article-accent: #d76768;
  --article-accent-light: #ffe0dd;
  --article-accent-dark: #8f2f35;
}

.austria-article-page .article-hero.payments {
  --article-accent: #63b3ac;
  --article-accent-light: #d9f1ec;
  --article-accent-dark: #23685f;
}

.austria-article-page .article-hero.mountain {
  --article-accent: #78a77a;
  --article-accent-light: #e0f0dc;
  --article-accent-dark: #315f43;
}

.austria-article-page .article-hero.tipping {
  --article-accent: #e4b54d;
  --article-accent-light: #fff0b6;
  --article-accent-dark: #825523;
}

.austria-article-page .article-hero.planner {
  --article-accent: #7da8ce;
  --article-accent-light: #deebf7;
  --article-accent-dark: #315d82;
}

.austria-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  margin: 28px 0;
}

.austria-card {
  min-width: 0;
  padding: 18px;
  border: 2px solid var(--ink);
  border-radius: 6px;
  background: linear-gradient(140deg, var(--article-accent-light), #fff 145%);
  box-shadow: 4px 5px 0 var(--article-accent-dark);
}

.austria-card strong,
.austria-card span {
  display: block;
}

.austria-card strong {
  margin-bottom: 6px;
}

.austria-card span {
  color: var(--muted);
  font-size: .92rem;
}

.austria-note {
  display: grid;
  gap: 8px;
  margin: 30px 0;
  padding: 21px 23px;
  border: 3px solid var(--ink);
  border-radius: 7px;
  background: linear-gradient(135deg, #ffe0dd 0%, #fff0b6 54%, #d9f1ec 100%);
  box-shadow: 6px 7px 0 var(--ink);
  transform: rotate(-.3deg);
}

.austria-note strong,
.austria-note span {
  display: block;
}

.austria-note strong {
  font-size: 1.05rem;
}

.austria-note span {
  color: #303735;
}

.coin-story {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin: 26px 0;
}

.coin-story > div {
  min-width: 0;
  padding: 15px 12px;
  border: 2px solid var(--ink);
  border-radius: 6px;
  background: #fff9ed;
  text-align: center;
  box-shadow: 3px 4px 0 var(--article-accent-dark);
}

.coin-story strong,
.coin-story span {
  display: block;
}

.coin-story strong {
  margin-bottom: 4px;
  font-size: 1.05rem;
}

.coin-story span {
  color: var(--muted);
  font-size: .8rem;
}

.spoken-total {
  display: grid;
  gap: 7px;
  margin: 28px 0;
  padding: 22px;
  border: 3px solid var(--ink);
  border-radius: 6px;
  background: #fffdf4;
  box-shadow: 7px 8px 0 #e4b54d;
}

.spoken-total .bill {
  color: var(--muted);
  font-size: .88rem;
  font-weight: 800;
  text-transform: uppercase;
}

.spoken-total strong {
  font-size: clamp(1.5rem, 5vw, 2.7rem);
  line-height: 1;
}

.spoken-total em {
  color: #8f2f35;
  font-style: normal;
  font-weight: 900;
}

.article-footnote {
  color: var(--muted);
  font-size: .88rem;
}

@media (max-width: 760px) {
  .coin-story {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 700px) {
  .austria-grid {
    grid-template-columns: 1fr;
  }

  .austria-note {
    padding: 18px;
    transform: none;
  }
}