.cfd{max-width:var(--container-content,72rem);padding:var(--space-xl) var(--space-lg) var(--space-2xl);color:var(--color-foreground);font-size:var(--text-body-md);margin:0 auto;line-height:1.55}.cfd-article{max-width:var(--container-copy,44rem)}.cfd-hero h1{font-size:var(--text-display-sm);margin:0 0 var(--space-2xs)}.cfd-hero p{color:var(--color-muted);margin:0 0 var(--space-lg);max-width:var(--container-copy,44rem)}.cfd-field label{font-weight:var(--font-weight-medium);margin-bottom:var(--space-2xs);display:block}.cfd-input{width:100%;font:inherit;font-size:var(--text-body-md);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;padding:var(--space-sm) var(--space-md);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-surface);color:inherit}.cfd-input:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.cfd-help{font-size:var(--text-body-sm);color:var(--color-muted);margin-top:var(--space-2xs)}.cfd-privacy{font-size:var(--text-body-sm);background:var(--color-accent-soft);border:1px solid var(--color-accent);color:var(--color-foreground);border-radius:var(--radius-md);padding:var(--space-2xs) var(--space-md);margin-top:var(--space-2xs)}.cfd-verdict{gap:var(--space-2xs);margin-top:var(--space-md);padding:var(--space-sm) var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-md);display:grid}.cfd-verdict--ok{background:var(--color-success-bg);border-color:var(--color-success-border);color:var(--color-success-fg)}.cfd-verdict--warn{background:var(--color-warning-bg);border-color:var(--color-warning-border);color:var(--color-warning-fg)}.cfd-verdict--err{background:var(--color-error-bg);border-color:var(--color-error-border);color:var(--color-error-fg)}.cfd-verdict-title{align-items:center;gap:var(--space-2xs);font-weight:var(--font-weight-medium);font-size:var(--text-body-md);flex-wrap:wrap;display:flex}.cfd-chip{font-size:var(--text-body-sm);font-family:var(--font-mono);padding:0 var(--space-2xs);border-radius:var(--radius-full);border:1px solid}.cfd-fields{gap:var(--space-2xs) var(--space-md);margin:var(--space-sm) 0 0;font-size:var(--text-body-sm);grid-template-columns:minmax(8rem,13rem) 1fr;display:grid}.cfd-fields dt{color:var(--color-muted);font-weight:var(--font-weight-medium)}.cfd-fields dd{margin:0}.cfd-fields code{font-family:var(--font-mono)}.cfd-encoded-note{color:var(--color-muted)}.cfd-place{margin-top:var(--space-sm);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md);background:var(--color-surface-sunken);font-size:var(--text-body-sm)}.cfd-place b{color:var(--color-foreground)}.cfd-place .cfd-src{color:var(--color-muted)}.cfd-century{margin-top:var(--space-sm);font-size:var(--text-body-sm);background:var(--color-warning-bg);border:1px solid var(--color-warning-border);color:var(--color-warning-fg);border-radius:var(--radius-md);padding:var(--space-2xs) var(--space-md)}.cfd-omo{margin-top:var(--space-sm);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md);background:var(--color-surface);font-size:var(--text-body-sm)}.cfd-omo table{border-collapse:collapse;font-family:var(--font-mono);margin:var(--space-2xs) 0}.cfd-omo td{padding:var(--space-2xs) var(--space-sm) var(--space-2xs) 0}.cfd-omo .cfd-regular{font-family:var(--font-mono);background:var(--color-surface-muted);padding:0 var(--space-2xs);border-radius:var(--radius-sm)}.cfd-omo .cfd-caveat{color:var(--color-muted)}.cfd-honesty{margin-top:var(--space-sm);font-size:var(--text-body-sm);color:var(--color-muted);border-top:1px solid var(--color-border);padding-top:var(--space-2xs)}.cfd-actions{gap:var(--space-sm);margin-top:var(--space-md);flex-wrap:wrap;display:flex}.cfd-btn{font:inherit;cursor:pointer;font-weight:var(--font-weight-medium);padding:var(--space-2xs) var(--space-md);border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface);color:inherit}.cfd-btn:hover:not(:disabled){border-color:var(--color-accent)}.cfd-btn--primary{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-on-accent)}.cfd-feedback{margin-top:var(--space-sm);font-size:var(--text-body-sm);color:var(--color-success-fg)}.cfd-links{gap:var(--space-sm);margin-top:var(--space-md);display:grid}.cfd-link{justify-content:space-between;gap:var(--space-md);padding:var(--space-sm) var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-md);color:inherit;background:var(--color-surface);text-decoration:none;display:flex}.cfd-link:hover{border-color:var(--color-accent)}.cfd-link .cfd-link-sub{color:var(--color-muted);font-size:var(--text-body-sm)}.cfd-meta{color:var(--color-muted);font-size:var(--text-body-sm);margin:var(--space-sm) 0}.cfd-results{border-collapse:collapse;width:100%;margin-top:var(--space-sm);font-size:var(--text-body-sm)}.cfd-results th,.cfd-results td{text-align:left;padding:var(--space-2xs) var(--space-sm);border-bottom:1px solid var(--color-border)}.cfd-results th{color:var(--color-muted);text-transform:uppercase;font-size:var(--text-body-sm);letter-spacing:.04em}.cfd-results code{font-family:var(--font-mono)}.cfd-faq dt{font-weight:var(--font-weight-medium);margin-top:var(--space-md)}.cfd-faq dd{margin:var(--space-2xs) 0 0;color:var(--color-muted)}@media (max-width:560px){.cfd{padding:var(--space-md) var(--space-sm) var(--space-xl)}.cfd-fields{grid-template-columns:1fr;gap:0}.cfd-fields dt{margin-top:var(--space-2xs)}.cfd-verdict-title{flex-direction:column;align-items:flex-start}.cfd-results,.cfd-results thead,.cfd-results tbody,.cfd-results tr,.cfd-results th,.cfd-results td{display:block}.cfd-results thead{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.cfd-results tr{border:1px solid var(--color-border);border-radius:var(--radius-md);margin-bottom:var(--space-sm);padding:var(--space-2xs) var(--space-sm)}.cfd-results td{justify-content:space-between;gap:var(--space-md);border:none;display:flex}.cfd-results td:before{content:attr(data-label);color:var(--color-muted);font-weight:var(--font-weight-medium)}}
