/* Help centre (js/views/help.js): a contents rail, the article, and "On this page". Cards use the
   Style tokens (--card-*) so help follows Studio, Outlined, Flat and the rest. */
.help-page{display:grid;grid-template-columns:15rem minmax(0,1fr) 12rem;gap:var(--space-4) calc(1.5rem * var(--dz));align-items:start;max-width:84rem;margin:0 auto;width:100%}
#view-help.is-home .help-page{grid-template-columns:15rem minmax(0,1fr)}
#view-help.is-home .help-onpage{display:none}
.help-toc,.help-onpage{position:sticky;top:0;max-height:calc(100dvh - var(--bar-h) - 2rem);overflow-y:auto;font-size:var(--fs-sm)}
.help-toc nav{display:flex;flex-direction:column;gap:calc(0.125rem * var(--dz));margin-top:var(--space-3)}
.help-toc a{display:flex;align-items:center;gap:var(--space-2);padding:calc(0.3125rem * var(--dz)) var(--space-2);border-radius:var(--control-radius);color:var(--ink-2);text-decoration:none}
.help-toc a:hover{background:var(--grid);color:var(--ink)}
.help-toc a[aria-current="page"],.help-toc a.is-current{background:var(--accent-wash);color:var(--ink);font-weight:var(--fw-bold)}
/* Any icon in an article (register links in field tables, buttons, lists) is a small line icon */
.help-body svg,.help-head svg{width:var(--icon);height:var(--icon);flex:none;vertical-align:-0.1875rem;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.help-body .illus svg{width:100%;height:auto;vertical-align:baseline;stroke:none;fill:initial}
.help-toc svg,.help-chapter summary svg,.help-kicker svg,.help-chip svg,.help-btn svg,.help-links svg,.help-menu svg,.help-start-card svg,.help-chapter-card h2 svg,.help-steps svg{width:var(--icon);height:var(--icon);flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.help-chapter summary{display:flex;align-items:center;gap:var(--space-2);padding:calc(0.375rem * var(--dz)) var(--space-2);border-radius:var(--control-radius);cursor:pointer;list-style:none;font-weight:var(--fw-bold);color:var(--ink)}
.help-chapter summary::-webkit-details-marker{display:none}
.help-chapter summary:hover{background:var(--grid)}
.help-chapter summary svg{color:var(--accent-ink)}
.help-chapter ol{list-style:none;margin:0 0 var(--space-2);padding:0 0 0 calc(1.25rem * var(--dz));border-left:1px solid var(--line);margin-left:calc(0.9375rem * var(--dz))}
.help-search{display:flex;align-items:center;gap:var(--space-2);width:100%;box-sizing:border-box;padding:calc(0.5rem * var(--dz)) var(--space-3);border:1px solid var(--line);border-radius:var(--field-radius);background:var(--surface-2);font:inherit;font-size:var(--fs-sm);color:var(--muted);cursor:pointer;text-align:left}
.help-search:hover{border-color:var(--accent);color:var(--ink)}
.help-search svg{width:var(--icon);height:var(--icon);flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.help-search span{flex:1}
.help-search.is-big{max-width:34rem;padding:calc(0.75rem * var(--dz)) var(--space-4);font-size:var(--fs-md);margin-top:var(--space-4)}
kbd{display:inline-block;min-width:1.25em;padding:0 calc(0.3125rem * var(--dz));border:1px solid var(--line);border-bottom-width:2px;border-radius:var(--radius-xs);background:var(--surface);font:inherit;font-size:var(--fs-xs);font-weight:var(--fw-semibold);color:var(--ink-2);text-align:center;line-height:1.6;white-space:nowrap}

/* The article */
.help-article{background:var(--card-bg);border:var(--card-border);border-bottom:var(--card-border-b);border-radius:var(--card-radius);box-shadow:var(--card-shadow);padding:calc(1.75rem * var(--dz)) calc(2.25rem * var(--dz)) calc(1.5rem * var(--dz));min-width:0;color:var(--ink-2);font-size:var(--fs-lg);line-height:1.6}
.help-kicker{display:flex;align-items:center;gap:var(--space-2);margin:0 0 var(--space-2);font-size:var(--t-kicker);font-weight:var(--fw-bold);color:var(--accent-ink);letter-spacing:.02em}
.help-head h1,.help-hero h1{margin:0;font-family:var(--font-display);font-size:var(--fs-display-sm);line-height:1.15;color:var(--ink);font-weight:var(--fw-bold)}
.help-lead{margin:var(--space-3) 0 0;font-size:var(--fs-xl);color:var(--ink-2);line-height:1.5}
.help-head{padding-bottom:var(--space-4);margin-bottom:var(--space-4);border-bottom:1px solid var(--line)}
.help-chips{display:flex;flex-wrap:wrap;gap:var(--space-2);margin:var(--space-4) 0 0}
.help-chip{display:inline-flex;align-items:center;gap:calc(0.375rem * var(--dz));padding:calc(0.25rem * var(--dz)) calc(0.625rem * var(--dz));border-radius:var(--pill-radius);background:var(--accent-wash);color:var(--accent-ink);font-size:var(--fs-sm);font-weight:var(--fw-semibold);text-decoration:none}
.help-chip small{color:var(--ink-2);font-weight:var(--fw-medium)}
.help-body h2{margin:calc(2rem * var(--dz)) 0 var(--space-2);font-size:var(--fs-3xl);color:var(--ink);font-weight:var(--fw-bold);scroll-margin-top:var(--space-4)}
.help-body h3{margin:calc(1.5rem * var(--dz)) 0 var(--space-2);font-size:var(--fs-xl);color:var(--ink);font-weight:var(--fw-bold);scroll-margin-top:var(--space-4)}
.help-body p,.help-body ul,.help-body ol{margin:0 0 var(--space-3)}
.help-body li{margin:0 0 var(--space-1)}
.help-body a{color:var(--accent-ink);text-underline-offset:3px}
.help-body code{font-size:var(--fs-md);padding:.08em .35em;border-radius:var(--radius-xs);background:var(--grid);color:var(--ink)}
.help-body pre{background:var(--grid);border-radius:var(--control-radius);padding:var(--space-3) var(--space-4);overflow-x:auto;font-size:var(--fs-sm)}
.help-body pre code{background:none;padding:0}
.help-body blockquote{margin:0 0 var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--control-radius);background:var(--accent-wash);color:var(--ink)}
.help-body blockquote p:last-child{margin:0}
.help-body hr{border:0;border-top:1px solid var(--line);margin:var(--space-4) 0}
.help-ext{width:var(--icon-xs);height:var(--icon-xs);margin-left:0.125rem;vertical-align:-0.0625rem;fill:none;stroke:currentColor;stroke-width:2}
.help-note{padding:var(--space-2) var(--space-3);border-radius:var(--control-radius);background:var(--grid);font-size:var(--fs-md);color:var(--ink-2)}
.help-flash{animation:help-flash 1.6s ease}
@keyframes help-flash{0%,40%{background:var(--accent-wash)}100%{background:transparent}}
@media (prefers-reduced-motion:reduce){.help-flash{animation:none}}

/* Live tables (fields, rows) and link lists */
.help-table-wrap{overflow-x:auto;margin:0 0 var(--space-4)}
.help-table{width:100%;border-collapse:collapse;font-size:var(--fs-md);line-height:1.45}
.help-table caption{text-align:left;font-size:var(--fs-sm);font-weight:var(--fw-bold);color:var(--ink);padding:0 0 var(--space-2)}
.help-table th,.help-table td{text-align:left;vertical-align:top;padding:calc(0.5rem * var(--dz)) calc(0.625rem * var(--dz));border-bottom:1px solid var(--line)}
.help-table thead th{font-size:var(--fs-xs);font-weight:var(--fw-bold);color:var(--muted);border-bottom:1px solid var(--line)}
.help-fields th[scope="row"]{white-space:nowrap;font-weight:var(--fw-regular)}
.help-field{display:block;font-weight:var(--fw-bold);color:var(--ink)}
.help-fields th code{font-size:var(--fs-xs)}
.help-req{font-weight:var(--fw-bold);color:var(--ink)}
.help-table tr:target,.help-table tr.help-flash{background:var(--accent-wash)}
.help-links{list-style:none;padding:0}
.help-links a,.help-menu a,.help-table a{display:inline-flex;align-items:center;gap:calc(0.3125rem * var(--dz))}
.help-cols{columns:2 14rem}
.help-count{color:var(--ink);font-variant-numeric:tabular-nums}
.help-btn{display:inline-flex;align-items:center;gap:var(--space-2);margin:0 var(--space-2) var(--space-2) 0;padding:calc(0.4375rem * var(--dz)) calc(0.875rem * var(--dz));border:1px solid var(--line);border-radius:var(--pill-radius);background:var(--surface-2);font:inherit;font-size:var(--fs-md);font-weight:var(--fw-semibold);color:var(--ink);text-decoration:none;cursor:pointer}
.help-body a.help-btn{color:var(--ink);text-decoration:none}
.help-btn:hover{border-color:var(--accent)}
.help-btn.is-primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}
.help-menu{display:grid;grid-template-columns:repeat(auto-fill,minmax(14rem,1fr));gap:var(--space-3);margin:0 0 var(--space-4)}
.help-menu-group{border:1px solid var(--line);border-radius:var(--control-radius);padding:var(--space-3)}
.help-menu-group h4{display:flex;align-items:center;gap:var(--space-2);margin:0;font-size:var(--fs-md);color:var(--ink)}
.help-menu-group ul{list-style:none;padding:0;margin:var(--space-2) 0 0;font-size:var(--fs-md)}
.help-messages{columns:2 20rem;font-size:var(--fs-sm)}
.help-steps{list-style:none;padding:0;counter-reset:hs;display:grid;gap:var(--space-2)}
.help-steps a{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--control-radius);text-decoration:none;color:var(--ink)}
.help-steps a:hover{background:var(--grid)}
.help-steps span{display:flex;flex-direction:column}
.help-steps small{color:var(--muted);font-size:var(--fs-sm)}

