:root{--ink:#003627;--muted:#17284f;--brand:#17284f;--accent:#d5efff;--line:#eee6d9;--bg:#f8f5ee;--danger:#6e002a}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.5 system-ui,-apple-system,Segoe UI,sans-serif}header{background:#00c59a;color:#ffffff;padding:2.5rem max(1rem,calc((100% - 1180px)/2))}header h1{margin:0;font-size:clamp(1.8rem,4vw,3rem)}main{max-width:1180px;margin:auto;padding:1rem}.panel{background:#ffffff;border:1px solid var(--line);border-radius:18px;padding:clamp(1rem,3vw,2rem);margin:1rem 0;box-shadow:0 8px 24px #000000}.step{color:var(--brand);font-weight:800;text-transform:uppercase;letter-spacing:.08em;font-size:.78rem}.field-grid,#basisFields,.kpis{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.field{display:grid;gap:.35rem;font-weight:650}.field input,.field select,select{min-height:48px;border:1px solid #eee6d9;border-radius:10px;padding:.7rem;background:#ffffff;font:inherit;width:100%}.basis-panel{border:0;padding:0;margin:1.5rem 0}.basis-panel legend{font-size:1.25rem;font-weight:800}.field-help{color:var(--muted)}#basis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}.basis-card,.fixed-basis{display:flex;gap:.8rem;border:1px solid var(--line);border-radius:13px;padding:1rem;min-height:110px;cursor:pointer}.basis-card.selected{border:2px solid var(--brand);background:var(--accent)}.basis-card input{width:20px;height:20px;margin:.2rem 0}.basis-card span{display:grid;gap:.25rem}.basis-card small{color:var(--muted)}.basis-card em{font-size:.75rem;color:var(--brand);font-style:normal;font-weight:800}.subpanel{border-top:1px solid var(--line);padding-top:1.2rem;margin-top:1.2rem}.actions{display:flex;flex-wrap:wrap;gap:.75rem}.btn{min-height:44px;border:1px solid var(--brand);border-radius:10px;padding:.7rem 1rem;background:#ffffff;color:var(--brand);font-weight:750;cursor:pointer}.btn.primary{background:var(--brand);color:#ffffff}.kpis{grid-template-columns:repeat(4,1fr)}.kpi{background:#ffffff;border:1px solid var(--line);border-radius:14px;padding:1rem}.kpi span{display:block;color:var(--muted);font-size:.85rem}.kpi strong{display:block;font-size:clamp(1.15rem,2vw,1.7rem);font-variant-numeric:tabular-nums;margin-top:.5rem}.recommend{background:var(--accent);border-left:5px solid var(--brand);padding:1rem;border-radius:10px;margin-top:1rem}details{border:1px solid var(--line);border-radius:10px;margin-top:1rem}summary{min-height:44px;padding:.8rem 1rem;font-weight:800;cursor:pointer}details>div{padding:0 1rem 1rem}dl{display:grid;grid-template-columns:1fr auto;gap:.5rem}dd{font-variant-numeric:tabular-nums}.error{background:#f8f5ee;color:var(--danger);padding:1rem;border-radius:8px}.sr-status{min-height:1.5rem}.disclaimer{color:var(--muted);font-size:.86rem}footer{max-width:1180px;margin:auto;padding:2rem 1rem;color:var(--muted)}:focus-visible{outline:3px solid #ff8433;outline-offset:2px}@media(max-width:760px){#basis,.field-grid,#basisFields,.kpis{grid-template-columns:1fr}.panel{border-radius:12px}.actions>.btn{flex:1 1 100%}}@media print{header,.actions,#comparison{display:none}body{background:#ffffff}.panel{box-shadow:none;border:0}.panel:not(#results){display:none}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
/* v11.1 multi-flow planner and explicit container selection */
.section-head,.subhead,.flow-head{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start}.small-actions{display:flex;gap:.5rem;flex-wrap:wrap}.flow-card{border:1px solid var(--line);border-radius:16px;padding:1rem;margin:1rem 0;background:#ffffff}.flow-card.inactive{display:flex;justify-content:space-between;align-items:center;background:#ffffff}.flow-card h3,.flow-card h4{margin:.2rem 0}.flow-status{display:inline-block;color:var(--brand);font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.flow-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:1rem}.flow-grid fieldset,.cost-box fieldset{border:1px solid var(--line);border-radius:12px;padding:1rem}.flow-grid legend,.cost-box legend{font-weight:800}.choice{display:flex;align-items:center;gap:.55rem;margin:.55rem 0}.choice input{width:20px;height:20px;flex:0 0 20px}.flow-settings{margin-top:1rem}.settings-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(280px,1fr);gap:1.25rem}.container-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem}.container-card{display:grid;gap:.45rem;padding:.8rem;border:1px solid var(--line);border-radius:12px;background:#ffffff;font-weight:600}.container-card.selected{border-color:var(--brand);background:var(--accent)}.container-check{display:flex;align-items:center;gap:.55rem}.container-check input{width:20px;height:20px;flex:0 0 20px}.container-card>input{min-height:42px;border:1px solid #eee6d9;border-radius:9px;padding:.55rem;width:100%}.container-card small,.limit-label{color:var(--muted);font-size:.78rem}.cost-box{border-left:1px solid var(--line);padding-left:1.25rem}.result-flow{border-top:1px solid var(--line);padding-top:.75rem;margin-top:.75rem}@media(max-width:900px){.settings-grid,.flow-grid{grid-template-columns:1fr}.container-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cost-box{border-left:0;border-top:1px solid var(--line);padding-left:0;padding-top:1rem}}@media(max-width:600px){.section-head,.subhead,.flow-head,.flow-card.inactive{display:flex;flex-direction:column;align-items:stretch}.container-grid{grid-template-columns:1fr}.small-actions .btn{flex:1 1 auto}}

/* V20 result comparison */
.result-flow{border:1px solid var(--line);border-radius:14px;padding:1rem;margin:1rem 0}.result-flow-head,.mode-head{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start}.model-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;margin:1rem 0}.model-tabs button{min-height:48px;border:1px solid var(--line);border-radius:10px;background:#ffffff;color:var(--ink);padding:.65rem;font-weight:750}.model-tabs button.on,.model-tabs button[aria-selected="true"]{background:var(--brand);color:#ffffff;border-color:var(--brand)}[data-pane],[role="tabpanel"]{border:1px solid var(--line);border-radius:12px;padding:1rem}.formula{background:var(--accent);border-left:4px solid var(--brand);padding:.8rem;border-radius:8px;font-weight:700}.trip-grid,.variant-grid,.schedule-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem;margin:1rem 0}.trip-grid>div,.variant-grid article,.schedule-summary>div{display:grid;gap:.3rem;background:#ffffff;border:1px solid var(--line);border-radius:10px;padding:.8rem}.trip-grid span,.variant-grid span,.schedule-summary span{color:var(--muted);font-size:.8rem}.selected-model{display:inline-block;background:var(--accent);color:var(--brand);border-radius:999px;padding:.4rem .75rem;font-weight:800}.optimization,.schedule-optimization{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--line)}.table-wrap{overflow-x:auto}.table-wrap table{border-collapse:collapse;width:100%;min-width:680px}.table-wrap th,.table-wrap td{border-bottom:1px solid var(--line);padding:.65rem;text-align:left}.export-actions{margin-top:1.25rem;padding-top:1rem;border-top:1px solid var(--line)}@media(max-width:760px){.model-tabs,.trip-grid,.variant-grid,.schedule-summary{grid-template-columns:1fr}.result-flow-head,.mode-head{flex-direction:column}.model-tabs button{text-align:left}}

/* V20.2 fixed container schedule */
.container-mode{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;margin:1rem 0}.container-mode .choice{border:1px solid var(--line);border-radius:12px;padding:.8rem}.container-mode .choice span{display:grid}.container-mode small{color:var(--muted)}.container-mode .compact{grid-column:1/-1;max-width:360px}.schedule-recommend{display:grid;gap:.25rem;padding:1rem;border-radius:12px;margin:1rem 0}.schedule-recommend.ok{background:#f8f5ee;border-left:5px solid #17284f}.schedule-recommend.bad{background:#f8f5ee;border-left:5px solid var(--danger)}.schedule-recommend span{font-size:.78rem;text-transform:uppercase;font-weight:800}.schedule-recommend strong{font-size:1.2rem}.result-badge{display:inline-block;margin-left:.35rem;background:#17284f;color:white;border-radius:999px;padding:.15rem .45rem;font-size:.72rem}.status-nepietiek td{background:#f8f5ee}.status-uz-robezas td{background:#f8f5ee}@media(max-width:760px){.container-mode{grid-template-columns:1fr}}

/* V20.5 contextual field help */
.help-tip{position:relative;display:inline-grid;place-items:center;width:1.25rem;height:1.25rem;margin-left:.25rem;padding:0;border:1px solid var(--brand);border-radius:50%;background:#ffffff;color:var(--brand);font:800 .78rem/1 system-ui;vertical-align:middle;cursor:help}.help-tip:hover,.help-tip:focus-visible,.help-tip.open{background:var(--brand);color:#ffffff}.help-bubble{position:absolute;z-index:50;left:50%;bottom:calc(100% + .55rem);width:min(290px,75vw);padding:.7rem .8rem;border-radius:9px;background:#17284f;color:#ffffff;font:500 .84rem/1.4 system-ui;text-align:left;box-shadow:0 8px 24px #000000;opacity:0;visibility:hidden;transform:translate(-50%,.25rem);transition:.15s;pointer-events:none}.help-bubble:after{content:"";position:absolute;top:100%;left:50%;transform:translateX(-50%);border:.4rem solid transparent;border-top-color:#17284f}.help-tip:hover .help-bubble,.help-tip:focus .help-bubble,.help-tip.open .help-bubble{opacity:1;visibility:visible;transform:translate(-50%,0)}@media(max-width:600px){.help-bubble{position:fixed;left:1rem;right:1rem;bottom:1rem;width:auto;transform:none}.help-tip:hover .help-bubble,.help-tip:focus .help-bubble,.help-tip.open .help-bubble{transform:none}.help-bubble:after{display:none}}

/* V21: colour and text jointly identify each stream. */
.flow-card{border-left:7px solid var(--flow-color,#17284f)}
.flow-card[data-flow-card="mixed"]{--flow-color:#17284f;background:#f8f5ee}
.flow-card[data-flow-card="bio"]{--flow-color:#6e002a;background:#f8f5ee}
.flow-card[data-flow-card="packaging"]{--flow-color:#ff8433;background:#f8f5ee}
.flow-card[data-flow-card="paper"]{--flow-color:#00c59a;background:#f8f5ee}
.flow-card[data-flow-card="glass"]{--flow-color:#17284f;background:#f8f5ee}
.flow-card[data-flow-card="textile"]{--flow-color:#17284f;background:#f8f5ee}
.flow-head{border-bottom:2px solid var(--flow-color);padding-bottom:.7rem}.flow-card.inactive{opacity:.85}.method-note{background:#f8f5ee;border-left:4px solid #ff8433;padding:1rem;border-radius:8px}.field-grid{align-items:start}.field input,.field select{align-self:start}.flow-grid fieldset{min-width:0}.container-card{align-content:start}.container-card input[type="number"]{align-self:end}.cost-box{min-width:0}#shareLink{width:100%;min-height:90px} [hidden]{display:none!important}
@media print{#results details{display:block}#results details>div{display:block}.export-actions{display:none!important}.result-flow{break-inside:avoid}.method-note{display:block}}

.custom-container-add{margin-top:1rem;padding:1rem;border:1px solid #eee6d9;border-radius:8px;display:flex;gap:.8rem;align-items:end;flex-wrap:wrap}.custom-container-add .field-help{flex-basis:100%}.custom-container-add .field{flex:1;min-width:150px}.container-card .btn{font-size:.8rem}

/* Expandable introduction before step 1. Native details supports mouse and keyboard. */
.calculator-about{padding:0;overflow:hidden}.calculator-about details{border:0;margin:0;border-radius:0}.calculator-about summary{padding:1.2rem 1.5rem;position:relative;background:#f8f5ee;color:var(--ink)}.calculator-about summary::marker{color:var(--brand)}.about-title{font-size:1.2rem;font-weight:800}.about-teaser,.about-action{display:block;margin:.35rem 0 0 1.1rem}.about-teaser{font-weight:500;color:var(--muted)}.about-action{font-size:.85rem;color:var(--brand);font-weight:700}.calculator-about details[open] .about-action{display:none}.calculator-about .about-content{padding:1.25rem 1.5rem 1.5rem}.about-intro{margin-top:0;font-size:1.05rem}.about-usecases{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.about-usecases article{padding:1rem;border:1px solid var(--line);border-radius:12px;background:#ffffff;min-width:0}.about-usecases h3{margin:0 0 .65rem;font-size:1.05rem;color:var(--brand)}.about-usecases p{margin:.5rem 0}.about-note{font-size:.88rem;color:var(--muted)}.about-limits{margin-top:1rem;padding:1rem;border-left:4px solid #ff8433;border-radius:8px;background:#f8f5ee}.about-limits h3{margin-top:0}.about-limits p:last-child{margin-bottom:0}@media(max-width:760px){.about-usecases{grid-template-columns:1fr}.calculator-about summary,.calculator-about .about-content{padding:1rem}.about-teaser,.about-action{margin-left:0}}@media print{.calculator-about{display:none!important}}

/* Getlini verified color palette. Typography remains provisional. */
:root{--ink:#000000;--muted:#003627;--brand:#003627;--accent:#c4fff5;--line:#eee6d9;--bg:#f8f5ee;--danger:#6e002a}
body{background:var(--bg);color:var(--ink)}
body>header{background:#00c59a;color:#003627;padding-top:3rem;padding-bottom:3rem;border-bottom:8px solid #003627}
header h1{max-width:1000px;font-weight:800;line-height:1.08;letter-spacing:-.035em}header p{max-width:760px;font-size:1.1rem;margin-top:1.25rem}
.panel{box-shadow:none;border-radius:8px;border-color:#eee6d9}
h2{color:#003627;letter-spacing:-.02em}.step{color:#003627}
.btn{background:#ffffff;color:#003627;border:2px solid #003627;border-radius:6px;font-family:inherit;font-size:.95rem;font-weight:700;line-height:1.3}
.btn:hover{background:#c4fff5}.btn.primary{background:#00c59a;color:#003627;border-color:#003627}.btn.primary:hover{background:#c4fff5}
:focus-visible{outline:3px solid #17284f;outline-offset:3px}
input[type=radio],input[type=checkbox]{accent-color:#003627}
.field input,.field select,select,.container-card>input{border-color:#003627;border-radius:5px;color:#000000}
.kpi{background:#c4fff5;border:0;border-radius:6px}.kpi span{color:#003627}.kpi strong{color:#003627}
.kpi:nth-child(2){background:#ffffa8}.kpi:nth-child(3){background:#d5efff}.kpi:nth-child(4){background:#ffdecb}
.recommend,.formula{background:#c4fff5;color:#003627;border-color:#00c59a}
.flow-card[data-flow-card=mixed]{--flow-color:#000000;background:#f8f5ee}
.flow-card[data-flow-card=bio]{--flow-color:#471b10;background:#ffdecb}
.flow-card[data-flow-card=packaging]{--flow-color:#ffdd00;background:#ffffa8}
.flow-card[data-flow-card=paper]{--flow-color:#6cdbe9;background:#d5efff}
.flow-card[data-flow-card=glass]{--flow-color:#00c59a;background:#c4fff5}
.flow-card[data-flow-card=textile]{--flow-color:#e889dc;background:#e8e1ff}
.flow-card[data-flow-card=other]{--flow-color:#17284f;background:#ffffff}
.flow-card.inactive{opacity:1}.flow-head{border-bottom-width:3px}
.flow-grid fieldset,.cost-box fieldset{background:#ffffff}.container-card{background:#ffffff}.container-card.selected{background:#c4fff5;border-color:#003627}
.method-note,.about-limits{background:#ffffa8;color:#373005;border-color:#ffdd00}
.calculator-about summary{background:#c4fff5}.about-usecases article{background:#f8f5ee}
.help-bubble{background:#003627;box-shadow:none;color:#ffffff}.help-bubble:after{border-top-color:#003627}
.error,.schedule-recommend.bad{background:#ffd3e5;color:#6e002a;border-color:#ff525d}
.schedule-recommend.ok{background:#c4fff5;color:#003627;border-color:#00c59a}.result-badge{background:#003627;color:#ffffff}
.status-nepietiek td{background:#ffd3e5}.status-uz-robezas td{background:#ffffa8}
.table-wrap th{background:#003627;color:#ffffff}.table-wrap td{color:#000000}
@media(max-width:760px){body>header{padding-top:2rem;padding-bottom:2rem}header h1{font-size:2rem}.kpis{gap:.75rem}}
@media print{body{background:#ffffff}.kpi{border:1px solid #003627}.panel{box-shadow:none}}