/* =================================================================================
   DCEL article skin — canonical global stylesheet (dodgecheckenginelight.com)
   Source of truth: local drafts/dcel-skin/css/dcel-skin.css (this file).
   Loaded by the dcel-skin plugin on is_singular('post') only.
   Every rule is scoped under .dcel — inert on pages without a .dcel wrapper.
   ================================================================================= */

/* ---------- Self-hosted fonts (latin subset, GDPR-safe — no Google Fonts CDN) ---------- */
@font-face{
  font-family:"Chakra Petch";font-style:normal;font-weight:600;font-display:swap;
  src:url(../fonts/chakra-petch-600.woff2) format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face{
  font-family:"Chakra Petch";font-style:normal;font-weight:700;font-display:swap;
  src:url(../fonts/chakra-petch-700.woff2) format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face{
  font-family:"IBM Plex Mono";font-style:normal;font-weight:600;font-display:swap;
  src:url(../fonts/ibm-plex-mono-600.woff2) format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face{
  font-family:"IBM Plex Mono";font-style:normal;font-weight:700;font-display:swap;
  src:url(../fonts/ibm-plex-mono-700.woff2) format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face{
  font-family:"Barlow";font-style:normal;font-weight:400;font-display:swap;
  src:url(../fonts/barlow-400.woff2) format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face{
  font-family:"Barlow";font-style:normal;font-weight:600;font-display:swap;
  src:url(../fonts/barlow-600.woff2) format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face{
  font-family:"Barlow";font-style:normal;font-weight:700;font-display:swap;
  src:url(../fonts/barlow-700.woff2) format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
/* ===== .dcel — Dashboard / Telemetry Readout skin ============================
   Dark cockpit, amber/red alert system, mono data readouts, scanline + grid
   texture, LED status dots. Every rule scoped under .dcel. ================= */
.dcel{
  --dcel-bg:#070b12;
  --dcel-bg-2:#0b1119;
  --dcel-panel:#0d1521;
  --dcel-panel-2:#101a29;
  --dcel-edge:#1d2a3d;
  --dcel-edge-lit:rgba(255,181,46,.38);
  --dcel-ink:#f2f6fc;
  --dcel-body:#c3cfdf;
  --dcel-muted:#7b8ca3;
  --dcel-amber:#ffb52e;
  --dcel-amber-hot:#ffd069;
  --dcel-amber-deep:#ff8a00;
  --dcel-red:#ff4d4d;
  --dcel-green:#3ddc84;
  --dcel-mono:"IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  --dcel-display:"Chakra Petch","Barlow",sans-serif;
  --dcel-sans:"Barlow",system-ui,sans-serif;
  position:relative;
  font-family:var(--dcel-sans);
  font-size:1.02rem;
  color:var(--dcel-body);
  line-height:1.72;
  background:
    repeating-linear-gradient(0deg,rgba(255,255,255,.022) 0 1px,transparent 1px 4px), /* scanlines */
    linear-gradient(rgba(120,160,220,.045) 1px,transparent 1px),
    linear-gradient(90deg,rgba(120,160,220,.045) 1px,transparent 1px),
    radial-gradient(120% 90% at 50% 0%,var(--dcel-bg-2) 0%,var(--dcel-bg) 70%);
  background-size:auto,44px 44px,44px 44px,auto;
  border:1px solid var(--dcel-edge);
  border-radius:16px;
  padding:clamp(1.1em,3.5vw,2.4em);
  box-shadow:0 30px 70px -30px rgba(0,0,0,.8),inset 0 0 0 1px rgba(255,255,255,.02);
  overflow:hidden;
}
.dcel::before{ /* top glow rule, like a powered-on bezel */
  content:"";position:absolute;top:0;left:8%;right:8%;height:1px;
  background:linear-gradient(90deg,transparent,var(--dcel-amber),transparent);
  opacity:.7;filter:drop-shadow(0 0 6px var(--dcel-amber));
}
.dcel *,
.dcel *::before,
.dcel *::after{box-sizing:border-box;}
.dcel p{margin:0 0 1.15em;}
.dcel strong{color:var(--dcel-ink);font-weight:700;}
.dcel em{color:var(--dcel-body);}
.dcel a{
  color:var(--dcel-amber);text-decoration:none;
  border-bottom:1px solid rgba(255,181,46,.4);
  transition:color .15s ease,border-color .15s ease,text-shadow .15s ease;
}
.dcel a:hover{color:var(--dcel-amber-hot);border-bottom-color:var(--dcel-amber-hot);text-shadow:0 0 12px rgba(255,181,46,.55);}

/* ---------- LED status dots ---------- */
.dcel .dcel-lamp{
  width:.7em;height:.7em;border-radius:50%;flex:0 0 auto;display:inline-block;
}
.dcel .dcel-lamp--amber{background:var(--dcel-amber);box-shadow:0 0 8px 1px rgba(255,181,46,.8);}
.dcel .dcel-lamp--green{background:var(--dcel-green);box-shadow:0 0 8px 1px rgba(61,220,132,.7);}
.dcel .dcel-lamp--red{background:var(--dcel-red);box-shadow:0 0 9px 2px rgba(255,77,77,.75);animation:dcel-blink 1.1s steps(1,end) infinite;}
@keyframes dcel-blink{0%,100%{opacity:1;}50%{opacity:.18;}}
@keyframes dcel-sweep{0%{transform:translateX(-100%);}100%{transform:translateX(360%);}}
@media (prefers-reduced-motion:reduce){
  .dcel .dcel-lamp--red{animation:none;}
  .dcel .dcel-hero::after{animation:none;display:none;}
}

/* ---------- Section headings: HUD rail ---------- */
.dcel h2{
  font-family:var(--dcel-display);
  font-weight:700;
  font-size:1.5em;
  line-height:1.25;
  letter-spacing:.015em;
  text-transform:uppercase;
  color:var(--dcel-ink);
  margin:2.5em 0 .85em;
  padding:.15em 0 .15em .8em;
  border-left:3px solid var(--dcel-amber);
  position:relative;
}
.dcel h2::before{ /* gauge ticks running off the heading */
  content:"";position:absolute;left:.8em;right:0;bottom:-.42em;height:5px;
  background:repeating-linear-gradient(90deg,rgba(255,181,46,.55) 0 2px,transparent 2px 12px);
  -webkit-mask-image:linear-gradient(90deg,#000 30%,transparent 95%);
  mask-image:linear-gradient(90deg,#000 30%,transparent 95%);
}
.dcel h3{
  font-family:var(--dcel-display);
  font-weight:600;
  font-size:1.14em;
  letter-spacing:.02em;
  color:var(--dcel-amber-hot);
  margin:1.8em 0 .6em;
}

/* ---------- Hero: primary readout panel ---------- */
.dcel .dcel-hero{
  position:relative;
  background:
    repeating-linear-gradient(0deg,rgba(255,255,255,.02) 0 1px,transparent 1px 3px),
    linear-gradient(160deg,var(--dcel-panel-2),var(--dcel-panel) 65%);
  border:1px solid var(--dcel-edge-lit);
  border-radius:12px;
  padding:1.5em 1.5em 1.45em;
  margin:0 0 2.4em;
  overflow:hidden;
  box-shadow:0 0 0 1px rgba(0,0,0,.5),0 18px 40px -22px rgba(0,0,0,.9),inset 0 0 50px rgba(255,138,0,.04);
}
.dcel .dcel-hero::before{ /* segmented gauge strip across the top */
  content:"";position:absolute;inset:0 0 auto 0;height:8px;
  background:repeating-linear-gradient(90deg,var(--dcel-amber) 0 10px,transparent 10px 14px);
  -webkit-mask-image:linear-gradient(90deg,#000,#000 55%,rgba(0,0,0,.25));
  mask-image:linear-gradient(90deg,#000,#000 55%,rgba(0,0,0,.25));
  opacity:.85;
}
.dcel .dcel-hero::after{ /* slow radar sweep over the gauge strip */
  content:"";position:absolute;top:0;left:0;height:8px;width:28%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent);
  animation:dcel-sweep 4.5s linear infinite;
}
.dcel .dcel-hero-head{
  display:flex;align-items:center;gap:.85em;flex-wrap:wrap;
  margin:.4em 0 1em;
}
.dcel .dcel-code-badge{
  font-family:var(--dcel-mono);
  font-size:1.3em;font-weight:700;letter-spacing:.14em;
  color:var(--dcel-amber-hot);
  background:rgba(255,138,0,.08);
  border:1px solid rgba(255,181,46,.6);
  border-radius:6px;
  padding:.22em .6em;
  text-shadow:0 0 16px rgba(255,181,46,.65);
  box-shadow:inset 0 0 12px rgba(255,138,0,.12);
}
.dcel .dcel-hero-kicker{
  display:inline-flex;align-items:center;gap:.6em;
  font-family:var(--dcel-mono);
  font-size:.72em;font-weight:600;letter-spacing:.24em;text-transform:uppercase;
  color:var(--dcel-muted);
}
.dcel .dcel-hero p{margin:0;font-size:1.05em;line-height:1.75;color:#d8e1ee;}
.dcel .dcel-hero strong{color:var(--dcel-amber-hot);}

/* ---------- Lists: telemetry bullets ---------- */
.dcel ul.dcel-list{list-style:none;margin:0 0 1.4em;padding:0;}
.dcel ul.dcel-list li{position:relative;padding:0 0 0 1.7em;margin:.6em 0;}
.dcel ul.dcel-list li::before{ /* chevron tick, like a HUD marker */
  content:"";position:absolute;left:.1em;top:.52em;
  width:.55em;height:.55em;
  border-top:2px solid var(--dcel-amber);
  border-right:2px solid var(--dcel-amber);
  transform:rotate(45deg);
  filter:drop-shadow(0 0 4px rgba(255,181,46,.6));
}

/* ---------- Data table: scan-tool grid ---------- */
.dcel .dcel-table-wrap{
  overflow-x:auto;-webkit-overflow-scrolling:touch;
  border:1px solid var(--dcel-edge);
  border-radius:10px;
  margin:1.2em 0 1.8em;
  background:var(--dcel-panel);
  box-shadow:inset 0 0 30px rgba(0,0,0,.45);
}
.dcel table.dcel-table{width:100%;min-width:600px;border-collapse:collapse;margin:0;font-size:.94em;}
.dcel .dcel-table th{
  font-family:var(--dcel-mono);
  font-size:.78em;font-weight:600;letter-spacing:.16em;text-transform:uppercase;
  text-align:left;color:var(--dcel-amber);
  background:#0a101b;
  padding:.85em 1em;
  border-bottom:1px solid var(--dcel-edge-lit);
  white-space:nowrap;
}
.dcel .dcel-table td{
  padding:.8em 1em;
  border-bottom:1px solid rgba(29,42,61,.7);
  vertical-align:top;color:var(--dcel-body);
}
.dcel .dcel-table tbody tr:nth-child(even){background:rgba(255,255,255,.02);}
.dcel .dcel-table tbody tr:hover{background:rgba(255,181,46,.05);}
.dcel .dcel-table tbody tr:last-child td{border-bottom:none;}
.dcel .dcel-table td:first-child{color:var(--dcel-ink);font-weight:600;}

/* ---------- Steps: scan-tool checklist ---------- */
.dcel ol.dcel-steps{list-style:none;counter-reset:dcelstep;margin:1.2em 0 1.6em;padding:0;}
.dcel ol.dcel-steps>li{
  counter-increment:dcelstep;
  position:relative;
  padding:.9em 1.1em .95em 4em;
  margin:0 0 .6em;
  background:linear-gradient(180deg,rgba(255,255,255,.022),rgba(255,255,255,0) 60%),var(--dcel-panel);
  border:1px solid var(--dcel-edge);
  border-left:3px solid var(--dcel-amber);
  border-radius:8px;
}
.dcel ol.dcel-steps>li::before{
  content:counter(dcelstep,decimal-leading-zero);
  position:absolute;left:1em;top:1em;
  font-family:var(--dcel-mono);
  font-size:1.05em;font-weight:700;letter-spacing:.06em;
  color:var(--dcel-amber-hot);
  text-shadow:0 0 12px rgba(255,181,46,.55);
}
.dcel ol.dcel-steps>li::after{ /* thin glowing baseline under the number */
  content:"";position:absolute;left:1em;top:2.7em;width:1.9em;height:1px;
  background:linear-gradient(90deg,var(--dcel-amber),transparent);
}

/* ---------- Repair-cost instrument tiles ---------- */
.dcel .dcel-costs{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(225px,1fr));
  gap:.8em;margin:1.2em 0;
}
.dcel .dcel-cost-card{
  position:relative;
  background:
    repeating-linear-gradient(0deg,rgba(255,255,255,.018) 0 1px,transparent 1px 3px),
    linear-gradient(170deg,var(--dcel-panel-2),var(--dcel-panel));
  border:1px solid var(--dcel-edge);
  border-radius:10px;
  padding:1em 1.05em 1.05em;
  box-shadow:inset 0 0 24px rgba(0,0,0,.4);
}
.dcel .dcel-cost-status{display:flex;align-items:center;gap:.5em;margin-bottom:.55em;}
.dcel .dcel-cost-eyebrow{
  font-family:var(--dcel-mono);
  font-size:.66em;font-weight:600;letter-spacing:.22em;text-transform:uppercase;
  color:var(--dcel-muted);
}
.dcel .dcel-cost-name{
  font-family:var(--dcel-display);font-weight:600;
  color:var(--dcel-ink);font-size:.98em;line-height:1.35;margin-bottom:.5em;
}
.dcel .dcel-cost-price{
  font-family:var(--dcel-mono);
  font-size:1.45em;font-weight:700;line-height:1.15;
  color:var(--dcel-amber-hot);
  text-shadow:0 0 16px rgba(255,181,46,.45);
}
.dcel .dcel-cost-card--warn{border-color:rgba(255,77,77,.45);box-shadow:inset 0 0 24px rgba(255,77,77,.07);}
.dcel .dcel-cost-card--warn .dcel-cost-price{color:var(--dcel-red);text-shadow:0 0 16px rgba(255,77,77,.5);}
.dcel .dcel-cost-note{font-size:.86em;color:var(--dcel-muted);margin-top:.5em;line-height:1.5;}
.dcel .dcel-cost-diy{
  background:rgba(61,220,132,.05);
  border:1px dashed rgba(61,220,132,.35);
  border-radius:8px;
  padding:.85em 1.1em;
  font-size:.95em;color:var(--dcel-body);
  margin:0 0 1.6em;
}

/* ---------- Severity alert panels ---------- */
.dcel .dcel-callout{
  position:relative;
  border-radius:10px;
  border:1px solid;
  padding:1.05em 1.25em 1.05em 1.15em;
  margin:1.1em 0;
  background:var(--dcel-panel);
}
.dcel .dcel-callout-title{
  display:flex;align-items:center;gap:.6em;
  font-family:var(--dcel-display);font-weight:700;letter-spacing:.03em;
  font-size:1.02em;margin-bottom:.4em;
}
.dcel .dcel-callout p{margin:0;}
.dcel .dcel-callout--safe{border-color:rgba(61,220,132,.4);box-shadow:inset 3px 0 0 var(--dcel-green),inset 0 0 30px rgba(61,220,132,.05);}
.dcel .dcel-callout--safe .dcel-callout-title{color:var(--dcel-green);}
.dcel .dcel-callout--danger{border-color:rgba(255,77,77,.45);box-shadow:inset 3px 0 0 var(--dcel-red),inset 0 0 30px rgba(255,77,77,.06);}
.dcel .dcel-callout--danger .dcel-callout-title{color:var(--dcel-red);}

/* ---------- FAQ: expandable diagnostic panels ---------- */
.dcel details.dcel-faq{
  border:1px solid var(--dcel-edge);
  border-radius:10px;
  margin:.65em 0;
  background:var(--dcel-panel);
  overflow:hidden;
  transition:border-color .2s ease,box-shadow .2s ease;
}
.dcel details.dcel-faq[open]{
  border-color:var(--dcel-edge-lit);
  box-shadow:0 0 0 1px rgba(255,138,0,.08),0 14px 30px -20px rgba(0,0,0,.9);
}
.dcel .dcel-faq summary{
  list-style:none;cursor:pointer;user-select:none;
  display:flex;align-items:center;gap:.8em;
  padding:1em 1.1em;
  position:relative;
}
.dcel .dcel-faq summary::-webkit-details-marker{display:none;}
.dcel .dcel-faq summary:hover{background:rgba(255,181,46,.04);}
.dcel .dcel-faq summary::before{ /* mono toggle glyph in a bracket box */
  content:"+";
  flex:0 0 auto;
  width:1.6em;height:1.6em;
  display:flex;align-items:center;justify-content:center;
  font-family:var(--dcel-mono);font-weight:700;font-size:.95em;
  color:var(--dcel-amber);
  border:1px solid rgba(255,181,46,.5);
  border-radius:4px;
  background:rgba(255,138,0,.07);
  transition:transform .2s ease;
}
.dcel .dcel-faq[open] summary::before{content:"−";transform:rotate(180deg);}
.dcel .dcel-faq summary h3{
  display:inline;margin:0;
  font-family:var(--dcel-display);font-weight:600;font-size:1em;
  color:var(--dcel-ink);letter-spacing:.01em;
}
.dcel .dcel-faq-a{
  padding:.15em 1.15em 1.05em;
  border-top:1px dashed rgba(255,181,46,.22);
  margin:0 .0em;
}
.dcel .dcel-faq-a p{margin:.9em 0 0;}

/* ---------- CTA console ---------- */
.dcel .dcel-cta{
  position:relative;
  background:
    repeating-linear-gradient(0deg,rgba(255,255,255,.02) 0 1px,transparent 1px 3px),
    linear-gradient(200deg,var(--dcel-panel-2),var(--dcel-panel) 65%);
  border:1px solid var(--dcel-edge-lit);
  border-radius:12px;
  padding:1.5em 1.5em 1.55em;
  margin:2.6em 0 .4em;
  overflow:hidden;
  box-shadow:inset 0 0 50px rgba(255,138,0,.04);
}
.dcel .dcel-cta::after{ /* segmented strip along the bottom */
  content:"";position:absolute;inset:auto 0 0 0;height:8px;
  background:repeating-linear-gradient(90deg,var(--dcel-amber) 0 10px,transparent 10px 14px);
  -webkit-mask-image:linear-gradient(90deg,rgba(0,0,0,.25),#000 45%,#000);
  mask-image:linear-gradient(90deg,rgba(0,0,0,.25),#000 45%,#000);
  opacity:.85;
}
.dcel .dcel-cta p{margin:0 0 1.2em;color:#d8e1ee;}
.dcel .dcel-cta em{font-style:normal;}
.dcel .dcel-cta-buttons{display:flex;flex-wrap:wrap;gap:.7em;}
.dcel .dcel-btn{
  display:inline-block;
  font-family:var(--dcel-display);
  font-weight:600;font-size:.92em;letter-spacing:.04em;
  padding:.62em 1.15em;
  border-radius:6px;
  border:1px solid rgba(255,181,46,.55) !important;
  color:var(--dcel-amber-hot) !important;
  background:rgba(255,138,0,.07);
  transition:background .15s ease,transform .15s ease,box-shadow .15s ease;
}
.dcel .dcel-btn:hover{background:rgba(255,138,0,.16);transform:translateY(-1px);box-shadow:0 0 18px rgba(255,181,46,.25);text-shadow:none;}
.dcel .dcel-btn--primary{
  background:linear-gradient(180deg,var(--dcel-amber-hot),var(--dcel-amber-deep));
  color:#10141c !important;
  border-color:var(--dcel-amber-hot) !important;
  box-shadow:0 0 22px rgba(255,138,0,.35);
}
.dcel .dcel-btn--primary:hover{background:linear-gradient(180deg,#ffe09a,var(--dcel-amber));color:#10141c !important;}

/* ---------- Small screens ---------- */
@media (max-width:600px){
  .dcel{font-size:.98rem;border-radius:12px;}
  .dcel h2{font-size:1.3em;}
  .dcel .dcel-hero,.dcel .dcel-cta{padding:1.2em 1.05em;}
  .dcel .dcel-code-badge{font-size:1.12em;}
  .dcel .dcel-costs{grid-template-columns:1fr 1fr;}
  .dcel ol.dcel-steps>li{padding-left:3.4em;}
}
@media (max-width:430px){
  .dcel .dcel-costs{grid-template-columns:1fr;}
}

/* ---------- Parent-scoped lamp colors (P0300/4296 markup compatibility) ----------
   Post 4296's callout lamps carry no --amber/--green/--red modifier; they are
   colored by the parent callout. Keep BOTH conventions working forever. */
.dcel .dcel-callout--safe .dcel-lamp{background:var(--dcel-green);box-shadow:0 0 8px 1px rgba(61,220,132,.7);}
.dcel .dcel-callout--danger .dcel-lamp{background:var(--dcel-red);box-shadow:0 0 9px 2px rgba(255,77,77,.75);animation:dcel-blink 1.1s steps(1,end) infinite;}
@media (prefers-reduced-motion:reduce){
  .dcel .dcel-callout--danger .dcel-lamp{animation:none;}
}

/* ---------- LuckyWP TOC dark overrides (manual [lwptoc] inside .dcel only) ---------- */
.dcel .lwptoc{margin:0 0 2.2em;}
.dcel .lwptoc .lwptoc_i{
  background:var(--dcel-panel) !important;
  border:1px solid var(--dcel-edge) !important;
  border-radius:10px;
  padding:1em 1.2em !important;
}
.dcel .lwptoc_title{
  font-family:var(--dcel-display) !important;
  font-weight:700;letter-spacing:.06em;text-transform:uppercase;
  color:var(--dcel-ink) !important;
}
.dcel .lwptoc_toggle a,
.dcel .lwptoc_toggle_label{color:var(--dcel-muted) !important;border-bottom:none !important;}
.dcel .lwptoc_item a{color:var(--dcel-amber) !important;border-bottom:none !important;}
.dcel .lwptoc_item a:hover{color:var(--dcel-amber-hot) !important;text-shadow:0 0 12px rgba(255,181,46,.45);}
.dcel .lwptoc_item_label{color:inherit;}

/* ---------- Amazon Associates disclosure note (auto-injected by the plugin) ---------- */
.dcel .dcel-affiliate-note{
  font-size:.8em;
  color:var(--dcel-muted);
  margin:0 0 1.3em;
  padding:.55em .85em;
  border:1px dashed var(--dcel-edge);
  border-radius:8px;
  line-height:1.5;
}
