/* CC Pocket help — task-first public home + shared smart-support workspace. */
[hidden]{display:none!important}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
button,textarea{font:inherit}
button:focus-visible,a:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:3px}

.nav.scrolled{height:60px}
.help-shell{min-height:100svh;padding-top:60px}
.help-home{padding:54px 0 44px}
.help-wrap{width:min(888px,calc(100% - 48px));margin:0 auto}
.help-intro{display:flex;flex-direction:column;gap:11px;margin-bottom:22px}
.help-intro h1{margin:0;font-size:clamp(28px,4vw,38px);line-height:1.12;letter-spacing:-.035em;font-weight:600}
.help-intro p{max-width:720px;margin:0;color:var(--sec);font-size:15px;line-height:1.65}

.question-composer{display:flex;flex-direction:column;gap:8px;padding:13px;border:1px solid var(--hair);border-radius:15px;background:var(--surface);box-shadow:var(--shadow);transition:border-color .16s,box-shadow .16s}
.question-composer:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 18%,transparent)}
.question-composer textarea{width:100%;min-height:52px;max-height:156px;resize:vertical;padding:2px;border:0;outline:0;background:transparent;color:var(--text);font-size:16px;line-height:1.5}
.question-composer textarea::placeholder{color:var(--muted);opacity:1}
.composer-bottom{display:flex;align-items:center;gap:12px}
.composer-warning{display:flex;align-items:flex-start;gap:6px;min-width:0;flex:1;color:var(--muted);font-family:'JetBrains Mono',ui-monospace,monospace;font-size:10.5px;line-height:1.45}
.composer-warning>span[aria-hidden]{color:var(--accent);flex:none}
.composer-send{width:40px;height:40px;flex:none;border:0;border-radius:11px;background:var(--accent);color:#0e0f11;font-size:20px;line-height:1;cursor:pointer;transition:background .16s,transform .08s,opacity .16s}
[data-theme="light"] .composer-send{color:#fff}
.composer-send:hover{background:var(--accent-pressed)}
.composer-send:active{transform:scale(.96)}
.composer-send:disabled{cursor:not-allowed;opacity:.48}
.composer-status{min-height:0;margin:0;color:var(--danger);font-size:12px;line-height:1.4}
.composer-status:empty{display:none}

.suggestion-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:11px}
.suggestion-row button{min-height:36px;padding:7px 11px;border:1px solid var(--hair);border-radius:999px;background:var(--surface);color:var(--sec);font-size:12px;line-height:1.35;cursor:pointer;transition:background .15s,border-color .15s,color .15s}
.suggestion-row button:hover{background:var(--raised);border-color:color-mix(in srgb,var(--accent) 48%,var(--hair));color:var(--text)}

.help-section{display:flex;flex-direction:column;gap:11px;margin-top:38px}
.section-label-row{display:flex;align-items:baseline;justify-content:space-between;gap:20px}
.section-label-row h2,.related-rail h2{margin:0;color:var(--sec);font-family:'JetBrains Mono',ui-monospace,monospace;font-size:11px;line-height:1.4;font-weight:600;letter-spacing:.1em;text-transform:uppercase}
.section-label-row>span{color:var(--muted);font-family:'JetBrains Mono',ui-monospace,monospace;font-size:10.5px}

.task-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.task-card{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:11px;min-height:64px;padding:11px 12px;border:1px solid var(--hair);border-radius:13px;background:var(--surface);transition:background .15s,border-color .15s,transform .08s}
.task-card:hover{background:var(--raised);border-color:color-mix(in srgb,var(--accent) 42%,var(--hair))}
.task-card:active{transform:scale(.992)}
.task-card:last-child{grid-column:1/-1}
.task-icon,.trouble-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:var(--raised);color:var(--accent);font-size:15px}
.task-card>span:nth-child(2){display:flex;min-width:0;flex-direction:column;gap:2px}
.task-card strong,.situation-grid strong,.trouble-card strong{color:var(--text);font-size:13.5px;line-height:1.35;font-weight:600}
.task-card small,.situation-grid small,.trouble-card small{display:block;color:var(--muted);font-family:'JetBrains Mono',ui-monospace,monospace;font-size:10px;line-height:1.45}
.task-arrow{color:var(--muted);font-size:14px}

