/* inline */
@scope (html[data-site-styles~="de99bfbb851e9516"]) {
#title-block-header .description:where(:scope, *) { color: #f4f8ff !important; }
.pinx-layer:where(:scope, *) { display: grid; gap: 0.9rem; }
.pinx-layer h2:where(:scope, *), .pinx-layer h3:where(:scope, *) { margin-bottom: 0.25rem; }
.pinx-layer p:where(:scope, *), .pinx-layer li:where(:scope, *) { line-height: 1.62; }
.pinx-layer code:where(:scope, *) { background: rgba(30,42,54,0.07); padding: 0.05rem 0.32rem; border-radius: 4px; }
.pinx-grid:where(:scope, *) { display: grid; grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); gap: 0.85rem; margin: 1rem 0 1.25rem; min-width: 0; }
.pinx-card:where(:scope, *) { border: 1px solid rgba(30,42,54,0.14); border-top: 4px solid #546E7A; border-radius: 8px; background: #fff; padding: 0.95rem; box-shadow: 0 1px 3px rgba(30,42,54,0.07); box-sizing: border-box; min-width: 0; overflow-wrap: anywhere; }
.pinx-card h3:where(:scope, *), .pinx-card h4:where(:scope, *) { margin-top: 0; font-size: 1.02rem; }
.pinx-card p:last-child:where(:scope, *), .pinx-card ul:last-child:where(:scope, *) { margin-bottom: 0; }
.pinx-card--green:where(:scope, *) { border-top-color: #28705f; }
.pinx-card--amber:where(:scope, *) { border-top-color: #b7791f; }
.pinx-card--red:where(:scope, *) { border-top-color: #a13d3d; }
.pinx-note:where(:scope, *) { border-left: 4px solid #546E7A; background: #eef3f5; padding: 0.85rem 1rem; margin: 1rem 0 1.2rem; border-radius: 0 8px 8px 0; }
.pinx-note p:where(:scope, *) { margin: 0; }
.pinx-depth-figure:where(:scope, *) { margin: 1rem 0 1.25rem; padding: 1rem; border: 1px solid rgba(30,42,54,0.14); border-radius: 8px; background: #f8fbfc; }
.pinx-depth-figure img:where(:scope, *) { display: block; width: 100%; max-height: 340px; object-fit: contain; }
.pinx-depth-figure figcaption:where(:scope, *) { margin-top: 0.7rem; color: #34495e; font-size: 0.95rem; line-height: 1.45; }
.pinx-table:where(:scope, *) { border-collapse: collapse; width: 100%; margin: 0.6rem 0 1rem; display: block; overflow-x: auto; }
.pinx-table :is(th, td):where(:scope, *) { border: 1px solid rgba(30,42,54,0.16); padding: 0.55rem 0.7rem; text-align: left; vertical-align: top; }
.pinx-table thead th:where(:scope, *) { background: #eef3f5; }
}