:where(html){--dtpr-color-accent:#0f5153;--dtpr-color-accent-contrast:#fff;--dtpr-color-accent-soft:rgba(15,81,83,.08);--dtpr-color-border:rgba(0,0,0,.1);--dtpr-color-text:#111;--dtpr-color-text-muted:#555;--dtpr-color-surface:#fff;--dtpr-color-warning:#f04a4a;--dtpr-font-heading:"Red Hat Text",sans-serif;--dtpr-font-body:"Red Hat Text",sans-serif;--dtpr-space-xs:.25rem;--dtpr-space-sm:.5rem;--dtpr-space-md:1rem;--dtpr-space-lg:1.5rem;--dtpr-space-xl:2rem;--dtpr-radius-sm:.25rem;--dtpr-radius-md:.5rem;--dtpr-radius-lg:1rem}:where(html.dark){--dtpr-color-accent:#5fb6b8;--dtpr-color-accent-contrast:#0a1213;--dtpr-color-accent-soft:rgba(95,182,184,.16);--dtpr-color-border:hsla(0,0%,100%,.12);--dtpr-color-text:#f5f5f5;--dtpr-color-text-muted:#a3a3a3;--dtpr-color-surface:#1a1a1a;--dtpr-color-warning:#ff7676}@media(prefers-color-scheme:dark){:where(html:not(.light)){--dtpr-color-accent:#5fb6b8;--dtpr-color-accent-contrast:#0a1213;--dtpr-color-accent-soft:rgba(95,182,184,.16);--dtpr-color-border:hsla(0,0%,100%,.12);--dtpr-color-text:#f5f5f5;--dtpr-color-text-muted:#a3a3a3;--dtpr-color-surface:#1a1a1a;--dtpr-color-warning:#ff7676}}@layer dtpr{.dtpr-icon{border-radius:var(--dtpr-radius-sm);display:inline-block;-o-object-fit:contain;object-fit:contain}.dtpr-element{background:var(--dtpr-color-surface);border:1px solid var(--dtpr-color-border);border-radius:var(--dtpr-radius-md);color:var(--dtpr-color-text);container-type:inline-size;font-family:var(--dtpr-font-body);padding:var(--dtpr-space-md)}.dtpr-element,.dtpr-element__main{display:flex;flex-direction:column;gap:var(--dtpr-space-sm)}.dtpr-element__main{flex:1;min-width:0}.dtpr-element__header{align-items:center;display:flex;flex-direction:row;gap:var(--dtpr-space-md);min-width:0}.dtpr-element__icon{flex-shrink:0}.dtpr-element__title-block{align-items:flex-start;display:flex;flex-direction:column;gap:var(--dtpr-space-xs);min-width:0}.dtpr-element__title{display:block;font-family:var(--dtpr-font-heading);font-size:1rem;font-weight:600;line-height:1.3;margin:0;min-width:0}.dtpr-element__description{color:var(--dtpr-color-text-muted);display:block;font-size:.875rem;line-height:1.4;margin:0}.dtpr-element__footer{align-items:center;border-top:1px solid var(--dtpr-color-border);display:flex;justify-content:flex-end;padding-top:var(--dtpr-space-sm)}.dtpr-element-detail{background:var(--dtpr-color-surface);border:1px solid var(--dtpr-color-border);border-radius:var(--dtpr-radius-md);color:var(--dtpr-color-text);container-type:inline-size;display:flex;flex-direction:column;font-family:var(--dtpr-font-body);gap:var(--dtpr-space-md);padding:var(--dtpr-space-lg)}.dtpr-element-detail__header{align-items:flex-start;display:flex;flex-direction:column;gap:var(--dtpr-space-sm)}.dtpr-element-detail__title-block{align-items:flex-start;display:flex;flex-direction:column;gap:var(--dtpr-space-xs);min-width:0}.dtpr-element-detail__title{font-family:var(--dtpr-font-heading);font-size:1.25rem;font-weight:700;margin:0}.dtpr-element-detail__context-tag,.dtpr-element__context-tag{border-radius:var(--dtpr-radius-sm);display:inline-block;font-family:var(--dtpr-font-body);font-size:.75rem;font-weight:500;line-height:1.2;padding:var(--dtpr-space-xs) var(--dtpr-space-sm);white-space:nowrap}.dtpr-element-detail__context-tag--neutral,.dtpr-element__context-tag--neutral{background-color:var(--dtpr-color-accent-soft);color:var(--dtpr-color-text-muted)}.dtpr-element-detail__description{line-height:1.5;margin:0}.dtpr-element-detail__variables{display:flex;flex-direction:column;gap:var(--dtpr-space-sm);list-style:none;margin:0;padding:0}.dtpr-element-detail__variable{border:1px solid var(--dtpr-color-border);border-radius:var(--dtpr-radius-sm);display:flex;flex-direction:column;gap:var(--dtpr-space-xs);padding:var(--dtpr-space-sm)}.dtpr-element-detail__variable-label{color:var(--dtpr-color-text-muted);font-size:.875rem}.dtpr-element-detail__warning{color:var(--dtpr-color-warning);font-size:.875rem}.dtpr-variable-highlight{background:var(--dtpr-color-accent-soft);border-radius:var(--dtpr-radius-sm);color:var(--dtpr-color-accent);padding:0 .15em}.dtpr-variable-missing{color:var(--dtpr-color-warning);font-style:italic}.dtpr-variable-url{text-decoration:underline}.dtpr-variable-bool[data-value=true],.dtpr-variable-url{color:var(--dtpr-color-accent)}.dtpr-variable-bool[data-value=false]{color:var(--dtpr-color-text-muted)}@container (min-width: 600px){.dtpr-element-detail__header{align-items:center;flex-direction:row;gap:var(--dtpr-space-md)}}.dtpr-category-section{background:var(--dtpr-color-surface);border:1px solid var(--dtpr-color-border);border-radius:var(--dtpr-radius-md);color:var(--dtpr-color-text);container-type:inline-size;font-family:var(--dtpr-font-body)}.dtpr-category-section__header{align-items:center;background:transparent;border:0;border-radius:inherit;color:inherit;cursor:pointer;display:flex;font:inherit;font-family:var(--dtpr-font-heading);font-weight:600;gap:var(--dtpr-space-sm);justify-content:space-between;min-height:44px;padding:var(--dtpr-space-md);text-align:left;width:100%}.dtpr-category-section__header:focus-visible{outline:2px solid var(--dtpr-color-accent);outline-offset:2px}.dtpr-category-section__title{font-size:1.125rem;margin:0}.dtpr-category-section__panel{padding:var(--dtpr-space-md)}.dtpr-category-section--static .dtpr-category-section__panel,.dtpr-category-section__panel{border-top:1px solid var(--dtpr-color-border)}.dtpr-category-section--static .dtpr-category-section__title{font-family:var(--dtpr-font-heading);font-size:1.125rem;font-weight:600;margin:0;padding:var(--dtpr-space-md)}.dtpr-category-section__footer{align-items:center;border-top:1px solid var(--dtpr-color-border);display:flex;justify-content:flex-end;padding:var(--dtpr-space-sm) var(--dtpr-space-md)}.dtpr-datachain{color:var(--dtpr-color-text);display:flex;flex-direction:column;font-family:var(--dtpr-font-body)}.dtpr-datachain,.dtpr-element-grid{container-type:inline-size;gap:var(--dtpr-space-md)}.dtpr-element-grid{display:grid;grid-template-columns:1fr}@container (min-width: 480px){.dtpr-element-grid{grid-template-columns:repeat(2,1fr)}}@container (min-width: 768px){.dtpr-element-grid{grid-template-columns:repeat(3,1fr)}}}
