/* inline */
@scope (html[data-site-styles~="e7649aa89667bd57"]) {
.dfci-layer:where(:scope, *) { display: grid; gap: 0.9rem; }
/* headings must not inherit the grid layout (number/title split fix) */
h2.dfci-layer:where(:scope, *), h3.dfci-layer:where(:scope, *), h4.dfci-layer:where(:scope, *), h5.dfci-layer:where(:scope, *) { display: block; }
.dfci-layer h2:where(:scope, *), .dfci-layer h3:where(:scope, *) { margin-bottom: 0.25rem; }
.dfci-layer p:where(:scope, *), .dfci-layer li:where(:scope, *) { line-height: 1.62; }
.dfci-layer pre:where(:scope, *) {
background: #0f1b2d;
color: #e7eef7;
padding: 0.85rem 1rem;
border-radius: 8px;
overflow-x: auto;
font-size: 0.85rem;
line-height: 1.5;
}
.dfci-note:where(:scope, *) {
border-left: 4px solid var(--pc-main, #1976D2);
background: #eef5fd;
padding: 0.85rem 1rem;
margin: 1rem 0 1.2rem;
border-radius: 0 8px 8px 0;
}
.dfci-figure:where(:scope, *) {
margin: 1rem auto 1.25rem;
max-width: 920px;
}
.dfci-figure img:where(:scope, *) {
display: block;
width: 100%;
height: auto;
border: 1px solid rgba(26,40,54,0.12);
border-radius: 8px;
background: #fff;
}
.dfci-figure figcaption:where(:scope, *) {
margin-top: 0.45rem;
color: #4b5f72;
font-size: 0.9rem;
line-height: 1.45;
}
.dfci-grid:where(:scope, *) {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
gap: 0.85rem;
margin: 1rem 0 1.25rem;
min-width: 0;
}
.dfci-card:where(:scope, *) {
border: 1px solid rgba(26,40,54,0.14);
border-top: 4px solid var(--pc-main, #1976D2);
border-radius: 8px;
background: #fff;
padding: 0.95rem;
box-shadow: 0 1px 3px rgba(26,40,54,0.07);
box-sizing: border-box;
min-width: 0;
overflow-wrap: anywhere;
}
.dfci-card h3:where(:scope, *) { margin-top: 0; font-size: 1.02rem; }
.dfci-card p:last-child:where(:scope, *), .dfci-card ul:last-child:where(:scope, *) { margin-bottom: 0; }
.dfci-card--a:where(:scope, *) { border-top-color: #28705f; }
.dfci-card--b:where(:scope, *) { border-top-color: #b7791f; }
.dfci-card--c:where(:scope, *) { border-top-color: #a13d3d; }
.physfn-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;
}
.physfn-card:where(:scope, *) {
border: 1px solid rgba(24, 40, 54, 0.14);
border-top: 4px solid #396b83;
border-radius: 8px;
background: #ffffff;
padding: 0.95rem;
box-shadow: 0 1px 3px rgba(24, 40, 54, 0.07);
box-sizing: border-box;
overflow-x: auto;
min-width: 0;
overflow-wrap: anywhere;
}
.physfn-card h3:where(:scope, *), .physfn-card h4:where(:scope, *) {
margin-top: 0;
font-size: 1.02rem;
}
.physfn-card p:last-child:where(:scope, *),
.physfn-card ul:last-child:where(:scope, *),
.physfn-card ol:last-child:where(:scope, *) {
margin-bottom: 0;
}
.physfn-card--phoebe:where(:scope, *) { border-top-color: #667d3b; }
.dfci-matrix:where(:scope, *) {
display: grid;
grid-template-columns: minmax(0,0.86fr) minmax(0,1.16fr) minmax(0,1.08fr) minmax(0,1.12fr);
margin: 1rem 0 1.25rem;
border: 1px solid rgba(26,40,54,0.16);
border-radius: 8px;
overflow: hidden;
min-width: 0;
}
.dfci-matrix > div:where(:scope, *) {
padding: 0.72rem 0.82rem;
border-bottom: 1px solid rgba(26,40,54,0.12);
box-sizing: border-box;
min-width: 0;
overflow-wrap: anywhere;
}
.dfci-matrix > div:nth-child(-n+4):where(:scope, *) { background: #eef5fd; font-weight: 700; }
.dfci-matrix > div:nth-child(4n+1):not(:nth-child(-n+4)):where(:scope, *) { font-weight: 700; }
.dfci-matrix > div:nth-last-child(-n+4):where(:scope, *) { border-bottom: 0; }
@media (max-width: 760px) {
.dfci-grid:where(:scope, *) { grid-template-columns: 1fr; }
.physfn-grid:where(:scope, *) { grid-template-columns: 1fr; }
.physfn-card:where(:scope, *) { padding: 0.85rem; }
.dfci-matrix:where(:scope, *) { display: block; border: 0; border-radius: 0; }
.dfci-matrix > div:nth-child(-n+4):where(:scope, *) { display: none; }
.dfci-matrix > div:where(:scope, *) { border: 1px solid rgba(26,40,54,0.12); border-bottom: 0; background: #fff; }
.dfci-matrix > div:nth-child(4n+1):not(:nth-child(-n+4)):where(:scope, *) {
margin-top: 0.7rem;
border-radius: 8px 8px 0 0;
background: #eef5fd;
font-weight: 700;
}
.dfci-matrix > div:nth-child(4n):not(:nth-child(-n+4)):where(:scope, *) {
border-bottom: 1px solid rgba(26,40,54,0.12);
border-radius: 0 0 8px 8px;
}
}
}