.qf-aedc-en { font-family: inherit; color: #1f2937; }
.qf-aedc-en-card { max-width: 1080px; margin: 24px auto; padding: 22px; border: 1px solid #dbe3ea; border-radius: 16px; background: #ffffff; box-shadow: 0 8px 28px rgba(31,78,121,.08); }
.qf-aedc-en-header h3 { margin: 0 0 6px 0; font-size: 1.5rem; color: #1f4e78; }
.qf-aedc-en-header p { margin: 0 0 18px 0; color: #5b6773; }
.qf-aedc-en-grid { display: grid; grid-template-columns: minmax(280px, 420px) 1fr; gap: 18px; align-items: start; }
.qf-aedc-en-panel { padding: 16px; border: 1px solid #e5e7eb; border-radius: 12px; background: #f9fafb; }
.qf-aedc-en label { display: block; margin: 0 0 6px 0; font-weight: 700; font-size: .92rem; color: #26384a; }
.qf-aedc-en select, .qf-aedc-en input { width: 100%; box-sizing: border-box; padding: 10px 12px; border: 1px solid #cbd5e1; border-radius: 10px; background: #fff; font-size: 1rem; }
.qf-aedc-en-row { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-top: 14px; }
.qf-aedc-en output { display: block; min-height: 42px; padding: 10px 12px; border: 1px solid #c9dfc2; border-radius: 10px; background: #e9f6e4; font-weight: 800; color: #163b15; }
.qf-aedc-en-official { margin-top: 16px; padding: 14px; border: 1px solid #ddd6fe; border-radius: 12px; background: #f5f3ff; }
.qf-aedc-en-official h4 { margin: 0 0 4px 0; color: #5b21b6; font-size: 1rem; }
.qf-aedc-en-official output { background: #ffffff; border-color: #c4b5fd; color: #3b0764; }
.qf-aedc-en-result { margin-top: 16px; padding: 12px 14px; border-left: 4px solid #1f4e78; border-radius: 8px; background: #eef6fc; }
.qf-aedc-en-result p { margin: 6px 0 0 0; }
.qf-aedc-en-chart-wrap { width: 100%; overflow: hidden; border: 1px solid #e5e7eb; border-radius: 12px; background: #fff; }
.qf-aedc-en-chart-wrap svg { width: 100%; height: auto; display: block; }
.qf-aedc-en-note { font-size: .86rem; color: #687789; margin: 10px 0 0 0; }
.qf-aedc-en-details { margin-top: 16px; font-size: .92rem; color: #4b5563; }
.qf-aedc-en-details summary { cursor: pointer; font-weight: 800; color: #1f4e78; }
.qf-aedc-en code { background: #eef2f7; padding: 1px 4px; border-radius: 4px; }
@media (max-width: 860px) {
  .qf-aedc-en-grid { grid-template-columns: 1fr; }
  .qf-aedc-en-row { grid-template-columns: 1fr; }
}