.legacy{font-family:var(--font-sans);background:var(--color-bg);color:var(--color-text);line-height:var(--line-height-normal);text-rendering:optimizeLegibility;}
.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-flex;
		align-items:center;
		gap:var(--space-xs);
		margin-bottom:var(--space-2xl);
		color:var(--color-text-muted);
		text-decoration:none;
		font-size:var(--font-size-sm);
		font-weight:500;
		transition:all var(--transition-fast);
		padding:var(--space-xs) var(--space-sm);
		border-radius:var(--radius-sm);
	}
.legacy .back-link:hover{
		color:var(--color-primary);
		background:var(--color-bg-alt);
		transform:translateX(-4px);
	}
.legacy h1{
		font-size:clamp(1.75rem, 5vw, var(--font-size-2xl));
		margin:0 0 var(--space-sm) 0;
		line-height:var(--line-height-tight);
		font-weight:800;
		letter-spacing:-0.02em;
		background: linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-light) 100%);
		-webkit-background-clip:text;
		-webkit-text-fill-color:transparent;
		background-clip:text;
	}
.legacy h2{
		font-size:var(--font-size-lg);
		margin:var(--space-3xl) 0 var(--space-lg) 0;
		line-height:var(--line-height-tight);
		font-weight:700;
		color:var(--color-text);
		padding-bottom:var(--space-sm);
		border-bottom:3px solid var(--color-primary);
		position:relative;
	}
.legacy h2::before{
		content:"";
		position:absolute;
		left:0;
		bottom:-3px;
		width:60px;
		height:3px;
		background:var(--color-accent);
	}
.legacy h3{
		font-size:var(--font-size-base);
		margin:var(--space-xl) 0 var(--space-md) 0;
		font-weight:700;
		color:var(--color-primary);
		display:flex;
		align-items:center;
		gap:var(--space-sm);
	}
.legacy h3::before{
		content:"";
		width:4px;
		height:1.2em;
		background:var(--color-accent);
		border-radius:2px;
	}
.legacy .sub{
		color:var(--color-text-muted);
		font-size:var(--font-size-lg);
		margin-bottom:var(--space-2xl);
		font-weight:400;
		line-height:var(--line-height-relaxed);
	}
.legacy p{
		line-height:var(--line-height-relaxed);
		margin:var(--space-sm) 0;
	}
.legacy strong{
		font-weight:600;
		color:var(--color-text);
	}
.legacy em{
		font-style:italic;
	}
.legacy ul, .legacy ol{
		margin:var(--space-lg) 0;
		padding-left:var(--space-2xl);
		line-height:var(--line-height-relaxed);
	}
.legacy ul li, .legacy ol li{
		margin-bottom:var(--space-sm);
		padding-left:var(--space-xs);
	}
.legacy ul li::marker{
		color:var(--color-primary);
		font-weight:bold;
	}
.legacy code{
		font-family: var(--font-mono);
		background: var(--color-code-bg);
		padding: 0.2em 0.4em;
		border-radius: var(--radius-sm);
		font-size: 0.875em;
		border: 1px solid var(--color-border);
		color: var(--color-primary);
		font-weight: 500;
	}
.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;
		height:1px;
		background: linear-gradient(to right, transparent, var(--color-border), transparent);
		margin:var(--space-3xl) 0;
	}
.legacy blockquote{
		border-left:4px solid var(--color-primary);
		background:var(--color-bg-alt);
		padding:var(--space-lg) var(--space-xl);
		border-radius:var(--radius-md);
		margin:var(--space-xl) 0;
		font-style:italic;
		color:var(--color-text-muted);
		position:relative;
		box-shadow:var(--shadow-sm);
	}
.legacy blockquote::before{
		content:"“";
		position:absolute;
		top:var(--space-md);
		left:var(--space-md);
		font-size:3rem;
		color:var(--color-primary);
		opacity:0.2;
		font-style:normal;
		line-height:1;
	}
.legacy .bookmarks-grid{
		display:grid;
		grid-template-columns:repeat(3, 1fr);
		gap:var(--space-lg);
		margin:var(--space-xl) 0;
	}
@media (max-width: 1024px){.legacy .bookmarks-grid{
			grid-template-columns:repeat(2, 1fr);
		}}
@media (max-width: 640px){.legacy .bookmarks-grid{
			grid-template-columns:1fr;
		}}
.legacy .bookmark{
		text-decoration:none;
		display:flex;
		flex-direction:column;
		height:100%;
		border:1px solid var(--color-border);
		border-radius:var(--radius-lg);
		box-shadow:var(--shadow-sm);
		overflow:hidden;
		transition:all var(--transition-normal);
		background:var(--color-bg-card);
		position:relative;
	}
.legacy .bookmark::before{
		content:"";
		position:absolute;
		top:0;
		left:0;
		width:4px;
		height:100%;
		background:var(--color-primary);
		transform:scaleY(0);
		transition:transform var(--transition-normal);
		transform-origin:bottom;
	}
.legacy .bookmark:hover{
		box-shadow:var(--shadow-hover);
		transform:translateY(-2px);
		border-color:var(--color-primary);
	}
.legacy .bookmark:hover::before{
		transform:scaleY(1);
	}
.legacy .bookmark-info{
		flex:1;
		padding:var(--space-lg);
		display:flex;
		flex-direction:column;
		justify-content:space-between;
	}
.legacy .bookmark-title{
		font-size:1em;
		font-weight:700;
		color:var(--color-text);
		margin-bottom:var(--space-sm);
		line-height:var(--line-height-tight);
		transition:color var(--transition-fast);
	}
.legacy .bookmark:hover .bookmark-title{
		color:var(--color-primary);
	}
.legacy .bookmark-description{
		color:var(--color-text-muted);
		font-size:0.85em;
		line-height:1.5;
		margin-bottom:0.5rem;
	}
.legacy .bookmark-href{
		font-size:0.75em;
		color:var(--color-text-light);
	}
.legacy .bookmark-image{
		width:100%;
		height:160px;
		display:block;
		object-fit:cover;
	}
.legacy figure{
		margin:var(--space-md) 0;
	}
.legacy figure img{
		max-width:100%;
		border-radius:var(--radius-md);
		border:1px solid var(--color-border);
		box-shadow:var(--shadow-sm);
	}
.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;}}