.sample-section{padding:5rem 0;background-color:var(--bg-light, #f9fafb)}.sample-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-top:3rem}.sample-card{background:#fff;border-radius:16px;padding:2rem;box-shadow:0 4px 20px #0000000f;position:relative;border:1px solid rgba(0,0,0,.05)}.sample-card .sample-label{display:inline-block;font-size:.75rem;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;padding:.35rem .75rem;border-radius:999px;margin-bottom:1.25rem}.sample-card.before .sample-label{background:#dc262614;color:#b91c1c}.sample-card.after .sample-label{background:#10b9811a;color:#047857}.de-table{width:100%;border-collapse:collapse;font-size:.9rem}.de-table th,.de-table td{text-align:left;padding:.5rem .75rem;border-bottom:1px solid rgba(0,0,0,.06)}.de-table th{font-weight:600;color:var(--text-muted);font-size:.75rem;text-transform:uppercase;letter-spacing:1px}.sample-card.before .de-table td.bad{background:#dc262614;color:#b91c1c;border-radius:4px}.sample-card.after .de-table td{color:var(--dark)}.cw-snippet{font-size:.95rem;line-height:1.7;color:var(--dark)}.cw-snippet.bland{color:var(--text-muted)}.cw-snippet strong{color:var(--primary)}.as-doc{font-family:Georgia,serif;background:#fafafa;padding:1.25rem;border-radius:8px;border:1px dashed rgba(0,0,0,.15);min-height:220px}.as-doc.messy p{margin:.4rem 0;font-size:.85rem;color:#6b7280}.as-doc.clean h4{font-size:1.05rem;margin:0 0 .5rem;color:var(--dark)}.as-doc.clean .as-toc{list-style:none;padding:0;margin:0 0 1rem}.as-doc.clean .as-toc li{display:flex;justify-content:space-between;font-size:.85rem;padding:.25rem 0;border-bottom:1px dotted rgba(0,0,0,.1);color:var(--dark)}.as-doc.clean .as-toc li span:last-child{color:var(--text-muted)}.as-doc.clean .as-cite{font-size:.8rem;color:var(--text-muted);margin:.5rem 0 0;padding-left:1rem;text-indent:-1rem}@media(max-width:768px){.sample-grid{grid-template-columns:1fr}}