/*
SPDX-License-Identifier: AGPL-3.0-or-later
Commercial license available
© Concepts 1996–2026 Miroslav Šotek. All rights reserved.
© Code 2020–2026 Miroslav Šotek. All rights reserved.
ORCID: 0009-0009-3560-0851
Contact: www.anulum.li | protoscience@anulum.li
KYMA — interactive companion using the shared site theme
*/
.kyma-companion { min-width:0; overflow-wrap:anywhere; }
.kyma-companion .companion-nav { display:flex; flex-wrap:wrap; gap:.6rem 1.5rem; padding:1rem 0; border-block:1px solid var(--line); }
.kyma-companion > section { padding:3rem 0; border-bottom:1px solid var(--line); scroll-margin-top:1.5rem; }
.kyma-companion h2 { font-size:clamp(1.8rem,4vw,2.6rem); }
.kyma-companion h3 { font-size:1.15rem; line-height:1.4; }
.kyma-companion h4 { font-size:1rem; margin:1.6rem 0 .7rem; }
.kyma-companion .lab-grid,.kyma-companion .plan-grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.4fr); gap:1.2rem; margin:1.8rem 0; }
.kyma-companion .panel,.kyma-companion .gate { border:1px solid var(--line); border-radius:14px; padding:1.5rem; min-width:0; background:var(--glass); }
.kyma-companion .controls label { display:flex; justify-content:space-between; gap:.6rem; flex-wrap:wrap; font-size:.9rem; }
.kyma-companion .controls output { color:var(--blue); font-variant-numeric:tabular-nums; }
.kyma-companion input[type=range] { margin:.4rem 0 1.4rem; height:2rem; }
.kyma-companion #run { background:var(--blue); color:var(--bg); font-weight:650; }
.kyma-companion .prediction { border-left:3px solid var(--blue); padding-left:1rem; font-size:.92rem; }
.kyma-companion .fine { color:var(--muted); font-size:.85rem; overflow-wrap:anywhere; }
.kyma-companion .wheels,.kyma-companion .trace { display:block; width:100%; height:auto; }
.kyma-companion .track,.kyma-companion .gridline { fill:none; stroke:var(--line); stroke-width:1.5; }
.kyma-companion .first,.kyma-companion .second { stroke:var(--blue); stroke-width:3; stroke-linecap:round; }
.kyma-companion .second { stroke:var(--purple); }
.kyma-companion .first-fill { fill:var(--blue); }
.kyma-companion .second-fill { fill:var(--purple); }
.kyma-companion svg text { fill:var(--muted); font:13px 'Space Grotesk',system-ui,sans-serif; }
.kyma-companion #history { fill:none; stroke:var(--blue); stroke-width:2; }
.kyma-companion .readouts { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:.8rem; margin:1rem 0 1.5rem; }
.kyma-companion .readouts dt { color:var(--muted); font-size:.8rem; }
.kyma-companion .readouts dd { font-size:clamp(.95rem,2vw,1.25rem); margin:.2rem 0; font-variant-numeric:tabular-nums; }
.kyma-companion details { padding:1rem; border:1px solid var(--line); border-radius:10px; margin:1rem 0; }
.kyma-companion summary { cursor:pointer; font-weight:600; }
.kyma-companion .equations p:first-child { font:1rem/1.8 'JetBrains Mono',monospace; }
.kyma-companion .notice { padding:1rem; border-left:3px solid var(--purple); background:var(--glass); }
.kyma-companion #probe { display:block; max-width:100%; margin:.5rem 0 1.5rem; }
.kyma-companion .score-chart { display:grid; gap:.7rem; margin:1.5rem 0; }
.kyma-companion .score-row { display:grid; grid-template-columns:120px minmax(0,1fr) 75px; align-items:center; gap:.8rem; font-size:.88rem; }
.kyma-companion .score-track { height:20px; background:var(--panel); border:1px solid var(--line); border-radius:4px; overflow:hidden; }
.kyma-companion .score-bar { height:100%; background:var(--blue); }
.kyma-companion .score-row[data-method=chance] .score-bar { background:var(--purple); }
.kyma-companion .score-value { text-align:right; font-variant-numeric:tabular-nums; }
.kyma-companion .table-scroll { overflow-x:auto; }
.kyma-companion caption { text-align:left; color:var(--muted); padding:.6rem 0; }
.kyma-companion .interpretation { display:grid; grid-template-columns:1fr 1fr; gap:1.5rem; margin-top:1.5rem; }
.kyma-companion .interpretation p { color:var(--muted); }
.kyma-companion .package-list { display:grid; gap:.6rem; align-content:start; }
.kyma-companion .package { display:block; width:100%; text-align:left; padding:1rem; background:var(--glass); }
.kyma-companion .package[aria-pressed=true] { border-color:var(--blue); background:var(--surface-hover); }
.kyma-companion .package span { display:block; color:var(--muted); font-size:.85rem; margin-top:.25rem; }
.kyma-companion .month-track { height:5px; background:var(--panel); margin-top:.7rem; border-radius:3px; }
.kyma-companion .month-range { height:100%; background:var(--blue); }
.kyma-companion #package-detail { align-self:start; }
.kyma-companion #package-detail li { margin-bottom:.65rem; }
.kyma-companion .gate { border-color:var(--purple); }
@media(max-width:760px) {
 .kyma-companion .lab-grid,.kyma-companion .plan-grid,.kyma-companion .interpretation { grid-template-columns:1fr; }
 .kyma-companion .panel,.kyma-companion .gate { padding:1rem; }
 .kyma-companion > section { padding:2.5rem 0; }
 .kyma-companion .score-row { grid-template-columns:90px minmax(0,1fr) 60px; gap:.4rem; font-size:.82rem; }
 .kyma-companion .readouts { gap:.4rem; }
}