/* files.highlinewater.com — BarFZ publish styles (read-only + review widget) */
:root{--fg:#1a1a1a;--bg:#fafafa;--muted:#666;--line:#e2e2e2;--accent:#0b5d3b;--accent2:#0a4730;
  --pub:#0b5d3b;--conf:#8a1c1c;--card:#fff;--shadow:rgba(0,0,0,.08)}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:Georgia,'Times New Roman',serif;color:var(--fg);background:var(--bg);line-height:1.7}
a{color:var(--accent)}
.brz-head{display:flex;justify-content:space-between;align-items:center;gap:16px;
  padding:12px 28px;background:#0b1f17;color:#eaf3ee;font-family:system-ui,sans-serif;position:sticky;top:0;z-index:50}
.brz-brand{font-size:.95em;letter-spacing:.02em}
.brz-logo{font-weight:800;letter-spacing:.18em;color:#7fd6a8;margin-right:8px}
.brz-head nav a{color:#bfe6d0;text-decoration:none;font-size:.9em}
.brz-banner{font-family:system-ui,sans-serif;font-size:.85em;padding:11px 28px;border-bottom:1px solid var(--line)}
.brz-banner.brz-pub{background:#eef7f1;color:#0b5d3b;border-bottom-color:#cfe8d9}
.brz-banner.brz-conf{background:#fdeaea;color:#8a1c1c;border-bottom-color:#f0c9c9;font-weight:600;letter-spacing:.01em}
.brz-doc{max-width:880px;margin:0 auto;padding:38px 22px 120px}
.brz-title{font-size:2em;border-left:6px solid var(--accent);padding-left:16px;margin:6px 0 22px}
.brz-lead{font-size:1.05em;color:var(--muted);margin-bottom:26px}
.brz-doc h1{font-size:1.5em;margin:30px 0 10px}
.brz-doc h2{font-size:1.25em;margin:26px 0 8px;padding-top:6px;border-top:1px solid var(--line)}
.brz-doc h3{font-size:1.08em;margin:20px 0 6px}
.brz-doc h4{font-size:1em;margin:16px 0 4px;color:var(--muted2,#444)}
.brz-doc p{margin:10px 0}
.brz-doc ul,.brz-doc ol{margin:10px 0 10px 26px}
.brz-doc li{margin:4px 0}
.brz-doc li.cbx{list-style:none;margin-left:-22px}
.brz-doc li.cbx .bx{display:inline-block;width:1.2em;color:var(--accent)}
.brz-doc li.cbx.done{color:#3a7a57}
.brz-doc hr{border:none;border-top:2px solid var(--line);margin:26px 0}
.brz-doc table{border-collapse:collapse;width:100%;margin:14px 0;font-size:.92em;font-family:system-ui,sans-serif}
.brz-doc th{background:#0b1f17;color:#eaf3ee;text-align:left;padding:7px 9px}
.brz-doc td{border:1px solid var(--line);padding:6px 9px;vertical-align:top}
.brz-doc tr:nth-child(even) td{background:#f3f7f5}
.brz-doc code{background:#eef1ef;padding:1px 5px;border-radius:3px;font-size:.9em}
.brz-doc blockquote{border-left:4px solid var(--accent);background:#eef7f1;padding:8px 14px;margin:12px 0;color:#244}
/* commentable blocks */
.blk{padding:2px 8px;border-radius:4px;transition:background .15s,outline .15s}
body.brz-commenting .blk{cursor:pointer}
body.brz-commenting .blk:hover{outline:2px dashed var(--accent);outline-offset:3px;background:#eef7f1}
.blk.brz-has{background:#fff7e6;box-shadow:inset 3px 0 0 #e0a800}
.blk.brz-flash{background:#fff3c4}
/* cards */
.brz-card{display:block;background:var(--card);border:1px solid var(--line);border-radius:10px;
  padding:18px 20px;margin:14px 0;text-decoration:none;color:var(--fg);box-shadow:0 1px 3px var(--shadow)}
.brz-card:hover{border-color:var(--accent);box-shadow:0 3px 10px var(--shadow)}
.brz-card h2{border:none;margin:6px 0 4px;font-size:1.2em}
.brz-card p{color:var(--muted);font-size:.95em;font-family:system-ui,sans-serif}
.brz-badge{font-family:system-ui,sans-serif;font-size:.7em;font-weight:700;letter-spacing:.08em;
  padding:2px 8px;border-radius:999px;color:#fff;background:var(--pub)}
.brz-card.confidential .brz-badge{background:var(--conf)}
.brz-foot{margin-top:30px;color:var(--muted);font-size:.85em;font-family:system-ui,sans-serif}
/* toolbar */
.brz-tools{position:fixed;right:18px;bottom:18px;display:flex;gap:8px;z-index:60;font-family:system-ui,sans-serif}
.brz-tools button{background:#fff;border:1px solid #cfcfcf;border-radius:8px;padding:9px 13px;font-size:.9em;
  cursor:pointer;box-shadow:0 2px 8px var(--shadow)}
.brz-tools button:hover{border-color:var(--accent)}
.brz-tools button.active{background:var(--accent);color:#fff;border-color:var(--accent)}
.brz-tools button.primary{background:var(--accent);color:#fff;border-color:var(--accent)}
.brz-tools button.primary:hover{background:var(--accent2)}
/* panel */
.brz-panel{position:fixed;right:18px;bottom:70px;width:340px;max-height:70vh;overflow:auto;background:#fff;
  border:1px solid var(--line);border-radius:10px;box-shadow:0 6px 24px var(--shadow);z-index:60;font-family:system-ui,sans-serif}
.brz-panel header{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;border-bottom:1px solid var(--line)}
.brz-panel header h3{font-size:1em;margin:0}
.brz-panel #brzClose{border:none;background:none;font-size:1.1em;cursor:pointer}
.brz-item{padding:10px 14px;border-bottom:1px solid var(--line);cursor:pointer}
.brz-item:hover{background:#f3f7f5}
.brz-q{font-style:italic;color:#555;font-size:.85em;margin-bottom:4px}
.brz-b{font-size:.92em}
.brz-m{color:#999;font-size:.78em;margin-top:4px}
.brz-empty{padding:16px;color:#999;font-size:.9em}
@media(max-width:560px){.brz-panel{width:calc(100vw - 36px)}}