.legacy{font-family:var(--font-sans);background:var(--color-bg);color:var(--color-text);line-height:var(--line-height-normal);}
.legacy .container{}
.legacy .skip-link{
    position:absolute;
    top:-40px;
    left:0;
    background:var(--color-primary);
    color:var(--on-accent);
    padding:var(--space-sm) var(--space-md);
    text-decoration:none;
    z-index:100;
    font-weight:600;
    border-radius:0 0 var(--radius-sm) 0;
    transition:top var(--transition-fast);
  }
.legacy .skip-link:focus-visible{
    top:0;
    outline:2px solid white;
    outline-offset:-4px;
  }
.legacy .back-link{
    display:inline-block;
    margin-bottom:var(--space-lg);
    color:var(--color-primary);
    text-decoration:none;
    font-size:var(--font-size-sm);
    transition:color var(--transition-fast);
  }
.legacy .back-link:hover{
    color:var(--color-primary-dark);
    text-decoration:underline;
  }
.legacy h1{
    font-size:clamp(1.5rem, 4vw, var(--font-size-xl));
    margin:0 0 var(--space-xs) 0;
    line-height:var(--line-height-tight);
    font-weight:700;
  }
.legacy h2{
    font-size:var(--font-size-lg);
    margin:var(--space-2xl) 0 var(--space-md) 0;
    line-height:var(--line-height-tight);
    font-weight:600;
    color:var(--color-primary);
  }
.legacy h3{
    font-size:var(--font-size-base);
    margin:var(--space-xl) 0 var(--space-sm) 0;
    font-weight:600;
  }
.legacy .sub{
    color:var(--color-text-muted);
    font-size:var(--font-size-base);
    margin-bottom:var(--space-xl);
  }
.legacy p{
    line-height:var(--line-height-relaxed);
    margin:var(--space-sm) 0;
  }
.legacy strong{
    font-weight:600;
    color:var(--color-text);
  }
.legacy ul, .legacy ol{
    margin:var(--space-sm) 0;
    padding-left:var(--space-xl);
    line-height:var(--line-height-relaxed);
  }
.legacy ul li, .legacy ol li{
    margin-bottom:var(--space-xs);
  }
.legacy code{
    font-family: var(--font-mono);
    background: var(--color-bg-card);
    padding: 2px 6px;
    border-radius: var(--radius-sm);
    font-size: 0.9em;
    border: 1px solid var(--color-border);
  }
.legacy a{
    color:var(--color-primary);
    text-decoration:none;
    transition:color var(--transition-fast);
    border-radius:var(--radius-sm);
  }
.legacy a:hover{
    text-decoration:underline;
    color:var(--color-primary-dark);
  }
.legacy a:focus-visible{
    outline:2px solid var(--color-focus);
    outline-offset:2px;
  }
.legacy hr{
    border:none;
    border-top:1px solid var(--color-border);
    margin:var(--space-xl) 0;
  }
.legacy .references{
    background:var(--color-bg-card);
    padding:var(--space-lg);
    border-radius:var(--radius-md);
    margin:var(--space-2xl) 0;
    box-shadow:var(--shadow-sm);
  }
.legacy .references h2{
    margin-top:0;
  }
.legacy .references ul{
    margin-bottom:0;
  }
.legacy footer{
    margin-top:var(--space-3xl);
    padding-top:var(--space-xl);
    border-top:1px solid var(--color-border);
    text-align:center;
    color:var(--color-text-light);
    font-size:var(--font-size-sm);
  }
.legacy footer p{margin:0;}
.legacy footer a{
    color:var(--color-primary);
    margin:0 var(--space-md);
    display:inline-block;
  }
@media (max-width: 480px){.legacy h1{font-size:1.5rem;}.legacy .container{}.legacy footer a{display:block;margin:var(--space-sm) 0;}}
@media print{.legacy{background:white;color:black;}.legacy .skip-link, .legacy .back-link, .legacy footer{display:none;}.legacy code{border: 1px solid #ccc;}}