/* Motion supports an action: a short welcome, a visible step and a confirmed result. */
:root{--dg-motion-ease:cubic-bezier(.2,.8,.2,1);--dg-motion-fast:160ms;--dg-motion-step:200ms;--dg-motion-brand-draw:1800ms;--dg-motion-brand-ease:cubic-bezier(.4,0,.6,1);--dg-motion-brand-interval:6s}
.dg-motion-art{display:block;position:relative;inline-size:96px;block-size:96px;flex:none;pointer-events:none}
.dg-motion-art>svg,.dg-motion-player,.dg-motion-player>svg{display:block;inline-size:100%;block-size:100%}
.dg-motion-art.is-playing>.dg-motion-poster{visibility:hidden}.dg-motion-player{position:absolute;inset:0}
.dg-motion-small{inline-size:52px;block-size:52px;float:inline-start;margin-inline-end:12px}
.dg-motion-toggle{display:inline-flex;align-items:center;gap:8px;min-height:48px;margin-top:12px;padding:8px 14px;border:1px solid var(--dg-border);border-radius:var(--dg-radius-md);background:var(--dg-surface);color:var(--dg-text-muted);font:inherit;cursor:pointer}
.dg-motion-toggle::before{content:'◉';font-size:18px;color:var(--dg-accent)}
.dg-service-guide{position:relative;border:0;border-radius:16px;background:var(--dg-surface-soft);padding:12px 16px}
.dg-service-guide details{margin:0;border:0;padding:0}.dg-service-guide summary{border:0;border-radius:0;background:transparent;padding:0;display:flex;align-items:center;gap:12px;list-style:none;line-height:1.5;min-height:56px}.dg-service-guide summary::-webkit-details-marker{display:none}
.dg-service-guide summary::before{content:'?';display:grid;place-items:center;inline-size:34px;block-size:34px;flex:none;border-radius:10px;color:var(--dg-accent);background:var(--dg-accent-soft);font-size:23px;font-weight:var(--dg-font-weight-bold)}
.dg-service-guide summary::after{content:'⌄';margin-inline-start:auto;flex:none;color:var(--dg-accent);transition:transform var(--dg-motion-fast)}
.dg-service-guide details[open]>summary::after{transform:rotate(180deg)}
.dg-service-guide summary span{font-size:var(--dg-font-body-sm);margin:0}.dg-service-guide ol{list-style:none;counter-reset:dg-help;display:grid;gap:16px;padding:0}.dg-service-guide li{counter-increment:dg-help;display:grid;grid-template-columns:36px minmax(0,1fr);gap:12px;margin:0}
.dg-service-guide li::before{content:counter(dg-help);display:grid;place-items:center;inline-size:32px;block-size:32px;border-radius:10px;background:var(--dg-surface);color:var(--dg-accent);font-weight:var(--dg-font-weight-bold)}
.dg-home-intro{position:relative;isolation:isolate;border:0;border-radius:0;background:transparent}
.dg-home-intro [data-dg-motion="welcome"]{position:absolute;inset-block-start:18px;inset-inline-end:18px;inline-size:80px;block-size:80px;z-index:-1;opacity:1}
.dg-home-intro h1{max-width:calc(100% - 80px)}
.dg-home-intro>.dg-kicker{color:var(--dg-accent);font-weight:var(--dg-font-weight-bold)}.dg-home-intro>p:last-child{max-width:34em;line-height:1.6}
.dg-easy-progress{position:relative;padding:16px 20px 24px;border:0;border-radius:16px;background:var(--dg-accent-soft);color:var(--dg-accent);font-weight:var(--dg-font-weight-bold);overflow:hidden}
.dg-easy-progress::after{content:'';position:absolute;inset-inline-start:0;inset-block-end:0;block-size:5px;inline-size:var(--dg-step-progress,0%);background:var(--dg-accent);transition:inline-size var(--dg-motion-step) var(--dg-motion-ease)}
[data-dg-easy-step],[data-dg-easy-step] :where(legend,[data-dg-step-heading],h2,h3){scroll-margin-block:96px 112px}
.dg-writing-assistant{padding:20px;border:0;border-radius:16px;background:var(--dg-surface-soft)}
.dg-writing-assistant>p:first-of-type{color:var(--dg-text);line-height:1.7}.dg-writing-assistant>blockquote{border-color:var(--dg-accent);border-radius:12px;background:var(--dg-surface)}
body[class*="dunggeul-"] :where(.dg-primary,.dg-secondary,.dg-button,.dg-auth-primary,.dg-auth-secondary,.dg-quick-grid a,.dg-global-bottom-link){transition:background-color var(--dg-motion-fast),border-color var(--dg-motion-fast),box-shadow var(--dg-motion-fast),transform var(--dg-motion-fast) var(--dg-motion-ease)}
body[class*="dunggeul-"] :where(.dg-primary,.dg-secondary,.dg-button,.dg-auth-primary,.dg-auth-secondary,.dg-quick-grid a):active{transform:scale(.985)}
.dg-quick-grid a .dg-quick-icon{color:var(--dg-accent)}
.dg-motion-notice{display:flow-root;min-height:56px}.dg-motion-busy{border-color:var(--dg-accent) !important}
@media(hover:hover) and (pointer:fine){.dg-quick-grid a:hover .dg-quick-icon{transform:translateY(-1px)}.dg-quick-icon{transition:transform 220ms var(--dg-motion-ease)}}
@media(max-width:600px){.dg-home-intro{border-radius:0}.dg-home-intro [data-dg-motion="welcome"]{inline-size:64px;block-size:64px;inset-inline-end:0;inset-block-start:8px}.dg-home-intro h1{max-width:calc(100% - 64px)}.dg-service-guide{padding:10px 14px}.dg-service-guide summary{display:grid;grid-template-columns:30px minmax(0,1fr) 18px;font-size:18px;white-space:normal;overflow-wrap:anywhere}.dg-service-guide summary span{display:none}.dg-service-guide summary::before{grid-area:1/1;inline-size:30px;block-size:30px}.dg-service-guide summary::after{grid-area:1/3;margin-inline-start:0;justify-self:center}.dg-writing-assistant{padding:16px}.dg-writing-assistant>button{inline-size:100%}}
@media(prefers-reduced-motion:reduce){body[class*="dunggeul-"] *,body[class*="dunggeul-"] *::before,body[class*="dunggeul-"] *::after{animation:none !important;transition:none !important;scroll-behavior:auto !important}}
html.dg-reduced-motion{scroll-behavior:auto !important}
body.dg-reduced-motion *,body.dg-reduced-motion *::before,body.dg-reduced-motion *::after{animation:none !important;transition:none !important;scroll-behavior:auto !important}

