/* Shared styling for the C2MD capability pages and their sample artefacts.
   Static pages under /c2md/ and /samples/ are deliberately plain HTML+CSS: the
   site's own routing is client-side, so anything that needs to be crawlable
   cannot live behind it. Keep this file dependency-free. */
:root { color-scheme: dark; }
body { margin:0; background:#0b1220; color:#cbd5e1;
       font:16px/1.65 ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif; }
main { max-width:52rem; margin:0 auto; padding:3rem 1.25rem 5rem; }
h1 { font-size:2rem; line-height:1.2; color:#f8fafc; margin:0 0 .75rem; }
h2 { font-size:1.25rem; color:#f8fafc; margin:2.5rem 0 .75rem; }
h3 { font-size:1rem; color:#f8fafc; margin:1.75rem 0 .5rem; }
a { color:#34d399; }
.lede { font-size:1.125rem; color:#e2e8f0; }
.status { display:inline-block; font-size:.75rem; letter-spacing:.04em; text-transform:uppercase;
          background:rgba(52,211,153,.12); color:#34d399; border:1px solid rgba(52,211,153,.35);
          border-radius:.4rem; padding:.2rem .55rem; }
.status.planned { background:rgba(148,163,184,.12); color:#94a3b8; border-color:rgba(148,163,184,.35); }
.demo { display:inline-block; font-size:.75rem; letter-spacing:.04em; text-transform:uppercase;
        background:rgba(251,191,36,.12); color:#fbbf24; border:1px solid rgba(251,191,36,.4);
        border-radius:.4rem; padding:.2rem .55rem; }
table { width:100%; border-collapse:collapse; margin:1rem 0; font-size:.925rem;
        display:block; overflow-x:auto; }
th,td { text-align:left; padding:.55rem .6rem; border-bottom:1px solid rgba(148,163,184,.18);
        vertical-align:top; }
th { color:#f8fafc; font-weight:600; }
code { font-family:ui-monospace,SFMono-Regular,Menlo,monospace; font-size:.9em;
       background:rgba(148,163,184,.12); padding:.1rem .35rem; border-radius:.3rem; }
pre { background:rgba(148,163,184,.08); border:1px solid rgba(148,163,184,.18);
      border-radius:.5rem; padding:1rem; overflow-x:auto; font-size:.875rem; line-height:1.5; }
pre code { background:none; padding:0; }
.note { border-left:3px solid rgba(52,211,153,.5); background:rgba(52,211,153,.06);
        padding:.85rem 1rem; margin:1.5rem 0; border-radius:0 .4rem .4rem 0; }
.caveat { border-left:3px solid rgba(251,191,36,.55); background:rgba(251,191,36,.06);
          padding:.85rem 1rem; margin:1.5rem 0; border-radius:0 .4rem .4rem 0; }
.crumb { font-size:.85rem; color:#94a3b8; margin-bottom:1.5rem; }
footer { margin-top:3.5rem; padding-top:1.5rem; border-top:1px solid rgba(148,163,184,.18);
         font-size:.875rem; color:#94a3b8; }
@media print { body { background:#fff; color:#111; } a { color:#065f46; } main { max-width:none; } }