/* Approved continuous-reading help demo. All rules stay inside this dialog. */
dialog#helpDialog.help-guide{width:min(780px,calc(100vw - 32px));height:min(680px,calc(100dvh - 48px));max-height:calc(100dvh - 48px);padding:0;border:0;border-radius:20px;background:#FAF9F6;color:#2A2925;overflow:hidden;box-shadow:0 3px 6px #2a29250d,0 24px 50px -20px #2a292559;font-family:var(--sans)}
dialog#helpDialog.help-guide[open]{display:flex;flex-direction:column}
#helpDialog .hg-head{display:flex;align-items:center;gap:12px;flex:none;padding:24px 32px 21px;border-bottom:1px solid #DDD9D0}
#helpDialog .hg-logo{flex:none}
#helpDialog .hg-head h2{font-size:21px;font-weight:500;letter-spacing:-.02em;line-height:1.4;margin:0;text-wrap:initial;color:#2A2925}
#helpDialog .hg-close{margin-left:auto;width:34px;height:34px;min-width:34px;min-height:34px;border:0;padding:0;border-radius:50%;display:grid;place-items:center;position:static;transform:none;background:none;color:#858075;cursor:pointer}
#helpDialog .hg-close:hover{background:#EAE7E0;color:#2A2925}
#helpDialog .hg-body{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:28px 36px 38px;scrollbar-width:thin;scrollbar-color:#C9C4B9 transparent;scroll-padding-block:24px}
#helpDialog .hg-section-title{font-size:18px;font-weight:500;letter-spacing:-.01em;line-height:1.5;margin:0;color:#2A2925}
#helpDialog .hg-install-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px;margin-top:22px}
#helpDialog .hg-install-option{display:flex;flex-direction:column;align-items:flex-start;min-height:131px;position:relative}
#helpDialog .hg-install-option+.hg-install-option::before{content:"";position:absolute;left:-20px;top:2px;bottom:0;width:1px;background:#DDD9D0}
#helpDialog .hg-install-option h3{font-size:16px;line-height:1.5;font-weight:500;margin:0;color:#2A2925}
#helpDialog .hg-install-option p{font-size:13px;line-height:1.8;color:#68655D;margin:7px 0 20px}
#helpDialog .hg-action,#helpDialog .hg-state{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:42px;padding:0 16px;border:0;border-radius:10px;font-size:13px;font-weight:500;line-height:1.4;margin-top:auto;white-space:normal;text-decoration:none;background:#2A2925;color:#fff;box-shadow:none;transform:none;font-family:inherit}
#helpDialog .hg-action:hover{background:#45433C}
#helpDialog .hg-action svg{flex:none;width:15px;height:15px}
#helpDialog .hg-action[draggable=true]{cursor:grab}
#helpDialog .hg-state{color:#68655D;background:#ECEAE4;justify-content:flex-start}
#helpDialog .hg-install-option [hidden]{display:none!important}
#helpDialog .hg-faq-section{margin-top:32px;padding-top:27px;border-top:1px solid #DDD9D0}
#helpDialog .hg-faq-list{margin-top:4px}
#helpDialog .hg-qa{padding:21px 0 22px;border:0;border-bottom:1px solid #E6E2DA;background:none;border-radius:0;box-shadow:none}
#helpDialog .hg-qa:last-child{border-bottom:0;padding-bottom:0}
#helpDialog .hg-qa h3{display:flex;gap:10px;font-size:15px;font-weight:500;line-height:1.65;letter-spacing:.005em;margin:0;color:#2A2925}
#helpDialog .hg-number{flex:0 0 22px;font-size:12px;font-weight:400;color:#858075;font-variant-numeric:tabular-nums;padding-top:2px}
#helpDialog .hg-qa strong{font-weight:600;color:#2A2925}
#helpDialog .hg-qa p{margin:7px 0 0 32px;font-size:14px;color:#68655D;line-height:1.85;overflow-wrap:anywhere}
#helpDialog .hg-links{display:flex;gap:20px;margin:30px 0 0 32px;padding-top:20px;border-top:1px solid #E6E2DA}
#helpDialog .hg-links button{padding:0;border:0;background:none;color:#68655D;font-size:12px;line-height:1.8;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
#helpDialog :is(button,a,[tabindex]):focus-visible{outline:2px solid #789E6B;outline-offset:4px}
#helpDialog .hg-body:focus-visible{outline-offset:-4px}
@media(max-width:560px){
 dialog#helpDialog.help-guide{width:calc(100vw - 16px);max-width:calc(100vw - 16px);height:calc(100dvh - 24px);max-height:calc(100dvh - 24px);border-radius:16px}
 #helpDialog .hg-head{padding:19px 22px 17px}#helpDialog .hg-head h2{font-size:20px}
 #helpDialog .hg-body{padding:25px 24px 32px}
 #helpDialog .hg-install-grid{grid-template-columns:1fr;gap:23px;margin-top:21px}
 #helpDialog .hg-install-option{min-height:127px}
 #helpDialog .hg-install-option+.hg-install-option{padding-top:22px;border-top:1px solid #E6E2DA;min-height:149px}
 #helpDialog .hg-install-option+.hg-install-option::before{display:none}
 #helpDialog .hg-install-option p{margin-bottom:17px}
 #helpDialog .hg-faq-section{margin-top:28px;padding-top:25px}
 #helpDialog .hg-qa{padding:20px 0}
}