/* Folium marketing site — shared additions, used by every page.
   Not part of any design artboard: each exists because a real page needs it,
   drawn in the Mint Daylight vocabulary (pill radius, mint rules). */

/* Skip link: first thing a keyboard user reaches. */
.skip{position:absolute;left:16px;top:-64px;z-index:50;background:#16794F;color:#FFFFFF;font-weight:600;font-size:15px;padding:12px 18px;border-radius:999px;text-decoration:none;transition:top .15s}
.skip:focus{top:12px;color:#FFFFFF}

/* Mobile menu. The design hides .links below 960px but specifies nothing to
   replace them, which would leave phone visitors without navigation. */
.menubtn{display:none;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border-radius:999px;border:1px solid #D7E2DB;background:#FFFFFF;color:#14231F;cursor:pointer}
.menubtn:hover{border-color:#16794F;color:#16794F}
.menubtn .i-close{display:none}
.menubtn[aria-expanded="true"] .i-open{display:none}
.menubtn[aria-expanded="true"] .i-close{display:block}
.mobilemenu{border-top:1px solid #E6ECE7;background:#FFFFFF}
.mobilemenu nav{display:flex;flex-direction:column;padding-top:8px;padding-bottom:20px}
.mobilemenu nav > a{color:#14231F;text-decoration:none;font-size:17px;font-weight:500;padding:14px 0;border-bottom:1px solid #EDF1EE}
.mobilemenu nav > a:hover{color:#16794F}
.mmcta{display:flex;gap:10px;padding-top:18px}
.mmcta .btn{flex:1}
@media (max-width:960px){.menubtn{display:inline-flex}}
@media (min-width:961px){.mobilemenu{display:none!important}}

/* Visually hidden, still read by screen readers (e.g. "Included" beside a
   decorative check mark). */
.sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}