.situation-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.situation-grid a{display:grid;grid-template-columns:26px minmax(0,1fr);column-gap:8px;row-gap:2px;min-height:74px;padding:12px;border:1px solid var(--hair);border-radius:12px;background:var(--surface);transition:background .15s,border-color .15s}
.situation-grid a:hover{background:var(--raised);border-color:color-mix(in srgb,var(--accent) 36%,var(--hair))}
.situation-grid a>span:first-child{grid-row:1/3;color:var(--accent);font-family:'JetBrains Mono',ui-monospace,monospace;font-size:15px}
.situation-grid a:nth-child(4),.situation-grid a:nth-child(5){grid-column:span 1}

.compact-section{margin-top:31px}
.trouble-card{overflow:hidden;border:1px solid var(--hair);border-radius:13px;background:var(--surface)}
.trouble-card a{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:11px;min-height:62px;padding:10px 13px;transition:background .15s}
.trouble-card a+a{border-top:1px solid var(--hair)}
.trouble-card a:hover{background:var(--raised)}
.trouble-card a>span:nth-child(2){display:flex;flex-direction:column;gap:2px}
.trouble-card a>span:last-child{color:var(--muted)}

.help-footer-links{display:flex;align-items:center;gap:19px;flex-wrap:wrap;margin-top:30px;padding-top:16px;border-top:1px solid var(--hair)}
.help-footer-links a{display:inline-flex;align-items:center;gap:7px;color:var(--muted);font-size:12px;transition:color .15s}
.help-footer-links a:first-child{color:var(--sec)}
.help-footer-links a:hover{color:var(--text)}

/* Shared conversation workspace. */
body.support-chat-active{overflow:hidden}
body.support-direct .back-to-help{display:none}
body.support-direct .support-identity{margin-left:0}
.chat-workspace{height:calc(100svh - 60px);height:calc(100dvh - 60px);display:flex;flex-direction:column;background:var(--base)}
.chat-workspace-head{display:flex;align-items:center;gap:16px;min-height:58px;padding:8px 24px;border-bottom:1px solid var(--hair);background:var(--surface)}
.back-to-help{display:inline-flex;align-items:center;gap:7px;min-height:40px;padding:0 9px;border:0;border-radius:9px;background:transparent;color:var(--sec);font-size:12px;cursor:pointer}
.back-to-help:hover{background:var(--raised);color:var(--text)}
.support-identity{display:flex;align-items:center;gap:9px;margin-left:auto}
.support-identity>span:nth-child(2){display:flex;flex-direction:column;gap:1px}
.support-identity strong{font-size:14px;font-weight:600;line-height:1.25}
.support-identity small{color:var(--muted);font-size:10.5px;line-height:1.25}
.support-mark{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:var(--accent-bg);color:var(--accent);font-family:'JetBrains Mono',ui-monospace,monospace;font-size:11px;font-weight:600}
.public-pill{padding:5px 9px;border:1px solid var(--hair);border-radius:999px;background:var(--raised);color:var(--muted);font-family:'JetBrains Mono',ui-monospace,monospace;font-size:9.5px;line-height:1.2}
.direct-entry-note{display:flex;align-items:center;justify-content:center;gap:8px;min-height:38px;padding:8px 16px;border-bottom:1px solid color-mix(in srgb,var(--success) 32%,var(--hair));background:color-mix(in srgb,var(--success) 8%,var(--base));color:var(--sec);font-size:11px;line-height:1.45;text-align:center}
.direct-entry-note>span:first-child{color:var(--success)}
.direct-entry-note-text{min-width:0}
.context-remove{flex:none;min-height:30px;padding:4px 8px;border:1px solid var(--hair);border-radius:8px;background:var(--surface);color:var(--sec);font-size:10.5px;cursor:pointer}
.context-remove:hover{border-color:color-mix(in srgb,var(--accent) 38%,var(--hair));color:var(--text)}
.chat-layout{display:grid;grid-template-columns:minmax(0,1fr) 284px;min-height:0;flex:1}
.chat-column{display:flex;min-width:0;min-height:0;flex-direction:column}
.chat-log{display:flex;flex:1;min-height:0;flex-direction:column;gap:13px;overflow-y:auto;padding:24px max(24px,calc((100% - 720px)/2));scrollbar-color:var(--hair) transparent}
.chat-welcome{display:flex;flex-direction:column;gap:10px;margin:auto 0}
.chat-welcome h2{margin:0;font-size:18px;line-height:1.3;font-weight:600}
.chat-welcome p{max-width:650px;margin:0;color:var(--sec);font-size:13.5px;line-height:1.65}
.chat-suggestions-label{margin-top:3px;color:var(--muted);font-family:'JetBrains Mono',ui-monospace,monospace;font-size:10px;letter-spacing:.08em;text-transform:uppercase}
.chat-suggestions{margin-top:0}
.chat-composer{flex:none;margin:0 max(24px,calc((100% - 720px)/2)) 16px;padding:11px}
.chat-composer textarea{min-height:42px}

