:root{--accent:#215d65;--bar-height:120px}
body[data-theme=sepia]{--accent:#69512b}
body[data-theme=dark]{--accent:#88d7d3}
[hidden]{display:none!important}
html{scroll-padding-top:calc(var(--bar-height) + 20px)}
button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}
button,a{touch-action:manipulation}
button{cursor:pointer}
button:disabled{cursor:wait;opacity:.6}
:focus-visible{outline:3px solid var(--accent);outline-offset:4px}
#bar{padding:.6em 1em;gap:.6em 1.1em}
#bar .site-link{color:var(--accent);text-decoration:none;font-weight:700}
#bar .title{font-size:15px}
#bar button,#bar select,#bar input{min-height:36px}
#bar .bar-break{flex-basis:100%;height:0}
#bar #find{width:160px;max-width:42vw}
#nav{top:var(--bar-height);padding-top:1em}
.page,h2{scroll-margin-top:calc(var(--bar-height) + 20px)}
#about{background:transparent;border:0;border-bottom:1px solid var(--rule);border-radius:0;padding:.8em 0 1.4em}
#about h1{font-size:clamp(2.2rem,6vw,3.8rem);line-height:1.08;letter-spacing:-.045em;font-weight:400}
.reader-eyebrow{font:700 12px/1.5 "Segoe UI",sans-serif;letter-spacing:.16em;color:var(--accent)}
.reader-subtitle{font-size:1.25em;margin-bottom:.25em}
.reader-byline{color:var(--muted);font-size:.9em}
.reader-help{padding:1em 1.1em;background:var(--pre);border-left:3px solid var(--accent);border-radius:0 8px 8px 0;margin:1.5em 0}
.reader-help p{margin:0 0 .5em}
.reader-links{display:flex;flex-wrap:wrap;gap:.7em 1.4em;align-items:center;font:600 14px/1.5 "Segoe UI",sans-serif}
.reader-links a{color:var(--accent)}
.reader-links button,.page-feedback button{font:inherit;color:var(--accent);background:var(--bg);border:1px solid var(--rule);border-radius:6px;padding:.55em .8em}
.reader-conventions{font-size:.86em;color:var(--muted);margin-top:1.6em}
.reader-conventions summary{cursor:pointer;font-weight:600;color:var(--fg)}
.page-feedback{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1em;border-top:1px dashed var(--rule);padding-top:1em;margin-top:2em;font:13px/1.5 "Segoe UI",sans-serif;color:var(--muted)}
#selection-action{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);z-index:30;display:flex;align-items:center;gap:1em;padding:.7em 1em;max-width:calc(100vw - 24px);width:max-content;background:var(--fg);color:var(--bg);border-radius:10px;box-shadow:0 5px 28px #0003;font:13px/1.5 "Segoe UI",sans-serif}
#annotate-selection{font:600 14px/1.5 "Segoe UI",sans-serif;border:0;border-radius:6px;padding:.65em 1em;color:#16383e;background:#b8e6dd;white-space:nowrap}
::highlight(burns-comment){background:#ffe08a;color:#252017}
mark.annotation-active{background:#ffe08a;color:#252017}
mark.annotation-public{background:#fff0b3;color:#332d16;border-bottom:2px solid #b58a2f;cursor:pointer;border-radius:2px;box-decoration-break:clone;-webkit-box-decoration-break:clone}
mark.annotation-public:hover,mark.annotation-public:focus-visible{background:#ffdc76;color:#252017}
body[data-theme=dark] mark.annotation-public{background:#665322;color:#fff1bb;border-color:#d8b752}
.page-feedback button.has-comments{background:var(--note);color:var(--accent);font-weight:700;border-color:var(--accent)}
#public-highlight-status{font:13px/1.6 "Segoe UI",sans-serif;color:var(--muted);margin-top:1em}
#highlight-thread{padding:.75em;background:var(--pre);border-radius:6px;margin-bottom:1em;font-size:13px}
#highlight-thread button{margin-top:.5em}
#comments-dialog{position:fixed;inset:0 0 0 auto;margin:0;border:0;border-left:1px solid var(--rule);height:100%;max-height:100dvh;width:560px;max-width:100%;padding:0;color:var(--fg);background:var(--bg);font:15px/1.55 "Segoe UI",sans-serif}
#comments-dialog::backdrop{background:#07191c80}
.comments-heading{position:sticky;top:0;display:flex;justify-content:space-between;gap:1em;padding:1.1em 1.4em;background:var(--bg);border-bottom:1px solid var(--rule);z-index:1}
.comments-heading h2{margin:0;font:500 25px/1.2 Georgia,serif}
.comments-heading p{margin:.35em 0 0;color:var(--muted);font-size:13px}
#comments-dialog button,#comments-dialog input,#comments-dialog textarea,#comments-dialog select{font:inherit;color:inherit;border:1px solid var(--rule);border-radius:6px;background:var(--bg);padding:.55em .7em}
#comments-dialog textarea{resize:vertical;min-height:140px}
#comments-dialog .primary{background:var(--accent);color:var(--bg);font-weight:600}
.comments-inner{padding:1.3em 1.4em 2em}
#comment-form{border-bottom:1px solid var(--rule);padding-bottom:1.4em;margin-bottom:1.5em}
#comment-form label{display:block;font-weight:600;margin-top:1em}
#comment-form input,#comment-form textarea{display:block;width:100%;margin-top:.3em}
#comment-form .public-note{font-size:13px;color:var(--muted)}
.comment-form-actions,.comment-controls{display:flex;flex-wrap:wrap;gap:.65em;align-items:center}
#selected-quote,.comment-card blockquote{margin:.6em 0;padding:.6em .8em;border-left:3px solid var(--accent);background:var(--pre);max-height:150px;overflow:auto;font:15px/1.6 Georgia,serif;white-space:pre-wrap;overflow-wrap:anywhere}
.comments-filter{display:flex;flex-wrap:wrap;align-items:center;gap:.65em;margin:.7em 0}
.comments-filter label{font-weight:600}
#comments-count{font-weight:600}
#comment-status{position:sticky;bottom:0;background:var(--note);color:var(--notefg);border-radius:6px;white-space:pre-wrap}
#comment-status:not(:empty){padding:.8em;margin:1em 0}
#comments-loading{font-size:14px;color:var(--muted)}
.comment-card{padding:1.3em 0;border-bottom:1px solid var(--rule)}
.comment-meta{display:flex;gap:.8em;justify-content:space-between;font-size:13px}
.comment-meta span,.comment-card time{color:var(--muted);font-size:12px}
.comment-body{white-space:pre-wrap;overflow-wrap:anywhere}
.comment-controls{font-size:12px}
.comment-controls a{color:var(--accent)}
#more-comments{margin-top:1.4em}
.comment-honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
#active-note{position:fixed;right:18px;bottom:18px;z-index:25;width:390px;max-width:calc(100vw - 36px);background:var(--bg);color:var(--fg);border:1px solid var(--rule);border-top:3px solid var(--accent);box-shadow:0 8px 35px #0003;border-radius:8px;padding:1em;font:14px/1.5 "Segoe UI",sans-serif}
#active-note-label{font-size:12px;font-weight:700;color:var(--accent)}
#active-note-text{max-height:120px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere}
#active-note button{border:1px solid var(--rule);border-radius:5px;background:var(--pre);color:var(--fg);font:inherit;padding:.4em .6em}
#close-active-note{float:right}
@media(max-width:700px){#bar .title{margin-right:0}#bar .bar-break{display:none}#bar label{font-size:12px}#bar input[type=range]{width:70px}#selection-message{max-width:150px;font-size:11px}#main{padding-top:.8em}.comments-inner{padding:1em}#about h1{margin-top:.3em}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
@media print{#selection-action,#comments-dialog,#active-note,.page-feedback,.reader-help,.reader-links,.reader-conventions{display:none!important}}