.guide-main{--guide-text:#eeefec;--guide-muted:#a7adaf;--guide-line:#ffffff16;--guide-surface:#1a1d1f;width:calc(100% - 64px);max-width:none;color:var(--guide-text);margin:0 auto;padding:32px 0 72px;font-family:Inter,Arial,sans-serif}.guide-back{color:var(--guide-muted);align-items:center;gap:8px;margin-bottom:30px;font-size:13px;text-decoration:none;display:inline-flex}.guide-reading{gap:64px;min-width:0;display:grid}.guide-hero{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(28px,4vw,88px);display:grid}.guide-hero-text{gap:22px;max-width:760px;display:grid}.guide-eyebrow{color:#d6bd73;letter-spacing:.035em;font-size:12px;font-weight:500;line-height:1.4;display:block}.theme-grok .learning-shell.focus-workspace .guide-hero h1{color:var(--guide-text);letter-spacing:-.045em;text-wrap:balance;margin:12px 0 0;font:650 clamp(36px,3.15vw,62px)/1.08 Inter,Arial,sans-serif}.guide-hero h1 span{color:inherit}.guide-hero-support>p{max-width:62ch;color:var(--guide-muted);margin:0;font-size:17px;line-height:1.65}.guide-hero-actions{flex-wrap:wrap;gap:10px;margin-top:24px;display:flex}.guide-primary,.guide-secondary{border:1px solid var(--guide-line);color:var(--guide-text);border-radius:10px;justify-content:center;align-items:center;gap:9px;padding:12px 17px;font-size:13px;font-weight:550;text-decoration:none;transition:background .18s,border-color .18s;display:inline-flex}.guide-primary{color:#202018;background:#f1ce66;border-color:#0000}.guide-primary:hover{background:#ffdd7b}.guide-secondary:hover{background:#ffffff08;border-color:#ffffff38}.guide-hero-meta{color:#838c90;gap:18px;margin-top:20px;font-size:12px;display:flex}.guide-hero-image{aspect-ratio:16/9;background:#181b1d;border-radius:18px;overflow:hidden}.guide-hero-image picture{width:100%;height:100%;display:block}.guide-hero-image img{object-fit:cover;width:100%;height:100%;display:block}.guide-main section{min-width:0;scroll-margin-top:28px}.guide-overview{grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);align-items:start;gap:32px;display:grid}.guide-section-heading,.guide-demo-heading{gap:9px;margin-bottom:23px;display:grid}.guide-section-heading .guide-eyebrow,.guide-demo-heading .guide-eyebrow{display:none}.theme-grok .guide-main h2{color:var(--guide-text);letter-spacing:-.035em;text-wrap:balance;margin:0;font:600 clamp(25px,2vw,34px)/1.2 Inter,Arial,sans-serif}.guide-section-heading p,.guide-demo-heading p{max-width:70ch;color:var(--guide-muted);margin:0;font-size:15px;line-height:1.6}.guide-demo-panel{background:var(--guide-surface);border:1px solid var(--guide-line);border-radius:20px;grid-template-columns:190px minmax(0,1fr);align-items:center;gap:28px;padding:24px;display:grid}.guide-intro-video{gap:9px;min-width:0;display:grid}.guide-intro-video video{object-fit:contain;background:#090a0b;border-radius:10px;width:190px;max-width:100%;height:338px;display:block}.guide-intro-video>span{color:#899296;align-items:center;gap:5px;font-size:10px;display:flex}.guide-demo-copy{max-width:62ch}.guide-demo-copy>.guide-eyebrow{display:none}.theme-grok .guide-main .guide-demo-copy h3{letter-spacing:-.025em;margin:0 0 14px;font:550 23px/1.3 Inter,Arial,sans-serif}.guide-demo-copy p{color:var(--guide-muted);margin:0;font-size:15px;line-height:1.7}.guide-demo-steps{display:none}.guide-route ol{gap:0;margin:0;padding:0;list-style:none;display:grid}.guide-route li{border-bottom:1px solid var(--guide-line);gap:13px;padding:17px 0;display:flex}.guide-route li:first-child{padding-top:0}.guide-route li:last-child{border-bottom:0}.guide-route li>span{color:#cfc8b3;background:#ffffff06;border-radius:50%;flex:none;place-items:center;width:27px;height:27px;font-size:11px;display:grid}.guide-route li small{display:none}.guide-route li strong{font-size:14px;font-weight:550}.guide-route li p{color:var(--guide-muted);margin:5px 0 0;font-size:13px;line-height:1.6}.guide-tool-list{border-top:1px solid var(--guide-line);display:grid}.guide-tool{border-bottom:1px solid var(--guide-line);grid-template-columns:34px minmax(0,1fr);gap:12px;min-width:0;padding:26px 0;display:grid}.guide-tool-number{color:#898f91;font-variant-numeric:tabular-nums;padding-top:4px;font-size:12px}.guide-tool-body{grid-template-columns:minmax(0,1fr) minmax(0,.95fr);gap:10px 38px;min-width:0;display:grid}.guide-tool-heading{flex-wrap:wrap;grid-column:1;align-items:center;gap:20px;display:flex}.theme-grok .guide-main .guide-tool-heading h3{letter-spacing:-.025em;margin:0;font:600 20px/1.25 Inter,Arial,sans-serif}.guide-tool-heading a{color:#a4acae;align-items:center;gap:5px;font-size:12px;text-decoration:none;display:inline-flex}.guide-tool-heading a:hover{color:#f1ce66}.guide-tool-lead{color:#b5bcbd;grid-column:1;max-width:70ch;margin:0;font-size:14px;line-height:1.65}.guide-tool-details{grid-area:1/2/3;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:18px;display:grid}.guide-tool-details p{color:#929c9f;margin:0;font-size:12px;line-height:1.65}.guide-tool-details strong{color:#cbd0cf;margin-bottom:5px;font-size:12px;font-weight:550;display:block}.guide-command{border:1px solid var(--guide-line);background:#181b1d;border-radius:9px;grid-column:1/-1;justify-content:space-between;align-items:center;gap:12px;min-width:0;margin-top:6px;padding:9px 10px 9px 15px;display:flex}.guide-command code{white-space:pre-wrap;overflow-wrap:anywhere;color:#c6cbc9;min-width:0;font:12px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;overflow:auto}.guide-copy,.guide-download{color:#e4e8e4;cursor:pointer;background:#24282a;border:1px solid #ffffff20;border-radius:8px;flex:none;justify-content:center;align-items:center;gap:7px;min-height:36px;padding:9px 13px;font:500 12px/1.3 Inter,Arial,sans-serif;transition:background .18s,border-color .18s;display:inline-flex}.guide-copy:hover,.guide-download:hover{background:#303536;border-color:#ddc66f70}.guide-prompts-top{justify-content:space-between;align-items:start;gap:24px;display:flex}.guide-prompts-top .guide-section-heading{margin:0}.guide-prompt-list{gap:12px;margin-top:25px;display:grid}.guide-prompt{border:1px solid var(--guide-line);background:var(--guide-surface);border-radius:16px;min-width:0;overflow:hidden}.guide-prompt summary{cursor:pointer;align-items:center;gap:14px;min-height:83px;padding:18px 22px;list-style:none;display:flex}.guide-prompt summary::-webkit-details-marker{display:none}.guide-prompt-number{color:#8f999c;font-size:12px}.guide-prompt summary>span:nth-child(2){flex:1;gap:5px;min-width:0;display:grid}.guide-prompt summary strong{color:#e3e8e4;font-size:16px;font-weight:550}.guide-prompt summary small{color:#939da0;font-size:13px;line-height:1.5}.guide-prompt-toggle{color:#a6afb1;font-size:24px;font-weight:300;transition:transform .18s}.guide-prompt[open] .guide-prompt-toggle{transform:rotate(45deg)}.guide-prompt-actions{border-top:1px solid var(--guide-line);color:#909b9f;justify-content:space-between;align-items:center;gap:12px;padding:13px 22px;font-size:12px;display:flex}.guide-prompt-actions .guide-copy{color:#26251c;background:#e9c65e;border-color:#0000}.guide-prompt-actions .guide-copy:hover{background:#f4d577}.guide-prompt-content pre{border-top:1px solid var(--guide-line);color:#bcc6c5;white-space:pre-wrap;overflow-wrap:anywhere;background:#141718;max-height:430px;margin:0;padding:24px;font:13px/1.8 ui-monospace,SFMono-Regular,Menlo,monospace;overflow:auto}.guide-placeholder{color:#ecd78f;background:#f3ce5420;border-radius:3px;padding:1px 3px}.guide-tag{color:#dfc56e}.guide-check{padding-top:8px}.guide-check-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:34px;display:grid}.theme-grok .guide-main .guide-check-columns h3{margin:0 0 16px;font:550 17px/1.3 Inter,Arial,sans-serif}.guide-check-columns ul{gap:12px;margin:0;padding:0;list-style:none;display:grid}.guide-check-columns li{color:var(--guide-muted);align-items:start;gap:10px;font-size:14px;line-height:1.6;display:flex}.guide-check-columns svg{color:#d7bb65;flex:none;margin-top:3px}.guide-footer{border-top:1px solid var(--guide-line);justify-content:space-between;align-items:center;gap:24px;padding-top:24px;display:flex}.guide-footer p{color:#8e999c;max-width:75ch;margin:0;font-size:13px;line-height:1.6}.guide-footer a{color:#c1c9c8;white-space:nowrap;align-items:center;gap:7px;font-size:13px;text-decoration:none;display:flex}.guide-main :is(a,button,summary,video):focus-visible{outline-offset:4px;outline:2px solid #e9c65e}@media (min-width:1800px){.guide-tool-body{grid-template-columns:minmax(0,1fr) minmax(0,.8fr) minmax(0,1fr)}.guide-tool-details{grid-column:2}.guide-command{flex-direction:column;grid-area:1/3/3;align-self:center;align-items:stretch;margin:0}.guide-command .guide-copy{align-self:flex-start}}@media (max-width:1200px){.guide-overview{grid-template-columns:1fr;gap:32px}.guide-route ol{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.guide-route li{border:0;padding:0}.guide-hero{gap:28px}.guide-tool-details{grid-template-columns:1fr;gap:12px}}@media (max-width:900px){.guide-hero{grid-template-columns:1fr}.guide-hero-image{max-width:760px}.guide-tool-body{grid-template-columns:1fr}.guide-tool-details{grid-area:auto/1;grid-template-columns:repeat(2,minmax(0,1fr))}.guide-reading{gap:48px}.guide-route ol{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-prompts-top{flex-direction:column;gap:16px}}@media (max-width:760px){.guide-main{width:calc(100% - 32px);padding:24px 0 54px}.guide-hero-support>p{font-size:15px}.guide-demo-panel{grid-template-columns:160px minmax(0,1fr);gap:20px;padding:18px}.guide-intro-video video{width:160px;height:284px}.guide-check-columns{grid-template-columns:1fr;gap:27px}}@media (max-width:520px){.guide-demo-panel{grid-template-columns:1fr}.guide-intro-video{justify-items:center}.guide-intro-video video{width:190px;height:338px}.guide-demo-copy{padding-top:8px}.guide-tool{grid-template-columns:24px minmax(0,1fr);gap:8px}.guide-tool-details{grid-template-columns:1fr}.guide-command{flex-direction:column;align-items:stretch}.guide-prompt summary{gap:10px;padding:17px 15px}.guide-prompt summary small{font-size:12px}.guide-prompt-actions{flex-direction:column;align-items:stretch;padding:13px 15px}.guide-prompt-content pre{padding:17px;font-size:12px}.guide-footer{flex-direction:column;align-items:start}.guide-route ol{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.guide-main *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.guide-prompt-content pre>code{max-width:120ch;font:inherit;white-space:pre-wrap;overflow-wrap:anywhere;display:block}@media (max-width:760px){.guide-hero-image{order:-1}}.guide-hero-actions{grid-template-columns:1fr;gap:10px;display:grid}.guide-hero-actions a{width:100%;min-height:46px}html.guide-motion-armed .guide-main :is(.guide-back,.guide-hero-title,.guide-hero-support>p,.guide-hero-actions>a,.guide-hero-image,.guide-demo-heading h2,.guide-demo-heading p,.guide-demo-panel,.guide-route>.guide-section-heading,.guide-route li,.guide-tools>.guide-section-heading,.guide-tool,.guide-prompts-top,.guide-prompt,.guide-check>.guide-section-heading,.guide-check-columns>div,.guide-footer){opacity:0;filter:blur(20px);transform:translateY(24px)scale(.98)}html.guide-motion-armed .guide-main [data-motion-state=ready],html.guide-motion-armed .guide-main :focus-within{opacity:1!important;filter:none!important;transform:none!important}@media (prefers-reduced-motion:reduce){html.guide-motion-armed .guide-main *{opacity:1!important;filter:none!important;transform:none!important}}