/* Shared navigation and a quieter end to task-focused pages. */
#gh{isolation:isolate}
#gh.gh-utility{background:rgba(247,244,239,.96);box-shadow:0 1px 0 var(--line)}
#gh .gh-row{gap:20px;grid-template-columns:minmax(140px,1fr) auto minmax(140px,1fr)}
#gh .gh-nav{gap:0;padding:3px;background:transparent;border-color:transparent;box-shadow:none}
#gh .gh-nav>a,#gh .gh-nav>button{height:38px;padding-inline:14px;font-size:13px;border-radius:9px}
#gh .gh-nav .on,#gh .gh-nav>a[aria-current=page]{color:var(--ink)!important;background:rgba(23,21,22,.055)!important;box-shadow:none}
#gh.gh-dark .gh-nav .on,#gh.gh-dark .gh-nav>a[aria-current=page]{color:var(--ntx)!important;background:rgba(255,255,255,.09)!important}
#gh .search-pill{width:36px;padding:0;justify-content:center;border-radius:9px}
#gh .search-pill span{display:none}
#gh .gh-tools{gap:7px}
#gh .gh-tools>.icon-btn{border-radius:9px;width:36px;height:36px}
#gh .gh-tools>[data-wallet-slot]{margin-left:5px}
#gh .wallet-pill{height:36px;padding-inline:12px 4px;font-size:12px;gap:9px}
#gh .wallet-pill .av{width:28px;height:28px;font-size:11px;background:#f6a58b;color:#3b1f16}
#gh .gh-tools .btn-sm{--h:36px;padding-inline:17px;font-size:12px;box-shadow:none}
#gh .mega-panel{border-radius:18px;box-shadow:0 16px 44px -16px rgba(23,21,22,.23)}
#gh .mp-item{border-radius:10px;padding:11px 10px}
#gh .mp-item[aria-current=page]{background:var(--paper);box-shadow:inset 3px 0 var(--coral)}
#gh .mp-item .glyph{width:36px;height:36px;border-radius:10px}
#gh .mp-item{grid-template-columns:36px 1fr auto;gap:12px}
#gh .mp-feature{background:var(--paper);color:var(--ink);border-radius:12px;border:1px solid var(--line);padding:24px}
#gh .mp-feature::after{display:none}
#gh .mp-feature .chip{background:var(--card);color:var(--ink-3);border:1px solid var(--line);font-size:10px}
#gh .mp-feature b{font-size:24px;line-height:1.2}
#gh .mp-feature p{font-size:13px;line-height:1.6;color:var(--ink-3)}
#gh .mp-app{border-radius:12px}
#gh .mp-app[aria-current=page]{outline:2px solid var(--coral);outline-offset:2px}
.drawer-m .sheet{padding:20px 20px 28px;border-left:1px solid var(--line);overscroll-behavior:contain}
.drawer-m .dm-row{padding:9px 10px;border-radius:10px;min-height:52px;font-size:14px;line-height:1.35}
.drawer-m .dm-row small{font-size:12px;line-height:1.5;margin-top:3px}
.drawer-m .dm-row[aria-current=page]{background:var(--card);box-shadow:inset 3px 0 var(--coral)}
.drawer-m .dm-sec{font-family:var(--f-b);font-size:10px;letter-spacing:.1em;margin:22px 10px 8px}
.drawer-m .dm-top{padding-bottom:15px;margin-bottom:10px;border-bottom:1px solid var(--line)}
.gf-marketing{padding:56px 0 24px}
.gf-marketing .gf-grid{grid-template-columns:minmax(220px,1.65fr) repeat(3,minmax(0,1fr));gap:40px}
.gf-marketing .gf-grid h6{font-family:var(--f-b);font-size:11px;letter-spacing:.08em;color:rgba(244,239,233,.5);margin-bottom:13px}
.gf-marketing .gf-grid a{font-size:13px;padding:5px 0}
.gf-marketing .gf-brand .brand{font-size:20px;display:inline-flex}
.gf-marketing .gf-brand p{font-size:13px;line-height:1.7;max-width:260px;margin:16px 0}
.gf-marketing .gf-support{display:inline-flex!important;align-items:center;gap:12px;color:var(--ntx)}
.gf-marketing .gf-support .i{width:15px;height:15px}
.gf .gf-bottom{margin-top:34px;padding-top:20px;font-size:12px;gap:20px;line-height:1.5}
.gf .gf-bottom nav{display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.gf .gf-bottom nav a:hover{text-decoration:underline;text-underline-offset:4px}
.gf-utility{background:transparent;color:var(--ink-2);padding:28px 0 20px;border-top:1px solid var(--line);margin-top:48px}
.gf-utility .gf-utility-top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}
.gf-utility .brand{font-size:16px}
.gf-utility .brand-mark{width:25px;height:25px;border-radius:7px}
.gf-utility .brand-mark i{width:12px;height:12px}
.gf-utility .gf-help{display:flex;align-items:center;gap:7px;font-size:12px;color:var(--ink-3)}
.gf-utility .gf-help .i{width:15px;height:15px}
.gf-utility .gf-help span{display:inline-flex;align-items:center;gap:6px;margin-left:8px;color:var(--ink-2);font-weight:600}
.gf-utility-nav{display:grid;gap:9px}
.gf-utility-nav nav{display:flex;align-items:center;flex-wrap:wrap;gap:7px 20px;font-size:12px;line-height:1.7}
.gf-utility-nav nav>span{color:var(--ink-3);width:82px;flex-shrink:0;font-size:10px}
.gf-utility-nav a:hover,.gf-utility .gf-help:hover span{color:var(--coral-d)}
.gf-utility-nav a[aria-current=page]{color:var(--ink);font-weight:600}
.gf-utility .gf-bottom{border-color:var(--line);color:var(--ink-3);margin-top:22px;padding-top:16px}
@media(min-width:1081px) and (max-width:1180px){
 #gh .gh-row{gap:12px}#gh .gh-nav>a,#gh .gh-nav>button{padding-inline:11px}
}
@media(max-width:1080px){
 #gh .gh-row{grid-template-columns:auto minmax(0,1fr);gap:14px}
 #gh .gh-tools{min-width:0;gap:5px}
}
@media(max-width:760px){
 #gh .gh-row{gap:10px}
 #gh .gh-tools{gap:4px}
 #gh .gh-tools>[data-wallet-slot]{margin-left:0}
 #gh .wallet-pill{padding:0 4px}
 #gh .gh-tools .btn-sm{padding-inline:14px}
 .gf-marketing{padding:36px 0 22px}
 .gf-marketing .gf-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:26px 18px}
 .gf-marketing .gf-brand{grid-column:1/-1;display:flex;gap:16px;align-items:flex-start;flex-wrap:wrap}
 .gf-marketing .gf-brand p{margin:0;flex:1 1 200px}
 .gf-marketing .gf-support{flex-basis:100%}
 .gf .gf-bottom{margin-top:26px;gap:12px;flex-direction:column;align-items:flex-start}
 .gf .gf-bottom nav{gap:14px}
 .gf-utility{margin-top:36px;padding-top:24px}
 .gf-utility .gf-utility-top{margin-bottom:18px;align-items:flex-start}
 .gf-utility .gf-help{font-size:0;gap:0;justify-content:flex-end}
 .gf-utility .gf-help>.i{display:none}
 .gf-utility .gf-help span{font-size:12px;margin:0;white-space:nowrap;min-height:25px}
 .gf-utility-nav{gap:15px}
 .gf-utility-nav nav{gap:6px 16px;font-size:11px}
 .gf-utility-nav nav>span{width:100%;font-weight:500;line-height:1.2}
 .gf-utility .gf-bottom{margin-top:20px;padding-top:15px}
}
@media(max-width:360px){
 #gh .gh-tools{gap:2px}#gh .search-pill{width:30px}#gh .gh-tools .btn-sm{padding-inline:10px;font-size:11px}
 .gf-marketing .gf-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .gf-marketing .gf-grid>div:last-child{grid-column:1/-1}
}


