/* ==========================================================================
   TARAQI — the drawing board's sheet styles (both project pages).

   The .elevation-svg stroke hierarchy and panes, used by the board SVGs that
   js/board.js injects (js/board-b162.js, js/board-villa13.js).
   ========================================================================== */

/* --------------------------------------------------------------------------
   Shared — the .elevation-svg stroke styles used by both pages.
   -------------------------------------------------------------------------- */
.elevation-svg {
  display: block;
  inline-size: 100%;
  block-size: auto;
  overflow: visible;
  color: var(--taraqi-burgundy-dark);
}
.elevation-svg path,
.elevation-svg rect {
  fill: none;
  stroke: currentColor;
  stroke-linecap: butt;
  stroke-linejoin: miter;
  vector-effect: non-scaling-stroke;
}
.elevation-svg .el-strong { stroke-width: 1.5px; }
.elevation-svg .el-band   { stroke-width: 1.25px; }
.elevation-svg .el-line   { stroke-width: 1px; }
.elevation-svg .el-light  { stroke-width: 1px; opacity: 0.5; }
.elevation-svg .el-shadow { fill: currentColor; opacity: 0.16; stroke: none; }
.elevation-svg .el-pane   { fill: var(--taraqi-sand-veil); stroke-width: 1px; }
/* A cream fill and no stroke: what stands in front hides what is behind it
   (Villa 13's fence piers and plinths, in front of the house). */
.elevation-svg .el-mask   { fill: var(--taraqi-cream); stroke: none; }
@media (max-width: 767px) {
  .elevation-svg .el-strong { stroke-width: 1.25px; }
  .elevation-svg .el-band   { stroke-width: 1px; }
}