.kod-hero{grid-template-columns:minmax(0,1.35fr) minmax(270px,.65fr)}
.kod-hero-visual{display:flex;flex-direction:column;justify-content:center;gap:12px;padding:20px;border-left:1px solid var(--line);background:linear-gradient(145deg,#263341,#101a22)}
.kod-hero-visual>span{color:#ffd08d;font-size:13px;font-weight:900;letter-spacing:.04em}.kod-hero-visual>div{display:grid;gap:5px;padding:13px;border:1px solid #526c76;background:#0b1c24}.kod-hero-visual b{color:#ffc078;font-size:12px}.kod-hero-visual strong{color:#fff;font-size:17px;line-height:1.45}.kod-hero-visual small{color:#dce8eb;line-height:1.65}.kod-hero-visual .kod-collection{border-color:#8a754d;background:linear-gradient(120deg,#30291d,#17242b)}.kod-hero-visual p{margin:0;color:#d5e2e6;font-size:12px;line-height:1.7}
.kod-lineage{display:grid;grid-template-columns:minmax(0,1fr) 30px minmax(0,1fr);align-items:stretch;gap:8px}.kod-lineage article{display:grid;align-content:center;gap:6px;padding:15px;border:1px solid var(--line2);background:#0b1b22;text-align:center}.kod-lineage article>b{color:var(--orange2);font-size:14px}.kod-lineage article>strong{font-size:17px;line-height:1.45}.kod-lineage article>span{color:#d0dfe2;font-size:12px;line-height:1.7}.kod-lineage>i{align-self:center;color:var(--orange2);font-size:22px;font-style:normal;font-weight:900;text-align:center}.kod-lineage .kod-collection{border-color:#8a754d;background:linear-gradient(145deg,#30291d,#10232c)}
.kod-branch-grid,.kod-choice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px}.kod-branch-grid article,.kod-choice-grid article{padding:14px;border:1px solid #35515d;background:#0a1a21}.kod-branch-grid b,.kod-choice-grid b{color:#ffd08d}.kod-branch-grid p,.kod-choice-grid p{margin:6px 0 0;line-height:1.8}.kod-analysis{display:grid;gap:10px}.kod-analysis article{padding:15px;border:1px solid var(--line2);background:#0d2029}.kod-analysis h3{margin:0 0 7px;color:#fff;font-size:18px}.kod-analysis p{margin:0;color:#e2eef0;line-height:1.85}.kod-note{margin:14px 0 0;padding:12px 14px;border-left:3px solid #d7a357;background:#102630;line-height:1.8}.kod-sources a,.kod-note a{color:#ffc078;text-decoration:underline;text-underline-offset:3px}.kod-scope{margin:14px 0 0;color:#d5e4e7;font-size:13px;line-height:1.8}.kod-page .compare-table td:last-child{min-width:130px}.kod-page .compare-table th:last-child{min-width:130px}
@media(max-width:900px){.kod-hero{grid-template-columns:1fr}.kod-hero-visual{border-left:0;border-top:1px solid var(--line)}}
@media(max-width:700px){.kod-hero-visual{padding:14px}.kod-lineage{grid-template-columns:minmax(0,1fr) 18px minmax(0,1fr);gap:3px}.kod-lineage article{padding:10px 5px}.kod-lineage article>strong{font-size:12px}.kod-lineage article>span{font-size:10px}.kod-lineage>i{font-size:16px}.kod-branch-grid,.kod-choice-grid{grid-template-columns:1fr}.kod-analysis article{padding:12px}.kod-analysis h3{font-size:17px}}
