/* Tools first, then a compact index of events and original draws. */
.tool-shortcuts{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:20px 0 25px;border-bottom:1px solid var(--line);margin-bottom:22px}.tool-shortcuts strong{display:block;font-size:17px;font-weight:500}.tool-shortcuts span{font:11px/1.8 system-ui,sans-serif;color:var(--muted)}.tool-shortcuts .actions{margin:0;flex:none}.records-toolbar{display:flex;align-items:center;justify-content:space-between;gap:25px;margin:17px 0}.records-toolbar .filters{margin:0;flex:none}.records-toolbar>label{max-width:300px;width:100%}.records-toolbar input{margin:0;min-height:42px;font:12px/1.6 system-ui,sans-serif;background:transparent}.sr-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.records-count{display:flex;justify-content:space-between;gap:15px;color:var(--muted);font:10px/1.8 system-ui,sans-serif;margin:8px 0 13px}.records-count a{text-decoration:underline;text-underline-offset:4px}.records-list{border-top:1px solid var(--line)}.record-row{display:grid;grid-template-columns:35px minmax(0,1fr) 88px 62px;align-items:center;gap:20px;padding:17px 0;border-bottom:1px solid var(--line);min-width:0}.record-mark{font-size:19px;width:32px;height:38px;display:grid;place-items:center;background:#e4e4d9;color:#77725d;border-radius:3px}.record-body{min-width:0}.record-title{display:block;font-size:16px;font-weight:500;line-height:1.7;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;text-align:left;padding:0;min-height:0}.record-title:hover{color:var(--accent)}.record-body>p{font-size:12px;color:var(--muted);margin:4px 0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.record-body>small{display:block;font:10px/1.8 system-ui,sans-serif;color:#888274}.record-meta{text-align:right;font:10px/1.8 system-ui,sans-serif;color:var(--muted)}.record-meta span,.record-meta time{display:block}.record-meta span{color:var(--green);margin-bottom:4px}.record-write{font-size:20px;padding:0;min-height:44px;color:var(--muted)}.record-write small{display:block;font:9px/1.6 system-ui,sans-serif}.record-open{text-align:center;font-size:22px;padding:10px}.records-pagination{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 0;font:10px/1.8 system-ui,sans-serif;color:var(--muted)}.records-pagination>div{display:flex;gap:22px}.after-draw{max-width:760px;border-block:1px solid var(--line);padding:28px 0;margin:30px 0}.after-draw form{display:grid;gap:13px}.after-draw textarea{font-size:14px;background:var(--paper)}.after-draw .section-heading h2{font-size:22px}.draw-link{font-size:12px;border-bottom:1px solid var(--line);padding:8px 0 14px}.draw-link summary{cursor:pointer;font-size:12px;color:var(--muted);padding:5px 0}.draw-link summary span{font-size:10px;margin-left:6px}.draw-link label{margin:14px 0}.draw-link .note{font-size:10px}.draw-event-name[hidden]{display:none}.after-draw>.note{font:10px/1.8 system-ui,sans-serif;margin:16px 0 0}.draw-annotation{border-bottom:1px solid var(--line);padding:12px 0;margin-bottom:16px}.draw-annotation small{font:10px/1.8 system-ui,sans-serif;color:var(--muted)}.draw-annotation p{font-size:14px;margin:7px 0;white-space:pre-wrap;overflow-wrap:anywhere}.gentle-followup{margin:25px 0 30px;padding:20px 24px;border-left:3px solid #adb594;background:#e7e9df}.gentle-followup h3{font-size:19px}.gentle-followup>div>p:not(.eyebrow){font-size:12px;color:var(--muted);margin:8px 0}.followup-actions{display:flex;gap:21px;flex-wrap:wrap;margin:8px 0}.followup-actions button{font-size:11px}.followup-row{padding:25px 0;border-bottom:1px solid var(--line)}.followup-row .line-row small{font:10px/1.8 system-ui,sans-serif;color:var(--muted)}.followup-row>p{margin:10px 0 0}.scope-boundary{padding:14px 18px;border-left:2px solid #b8a080;background:#eae4d8;font-size:12px;max-width:760px;margin-top:20px;line-height:1.9}.checkin-history{margin:25px 0;border-block:1px solid var(--line);padding:16px 0;font-size:12px}.checkin-history summary{cursor:pointer}.checkin-history p{padding-top:14px;white-space:pre-wrap}.checkin-history small{color:var(--muted);font-size:10px}.late-label{display:block;font:10px/1.9 system-ui,sans-serif;color:#876347;margin:8px 0}.event-title{margin-top:14px}.related-note{margin-top:20px;border-left:2px solid #aab296;padding:3px 0 3px 18px}.related-note>p{font-size:12px;margin:0 0 7px}.related-note>div{display:flex;justify-content:space-between;align-items:center;gap:18px;font-size:12px;padding:6px 0}.related-note button{font-size:10px;flex:none}.related-note a{min-width:0}.liuyao-saved{max-width:600px;padding:35px;border:1px solid var(--line);background:var(--paper);border-radius:5px}.liuyao-saved>div{max-width:250px;margin:0 auto 20px}.liuyao-saved>p{text-align:center;font-size:18px;margin:0}.saved-yao{display:flex;align-items:center;gap:15px;padding:7px 0}.saved-yao small{width:28px;flex:none;font-size:11px;color:var(--muted)}.saved-yao>span{display:flex;flex:1;gap:17px}.saved-yao i{height:7px;background:#493c2b;flex:1}.saved-yao .yang{gap:0}.saved-yao b{font-size:10px;color:var(--accent);width:15px;font-weight:400}.tarot-question small{display:block;font-size:11px;margin-top:6px}
@media(max-width:850px){.records-toolbar{align-items:start;flex-direction:column;gap:8px}.records-toolbar>label{max-width:100%}.records-toolbar .filters{width:100%;gap:22px}.record-row{gap:15px}.tool-shortcuts{gap:16px}.tool-shortcuts .primary,.tool-shortcuts .secondary{font-size:12px;padding:11px 15px}}
@media(max-width:620px){.tool-shortcuts{align-items:start;flex-wrap:wrap;padding-top:6px;gap:15px}.tool-shortcuts>div:first-child{display:flex;gap:16px;align-items:baseline;flex-wrap:wrap}.tool-shortcuts strong{font-size:15px}.tool-shortcuts span{font-size:10px}.tool-shortcuts .actions{width:100%;gap:12px}.tool-shortcuts button{flex:1}.records-toolbar .filters{gap:19px}.records-toolbar .filters button{font-size:12px;white-space:nowrap}.records-count{font-size:9px;gap:10px}.record-row{grid-template-columns:23px minmax(0,1fr) 54px;gap:11px;padding:16px 0;position:relative}.record-mark{font-size:15px;width:23px;height:30px;align-self:start;margin-top:3px}.record-title{font-size:15px}.record-body>p{font-size:11px;margin:4px 0}.record-body>small{font-size:9px}.record-meta{font-size:9px;align-self:start;padding-top:4px}.record-write,.record-open{grid-column:3;position:absolute;right:0;bottom:8px;width:48px;height:35px;min-height:35px;font-size:16px;display:flex;align-items:center;justify-content:center;gap:4px}.record-write small{font-size:8px}.record-meta time{margin-bottom:17px}.records-pagination{font-size:9px}.records-pagination button{font-size:11px}.after-draw .section-heading{gap:15px}.after-draw .section-heading h2{font-size:20px}.after-draw .section-heading small{font-size:9px}.after-draw textarea{font-size:13px}.after-draw .actions{flex-wrap:wrap;gap:15px}.gentle-followup{padding:18px}.gentle-followup h3{font-size:17px}.followup-actions{gap:9px 16px}.followup-actions button{font-size:10px}.followup-row .line-row{align-items:start;gap:15px}.followup-row h3{font-size:17px}.followup-row .line-row small{max-width:78px;text-align:right;font-size:9px}.scope-boundary{font-size:11px;padding:12px 15px}.related-note>div{align-items:start}.related-note a{font-size:11px}.related-note button{font-size:9px}.liuyao-saved{padding:25px}}
@media(max-width:360px){.record-row{grid-template-columns:20px minmax(0,1fr) 48px;gap:9px}.record-title{font-size:14px}.records-toolbar .filters{gap:14px}.records-toolbar .filters button{font-size:11px}}
.record-row{padding-block:13px}.record-inline-label{display:inline-block;font:9px/1.5 system-ui,sans-serif;color:#8d8170;vertical-align:middle;margin-right:8px;border:1px solid #d5cfc2;padding:1px 4px;border-radius:2px}.record-title{line-height:1.6}.record-body>p{margin:4px 0 0;line-height:1.65}
@media(max-width:620px){.record-row{padding-block:15px}.record-body>p{padding-bottom:6px}.record-inline-label{font-size:8px;margin-right:6px}.record-meta time{margin-bottom:15px}.record-write,.record-open{bottom:5px}}

/* Use readable names instead of unexplained one-character markers. */
.record-row{grid-template-columns:minmax(0,1fr) 88px 62px}
.record-kind{font:10px/1.5 system-ui,sans-serif;color:var(--muted);margin-bottom:4px}
.history-entry{font-size:13px;color:var(--accent);white-space:nowrap;text-decoration:underline;text-underline-offset:5px}
@media(max-width:620px){.record-row{grid-template-columns:minmax(0,1fr) 54px}.record-write,.record-open{grid-column:2}.tool-shortcuts .actions{width:auto;flex:1}.tool-shortcuts .history-entry{font-size:11px;align-self:center}.tool-shortcuts .actions{gap:8px}.tool-shortcuts .primary,.tool-shortcuts .secondary{padding:10px 12px;font-size:11px}}
@media(max-width:360px){.record-row{grid-template-columns:minmax(0,1fr) 48px}.tool-shortcuts{gap:10px}.tool-shortcuts .primary,.tool-shortcuts .secondary{padding-inline:9px}}

/* Follow-up status belongs to events; the method belongs to individual readings. */
.record-views{display:flex;gap:28px;border-bottom:1px solid var(--line);margin:0 0 18px}
.record-views a{display:block;min-height:44px;padding:10px 0;font-size:16px;border-radius:0;border-bottom:2px solid transparent}
.record-views a[aria-current=page]{background:transparent;border-bottom-color:var(--accent);color:var(--accent)}
.records-toolbar>.association-filter{width:155px;flex:none}
.association-filter select{margin:0;min-height:42px;background:transparent;font:11px/1.6 system-ui,sans-serif;padding:9px 22px 9px 10px}
.record-association{font:10px/1.7 system-ui,sans-serif;color:var(--muted);margin-top:7px;overflow-wrap:anywhere}
.record-association a{text-decoration:underline;text-underline-offset:3px}
.event-only-row .record-body>small{margin-top:5px}
@media(max-width:850px){.records-toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px}.records-toolbar>.record-search{grid-column:1/-1}.records-toolbar>.filters{width:auto;gap:20px}.records-toolbar>.association-filter{width:145px}}
@media(max-width:620px){.record-views{gap:27px;margin-bottom:17px}.record-views a{font-size:15px}.records-toolbar>.filters{gap:16px}.records-toolbar>.association-filter{width:130px}.association-filter select{font-size:10px}.record-association{font-size:9px;padding-right:6px}.event-only-row .record-body>small{font-size:9px}}
@media(max-width:360px){.records-toolbar{gap:10px 8px}.records-toolbar>.filters{gap:12px}.records-toolbar>.association-filter{width:116px}.association-filter select{padding-left:7px;padding-right:18px;font-size:9px}.records-toolbar .filters button{font-size:10px}}
.record-views a[aria-current=page]{border-top:0}