:root{--col-w:235px;--gap:20px}.protocol-wrap{margin:0 auto;width:100%}.col-group,.protocol-wrap{display:flex;gap:var(--gap)}.col-group{flex-direction:column}.col-group__banner{color:#fff;font-size:.7rem;font-weight:700;letter-spacing:.08em;padding:6px 10px;text-align:center;text-transform:uppercase}.col-group__banner.systematic{background:#7ab648;width:calc(var(--col-w)*2 + var(--gap))}.col-group__banner.target{background:#e8a020;width:calc(var(--col-w)*3 + var(--gap)*2)}.col-group__grid{display:grid;gap:var(--gap)}.col-group--systematic .col-group__grid{grid-template-columns:repeat(2,var(--col-w))}.col-group--target .col-group__grid{grid-template-columns:repeat(3,var(--col-w))}.protocol-col{display:flex;flex-direction:column;gap:4px}.col-header{background:#fff;padding:0;text-align:center}.col-header__title{color:#fff;display:block;font-size:1rem;font-weight:700;margin-bottom:0;padding:8px 12px}.col-header__desc{background:#f4f1f3;color:#555;font-size:16px;font-weight:200;line-height:1.5;min-height:130px;padding:15px}.col-header--1 .col-header__title,.col-header--2 .col-header__title{background:#7ab648}.col-header--3 .col-header__title{background:#e8a020}.col-header--4 .col-header__title,.col-header--5 .col-header__title{background:#c22}.protocol-img{background:transparent;cursor:pointer;overflow:hidden;position:relative}.protocol-img img{display:block;height:140px!important;margin-bottom:15px;object-fit:cover;transition:opacity .2s;width:100%}.protocol-img:hover img{opacity:.8}.modal-overlay{align-items:center;background:rgba(0,0,0,.75);display:none;inset:0;justify-content:center;position:fixed;z-index:1000}.modal-overlay.is-open{display:flex}.modal{background:#3a3a3a;box-shadow:0 20px 60px rgba(0,0,0,.5);max-width:660px;position:relative;width:90%}.modal__close{background:none;border:none;color:#ccc;cursor:pointer;font-size:1.4rem;line-height:1;position:absolute;right:14px;top:10px;z-index:10}.modal__close:hover{color:#fff}.modal__image-wrap{background:#111;position:relative}.modal__image-wrap img{display:block;max-height:380px;object-fit:contain;width:100%}.modal__arrow{background:rgba(0,0,0,.4);border:none;color:#fff;cursor:pointer;font-size:1.6rem;line-height:1;padding:12px 16px;position:absolute;top:50%;transform:translateY(-50%);z-index:5}.modal__arrow:hover{background:rgba(0,0,0,.7)}.modal__arrow--prev{left:0}.modal__arrow--next{right:0}.modal__footer{background:#2a2a2a;display:flex}.modal__info{flex:1;padding:0}.modal__category{color:#fff;display:block;font-size:.95rem;font-weight:700;padding:12px 18px}.modal__desc{color:#aaa;font-size:.85rem;line-height:1.5;padding:10px 18px 18px}.modal__position{align-items:center;background:#333;display:flex;flex:0 0 220px;gap:14px;justify-content:center;padding:16px}.modal__number{color:#7ab648;font-size:3.5rem;font-weight:700;line-height:1}.modal__grid-indicator{display:grid;gap:3px;grid-template-columns:repeat(5,18px);grid-template-rows:repeat(3,18px)}.modal__grid-cell{background:#555;border-radius:2px;height:18px;width:18px}.modal__grid-cell.is-active{background:#7ab648}@media (max-width:1080px){.col-group,.protocol-wrap{align-items:center;display:flex;flex-wrap:wrap;gap:var(--gap)}}@media (max-width:980px){.protocol-wrap{flex-wrap:nowrap;width:100%}.modal__footer,.protocol-wrap{flex-direction:column}.modal__position{flex:none;padding:12px 16px;width:100%}.modal__image-wrap img{max-height:260px}}@media (max-width:767px){.col-group__banner.systematic,.col-group__banner.target{width:100%}.col-group__grid{display:flex;flex-direction:column}}