.chat-message{display:flex;flex-direction:column;gap:5px;max-width:86%;font-size:13.5px;line-height:1.65}
.chat-message.user{align-self:flex-end;max-width:82%;padding:9px 12px;border-radius:13px 13px 4px 13px;background:var(--accent-bg);color:var(--text)}
.chat-message.assistant{align-self:flex-start;width:min(100%,720px);padding:12px 13px;border:1px solid var(--hair);border-radius:13px 13px 13px 4px;background:var(--surface)}
.chat-message p{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}
.chat-message a,.failure-guides a{color:var(--accent);text-decoration:underline;text-underline-offset:2px}
.chat-role{color:var(--muted);font-size:9px;line-height:1;letter-spacing:.09em}
.waiting-message{display:flex;align-items:center;gap:10px;color:var(--sec)}
.waiting-spinner{width:16px;height:16px;flex:none;border:2px solid var(--hair);border-top-color:var(--accent);border-radius:50%;animation:support-spin .9s linear infinite}
@keyframes support-spin{to{transform:rotate(360deg)}}

.failure-message{gap:10px;border-color:color-mix(in srgb,var(--warning) 40%,var(--hair))!important}
.failure-head{display:flex;align-items:center;gap:8px}
.failure-head>span:first-child{color:var(--warning);font-size:17px}
.failure-head strong{font-size:13.5px;font-weight:600}
.failure-question{padding:8px 10px;border-radius:9px;background:var(--raised);color:var(--sec)}
.failure-question b{display:block;margin-bottom:2px;color:var(--muted);font-family:'JetBrains Mono',ui-monospace,monospace;font-size:9px;letter-spacing:.08em;text-transform:uppercase}
.failure-guides{display:flex;flex-direction:column;gap:6px}
.failure-guides>span{color:var(--muted);font-family:'JetBrains Mono',ui-monospace,monospace;font-size:9.5px;text-transform:uppercase;letter-spacing:.06em}
.failure-guides a{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:42px;padding:8px 10px;border:1px solid var(--hair);border-radius:9px;background:var(--raised);font-size:11.5px;text-decoration:none}
.failure-guides a span{text-decoration:underline;text-underline-offset:2px}
.failure-actions{display:flex;gap:8px;flex-wrap:wrap}
.failure-actions button,.failure-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:8px 12px;border:1px solid var(--hair);border-radius:9px;background:var(--raised);color:var(--text);font-size:12px;font-weight:600;cursor:pointer;text-decoration:none}
.failure-actions .retry-button{border-color:transparent;background:var(--accent);color:#0e0f11}
[data-theme="light"] .failure-actions .retry-button{color:#fff}

.related-rail{display:flex;min-width:0;flex-direction:column;gap:11px;padding:20px 16px;border-left:1px solid var(--hair);background:var(--surface)}
.related-rail>div{display:flex;flex-direction:column;gap:7px}
.related-guide{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:9px;min-height:48px;padding:9px 10px;border:1px solid var(--hair);border-radius:10px;background:var(--base);color:var(--sec);font-size:11.5px;line-height:1.4;transition:background .15s,border-color .15s,color .15s}
.related-guide:hover{background:var(--raised);border-color:color-mix(in srgb,var(--accent) 36%,var(--hair));color:var(--text)}
.related-guide span:last-child{color:var(--muted)}
.related-rail>p{margin:auto 0 0;color:var(--muted);font-family:'JetBrains Mono',ui-monospace,monospace;font-size:9.5px;line-height:1.55}

@media (prefers-reduced-motion:reduce){
  .waiting-spinner{animation:none}
  .task-card,.situation-grid a,.trouble-card a,.suggestion-row button{transition:none}
}

@media (max-width:900px){
  .help-wrap{width:min(760px,calc(100% - 40px))}
  .situation-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .chat-layout{grid-template-columns:minmax(0,1fr)}
  .related-rail{display:none}
}

@media (max-width:767px){
  .nav .wrap{padding:0 16px}
  .nav-right{gap:8px}
  .nav-right .seg{display:inline-flex}
  .nav-right .desktop-github,.hamburger{display:none}
  .help-home{padding:24px 0 26px}
  .help-wrap{width:calc(100% - 32px)}
  .help-intro{gap:7px;margin-bottom:15px}
  .help-intro h1{font-size:23px}
  .help-intro p{font-size:13px;line-height:1.6}
  .question-composer{padding:11px;border-radius:13px}
  .question-composer textarea{min-height:48px;resize:none;font-size:16px}
  .composer-warning{font-size:9px}
  .composer-send{width:40px;height:40px}
  .suggestion-row{display:none}
  .help-section{margin-top:26px;gap:9px}
  .section-label-row>span{display:none}
  .task-grid{grid-template-columns:1fr;gap:8px}
  .task-card{min-height:59px}
  .task-card:last-child{grid-column:auto}
  .situation-grid{display:flex;gap:7px;overflow-x:auto;padding:2px 2px 5px;scrollbar-width:none}
  .situation-grid::-webkit-scrollbar{display:none}
  .situation-grid a{display:block;min-width:max-content;min-height:36px;padding:8px 11px;border-radius:999px}
  .situation-grid a>span:first-child,.situation-grid small{display:none}
  .situation-grid strong{font-size:11.5px;font-weight:500}
  .trouble-card a{min-height:58px;padding:9px 11px}
  .trouble-card small{font-family:'Inter',sans-serif;font-size:10.5px}
  .help-footer-links{gap:12px;margin-top:24px;padding-top:13px}
  .help-footer-links a{font-size:11px}

  .chat-workspace-head{min-height:52px;padding:6px 12px;gap:8px}
  .back-to-help{display:none}
  .support-identity{margin-left:0}
  .public-pill{min-width:0;max-width:min(190px,52vw);margin-left:auto;overflow:visible;text-align:center;text-overflow:clip;white-space:normal}
  .direct-entry-note{justify-content:flex-start;min-height:0;padding:7px 13px;text-align:left;font-size:10px}
  .direct-entry-note-text{flex:1}
  .context-remove{min-height:32px;font-size:10px}
  .chat-log{padding:16px 14px;gap:11px}
  .chat-welcome{margin:0;gap:9px}
  .chat-welcome h2{font-size:17px}
  .chat-welcome p{font-size:12.5px;line-height:1.6}
  .chat-suggestions{display:flex;gap:7px}
  .chat-suggestions button{min-height:34px;font-size:10.5px}
  .chat-composer{margin:0;padding:10px 12px calc(10px + env(safe-area-inset-bottom));border-width:1px 0 0;border-radius:0;background:var(--base);box-shadow:none}
  .chat-composer:focus-within{box-shadow:none;border-color:var(--hair)}
  .chat-composer textarea{min-height:40px;padding:8px 10px;border:1px solid var(--hair);border-radius:10px;background:var(--surface);font-size:16px}
  .chat-message{max-width:94%;font-size:12.5px}
  .chat-message.user{max-width:88%}
  .chat-message.assistant{padding:11px}
  .failure-actions button,.failure-actions a{flex:1}
}

@media (max-width:390px){
  .brand .wordmark{font-size:14px}
  .nav-right .seg button{padding:4px 8px}
  .help-wrap{width:calc(100% - 28px)}
  .help-intro h1{font-size:21px}
  .help-intro p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .task-card{padding:9px 10px}
  .task-card strong{font-size:13px}
}