.dg-search-shell {
  padding-top: 32px;
  padding-bottom: 72px;
}

.dg-search-header {
  margin-top: 16px;
}

.dg-search-form {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px;
  margin-top: 22px;
}

.dg-search-form .screen-reader-text {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

.dg-search-form input[type="search"] {
  min-width: 0;
  min-height: var(--dg-control-lg);
  padding: 0 16px;
  font-size: var(--dg-font-body-md) !important;
}

.dg-search-form .dg-button {
  min-width: 86px;
  padding: 0 18px;
}

.dg-search-empty,
.dg-search-results {
  margin-top: 18px;
  border: 1px solid var(--dg-line);
  border-radius: var(--dg-radius-xl);
  background: var(--dg-white);
}

.dg-search-empty {
  padding: 28px;
}

.dg-search-empty h2,
.dg-search-result-heading h2 {
  margin: 0;
  font-size: var(--dg-font-heading-sm);
  line-height: 1.4;
}

.dg-search-empty p {
  margin: 8px 0 0;
  color: var(--dg-muted);
}

.dg-search-shortcuts {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 18px;
}

.dg-search-shortcuts a {
  min-height: var(--dg-control-sm);
  display: inline-flex;
  align-items: center;
  padding: 0 14px;
  border: 1px solid var(--dg-line);
  border-radius: var(--dg-radius-pill);
  color: var(--dg-charcoal) !important;
  font-weight: var(--dg-font-weight-bold);
  text-decoration: none;
}

.dg-search-result-heading {
  min-height: var(--dg-control-lg);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 0 20px;
  border-bottom: 1px solid var(--dg-line);
}

.dg-search-result-heading > div {
  min-width: 0;
  display: grid;
  gap: 2px;
  padding: 10px 0;
}

.dg-search-result-heading a {
  min-height: var(--dg-control-sm);
  width: max-content;
  display: inline-flex;
  align-items: center;
  color: var(--dg-muted) !important;
  font-size: var(--dg-font-body-sm);
  font-weight: var(--dg-font-weight-bold);
  text-decoration: none;
}

.dg-search-result-heading a:hover,
.dg-search-result-heading a:focus-visible {
  color: var(--dg-charcoal) !important;
  text-decoration: underline;
}

.dg-search-result-heading span {
  flex: 0 0 auto;
  color: var(--dg-muted);
  font-size: var(--dg-font-body-sm);
  font-weight: var(--dg-font-weight-bold);
}

.dg-search-result-list {
  display: grid;
}

.dg-search-result {
  position: relative;
  min-width: 0;
  display: grid;
  gap: 4px;
  padding: 18px 48px 18px 20px;
  border-bottom: 1px solid var(--dg-line);
  color: var(--dg-charcoal) !important;
  text-decoration: none;
}

.dg-search-result:last-child {
  border-bottom: 0;
}

.dg-search-result:hover {
  background: var(--dg-ivory);
}

.dg-search-result-type {
  width: max-content;
  min-height: 24px;
  display: inline-flex;
  align-items: center;
  padding: 0 8px;
  border-radius: var(--dg-radius-pill);
  background: var(--dg-accent-soft);
  color: var(--dg-red);
  font-size: var(--dg-font-body-xs);
  font-weight: var(--dg-font-weight-bold);
}

.dg-search-result strong {
  overflow: hidden;
  font-size: var(--dg-font-body-md);
  font-weight: var(--dg-font-weight-bold);
  line-height: 1.45;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.dg-search-result small {
  color: var(--dg-muted);
  font-size: var(--dg-font-body-sm);
}

.dg-search-result p {
  overflow: hidden;
  margin: 3px 0 0;
  color: var(--dg-text-muted);
  font-size: var(--dg-font-body-sm);
  line-height: 1.55;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.dg-search-result-arrow {
  position: absolute;
  top: 50%;
  right: 20px;
  color: var(--dg-color-gray-30);
  font-size: var(--dg-font-heading-md);
  transform: translateY(-50%);
}

@media (max-width: 760px) {
  .dg-search-shell {
    padding-top: 8px !important;
  }

  .dg-search-form {
    position: sticky;
    top: 56px;
    z-index: 60;
    grid-template-columns: minmax(0, 1fr) auto;
    margin-left: -16px;
    margin-right: -16px;
    padding: 10px 16px;
    border-bottom: 1px solid var(--dg-line);
    background: rgba(255, 255, 255, .98);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
  }

  .dg-search-form .dg-button {
    width: auto;
    min-width: 64px;
    padding-inline: 14px;
  }

  .dg-search-empty,
  .dg-search-results {
    margin-left: -16px;
    margin-right: -16px;
    border-left: 0;
    border-right: 0;
    border-radius: 0;
  }

  .dg-search-result {
    padding: 16px 44px 16px 16px;
  }

  .dg-search-result-heading {
    align-items: flex-start;
    padding: 4px 16px;
  }

  .dg-search-result-heading > div {
    max-width: calc(100% - 48px);
  }

  .dg-search-result-heading h2 {
    overflow-wrap: anywhere;
  }
}

.dg-community-filters {
  display: flex;
  gap: 8px;
  overflow-x: auto;
  margin: 0 0 26px;
  padding: 2px 0 4px;
  scrollbar-width: none;
}

.dg-community-filters::-webkit-scrollbar {
  display: none;
}

.dg-community-filters a {
  flex: 0 0 auto;
  min-height: var(--dg-control-sm);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 15px;
  border: 1px solid var(--dg-line);
  border-radius: var(--dg-radius-pill);
  background: var(--dg-white);
  color: var(--dg-charcoal) !important;
  font-size: var(--dg-font-body-sm);
  font-weight: var(--dg-font-weight-bold);
  text-decoration: none;
}

.dg-community-filters a.is-current {
  border-color: var(--dg-red);
  background: var(--dg-red);
  color: var(--dg-white) !important;
}


body.dunggeul-auth {
  width: 100vw !important;
  max-width: 100vw !important;
  min-width: 0 !important;
  min-height: 100vh;
  margin: 0 !important;
  padding: 0 !important;
  overflow-x: hidden;
  background: var(--dg-member-bg);
}

body.dunggeul-auth * {
  box-sizing: border-box;
}

.dg-auth-shell {
  width: min(100%, 544px);
  max-width: 100%;
  min-height: 100vh;
  margin: 0 auto;
  padding: 56px 24px 44px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.dg-auth-brand {
  align-self: flex-start;
  display: inline-flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 32px;
  color: var(--dg-charcoal) !important;
  text-decoration: none;
}

.dg-auth-brand img {
  width: 148px;
  height: auto;
  display: block;
}

.dg-auth-brand strong {
  font-size: var(--dg-font-heading-md);
  font-weight: var(--dg-font-weight-bold);
  letter-spacing: -.055em;
}

.dg-auth-brand span {
  color: var(--dg-muted);
  font-size: var(--dg-font-body-sm);
  font-weight: var(--dg-font-weight-bold);
  letter-spacing: .12em;
}

.dg-auth-card {
  width: 100%;
  min-width: 0;
  overflow: hidden;
  padding: 36px;
  border: 1px solid var(--dg-border);
  border-radius: var(--dg-radius-xl);
  background: var(--dg-surface);
  box-shadow: var(--dg-shadow-card);
}

.dg-auth-kicker {
  margin: 0 0 10px;
  color: var(--dg-red);
  font-size: var(--dg-font-body-sm);
  font-weight: var(--dg-font-weight-bold);
}

.dg-auth-card h1 {
  margin: 0;
  color: var(--dg-charcoal);
  font-size: var(--dg-font-heading-xl);
  font-weight: var(--dg-font-weight-display);
  line-height: 1.35;
  letter-spacing: -.035em;
}

.dg-auth-copy,
.dg-auth-invite-copy {
  max-width: 100%;
  margin: 16px 0 0;
  overflow-wrap: anywhere;
  word-break: keep-all;
  color: var(--dg-muted);
  font-size: var(--dg-font-body-md);
  line-height: 1.7;
}

.dg-auth-form {
  width: 100%;
  min-width: 0;
  display: grid;
  gap: 12px;
  margin-top: 28px;
}

.dg-auth-form > * {
  min-width: 0;
  max-width: 100%;
}

.dg-auth-form label {
  color: var(--dg-charcoal);
  font-size: var(--dg-font-body-sm);
  font-weight: var(--dg-font-weight-bold);
}

.dg-auth-field {
  display: block;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  min-height: var(--dg-control-lg);
  box-sizing: border-box !important;
  padding: 0 16px !important;
  border: 1px solid var(--dg-border-strong);
  border-radius: var(--dg-radius-md);
  background: var(--dg-surface) !important;
  color: var(--dg-charcoal) !important;
  box-shadow: none !important;
  font: inherit;
  line-height: 1.2 !important;
  appearance: none;
  -webkit-appearance: none;
}

.dg-auth-password {
  position: relative;
}

.dg-auth-password .dg-auth-field {
  padding-right: 72px !important;
}

.dg-auth-password-toggle {
  position: absolute;
  top: 50%;
  right: 4px;
  min-width: 60px;
  min-height: var(--dg-control-md) !important;
  padding: 0 10px !important;
  border: 0 !important;
  border-radius: var(--dg-radius-md) !important;
  background: transparent !important;
  color: var(--dg-text-muted) !important;
  font: inherit;
  font-size: var(--dg-font-body-sm) !important;
  font-weight: var(--dg-font-weight-bold) !important;
  line-height: 1 !important;
  cursor: pointer;
  transform: translateY(-50%);
}

.dg-auth-password-toggle:hover,
.dg-auth-password-toggle:focus-visible {
  color: var(--dg-red) !important;
}

.dg-auth-caps-warning {
  display: block;
  margin-top: 6px;
  color: var(--dg-accent-hover);
  font-size: var(--dg-font-body-sm) !important;
  font-weight: var(--dg-font-weight-bold);
  line-height: 1.4;
}

.dg-auth-caps-warning[hidden] {
  display: none !important;
}

.dg-auth-match-warning {
  display: block;
  margin-top: 6px;
  color: var(--dg-accent-hover);
  font-size: var(--dg-font-body-sm) !important;
  font-weight: var(--dg-font-weight-bold);
  line-height: 1.4;
}

.dg-auth-match-warning[hidden] {
  display: none !important;
}

.dg-auth-form .dg-auth-remember {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin-top: 7px !important;
  color: var(--dg-text-muted);
  cursor: pointer;
}

.dg-auth-remember input {
  width: 18px;
  height: 18px;
  margin: 2px 0 0;
  accent-color: var(--dg-red);
  flex: 0 0 auto;
}

.dg-auth-remember span {
  display: grid;
  gap: 2px;
}

.dg-auth-remember b {
  font-size: var(--dg-font-body-sm);
  line-height: 1.35;
}

.dg-auth-remember small {
  color: var(--dg-color-gray-50);
  font-size: var(--dg-font-body-sm) !important;
  font-weight: var(--dg-font-weight-regular);
  line-height: 1.45;
}

.dg-auth-account-id {
  display: grid;
  gap: 4px;
  margin: 18px 0 4px;
  padding: 14px 16px;
  border: 1px solid var(--dg-border);
  border-radius: var(--dg-radius-xl);
  background: var(--dg-surface-soft);
}

.dg-auth-account-id span,
.dg-auth-account-id small {
  color: var(--dg-text-muted);
  font-size: var(--dg-font-body-sm) !important;
}

.dg-auth-account-id strong {
  color: var(--dg-charcoal);
  font-size: var(--dg-font-body-lg);
  line-height: 1.35;
  word-break: break-all;
  user-select: all;
}

.dg-auth-target {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  margin: 14px 0 4px;
  padding: 11px 13px;
  border: 1px solid var(--dg-border);
  border-radius: var(--dg-radius-xl);
  background: var(--dg-surface-soft);
}

.dg-auth-target span {
  color: var(--dg-text-muted);
  font-size: var(--dg-font-body-sm);
  font-weight: var(--dg-font-weight-bold);
}

.dg-auth-target strong {
  color: var(--dg-charcoal);
  font-size: var(--dg-font-body-sm);
  letter-spacing: .02em;
  white-space: nowrap;
}

.dg-auth-code-help {
  margin: 7px 0 13px;
  color: var(--dg-text-muted);
  font-size: var(--dg-font-body-sm) !important;
  font-weight: var(--dg-font-weight-bold);
  line-height: 1.45;
}

.dg-auth-resend-form {
  display: grid;
  gap: 5px;
  margin-top: 12px;
  text-align: center;
}

.dg-auth-resend {
  min-height: var(--dg-control-md) !important;
  padding: 0 14px !important;
  border: 0 !important;
  border-radius: var(--dg-radius-md) !important;
  background: transparent !important;
  color: var(--dg-text-muted) !important;
  font: inherit;
  font-size: var(--dg-font-body-sm) !important;
  font-weight: var(--dg-font-weight-bold) !important;
  cursor: pointer;
}

.dg-auth-resend:hover,
.dg-auth-resend:focus-visible {
  color: var(--dg-red) !important;
  text-decoration: underline;
}

.dg-auth-primary:disabled,
.dg-auth-resend:disabled {
  cursor: wait !important;
  opacity: .68;
}

.dg-auth-resend-form small {
  color: var(--dg-color-gray-50);
  font-size: var(--dg-font-body-sm) !important;
  line-height: 1.45;
}

.dg-auth-code {
  text-align: center;
  font-size: var(--dg-font-heading-md) !important;
  font-weight: var(--dg-font-weight-bold);
  letter-spacing: .22em;
}

.dg-auth-primary,
.dg-auth-secondary {
  width: 100%;
  min-height: var(--dg-control-lg);
  box-sizing: border-box;
  border-radius: var(--dg-radius-xl);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 18px;
  font: inherit;
  font-size: var(--dg-font-body-md);
  font-weight: var(--dg-font-weight-bold);
  text-align: center;
  text-decoration: none;
  cursor: pointer;
}

.dg-auth-primary {
  margin-top: 8px;
  border: 1px solid var(--dg-red);
  background: var(--dg-red);
  color: var(--dg-surface) !important;
}

.dg-auth-secondary {
  border: 1px solid var(--dg-line);
  background: var(--dg-surface);
  color: var(--dg-charcoal) !important;
}

.dg-auth-notice {
  margin: 18px 0 0;
  padding: 13px 14px;
  border: 1px solid var(--dg-danger-panel-border);
  border-radius: var(--dg-radius-xl);
  background: var(--dg-accent-soft);
  color: var(--dg-brand-70);
  font-size: var(--dg-font-body-sm);
  line-height: 1.55;
}

.dg-auth-divider {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 26px 0 0;
  color: var(--dg-muted);
  font-size: var(--dg-font-body-sm);
}

.dg-auth-divider::before,
.dg-auth-divider::after {
  height: 1px;
  flex: 1;
  background: var(--dg-line);
  content: "";
}

.dg-auth-text-link {
  display: inline-block;
  margin-top: 16px;
  color: var(--dg-muted) !important;
  font-size: var(--dg-font-body-sm);
  font-weight: var(--dg-font-weight-bold);
}

.dg-auth-symbol {
  width: 52px;
  height: 52px;
  margin-bottom: 18px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: var(--dg-accent-soft);
  color: var(--dg-red);
  font-size: var(--dg-font-heading-md);
  font-weight: var(--dg-font-weight-bold);
}

.dg-auth-actions {
  display: grid;
  gap: 10px;
  margin-top: 24px;
}

.dg-auth-foot {
  margin: 18px 0 0;
  color: var(--dg-muted);
  font-size: var(--dg-font-body-sm);
  text-align: center;
}

.dg-auth-card .dg-auth-consent {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 10px;
  align-items: start;
  margin-top: 12px;
  color: var(--dg-muted);
  font-size: var(--dg-font-body-sm);
}

.dg-auth-card .dg-auth-consent input {
  width: 20px;
  height: 20px;
  margin-top: 2px;
}

@media (max-width: 560px) {
  .dg-auth-shell {
    width: 100vw;
    max-width: 480px;
    padding: 24px 12px 30px;
    justify-content: flex-start;
  }

  .dg-auth-brand {
    margin: 6px 4px 22px;
  }

  .dg-auth-card {
    padding: 26px 20px;
    border-radius: var(--dg-radius-xl);
  }

  .dg-auth-card h1 {
    font-size: var(--dg-font-heading-lg);
  }
}


.dg-default-page-shell {
  padding-top: 48px;
  padding-bottom: 72px;
}

.dg-default-page-content {
  margin-top: 18px;
  line-height: 1.75;
}

.dg-default-page-content > :first-child {
  margin-top: 0;
}

.dg-default-page-content > :last-child {
  margin-bottom: 0;
}

.dg-default-page-empty {
  max-width: 640px;
  margin: 8vh auto 0;
  padding: 36px;
}

.dg-default-page-empty > p:not(.dg-kicker) {
  color: var(--dg-muted);
  line-height: 1.7;
}

.dg-default-page-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 24px;
}

.dg-default-page-actions .dg-primary,
.dg-default-page-actions .dg-secondary {
  min-height: var(--dg-control-md);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 18px;
  border-radius: var(--dg-radius-xl);
  text-decoration: none;
}

@media (max-width: 760px) {
  .dg-default-page-shell {
    padding-top: 24px !important;
    padding-bottom: 110px !important;
  }

  .dg-default-page-empty {
    margin-top: 20px;
    padding: 26px 20px !important;
  }

  .dg-default-page-actions {
    display: grid;
  }
}

.dg-global-notification-badge {
  min-width: 18px;
  height: 18px;
  padding: 0 4px;
  border-radius: var(--dg-radius-pill);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: var(--dg-red);
  color: var(--dg-surface);
  font-size: var(--dg-font-body-xs);
  font-weight: var(--dg-font-weight-bold);
  line-height: 1;
}

.dg-global-desktop-bar,
.dg-global-desktop-sidebar,
.dg-global-mobile-topbar,
.dg-global-bottom-nav,
.dg-groupbuy-mobile-cta {
  display: none;
}

@media (min-width: 761px) {
  .dg-global-desktop-bar {
    border-bottom: 1px solid var(--dg-line);
    background: rgba(255, 255, 255, .95);
  }

  .dg-global-desktop-inner {
    width: min(100% - 48px, 1240px);
    height: 68px;
    gap: 24px;
  }

  .dg-global-desktop-brand {
    align-items: baseline;
    gap: 8px;
    color: var(--dg-charcoal) !important;
    white-space: nowrap;
  }

  .dg-global-desktop-brand strong {
    font-size: var(--dg-font-heading-md);
    font-weight: var(--dg-font-weight-bold);
    letter-spacing: -.05em;
  }

  .dg-global-desktop-brand span {
    color: var(--dg-muted);
    font-size: var(--dg-font-body-xs);
    font-weight: var(--dg-font-weight-bold);
    letter-spacing: .12em;
  }

  .dg-global-desktop-nav {
    display: flex;
    align-items: center;
    gap: 4px;
  }

  .dg-global-desktop-nav a,
  .dg-global-desktop-actions a {
    min-height: var(--dg-control-sm);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 13px;
    border-radius: var(--dg-radius-xl);
    color: var(--dg-charcoal) !important;
    font-size: var(--dg-font-body-sm);
    font-weight: var(--dg-font-weight-bold);
    text-decoration: none;
  }

  .dg-global-desktop-nav a:hover,
  .dg-global-desktop-nav a.is-current,
  .dg-global-desktop-actions a:hover {
    background: var(--dg-ivory);
  }

  .dg-global-desktop-nav a.is-current {
    color: var(--dg-red) !important;
  }

  .dg-global-desktop-actions {
    gap: 4px;
  }

  .dg-global-desktop-notifications {
    gap: 6px;
  }

  .dg-global-desktop-actions .dg-global-desktop-my {
    border: 1px solid var(--dg-line);
    background: var(--dg-white);
  }

}

@media (min-width: 761px) and (max-width: 1040px) {
  .dg-global-desktop-inner {
    width: calc(100% - 24px);
    gap: 10px;
  }

  .dg-global-desktop-trust {
    display: none;
  }

  .dg-global-desktop-nav {
    gap: 2px;
  }

  .dg-global-desktop-nav a,
  .dg-global-desktop-actions a {
    min-height: var(--dg-control-sm);
    padding: 0 9px;
    font-size: var(--dg-font-body-sm);
  }

}

@media (max-width: 760px) {
  .dg-global-desktop-bar,
  .dg-global-desktop-sidebar {
    display: none !important;
  }

  .dg-global-mobile-topbar {
    position: sticky;
    top: 0;
    z-index: 9997;
    display: block;
    border-bottom: 1px solid var(--dg-line);
    background: rgba(255, 255, 255, .97);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
  }

  .dg-global-mobile-topbar-inner {
    height: 56px;
    padding: 0 12px 0 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  .dg-global-mobile-brand {
    color: var(--dg-charcoal) !important;
    font-size: var(--dg-font-heading-sm);
    font-weight: var(--dg-font-weight-bold);
    letter-spacing: -.045em;
    text-decoration: none;
  }





  .dg-global-mobile-actions {
    display: flex;
    align-items: center;
    gap: 2px;
    flex-shrink: 0;
  }

  .dg-global-mobile-action {
    position: relative;
    width: var(--dg-control-sm);
    height: var(--dg-control-sm);
    border-radius: 50%;
    display: grid;
    place-items: center;
    color: var(--dg-charcoal) !important;
    text-decoration: none;
    -webkit-tap-highlight-color: transparent;
  }

  .dg-global-mobile-action:active {
    background: var(--dg-ivory);
  }

  .dg-global-mobile-action > span:first-child {
    width: 22px;
    height: 22px;
    display: block;
    line-height: 0;
  }

  .dg-global-mobile-action svg {
    width: 100%;
    height: 100%;
    display: block;
  }

  .dg-global-notification-badge--topbar {
    position: absolute;
    top: 2px;
    right: 1px;
    border: 2px solid var(--dg-surface);
  }


  body.dg-has-global-mobile-topbar .dg-back {
    display: none !important;
  }

  .dunggeul-group-buy #dg-group-buy-join {
    scroll-margin-top: 72px;
  }

  .dunggeul-group-buy .dg-groupbuy-mobile-cta {
    position: fixed;
    left: 12px;
    right: 12px;
    bottom: calc(94px + env(safe-area-inset-bottom));
    z-index: 9996;
    min-height: var(--dg-control-lg);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 18px;
    border-radius: var(--dg-radius-xl);
    background: var(--dg-red);
    color: var(--dg-surface) !important;
    font-size: var(--dg-font-body-md);
    font-weight: var(--dg-font-weight-bold);
    text-decoration: none;
    box-shadow: 0 10px 26px rgba(107, 24, 27, .22);
    -webkit-tap-highlight-color: transparent;
  }

  .dunggeul-group-buy .dg-shell {
    padding-bottom: 176px !important;
  }


  body[class*="dunggeul-"],
  body.woocommerce {
    padding-bottom: calc(108px + env(safe-area-inset-bottom));
  }




  body.dg-has-global-mobile-nav .dg-nav {
    display: none !important;
  }

  body.dg-has-global-mobile-nav .dg-card,
  body.dg-has-global-mobile-nav .dg-section,
  body.dg-has-global-mobile-nav .dg-list > li {
    transform: translateZ(0);
    transition: transform .18s cubic-bezier(.2,.8,.2,1), box-shadow .18s ease, border-color .18s ease;
  }

  body.dg-has-global-mobile-nav .dg-card:active,
  body.dg-has-global-mobile-nav .dg-list > li:active {
    transform: scale(.992);
  }

  body.dg-has-global-mobile-nav :where(.dg-primary,.dg-secondary,.dg-button,button,a[role="button"]) {
    transition: transform .16s cubic-bezier(.2,.8,.2,1), box-shadow .16s ease, background .16s ease, color .16s ease;
    -webkit-tap-highlight-color: transparent;
  }

  body.dg-has-global-mobile-nav :where(.dg-primary,.dg-secondary,.dg-button,button,a[role="button"]):active {
    transform: scale(.975);
  }

  body.dg-has-global-mobile-nav .dg-global-bottom-nav {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9999;
    display: grid !important;
    grid-template-columns: repeat(var(--dg-nav-count, 5), minmax(0, 1fr));
    gap: 2px;
    min-height: 70px;
    padding: 6px 8px calc(6px + env(safe-area-inset-bottom));
    border: 0;
    border-top: 1px solid var(--dg-border);
    border-radius: 0;
    background: var(--dg-surface);
    box-shadow: 0 -4px 20px rgba(23, 27, 32, .04);
  }

  .dg-global-bottom-link {
    position: relative;
    min-width: 0;
    min-height: var(--dg-control-lg);
    border-radius: var(--dg-radius-md);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 4px;
    color: var(--dg-text-muted);
    text-decoration: none;
    transform: translateY(0);
    transition: color .18s ease, background .18s ease, transform .18s cubic-bezier(.2,.8,.2,1);
    -webkit-tap-highlight-color: transparent;
  }

  .dg-global-bottom-link:active,
  .dg-global-bottom-link.is-tapping {
    transform: scale(.98);
  }

  .dg-global-bottom-link.is-current {
    color: var(--dg-accent);
    background: var(--dg-accent-soft);
  }

  .dg-global-bottom-link.is-current .dg-nav-icon {
    transform: scale(1.04);
  }

  .dg-global-bottom-link.is-featured {
    margin-top: -24px;
    min-height: 88px;
    overflow: visible;
    gap: 5px;
  }

  .dg-global-bottom-link.is-featured::before {
    content: '';
    position: absolute;
    top: 1px;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    background: var(--dg-accent-soft);
    pointer-events: none;
    z-index: -1;
  }

  .dg-global-bottom-link.is-featured .dg-nav-icon {
    display: grid;
    place-items: center;
    width: 60px;
    height: 60px;
    padding: 15px;
    border: 4px solid var(--dg-surface);
    border-radius: 50%;
    box-sizing: border-box;
    background: linear-gradient(145deg, var(--dg-coral), var(--dg-accent) 72%);
    box-shadow: 0 5px 14px rgba(179, 33, 38, .24);
    color: var(--dg-surface);
    transform-origin: center bottom;
  }

  .dg-global-bottom-link.is-featured b {
    padding: 4px 5px;
    border-radius: var(--dg-radius-pill);
    background: var(--dg-accent-soft);
    color: var(--dg-accent);
    overflow: visible;
  }

  .dg-global-notification-badge--mobile {
    position: absolute;
    top: 3px;
    left: calc(50% + 7px);
    border: 2px solid var(--dg-surface);
  }

  .dg-global-bottom-nav .dg-nav-icon {
    width: 24px;
    height: 24px;
    display: block;
    line-height: 0;
    transition: transform .18s cubic-bezier(.2,.8,.2,1), box-shadow .18s ease, background .18s ease;
  }

  .dg-global-bottom-nav .dg-nav-icon svg {
    width: 100%;
    height: 100%;
    display: block;
  }

  .dg-global-bottom-nav b {
    overflow: hidden;
    max-width: 100%;
    font-size: var(--dg-font-body-xs);
    font-weight: var(--dg-font-weight-bold);
    line-height: 1.15;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

}

@media (min-width: 761px) {
  body[class*="dunggeul-"] .dg-page-header h1 {
    letter-spacing: -.045em;
  }
  .dg-global-bottom-nav {
    display: none !important;
  }
}




/* Shared authentication and policy surfaces. */
body.dunggeul-auth {
  background: var(--dg-member-bg) !important;
}
.dg-auth-shell {
  width: min(calc(100% - (var(--dg-content-padding) * 2)), 34rem) !important;
  max-width: 34rem !important;
  padding: 56px 0 !important;
  justify-content: center !important;
}
.dg-auth-brand {
  align-self: center !important;
  justify-content: center !important;
  margin: 0 0 var(--dg-space-5) !important;
}
.dg-auth-brand img { width: 7.5rem !important; clip-path: none !important; }
.dg-auth-brand span { display: none !important; }
.dg-auth-card {
  padding: var(--dg-space-7) !important;
  border: 1px solid var(--dg-border) !important;
  border-radius: var(--dg-radius-xl) !important;
  background: var(--dg-surface) !important;
  box-shadow: var(--dg-shadow-card) !important;
}
.dg-auth-kicker { margin: 0 0 var(--dg-space-2) !important; font-size: var(--dg-font-body-sm) !important; letter-spacing: 0 !important; }
.dg-auth-card h1 { font-size: var(--dg-font-heading-lg) !important; font-weight: var(--dg-font-weight-display) !important; line-height: 1.35 !important; letter-spacing: -.035em !important; }
.dg-auth-copy,.dg-auth-invite-copy { margin-top: var(--dg-space-3) !important; color: var(--dg-text-muted) !important; font-size: var(--dg-font-body-md) !important; line-height: var(--dg-line-height-base) !important; }
.dg-auth-form { gap: var(--dg-space-3) !important; margin-top: var(--dg-space-6) !important; }
.dg-auth-form label { margin-top: 0 !important; font-size: var(--dg-font-body-sm) !important; }
.dg-auth-field { min-height: var(--dg-control-lg) !important; padding: 0 var(--dg-space-4) !important; border-color: var(--dg-border-strong) !important; border-radius: var(--dg-radius-md) !important; font-size: var(--dg-font-body-md) !important; }
.dg-auth-primary,.dg-auth-secondary { min-height: var(--dg-control-lg) !important; border-radius: var(--dg-radius-md) !important; font-size: var(--dg-font-body-md) !important; }
.dg-auth-password-toggle,.dg-auth-resend { min-height: var(--dg-control-sm) !important; font-size: var(--dg-font-body-sm) !important; }
.dg-auth-caps-warning,.dg-auth-match-warning,.dg-auth-code-help,.dg-auth-resend-form small,.dg-auth-helper-row,.dg-auth-invite-only p,.dg-auth-foot,.dg-auth-legal,.dg-auth-divider,.dg-auth-card .dg-auth-consent { font-size: var(--dg-font-body-sm) !important; line-height: var(--dg-line-height-base) !important; }
.dg-auth-helper-row { display:flex; justify-content:space-between; gap:var(--dg-space-4); margin-top:var(--dg-space-4); }
.dg-auth-brand,.dg-auth-helper-row a,.dg-auth-text-link,.dg-auth-legal a { min-height:var(--dg-control-md) !important; display:inline-flex; align-items:center; }
.dg-auth-helper-row a,.dg-auth-text-link,.dg-auth-legal a { color:var(--dg-text-muted) !important; text-decoration:none; }
.dg-auth-helper-row a:hover,.dg-auth-text-link:hover,.dg-auth-legal a:hover { text-decoration:underline; }
.dg-auth-invite-only { margin-top:var(--dg-space-5); padding:var(--dg-space-4); border:1px solid var(--dg-border); border-radius: var(--dg-radius-xl); background:var(--dg-surface-soft); }
.dg-auth-invite-only span { display:block; color:var(--dg-accent); font-size: var(--dg-font-body-sm); font-weight: var(--dg-font-weight-bold); letter-spacing:0; }
.dg-auth-legal { display:flex; justify-content:center; gap:var(--dg-space-4); margin-top:var(--dg-space-2); }
.dg-auth-card .dg-auth-consent { margin-top:var(--dg-space-3) !important; }

body.dunggeul-policy { margin:0 !important; background:var(--dg-surface) !important; }
.dg-policy-shell { width:min(calc(100% - (var(--dg-content-padding) * 2)),var(--dg-content-wide)); margin:0 auto; padding:var(--dg-space-5) 0 var(--dg-space-10); }
.dg-policy-top { min-height: var(--dg-control-lg); display:flex; align-items:center; justify-content:space-between; }
.dg-policy-top img { width:7.625rem; height:auto; display:block; }
.dg-policy-home { color:var(--dg-text-muted) !important; font-size: var(--dg-font-body-sm); font-weight: var(--dg-font-weight-bold); text-decoration:none; }
.dg-policy-hero { padding:var(--dg-space-10) 0 var(--dg-space-7); border-bottom:1px solid var(--dg-border); }
.dg-policy-hero p { margin:0 0 var(--dg-space-2); color:var(--dg-accent); font-size: var(--dg-font-body-sm) !important; font-weight: var(--dg-font-weight-bold); letter-spacing:0; }
.dg-policy-hero h1 { margin:0; font-size: var(--dg-font-heading-xl) !important; line-height:var(--dg-line-height-base) !important; font-weight: var(--dg-font-weight-bold) !important; letter-spacing:0 !important; }
.dg-policy-hero span { display:block; margin-top:var(--dg-space-3); color:var(--dg-text-muted); font-size: var(--dg-font-body-sm); }
.dg-policy-grid { display:grid; grid-template-columns:12rem minmax(0,1fr); gap:var(--dg-space-10); padding-top:var(--dg-space-8); }
.dg-policy-grid>nav { display:flex; flex-direction:column; gap:var(--dg-space-1); }
.dg-policy-grid>nav a { min-height: var(--dg-control-sm); display:flex; align-items:center; padding:0 var(--dg-space-3); border-radius: var(--dg-radius-md); color:var(--dg-text-muted) !important; font-size: var(--dg-font-body-sm); font-weight: var(--dg-font-weight-bold); text-decoration:none; }
.dg-policy-grid>nav a[aria-current="page"] { background:var(--dg-accent-soft); color:var(--dg-accent) !important; }
.dg-policy-grid article section { padding:0 0 var(--dg-space-7); }
.dg-policy-grid h2 { margin:0 0 var(--dg-space-3); font-size: var(--dg-font-heading-md) !important; line-height:var(--dg-line-height-base) !important; font-weight: var(--dg-font-weight-bold) !important; }
.dg-policy-grid p,.dg-policy-grid li { margin:0 0 var(--dg-space-3); color:var(--dg-text-muted); font-size: var(--dg-font-body-md) !important; line-height:var(--dg-line-height-base) !important; }
.dg-policy-footer { margin-top:var(--dg-space-8); padding-top:var(--dg-space-6); border-top:1px solid var(--dg-border); color:var(--dg-text-muted); font-size: var(--dg-font-body-sm); }
@media(max-width:38.75rem){
  .dg-auth-shell{width:calc(100% - (var(--dg-content-padding) * 2)) !important;padding:var(--dg-space-5) 0 !important;justify-content:flex-start !important}
  .dg-auth-card{padding:var(--dg-space-5) !important}
  .dg-auth-card h1{font-size: var(--dg-font-heading-xl) !important}
  .dg-policy-hero{padding:var(--dg-space-8) 0 var(--dg-space-6)}
  .dg-policy-grid{grid-template-columns:1fr;gap:var(--dg-space-6);padding-top:var(--dg-space-6)}
  .dg-policy-grid>nav{flex-direction:row;overflow-x:auto;padding-bottom:var(--dg-space-1);scrollbar-width:none}
  .dg-policy-grid>nav a{flex:0 0 auto;white-space:nowrap}
}

/* Shared member mutation progress feedback */
.dg-submit-status{
  flex-basis:100%;width:100%;margin:8px 0 0;color:var(--dg-muted);
  font-size: var(--dg-font-body-sm) !important;font-weight: var(--dg-font-weight-bold) !important;line-height:1.5
}
[data-dg-single-submit][aria-busy="true"] :where(button[type="submit"],input[type="submit"]){cursor:wait !important}


/* Easy-use mode: senior-friendly readable controls and explanations. */
body[class*="dunggeul-"].dunggeul-easy-mode:not(.dunggeul-public-landing) :where(.dg-shell,.dg-auth-shell,.dg-landing-shell){font-size: var(--dg-font-body-lg) !important;line-height:1.75}
body[class*="dunggeul-"].dunggeul-easy-mode:not(.dunggeul-public-landing) :where(.dg-shell,.dg-auth-shell,.dg-landing-shell) :is(p,li,label,summary,a,button,input,select,textarea,td,th){font-size: var(--dg-font-body-lg) !important;line-height:1.65}
body[class*="dunggeul-"].dunggeul-easy-mode:not(.dunggeul-public-landing) :where(.dg-shell,.dg-auth-shell,.dg-landing-shell) :is(small,.dg-help,.dg-meta,.dg-kicker,.dg-badge,.dg-field-help,.dg-note,.dg-type){font-size: var(--dg-font-body-md) !important;line-height:1.65}
body[class*="dunggeul-"].dunggeul-easy-mode:not(.dunggeul-public-landing) :where(input,select,textarea,button,.dg-button,.dg-primary,.dg-auth-primary,.dg-auth-secondary){min-height: var(--dg-control-lg) !important}
body.dunggeul-easy-mode .dg-card-copy{display:block !important}
.dg-mode-switch{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin:0 auto 16px}
.dg-mode-switch a{min-height: var(--dg-control-md);display:inline-flex;align-items:center;padding:8px 14px;border:2px solid var(--dg-border);border-radius: var(--dg-radius-pill);background:var(--dg-surface);color:var(--dg-text);font-weight: var(--dg-font-weight-bold);text-decoration:none}
.dg-mode-switch a[aria-current="true"]{border-color:var(--dg-accent);background:var(--dg-accent-soft);color:var(--dg-accent-hover)}
.dg-usage-mode-form{display:grid;gap:12px}.dg-mode-option{display:flex;gap:12px;align-items:flex-start;padding:16px;border:2px solid var(--dg-border);border-radius: var(--dg-radius-xl);background:var(--dg-surface);cursor:pointer}.dg-mode-option:has(input:checked){border-color:var(--dg-accent);background:var(--dg-accent-soft)}.dg-mode-option input{width:22px;height:22px;margin-top:3px}.dg-mode-option span{display:grid;gap:4px}.dg-mode-option small{color:var(--dg-text-muted)}.dg-mode-saved{padding:12px 14px;border-radius: var(--dg-radius-xl);background:var(--dg-color-success-soft);font-weight: var(--dg-font-weight-bold)}

.dg-easy-step{display:grid;gap:10px;margin:0;padding:0;border:0;min-inline-size:0}.dg-easy-only{display:none}.dg-easy-progress{margin:0 0 14px;padding:10px 14px;border-radius: var(--dg-radius-pill);background:var(--dg-surface-soft);color:var(--dg-text-muted);font-weight: var(--dg-font-weight-bold);text-align:center}.dg-easy-actions{display:flex;gap:10px;margin-top:16px}.dg-easy-actions>*{flex:1}.dunggeul-easy-mode .dg-easy-only{display:block}.dunggeul-easy-mode .dg-easy-step>legend{display:block;width:100%;margin:0 0 10px;padding:0;font-size: var(--dg-font-heading-sm);font-weight: var(--dg-font-weight-bold);color:var(--dg-text)}.dunggeul-easy-mode .dg-easy-explain{display:block;margin:0 0 12px;padding:14px;border-left:5px solid var(--dg-accent);border-radius: var(--dg-radius-md);background:var(--dg-accent-soft);color:var(--dg-text)}.dunggeul-easy-mode [data-dg-easy-step][hidden]{display:none !important}

@media (max-width: 760px) {
  body.dg-has-global-mobile-nav .dg-shell {
    animation: dg-mobile-page-enter .28s cubic-bezier(.2,.8,.2,1) both;
  }

  body.dg-has-global-mobile-nav .dg-global-mobile-topbar {
    border-bottom-color: rgba(67,55,49,.07);
    background: rgba(255,255,255,.90);
    backdrop-filter: blur(20px) saturate(1.14);
    -webkit-backdrop-filter: blur(20px) saturate(1.14);
  }

  body.dg-has-global-mobile-nav :where(input,textarea,select) {
    transition: border-color .18s ease, box-shadow .18s ease, background .18s ease;
  }

  body.dg-has-global-mobile-nav :where(input,textarea,select):focus {
    border-color: rgba(124,28,31,.48) !important;
    box-shadow: 0 0 0 4px rgba(124,28,31,.075) !important;
  }
}

@keyframes dg-mobile-page-enter {
  from { opacity: .72; transform: translateY(8px); }
  to { opacity: 1; transform: translateY(0); }
}

/* Keep page navigation predictable on older devices and embedded browsers. */
@view-transition {
  navigation: none;
}

::view-transition-old(root) {
  animation: .14s ease both dg-view-old;
}

::view-transition-new(root) {
  animation: .20s cubic-bezier(.2,.8,.2,1) both dg-view-new;
}

@keyframes dg-view-old {
  to { opacity: .72; }
}

@keyframes dg-view-new {
  from { opacity: .72; transform: translateY(5px); }
  to { opacity: 1; transform: translateY(0); }
}




/* 2026-09-28 unified member app shell: match the Dunggeul home navigation language */
body.dunggeul-public-home,
body.dunggeul-requests,
body.dunggeul-my-home {
  font-family: var(--dg-font-family) !important;
  font-weight: var(--dg-font-weight-regular) !important;
}

body.dunggeul-public-home :where(h1,h2,h3,h4,strong,b,button,.dg-button,.dg-kicker,.dg-type,.dg-section-heading p,.dg-section-heading>a,.dg-rail-card>a,.dg-rail-label,.dg-badge),
body.dunggeul-requests :where(h1,h2,h3,h4,strong,b,label,button,.dg-primary,.dg-secondary,.dg-text-button,.dg-link,.dg-kicker,.dg-meta a,.dg-compose>summary span,.dg-request-manage summary),
body.dunggeul-my-home :where(h1,h2,h3,h4,strong,b,label,button,.dg-primary,.dg-card-title,.dg-card-meta,.dg-profile-hero-copy strong,.dg-profile-hero-state,.dg-my-status-grid strong,.dg-session-link strong,.dg-account-identity strong),
.dg-global-desktop-bar :where(strong,b),
.dg-global-desktop-sidebar :where(strong,b,a),
.dg-global-mobile-topbar :where(strong,b),
.dg-global-bottom-nav :where(strong,b) {
  font-weight: var(--dg-font-weight-bold) !important;
}

@media (min-width: 761px) {
  .dg-global-desktop-bar {
    position: sticky;
    top: 0;
    z-index: 9998;
    display: block;
    border-bottom: 1px solid var(--dg-border);
    background: rgba(255,255,255,.94);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
  }

  .dg-global-desktop-inner {
    width: min(1400px, calc(100% - 48px));
    height: 72px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    gap: 18px;
  }

  .dg-global-desktop-brand {
    min-height: var(--dg-control-sm);
    display: inline-flex;
    align-items: center;
    color: var(--dg-text-bolder) !important;
    text-decoration: none;
  }

  .dg-global-desktop-trust {
    color: var(--dg-text-muted);
    font-size: var(--dg-font-body-sm) !important;
    font-weight: var(--dg-font-weight-regular) !important;
    white-space: nowrap;
  }

  .dg-global-desktop-actions {
    margin-left: auto;
    display: flex;
    align-items: center;
    gap: 8px;
  }

  .dg-global-desktop-actions .dg-global-desktop-icon {
    position: relative;
    width: var(--dg-control-sm);
    height: var(--dg-control-sm);
    min-height: var(--dg-control-sm);
    padding: 0;
    border: 0;
    border-radius: 50%;
    display: grid;
    place-items: center;
    background: transparent;
    color: var(--dg-text) !important;
    text-decoration: none;
  }

  .dg-global-desktop-actions .dg-global-desktop-icon:hover,
  .dg-global-desktop-actions .dg-global-desktop-icon:focus-visible {
    background: var(--dg-surface-soft);
  }

  .dg-global-desktop-icon > span:first-child {
    width: 22px;
    height: 22px;
    display: block;
    line-height: 0;
  }

  .dg-global-desktop-icon svg {
    width: 100%;
    height: 100%;
    display: block;
  }

  .dg-global-desktop-notifications .dg-global-notification-badge {
    position: absolute;
    top: 1px;
    right: 0;
    border: 2px solid var(--dg-surface);
  }

  .dg-global-desktop-sidebar {
    position: fixed;
    top: 100px;
    left: max(24px, calc(50vw - 700px));
    z-index: 60;
    width: 210px;
    display: block;
  }

  .dg-global-desktop-nav {
    display: grid;
    gap: 5px;
  }

  .dg-global-desktop-nav a {
    min-height: var(--dg-control-md);
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 11px;
    padding: 0 15px;
    border: 0;
    border-radius: var(--dg-radius-xl);
    background: transparent;
    color: var(--dg-text) !important;
    font-size: var(--dg-font-body-md);
    font-weight: var(--dg-font-weight-bold) !important;
    text-decoration: none;
  }

  .dg-global-desktop-nav a.is-current {
    background: var(--dg-accent-soft);
    color: var(--dg-accent) !important;
  }

  .dg-global-desktop-nav a {
    transition: background var(--dg-duration-fast) var(--dg-ease), transform var(--dg-duration-fast) var(--dg-ease);
  }

  .dg-global-desktop-nav a:active {
    transform: scale(.985);
  }

  @media (hover: hover) and (pointer: fine) {
    .dg-global-desktop-nav a:hover {
      background: var(--dg-surface-soft);
    }
  }

  .dg-global-desktop-nav-icon {
    width: 22px;
    height: 22px;
    display: block;
    flex: 0 0 auto;
    line-height: 0;
  }

  .dg-global-desktop-nav-icon svg {
    width: 100%;
    height: 100%;
    display: block;
  }

  .dg-global-desktop-note {
    margin: 24px 12px 0;
    color: var(--dg-color-gray-50);
    font-size: var(--dg-font-body-sm) !important;
    font-weight: var(--dg-font-weight-regular) !important;
    line-height: 1.6;
  }

  body.dg-has-global-desktop-nav {
    background: var(--dg-surface) !important;
  }

  body.dg-has-global-desktop-nav .dg-nav {
    display: none !important;
  }

  body.dunggeul-requests .dg-page-header,
  body.dunggeul-my-home .dg-header {
    border: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
    padding-left: 2px !important;
    padding-right: 2px !important;
  }

  body.dunggeul-requests .dg-card,
  body.dunggeul-my-home .dg-section {
    border-color: var(--dg-border) !important;
    box-shadow: none !important;
  }
}

@media (min-width: 761px) and (max-width: 1120px) {
  .dg-global-desktop-inner {
    width: calc(100% - 36px);
  }

  .dg-global-desktop-sidebar {
    left: 18px;
    width: 190px;
  }

  .dg-global-desktop-brand span {
    display: none;
  }

}

@media (max-width: 760px) {
  body.dunggeul-public-home,
  body.dunggeul-requests,
  body.dunggeul-my-home {
    font-size: var(--dg-font-body-md) !important;
    background: var(--dg-surface) !important;
  }

  .dg-global-bottom-nav {
    --dg-nav-count: 5;
  }

  body.dunggeul-requests .dg-page-header,
  body.dunggeul-my-home .dg-header {
    border: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
    padding-inline: 2px !important;
  }
}



/* Shared member shell: stable primary actions with the Life hub in the center. */
.dg-global-brand-logo {
  display: block;
  width: auto;
  max-width: 100%;
  object-fit: contain;
}
.dg-global-brand-logo--desktop {
  width: 8.25rem;
  height: auto;
}
.dg-global-brand-logo--mobile {
  width: 6.25rem;
  height: auto;
}
.dg-global-bottom-nav {
  --dg-nav-count: 5;
}
.dg-global-bottom-link {
  overflow: hidden;
  padding: .25rem .125rem;
}
.dg-global-bottom-nav b {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media (max-width: 47.5rem) {
  .dg-global-mobile-brand {
    min-width: 0;
    min-height: var(--dg-control-md);
    display: inline-flex;
    align-items: center;
    text-decoration: none;
  }
  .dg-global-mobile-topbar-inner {
    gap: var(--dg-space-3);
  }
}
@media (max-width: 23.5rem) {
  .dg-global-mobile-topbar-inner { padding-inline: 10px; gap: 4px; }
  .dg-global-mobile-actions { gap: 0; }
  .dg-global-mobile-action { width: 36px; height: 44px; flex: none; }
  .dg-global-mobile-brand .dg-global-brand-logo--mobile { width: 94px; }
}

/* Full menu names remain visible; only the icon moves, never the tap target. */
@media (max-width: 47.5rem) {
  body.dg-has-global-mobile-nav .dg-global-bottom-nav[data-dg-nav-count="5"] {
    grid-template-columns: minmax(0,1fr) minmax(0,1.08fr) minmax(96px,1.4fr) minmax(0,1.08fr) minmax(0,1.08fr);
    min-height: 84px;
    overflow: visible;
  }
  .dg-global-bottom-nav b { font-size: var(--dg-font-nav-label); letter-spacing: -.045em; overflow: visible; }
  .dg-global-bottom-link.is-featured { overflow: visible; }
  .dg-global-bottom-link.is-featured.is-current { background: transparent; }
  .dg-global-bottom-link.is-featured.is-current b { background: var(--dg-accent); color: var(--dg-surface); }
}
@media (max-width: 22rem) {
  .dg-global-bottom-nav b { white-space: normal; text-align: center; font-size: var(--dg-font-nav-compact); }
  .dg-global-bottom-nav .dg-global-bottom-link:not(.is-featured) b { max-width: 4em; min-height: 2.3em; }
}
@media (min-width: 47.5625rem) {
  .dg-global-desktop-nav-link.is-featured { border: 1px solid var(--dg-brand-10); background: var(--dg-accent-soft); color: var(--dg-accent); }
  .dg-global-desktop-nav-link.is-featured .dg-global-desktop-nav-icon { display: grid; place-items: center; width: 40px; height: 40px; padding: 9px; box-sizing: border-box; border-radius: 50%; background: var(--dg-accent); color: var(--dg-surface); }
}
@media (prefers-reduced-motion: no-preference) {
  .dg-global-bottom-link.is-featured .dg-nav-icon,
  .dg-global-desktop-nav-link.is-featured .dg-global-desktop-nav-icon {
    animation: dg-life-friendly-bounce 7s 1.5s infinite;
  }
  .dg-global-bottom-link.is-featured:focus-visible .dg-nav-icon,
  .dg-global-desktop-nav-link.is-featured:focus-visible .dg-global-desktop-nav-icon { animation-play-state: paused; }
}
@keyframes dg-life-friendly-bounce {
  0%, 62%, 86%, 100% { transform: translateY(0) scale(1); }
  66% { transform: translateY(-13px) scale(.97,1.04); }
  70% { transform: translateY(0) scale(1.07,.94); }
  74% { transform: translateY(-7px) scale(.98,1.02); }
  78% { transform: translateY(0) scale(1.03,.97); }
  82% { transform: translateY(-3px) scale(1); }
}

/* Shared typography uses semantic regular, bold and display weights. */
body[class*="dunggeul-"]:not(.dunggeul-public-landing) [class*="dg-"] {
  font-family: inherit;
}

body[class*="dunggeul-"]:not(.dunggeul-public-landing) :where(
  h1,h2,h3,h4,h5,h6,strong,b,label,summary,button,
  input[type="button"],input[type="submit"],
  .dg-kicker,.dg-type,.dg-badge,.dg-status,
  .dg-primary,.dg-secondary,.dg-button,.dg-text-button,
  .dg-global-desktop-brand,.dg-global-desktop-nav,
  .dg-global-mobile-brand,.dg-global-bottom-link
) {
  font-weight: var(--dg-font-weight-bold) !important;
}

body[class*="dunggeul-"]:not(.dunggeul-public-landing) :where(
  p,li,dt,dd,small,input:not([type="button"]):not([type="submit"]),textarea,select,option
) {
  font-weight: var(--dg-font-weight-regular) !important;
}

/* Shared Dunggeul member components. */
body[class*="dunggeul-"]:not(.dunggeul-public-landing),
body.woocommerce {
  margin: 0 !important;
  background: var(--dg-member-bg) !important;
  color: var(--dg-text) !important;
  font-family: var(--dg-font-family) !important;
  font-size: var(--dg-font-body-md) !important;
  font-weight: var(--dg-font-weight-regular) !important;
  line-height: var(--dg-line-height-base) !important;
  letter-spacing: -.015em;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}

body[class*="dunggeul-"]:not(.dunggeul-public-landing) *,
body[class*="dunggeul-"]:not(.dunggeul-public-landing) *::before,
body[class*="dunggeul-"]:not(.dunggeul-public-landing) *::after {
  box-sizing: border-box;
}

body[class*="dunggeul-"]:not(.dunggeul-public-landing) :where(p,li,dt,dd,input,textarea,select,option) {
  font-size: var(--dg-font-body-md) !important;
  font-weight: var(--dg-font-weight-regular) !important;
  line-height: var(--dg-line-height-base) !important;
}

body[class*="dunggeul-"]:not(.dunggeul-public-landing) :where(label,.dg-form-label) {
  font-size: var(--dg-font-body-sm) !important;
  font-weight: var(--dg-font-weight-bold) !important;
  line-height: var(--dg-line-height-base) !important;
}

body[class*="dunggeul-"]:not(.dunggeul-public-landing) :where(small,time,.dg-help,.dg-field-help,.dg-meta,.dg-type,.dg-kicker,.dg-muted) {
  font-size: var(--dg-font-body-sm) !important;
  line-height: var(--dg-line-height-base) !important;
}
body[class*="dunggeul-"]:not(.dunggeul-public-landing) .dg-muted {
  color: var(--dg-text-muted) !important;
}
body[class*="dunggeul-"]:not(.dunggeul-public-landing) :where(.dg-help,.dg-field-help) {
  color: var(--dg-text-muted) !important;
}
body[class*="dunggeul-"]:not(.dunggeul-public-landing) .dg-optional {
  color: var(--dg-text-muted);
  font-size: var(--dg-font-body-sm);
  font-weight: var(--dg-font-weight-regular) !important;
}
body[class*="dunggeul-"]:not(.dunggeul-public-landing) .dg-readonly-note {
  padding: var(--dg-space-2) var(--dg-space-3);
  border-radius: var(--dg-radius-md);
  background: var(--dg-color-warning-soft);
  color: var(--dg-color-warning);
}
body[class*="dunggeul-"]:not(.dunggeul-public-landing) .dg-help--counter {
  display: flex;
  justify-content: space-between;
  gap: var(--dg-space-3);
  align-items: baseline;
}
body[class*="dunggeul-"]:not(.dunggeul-public-landing) .dg-char-count {
  justify-self: end;
  color: var(--dg-text-muted) !important;
  font-size: var(--dg-font-body-sm) !important;
  font-weight: var(--dg-font-weight-bold) !important;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}
body[class*="dunggeul-"]:not(.dunggeul-public-landing) .dg-text-link {
  display: inline-flex;
  min-height: var(--dg-control-md);
  align-items: center;
  color: var(--dg-accent-hover);
  font-weight: var(--dg-font-weight-bold) !important;
  text-underline-offset: 3px;
}
body[class*="dunggeul-"]:not(.dunggeul-public-landing) .dg-back-link {
  display: inline-flex;
  min-height: var(--dg-control-md);
  align-items: center;
  color: var(--dg-text);
  font-weight: var(--dg-font-weight-bold) !important;
  text-decoration: none;
}

body[class*="dunggeul-"]:not(.dunggeul-public-landing) :where(
  h1,h2,h3,h4,h5,h6,strong,b,summary,button,
  input[type="button"],input[type="submit"],
  .dg-primary,.dg-secondary,.dg-button,.dg-text-button,.dg-link,
  .dg-card-title,.dg-badge,.dg-status,.dg-kicker,.dg-type
) {
  font-weight: var(--dg-font-weight-bold) !important;
}

body[class*="dunggeul-"]:not(.dunggeul-public-landing) :where(h1) {
  margin-top: 0;
  font-size: var(--dg-font-heading-xl) !important;
  font-weight: var(--dg-font-weight-display) !important;
  line-height: 1.35 !important;
  letter-spacing: -.035em;
}

body[class*="dunggeul-"]:not(.dunggeul-public-landing) :where(.dg-price-box strong,.dg-groupbuy-price strong,.dg-p2p-price) {
  font-weight: var(--dg-font-weight-display) !important;
  font-variant-numeric: tabular-nums;
}

body[class*="dunggeul-"]:not(.dunggeul-public-landing) :where(.dg-section h2,.dg-card h2,.dg-list>h2,.dg-section-heading h2) {
  font-size: var(--dg-font-heading-lg) !important;
  line-height: 1.4 !important;
  letter-spacing: -.025em;
}

body[class*="dunggeul-"]:not(.dunggeul-public-landing) :where(.dg-card h3,.dg-card-title) {
  font-size: var(--dg-font-heading-md) !important;
  line-height: 1.45 !important;
  letter-spacing: -.02em;
}

body[class*="dunggeul-"]:not(.dunggeul-public-landing) .dg-shell {
  width: min(calc(100% - (var(--dg-content-padding) * 2)), var(--dg-content)) !important;
  max-width: var(--dg-content) !important;
  margin-inline: auto !important;
  padding: var(--dg-space-7) 0 var(--dg-space-10) !important;
  box-sizing: border-box !important;
  font-family: var(--dg-font-family) !important;
  font-size: var(--dg-font-body-md) !important;
  line-height: var(--dg-line-height-base) !important;
}

body[class*="dunggeul-"]:not(.dunggeul-public-landing) .dg-skip {
  position: absolute !important;
  left: var(--dg-space-3) !important;
  top: -6rem !important;
  z-index: 10000;
  min-height: var(--dg-control-md);
  display: inline-flex;
  align-items: center;
  padding: 0 var(--dg-space-4);
  border-radius: var(--dg-radius-md);
  background: var(--dg-text-bolder);
  color: var(--dg-surface) !important;
  text-decoration: none;
}
body[class*="dunggeul-"]:not(.dunggeul-public-landing) .dg-skip:focus { top: var(--dg-space-3) !important; }

body[class*="dunggeul-"]:not(.dunggeul-public-landing) .dg-nav {
  display: flex;
  flex-wrap: wrap;
  gap: var(--dg-space-2);
  margin: 0 0 var(--dg-space-5);
}
body[class*="dunggeul-"]:not(.dunggeul-public-landing) .dg-nav a {
  min-height: var(--dg-control-md) !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 var(--dg-space-4);
  border: 1px solid transparent;
  border-radius: var(--dg-radius-md);
  background: var(--dg-surface) !important;
  color: var(--dg-text) !important;
  font-size: var(--dg-font-body-sm) !important;
  text-decoration: none;
}
body[class*="dunggeul-"]:not(.dunggeul-public-landing) .dg-nav a[aria-current="page"] {
  border-color: transparent;
  background: var(--dg-accent-soft) !important;
  color: var(--dg-accent) !important;
}

body[class*="dunggeul-"]:not(.dunggeul-public-landing) :where(.dg-header,.dg-page-header) {
  margin: 0 0 var(--dg-space-5) !important;
  box-shadow: none !important;
}
body[class*="dunggeul-"]:not(.dunggeul-public-landing) :where(.dg-kicker,.dg-type) {
  margin-top: 0;
  color: var(--dg-accent) !important;
}
body[class*="dunggeul-"]:not(.dunggeul-public-landing) .dg-card {
  padding: var(--dg-space-6) !important;
  border: 1px solid var(--dg-border) !important;
  border-radius: var(--dg-radius-xl) !important;
  background: var(--dg-surface) !important;
  box-shadow: var(--dg-shadow-card);
}
body[class*="dunggeul-"]:not(.dunggeul-public-landing) .dg-card[id] {
  scroll-margin-top: calc(var(--dg-space-10) + var(--dg-space-7));
}
body[class*="dunggeul-"]:not(.dunggeul-public-landing) .dg-card[id]:target {
  border-color: var(--dg-accent) !important;
  box-shadow: var(--dg-focus-ring) !important;
}
body[class*="dunggeul-"]:not(.dunggeul-public-landing) .dg-avatar--fallback {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: var(--dg-surface-soft);
  color: var(--dg-text);
  font-weight: var(--dg-font-weight-bold);
}
body[class*="dunggeul-"]:not(.dunggeul-public-landing) .dg-person {
  display: flex;
  align-items: center;
  gap: var(--dg-space-4);
}
body[class*="dunggeul-"]:not(.dunggeul-public-landing) .dg-person :where(h3,p) {
  margin: 0;
}
body[class*="dunggeul-"]:not(.dunggeul-public-landing) .dg-person small {
  color: var(--dg-text-muted);
}
body[class*="dunggeul-"]:not(.dunggeul-public-landing) .dg-avatar {
  border-radius: var(--dg-radius-pill);
  object-fit: cover;
  flex: 0 0 auto;
  border: 1px solid var(--dg-border);
}
body[class*="dunggeul-"]:not(.dunggeul-public-landing) .dg-person .dg-avatar {
  width: 4rem;
  height: 4rem;
}
@media (max-width: 38.75rem) {
  body[class*="dunggeul-"]:not(.dunggeul-public-landing) .dg-person {
    align-items: flex-start;
  }
}
body[class*="dunggeul-"]:not(.dunggeul-public-landing) .dg-list {
  display: grid;
  gap: var(--dg-space-4);
}
body[class*="dunggeul-"]:not(.dunggeul-public-landing) .dg-list > h2 {
  margin: 0;
}
body[class*="dunggeul-"]:not(.dunggeul-public-landing) .dg-list-head {
  display: flex;
  justify-content: space-between;
  gap: var(--dg-space-4);
  align-items: end;
}
body[class*="dunggeul-"]:not(.dunggeul-public-landing) .dg-list-head :where(h2,p) {
  margin: 0;
}
body[class*="dunggeul-"]:not(.dunggeul-public-landing) .dg-list-head p {
  color: var(--dg-text-muted);
}
@media (max-width: 38.75rem) {
  body[class*="dunggeul-"]:not(.dunggeul-public-landing) .dg-list-head {
    display: block;
  }
}
body[class*="dunggeul-"]:not(.dunggeul-public-landing) .dg-page-header p {
  margin: var(--dg-space-2) 0 0;
}
body[class*="dunggeul-"]:not(.dunggeul-public-landing) .dg-center p {
  margin: var(--dg-space-3) 0 var(--dg-space-5);
}
body[class*="dunggeul-"]:not(.dunggeul-public-landing) .dg-feed {
  display: grid;
  gap: var(--dg-space-4);
}
body[class*="dunggeul-"]:not(.dunggeul-public-landing) .dg-pagination {
  display: flex;
  justify-content: center;
  margin-top: var(--dg-space-5);
}
body[class*="dunggeul-"]:not(.dunggeul-public-landing) .dg-history-head {
  display: flex;
  justify-content: space-between;
  gap: var(--dg-space-3);
}
body[class*="dunggeul-"]:not(.dunggeul-public-landing) .dg-review-box {
  margin-top: var(--dg-space-4);
  padding-top: var(--dg-space-4);
  border-top: 1px solid var(--dg-border);
}
@media (max-width: 38.75rem) {
  body[class*="dunggeul-"]:not(.dunggeul-public-landing) .dg-history-head {
    display: block;
  }
}
body[class*="dunggeul-"]:not(.dunggeul-public-landing) .dg-empty { text-align: center; }
body[class*="dunggeul-"]:not(.dunggeul-public-landing) details > summary {
  list-style: none;
}
body[class*="dunggeul-"]:not(.dunggeul-public-landing) details > summary::-webkit-details-marker {
  display: none;
}
body[class*="dunggeul-"]:not(.dunggeul-public-landing) .dg-confirm-trigger {
  display: inline-flex;
  min-height: var(--dg-control-md);
  align-items: center;
  justify-content: center;
  padding: var(--dg-space-2) var(--dg-space-4);
  border: 2px solid var(--dg-accent);
  border-radius: var(--dg-radius-xl);
  background: var(--dg-surface);
  color: var(--dg-accent);
  font-weight: var(--dg-font-weight-bold) !important;
  cursor: pointer;
}
body[class*="dunggeul-"]:not(.dunggeul-public-landing) .dg-confirm-trigger--large {
  min-height: var(--dg-control-lg);
}
body[class*="dunggeul-"]:not(.dunggeul-public-landing) .dg-confirm-trigger--compact {
  padding-inline: var(--dg-space-3);
}
body[class*="dunggeul-"]:not(.dunggeul-public-landing) .dg-confirm-trigger--block {
  display: flex;
  width: 100%;
}
body[class*="dunggeul-"]:not(.dunggeul-public-landing) .dg-confirm-trigger--danger {
  border-color: var(--dg-color-danger);
  color: var(--dg-accent-hover);
}
body[class*="dunggeul-"]:not(.dunggeul-public-landing) .dg-confirm-body {
  margin-top: var(--dg-space-2);
  padding: var(--dg-space-3);
  border: 1px solid var(--dg-border);
  border-radius: var(--dg-radius-xl);
  background: var(--dg-surface-soft);
}
body[class*="dunggeul-"]:not(.dunggeul-public-landing) .dg-confirm-panel {
  padding: var(--dg-space-3);
  border: 1px solid var(--dg-danger-panel-border);
  border-radius: var(--dg-radius-xl);
  background: var(--dg-danger-panel-bg);
}
body[class*="dunggeul-"]:not(.dunggeul-public-landing) :where(.dg-empty-actions,.dg-actions) {
  display: flex;
  flex-wrap: wrap;
  gap: var(--dg-space-3);
  align-items: center;
  margin-top: var(--dg-space-4);
}
body[class*="dunggeul-"]:not(.dunggeul-public-landing) .dg-inline-form {
  display: flex;
  flex-wrap: wrap;
  gap: var(--dg-space-2);
}
body[class*="dunggeul-"]:not(.dunggeul-public-landing) .dg-center {
  text-align: center;
}
body[class*="dunggeul-"]:not(.dunggeul-public-landing) .dg-card-head {
  display: flex;
  justify-content: space-between;
  gap: var(--dg-space-3);
}
body[class*="dunggeul-"]:not(.dunggeul-public-landing) .dg-message {
  border-radius: var(--dg-radius-xl);
  background: var(--dg-surface-soft);
}
:where(body[class*="dunggeul-"]:not(.dunggeul-public-landing)) :where(.dg-main-image,.dg-post-image) {
  display: block;
  width: 100%;
  height: auto;
  max-height: 640px;
  object-fit: cover;
  border-radius: var(--dg-radius-xl);
  margin-top: var(--dg-space-4);
}
:where(body[class*="dunggeul-"]:not(.dunggeul-public-landing)) :where(.dg-footer,.dg-post-footer) {
  display: flex;
  justify-content: space-between;
  gap: var(--dg-space-3);
  align-items: center;
  margin-top: var(--dg-space-4);
  padding-top: var(--dg-space-3);
  border-top: 1px solid var(--dg-border);
  color: var(--dg-text-muted);
  font-size: var(--dg-font-body-sm);
}
:where(body[class*="dunggeul-"]:not(.dunggeul-public-landing)) :where(.dg-footer,.dg-post-footer) a {
  font-weight: var(--dg-font-weight-bold) !important;
}
@media (max-width: 35rem) {
  :where(body[class*="dunggeul-"]:not(.dunggeul-public-landing)) :where(.dg-footer,.dg-post-footer) {
    align-items: flex-start;
    flex-direction: column;
  }
}
body[class*="dunggeul-"]:not(.dunggeul-public-landing) .dg-section-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--dg-space-3);
}
body[class*="dunggeul-"]:not(.dunggeul-public-landing) .dg-review-form {
  display: grid;
  gap: var(--dg-space-3);
}
body[class*="dunggeul-"]:not(.dunggeul-public-landing) .dg-status {
  white-space: nowrap;
}
body[class*="dunggeul-"]:not(.dunggeul-public-landing) .dg-facts--two-column {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--dg-space-2) var(--dg-space-4);
}
body[class*="dunggeul-"]:not(.dunggeul-public-landing) .dg-facts--two-column > div {
  display: flex;
  justify-content: space-between;
  gap: var(--dg-space-2);
}
body[class*="dunggeul-"]:not(.dunggeul-public-landing) .dg-facts--two-column dt {
  font-weight: var(--dg-font-weight-bold) !important;
}
body[class*="dunggeul-"]:not(.dunggeul-public-landing) .dg-facts--two-column dd {
  margin: 0;
}
@media (max-width: 38.75rem) {
  body[class*="dunggeul-"]:not(.dunggeul-public-landing) .dg-facts--two-column {
    grid-template-columns: 1fr;
  }
}

body[class*="dunggeul-"]:not(.dunggeul-public-landing) :where(.dg-primary,.dg-secondary,.dg-button,.dg-text-button,button) {
  min-height: var(--dg-control-md) !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  padding: 0 var(--dg-space-5);
  border-radius: var(--dg-radius-md) !important;
  font-family: inherit;
  font-size: var(--dg-font-body-md) !important;
  line-height: 1.2;
  text-align: center;
  text-decoration: none !important;
  font-weight: var(--dg-font-weight-bold);
  transition: background-color var(--dg-duration-fast) var(--dg-ease), border-color var(--dg-duration-fast) var(--dg-ease), transform var(--dg-duration-fast) var(--dg-ease);
}
body[class*="dunggeul-"]:not(.dunggeul-public-landing) :where(.dg-primary,.dg-danger,.dg-secondary-link,.dg-button,.dg-link-button):disabled {
  opacity: .62;
  cursor: wait;
}
body[class*="dunggeul-"]:not(.dunggeul-public-landing) :where(.dg-primary,.dg-button:not(.dg-button--secondary)) {
  border: 1px solid var(--dg-accent) !important;
  background: var(--dg-accent) !important;
  color: var(--dg-surface) !important;
}
body[class*="dunggeul-"]:not(.dunggeul-public-landing) :where(.dg-primary,.dg-button:not(.dg-button--secondary)):hover {
  border-color: var(--dg-accent-hover) !important;
  background: var(--dg-accent-hover) !important;
}
body[class*="dunggeul-"]:not(.dunggeul-public-landing) :where(.dg-secondary,.dg-button--secondary,.dg-text-button,.dg-secondary-link,.dg-link-button) {
  border: 1px solid var(--dg-border);
  background: var(--dg-surface) !important;
  color: var(--dg-text) !important;
}

body[class*="dunggeul-"]:not(.dunggeul-public-landing) :where(input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),textarea,select) {
  width: 100%;
  min-height: var(--dg-control-md) !important;
  padding: .8125rem var(--dg-space-4);
  border: 1px solid var(--dg-border-strong) !important;
  border-radius: var(--dg-radius-md) !important;
  background: var(--dg-surface) !important;
  color: var(--dg-text);
  font-family: inherit;
  font-size: var(--dg-font-body-md) !important;
  font-weight: var(--dg-font-weight-regular) !important;
  line-height: var(--dg-line-height-base) !important;
}
body[class*="dunggeul-"]:not(.dunggeul-public-landing) textarea {
  min-height: 7.5rem !important;
  resize: vertical;
}
body[class*="dunggeul-"]:not(.dunggeul-public-landing) :where(input,textarea,select)::placeholder {
  color: var(--dg-color-gray-50);
  opacity: 1;
}

body[class*="dunggeul-"]:not(.dunggeul-public-landing) :where(a,button,input,textarea,select,summary):focus-visible,
.dg-workflow-shell :where(a,button,input,textarea,select,summary):focus-visible {
  outline: .125rem solid var(--dg-accent);
  outline-offset: 2px;
  box-shadow: var(--dg-focus-ring) !important;
}
body[class*="dunggeul-"]:not(.dunggeul-public-landing) :where(input,textarea,select):focus {
  border-color: var(--dg-accent) !important;
}

/* Shared member badge geometry; individual pages retain semantic treatments. */
body[class*="dunggeul-"]:not(.dunggeul-public-landing) :where(.dg-badge) {
  display: inline-flex;
  align-items: center;
  min-height: var(--dg-control-sm);
  padding: var(--dg-space-1) var(--dg-space-2);
  border-radius: var(--dg-radius-pill);
  font-size: var(--dg-font-body-sm);
  font-weight: var(--dg-font-weight-bold);
}

body[class*="dunggeul-"]:not(.dunggeul-public-landing) :where(.dg-badge,.dg-notice,.dg-success) {
  border-color: var(--dg-brand-10) !important;
  background: var(--dg-accent-soft) !important;
  color: var(--dg-brand-70) !important;
}
body[class*="dunggeul-"]:not(.dunggeul-public-landing) .dg-notice {
  margin: 0 0 var(--dg-space-4);
  padding: var(--dg-space-3) var(--dg-space-4);
  border: 1px solid var(--dg-brand-10) !important;
  border-radius: var(--dg-radius-md) !important;
}
body[class*="dunggeul-"]:not(.dunggeul-public-landing) .dg-notice.dg-notice--success {
  border-color: var(--dg-color-success) !important;
  background: var(--dg-color-success-soft) !important;
  color: var(--dg-color-success) !important;
}
body[class*="dunggeul-"]:not(.dunggeul-public-landing) .dg-notice.dg-notice--error {
  border-color: var(--dg-color-danger) !important;
  background: var(--dg-color-danger-soft) !important;
  color: var(--dg-brand-70) !important;
}
body[class*="dunggeul-"]:not(.dunggeul-public-landing) .dg-workspace-notice {
  margin-top: var(--dg-space-3);
  padding: var(--dg-space-3) var(--dg-space-4);
  border: 1px solid var(--dg-color-success-soft);
  border-radius: var(--dg-radius-xl);
  background: var(--dg-color-success-soft);
}
body[class*="dunggeul-"]:not(.dunggeul-public-landing) .dg-workspace-notice.is-error {
  border-color: var(--dg-danger-panel-border);
  background: var(--dg-color-danger-soft);
}

body[class*="dunggeul-"]:not(.dunggeul-public-landing) .dg-back {
  min-height: var(--dg-control-md);
  display: inline-flex;
  align-items: center;
  gap: var(--dg-space-2);
  color: var(--dg-text) !important;
  font-size: var(--dg-font-body-sm) !important;
  text-decoration: none;
  -webkit-tap-highlight-color: transparent;
}
body[class*="dunggeul-"]:not(.dunggeul-public-landing) .dg-back::before {
  width: .5625rem;
  height: .5625rem;
  flex: 0 0 auto;
  border-left: .125rem solid currentColor;
  border-bottom: .125rem solid currentColor;
  content: "";
  transform: rotate(45deg);
}

@media (max-width: 47.5rem) {
  body[class*="dunggeul-"]:not(.dunggeul-public-landing),
  body.woocommerce {
    font-size: var(--dg-font-body-md) !important;
  }
  body[class*="dunggeul-"]:not(.dunggeul-public-landing) .dg-shell {
    width: calc(100% - (var(--dg-content-padding) * 2)) !important;
    padding-top: var(--dg-space-5) !important;
    padding-bottom: calc(5.75rem + env(safe-area-inset-bottom)) !important;
  }
  body[class*="dunggeul-"]:not(.dunggeul-public-landing) :where(.dg-page-header h1,.dg-header h1,.dg-card h1,.dg-center h1,.dg-home-intro h1) {
    font-size: var(--dg-font-heading-xl) !important;
  }
  body[class*="dunggeul-"]:not(.dunggeul-public-landing) :where(.dg-section h2,.dg-card h2,.dg-list>h2,.dg-section-heading h2) {
    font-size: var(--dg-font-heading-lg) !important;
  }
  body[class*="dunggeul-"]:not(.dunggeul-public-landing) :where(.dg-empty-actions,.dg-actions) {
    display: grid;
    width: 100%;
  }
  body[class*="dunggeul-"]:not(.dunggeul-public-landing) :where(.dg-empty-actions,.dg-actions) > * { min-width: 0; }
}

/* 2026-09-30 canonical member desktop frame: header, sidebar and page content share one grid. */
@media (min-width: 47.5625rem) {
  .dg-global-desktop-inner {
    width: min(var(--dg-app-frame), calc(100% - (var(--dg-content-padding) * 2))) !important;
  }
  .dg-global-desktop-sidebar {
    left: max(var(--dg-content-padding), calc(50vw - (var(--dg-app-frame) / 2))) !important;
    width: var(--dg-app-sidebar) !important;
  }
  body[class*="dunggeul-"].dg-has-global-desktop-nav:not(.dunggeul-public-landing) .dg-shell {
    width: min(var(--dg-app-main), calc(100vw - var(--dg-app-sidebar) - var(--dg-app-gutter) - (var(--dg-content-padding) * 2))) !important;
    max-width: var(--dg-app-main) !important;
    margin-left: max(
      calc(var(--dg-content-padding) + var(--dg-app-sidebar) + var(--dg-app-gutter)),
      calc(50vw - (var(--dg-app-frame) / 2) + var(--dg-app-sidebar) + var(--dg-app-gutter))
    ) !important;
    margin-right: auto !important;
  }
  body[class*="dunggeul-"].dg-has-global-desktop-nav:not(.dunggeul-public-landing) .dg-member-frame {
    width: min(var(--dg-app-main), calc(100vw - var(--dg-app-sidebar) - var(--dg-app-gutter) - (var(--dg-content-padding) * 2))) !important;
    max-width: var(--dg-app-main) !important;
    margin-left: max(
      calc(var(--dg-content-padding) + var(--dg-app-sidebar) + var(--dg-app-gutter)),
      calc(50vw - (var(--dg-app-frame) / 2) + var(--dg-app-sidebar) + var(--dg-app-gutter))
    ) !important;
    margin-right: auto !important;
  }
  .dg-member-frame--rail {
    display: grid;
    grid-template-columns: minmax(0, 1fr) var(--dg-app-rail);
    gap: var(--dg-app-column-gap);
    align-items: start;
  }
  .dg-member-frame-main,
  .dg-member-frame-rail {
    min-width: 0;
  }
  .dg-member-frame-rail {
    position: sticky;
    top: 6.25rem;
    display: grid;
    gap: var(--dg-space-3);
    padding-top: var(--dg-space-6);
  }
}

@media (min-width: 47.5625rem) and (max-width: 70rem) {
  .dg-global-desktop-sidebar {
    width: var(--dg-app-sidebar-compact) !important;
  }
  body[class*="dunggeul-"].dg-has-global-desktop-nav:not(.dunggeul-public-landing) .dg-shell,
  body[class*="dunggeul-"].dg-has-global-desktop-nav:not(.dunggeul-public-landing) .dg-member-frame {
    width: calc(100vw - var(--dg-app-sidebar-compact) - var(--dg-app-gutter-compact) - (var(--dg-content-padding) * 2)) !important;
    margin-left: calc(var(--dg-content-padding) + var(--dg-app-sidebar-compact) + var(--dg-app-gutter-compact)) !important;
  }
  .dg-member-frame--rail {
    display: block;
  }
  .dg-member-frame-rail {
    display: none;
  }
}
@media (max-width: 47.5rem) {
  .dg-member-frame {
    width: 100%;
    max-width: none;
    margin: 0;
  }
  .dg-member-frame--rail {
    display: block;
  }
  .dg-member-frame-rail {
    display: none;
  }
}
/* Canonical member content system. Page CSS owns feature internals, never global rhythm. */
body[class*="dunggeul-"]:not(.dunggeul-public-landing) .dg-shell > :where(.dg-header,.dg-page-header,.dg-card,.dg-section,.dg-form,.dg-list) + :where(.dg-header,.dg-page-header,.dg-card,.dg-section,.dg-form,.dg-list) {
  margin-top: var(--dg-page-gap) !important;
}
body[class*="dunggeul-"]:not(.dunggeul-public-landing) :where(.dg-card,.dg-section) {
  box-sizing: border-box !important;
  padding: var(--dg-panel-padding) !important;
  border: 1px solid var(--dg-border) !important;
  border-radius: var(--dg-radius-xl) !important;
  background: var(--dg-surface) !important;
  box-shadow: var(--dg-shadow-card) !important;
}
body[class*="dunggeul-"]:not(.dunggeul-public-landing) :where(.dg-header,.dg-page-header) {
  margin-bottom: var(--dg-page-gap) !important;
  padding: var(--dg-space-2) 0 var(--dg-space-3);
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
body[class*="dunggeul-"]:not(.dunggeul-public-landing) :where(.dg-header,.dg-page-header) :where(h1,p):last-child { margin-bottom: 0 !important; }
body[class*="dunggeul-"]:not(.dunggeul-public-landing) :where(.dg-section,.dg-card) > :where(h2,h3):first-child { margin-top: 0 !important; }
body[class*="dunggeul-"]:not(.dunggeul-public-landing) .dg-form { display: grid !important; gap: var(--dg-space-4) !important; }
@media (max-width: 47.5rem) {
  body[class*="dunggeul-"]:not(.dunggeul-public-landing) :where(.dg-card,.dg-section) {
    padding: var(--dg-panel-padding-mobile) !important;
  }
}


/* Semantic seller product details: one shared layout in seller preview, group-buy and Woo pages. */
.dg-product-detail{display:grid;gap:clamp(24px,4vw,44px);width:100%;max-width:100%;min-width:0;color:var(--dg-text);font-size:var(--dg-font-body-md);line-height:1.8;overflow-wrap:anywhere}
.dg-product-detail figure{min-width:0;margin:0}.dg-product-detail img{display:block;width:100%;max-width:100%;height:auto}.dg-product-detail figcaption{margin-top:var(--dg-space-2);color:var(--dg-text-muted);font-size:var(--dg-font-body-sm);text-align:center}
.dg-product-detail__intro{padding:clamp(20px,4vw,36px);border-radius:var(--dg-radius-xl);background:var(--dg-surface-soft)}
.dg-product-detail__intro p{margin:0;font-size:var(--dg-font-heading-sm);font-weight:var(--dg-font-weight-regular);line-height:1.65}
.dg-product-detail__section{display:grid;gap:14px;min-width:0}
.dg-product-detail__section h2{margin:0;font-size:var(--dg-font-heading-md);line-height:1.35;font-weight:var(--dg-font-weight-bold);letter-spacing:-.025em}
.dg-product-detail__section h3{margin:0;font-size:var(--dg-font-heading-sm);line-height:1.4;font-weight:var(--dg-font-weight-bold)}
.dg-product-detail__section p,.dg-product-detail__section ul,.dg-product-detail__section ol{margin:0}
.dg-product-detail__section ul,.dg-product-detail__section ol{padding-inline-start:1.4em}
.dg-product-detail__section li+li{margin-top:8px}
.dg-product-detail__facts{padding:clamp(20px,3.5vw,32px);background:var(--dg-surface-soft);border-radius:var(--dg-radius-xl)}
.dg-product-detail__facts dl{display:grid;gap:0;margin:0}
.dg-product-detail__facts dl>div{display:grid;grid-template-columns:minmax(110px,.3fr) minmax(0,1fr);gap:16px;padding:14px 0;border-bottom:1px solid var(--dg-border)}
.dg-product-detail__facts dl>div:last-child{border-bottom:0}
.dg-product-detail__facts dt{font-weight:var(--dg-font-weight-bold)}
.dg-product-detail__facts dd{margin:0;min-width:0}
@media(max-width:600px){.dg-product-detail__facts dl>div{grid-template-columns:1fr;gap:4px}.dg-product-detail__section{gap:10px}}

/* Universal senior-first baseline: all services, including saved normal layout. */
body[class*="dunggeul-"] { font-family:var(--dg-font-family); font-size:var(--dg-font-body-md); line-height:1.65; }
body[class*="dunggeul-"] :where(main, .dg-shell, .dg-auth-shell, .dg-life-shell, .dg-sc-shell) { overflow-wrap:anywhere; }
body[class*="dunggeul-"] :where(input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]), select, textarea, button, summary, .dg-button, .dg-primary, .dg-secondary) { min-block-size:var(--dg-control-md); font:inherit; max-inline-size:100%; }
body[class*="dunggeul-"] :where(input[type="checkbox"],input[type="radio"]) { inline-size:1.5rem; block-size:1.5rem; flex-shrink:0; }
body[class*="dunggeul-"] :where(label:has(input[type="checkbox"]),label:has(input[type="radio"])) { min-block-size:var(--dg-control-md); align-content:center; cursor:pointer; }
body[class*="dunggeul-"] :where(a,button,input,select,textarea,summary):focus-visible { outline:3px solid var(--dg-accent); outline-offset:3px; }
/* The visible face of an icon radio chip receives the same shared keyboard focus. */
body[class*="dunggeul-"] .dg-news-topic-option input:focus-visible+span { outline:3px solid var(--dg-accent); outline-offset:3px; box-shadow:var(--dg-focus-ring); }
body.dg-reduced-motion :where(.dg-stamp-art,.dg-profile-item-image img,.dg-news-topic-option>span) { transition:none !important; transform:none !important; }
.dg-friend-status{display:inline-flex;align-items:center;gap:var(--dg-space-2);padding:var(--dg-space-3) var(--dg-space-4);min-height:var(--dg-control-md);border-radius:var(--dg-radius-pill);background:var(--dg-color-success-soft);color:var(--dg-color-success);font-weight:var(--dg-font-weight-bold)}
.dg-friend-status--pending{background:var(--dg-color-warning-soft);color:var(--dg-color-warning)}
.dg-friend-message{flex-basis:100%;font-weight:var(--dg-font-weight-bold)}
.dg-service-guide { margin-block:var(--dg-space-4); max-inline-size:100%; color:var(--dg-text); font-size:var(--dg-font-body-md); }
.dg-service-guide details { border-block:1px solid var(--dg-border); padding-block:var(--dg-space-2); }
.dg-service-guide summary { padding-block:var(--dg-space-2); font-weight:var(--dg-font-weight-bold); cursor:pointer; }
.dg-service-guide summary span { display:inline-block; font-weight:var(--dg-font-weight-regular); color:var(--dg-text-muted); margin-inline-start:var(--dg-space-2); }
.dg-service-guide ol { margin-block:var(--dg-space-4); padding-inline-start:1.7em; }
.dg-service-guide li { margin-block:var(--dg-space-3); line-height:1.7; }
.dg-service-guide [data-dg-guide-status]:empty { display:none; }
body[class*="dunggeul-"] [hidden] { display:none !important; }


