/* inline */
@scope (html[data-site-styles~="f7bc2737b6fdb4de"]) {
#quarto-document-content:where(:scope, *) { --ecf-accent: #16A085; }
.ecf-layer:where(:scope, *) { display: grid; gap: 0.9rem; }
/* headings must not inherit the grid layout (number/title split fix) */
h2.ecf-layer:where(:scope, *), h3.ecf-layer:where(:scope, *), h4.ecf-layer:where(:scope, *), h5.ecf-layer:where(:scope, *) { display: block; }
.ecf-layer h2:where(:scope, *), .ecf-layer h3:where(:scope, *), .ecf-layer h4:where(:scope, *) { margin-bottom: 0.25rem; }
.ecf-layer p:where(:scope, *), .ecf-layer li:where(:scope, *) { line-height: 1.62; }
.ecf-note:where(:scope, *) { border-left: 4px solid var(--ecf-accent); background: #eef7f5; padding: 0.85rem 1rem; margin: 1rem 0 1.2rem; border-radius: 0 8px 8px 0; }
.ecf-example:where(:scope, *) { border: 1px solid rgba(31,44,58,0.16); border-top: 4px solid var(--ecf-accent); border-radius: 8px; background: #fff; padding: 0.95rem 1.05rem; margin: 1rem 0 1.25rem; box-shadow: 0 1px 3px rgba(31,44,58,0.07); }
.ecf-layer pre:where(:scope, *) { background: #f7f9fb !important; color: #1f2c3a !important; border: 1px solid #d6e2ea; padding: 0.8rem 0.95rem; border-radius: 6px; overflow-x: auto; font-size: 0.86rem; line-height: 1.5; }
.ecf-figure:where(:scope, *) { margin: 1.1rem 0 1.35rem; padding: 0.85rem; border: 1px solid rgba(31,44,58,0.14); border-radius: 8px; background: #fff; box-shadow: 0 1px 3px rgba(31,44,58,0.07); }
.ecf-figure img:where(:scope, *) { display: block; width: min(100%, 820px); margin: 0 auto; height: auto; }
.ecf-figure figcaption:where(:scope, *) { margin-top: 0.7rem; color: #40576a; font-size: 0.93rem; line-height: 1.45; }
.ecf-grid:where(:scope, *) { display: grid; grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); gap: 0.85rem; margin: 1rem 0 1.25rem; }
.ecf-card:where(:scope, *) { border: 1px solid rgba(31,44,58,0.14); border-top: 4px solid var(--ecf-accent); border-radius: 8px; background: #fff; padding: 0.9rem; box-shadow: 0 1px 3px rgba(31,44,58,0.07); }
.ecf-card p:last-child:where(:scope, *) { margin-bottom: 0; }
@media (max-width: 760px) { .ecf-grid:where(:scope, *) { grid-template-columns: 1fr; } }
}