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