.dg-writing-assistant { margin-block:var(--dg-space-3); display:flex; gap:var(--dg-space-3); flex-wrap:wrap; align-items:start; }
.dg-writing-assistant>p,.dg-writing-assistant>blockquote { flex-basis:100%; margin-block:0; }
.dg-writing-assistant>blockquote { margin-inline:0; padding:var(--dg-space-4); border-inline-start:3px solid var(--dg-border-strong); background:var(--dg-surface-soft); white-space:pre-wrap; }
.dg-writing-assistant>button { min-height:var(--dg-control-md); }
.dg-writing-assistant .dg-ai-data-notice { flex-basis:100%; }
.dg-writing-assistant .dg-ai-data-notice>summary { display:flex; align-items:center; min-height:var(--dg-control-md); font-size:var(--dg-font-body-md); color:var(--dg-text); }
.dg-writing-title-row { display:flex; align-items:flex-end; flex-wrap:wrap; gap:var(--dg-space-3); }
.dg-writing-title-row>label { flex:1 1 14rem; min-width:0; }
.dg-writing-title-row>button { flex:0 0 auto; min-height:var(--dg-control-lg); }
.dg-search-scopes { display:flex; flex-wrap:wrap; gap:var(--dg-space-2); margin-top:var(--dg-space-4); }
.dg-search-scopes>a { display:inline-flex; align-items:center; justify-content:center; min-height:var(--dg-control-md); padding:var(--dg-space-2) var(--dg-space-4); border:1px solid var(--dg-border); border-radius:var(--dg-radius-pill); background:var(--dg-surface); color:var(--dg-text); font-weight:var(--dg-font-weight-bold); text-decoration:none; }
.dg-search-scopes>a.is-current { color:var(--dg-surface); background:var(--dg-accent); border-color:var(--dg-accent); }
.dg-voice-search { margin-top:var(--dg-space-3); padding:var(--dg-space-3); border:1px solid var(--dg-border); border-radius:var(--dg-radius-lg); background:var(--dg-surface); }
.dg-voice-search>summary { display:flex; align-items:center; min-height:var(--dg-control-md); font-weight:var(--dg-font-weight-bold); cursor:pointer; }
.dg-voice-search>p { max-width:50em; line-height:1.7; }

