/* same styling */
.eec16-wrap{
  --bg:#f7f5e9;
  --card:#ffffff;
  --text:#1a1a1a;
  --muted:#6f6f6f;
  --accent:#8b6f47;
  --accent-2:#e8f7ee;
  font-family: 'Italiana', Georgia, "Times New Roman", serif;
  color: var(--text);
  background: var(--bg);
  border-radius: 16px;
  padding: 24px;
  box-shadow: 0 8px 24px rgba(0,0,0,.12);
  max-width: 1100px;
  margin: 24px auto;
  line-height: 1.6em;
}
.eec16-title{ font-size: clamp(28px,3vw,40px); text-align:center; margin: 0 0 16px; }
.eec16-sections{ display:grid; gap:16px; }
.eec16-card{ background: var(--card); border:1px solid #eee; border-radius:14px; padding:16px 16px 18px; }
.eec16-card h3{ margin:0 0 10px; font-size: 20px; color: var(--accent); }
.eec16-field{ display:flex; flex-direction:column; gap:6px; margin-bottom:10px; }
.eec16-field input, .eec16-field select, .eec16-field textarea{
  padding:10px; border:1px solid #cfcfcf; border-radius:10px; font-size:16px; outline:none;
  font-family: inherit; background:#fff; color:#222;
}
.eec16-field input:focus, .eec16-field select:focus, .eec16-field textarea:focus{
  border-color: var(--accent); box-shadow: 0 0 0 3px rgba(139,111,71,.15);
}
.eec16-checks{ display:flex; gap:18px; flex-wrap:wrap; }
.eec16-grid-2{ display:grid; grid-template-columns: 1fr 1fr; gap:12px; }
.eec16-grid-3{ display:grid; grid-template-columns: 1fr 1fr 1fr; gap:12px; }
@media (max-width:900px){ .eec16-grid-3{ grid-template-columns:1fr; } }
@media (max-width:720px){ .eec16-grid-2{ grid-template-columns:1fr; } }

.eec16-help{
  margin-left:6px; width:22px; height:22px; border-radius:50%;
  border:1px solid var(--accent); background:#fff; color:var(--accent);
  cursor:pointer; font-weight:bold; line-height:20px; text-align:center; padding:0;
}
.eec16-cop-table{ margin-top:10px; }
.eec16-cop-table .eec16-row{ display:grid; grid-template-columns: 1fr 1fr; gap:10px; margin-bottom:8px; }

.eec16-results{ border:1px dashed var(--accent); background: #faf8f2; }
.eec16-numbers{ display:grid; grid-template-columns: 1fr 1fr 1fr; gap:12px; margin:6px 0 12px; }
.eec16-num{ font-size:clamp(20px,3vw,28px); font-weight:700; }
.eec16-label{ color: var(--muted); }
.eec16-reco{
  margin:10px 0; padding:12px; border-radius:10px;
  background: var(--accent-2); border:1px solid #b7e1c9; color:#0d4d2b; font-weight:600;
}
.eec16-chart-caption{ font-size:14px; color:var(--muted); margin-top:6px; text-align:center; }
.eec16-note{ font-size:14px; color:#444; background:#fffef3; border-color:#f0e9b0; }
.eec16-preset-info{
  background:#f1f7ff; border:1px solid #cfe3ff; color:#0b3a77;
  border-radius:10px; padding:10px; margin-top:8px; font-size:14px;
}


/* === Mobile containment patch 1.6.9 === */
html, body { max-width: 100%; overflow-x: hidden; }
* { box-sizing: border-box; }

.eec16-wrap { width: 100%; max-width: min(100%, 1100px); margin: 0 auto; padding: 12px; }

/* Respect hidden attribute everywhere */
[hidden]{ display:none !important; }

/* Prevent cards/rows from overflowing the wrapper */
.eec16-card, .eec16-row { max-width:100%; width:100%; overflow:hidden; box-sizing:border-box; }

/* Let grid children actually shrink */
.eec16-grid-2, .eec16-grid-3, .eec16-field { min-width:0; }

/* Inputs/selects never bleed horizontally */
.eec16-field input,
.eec16-field select,
.eec16-field textarea { width:100%; max-width:100%; min-width:0; display:block; }

/* Make canvases scale to fit while keeping original JS sizing intact */
.eec16-card canvas { display:block; max-width:100%; height:auto; }