.tpl-accordion {
  --accordion-header-background: #999999;
  --accordion-header-color: #FFFFFF;
  --accordion-border-color: #424242;
  --accordion-panel-background: #ffffff;
  --accordion-panel-padding: 12px 14px;
}
.tpl-accordion { border: 1px solid var(--accordion-border-color); border-radius: 6px; overflow: hidden; }
.tpl-accordion .tpl-accordion-heading { margin: 0; padding: 0; font-size: inherit; font-weight: inherit; }
.tpl-accordion-panel { background: var(--accordion-panel-background); padding: var(--accordion-panel-padding); }
.tpl-accordion--collapsible .tpl-accordion-header { display: flex; align-items: center; gap: 8px; width: 100%; cursor: pointer; background: var(--accordion-header-background); color: var(--accordion-header-color); border: none; text-align: left; padding: 10px 14px; font-weight: 600; font-size: inherit; }
.tpl-accordion--collapsible .tpl-accordion-label { flex: 1; min-width: 0; }
.tpl-accordion--collapsible .tpl-accordion-chevron { margin-left: auto; transition: transform 0.2s ease; display: inline-block; }
.tpl-accordion--collapsible[data-expanded="false"] .tpl-accordion-panel { display: none; }
.tpl-accordion--collapsible[data-expanded="false"] .tpl-accordion-chevron { transform: rotate(-90deg); }
.tpl-codeblock {
  --codeblock-background: #1e1e1e;
  --codeblock-text-color: #d4d4d4;
  --codeblock-border-radius: 6px;
  --codeblock-padding: 16px;
  --codeblock-font-family: 'Cascadia Code', 'Fira Code', Consolas, monospace;
  --codeblock-font-size: 0.875rem;
  --codeblock-header-background: #2d2d2d;
  --codeblock-header-text-color: #9e9e9e;
  --codeblock-lang-label-color: #7ec8e3;
}
.tpl-codeblock { background: var(--codeblock-background); border-radius: var(--codeblock-border-radius); overflow: hidden; }
.tpl-codeblock .tpl-codeblock__header { background: var(--codeblock-header-background); padding: 6px var(--codeblock-padding); display: flex; align-items: center; justify-content: space-between; }
.tpl-codeblock .tpl-codeblock__title { color: var(--codeblock-header-text-color); font-family: var(--codeblock-font-family); font-size: var(--codeblock-font-size); }
.tpl-codeblock .tpl-codeblock__lang { color: var(--codeblock-lang-label-color); font-family: var(--codeblock-font-family); font-size: 0.75rem; text-transform: uppercase; letter-spacing: 0.05em; }
.tpl-codeblock .tpl-codeblock__pre { margin: 0; padding: var(--codeblock-padding); background: var(--codeblock-background); overflow-x: auto; }
.tpl-codeblock .tpl-codeblock__code { font-family: var(--codeblock-font-family); font-size: var(--codeblock-font-size); color: var(--codeblock-text-color); white-space: pre; display: block; background: var(--codeblock-background); padding: 0; border: none; border-radius: 0; }
.tpl-codeph {
  --codeph-background: #f3f4f6;
  --codeph-text-color: #1a1a1a;
  --codeph-border-radius: 3px;
  --codeph-padding: 0.15em 0.4em;
  --codeph-font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, monospace;
  --codeph-font-size: 0.875em;
}
.tpl-codeph {
  background: var(--codeph-background);
  color: var(--codeph-text-color);
  border-radius: var(--codeph-border-radius);
  padding: var(--codeph-padding);
  font-family: var(--codeph-font-family);
  font-size: var(--codeph-font-size);
}
.tpl-note {
  --note-variants-tip-background: #eef3ff;
  --note-variants-tip-text-color: #1f2d5a;
  --note-variants-tip-border-color: #2d5bff;
  --note-variants-tip-border-width: 3px;
  --note-variants-tip-padding: 12px 14px;
  --note-variants-tip-icon-color: #2d5bff;
  --note-variants-note-background: #f3f4f6;
  --note-variants-note-text-color: #303030;
  --note-variants-note-border-color: #9aa0aa;
  --note-variants-note-border-width: 3px;
  --note-variants-note-padding: 12px 14px;
  --note-variants-note-icon-color: #5b6370;
  --note-variants-important-background: #fdf1ff;
  --note-variants-important-text-color: #4a1f55;
  --note-variants-important-border-color: #a234c0;
  --note-variants-important-border-width: 3px;
  --note-variants-important-padding: 12px 14px;
  --note-variants-important-icon-color: #a234c0;
  --note-variants-caution-background: #fff8ec;
  --note-variants-caution-text-color: #5a4218;
  --note-variants-caution-border-color: #d9920b;
  --note-variants-caution-border-width: 3px;
  --note-variants-caution-padding: 12px 14px;
  --note-variants-caution-icon-color: #d9920b;
  --note-variants-warning-background: #fdecec;
  --note-variants-warning-text-color: #5a1f1f;
  --note-variants-warning-border-color: #d83333;
  --note-variants-warning-border-width: 3px;
  --note-variants-warning-padding: 12px 14px;
  --note-variants-warning-icon-color: #d83333;
}
.tpl-note { border-left-style: solid; }
.tpl-note__header { display: flex; align-items: center; gap: 8px; font-weight: 600; }
.tpl-note__body { margin-top: 6px; }
.tpl-note.tpl-note--tip { background: var(--note-variants-tip-background); color: var(--note-variants-tip-text-color); border-left-color: var(--note-variants-tip-border-color); border-left-width: var(--note-variants-tip-border-width); padding: var(--note-variants-tip-padding); }
.tpl-note.tpl-note--tip .tpl-note__icon { color: var(--note-variants-tip-icon-color); }
.tpl-note.tpl-note--note { background: var(--note-variants-note-background); color: var(--note-variants-note-text-color); border-left-color: var(--note-variants-note-border-color); border-left-width: var(--note-variants-note-border-width); padding: var(--note-variants-note-padding); }
.tpl-note.tpl-note--note .tpl-note__icon { color: var(--note-variants-note-icon-color); }
.tpl-note.tpl-note--important { background: var(--note-variants-important-background); color: var(--note-variants-important-text-color); border-left-color: var(--note-variants-important-border-color); border-left-width: var(--note-variants-important-border-width); padding: var(--note-variants-important-padding); }
.tpl-note.tpl-note--important .tpl-note__icon { color: var(--note-variants-important-icon-color); }
.tpl-note.tpl-note--caution { background: var(--note-variants-caution-background); color: var(--note-variants-caution-text-color); border-left-color: var(--note-variants-caution-border-color); border-left-width: var(--note-variants-caution-border-width); padding: var(--note-variants-caution-padding); }
.tpl-note.tpl-note--caution .tpl-note__icon { color: var(--note-variants-caution-icon-color); }
.tpl-note.tpl-note--warning { background: var(--note-variants-warning-background); color: var(--note-variants-warning-text-color); border-left-color: var(--note-variants-warning-border-color); border-left-width: var(--note-variants-warning-border-width); padding: var(--note-variants-warning-padding); }
.tpl-note.tpl-note--warning .tpl-note__icon { color: var(--note-variants-warning-icon-color); }
.tpl-note--collapsible .tpl-note__header { cursor: pointer; display: flex; align-items: center; gap: 8px; font-weight: 600; background: none; border: none; width: 100%; text-align: left; padding: 0; color: inherit; font-size: inherit; }
.tpl-note--collapsible .tpl-note__chevron { margin-left: auto; transition: transform 0.2s ease; display: inline-block; }
.tpl-note--collapsible[data-expanded="false"] .tpl-note__body { display: none; }
.tpl-note--collapsible[data-expanded="false"] .tpl-note__chevron { transform: rotate(-90deg); }
.tpl-steps {
  --steps-variants-ordered-number-background: #2d5bff;
  --steps-variants-ordered-number-color: #ffffff;
  --steps-variants-ordered-number-font-weight: 700;
  --steps-variants-unordered-number-background: #eef3ff;
  --steps-variants-unordered-number-color: #2d5bff;
  --steps-variants-unordered-number-font-weight: 700;
  --steps-cmd-color: #1f2d3a;
  --steps-info-color: #505050;
  --steps-step-gap: 16px;
  --steps-connector-color: #dde2ed;
  --steps-substep-indent: 28px;
}
.tpl-steps { display: flex; flex-direction: column; gap: var(--steps-step-gap); }
.tpl-steps .tpl-steps__step { display: flex; gap: 16px; align-items: flex-start; }
.tpl-steps .tpl-steps__body { flex: 1; min-width: 0; }
.tpl-steps .tpl-steps__number { flex-shrink: 0; width: 28px; height: 28px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 0.875rem; line-height: 1; }
.tpl-steps .tpl-steps__cmd { font-weight: 600; color: var(--steps-cmd-color); margin: 0 0 4px; }
.tpl-steps .tpl-steps__info { color: var(--steps-info-color); margin-top: 4px; }
.tpl-steps .tpl-steps__result { color: var(--steps-info-color); margin-top: 4px; border-left: 2px solid var(--steps-connector-color); padding-left: 10px; font-style: italic; }
.tpl-steps .tpl-steps__substeps { list-style: lower-alpha; padding-left: var(--steps-substep-indent); margin-top: 8px; }
.tpl-steps .tpl-steps__substep { color: var(--steps-cmd-color); padding: 2px 0; }
.tpl-steps.tpl-steps--ordered .tpl-steps__number { background: var(--steps-variants-ordered-number-background); color: var(--steps-variants-ordered-number-color); font-weight: var(--steps-variants-ordered-number-font-weight); }
.tpl-steps.tpl-steps--unordered .tpl-steps__number { background: var(--steps-variants-unordered-number-background); color: var(--steps-variants-unordered-number-color); font-weight: var(--steps-variants-unordered-number-font-weight); }

.tpl-table {
  --table-caption-color: #303030;
  --table-header-background: #eef1f6;
  --table-header-text-color: #1f2433;
  --table-header-font-weight: 700;
  --table-body-text-color: #404654;
  --table-stripe-background: #f7f8fa;
  --table-border-color: #dcdfe6;
  --table-border-width: 1px;
  --table-cell-padding: 8px 12px;
  --table-border-style: horizontal;
}
.tpl-table .tpl-table__grid { border-collapse: collapse; width: 100%; }
.tpl-table .tpl-table__caption { color: var(--table-caption-color); }
.tpl-table .tpl-table__th { background: var(--table-header-background); color: var(--table-header-text-color); font-weight: var(--table-header-font-weight); padding: var(--table-cell-padding); text-align: left; border-bottom: var(--table-border-width) solid var(--table-border-color); }
.tpl-table .tpl-table__td { color: var(--table-body-text-color); padding: var(--table-cell-padding); text-align: left; border-bottom: var(--table-border-width) solid var(--table-border-color); }
.tpl-table .tpl-table__grid tbody tr:nth-child(even) { background: var(--table-stripe-background); }