.dg-seller-more{padding:var(--dg-space-4);border:1px solid var(--dg-border);border-radius:var(--dg-radius-xl);background:var(--dg-surface)}.dg-seller-more>summary{cursor:pointer;font-weight:var(--dg-font-weight-bold);min-height:var(--dg-control-md)}.dg-seller-more-links{display:grid;gap:var(--dg-space-3);margin-top:var(--dg-space-3)}.dg-seller-more-links>a{display:flex;align-items:center;min-height:var(--dg-control-md)}

/* Reserve shared shell space for the request compose button above member navigation. */
@media(max-width:760px){body.dunggeul-requests .dg-shell{padding-bottom:calc(var(--dg-space-10) * 4 + var(--dg-space-3) + env(safe-area-inset-bottom))}}

/* Reusable workflow shell: business operations and care orders share cards, forms and controls. */
.dg-workflow-shell {
  box-sizing: border-box; max-width: var(--dg-content); margin: 0 auto;
  padding: var(--dg-content-padding); color: var(--dg-text); background: var(--dg-member-bg);
  font-family: var(--dg-font-family); font-size: var(--dg-font-body-md); line-height: var(--dg-line-height-base);
}
.dg-workflow-shell * { box-sizing: border-box; }
.dg-workflow-shell :where(a) { color: var(--dg-accent-hover); text-underline-offset: 3px; }
.dg-workflow-shell > nav { display: flex; flex-wrap: wrap; align-items: center; gap: var(--dg-space-2); margin-bottom: var(--dg-space-4); }
.dg-workflow-shell > nav a {
  min-height: var(--dg-control-sm); padding: var(--dg-space-2) var(--dg-space-3);
  border-radius: var(--dg-radius-md); background: var(--dg-surface); color: var(--dg-text);
  text-decoration: none; transition: background-color var(--dg-duration-fast) var(--dg-ease), transform var(--dg-duration-fast) var(--dg-ease);
}
.dg-workflow-shell > nav a:active { transform: scale(.985); background: var(--dg-surface-soft); }
@media (hover: hover) and (pointer: fine) { .dg-workflow-shell > nav a:hover { background: var(--dg-surface-soft); } }
.dg-workflow-shell :where(h1) { font-size: var(--dg-font-heading-lg); line-height: 1.4; }
.dg-workflow-shell :where(h2) { font-size: var(--dg-font-heading-md); line-height: 1.5; }
.dg-workflow-shell :where(h3) { font-size: var(--dg-font-heading-sm); }
.dg-workflow-shell :where(section,article) {
  padding: var(--dg-panel-padding); margin: var(--dg-space-6) 0;
  border: 1px solid var(--dg-border); border-radius: var(--dg-radius-xl); background: var(--dg-surface);
}
.dg-workflow-shell label {
  display: block; min-height: var(--dg-control-sm); margin: var(--dg-space-4) 0; font-weight: var(--dg-font-weight-bold);
}
.dg-workflow-shell :where(input:not([type=checkbox]):not([type=radio]):not([type=hidden]),select,textarea) {
  display: block; width: 100%; min-height: var(--dg-control-md); padding: var(--dg-space-3);
  font: inherit; border: 1px solid var(--dg-border-strong); border-radius: var(--dg-radius-md);
  background: var(--dg-surface); color: var(--dg-text);
}
.dg-workflow-shell :where(button,a,summary) {
  min-height: var(--dg-control-md); padding: var(--dg-space-2) var(--dg-space-4); cursor: pointer; font: inherit;
}
.dg-workflow-shell :where(button,a) { display: inline-flex; align-items: center; }
.dg-workflow-shell :where(button,.dg-primary,.dg-coupon-action) {
  background: var(--dg-accent); color: var(--dg-surface); border: 0; border-radius: var(--dg-radius-lg); margin: var(--dg-space-2) 0;
}
.dg-workflow-shell :where(.dg-secondary) {
  background: var(--dg-surface); color: var(--dg-accent); border: 1px solid var(--dg-border-strong); border-radius: var(--dg-radius-md);
}
/* A shared disclosure cue keeps optional workflow details discoverable. */
.dg-workflow-shell :where(details) > summary {
  display: flex; align-items: center; justify-content: space-between; gap: var(--dg-space-3);
  font-weight: var(--dg-font-weight-bold);
}
.dg-workflow-shell :where(details) > summary::after {
  content: '⌄'; flex: 0 0 auto; color: var(--dg-accent); font-size: var(--dg-font-heading-md);
}
.dg-workflow-shell :where(details[open]) > summary::after { content: '⌃'; }
.dg-workflow-shell input[type=checkbox] { width: var(--dg-space-6); height: var(--dg-space-6); vertical-align: middle; }
.dg-workflow-shell [role=alert] { padding: var(--dg-space-4); border: 2px solid var(--dg-color-danger); }
@media(max-width: 26.25rem) { .dg-workflow-shell :where(section,article) { padding: var(--dg-panel-padding-mobile); } }

