html[data-site=grok]{--bg:#0c0d0d;--surface:#121414;--text:#f4f4ef;--muted:#a1a69e;--accent:#ddff7d;--accent2:#ddff7d;--button:#0c0d0d;--gk-rule:#30332e;--gk-soft:#1b1e19;--gk-mono:ui-monospace,SFMono-Regular,Consolas,"Liberation Mono",monospace;color-scheme:dark}
html[data-site=grok][data-theme=light]{--bg:#f6f7f2;--surface:#fff;--text:#151814;--muted:#5b6358;--accent:#385512;--accent2:#385512;--button:#fff;--gk-rule:#c8cec1;--gk-soft:#e9eddf;color-scheme:light}
[data-site=grok] body{font-size:15px;line-height:1.65}
[data-site=grok] .page-shell{max-width:1160px;padding:0 48px;overflow:clip}
[data-site=grok] h1,[data-site=grok] h2,[data-site=grok] h3{font-family:Display,Body,sans-serif;font-weight:500}
[data-site=grok] a:hover{color:var(--accent)}
.gk-header{min-height:105px;display:flex;align-items:center;gap:28px;border-bottom:1px solid var(--gk-rule)}
.gk-brand{display:flex;align-items:center;gap:11px;font-family:Display,Body,sans-serif;line-height:1;letter-spacing:.045em;font-weight:650;font-size:20px}
.gk-mark{width:40px;height:40px;display:grid;place-items:center;background:var(--accent);color:var(--bg)}
.gk-mark svg{width:32px;height:32px}
.gk-brand-bottom{display:block;font-family:var(--gk-mono);font-size:8px;letter-spacing:.14em;margin-top:7px}
.gk-header nav{margin-left:auto;display:flex;align-items:center;gap:30px;font-size:12px}
.gk-header nav a:last-child{color:var(--muted)}
.gk-header nav a:hover{color:var(--accent)}
.gk-header nav span{margin-left:8px}
.gk-theme{background:none;border-left:1px solid var(--gk-rule);width:45px;height:30px;display:grid;place-items:center;padding-left:17px}
.gk-theme svg{width:18px;height:18px}
.gk-main{max-width:816px;margin:0 auto}
.gk-intro{padding-top:66px}
.gk-overline{display:flex;align-items:center;justify-content:space-between;gap:12px;font-family:var(--gk-mono);font-size:10px;letter-spacing:.08em;color:var(--muted)}
.gk-overline span:first-child::before{content:"";display:inline-block;width:6px;height:6px;background:var(--accent);margin-right:12px;vertical-align:1px}
.gk-intro h1{margin-top:27px;font-size:clamp(50px,6.5vw,86px);line-height:1.015;letter-spacing:-.07em}
.gk-intro h1 span{color:var(--accent)}
.gk-intro-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-top:28px;margin-bottom:38px}
.gk-intro-bottom p{max-width:500px;font-size:14px;line-height:1.7}
.gk-how-link{display:flex;align-items:center;gap:17px;font-family:var(--gk-mono);font-size:10px;white-space:nowrap;padding-bottom:3px}
.gk-how-link span{font-size:23px;line-height:1}
.gk-terminal{border:1px solid var(--gk-rule);background:var(--surface)}
.gk-terminal-caption{min-height:42px;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:11px 22px;border-bottom:1px solid var(--gk-rule);font-family:var(--gk-mono);font-size:9px;letter-spacing:.06em;color:var(--muted)}
.gk-terminal-caption b{font-size:16px;font-weight:400;margin-right:8px;color:var(--accent)}
.gk-terminal .tool-panel{border:none;padding:22px 23px 17px;background:none;box-shadow:none;border-radius:0}
[data-site=grok] .tool-tabs{gap:24px;padding-bottom:18px}
[data-site=grok] .tool-tabs button{font-size:12px;position:relative;gap:7px}
[data-site=grok] .tool-tabs button[aria-selected=true]{color:var(--accent)}
[data-site=grok] .tool-tabs span{border-radius:0;background:var(--gk-soft);font-family:var(--gk-mono)}
[data-site=grok] .input-wrap{height:60px;border-color:var(--gk-rule);border-radius:0;padding:0 14px;gap:11px}
[data-site=grok] .input-wrap input{font-size:14px;font-family:var(--gk-mono)}
[data-site=grok] .input-wrap>svg{width:18px;height:18px}
[data-site=grok] .paste{border:1px solid var(--gk-rule);border-radius:0;font-size:11px;background:var(--surface);padding:6px 10px}
[data-site=grok] .primary{border-radius:0;min-height:54px;font-size:13px;font-family:Display,Body,sans-serif;font-weight:600;transition:filter .15s}
[data-site=grok] .primary:hover{transform:none;filter:brightness(.94)}
[data-site=grok] .resolve-button{margin-top:10px;padding:12px 19px;letter-spacing:.02em}
[data-site=grok] .resolve-button svg{width:21px;height:21px}
[data-site=grok] .tool-bottom{font-size:10px;margin-top:15px}
[data-site=grok] .text-button{font-size:11px}
[data-site=grok] .rights{font-size:10px;text-align:left;margin-top:13px;opacity:1}
[data-site=grok] .tool-panel textarea{border-radius:0;border-color:var(--gk-rule);font-family:var(--gk-mono);font-size:14px}
.gk-source-note{border-top:1px solid var(--gk-rule);display:flex;align-items:flex-start;gap:11px;padding:14px 23px;background:var(--gk-soft)}
.gk-note-sign{display:grid;place-items:center;border:1px solid var(--muted);width:15px;height:15px;flex:none;margin-top:4px;font-family:var(--gk-mono);font-size:10px;color:var(--muted)}
.gk-source-note p{font-size:11px;line-height:1.7}
.gk-source-note strong{color:var(--text);font-weight:500}
.gk-source-note a{text-decoration:underline;text-underline-offset:3px;white-space:normal}
.gk-transfer{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:43px 45px 45px;border-bottom:1px solid var(--gk-rule)}
.gk-transfer>div{font-family:var(--gk-mono);line-height:1.1}
.gk-transfer>div:last-child{text-align:right}
.gk-transfer span{font-size:9px;letter-spacing:.12em;color:var(--muted);display:block;margin-bottom:8px}
.gk-transfer strong{font-size:21px;letter-spacing:-.04em;font-weight:400}
.gk-transfer-pixels{width:300px;max-width:50%;height:auto}
.gk-pixel-on{fill:var(--accent)}
.gk-pixel-off{fill:var(--gk-rule)}
.gk-section{padding:67px 0 0}
.gk-section-title{display:grid;grid-template-columns:1fr 1fr;gap:18px 35px;margin-bottom:29px}
.gk-index{font-family:var(--gk-mono);font-size:10px;letter-spacing:.085em;color:var(--accent)}
.gk-section-title>.gk-index{grid-column:1/-1}
.gk-section-title h2{font-size:36px;line-height:1.13;letter-spacing:-.055em}
.gk-section-title>p{align-self:end;font-size:12px;line-height:1.75;max-width:345px}
.gk-format-list{border-top:1px solid var(--gk-rule)}
.gk-format-row{display:grid;grid-template-columns:32px 86px 1fr 87px;gap:13px;align-items:center;padding:22px 0;border-bottom:1px solid var(--gk-rule)}
.gk-format-index{font-family:var(--gk-mono);font-size:10px;color:var(--muted)}
.gk-format-row h3{font-size:23px;letter-spacing:-.04em}
.gk-format-row p{font-size:12px}
.gk-format-type{font-family:var(--gk-mono);font-size:9px;letter-spacing:.02em;color:var(--muted);text-align:right}
.gk-format-row:first-child .gk-format-type{color:var(--accent)}
.gk-small-note{font-size:10px;padding:16px 0 0;max-width:600px}
.gk-process{padding:0;margin:0;list-style:none;border-top:1px solid var(--gk-rule)}
.gk-process li{display:grid;grid-template-columns:64px 1fr;gap:15px;padding:25px 0;border-bottom:1px solid var(--gk-rule)}
.gk-step-num{font-family:var(--gk-mono);font-size:17px;letter-spacing:.1em;color:var(--accent)}
.gk-process h3{font-size:22px;margin-bottom:8px}
.gk-process p{font-size:13px;max-width:590px}
.gk-back-to-tool{display:flex;justify-content:space-between;align-items:center;font-family:var(--gk-mono);font-size:11px;color:var(--accent);padding:19px 0;border-bottom:1px solid var(--gk-rule)}
.gk-back-to-tool span{font-size:22px}
.gk-questions .gk-section-title{margin-bottom:24px}
.gk-questions details{border-color:var(--gk-rule)}
.gk-questions details:first-child{border-top:1px solid var(--gk-rule)}
.gk-questions summary{font-size:14px;font-weight:400;padding:21px 0}
.gk-questions summary>span{color:var(--accent);font-family:var(--gk-mono)}
.gk-questions details p{font-size:13px;max-width:690px}
.gk-guide-section{padding:54px 0 70px}
.gk-guide-section>.gk-index{display:block;margin-bottom:14px}
.gk-guide-section>a{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:13px 0;font-size:14px}
.gk-guide-section>a>span:last-child{color:var(--accent);font-size:21px}
.gk-footer{border-top:1px solid var(--gk-rule);padding:35px 0 24px}
.gk-footer-top{display:flex;align-items:center;justify-content:space-between;gap:30px}
.gk-footer-word{display:flex;gap:24px;font-family:Display,Body,sans-serif;line-height:1;font-size:clamp(28px,3.9vw,49px);letter-spacing:-.06em;font-weight:500}
.gk-footer-word span{color:var(--accent)}
.gk-top{font-family:var(--gk-mono);font-size:9px;white-space:nowrap;color:var(--muted)}
.gk-footer-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px;margin-top:36px}
.gk-footer-grid>p{font-size:11px;max-width:400px;line-height:1.8}
.gk-footer-grid nav{display:grid;grid-template-columns:repeat(4,1fr);gap:14px 18px;font-size:11px}
.gk-footer-bottom{display:flex;justify-content:space-between;gap:15px;border-top:1px solid var(--gk-rule);margin-top:30px;padding-top:18px;font-family:var(--gk-mono);font-size:8px;letter-spacing:.03em;color:var(--muted)}
[data-site=grok] .document{max-width:816px}
[data-site=grok] .document h1{font-weight:500}
[data-site=grok] .document .tool-panel,[data-site=grok] .guide-grid a,[data-site=grok] pre,[data-site=grok] .status-card,[data-site=grok] .result-card,[data-site=grok] .result-media,[data-site=grok] .download-choice,[data-site=grok] .report-form input,[data-site=grok] .report-form textarea{border-radius:0;border-color:var(--gk-rule);box-shadow:none}
[data-site=grok] .result-card{padding:24px;gap:24px}
[data-site=grok] .result-info h2{font-weight:500}
[data-site=grok] .result-source{text-decoration:underline;text-underline-offset:3px}
[data-site=grok] .toast{border-radius:0}
@media(max-width:900px){[data-site=grok] .page-shell{padding:0 32px}.gk-header nav{gap:20px}.gk-intro{padding-top:52px}.gk-intro-bottom{gap:25px}.gk-footer-grid{gap:40px}.gk-footer-grid nav{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){[data-site=grok] .page-shell{padding:0 19px}.gk-header{gap:12px;min-height:86px;flex-wrap:wrap;padding:20px 0 14px}.gk-brand{font-size:17px;gap:8px}.gk-brand-bottom{font-size:7px;margin-top:6px}.gk-mark{height:34px;width:34px}.gk-mark svg{height:29px;width:29px}.gk-header nav{order:3;width:100%;justify-content:space-between;font-size:11px;margin-top:5px;gap:10px}.gk-theme{margin-left:auto;padding-left:12px}.gk-intro{padding-top:37px}.gk-overline{font-size:8px;letter-spacing:.03em}.gk-overline span:first-child::before{width:5px;height:5px;margin-right:7px}.gk-intro h1{font-size:clamp(42px,10.6vw,64px);line-height:1.03;margin-top:23px}.gk-intro-bottom{display:block;margin-top:23px;margin-bottom:26px}.gk-intro-bottom p{font-size:13px;max-width:420px}.gk-how-link{display:none}.gk-terminal-caption{padding:9px 14px;font-size:8px;min-height:37px;gap:9px;letter-spacing:0}.gk-terminal-caption>span:last-child{font-size:7px}.gk-terminal-caption b{margin-right:3px}.gk-terminal .tool-panel{padding:15px 13px 13px}[data-site=grok] .tool-tabs{gap:18px;padding-bottom:12px}[data-site=grok] .tool-tabs button{font-size:11px}[data-site=grok] .input-wrap{height:55px;padding:0 9px;gap:6px}[data-site=grok] .input-wrap>svg{display:none}[data-site=grok] .input-wrap input{font-family:Body,system-ui,sans-serif}[data-site=grok] .tool-bottom{font-size:9px;gap:6px;align-items:flex-start}[data-site=grok] .tool-bottom>span{padding-top:4px}[data-site=grok] .tool-bottom svg{display:none}[data-site=grok] .text-button{font-size:10px}[data-site=grok] .rights{font-size:9px;line-height:1.5;margin-top:9px}[data-site=grok] .primary{min-height:50px}.gk-source-note{padding:12px 13px;gap:8px}.gk-source-note p{font-size:10px;line-height:1.65}.gk-note-sign{margin-top:3px}.gk-transfer{padding:31px 9px;gap:18px}.gk-transfer strong{font-size:17px}.gk-transfer span{font-size:8px}.gk-transfer-pixels{max-width:51%}.gk-section{padding-top:44px}.gk-section-title{display:block;margin-bottom:23px}.gk-section-title>.gk-index{display:block;margin-bottom:16px}.gk-section-title h2{font-size:32px}.gk-section-title>p{margin-top:15px;font-size:12px;max-width:440px}.gk-index{font-size:9px}.gk-format-row{grid-template-columns:22px 60px 1fr;gap:10px;padding:19px 0}.gk-format-row h3{font-size:22px}.gk-format-row p{font-size:11px;line-height:1.6}.gk-format-type{grid-column:3;text-align:left;font-size:8px;margin-top:-4px}.gk-format-index{font-size:9px}.gk-small-note{font-size:10px;line-height:1.7}.gk-process li{grid-template-columns:34px 1fr;gap:11px;padding:22px 0}.gk-step-num{font-size:14px}.gk-process h3{font-size:20px}.gk-process p{font-size:12px}.gk-questions summary{font-size:13px;gap:16px;padding:18px 0}.gk-questions details p{font-size:12px;padding-right:0}.gk-guide-section{padding:39px 0 45px}.gk-guide-section>a{font-size:12px}.gk-footer{padding-top:26px}.gk-footer-top{display:block}.gk-footer-word{font-size:33px;gap:20px}.gk-top{display:inline-block;margin-top:24px}.gk-footer-grid{display:block;margin-top:23px}.gk-footer-grid>p{font-size:10px}.gk-footer-grid nav{margin-top:23px;grid-template-columns:repeat(2,1fr);gap:13px;font-size:11px}.gk-footer-bottom{display:block;font-size:8px}.gk-footer-bottom>span{display:block}.gk-footer-bottom>span+span{margin-top:9px}[data-site=grok] .document h1{font-size:40px}[data-site=grok] .result-card{padding:15px}}
@media(prefers-reduced-motion:reduce){[data-site=grok] *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}