/* Notebook templates: Resources → Templates gallery cards, the outline preview and the start-from-template picker. */
.tpl-card{display:flex;flex-direction:column;gap:6px}.tpl-card h2{margin:0}.tpl-card p{margin:0;color:var(--pv-muted);font-size:13px;line-height:1.5}.tpl-card .tpl-counts{color:var(--pv-muted);font-size:12px;margin-top:auto}.tpl-card .hub-card-heading{margin-top:8px}
.tpl-outline{display:grid;gap:18px}.tpl-outline-head h3{margin:4px 0 4px;font:600 20px/1.3 var(--sans)}.tpl-outline-head p{margin:0 0 4px;color:var(--pv-muted);font-size:13px}.tpl-outline-head small{color:var(--pv-muted);font-size:12px}
.tpl-fields dl{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),1fr));gap:6px 16px;margin:8px 0 0}.tpl-fields dl>div{border-top:1px solid var(--pv-line);padding:6px 0 2px}.tpl-fields dt{font-size:12px;color:var(--pv-muted)}.tpl-fields dd{margin:2px 0 0;font-size:13px;color:var(--pv-ink);min-height:1em}
.tpl-section h4,.tpl-fields h4{display:flex;align-items:baseline;gap:10px;margin:0;font:600 14px/1.3 var(--sans);text-transform:uppercase;letter-spacing:.04em;color:var(--pv-ink)}.tpl-section h4 span{font:600 12px/1 var(--sans);color:var(--pv-accent-ink,var(--pv-accent));background:var(--pv-accent-tint);border-radius:999px;padding:4px 8px}
.tpl-note{margin:6px 0 0;font-size:13px;color:var(--pv-muted);font-style:italic}
.tpl-section ol{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:6px}.tpl-block{display:grid;grid-template-columns:minmax(0,1fr);gap:2px;padding:8px 10px;border:1px solid var(--pv-line);border-radius:8px;background:var(--pv-surface);font-size:13px}.tpl-block strong{color:var(--pv-ink)}.tpl-block span{color:var(--pv-muted)}.tpl-block em{color:var(--pv-muted);font-size:12px}
.tpl-block-grid span::before,.tpl-block-table span::before,.tpl-block-text span::before,.tpl-block-checklist span::before,.tpl-block-attachment span::before,.tpl-block-fill-in span::before{content:'';display:inline-block;width:8px;height:8px;border-radius:2px;margin-right:8px;background:var(--pv-line)}
.tpl-block-table span::before{background:var(--pv-accent)}.tpl-block-grid span::before{background:var(--pv-accent);border-radius:50%}.tpl-block-checklist span::before{background:var(--pv-ok)}.tpl-block-attachment span::before,.tpl-block-fill-in span::before{background:var(--pv-warn)}
.tpl-unmapped{border-top:1px solid var(--pv-line);padding-top:10px}.tpl-unmapped summary{cursor:pointer;font-size:13px;color:var(--pv-muted)}.tpl-unmapped ul{margin:8px 0 0;padding-left:18px;font-size:12px;color:var(--pv-muted)}.tpl-unmapped li{margin:4px 0}.tpl-unmapped li strong{color:var(--pv-ink);font-weight:500}
.tpl-demo-note{margin:14px 0 0;font-size:12px;color:var(--pv-muted);border-left:3px solid var(--pv-warn);padding-left:10px}.tpl-demo-note code{font-size:11px}
.tpl-picker-lede{margin:0 0 14px;color:var(--pv-muted);font-size:13px}.tpl-picker{display:grid;grid-template-columns:minmax(220px,270px) minmax(0,1fr);grid-template-rows:minmax(0,1fr);gap:16px;height:min(54vh,520px)}
.tpl-picker-list{display:grid;gap:6px;align-content:start;min-height:0;overflow:auto;padding:2px}.tpl-option{display:grid;gap:2px;text-align:left;padding:10px 12px;border:1px solid var(--pv-line);border-radius:10px;background:var(--pv-surface);color:var(--pv-ink);cursor:pointer;font:inherit}.tpl-option strong{font-size:14px}.tpl-option small{font-size:12px;color:var(--pv-muted);line-height:1.4;overflow:hidden;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}.tpl-option .eyebrow{font-size:10px}
.tpl-option[aria-selected=true]{border-color:var(--pv-accent);box-shadow:0 0 0 1px var(--pv-accent) inset;background:var(--pv-accent-tint)}.tpl-option:focus-visible{outline:2px solid var(--pv-live);outline-offset:2px}.tpl-option-blank{border-style:dashed}
.tpl-picker-preview{min-height:0;overflow:auto;padding:16px;border:1px solid var(--pv-line);border-radius:10px;background:var(--pv-bg)}
#modal.ws-dialog-wide .tpl-picker{max-width:100%}
@media(max-width:760px){.tpl-picker{grid-template-columns:1fr;grid-template-rows:minmax(0,34vh) minmax(0,1fr);height:min(70vh,640px)}}
/* The Protocol tile's "Start from a research area" line doubles as the picker's entry point (demo placement). */
.ov-area .ov-area-now[data-ov-template-pick]{text-decoration:underline dotted;text-underline-offset:3px;cursor:pointer}.ov-area:hover .ov-area-now[data-ov-template-pick],.ov-area .ov-area-now[data-ov-template-pick]:hover{color:var(--pv-accent);text-decoration-style:solid}