.dg-compose>summary{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;min-height:56px;padding:12px 4px}.dg-compose>summary>small{display:block;font-weight:var(--dg-font-weight-regular);line-height:1.5}

/* The existing local logo stays intact; its ribbon is revealed by an SVG stroke mask. */
[data-dg-brand-link] {
    display: inline-flex;
    align-items: center;
    min-block-size: var(--dg-control-md, 48px);
}
.dg-brand-art,
.dg-auth-brand > .dg-brand-art,
.dg-global-desktop-brand > .dg-brand-art {
    display: inline-grid !important;
    position: relative;
    max-inline-size: 100%;
    flex: 0 1 auto;
    line-height: 0;
    vertical-align: middle;
}
.dg-brand-art > .dg-brand-base { grid-area: 1 / 1; }
.dg-brand-art > .dg-brand-symbol {
    display: none !important;
    position: absolute;
    inset: 0;
    margin: 0;
    clip-path: inset(0 44% 0 0) !important;
    inline-size: 100%;
    block-size: 100%;
    pointer-events: none;
}
.dg-brand-art.is-motion-ready > .dg-brand-base { clip-path: inset(0 0 0 56%) !important; }
.dg-brand-art.is-motion-ready > .dg-brand-symbol { display: block !important; }
.dg-reduced-motion .dg-brand-art > .dg-brand-base { clip-path: none !important; }
.dg-reduced-motion .dg-brand-art > .dg-brand-symbol { display: none !important; }
@media (prefers-reduced-motion: reduce) {
    .dg-brand-art.is-motion-ready > .dg-brand-base { clip-path: none !important; }
    .dg-brand-art.is-motion-ready > .dg-brand-symbol { display: none !important; }
}