/* Copyright (c) 2026 Matthew X Murphy. https://MatthewxMurphy.com
 * Product attribution: https://builtnotbegged.com
 * SPDX-License-Identifier: GPL-2.0-or-later */
body:has(.mxm-stock-ticker){padding-bottom:64px}
.mxm-stocks{max-width:1200px;margin:0 auto;color:var(--mxm-paper,#f4f0e7)}
.mxm-stocks-intro,.mxm-stocks-note,.mxm-stock-table,.mxm-stock-controls,.mxm-stock-chart-panel p{font-family:Arial,sans-serif;line-height:1.6}
.mxm-stocks-note{font-size:.875rem;color:#c8c3bc}
.mxm-stock-summary,.mxm-stock-platforms{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:1.5rem;margin:1.5rem 0}
.mxm-stock-stat{border-top:2px solid #d83037;padding:1rem 0}
.mxm-stock-stat h3{font-size:1.2rem;margin:0 0 .75rem}.mxm-stock-stat strong{font:700 1.85rem Arial,sans-serif}
.mxm-stock-stat p{font:14px/1.6 Arial,sans-serif;color:#c8c3bc}
.mxm-stock-controls{display:flex;gap:1.5rem;flex-wrap:wrap;margin:1rem 0}.mxm-stock-controls label{display:grid;gap:.35rem;flex:1}
.mxm-stocks input,.mxm-stocks select{background:#111;color:#f4f0e7;border:1px solid #777;border-radius:0;padding:.6rem;min-height:44px;font:16px Arial,sans-serif;max-width:100%}
.mxm-stock-table-scroll{overflow-x:auto;max-width:100%;border:1px solid #45413d}
.mxm-stock-table{width:100%;border-collapse:collapse;white-space:nowrap;background:#0d0c0b;font-size:14px}
.mxm-stock-table caption{text-align:left;padding:1rem;white-space:normal;color:#c8c3bc}
.mxm-stock-table td,.mxm-stock-table th{padding:.9rem .8rem;text-align:right;border-bottom:1px solid #393633}
.mxm-stock-table th:first-child{text-align:left}.mxm-stock-table th small{display:block;font-weight:400;white-space:normal;max-width:240px;color:#c8c3bc}
.mxm-stock-table td small{display:block;white-space:normal;max-width:180px;font-size:11px;color:#c8c3bc}
.mxm-stocks-refresh{background:transparent;border:1px solid #777;color:#f4f0e7;padding:.6rem 1rem;min-height:44px;cursor:pointer}
.mxm-stock-table button{background:transparent;color:#f4f0e7;border:0;border-bottom:1px solid #777;padding:.5rem .2rem;min-height:44px;cursor:pointer;font:inherit;font-weight:bold}
.mxm-stock-table th[aria-sort=ascending] button:after{content:' ↑'}.mxm-stock-table th[aria-sort=descending] button:after{content:' ↓'}
.mxm-positive{color:#74d49b!important}.mxm-negative{color:#ff8e93!important}
.mxm-stocks a,.mxm-investing-links a{color:inherit}.mxm-stocks a:hover{color:#ff8e93}
.mxm-stocks :focus-visible,.mxm-stock-ticker :focus-visible,.mxm-investing-links :focus-visible{outline:3px solid #f4f0e7;outline-offset:4px}
.mxm-stock-chart-panel{border-top:2px solid #d83037;margin-top:2rem;padding:1.5rem 0}.mxm-stock-chart-panel label{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}
.mxm-stock-chart svg{display:block;width:100%;height:auto;background:#111;border-bottom:1px solid #45413d;margin-top:1rem}.mxm-stock-chart p{font-size:13px}
.mxm-allocation-details{margin:2rem 0}.mxm-allocation-details summary{cursor:pointer;min-height:44px;padding:.5rem 0;font-weight:bold}
.mxm-stock-allocation{max-width:720px}.mxm-allocation-row{position:relative;display:flex;justify-content:space-between;padding:.4rem 0;margin-bottom:.35rem;border-bottom:1px solid #444;font:14px/1.6 Arial,sans-serif;gap:1rem}
.mxm-allocation-bar{position:absolute;bottom:-1px;left:0;height:3px;background:#d83037;pointer-events:none}.mxm-stock-milestone progress{width:100%;accent-color:#d83037;height:14px}
.mxm-investing-links{padding:3rem 2rem}.mxm-investing-links h2{font-size:clamp(1.5rem,4vw,2.5rem);margin-bottom:1.5rem}
.mxm-investing-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem}.mxm-investing-grid>a{border-top:2px solid #d83037;text-decoration:none;display:grid;gap:.75rem;padding-top:1.5rem}.mxm-investing-grid strong{font-size:1.7rem}.mxm-investing-grid span{font:16px/1.6 Arial,sans-serif}.mxm-investing-grid>a:hover{color:#ff8e93}
.mxm-stock-ticker{position:fixed;bottom:0;left:0;right:0;z-index:900;display:flex;align-items:center;height:48px;background:#10100f;border-top:1px solid #45413d;color:#f4f0e7;font:13px Arial,sans-serif;box-shadow:0 -4px 20px #0006}
.mxm-ticker-title,.mxm-ticker-pause{flex:0 0 auto;position:relative;z-index:1;background:#10100f;padding:.65rem .8rem;color:inherit;min-height:44px;display:flex;align-items:center;white-space:nowrap;font-weight:bold;border:0;text-decoration:none}
.mxm-ticker-pause{font:13px Arial,sans-serif;cursor:pointer;border-left:1px solid #45413d}.mxm-ticker-title{border-right:1px solid #45413d}
.mxm-ticker-window{overflow:hidden;flex:1;min-width:0}.mxm-ticker-track{display:flex;width:max-content;animation:mxm-stock-scroll var(--mxm-ticker-duration,150s) linear infinite}.mxm-ticker-group{display:flex;flex:0 0 auto}.mxm-ticker-quote{display:flex;align-items:center;gap:.5rem;padding:0 1.2rem;height:44px;color:inherit;text-decoration:none;white-space:nowrap;border-right:1px solid #34312e}
.mxm-ticker-track.is-paused,.mxm-stock-ticker:hover .mxm-ticker-track,.mxm-stock-ticker:focus-within .mxm-ticker-track{animation-play-state:paused}
.mxm-ticker-track.is-paused,.mxm-stock-ticker:focus-within .mxm-ticker-track{transform:none!important}
.mxm-ticker-track.is-paused .mxm-ticker-group[aria-hidden=true],.mxm-stock-ticker:focus-within .mxm-ticker-group[aria-hidden=true]{display:none}
.mxm-stock-ticker:focus-within .mxm-ticker-window{overflow-x:auto}
.mxm-ticker-window:has(.is-paused){overflow-x:auto}.mxm-ticker-quote strong{color:#f4f0e7}
@keyframes mxm-stock-scroll{to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){.mxm-ticker-track{animation:none}.mxm-ticker-window{overflow-x:auto}.mxm-ticker-group[aria-hidden=true]{display:none}}
@media(max-width:600px){.mxm-stock-summary,.mxm-stock-platforms{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.mxm-stock-stat strong{font-size:1.35rem}.mxm-stock-stat h3{font-size:1rem}.mxm-investing-grid{grid-template-columns:1fr}.mxm-investing-links{padding:2rem 1rem}.mxm-stock-controls{display:grid;gap:.75rem}.mxm-stock-table td,.mxm-stock-table th{padding:.6rem}.mxm-ticker-title,.mxm-ticker-pause{padding:.65rem .5rem}}
