/* Navigation is deliberately quieter than the illustrated reading surfaces. */
body[data-pond-theme]{--pond-section:#c8d7a6}
body[data-pond-area=account]{--pond-section:#a9d1c8}body[data-pond-area=chat]{--pond-section:#e1c88b}body[data-pond-area=archive]{--pond-section:#c7b9da}body[data-pond-area=story]{--pond-section:#e3d5af}body[data-pond-area=memes]{--pond-section:#dbb9a2}body[data-pond-area=receipts]{--pond-section:#b7cbe3}body[data-pond-area=roadmap]{--pond-section:#d9c894}
body[data-pond-area] .masthead{border-bottom:1px solid #163d3020}
body[data-pond-area] .masthead>p.pond-page-label{color:#34564b;font:600 12px/1.4 'DM Sans',Arial,sans-serif;border:0;border-left:2px solid var(--pond-section);background:transparent;border-radius:0;padding:3px 0 3px 14px;align-self:center;letter-spacing:.025em}
body[data-pond-area] .nav a{position:relative;border-radius:0;box-shadow:none}
body[data-pond-area] .nav a[aria-current=page]{background:transparent;color:#fffbee!important;box-shadow:inset 0 -2px var(--pond-section);font-weight:700}
body[data-pond-theme] .pond-mobile-bar{background:#123d35!important;border:1px solid #ffffff1c;border-top:0;border-left:0;border-radius:0 0 14px 14px;box-shadow:0 6px 18px #092f3124;min-height:58px}
body[data-pond-area] .pond-mobile-bar>span{font:600 13px/1.4 'DM Sans',Arial,sans-serif;color:#f3f5e9;letter-spacing:.015em;display:flex;align-items:center;gap:9px}
body[data-pond-area] .pond-mobile-bar>span:before{content:'';width:6px;height:6px;flex:none;border-radius:50%;background:var(--pond-section)}
body[data-pond-theme] .pond-menu-trigger{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-width:0;min-height:42px;border:1px solid #ffffff32;border-radius:10px;padding:9px 13px;background:#ffffff08;box-shadow:none;color:#f9faef;font:600 13px/1.2 'DM Sans',Arial,sans-serif}
.pond-menu-trigger svg{width:18px;height:18px;display:block}
body[data-pond-theme] #pond-menu{width:min(90vw,390px);padding:28px 22px calc(24px + env(safe-area-inset-bottom));background:#123c34;color:#f5f6eb;border:1px solid #ffffff18;border-radius:20px 0 0 20px;box-shadow:-16px 0 65px #082b3250}
#pond-menu::backdrop{background:#062a32a3;backdrop-filter:blur(5px)}
body[data-pond-theme] #pond-menu header{border:0;align-items:flex-start;padding:0 2px 27px;gap:16px}
#pond-menu-title{color:#f7f5e6!important;font:500 29px/1.12 'Playfair Display',Georgia,serif!important;letter-spacing:-.7px;max-width:240px}
.pond-menu-eyebrow{display:block;font:600 10px/1.4 'DM Sans',Arial,sans-serif;letter-spacing:.16em;color:#b9cdbb;margin-bottom:11px;text-transform:uppercase}
body[data-pond-theme] #pond-menu .pond-menu-close{display:flex;align-items:center;justify-content:center;flex:none;width:44px;height:44px;min-height:44px;padding:0;background:#ffffff09;border:1px solid #ffffff26;border-radius:50%;box-shadow:none;color:#f4f4e5}
.pond-menu-close svg{display:block;width:20px;height:20px}
body[data-pond-theme] #pond-menu nav{gap:4px;padding:0}
body[data-pond-theme] #pond-menu nav a{position:relative;display:flex;align-items:center;gap:13px;min-height:70px;width:100%;padding:12px 13px;border:1px solid transparent;border-radius:12px;background:transparent;color:#ecf0e3;text-decoration:none;box-shadow:none;transition:background .15s}
body[data-pond-theme] #pond-menu nav a:hover{background:#ffffff0b;border-color:transparent}
body[data-pond-theme] #pond-menu nav a[aria-current=page]{background:#e6edcc10;border:1px solid #d2e4bc2b;color:#fff8df;box-shadow:none}
#pond-menu a[aria-current=page]:before{content:'';position:absolute;left:0;top:19px;bottom:19px;width:2px;border-radius:2px;background:var(--pond-section,#d9c88b)}
.pond-menu-icon{width:25px;flex:none;color:#b7cbb3;display:flex;align-items:center;justify-content:center}
.pond-menu-icon svg{width:21px;height:21px;display:block}
.pond-menu-copy{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}
.pond-menu-copy strong{font:600 15px/1.3 'DM Sans',Arial,sans-serif;letter-spacing:.005em}
.pond-menu-copy small{font:400 11px/1.4 'DM Sans',Arial,sans-serif;color:#b4c6b7}
.pond-menu-arrow{color:#a7bcb1;display:flex}.pond-menu-arrow svg{width:16px;height:16px}
body[data-pond-theme] #pond-menu nav a:last-child{margin-top:18px;border-top:1px solid #ffffff21;border-radius:0;padding-top:22px}
#pond-menu .pond-menu-note{padding:24px 15px 0;margin:16px 0 0;border-top:1px solid #ffffff17;font:italic 15px/1.5 Georgia,serif;color:#bdcbb9}
body.pond-leaving::after{content:'';position:fixed;z-index:9999;top:0;left:0;height:3px;width:100%;background:#d9bd65;transform-origin:left;animation:pond-route-progress 1.6s ease-out both;pointer-events:none}
@keyframes pond-route-progress{from{transform:scaleX(.08)}to{transform:scaleX(.9)}}
@keyframes pond-page-arrive{from{opacity:.75;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:no-preference){@view-transition{navigation:auto}::view-transition-old(root){animation-duration:140ms}::view-transition-new(root){animation-duration:180ms}body[data-pond-area] main,body[data-pond-area] .my-pond-page{animation:pond-page-arrive 220ms ease-out both}}
@media(prefers-reduced-motion:reduce){body.pond-leaving::after{animation:none;transform:none}#pond-menu nav a{transition:none}}
@media(max-width:900px){body[data-pond-area] .masthead>p.pond-page-label{display:none}}


.lab-beta{display:inline-block;vertical-align:middle;margin-left:5px;padding:3px 6px;border-radius:4px;background:#eee7f2;color:#654b77;font:600 9px/1.2 Arial,sans-serif;letter-spacing:.04em;text-transform:uppercase}
