.samples { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:24px 0; }
.samples figure { min-width:0;margin:0;padding:16px;background:white;border:1px solid #dedfdc;border-radius:14px; }
.samples h3 { margin:0 0 14px;font-size:20px; }
.samples figcaption { font-size:15px;margin:14px 0; }
.sample-stage { background:repeating-conic-gradient(#e1dde7 0% 25%,#fff 0% 50%) 0 0/32px 32px;border:1px solid #ccc;border-radius:8px;overflow:hidden; }
.sample-stage img { display:block;width:100%;height:auto; }
.samples[data-background="dark"] .sample-stage { background:#243343; }
.samples[data-background="light"] .sample-stage { background:#f3e8cb; }
.preview-controls { display:flex;flex-wrap:wrap;gap:10px;margin:20px 0; }
.preview-controls button { margin:0;background:white;color:var(--accent);border:1px solid var(--accent); }
.preview-controls button[aria-pressed="true"] { background:var(--accent);color:white; }
.samples .button { margin-top:4px;font-size:16px; }
.table-wrap { max-width:100%;overflow-x:auto; }
table { border-collapse:collapse;width:100%;font-size:16px; }
th,td { text-align:left;vertical-align:top;padding:14px 10px;border-bottom:1px solid #c9c7d0; }
th { background:#eae5f2; }
.tool-cta { margin:40px 0; }
.guide p,.guide li { line-height:1.7; }
.guide li { padding:6px 0; }
main,.body { min-width:0; }
p,li,td,th { overflow-wrap:anywhere; }
.analytics-consent { position:fixed;bottom:16px;left:16px;right:16px;z-index:10;max-width:680px;margin:auto;padding:20px;background:#fff;border:1px solid var(--accent);border-radius:12px;box-shadow:0 5px 25px #0002; }
.analytics-consent h2 { margin:0;font-size:21px; }
.analytics-consent p { font-size:15px; }
.analytics-actions { display:flex;gap:12px;flex-wrap:wrap; }
.analytics-actions button { margin-top:12px; }
.analytics-actions .secondary { background:white;color:var(--accent);border:1px solid var(--accent); }
.analytics-preferences { margin-top:0;font-size:14px; }
[hidden] { display:none!important; }
@media(max-width:640px){.samples{grid-template-columns:1fr;gap:18px}.samples figure{padding:12px}.analytics-consent{bottom:8px;left:8px;right:8px;max-height:70vh;overflow:auto}th,td{padding:10px 6px}}