:root{--brdf-title:#3533a7;--brdf-definition:#075f2a;--brdf-definition-bg:#e6f1e8;--brdf-law:#194b83;--brdf-law-bg:#e9f0f8;--brdf-note:#795000;--brdf-note-bg:#fff5dc;--brdf-in:#ad4b00;--brdf-out:#255ccd;--brdf-diffuse:#007f73;--brdf-specular:#a94797;--brdf-mixed:#ac5400}
html[data-theme=dark]{--brdf-title:#343294;--brdf-definition:#23733c;--brdf-definition-bg:#153123;--brdf-law:#275b91;--brdf-law-bg:#182c40;--brdf-note:#825e15;--brdf-note-bg:#352b17;--brdf-in:#ffc088;--brdf-out:#9fbfff;--brdf-diffuse:#78d6c8;--brdf-specular:#eda0df;--brdf-mixed:#ffbf81}
.slide.brdf-topic>h2{background:var(--brdf-title);color:white;padding:18px 22px;margin-inline:0;line-height:1.2}.key-block{margin:26px 0;background:var(--brdf-definition-bg);border-left:4px solid var(--brdf-definition)}.key-block>h3{margin:0;background:var(--brdf-definition);color:white;font-size:22px;line-height:1.35;padding:10px 18px}.key-block>p{padding:16px 18px;margin:0;font-size:22px}.key-block.key-law{background:var(--brdf-law-bg);border-color:var(--brdf-law)}.key-law>h3{background:var(--brdf-law)}.key-block.key-note{background:var(--brdf-note-bg);border-color:var(--brdf-note)}.key-note>h3{background:var(--brdf-note)}
.brdf-equations{margin-block:24px}.brdf-equation{padding:14px 18px;border-left:4px solid var(--brdf-law);margin-block:16px;background:var(--brdf-law-bg);max-width:100%;overflow-x:auto}.brdf-equation>p{font-size:15px;font-family:system-ui,sans-serif;margin:0 0 8px}.brdf-equation .equation{padding:0;margin:0;font-size:clamp(20px,2.3vw,30px)}.brdf-equation math{font-size:32px;display:block;text-align:left}.brdf-table{margin:26px 0}.brdf-references{font-size:15px;margin:24px 0}.brdf-references a{display:inline-block;margin-right:20px;min-height:36px}
.brdf-source-gallery{margin:30px 0}.brdf-source-gallery>.original-images{display:grid;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:16px;align-items:center}.original-images.many img{width:auto;max-width:150px;max-height:150px}.original-images a{min-width:0}.brdf-source-gallery .original-images:not(.many){grid-template-columns:1fr}.brdf-source-gallery img{max-height:none}.brdf-source-gallery figcaption{font-size:15px}.material-pairs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-block:24px}.material-pairs figure{min-width:0}.material-pairs img{width:100%;max-width:150px;margin-block:8px}.material-pairs figcaption{text-align:center}
.brdf-visual{min-width:0}.brdf-visual.with-matrix{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:28px;align-items:center}.brdf-visual svg{width:100%;display:block;height:auto;overflow:visible;color:var(--ink)}.brdf-visual svg text{font:16px system-ui,sans-serif;fill:var(--ink)}.brdf-matrix canvas{width:min(100%,350px);display:block;image-rendering:pixelated;touch-action:manipulation}.brdf-result{display:block;white-space:pre-wrap;padding:14px 0;line-height:1.65;font-size:17px;font-variant-numeric:tabular-nums}.brdf-lab .controls label{max-width:270px}.brdf-lab svg .muted-line{stroke:var(--line);fill:none;stroke-width:1}.brdf-lab svg .incoming{stroke:var(--brdf-in);fill:none;stroke-width:3}.brdf-lab svg .outgoing{stroke:var(--brdf-out);fill:none;stroke-width:3}.brdf-lab svg .diffuse{stroke:var(--brdf-diffuse);fill:none;stroke-width:3}.brdf-lab svg .specular{stroke:var(--brdf-specular);fill:none;stroke-width:3}.brdf-lab svg .mixed{stroke:var(--brdf-mixed);fill:none;stroke-width:3}
@media(max-width:700px){.slide.brdf-topic>h2{padding:14px;font-size:29px}.key-block>h3{font-size:21px}.key-block>p{font-size:19px}.brdf-visual.with-matrix{grid-template-columns:1fr}.material-pairs{grid-template-columns:repeat(2,minmax(0,1fr))}.brdf-equation{padding:12px}.brdf-equation math{font-size:24px}.brdf-result{font-size:16px}.original-images.many img{max-width:105px}}
@media print{.slide.brdf-topic>h2,.key-block>h3{print-color-adjust:exact;-webkit-print-color-adjust:exact}.brdf-lab .controls{display:none}.key-block,.brdf-equation{break-inside:avoid}.key-block>p{font-size:13pt}.brdf-visual svg{max-height:95mm}.brdf-source-gallery img{max-height:100mm}.brdf-result{font-size:10pt}.brdf-references{font-size:10pt}}