/* Component styles derived from the accepted Operating Opportunity Explorer concept. */
#operating-opportunity :focus-visible {outline:3px solid var(--focus-dark);outline-offset:3px}
#operating-opportunity .tab-title {font-size:.8rem;font-weight:800;color:var(--muted);margin:0 0 9px;text-transform:uppercase;letter-spacing:.08em}
#operating-opportunity .tabs {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-bottom:15px}
#operating-opportunity .tab {text-align:left;background:#fff;border:1px solid var(--line);border-radius:10px;padding:14px 15px 12px;cursor:pointer;min-width:0;transition:border-color 120ms ease}
#operating-opportunity .tab[aria-selected="true"] {border-color:var(--teal);box-shadow:inset 0 4px var(--orange)}
#operating-opportunity .tab:hover {border-color:var(--teal)}
#operating-opportunity .tab strong {display:block;color:var(--navy);font-size:1.14rem;letter-spacing:-.013em}
#operating-opportunity .tab span {display:block;color:var(--muted);font-size:.94rem;line-height:1.45;margin-top:5px}
#operating-opportunity .calculator {display:grid;grid-template-columns:minmax(320px,4fr) minmax(0,6fr);gap:14px;align-items:stretch}
#operating-opportunity .panel {background:#fff;border:1px solid var(--line);border-radius:11px;min-width:0;padding:24px}
#operating-opportunity .panel-title {display:flex;align-items:baseline;justify-content:space-between;gap:14px;margin-bottom:9px}
#operating-opportunity h2 {color:var(--navy);letter-spacing:-.027em;line-height:1.22}
#operating-opportunity .panel-title h2 {font-size:1.3rem;margin:0}
#operating-opportunity .reset {border:0;padding:2px 0;background:transparent;color:var(--teal);text-decoration:underline;text-underline-offset:3px;cursor:pointer;font-size:.94rem;font-weight:750}
#operating-opportunity .panel-info {margin:0 0 15px;font-size:.99rem;color:var(--muted)}
#operating-opportunity .field {padding:13px 0 16px;border-top:1px solid #ebe9e4}
#operating-opportunity .field[hidden] {display:none}
#operating-opportunity .field-line {display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:11px}
#operating-opportunity .field-line label {font-size:.99rem;font-weight:740;max-width:68%}
#operating-opportunity .field-line .lever-label {display:flex;align-items:center;gap:8px;max-width:70%;min-width:0}
#operating-opportunity .field-line .lever-label label {max-width:none}
#operating-opportunity .lever-help {flex:none}
#operating-opportunity .lever-help summary {display:grid;place-items:center;border:1px solid #a8bcb7;border-radius:50%;width:20px;height:20px;font-size:.74rem;font-weight:850;line-height:1;color:var(--teal);background:#edf4ef;cursor:pointer;list-style:none}
#operating-opportunity .lever-help summary::-webkit-details-marker {display:none}
#operating-opportunity .lever-help[open] summary {border-color:var(--teal);background:var(--teal);color:#fff}
#operating-opportunity .field {position:relative}
#operating-opportunity .help-popover {position:absolute;z-index:5;left:0;right:0;top:41px;padding:12px 14px;border-radius:8px;border:1px solid var(--teal);background:#fff;box-shadow:0 8px 22px #0e1b2a20;color:var(--ink);font-size:.96rem;line-height:1.48;font-weight:450}
#operating-opportunity .field-line output {font-size:1.04rem;font-weight:790;text-align:right;font-variant-numeric:tabular-nums;color:var(--navy);white-space:nowrap}
#operating-opportunity input[type=range] {display:block;appearance:none;-webkit-appearance:none;width:100%;height:7px;margin:3px 0 10px;background:#d9e5df;border-radius:20px;cursor:pointer}
#operating-opportunity input[type=range]::-webkit-slider-thumb {appearance:none;-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:var(--teal);border:3px solid #fff;box-shadow:0 0 0 2px var(--teal)}
#operating-opportunity input[type=range]::-moz-range-thumb {width:15px;height:15px;border-radius:50%;background:var(--teal);border:3px solid #fff;box-shadow:0 0 0 2px var(--teal)}
#operating-opportunity .range-ends {display:flex;justify-content:space-between;gap:8px;font-size:.86rem;color:var(--muted)}
#operating-opportunity .point-value {margin:10px 0 0;color:var(--teal);font-size:.96rem;line-height:1.44;font-weight:740}
#operating-opportunity .field-description {margin:7px 0 0;font-size:.95rem;line-height:1.5;color:var(--muted)}
#operating-opportunity .inputs-foot {border-left:3px solid var(--orange);padding:10px 12px;margin-top:10px;background:var(--paper-warm);color:#4e5d69;font-size:.94rem;line-height:1.5}
#operating-opportunity .result-eyebrow {color:var(--teal);font-size:.73rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;margin:0 0 8px}
#operating-opportunity .result-label {color:var(--navy);font-size:1.22rem;font-weight:750;line-height:1.35;margin:0}
#operating-opportunity .big-number {color:var(--navy);font-weight:780;font-size:clamp(2.8rem,5vw,4.1rem);letter-spacing:-.066em;line-height:1.14;margin:4px 0 4px;font-variant-numeric:tabular-nums}
#operating-opportunity .delta {font-size:.99rem;font-weight:770;color:var(--teal);margin:0 0 8px}
#operating-opportunity .result-explainer {font-size:.98rem;line-height:1.55;color:var(--muted);margin:0}
#operating-opportunity .combined-mechanism {font-size:.96rem;line-height:1.55;border-left:3px solid var(--orange);padding:3px 0 3px 11px;margin:12px 0 0;color:#364957}
#operating-opportunity .result-divider {border:0;border-top:1px solid var(--line);margin:18px 0}
#operating-opportunity .compare-label {font-size:1rem;font-weight:780;color:var(--navy);margin:0 0 11px}
#operating-opportunity .bar-line {display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:.93rem;margin:8px 0 5px;color:var(--muted)}
#operating-opportunity .bar-line strong {color:var(--navy);font-variant-numeric:tabular-nums}
#operating-opportunity .bar {height:15px;background:#e7edeb;border-radius:4px;overflow:hidden}
#operating-opportunity .bar > div {height:100%;background:var(--teal);transition:width 110ms ease;width:100%}
#operating-opportunity .bar.future-comparison {display:flex}
#operating-opportunity .bar.future-comparison .base {height:100%;background:var(--navy);transition:width 110ms ease;width:100%}
#operating-opportunity .bar.future-comparison .gain {height:100%;background:var(--orange);transition:width 110ms ease;width:0}
#operating-opportunity .breakdown {display:grid;gap:7px}
#operating-opportunity .break-row {display:flex;align-items:baseline;justify-content:space-between;gap:15px;font-size:.94rem}
#operating-opportunity .break-row span {color:var(--muted)}
#operating-opportunity .break-row strong {color:var(--navy);white-space:nowrap;font-variant-numeric:tabular-nums}
#operating-opportunity .break-row.total {border-top:1px solid var(--line);padding-top:9px;margin-top:4px;font-weight:800}
#operating-opportunity .break-row.total span {color:var(--navy)}
#operating-opportunity .use-title {font-size:1.05rem;color:var(--navy);font-weight:800;margin:0 0 9px}
#operating-opportunity .use-note {font-size:.95rem;color:#4c5965;line-height:1.55;margin:0 0 11px}
#operating-opportunity .use-options {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
#operating-opportunity .use-option {border:1px solid var(--line);background:#fff;border-radius:7px;padding:10px 7px;font-size:.93rem;line-height:1.27;text-align:center;color:#394a5a;font-weight:720;cursor:pointer}
#operating-opportunity .use-option[aria-pressed="true"] {border-color:var(--teal);background:#edf4ef;color:var(--navy)}
#operating-opportunity .use-result {margin-top:11px;border-top:1px solid #e5e8e3;padding-top:11px}
#operating-opportunity .use-result strong {font-size:1.5rem;color:var(--navy);display:block;line-height:1.18;letter-spacing:-.038em;font-variant-numeric:tabular-nums}
#operating-opportunity .use-result p {margin:6px 0 0;color:var(--muted);font-size:.96rem;line-height:1.5}
#operating-opportunity .patterns {padding:23px 0 10px}
#operating-opportunity .patterns h2 {font-size:1.45rem;margin:0 0 6px}
#operating-opportunity .patterns-intro {font-size:1rem;color:var(--muted);margin:0 0 17px;max-width:850px}
#operating-opportunity .pattern-columns {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
#operating-opportunity .pattern-column {min-width:0;border-top:3px solid var(--orange);padding-top:14px}
#operating-opportunity .pattern-column[hidden] {display:none}
#operating-opportunity .pattern-column h3 {font-size:1.06rem;color:var(--navy);margin:0 0 9px}
#operating-opportunity .pattern-controls {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
#operating-opportunity .pattern-button {text-align:left;border:1px solid var(--line);border-radius:7px;background:#fff;color:#405261;font-size:.94rem;padding:10px 10px;cursor:pointer;line-height:1.32}
#operating-opportunity .pattern-button[aria-pressed="true"] {background:var(--navy);color:#fff;border-color:var(--navy)}
#operating-opportunity .pattern-mechanism {background:transparent;border-left:3px solid var(--teal);padding:7px 0 7px 12px;margin:13px 0 0;font-size:.98rem;line-height:1.57;color:#405261;min-height:69px}
#operating-opportunity .pattern-mechanism b {color:var(--navy)}
#operating-opportunity .proof {padding:11px 0 30px;border-top:1px solid var(--line);margin-top:11px}
#operating-opportunity .proof .eyebrow {margin:14px 0 7px}
#operating-opportunity .proof h2 {font-size:1.25rem;margin:0 0 10px}
#operating-opportunity .proof-content {display:grid;grid-template-columns:minmax(200px,1fr) minmax(0,2fr);gap:14px;align-items:baseline}
#operating-opportunity .proof-figure {color:var(--navy);font-size:clamp(1.4rem,2.4vw,2rem);line-height:1.22;font-weight:790;letter-spacing:-.035em;font-variant-numeric:tabular-nums}
#operating-opportunity .proof-copy {margin:0;color:#475765;line-height:1.6;font-size:.98rem}
#operating-opportunity .proof-copy a {color:var(--teal);font-weight:730}
#operating-opportunity .action {border:1px solid var(--line);border-left:5px solid var(--orange);background:#fff;border-radius:9px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:21px 24px;margin:0 0 31px}
#operating-opportunity .action h2 {font-size:1.35rem;margin:0 0 8px}
#operating-opportunity .action p {font-size:.98rem;color:#506171;line-height:1.6;margin:0;max-width:710px}
#operating-opportunity .action-links {display:flex;flex-direction:column;align-items:flex-start;gap:10px;flex:none}
#operating-opportunity .action .primary-cta {display:inline-block;background:var(--navy);color:#fff;text-decoration:none;border-radius:8px;padding:11px 16px;font-size:.96rem;font-weight:760;white-space:nowrap}
#operating-opportunity .action .primary-cta:hover {background:#203a53}
#operating-opportunity .action .secondary-cta {display:inline-block;color:var(--teal);font-size:.96rem;font-weight:720;text-underline-offset:3px}
#operating-opportunity .action .secondary-cta:hover {color:var(--navy)}
#operating-opportunity .proof-figure span {display:block}
#operating-opportunity .proof-figure span + span {margin-top:6px}
#operating-opportunity .sticky-result {display:none}
#operating-opportunity .sticky-result[hidden] {display:none!important}
#operating-opportunity [hidden] {display:none!important}
@media (max-width:950px) {

#operating-opportunity .panel {padding:22px}
#operating-opportunity .pattern-columns {gap:12px}
#operating-opportunity .sticky-result:not([hidden]) {display:flex;position:fixed;left:0;right:0;bottom:0;z-index:20;align-items:center;justify-content:space-between;gap:15px;background:var(--navy);border-top:3px solid var(--orange);color:#fff;padding:12px max(19px,env(safe-area-inset-right)) calc(12px + env(safe-area-inset-bottom)) max(19px,env(safe-area-inset-left));box-shadow:0 -5px 16px #0e1b2a28}
#operating-opportunity .sticky-result .sticky-label {font-size:.83rem;color:#d7e0e8;font-weight:650;line-height:1.25}
#operating-opportunity .sticky-result .sticky-amount {font-size:1.35rem;font-weight:820;white-space:nowrap;letter-spacing:-.035em;font-variant-numeric:tabular-nums;line-height:1.2}
#operating-opportunity .sticky-result .sticky-percent {font-size:.86rem;font-weight:740;color:#a7e1d1;white-space:nowrap;font-variant-numeric:tabular-nums}
body.op-sticky-active {padding-bottom:72px}
}
@media (max-width:650px) {
#operating-opportunity .brand .concept {display:none}
#operating-opportunity .tabs {grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}
#operating-opportunity .tab {padding:12px 8px 11px}
#operating-opportunity .tab strong {font-size:1.01rem}
#operating-opportunity .tab span {font-size:.84rem;margin-top:5px}
#operating-opportunity .panel {padding:19px}
#operating-opportunity .big-number {font-size:clamp(2.55rem,11vw,3.2rem)}
#operating-opportunity .use-options {grid-template-columns:1fr}
#operating-opportunity .use-option {text-align:left;padding:10px 12px}
#operating-opportunity .pattern-columns {grid-template-columns:1fr;gap:19px}
#operating-opportunity .proof-content {grid-template-columns:1fr;gap:3px}
#operating-opportunity .action {flex-direction:column;align-items:flex-start;padding:19px}
#operating-opportunity .break-row {font-size:.91rem}
#operating-opportunity .sticky-result .sticky-amount {font-size:1.18rem}
}
@media (prefers-reduced-motion:reduce) {
#operating-opportunity .bar > div,
#operating-opportunity .tab {transition:none}
}

