/* ============================================================
   IAM chrome — the site header and footer, on every page.
   Split out of home-2026.css so the homepage design system does not
   have to load site-wide. Everything here is prefixed i26- and, unlike
   the homepage sheet, carries no global element resets: those live in
   home-2026.css and would flatten the theme's own page content.
   Fonts resolve to /wp-content/themes/unity/fonts/*.woff2
   ============================================================ */

/* ---------- IAM typefaces ---------- */
@font-face{font-family:"iam-serif";src:url("../../fonts/iam-serif-light.woff2") format("woff2");font-weight:300;font-style:normal;font-display:swap}
@font-face{font-family:"iam-serif";src:url("../../fonts/iam-serif-regular.woff2") format("woff2");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"iam-serif";src:url("../../fonts/iam-serif-bold.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"iam-serif";src:url("../../fonts/iam-serif-black.woff2") format("woff2");font-weight:900;font-style:normal;font-display:swap}
@font-face{font-family:"iam-sans-serif";src:url("../../fonts/iam-sans-serif-regular.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"iam-sans-serif";src:url("../../fonts/iam-sans-serif-medium-italic.woff2") format("woff2");font-weight:500;font-style:italic;font-display:swap}

/* ---------- tokens ---------- */
.iam26{
  --font-serif:"iam-serif",Georgia,"Times New Roman",serif;
  --font-sans:"iam-sans-serif",Inter,Arial,sans-serif;

  /* grounds — brand tokens only: white, bg-soft-02, bg-soft-01 */
  --white:#ffffff;
  --paper:#fdfef9;   /* --color-bg-soft-02 */
  --linen:#f6f3f0;   /* --color-bg-soft-01 */
  --blush:#faf8f7;   /* the warm tint from branding.css .iam-card */
  --blush-2:#f2f1ef; /* its darker stop */
  --card:#ffffff;

  /* dark punctuation bands — brand tokens, not invented tints */
  --deep:#312f2c;              /* --color-dark-brown */
  --deep-2:#393631;            /* --color-brown */
  --on-dark:#f6f3f0;           /* --color-bg-soft-01 */
  --on-dark-muted:#a6a39c;     /* --color-light-brown */
  --on-dark-rule:rgba(255,255,255,.15);

  /* ink — brand */
  --ink:rgba(17,17,17,1);      /* --color-text-default */
  --head:#312f2c;              /* --color-dark-brown */
  --brown:#393631;             /* --color-brown */
  --muted:#4a4845;             /* --color-mid-brown-01 */
  --meta:#5c5a56;              /* --color-mid-brown-02 */
  --rule-dash:#a6a39c;         /* --color-light-brown */

  --rule:#dcd7ce;
  --rule-2:#e9e4dc;

  --accent:#3b4131;            /* --color-active-green */

  --gut:clamp(16px,3vw,44px);
  --max:1340px;
}


/* ---------- local reset, confined to the chrome ---------- */
.i26-header,.i26-header *,.i26-header *::before,.i26-header *::after,
.i26-mobnav,.i26-mobnav *,.i26-mobnav *::before,.i26-mobnav *::after,
.i26-footer,.i26-footer *,.i26-footer *::before,.i26-footer *::after{box-sizing:border-box}
.i26-header,.i26-mobnav,.i26-footer{font-family:var(--font-sans);font-size:1rem;line-height:1.5;
  -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.i26-header a,.i26-mobnav a,.i26-footer a{text-decoration:none}
.i26-header img,.i26-mobnav img,.i26-footer img{max-width:100%;height:auto;display:block}
.i26-header p,.i26-footer p{margin:0}
.i26-header button,.i26-mobnav button,.i26-footer button,
.i26-footer input,.i26-footer select{font:inherit;color:inherit;margin:0}
.i26-header button,.i26-mobnav button{background:none;border:0;padding:0;cursor:pointer}
.i26-header h1,.i26-header h2,.i26-footer h2,.i26-footer h3,.i26-footer h4{
  margin:0;padding:0;font-family:var(--font-serif);font-weight:700;font-style:normal;
  letter-spacing:-.03em;text-transform:none}
.i26-header [hidden],.i26-mobnav [hidden],.i26-footer [hidden]{display:none!important}
.i26-header a:focus-visible,.i26-mobnav a:focus-visible,.i26-footer a:focus-visible,
.i26-header button:focus-visible,.i26-mobnav button:focus-visible,
.i26-footer button:focus-visible,.i26-footer input:focus-visible{
  outline:2px solid var(--accent);outline-offset:3px}

.iam26 .i26-wrap{max-width:var(--max);margin:0 auto;padding:0 var(--gut);width:100%}
.iam26 .i26-skip{position:absolute;left:-9999px;top:0;z-index:200;padding:12px 20px;
  background:var(--head);color:#fff;font-size:.85rem}
.iam26 .i26-skip:focus{left:8px;top:8px}

/* Third-party CSS targets bare elements — Elementor's kit sets a font on
   every `a`, the theme styles `input[type=submit]`. Inherited values lose to
   those, so the chrome states its own typography on the elements themselves,
   ahead of the component rules below, which stay free to override it. */
.iam26 .i26-header a:not(.i26-btn),.iam26 .i26-mobnav a:not(.i26-btn),
.iam26 .i26-footer a:not(.i26-btn){
  font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;
  letter-spacing:inherit;text-decoration:none;text-transform:none}
.iam26 .i26-footer input:not(.i26-btn),.iam26 .i26-footer select{
  font-family:var(--font-sans);letter-spacing:normal;text-transform:none}
/* Elementor's kit styles text inputs through
     .elementor-kit-6 input:not([type=button]):not([type=submit])
   whose two :not() attribute selectors put it at (0,3,1) — above the
   chrome's own .i26-ffield input at (0,2,1), which is why the fields came
   out white, square and dark-bordered. Four classes settles it. */
.iam26 .i26-footer .i26-ffield input:not(.i26-btn),
.iam26 .i26-footer .i26-ffield select{
  font-family:var(--font-sans);font-size:.94rem;line-height:1.4;
  color:var(--head);background:var(--linen);
  border:0;border-radius:9999px;padding:12px 16px;width:100%;
  -webkit-appearance:none;appearance:none;box-shadow:none}
.iam26 .i26-footer .i26-ffield input:not(.i26-btn):focus{
  background:var(--white);outline:2px solid var(--accent);outline-offset:2px}

/* `.elementor-kit-6 label` (0,1,1) and the theme's bare `label` (0,0,1) both
   beat inheritance, so the chrome states its own label type outright. */
.iam26 .i26-header label,.iam26 .i26-footer label{
  font-family:var(--font-sans);font-size:.85rem;font-weight:400;line-height:1.4;
  letter-spacing:normal;text-transform:none;margin:0;display:block}

/* The chrome's buttons restated at (0,3,0), which outranks any bare-element
   or single-class rule the theme and its plugins bring. Colour has to be here
   too: stating it only on .i26-btn--* is (0,2,0) and loses to the reset above. */
.iam26 .i26-header .i26-btn,.iam26 .i26-mobnav .i26-btn,.iam26 .i26-footer .i26-btn{
  display:inline-flex;align-items:center;justify-content:center;
  font-family:var(--font-serif);font-weight:700;font-size:.8rem;line-height:1.15;
  letter-spacing:.05em;text-transform:uppercase;text-decoration:none;
  border:1px solid transparent;border-radius:9999px;cursor:pointer;
  padding:1rem 1.9rem;-webkit-appearance:none;appearance:none}
.iam26 .i26-header .i26-btn--dark,.iam26 .i26-mobnav .i26-btn--dark,
.iam26 .i26-footer .i26-btn--dark{color:#f4f1f1;background:none}
.iam26 .i26-header .i26-btn--line{color:var(--head);border-color:var(--head);background:none}
.iam26 .i26-footer .i26-btn--solid{color:var(--brown);background:var(--white);box-shadow:none}
.iam26 .i26-footer .i26-btn--light{color:var(--brown)}
/* Elementor's kit styles button hover at (0,3,1) — grey fill, 4px corners.
   Four classes clears it without reaching for !important. */
.iam26 .i26-header .i26-btn--dark:hover,.iam26 .i26-header .i26-btn--dark:focus,
.iam26 .i26-mobnav .i26-btn--dark:hover,.iam26 .i26-mobnav .i26-btn--dark:focus,
.iam26 .i26-footer .i26-btn--dark:hover,.iam26 .i26-footer .i26-btn--dark:focus{
  color:#fff;background:none;border-radius:9999px}
.iam26 .i26-footer .i26-btn--solid:hover,.iam26 .i26-footer .i26-btn--solid:focus{
  color:var(--head);background:var(--linen);border-radius:9999px}
.iam26 .i26-header .i26-btn--line:hover,.iam26 .i26-header .i26-btn--line:focus{
  color:var(--white);background:var(--head);border-radius:9999px}

/* ---------- buttons — ported from branding.css .btn-cta* ---------- */
.iam26 .i26-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:.6rem;
  font-family:var(--font-serif);font-weight:700;
  font-size:.8rem;letter-spacing:.05em;text-transform:uppercase;line-height:1.15;
  padding:1rem 1.9rem;border-radius:9999px;border:1px solid transparent;
  background:none;color:var(--head);cursor:pointer;white-space:nowrap;
  transition:all .2s ease;text-decoration:none;
}
/* primary on light grounds */
.iam26 .i26-btn--dark{position:relative;color:#f4f1f1;isolation:isolate}
.iam26 .i26-btn--dark::before{
  content:"";position:absolute;inset:0;border-radius:inherit;z-index:-1;
  background:linear-gradient(179.56deg,rgba(32,32,32,.77) -19.78%,rgba(0,0,0,.77) 124.43%);
  box-shadow:0 3px 3px -1.5px #67675f,inset 0 2px 1px #737373,inset 0 -1px 4px #000000;
  transition:all .2s ease;
}
.iam26 .i26-btn--dark:hover{color:#fff}
.iam26 .i26-btn--dark:hover::before{
  background:linear-gradient(179.56deg,rgba(32,32,32,.92) -19.78%,rgba(0,0,0,.92) 124.43%)}
/* primary on dark grounds */
.iam26 .i26-btn--light{
  color:var(--brown);
  background:linear-gradient(179.56deg,rgba(255,255,255,.92) -19.78%,rgba(248,242,235,.92) 124.43%);
  box-shadow:0 3px 3px -1.5px #fffef8,inset 0 1px 1px #ffffff,inset 0 -1px 4px #e8dfd7;
}
.iam26 .i26-btn--light:hover{
  color:var(--brown);
  background:linear-gradient(179.56deg,rgba(255,255,255,.95) -19.78%,rgba(238,236,224,.95) 122.6%);
  box-shadow:0 3px 3px -1.5px #fffef8,inset 0 1px 1px #ffffff,inset 0 -1px 4px #d3c7ba;
}
/* flat on dark grounds, where --light's gradient and glow read as a halo */
.iam26 .i26-btn--solid{background:var(--white);color:var(--brown);
  box-shadow:none;border:1px solid transparent}
.iam26 .i26-btn--solid:hover{background:var(--linen);color:var(--head)}
/* secondary on dark grounds */
.iam26 .i26-btn--ghost{color:#fff;background:transparent;border:1.5px solid rgba(255,255,255,.4)}
.iam26 .i26-btn--ghost:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.55);color:#fff}
/* secondary on light grounds */
.iam26 .i26-btn--line{border:1px solid var(--head);color:var(--head)}
.iam26 .i26-btn--line:hover{background:var(--head);color:var(--white)}
.iam26 .i26-btn--quiet{border:1px solid var(--rule);color:var(--muted)}
.iam26 .i26-btn--quiet:hover{border-color:var(--head);color:var(--head)}
.iam26 .i26-btn.is-sm{padding:.66rem 1.25rem;font-size:.72rem}

/* ---------- header ---------- */
/* solid white: at 94% the hero showed through and the multiply-blended logo
   picked up whatever was behind the bar */
/* above the theme's #page, which sits at z-index:101, and below its modals */
.iam26 .i26-header{position:sticky;top:0;z-index:200;background:var(--white);
  border-bottom:0;
  box-shadow:0 1px 0 rgba(49,47,44,.05),0 6px 20px -10px rgba(49,47,44,.22)}
.iam26.admin-bar .i26-header{top:32px}
@media screen and (max-width:782px){.iam26.admin-bar .i26-header{top:46px}}
/* the bar is sized by the logo plus a tight 8px of breathing room */
.iam26 .i26-header > .i26-wrap{display:flex;align-items:center;gap:clamp(16px,2vw,30px);
  padding:8px var(--gut)}
/* the logo ships on a white ground — multiply drops it out cleanly */
.iam26 .i26-logo{display:flex;align-items:center;flex:none;width:var(--logo-w,190px)}
.iam26 .i26-logo img{width:100%;height:auto;max-width:none;object-fit:contain;
  mix-blend-mode:multiply}
.iam26 .i26-brandtext{font-family:var(--font-serif);font-weight:900;font-size:1.5rem;color:var(--head)}
.iam26 .i26-nav{display:flex;gap:clamp(13px,1.4vw,20px);align-items:center;
  font-family:var(--font-sans);font-weight:600;font-size:1rem;color:var(--ink)}
.iam26 .i26-nav a{padding:4px 0;white-space:nowrap;color:var(--ink);transition:color .15s}
.iam26 .i26-nav a:hover,.iam26 .i26-nav a.is-active{color:var(--accent)}
.iam26 .i26-hdrcta{margin-left:auto;display:flex;gap:12px;align-items:center;flex:none}
/* header CTAs carry more weight than the nav — Support IAM is the primary one */
.iam26 .i26-hdrcta .i26-btn{padding:.88rem 1.7rem;font-size:.84rem}
.iam26 .i26-hdrcta .i26-support{font-weight:700}
.iam26 .i26-hdrcta .i26-join{border-width:1.5px}
.iam26 .i26-burger{display:none;width:42px;height:42px;border:1px solid var(--rule);
  border-radius:8px;align-items:center;justify-content:center;flex-direction:column;gap:4px}
.iam26 .i26-burger span{display:block;width:18px;height:1.5px;background:var(--head);transition:.2s}
.iam26 .i26-burger[aria-expanded="true"] span:nth-child(1){transform:translateY(5.5px) rotate(45deg)}
.iam26 .i26-burger[aria-expanded="true"] span:nth-child(2){opacity:0}
.iam26 .i26-burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-5.5px) rotate(-45deg)}
/* full-height sheet under the bar, rather than a cramped dropdown */
.iam26 .i26-mobnav{position:fixed;left:0;right:0;bottom:0;z-index:199;
  background:var(--white);border-top:1px solid var(--rule-2);
  overflow-y:auto;-webkit-overflow-scrolling:touch;
  padding:8px 0 max(28px,env(safe-area-inset-bottom))}
.iam26 .i26-mobnav .i26-wrap{display:flex;flex-direction:column;align-items:stretch;
  min-height:100%}
.iam26 .i26-mobnav-list{display:flex;flex-direction:column}
.iam26 .i26-mobnav-list a{display:flex;align-items:center;justify-content:space-between;
  padding:18px 2px;font-family:var(--font-sans);font-weight:600;font-size:1.15rem;
  color:var(--ink);border-bottom:1px solid var(--rule-2);
  opacity:0;transform:translateY(-6px)}
.iam26 .i26-mobnav-list a::after{content:"";width:7px;height:7px;flex:none;
  border-right:1.5px solid var(--rule-dash);border-bottom:1.5px solid var(--rule-dash);
  transform:rotate(-45deg)}
.iam26 .i26-mobnav-list a:active{color:var(--accent)}
/* rows arrive one after another, which reads as the sheet unfolding */
.iam26 .i26-mobnav.is-open .i26-mobnav-list a{
  animation:i26-mobnav-in .34s cubic-bezier(.22,.7,.3,1) forwards;
  animation-delay:calc(var(--i,0) * 45ms)}
@keyframes i26-mobnav-in{to{opacity:1;transform:none}}
.iam26 .i26-mobnav-cta{margin-top:28px;width:100%}
/* the page behind must not scroll while the sheet is open */
.iam26.i26-navlocked{overflow:hidden}
/* the sheet has its own full-width CTA, so the bar's would be a duplicate */
.iam26.i26-navlocked .i26-hdrcta .i26-support{display:none}
@media(prefers-reduced-motion:reduce){
  .iam26 .i26-mobnav-list a{opacity:1;transform:none}
}

.iam26 .i26-mark{font-family:var(--font-serif);font-weight:900;font-size:1.35rem;
  color:var(--head);display:inline-flex;align-items:center;gap:.55rem}
.iam26 .i26-mark i{width:9px;height:9px;border-radius:50%;background:var(--accent);display:block;flex:none}

/* ---------- footer ---------- */
.iam26 .i26-footer{background:var(--deep);color:var(--on-dark)}
.iam26 .i26-ftop{display:flex;gap:24px;align-items:center;flex-wrap:wrap;padding:19px 0;
  border-bottom:1px solid var(--on-dark-rule)}
.iam26 .i26-ftop b{font-family:var(--font-serif);font-weight:700;font-size:1rem;color:#fff}
.iam26 .i26-ftop a{font-size:.9rem;color:var(--on-dark)}
.iam26 .i26-ftop a:hover{color:#fff;text-decoration:underline}
.iam26 .i26-fsocial{display:flex;gap:16px;flex-wrap:wrap}
.iam26 .i26-fquick{margin-left:auto;display:flex;gap:20px;flex-wrap:wrap}
.iam26 .i26-frow{display:grid;grid-template-columns:320px 1fr;border-bottom:1px solid var(--on-dark-rule)}
.iam26 .i26-frow h2{font-family:var(--font-serif);font-weight:500;color:#fff;
  font-size:clamp(24px,2.6vw,34px);letter-spacing:-.03em;padding:38px 34px 38px 0}
.iam26 .i26-fbody{padding:38px 0 38px 36px;border-left:1px solid var(--on-dark-rule)}
.iam26 .i26-fbody>p{margin:0 0 24px;font-family:var(--font-serif);font-weight:500;
  font-size:clamp(16px,1.5vw,19px);letter-spacing:-.03em;line-height:1.45;color:var(--on-dark-muted);max-width:52ch}
.iam26 .i26-fform{display:flex;gap:16px 18px;flex-wrap:wrap;align-items:flex-end}
.iam26 .i26-ffield{display:flex;flex-direction:column;gap:8px;flex:1 1 190px;min-width:0;max-width:280px}
.iam26 .i26-ffield label{font-size:.85rem;color:var(--on-dark-muted)}
.iam26 .i26-ffield .i26-req{color:var(--on-dark)}
.iam26 .i26-ffield input,.iam26 .i26-ffield select{background:var(--linen);border:0;border-radius:9999px;
  padding:12px 16px;font-family:var(--font-sans);font-size:.94rem;color:var(--head);width:100%}
.iam26 .i26-ffield input::placeholder{color:var(--rule-dash)}
.iam26 .i26-fform button{border:0}
.iam26 .i26-tier{padding-bottom:24px;margin-bottom:24px;border-bottom:1px dashed var(--on-dark-rule)}
.iam26 .i26-tier:last-child{padding-bottom:0;margin-bottom:0;border-bottom:0}
.iam26 .i26-tier h3{font-family:var(--font-serif);font-weight:500;font-size:1.2rem;color:#fff;margin-bottom:8px}
.iam26 .i26-tier p{margin:0;color:var(--on-dark-muted);max-width:52ch}
.iam26 .i26-tierlink{display:inline-block;margin-top:12px;font-family:var(--font-serif);font-weight:700;
  font-size:1rem;color:var(--on-dark)}
.iam26 .i26-tierlink:hover{text-decoration:underline}
.iam26 .i26-fgrid{display:grid;grid-template-columns:1.5fr repeat(4,1fr);gap:30px;padding:44px 0 0}
.iam26 .i26-fgrid .i26-mark{color:#fff}
.iam26 .i26-fcol h4{font-family:var(--font-sans);font-weight:600;font-size:.85rem;letter-spacing:0;
  color:var(--on-dark-muted);margin-bottom:12px}
.iam26 .i26-fcol a{display:block;font-size:.9rem;color:var(--on-dark);padding:3px 0}
.iam26 .i26-fcol a:hover{color:#fff;text-decoration:underline}
.iam26 .i26-fnote{font-size:.9rem;color:var(--on-dark-muted);max-width:34ch;margin:14px 0 0}
.iam26 .i26-fbase{margin-top:34px;padding:18px 0 34px;border-top:1px solid var(--on-dark-rule);
  font-size:.85rem;letter-spacing:0;color:var(--on-dark-muted)}

/* Mailchimp's submit is an <input>, so it cannot use ::before variants */
.iam26 .i26-fform input[type="submit"]{-webkit-appearance:none;appearance:none}

/* Contact Form 7 dropped into the footer signup slot */
.iam26 .i26-fbody .wpcf7 input[type="text"],
.iam26 .i26-fbody .wpcf7 input[type="email"]{background:var(--linen);border:0;border-radius:9999px;
  padding:12px 16px;font-family:var(--font-sans);font-size:.94rem;color:var(--head);min-width:238px}
.iam26 .i26-fbody .wpcf7 input[type="submit"]{font-family:var(--font-serif);font-weight:700;
  text-transform:uppercase;letter-spacing:.05em;font-size:.8rem;border:0;border-radius:9999px;
  padding:1rem 1.9rem;background:#fff;color:var(--brown);cursor:pointer}

/* ---------- responsive ---------- */
@media(max-width:1400px){
  .iam26 .i26-nav{gap:14px;font-size:.95rem}
  .iam26 .i26-hdrcta .i26-btn{padding:.8rem 1.35rem;font-size:.78rem}
}
@media(max-width:1240px){
  .iam26 .i26-nav{display:none}
  .iam26 .i26-burger{display:flex}
  .iam26 .i26-hero .i26-wrap{grid-template-columns:1fr}
  .iam26 .i26-fgrid{grid-template-columns:1fr 1fr 1fr}
}
@media(max-width:860px){
  .iam26 .i26-frow{grid-template-columns:1fr}
  .iam26 .i26-frow h2{padding:30px 0 10px}
  .iam26 .i26-fbody{padding:0 0 32px;border-left:0}
  .iam26 .i26-strip .i26-wrap{grid-template-columns:1fr 1fr}
  .iam26 .i26-fquick{margin-left:0;width:100%}
}
@media(max-width:640px){
  .iam26 .i26-logo{--logo-w:150px}
  .iam26 .i26-header > .i26-wrap{gap:12px;padding:6px var(--gut)}
  .iam26 .i26-hdrcta .i26-btn{padding:.7rem 1.15rem;font-size:.72rem}
  .iam26 .i26-fgrid{grid-template-columns:1fr 1fr}
  .iam26 .i26-ffield{max-width:none;flex-basis:100%}
  .iam26 .i26-ffield input,.iam26 .i26-ffield select{min-width:0;width:100%}
  .iam26 .i26-ffield{width:100%}
  .iam26 .i26-fform button,.iam26 .i26-fform .i26-btn{width:100%}
}
@media(max-width:420px){
  .iam26 .i26-hdrcta .i26-support{display:none}
}

/* ---------- armour against third-party !important ----------
   2026-update.css loads on every page except the homepage, which is exactly
   why the two footers diverged. It forces, among others:

     @media (min-width:992px){ .elementor-kit-6 h3 { font-size:1.9rem !important } }
     .elementor-kit-6 button:hover, ... input[type=submit]:hover {
        border-style:inherit !important; border-width:inherit !important }

   and .elementor-kit-6 is on the body of every page. !important cannot be
   outranked by specificity, so the chrome restates the handful of properties
   those rules touch. Keep these in step with the component rules above. */
.iam26 .i26-frow h2{
  font-family:var(--font-serif)!important;font-size:clamp(24px,2.6vw,34px)!important;
  font-weight:500!important;letter-spacing:-.03em!important;line-height:1.15!important;
  color:#fff!important}
.iam26 .i26-tier h3{
  font-family:var(--font-serif)!important;font-size:1.2rem!important;
  font-weight:500!important;letter-spacing:-.03em!important;line-height:1.3!important;
  color:#fff!important}
.iam26 .i26-fcol h4{
  font-family:var(--font-sans)!important;font-size:.85rem!important;
  font-weight:600!important;letter-spacing:0!important;line-height:1.4!important;
  color:var(--on-dark-muted)!important}
/* the chrome only uses --dark and --solid, both of which carry a 1px
   transparent border; without this the button resizes on hover */
.iam26 .i26-header .i26-btn:hover,.iam26 .i26-header .i26-btn:focus,
.iam26 .i26-mobnav .i26-btn:hover,.iam26 .i26-mobnav .i26-btn:focus,
.iam26 .i26-footer .i26-btn:hover,.iam26 .i26-footer .i26-btn:focus{
  border-style:solid!important;border-width:1px!important}