/* RITA Help Center (#/help). Uses the shell's tokens only, so tenant accents,
   the dark theme and reduced motion carry over without restating them. */
.help{--help-r:14px;--help-gap:clamp(14px,2.4vw,22px);display:flex;flex-direction:column;gap:var(--help-gap);padding-bottom:40px}
.help h1{font-size:clamp(28px,5vw,40px);font-weight:800;letter-spacing:-.015em}
.help h2{font-size:clamp(19px,3vw,23px);font-weight:800;margin:0 0 12px}
.help-kicker{font:600 12px/1 "IBM Plex Mono",monospace;letter-spacing:.1em;text-transform:uppercase;color:color-mix(in srgb,var(--accent-deep) 82%,var(--ink));margin:0 0 10px}
.help-lede{font-size:17px;color:var(--ink-2);max-width:62ch;margin-top:8px}
.help-note{font-size:14px;color:var(--mute);margin-top:10px}
.help-empty{color:var(--mute);padding:20px;border:1.5px dashed var(--edge);border-radius:var(--help-r);text-align:center}
.icon{flex:none;vertical-align:middle}

/* breadcrumbs */
.help-crumbs ol{display:flex;flex-wrap:wrap;gap:6px;list-style:none;margin:0;padding:0;font-size:13px;color:var(--mute)}
.help-crumbs li+li::before{content:"›";margin-right:6px;color:var(--edge)}
.help-crumbs a{color:var(--ink-2);text-underline-offset:3px}
.help-crumbs [aria-current]{color:var(--ink);font-weight:600;max-width:40ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* hero + search */
.help-hero{background:var(--surface);border:1px solid var(--grid);border-radius:20px;padding:clamp(22px,4vw,40px);box-shadow:var(--shadow);
  background-image:radial-gradient(120% 140% at 100% 0%,var(--accent-wash) 0,transparent 55%)}
.help-hero .help-lede{margin-bottom:20px}
.help-search{display:flex;gap:8px;align-items:stretch;max-width:720px}
.help-search-field{flex:1;display:flex;align-items:center;gap:10px;background:var(--surface);border:1.5px solid var(--edge);border-radius:12px;padding:0 14px;color:var(--mute)}
.help-search-field:focus-within{border-color:var(--accent-deep);box-shadow:0 0 0 3px var(--accent-wash)}
.help-search input{flex:1;min-width:0;border:0;background:none;font:inherit;font-size:16px;color:var(--ink);padding:12px 0;outline:none}
.help-search-big .help-search-field{padding:2px 16px}
.help-search-big input{font-size:17px;padding:14px 0}
.help-search .btn{border-radius:12px;padding:0 18px}
@media (max-width:560px){.help-search{flex-direction:column}.help-search .btn{min-height:46px}}

/* role chips */
.help-roles{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:18px}
.help-roles-label{font-size:13px;font-weight:700;color:var(--mute);margin-right:4px}
.chip{font:600 13px/1 Figtree,sans-serif;padding:9px 13px;min-height:36px;border-radius:999px;border:1.5px solid var(--edge);background:var(--surface);color:var(--ink-2);cursor:pointer}
.chip:hover{border-color:var(--accent)}
.chip[aria-pressed=true]{background:var(--accent-deep);border-color:var(--accent-deep);color:var(--on-accent)}

/* blocks, lists, rows */
.help-block{min-width:0}
.help-list{display:flex;flex-direction:column;gap:8px}
.help a.help-row,.help a.help-cat,.help a.help-tile{color:var(--ink)}
.help-row{display:grid;grid-template-columns:36px 1fr auto;gap:12px;align-items:center;padding:12px 14px;border:1px solid var(--grid);border-radius:12px;
  background:var(--surface);color:var(--ink);text-decoration:none;transition:border-color .15s ease-out,transform .15s ease-out}
.help-row:hover{border-color:var(--accent);transform:translateY(-1px)}
.help-row-icon{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:var(--accent-wash);color:var(--accent-deep)}
.help-row-body{display:flex;flex-direction:column;min-width:0;gap:2px}
.help-row-title{font-weight:700;font-size:15.5px;line-height:1.3}
.help-row-meta{font-size:13px;color:var(--mute)}
.help-row-step{font-size:13px;color:var(--ink-2);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.help-read{color:var(--good)}

/* categories */
.help-cats{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(min(100%,250px),1fr))}
.help-cat{display:flex;flex-direction:column;gap:6px;padding:18px;border:1px solid var(--grid);border-radius:var(--help-r);background:var(--surface);color:var(--ink);text-decoration:none;
  transition:border-color .15s ease-out,box-shadow .15s ease-out}
.help-cat:hover{border-color:var(--accent);box-shadow:var(--shadow)}
.help-cat-icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:var(--accent-wash);color:var(--accent-deep);margin-bottom:4px}
.help-cat-icon-lg{width:52px;height:52px;border-radius:14px}
.help-cat-name{font:800 17px/1.2 Archivo,Figtree,sans-serif}
.help-cat-blurb{font-size:14px;color:var(--ink-2);flex:1}
.help-cat-count{font:600 12px/1 "IBM Plex Mono",monospace;color:var(--mute);margin-top:6px}
.help-more{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),1fr))}
.help-tile{display:flex;flex-direction:column;gap:4px;padding:16px;border-radius:var(--help-r);background:var(--raise);border:1px solid var(--grid);color:var(--ink);text-decoration:none}
.help-tile .icon{color:var(--accent-deep);margin-bottom:6px}
.help-tile strong{color:var(--ink)}
.help-cat-empty .help-cat-icon{background:var(--raise);color:var(--mute)}
.help-tile span{font-size:14px;color:var(--ink-2)}
.help-tile:hover{border-color:var(--accent)}
.help-head{display:flex;flex-direction:column;gap:4px}
.help-inline-link{font-weight:700;color:var(--accent-deep);margin-top:6px}

