/* 步驟群組 */
.sop-block {
    margin-bottom: 6vh;
}

/* 區塊標題 */
.sop-block>h3 {
    font-size: 1.35vw;
    font-weight: 600;
    letter-spacing: 1px;
    width: fit-content;
    padding: 0.7vw 1.2vw;
    border-radius: 0.5vw;
    color: #2f2f2f;
    margin-bottom: 2vh;
}

/* Step 列表 */
.sop-list {
    display: flex;
    flex-direction: column;
    gap: 1vh;
    margin: 8% 0 4%;
}

.sop-list li {
    list-style: none;
    font-size: 1vw;
    padding: 1.1vw;
    border: 1.5px solid #6c6c6c;
    border-radius: 0.45vw;
    transition: 0.18s;
}

.sop-list li:hover {
    background: rgba(86, 46, 74, 0.9);
    color: #fcdffa;
}

/* 備註提示 */
.note {
    font-size: 0.9vw;
    margin-top: 1vh;
    letter-spacing: 0.1vw;
    color: #555;
    opacity: 0.85;
}

.sop-link {
    margin: 2% auto;
    padding-bottom: 0px;
    display: inline-block;
    font-size: 0.95rem;
    font-weight: 600;
    color: #303030;
    letter-spacing: 1px;
    transition: 0.1s;
}

.sop-link:hover {
    color: #101010;
    border-bottom: 4px rgb(176, 90, 205) solid;
}

/* 影片 */
.sop-video {
    margin: 4vh auto;
    width: 100%;
    border-radius: 1vw;
    overflow: hidden;
    box-shadow: 0 4px 12px rgba(80, 80, 80, 0.28);
}