/* ---- first-visit gate popup ---- */
.masthead-art{
  mix-blend-mode:darken;
  filter:grayscale(1) sepia(.08) saturate(.68) contrast(1.12);
  transform:scaleX(1.18);
  transform-origin:center;
}
@media(max-width:700px){.masthead-art{transform:scaleX(1.08)}}

.gate-overlay{
  position:fixed;inset:0;z-index:9999;
  background:rgba(10,12,14,.82);
  display:flex;align-items:center;justify-content:center;
  padding:20px;
}
.gate-overlay[hidden]{display:none}
.gate-box{
  width:min(560px,100%);
  max-height:88vh;overflow-y:auto;
  background:var(--paper2,#fbf7ed);
  border:3px solid var(--black,#17191b);
  box-shadow:9px 9px 0 rgba(0,0,0,.35);
  padding:0;
}
.gate-head{
  background:var(--ink,#17191b);color:#fff;
  padding:12px 18px;
  font:900 .74rem "Courier New",monospace;
  text-transform:uppercase;letter-spacing:.1em;
}
.gate-body{padding:22px 22px 24px}
.gate-body h2{
  margin:0 0 12px;
  font-family:Impact,"Arial Black",sans-serif;
  font-size:clamp(1.5rem,4vw,2.1rem);
  line-height:1.05;
}
.gate-body p{margin:0 0 12px;font-size:.95rem;line-height:1.55}
.gate-ip{
  margin:14px 0 18px;
  padding:10px 14px;
  border:2px dashed var(--line,#b7aa91);
  background:#eee4cf;
  font:700 .82rem "Courier New",monospace;
  text-align:center;
  letter-spacing:.02em;
}
.gate-ip span{color:var(--accent,#a84034)}
.gate-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:6px}
.gate-actions button{
  flex:1;min-width:150px;
  border:2px solid var(--black,#17191b);
  padding:12px 14px;
  font:700 .78rem "Courier New",monospace;
  text-transform:uppercase;letter-spacing:.05em;
  cursor:pointer;
}
.gate-agree{background:#315e48;color:#fff}
.gate-agree:hover{background:#274b3a}
.gate-disagree{background:#fbf7ed;color:var(--ink,#17191b)}
.gate-disagree:hover{background:#e7dcc4}
.gate-fine{margin-top:14px;font-size:.76rem;color:var(--muted,#61645f)}
@media(max-width:480px){.gate-actions{flex-direction:column}.gate-actions button{width:100%}}

/* ---- universal Gazette platform navigation + direct contact desk ---- */
.gazette-platform-nav{
  position:sticky;top:0;z-index:88;
  width:min(1840px,calc(100% - 24px));min-height:72px;
  margin:10px auto 12px;padding:8px;
  display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:8px;align-items:center;
  border:1px solid rgba(214,186,133,.62);border-radius:24px;
  background:
    linear-gradient(180deg,rgba(255,255,255,.12),transparent 32%),
    linear-gradient(135deg,#191510,#282016 52%,#15110e);
  color:#f6ead1;
  box-shadow:0 13px 28px rgba(35,18,7,.3),inset 0 1px 0 rgba(255,255,255,.16),inset 0 -1px 0 rgba(0,0,0,.65);
  font-family:"Courier New",monospace;
}
.gazette-platform-nav a{color:inherit;text-decoration:none}
.gazette-platform-brand{
  position:relative;display:flex;min-width:206px;min-height:54px;flex-direction:column;justify-content:center;
  padding:7px 20px;border:1px solid #d5aa67;border-radius:17px;
  background:linear-gradient(145deg,#a22c2b,#781b1d 62%,#5c1215);
  box-shadow:0 5px 0 #441013,0 9px 16px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,255,255,.28);
  text-shadow:0 2px 0 rgba(0,0,0,.35);overflow:hidden;
}
.gazette-platform-brand:after{content:"";position:absolute;inset:1px 10px auto;height:45%;border-radius:15px;background:linear-gradient(180deg,rgba(255,255,255,.14),transparent);pointer-events:none}
.gazette-platform-brand strong{position:relative;z-index:1;font:700 1.08rem/1 Georgia,serif}.gazette-platform-brand small{position:relative;z-index:1;margin-top:4px;font-size:.74rem;letter-spacing:.2em;text-transform:uppercase}
/* overflow:visible (not auto) so the dropdown panels below Sections/County
   aren't clipped by their own row -- with only two master tabs now, wrapping
   instead of scrolling is enough for any width. */
.gazette-platform-links{
  display:flex;flex-wrap:wrap;min-width:0;gap:6px;overflow:visible;align-items:center;padding:4px 3px 8px;
}
.gazette-nav-drop{position:relative}
.gazette-nav-drop > summary{list-style:none;cursor:pointer}
.gazette-nav-drop > summary::-webkit-details-marker{display:none}
.gazette-nav-drop > summary:after{content:" BE";font-size:.8em}
.gazette-nav-panel{
  position:absolute;top:calc(100% + 8px);left:0;z-index:40;
  display:grid;gap:2px;min-width:190px;padding:8px;
  background:#f4ecda;border:1px solid #17130f;
  box-shadow:4px 5px 0 rgba(23,19,15,.3),0 14px 26px rgba(0,0,0,.28);
}
.gazette-nav-panel a{
  display:block;padding:8px 10px;border-radius:0;
  font:400 .82rem/1.2 Georgia,"Times New Roman",serif;letter-spacing:0;text-transform:none;
  color:#21170f;background:transparent;
}
.gazette-nav-panel a:hover,.gazette-nav-panel a:focus-visible,.gazette-nav-panel a[aria-current="page"]{
  background:#e2cd9c;color:#6e191a;outline:none;
}
.gazette-nav-panel .gazette-outreach-link{color:#1a4a34;font-weight:700}
.gazette-nav-panel .gazette-outreach-link:hover,.gazette-nav-panel .gazette-outreach-link:focus-visible{background:#bcdcc9;color:#0f2419}
@media(max-width:700px){
  .gazette-nav-panel{left:auto;right:0;min-width:170px}
}
/* ---- Aged ribbon-tab nav buttons. 2026-08-22 ----
   Torn-paper tabs via clip-path polygon (zigzag top+bottom, straight sides)
   so the shape holds at any label width or DPI -- no raster slices, no
   baked-in text. filter:drop-shadow (not box-shadow) so the shadow follows
   the torn silhouette instead of a plain rectangle behind it. Alternating
   nth-child rotation gives a hand-torn feel; hover flattens each tab to 0deg
   as it lifts, like picking a real tab up off the page. */
/* Scoped to DIRECT children only (> details > summary). This used to be a
   bare descendant selector (.gazette-platform-links a), which after the
   nav collapsed to two dropdowns would also match every link nested inside
   .gazette-nav-panel and paint the full torn-tab treatment on plain list
   rows. Caught before it shipped -- direct-child combinator fixes it. */
.gazette-platform-links > details > summary{
  --torn: polygon(
    0% 12%, 16.6% 2%, 33.3% 12%, 50% 2%, 66.6% 12%, 83.3% 2%, 100% 12%,
    100% 88%, 83.3% 98%, 66.6% 88%, 50% 98%, 33.3% 88%, 16.6% 98%, 0% 88%
  );
  position:relative;display:grid;grid-auto-flow:column;align-items:center;gap:4px;place-items:center;min-width:max-content;min-height:46px;padding:6px 15px;
  clip-path:var(--torn);border:none;border-radius:0;
  background:linear-gradient(160deg,#f3e6c4 0%,#e2cd9c 55%,#c9a96f 100%);color:#3a2a16;
  filter:drop-shadow(2px 4px 0 rgba(90,68,38,.55)) drop-shadow(0 7px 10px rgba(23,19,15,.28));
  font-family:Georgia,"Times New Roman",serif;font-size:.9rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;
  transform:rotate(var(--tilt,0deg));
  transition:transform .16s ease,filter .16s ease,background .16s ease;
}
.gazette-platform-links > details:nth-of-type(odd) > summary{--tilt:-0.7deg}
.gazette-platform-links > details:nth-of-type(even) > summary{--tilt:0.6deg}
.gazette-platform-links > details[open] > summary,
.gazette-platform-links > details > summary:hover,
.gazette-platform-links > details > summary:focus-visible,
.gazette-platform-links > details > summary[aria-current="page"]{
  outline:none;background:linear-gradient(160deg,#fff6dc 0%,#efdcae 55%,#d9bb84 100%);color:#6e191a;
  transform:translateY(-3px) rotate(0deg);
  filter:drop-shadow(2px 5px 0 rgba(90,68,38,.6)) drop-shadow(0 10px 16px rgba(23,19,15,.32));
}
.gazette-platform-actions{display:flex;gap:7px;align-items:stretch}
/* Ribbon-banner shape (pointed both ends) for the two primary actions --
   distinguishes them from the plain torn-edge section tabs at a glance. */
.gazette-eas-home,.gazette-contact-open{
  --ribbon: polygon(0% 50%, 10% 0%, 90% 0%, 100% 50%, 90% 100%, 10% 100%);
  display:grid;place-items:center;min-height:46px;padding:8px 18px;border:none;border-radius:0;
  clip-path:var(--ribbon);
  color:#fff!important;font:900 .78rem/1.2 "Courier New",monospace;text-align:center;text-transform:uppercase;cursor:pointer;
  filter:drop-shadow(2px 4px 0 rgba(0,0,0,.4)) drop-shadow(0 7px 10px rgba(0,0,0,.25));
  transition:transform .16s ease,filter .16s ease,background .16s ease;
}
.gazette-eas-home{background:linear-gradient(180deg,#32678c,#174463)}
.gazette-contact-open{background:linear-gradient(180deg,#22927e,#126254)}
.gazette-eas-home:hover,.gazette-contact-open:hover,.gazette-eas-home:focus-visible,.gazette-contact-open:focus-visible{outline:none;transform:translateY(-2px);filter:brightness(1.12) drop-shadow(2px 5px 0 rgba(0,0,0,.42)) drop-shadow(0 10px 16px rgba(0,0,0,.28))}
.gazette-platform-nav~.paper-tabs{display:none!important}

.gazette-contact-shade{position:fixed;inset:0;z-index:9960;background:rgba(15,9,5,.7);backdrop-filter:blur(3px)}
.gazette-contact-desk{position:fixed;z-index:9970;top:50%;left:50%;width:min(720px,calc(100vw - 30px));max-height:90vh;overflow:auto;transform:translate(-50%,-50%);border:4px double #17130f;background:#e2d1ae url('/free-help/assets/oakvision-newsroom-collage.png') center/cover;color:#21170f;padding:clamp(22px,4vw,42px);box-shadow:12px 14px 0 rgba(0,0,0,.36),0 30px 80px #0008}
.gazette-contact-desk:before{content:"";position:absolute;inset:0;background:rgba(232,218,187,.86);pointer-events:none}.gazette-contact-desk>*{position:relative}
.gazette-contact-close{position:absolute;z-index:2;right:10px;top:8px;width:38px;height:38px;border:2px solid #17130f;background:#7f1d1d;color:#fff;font:900 25px/1 Arial,sans-serif;cursor:pointer}
.gazette-contact-kicker{margin:0;color:#7f1d1d;font:900 .82rem "Courier New",monospace;letter-spacing:.1em;text-transform:uppercase}.gazette-contact-desk h2{margin:8px 42px 12px 0;font:900 clamp(1.7rem,5vw,3rem)/.95 Georgia,serif!important}.gazette-contact-desk>p{font-size:.86rem!important;line-height:1.45!important}.gazette-contact-desk>p a{color:#6d1818;font-weight:900}
.gazette-contact-desk label{display:grid;gap:5px;margin:12px 0;font:900 .8rem "Courier New",monospace;text-transform:uppercase;letter-spacing:.05em}.gazette-contact-desk input,.gazette-contact-desk textarea{width:100%;border:2px solid #493b2b;background:#f6edd9;color:#1f1b16;padding:11px;font:500 .78rem/1.4 Georgia,serif;text-transform:none;letter-spacing:0}.gazette-contact-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.gazette-contact-trap{position:absolute!important;left:-9999px!important}.gazette-contact-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:16px}.gazette-contact-actions button,.gazette-contact-actions a{border:2px solid #17130f;padding:11px 15px;background:#7f1d1d;color:#fff;text-decoration:none;font:900 .8rem "Courier New",monospace;text-transform:uppercase;cursor:pointer}.gazette-contact-actions a{background:#17130f}.gazette-contact-actions button:disabled{opacity:.6;cursor:wait}.gazette-contact-status{min-height:1.5em;margin:14px 0 0!important;color:#175a4e;font:900 .84rem/1.4 "Courier New",monospace!important}.gazette-contact-is-open{overflow:hidden}
@media(max-width:1100px){
  .gazette-platform-nav{grid-template-columns:auto minmax(0,1fr)}
  .gazette-platform-actions{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr}
  .gazette-eas-home,.gazette-contact-open{min-height:38px}
}
@media(max-width:700px){
  .gazette-platform-nav{width:calc(100% - 12px);margin:6px auto 9px;padding:6px;border-radius:19px;grid-template-columns:1fr auto;gap:6px}
  .gazette-platform-brand{min-width:0;min-height:48px;padding:7px 14px;border-radius:13px}
  .gazette-platform-brand strong{font-size:.92rem}.gazette-platform-brand small{font-size:.7rem}
  .gazette-platform-links{grid-column:1/-1;grid-row:2;padding:3px 2px 7px;gap:5px}
  .gazette-platform-links a{min-height:38px;padding-inline:11px;border-radius:11px;font-size:.76rem}
  .gazette-platform-actions{grid-column:2;grid-row:1;display:flex}
  .gazette-eas-home{display:none}.gazette-contact-open{min-height:48px;padding-inline:12px;border-radius:13px;max-width:112px}
  .gazette-contact-row{grid-template-columns:1fr}
}
@media(max-width:420px){.gazette-platform-brand strong{font-size:.82rem}.gazette-contact-open{font-size:.74rem;max-width:100px}.gazette-contact-desk{padding:22px 16px}}
@media(prefers-reduced-motion:reduce){.gazette-platform-links a,.gazette-eas-home,.gazette-contact-open{transition:none}}

/* ---- Build-in-public caution tape. 2026-08-22 ----
   Hazard stripes top and bottom, scrolling notice between them. The track
   holds two identical runs and slides -50%, so the seam never shows. */
.gazette-tape{
  position:relative;
  overflow:hidden;
  background:#141210;
  border-top:3px solid #111;
  border-bottom:3px solid #111;
}
.gazette-tape:before,.gazette-tape:after{
  content:"";position:absolute;left:0;right:0;height:9px;z-index:2;pointer-events:none;
  background:repeating-linear-gradient(45deg,#f2c200 0 13px,#141210 13px 26px);
}
.gazette-tape:before{top:0}
.gazette-tape:after{bottom:0}
.gazette-tape-track{
  display:flex;width:max-content;
  padding:13px 0;
  animation:gazetteTapeScroll 58s linear infinite;
}
.gazette-tape:hover .gazette-tape-track,
.gazette-tape:focus-within .gazette-tape-track{animation-play-state:paused}
.gazette-tape-run{display:flex;flex:0 0 auto}
.gazette-tape-item{
  flex:0 0 auto;
  padding:0 clamp(20px,4vw,44px);
  font:900 clamp(.86rem,1.5vw,.82rem)/1.4 "Courier New",Courier,monospace;
  letter-spacing:.13em;
  text-transform:uppercase;
  color:#f2c200;
  white-space:nowrap;
}
.gazette-tape-item + .gazette-tape-item{border-left:2px solid rgba(242,194,0,.34)}
@keyframes gazetteTapeScroll{
  from{transform:translateX(0)}
  to{transform:translateX(-50%)}
}
/* No motion: stop the crawl, let it be scrolled by hand, and drop the
   duplicate run so the notice is not read twice when static. */
@media(prefers-reduced-motion:reduce){
  .gazette-tape{overflow-x:auto}
  .gazette-tape-track{animation:none;width:auto}
  .gazette-tape-run[aria-hidden="true"]{display:none}
}

/* ---- Edna, editor. 2026-08-22 ----
   Standing editor mark. Lives in the shared include, so she appears on
   every Gazette page. The cutouts are transparent PNG/WebP so she sits on
   the newsprint ground without carrying a box around with her. */
.gazette-editor-mark{
  display:flex;align-items:flex-end;gap:14px;
  margin:0 42px 10px 0;padding-bottom:10px;
  border-bottom:1px solid rgba(23,19,15,.28);
}
.gazette-editor-mark img{
  display:block;width:auto;height:clamp(64px,12vw,96px);
  filter:drop-shadow(2px 3px 0 rgba(23,19,15,.18));
}
.gazette-editor-id{display:grid;gap:1px;padding-bottom:4px}
.gazette-editor-id strong{
  font:900 clamp(1.1rem,3vw,1.5rem)/1 Georgia,serif;color:#21170f;letter-spacing:.01em;
}
.gazette-editor-id small{
  font:900 .8rem/1.3 "Courier New",monospace;letter-spacing:.12em;
  text-transform:uppercase;color:#7f1d1d;
}
@media(max-width:420px){.gazette-editor-mark{gap:10px;margin-right:46px}}

/* ---- EAS full-team tab + lean-crew profile ---- */
.gazette-team-open{
  position:fixed;left:14px;top:42%;z-index:120;
  display:grid;gap:3px;max-width:190px;padding:12px 15px;
  border:2px solid #17130f;border-left:7px solid #7f1d1d;
  background:#eadbbd;color:#23170f;text-align:left;
  box-shadow:5px 6px 0 rgba(23,19,15,.35);
  font-family:"Courier New",monospace;text-transform:uppercase;cursor:pointer;
  transform:rotate(-1deg);transition:transform .18s ease,box-shadow .18s ease;
}
.gazette-team-open span{font-size:.84rem;font-weight:900;letter-spacing:.04em}
.gazette-team-open strong{font-size:.72rem;letter-spacing:.08em;color:#7f1d1d}
.gazette-team-open:hover,.gazette-team-open:focus-visible{transform:translateY(-3px) rotate(0);box-shadow:7px 9px 0 rgba(23,19,15,.4)}
.gazette-team-shade{position:fixed;inset:0;z-index:9980;background:rgba(15,9,5,.76);backdrop-filter:blur(4px)}
.gazette-team-desk{
  position:fixed;z-index:9990;top:50%;left:50%;transform:translate(-50%,-50%);
  width:min(1040px,calc(100vw - 30px));max-height:92vh;overflow:auto;
  border:5px double #17130f;background:#eadfc8;color:#21170f;
  padding:clamp(20px,4vw,42px);box-shadow:14px 16px 0 rgba(0,0,0,.38),0 30px 90px #0009;
  background-image:linear-gradient(rgba(93,65,38,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(93,65,38,.035) 1px,transparent 1px);
  background-size:100% 5px,7px 100%;
}
.gazette-team-close{position:absolute;right:10px;top:9px;width:40px;height:40px;border:2px solid #17130f;background:#7f1d1d;color:#fff;font:900 26px/1 Arial,sans-serif;cursor:pointer}
.gazette-team-kicker{margin:0;color:#7f1d1d;font:900 .86rem "Courier New",monospace;letter-spacing:.12em;text-transform:uppercase}
.gazette-team-desk h2{margin:8px 48px 10px 0;font:900 clamp(2rem,6vw,4.3rem)/.92 Georgia,serif!important;letter-spacing:-.045em}
.gazette-team-lede{max-width:820px;margin:0 0 18px!important;font:500 clamp(.9rem,2vw,1.1rem)/1.5 Georgia,serif!important}
.gazette-team-sheet{margin:0;border:3px solid #17130f;background:#fff;box-shadow:7px 8px 0 rgba(34,24,15,.2)}
.gazette-team-sheet img{display:block;width:100%;height:auto}
.gazette-team-sheet figcaption{padding:9px 12px;border-top:2px solid #17130f;background:#d7c49e;font:900 .82rem/1.4 "Courier New",monospace;text-transform:uppercase;letter-spacing:.04em}
.gazette-team-note{margin:17px 0 0!important;padding:10px 13px;border-left:6px solid #7f1d1d;background:#17130f;color:#fff;font:900 .72rem/1.45 "Courier New",monospace!important;text-transform:uppercase;letter-spacing:.04em}
.gazette-team-is-open{overflow:hidden}
@media(max-width:700px){
  .gazette-team-open{left:9px;top:auto;bottom:10px;max-width:165px;padding:9px 11px;box-shadow:3px 4px 0 rgba(23,19,15,.35)}
  .gazette-team-open span{font-size:.74rem}.gazette-team-open strong{font-size:.7rem}
  .gazette-team-desk{padding:22px 13px 18px}.gazette-team-desk h2{font-size:2.1rem}
  .gazette-team-sheet{overflow-x:auto}.gazette-team-sheet img{width:850px;max-width:none}
}

/* ---- Edna front desk chat. 2026-08-22 ----
   Same behaviour model as the main site's Dreamy: scripted replies, then the
   conversation hands off to /eas-ask. Styled to the paper, not to a SaaS
   widget -- ruled borders, Courier labels, no rounded bubbles. */
.edna-dock{position:fixed;right:16px;bottom:16px;z-index:9960;display:flex;flex-direction:column;align-items:flex-end;gap:10px}
.edna-face{
  display:grid;place-items:center;
  width:74px;height:74px;padding:0;
  border:3px solid #17130f;border-radius:50%;
  background:#e8dabb;cursor:pointer;overflow:hidden;
  box-shadow:4px 5px 0 rgba(23,19,15,.4);
  transition:transform .16s ease,box-shadow .16s ease;
}
.edna-face:hover{transform:translate(-2px,-2px);box-shadow:6px 7px 0 rgba(23,19,15,.45)}
.edna-face:focus-visible{outline:3px solid #7f1d1d;outline-offset:3px}
.edna-face img{width:104%;height:104%;object-fit:cover;object-position:center 22%;display:block}
.edna-face-tag{
  position:absolute;right:84px;bottom:26px;
  padding:5px 10px;border:2px solid #17130f;background:#f2c200;color:#17130f;
  font:900 .78rem/1 "Courier New",monospace;letter-spacing:.12em;text-transform:uppercase;
  white-space:nowrap;pointer-events:none;box-shadow:3px 3px 0 rgba(23,19,15,.35);
}
.edna-dock.open .edna-face-tag{display:none}

.edna-panel{
  display:none;flex-direction:column;
  width:min(370px,calc(100vw - 32px));max-height:min(560px,calc(100vh - 120px));
  border:3px solid #17130f;background:#e8dabb;
  box-shadow:8px 10px 0 rgba(23,19,15,.4),0 24px 60px rgba(0,0,0,.4);
}
.edna-dock.open .edna-panel{display:flex}
.edna-head{
  display:flex;align-items:center;justify-content:space-between;gap:10px;
  padding:9px 11px;background:#17130f;color:#f2c200;
}
.edna-head strong{font:900 .74rem/1.2 "Courier New",monospace;letter-spacing:.1em;text-transform:uppercase}
.edna-head small{display:block;font:700 .76rem/1.3 "Courier New",monospace;letter-spacing:.1em;color:#d8c68e;text-transform:uppercase}
.edna-close{
  flex:0 0 auto;width:28px;height:28px;padding:0;cursor:pointer;
  border:2px solid #f2c200;background:#7f1d1d;color:#fff;font:900 17px/1 Arial,sans-serif;
}
.edna-log{
  flex:1 1 auto;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:9px;
  background:#e8dabb url('/free-help/assets/oakvision-newsroom-collage.png') center/cover;
  background-blend-mode:luminosity;
}
.edna-msg{
  max-width:88%;padding:8px 11px;border:2px solid #17130f;
  font:400 .84rem/1.45 Georgia,"Times New Roman",serif;white-space:pre-wrap;
}
.edna-msg-bot{align-self:flex-start;background:#f4ecda;box-shadow:3px 3px 0 rgba(23,19,15,.22)}
.edna-msg-me{align-self:flex-end;background:#17130f;color:#f4ecda;border-color:#17130f;box-shadow:3px 3px 0 rgba(127,29,29,.5)}
.edna-foot{border-top:3px solid #17130f;padding:9px;background:#ded0b0;display:grid;gap:7px}
.edna-row{display:flex;gap:7px}
.edna-input{
  flex:1 1 auto;min-width:0;padding:8px 9px;
  border:2px solid #17130f;background:#f7f0df;color:#17130f;
  font:400 .84rem/1.35 Georgia,serif;
}
.edna-input:focus{outline:2px solid #7f1d1d;outline-offset:1px}
.edna-send{
  flex:0 0 auto;padding:8px 13px;cursor:pointer;
  border:2px solid #17130f;background:#17130f;color:#f2c200;
  font:900 .82rem/1 "Courier New",monospace;letter-spacing:.1em;text-transform:uppercase;
}
.edna-send:disabled{opacity:.5;cursor:not-allowed}
.edna-handoff{
  display:none;width:100%;padding:10px;cursor:pointer;
  border:2px solid #17130f;background:#7f1d1d;color:#fff;
  font:900 .84rem/1 "Courier New",monospace;letter-spacing:.12em;text-transform:uppercase;
  box-shadow:3px 3px 0 rgba(23,19,15,.35);
}
.edna-handoff.show{display:block}
.edna-handoff:disabled{opacity:.6;cursor:wait}
.edna-fine{margin:0;font:700 .76rem/1.4 "Courier New",monospace;letter-spacing:.06em;color:#5b4a33;text-transform:uppercase}
@media(max-width:700px){
  .edna-dock{right:10px;bottom:10px}
  .edna-face{width:62px;height:62px}
  .edna-face-tag{display:none}
  .edna-panel{max-height:min(70vh,520px)}
}
@media(prefers-reduced-motion:reduce){.edna-face{transition:none}}