/* article */
.help-article-layout{display:grid;gap:32px;grid-template-columns:minmax(0,1fr)}
@media (min-width:1000px){.help-article-layout{grid-template-columns:minmax(0,1fr) 220px}}
.help-article{min-width:0;max-width:760px;display:flex;flex-direction:column;gap:22px}
.help-article-head h1{font-size:clamp(26px,4.4vw,36px)}
.help-meta{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}
.help-meta .tag{display:inline-flex;align-items:center;gap:4px;font:600 12px/1 "IBM Plex Mono",monospace;padding:6px 9px;border-radius:999px;background:var(--raise);border:1px solid var(--grid);color:var(--ink-2)}
.help-meta .tag-role{background:var(--accent-wash);border-color:transparent;color:var(--accent-deep)}
.help-where{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:12px;font-size:14px}
.help-where-label{font-weight:700;color:var(--mute)}
.help-where .mono{background:var(--raise);border:1px solid var(--grid);border-radius:6px;padding:3px 8px}
.help-prose{font-size:16.5px;line-height:1.65;max-width:68ch}
.help-prose p{margin:0 0 12px}
.help-prose ul,.help-prose ol{margin:0 0 12px 22px}
.help-prose li{margin:4px 0}
.help-prose code{font-family:"IBM Plex Mono",monospace;font-size:.88em;background:var(--raise);border:1px solid var(--grid);border-radius:5px;padding:0 .3em}
.help-prose table{border-collapse:collapse;width:100%;font-size:14.5px;margin:0}
.help-table{overflow-x:auto;margin:6px 0 14px;border-radius:8px}
.help-table:focus-visible{outline:2.5px solid var(--accent);outline-offset:2px}
.help-prose th,.help-prose td{text-align:left;padding:8px 10px;border-bottom:1px solid var(--grid);vertical-align:top}
.help-prose th{font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:var(--mute)}
.help-sec h2{scroll-margin-top:90px}
.help-sec-before{background:var(--raise);border:1px solid var(--grid);border-radius:var(--help-r);padding:16px 18px 6px}
.help-sec-before h2{font-size:16px;text-transform:uppercase;letter-spacing:.06em;color:var(--mute)}

/* numbered steps */
.help-steps{list-style:none;counter-reset:step;margin:0;padding:0;display:flex;flex-direction:column;gap:18px}
.help-step{counter-increment:step;position:relative;padding:0 0 0 48px;scroll-margin-top:90px}
.help-step::before{content:counter(step);position:absolute;left:0;top:0;width:34px;height:34px;border-radius:50%;background:var(--ink);color:var(--ground);
  font:800 15px/34px Archivo,sans-serif;text-align:center}