/* One reduced-motion policy for all member components and Life reveals. */
@media (prefers-reduced-motion: reduce) {
.dg-stamp-art,.dg-profile-item-image img,.dg-news-topic-option>span { transition:none !important; transform:none !important; }
.dg-global-bottom-nav *,
  body[class*="dunggeul-"] *,
  body[class*="dunggeul-"] *::before,
  body[class*="dunggeul-"] *::after {
    scroll-behavior: auto !important;
    transition: none !important;
    animation: none !important;
  }
body.dg-has-global-mobile-nav .dg-shell,
  .dg-global-bottom-link,
  .dg-global-bottom-nav .dg-nav-icon,
  body.dg-has-global-mobile-nav .dg-card,
  body.dg-has-global-mobile-nav .dg-list > li,
  body.dg-has-global-mobile-nav :where(.dg-primary,.dg-secondary,.dg-button,button,a[role="button"]) {
    animation: none !important;
    transition: none !important;
    transform: none !important;
  }
body[class*="dunggeul-"] *, body[class*="dunggeul-"] *::before, body[class*="dunggeul-"] *::after { scroll-behavior:auto !important; animation-duration:.01ms !important; transition-duration:.01ms !important; }
.dg-life-card,
  .dg-life-card-arrow,
  .dg-life-categories button,
  .dg-life-orbit,
  [data-life-reveal] {
    transition: none !important;
    transform: none !important;
  }
  [data-life-reveal] { opacity: 1 !important; }
}

