/* Client revision notes. Kept in its own file so it never touches site.css, and so removing
   the feature at launch is deleting two lines from the pages plus these two files. */

.rn-bar{position:fixed;left:50%;bottom:18px;transform:translateX(-50%);z-index:9000;
  display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:999px;
  background:rgba(35,28,21,.96);color:#F6F1E7;box-shadow:0 8px 30px rgba(35,28,21,.28);
  font:400 13px/1 Figtree,'Avenir Next',system-ui,sans-serif;max-width:calc(100vw - 24px)}
.rn-bar button{font:500 11px/1 Figtree,system-ui,sans-serif;letter-spacing:.14em;
  text-transform:uppercase;padding:10px 14px;border-radius:999px;border:1px solid rgba(246,241,231,.3);
  background:none;color:#F6F1E7;cursor:pointer;white-space:nowrap}
.rn-bar button:hover{background:#F6F1E7;color:#231C15;border-color:#F6F1E7}
.rn-bar .rn-add{background:#C19864;border-color:#C19864;color:#231C15}
.rn-bar .rn-add:hover{background:#F6F1E7;border-color:#F6F1E7}
.rn-bar b{font-weight:500;color:#E3CFA6}
.rn-who{font-size:11.5px;color:rgba(246,241,231,.6);white-space:nowrap}
.rn-who b{color:rgba(246,241,231,.9)}
.rn-who a{color:#E3CFA6;text-decoration:underline}
@media(max-width:620px){.rn-who{display:none}}

body.rn-placing,body.rn-placing *{cursor:crosshair!important}
body.rn-placing::after{content:"Click the spot you mean \2014 Esc to cancel";position:fixed;
  left:50%;top:16px;transform:translateX(-50%);z-index:9001;padding:9px 15px;border-radius:999px;
  background:#C19864;color:#231C15;font:500 11px/1 Figtree,system-ui,sans-serif;
  letter-spacing:.14em;text-transform:uppercase;pointer-events:none}

.rn-layer{position:absolute;inset:0;pointer-events:none;z-index:8000}
.rn-pin{position:absolute;transform:translate(-50%,-50%);pointer-events:auto;
  width:26px;height:26px;border-radius:999px;border:2px solid #FBF7EF;background:#C19864;
  color:#231C15;font:500 12px/1 Figtree,system-ui,sans-serif;cursor:pointer;
  box-shadow:0 3px 12px rgba(35,28,21,.34);display:grid;place-items:center;padding:0}
.rn-pin:hover{background:#FBF7EF;transform:translate(-50%,-50%) scale(1.14)}
.rn-pin.is-done{background:#4E6B4A;color:#FBF7EF;opacity:.55}

.rn-panel{position:fixed;right:16px;bottom:78px;z-index:9000;width:min(370px,calc(100vw - 32px));
  max-height:min(62vh,540px);overflow:auto;background:#FAF8F3;color:#2A231C;
  border:1px solid rgba(42,35,28,.16);box-shadow:0 14px 44px rgba(35,28,21,.22);
  font:400 14px/1.55 Figtree,'Avenir Next',system-ui,sans-serif}
.rn-ptop{position:sticky;top:0;display:flex;justify-content:space-between;align-items:center;
  padding:13px 15px;background:#F2ECE1;border-bottom:1px solid rgba(42,35,28,.12)}
.rn-ptop b{font:500 11px/1 Figtree,system-ui,sans-serif;letter-spacing:.18em;text-transform:uppercase;
  color:#6E5B45}
.rn-close{border:0;background:none;font-size:21px;line-height:1;cursor:pointer;color:#6E5B45}
.rn-items{list-style:none;margin:0;padding:0}
.rn-item{padding:13px 15px;border-bottom:1px solid rgba(42,35,28,.09);cursor:pointer}
.rn-item:hover{background:#F6F4F1}
.rn-item.is-done{opacity:.5}
.rn-item.is-done p{text-decoration:line-through}
.rn-head{display:flex;align-items:center;gap:9px;margin-bottom:5px}
.rn-n{width:20px;height:20px;border-radius:999px;background:#C19864;color:#231C15;flex:none;
  display:grid;place-items:center;font:500 11px/1 Figtree,system-ui,sans-serif}
.rn-head b{font-weight:500;font-size:13px}
.rn-done{margin-left:auto;font-size:11px;color:#6E5B45;display:flex;align-items:center;gap:5px;
  cursor:pointer;text-transform:uppercase;letter-spacing:.1em}
.rn-done input{accent-color:#4E6B4A;cursor:pointer}
.rn-item p{margin:0;font-size:14px}
.rn-item q{display:block;margin-top:6px;font-size:12px;color:#6E5B45;font-style:italic}
.rn-empty{margin:0;padding:18px 15px;font-size:13.5px;color:#6E5B45}

@media print{.rn-bar,.rn-layer,.rn-panel{display:none!important}}