.instructions-page { padding: 32px 0 60px; }

.page-header { margin-bottom: 28px; }
.page-label {
    font-size: 11px; font-weight: 700; letter-spacing: 0.14em;
    text-transform: uppercase; color: #a0a0b8; margin-bottom: 6px;
}
.page-title { font-size: 32px; font-weight: 700; color: #111118; margin: 0; }

.info-card {
    background: #ffffff;
    border: 1px solid rgba(0,0,0,0.07);
    border-radius: 12px;
    padding: 22px 26px;
    margin-bottom: 14px;
    box-shadow: 0 1px 4px rgba(0,0,0,0.05);
}

.info-card-eyebrow {
    font-size: 10px; font-weight: 700; letter-spacing: 0.14em;
    text-transform: uppercase; color: #a0a0b8; margin-bottom: 10px;
}

.info-card p { color: #4a4a60; line-height: 1.65; margin: 0; }
.info-card strong { color: #111118; }
.info-card em { color: #3a3a50; font-style: normal; }


/* Recorder steps */
.recorder-steps { display: flex; flex-direction: column; gap: 14px; margin-top: 14px; }
.recorder-step { display: flex; gap: 14px; align-items: flex-start; }
.recorder-icon {
    flex-shrink: 0; width: 36px; height: 36px; border-radius: 50%;
    display: flex; align-items: center; justify-content: center;
}
.recorder-icon svg { width: 16px; height: 16px; }
.recorder-icon.rec  { background: #ef4444; color: #fff; }
.recorder-icon.play { background: #f0f0f5; color: #5a5a70; }
.recorder-icon.next { background: #f0f0f5; color: #5a5a70; }
.recorder-step > div:last-child strong { color: #111118; display: block; margin-bottom: 2px; }
.recorder-step > div:last-child p { color: #4a4a60; font-size: 14px; line-height: 1.5; margin: 0; }

/* Begin button */
.begin-row { display: flex; justify-content: flex-end; margin-top: 28px; }
.begin-btn {
    font-family: 'DM Sans', sans-serif;
    font-size: 15px; font-weight: 600;
    background: #111118; color: #ffffff;
    border: none; border-radius: 8px;
    padding: 12px 28px; cursor: pointer;
    transition: background 0.15s ease, transform 0.12s ease;
}
.begin-btn:hover { background: #2a2a38; transform: translateY(-1px); }
.begin-btn:active { transform: translateY(0); }