/* Shared action cues: a stable place to start, a visible response and an optional pointer. */
.dg-entry-panel {
  width: min(calc(100% - (var(--dg-content-padding) * 2)), var(--dg-content-max));
  box-sizing: border-box;
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 8px 24px;
  margin: 96px auto 0;
  padding: 16px 0 12px;
  border: 0;
  border-block-end: 1px solid var(--dg-border);
  border-radius: 0;
  background: var(--dg-surface);
  color: var(--dg-text);
  scroll-margin-top: 96px;
}
.dg-entry-panel > div { min-width: 0; }
.dg-entry-title { margin: 0 0 4px; font-size: var(--dg-font-heading-md); font-weight: var(--dg-font-weight-bold); line-height: 1.4; letter-spacing: -.02em; }
.dg-entry-panel p { margin-block: 0 8px; }
.dg-entry-panel .dg-motion-art { inline-size: 52px; block-size: 52px; justify-self: end; border-radius: 50%; background: var(--dg-accent-soft); }
.dg-entry-panel .dg-primary, .dg-entry-dock .dg-primary {
  display: flex; align-items: center; justify-content: center; gap: 16px;
  padding: 12px 20px; border-radius: var(--dg-radius-lg);
  background: var(--dg-accent); color: var(--dg-surface) !important;
  font-weight: var(--dg-font-weight-bold); text-decoration: none;
}
.dg-entry-panel .dg-primary { justify-content: space-between; inline-size: 100%; min-height: var(--dg-control-lg); font-size: var(--dg-font-body-lg); }
.dg-entry-panel .dg-primary svg { inline-size: 24px; block-size: 24px; flex: none; }
.dg-entry-note { display: flex; flex-wrap: wrap; align-items: center; gap: 0 12px; color: var(--dg-text-muted); font-size: var(--dg-font-body-sm); line-height: 1.6; }
.dg-entry-note a { display: inline-flex; align-items: center; min-height: var(--dg-control-sm); color: var(--dg-text); font-weight: var(--dg-font-weight-bold); text-underline-offset: 4px; }
.dg-entry-help { grid-column: 1/-1; padding-block-start: 0; scroll-margin-top: 96px; }
.dg-entry-help summary { min-height: var(--dg-control-sm); cursor: pointer; font-weight: var(--dg-font-weight-bold); }
.dg-entry-help ol { padding-inline-start: 24px; line-height: 1.7; }
.dg-entry-help li + li { margin-block-start: 8px; }
.dg-entry-dock {
  position: fixed; z-index: 180; inset-inline: 16px;
  inset-block-end: calc(12px + env(safe-area-inset-bottom, 0px));
  display: flex; align-items: center; justify-content: space-between;
  gap: 16px; max-width: 600px; margin-inline: auto; padding: 12px 16px;
  border: 1px solid var(--dg-border); border-radius: var(--dg-radius-xl);
  background: var(--dg-surface); box-shadow: var(--dg-shadow-float); color: var(--dg-text);
}
.dg-entry-dock p { margin: 0; line-height: 1.5; color: var(--dg-text-muted); }
.dg-entry-dock p strong { display: block; color: var(--dg-text); }
.dg-entry-dock .dg-primary { min-height: var(--dg-control-lg); min-width: 112px; white-space: nowrap; text-decoration: none; }
.dg-entry-editing .dg-entry-dock { display: none; }
.dg-flow-waypoints{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,140px),1fr));gap:8px;list-style:none;margin:0;padding:0}.dg-flow-waypoints li{display:flex;align-items:flex-start;gap:8px;flex:1;min-width:0;padding:10px 8px;border-radius:var(--dg-radius-xl);background:var(--dg-surface-soft);color:var(--dg-text-muted);font-size:var(--dg-font-body-sm);line-height:1.5}.dg-flow-waypoints li[aria-current=step]{color:var(--dg-accent);background:var(--dg-surface);box-shadow:inset 0 0 0 2px var(--dg-accent)}
.dg-flow-waypoints .dg-step-number{display:grid;place-items:center;flex:none;inline-size:28px;block-size:28px;border-radius:50%;background:var(--dg-surface);font-weight:var(--dg-font-weight-bold)}.dg-flow-waypoints li[aria-current=step] .dg-step-number{background:var(--dg-accent);color:var(--dg-surface)}.dg-step-hint{margin:0;color:var(--dg-text-muted);font-size:var(--dg-font-body-sm)}
.dg-wayfinding-target{outline:4px solid var(--dg-accent)!important;outline-offset:5px!important;scroll-margin-block:120px}.dg-wayfinding-button{margin-block-start:12px}
.dg-action-beacon{animation:dg-action-invite 850ms var(--dg-motion-ease) 2}.dg-action-beacon svg{transition:transform var(--dg-motion-fast)}.dg-action-beacon:hover svg,.dg-action-beacon:focus-visible svg{transform:translateX(4px)}
@keyframes dg-action-invite{0%,100%{box-shadow:0 0 0 0 transparent}45%{box-shadow:0 0 0 7px color-mix(in srgb,var(--dg-accent) 12%,transparent)}}
@media (min-width: 761px) {
  .dg-entry-panel > div:first-child { display: grid; grid-template-columns: minmax(0, 1fr) minmax(260px, .48fr); align-items: center; gap: 0 32px; }
  .dg-entry-title, .dg-entry-panel > div:first-child > p:not(.dg-entry-note) { grid-column: 1; }
  .dg-entry-panel .dg-primary { grid-column: 2; grid-row: 1/3; }
  .dg-entry-note { grid-column: 1/-1; }
}
@media (max-width: 760px) {
  .dg-entry-panel { grid-template-columns: minmax(0, 1fr); margin-block-start: 84px; padding: 12px 0 8px; gap: 4px; }
  .dg-entry-panel .dg-motion-art { position: absolute; inset-block-start: 8px; inset-inline-end: 0; inline-size: 48px; block-size: 48px; }
  .dg-entry-title { padding-inline-end: 56px; }
  .dg-entry-panel > div:first-child > p:not(.dg-entry-note) { padding-inline-end: 52px; }
  .dg-entry-dock { inset-inline: 12px; padding: 10px 12px; }
  .dg-entry-dock p { font-size: var(--dg-font-body-sm); }
  .dg-entry-dock .dg-primary { min-width: 104px; }
  .dg-flow-waypoints { gap: 6px; }
  .dg-flow-waypoints li { padding: 10px 6px; gap: 6px; }
  .dg-flow-waypoints .dg-step-number { inline-size: 24px; block-size: 24px; }
}

