/* Keep the browser readable in every unlocked atlas palette. */
.card-browser{min-width:0;padding:20px}
.browser-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}
.browser-heading h2{font:1.7rem/1.2 Georgia,serif;margin:0 0 9px}.browser-heading p:last-child{margin:0}
.browser-heading>.button{font-size:.8rem;flex-shrink:0;max-width:170px;text-align:center}
.browser-filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:14px 0}
.browser-filters label{font-size:.8rem;color:var(--muted)}.browser-filters select{margin-top:4px;min-height:42px;padding:7px 9px;font-size:.875rem}
.browser-filters>.text-button{justify-self:start;align-self:end}
.browser-selection,.browser-bulk{display:flex;align-items:center;gap:7px;flex-wrap:wrap;padding:12px 0;border-top:1px solid var(--line)}
.browser-selection>strong{font-size:.875rem;margin-right:5px;font-variant-numeric:tabular-nums}
.browser-selection button,.browser-bulk button,.browser-preview-actions button{font-size:.8rem;min-height:38px;padding:7px 9px}
.browser-selection>label{display:flex;gap:5px;align-items:center;font-size:.8rem;margin-left:auto}
.browser-bulk{padding-top:0;border:0}.browser-bulk button:disabled,.browser-selection button:disabled{color:var(--muted)!important}
.browser-message{margin:0 0 10px;color:var(--text);overflow-wrap:anywhere}.browser-message:empty{display:none}
.browser-workspace{display:grid;grid-template-columns:minmax(240px,1fr) minmax(260px,1fr);gap:16px;align-items:start}
.browser-results,.browser-preview{min-width:0}
.browser-results-heading{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-bottom:8px}
.browser-results-heading p{margin:0}.browser-results-heading label{font-size:.75rem;display:flex;align-items:center;gap:5px}
.browser-results-heading select{min-height:36px;padding:4px;width:60px;font-size:.8rem}
.browser-table-wrap{max-height:560px;max-height:60dvh;min-height:240px;overflow:auto;border:1px solid var(--line);border-radius:9px;overscroll-behavior:contain}
.browser-table{width:100%;border-collapse:separate;border-spacing:0;font-size:.8125rem;table-layout:fixed}
.browser-table th{position:sticky;top:0;background:var(--panel);color:var(--muted);font-weight:600;text-align:left;border-bottom:1px solid var(--line);padding:9px 6px;z-index:1}
.browser-table th:first-child{width:36px}.browser-table th:last-child{width:88px}
.browser-table td{padding:10px 6px;vertical-align:top;border-bottom:1px solid var(--line);overflow-wrap:anywhere}
.browser-table tr:last-child td{border:0}.browser-table input[type=checkbox]{display:block;margin:4px auto 0;width:19px;height:19px}
.browser-row{cursor:pointer;background:var(--panel);color:var(--text)}
.browser-row:hover,.browser-row[aria-selected=true]{background:var(--soft);color:var(--text)}
.browser-row.preview-current td:first-child{box-shadow:inset 3px 0 var(--accent)}
.browser-row[aria-selected=true] td{border-bottom-color:var(--line)}
.browser-row:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}
html[data-study-palette] .browser-question,.browser-question{display:block;border:0;background:transparent;color:var(--text);padding:0;min-height:28px;width:100%;font-size:.875rem;font-weight:600;line-height:1.4;text-align:left;overflow-wrap:anywhere}
html[data-study-palette] .browser-question:hover{background:transparent;color:var(--text);text-decoration:underline;text-underline-offset:3px}
.browser-deck{display:block;color:var(--muted);font-size:.75rem;line-height:1.4;margin-top:4px}
.browser-status{font-size:.72rem;color:var(--text);display:inline-block;line-height:1.4}
.browser-status.is-suspended{background:var(--warning-bg,var(--soft));color:var(--warning-text,var(--text));padding:2px 4px;border-radius:4px}
.browser-table td>small{display:block;color:var(--muted);font-size:.68rem;margin-top:4px}
.browser-badge{display:inline-block;padding:1px 5px;border:1px solid var(--line);border-radius:5px;font-size:.68rem;color:var(--text);margin:5px 4px 0 0}
.browser-results .pagination{padding-top:10px;font-size:.8rem;gap:5px}.browser-results .pagination button{font-size:.8rem;padding:7px 10px;min-height:38px}
.browser-preview{background:var(--soft,var(--panel));border:1px solid var(--line);border-radius:10px;padding:12px;position:sticky;top:16px}
.browser-preview-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}
.browser-preview-heading p{margin:0}.browser-preview-heading>div{display:flex;gap:5px}.browser-preview-heading button{min-height:34px;padding:4px 10px}
#browse-preview-title{font-size:.95rem;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:0 0 6px}
#browse-preview-meta{margin:0 0 10px;overflow-wrap:anywhere;font-size:.75rem}
.browser-side-tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:9px}.browser-side-tabs button{min-height:38px;font-size:.85rem;padding:6px}
#browse-preview-frame{width:100%;height:400px;height:clamp(270px,46dvh,560px);border:1px solid var(--line);border-radius:7px;display:block;background:white}
#browse-preview-status{font-size:.75rem;margin:10px 0}.browser-preview-actions{display:flex;flex-wrap:wrap;gap:6px}
#browse-card-details{font-size:.72rem;line-height:1.55;margin:10px 0 0;overflow-wrap:anywhere}
.browser-empty{padding:24px 10px;color:var(--muted);text-align:center}
.browser-help{border-top:1px solid var(--line);padding-top:14px;margin-top:18px;font-size:.8125rem;color:var(--muted)}.browser-help summary{cursor:pointer;color:var(--text);min-height:30px}.browser-help p{margin:12px 0 0}
.deck-tree .deck-node{position:relative;align-items:center;gap:8px}.deck-tree .deck-only{margin-left:auto;padding:3px 7px;min-height:30px;font-size:.75rem;flex-shrink:0}
.deck-tree summary{display:flex;align-items:center;gap:8px;margin-left:0;list-style:none}.deck-tree summary::-webkit-details-marker{display:none}
.deck-tree summary::before{content:'›';width:12px;flex-shrink:0;font-size:1.3rem;color:var(--text);text-align:center}.deck-tree details[open]>summary::before{transform:rotate(90deg)}
.deck-tree summary>.node-text{flex:1}.deck-tree summary>input{margin:0}.deck-tree .deck-node>.node-text{flex:1}
@media(min-width:960px){body.browsing .workspace-grid{grid-template-columns:minmax(240px,280px) minmax(0,1fr);gap:18px}body.browsing main{max-width:1680px}}
@media(max-width:1150px) and (min-width:769px){.browser-workspace{grid-template-columns:minmax(0,1fr)}.browser-preview{position:static}.browser-table-wrap{max-height:36dvh}.browser-heading{display:block}.browser-heading>.button{margin-top:10px;max-width:none}}
@media(max-width:768px){.card-browser{padding:16px}.browser-heading{display:block}.browser-heading>.button{margin-top:12px;max-width:none}.browser-heading h2{font-size:1.5rem}.browser-workspace{grid-template-columns:minmax(0,1fr)}.browser-preview{position:static}.browser-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.browser-table-wrap{max-height:36dvh;min-height:180px}.browser-selection>label{margin-left:0}.browser-selection button,.browser-bulk button,.browser-preview-actions button{min-height:44px}.browser-bulk{position:relative}.browser-question{min-height:40px}.browser-table th:last-child{width:84px}#browse-preview-frame{height:390px;height:46dvh;min-height:260px}.deck-tree .deck-only{min-height:40px}}