.help-step:not(:last-child)::after{content:"";position:absolute;left:16px;top:40px;bottom:-14px;width:2px;background:var(--grid)}
.help-step h3{font-size:18px;font-weight:700;margin:5px 0 8px}
.kb-shot{margin:10px 0 4px;border:1px solid var(--edge);border-radius:12px;overflow:hidden;background:var(--raise);box-shadow:var(--shadow)}
.kb-shot img{display:block;width:100%;height:auto;cursor:zoom-in}
.kb-shot figcaption{font-size:13px;color:var(--mute);padding:8px 12px;border-top:1px solid var(--grid)}
.help-video{margin:0;border-radius:14px;overflow:hidden;border:1px solid var(--edge);background:#000}
.help-video video{display:block;width:100%;aspect-ratio:16/10}
.help-video figcaption{background:var(--surface);color:var(--mute);font-size:13px;padding:8px 12px}

/* alerts */
.kb-alert{border-left:4px solid var(--accent);background:var(--accent-wash);border-radius:0 12px 12px 0;padding:12px 14px;margin:10px 0}
.kb-alert p:last-child{margin:0}
.kb-alert-label{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.08em;margin-bottom:4px;color:var(--accent-deep)}
.kb-tip,.kb-note{border-color:var(--good);background:var(--good-wash)}
.kb-tip .kb-alert-label,.kb-note .kb-alert-label{color:var(--good)}
.kb-warning,.kb-important{border-color:var(--bad);background:var(--bad-wash)}
.kb-warning .kb-alert-label,.kb-important .kb-alert-label{color:var(--bad)}

/* faq */
.help-faq{border:1px solid var(--grid);border-radius:12px;background:var(--surface);margin:0 0 8px;padding:0 16px}
.help-faq summary{cursor:pointer;font-weight:700;padding:14px 0;list-style:none;display:flex;justify-content:space-between;gap:12px}
.help-faq summary::-webkit-details-marker{display:none}
.help-faq summary::after{content:"+";font:800 18px/1 Archivo,sans-serif;color:var(--accent-deep)}
.help-faq[open] summary::after{content:"–"}
.help-faq .help-prose{padding-bottom:6px}

/* practise / terms / feedback */
.help-practice{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:16px 18px;border-radius:var(--help-r);background:var(--accent-wash);border:1px solid color-mix(in srgb,var(--accent) 30%,transparent)}
.help-practice>.icon{color:var(--accent-deep)}
.help-practice div{display:flex;flex-direction:column;flex:1;min-width:200px}
.help-practice span{font-size:14px;color:var(--ink-2)}
.help-terms dl{display:grid;grid-template-columns:max-content 1fr;gap:6px 14px;font-size:15px}
.help-terms dt{font-weight:700}
.help-terms dd{margin:0;color:var(--ink-2)}
@media (max-width:560px){.help-terms dl{grid-template-columns:1fr}.help-terms dd{margin-bottom:8px}}
.help-feedback{border-top:1px solid var(--grid);padding-top:18px}
.help-feedback p{margin:0 0 10px;font-weight:700}
.help-feedback-row{display:flex;gap:8px}
.help-feedback .btn{display:inline-flex;align-items:center;gap:6px}
.help-feedback .btn[aria-pressed=true]{border-color:var(--accent-deep);background:var(--accent-wash)}
.help-feedback-status{font-weight:500!important;color:var(--mute);margin-top:8px!important}
.help-verified{font-size:13px;color:var(--mute)}

/* on this page */
.help-toc{position:sticky;top:90px;align-self:start;display:none;font-size:14px}
@media (min-width:1000px){.help-toc{display:block}}
.help-toc-title{font:700 12px/1 "IBM Plex Mono",monospace;text-transform:uppercase;letter-spacing:.08em;color:var(--mute);margin-bottom:10px}
.help-toc ul{list-style:none;margin:0;padding:0;border-left:2px solid var(--grid)}
.help-toc button{background:none;border:0;text-align:left;color:var(--ink-2);padding:6px 12px;font:inherit;cursor:pointer;width:100%}
.help-toc button:hover{color:var(--accent-deep)}

/* screenshot zoom */
.help-zoom{max-width:min(96vw,1500px);max-height:94vh;padding:0;border:0;border-radius:12px;background:var(--surface);overflow:auto}
.help-zoom::backdrop{background:color-mix(in srgb,#000 70%,transparent)}
.help-zoom img{display:block;max-width:100%;height:auto}
.help-zoom-close{position:sticky;top:8px;float:right;margin:8px;width:44px;height:44px;border-radius:50%;border:0;background:var(--surface);color:var(--ink);box-shadow:var(--shadow);cursor:pointer;display:grid;place-items:center}

/* glossary + releases */
.help-filter{max-width:420px;font:inherit;padding:11px 14px;border:1.5px solid var(--edge);border-radius:10px;background:var(--surface);color:var(--ink)}
.help-glossary{display:grid;grid-template-columns:minmax(140px,240px) 1fr;gap:0;border-top:1px solid var(--grid)}
.help-glossary dt,.help-glossary dd{padding:12px 0;border-bottom:1px solid var(--grid);margin:0}
.help-glossary dt{font-weight:800;padding-right:16px}
.help-glossary dd p{margin:0}
.help-glossary-links{display:flex;flex-wrap:wrap;gap:10px;font-size:14px;margin-top:6px!important}
.help-term-focus{color:var(--accent-deep)}
@media (max-width:560px){.help-glossary{grid-template-columns:1fr}.help-glossary dt{border-bottom:0;padding-bottom:0}}
.help-release{border-left:3px solid var(--accent);padding-left:16px}
@media (prefers-reduced-motion:reduce){.help-row,.help-cat{transition:none}.help-row:hover{transform:none}}
.help h1.help-search-title{font-size:clamp(22px,3.4vw,28px)}

/* global search dialog */
.gs{width:min(640px,94vw);max-height:80vh;margin:10vh auto auto;padding:0;border:1px solid var(--edge);border-radius:16px;background:var(--surface);color:var(--ink);box-shadow:0 24px 60px -20px rgba(0,0,0,.45);overflow:hidden}
.gs::backdrop{background:color-mix(in srgb,#0b1422 55%,transparent)}
.gs-form{display:flex;align-items:center;gap:10px;padding:12px 14px;border-bottom:1px solid var(--grid);color:var(--mute)}
.gs-form input{flex:1;min-width:0;border:0;background:none;font:inherit;font-size:17px;color:var(--ink);outline:none;padding:8px 0}
.gs-close{border:0;background:none;color:var(--mute);width:40px;height:40px;border-radius:8px;display:grid;place-items:center;cursor:pointer}
.gs-close:hover{background:var(--raise);color:var(--ink)}
.gs-status{font-size:13px;color:var(--mute);padding:8px 16px 0;margin:0}
.gs-results{max-height:56vh;overflow:auto;padding:6px 8px 8px}
.gs-group{font:700 11px/1 "IBM Plex Mono",monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--mute);margin:12px 8px 6px}
.gs-row{display:grid;grid-template-columns:32px 1fr;gap:10px;align-items:center;padding:9px 8px;border-radius:10px;color:var(--ink);text-decoration:none}
.gs-row:hover,.gs-row:focus-visible{background:var(--accent-wash);outline:none}
.gs-ic{width:32px;height:32px;border-radius:8px;display:grid;place-items:center;background:var(--raise);color:var(--accent-deep)}
.gs-body{display:flex;flex-direction:column;min-width:0}
.gs-title{font-weight:700;font-size:15px}
.gs-meta{font-size:13px;color:var(--mute);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gs-foot{font-size:12px;color:var(--mute);border-top:1px solid var(--grid);padding:8px 16px;margin:0}
.gs a.gs-row{color:var(--ink)}
.gs-form input::-webkit-search-cancel-button{display:none}
@media(max-width:560px){
  .help-cats{grid-template-columns:1fr 1fr;gap:8px}
  .help-cat{padding:14px;gap:4px}
  .help-cat-blurb{display:none}
  .help-cat-name{font-size:15px}
  .help-cat-icon{width:36px;height:36px}
  .help-more{grid-template-columns:1fr 1fr;gap:8px}
  .help-tile span{display:none}
}

/* RITA learning paths */
.help-note-top{margin:-4px 0 12px}
.help-paths{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr))}
.help .help-path{display:flex;flex-direction:column;gap:8px;padding:18px 20px;border-radius:var(--help-r);background:var(--surface);border:1px solid var(--grid);box-shadow:var(--shadow);color:var(--ink);text-decoration:none}
.help-path:hover{border-color:var(--accent)}
.help-path .help-kicker{margin:0}
.help-path-name{font:800 19px/1.2 Archivo,Figtree,sans-serif}
.help-path-blurb{font-size:14px;color:var(--ink-2)}
.help-path-status{font:600 12px/1 "IBM Plex Mono",monospace;color:var(--mute)}
.help-path-summary{margin-top:14px;max-width:560px}
.help-path-summary p{margin-top:8px;color:var(--ink-2)}
.help-modules{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.help-module{display:grid;grid-template-columns:40px 1fr;gap:14px;padding:18px;border:1px solid var(--grid);border-radius:var(--help-r);background:var(--surface)}
.help-module-num{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--raise);border:2px solid var(--accent);color:var(--accent-deep);font:800 15px Archivo,sans-serif}
.help-module-done .help-module-num{background:var(--good-wash);border-color:var(--good);color:var(--good)}
.help-module-body h2{font-size:18px;margin:4px 0 4px}
.help-module-body>p{color:var(--ink-2);font-size:14.5px;margin:0 0 8px}
.help-module-articles{margin:0 0 10px 18px;font-size:14.5px}
.help-module-articles li{margin:3px 0}
.help .help-module-meta{font:600 12px/1.2 "IBM Plex Mono",monospace;color:var(--mute);margin:0 0 10px}
.help-quiz{display:flex;flex-direction:column;gap:14px;max-width:760px}
.help-q{border:1px solid var(--grid);border-radius:var(--help-r);background:var(--surface);padding:16px 18px;margin:0}
.help-q legend{padding:0;display:flex;flex-direction:column;gap:4px;margin-bottom:10px;float:left;width:100%}
.help-q legend+*{clear:both}
.help-q-num{font:600 12px/1 "IBM Plex Mono",monospace;color:var(--mute);text-transform:uppercase;letter-spacing:.06em}
.help-q-prompt{font-weight:700;font-size:16.5px;line-height:1.4}
.help-q-quote{margin:0 0 10px;padding:8px 12px;border-left:3px solid var(--accent);background:var(--raise);border-radius:0 8px 8px 0;font-style:italic;clear:both}
.help-q-opt{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border:1px solid var(--grid);border-radius:10px;margin-top:8px;cursor:pointer;clear:both}
.help-q-opt:has(input:checked){border-color:var(--accent-deep);background:var(--accent-wash)}
.help-q-opt input{margin-top:4px;accent-color:var(--accent-deep)}
.help-q-num-input{display:flex;gap:8px;align-items:center;clear:both}
.help-q-num-input input{font:inherit;padding:10px 12px;border:1.5px solid var(--edge);border-radius:10px;width:160px;background:var(--surface);color:var(--ink)}
.help-q-hint{font-size:13px;color:var(--mute);clear:both;margin:0 0 6px}
.help-q-order{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:6px}
.help-q-order li{display:grid;grid-template-columns:1fr auto auto;gap:6px;align-items:center;padding:8px 10px;border:1px solid var(--grid);border-radius:10px;background:var(--raise)}
.help-q-order .btn{min-width:40px;min-height:40px;padding:0}
.help-q-right{border-color:var(--good)}
.help-q-wrong{border-color:var(--bad)}
.help-q-feedback{margin-top:10px;padding:10px 12px;border-radius:10px;background:var(--raise);clear:both}
.help-q-right .help-q-feedback strong{color:var(--good)}
.help-q-wrong .help-q-feedback strong{color:var(--bad)}
.help-q-feedback p{margin:4px 0 0;font-size:14.5px}
.help-quiz-status{min-height:1.4em;color:var(--ink-2)}
.help-result{padding:18px 20px;border-radius:var(--help-r);border:1px solid var(--grid);background:var(--surface)}
.help-result-pass{border-color:var(--good);background:var(--good-wash)}
.help-result-fail{border-color:var(--bad);background:var(--bad-wash)}
.help-result h2{margin-bottom:6px}
.help-result .btn{margin-top:8px}