.article-page .files-controls{display:flex;flex-wrap:wrap;align-items:end;gap:var(--cf-space-300)}.article-page .files-controls label{display:grid;grid-gap:var(--cf-space-100);gap:var(--cf-space-100);color:var(--cf-color-text-secondary);font-size:var(--cf-font-size-275)}.article-page .files-controls input[type=file],.article-page .files-controls select,.article-page .files-controls textarea{max-width:100%;border:1px solid var(--cf-color-border-control);border-radius:var(--cf-radius-200);background:var(--cf-color-surface-input);color:var(--cf-color-text);font:inherit;padding:var(--cf-space-200)}.article-page .files-controls textarea{min-width:min(28rem,100%);resize:vertical}.article-page .files-fact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:var(--cf-space-200);gap:var(--cf-space-200);margin:0 0 var(--cf-space-300)}.article-page .files-fact-grid div{border:1px solid var(--cf-color-border);border-radius:var(--cf-radius-200);background:var(--cf-color-surface-raised);padding:var(--cf-space-200)}.article-page .files-fact-grid dt{color:var(--cf-color-text-muted);font-size:var(--cf-font-size-275)}.article-page .files-fact-grid dd{margin:var(--cf-space-100) 0 0;color:var(--cf-color-text);font-family:var(--cf-font-mono);overflow-wrap:anywhere}.article-page .files-drop-zone{margin:var(--cf-space-300);border:1px dashed var(--cf-color-border-control);border-radius:var(--cf-radius-300);background:var(--cf-color-surface-sunken);color:var(--cf-color-text-secondary);padding:var(--cf-space-500);text-align:center}.article-page .files-image-preview{display:block;max-width:100%;max-height:18rem;border-radius:var(--cf-radius-200);border:1px solid var(--cf-color-border)}.article-page .files-text-preview{max-height:14rem;overflow:auto;white-space:pre-wrap;border:1px solid var(--cf-color-border);border-radius:var(--cf-radius-200);background:var(--cf-color-surface-sunken);padding:var(--cf-space-300);color:var(--cf-color-text)}.article-page .misconception-list{display:grid;grid-gap:var(--cf-space-300);gap:var(--cf-space-300);padding-left:0;list-style:none}.article-page .misconception-list li{border:1px solid var(--cf-color-border);border-radius:var(--cf-radius-300);background:var(--cf-color-surface-raised);padding:var(--cf-space-300)}@media(max-width:768px){.article-page .files-fact-grid{grid-template-columns:1fr}}