[data-checked="true"] .item-title {
    color: rgb(107 114 128);
    text-decoration: line-through;
    text-decoration-color: rgb(156 163 175);
}

[data-checked="true"] .item-desc {
    color: rgb(107 114 128);
}

:focus-visible {
    outline: 2px solid #dc2626;
    outline-offset: 2px;
    border-radius: 2px;
}

input[type="checkbox"]:focus-visible {
    outline-offset: 3px;
}

summary { list-style: none; cursor: pointer; }
summary::-webkit-details-marker { display: none; }

details[open] [data-summary-show] { display: none; }
details:not([open]) [data-summary-hide] { display: none; }

.summary-chevron { transition: transform 0.15s ease; }
details[open] .summary-chevron { transform: rotate(90deg); }

@media print {
    .no-print { display: none !important; }
    body { background: #fff !important; }
    .print-card {
        border-color: #e5e7eb !important;
        box-shadow: none !important;
        break-inside: avoid;
    }
    section { break-inside: avoid; }
    [data-checked="true"] .item-title,
    [data-checked="true"] .item-desc {
        color: #111827;
    }
    details > :not(summary) { display: block !important; }
    details > summary { display: none !important; }
    pre { max-height: none !important; overflow: visible !important; }
}