/* v1.10 HOME-OPERATING-OPPORTUNITY integration. Site tokens govern brand. */
#operating-opportunity { background: var(--paper); border-top: 1px solid var(--line); }
#operating-opportunity .op-explorer { width: 100%; }
#operating-opportunity .op-heading { max-width: 880px; margin: 0 0 2rem; }
#operating-opportunity .op-heading h2 { font-size: clamp(2rem, 4.3vw, 3.65rem); line-height: 1.15; letter-spacing:-.038em; margin: 0 0 .7rem; }
#operating-opportunity .op-heading > p:last-child { font-size: 1.07rem; line-height: 1.58; color: var(--muted); margin:0; max-width: 780px; }
#operating-opportunity button, #operating-opportunity input { font: inherit; }
#operating-opportunity a { text-underline-offset: 3px; }
#operating-opportunity .panel h2 { max-width: none; }
#operating-opportunity .tab-title { line-height:1.4; }
#operating-opportunity .tab { font-size: .92rem; }
#operating-opportunity .tabs button, #operating-opportunity .use-options button, #operating-opportunity .pattern-controls button { min-height: 44px; }
#operating-opportunity .result-divider { height:0; }
#operating-opportunity .bar { margin-bottom:.45rem; }
#operating-opportunity .op-proof-separator { padding:0 .4rem; color:var(--muted); }
#operating-opportunity .proof-copy { display:flex; flex-wrap:wrap; align-items:baseline; gap:.1rem; }
#operating-opportunity .op-calc-method { max-width: 1100px; font-size: .93rem; line-height:1.55; color: var(--muted); margin: 0 0 .75rem; }
#operating-opportunity .sticky-result { z-index:60; }
#operating-opportunity .primary-cta:focus-visible,#operating-opportunity .secondary-cta:focus-visible { outline:3px solid var(--focus-dark);outline-offset:3px; }
@media(max-width:950px){
 #operating-opportunity .calculator { grid-template-columns: minmax(0,1fr); }
}
@media(max-width:650px){
 #operating-opportunity .op-heading {margin-bottom:1.35rem;}
 #operating-opportunity .op-heading h2 { font-size: 2.05rem; }
 #operating-opportunity .proof-copy { display:flex; }
 #operating-opportunity .op-proof-separator { display:none; }
 #operating-opportunity .proof-copy a { display:block; flex: 0 0 100%; }
}

