.note-study-panel{margin:22px 0;padding:16px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.note-study-panel h2{margin:0 0 10px;font-size:17px}.note-study-panel p{font-size:14px;margin:8px 0;color:var(--text-2)}
.note-study-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.note-study-actions a,.note-links .note-study-actions a{display:inline-block;width:auto;padding:9px 12px;border:1px solid var(--primary);border-radius:4px;color:var(--primary);background:var(--surface);font-size:13px;font-weight:700;text-decoration:none;line-height:1.5;white-space:normal}
.note-study-actions a:first-child{background:var(--primary);color:white}
.note-study-actions a:focus-visible{outline:3px solid var(--primary);outline-offset:3px}
@media(max-width:420px){.note-study-panel .note-study-actions a{flex:1 1 100%;text-align:center}}
.note-journal{max-width:780px;background:var(--surface);min-height:100vh}
.note-journal-head{padding:20px 0 28px;border-bottom:1px solid var(--border)}
.note-journal-head .note-lead{margin-bottom:0;color:var(--text-2)}
.note-post{padding:25px 0;border-bottom:1px solid var(--border)}
.note-post .note-post-category{font-size:12px;color:var(--text-3);margin:0 0 7px}
.note-post h2{border:0;padding:0;margin:0 0 9px;font-size:21px;line-height:1.5}
.note-post h2 a{color:var(--text);text-decoration:none}
.note-post h2 a:hover,.note-post h2 a:focus-visible{color:var(--primary);text-decoration:underline;text-underline-offset:4px}
.note-post>p:not(.note-post-category){margin:0 0 12px;font-size:15px}
.note-post-read{color:var(--primary);font-size:13px;font-weight:600;text-decoration:none}
.note-post-read:focus-visible{outline:2px solid var(--primary);outline-offset:4px}
@media(max-width:420px){.note-journal{padding-left:20px;padding-right:20px}.note-post h2{font-size:19px}}