/* Farwa: warm paper, soft curves, and approachable green and blue accents. */
.em-brief.farwa-brief {
  --em-canvas: #fff9ec;
  --em-sage: #e9f2e6;
  --em-copy: #28464d;
  --em-green: #2e6940;
  --em-green-dark: #215331;
  --farwa-sun: #f1d69a;
  --farwa-sky: #d9ecf1;
}

.farwa-brief .em-header {
  position: relative;
  z-index: 4;
  background: linear-gradient(100deg, #fff7e7, #fffdf7 58%, #f7fbf3);
  border-bottom-color: #c9ddd2;
  box-shadow: 0 4px 20px rgb(18 58 74 / 7%);
}
.farwa-brief .em-main-nav:is(.em-shell) { min-height: 86px; }
.farwa-brief .em-brand {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  padding-block: 7px;
}
.farwa-brief .em-main-nav .em-desktop-nav {
  padding: 4px;
  gap: 3px;
  border-color: #c9dbcc;
  box-shadow: 0 5px 16px rgb(29 81 63 / 7%);
}
.farwa-brief .em-main-nav .em-desktop-nav a {
  padding-inline: clamp(10px, 1.22vw, 18px);
  transition: background-color .22s ease, color .22s ease;
}
.farwa-brief .em-main-nav .em-desktop-nav a:not([href="/ask-farwa/"]):is(:hover, [aria-current="page"]) {
  color: var(--em-green-dark);
  background: #e5f1e6;
  text-decoration: none;
}
.farwa-brief .em-utility {
  background: #e6f1e5;
  border-top-color: #d0e2d3;
}
.farwa-brief .em-utility .em-shell { min-height: 44px; }
.farwa-brief .em-utility .farwa-verify-link {
  padding: 5px 12px;
  color: #184c61;
  background: var(--farwa-sky);
  border-radius: 999px;
}
.farwa-brief .em-utility .farwa-verify-link:is(:hover, [aria-current="page"]) { text-decoration: underline; }
.farwa-brief .em-menu summary { border-color: #abc7b6; background: #eff6ec; }
.farwa-brief .em-menu[open] summary { background: #dcecdc; }
.farwa-brief .em-menu nav { box-shadow: 0 14px 33px rgb(18 58 74 / 16%); }

.farwa-brief .em-hero {
  background: radial-gradient(ellipse at 78% 5%, #e7f0e2, transparent 65%),
    radial-gradient(ellipse at 18% 0%, #fae8bf, transparent 56%), var(--em-canvas);
}
.farwa-brief .em-detail-hero {
  background: radial-gradient(ellipse at 90% 10%, #daede9, transparent 67%), #fff9ed;
}
.farwa-brief .em-hero .em-eyebrow {
  display: inline-block;
  padding: 6px 11px;
  border-radius: 999px;
  background: #e5efdf;
  color: var(--em-green-dark);
  letter-spacing: .1em;
}
.farwa-brief h1 { letter-spacing: -.033em; }
.farwa-brief .em-hero-image img {
  border: 1px solid #c3d8ca;
  border-radius: 22px;
  box-shadow: 0 15px 45px rgb(18 58 74 / 11%);
}
.farwa-brief .farwa-chooser {
  background: linear-gradient(125deg, #e3efe4 5%, #edf6ea 55%, #edf4f5);
}
.farwa-brief .farwa-chooser .em-card { border-top: 3px solid #95baaa; }
.farwa-brief .farwa-chooser .em-card:nth-child(2) { border-top-color: #d7ad5c; }
.farwa-brief .farwa-chooser .em-card:nth-child(3) { border-top-color: #86b5ca; }
.farwa-brief .farwa-chooser .em-card:nth-child(4) { border-top-color: #9dba83; }

.farwa-brief .em-footer-cta {
  padding-block: clamp(30px, 5vw, 58px);
  border-block: 1px solid #d5e1cf;
  background: radial-gradient(ellipse at 80% 22%, #e0edf1, transparent 64%), #f5eed8;
}
.farwa-brief .em-footer-cta .em-eyebrow { margin-bottom: 8px; }
.farwa-brief .em-footer {
  padding-block: clamp(34px, 5.2vw, 61px) 0;
  color: #f6f9ee;
  border-top: 3px solid #8db6a1;
  background: radial-gradient(ellipse at 80% 0%, #26584d, transparent 72%),
    linear-gradient(138deg, #163c47, #173e35);
}
.farwa-brief .em-footer-grid {
  grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr) minmax(0, 1.15fr);
  gap: clamp(24px, 4.6vw, 64px);
}
.farwa-brief .em-footer-grid > :first-child strong {
  display: block;
  max-width: 22ch;
  margin-bottom: 8px;
  font-size: clamp(1.32rem, 2vw, 1.65rem);
  line-height: 1.23;
}
.farwa-brief .em-footer-grid > :first-child p { color: #dae9e1; margin-bottom: 5px; }
.farwa-brief .em-footer-grid .em-footer-heading {
  width: fit-content;
  padding: 4px 9px;
  border-radius: 999px;
  color: #173a3a;
  background: var(--farwa-sun);
  font-size: .77rem;
  font-weight: 700;
  letter-spacing: .04em;
}
.farwa-brief .em-footer-grid nav { gap: 2px; }
.farwa-brief .em-footer-grid :is(a, p) { font-size: .95rem; }
.farwa-brief .em-footer-grid nav a {
  width: fit-content;
  max-width: 100%;
  padding-block: 5px;
  color: #f1f8f1;
  text-decoration: none;
  transition: color .18s ease;
}
.farwa-brief .em-footer-grid nav a:is(:hover, :focus-visible) {
  color: #ffe0a1;
  text-decoration: underline;
}
.farwa-brief .em-footer :focus-visible { outline-color: #ffe0a1; }
.farwa-brief .em-footer-base {
  margin-top: clamp(27px, 4vw, 49px);
  padding-block: 15px;
  color: #e3ece6;
  background: rgb(9 34 35 / 34%);
  border-color: #dce8de42;
}
@media (max-width: 660px) {
  .farwa-brief .em-utility .em-shell { font-size: .8rem; }
  .farwa-brief .em-main-nav:is(.em-shell) { min-height: 70px; }
  .farwa-brief .em-footer-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px 16px; }
  .farwa-brief .em-footer-grid > :first-child { grid-column: 1 / -1; }
  .farwa-brief .em-footer-grid nav a { min-height: 40px; display: flex; align-items: center; }
}
@media (prefers-reduced-motion: reduce) {
  .farwa-brief .em-main-nav .em-desktop-nav a,
  .farwa-brief .em-footer-grid nav a { transition: none; }
}