.legacy-guide{width:min(1120px,calc(100% - 48px));margin:0 auto;padding:34px 0 100px}.legacy-guide-hero{margin-top:28px;padding:52px;border:1px solid #34403b;background:radial-gradient(circle at 88% 12%,rgba(143,108,47,.2),transparent 36%),linear-gradient(105deg,#0d1310,#101713)}.legacy-guide-hero h1{max-width:850px;margin:10px 0 0;color:#e5d8bd;font:500 clamp(48px,6vw,76px)/.96 var(--serif);letter-spacing:-.025em}.legacy-guide-hero>p{max-width:780px;margin:22px 0 0;color:#b7c0ba;font-size:18px;line-height:1.7}.legacy-query{display:grid;grid-template-columns:190px 1fr;gap:8px 28px;margin-top:22px;padding:25px 28px;border:1px solid #5b4d30;border-left:4px solid #c4a45f;background:rgba(86,65,27,.18)}.legacy-query span{grid-row:1/3;color:#c5ac72;font:13px var(--mono);letter-spacing:.1em}.legacy-query strong{color:#e2d4b7;font:500 23px var(--serif)}.legacy-query p{margin:0;color:#9da7a1;font-size:14px}.legacy-guide-sections{margin-top:56px;border-top:1px solid #303b36}.legacy-guide-sections section{display:grid;grid-template-columns:54px 1fr;gap:24px;padding:42px 0;border-bottom:1px solid #303b36}.legacy-guide-sections section>span{color:#c4a45f;font:14px var(--mono)}.legacy-guide-sections h2{margin:0;color:#e1d5bd;font:500 36px/1.1 var(--serif)}.legacy-guide-sections p{max-width:800px;margin:14px 0 0;color:#b2bbb5;font-size:17px;line-height:1.75}.legacy-guide-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:56px;background:#34403b}.legacy-guide-actions a{display:flex;min-height:180px;padding:26px;background:#101513;color:inherit;text-decoration:none;flex-direction:column}.legacy-guide-actions a:hover{background:#151c18}.legacy-guide-actions span{color:#c4a45f;font:13px var(--mono);letter-spacing:.1em}.legacy-guide-actions strong{margin-top:14px;color:#e3d7be;font:500 23px/1.15 var(--serif)}.legacy-guide-actions em{margin-top:auto;color:#d3bb7c;font:normal 14px var(--mono)}@media(max-width:720px){.legacy-guide{width:calc(100% - 28px);padding-top:22px}.legacy-guide-hero{padding:32px 22px}.legacy-guide-hero>p{font-size:16px}.legacy-query{grid-template-columns:1fr}.legacy-query span{grid-row:auto}.legacy-guide-actions{grid-template-columns:1fr}.legacy-guide-actions a{min-height:145px}}
.legacy-guide-actions{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}