/* Glass Ribbon is a desktop enhancement. The original navigation remains the
   source for mobile navigation and the fallback when JavaScript is unavailable. */
.desktop-ribbon{display:none}
@media(min-width:801px){
  .desktop-ribbon-ready .site-header>.ribbon-source-nav{visibility:hidden;pointer-events:none}
  .site-header>.desktop-ribbon{--ribbon-ease:cubic-bezier(.22,1,.36,1);--ribbon-ink:#201f24;--ribbon-paper:#f1ece5;--ribbon-edge:rgba(255,255,255,.48);--ribbon-fill:rgba(248,230,211,.48);--ribbon-shadow:rgba(76,33,23,.12);display:block;position:absolute;left:50%;top:26px;transform:translateX(-50%);color:var(--ribbon-ink);pointer-events:auto}
  .interface-light .site-header>.desktop-ribbon{--ribbon-edge:rgba(255,255,255,.22);--ribbon-fill:rgba(40,42,49,.76);--ribbon-shadow:rgba(0,0,0,.2);color:var(--ribbon-paper)}
  .desktop-ribbon-shell{position:relative;width:230px;height:66px;border:1px solid var(--ribbon-edge);border-radius:99px;background:var(--ribbon-fill);-webkit-backdrop-filter:blur(26px) saturate(1.3);backdrop-filter:blur(26px) saturate(1.3);box-shadow:0 1px 1px #fff5 inset,0 9px 25px var(--ribbon-shadow);transition:width .7s var(--ribbon-ease),background .35s,border-color .35s}
  .desktop-ribbon.is-open .desktop-ribbon-shell{width:638px}
  .desktop-ribbon-toggle{position:absolute;inset:7px 7px 7px auto;display:flex;align-items:center;justify-content:flex-end;gap:19px;border:0;padding:0;background:none;color:inherit;font:400 16px/1 var(--body);cursor:pointer}
  .desktop-ribbon-label{display:flex;gap:12px;align-items:center;white-space:nowrap;transition:opacity .2s,transform .4s var(--ribbon-ease)}
  .desktop-ribbon-label small{font-size:10px;opacity:.65}
  .desktop-ribbon-plus{display:grid;place-items:center;flex-shrink:0;width:50px;height:50px;border-radius:50%;background:var(--ribbon-ink);color:var(--ribbon-paper);font:400 29px/1 var(--body);transition:transform .6s var(--ribbon-ease),background .3s}
  .desktop-ribbon-toggle:is(:hover,:focus-visible) .desktop-ribbon-plus{transform:rotate(90deg);background:#cc542f}
  .desktop-ribbon.is-open .desktop-ribbon-label{position:absolute;right:69px;opacity:0;transform:translateX(-24px);pointer-events:none}
  .desktop-ribbon.is-open .desktop-ribbon-toggle{width:50px}
  .desktop-ribbon.is-open .desktop-ribbon-plus{transform:rotate(135deg);background:var(--ribbon-ink)}
  .interface-light .desktop-ribbon-plus{background:var(--ribbon-paper);color:var(--ribbon-ink)}
  .interface-light .desktop-ribbon-toggle:is(:hover,:focus-visible) .desktop-ribbon-plus{background:#edaa77}
  .interface-light .desktop-ribbon.is-open .desktop-ribbon-plus{background:var(--ribbon-paper)}
  .site-header .desktop-ribbon-nav{position:absolute;left:7px;top:7px;width:565px;height:50px;display:flex;gap:3px;align-items:stretch;padding:0;border:0;border-radius:0;background:none;-webkit-backdrop-filter:none;backdrop-filter:none;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .15s,visibility .2s;font-size:15px;line-height:1}
  .site-header .desktop-ribbon.is-open .desktop-ribbon-nav{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .35s .15s,visibility .2s}
  .site-header .desktop-ribbon-nav a{flex:1;min-width:0;position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:9px;padding:0;border:0;border-radius:99px;color:inherit;font:400 15px/1 var(--body);white-space:nowrap;opacity:0;transform:translateX(30px) rotate(5deg);transition:opacity .2s,transform .5s var(--ribbon-ease),color .3s}
  .site-header .desktop-ribbon-nav a:after{display:none}
  .site-header .desktop-ribbon.is-open .desktop-ribbon-nav a{opacity:1;transform:none;transition-delay:.12s}
  .site-header .desktop-ribbon.is-open .desktop-ribbon-nav a:nth-of-type(2){transition-delay:.16s}
  .site-header .desktop-ribbon.is-open .desktop-ribbon-nav a:nth-of-type(3){transition-delay:.20s}
  .site-header .desktop-ribbon.is-open .desktop-ribbon-nav a:nth-of-type(4){transition-delay:.24s}
  .site-header .desktop-ribbon.is-open .desktop-ribbon-nav a:nth-of-type(5){transition-delay:.28s}
  .site-header .desktop-ribbon-nav a.is-target{color:var(--ribbon-ink)}
  .desktop-ribbon-nav small{font-size:9px;opacity:.65}
  .site-header .desktop-ribbon-nav sup{font-size:10px;margin-left:3px}
  .desktop-ribbon-light{position:absolute;left:0;top:0;width:109px;height:50px;border-radius:99px;background:linear-gradient(155deg,#f8d3a5,#dc985f);box-shadow:0 1px 0 #fff8 inset,0 3px 9px #9d603025;pointer-events:none;opacity:0;transition:opacity .2s}
  .desktop-ribbon-nav.has-target .desktop-ribbon-light{opacity:1}
  .desktop-ribbon-caption{position:absolute;left:50%;top:82px;transform:translate(-50%,-8px);width:max-content;max-width:400px;display:flex;align-items:center;justify-content:center;padding:8px 14px;border:1px solid var(--ribbon-edge);border-radius:99px;background:var(--ribbon-fill);-webkit-backdrop-filter:blur(26px);backdrop-filter:blur(26px);font:400 13px/1.25 var(--body);opacity:0;pointer-events:none;transition:opacity .3s,transform .5s var(--ribbon-ease)}
  .desktop-ribbon.is-open .desktop-ribbon-caption{opacity:1;transform:translate(-50%,0);transition-delay:.2s}
  .desktop-ribbon a:focus-visible,.desktop-ribbon button:focus-visible{outline:2px solid #cc542f;outline-offset:3px}
  .interface-light .desktop-ribbon a:focus-visible,.interface-light .desktop-ribbon button:focus-visible{outline-color:#edaa77}
}
@media(min-width:801px) and (max-width:1050px){
  .site-header>.desktop-ribbon{top:22px}
  .desktop-ribbon.is-open .desktop-ribbon-shell{width:590px}
  .site-header .desktop-ribbon-nav{width:517px}
  .site-header .desktop-ribbon-nav a{font-size:14px;gap:6px}
}
@media(prefers-reduced-motion:reduce){
  .desktop-ribbon *{transition:none!important;animation:none!important}
}
/* Keep the shared dark-nav rule from painting a second rectangular surface. */
.site-header .desktop-ribbon .desktop-ribbon-nav{background:none;-webkit-backdrop-filter:none;backdrop-filter:none}