.djb-article{
  --navy:#1a365d; --blue:#3182ce; --ink:#1a202c; --muted:#64748b;
  --bg:#ffffff; --soft:#f4f6f8; --line:#e2e8f0; --accent:#ebf4ff;
  box-sizing:border-box;
  max-width:820px; margin:0 auto; background:var(--bg); padding:56px 48px 72px;
  box-shadow:0 1px 3px rgba(0,0,0,.06);
  color:var(--ink); line-height:1.75; font-size:17px;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
}
.djb-article h1{font-size:2.05rem;line-height:1.2;color:var(--navy);margin:0 0 .25em;letter-spacing:-.01em;font-weight:800}
.djb-article .lead{font-size:1.12rem;color:var(--muted);border-left:4px solid var(--blue);padding:14px 0 14px 20px;margin-bottom:2em;font-style:italic;line-height:1.6}
.djb-article h2{font-size:1.45rem;color:var(--navy);margin:2.5em 0 .6em;padding-bottom:.3em;border-bottom:2px solid var(--line)}
.djb-article h3{font-size:1.15rem;color:var(--blue);margin:1.8em 0 .35em}
.djb-article p{margin:0 0 1.1em}
.djb-article ul{padding-left:1.4em;margin-bottom:1.1em}
.djb-article ol{padding-left:1.4em;margin-bottom:1.1em}
.djb-article li{margin-bottom:.4em}
.djb-article a{color:var(--blue);text-decoration:none}
.djb-article a:hover{text-decoration:underline}
.djb-article .djb-box{background:var(--accent);border:1px solid #bee3f8;border-radius:10px;padding:18px 22px;margin:1.8em 0}
.djb-article .djb-box strong{color:var(--navy)}
.djb-article .djb-quote{background:#fffaf0;border-left:4px solid #d69e2e;border-radius:0 10px 10px 0;padding:18px 22px;margin:1.8em 0;font-size:1rem}
.djb-article .djb-quote cite{display:block;margin-top:8px;color:var(--muted);font-style:normal;font-size:.86rem}
.djb-article .process-list ul{list-style:none;padding-left:0}
.djb-article .process-list li{padding:.4rem 0;border-bottom:1px dashed var(--line)}
.djb-article .process-list li:last-child{border-bottom:none}
.djb-article .step-badge{display:inline-block;background:var(--blue);color:#fff;font-size:.78rem;font-weight:700;padding:3px 9px;border-radius:6px;margin-right:8px;vertical-align:middle}
.djb-article table.spec-table{width:100%;border-collapse:collapse;font-size:.92rem;margin:1.4rem 0}
.djb-article table.spec-table th,.djb-article table.spec-table td{border:1px solid var(--line);padding:9px 13px;text-align:left;vertical-align:top}
.djb-article table.spec-table tr:nth-child(even) td{background:var(--soft)}
.djb-article figure{margin:2em 0}
.djb-article figure img{width:100%;border-radius:10px;display:block}
.djb-article figcaption{font-size:.88rem;color:var(--muted);margin-top:.5rem;text-align:center}
.djb-article #quick{margin-top:2em}
@media(max-width:640px){.djb-article{max-width:100%;padding:32px 22px}}