/* AFTERLOGUE — FULL-PAGE DISCUSS EXPERIENCES
   The conversation is the centerpiece; responses flow underneath.
   Compose is a genuine writing workspace, never a modal.
*/
.discuss-interior {
  width: min(1120px, 100%);
  margin: 0 auto;
  padding: 54px 5% 120px;
}
.discuss-back {
  display: inline-flex;
  align-items: center;
  gap: 11px;
  color: #d2b38a;
  text-decoration: none;
  font: 12px/1.45 Inter,Arial,sans-serif;
  border-bottom: 1px solid transparent;
  padding: 0 0 3px;
  margin-bottom: 54px;
}
.discuss-back:hover { border-bottom-color: #d2b38a; }
.discuss-inner-eyebrow {
  font: 600 10px/1.5 Inter,Arial,sans-serif;
  letter-spacing: .19em;
  text-transform: uppercase;
  color: #d4b487;
  margin: 0 0 17px;
}
.discuss-article {
  border-bottom: 1px solid #544635;
  padding-bottom: 48px;
}
.discuss-article h1,
.discuss-compose-heading {
  font: 400 clamp(45px, 6.3vw, 81px)/1.065 Georgia,"Times New Roman",serif;
  letter-spacing: -.043em;
  color: #f4eadd;
  margin: 0;
  max-width: 980px;
}
.discuss-article-meta {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  align-items: center;
  margin: 24px 0 38px;
  color: #aa9b89;
  font: 12px/1.5 Inter,Arial,sans-serif;
}
.discuss-article-meta .tag {
  display: inline-flex;
  border: 1px solid #60513c;
  color: #dfc49e;
  border-radius: 99px;
  padding: 7px 12px;
  font-size: 11px;
}
.discuss-article-body {
  max-width: 820px;
  color: #dfd0bd;
  font: 16px/1.95 Inter,Arial,sans-serif;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}
.discuss-article-body p { margin: 0 0 1.2em; }
.discuss-warning {
  max-width: 730px;
  border-left: 2px solid #c8a779;
  padding: 20px 24px;
  background: #15120f;
}
.discuss-warning p {
  margin: 0 0 13px;
  font: 13px/1.8 Inter,Arial,sans-serif;
  color: #cfbea9;
}
.discuss-article-actions {
  margin-top: 25px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 20px;
}
.discuss-quiet-button {
  appearance: none;
  background: transparent;
  border: 0;
  padding: 5px 0;
  color: #bbaa95;
  font: 11px Inter,Arial,sans-serif;
  cursor: pointer;
}
.discuss-quiet-button:hover { color: #efddc4; text-decoration: underline; }
.discuss-comments { padding-top: 42px; max-width: 960px; }
.discuss-comments-heading { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; margin: 0 0 23px; }
.discuss-comments-heading h2 {
  font: 400 clamp(31px,3.9vw,46px)/1.2 Georgia,serif;
  color: #f4eadd; margin: 0;
}
.discuss-comments-heading span {
  color: #d4b487;
  font: 11px/1.5 Inter,Arial,sans-serif;
  letter-spacing: .1em;
}
.discuss-comment {
  display: grid;
  grid-template-columns: 32px minmax(0,1fr);
  align-items: start;
  gap: 16px;
  padding: 25px 0;
  border-top: 1px solid rgba(170,145,112,.27);
}
.discuss-avatar {
  display: grid; place-items: center;
  width: 32px;height:32px;border-radius:50%;
  background: #2c251e;border:1px solid #71583c;
  color: #d4b487; font: 15px Georgia,serif;
}
.discuss-comment-byline { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; }
.discuss-comment-author { font: 600 12px Inter,Arial,sans-serif; color: #eadac5; }
.discuss-comment-date { font: 11px Inter,Arial,sans-serif; color: #918371; }
.discuss-comment-text { margin: 10px 0 0;color: #d7c8b6;font: 13px/1.85 Inter,Arial,sans-serif;white-space: pre-wrap;overflow-wrap:anywhere; }
.discuss-reply-section {
  padding-top: 24px;
  margin-top: 20px;
  border-top: 1px solid #594836;
}
.discuss-reply-section h3 {
  font: 400 26px/1.2 Georgia,serif;
  margin: 0 0 20px;
}
.discuss-entry-label {
  display: grid;
  gap: 9px;
  color: #cbb9a1;
  font: 12px/1.5 Inter,Arial,sans-serif;
}
.discuss-entry-input,
.discuss-entry-select,
.discuss-entry-textarea {
  display: block;
  width: 100%;
  min-width: 0;
  font: 14px/1.65 Inter,Arial,sans-serif;
  color: #f4eadd;
  border: 1px solid #67543f;
  border-radius: 7px;
  background: #131110;
  padding: 15px 16px;
  outline: none;
}
.discuss-entry-input:focus,
.discuss-entry-select:focus,
.discuss-entry-textarea:focus { border-color: #cfaa78; }
.discuss-entry-input::placeholder,
.discuss-entry-textarea::placeholder { color: #8e8175; }
.discuss-entry-textarea { resize: vertical; min-height: 120px; }
.discuss-reply-section .discuss-entry-textarea { min-height: 105px; }
.discuss-checkbox-row {
  display: flex;
  align-items: center;
  gap: 11px;
  color: #bbad9b;
  font: 12px Inter,Arial,sans-serif;
  cursor: pointer;
}
.discuss-checkbox-row input { width: 16px; height: 16px; accent-color: #d4b487; }
.discuss-post-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
  gap: 14px;
  margin-top: 17px;
}
.discuss-status-message {
  color: #d3b68c;
  font: 12px/1.6 Inter,Arial,sans-serif;
  margin: 12px 0 0;
}
.discuss-guest-cta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 17px;
  background: #14120f;
  border: 1px solid #5b4a36;
  padding: 21px 25px;
  border-radius: 8px;
}
.discuss-guest-cta p { color: #d5c5b0; margin: 0; font: 13px/1.6 Inter,Arial,sans-serif; }
.discuss-guest-cta a { color: #1b1510; border-radius: 999px; background: #d4b487; padding: 12px 20px;text-decoration:none;font:12px Inter,Arial,sans-serif; }
.discuss-guest-cta a:hover { background: #f4eadd; }
.discuss-spoiler-inline {
  appearance: none;
  color: #f2d2a8;
  background: #4d3a29;
  border: 1px solid #ae8e66;
  padding: 2px 8px;
  border-radius: 5px;
  cursor: pointer;
  font: inherit;
}
.discuss-spoiler-inline[aria-expanded="false"] {
  color: #e0c7a4;
  text-shadow: none;
}
.discuss-no-comments { color: #a99c8e; padding: 15px 0 32px; font: 13px/1.7 Inter,Arial,sans-serif; }
.discuss-form-layout { display: grid; grid-template-columns: minmax(0,1fr) 240px; gap: clamp(28px,5.4vw,72px); align-items:start; margin-top: 33px; }
.discuss-form-main { display: grid; gap: 24px; }
.discuss-form-heading { color: #f4eadd; font: 400 31px Georgia,serif; margin: 0 0 10px; }
.discuss-form-note { font: 13px/1.7 Inter,Arial,sans-serif; color: #baa992; margin: 0; }
.discuss-form-work { display: grid; grid-template-columns: minmax(0,1fr) 175px; gap: 14px; }
.discuss-form-sidebar {
  border-top: 1px solid #665039;
  padding-top: 16px;
}
.discuss-form-sidebar h2 { color: #ecd9bc; font: 400 23px Georgia,serif; margin: 0 0 16px; }
.discuss-form-sidebar p { font: 12px/1.75 Inter,Arial,sans-serif; color: #ac9e8b; }
.discuss-compose-heading { max-width: 790px; }
.discuss-submit-row { display: flex; align-items:center; justify-content:flex-end; flex-wrap:wrap; gap: 13px; border-top:1px solid #4b3c30; padding-top:22px; }
.discuss-form-help { color: #aa9b89; font: 11px/1.6 Inter,Arial,sans-serif; }
.discuss-full-status { padding: 42px 0; color: #cdbb9f;font: 14px/1.7 Inter,Arial,sans-serif; }
.discuss-report-dialog { width: min(470px,calc(100% - 28px));padding:25px;border:1px solid #665039;border-radius:10px;background:#191613;color:#f4eadd; }
.discuss-report-dialog::backdrop { background: rgba(0,0,0,.76); }
.discuss-report-dialog h2 { margin: 0 0 20px; font: 400 29px Georgia,serif; }
.discuss-report-dialog label { display: grid;gap:8px;margin-bottom:17px;font:12px Inter,Arial,sans-serif; }
.discuss-report-dialog select { padding:13px;background:#0b0b0b;border:1px solid #67543f;color:#f4eadd;border-radius:5px; }
.discuss-report-dialog .discuss-post-actions { margin-top:12px; }
.discuss-report-dialog .discuss-cancel {color:#e5d0b0;}
.discuss-interior [hidden], .discuss-report-dialog [hidden] { display:none!important; }
.discuss-interior a:focus-visible,.discuss-interior button:focus-visible,.discuss-report-dialog button:focus-visible { outline: 2px solid #d4b487; outline-offset: 3px; }
@media(max-width: 860px) {
 .discuss-form-layout { grid-template-columns: 1fr; gap:26px; }
 .discuss-form-sidebar { max-width:670px; }
}
@media(max-width:650px) {
 .discuss-interior {padding:34px 5% 85px;}
 .discuss-back {margin-bottom:35px;}
 .discuss-article h1,.discuss-compose-heading { font-size:clamp(40px,10.5vw,56px); }
 .discuss-article-body {font-size:14px;line-height:1.8;}
 .discuss-article {padding-bottom:28px;}
 .discuss-comments {padding-top:32px;}
 .discuss-comment {gap:11px;grid-template-columns:28px 1fr;}
 .discuss-avatar {width:28px;height:28px;}
 .discuss-article-meta {margin:18px 0 25px;}
 .discuss-form-work {grid-template-columns:1fr;}
 .discuss-form-main {gap:19px;}
 .discuss-guest-cta {padding:16px;}
 .discuss-post-actions {justify-content:flex-start;}
 .discuss-submit-row {justify-content:flex-start;}
}


/* Discuss — optional editorial imagery and an in-place reply invitation */
.discuss-upload-panel { display:grid;gap:12px; }
.discuss-upload-panel > p { margin:0; }
.discuss-image-drop {
  width:100%; min-height:94px;
  display:flex; flex-wrap:wrap; flex-direction:column; align-items:center; justify-content:center;
  gap:5px; padding:18px; cursor:pointer; text-align:center;
  color:#ebd6b9; background:#14120f; border:1px dashed #8c7456;
  border-radius:8px; font:13px/1.5 Inter,Arial,sans-serif;
}
.discuss-image-drop span { font:26px/1 Georgia,serif;color:#d4b487; }
.discuss-image-drop small { font:11px/1.5 Inter,Arial,sans-serif;color:#998b7a; }
.discuss-image-drop:hover { border-color:#e1b781;background:#201b15; }
.discuss-file-input { position:absolute;width:1px;height:1px;clip:rect(0,0,0,0);overflow:hidden; }
.discuss-file-input:focus-visible + p, .discuss-image-drop:focus-within { outline:2px solid #d4b487;outline-offset:3px; }
.discuss-image-attachment { display:grid;gap:13px; }
.discuss-image-attachment > img, .discuss-embedded-image {
  display:block;max-width:100%;max-height:375px;width:auto;
  object-fit:contain;border-radius:6px;border:1px solid #5e4c3b;background:#14110f;
}
.discuss-image-attachment > .discuss-quiet-button {justify-self:start;}
.discuss-article-figure {margin:25px 0 0;max-width:840px;}
.discuss-article-figure img {display:block;max-width:100%;max-height:580px;width:auto;height:auto;border-radius:5px;}
.discuss-article-figure figcaption { margin-top:9px;color:#a99b87;font:11px/1.65 Inter,Arial,sans-serif;}
.discuss-article-actions {gap:14px;align-items:center;}
.discuss-article-actions .discuss-primary {padding:10px 16px;}
.discuss-article .discuss-reply-section {margin-top:22px;padding:21px 0 0;}
.discuss-article .discuss-reply-section h3 {margin:0 0 13px;font:400 25px/1.2 Georgia,serif;}
.discuss-article .discuss-entry-textarea {min-height:98px;}
.discuss-article .discuss-reply-section .discuss-post-actions {justify-content:space-between;}
.discuss-comments {padding-top:33px;}
.discuss-image-drop:has(+ input:focus-visible) {outline:2px solid #d4b487;outline-offset:3px;}
@media(max-width:650px) {
 .discuss-article-figure img {max-height:420px;}
 .discuss-image-attachment > img {max-height:270px;}
 .discuss-article .discuss-reply-section .discuss-post-actions {align-items:flex-start;}
}


/* REFINEMENT — editorial composer shifted left, smaller headings and image-led writing */
.discuss-compose-page .discuss-interior {
  width: 100%;
  max-width: 1500px;
  padding-left: 5%;
  padding-right: 5%;
  margin-left: 0;
}
.discuss-compose-page .discuss-back { margin-bottom: 28px; }
.discuss-compose-page .discuss-compose-heading {
  font-size: clamp(39px,4.35vw,57px);
  letter-spacing: -.035em;
  max-width: none;
}
.discuss-compose-page .discuss-form-layout {
  max-width: 1300px;
  grid-template-columns: minmax(0,1fr) minmax(205px,255px);
  margin-top: 21px;
  column-gap: clamp(24px,4vw,62px);
}
.discuss-compose-page .discuss-form-main { gap: 20px; }
.discuss-compose-page .discuss-upload-panel { margin-bottom: 7px; }
.discuss-compose-page .discuss-image-drop {
  min-height: 126px;
  background: linear-gradient(120deg,#1f1913,#10100f);
  border-color: #ad8961;
}
.discuss-compose-page .discuss-image-drop span { font-size:32px; }
.discuss-compose-page .discuss-image-drop:hover { background: #241b14; }
.discuss-rich-editor {
  min-height: 230px;
  height: auto;
  font: 14px/1.8 Inter,Arial,sans-serif;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  cursor: text;
}
.discuss-rich-editor:empty::before {
  content: attr(data-placeholder);
  color: #8e8175;
  pointer-events: none;
}
.discuss-rich-editor:focus { border-color: #cfaa78; }
.discuss-inline-figure {
  display: block;
  width: fit-content;
  max-width: 100%;
  margin: 15px 0;
  padding: 7px;
  border: 1px solid #685341;
  border-radius: 7px;
  background: #1c1713;
  user-select: all;
}
.discuss-inline-photo {
  display:block;
  max-width: min(100%,720px);
  max-height: 350px;
  width:auto;
  height:auto;
  object-fit:contain;
  border-radius: 4px;
}
.discuss-inline-caption {
  display:block;
  font: 10px/1.5 Inter,Arial,sans-serif;
  color: #b9a38b;
  padding: 7px 3px 0;
}
.discuss-article-body .discuss-article-text {
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  margin: 0;
}
.discuss-article-body .discuss-article-figure {
  margin: 17px 0 22px;
}
.discuss-comment-edited {
  color: #c8ad88;
  font: italic 10px/1.5 Inter,Arial,sans-serif;
}
.discuss-comment-actions { display:flex;gap:16px;margin-top:9px;align-items:center; }
.discuss-comment-action {
  appearance:none;background:none;border:0;padding:2px 0;
  font: 11px/1.6 Inter,Arial,sans-serif;
  cursor:pointer;color:#cab08f;
}
.discuss-comment-action:hover { color:#f4eadd;text-decoration:underline; }
.discuss-comment-delete { color:#bd9b8f; }
.discuss-comment-editor {display:grid;gap:11px;margin-top:12px;}
.discuss-comment-editor .discuss-entry-textarea {min-height:115px;}
.discuss-comment-editor .discuss-post-actions {margin-top:0;justify-content:flex-start;}
.discuss-article h1 {font-size:clamp(39px,5vw,66px);}
@media(max-width:860px) {
  .discuss-compose-page .discuss-form-layout {grid-template-columns:1fr;}
}
@media(max-width:650px) {
  .discuss-compose-page .discuss-interior {padding-left:5%;padding-right:5%;}
  .discuss-compose-page .discuss-compose-heading {font-size:clamp(36px,8.5vw,46px);}
  .discuss-article h1 {font-size:clamp(35px,8.8vw,49px);}
  .discuss-compose-page .discuss-image-drop {min-height:112px;}
  .discuss-rich-editor {min-height:200px;}
}


/* Place conversation reading and writing on the same left-aligned editorial axis. */
.discuss-body .discuss-interior {
  width: 100%;
  max-width: 1500px;
  margin-left: 0;
  margin-right: 0;
  padding-left: 5%;
  padding-right: 5%;
}
.discuss-body .discuss-article { max-width: 1120px; }
.discuss-body .discuss-comments { max-width: 1030px; }
@media(max-width:650px) {
  .discuss-body .discuss-interior { padding-left:5%; padding-right:5%; }
}

.discuss-image-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap}
.discuss-image-heading p{margin:0}
.discuss-remove-visual{color:#dfb48e!important;border:1px solid #826548!important;border-radius:999px;padding:7px 13px!important}
.discuss-remove-visual:hover{background:#2b2018;color:#f4eadd!important;text-decoration:none!important}

/* Separate visual preview and writing area */
.discuss-compose-page .discuss-image-drop { position:relative;overflow:hidden;min-height:180px;padding:12px; }
.discuss-compose-page .discuss-upload-placeholder { display:flex;flex-direction:column;align-items:center;gap:6px; }
.discuss-compose-page .discuss-upload-placeholder[hidden],.discuss-compose-page .discuss-upload-preview[hidden],.discuss-compose-page .discuss-image-change[hidden] {display:none!important}
.discuss-compose-page .discuss-image-plus {font:30px/1 Georgia,serif;color:#d4b487}
.discuss-compose-page .discuss-upload-preview {display:block;width:100%;max-height:330px;object-fit:contain;border-radius:5px}
.discuss-compose-page .discuss-image-change {color:#e7caa6;font:11px Inter,Arial,sans-serif;margin-top:6px}
.discuss-compose-page .discuss-image-attachment {gap:10px}
.discuss-compose-page .discuss-image-attachment .discuss-remove-visual {justify-self:start}
.discuss-compose-page .discuss-writing-textarea {min-height:230px;resize:vertical}
.discuss-compose-page .discuss-embedded-image {margin-bottom:20px}


/* Keep the selected visual at the same compact height as the empty upload box. */
.discuss-compose-page .discuss-image-drop {
  box-sizing: border-box;
  height: 126px;
  min-height: 126px;
  max-height: 126px;
  padding: 9px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.discuss-compose-page .discuss-upload-preview {
  display: block;
  width: 100%;
  max-width: 100%;
  height: 100%;
  max-height: 100%;
  min-height: 0;
  flex: 1 1 auto;
  object-fit: contain;
  object-position: center;
  border-radius: 4px;
}
@media(max-width:650px) {
  .discuss-compose-page .discuss-image-drop {
    height: 112px;
    min-height: 112px;
    max-height: 112px;
  }
}


/* Photo-picker correction: a fixed-height, non-interactive selected preview. */
.discuss-compose-page #compose-image-drop,
.discuss-compose-page #compose-image-selected {
  box-sizing: border-box;
  width: 100%;
  height: 126px;
  min-height: 126px;
  max-height: 126px;
  margin: 0;
  overflow: hidden;
}
.discuss-compose-page #compose-image-selected {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px;
  border: 1px dashed #ad8961;
  border-radius: 8px;
  background: #14120f;
}
.discuss-compose-page #compose-image-selected[hidden],
.discuss-compose-page #compose-image-drop[hidden] {
  display: none !important;
}
.discuss-compose-page #compose-image-selected #compose-image-preview {
  display: block;
  position: static;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 108px;
  flex: 0 1 auto;
  object-fit: contain;
  object-position: center;
  margin: 0;
  padding: 0;
}
.discuss-compose-page #compose-image-attachment {
  margin-top: 0;
}
.discuss-compose-page #compose-image-attachment #compose-image-remove {
  margin-top: 0;
}
@media (max-width: 650px) {
  .discuss-compose-page #compose-image-drop,
  .discuss-compose-page #compose-image-selected {
    height: 112px;
    min-height: 112px;
    max-height: 112px;
  }
  .discuss-compose-page #compose-image-selected #compose-image-preview {
    max-height: 94px;
  }
}


/* Paired, understated controls below the compact image preview. */
.discuss-compose-page .discuss-image-action-row {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
}
.discuss-compose-page .discuss-image-action-row .discuss-quiet-button {
  margin: 0;
}
.discuss-compose-page .discuss-change-visual {
  color: #dfb48e;
  border: 1px solid #826548;
  border-radius: 999px;
  padding: 7px 13px;
}
.discuss-compose-page .discuss-change-visual:hover {
  background: #2b2018;
  color: #f4eadd;
  text-decoration: none;
}


/* Keep both visual-edit actions exactly equal in size and styling. */
.discuss-compose-page .discuss-image-action-row > button.discuss-quiet-button {
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 124px;
  min-width: 124px;
  min-height: 34px;
  padding: 7px 10px !important;
  border: 1px solid #826548 !important;
  border-radius: 999px;
  background: transparent;
  color: #dfb48e !important;
  font: 400 11px/1.25 Inter, Arial, sans-serif;
  text-decoration: none;
  white-space: nowrap;
}
.discuss-compose-page .discuss-image-action-row > button.discuss-quiet-button:hover {
  background: #2b2018;
  color: #f4eadd !important;
}
@media (max-width: 360px) {
  .discuss-compose-page .discuss-image-action-row > button.discuss-quiet-button {
    width: 116px;
    min-width: 116px;
  }
}

/* Compact editorial discussion layout: conversation left, visual right. */
.discuss-thread-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(200px,32%);gap:clamp(22px,4vw,56px);align-items:start;margin-top:22px}
.discuss-thread-copy{min-width:0}
.discuss-thread-layout .discuss-article-figure{grid-column:2;grid-row:1;margin:0;width:100%;max-width:none}
.discuss-thread-layout .discuss-article-figure img{display:block;width:100%;height:clamp(155px,19vw,245px);object-fit:cover;border-radius:5px}
.discuss-thread-layout .discuss-article-body{grid-column:1;grid-row:1;margin:0;min-width:0}
.discuss-thread-layout .discuss-article-figure figcaption{font-size:11px;line-height:1.5;margin-top:8px}
@media(max-width:680px){.discuss-thread-layout{grid-template-columns:minmax(0,1fr) 34%;gap:14px}.discuss-thread-layout .discuss-article-figure img{height:125px}.discuss-thread-layout .discuss-article-figure figcaption{font-size:10px}}
@media(max-width:420px){.discuss-thread-layout{grid-template-columns:minmax(0,1fr) 36%;gap:12px}.discuss-thread-layout .discuss-article-figure img{height:105px}}