/* Short named help controls stay visible; the explanation lives in the top layer. */
.dg-info-ready:not(.dg-stamp-card) { display:inline-flex; width:auto; max-width:100%; padding:0; margin:0; border:0; background:transparent; box-shadow:none; vertical-align:middle; }
.dg-info-ready:not(.dg-stamp-card)>.dg-info-trigger { box-sizing:border-box; display:inline-flex; align-items:center; justify-content:flex-start; gap:6px; width:auto; max-width:100%; min-width:32px; min-height:32px; margin:0; padding:4px 6px; border:0; border-radius:8px; background:transparent; color:#5b6573; font:inherit; font-size:13px; font-weight:600; line-height:1.4; list-style:none; cursor:pointer; }
.dg-info-ready>.dg-info-trigger::before,.dg-info-ready>.dg-info-trigger::after,.dg-info-trigger::-webkit-details-marker { display:none; content:none; }
.dg-info-trigger>.dg-info-mark { box-sizing:border-box; display:inline-grid; place-items:center; flex:0 0 auto; width:20px; height:20px; margin:0; border:1.5px solid #8894a3; border-radius:50%; background:var(--dg-surface); color:#657384; font-family:var(--dg-font-family); font-size:13px; font-weight:700; line-height:1; }
.dg-info-trigger>.dg-info-label { display:block; position:static; min-width:0; width:auto; height:auto; margin:0; padding:0; border:0; overflow:visible; white-space:normal; clip-path:none; color:inherit; font:inherit; word-break:keep-all; overflow-wrap:anywhere; }
/* Icon-only is a deliberate per-control choice, never the default for all services. */
.dg-info-ready[data-dg-info-icon-only]>.dg-info-trigger { width:32px; height:32px; min-width:32px; min-height:32px; padding:0; justify-content:center; }
.dg-info-trigger:hover { background:#eef2f6; color:#28394d; }
.dg-info-ready[data-dg-info-icon-only]>.dg-info-trigger>.dg-info-label { position:absolute; width:1px; height:1px; overflow:hidden; white-space:nowrap; clip-path:inset(50%); }
.dg-info-trigger:focus-visible,.dg-help-dialog-close:focus-visible { outline:2px solid #718ba8; outline-offset:2px; }
.dg-help-modal-open { overflow:hidden; }
dialog.dg-help-dialog { --dg-help-visible-height:min(var(--dg-help-viewport-height,100dvh),100dvh); --dg-help-visible-width:min(var(--dg-help-viewport-width,100vw),100vw); box-sizing:border-box; position:fixed; inset:auto; top:calc(var(--dg-help-viewport-top,0px) + var(--dg-help-visible-height) * .5); left:calc(var(--dg-help-viewport-left,0px) + var(--dg-help-visible-width) * .5); transform:translate(-50%,-50%); width:min(calc(var(--dg-help-visible-width) - var(--dg-space-7)),40rem); max-width:calc(var(--dg-help-visible-width) - var(--dg-space-7)); max-height:calc(var(--dg-help-visible-height) - var(--dg-space-8)); margin:0; padding:0; border:1px solid var(--dg-border); border-radius:var(--dg-radius-xl); background:var(--dg-surface); color:var(--dg-text); font-family:var(--dg-font-family); font-size:var(--dg-font-body-md); line-height:var(--dg-line-height-base); box-shadow:var(--dg-shadow-card); overflow:hidden; overscroll-behavior:contain; }
dialog.dg-help-dialog[open] { display:flex; flex-direction:column; }
dialog.dg-help-dialog:not([open]) { display:none; }
dialog.dg-help-dialog::backdrop { background:color-mix(in srgb,var(--dg-text) 42%,transparent); }
.dg-help-dialog-header { display:flex; flex:none; align-items:center; justify-content:space-between; gap:12px; position:relative; z-index:1; padding:18px 20px 14px; border-bottom:1px solid #edf0f4; background:var(--dg-surface); }
dialog.dg-help-dialog .dg-help-dialog-title { flex:1; min-width:0; margin:0; padding:0; color:var(--dg-text); font-family:var(--dg-font-family); font-size:19px; font-weight:750; line-height:1.45; word-break:keep-all; overflow-wrap:anywhere; outline:none; box-shadow:none; }
.dg-help-dialog-close { display:inline-flex; align-items:center; justify-content:center; flex:0 0 36px; width:36px; height:36px; min-width:36px; min-height:36px; padding:0; border:0; border-radius:50%; background:#f3f5f8; color:#657384; font:inherit; font-size:24px; line-height:1; cursor:pointer; }
.dg-help-dialog-body { padding:18px 20px 22px; min-width:0; min-height:0; overflow:auto; overscroll-behavior:contain; font-size:15px; line-height:1.75; }
.dg-help-dialog-body :is(p,li,dd,dt) { font-size:15px; line-height:1.75; word-break:keep-all; overflow-wrap:anywhere; }
.dg-help-dialog-body p:first-child { margin-top:0; }
.dg-help-dialog-body p:last-child { margin-bottom:0; }
.dg-help-dialog-body h3 { margin:20px 0 8px; font-size:16px; line-height:1.5; }
.dg-help-dialog-body .dg-button { max-width:100%; }
.dg-help-dialog-body .dg-stamp-detail { padding:0; border:0; }
.dg-help-dialog-body .dg-stamp-detail form { margin-top:var(--dg-space-4); }
.dg-help-dialog-body .dg-guide-content { padding:0; border:0; }
.dg-help-dialog-body .dg-guide-tools { display:flex; flex-direction:column; align-items:stretch; }
.dg-help-dialog-body .dg-guide-full-copy { width:100%; }
.dg-help-dialog-body .dg-guide-illustration { width:var(--dg-space-10); height:var(--dg-space-10); }
.dg-help-dialog-body .dg-guide-step>strong { font-size:var(--dg-font-heading-sm); }
/* Help keeps its own compact type scale inside the larger member-page headings. */
body[class*="dunggeul-"] dialog.dg-help-dialog:not(.dg-pwa-dialog) .dg-help-dialog-title { font-size:19px!important; line-height:1.45!important; }
body[class*="dunggeul-"] dialog.dg-help-dialog:not(.dg-pwa-dialog) .dg-help-dialog-body :is(p,li,dt,dd) { font-size:15px!important; line-height:1.75!important; }
body[class*="dunggeul-"] dialog.dg-help-dialog:not(.dg-pwa-dialog) .dg-help-dialog-body h3 { font-size:16px!important; }
.dg-service-guide.dg-guide-quiet,.dg-service-guide.dg-visual-guide.dg-guide-quiet { display:inline-flex; width:auto; max-width:100%; padding:0; margin-block:var(--dg-space-2); border:0; border-radius:0; background:transparent; box-shadow:none; overflow:visible; }
.dg-service-guide.dg-guide-quiet>details>.dg-info-trigger { width:auto; min-height:32px; }
.dg-service-guide.dg-guide-quiet>details>.dg-info-trigger::before { display:none; content:none; }
.dg-stamp-card.dg-info-ready>.dg-info-trigger { position:relative; }
.dg-stamp-card.dg-info-ready .dg-stamp-open { min-height:var(--dg-space-6); }
.dg-stamp-card.dg-info-ready .dg-stamp-category { display:none; }
@media(max-width:600px) {
 dialog.dg-help-dialog { width:calc(var(--dg-help-visible-width) - var(--dg-space-6)); max-width:calc(var(--dg-help-visible-width) - var(--dg-space-6)); }
 .dg-help-dialog-header { padding:16px 18px 12px; }
 .dg-help-dialog-body { padding:16px 18px 20px; }
 .dg-help-dialog-body .dg-guide-controls { gap:var(--dg-space-2); }
 .dg-help-dialog-body .dg-guide-controls>.dg-button { padding-inline:var(--dg-space-2); font-size:var(--dg-font-nav-compact); }
}
