/* Whispers Beneath the Moon: inherits the Caerunox colour palette and font controls. */
.whispers-page{background:linear-gradient(170deg,#ece9f1,#e4e1ee 60%,#eef0f5);padding:var(--cx-section-pad,64px) 0}
.whispers-intro{text-align:center;max-width:740px;margin:0 auto 35px}
.whispers-intro .moon-mark{font:88px/1 Georgia,serif;color:#8b7ea4}
.whispers-intro h2{font:500 clamp(38px,5vw,60px)/1.1 var(--serif);letter-spacing:.04em;color:var(--night);margin:5px 0 13px}
.whispers-intro p{font:italic 23px/1.35 var(--serif);color:#625c75;margin:0}
.whispers-layout{display:grid;grid-template-columns:minmax(280px,.8fr) minmax(330px,1.2fr);gap:var(--cx-card-gap,28px);align-items:start}
.whispers-panel{border:1px solid #c1b6d3;background:#f8f6f9cc;border-radius:10px;padding:clamp(20px,3vw,36px);box-shadow:0 14px 42px #38415a11}
.whispers-panel h3{font:italic 500 37px/1.12 var(--serif);color:#4c4567;margin:0 0 12px}
.whispers-panel p{color:#5c586c}
.whispers-guidelines{font-size:14px;line-height:1.6;margin:0 0 20px}
.whispers-fields{display:grid;gap:10px}
.whispers-fields label{font-size:13px;letter-spacing:.1em;text-transform:uppercase;font-weight:600;color:#676076}
.whispers-fields textarea,.moderation-entry textarea,.admin-signin input{width:100%;background:#fff;border:1px solid #aca4c2;border-radius:6px;padding:14px 15px;resize:vertical;color:#242939;font:var(--cx-body,18px)/1.5 var(--serif)}
.whispers-fields textarea:focus,.moderation-entry textarea:focus,.admin-signin input:focus{outline:2px solid #9584b8;outline-offset:2px}
.whispers-characters{font:12px var(--sans);color:#6e687c}
.whispers-submit{margin-top:15px}
.whispers-submit:disabled,.moderation-actions button:disabled{opacity:.6;cursor:wait}
.whispers-notice{min-height:25px;color:#5d4b80;font:14px/1.5 var(--sans);margin:14px 0 0}
.whispers-privacy{font:13px/1.5 var(--sans);color:#69637a;margin-top:17px}
.whispers-honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.whispers-list-header{display:flex;align-items:baseline;justify-content:space-between;gap:12px;border-bottom:1px solid #cec7d6;margin-bottom:20px}
.whispers-list-header h3{font:500 35px/1.2 var(--serif);letter-spacing:.05em;color:#554769;margin:0 0 10px}
.whispers-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--cx-card-gap,20px)}
.whisper-entry{position:relative;min-height:152px;background:linear-gradient(145deg,#4a4963,#303950);color:#f4eef8;padding:25px 24px 20px;border:1px solid #8b83a0;border-radius:8px;box-shadow:0 10px 22px #313b541b;overflow-wrap:anywhere}
.whisper-entry:nth-child(3n + 2){background:linear-gradient(145deg,#414a64,#2d364e)}
.whisper-entry .whisper-star{color:#d6c5eb;font-size:20px}
.whisper-entry .whisper-message{white-space:pre-wrap;font:var(--cx-body,18px)/1.45 var(--serif);margin:6px 0 15px;color:#f2e9f8}
.whisper-entry small{display:block;font:11px var(--sans);text-transform:lowercase;letter-spacing:.12em;color:#d5c9e4}
.whisper-reply{margin:14px 0;padding:14px 0 0;border-top:1px solid #e2d9ee4a}
.whisper-reply strong{font:600 12px var(--sans);letter-spacing:.07em;color:#dbceed}
.whisper-reply p{white-space:pre-wrap;margin:8px 0 0;font:17px/1.45 var(--serif);color:#e8e2ef}
.whispers-mini{display:grid;gap:10px;margin-top:15px}
.whispers-mini .whisper-entry{min-height:auto;padding:14px 17px;background:linear-gradient(125deg,#4b4b67,#343b54)}
.whispers-mini .whisper-entry .whisper-message{font-size:17px;margin:3px 0 7px}
.whispers-mini .whisper-entry .whisper-star{font-size:14px}
.whispers-mini .whisper-entry small{font-size:10px}
.whispers-mini .whisper-reply{padding-top:9px;margin:9px 0}
.whispers-mini .whisper-reply p{font-size:14px}
.whispers-mini-title{font:500 23px var(--serif);margin:20px 0 0;color:#4d4562}
.whispers-mini-holder{margin-top:12px}
.whispers-mini-holder [data-whispers-status]{font:15px/1.45 var(--serif);color:#5f5871}
.whispers-card .whispers-mini-title{color:#544867}
.whispers-admin{background:#e8e4ee;min-height:65vh;padding:75px 0}
.whispers-admin .shell{max-width:920px}
.whispers-admin h2{font:500 49px var(--serif);margin:0 0 10px}
.admin-signin{max-width:480px;margin:0 auto}
.admin-signin input{margin:12px 0 20px}
.admin-signin label{font:600 13px var(--sans)}
.admin-dashboard-head{display:flex;justify-content:space-between;align-items:center;gap:10px}
.admin-moderation-list{display:grid;gap:17px;margin-top:20px}
.moderation-entry{background:#faf9fc;border:1px solid #c5bad4;border-radius:9px;padding:22px}
.moderation-heading{display:flex;justify-content:space-between;gap:12px}
.moderation-heading strong{text-transform:uppercase;font:700 12px var(--sans);color:#695782}
.moderation-heading small{font-size:12px;color:#676273}
.moderation-message{white-space:pre-wrap;overflow-wrap:anywhere;font:21px/1.4 var(--serif);padding:12px 0;color:#302b3d}
.moderation-entry label{display:block;font:600 13px var(--sans);color:#5c536e}
.moderation-entry textarea{display:block;margin:8px 0 16px}
.moderation-actions{display:flex;flex-wrap:wrap;gap:11px;align-items:center}
.moderation-actions select{padding:12px;border:1px solid #aaa0c1;border-radius:5px;max-width:100%}
.moderation-actions .btn-outline{border-color:#bbaece;color:#403d53}
@media(max-width:940px){.whispers-layout{grid-template-columns:1fr}.whispers-panel{max-width:none}}
@media(max-width:550px){.whispers-gallery{grid-template-columns:1fr}.whispers-intro h2{font-size:40px}.whispers-panel h3{font-size:32px}.whispers-admin{padding:35px 0}.admin-dashboard-head{flex-direction:column;align-items:start}}


/* Brighter, accessible lettering within the dark approved Whisper notes. */
.whispers-panel .whisper-entry{
  background:linear-gradient(145deg,#343c57,#242b42);
  color:#fff;
}
.whispers-panel .whisper-entry .whisper-message,
.whispers-panel .whisper-entry .whisper-reply p{
  color:#fff !important;
  opacity:1;
  text-shadow:0 1px 1px #12182d22;
}
.whispers-panel .whisper-entry .whisper-reply strong,
.whispers-panel .whisper-entry .whisper-author{
  color:#efe5ff;
  opacity:1;
  font-weight:600;
}
.whispers-panel .whisper-entry .whisper-star{color:#f4dfff}
.whispers-panel .whisper-entry .whisper-reply{border-top-color:#eee5ff66}
.whispers-panel .whisper-entry small{color:#eee3ff}
.whispers-mini .whisper-entry .whisper-message,
.whispers-mini .whisper-entry .whisper-reply p{color:#fff !important}
.whispers-mini .whisper-entry small{color:#eee3ff}

/* Optional public nickname; anonymous submission remains the default. */
.whispers-name-toggle{
  display:flex;
  flex-direction:row;
  align-items:center;
  gap:12px;
  margin-top:12px;
  cursor:pointer;
  font:600 13px/1.4 var(--sans);
  letter-spacing:0;
  text-transform:none;
  color:#473a66
}
.whispers-fields .whispers-name-toggle{font-size:14px;text-transform:none;letter-spacing:0}
.whispers-name-toggle input[type="checkbox"]{
  width:19px;
  height:19px;
  margin:0;
  flex-shrink:0;
  accent-color:#78649b;
  cursor:pointer
}
.whispers-name-field:not([hidden]){display:grid;gap:8px}
.whispers-name-field{margin-top:4px}
.whispers-name-field input{
  display:block;
  width:100%;
  min-height:45px;
  border:1px solid #aaa2c0;
  border-radius:6px;
  padding:10px 13px;
  color:#22263a;
  background:#fff;
  font:17px var(--serif)
}
.whispers-name-field input:focus-visible{outline:2px solid #9281b9;outline-offset:2px}
.whispers-fields .whispers-name-privacy{font:12px/1.55 var(--sans);color:#645874}

/* Visible, unobtrusive link to protected moderator login. */
.whispers-list-header{flex-wrap:wrap;align-items:center}
.whispers-mod-link{
  display:inline-flex;
  gap:4px;
  align-items:center;
  padding:5px 0 13px;
  color:#60527a;
  font:600 12px/1.25 var(--sans);
  letter-spacing:.06em;
  text-transform:lowercase;
  text-decoration:none;
  white-space:nowrap
}
.whispers-mod-link:hover{text-decoration:underline;text-underline-offset:3px}
.whispers-mod-link:focus-visible{outline:2px solid #81709b}
.moderation-sender{
  color:#564878;
  font:600 13px/1.5 var(--sans);
  margin:12px 0 0;
  overflow-wrap:anywhere
}