/* Canonical DECORMOS thin-layer component. No article or global theme selectors. */
.dml-system{--dml-paper:#fcfaf5;--dml-panel:#f4f0e7;--dml-line:#ded7c9;--dml-ink:#171914;--dml-muted:#56594f;--dml-olive:#75775a;box-sizing:border-box;width:100%;max-width:1280px;margin:0 auto;color:var(--dml-ink);font-family:Arial,Helvetica,sans-serif;text-align:left}
.dml-system *{box-sizing:border-box}
.dml-system .dml-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:stretch}
.dml-system .dml-panel{min-width:0;margin:0;padding:22px;border:1px solid var(--dml-line);border-radius:4px;background:var(--dml-paper)}
.dml-system .dml-panel>h3{font:700 23px/1.16 Arial,Helvetica,sans-serif;letter-spacing:-.5px;color:var(--dml-ink);margin:0 0 12px;text-transform:none}
.dml-system .dml-panel>p{font:400 14px/1.45 Arial,Helvetica,sans-serif;color:var(--dml-muted);margin:0;min-height:61px}
.dml-system .dml-illustration{display:block;width:100%;height:215px;max-width:560px;margin:5px auto 18px}
.dml-system .dml-sequence{counter-reset:dml-layers;display:grid;gap:10px;list-style:none!important;padding:0!important;margin:0!important}
.dml-system .dml-sequence>li{counter-increment:dml-layers;display:flex;align-items:center;gap:10px;min-height:29px;margin:0;padding:0;font:400 14px/1.4 Arial,Helvetica,sans-serif;color:var(--dml-ink)}
.dml-system .dml-sequence>li:before{content:counter(dml-layers);display:grid;place-content:center;width:26px;height:26px;flex:0 0 26px;border:1px solid #d2caba;border-radius:50%;background:var(--dml-panel);color:#565d48;font:700 12px/1 Arial,Helvetica,sans-serif}
.dml-system .dml-note{font:400 13px/1.5 Arial,Helvetica,sans-serif;color:#484f40;background:var(--dml-panel);border-left:3px solid var(--dml-olive);padding:13px 17px;margin:22px 0 0}
.dml-system[data-dml-mode="wall"] .dml-panel[data-dml-surface="floor"],.dml-system[data-dml-mode="floor"] .dml-panel[data-dml-surface="wall"]{display:none}
.dml-system[data-dml-mode="floor"] .dml-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.dml-system[data-dml-mode="wall"] .dml-grid{grid-template-columns:1fr}
.dml-system[data-dml-mode="wall"] .dml-panel{display:grid;grid-template-columns:1fr 1.1fr;gap:16px 30px}
.dml-system[data-dml-mode="wall"] .dml-panel>h3,.dml-system[data-dml-mode="wall"] .dml-panel>p{grid-column:1/-1;min-height:0}
.dml-system[data-dml-mode="wall"] .dml-illustration{height:280px;margin:0}
.dml-system[data-dml-mode="wall"] .dml-sequence{align-self:center}
/* Opt-in class applied only to an explicitly replaced legacy shared tech host. */
.dml-tech-host{display:block!important}
.dml-tech-host>.dml-system{width:100%!important;max-width:none!important;margin:0!important}
.dml-tech-host>.dmrd-tech-selection{width:100%!important;max-width:none!important;margin-top:20px!important}
@media(min-width:701px) and (max-width:980px){.dml-system .dml-grid{gap:12px}.dml-system .dml-panel{padding:17px}.dml-system .dml-panel>h3{font-size:20px}.dml-system .dml-panel>p{font-size:13px;min-height:76px}.dml-system .dml-illustration{height:180px}.dml-system .dml-sequence>li{font-size:13px;gap:8px}}
@media(max-width:700px){.dml-system .dml-grid,.dml-system[data-dml-mode="wall"] .dml-grid,.dml-system[data-dml-mode="floor"] .dml-grid{grid-template-columns:1fr;gap:16px}.dml-system .dml-panel{padding:20px 16px}.dml-system .dml-panel>h3{font-size:23px}.dml-system .dml-panel>p{font-size:14px;min-height:0}.dml-system .dml-illustration{height:210px;margin:10px auto 17px}.dml-system .dml-sequence{gap:11px}.dml-system .dml-sequence>li{font-size:15px;gap:11px;min-height:29px}.dml-system .dml-note{font-size:13px;padding:12px 14px;margin-top:18px}.dml-system[data-dml-mode="wall"] .dml-panel{display:block}.dml-system[data-dml-mode="wall"] .dml-panel>h3{margin-bottom:12px}.dml-system[data-dml-mode="wall"] .dml-panel>p{margin-bottom:14px}.dml-system[data-dml-mode="wall"] .dml-illustration{height:235px;margin:0 auto 17px}}