/* Previous and next */
.help-pager{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3);margin-top:calc(2rem * var(--dz));padding-top:var(--space-4);border-top:1px solid var(--line)}
.help-pager a{display:flex;flex-direction:column;gap:calc(0.125rem * var(--dz));padding:var(--space-3) var(--space-4);border:1px solid var(--line);border-radius:var(--control-radius);color:var(--ink);font-weight:var(--fw-bold);text-decoration:none;font-size:var(--fs-md)}
.help-pager a:hover{border-color:var(--accent);background:var(--accent-wash)}
.help-pager a[rel="next"]{text-align:right}
.help-pager small{font-size:var(--fs-xs);font-weight:var(--fw-medium);color:var(--muted)}

/* On this page */
.help-onpage-title{margin:0 0 var(--space-2);font-size:var(--fs-xs);font-weight:var(--fw-bold);color:var(--muted)}
.help-onpage ul{list-style:none;margin:0;padding:0 0 0 var(--space-3);border-left:1px solid var(--line)}
.help-onpage a{display:block;padding:calc(0.25rem * var(--dz)) 0;color:var(--ink-2);text-decoration:none}
.help-onpage a:hover{color:var(--accent-ink)}

/* Home */
.help-hero{display:flex;align-items:center;gap:calc(2rem * var(--dz));padding-bottom:var(--space-4)}
.help-hero > div{flex:1;min-width:0}
.help-hero-art{flex:none;width:clamp(8rem,18vw,14rem);aspect-ratio:1}
.help-hero-art:empty{display:none}
.help-hero-art svg{display:block;width:100%;height:auto}
.illus{display:block}
.illus svg{display:block;width:100%;height:auto}
@media (forced-colors:active){.illus,.help-hero-art,.setup-art{display:none}}
@media print{.illus,.help-hero-art,.setup-art{display:none}}
.help-start{display:grid;grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));gap:var(--space-3);margin:var(--space-4) 0}
.help-start-card{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-4);border-radius:var(--control-radius);background:var(--accent-wash);color:var(--ink-2);text-decoration:none;font-size:var(--fs-md);line-height:1.45}
.help-start-card b{color:var(--ink);font-size:var(--fs-lg)}
.help-start-card svg{width:var(--icon-lg);height:var(--icon-lg);color:var(--accent-ink)}
.help-start-card:hover{outline:2px solid var(--accent)}
.help-chapters{display:grid;grid-template-columns:repeat(auto-fill,minmax(16rem,1fr));gap:var(--space-4) var(--space-3)}
.help-chapter-card{border-top:1px solid var(--line);padding-top:var(--space-3)}
.help-chapter-card h2{display:flex;align-items:flex-start;gap:var(--space-2);margin:0;font-size:var(--fs-xl);color:var(--ink)}
.help-chapter-card h2 svg{margin-top:.2em;color:var(--accent-ink)}
.help-chapter-card h2 span{display:flex;flex-direction:column}
.help-chapter-card h2 small{font-size:var(--fs-xs);font-weight:var(--fw-semibold);color:var(--muted)}
.help-chapter-card p{margin:var(--space-2) 0;font-size:var(--fs-md)}
.help-chapter-card ol{margin:0;padding-left:var(--space-4);font-size:var(--fs-md)}
.help-chapter-card a{color:var(--accent-ink)}

