.cl-panel,.cl-panel *{box-sizing:border-box;min-width:0}.cl-panel{max-width:100%;overflow-wrap:anywhere}.cl-actions{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0}.cl-panel input:not([type=checkbox]),.cl-panel select,.cl-panel textarea{width:100%;max-width:100%}.cl-panel textarea{min-height:180px;font:inherit}.cl-task{display:flex;align-items:flex-start;gap:12px;min-height:44px;padding:8px 0}.cl-task input{width:22px;height:22px;flex:0 0 22px}.cl-list{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.cl-list button{white-space:normal;overflow-wrap:anywhere;max-width:100%}.cl-preview{padding:12px;border:1px solid var(--line);border-radius:8px}.cl-preview p{white-space:pre-wrap;margin:6px 0}.cl-progress{font-weight:600}.cl-status{min-height:1.5em}

/* Keep the working checklist prominent; editing is available on demand. */
.cl-settings-open > :not(.cl-settings-nav):not(.cl-settings-page){display:none!important}
.cl-editor{margin:8px 0}.cl-editor summary{cursor:pointer;min-height:44px;padding:10px 0;font-weight:600}
.cl-preview{width:100%;min-height:min(55vh,520px);padding:clamp(12px,2vw,24px)}
.cl-task{font-size:1.1rem;line-height:1.5}.cl-task span{flex:1;overflow-wrap:anywhere}
.cl-panel textarea{min-height:min(55vh,520px);resize:vertical}
.cl-print{margin:0 0 12px}.cl-panel [hidden]{display:none!important}
#checklistPrint{display:none}
@media(max-width:640px){#tripChecklists{padding:10px}.cl-actions{gap:6px}.cl-preview{padding:10px;min-height:55vh}}
@media print{
 body > :not(#checklistPrint){display:none!important}
 #checklistPrint{display:block!important;color:#000;background:#fff;font:12pt sans-serif}
 #checklistPrint .cl-preview{border:0;padding:0;min-height:0}
 #checklistPrint .cl-task{break-inside:avoid;display:flex;color:#000;gap:12px}
 #checklistPrint .cl-print-check{flex:0 0 20px;font-size:16pt}
 #checklistPrint h1,#checklistPrint h2,#checklistPrint h3{color:#000;break-after:avoid}
}

.cl-preview ul,.cl-preview ol{padding-inline-start:1.6em;margin:.5em 0}.cl-preview li{margin:.25em 0}.cl-preview li.cl-task-item{list-style:none}.cl-task-text{flex:1;overflow-wrap:anywhere}.cl-preview pre{white-space:pre-wrap;overflow-wrap:anywhere;padding:12px;border:1px solid var(--line);border-radius:6px}.cl-preview code{font:0.95em ui-monospace,monospace;white-space:pre-wrap}.cl-preview a{text-decoration:underline;overflow-wrap:anywhere}.cl-link-tools{margin:8px 0}.cl-link-fields{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0;align-items:end}.cl-link-fields label{flex:1 1 220px}.cl-link-fields .cl-status{flex-basis:100%;margin:0}.cl-link-fields[hidden]{display:none}
@media print{#checklistPrint .cl-task-text{flex:1}#checklistPrint a{color:#000;text-decoration:underline}#checklistPrint pre{border-color:#aaa}}

@media print {#checklistPrint a[href]::after {content:" (" attr(href) ")";font-size:.8em;overflow-wrap:anywhere;}}