@media(max-width:760px){
 #gh .gh-row{gap:8px}#gh .brand{min-width:0}
 #gh .gh-tools{gap:2px}#gh .search-pill,#gh .gh-tools>.icon-btn{width:42px;height:44px;min-height:44px}
 #gh .gh-tools .btn-sm{min-height:42px;padding:11px 14px;font-size:12px}
 #gh .wallet-pill{min-height:42px;height:42px;padding:0 7px}
 .drawer-m .sheet{padding-top:calc(16px + env(safe-area-inset-top));padding-bottom:calc(24px + env(safe-area-inset-bottom))}
 .drawer-m .dm-top{position:sticky;top:calc(-16px - env(safe-area-inset-top));z-index:1;background:var(--paper);padding-top:8px}
 .drawer-m .dm-top .icon-btn{width:44px;height:44px}
 .drawer-m .dm-sec{font-size:11px}.drawer-m .dm-row{min-height:56px;font-size:15px}.drawer-m .dm-row small{font-size:13px}
 .gf-marketing .gf-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 18px}
 .gf-marketing .gf-grid>div:last-child{grid-column:auto}
 .gf-marketing .gf-grid h6{font-size:11px;margin-bottom:8px}
 .gf-marketing .gf-grid a{font-size:14px;min-height:42px;display:flex;align-items:center;padding:9px 0}
 .gf-marketing .gf-brand{display:block}.gf-marketing .gf-brand p{margin:14px 0;font-size:13px;max-width:34ch}
 .gf-marketing .gf-grid .gf-support{min-height:44px}
 .gf .gf-bottom nav{gap:4px 16px}.gf .gf-bottom nav a{min-height:40px;display:inline-flex;align-items:center}
 .gf-utility-nav nav{font-size:13px;gap:2px 18px}.gf-utility-nav nav a{min-height:40px;display:inline-flex;align-items:center}
 .gf-utility .gf-help span{min-height:40px}
}
@media(max-width:360px){
 #gh .brand{font-size:16px;gap:7px}#gh .brand-mark{width:27px;height:27px;flex-shrink:0}
 #gh .gh-tools{gap:0}#gh .search-pill,#gh .gh-tools>.icon-btn{width:36px}
 #gh .gh-tools .btn-sm{padding-inline:10px}
}
