.good-bad-wrapper[data-v-24841590]{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001f,0 1px 2px #00000014;margin-bottom:2rem;overflow:hidden}.principle-header[data-v-24841590]{background:#fff;border-bottom:1px solid #e0e0e0;padding:1.25rem 1.5rem}.header-top[data-v-24841590]{align-items:center;display:flex;gap:.75rem;margin-bottom:.5rem}.principle-no[data-v-24841590]{align-items:center;background:#1976d2;border-radius:50%;color:#fff;display:inline-flex;flex-shrink:0;font-size:.875rem;font-weight:600;height:2rem;justify-content:center;width:2rem}.principle-name[data-v-24841590]{font-size:1.125rem}.principle-desc[data-v-24841590],.principle-name[data-v-24841590]{color:#212121;font-weight:600;margin:0}.principle-desc[data-v-24841590]{font-size:1rem;line-height:1.5;padding-left:2.75rem}.comparison[data-v-24841590]{display:grid;grid-template-columns:1fr 1fr;position:relative}.comparison-additional[data-v-24841590]{border-top:2px solid #e0e0e0;margin-top:1.5rem}.comparison[data-v-24841590]:has(.example-number){padding-top:1rem}.example-number[data-v-24841590]{background:#e5e7eb;border-radius:0 0 4px;color:#4b5563;font-size:.625rem;font-weight:600;left:0;padding:.125rem .375rem;position:absolute;top:0;z-index:1}@media(max-width:640px){.comparison[data-v-24841590]{grid-template-columns:1fr}}.example[data-v-24841590]{background:#fff;padding:1.25rem 1.5rem}.bad-example[data-v-24841590]{border-right:1px solid #e0e0e0}@media(max-width:640px){.bad-example[data-v-24841590]{border-bottom:1px solid #e0e0e0;border-right:none}}.label[data-v-24841590]{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-24841590]{background:transparent;border:1px solid #d32f2f;color:#d32f2f}.good-label[data-v-24841590]{background:transparent;border:1px solid #388e3c;color:#388e3c}.example-message[data-v-24841590],.icon[data-v-24841590]{font-size:.875rem;font-weight:700}.example-message[data-v-24841590]{color:#111827;line-height:1.5;margin:0 0 .75rem}.example-content[data-v-24841590]{color:#212121}@media(prefers-color-scheme:dark){.good-bad-wrapper[data-v-24841590]{background:#fff;box-shadow:0 1px 3px #0003}.principle-header[data-v-24841590]{background:#fff;border-bottom-color:#e0e0e0}.principle-desc[data-v-24841590],.principle-name[data-v-24841590]{color:#212121}.example[data-v-24841590]{background:#fff}.bad-example[data-v-24841590]{border-right-color:#e0e0e0}.example-content[data-v-24841590]{color:#212121}}