.legacy{font-family:var(--font-sans);background:var(--color-bg);color:var(--color-text);line-height:var(--line-height-normal);}
.legacy .container{}
.legacy h1{
    font-size:clamp(1.5rem, 4vw, var(--font-size-xl));
    margin-bottom:var(--space-xs);
    line-height:var(--line-height-tight);
    font-weight:700;
  }
.legacy h2{
    font-size:var(--font-size-lg);
    margin-top:var(--space-2xl);
    margin-bottom:var(--space-lg);
    line-height:var(--line-height-tight);
    font-weight:600;
  }
.legacy h3{
    font-size:var(--font-size-base);
    margin-top:var(--space-xl);
    margin-bottom:var(--space-md);
    line-height:var(--line-height-tight);
    font-weight:600;
  }
.legacy .sub{
    color:var(--color-text-muted);
    font-size:var(--font-size-base);
    margin-bottom:var(--space-xl);
  }
.legacy .back-link{
    display:inline-block;
    margin-bottom:var(--space-xl);
    font-size:var(--font-size-base);
    color:var(--color-primary);
    text-decoration:none;
    transition:color var(--transition-fast), transform var(--transition-fast);
  }
.legacy .back-link:hover{
    color:var(--color-primary-dark);
    text-decoration:underline;
    transform:translateX(-4px);
  }
.legacy .back-link:focus-visible{
    outline:2px solid var(--color-focus);
    outline-offset:2px;
    border-radius:var(--radius-sm);
  }
.legacy section{
    background:var(--color-bg-card);
    padding:clamp(1rem, 3vw, 1.5rem);
    border-radius:var(--radius-md);
    border:1px solid var(--color-border);
    margin-bottom:var(--space-xl);
    box-shadow:var(--shadow-sm);
    transition:box-shadow var(--transition-normal), 
                background-color var(--transition-normal),
                border-color var(--transition-normal);
  }
.legacy section:hover{
    box-shadow:var(--shadow-md);
  }
.legacy p{
    margin:var(--space-sm) 0;
    line-height:var(--line-height-relaxed);
  }
.legacy ul{
    list-style:none;
    padding:0;
    margin:var(--space-md) 0;
  }
.legacy ul li{
    position:relative;
    padding-left:var(--space-lg);
    margin-bottom:var(--space-sm);
    line-height:var(--line-height-relaxed);
  }
.legacy ul li::before{
    content:"▸";
    position:absolute;
    left:0;
    color:var(--color-primary);
    font-weight:600;
  }
.legacy ul ul{
    margin-top:var(--space-sm);
    margin-bottom:var(--space-sm);
  }
.legacy ul ul li::before{
    content:"•";
  }
.legacy ol{
    padding-left:var(--space-xl);
    margin:var(--space-md) 0;
  }
.legacy ol li{
    margin-bottom:var(--space-sm);
    line-height:var(--line-height-relaxed);
    padding-left:var(--space-sm);
  }
.legacy a{
    text-decoration:none;
    color:var(--color-primary);
    transition:color var(--transition-fast);
    outline:none;
    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;
    text-decoration:none;
  }
.legacy strong{
    font-weight:600;
    color:var(--color-text);
  }
.legacy hr{
    border:none;
    border-top:1px solid var(--color-border);
    margin:var(--space-2xl) 0;
  }
.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 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 (prefers-reduced-motion: reduce){.legacy .back-link:hover{
      transform:none;
    }}
@media (min-width: 768px) and (max-width: 1024px){.legacy .container{}}
@media (max-width: 480px){.legacy h1{
      font-size:1.5rem;
    }.legacy h2{
      font-size:1.2rem;
    }.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{
      display:none;
    }.legacy a{
      color:var(--text);
      text-decoration:underline;
    }.legacy section{
      border:1px solid var(--border);
      box-shadow:none;
      page-break-inside:avoid;
    }.legacy footer{
      page-break-before:always;
    }}
@media (prefers-contrast: high){.legacy a:focus-visible{
      outline-width:3px;
    }}