/* Shared screenshot-placeholder marker for all Choicery tutorials.
   Used where a real screenshot is still missing or where an existing
   screenshot/mockup no longer matches the current UI. Every tutorial links
   this file after its own stylesheet so the marker looks identical
   everywhere. Remove the placeholder block once the screenshot is in. */

figure.shot-todo {
    margin: 16pt 0;
    padding: 14pt 16pt;
    border: 2px dashed #94a3b8;
    border-radius: 6px;
    background: #ffffff;
    page-break-inside: avoid;
}

figure.shot-todo .shot-todo-label {
    font-family: 'JetBrains Mono', 'Consolas', monospace;
    font-size: 8pt;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #475569;
    margin-bottom: 8pt;
}

figure.shot-todo p {
    font-size: 9.5pt;
    line-height: 1.55;
    margin: 0 0 4pt 0;
    color: #334155;
}

figure.shot-todo p:last-child {
    margin-bottom: 0;
}

figure.shot-todo strong {
    color: #1e293b;
}

figure.shot-todo code {
    font-family: 'JetBrains Mono', 'Consolas', monospace;
    font-size: 8.5pt;
    background: #f1f5f9;
    padding: 1px 4px;
    border-radius: 3px;
}