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

h2.depth-boundary:where(:scope, *),
h3.depth-boundary:where(:scope, *),
h4.depth-boundary:where(:scope, *),
h5.depth-boundary:where(:scope, *),
h6.depth-boundary:where(:scope, *),
h2.depth-boundary:where(:scope, *)::after,
h3.depth-boundary:where(:scope, *)::after,
h4.depth-boundary:where(:scope, *)::after,
h5.depth-boundary:where(:scope, *)::after,
h6.depth-boundary:where(:scope, *)::after,
h2.depth-boundary:where(:scope, *)::before,
h3.depth-boundary:where(:scope, *)::before,
h4.depth-boundary:where(:scope, *)::before,
h5.depth-boundary:where(:scope, *)::before,
h6.depth-boundary:where(:scope, *)::before { display: none !important; content: none !important; }
}