.legacy{background-color:var(--bg-color);color:var(--text-main);font-family:var(--font-main);line-height:1.7;font-size:1.05rem;}
.legacy .doc-container{
            max-width:900px;
            margin:0 auto;
            padding:60px 20px;
        }
.legacy .nav-bar{ margin-bottom:40px; }
.legacy .back-link{
            text-decoration:none;
            color:var(--accent-color);
            font-size:0.9rem;
            text-transform:uppercase;
            letter-spacing:1px;
            font-weight:600;
        }
.legacy .back-link:hover{ text-decoration:underline; }
.legacy h1{ font-size:2.5rem; margin-bottom:10px; color:var(--text-main); letter-spacing:-0.5px; }
.legacy h2{ font-size:1.8rem; margin-top:50px; margin-bottom:20px; color:var(--text-main); border-bottom:1px solid var(--border-color); padding-bottom:10px; }
.legacy h3{ font-size:1.3rem; margin-top:30px; margin-bottom:15px; color:var(--accent-color); }
.legacy p{ margin-bottom:20px; }
.legacy ul{ margin-bottom:20px; padding-left:25px; color:var(--text-muted); }
.legacy li{ margin-bottom:8px; }
.legacy strong{ color:var(--text-main); font-weight:600; }
.legacy pre{
            background-color: var(--code-bg);
            padding: 20px;
            border-radius: 8px;
            border: 1px solid var(--border-color);
            overflow-x: auto;
            margin: 25px 0;
            font-size: 0.9rem;
        }
.legacy code{
            font-family: var(--font-mono);
            color: #d6deeb;
        }
.legacy p code, .legacy li code{
            background-color: rgba(130, 170, 255, 0.1);
            padding: 2px 6px;
            border-radius: 4px;
            color: var(--accent-color);
            font-size: 0.9em;
        }
.legacy .table-wrapper{
            overflow-x:auto;
            margin:30px 0;
        }
.legacy table{
            width:100%;
            border-collapse:collapse;
            font-size:0.95rem;
        }
.legacy th, .legacy td{
            padding:12px 15px;
            text-align:left;
            border-bottom:1px solid var(--border-color);
        }
.legacy th{
            background-color:var(--surface-2);
            color:var(--accent-color);
            text-transform:uppercase;
            font-size:0.85rem;
            letter-spacing:1px;
        }
.legacy td{ color:var(--text-muted); }
.legacy .pros-cons{
            background-color:var(--sidebar-bg);
            padding:20px;
            border-radius:6px;
            margin-bottom:20px;
            border-left:3px solid var(--border-color);
        }
.legacy .tag-pro{ color:#98c379; font-weight:bold; text-transform:uppercase; font-size:0.8rem; margin-right:8px; }
.legacy .tag-con{ color:#e06c75; font-weight:bold; text-transform:uppercase; font-size:0.8rem; margin-right:8px; }
.legacy footer{
            margin-top:80px;
            padding-top:20px;
            border-top:1px solid var(--border-color);
            text-align:center;
            font-size:0.85rem;
            color:var(--text);
        }
/* extra: finance */
.legacy h1, .legacy h2, .legacy h3 { color: var(--text); }
.legacy .doc-container { padding-inline: 0; }
.legacy pre { background: #1a1d23; color: #d6deeb; }
.legacy pre code { color: inherit; background: transparent; }
.legacy .tag-pro { color: var(--c-startup); }
.legacy .tag-con { color: var(--c-recovery); }