/* The page's ⓘ beside the breadcrumb (js/ui/shell/page-about.js) */
.about-meta{font-size:var(--fs-xs);color:var(--muted)}
.about-more{display:inline-flex;align-items:center;gap:var(--space-1);margin-top:var(--space-1);font-weight:var(--fw-semibold);color:var(--accent-ink)}
.about-more svg{width:var(--icon-sm);height:var(--icon-sm);fill:none;stroke:currentColor;stroke-width:1.8}

/* ⌘K search (js/ui/shell/command-palette.js); the dialog shell is in forms.css */
.cmdk{width:min(var(--w-palette),calc(100vw - 2rem));max-height:min(36rem,calc(100dvh - 6rem));margin:12dvh auto auto;padding:0;overflow:hidden;box-sizing:border-box}
.cmdk[open]{display:flex;flex-direction:column}
.cmdk-head{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--line)}
.cmdk-head svg,.cmdk-opt svg{width:var(--icon-md);height:var(--icon-md);flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;color:var(--muted)}
.cmdk-head input{flex:1;min-width:0;border:0;background:none;font:inherit;font-size:var(--fs-xl);color:var(--ink);outline:none}
.cmdk-head input::-webkit-search-cancel-button{display:none}
.cmdk-list{list-style:none;margin:0;padding:var(--space-2);overflow-y:auto;flex:1 1 auto;min-height:3rem}
.cmdk-group{padding:var(--space-2) var(--space-3) var(--space-1);font-size:var(--fs-xs);font-weight:var(--fw-bold);color:var(--accent-ink)}
.cmdk-opt{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--space-3);padding:calc(0.5rem * var(--dz)) var(--space-3);border-radius:var(--control-radius);cursor:pointer;font-size:var(--fs-md);color:var(--ink)}
.cmdk-opt[aria-selected="true"]{background:var(--accent-wash)}
.cmdk-opt[aria-selected="true"] svg{color:var(--accent-ink)}
.cmdk-t{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:var(--fw-semibold)}
.cmdk-opt small{font-size:var(--fs-xs);color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:14rem}
.cmdk-none{padding:var(--space-4);color:var(--muted);font-size:var(--fs-md)}
.cmdk-none a{color:var(--accent-ink)}
.cmdk-foot{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2) var(--space-4);margin:0;padding:var(--space-2) var(--space-4);border-top:1px solid var(--line);font-size:var(--fs-xs);color:var(--muted)}
.cmdk-foot kbd{margin-right:calc(0.125rem * var(--dz))}
.cmdk-foot a{margin-left:auto;color:var(--accent-ink)}

@media (max-width:75em){
  .help-page{grid-template-columns:14rem minmax(0,1fr)}
  .help-onpage{display:none}
}
@media (max-width:56.25em){
  .help-page,#view-help.is-home .help-page{grid-template-columns:1fr}
  .help-toc{position:static;max-height:none}
  .help-toc nav{display:none}
  .help-article{padding:var(--space-4)}
  .help-hero-art{display:none}
}
@media print{.help-toc,.help-onpage,.help-pager{display:none}.help-page{display:block}}