.guide-heading {padding:12px 0 30px;max-width:900px}
.guide-heading h1 {font-size:clamp(36px,4vw,54px);letter-spacing:-1.5px;line-height:1.15;margin-bottom:20px}
.guide-heading h1>span {color:var(--accent)}
.guide-heading>p {font-size:18px;color:#d7e4fa;line-height:1.7}
.guide-layout {display:grid;grid-template-columns:220px minmax(0,1fr);gap:42px;max-width:1160px}
.guide-nav {display:flex;flex-direction:column;align-self:start;position:sticky;top:24px;gap:10px;background:var(--panel);border:1px solid var(--line);padding:12px;border-radius:16px}
.guide-nav a {font-size:15px;font-weight:600;color:#e5edfc;padding:12px;min-height:48px;border-left:3px solid #859ac0;border-radius:4px 10px 10px 4px;line-height:1.6}
.guide-nav a:hover {color:var(--accent);border-color:var(--accent);background:#384334}
.guide-content {min-width:0}
.guide-content section {padding:28px 30px;margin-bottom:26px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(140deg,#2b323c,#252c35);scroll-margin-top:25px;box-shadow:0 8px 22px #0b19342b}
.guide-number {display:inline-block;font-size:12px;letter-spacing:1.2px;font-weight:700;color:#e4ffb8;margin:0 0 18px;padding:6px 10px;border:1px solid #819e69;background:#303c2a;border-radius:8px}
.guide-content h2 {font-size:30px;letter-spacing:-.7px;margin-bottom:20px;line-height:1.25}
.guide-content p {font-size:17px;line-height:1.8;color:#dce7f8}
.guide-content a {color:#d2f88f;text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px;overflow-wrap:anywhere}
.guide-content a:hover {color:#fff}
.guide-callout {background:#383344;border:1px solid #a095c7;border-left:4px solid var(--purple);border-radius:12px;padding:22px;color:#f2ecff;font-size:17px;line-height:1.75;margin:24px 0}
.guide-agents {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:24px 0}
.guide-agents>div {display:flex;flex-direction:column;gap:10px;border:1px solid #789cac;border-radius:14px;padding:18px;background:#2d4245}
.guide-agents>div:nth-child(2) {background:#3c344d;border-color:#9d8abc}
.guide-agents>div:nth-child(3) {background:#354332;border-color:#839f71}
.guide-agents strong {font-size:20px;color:#efffd9;font-weight:750}
.guide-agents span {font-size:15px;line-height:1.6;color:#e0ecfc}
.model-table {border:1px solid #8394b0;border-radius:14px;overflow:hidden;margin:23px 0}
.model-table>div {display:flex;flex-direction:column;gap:7px;padding:19px 22px;border-bottom:1px solid #5b697b;background:#2c3540}
.model-table>div:last-child {border:0}
.model-table strong {font-size:18px;color:#f1f8ff;font-weight:700}
.model-table span {font-size:16px;color:#d8e5f7;line-height:1.6}
.model-table code {font-size:14px;color:#bceef4;overflow-wrap:anywhere}
@media(max-width:1150px) {.guide-layout {grid-template-columns:190px minmax(0,1fr);gap:24px}.guide-content section {padding:25px}.guide-agents {grid-template-columns:1fr}.guide-agents>div {gap:5px}}
@media(max-width:760px) {
 .guide-heading {padding-top:0}.guide-heading>p {font-size:17px}.guide-layout {grid-template-columns:1fr;gap:26px}
 .guide-nav {position:static;flex-direction:row;flex-wrap:wrap;gap:8px;padding:10px}.guide-nav a {padding:10px 12px;background:#2e3944;border:1px solid #8195b4;border-radius:9px;font-size:14px;min-height:44px}
 .guide-content section {padding:24px 21px;border-radius:16px}.guide-content h2 {font-size:28px}.guide-content p {font-size:16px}
 .guide-callout {font-size:16px;padding:18px}.guide-agents {grid-template-columns:repeat(3,minmax(0,1fr))}.guide-agents>div {padding:15px}
}
@media(max-width:540px) {.guide-agents {grid-template-columns:1fr}.guide-content section {padding:22px 18px}.guide-nav a {font-size:14px}.model-table>div {padding:17px}.guide-content h2 {font-size:27px}}