/* GuamEZ customer UI v1.3. Apply .gz-design explicitly; no global reset. */
.gz-design {
  /* Primitive values from the current customer renewal. */
  --gz-blue-600: #1570ef;
  --gz-blue-800: #0b4da2;
  --gz-blue-50: #eaf2fe;
  --gz-slate-800: #334155;
  --gz-slate-600: #5b6b7f;
  --gz-slate-200: #e6ecf3;
  --gz-slate-50: #f8fafc;
  --gz-white: #ffffff;
  --gz-clay-700: #b0492e;
  --gz-space-1: 4px;
  --gz-space-2: 8px;
  --gz-space-3: 12px;
  --gz-space-4: 16px;
  --gz-space-6: 24px;
  --gz-space-8: 32px;
  --gz-space-12: 48px;
  --gz-radius-sm: 8px;
  --gz-radius-md: 12px;
  --gz-radius-lg: 18px;
  --gz-radius-pill: 999px;
  --gz-type-chip: 13px;
  --gz-type-note: 14px;
  --gz-type-label: 15px;
  --gz-type-body: 16px;
  --gz-type-card: 18px;
  --gz-type-card-mobile: 17px;
  --gz-type-section: 22px;
  --gz-type-section-mobile: 20px;
  --gz-type-title: 28px;
  --gz-type-title-mobile: 24px;
  --gz-type-display: 48px;
  --gz-type-display-mobile: 30px;
  --gz-weight-display: 800;
  --gz-weight-title: 750;
  --gz-weight-heading: 700;
  --gz-weight-control: 650;
  --gz-weight-body: 500;
  --gz-line-body: 1.7;
  --gz-font: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;
  /* Semantic roles. */
  --gz-action: var(--gz-blue-600);
  --gz-action-hover: var(--gz-blue-800);
  --gz-action-soft: var(--gz-blue-50);
  --gz-title: #14283c;
  --gz-text: var(--gz-slate-800);
  --gz-text-muted: var(--gz-slate-600);
  --gz-surface: var(--gz-white);
  --gz-background: var(--gz-slate-50);
  --gz-border: var(--gz-slate-200);
  --gz-warning: var(--gz-clay-700);
  --gz-section-gap: var(--gz-space-8);
  --gz-duration: 160ms;
  --gz-motion-color: var(--gz-duration);
  --gz-motion-press: 100ms;
  --gz-motion-panel: 200ms;
  --gz-motion-card: 280ms;
  --gz-motion-photo: 550ms;
  --gz-motion-sheet: 600ms;
  --gz-motion-exit: 160ms;
  --gz-stagger: 100ms;
  --gz-ease-panel: cubic-bezier(.32,.72,0,1);
  --gz-ease-card: cubic-bezier(.2,.8,.2,1);
  --gz-lift: -4px;
  --gz-settle: -7px;
  --gz-zoom: 1.025;
  --gz-shadow-card: 0 1px 2px rgba(18,44,67,.05), 0 8px 22px rgba(18,44,67,.07);
  --gz-shadow-card-hover: 0 2px 6px rgba(18,44,67,.06), 0 20px 45px rgba(18,44,67,.14);
  --gz-shadow-panel: 0 1px 2px rgba(16,24,40,.04), 0 10px 26px rgba(16,24,40,.10), 0 28px 64px rgba(16,24,40,.13);
  /* Component defaults. */
  --gz-button-bg: var(--gz-action);
  --gz-button-fg: var(--gz-white);
  --gz-button-radius: var(--gz-radius-sm);
  --gz-button-height: 48px;
  --gz-card-bg: var(--gz-surface);
  --gz-card-border: var(--gz-border);
  --gz-card-radius: var(--gz-radius-lg);
  --gz-card-padding: var(--gz-space-6);
  --gz-input-height: 48px;
  --gz-input-radius: var(--gz-radius-sm);
}
.gz-design .gzds-button {
  display: inline-flex; align-items: center; justify-content: center; gap: var(--gz-space-2);
  min-height: var(--gz-button-height); padding: var(--gz-space-3) var(--gz-space-4);
  border: 1px solid transparent; border-radius: var(--gz-button-radius);
  background: var(--gz-button-bg); color: var(--gz-button-fg);
  font: var(--gz-weight-control) var(--gz-type-label)/1.4 var(--gz-font); text-align: center;
  text-decoration: none; cursor: pointer; box-sizing: border-box;
  transition: background-color var(--gz-motion-color) ease, border-color var(--gz-motion-color) ease, color var(--gz-motion-color) ease, transform var(--gz-motion-press) var(--gz-ease-card);
}
.gz-design .gzds-button--secondary { background: var(--gz-surface); color: var(--gz-action-hover); border-color: var(--gz-border); }
.gz-design .gzds-button:active:not(:disabled) { transform: translateY(1px); }
.gz-design .gzds-button:focus-visible { outline: 3px solid var(--gz-action); outline-offset: 3px; }
.gz-design .gzds-button:disabled { background: var(--gz-background); color: var(--gz-text-muted); border-color: var(--gz-border); cursor: not-allowed; }
.gz-design .gzds-card { background: var(--gz-card-bg); border: 1px solid var(--gz-card-border); border-radius: var(--gz-card-radius); padding: var(--gz-card-padding); }
@media (hover:hover) {
  .gz-design .gzds-button:hover:not(:disabled) { background: var(--gz-action-hover); color: var(--gz-button-fg); }
  .gz-design .gzds-button--secondary:hover:not(:disabled) { background: var(--gz-action-soft); color: var(--gz-action-hover); border-color: var(--gz-action); }
}
@media (prefers-reduced-motion:reduce) {
  .gz-design {
    --gz-duration: 0ms; --gz-motion-press: 0ms; --gz-motion-panel: 0ms;
    --gz-motion-card: 0ms; --gz-motion-photo: 0ms; --gz-motion-sheet: 0ms;
    --gz-motion-exit: 0ms; --gz-stagger: 0ms;
    --gz-lift: 0px; --gz-settle: 0px; --gz-zoom: 1;
  }
}