/* endpoint-attainability explainer; every selector is scoped to .explain-endpoint-attainability. */
.explain-endpoint-attainability .ea-core { margin:16px 0 12px; font-size:15px; font-weight:600; line-height:1.65; }
.explain-endpoint-attainability .ea-problem { display:flex; align-items:baseline; gap:8px; margin:0 0 12px; padding:10px 14px; border:1px solid #f0dcc0; border-radius:12px; background:#fffaf2; color:#5e4520; font-size:14px; line-height:1.7; }
.explain-endpoint-attainability .ea-badge { flex:none; padding:1px 7px; border-radius:6px; background:#d98a1f; color:#fff; font-size:11.5px; font-weight:700; letter-spacing:.04em; }
.explain-endpoint-attainability .ea-explorer { display:grid; gap:10px; padding:14px; border:1px solid #dbe8e4; border-radius:16px; background:linear-gradient(180deg,#f5fbfa,#fbfdfc); }
.explain-endpoint-attainability .ea-modes { display:grid; grid-template-columns:1fr 1fr; gap:8px; }
.explain-endpoint-attainability .ea-modes button { display:grid; justify-items:center; gap:1px; padding:7px 8px; border:1px solid #d6e6e1; border-radius:11px; background:#fff; color:var(--ink); font:inherit; cursor:pointer; }
.explain-endpoint-attainability .ea-modes button span { font-size:15px; font-weight:650; }
.explain-endpoint-attainability .ea-modes button small { color:var(--muted); font-size:12px; }
.explain-endpoint-attainability .ea-modes button[aria-pressed="true"] { border-color:var(--teal); background:#e9f6f2; box-shadow:inset 0 0 0 1px var(--teal); }
.explain-endpoint-attainability .ea-modes button[aria-pressed="true"] small { color:var(--teal-dark); }
.explain-endpoint-attainability .ea-modes button:focus-visible { outline:3px solid #82cfc7; outline-offset:2px; }
.explain-endpoint-attainability .ea-lead { margin:0 0 8px; color:#33504a; font-size:14px; font-weight:600; text-align:center; }
.explain-endpoint-attainability .ea-grid { display:grid; grid-template-columns:1fr 1fr; gap:8px; }
.explain-endpoint-attainability .ea-col { display:grid; justify-items:center; color:#33504a; font-size:13.5px; font-weight:650; }
.explain-endpoint-attainability .ea-col small { color:var(--muted); font-size:11.5px; font-weight:500; }
.explain-endpoint-attainability .ea-cell { display:grid; gap:4px; margin:0; padding:8px 10px 10px; border:1px solid #ecd5ce; border-radius:12px; background:#fdf8f6; }
.explain-endpoint-attainability .ea-cell.kept { border-color:#bfe0d6; background:#eef8f5; }
.explain-endpoint-attainability .ea-cell figcaption { display:flex; align-items:center; justify-content:space-between; gap:6px; font-size:14px; }
.explain-endpoint-attainability .ea-cell figcaption b { font-size:13.5px; color:#a8432f; white-space:nowrap; }
.explain-endpoint-attainability .ea-cell.kept figcaption b { color:var(--teal-dark); }
.explain-endpoint-attainability .ea-cell p { margin:0; color:#46605a; font-size:12.5px; line-height:1.55; }
.explain-endpoint-attainability .ea-graph { display:block; width:100%; max-width:220px; height:auto; margin:0 auto; }
.explain-endpoint-attainability .ea-axis { fill:none; stroke:#9dafaa; stroke-width:1.3; }
.explain-endpoint-attainability .ea-axis-label { fill:#6b8a80; font-size:10px; font-style:italic; }
.explain-endpoint-attainability .ea-curve { fill:none; stroke:#087f79; stroke-width:3; stroke-linecap:round; }
.explain-endpoint-attainability .ea-end { fill:#087f79; }
.explain-endpoint-attainability .ea-end.open { fill:#fff; stroke:#087f79; stroke-width:1.6; }
.explain-endpoint-attainability .ea-touch { fill:#b6782c; stroke:#fff; stroke-width:2; }
.explain-endpoint-attainability .ea-touch.open { fill:#fff; stroke:#b6782c; stroke-width:2.4; }
.explain-endpoint-attainability .ea-rule { margin:10px 0 0; color:#33504a; font-size:14px; font-weight:650; text-align:center; }
.explain-endpoint-attainability .ea-motto { margin:12px 0 0; color:var(--teal-dark); font-size:15px; font-weight:650; text-align:center; }
.explain-endpoint-attainability .ea-motto::before { content:"做法"; margin-right:8px; padding:1px 7px; border-radius:6px; background:#e3f3ee; color:var(--teal-dark); font-size:12px; font-weight:700; vertical-align:1px; }
.explain-endpoint-attainability .ea-notes { display:grid; grid-template-columns:1fr 1fr; gap:10px; margin:16px 0 0; }
.explain-endpoint-attainability .ea-note { padding:12px 14px; border:1px solid #e0ebe8; border-radius:14px; background:#fbfdfc; font-size:13.5px; line-height:1.7; }
.explain-endpoint-attainability .ea-note h3 { margin:0 0 6px; font-size:14px; font-weight:700; }
.explain-endpoint-attainability .ea-note p { margin:0 0 6px; }
.explain-endpoint-attainability .ea-note > :last-child { margin-bottom:0; }
.explain-endpoint-attainability .ea-link { padding:0; border:0; background:none; color:var(--teal-dark); font:inherit; font-weight:650; text-decoration:underline; text-underline-offset:3px; cursor:pointer; }
@media(max-width:600px) {
  .explain-endpoint-attainability .ea-core { font-size:14px; }
  .explain-endpoint-attainability .ea-explorer { padding:10px 8px; }
  .explain-endpoint-attainability .ea-grid { gap:6px; }
  .explain-endpoint-attainability .ea-cell { padding:6px 7px 8px; }
  .explain-endpoint-attainability .ea-cell figcaption { flex-direction:column; align-items:flex-start; gap:0; }
  .explain-endpoint-attainability .ea-notes { grid-template-columns:1fr; }
}