/* v1.11: native .wrap width and evidence-led reactive reference. */
#operating-opportunity .op-benchmark { padding:0 0 1.55rem; margin:0 0 1.45rem; border-bottom:1px solid var(--line); }
#operating-opportunity .op-benchmark-intro { color:var(--ink); max-width:1050px; }
#operating-opportunity .op-benchmark-intro strong { color:var(--navy); font-weight:800; }
#operating-opportunity .op-benchmark-source { color:var(--teal); }
#operating-opportunity .op-benchmark-context { color:var(--muted); }
#operating-opportunity .op-reactive-references { display:flex; flex-wrap:wrap; align-items:center; gap:.6rem 1.3rem; margin:.7rem 0 0; }
#operating-opportunity .op-reactive-key { display:inline-flex; align-items:baseline; flex-wrap:wrap; gap:.25rem; font-size:.92rem; line-height:1.45; color:var(--ink); }
#operating-opportunity .op-reactive-key strong { color:var(--navy); font-weight:800; }
#operating-opportunity .op-key-mark { width:.6rem; height:.6rem; flex:none; border-radius:2px; display:inline-block; align-self:center; margin-right:.14rem; }
#operating-opportunity .op-key-median { background:var(--navy); }
#operating-opportunity .op-key-practices { background:var(--teal); }
#operating-opportunity .op-metric-boundary { color:var(--muted); }
#operating-opportunity .op-reference-difference { margin:.7rem 0 .45rem; font-size:.95rem; font-weight:750; color:var(--teal); line-height:1.5; }
#operating-opportunity .op-reference-note { margin:.7rem 0 .45rem; font-size:.95rem; font-weight:700; color:var(--muted); line-height:1.5; }
#operating-opportunity .op-preset-buttons { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.6rem; margin:0 0 .4rem; }
#operating-opportunity .op-preset { cursor:pointer; border:1px solid var(--teal); color:var(--teal); background:#fff; border-radius:8px; padding:.6rem .72rem; min-height:44px; line-height:1.3; font-size:.93rem; font-weight:730; text-align:left; }
#operating-opportunity .op-preset:hover { background:#edf4ef; }
#operating-opportunity .op-preset:disabled { cursor:not-allowed; color:#667785; border-color:#bac5c1; background:#f2f4f2; opacity:.8; }
@media (max-width:650px) {
  #operating-opportunity .field-line { flex-wrap:wrap; align-items:baseline; }
  #operating-opportunity .field-line label { max-width:100%; }
  #operating-opportunity .op-benchmark-intro { font-size:1rem; }
  #operating-opportunity .op-preset-buttons { grid-template-columns:minmax(0,1fr); }
  #operating-opportunity .op-preset { text-align:center; }
}
#operating-opportunity .op-preset[aria-pressed="true"] {border-color:var(--teal);background:#edf4ef;color:var(--navy)}

