/* Scoped module styles; the shared shell owns theme and page layout. */
.operating-strategies { color: var(--ink, #eee); font: inherit; min-width: 0; }
.operating-strategies .strategy-intro { margin-bottom: 1rem; }
.operating-strategies h3 { font-size: 1.15rem; margin: 0 0 .6rem; }
.operating-strategies h4 { font-size: 1rem; margin: 0 0 .65rem; }
.operating-strategies p { line-height: 1.55; margin: .5rem 0; }
.operating-strategies .strategy-actions { display: flex; gap: .65rem; flex-wrap: wrap; margin: 1rem 0; }
.operating-strategies.embedded > .strategy-actions:first-child { margin-top: 0; }
.operating-strategies button { font: inherit; border: 1px solid var(--line, #555); border-radius: 8px;
  padding: .65rem .95rem; min-height: 44px; line-height: 1.35; cursor: pointer; max-width: 100%; white-space: normal; }
.operating-strategies button.also { background: var(--surface, #242424); color: var(--ink, #eee); }
.operating-strategies button.act { background: var(--action, #15553f); color: var(--on-action, #fff); }
.operating-strategies button:disabled { opacity: .6; cursor: progress; }
.operating-strategies :is(button, summary, select):focus-visible { outline: 3px solid var(--focus, #86cfad); outline-offset: 3px; }
.operating-strategies .strategy-review, .operating-strategies .strategy-result { margin-top: 1.25rem; padding: 1rem;
  border: 1px solid var(--line, #555); border-radius: 10px; background: var(--surface, #242424); }
.operating-strategies .strategy-note { color: var(--muted, #bdbdbd); font-size: .92em; }
.operating-strategies details { margin-top: .75rem; }
.operating-strategies summary { cursor: pointer; min-height: 32px; line-height: 1.5; }
.operating-strategies .strategy-evidence dd, .operating-strategies .strategy-id { overflow-wrap: anywhere; margin: .25rem 0 .75rem; font-size: .86em; }
.operating-strategies .strategy-cards { display: grid; grid-template-columns: repeat(auto-fit,minmax(min(100%,230px),1fr)); gap: .8rem; margin: 1.1rem 0; }
.operating-strategies .strategy-card { padding: .9rem; border: 1px solid var(--line, #555); border-radius: 8px; min-width: 0; }
.operating-strategies .strategy-totals { display: flex; gap: 1.5rem; flex-wrap: wrap; margin: 0; }
.operating-strategies .strategy-totals dt { font-size: .85em; color: var(--muted, #bdbdbd); }
.operating-strategies .strategy-totals dd { font-size: 1.3em; margin: .3rem 0 0; }
.operating-strategies .strategy-totals span { font-size: .65em; }
.operating-strategies .strategy-message { border-left: 3px solid var(--focus, #86cfad); padding: .6rem .8rem; }
.operating-strategies .strategy-weather select { display: block; width: 100%; max-width: 38rem; margin-top: .4rem;
  background: var(--surface, #242424); color: var(--ink, #eee); border: 1px solid var(--line, #555);
  border-radius: 8px; font: inherit; min-height: 44px; padding: .6rem; }
.operating-strategies .strategy-history ul { padding: 0; list-style: none; }
.operating-strategies .strategy-history li { margin: .5rem 0; }
.operating-strategies .strategy-history button { text-align: left; overflow-wrap: anywhere; }
@media (max-width: 420px) {
  .operating-strategies .strategy-review, .operating-strategies .strategy-result { padding: .8rem; }
  .operating-strategies .strategy-actions { gap: .5rem; }
}