/* Dryways Code Block 4 of 5 — plan
   Every selector is rooted at .dw-cb-plan. Nothing here reaches outside that
   element. Extracted from DA-03 prototype v1.3.0; the only change from source
   is the root prefix. Colour, type, rail and breakpoints come from the global
   token layer, never from this file. */

/* ---------- the plan ----------
   The drawing Dry-Ways would actually issue. It is the one thing here that a
   photograph cannot do and a competitor will not have: the geometry of the
   product, dimensioned, at the scale it is sold in. */
.dw-cb-plan .plan-wrap {
  margin:0; padding:clamp(18px,2.6vw,32px) clamp(14px,2.2vw,30px);
  border:1px solid var(--ctl); border-radius:var(--r);
  background:var(--ground);
  box-shadow:0 1px 2px var(--shadow-1);
  overflow:hidden;
}
.dw-cb-plan .plan { display:block; width:100%; height:auto; }
.dw-cb-plan .plan-head {
  display:flex; flex-wrap:wrap; gap:6px 22px; justify-content:space-between;
  align-items:baseline; margin-bottom:clamp(12px,1.8vw,20px);
  padding-bottom:11px; border-bottom:1px solid var(--txt);
}
.dw-cb-plan .plan-head .t { font-family:var(--body); font-size:.78rem; font-weight:600;
  letter-spacing:.09em; text-transform:uppercase; color:var(--txt); }
.dw-cb-plan .plan-head .c { font-family:var(--mono); font-size:.75rem; color:var(--txt-3); }
.dw-cb-plan .p-slab { fill:var(--panel); stroke:var(--txt); stroke-width:1.6; }
.dw-cb-plan .p-inset { fill:none; stroke:var(--ctl); stroke-width:1; stroke-dasharray:7 5; }
.dw-cb-plan .p-cable { fill:none; stroke:var(--accent); stroke-width:2.4; stroke-linecap:round; stroke-linejoin:round; }
.dw-cb-plan .p-lead { fill:none; stroke:var(--accent); stroke-width:2.4; stroke-linecap:round; }
.dw-cb-plan .p-box { fill:var(--ground); stroke:var(--txt); stroke-width:1.4; }
.dw-cb-plan .p-boxt { fill:var(--txt); font-family:var(--mono); font-size:14px; font-weight:600; letter-spacing:.12em; }
.dw-cb-plan .p-sensor { fill:var(--cold); stroke:var(--ground); stroke-width:2.5; }
.dw-cb-plan .p-tag { fill:var(--cold); font-family:var(--mono); font-size:13px; letter-spacing:.1em; }
.dw-cb-plan .p-dim path { fill:none; stroke:var(--txt-3); stroke-width:1; }
.dw-cb-plan .p-dim text,
.dw-cb-plan .p-lead-t { fill:var(--txt-2); font-family:var(--mono); font-size:15px; }
.dw-cb-plan .p-note { fill:var(--txt-3); font-family:var(--mono); font-size:14px; }
.dw-cb-plan .p-call path { fill:none; stroke:var(--ctl); stroke-width:1; stroke-dasharray:3 4; }
.dw-cb-plan .p-tag2 { fill:var(--txt-3); font-family:var(--mono); font-size:13px; letter-spacing:.1em; }
.dw-cb-plan .p-thin { stroke-dasharray:3 4; }
@media (prefers-reduced-motion:no-preference) {
  .dw-cb-plan .plan-wrap.armed .p-cable,
.dw-cb-plan .plan-wrap.armed .p-lead { stroke-dashoffset:var(--len,0); }
  .dw-cb-plan .plan-wrap.drawn .p-cable { transition:stroke-dashoffset 1.7s cubic-bezier(.22,1,.28,1); stroke-dashoffset:0; }
  .dw-cb-plan .plan-wrap.drawn .p-lead { transition:stroke-dashoffset .5s cubic-bezier(.22,1,.28,1) 1.5s; stroke-dashoffset:0; }
}