.cdl-shell,
.cdl-today {
  --cdl-bg: #f7f2e8;
  --cdl-card: #fffaf1;
  --cdl-text: #302c22;
  --cdl-muted: #6c6456;
  --cdl-line: #d9cfbc;
  --cdl-accent: #8d382a;
  box-sizing: border-box;
  color: var(--cdl-text);
  background: var(--cdl-bg);
  border-radius: 18px;
  padding: 24px;
  font: 16px/1.5 system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.cdl-shell *, .cdl-today * { box-sizing: border-box; }
.cdl-shell h2, .cdl-shell h3, .cdl-shell p, .cdl-today h2, .cdl-today p { margin-top: 0; }
.cdl-heading h2, .cdl-today h2 { margin-bottom: 5px; font-family: Georgia, serif; font-weight: 500; }
.cdl-heading p, .cdl-meta, .cdl-footnote, .cdl-kicker { color: var(--cdl-muted); }
.cdl-form { display: grid; gap: 14px; margin: 22px 0; }
.cdl-form label { display: grid; gap: 6px; font-size: 14px; }
.cdl-form input, .cdl-form select, .cdl-form button {
  min-height: 44px;
  width: 100%;
  padding: 10px 12px;
  color: var(--cdl-text);
  background: var(--cdl-card);
  border: 1px solid var(--cdl-line);
  border-radius: 8px;
  font: inherit;
}
.cdl-fields, .cdl-actions, .cdl-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.cdl-form button { width: auto; cursor: pointer; }
.cdl-form .cdl-primary { color: #fffaf1; background: var(--cdl-accent); border-color: var(--cdl-accent); }
.cdl-message { margin: 0 0 16px; padding: 12px 14px; background: var(--cdl-card); border-left: 3px solid var(--cdl-accent); }
.cdl-message:empty { display: none; }
.cdl-message span, .cdl-message strong { display: block; }
.cdl-message strong { margin-top: 3px; }
.cdl-error { color: var(--cdl-accent); }
.cdl-panel { min-width: 0; padding: 18px; background: var(--cdl-card); border: 1px solid var(--cdl-line); border-radius: 12px; }
.cdl-panel h3 { margin-bottom: 12px; font-size: 18px; font-weight: 500; }
.cdl-main { margin-bottom: 6px; color: var(--cdl-accent); font: 500 30px/1.2 Georgia, serif; }
.cdl-sign-art { display: block; width: 88px; height: 88px; margin: 0 0 12px; object-fit: contain; }
.cdl-meta { margin-bottom: 16px; font-size: 13px; }
.cdl-panel dl { margin: 0; }
.cdl-panel dl div { display: flex; justify-content: space-between; gap: 14px; padding: 9px 0; border-top: 1px solid var(--cdl-line); }
.cdl-panel dt { color: var(--cdl-muted); font-size: 13px; }
.cdl-panel dd { margin: 0; text-align: right; overflow-wrap: anywhere; }
.cdl-imantli { margin-top: 14px; }
.cdl-consultation { margin: 16px 0 0; font-style: italic; color: var(--cdl-muted); }
.cdl-footnote { margin: 16px 0 0; font-size: 12px; }
.cdl-today { border-left: 4px solid var(--cdl-accent); }
.cdl-today .cdl-kicker { margin-bottom: 4px; font-size: 13px; }
.cdl-today h2 { color: var(--cdl-accent); }

@media (prefers-color-scheme: dark) {
  .cdl-shell, .cdl-today {
    --cdl-bg: #191915;
    --cdl-card: #24241e;
    --cdl-text: #eee8db;
    --cdl-muted: #c1b8a6;
    --cdl-line: #494638;
    --cdl-accent: #e2aa76;
  }
  .cdl-form .cdl-primary { color: #191915; }
}

@media (max-width: 620px) {
  .cdl-shell, .cdl-today { padding: 16px; }
  .cdl-fields, .cdl-actions, .cdl-grid { grid-template-columns: 1fr; }
  .cdl-main { font-size: 27px; }
}

/* Explicitly override display rules, including theme styles, for conditional fields. */
.cdl-shell [hidden], .cdl-today [hidden] { display: none !important; }
.cdl-access { margin: 20px 0; }
.cdl-access a { color: var(--cdl-accent); text-decoration: underline; }
.cdl-test-notice { padding: 10px; border: 1px solid var(--cdl-accent); }
.cdl-plans { padding: 18px; border: 1px solid var(--cdl-line); border-radius: 12px; }
.cdl-plans select, .cdl-plans button, .cdl-print { padding: 10px 14px; min-height: 44px; border-radius: 8px; color: var(--cdl-text); background: var(--cdl-card); border: 1px solid var(--cdl-line); font: inherit; cursor: pointer; }
.cdl-plans select { display: block; width: 100%; margin-top: 8px; }
.cdl-print { margin-top: 16px; }
.cdl-form button:disabled { opacity: .65; cursor: wait; }
@media print {
  body * { visibility: hidden; }
  .cdl-print-view, .cdl-print-view * { visibility: visible; }
  .cdl-print-view { position: absolute; left: 0; top: 0; width: 100%; }
  .cdl-print-view .cdl-grid { grid-template-columns: 1fr; }
}

/* Artwork keeps each original drawing's proportions. */
.cdl-art-heading { display:flex; align-items:center; flex-wrap:wrap; gap:20px; min-height:140px; margin-bottom:14px; }
.cdl-art-heading .cdl-sign-art { width:128px; height:124px; margin:0; }
.cdl-art-heading .cdl-year-icon { width:144px; height:144px; }
.cdl-art-heading .cdl-main { margin:0; }
.cdl-credit { font-size:12px; color:var(--cdl-muted); margin-top:24px; }
.cdl-plans summary { cursor:pointer; font-weight:600; padding:4px 0 12px; }
.cdl-account { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:12px; overflow-wrap:anywhere; }
[data-cdl-location-status] { color:var(--cdl-muted); font-size:13px; }
@media(max-width:620px) {
 .cdl-art-heading { gap:12px; min-height:110px; }
 .cdl-art-heading .cdl-sign-art { width:95px; height:100px; }
 .cdl-art-heading .cdl-year-icon { width:110px; height:110px; }
}

.cdl-location-picker { display:grid; gap:6px; font-size:14px; }

.cdl-brand{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-bottom:14px}
.cdl-brand-logo{width:140px;height:140px;object-fit:contain;border-radius:8px}
.cdl-brand .cdl-subtitle{font:24px/1.3 Georgia,serif;margin:6px 0 0;color:var(--cdl-text)}
.cdl-about{margin-top:24px;padding:18px;border:1px solid var(--cdl-line);border-radius:12px}
.cdl-about summary{cursor:pointer;font-weight:600;font-size:18px;min-height:44px}
.cdl-about p{margin:16px 0 0}
@media(max-width:620px){.cdl-brand{gap:16px}.cdl-brand-logo{width:100px;height:100px}}

/* Secondary signs accompany names without competing with the main artwork. */
.cdl-sign-value { display:flex; align-items:center; justify-content:flex-end; gap:10px; min-width:0; }
.cdl-sign-value span { min-width:0; overflow-wrap:anywhere; }
.cdl-sign-art.cdl-inline-sign { width:44px; height:44px; flex:0 0 44px; margin:0; object-fit:contain; }

/* Original artwork and pronunciation: 0.3.9 */
.cdl-sign-art{-webkit-user-drag:none;user-select:none}
.cdl-audio{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 17px;margin:12px 0;border:1px solid var(--cdl-line);border-radius:24px;background:var(--cdl-card);color:var(--cdl-text);font:inherit;cursor:pointer;max-width:100%;white-space:normal}
.cdl-audio:hover{border-color:#e8ad74}.cdl-audio:focus-visible{outline:2px solid #e8ad74;outline-offset:3px}.cdl-audio:disabled{opacity:.7;cursor:default}
.cdl-sign-value{flex-wrap:wrap}.cdl-sign-value .cdl-audio{font-size:.8em;margin:0}
@media print{.cdl-audio{display:none!important}}

/* Purpose message stays in Nahuatl; playback is always initiated by the visitor. */
.cdl-purpose{margin:12px 0 18px;padding:14px;border:1px solid var(--cdl-line);border-radius:10px;overflow-wrap:anywhere}
.cdl-purpose p{margin:0 0 6px}.cdl-purpose .cdl-audio{margin:8px 0}.cdl-purpose .cdl-meta{margin:4px 0 0}
.cdl-audio-status{font-size:.85em;color:var(--cdl-muted)}
@media print{.cdl-purpose{display:none!important}}