.note-article-content .strain-interactive {margin:28px 0;padding:24px;border:1px solid #d5d4c9;border-radius:8px;background:#fafaf5;color:#202c23;}
.strain-controls {display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;margin-bottom:18px;}
.strain-controls label {font-size:.95rem;font-weight:700;}
.strain-controls select {min-height:44px;max-width:100%;padding:10px 36px 10px 12px;border:1px solid #7f8b7c;border-radius:4px;background:#fff;color:#202c23;font:inherit;font-size:.95rem;}
.strain-plot-area {min-width:0;}
.strain-plot {display:block;width:100%;overflow:visible;font-family:Arial,sans-serif;font-size:14px;fill:#202c23;}
.strain-plot .strain-grid {stroke:#d8ddd4;stroke-width:1;}
.strain-plot .strain-zero {stroke:#747e70;stroke-width:1.3;}
.strain-plot .strain-axis {font-size:12px;fill:#505b4f;}
.strain-plot .strain-axis-caption {font-size:13px;fill:#505b4f;}
.strain-plot .strain-value {font-size:13px;font-weight:700;font-variant-numeric:tabular-nums;}
.strain-plot .strain-feature-label {font-size:12px;}
.note-article-content .strain-chart-status {margin:4px 0 12px;font-size:.9rem;line-height:1.5;}
.note-article-content .strain-chart-note {margin:0 0 16px;font-size:.82rem;line-height:1.5;color:#505b4f;}
.strain-data {border-top:1px solid #d5d4c9;padding-top:12px;}
.strain-data summary {cursor:pointer;font-size:.9rem;padding:8px 0;color:#345c3c;}
.note-article-content .strain-data table {margin:12px 0;font-size:.82rem;}
.note-article-content .strain-data th,.note-article-content .strain-data td {min-width:70px;padding:10px;white-space:normal;}
.note-article-content a.strain-enlarge {display:inline-block;margin:8px 0 0;text-underline-offset:3px;font-size:.88rem;}
.note-article-content .strain-visual-links {display:flex;gap:8px 22px;flex-wrap:wrap;font-size:.88rem;}
.strain-lightbox {width:calc(100vw - 48px);max-width:1720px;max-height:calc(100vh - 48px);padding:20px;border:1px solid #8f9b8b;border-radius:8px;background:#fafaf5;color:#202c23;box-sizing:border-box;}
.strain-lightbox::backdrop {background:rgb(19 30 24 / 78%);}
.strain-close {min-height:44px;padding:10px 16px;border:1px solid #426b45;border-radius:4px;background:#426b45;color:white;font:inherit;cursor:pointer;}
.strain-lightbox-hint {font-size:.9rem;margin:12px 0;}
.strain-lightbox-scroll {max-height:calc(100vh - 210px);overflow:auto;background:white;border:1px solid #d5d4c9;}
.strain-lightbox-scroll img {display:block;width:1600px;max-width:none;height:auto;}
.strain-close:focus-visible,.strain-data summary:focus-visible,.strain-lightbox-scroll:focus-visible,.strain-controls select:focus-visible {outline:3px solid #aa6f22;outline-offset:3px;}
@media(max-width:600px) {
  .note-article-content .strain-interactive {padding:14px 10px;}
  .strain-controls {display:block;}
  .strain-controls label {display:block;margin-bottom:8px;}
  .strain-controls select {width:100%;}
  .strain-lightbox {width:calc(100vw - 20px);max-height:calc(100vh - 20px);padding:12px;}
}