/* Páginas editoriais (DJI, marcas, ferramentas). Reaproveita as variáveis e componentes do site. */
.ed-body { max-width: 860px; }
.ed-body > * + * { margin-top: 16px; }
.ed-h2 { font-size: clamp(1.7rem, 3.4vw, 2.3rem); margin-top: 38px !important; }
.ed-h3 { font-size: 1.35rem; margin-top: 24px !important; }
.ed-p { max-width: 70ch; }
.ed-list { padding-left: 1.25em; max-width: 70ch; display: grid; gap: 8px; }
.text-link-inline { color: #18586e; text-decoration: underline; text-underline-offset: .18em; }
.ed-aviso { display: flex; gap: 10px; align-items: flex-start; padding: 12px 14px; border: 1px solid #c8b78a; border-left: 4px solid var(--yellow); background: #fbf3d6; border-radius: 6px; max-width: 70ch; }
.ed-aviso .icon { flex: none; color: #7a5b00; margin-top: 2px; }
.ed-cards { max-width: none; }
.dji-table { min-width: 860px; }
.dji-table td, .dji-table th { font-size: .94rem; }
.editorial-page .faq, .editorial-page .guide-links { margin-top: 38px; max-width: 860px; }
.pv-callout { margin-top: 14px; }
.pv { display: grid; gap: 16px; max-width: 860px; }
.pv-form { display: grid; gap: 18px; padding: 18px; border: 1px solid var(--control-line); border-radius: 8px; background: var(--white); }
.pv-field { display: grid; gap: 8px; border: 0; padding: 0; margin: 0; min-width: 0; }
.pv-field legend, .pv-label, .pv-field > label[for] { font-weight: 600; padding: 0; }
.pv-field input[type=number] { width: 100%; max-width: 280px; min-height: 48px; padding: 8px 12px; border: 1px solid var(--control-line); border-radius: 6px; font: inherit; background: #fff; }
.pv-field label:has(input[type=radio]), .pv-field label:has(input[type=checkbox]) { display: flex; gap: 10px; align-items: center; min-height: 44px; }
.pv-line { display: grid; gap: 6px; }
.pv-line-name { font-family: var(--mono); font-size: .8rem; text-transform: uppercase; letter-spacing: .06em; color: var(--muted); }
.pv-chips { display: flex; flex-wrap: wrap; gap: 8px; }
.pv-chip { min-height: 44px; padding: 6px 12px; border: 1px solid var(--control-line); border-radius: 22px; background: var(--paper); font: inherit; font-weight: 600; cursor: pointer; }
.pv-chip span { font-family: var(--mono); font-weight: 500; font-size: .82rem; color: var(--muted); margin-left: 4px; }
.pv-chip:hover { background: #f7e6da; border-color: #ae8070; }
.pv-chip[aria-pressed=true] { background: var(--ink); color: var(--paper); border-color: var(--ink); }
.pv-chip[aria-pressed=true] span { color: #d8dedb; }
.pv-result { display: grid; gap: 12px; }
.pv-faixa { padding: 14px 16px; border-radius: 8px; background: #e6efe9; border: 1px solid #b3c9bb; font-weight: 600; }
.pv-faixa.pv-acima { background: #fbeadf; border-color: #d9a98f; }
.pv-tema { font-family: var(--mono); font-size: .8rem; text-transform: uppercase; letter-spacing: .06em; color: var(--muted); margin-top: 8px; }
.pv-regra { padding: 14px 16px; border: 1px solid #c2ccc2; border-radius: 6px; background: var(--white); display: grid; gap: 6px; }
.pv-regra h3 { font-size: 1.3rem; }
.pv-regra p { color: var(--muted); }
.pv-fonte { font-size: var(--caption-size); }
@media (max-width: 620px) {
  .pv-form { padding: 14px; }
  .pv-chip { padding: 6px 10px; }
}
