/* Informatika: barva skupiny, modal, drobné prvky panelu. Jen logické vlastnosti kvůli RTL. */
body[data-grp=inf]{--grp:#6ee7b7}
.inf-story b{color:var(--grp,#6ee7b7)}
.inf-try{border:1px dashed var(--grp,#6ee7b7);border-radius:10px;padding:8px 10px;background:rgba(110,231,183,.06)}
.inf-modal .tb-pop{inline-size:min(640px,100%)}
.inf-modal-body{display:flex;flex-direction:column;gap:8px;padding-block-start:6px}
.inf-q{font-size:14.5px;line-height:1.5}
.inf-q pre,.inf-code{font:500 12.5px ui-monospace,Menlo,Consolas,monospace;direction:ltr;text-align:start;background:rgba(6,12,24,.8);border:1px solid var(--line,#24324a);border-radius:8px;padding:8px 10px;margin:4px 0;white-space:pre-wrap}
.inf-opts{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:6px}
.inf-opts .btn{justify-content:center;font-variant-numeric:tabular-nums}
.inf-opts .btn.good{border-color:#2ff5c2;box-shadow:0 0 0 1px #2ff5c2 inset;color:#2ff5c2}
.inf-opts .btn.bad{border-color:#ff5470;box-shadow:0 0 0 1px #ff5470 inset;color:#ff5470}
.inf-ex{border-inline-start:3px solid var(--grp,#6ee7b7);padding-inline-start:10px;font-size:13.5px;line-height:1.5}
.inf-score{font-weight:700;color:var(--grp,#6ee7b7)}