/* One compact, touch-friendly disclosure for optional explanations on every app. */
.cgs-help { display:block; min-width:0; max-width:100%; margin:4px 0 12px; padding:0; border:0; border-radius:0; background:transparent; color:inherit; }
.cgs-help > summary { display:flex; align-items:center; gap:8px; width:fit-content; max-width:100%; min-height:44px; margin:0; padding:8px 2px; border:0; background:transparent; color:var(--green,#28531a); cursor:pointer; list-style:none; font-size:var(--cgs-type-control,15px); font-weight:500; line-height:1.45; text-align:start; }
.cgs-help > summary::-webkit-details-marker { display:none; }
.cgs-help > summary::marker { content:''; }
.cgs-help > summary:focus-visible { outline:3px solid #397126; outline-offset:2px; border-radius:6px; }
.cgs-help > summary:hover { color:#004322; }
.cgs-help-icon { display:inline-flex; align-items:center; justify-content:center; flex:0 0 18px; width:18px; height:18px; border:1.5px solid currentColor; border-radius:50%; font-family:Arial,sans-serif; font-size:12px; line-height:1; font-weight:700; }
.cgs-help-label { min-width:0; overflow-wrap:anywhere; }
.cgs-help-chevron { flex:0 0 7px; width:7px; height:7px; margin-inline:4px; border-inline-end:1.5px solid currentColor; border-bottom:1.5px solid currentColor; transform:translateY(-2px) rotate(45deg); }
.cgs-help[open] > summary .cgs-help-chevron { transform:translateY(2px) rotate(225deg); }
.cgs-help > .cgs-help-body { min-width:0; max-width:100%; padding:8px 12px 12px; border-inline-start:2px solid var(--line,#dee6d9); color:var(--muted,#50604c); overflow-wrap:anywhere; }
.cgs-help:not([open]) > .cgs-help-body { display:none; }
.cgs-help .cgs-help-body :is(p,li,small) { font-size:var(--cgs-type-support,14px)!important; line-height:1.55!important; }
.cgs-help .cgs-help-body p { margin:0 0 10px; }
.cgs-help .cgs-help-body > :last-child { margin-bottom:0; }
.cgs-help .cgs-help-body :is(ul,ol) { margin-block:0 10px; padding-inline-start:22px; }