nav .nav-phone, .hero .nav-right .nav-phone{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:transparent;color:#f9f9f5;border:1px solid #f9f9f5b3;border-radius:40px;padding:10px 16px;font-size:15px;line-height:1.2;white-space:nowrap;text-decoration:none;box-shadow:none}
nav .nav-phone svg{width:17px;height:17px;flex-shrink:0}nav .nav-phone span{margin:0}
nav .nav-phone:hover,.hero .nav-right .nav-phone:hover,nav .nav-phone:focus-visible,.hero .nav-right .nav-phone:focus-visible{background:#678c47;border-color:#678c47;color:#f9f9f5}
@media(max-width:760px){nav .nav-phone,.hero .nav-right .nav-phone{font-size:12px;padding:8px 10px;gap:6px}nav .nav-phone svg{width:15px;height:15px}}

/* Maintain contrast on the light navigation used by inner pages. */
.article-header nav .nav-phone{color:#526f39;border-color:#526f3980}
.article-header nav .nav-phone:hover,.article-header nav .nav-phone:focus-visible{background:#678c47;color:#f9f9f5;border-color:#678c47}

nav .nav-phone,.hero .nav-right .nav-phone{font-weight:600;padding-right:22px}nav .nav-phone svg{width:14px;height:14px;flex:0 0 14px}
@media(max-width:760px){nav .nav-phone,.hero .nav-right .nav-phone{padding-right:16px}nav .nav-phone svg{width:13px;height:13px;flex-basis:13px}}