.field-diagram, .field-figure img { display: block; width: 100%; max-width: 720px; height: auto; margin: 18px auto; }
.field-figure { margin: 24px 0; padding: 12px; border: 1px solid #dce3ec; border-radius: 12px; background: #f5f9fc; }
.field-figure figcaption { color: #344860; font-size: 14px; line-height: 1.7; }
.field-links { display: flex; flex-wrap: wrap; gap: 8px; margin: 20px 0; }
.field-links a { padding: 8px 12px; border: 1px solid #b7cbdc; border-radius: 8px; color: #103a6b; background: #fff; font-size: 14px; }
.field-links a[aria-current="page"] { background: #103a6b; color: #fff; }
.field-links a:focus-visible { outline: 3px solid #ed7d31; outline-offset: 3px; }
.field-intro { color: #42566d; line-height: 1.8; margin-bottom: 20px; }
.field-sources { margin-top: 24px; line-height: 1.9; }
.field-sources a { color: #12577e; text-decoration: underline; }
.field-sources ul { padding-left: 24px; }
.formula-panel { padding: 16px; margin: 20px 0; background: #f0f7fc; border-left: 4px solid #2f8dc7; border-radius: 8px; }
.formula-panel math, .qtext math { max-width: 100%; padding: 14px 4px; overflow-x: auto; font-size: 1.15em; }
.code-sample { max-width: 100%; overflow-x: auto; margin: 18px 0; padding: 18px; border-radius: 10px; background: #10263e; color: #f4f8ff; text-align: left; line-height: 1.7; tab-size: 4; }
.code-sample code { color: inherit; background: transparent; white-space: pre; font: 14px/1.7 Consolas, monospace; padding: 0; }
.code-output { white-space: pre-wrap; font-family: Consolas, monospace; }
.qtext, .qcard, .review-item { min-width: 0; }
@media (max-width: 480px) { .field-figure { padding: 4px; } .field-links a { flex-grow: 1; text-align: center; } }