#opiu-view{--opiu-orange:#f15a22;--opiu-lime:#d5ff00;--opiu-border:#d5d4cb;color:#20211c}
.opiu-mobile-toolbar{display:none}
.opiu-hero{position:relative;min-height:82px;display:flex;align-items:center;overflow:hidden;margin:-5px 0 12px}.opiu-hero>div{position:relative;z-index:1;background:var(--bg,#f7f7f0);padding:10px 22px 10px 0}.opiu-hero p{font-size:17px;margin:9px 0 0}.opiu-ribbon{position:absolute;width:620px;height:105px;right:-35px;top:-3px;pointer-events:none}.opiu-ribbon use{fill:none;stroke:var(--opiu-orange);stroke-width:43}.opiu-ribbon text{fill:white;font-family:BezumnoDisplay,Arial,sans-serif;font-size:25px;font-weight:900;dominant-baseline:middle}.opiu-controls{display:flex;align-items:end;gap:12px;flex-wrap:wrap}.opiu-controls label{font-size:10px;letter-spacing:.06em;color:#686a5f;display:flex;flex-direction:column;gap:6px;min-width:160px}.opiu-controls select{font-size:14px;color:#222;font-weight:650;background:#fffef9;padding:12px 32px 12px 12px;min-height:43px;border:1px solid #cecec4;border-radius:8px}.opiu-controls>button{margin-left:auto;min-height:43px}.opiu-branches{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.opiu-branch{display:flex;align-items:center;gap:7px;font-size:12px;padding:8px 12px;border:1px solid #d3d4ca;border-radius:7px;background:#fffefa;cursor:pointer}.opiu-branch:has(input:checked){background:#eaf2ce;border-color:#9cb66b}.opiu-branch input{width:16px;height:16px;accent-color:#25281a}.opiu-branch small{font-size:9px;color:#777568}.opiu-meta{display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:10px;line-height:1.7;margin:14px 0}.opiu-status{background:#ffe2a9;color:#67460c;border-radius:6px;padding:5px 10px;white-space:nowrap}.opiu-notice{font-size:12px;line-height:1.65;background:#fff5df;border:1px solid #e8d1a0;border-radius:9px;padding:13px 16px;margin-bottom:16px}.opiu-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin:18px 0 22px}.opiu-kpi{border:1px solid var(--opiu-border);border-radius:11px;padding:19px 17px;background:#fffef8;min-width:0;container-type:inline-size}.opiu-kpi>span{font-weight:700;font-size:14px}.opiu-kpi strong{display:block;font-family:BezumnoDisplay,Arial,sans-serif;font-size:clamp(25px,17cqw,43px);font-weight:900;line-height:1.1;white-space:nowrap;letter-spacing:-.035em;margin:17px 0 12px}.opiu-kpi strong .opiu-minor{font-size:.47em;letter-spacing:0}.opiu-kpi small{font-size:10px;color:#646657;display:block;line-height:1.5;min-height:15px}.opiu-kpi.opiu-profit{background:var(--opiu-lime);border-color:#bddf00}.opiu-kpi.opiu-profit small{color:#3d4b00}.opiu-charts{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:18px}.opiu-charts .panel{min-width:0}.opiu-charts h2,.opiu-sources-panel h2{font-size:25px}.opiu-charts .section-top{margin-bottom:8px}.opiu-charts .section-top p{margin:5px 0}.opiu-unit{font-size:11px;color:#76786b;white-space:nowrap}.opiu-waterfall{overflow-x:auto}.opiu-waterfall svg{display:block;width:100%;min-width:560px;height:auto;font-family:BezumnoDisplay,Arial,sans-serif}.opiu-waterfall .axis{stroke:#c8c9bd;stroke-width:1}.opiu-waterfall .connector{stroke:#777b6d;stroke-dasharray:3 3}.opiu-waterfall .bar-total{fill:var(--opiu-lime)}.opiu-waterfall .bar-cost{fill:var(--opiu-orange)}.opiu-waterfall .bar-positive{fill:#91ab4d}.opiu-waterfall .bar-difference{fill:#9e70ad}.opiu-waterfall .bar-negative{fill:#c54536}.opiu-waterfall text{fill:#303227;font-size:12px}.opiu-waterfall .chart-value{font-size:13px;font-weight:700}.opiu-profit-row{display:grid;grid-template-columns:100px minmax(35px,1fr) 117px;align-items:center;gap:10px;padding:14px 0;border-bottom:1px solid #e3e3d9}.opiu-profit-row>span{font-size:13px;font-weight:700}.opiu-profit-row strong{font-family:BezumnoDisplay,Arial,sans-serif;font-size:16px;text-align:right}.opiu-profit-track{height:12px;background:#eeeee5;position:relative;border-radius:2px;overflow:hidden}.opiu-profit-track i{display:block;height:100%;background:var(--opiu-orange)}.opiu-profit-track i.negative{background:#bf4536}.opiu-profit-row small{display:block;font-size:9px;font-weight:400;color:#77796b;line-height:1.5;margin-top:4px}.opiu-allocation{font-size:11px;line-height:1.7;margin-top:15px;color:#626556}.opiu-allocation strong{font-size:16px;color:#25291b}.opiu-allocation .opiu-diff{color:#a24724;font-weight:700}.opiu-matrix-panel .section-top{margin-bottom:5px}.opiu-mode{display:flex;border:1px solid #cccdc2;border-radius:7px;overflow:hidden;flex-shrink:0}.opiu-mode button{border:0;background:transparent;font-size:11px;padding:10px 12px;border-radius:0}.opiu-mode button.selected{background:var(--opiu-lime)}.opiu-matrix-scroll{overflow:auto;max-height:720px;border:1px solid #e0e1d7;border-radius:9px;margin-top:14px}.opiu-matrix{border-collapse:separate;border-spacing:0;width:100%;min-width:600px;font-size:12px}.opiu-matrix th,.opiu-matrix td{padding:12px 13px;border-bottom:1px solid #e3e4da;text-align:right;white-space:nowrap}.opiu-matrix thead th{background:#e9e9df;position:sticky;top:0;z-index:2;font-size:11px}.opiu-matrix th:first-child,.opiu-matrix td:first-child{text-align:left;position:sticky;left:0;z-index:1;background:#fffef8;min-width:240px;max-width:320px;white-space:normal}.opiu-matrix thead th:first-child{z-index:3;background:#e9e9df}.opiu-matrix td:last-child,.opiu-matrix th:last-child{background:#eeeee4;font-weight:750}.opiu-matrix .opiu-section td{background:#f0f0e7;font-weight:700}.opiu-matrix .opiu-net td{background:var(--opiu-lime);font-weight:800}.opiu-matrix .opiu-child td:first-child{padding-left:32px;font-size:11px;font-weight:400}.opiu-matrix .opiu-child.opiu-subtotal td{font-weight:700}.opiu-matrix button{background:none;border:0;padding:0;font:inherit;color:inherit;border-radius:0;text-align:inherit}.opiu-matrix button:focus-visible{outline:2px solid #e45b19;outline-offset:4px}.opiu-expand{display:flex;gap:8px;align-items:center;width:100%;text-align:left!important}.opiu-expand span:first-child{width:12px;flex-shrink:0}.opiu-cell{cursor:pointer;text-decoration:underline;text-decoration-color:transparent;text-underline-offset:4px}.opiu-cell:hover{text-decoration-color:#8a8d80}.opiu-cell.has-note:after{content:'•';color:#d48128;font-size:12px;margin-left:4px}.opiu-cell.cell-error{color:#a43822}.opiu-help{font-size:10px;color:#6d7063;line-height:1.7;margin:12px 0 0}.opiu-source{padding:13px 0;border-bottom:1px solid #dedfd5;display:grid;grid-template-columns:minmax(180px,.7fr) 1.3fr;gap:18px}.opiu-source a{color:#303326;font-size:13px;font-weight:700;text-underline-offset:4px}.opiu-source p,.opiu-source summary{font-size:11px;line-height:1.7;margin:5px 0;color:#66695c}.opiu-source .opiu-check-ok{color:#4c681c}.opiu-source .opiu-check-diff{color:#ab481e}.opiu-source details{font-size:11px;line-height:1.7}.opiu-dialog{width:min(650px,calc(100vw - 28px));max-height:85vh;border:1px solid #caccc0;border-radius:14px;background:#fffef7;padding:26px;color:#26291e}.opiu-dialog::backdrop{background:#12170b80}.opiu-dialog h2{font-size:26px;max-width:460px}.opiu-detail-item{padding:14px 0;border-bottom:1px solid #dddfd2}.opiu-detail-item>strong{font-family:BezumnoDisplay,Arial,sans-serif;font-size:27px;display:block;margin:7px 0}.opiu-detail-item p{white-space:pre-wrap;font-size:12px;line-height:1.7}.opiu-detail-item a{font-size:12px;color:#c44812}.opiu-detail-item small{font-size:11px;color:#727566}.opiu-empty{padding:55px 12px;text-align:center;color:#717568;font-size:13px;line-height:1.7}
@media(max-width:1300px){.opiu-charts{grid-template-columns:1fr}.opiu-waterfall svg{max-height:350px}.opiu-profit-row{grid-template-columns:130px minmax(40px,1fr) 140px}.opiu-profit-row strong{font-size:18px}.opiu-ribbon{right:-130px;opacity:.9}}
@media(max-width:950px){.opiu-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.opiu-hero>div{max-width:65%}.opiu-hero p{font-size:14px}.opiu-ribbon{right:-240px}.opiu-controls{gap:8px}.opiu-controls label{min-width:135px;flex:1}.opiu-controls select{width:100%;font-size:12px}.opiu-matrix th:first-child,.opiu-matrix td:first-child{min-width:200px;max-width:240px}}
@media(max-width:600px){.opiu-hero{min-height:68px;margin-bottom:9px}.opiu-hero>div{padding:6px 15px 6px 0;max-width:76%}.opiu-hero .eyebrow{font-size:8px}.opiu-hero p{font-size:12px}.opiu-ribbon{width:460px;right:-300px;top:-14px}.opiu-controls{display:grid;grid-template-columns:1fr 1fr}.opiu-controls label{min-width:0;font-size:9px}.opiu-controls select{padding:10px 22px 10px 8px;font-size:11px;min-height:40px}.opiu-controls>button{width:100%;font-size:11px;min-height:40px}.opiu-branches{gap:6px}.opiu-branch{font-size:10px;padding:7px 9px}.opiu-meta{display:block;font-size:9px}.opiu-status{display:inline-block;margin-top:8px}.opiu-kpis{gap:9px;margin:14px 0}.opiu-kpi{padding:14px 11px}.opiu-kpi>span{font-size:12px}.opiu-kpi strong{font-size:clamp(22px,18cqw,37px);margin:12px 0 9px}.opiu-kpi small{font-size:9px}.opiu-charts{gap:0}.opiu-charts h2,.opiu-sources-panel h2{font-size:23px}.opiu-profit-row{grid-template-columns:90px minmax(25px,1fr) 110px;gap:7px;padding:12px 0}.opiu-profit-row>span{font-size:12px}.opiu-profit-row strong{font-size:15px}.opiu-matrix-panel .section-top{align-items:start;flex-direction:column}.opiu-matrix th,.opiu-matrix td{padding:11px 9px;font-size:11px}.opiu-matrix th:first-child,.opiu-matrix td:first-child{min-width:160px;max-width:190px}.opiu-source{grid-template-columns:1fr;gap:4px}.opiu-notice{font-size:11px;padding:11px}.opiu-dialog{padding:18px}.opiu-dialog h2{font-size:23px}}

/* On phones, keep the article beside one chosen amount instead of a wide grid. */
@media(max-width:700px){
  .opiu-matrix-panel{padding:18px 12px}
  .opiu-mobile-toolbar{display:grid;gap:7px;margin:16px 0 12px}
  .opiu-mobile-toolbar label{font-size:12px;color:#4a4e3e}
  .opiu-mobile-toolbar select{width:100%;max-width:100%;min-height:44px;font-size:14px;background:#fffef8;border-color:#bac0aa}
  .opiu-mobile-toolbar p{font-size:11px;line-height:1.5;color:#686e5b}
  .opiu-matrix-scroll{overflow:visible;max-height:none;border-radius:0;margin-top:12px}
  .opiu-matrix{min-width:0;table-layout:fixed;width:100%;font-size:12px}
  .opiu-matrix .opiu-matrix-value{display:none}
  .opiu-matrix .opiu-mobile-visible{display:table-cell}
  .opiu-matrix th,.opiu-matrix td{padding:10px 8px;font-size:12px;vertical-align:middle}
  .opiu-matrix th:first-child,.opiu-matrix td:first-child{position:static;min-width:0;max-width:none;width:52%;white-space:normal;overflow-wrap:anywhere}
  .opiu-matrix thead th{position:sticky;top:0;z-index:2;white-space:normal;overflow-wrap:anywhere;font-size:11px;box-shadow:0 1px 0 #c9ccbe}
  .opiu-matrix thead th:first-child{position:sticky;z-index:3}
  .opiu-matrix .opiu-child td:first-child{padding-left:14px;font-size:12px;line-height:1.5}
  .opiu-matrix .opiu-expand{min-height:40px;gap:5px;line-height:1.45}
  .opiu-matrix .opiu-cell{min-height:40px;width:100%;white-space:normal;overflow-wrap:anywhere;line-height:1.5;font-variant-numeric:tabular-nums}
  .opiu-matrix .opiu-cell.has-note:after{margin-left:2px}
  .opiu-matrix .opiu-mobile-visible{background:#f5f6ed}
  .opiu-matrix .opiu-section .opiu-mobile-visible{background:#f0f0e7}
  .opiu-matrix .opiu-net .opiu-mobile-visible{background:var(--opiu-lime)}
}

/* Shares fit the existing amount cell and wrap inside it on narrow screens. */
.opiu-matrix .opiu-cell{display:inline-flex;flex-wrap:wrap;justify-content:flex-end;align-items:baseline;column-gap:6px;row-gap:1px;max-width:100%;white-space:normal}.opiu-rubles{white-space:nowrap}.opiu-matrix .opiu-inline-share{font-family:Arial,Helvetica,sans-serif;font-size:11px;font-weight:400;line-height:1.4;color:#616554;white-space:nowrap}.opiu-matrix .opiu-net .opiu-inline-share{color:#3e4808}