@media (max-width: 420px) {
  .dg-flow-waypoints:has(li:nth-child(3)) { grid-template-columns: minmax(0, 1fr); gap: 4px; }
  .dg-flow-waypoints:has(li:nth-child(3)) li { display: grid; grid-template-columns: 24px minmax(0, 1fr); align-items: center; padding: 8px 10px; border-radius: var(--dg-radius-sm); }
}

.dg-flow-waypoints li>span:last-child{min-width:0;overflow-wrap:anywhere}

.dg-login-heading{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px 12px}.dg-login-heading h1{margin:0}.dg-login-heading .dg-button{flex:none;padding-inline:12px}
.dg-login-settings{margin-block:16px}.dg-login-settings>summary{min-height:var(--dg-control-sm);padding-block:12px;cursor:pointer}
.dg-a11y-only:not(:focus):not(:active){position:absolute!important;inline-size:1px!important;block-size:1px!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important}

.dg-card img{max-inline-size:100%;block-size:auto}
/* Anchored section titles remain visible below the shared fixed navigation. */
body[class*="dunggeul-"]:not(.dunggeul-public-landing) .dg-section[id],
body[class*="dunggeul-"]:not(.dunggeul-public-landing) .dg-section > :where(h1,h2,h3)[id] {
  scroll-margin-block-start: calc(var(--dg-control-lg) + var(--dg-space-10));
}

