/* The Blacksburg Tavern — preset "tavern-ruled"
 *
 * Colours are sampled from the tavern's own printed menu (cream paper, barn-red rules,
 * near-black ink) and from the one photograph of the house (the red table umbrellas, the lit
 * windows at dusk).
 *
 * The structural device is the RULED BOX: the double rule, thick outside and thin inside,
 * that they already print around every heading on that menu. It is theirs; it is reproduced
 * here in CSS rather than invented.
 *
 * One family throughout — EB Garamond — served locally (assets/fonts, OFL 1.1, provenance in
 * assets/fonts/README.md), so the page makes no third-party request at runtime.
 *
 * Polish pass 2026-09-24: warmer hero with an hours "glance" bar, a scannable menu
 * (name · dotted leader · price, a section index), family-style as a feature, a story with
 * rhythm, a visit card built from the ruled-box device, 44px tap targets on phones.
 */

/* latin-ext */
@font-face {
  font-family: 'EB Garamond';
  font-style: italic;
  font-weight: 400 600;
  font-display: swap;
  src: url(fonts/ebgaramond_v33_SlGWmQSNjdsmc35JDF1K5GRweDU1ZzPJ.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'EB Garamond';
  font-style: italic;
  font-weight: 400 600;
  font-display: swap;
  src: url(fonts/ebgaramond_v33_SlGWmQSNjdsmc35JDF1K5GRweDs1Zw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'EB Garamond';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url(fonts/ebgaramond_v33_SlGUmQSNjdsmc35JDF1K5GR7SDktYw.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'EB Garamond';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url(fonts/ebgaramond_v33_SlGUmQSNjdsmc35JDF1K5GR1SDk.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
  --paper: #f6efd8;
  --paper-deep: #eee4c6;
  --paper-edge: #e3d6b0;
  --barn: #8a3325;
  --barn-deep: #5e2018;
  --barn-night: #2a0e09;
  --lamp: #e9c48f;
  --ink: #1a1712;
  --ink-soft: #554e40;
  --rule: #c9bb98;

  --measure: 36rem;
  --gap: clamp(1.5rem, 3.5vw, 3rem);
  --band-y: clamp(3.75rem, 8vw, 7rem);
  --ease: cubic-bezier(.2, .7, .2, 1);

  --serif: 'EB Garamond', Georgia, 'Times New Roman', serif;
}

*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; scroll-padding-top: 5rem; }
@media (prefers-reduced-motion: no-preference) { html { scroll-behavior: smooth; } }

body {
  margin: 0;
  background: var(--paper);
  color: var(--ink);
  font-family: var(--serif);
  font-size: clamp(1.0625rem, 1rem + 0.3vw, 1.1875rem);
  line-height: 1.55;
  font-variant-numeric: oldstyle-nums;
  overflow-x: hidden;
}

img { max-width: 100%; height: auto; }
a { color: inherit; transition: color .18s var(--ease), border-color .18s var(--ease), background-color .18s var(--ease); }

:focus-visible { outline: 2px solid var(--barn); outline-offset: 3px; }
.hero :focus-visible, .band--deep :focus-visible, .site-foot :focus-visible { outline-color: var(--lamp); }

.skip {
  position: absolute; left: -9999px; top: 0; z-index: 50;
  background: var(--barn-deep); color: var(--paper); padding: 0.75rem 1rem;
}
.skip:focus { left: 0; }

.wrap { width: min(100% - 2rem, 66rem); margin-inline: auto; }
@media (min-width: 40em) { .wrap { width: min(100% - 4rem, 66rem); } }

/* ------------------------------------------------------------- the device */

.ruled {
  margin: 0 0 1.5rem;
  border: 2px solid var(--barn);
  padding: 3px;
  text-align: center;
  font-weight: 500;
  font-size: clamp(0.95rem, 0.9rem + 0.25vw, 1.0625rem);
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--barn-deep);
}
.ruled > span {
  display: block;
  border: 1px solid var(--barn);
  padding: 0.45rem 0.75rem;
}

/* ---------------------------------------------------------------- headings */

.head2 {
  text-wrap: balance;
  font-weight: 500;
  font-size: clamp(2.1rem, 1.4rem + 2.8vw, 3.5rem);
  line-height: 1.05;
  letter-spacing: -0.005em;
  margin: 0 0 0.75rem;
}
.head2--light { color: var(--paper); }

.lede {
  max-width: var(--measure);
  margin: 0 0 2rem;
  color: var(--ink-soft);
}

/* ------------------------------------------------------------------ header */

.site-head {
  position: sticky; top: 0; z-index: 20;
  background: rgba(246, 239, 216, 0.94);
  -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px);
  border-bottom: 1px solid var(--rule);
}
.site-head__inner {
  display: flex; align-items: center; gap: var(--gap);
  padding: 0.55rem 0; flex-wrap: wrap;
}
.site-head__mark {
  margin-right: auto;
  text-decoration: none;
  font-size: 1.375rem;
  letter-spacing: 0.02em;
  min-height: 44px; display: inline-flex; align-items: center;
}
.site-nav { display: flex; gap: clamp(0.25rem, 1.2vw, 1rem); flex-wrap: wrap; }
.site-nav a {
  text-decoration: none; color: var(--ink-soft);
  min-height: 44px; display: inline-flex; align-items: center;
  padding: 0 0.5rem;
  border-bottom: 1px solid transparent;
  font-size: 1.0625rem;
}
.site-nav a:hover { color: var(--ink); border-bottom-color: var(--barn); }
.site-head__tel {
  text-decoration: none; white-space: nowrap;
  min-height: 44px; display: inline-flex; align-items: center;
  padding: 0 1rem;
  background: var(--barn-deep); color: var(--paper);
  letter-spacing: 0.02em;
}
.site-head__tel:hover { background: var(--barn); }
.site-head__call { display: none; }
@media (min-width: 64em) { .site-head__call { display: inline; margin-right: 0.3em; } }

@media (max-width: 47.99em) {
  .site-head__inner { gap: 0 0.75rem; padding: 0.25rem 0 0; }
  .site-head__mark { font-size: 1.25rem; }
  .site-head__tel { padding: 0 0.8rem; font-size: 1rem; }
  .site-nav {
    order: 3; width: calc(100% + 2rem); margin: 0 -1rem; padding: 0 0.5rem;
    flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none;
    border-top: 1px solid var(--paper-edge);
  }
  .site-nav::-webkit-scrollbar { display: none; }
  .site-nav a { font-size: 1rem; white-space: nowrap; }
}

/* -------------------------------------------------------------------- hero */

.hero { position: relative; background: var(--barn-night); color: var(--paper); isolation: isolate; }
.hero__img {
  position: absolute; inset: 0; width: 100%; height: 100%;
  object-fit: cover; object-position: 62% 42%;
  z-index: -2;
  filter: saturate(1.08) contrast(1.04);
}
.hero__veil {
  position: absolute; inset: 0; z-index: -1;
  /* L-09: contrast over a photograph can only be judged by eye. Below 56em the text crosses the
     lit house and the white fence, so the narrow case keeps a strong vertical scrim. Wide
     layouts put the words over the dark left of the photograph, so the right side is left
     almost clear and the house glows at dusk as it does in their own picture. */
  background:
    linear-gradient(180deg, rgba(26, 9, 5, 0.84) 0%, rgba(26, 9, 5, 0.7) 50%, rgba(26, 9, 5, 0.9) 100%);
}
@media (min-width: 56em) {
  .hero__inner { min-height: min(72vh, 44rem); }
  .hero__veil {
    background:
      linear-gradient(95deg, rgba(26, 9, 5, 0.93) 0%, rgba(26, 9, 5, 0.8) 34%, rgba(26, 9, 5, 0.3) 62%, rgba(26, 9, 5, 0.06) 100%),
      linear-gradient(0deg, rgba(26, 9, 5, 0.7) 0%, rgba(26, 9, 5, 0) 30%);
  }
}
.hero__inner {
  display: flex; flex-direction: column; justify-content: center;
  padding: clamp(3.5rem, 9vw, 7rem) 0 clamp(3rem, 7vw, 5rem);
}
.hero__est {
  margin: 0 0 1rem;
  font-style: italic;
  color: var(--lamp);
  font-size: 1.125rem;
  letter-spacing: 0.02em;
}
.hero__head {
  text-wrap: balance;
  margin: 0 0 1.25rem;
  max-width: 15ch;
  font-weight: 500;
  font-size: clamp(2.6rem, 1.2rem + 5.4vw, 5rem);
  line-height: 1.0;
  letter-spacing: -0.012em;
  text-shadow: 0 2px 24px rgba(10, 3, 1, 0.45);
}
.hero__stand {
  max-width: 33rem; margin: 0 0 2.25rem;
  color: #f3e7d3;
  font-size: clamp(1.125rem, 1rem + 0.4vw, 1.3125rem);
  line-height: 1.5;
}
.hero__acts { display: flex; flex-wrap: wrap; gap: 0.75rem 1rem; margin: 0; }

/* The glance bar: where, when, how — the three questions a hungry visitor arrives with. */
.glance {
  position: relative;
  background: rgba(26, 9, 5, 0.86);
  border-top: 1px solid rgba(233, 196, 143, 0.3);
}
.glance__inner {
  display: grid; gap: 0.65rem 2rem;
  padding: 1rem 0 1.1rem;
}
@media (min-width: 56em) { .glance__inner { grid-template-columns: auto auto auto; justify-content: space-between; } }
.glance__item { margin: 0; color: #f0e2cb; font-size: 1rem; line-height: 1.45; }
.glance__k {
  display: block; margin-bottom: 0.1rem;
  font-size: 0.75rem; letter-spacing: 0.2em; text-transform: uppercase; color: var(--lamp);
}
.glance__h { display: block; }
.glance__item a { text-decoration: none; border-bottom: 1px solid rgba(233, 196, 143, 0.45); display: inline-flex; align-items: center; min-height: 44px; }
.glance__item a { margin-block: -0.6rem; }
.glance__item a:hover { border-bottom-color: var(--lamp); }

/* ----------------------------------------------------------------- buttons */

.btn {
  display: inline-flex; align-items: center; justify-content: center;
  min-height: 48px;
  font: inherit; font-size: 1.0625rem;
  text-decoration: none; padding: 0.6rem 1.6rem;
  border: 1px solid transparent; cursor: pointer;
  letter-spacing: 0.02em;
  transition: background-color .18s var(--ease), border-color .18s var(--ease), color .18s var(--ease), transform .18s var(--ease);
}
.btn:active { transform: translateY(1px); }
.btn--primary { background: var(--paper); color: var(--barn-deep); border-color: var(--paper); }
.btn--primary:hover { background: #fff; border-color: #fff; }
.btn--quiet { background: rgba(26, 9, 5, 0.25); color: var(--paper); border-color: rgba(246, 239, 216, 0.55); }
.btn--quiet:hover { border-color: var(--paper); background: rgba(246, 239, 216, 0.08); }
.btn--barn { background: var(--barn-deep); color: var(--paper); border-color: var(--barn-deep); }
.btn--barn:hover { background: var(--barn); border-color: var(--barn); }
.btn--line { background: transparent; color: var(--barn-deep); border-color: var(--barn); }
.btn--line:hover { background: var(--paper-deep); }

/* ------------------------------------------------------------------- bands */

.band { padding: var(--band-y) 0; }
.band--paper { background: var(--paper); }
.band--deep { background: var(--barn-deep); color: var(--paper); }

/* -------------------------------------------------------------------- menu */

/* The menu reads like the printed sheet it comes from — ruled headings, two columns — but each
   dish is set as a menu row: name, a dotted leader, the price, so a hungry eye can scan. */
.band--menu {
  background:
    radial-gradient(120% 60% at 50% 0%, rgba(255, 255, 255, 0.35), transparent 60%),
    var(--paper);
}
.menuhead { text-align: center; margin: 0 auto 1.75rem; max-width: 40rem; }
.menuhead .head2 { margin-bottom: 0.5rem; }
.menuhead__intro { margin: 0; font-style: italic; color: var(--ink-soft); font-size: 1.1875rem; }

.mindex {
  display: flex; flex-wrap: wrap; justify-content: center; gap: 0.25rem 0.35rem;
  margin: 0 auto clamp(2.5rem, 5vw, 3.5rem);
  padding: 0.35rem 0;
  border-top: 1px solid var(--rule); border-bottom: 1px solid var(--rule);
}
.mindex a {
  text-decoration: none; color: var(--ink-soft);
  min-height: 44px; display: inline-flex; align-items: center;
  padding: 0 0.7rem;
  font-size: 0.9rem; letter-spacing: 0.14em; text-transform: uppercase;
}
.mindex a:hover { color: var(--barn-deep); background: var(--paper-deep); }

.menu {
  display: grid;
  grid-template-columns: 1fr;
  column-gap: clamp(2rem, 5vw, 4.5rem);
}
/* Two deliberate columns, not a text flow. A printed menu's designer decides what sits
   opposite what, and these column assignments come from content.json. */
.menu__rule { display: none; }
@media (min-width: 50em) {
  .menu { grid-template-columns: 1fr 1px 1fr; }
  .menu__rule { display: block; background: var(--rule); }
}

.mgroup { margin: 0 0 clamp(2.25rem, 4vw, 3.25rem); }
.mgroup__note {
  margin: 0.5rem 0 0; font-style: italic;
  color: var(--ink-soft); font-size: 0.9375rem;
}
.mgroup__each {
  margin: -0.5rem 0 0.9rem; text-align: center;
  font-style: italic; color: var(--ink-soft);
}
.mgroup__each span { font-style: normal; color: var(--barn); font-variant-numeric: lining-nums tabular-nums; }

.dish { margin: 0 0 1.35rem; }
.dish__row { display: flex; align-items: baseline; gap: 0.5rem; }
.dish__name {
  margin: 0;
  font-weight: 500; font-size: 1.0625rem;
  letter-spacing: 0.08em; text-transform: uppercase;
}
.dish__lead {
  flex: 1 1 1.5rem; min-width: 1.5rem;
  border-bottom: 1px dotted rgba(138, 51, 37, 0.55);
  transform: translateY(-0.28em);
}
.dish__price {
  margin: 0; color: var(--barn); font-size: 1.0625rem;
  white-space: nowrap; text-align: right;
  font-variant-numeric: lining-nums tabular-nums;
}
.dish__body {
  margin: 0.25rem 0 0; color: var(--ink-soft);
  font-size: 1rem; line-height: 1.45;
  max-width: 30rem;
}
@media (max-width: 29.99em) {
  .dish__name { font-size: 1rem; letter-spacing: 0.05em; }
  .dish__lead { min-width: 0.75rem; flex-basis: 0.75rem; }
  .dish__price { font-size: 1rem; }
}
/* Their own words — "Our signature dish" — earn the fried chicken a frame of its own. */
.dish--sig {
  position: relative;
  margin: 0.4rem 0 1.6rem;
  padding: 1.05rem 1.1rem 1rem;
  background: #fbf6e6;
  border: 1px solid var(--barn);
  box-shadow: inset 0 0 0 3px #fbf6e6, inset 0 0 0 4px rgba(138, 51, 37, 0.35);
}
.dish__mark {
  position: absolute; top: -0.72rem; left: 0.9rem; margin: 0;
  padding: 0 0.5rem; background: var(--paper);
  font-size: 0.75rem; letter-spacing: 0.22em; text-transform: uppercase; color: var(--barn);
}

.plain {
  list-style: none; margin: 0; padding: 0;
  columns: 2; column-gap: 1.5rem;
}
.plain li {
  break-inside: avoid;
  padding: 0.3rem 0; border-bottom: 1px solid rgba(201, 187, 152, 0.55);
  font-size: 1rem; line-height: 1.35;
}

.bar {
  margin: clamp(0.5rem, 2vw, 1.5rem) auto 0;
  max-width: 44rem;
  padding: 1.6rem 1.25rem;
  text-align: center;
  border: 2px solid var(--barn); outline: 1px solid var(--barn); outline-offset: -6px;
}
.bar__title { margin: 0 0 0.35rem; font-weight: 500; font-size: 1.375rem; }
.bar__body { margin: 0; color: var(--ink-soft); }

.pricenote {
  margin: clamp(1.75rem, 4vw, 2.5rem) 0 0;
  text-align: center;
  color: var(--ink-soft);
  font-size: 0.9375rem;
  font-style: italic;
}

/* ------------------------------------------------------------ family-style */

.band--deep {
  background:
    radial-gradient(90% 70% at 85% 10%, rgba(233, 196, 143, 0.12), transparent 60%),
    var(--barn-deep);
}
.family { display: grid; gap: clamp(2.25rem, 5vw, 4.5rem); align-items: center; }
@media (min-width: 52em) { .family { grid-template-columns: 1.2fr 0.8fr; } }

.family__kicker {
  margin: 0 0 0.6rem; font-style: italic; color: var(--lamp); font-size: 1.125rem;
}
.family__lead { margin: 0 0 1.4rem; font-size: 1.25rem; line-height: 1.5; color: #f3e6d0; max-width: var(--measure); }
.family__how {
  margin: 0 0 1.4rem; max-width: var(--measure);
  padding: 1rem 1.2rem;
  border: 1px solid rgba(233, 196, 143, 0.45);
  background: rgba(26, 9, 5, 0.25);
  color: #f3e6d0;
}
.family__body { margin: 0; color: #dccab0; max-width: var(--measure); }

.family__price {
  padding: clamp(1.5rem, 3vw, 2.25rem);
  background: var(--paper); color: var(--ink);
  border: 2px solid var(--lamp); outline: 1px solid var(--barn); outline-offset: -8px;
  box-shadow: 0 30px 60px -30px rgba(0, 0, 0, 0.6);
}
.tiers__cap {
  margin: 0 0 0.5rem; text-align: center;
  font-size: 0.875rem; letter-spacing: 0.22em; text-transform: uppercase; color: var(--barn);
}
.tiers { list-style: none; margin: 0; padding: 0; }
.tier {
  display: flex; align-items: baseline; justify-content: space-between; gap: 1rem;
  padding: 0.75rem 0; border-bottom: 1px solid var(--rule);
}
.tier:last-child { border-bottom: 0; }
.tier__name { font-size: 1.1875rem; }
.tier__price {
  font-size: clamp(1.75rem, 1.4rem + 1.2vw, 2.25rem); line-height: 1;
  color: var(--barn-deep);
  font-variant-numeric: lining-nums tabular-nums;
}
.tiers__kids {
  margin: 0.9rem 0 0; padding-top: 0.9rem; border-top: 2px solid var(--barn);
  text-align: center; font-size: 0.9875rem; color: var(--ink-soft); font-style: italic;
}

/* ------------------------------------------------------------------- story */

.story { display: grid; gap: clamp(1.75rem, 4vw, 3rem); align-items: start; }
@media (min-width: 52em) { .story { grid-template-columns: 0.42fr 0.58fr; } }
@media (min-width: 52em) { .story__side { position: sticky; top: 6rem; } }
.story__pull {
  margin: 1.25rem 0 1.75rem;
  border-top: 2px solid var(--barn);
  padding-top: 1.1rem;
  font-size: 1.3125rem;
  font-style: italic;
  line-height: 1.38;
  color: var(--ink-soft);
  max-width: 24rem;
}
.story__fig { margin: 0; }
.story__fig img {
  display: block; width: 100%; aspect-ratio: 4 / 3; object-fit: cover; object-position: 30% 70%;
  border: 1px solid var(--rule);
  box-shadow: 0 0 0 6px var(--paper), 0 0 0 7px var(--rule);
}
.story__fig figcaption { margin-top: 0.9rem; font-size: 0.9375rem; font-style: italic; color: var(--ink-soft); }
.story__text { max-width: 38rem; }
.story__text p { margin: 0 0 1.2rem; }
.story__text p:first-child::first-letter {
  float: left; font-size: 4.1em; line-height: 0.82; padding: 0.06em 0.05em 0 0;
  color: var(--barn);
}
.story__sig { font-style: italic; color: var(--ink-soft); padding-top: 0.4rem; }
.story__sig::before { content: ''; display: block; width: 3rem; border-top: 1px solid var(--barn); margin-bottom: 0.8rem; }
.story__note {
  grid-column: 1 / -1; margin: 0;
  padding: 1.35rem 1.5rem;
  background: var(--paper-deep);
  border-left: 3px solid var(--barn);
  font-style: italic; color: var(--ink); font-size: 1.125rem;
}

/* ------------------------------------------------------------------- visit */

.visitband { background: var(--paper-deep); border-top: 1px solid var(--paper-edge); }
.visit { display: grid; gap: clamp(2rem, 5vw, 4rem); align-items: center; }
@media (min-width: 48em) { .visit { grid-template-columns: 1fr 1fr; } }
.visit__addr { margin: 0 0 1.5rem; font-size: 1.25rem; line-height: 1.45; }
.visit__acts { display: flex; flex-wrap: wrap; gap: 0.75rem; margin: 0; }

.visit__card {
  background: var(--paper);
  border: 2px solid var(--barn); padding: 5px;
}
.visit__cardin { border: 1px solid var(--barn); padding: clamp(1.25rem, 3vw, 2rem); }
.hours { border-collapse: collapse; width: 100%; }
.hours__cap {
  text-align: center; padding-bottom: 0.75rem; font-size: 1rem;
  letter-spacing: 0.2em; text-transform: uppercase; color: var(--barn-deep);
}
.hours th, .hours td {
  text-align: left; font-weight: 400; padding: 0.7rem 0;
  border-bottom: 1px solid var(--rule);
}
.hours th { font-size: 1.125rem; }
.hours td { text-align: right; color: var(--ink); font-variant-numeric: lining-nums tabular-nums; }
.hours__note { margin: 0.9rem 0 0; font-size: 0.9375rem; color: var(--ink-soft); font-style: italic; }

/* ------------------------------------------------------------------ footer */

.site-foot { background: var(--barn-night); color: #ddccb4; padding: clamp(2.75rem, 5vw, 4rem) 0; }
.site-foot__inner { display: grid; gap: 0.2rem; }
.site-foot__name { margin: 0 0 0.5rem; font-size: 1.625rem; color: var(--paper); }
.site-foot__meta { margin: 0; }
.site-foot__meta a, .site-foot__top a {
  text-decoration: none; border-bottom: 1px solid rgba(221, 204, 180, 0.4);
  display: inline-flex; align-items: center; min-height: 44px;
}
.site-foot__meta a:hover, .site-foot__top a:hover { border-bottom-color: var(--paper); color: var(--paper); }
.site-foot__since {
  margin: 1.25rem 0 0; padding-top: 1.25rem;
  border-top: 1px solid var(--barn);
  font-style: italic; color: var(--lamp); font-size: 0.9375rem;
}
.site-foot__top { margin: 0.25rem 0 0; font-size: 0.9375rem; }

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { transition: none !important; }
}