/* Shared palette and site navigation for the landing and cardpool reports. */
:root{
      color-scheme:light dark;
      --paper:#f5f4ee;--ink:#252b27;--muted:#666d63;--line:#dcded3;--accent:#bb482e;--green:#315744;
      --panel:#faf9f4;--button-hover:#315744;--selection:#e6b09b;
      --art-bg:#eaece3;--art-line:#e0e3d7;--art-grid:#d8ddcf80;--art-text:#5d685a;--art-muted:#7b8574;
      --peek-bg:#fdfcf7;--peek-border:#d6dbcd;--peek-line:#e7e8df;--peek-shadow:#27372a15;
      --mana-bg:#d7e5ec;--mana-text:#385d74;--group-border:#c6d8e0;--group-text:#456b7d;
      --pauper-accent:#526b4d;--pauper-tint:#e9eddf;--premodern-accent:#936546;--premodern-tint:#efe6da;
      --modern-accent:#596b93;--modern-tint:#e5e9f1;--legacy-accent:#7b6091;--legacy-tint:#ece6ef;
      --closing-bg:#315744;--closing-text:#f5f4ee;--closing-button-bg:#f5f4ee;--closing-button-text:#252b27;--closing-button-hover:#e5e9db;
      --mono:'DM Mono',monospace;--sans:'DM Sans',ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif;
      --group-teal:#3e706e;--group-rose:#985f70;--group-olive:#6b713d;--group-clay:#925c48;
    }
@media(prefers-color-scheme:dark){:root{
        --paper:#0f1012;--ink:#edeef0;--muted:#a6ada7;--line:#303630;--accent:#ef967e;--green:#91b9a0;
        --panel:#15171a;--button-hover:#b2cfb8;--selection:#744a3d;
        --art-bg:#181e1b;--art-line:#2b342e;--art-grid:#65756720;--art-text:#a5b4a7;--art-muted:#88978b;
        --peek-bg:#202622;--peek-border:#3a473e;--peek-line:#344137;--peek-shadow:#00000040;
        --mana-bg:#263d48;--mana-text:#a8cde1;--group-border:#486372;--group-text:#a8cde1;
        --pauper-accent:#a4bf8e;--pauper-tint:#263224;--premodern-accent:#d4ab85;--premodern-tint:#352c24;
        --modern-accent:#a6b8e0;--modern-tint:#252e40;--legacy-accent:#c5a6d9;--legacy-tint:#32283c;
        --closing-bg:#253e30;
        --group-teal:#94c6c0;--group-rose:#d8a3b4;--group-olive:#bdc68e;--group-clay:#d5aa95;
      }}
.site-wrap{width:min(1280px,calc(100% - 112px));margin-inline:auto}
.site-skip{position:absolute;left:24px;top:-80px;padding:12px;background:var(--ink);color:var(--paper);z-index:10}
.site-skip:focus{top:12px}
.site-header{height:102px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}
.site-brand{display:inline-flex;align-items:center;gap:11px;font-size:23px;letter-spacing:-1.2px;font-weight:650}
.site-brand svg{width:28px;height:32px}
.site-brand .dot{color:var(--accent)}
.site-nav{display:flex;align-items:center;gap:32px;font-size:13px;font-weight:500}
.site-nav-cta{display:flex;align-items:center;gap:24px;padding:11px 0 11px 21px;border-left:1px solid var(--line)}
.site-header a,.site-footer a{color:inherit;text-decoration:none}
.site-nav a:hover{color:var(--accent)}
.site-footer{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:25px 0 32px;border-top:1px solid var(--line)}
.site-footer-brand{font-size:17px;gap:0}
.site-footer p{max-width:470px;margin:0;color:var(--muted);font-size:10px;line-height:1.7;text-align:right}
@media(max-width:1100px){.site-wrap{width:calc(100% - 64px)}}
@media(max-width:800px){.site-wrap{width:calc(100% - 40px)}
.site-header{height:80px}
.site-nav{gap:20px}
.site-footer{align-items:start}}
@media(max-width:480px){.site-nav{gap:15px;font-size:11px}
.site-nav .site-nav-cta{display:none}
.site-brand{font-size:21px;gap:7px}
.site-brand svg{width:24px}
.site-footer{flex-direction:column;gap:15px}
.site-footer p{text-align:left;max-width:320px}}