.sn-journal{--sn-ink:#202124;--sn-border:#e7e7e7;box-sizing:border-box;max-width:900px;margin:24px auto;padding:clamp(20px,5vw,44px);background:#fff;color:var(--sn-ink);border:1px solid var(--sn-border);border-radius:20px;font:16px/1.6 Arial,Helvetica,sans-serif}.sn-journal *{box-sizing:border-box}.sn-journal [hidden]{display:none!important}.sn-journal header{margin-bottom:24px}.sn-journal h2{font:600 32px/1.25 Arial,Helvetica,sans-serif;color:var(--sn-ink);margin:10px 0}.sn-journal h3{color:var(--sn-ink);font:600 24px/1.4 Arial,Helvetica,sans-serif}.sn-eyebrow{font:11px/1.5 Arial,sans-serif;letter-spacing:1.5px;color:#70757a}.sn-journal header p{color:#70757a}.sn-journal button{cursor:pointer;border:1px solid transparent;background:#fff0eb;color:#b84326;border-radius:24px;padding:11px 20px;font:600 14px/1.4 Arial,sans-serif}.sn-journal button:hover{background:#ffe2d8}.sn-journal button:focus-visible,.sn-journal input:focus-visible,.sn-journal textarea:focus-visible{outline:3px solid #d56040;outline-offset:3px}.sn-journal button:disabled{opacity:.45;cursor:default}.sn-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:16px}.sn-journal .sn-card{display:flex;flex-direction:column;align-items:flex-start;text-align:left;background:#fff;color:var(--sn-ink);border:1px solid var(--sn-border);border-radius:16px;padding:22px;box-shadow:0 3px 12px #00000006;overflow-wrap:anywhere}.sn-journal .sn-card:hover{background:#fafafa;border-color:#ccc}.sn-card span,.sn-card strong{display:block}.sn-card span{font:12px/1.6 Arial,sans-serif;color:#70757a}.sn-card strong{font:600 21px/1.4 Arial,sans-serif;margin:9px 0}.sn-card p{font:15px/1.6 Arial,sans-serif;margin:12px 0 0;color:#555}.sn-editor label{display:block;margin:18px 0;font-size:13px;font-weight:600;color:#62666a}.sn-journal input,.sn-journal textarea{width:100%;display:block;background:#fff;color:var(--sn-ink);border:1px solid var(--sn-border);border-radius:9px;padding:12px;font:17px/1.8 Arial,sans-serif;margin-top:6px}.sn-journal textarea{background:repeating-linear-gradient(to bottom,#fff 0,#fff 31px,#ededed 31px,#ededed 32px);line-height:32px;padding-top:0;resize:vertical;min-height:320px}.sn-actions,.sn-pagination{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:26px}.sn-content{white-space:pre-wrap;overflow-wrap:anywhere;font:18px/1.9 Arial,Helvetica,sans-serif;padding:24px 0;min-height:240px}.sn-date,.sn-preacher{color:#70757a;font-size:14px}.sn-status{font:14px/1.5 Arial,sans-serif}.sn-status:empty{display:none}.sn-reader h3{font-size:30px;overflow-wrap:anywhere;margin:8px 0 12px}.sn-reading{border-color:transparent}.sn-reader .sn-actions{border-top:1px solid var(--sn-border);padding-top:20px}.sn-reader [data-action="delete"]{color:#b3261e;background:#fff}.sn-page{font-size:13px;color:#70757a}@media(max-width:480px){.sn-journal{margin:12px auto;border-radius:12px;padding:20px}.sn-reader h3{font-size:26px}.sn-content{font-size:17px}.sn-journal button{padding:10px 15px}}
.sn-journal .sn-reader{border:1px solid #d5d5d5;border-radius:14px;padding:clamp(18px,4vw,32px);background:#fff}.sn-reader .sn-preacher{margin:0 0 4px}.sn-reader .sn-date{margin:0 0 18px}.sn-journal.sn-reading{padding:clamp(12px,3vw,24px)}

.sn-highlight-toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.sn-highlight-toolbar label{margin:0}.sn-highlight-toolbar input[type=color]{width:56px;height:38px;padding:3px;cursor:pointer}.sn-highlight-help{font-size:13px;color:#70757a}.sn-highlight-preview{border:1px solid var(--sn-border);border-radius:9px;padding:18px;min-height:90px}.sn-content mark{padding:0;border-radius:2px}

.sn-journal .sn-publish{display:flex;align-items:flex-start;gap:10px;font-size:14px}.sn-journal .sn-publish input{width:auto;margin-top:4px}.sn-public-notes .sn-reader{margin-bottom:20px}.sn-author{font-size:14px;color:#555}.sn-public-notes a{color:#b84326;text-decoration:underline}.sn-share-status{font-size:13px}

.sn-readers{border-top:1px solid #e7e7e7;padding-top:18px;margin-top:20px}.sn-readers h4{font-size:15px;margin:0 0 8px}.sn-readers-info{font-size:12px;color:#777}.sn-reader-members{display:flex;gap:14px;flex-wrap:wrap}.sn-member{display:flex;align-items:center;gap:8px;font-size:13px}.sn-member img{width:40px;height:40px;border-radius:50%;object-fit:cover;border:1px solid #e7e7e7}

.sn-reactions{border-top:1px solid #e7e7e7;margin-top:20px;padding-top:20px}.sn-comment-form{margin-top:16px}.sn-comment-form label{display:block;font-size:14px}.sn-comment{padding:16px 0;border-bottom:1px solid #eee}.sn-comment time{display:block;font-size:12px;color:#777}.sn-comment p{white-space:pre-wrap;overflow-wrap:anywhere}.sn-reaction-status{font-size:14px}.sn-like[aria-pressed=true]{background:#b84326;color:#fff}

.sn-workspace{max-width:940px;margin:24px auto;font-family:Arial,Helvetica,sans-serif}.sn-workspace [hidden]{display:none!important}.sn-tabs{display:flex;gap:8px;padding:6px;background:#f5f5f5;border:1px solid #eee;border-radius:16px;margin:0 12px}.sn-tabs button{flex:1;border:0;border-radius:11px;padding:14px;background:transparent;color:#62666a;font:600 15px/1.4 Arial,sans-serif;cursor:pointer}.sn-tabs button[aria-selected=true]{background:#fff;color:#202124;box-shadow:0 2px 8px #0000000a}.sn-tabs button:focus-visible{outline:3px solid #d56040;outline-offset:2px}.sn-workspace .sn-journal{margin-top:16px}.sn-journal .sn-carousel{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;padding:4px 0 14px;align-items:stretch;overscroll-behavior-x:contain}.sn-carousel>*{flex:0 0 100%;min-width:0;scroll-snap-align:start;scroll-snap-stop:always}.sn-journal .sn-card{min-height:260px;justify-content:flex-start;padding:30px}.sn-carousel-controls{display:flex;align-items:center;justify-content:center;gap:22px;margin:12px 0}.sn-carousel-controls span{color:#777;font-size:13px}.sn-carousel-controls button{min-width:44px;min-height:44px}.sn-swipe-hint{text-align:center;color:#777;font-size:12px;margin:8px 0}.sn-public-intro{color:#777;font-size:15px}.sn-public-notes .sn-reader{padding:clamp(22px,5vw,44px);margin:0;border:1px solid #e3e3e3;border-radius:16px;box-shadow:0 6px 22px #00000005}.sn-public-notes .sn-reader h3{font-family:Georgia,'Times New Roman',serif;font-size:clamp(28px,4vw,38px);line-height:1.25;letter-spacing:-.5px}.sn-public-notes .sn-content{font-family:Georgia,'Times New Roman',serif;font-size:19px;line-height:1.9}.sn-public-notes .sn-author{font-weight:600;color:#30343b;margin-top:20px}.sn-public-notes .sn-preacher,.sn-public-notes .sn-date{font-size:13px}.sn-public-carousel .sn-reader>p:not(.sn-author):not(.sn-preacher):not(.sn-date){font:18px/1.8 Georgia,serif;color:#50545a}.sn-public-carousel .sn-reader>a{display:inline-block;margin-top:18px;font-weight:600}.sn-sign-in{padding:30px;background:#fff;border:1px solid #eee;border-radius:16px}@media(max-width:480px){.sn-tabs{margin:0}.sn-journal .sn-card{padding:22px}.sn-workspace .sn-journal{padding:16px}.sn-public-notes .sn-content{font-size:17px}}@media(prefers-reduced-motion:reduce){.sn-carousel{scroll-behavior:auto}}

/* Standard comment field; lined paper remains only in the note editor. */
.sn-journal .sn-comment-form textarea {
  background: #fff;
  background-image: none;
  min-height: 110px;
  height: auto;
  padding: 12px 14px;
  line-height: 1.5;
  font: 16px/1.5 Arial, Helvetica, sans-serif;
  border: 1px solid #d8dce2;
  border-radius: 8px;
  resize: vertical;
}

.sn-public-notes .sn-author{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:12px}.sn-public-notes .sn-author-photo{display:block;flex:0 0 40px;width:40px;height:40px;border-radius:50%;object-fit:cover;border:1px solid #e2e5ea}

.sn-public-notes .sn-author img.sn-author-photo {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  width: 40px !important;
  height: 40px !important;
  min-width: 40px;
  max-width: none !important;
  border-radius: 50% !important;
  object-fit: cover;
  position: static !important;
}


/* Corrected accents: neutral tabs, purple write button and journal header. */
.sn-workspace .sn-tabs button[aria-selected="true"] {
  background: #fff;
  color: #242831;
}
.sn-workspace .sn-journal h2,
.sn-workspace .sn-journal h3,
.sn-workspace .sn-journal h4,
.sn-public-notes h2,
.sn-public-notes h3,
.sn-public-notes h4 { color: #242831; }
.sn-workspace .sn-journal button,
.sn-public-notes button {
  background: #fff0eb;
  color: #b84326;
  border-color: transparent;
}
.sn-workspace .sn-journal button:hover,
.sn-public-notes button:hover {
  background: #ffe2d8;
  color: #b84326;
  border-color: transparent;
}
.sn-workspace .sn-journal .sn-library > button,
.sn-workspace [data-panel="personal"] .sn-library > button {
  background: #7e42e7;
  color: #fff;
  border-color: #7e42e7;
}
.sn-workspace .sn-journal .sn-library > button:hover,
.sn-workspace [data-panel="personal"] .sn-library > button:hover {
  background: #6934c5;
  color: #fff;
  border-color: #6934c5;
}
.sn-workspace .sn-journal header {
  background: #7e42e7;
  border-radius: 14px;
  padding: 20px 24px;
}
.sn-workspace .sn-journal header h2,
.sn-workspace .sn-journal header p,
.sn-workspace [data-panel="personal"] header h2,
.sn-workspace [data-panel="personal"] header p { color: #fff; }
.sn-workspace .sn-card,
.sn-public-notes .sn-reader { border-top-color: #e2e5ea; }
.sn-workspace .sn-journal a,
.sn-public-notes a { color: #a64c33; }
.sn-public-notes .sn-like[aria-pressed="true"] {
  background: #a64c33;
  color: #fff;
}
.sn-public-notes .sn-author .sn-author-label { order: 0 !important; }
.sn-public-notes .sn-author img.sn-author-photo { order: 1 !important; }
.sn-public-notes .sn-author .sn-author-name { order: 2 !important; }

/* Refreshed white layout */
.sn-workspace {
  max-width: 980px;
  margin: 28px auto;
  color: #262c35;
  font-family: Arial, Helvetica, sans-serif;
}
.sn-workspace .sn-tabs {
  background: #fff;
  border: 1px solid #e6e8ee;
  padding: 6px;
  border-radius: 14px;
}
.sn-workspace .sn-tabs button[aria-selected="true"] {
  background: #fff;
  color: #7e42e7;
  box-shadow: inset 0 -3px #7e42e7;
}
.sn-workspace .sn-journal {
  background: #fff;
  border: 1px solid #e6e8ee;
  border-radius: 18px;
  padding: clamp(20px, 4vw, 38px);
  box-shadow: 0 6px 24px rgba(30, 40, 60, .035);
}
.sn-workspace .sn-journal header {
  background: #fff;
  border: 0;
  border-top: 3px solid #7e42e7;
  border-radius: 0;
  padding: 20px 0 12px;
  margin-bottom: 24px;
}
.sn-workspace .sn-journal header h2,
.sn-workspace [data-panel="personal"] header h2 {
  color: #262c35;
  font-size: clamp(27px, 4vw, 34px);
  letter-spacing: -.7px;
}
.sn-workspace .sn-journal header p,
.sn-workspace [data-panel="personal"] header p {
  color: #747c89;
  font-size: 14px;
}
.sn-workspace .sn-journal .sn-card,
.sn-workspace .sn-journal .sn-reader {
  background: #fff;
  border: 1px solid #e3e7ee;
  border-radius: 16px;
  padding: clamp(24px, 4vw, 36px);
  box-shadow: 0 4px 16px rgba(30, 40, 60, .025);
}
.sn-workspace .sn-journal .sn-card:hover {
  background: #fff;
  border-color: #c8b4ee;
}
.sn-workspace .sn-card strong,
.sn-workspace .sn-reader h3 {
  color: #262c35;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(26px, 4vw, 36px);
  line-height: 1.28;
  letter-spacing: -.4px;
}
.sn-workspace .sn-author {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 18px 0 14px;
  font: 600 14px/1.5 Arial, sans-serif;
  color: #454d5a;
}
.sn-workspace .sn-author img.sn-author-photo { order: 0 !important; }
.sn-workspace .sn-author .sn-author-name { order: 1 !important; }
.sn-workspace .sn-journal .sn-content,
.sn-workspace .sn-card p,
.sn-workspace .sn-comment,
.sn-workspace .sn-reactions,
.sn-workspace .sn-readers {
  background: #fff;
  color: #454d5a;
}
.sn-workspace .sn-content {
  font-size: 18px;
  line-height: 1.9;
}
.sn-workspace .sn-journal input,
.sn-workspace .sn-journal textarea {
  background: #fff;
  background-image: none;
  border-color: #dfe4eb;
  border-radius: 9px;
}
.sn-workspace .sn-journal .sn-editor textarea {
  padding: 14px;
  line-height: 1.8;
  min-height: 320px;
}
.sn-workspace .sn-journal .sn-comment-form textarea {
  min-height: 110px;
  padding: 12px 14px;
  font: 16px/1.5 Arial, sans-serif;
}
.sn-workspace .sn-journal .sn-library > button {
  background: #7e42e7;
  color: #fff;
  border-color: #7e42e7;
  border-radius: 12px;
}
.sn-workspace .sn-journal .sn-library > button:hover {
  background: #6934c5;
  color: #fff;
}
.sn-workspace .sn-carousel-controls button {
  background: #fff;
  border: 1px solid #e3e7ee;
  color: #7e42e7;
}
.sn-workspace .sn-comment { padding: 20px 0; }
@media (max-width: 600px) {
  .sn-workspace { margin: 16px auto; }
  .sn-workspace .sn-journal { padding: 16px; }
  .sn-workspace .sn-content { font-size: 17px; }
}

/* Dashboard folder navigation */
.sn-workspace .sn-tabs {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  background: transparent;
  border: 0;
  border-radius: 0;
  padding: 0;
  margin: 0 0 24px;
}
.sn-workspace .sn-tabs button {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  min-height: 180px;
  padding: 24px;
  border: 1px solid #e2e6ee;
  border-radius: 18px;
  background: #fff;
  color: #262c35;
  text-align: left;
  box-shadow: 0 4px 16px rgba(30, 40, 60, .025);
}
.sn-workspace .sn-tabs button:hover {
  background: #fff;
  border-color: #c8b4ee;
  box-shadow: 0 6px 22px rgba(30, 40, 60, .06);
}
.sn-workspace .sn-tabs button[aria-selected="true"] {
  background: #fff;
  color: #262c35;
  border: 2px solid #7e42e7;
  padding: 23px;
  box-shadow: 0 6px 22px rgba(126, 66, 231, .07);
}
.sn-workspace .sn-tabs button[data-tab="published"][aria-selected="true"] {
  border-color: #527baa;
  box-shadow: 0 6px 22px rgba(82, 123, 170, .07);
}
.sn-workspace .sn-folder-icon {
  display: block;
  width: 64px;
  height: 52px;
  margin-bottom: 6px;
  flex-shrink: 0;
}
.sn-workspace .sn-folder-title {
  font: 600 20px/1.4 Arial, Helvetica, sans-serif;
}
.sn-workspace .sn-folder-description {
  font: 13px/1.5 Arial, Helvetica, sans-serif;
  color: #7b8390;
}
@media (max-width: 520px) {
  .sn-workspace .sn-tabs { gap: 10px; }
  .sn-workspace .sn-tabs button { min-height: 155px; padding: 16px; }
  .sn-workspace .sn-tabs button[aria-selected="true"] { padding: 15px; }
  .sn-workspace .sn-folder-title { font-size: 17px; }
  .sn-workspace .sn-folder-description { font-size: 12px; }
}

/* Folder dashboard and popup */
.sn-workspace .sn-folder-dialog {
  width: min(960px, calc(100vw - 32px));
  max-width: none;
  max-height: calc(100dvh - 48px);
  margin: auto;
  padding: clamp(16px, 3vw, 28px);
  background: #fff;
  color: #262c35;
  border: 1px solid #e3e7ee;
  border-radius: 20px;
  box-shadow: 0 20px 70px rgba(25, 30, 45, .18);
  overflow: auto;
  overscroll-behavior: contain;
}
.sn-workspace .sn-folder-dialog::backdrop {
  background: rgba(28, 33, 46, .38);
}
.sn-folder-toolbar { display: flex; justify-content: flex-start; margin-bottom: 14px; }
.sn-folder-toolbar button {
  background: #fff;
  color: #7e42e7;
  border: 1px solid #e3e7ee;
  border-radius: 10px;
  padding: 10px 15px;
  font: 600 14px/1.5 Arial, sans-serif;
  cursor: pointer;
}
.sn-folder-toolbar button:hover { background: #f5f1fc; }
.sn-folder-toolbar button:focus-visible { outline: 3px solid #7e42e7; outline-offset: 3px; }
.sn-folder-dialog .sn-journal { margin: 0; box-shadow: none; }
@media (max-width: 520px) {
  .sn-workspace .sn-folder-dialog {
    width: calc(100vw - 16px);
    max-height: calc(100dvh - 24px);
    padding: 12px;
    border-radius: 14px;
  }
}

/* Vertical preview lists inside folders */
.sn-workspace .sn-journal .sn-preview-list,
.sn-workspace .sn-journal .sn-public-previews {
  display: flex;
  flex-direction: column;
  gap: 18px;
  overflow: visible;
  padding: 0;
  scroll-snap-type: none;
}
.sn-workspace .sn-preview-list > .sn-card,
.sn-workspace .sn-public-previews > .sn-reader {
  width: 100%;
  flex: none;
  min-height: 0;
  margin: 0;
}
.sn-workspace .sn-public-previews .sn-reader > p:not(.sn-preacher):not(.sn-date) {
  color: #505660;
  font: 17px/1.8 Georgia, serif;
}
.sn-workspace .sn-public-previews .sn-reader > a {
  display: inline-block;
  margin-top: 12px;
  font-weight: 600;
}