.grok-limits { --grok-gap:14px; }
.grok-limits .tool-breadcrumb { margin-bottom:20px; }
.grok-heading { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-bottom:18px; }
.grok-heading h1 { margin:0 0 7px; font-size:28px; line-height:1.2; letter-spacing:-.6px; }
.grok-heading p { margin:0; color:var(--tool-muted); }
.grok-heading > a { flex:none; min-height:44px; display:inline-flex; align-items:center; }
.grok-toolbar { display:flex; align-items:start; justify-content:space-between; gap:16px; margin-bottom:18px; }
.grok-switch { min-width:190px; position:relative; flex:none; }
.grok-switch > summary { min-height:44px; padding:10px 12px; border:1px solid var(--tool-border); border-radius:8px; cursor:pointer; }
.grok-switch summary span { margin-left:12px; color:var(--tool-muted); font-size:12px; }
.grok-switch nav { position:absolute; left:0; top:48px; z-index:5; width:290px; max-width:calc(100vw - 32px); display:grid; grid-template-columns:1fr 1fr; gap:4px; padding:8px; background:var(--tool-panel); border:1px solid var(--tool-border); border-radius:10px; box-shadow:0 10px 30px #0006; }
.grok-switch nav a { min-height:44px; padding:10px 8px; color:var(--tool-muted); text-decoration:none; border-radius:6px; }
.grok-switch nav a:hover,.grok-switch nav a[aria-current] { color:var(--tool-text); background:var(--tool-raised); }
.grok-verification { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:3px 7px; margin:0; color:var(--tool-muted); font-size:12px; padding-top:3px; }
.grok-verification time { white-space:nowrap; color:var(--tool-text); }
.grok-verification [data-grok-check-state] { flex-basis:100%; text-align:right; }
.grok-verification[data-state="review-needed"] [data-grok-check-state],.grok-verification[data-state="stale"] [data-grok-check-state] { color:var(--tool-warning); }
.grok-reset { margin-bottom:16px; padding:13px 15px; border-left:2px solid var(--tool-accent); background:var(--tool-panel); border-radius:0 9px 9px 0; }
.grok-reset h2 { font-size:15px; margin:0 0 4px; }
.grok-reset p { color:var(--tool-muted); font-size:13px; margin:0; }
.grok-reset a { color:var(--tool-accent); }
.grok-plans { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:var(--grok-gap); margin-bottom:16px; }
.grok-plan { display:flex; flex-direction:column; padding:15px; }
.grok-plan .grok-scope { color:var(--tool-muted); font-size:11px; margin-bottom:5px; }
.grok-plan h2 { font-size:16px; line-height:1.4; }
.grok-plan .reset-chip { color:var(--tool-muted); margin-bottom:8px; }
.grok-plan > details { margin:0; padding:0; border:0; border-top:1px solid var(--tool-border); border-radius:0; margin-top:auto; }
.grok-plan summary { min-height:44px; display:flex; align-items:center; font-size:12px; padding:10px 0; }
.grok-plan summary::before { content:"▸"; margin-right:6px; }
.grok-plan details[open] summary::before { content:"▾"; }
.grok-plan p { font-size:13px; }
.grok-limits a { overflow-wrap:anywhere; }
.grok-plan a,.grok-limits .fold a { color:var(--tool-accent); }
.grok-developer .grok-plan { border:0; padding:0; background:none; }
.grok-status-link { margin:18px 0; font-size:13px; }
.grok-status-link a { color:var(--tool-accent); }
.grok-source { padding:12px 0; border-top:1px solid var(--tool-border); display:grid; grid-template-columns:1fr auto; gap:5px 12px; }
.grok-source [data-grok-source-state] { color:var(--tool-muted); font-size:12px; }
.grok-source small { grid-column:1/-1; color:var(--tool-muted); }
.grok-faq { margin:25px 0; }
.grok-faq h2 { font-size:20px; margin:0 0 6px; }
.grok-community > summary { display:flex; align-items:center; gap:10px; }
.grok-community > summary::before { content:"▸"; }
.grok-community[open] > summary::before { content:"▾"; }
.grok-community > summary span { margin-left:auto; color:var(--tool-muted); }
.grok-community .beg { width:auto; min-height:44px; margin:0 0 14px; gap:20px; }
.grok-community p,.grok-sources p,.grok-how p,.grok-developer p { color:var(--tool-muted); font-size:13px; }
.grok-waitlist .digest { max-width:none; margin:0; border:0; padding:0 0 14px; }
.grok-disclaimer { margin:22px 0 0; color:var(--tool-muted); font-size:12px; }
.grok-limits a:focus-visible,.grok-limits button:focus-visible,.grok-limits summary:focus-visible { outline:2px solid var(--tool-accent); outline-offset:3px; }
.grok-limits .fold > summary { min-height:44px; }
.grok-sources { scroll-margin-top:130px; }
@media(max-width:1100px) { .grok-plans { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:600px) {
  .grok-limits .tool-breadcrumb { margin-bottom:15px; font-size:12px; }
  .grok-heading { align-items:start; flex-direction:column; gap:12px; margin-bottom:14px; }
  .grok-heading h1 { font-size:25px; }
  .grok-heading p { font-size:13px; }
  .grok-heading > a { padding:9px 14px; font-size:13px; }
  .grok-heading .tool-label { display:none; }
  .grok-toolbar { flex-direction:column; gap:11px; margin-bottom:14px; }
  .grok-switch { width:100%; }
  .grok-verification { justify-content:flex-start; padding:0; font-size:11px; }
  .grok-verification [data-grok-check-state] { text-align:left; }
  .grok-plans { grid-template-columns:1fr; gap:10px; }
  .grok-plan { padding:13px 14px; }
  .grok-plan .reset-chip { margin-bottom:5px; }
  .grok-plan .grok-scope { font-size:11px; }
  .grok-reset { padding:11px 13px; margin-bottom:13px; }
  .grok-reset h2 { font-size:14px; }
  .grok-reset p { font-size:12px; }
  .grok-source { display:flex; flex-direction:column; gap:5px; }
  .grok-limits .digest-row { flex-wrap:wrap; }
  .grok-limits .digest-row input,.grok-limits .digest-row button { min-height:44px; }
}