/* v1.12: scoped view-specific evidence, simpler controls, additive capacity output. */
#operating-opportunity .op-orientation {font-size:.98rem;line-height:1.55;color:var(--muted);margin:-.2rem 0 1.2rem}
#operating-opportunity .op-lever-group {border-top:2px solid var(--line);margin-top:.65rem}
#operating-opportunity .op-lever-group > .field:first-child {border-top:0}
#operating-opportunity .op-recover-context {margin-top:.85rem}
#operating-opportunity .op-benchmark-intro {font-size:.96rem;line-height:1.53;margin:0 0 .6rem}
#operating-opportunity .op-benchmark-source,#operating-opportunity .op-benchmark-context {font-size:.88rem;line-height:1.45;margin:0 0 .5rem}
#operating-opportunity .op-benchmark-source a,#operating-opportunity .op-benchmark-context a,#operating-opportunity .op-source-compact a {color:var(--teal);font-weight:650;text-underline-offset:3px}
#operating-opportunity .op-source-compact {font-size:.88rem;line-height:1.5;color:var(--muted);margin:.6rem 0 0}
#operating-opportunity .op-input-description {font-size:.94rem;line-height:1.48;color:var(--muted);margin:.55rem 0 0}
#operating-opportunity .op-metric-boundary {font-size:.88rem;line-height:1.4;margin:.48rem 0 0}
#operating-opportunity .op-hours {font-size:.92rem;line-height:1.45;font-weight:720;color:var(--teal);margin:.75rem 0 .1rem}
#operating-opportunity .op-adjustment {font-size:.88rem;color:var(--navy);margin:.6rem 0 0;border-left:3px solid var(--orange);padding-left:9px}
#operating-opportunity .op-total-points {font-size:1.1rem;font-weight:770;color:var(--teal);margin:.1rem 0 .2rem}
#operating-opportunity .op-value-per-point {font-size:.96rem;font-weight:650;color:var(--navy);margin:0 0 .65rem}
#operating-opportunity .op-breakdown-block {margin-top:.25rem}
#operating-opportunity .use-result {min-height:0}
#operating-opportunity .sticky-result .sticky-percent {color:#a7e1d1}
@media (min-width:1100px) {
  #operating-opportunity.section {padding-top:2.65rem}
}

/* Dedicated value-calculator page. Mobile-first hero; explorer inputs and model unchanged. */
.value-calculator-hero {padding:2.25rem 0 1.85rem;}
.value-calculator-hero h1 {max-width:25ch;font-size:clamp(2.15rem,8vw,3rem);line-height:1.09;}
.value-calculator-hero .hero-body {max-width:75ch;font-size:1.07rem;line-height:1.56;}
@media(min-width:651px) {
  .value-calculator-hero {padding:3.1rem 0 2.6rem;}
  .value-calculator-hero h1 {font-size:clamp(2.4rem,5.1vw,4.3rem);}
}
