/* DECO_LAYOUT_V1 — schéma coté d'une pièce ou d'un mur (deco-layout). Theme-derived tokens, no variant beyond the two data modes. */
.deco-layout{--dl-ink:var(--color-text,#2b2622);--dl-muted:var(--color-text-muted,#6b625a);--dl-line:color-mix(in srgb,var(--dl-ink) 14%,transparent);--dl-a:var(--color-accent,#8a6a4f);--dl-b:var(--color-accent-2,#b98a5e);margin-block:1.5rem;padding:20px;border:1px solid var(--dl-line);border-radius:var(--radius,16px);background:color-mix(in srgb,var(--dl-a) 4%,var(--color-bg,#fff))}
.deco-layout__body{display:grid;grid-template-columns:minmax(0,3fr) minmax(220px,2fr);gap:20px;align-items:start}
.deco-layout__figure{margin:0}
.deco-layout__svg{display:block;width:100%;height:auto;max-height:560px;background:var(--color-bg,#fff);border-radius:12px}
.deco-layout__room{fill:color-mix(in srgb,var(--dl-ink) 3%,var(--color-bg,#fff));stroke:var(--dl-ink)}
.deco-layout__floor{stroke:var(--dl-ink);stroke-linecap:round}
.deco-layout__item{fill:color-mix(in srgb,var(--dl-a) 26%,var(--color-bg,#fff));stroke:color-mix(in srgb,var(--dl-a) 70%,var(--dl-ink))}
.deco-layout__item--table,.deco-layout__item--desk,.deco-layout__item--storage,.deco-layout__item--shelf{fill:color-mix(in srgb,var(--dl-b) 30%,var(--color-bg,#fff));stroke:color-mix(in srgb,var(--dl-b) 70%,var(--dl-ink))}
.deco-layout__item--plant{fill:color-mix(in srgb,#5f7a4e 35%,var(--color-bg,#fff));stroke:#5f7a4e}
.deco-layout__item--door,.deco-layout__item--window{fill:var(--color-bg,#fff);stroke:var(--dl-muted);stroke-dasharray:4 3}
.deco-layout__item--mirror,.deco-layout__item--tv{fill:color-mix(in srgb,var(--dl-ink) 18%,var(--color-bg,#fff));stroke:var(--dl-ink)}
.deco-layout__item--rug{stroke:color-mix(in srgb,var(--dl-b) 60%,var(--dl-ink))}
.deco-layout__rug-bg{fill:color-mix(in srgb,var(--dl-b) 14%,var(--color-bg,#fff))}.deco-layout__rug-line{stroke:color-mix(in srgb,var(--dl-b) 30%,var(--color-bg,#fff))}
.deco-layout__path{fill:none;stroke:color-mix(in srgb,var(--dl-ink) 45%,transparent);stroke-linecap:round}
.deco-layout__measure{stroke:var(--dl-ink)}.deco-layout__arrow{fill:var(--dl-ink)}
.deco-layout__marker circle{fill:var(--dl-ink)}.deco-layout__marker text{fill:var(--color-bg,#fff);font-weight:700;font-family:inherit}
.deco-layout__measure-tag rect{fill:var(--color-bg,#fff);stroke:var(--dl-ink);stroke-width:1.5px;vector-effect:non-scaling-stroke}.deco-layout__measure-tag text{fill:var(--dl-ink);font-weight:700;font-family:inherit}
.deco-layout__dim{fill:var(--dl-muted);font-family:inherit}
.deco-layout .deco-layout__caption{margin-top:8px;font-size:.88rem;color:var(--dl-muted);line-height:1.45}
.deco-layout .deco-layout__items,.deco-layout .deco-layout__measures{margin:0;padding:0;display:grid;gap:8px}
.deco-layout .deco-layout__measures{margin-top:12px;padding-top:12px;border-top:1px solid var(--dl-line)}
.deco-layout__entry,.deco-layout__measures li{display:grid;grid-template-columns:26px minmax(0,1fr);gap:10px;align-items:start;color:var(--dl-ink);line-height:1.45}
.deco-layout__num{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:var(--dl-ink);color:var(--color-bg,#fff);font-size:.8rem;font-weight:700}
.deco-layout__num--measure{border-radius:6px;background:var(--color-bg,#fff);color:var(--dl-ink);box-shadow:inset 0 0 0 1.5px var(--dl-ink)}
.deco-layout__num--path{background:none;border-radius:0;height:4px;margin-top:10px;background-image:linear-gradient(90deg,var(--dl-muted) 55%,transparent 0);background-size:8px 4px}
.deco-layout__size{color:var(--dl-muted);font-variant-numeric:tabular-nums;white-space:nowrap}
.deco-layout__text small{display:block;color:var(--dl-muted);font-size:.85rem}
.deco-layout__variants{margin-top:12px;display:grid;gap:8px}
.deco-layout .deco-layout__variant{margin:0;padding:10px 12px;border-left:4px solid var(--dl-a);border-radius:8px;background:var(--color-bg,#fff);color:var(--dl-ink);line-height:1.45}
@media (max-width:760px){.deco-layout{padding:16px}.deco-layout__body{grid-template-columns:1fr}}
/* The article theme styles every list of the content (disc, indent, marker): these lists are layout, not prose. */
.deco-layout ol,.deco-layout ul{list-style:none!important;padding-left:0!important;margin-left:0!important}.deco-layout li{list-style:none!important;margin:0!important;padding:0!important;background:none!important;border:0!important;box-shadow:none!important;counter-increment:none!important}.deco-layout li::before{content:none!important}
.deco-layout li{margin-bottom:0}