/* Compact reply controls keep their real textarea and explicit submit action. */
body[class*="dunggeul-"]:not(.dunggeul-public-landing) .dg-compact-composer.is-docked textarea { min-height:var(--dg-control-md) !important; }

/* Shared frame, focus and compact chat form contracts; page styles own component layout. */
.dg-ad-introduction a:focus-visible{outline:3px solid #245c8b;outline-offset:4px}
.dg-community-album[data-dg-community-album] [data-dg-album-item]:focus-visible{outline:var(--dg-space-1) solid var(--dg-accent);outline-offset:calc(-1 * var(--dg-space-1))}
.dg-community-post-dialog .dg-help--counter{justify-content:flex-end}
.dg-community-post-dialog .dg-community-title-field>input:focus-visible,.dg-community-post-dialog .dg-community-sheet-body textarea:focus-visible{outline:2px dotted var(--dg-accent);outline-offset:3px}
@media(max-width:680px){.dg-community-post-dialog form.dg-community-sheet-form .dg-community-sheet-body textarea:focus-visible{outline:0;box-shadow:var(--dg-shadow-field-line)!important}}
.dg-story-body>.dg-story-readmore:focus-visible{outline:2px solid var(--dg-accent);outline-offset:3px}
.dg-member-card a:focus-visible,.dg-member-card button:focus-visible,.dg-member-card summary:focus-visible{outline:3px solid var(--dg-accent);outline-offset:-3px}
body.dunggeul-messaging{padding-bottom:0!important}
body.dunggeul-messaging main.dg-shell.dg-messaging{padding:var(--dg-space-3) 0!important;height:var(--dg-message-height,calc(100dvh - 96px));min-height:0;display:flex;flex-direction:column;overflow:visible}
body.dunggeul-messaging main.dg-messaging .dg-message-compose textarea{flex:1;min-width:0;width:100%;height:46px;min-height:calc(var(--dg-control-sm) - var(--dg-space-1) / 2)!important;min-block-size:46px!important;max-height:120px;max-block-size:120px;resize:none;padding:calc(var(--dg-space-1) * 2.5) var(--dg-space-3)!important;border:1px solid var(--dg-border)!important;border-radius:calc(var(--dg-radius-md) + var(--dg-space-1) / 2)!important;font-size:var(--dg-font-nav-compact)!important;line-height:24px!important;overflow-y:auto;scroll-margin:0}
body.dunggeul-messaging main.dg-messaging :is(.dg-message-meta,.dg-message-meta time,.dg-message-meta span,.dg-message-compose-meta,.dg-message-compose-meta span,.dg-message-compose-meta button,.dg-message-date,.dg-message-private-note,.dg-message-inbox-status,.dg-message-room-person p,.dg-message-room-person p span,.dg-message-menu-panel p){font-size:var(--dg-font-overline)!important;line-height:1.5!important;min-block-size:0}
body.dunggeul-messaging main.dg-messaging :is(.dg-message-status,.dg-message-author,.dg-message-inbox-person small,.dg-message-trade-note,.dg-message-readonly){font-size:var(--dg-font-caption)!important;line-height:1.5!important}
body.dunggeul-messaging main.dg-messaging .dg-message-bubble p{font-size:var(--dg-font-nav-compact)!important;line-height:1.6!important}
body.dunggeul-messaging main.dg-messaging .dg-message-room-person h2{font-size:var(--dg-font-heading-xs)!important;line-height:1.4!important}
body.dunggeul-messaging main.dg-messaging .dg-message-inbox-head h1{font-size:var(--dg-font-heading-md)!important;white-space:nowrap;line-height:1.4!important}
body.dunggeul-messaging main.dg-messaging .dg-message-inbox-head>.dg-button{font-size:var(--dg-font-caption)!important;min-height:40px!important;min-block-size:40px;padding:calc(var(--dg-space-1) * 1.5) var(--dg-space-3)}
@media(max-width:760px){body.dunggeul-messaging main.dg-shell.dg-messaging{width:100%!important;max-width:none!important;padding:0!important;margin:0!important;height:var(--dg-message-height,calc(100dvh - 140px))}}
@media(max-width:760px){body.dunggeul-messaging.dg-message-has-room .dg-global-bottom-nav{display:none!important}}
@media(max-width:760px){body.dunggeul-messaging.dg-message-has-room{padding-bottom:0!important;overflow:hidden}}
@media(max-width:760px){body.dunggeul-messaging main.dg-shell.dg-messaging:not(.has-room){height:var(--dg-message-height,calc(100dvh - 190px))}}
body.dunggeul-messaging main.dg-messaging .dg-message-menu-panel{display:grid;align-content:start;gap:calc(var(--dg-space-1) * 0.5);box-sizing:border-box;width:280px;max-width:calc(100vw - 24px);padding:var(--dg-space-2);max-height:calc(100dvh - 160px);overscroll-behavior:contain;text-align:left}
body.dunggeul-messaging main.dg-messaging .dg-message-menu-panel>form{display:block;width:100%;margin:0!important;padding:0!important;border:0;background:transparent;box-shadow:none}
body.dunggeul-messaging main.dg-messaging .dg-message-menu-panel .dg-message-menu-item{box-sizing:border-box;display:flex;align-items:center;justify-content:flex-start!important;gap:var(--dg-space-3);width:100%;min-width:0;min-height:calc(var(--dg-control-sm) - var(--dg-space-1))!important;min-block-size:44px!important;height:auto;margin:0!important;padding:calc(var(--dg-space-1) * 2.5) var(--dg-space-3)!important;border:0!important;border-radius:8px;background:transparent!important;box-shadow:none;color:var(--dg-text)!important;font-size:var(--dg-font-nav-compact)!important;font-weight:var(--dg-font-weight-medium,500)!important;line-height:1.5!important;text-align:left!important;text-decoration:none;white-space:normal;word-break:keep-all;overflow-wrap:anywhere}
body.dunggeul-messaging main.dg-messaging .dg-message-menu-panel .dg-message-menu-item:hover{background:var(--dg-surface-soft)!important}
body.dunggeul-messaging main.dg-messaging .dg-message-menu-divider{height:0;width:auto;margin:calc(var(--dg-space-1) * 1.25) calc(var(--dg-space-1) * 2.5);border:0;border-top:1px solid var(--dg-border)}
body.dunggeul-messaging main.dg-messaging .dg-message-menu-panel>p{margin:calc(var(--dg-space-1) * 1.5) calc(var(--dg-space-1) * 0.5) 0;padding:calc(var(--dg-space-1) * 2.5);border-top:1px solid var(--dg-border);text-align:left}
body.dg-app-redesign.dunggeul-my-home main.dg-my-dashboard>.dg-section{padding:var(--dg-space-6)!important;border-radius:var(--dg-radius-xl)}
.dg-my-dashboard .dg-card-link:focus-visible,.dg-my-approval-banner:focus-visible{outline:3px solid var(--dg-accent);outline-offset:3px}
@media(max-width:680px){body.dg-app-redesign.dunggeul-my-home main.dg-my-dashboard>.dg-section{padding:calc(var(--dg-space-1) * 4.5)!important;border-radius:calc(var(--dg-radius-lg) + var(--dg-space-1) / 2)}}
body.dunggeul-my-notifications main[class] .dg-notification-actions{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:nowrap;gap:var(--dg-space-3);margin-top:var(--dg-space-4)}
body.dunggeul-my-notifications main[class] .dg-notification-primary-actions{display:flex;align-items:flex-start;justify-content:flex-start;flex:1 1 auto;flex-wrap:wrap;min-width:0;gap:var(--dg-space-2)}
body.dunggeul-my-notifications main[class] .dg-notification-actions .dg-inline-form{display:block;flex:0 0 auto;width:auto;margin:0;padding:0;border:0;background:transparent;box-shadow:none}
body.dunggeul-my-notifications main[class] .dg-notification-actions .dg-notification-delete{margin-inline-start:auto}
body.dunggeul-my-notifications main[class] .dg-notification-actions :is(.dg-action,.dg-read-button){box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;width:auto;min-width:0;min-height:calc(var(--dg-control-sm) - var(--dg-space-1));min-block-size:44px;margin:0;padding:calc(var(--dg-space-1) * 2.5) var(--dg-space-3);font-size:var(--dg-font-nav-compact);line-height:1.4;white-space:nowrap}
body.dunggeul-my-notifications main[class] .dg-notification-actions .dg-action{border-color:var(--dg-accent)!important;background:var(--dg-accent)!important;color:var(--dg-surface)!important}
body.dunggeul-my-notifications main[class] .dg-notification-actions .dg-read-button{border:1px solid var(--dg-border-strong)!important;background:var(--dg-surface)!important;color:var(--dg-accent)!important}
.dg-profile-readmore[open] .dg-profile-readmore-label{font-size:0}