.labreq-cols {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 18px
        }

        .labreq-panel {
            border: 1px solid rgba(9, 43, 70, .14);
            border-radius: 16px;
            overflow: hidden
        }

        .labreq-phead {
            background: #0c3c63;
            color: #fff;
            padding: 12px 18px;
            font-weight: 700;
            font-size: 18px
        }

        .labreq-panel.alt .labreq-phead {
            background: #1f9d3a
        }

        .labreq-panel ul {
            margin: 0;
            padding: 14px 18px;
            list-style: none
        }

        .labreq-panel li {
            display: flex;
            gap: 10px;
            align-items: flex-start;
            padding: 9px 0;
            border-bottom: 1px dashed rgba(9, 43, 70, .14);
            font-weight: 600;
            color: #1f2d3a
        }

        .labreq-panel li:last-child {
            border-bottom: 0
        }

        .labreq-panel li svg {
            flex: 0 0 18px;
            width: 18px;
            height: 18px;
            margin-top: 2px
        }

        .labreq-note {
            margin-top: 18px;
            background: #fff8e8;
            border-left: 4px solid #f0b400;
            padding: 12px 16px;
            border-radius: 8px;
            color: #5a4a13
        }

        @media(max-width:760px) {
            .labreq-cols {
                grid-template-columns: 1fr
            }
        }

        /* ---- dark mode ---- */
        body.dark-mode .labreq-panel {
            border-color: rgba(215, 229, 242, .18)
        }

        body.dark-mode .labreq-panel li {
            color: #d7e5f2;
            border-bottom-color: rgba(215, 229, 242, .15)
        }

        body.dark-mode .labreq-note {
            background: #2a2410;
            border-left-color: #f0b400;
            color: #f3e4b8
        }