/* Shared surfaces use the same ink, brass accents and focus treatment as the navigation. */
:root { --section-accent: #9fb7df; --section-tint: #293951; }
:root[data-theme=light] { --section-accent: #3b5480; --section-tint: #e8edf5; }
.ftr {
  --text: #e3eaf7;
  --heading: #fbf3e0;
  --muted: #bbc8dc;
  --line: #8195b54d;
  --surface: #b1c4eb0e;
  --brand: #f0cf93;
  isolation: isolate;
  color: var(--text);
  background: radial-gradient(ellipse at 85% 0%,#283e61,transparent 64%),#131e31;
  border-block-start: 2px solid #bfa477;
}
.ftr > .wrap { position: relative; max-width: 1240px; }
.ftr .brand b { font: 600 1.45rem Georgia,serif; letter-spacing: .09em; }
.ftr .ftr-word { display:none; }
.ftr-cta { position: relative; isolation:isolate; padding-block: clamp(30px,4vw,58px); }
.ftr-cta::before {
  content:""; position:absolute; inset:0; z-index:-1; pointer-events:none;
  background:url('/static/art/mint-engraving.svg?v=indigo2') center / cover no-repeat;
  opacity:.12; mask-image:linear-gradient(90deg,transparent,#000 50%,transparent);
}
.ftr-cta .btn.ghost { border-color:#8899b4; color:#f3ebdd!important; }
.ftr-cols { gap: clamp(16px,2.6vw,40px); }
.foot-group { min-width:0; }
.foot-group summary {
  display:flex; justify-content:space-between; gap:12px; align-items:center;
  list-style:none; cursor:pointer; color:var(--heading); font-weight:650;
  border-block-start:1px solid var(--line); padding-block:12px;
}
.foot-group summary::-webkit-details-marker { display:none; }
.foot-group summary::after {
  content:""; width:7px; height:7px; border-inline-end:1.5px solid #e4c58d;
  border-bottom:1.5px solid #e4c58d; transform:rotate(45deg); flex:none;
}
[dir=rtl] .foot-group summary::after { transform:rotate(-45deg); }
.foot-group[open] summary::after { rotate:180deg; }
.foot-group nav { gap:2px; padding-bottom:8px; }
:root[data-theme] .ftr .foot-group nav a:not(.btn), :root[data-theme] .ftr .ftr-ctl a:not(.btn) { color:#cdd8ed; }
.ftr .foot-group nav a { display:block; padding-block:4px; }
:root[data-theme] .ftr .foot-group nav a:not(.btn):is(:hover,:focus-visible,[aria-current]),
:root[data-theme] .ftr .ftr-ctl a:not(.btn)[aria-current] { color:#f5d396; text-decoration:underline; text-underline-offset:4px; }
.ftr .to-top { color:#f5d396; border-color:var(--line); background:transparent; }
.ftr .ftr-note,.ftr .ftr-about p { color:var(--muted); }
.ftr-status { border-block-start:0; }
.main :is(.tabs,.chips-row) { gap:6px; }
.main .tab.on, .main .tab[aria-selected=true] {
  background:var(--section-tint); color:var(--section-accent);
  border-color:color-mix(in srgb,var(--section-accent) 45%,var(--line)); box-shadow:inset 0 -2px var(--brand);
}
.main :is(.form-wide,.panel,.wallet,.faq-tools) :is(input,textarea,select):focus-visible,
.cmdk input:focus-visible { outline:2px solid var(--section-accent); outline-offset:2px; }
.main :is(.toc,.side) a:hover, .main .linklist a:hover { color:var(--section-accent); text-decoration:underline; text-underline-offset:4px; }
.main .table-wrap th { color:var(--heading); }
.main .table-wrap thead { background:var(--section-tint); }
.main .qa[open] { background:color-mix(in srgb,var(--section-tint) 48%,transparent); }
.main :is(.notice,.stepper li.on) { border-color:color-mix(in srgb,var(--section-accent) 48%,var(--line)); }
.auth .auth-card { border-block-start:2px solid var(--brand); background:linear-gradient(135deg,var(--bg-2),var(--section-tint)); }
.cmdk { border-block-start:2px solid var(--brand); }
.cmdk-in { background:var(--section-tint); }
.toast { border-inline-start:3px solid var(--brand); }
.tabbar { box-shadow:0 -8px 24px #10182b0e; }
:root .tabbar a[aria-current] { background:var(--section-tint); color:var(--section-accent); box-shadow:inset 0 -2px var(--brand); }
@media(max-width:700px) {
  .ftr .ftr-cols { grid-template-columns:minmax(0,1fr); gap:0; padding-block:24px 10px; }
  .ftr-about { padding-bottom:22px; }
  .foot-group summary { min-height:48px; }
  .foot-group nav { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:4px 14px; }
  .foot-group nav a { display:flex; align-items:center; min-height:44px; }
  .ftr .ftr-cta { gap:12px; }
  .ftr .ftr-bottom { align-items:flex-start; gap:12px; }
}

/* Compact brand bar and grouped footer navigation. */
.ftr { padding-block:0 12px; }
.ftr .ftr-cta { padding-block:12px; gap:10px; }
.ftr-cta .brand img { inline-size:32px; block-size:32px; }
.ftr .ftr-cols { padding-block:16px 12px; gap:clamp(12px,2vw,28px); }
.ftr .ftr-about p { margin-block:6px; }
.ftr .ftr-pay { margin-top:6px; }
.ftr .foot-group summary { justify-content:flex-start; gap:8px; padding-block:5px 7px; border:0; }
.foot-group summary .ic { color:#e1c38d; width:17px; height:17px; flex:none; }
.ftr .foot-group summary::after { margin-inline-start:auto; transform:rotate(45deg); rotate:0deg; }
.ftr .foot-group[open] summary::after { transform:rotate(225deg); }
.ftr .foot-group nav { gap:0; padding:0; border-inline-start:1px solid var(--line); }
.ftr .foot-group nav a { padding:3px 9px; line-height:1.45; border-inline-start:2px solid transparent; overflow-wrap:anywhere; }
:root[data-theme] .ftr .foot-group nav a:not(.btn):is(:hover,:focus-visible,[aria-current]) {
  background:#a5bcdf13; border-inline-start-color:#e5c48e; text-decoration:none;
}
.ftr .ftr-note { border-block-start:1px solid var(--line); max-width:none; margin:0; padding-block-start:9px; }
.ftr .ftr-bottom { padding-block:6px 0; }
.hdr .dd-p a:is(:hover,:focus-visible), .sheet nav a:is(:hover,:focus-visible) {
  background:var(--surface-2); color:var(--nav-accent,var(--heading)); border-radius:7px;
  border-inline-start:2px solid var(--brand);
}
@media (min-width:701px) and (max-width:1040px) {
  .ftr .ftr-cols { grid-template-columns:repeat(4,minmax(0,1fr)); }
  .ftr-about { display:flex; align-items:center; gap:12px; flex-wrap:wrap; }
}
@media (max-width:700px) {
  .ftr .ftr-cols { gap:0; padding-block:8px; }
  .ftr .ftr-about { padding-block:0 8px; }
  .ftr .ftr-about .badge-sec, .ftr .ftr-pay { display:inline-flex; vertical-align:middle; }
  .ftr .foot-group { border-block-start:1px solid var(--line); }
  .ftr .foot-group summary { min-height:44px; padding-block:4px; box-sizing:border-box; }
  .ftr .foot-group nav { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); margin-block-end:6px; }
  .ftr .foot-group nav a { display:flex; align-items:center; min-height:44px; box-sizing:border-box; }
  .ftr .ftr-bottom { gap:6px 12px; }
}