/* Help and the legal pages (design/app-build helpdesk.py) in a real browser. Placement only; the rest is kit.css. */
.k-help .help-art .k-group:first-child{margin-top:0}
.k-help .help-art .k-group>p.k-body{margin:6px 0 0;color:var(--text-2)}
.k-help .help-art .k-group>p.k-body a,.k-help .help-list a{color:var(--text);text-decoration:underline;text-underline-offset:2px}
/* Terms and Privacy lists: the body's size and colour, a small indent, a bold lead on the paired rows */
.k-help .help-list{margin:6px 0 0;padding-left:18px;color:var(--text-2);font-size:15px;line-height:1.5}
.k-help .help-list li+li{margin-top:6px}
.k-help .help-pairs{list-style:none;padding-left:0}
.k-help .help-pairs b{color:var(--text);font-weight:600}
.k-help .help-ver{text-align:center;margin-top:20px}
.k-help .k-title:focus{outline:none}
.k-help .help-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}

/* Write to us (helpdesk.py HelpContact) and the hand check (Fairness) */
.k-help .help-msg{display:block;width:100%;min-height:132px;border-radius:20px;padding:16px 20px;font:inherit;font-size:15px;line-height:1.45;color:var(--text);background:none;border:0;outline:none;resize:vertical}
.k-help .help-msg:focus{box-shadow:inset 0 0 0 1.5px var(--gold)}
.k-help [role=radio].k-row,.k-help [role=switch].k-row{cursor:pointer}
/* HelpContact (helpdesk.py): About 35 under We reply by email on the phone, the board's 216 (QC 10-18h) */
.k-help .help-about{padding-top:13px}
.k-wide .k-help .help-about{padding-top:0}
.k-help .help-on{display:inline-flex;color:var(--text)}
/* Add a screenshot (HelpContact): the row is the file picker's label; the input stays focusable but unseen. Once added, the
   picture sits small at the row's lead with a close button at its end. */
.k-help .help-add{position:relative;cursor:pointer}
.k-help .help-file{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden;clip-path:inset(50%)}
.k-help .help-add:focus-within{box-shadow:inset 0 0 0 1.5px rgba(var(--fg-rgb),.5)}
.k-help .help-shot{width:32px;height:32px;border-radius:8px;object-fit:cover;display:block}
.k-help .help-shot-x{appearance:none;border:0;background:none;color:var(--text-2);width:44px;height:44px;margin:-10px -12px -10px 0;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}
.k-help .help-sent{display:flex;justify-content:center;margin-top:48px;color:var(--up)}
.k-help .help-check{margin-top:28px}
.k-help .help-replay{margin-top:12px}
.k-help .help-replay .k-btn{width:100%}
.k-help .help-bad{display:inline-flex;color:var(--down)}
.k-app .help-status{max-width:430px;margin:0 auto;padding:0 24px;text-align:center}
.k-app .help-status:empty{display:none}
.k-app .help-status.help-sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}

/* How to play over Help (board G HowToPlay) and Download my data (Privacy, Your data) */
.k-help [role=button].k-row{cursor:pointer}
.k-help .k-sheet:focus{outline:none}
/* Write to us (helpdesk.py b_help_contact): Send sits at the bottom of the screen however tall the phone, as the kit's foot does */
.k-help:has(>.k-foot){display:flex;flex-direction:column}
.k-help>.k-foot{margin-top:auto;padding-top:32px}