.good-bad-wrapper[data-v-fe5b4cd9]{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001f,0 1px 2px #00000014;margin-bottom:2rem;overflow:hidden}.principle-header[data-v-fe5b4cd9]{background:#fff;border-bottom:1px solid #e0e0e0;padding:1.25rem 1.5rem}.header-top[data-v-fe5b4cd9]{align-items:center;display:flex;gap:.75rem;margin-bottom:.5rem}.principle-no[data-v-fe5b4cd9]{align-items:center;background:#1976d2;border-radius:999px;color:#fff;display:inline-flex;flex-shrink:0;font-size:.8125rem;font-weight:700;height:2rem;justify-content:center;letter-spacing:.025em;min-width:3rem;padding:0 .5rem}.principle-name[data-v-fe5b4cd9]{color:#212121;font-size:1.125rem;font-weight:600;margin:0}.principle-desc[data-v-fe5b4cd9]{color:#374151;font-size:.9375rem;line-height:1.6;margin:0 0 .875rem;padding-left:3.75rem}.source-badge[data-v-fe5b4cd9]{align-items:center;background:#eef2ff;border-radius:999px;color:#3730a3;cursor:help;display:inline-flex;font-size:.75rem;font-weight:600;gap:.5rem;margin-left:3.75rem;padding:.25rem .625rem}.source-icon[data-v-fe5b4cd9]{font-size:.875rem;line-height:1}.source-title[data-v-fe5b4cd9]{letter-spacing:.025em}.source-pages[data-v-fe5b4cd9]{color:#6366f1;font-weight:500}.comparison[data-v-fe5b4cd9]{display:grid;grid-template-columns:1fr 1fr;position:relative}.comparison.good-only[data-v-fe5b4cd9]{grid-template-columns:1fr}@media(max-width:640px){.comparison[data-v-fe5b4cd9]{grid-template-columns:1fr}}.example[data-v-fe5b4cd9]{background:#fff;padding:1.25rem 1.5rem}.bad-example[data-v-fe5b4cd9]{border-right:1px solid #e0e0e0}.good-example.full-width[data-v-fe5b4cd9]{padding:1.5rem 2rem}@media(max-width:640px){.bad-example[data-v-fe5b4cd9]{border-bottom:1px solid #e0e0e0;border-right:none}}.label[data-v-fe5b4cd9]{align-items:center;border-radius:4px;display:inline-flex;font-size:.8125rem;font-weight:600;gap:.375rem;margin-bottom:1rem;padding:.25rem .75rem}.bad-label[data-v-fe5b4cd9]{background:transparent;border:1px solid #d32f2f;color:#d32f2f}.good-label[data-v-fe5b4cd9]{background:transparent;border:1px solid #388e3c;color:#388e3c}.example-message[data-v-fe5b4cd9],.icon[data-v-fe5b4cd9]{font-size:.875rem;font-weight:700}.example-message[data-v-fe5b4cd9]{color:#111827;line-height:1.5;margin:0 0 .75rem}.example-content[data-v-fe5b4cd9]{color:#212121}.example-content[data-v-fe5b4cd9] .example-svg{background:#fff;display:block;height:auto;max-height:360px;width:100%}@media(prefers-color-scheme:dark){.good-bad-wrapper[data-v-fe5b4cd9]{background:#fff;box-shadow:0 1px 3px #0003}.example[data-v-fe5b4cd9],.principle-header[data-v-fe5b4cd9]{background:#fff}.principle-name[data-v-fe5b4cd9]{color:#212121}.principle-desc[data-v-fe5b4cd9]{color:#374151}.bad-example[data-v-fe5b4cd9]{border-right-color:#e0e0e0}.example-content[data-v-fe5b4cd9]{color:#212121}}