/* The Pearl Bench — the refining seat. Rides on colors_and_type.css + house.css. */
.bench-page{max-width:1240px}
.bench-head{display:flex;align-items:flex-start;gap:var(--space-5);flex-wrap:wrap;margin-top:var(--space-6)}
.bench-head__titles{flex:1;min-width:280px}
.bench-head__eyebrow{font:var(--text-label);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--gold);margin:0 0 var(--space-2)}
.bench-head__eyebrow--safety{color:var(--cinnabar);font-weight:600}
.bench-head h1{font:var(--text-display-lg);margin:0}
.bench-head__address{font:var(--text-small);color:var(--fg3);margin:var(--space-2) 0 0}
.bench-head__address em{font-family:var(--font-serif);color:var(--charcoal)}
.bless-area{display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-2)}
.bless-status{font:var(--text-small);font-style:italic;color:var(--sage-deep);text-align:right;max-width:320px}
.bless-status--warn{color:var(--cinnabar-deep);font-style:normal}
.bless-status--quiet{color:var(--fg3)}

/* ---------- The open book: two pages, one spine ---------- */
.spread{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,0.95fr);gap:0;margin-top:var(--space-7);background:var(--warm-white);border:1px solid var(--parchment);border-radius:var(--r-xl);box-shadow:var(--shadow-lg)}
.spread__page{padding:var(--space-8) var(--space-8) var(--space-7);min-width:0}
.spread__page--book{border-left:1px solid var(--parchment);background:linear-gradient(90deg,var(--cream),var(--warm-white) 24px);border-radius:0 var(--r-xl) var(--r-xl) 0}
.page-label{font:var(--text-label);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--gold);margin:0 0 var(--space-5);display:flex;align-items:baseline;gap:var(--space-3)}
.page-label .note{font:var(--text-xs);text-transform:none;letter-spacing:0;color:var(--fg3);margin-left:auto;font-style:italic}
@media (max-width:980px){.spread{grid-template-columns:1fr}.spread__page--book{border-left:0;border-top:1px solid var(--parchment);background:var(--warm-white);border-radius:0 0 var(--r-xl) var(--r-xl)}}

/* ---------- The pearl: her clean text ---------- */
.pearl-passage{font-family:var(--font-serif);font-size:1.3rem;line-height:1.7;color:var(--ink-black);outline:none;caret-color:var(--cinnabar)}
.pearl-passage:focus-visible{outline:none}
.pearl-passage h2,.pearl-passage h3{font-family:var(--font-serif);color:var(--ink-black);margin:0 0 var(--space-4)}
.pearl-passage h2{font-size:1.9rem;font-weight:500;line-height:1.25}
.pearl-passage h3{font-size:1.4rem;font-weight:600;margin-top:var(--space-6)}
.pearl-passage p{font:inherit;color:inherit;margin:0 0 var(--space-4)}
.pearl-passage ul{margin:0 0 var(--space-4);padding-left:1.2em}
.pearl-passage li{margin-bottom:var(--space-2)}
.slot{background:rgba(201,161,90,0.18);border-bottom:2px solid var(--gold);padding:0 0.25em;border-radius:2px;color:var(--ink-black)}
.pen-note{font:var(--text-xs);font-style:italic;color:var(--fg3);margin-top:var(--space-5)}
.pen-tools{display:flex;align-items:center;gap:var(--space-3);margin:0 0 var(--space-5)}
.pen-tools__status{font:var(--text-xs);font-style:italic;color:var(--fg3)}

/* ---------- Evidence — supporting, quieter ---------- */
.evidence{margin-top:var(--space-8);padding-top:var(--space-5);border-top:1px solid var(--gold-soft)}
.evidence__label{font:var(--text-label);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--gold);margin:0 0 var(--space-4)}
.evidence__body{font:var(--text-small);line-height:1.7;color:var(--fg2)}
.evidence__body p{font:inherit;color:inherit;margin:0 0 var(--space-3)}

/* ---------- Housekeeping — fenced marginalia, quietest ---------- */
.housekeeping{margin-top:var(--space-7);background:var(--cream);border:1px dashed var(--parchment);border-radius:var(--r-md);padding:var(--space-4) var(--space-5)}
.housekeeping__label{font:var(--text-label);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--charcoal-light);margin:0 0 var(--space-2)}
.housekeeping__body{font:var(--text-xs);line-height:1.6;color:var(--fg3)}
.housekeeping__body p{font:inherit;color:inherit;margin:0 0 var(--space-2)}

