.legacy{font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;line-height:1.6;color:var(--text);background:var(--bg);}
.legacy .container{background:var(--card-bg);border-radius:12px;box-shadow:0 4px 6px -1px rgba(0, 0, 0, 0.1);}
.legacy header{
            border-bottom:2px solid var(--border);
            padding-bottom:20px;
            margin-bottom:30px;
        }
.legacy h1{ font-size:2.25rem; margin-bottom:10px; color:var(--text); }
.legacy .nav-back{
            display:inline-block;
            margin-bottom:20px;
            color:var(--primary);
            text-decoration:none;
            font-weight:500;
        }
.legacy .nav-back:hover{ text-decoration:underline; }
.legacy .tip{
            background-color:var(--accent-soft);
            border-left:4px solid var(--primary);
            padding:16px;
            margin:20px 0;
            border-radius:4px;
            font-size:0.95rem;
        }
.legacy h2{
            margin-top:40px;
            margin-bottom:20px;
            font-size:1.5rem;
            color:var(--text);
            border-bottom:1px solid var(--border);
            padding-bottom:8px;
        }
.legacy ul{
            list-style:none;
            display:grid;
            gap:12px;
        }
.legacy li{
            position:relative;
            padding-left:20px;
        }
.legacy li::before{
            content:"•";
            position:absolute;
            left:0;
            color:var(--primary);
            font-weight:bold;
        }
.legacy a{
            color:var(--primary);
            text-decoration:none;
            transition:color 0.15s;
        }
.legacy a:hover{
            color:var(--accent);
            text-decoration:underline;
        }
.legacy table{
            width:100%;
            border-collapse:collapse;
            margin-top:20px;
            font-size:0.9em;
            display:block;
            overflow-x:auto;
        }
.legacy thead{
            background-color:var(--surface-2);
        }
.legacy th, .legacy td{
            text-align:left;
            padding:12px;
            border-bottom:1px solid var(--border);
            min-width:120px;
        }
.legacy footer{
            margin-top:60px;
            text-align:center;
            font-size:0.875rem;
            color:var(--muted);
        }