.notes-page{background:#211710;position:relative;isolation:isolate;line-height:1.6}
.journal-landscape{position:absolute;z-index:-1;top:0;right:0;left:0;height:620px;pointer-events:none;background:linear-gradient(180deg,#21171066,#211710 95%),linear-gradient(90deg,#211710d9,#21171055),url('./assets/tavern-night.png') center 44%/cover;opacity:.72}
.notes-header{max-width:1440px;margin-inline:auto}
.nav-download{border:1px solid #dca9654d;border-radius:7px;padding:8px 14px!important;background:#dca9650a;color:var(--amber)}
.nav-download span{margin-left:10px}
.journal{max-width:1120px;margin:auto;padding:55px 36px 0}
.journal-intro{display:flex;align-items:center;justify-content:space-between;padding:0 26px 68px 0;gap:28px}
.journal-intro .eyebrow{margin-bottom:20px;letter-spacing:.16em}
.journal-intro h1{font-size:clamp(3.8rem,6.7vw,6.2rem);line-height:1.04;letter-spacing:-.045em}
.journal-description{color:var(--muted);font-size:.9375rem;line-height:1.9;margin:23px 0 0}
.journal-lantern{width:128px;flex-shrink:0;transform:rotate(7deg);filter:drop-shadow(0 0 38px #e79c3528);margin:0 43px 0 10px}
.journal-lantern img{width:100%;height:auto;display:block}
.journal-layout{display:grid;grid-template-columns:190px minmax(0,1fr);gap:55px;border-top:1px solid #edc38c25;padding-top:31px}
.sidebar-inner{position:sticky;top:32px;padding-top:9px}
.sidebar-heading{display:flex;align-items:center;gap:17px;margin-bottom:22px}
.small-label{font-size:.6875rem;text-transform:uppercase;letter-spacing:.16em;color:#c5a47e;white-space:nowrap}
.journal-rule{height:1px;background:#c5a47e30;flex:1}
.release-history{padding:0;list-style:none;margin:0;max-height:40vh;overflow:auto;scrollbar-color:#9e744d66 transparent;scrollbar-width:thin}
.history-link{display:block;padding:7px 0 7px 15px;border-left:1px solid #edc38c30;transition:color .2s,border-color .2s;margin:0 0 12px;color:var(--muted)}
.history-link:hover{border-color:var(--amber);color:var(--cream)}
.history-link span{font-size:.875rem;overflow-wrap:anywhere}
.history-link small{display:block;font-size:.6875rem;margin-top:3px;color:#aa917a}
.sidebar-description{font-family:Cormorant,Georgia,serif;font-size:1.5rem;line-height:1.3;color:#c3a990;margin:38px 0 13px}
.sidebar-github{font-size:.6875rem!important}
.journal-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}
.channel-filters{display:flex;align-items:center;padding:4px;background:#130e0a55;border:1px solid #edc38c20;border-radius:8px;gap:3px}
.channel-filters button{background:transparent;color:#bda38a;border:0;padding:7px 11px;border-radius:5px;font-size:.75rem;line-height:1.5;white-space:nowrap}
.channel-filters button[aria-pressed=true]{background:#edc38c19;color:#f5d1a3;box-shadow:0 1px 4px #0002}
.channel-filters button:hover{color:var(--cream)}
.release-search{display:flex;align-items:center;gap:9px;color:#ad9177;border:1px solid #edc38c26;border-radius:7px;max-width:230px;padding:9px 12px;background:#160f0b38;flex:1;min-width:160px}
.release-search:focus-within{outline:2px solid var(--amber);outline-offset:3px}
.release-search svg{flex-shrink:0}
.release-search input{width:100%;min-width:0;background:transparent;border:0;color:var(--cream);font:inherit;font-size:.75rem;outline:0}
.release-search input::placeholder{color:#b89d83;opacity:1}
.journal-status-row{display:flex;align-items:center;justify-content:space-between;gap:20px;color:#b49b82;font-size:.6875rem;min-height:62px;padding:13px 0 17px}
#release-count{flex-shrink:0}
.sync-status{display:flex;align-items:center;justify-content:flex-end;gap:6px;text-align:right}
#notes-status::before{content:'';display:inline-block;width:5px;height:5px;background:#a7b88c;border-radius:50%;margin:0 7px 2px 0}
#notes-status[data-state=stale]::before,#notes-status[data-state=loading]::before{background:var(--amber)}
.refresh-button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;flex-shrink:0;border:0;border-radius:5px;color:#c7af97;background:transparent}
.refresh-button:hover:enabled{color:var(--cream);background:#edc38c15}
.refresh-button:disabled{opacity:.4;cursor:default}
.release-entry{scroll-margin-top:30px;margin-bottom:38px}
.entry-meta{display:flex;align-items:center;gap:14px;margin-bottom:13px;font-size:.75rem;color:#bba087}
.latest-badge{display:inline-flex;align-items:center;gap:6px;font-size:.625rem;letter-spacing:.02em;color:#e8c392}
.latest-badge::before{content:'';width:4px;height:4px;border-radius:50%;background:var(--amber)}
.entry-card{border:1px solid #dbab702b;border-radius:12px;padding:32px 35px 0;background:linear-gradient(145deg,#35251ab3,#2a1e16cc);box-shadow:0 8px 36px #120b050d}
.entry-heading{padding-bottom:22px;margin-bottom:23px;border-bottom:1px solid #edc38c1c}
.entry-tags{display:flex;align-items:center;gap:9px;margin-bottom:15px;flex-wrap:wrap}
.version-tag{color:#d7b38b;font-size:.75rem;letter-spacing:.015em;overflow-wrap:anywhere}
.channel-tag{font-size:.625rem;line-height:1.4;padding:2px 7px;border-radius:4px;border:1px solid #edc38c38;color:#e7bd86;background:#edc38c09}
.channel-tag.is-stable{border-color:#afc49638;color:#c1c9a8;background:#c1c9a80b}
.entry-heading h2{font-family:Cormorant,Georgia,serif;font-size:2.25rem;font-weight:400;line-height:1.15;letter-spacing:-.02em;margin:0;overflow-wrap:anywhere}
.entry-title:hover{color:var(--amber)}
.release-body{color:#d1baa3;font-size:.875rem;line-height:1.85;overflow-wrap:anywhere}
.release-body>:first-child{margin-top:0}
.release-body>:last-child{margin-bottom:0}
.release-body p{margin:0 0 18px}
.release-body strong,.release-body b{color:#ead6bf;font-weight:700}
.release-body h3,.release-body h4,.release-body h5,.release-body h6{color:#f0d5b2;font-family:Nunito,system-ui,sans-serif;font-weight:700;font-size:.9375rem;line-height:1.5;letter-spacing:0;text-shadow:none;margin:28px 0 11px;animation:none}
.release-body h4,.release-body h5,.release-body h6{font-size:.875rem}
.release-body ul,.release-body ol{padding-left:22px;margin:10px 0 21px}
.release-body li{padding-left:4px;margin:7px 0}
.release-body li::marker{color:#ad835a}
.release-body li p{margin:0 0 8px}
.release-body li ul,.release-body li ol{margin:8px 0}
.release-body a,.noscript-notes a{color:var(--amber);text-decoration:underline;text-underline-offset:3px}
.release-body blockquote{border-left:2px solid #c19662;padding:3px 0 3px 18px;margin:22px 0;color:#bea48b}
.release-body blockquote p:last-child{margin-bottom:0}
.release-body pre{overflow:auto;white-space:pre;padding:17px;background:#18110d;border:1px solid #dbab7022;border-radius:7px;line-height:1.65}
.release-body code,.release-body kbd{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.82em;background:#120c0844;padding:3px 5px;border-radius:4px;color:#e7c99f}
.release-body pre code{background:transparent;padding:0}
.release-body hr{border:0;border-top:1px solid #edc38c25;margin:26px 0}
.release-body img{display:block;max-width:100%;height:auto;border-radius:7px;margin:18px 0}
.release-body details{border:1px solid #edc38c25;border-radius:6px;padding:12px 16px;margin:18px 0}
.release-body summary{cursor:pointer;color:var(--cream)}
.release-body details[open]>summary{margin-bottom:12px}
.notes-table{overflow:auto;margin:20px 0}
.notes-table:focus-visible{outline:2px solid var(--amber);outline-offset:3px}
.notes-table table{border-collapse:collapse;min-width:100%;font-size:.8125rem}
.notes-table th,.notes-table td{border:1px solid #edc38c25;text-align:left;padding:9px 13px}
.notes-table th{background:#edc38c0b;color:var(--cream)}
.plain-notes{white-space:pre-wrap}
.entry-footer{border-top:1px solid #edc38c1c;margin-top:29px;padding:18px 0;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.text-link{color:#d2b28e;font-size:.75rem;line-height:1.5}
.text-link:hover{color:var(--cream);text-decoration:underline;text-underline-offset:4px}
.edited-date{font-size:.625rem;color:#b89c81}
.notes-state{text-align:center;border:1px solid #dbab702b;border-radius:12px;padding:48px 30px;background:#34251a66}
.state-ornament{font-size:1.5rem;color:#c79b61}
.notes-state h2{font-family:Cormorant,Georgia,serif;font-weight:400;font-size:2rem;line-height:1.15;margin:18px 0 12px}
.notes-state p{font-size:.875rem;color:var(--muted);max-width:340px;margin:0 auto 23px}
.clear-filters{display:block;margin:0 auto 19px;padding:8px 13px;border:1px solid #edc38c40;border-radius:6px;background:#edc38c13;color:var(--amber);font-size:.8125rem}
.journal-end{display:flex;align-items:center;justify-content:center;gap:18px;color:#96734e;font-size:.875rem;margin:42px 0 56px}
.journal-end span{width:44px;height:1px;background:#96734e44}
.notes-footer{max-width:1120px;margin:0 auto;padding:29px 36px 36px;display:flex;align-items:center;justify-content:space-between;gap:26px;border-top:1px solid #edc38c20}
.back-home{font-size:.75rem;color:var(--muted)}
.back-home span{margin-left:13px;color:var(--amber)}
.back-home:hover{color:var(--cream)}
.skip-link{position:absolute;top:10px;left:20px;transform:translateY(-150%);z-index:10;background:var(--amber);color:var(--ink);padding:10px 16px;border-radius:6px}
.skip-link:focus{transform:translateY(0)}
.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(min-width:1500px){.journal{padding-top:72px}}
@media(max-width:900px){.journal-layout{grid-template-columns:145px minmax(0,1fr);gap:28px}.entry-card{padding:27px 26px 0}.journal{padding-inline:28px}.journal-lantern{margin-right:18px;width:108px}.notes-footer{margin-inline:28px;padding-inline:0}}
@media(max-width:700px){
  .notes-header{padding:23px 22px;gap:18px;flex-wrap:wrap}.notes-header .brand{font-size:1.2rem}.notes-header .site-nav{gap:15px}.notes-header .site-nav>a[aria-current]{display:none}.nav-download{padding:7px 10px!important;font-size:.6875rem}.nav-download span{margin-left:5px}
  .journal{padding:36px 22px 0}.journal-intro{padding:0 0 37px;gap:4px;position:relative}.journal-intro .eyebrow{font-size:.625rem;letter-spacing:.13em;margin-bottom:17px}.journal-intro h1{font-size:clamp(3.2rem,9.5vw,4.8rem);text-wrap:nowrap;letter-spacing:-.04em}.journal-description{font-size:.8125rem;line-height:1.8;margin-top:20px;max-width:310px}.journal-description br{display:none}.journal-lantern{display:none}
  .journal-layout{display:block;padding-top:22px}.journal-sidebar{display:none}.journal-toolbar{gap:12px}.channel-filters{flex-shrink:0}.channel-filters button{padding:6px 10px;font-size:.6875rem}.release-search{min-width:145px;max-width:none;padding:9px 10px}.release-search input{font-size:.6875rem}.journal-status-row{font-size:.625rem;gap:12px;padding:9px 0 13px;min-height:58px}.sync-status{gap:0}#notes-status{max-width:230px}.refresh-button{width:29px;height:32px}
  .entry-meta{font-size:.6875rem;gap:11px;margin-bottom:11px}.latest-badge{font-size:.5625rem}.entry-card{padding:24px 22px 0;border-radius:10px}.entry-tags{margin-bottom:13px}.version-tag{font-size:.6875rem}.entry-heading h2{font-size:1.9rem}.entry-heading{padding-bottom:20px;margin-bottom:20px}.release-body{font-size:.875rem;line-height:1.85}.release-body h3{font-size:.875rem;margin-top:25px}.release-body h4,.release-body h5,.release-body h6{font-size:.8125rem}.release-body ul,.release-body ol{padding-left:17px}.release-body li{padding-left:2px}.entry-footer{padding-block:16px;gap:10px}.entry-footer .text-link{font-size:.6875rem}.edited-date{font-size:.5625rem}
  .notes-footer{margin-inline:22px;flex-direction:column;align-items:flex-start;padding:25px 0 29px;gap:24px}.notes-footer .maren-note p{font-size:1.15rem}.notes-footer .maren-note span{font-size:.6875rem}.back-home{font-size:.6875rem;margin-left:53px}.journal-end{margin:33px 0 37px}.notes-state{padding:36px 23px}.notes-state h2{font-size:1.75rem}
}
@media(max-width:390px){.notes-header{padding-inline:18px;gap:12px}.notes-header .brand{font-size:1.1rem;gap:7px}.journal{padding-inline:18px}.journal-intro h1{font-size:2.95rem}.journal-toolbar{align-items:stretch}.release-search{flex-basis:100%}.entry-card{padding:23px 19px 0}.notes-footer{margin-inline:18px}.journal-status-row{gap:8px}}