/* ---------- The Living Book page ---------- */
.book-pane{max-height:72vh;overflow-y:auto;padding-right:var(--space-4);scroll-behavior:smooth}
.book-pane h2{font-family:var(--font-serif);font-size:1.7rem;font-weight:500;color:var(--ink-black);margin:0 0 var(--space-4)}
.book-pane h3{font-family:var(--font-serif);font-size:1.25rem;font-weight:600;color:var(--warm-black);margin:var(--space-6) 0 var(--space-3)}
.book-pane p{font-family:var(--font-serif);font-size:1.1rem;line-height:1.65;color:var(--fg1);margin:0 0 var(--space-3)}
.book-pane .filed{font:var(--text-xs);font-family:var(--font-sans);color:var(--fg3);font-style:italic}
.book-divider{border:0;height:1px;background:linear-gradient(90deg,transparent,var(--gold-soft),transparent);margin:var(--space-6) 0}
.book-here{margin:var(--space-6) 0;padding:var(--space-3) var(--space-4);border-left:3px solid var(--gold);background:rgba(201,161,90,0.08);border-radius:0 var(--r-md) var(--r-md) 0}
.book-here__label{font:var(--text-label);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--gold);font-weight:600}
.book-here__line{font:var(--text-xs);font-style:italic;color:var(--fg2);margin-top:2px}

/* ---------- The correspondence beneath ---------- */
.bench-thread{margin-top:var(--space-9);max-width:var(--max-width)}
.bench-thread__head{display:flex;align-items:baseline;gap:var(--space-4);border-bottom:1px solid var(--gold-soft);padding-bottom:var(--space-3);margin-bottom:var(--space-5)}
.bench-thread__head h2{font:var(--text-display-md);margin:0;color:var(--ink-black)}
.bench-thread__head .note{font:var(--text-small);font-style:italic;color:var(--fg3);margin-left:auto}
.letter__synopsis{font-family:var(--font-serif);font-style:italic;font-size:1.2rem;line-height:1.55;color:var(--warm-black);margin:0 0 var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--border)}
.reply-box{margin-top:var(--space-6);background:var(--bg-raised);border:1px solid var(--parchment);border-radius:var(--r-lg);padding:var(--space-5) var(--space-6)}
/* Two conversations, two rooms */
.convo-tabs{display:flex;gap:var(--space-2);margin-bottom:var(--space-5)}
.convo-tab{display:flex;flex-direction:column;gap:1px;font:var(--text-small);font-weight:600;color:var(--charcoal);background:transparent;border:1px solid var(--parchment);border-bottom-width:3px;border-radius:var(--r-md);padding:var(--space-3) var(--space-5);cursor:pointer;text-align:left;transition:border-color var(--dur) var(--ease),background var(--dur) var(--ease)}
.convo-tab small{font:var(--text-xs);font-weight:400;color:var(--fg3)}
.convo-tab[aria-selected="true"]{background:var(--warm-white);border-bottom-color:var(--cinnabar);color:var(--warm-black)}
.convo-tab:hover{border-color:var(--gold-soft)}
.convo-tab[aria-selected="true"]:hover{border-bottom-color:var(--cinnabar)}
.reply-box__to{display:flex;gap:var(--space-2);flex-wrap:wrap;margin-bottom:var(--space-4)}
.to-choice{display:flex;flex-direction:column;gap:1px;font:var(--text-small);font-weight:600;color:var(--charcoal);background:transparent;border:1px solid var(--parchment);border-radius:var(--r-md);padding:var(--space-3) var(--space-4);cursor:pointer;text-align:left;transition:border-color var(--dur) var(--ease),background var(--dur) var(--ease)}
.to-choice small{font:var(--text-xs);font-weight:400;color:var(--fg3)}
.to-choice[aria-pressed="true"]{border-color:var(--cinnabar);background:var(--warm-white);color:var(--warm-black);box-shadow:var(--shadow-inset),0 0 0 1px var(--cinnabar)}
.reply-box textarea{width:100%;box-sizing:border-box;min-height:110px;border:1px solid var(--parchment);border-radius:var(--r-md);background:var(--warm-white);padding:var(--space-4);font-family:var(--font-serif);font-size:1.15rem;line-height:1.6;color:var(--ink-black);resize:vertical}
.reply-box textarea:focus{outline:none;border-color:var(--gold)}
.reply-box__foot{display:flex;align-items:center;gap:var(--space-4);margin-top:var(--space-4)}
.reply-box__status{font:var(--text-small);font-style:italic;color:var(--sage-deep)}