.article { max-width:900px; margin:0 auto; }
.article p { color:#c8e0c8; font-size:1.02rem; line-height:1.85; margin-bottom:1.3rem; }
.article p:last-child { margin-bottom:0; }
.status-badge { display:inline-block; font-family:'JetBrains Mono',monospace; font-size:0.7rem; letter-spacing:0.05em; text-transform:uppercase; padding:3px 10px; border-radius:4px; background:rgba(58,158,90,0.15); color:#6ee87e; border:1px solid rgba(58,158,90,0.35); margin-bottom:0.8rem; }
.quote-line { font-style:italic; color:#a0c8a0; border-left:3px solid #3a9e5a; padding-left:1rem; margin:1.4rem 0; }
.workflow-step { margin-bottom:2.6rem; }
.workflow-step .step-head { display:flex; gap:1.2rem; align-items:baseline; margin-bottom:0.6rem; }
.workflow-step .num { font-family:'JetBrains Mono',monospace; font-size:1.3rem; color:#d4a030; min-width:2.2rem; }
.workflow-step h3 { color:#e8f5e0; font-size:1.1rem; }
.workflow-step p { color:#c8e0c8; font-size:0.95rem; margin-bottom:0.6rem; margin-left:3.4rem; }
.workflow-step .quote-line { margin-left:3.4rem; }
.shot { display:block; width:100%; height:auto; border-radius:8px; border:1px solid #0a6040; box-shadow:0 4px 20px rgba(0,0,0,0.35); margin:1rem 0 1rem 3.4rem; max-width:calc(100% - 3.4rem); }
.shot-crop { max-width:520px; }
.hero-shot { display:block; width:100%; height:auto; border-radius:10px; border:1px solid #0a6040; box-shadow:0 8px 32px rgba(0,0,0,0.45); margin-top:1.6rem; }
.loop-chain { font-family:'JetBrains Mono',monospace; font-size:0.9rem; color:#6ee87e; text-align:center; padding:1.4rem; background:rgba(255,255,255,0.03); border-radius:8px; margin:1.4rem 0; line-height:2; }
.deepen-grid { display:grid; grid-template-columns:1fr 1fr; gap:2rem; align-items:start; margin-top:1.4rem; }
.deepen-card h4 { color:#e8f5e0; font-size:1rem; margin-bottom:0.6rem; }
.deepen-card p { color:#a0c8a0; font-size:0.9rem; line-height:1.7; margin-bottom:0.8rem; }
.deepen-card img { width:100%; height:auto; border-radius:8px; border:1px solid #0a6040; box-shadow:0 4px 20px rgba(0,0,0,0.35); }
.safety-callout { display:inline-block; margin-top:0.8rem; padding:0.4rem 0.8rem; background:rgba(58,158,90,0.12); border:1px solid rgba(58,158,90,0.35); border-radius:5px; color:#6ee87e; font-family:'JetBrains Mono',monospace; font-size:0.78rem; }
.interp-box { border:1px solid #0a6040; border-left:3px solid #d4a030; background:rgba(0,0,0,0.22); border-radius:8px; padding:1.6rem 1.8rem; }
.interp-title { font-family:'JetBrains Mono',monospace; font-size:0.78rem; letter-spacing:0.06em; text-transform:uppercase; color:#d4a030; margin-bottom:1rem; }
.interp-box p { font-size:0.95rem; }
.interp-motto { font-style:italic; color:#e8f5e0; margin-top:0.4rem; margin-bottom:0; }
.status-table { width:100%; border-collapse:collapse; margin-top:0.5rem; font-size:0.95rem; }
.status-table tr { border-bottom:1px solid #0a6040; }
.status-table td { padding:0.8rem 0.4rem; }
.status-table td:first-child { color:#c8e0c8; }
.status-table td:last-child { text-align:right; font-family:'JetBrains Mono',monospace; font-size:0.78rem; letter-spacing:0.04em; text-transform:uppercase; }
.status-implemented { color:#6ee87e; }
.status-progress { color:#d4a030; }
.status-pending { color:#a0c8a0; }
@media(max-width:760px){
  .shot, .hero-shot { margin-left:0; max-width:100%; }
  .workflow-step p, .workflow-step .quote-line { margin-left:0; }
  .deepen-grid { grid-template-columns:1fr; }
}