/* Warm paper pages make the journal feel tactile while keeping ink readable. */
#journal .journal-card,
.hbq-journal-paper{
  position:relative;
  overflow:hidden;
  color:#302c32!important;
  background-color:#fffaf0!important;
  background-image:repeating-linear-gradient(to bottom,transparent 0,transparent 31px,rgba(120,151,184,.19) 32px,transparent 33px)!important;
  border:1px solid #e6dcc7!important;
  border-radius:14px 11px 16px 12px!important;
  box-shadow:0 8px 22px rgba(0,0,0,.2),inset 0 0 24px rgba(190,157,105,.08)!important;
}
#journal .journal-card{padding:18px 20px 18px 30px!important;margin:14px 0!important}
#journal .journal-card:before,.hbq-journal-paper:before{content:"";position:absolute;z-index:0;top:0;bottom:0;left:18px;width:1px;background:rgba(220,119,130,.38);pointer-events:none}
#journal .journal-card:after,.hbq-journal-paper:after{content:"✦  JOURNAL ✦";position:absolute;right:14px;top:9px;color:rgba(134,104,128,.57);font-size:.62rem;letter-spacing:.17em;pointer-events:none}
#journal .journal-card>*{position:relative;z-index:1}
#journal .journal-card .journal-head,#journal .journal-card .journal-head h4,#journal .journal-card .hbq-journal-entry-content,#journal .journal-card p{color:#302c32!important}
#journal .journal-card .journal-head .muted{color:#77717b!important}
#journal .journal-card .journal-head{padding-right:95px}
#journal .journal-card p{line-height:1.8;margin:.7rem 0}
#journal .journal-card .item-actions .mini{background:#fff!important;border-color:#d3c9b7!important;color:#39333d!important}
.hbq-journal-paper{min-height:130px;padding:27px 18px 20px 34px;margin-top:12px;line-height:1.95;white-space:normal;font-family:Georgia,"Times New Roman",serif;font-size:1rem}
.hbq-journal-live-preview{overflow-wrap:anywhere}
.hbq-journal-preview-hint{color:#958c91;font-style:italic}
.hbq-journal-entry-content{white-space:normal;line-height:1.85}
.hbq-journal-entry-sticker{display:inline-block;width:110px;height:110px;max-width:min(42vw,220px);object-fit:contain;vertical-align:middle;margin:4px}
.hbq-journal-live-preview .hbq-journal-entry-sticker{width:100px;height:100px}
.hbq-sticker-image-missing{width:auto!important;height:auto!important;max-width:100%;font:italic .85rem sans-serif;color:#8d4650}
.hbq-journal-sticker-tools{margin:.75rem 0 1rem;padding:14px;border:1px solid rgba(176,151,116,.35);border-radius:14px;background:rgba(255,250,240,.07)}
.hbq-journal-sticker-tools>strong{display:block;margin-bottom:3px}
.hbq-journal-sticker-tools select{width:100%;margin:.4rem 0}
.hbq-journal-sticker-picker{display:flex;flex-wrap:wrap;gap:8px;max-height:180px;overflow:auto}
.hbq-journal-sticker-picker button{display:flex;flex-direction:column;align-items:center;gap:4px;max-width:100px;padding:6px;border:1px solid #50574f;border-radius:10px;background:#282d29;color:#f4f1e8;cursor:pointer;font-size:.75rem}
.hbq-journal-sticker-picker img{display:block;width:68px;height:68px;object-fit:contain}
.hbq-journal-sticker-selected{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}
.hbq-journal-sticker-picked{display:inline-flex;align-items:center;gap:6px;margin:4px;padding:5px 9px;border-radius:9px;background:#303832;color:#f4f1e8;font-size:.8rem}
.hbq-journal-sticker-picked img{width:38px;height:38px;object-fit:contain}
.hbq-journal-live-preview .hbq-journal-entry-sticker{filter:drop-shadow(0 2px 2px rgba(71,53,60,.15))}
@media(max-width:640px){#journal .journal-card{padding:16px 14px 16px 26px!important}.hbq-journal-paper{padding:25px 13px 17px 29px}.hbq-journal-entry-sticker{width:84px;height:84px}.hbq-journal-live-preview .hbq-journal-entry-sticker{width:78px;height:78px}}
