.fxf-board .fxf-edition,.fxf-shop .fxf-shop-crumb { min-height:28px; }
.fxf-board .fxf-mode-button,.fxf-detail .fxf-mode-button {
  appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:6px;flex:none;
  min-width:28px;height:28px;margin:0;padding:0 9px;border:1px solid #607083;border-radius:20px;
  background:#1e2a3b;color:#e9eff7;box-shadow:none;cursor:pointer;letter-spacing:normal;text-transform:none;
  font:620 11px/1.1 system-ui,-apple-system,"Segoe UI",sans-serif;white-space:nowrap;
}
.fxf-board .fxf-mode-button:hover,.fxf-detail .fxf-mode-button:hover { color:#ffe1a4;border-color:#caa46a; }
.fxf-board .fxf-mode-button:focus-visible,.fxf-detail .fxf-mode-button:focus-visible { outline:3px solid #3284db;outline-offset:2px; }
.fxf-mode-button svg { width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round; }
.fxf-mode-button .fxf-mode-moon { display:none; }
.fxf-shop .fxf-mode-button { margin-inline-start:auto; }
.fxf-detail .fxf-wrap>.fxf-mode-button { float:right;margin-top:-3px; }

.fxf-board[data-fxf-mode="light"],.fxf-detail[data-fxf-mode="light"] {
  --fxf-navy:#f1f4f6;--fxf-ink:#182c43;
  background-color:var(--fxf-navy);background-image:radial-gradient(ellipse at 83% 0,#f8ecd3,transparent 57%),linear-gradient(160deg,#f7fafb,#edf2f5);
  color:#203248;
}
.fxf-board[data-fxf-mode="light"] .fxf-wordmark,.fxf-board[data-fxf-mode="light"] .fxf-heading,
.fxf-board[data-fxf-mode="light"] .fxf-stores h3,.fxf-detail[data-fxf-mode="light"] .fxf-related-heading h2 { color:#182b41; }
.fxf-board[data-fxf-mode="light"] .fxf-wordmark b { color:#a65119; }
.fxf-board[data-fxf-mode="light"] .fxf-edition-line { background:#a8b3bc; }
.fxf-board[data-fxf-mode="light"] .fxf-eyebrow { background:#ffedc6;color:#6d3d0d;border-color:#e2be7f; }
.fxf-board[data-fxf-mode="light"] .fxf-lede,.fxf-board[data-fxf-mode="light"] .fxf-results { color:#485d70; }
.fxf-board[data-fxf-mode="light"] .fxf-chip,.fxf-board[data-fxf-mode="light"] .fxf-chip:visited { background:#fff;color:#24384f;border-color:#c5d0d9; }
.fxf-board[data-fxf-mode="light"] .fxf-chip:hover,.fxf-board[data-fxf-mode="light"] .fxf-chip[aria-current] { background:#ffebc2;color:#543615;border-color:#c8a266; }
.fxf-board[data-fxf-mode="light"] .fxf-card { border-color:#d3dce3;box-shadow:0 4px 12px #253b500c; }
.fxf-board[data-fxf-mode="light"] .fxf-card:hover { border-color:#b59b71; }
.fxf-board[data-fxf-mode="light"] .fxf-stores { border-color:#cbd5dd; }
.fxf-board[data-fxf-mode="light"] .fxf-empty { color:#38516a;border-color:#93a4b4; }
.fxf-board[data-fxf-mode="light"] .fxf-light-link,.fxf-board[data-fxf-mode="light"] .fxf-results a,
.fxf-detail[data-fxf-mode="light"] .fxf-back,.fxf-detail[data-fxf-mode="light"] .fxf-related-heading a { color:#75470d; }
.fxf-board[data-fxf-mode="light"] .fxf-selected { background:#dfe8ee;color:#253b50; }
.fxf-board[data-fxf-mode="light"] .fxf-pages a,.fxf-board[data-fxf-mode="light"] .fxf-pages span { color:#23374d; }
.fxf-board[data-fxf-mode="light"] .fxf-pages a { background:#e1e8ee; }
.fxf-board[data-fxf-mode="light"] .fxf-pages a:hover,.fxf-board[data-fxf-mode="light"] .fxf-pages [aria-current] { background:#ffdc99; }
.fxf-detail[data-fxf-mode="light"] .fxf-related { background:transparent; }
.fxf-detail[data-fxf-mode="light"] .fxf-detail-panel { box-shadow:0 0 0 1px #d8e0e5; }
.fxf-shop[data-fxf-mode="light"] {
  --fxf-shop-text:#182f44;--fxf-shop-muted:#475e70;--fxf-shop-line:#c7d2d9;
  --fxf-shop-accent:#795019;--fxf-shop-surface:#fff;
}
.fxf-shop[data-fxf-mode="light"] .fxf-shop-head { background:linear-gradient(115deg,#fffdf7,#f5f8fa); }
.fxf-board[data-fxf-mode="light"] .fxf-mode-button,.fxf-detail[data-fxf-mode="light"] .fxf-mode-button { background:#fff;color:#32485b;border-color:#9fadb8; }
.fxf-board[data-fxf-mode="light"] .fxf-mode-button:hover,.fxf-detail[data-fxf-mode="light"] .fxf-mode-button:hover { background:#fff6e5;border-color:#aa8551;color:#6c450e; }
[data-fxf-mode="light"] .fxf-mode-button .fxf-mode-sun { display:none; }
[data-fxf-mode="light"] .fxf-mode-button .fxf-mode-moon { display:block; }

@media (max-width:700px) {
  .fxf-board .fxf-mode-button,.fxf-detail .fxf-mode-button { width:30px;padding:0; }
  .fxf-mode-button .fxf-mode-label { display:none; }
}
@container (max-width:580px) {
  .fxf-board .fxf-mode-button,.fxf-detail .fxf-mode-button { width:30px;padding:0; }
  .fxf-mode-button .fxf-mode-label { display:none; }
}
@container (max-width:330px) {
  .fxf-board[data-fxf-mode] .fxf-edition { gap:6px; }
  .fxf-board[data-fxf-mode] .fxf-edition-line { display:none; }
  .fxf-board[data-fxf-mode] .fxf-wordmark { font-size:17px; }
  .fxf-board[data-fxf-mode] .fxf-hero-art { width:42px; }
}