.record-row{padding:0;align-items:stretch;gap:0;overflow:hidden;background:var(--paper);border:1px solid var(--line);border-radius:10px}
.record-open{flex:1;min-width:0;text-align:left;display:flex;justify-content:space-between;gap:16px;border:0;border-radius:0;padding:18px 20px;background:transparent}
.record-open>span{min-width:0}.record-open strong{overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.record-open small{display:block;font-size:11px}.record-row-tools{display:flex;align-items:center;padding:8px;gap:2px;flex-shrink:0}
.record-row-tools button{padding:8px 12px;min-height:44px}.record-danger{color:#9b3b2d}.record-danger:hover{background:#f8eee8}
.record-detail-head{display:flex;justify-content:space-between;align-items:start;gap:16px;flex-wrap:wrap}.record-detail-head h2{margin:5px 0;overflow-wrap:anywhere;max-width:100%}
.record-detail-head>div{min-width:0;flex:1}.record-detail-tools{display:flex;gap:4px;flex-wrap:wrap}
.record-question{white-space:pre-wrap;overflow-wrap:anywhere;margin:5px 0 18px}.record-question-label{font-size:11px;color:var(--muted);margin-bottom:0}
.record-editor{margin:16px 0;padding:18px;border:1px solid var(--line);border-radius:10px;background:var(--paper)}
.record-editor label{margin-bottom:14px}.record-editor textarea{margin-top:6px}.record-editor p{margin:6px 0 14px}.record-form-actions{display:flex;gap:8px;flex-wrap:wrap}
.record-delete-check{padding:18px;border:1px solid #c79b87;border-radius:10px;background:#fbf3ec;margin:16px 0;overflow-wrap:anywhere}
.record-delete-check h3{font-size:19px;margin:0 0 8px}.record-delete-check .record-danger{border-color:#c79b87}
.record-edit-error{color:#9b3b2d;font-size:12px}
@media(max-width:760px){.record-row{display:block}.record-open{width:100%;padding:15px;flex-direction:column;gap:7px}.record-row-tools{justify-content:flex-end;border-top:1px solid var(--line);padding:2px 7px}.record-detail-head{gap:6px}.record-detail-tools{width:100%;justify-content:flex-end}.record-editor,.record-delete-check{padding:14px}.record-form-actions button{flex:1}.record-detail-head h2{font-size:24px}}

.record-entry{margin:10px 0}.record-entry .record-row{margin:0}.record-slot:empty{display:none}.record-slot #record-detail{border:1px solid var(--line);border-top:0;border-radius:0 0 10px 10px;margin:0;padding:20px;background:var(--paper);scroll-margin:12px}.record-entry:has(#record-detail:not([hidden])) .record-row{border-radius:10px 10px 0 0;background:#eef2eb}.record-open[aria-expanded="true"]{background:#eef2eb}
@media(max-width:760px){.record-slot #record-detail{padding:16px}}