/* Jersey Devil — Story Archive
   Clean consolidated stylesheet for storyarchive.php.
   Includes the current dynamic Story Locations UI. */

/* JERSEY DEVIL — STORY ARCHIVE — Styles for storyarchive.php */
/* PAGE SHELL */
.jd-archive-page { margin: 0 0 18px; padding: 22px; color: var(--jd-text); background-color: var(--jd-paper); background-image: linear-gradient( rgba(255, 249, 230, .72), rgba(239, 225, 188, .72) ), url(../../../images/parchment-texture.png); background-repeat: repeat; background-size: auto; background-position: top left; border: 1px solid #9a7134; box-shadow: 0 3px 12px rgba(0, 0, 0, .18), inset 0 0 30px rgba(104, 72, 27, .06); }
/* PAGE HEADER */
.jd-archive-header { display: flex; align-items: flex-end; justify-content: space-between; gap: 20px; margin: 0 0 18px; }
.jd-archive-title { margin: 0; color: #241a0d; font-family: Georgia, "Times New Roman", serif; font-size: 30px; font-weight: 700; line-height: 1; text-transform: uppercase; letter-spacing: .5px; }
.jd-archive-description { margin: 7px 0 0; color: #5e5547; font-size: 12px; }
/* BUTTONS */
.jd-archive-actions { display: flex; flex-wrap: wrap; gap: 8px; }
.jd-archive-button, .jd-archive-button:link, .jd-archive-button:visited { display: inline-flex; align-items: center; justify-content: center; padding: 9px 14px; color: #fff0c9 !important; background: linear-gradient( to bottom, #0c3149 0%, #071d2e 100% ); border: 1px solid var(--jd-gold); font-family: Georgia, "Times New Roman", serif; font-size: 12px; font-weight: 700; line-height: 1; letter-spacing: .4px; text-transform: uppercase; text-decoration: none !important; cursor: pointer; }
.jd-archive-button:hover, .jd-archive-button:active { color: #fff !important; background: var(--jd-teal); text-decoration: none !important; }
.jd-archive-button-secondary, .jd-archive-button-secondary:link, .jd-archive-button-secondary:visited { color: #493719 !important; background: rgba(244, 229, 193, .82); border-color: #9e783e; }
.jd-archive-button-secondary:hover, .jd-archive-button-secondary:active { color: #241a0d !important; background: #ead8aa; }
.jd-archive-small-button, .jd-archive-small-button:link, .jd-archive-small-button:visited { display: inline-flex; align-items: center; justify-content: center; box-sizing: border-box; min-height: 28px; padding: 5px 9px; color: #443317 !important; background: rgba(244, 229, 193, .84); border: 1px solid #a17a3e; font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: 700; line-height: 1; text-transform: uppercase; text-decoration: none !important; }
.jd-archive-small-button:hover, .jd-archive-small-button:active { color: #fff0c9 !important; background: var(--jd-teal); }
.jd-archive-delete-button { display: inline-flex; align-items: center; justify-content: center; box-sizing: border-box; min-height: 28px; margin: 0; padding: 5px 9px; color: #6d2d27; background: rgba(238, 218, 181, .82); border: 1px solid #a16d55; font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: 700; line-height: 1; text-transform: uppercase; cursor: pointer; }
.jd-archive-delete-button:hover { color: #fff; background: #743b33; border-color: #743b33; }
/* MAIN PAGE LAYOUT */
.jd-archive-layout { display: grid; grid-template-columns: minmax(0, 1fr) 285px; gap: 14px; align-items: start; }
.jd-archive-main { min-width: 0; }
/* ARCHIVE COLUMN HEADER */
.jd-archive-column-header { display: grid; grid-template-columns: minmax(0, 1fr) 100px 120px; padding: 9px 14px; color: var(--jd-gold-soft); background: linear-gradient( to bottom, #0c3149 0%, #071d2e 100% ); border: 1px solid #8d672d; border-bottom-color: var(--jd-gold); font-family: Georgia, "Times New Roman", serif; font-size: 13px; font-weight: 700; text-transform: uppercase; letter-spacing: .45px; }
/* STORY ARCS */
.jd-story-arc { margin: 0 0 8px; color: #153d4b; background: rgba(247, 234, 201, .58); border: 1px solid rgba(145, 104, 47, .48); }
/* ==================== ARC HEADER ==================== */
.jd-story-arc-heading, button.jd-story-arc-heading { display: grid; grid-template-columns: minmax(0, 1fr) 100px 120px; align-items: center; box-sizing: border-box; width: 100%; min-height: 44px; margin: 0; padding: 0 14px; color: #153d4b !important; background: linear-gradient( rgba(255, 255, 255, .12), rgba(222, 202, 158, .12) ); border: 0; border-radius: 0; box-shadow: none; font-family: Georgia, "Times New Roman", serif; font: inherit; text-align: left; cursor: pointer; appearance: none; -webkit-appearance: none; }
.jd-story-arc-toggle-button:hover, .jd-story-arc-toggle-button:active, .jd-story-arc-toggle-button:focus, .jd-story-arc-toggle-button:focus-visible { color: #153d4b !important; background: linear-gradient( rgba(255, 255, 255, .24), rgba(222, 202, 158, .18) ); border: 0; outline: 0; box-shadow: none; }
/* ==================== ARC NAME ==================== */
.jd-story-arc-name { display: flex; align-items: center; gap: 10px; min-width: 0; color: #153d4b !important; font-size: 16px; font-weight: 700; text-transform: uppercase; letter-spacing: .3px; }
.jd-story-arc-toggle { display: inline-block; flex: 0 0 12px; width: 12px; margin: 0; padding: 0; color: #625640 !important; background: transparent !important; border: 0 !important; border-radius: 0 !important; outline: 0 !important; box-shadow: none !important; font-size: 10px; line-height: 1; text-align: center; }
.jd-story-arc-count, .jd-story-arc-date { color: #5a5041 !important; font-family: Arial, Helvetica, sans-serif; font-size: 11px; }
/* ==================== OPEN / CLOSED STATE ==================== */
.jd-story-arc-open > .jd-story-arc-heading { border-bottom: 1px solid rgba(105, 79, 39, .22); }
.jd-story-arc-threads[hidden] { display: none !important; }
/* THREAD ROWS */
.jd-arc-thread { display: grid; grid-template-columns: minmax(0, 1fr) 100px 120px; align-items: center; min-height: 46px; padding: 0 14px; border-top: 1px solid rgba(105, 79, 39, .22); }
.jd-arc-thread:hover { background: rgba(255, 255, 255, .16); }
.jd-arc-thread-main { display: flex; align-items: center; gap: 10px; min-width: 0; }
.jd-arc-thread-icon { flex: 0 0 auto; color: #86662e; font-family: Georgia, "Times New Roman", serif; font-size: 16px; }
.jd-arc-thread-info { min-width: 0; }
.jd-arc-thread-label { color: #174a61; font-size: 12px; font-weight: 700; }
.jd-arc-thread-title { margin-top: 1px; color: #382d1d; font-size: 11px; }
.jd-arc-thread-title a:link, .jd-arc-thread-title a:visited { color: #382d1d; }
.jd-arc-thread-title a:hover, .jd-arc-thread-title a:active { color: #9a6625; }
.jd-arc-thread-date { color: #645948; font-size: 11px; }
.jd-arc-thread-action { text-align: right; }
/* STORY ARC SUBSECTIONS */
.jd-story-section { margin: 0; border-top: 1px solid rgba(105, 79, 39, .22); }
.jd-story-section-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 34px; padding: 0 14px; color: #173f50; background: linear-gradient( rgba(211, 184, 127, .16), rgba(255, 255, 255, .08) ); border-bottom: 1px solid rgba(105, 79, 39, .16); font-family: Georgia, "Times New Roman", serif; font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: .35px; }
.jd-story-section-unsectioned .jd-story-section-heading { color: #645948; font-style: italic; }
.jd-story-section-count { flex: 0 0 auto; color: #6a5d49; font-family: Arial, Helvetica, sans-serif; font-size: 9px; font-weight: 400; letter-spacing: .2px; }
.jd-story-section-threads .jd-arc-thread:first-child { border-top: 0; }
.jd-story-section-empty { padding: 12px 14px; color: #756955; font-size: 10px; font-style: italic; }
/* SIDEBAR — Index-style: navy/gold headers + parchment content */
.jd-archive-sidebar { display: flex; flex-direction: column; gap: 12px; min-width: 0; }
/* ==================== CARD ==================== */
.jd-archive-card { overflow: hidden; color: #33291c; background-color: var(--jd-paper); background-image: linear-gradient( rgba(255, 249, 230, .72), rgba(239, 225, 188, .72) ), url(../../../images/parchment-texture.png); background-repeat: repeat; background-size: auto; background-position: top left; border: 1px solid #9b7134; box-shadow: 0 2px 6px rgba(0, 0, 0, .10); }
.jd-archive-card-title { padding: 9px 12px; color: var(--jd-gold-soft); background: linear-gradient( to bottom, #0c3149 0%, #071d2e 100% ); border-bottom: 1px solid var(--jd-gold); font-family: Georgia, "Times New Roman", serif; font-size: 14px; font-weight: 700; text-transform: uppercase; letter-spacing: .4px; }
.jd-archive-card-body { padding: 12px; color: #493f31; background: transparent; font-size: 11px; line-height: 1.5; }
/* CURRENT THREAD — Matches the index last-post visual language */
.jd-current-thread-name { margin: 0; }
.jd-current-thread-row { display: flex; align-items: flex-start; gap: 10px; min-width: 0; margin-bottom: 12px; }
.jd-current-thread-avatar { display: block; flex: 0 0 42px; width: 42px; height: 42px; overflow: hidden; background: #f3e5bd; border: 1px solid #a17a3e; border-radius: 3px; box-shadow: 0 1px 3px rgba(0, 0, 0, .16); }
.jd-current-thread-avatar img { display: block; width: 100%; height: 100%; object-fit: cover; }
.jd-current-thread-copy { flex: 1; min-width: 0; }
.jd-current-thread-subject, .jd-current-thread-subject:link, .jd-current-thread-subject:visited { display: block; color: #064d69 !important; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: 700; line-height: 1.25; text-decoration: none !important; }
.jd-current-thread-subject:hover, .jd-current-thread-subject:active { color: #8b6529 !important; text-decoration: none !important; }
.jd-current-thread-lastpost { margin-top: 4px; color: #665b4a; font-size: 10px; line-height: 1.4; }
.jd-current-thread-lastpost a, .jd-current-thread-lastpost a:link, .jd-current-thread-lastpost a:visited { text-decoration: none !important; }
.jd-current-thread-meta { margin-bottom: 10px; color: #665b4a; font-size: 10px; line-height: 1.45; }
.jd-current-thread-meta:empty { display: none; }
.jd-archive-card .jd-archive-button, .jd-archive-card .jd-archive-button:link, .jd-archive-card .jd-archive-button:visited { padding: 7px 12px; color: #fff0c9 !important; background: linear-gradient( to bottom, #0c3149 0%, #071d2e 100% ); border: 1px solid var(--jd-gold); font-size: 10px; }
.jd-archive-card .jd-archive-button:hover, .jd-archive-card .jd-archive-button:active { color: #fff !important; background: var(--jd-teal); }
/* ==================== QUICK ACTIONS ==================== */
.jd-archive-quicklinks { margin: 0; padding: 0; list-style: none; }
.jd-archive-quicklinks li + li { border-top: 1px solid rgba(105, 79, 39, .20); }
.jd-archive-quicklinks a, .jd-archive-quicklinks a:link, .jd-archive-quicklinks a:visited { display: block; padding: 8px 2px; color: #443a2d !important; font-size: 10px; text-decoration: none !important; }
.jd-archive-quicklinks a:hover, .jd-archive-quicklinks a:active { color: #0d6171 !important; }
/* FORMS */
.jd-archive-form-panel { margin: 0 0 18px; padding: 16px 18px; background: rgba(247, 234, 201, .70); border: 1px solid rgba(145, 104, 47, .55); box-shadow: inset 0 0 18px rgba(104, 72, 27, .05); }
.jd-archive-form-title { margin: 0 0 14px; color: #173f50; font-family: Georgia, "Times New Roman", serif; font-size: 18px; font-weight: 700; text-transform: uppercase; }
.jd-archive-form-label { display: block; margin: 0 0 6px; color: #5b4a30; font-size: 11px; font-weight: 700; text-transform: uppercase; }
.jd-archive-form-input { box-sizing: border-box; width: 100%; max-width: 500px; padding: 9px 10px; color: #33291c; background: rgba(255, 250, 232, .90); border: 1px solid #a27b3f; outline: none; font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
.jd-archive-form-input:focus { border-color: var(--jd-gold); box-shadow: 0 0 0 1px rgba(198, 147, 51, .18); }
.jd-archive-form-actions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 12px; }
/* MULTI-ARC THREAD PLACEMENTS */
.jd-archive-placement-list { display: flex; flex-direction: column; gap: 8px; }
.jd-archive-placement-row { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 11px 12px; background: rgba(255, 252, 241, .58); border: 1px solid rgba(161, 124, 63, .28); }
.jd-archive-placement-row.is-editing { background: rgba(228, 194, 123, .16); border-color: rgba(161, 124, 63, .58); }
.jd-archive-placement-copy { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
.jd-archive-placement-copy strong { color: #14344f; font-family: Georgia, "Times New Roman", serif; font-size: 14px; line-height: 1.25; }
.jd-archive-placement-copy span { color: #67583e; font-size: 11px; line-height: 1.35; }
.jd-archive-placement-copy .jd-archive-placement-label { color: #8a672e; font-weight: 700; }
.jd-archive-placement-actions { display: flex; align-items: center; gap: 7px; flex: 0 0 auto; }
.jd-archive-placement-thread { display: flex; flex-direction: column; gap: 3px; margin: -2px 0 14px; padding: 0 0 12px; border-bottom: 1px solid rgba(105, 79, 39, .18); }
.jd-archive-placement-thread span { color: #7c6642; font-size: 10px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.jd-archive-placement-thread strong { color: #14344f; font-family: Georgia, "Times New Roman", serif; font-size: 15px; line-height: 1.3; }
.jd-archive-placement-label-field { margin-top: 12px; }
.jd-archive-placement-empty { padding: 10px 0; color: #786a50; font-size: 11px; font-style: italic; line-height: 1.5; }
@media (max-width: 700px) {
    .jd-archive-placement-row { align-items: flex-start; flex-direction: column; }
    .jd-archive-placement-actions { width: 100%; flex-wrap: wrap; }
}
/* REMOVE THREAD FROM ARC */
.jd-remove-thread-form { margin: 18px 0 0; padding: 14px 0 0; border-top: 1px solid rgba(105, 79, 39, .24); }
.jd-remove-thread-form .jd-archive-delete-button { width: auto; }
/* MANAGE STORY ARCS */
.jd-manage-arcs { margin: 0 0 18px; background: rgba(247, 234, 201, .72); border: 1px solid rgba(145, 104, 47, .55); }
/* ==================== MANAGE HEADER ==================== */
.jd-manage-arcs-header { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 14px 16px; background: linear-gradient( rgba(255, 255, 255, .08), rgba(222, 202, 158, .10) ); border-bottom: 1px solid rgba(145, 104, 47, .40); }
.jd-manage-arcs-title { color: #173f50; font-family: Georgia, "Times New Roman", serif; font-size: 18px; font-weight: 700; text-transform: uppercase; }
.jd-manage-arcs-description { margin-top: 3px; color: #6b5e4a; font-size: 11px; }
/* ==================== MANAGE ROW ==================== */
.jd-manage-arc-row { display: grid; grid-template-columns: 120px minmax(0, 1fr) auto; gap: 14px; align-items: center; padding: 12px 16px; border-top: 1px solid rgba(105, 79, 39, .20); }
.jd-manage-arc-row:first-child { border-top: 0; }
.jd-manage-arc-label { color: #173f50; font-family: Georgia, "Times New Roman", serif; font-size: 12px; font-weight: 700; text-transform: uppercase; }
.jd-manage-arc-meta { margin-top: 3px; color: #756650; font-size: 10px; }
/* ==================== RENAME FORM ==================== */
.jd-manage-rename-form { display: flex; align-items: center; gap: 8px; min-width: 0; }
.jd-manage-name-input { flex: 1; max-width: none; }
/* ==================== DELETE FORM ==================== */
.jd-manage-delete-form { margin: 0; }
/* MANAGE SUBSECTIONS */
.jd-manage-sections { padding: 0 16px 14px; background: rgba(239, 223, 184, .34); border-top: 1px solid rgba(105, 79, 39, .18); border-bottom: 1px solid rgba(105, 79, 39, .18); }
.jd-manage-sections-heading { padding: 10px 0 7px; color: #66563e; font-family: Georgia, "Times New Roman", serif; font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .45px; }
.jd-manage-sections-list { border: 1px solid rgba(145, 104, 47, .30); }
.jd-manage-section-row { display: grid; grid-template-columns: 82px minmax(0, 1fr) auto; gap: 10px; align-items: center; padding: 8px 10px; background: rgba(255, 249, 230, .36); border-top: 1px solid rgba(105, 79, 39, .16); }
.jd-manage-section-row:first-child { border-top: 0; }
.jd-manage-section-meta { color: #756650; font-size: 9px; text-transform: uppercase; }
.jd-manage-section-rename-form { display: flex; align-items: center; gap: 8px; min-width: 0; }
.jd-manage-section-name-input { flex: 1; max-width: none; }
.jd-manage-section-delete-form { margin: 0; }
.jd-manage-section-empty { padding: 10px; color: #766956; font-size: 10px; font-style: italic; }
.jd-manage-add-section-form { display: flex; align-items: center; gap: 8px; margin-top: 8px; }
.jd-manage-add-section-form .jd-archive-form-input { flex: 1; max-width: none; }
/* MAJOR STORY ARCS — Top-level story grouping: Pirates, Final Fantasy VII, etc. */
/* ==================== ARCHIVE NAVIGATION ==================== */
.jd-major-arc-nav { margin: 0 0 14px; border: 1px solid rgba(145, 104, 47, .48); background: rgba(247, 234, 201, .48); }
.jd-major-arc-nav-label { padding: 8px 11px; color: var(--jd-gold-soft); background: linear-gradient( to bottom, #0c3149 0%, #071d2e 100% ); border-bottom: 1px solid var(--jd-gold); font-family: Georgia, "Times New Roman", serif; font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: .45px; }
.jd-major-arc-tabs { display: flex; flex-wrap: wrap; gap: 7px; padding: 9px 10px; }
.jd-major-arc-tab, .jd-major-arc-tab:link, .jd-major-arc-tab:visited { display: inline-flex; align-items: center; justify-content: center; min-height: 30px; padding: 0 11px; color: #174a61 !important; background: rgba(255, 249, 230, .70); border: 1px solid #a17a3e; font-family: Georgia, "Times New Roman", serif; font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: .35px; text-decoration: none !important; }
.jd-major-arc-tab:hover, .jd-major-arc-tab:active { color: #fff0c9 !important; background: var(--jd-teal); }
.jd-major-arc-tab.is-active, .jd-major-arc-tab.is-active:link, .jd-major-arc-tab.is-active:visited { color: #fff0c9 !important; background: linear-gradient( to bottom, #0c3149 0%, #071d2e 100% ); border-color: var(--jd-gold); }
.jd-major-arc-manage { margin-left: auto; }
/* ==================== MANAGE MAJOR STORY ARCS ==================== */
.jd-manage-major-arcs { margin: 0 0 16px; background: rgba(239, 223, 184, .34); border-bottom: 1px solid rgba(105, 79, 39, .22); }
.jd-manage-major-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 11px 16px; color: #173f50; background: rgba(255, 249, 230, .46); border-bottom: 1px solid rgba(145, 104, 47, .30); }
.jd-manage-major-heading strong { display: block; font-family: Georgia, "Times New Roman", serif; font-size: 13px; text-transform: uppercase; letter-spacing: .4px; }
.jd-manage-major-heading span { display: block; margin-top: 3px; color: #756650; font-size: 10px; }
.jd-manage-major-list { border-bottom: 1px solid rgba(145, 104, 47, .28); }
.jd-manage-major-row { display: grid; grid-template-columns: 78px minmax(0, 1fr) auto; gap: 10px; align-items: center; padding: 9px 16px; border-top: 1px solid rgba(105, 79, 39, .16); }
.jd-manage-major-row:first-child { border-top: 0; }
.jd-manage-major-meta { color: #756650; font-size: 9px; text-transform: uppercase; }
.jd-manage-major-rename-form { display: flex; align-items: center; gap: 8px; min-width: 0; }
.jd-manage-major-rename-form .jd-archive-form-input { flex: 1; max-width: none; }
.jd-manage-major-delete-form { margin: 0; }
.jd-manage-major-delete-form button[disabled] { opacity: .45; cursor: not-allowed; }
.jd-manage-major-add-form { display: flex; align-items: center; gap: 8px; padding: 10px 16px 13px; }
.jd-manage-major-add-form .jd-archive-form-input { flex: 1; max-width: none; }
/* ==================== STORY ARC GROUPING IN MANAGE VIEW ==================== */
.jd-manage-story-group-heading { padding: 9px 16px; color: var(--jd-gold-soft); background: linear-gradient( to bottom, #0c3149 0%, #071d2e 100% ); border-top: 1px solid var(--jd-gold); border-bottom: 1px solid var(--jd-gold); font-family: Georgia, "Times New Roman", serif; font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: .45px; }
.jd-manage-arc-major { padding: 8px 16px 10px; background: rgba(255, 249, 230, .28); border-top: 1px solid rgba(105, 79, 39, .14); }
.jd-manage-arc-major-form { display: grid; grid-template-columns: 110px minmax(0, 1fr) auto; gap: 8px; align-items: center; }
.jd-manage-arc-major-label { color: #66563e; font-size: 9px; font-weight: 700; text-transform: uppercase; letter-spacing: .3px; }
.jd-manage-arc-major-form .jd-archive-form-input { max-width: none; }
/* EMPTY STATES */
.jd-archive-empty { padding: 28px 18px; color: #665a48; background: rgba(247, 234, 201, .50); border: 1px solid rgba(145, 104, 47, .40); text-align: center; }
.jd-archive-empty strong, .jd-archive-empty span { display: block; }
.jd-archive-empty strong { margin-bottom: 4px; color: #173f50; font-family: Georgia, "Times New Roman", serif; font-size: 15px; }
.jd-manage-empty { padding: 20px; color: #6b5e4a; text-align: center; }
/* TABLET / MOBILE */
@media (max-width: 900px) {
    .jd-archive-page { padding: 14px; }
    .jd-archive-header { align-items: stretch; flex-direction: column; }
    .jd-archive-actions { width: 100%; }
    .jd-archive-button { flex: 1 1 auto; text-align: center; }
    .jd-archive-layout { grid-template-columns: 1fr; }
    .jd-archive-sidebar { grid-row: 1; }
    .jd-archive-column-header { grid-template-columns: minmax(0, 1fr) 70px; }
    .jd-archive-column-header span:last-child { display: none; }
    .jd-story-arc-heading, button.jd-story-arc-heading { grid-template-columns: minmax(0, 1fr) 70px; border: 0 !important; border-radius: 0 !important; outline: 0 !important; box-shadow: none !important; appearance: none; -webkit-appearance: none; }
    .jd-story-arc-toggle-button:focus, .jd-story-arc-toggle-button:focus-visible, .jd-story-arc-toggle-button:active { border: 0 !important; outline: 0 !important; box-shadow: none !important; }
    .jd-story-arc-toggle { border: 0 !important; outline: 0 !important; box-shadow: none !important; }
    .jd-story-arc-date { display: none; }
    .jd-arc-thread { grid-template-columns: minmax(0, 1fr) auto; gap: 8px; padding-top: 8px; padding-bottom: 8px; }
    .jd-arc-thread-date { display: none; }
}
/* SMALL MOBILE — MANAGE ARCS */
@media (max-width: 700px) {
    .jd-manage-arcs-header { align-items: stretch; flex-direction: column; }
    .jd-manage-arc-row { grid-template-columns: 1fr; gap: 8px; }
    .jd-manage-rename-form { align-items: stretch; flex-direction: column; }
    .jd-manage-rename-form .jd-archive-small-button, .jd-archive-delete-button { width: 100%; }
    .jd-remove-thread-form .jd-archive-delete-button { width: auto; }
    .jd-manage-section-row { grid-template-columns: 1fr; }
    .jd-manage-section-rename-form, .jd-manage-add-section-form { align-items: stretch; flex-direction: column; }
    .jd-manage-section-rename-form .jd-archive-small-button, .jd-manage-add-section-form .jd-archive-small-button, .jd-manage-section-delete-form .jd-archive-delete-button { width: 100%; }
    .jd-story-section-heading { padding-left: 10px; padding-right: 10px; }
}
/* MAJOR STORY ARCS — MOBILE */
@media (max-width: 700px) {
    .jd-major-arc-tabs { flex-wrap: nowrap; overflow-x: auto; padding-bottom: 10px; -webkit-overflow-scrolling: touch; }
    .jd-major-arc-tab { flex: 0 0 auto; }
    .jd-major-arc-manage { margin-left: 0; }
    .jd-manage-major-row { grid-template-columns: 1fr; gap: 7px; }
    .jd-manage-major-rename-form, .jd-manage-major-add-form { align-items: stretch; flex-direction: column; }
    .jd-manage-major-delete-form .jd-archive-delete-button, .jd-manage-major-rename-form .jd-archive-small-button, .jd-manage-major-add-form .jd-archive-small-button { width: 100%; }
    .jd-manage-arc-major-form { grid-template-columns: 1fr; }
}
/* STORY ARCHIVE — REFRESHED MANAGE UI */
body.jd-storyarchive-manage-mode .jd-archive-column-header, body.jd-storyarchive-manage-mode .jd-story-arc, body.jd-storyarchive-manage-mode .jd-archive-empty { display: none !important; }
.jd-manage-arcs-accordion { margin-bottom: 26px; border: 1px solid rgba(161, 124, 63, 0.38); background: rgba(245, 238, 216, 0.42); box-shadow: 0 8px 20px rgba(0, 0, 0, 0.06); }
.jd-manage-arcs-header-refresh { display: flex; justify-content: space-between; align-items: center; gap: 16px; }
.jd-manage-done-button { white-space: nowrap; }
.jd-manage-panel-group { border-top: 1px solid rgba(161, 124, 63, 0.26); padding: 18px 20px 20px; }
.jd-manage-panel-group:first-of-type { border-top: 0; }
.jd-manage-panel-heading { font-family: Georgia, "Times New Roman", serif; font-size: 19px; font-weight: 700; color: #14344f; margin: 0 0 4px; }
.jd-manage-panel-subheading { font-size: 12px; line-height: 1.6; color: #67583e; margin-bottom: 16px; }
.jd-manage-card-list { display: flex; flex-direction: column; gap: 12px; }
.jd-manage-card, .jd-manage-subsection-card { border: 1px solid #cbb37d; background: rgba(255, 252, 241, 0.56); }
.jd-manage-card[open], .jd-manage-subsection-card[open] { background: rgba(255, 252, 241, 0.9); box-shadow: inset 0 0 0 1px rgba(161, 124, 63, 0.12); }
.jd-manage-card-summary, .jd-manage-subsection-summary { list-style: none; display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 14px 16px; cursor: pointer; }
.jd-manage-card-summary::-webkit-details-marker, .jd-manage-subsection-summary::-webkit-details-marker { display: none; }
.jd-manage-summary-copy { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.jd-manage-summary-title, .jd-manage-subsection-title { font-family: Georgia, "Times New Roman", serif; font-size: 18px; line-height: 1.2; color: #14344f; font-weight: 700; }
.jd-manage-summary-meta, .jd-manage-subsection-meta { font-size: 11px; text-transform: uppercase; letter-spacing: 0.07em; color: #7c6642; }
.jd-manage-summary-action { flex-shrink: 0; font-size: 11px; text-transform: uppercase; letter-spacing: 0.08em; color: #14344f; border: 1px solid #cbb37d; background: rgba(20, 52, 79, 0.06); padding: 6px 10px; }
.jd-manage-card-body, .jd-manage-subsection-body { border-top: 1px solid rgba(161, 124, 63, 0.26); padding: 16px; }
.jd-manage-card-grid { display: grid; grid-template-columns: 1fr; gap: 14px; }
.jd-manage-field-form { display: flex; flex-direction: column; gap: 8px; }
.jd-manage-field-label { font-size: 11px; text-transform: uppercase; letter-spacing: 0.08em; color: #7c6642; font-weight: 700; }
.jd-manage-field-row { display: flex; gap: 10px; align-items: center; }
.jd-manage-field-row .jd-archive-form-input { flex: 1 1 auto; min-width: 0; }
.jd-manage-card-actions { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; margin-top: 14px; }
.jd-manage-card-actions-bottom { margin-top: 18px; padding-top: 12px; border-top: 1px dashed rgba(161, 124, 63, 0.34); }
.jd-manage-inline-form { margin: 0; }
.jd-manage-subsections-box { margin-top: 18px; padding-top: 16px; border-top: 1px solid rgba(161, 124, 63, 0.2); }
.jd-manage-subsections-header { display: flex; flex-direction: column; gap: 4px; margin-bottom: 12px; }
.jd-manage-subsections-header strong { font-family: Georgia, "Times New Roman", serif; font-size: 17px; color: #14344f; }
.jd-manage-subsections-header span { font-size: 12px; color: #67583e; }
.jd-manage-subsection-list { display: flex; flex-direction: column; gap: 10px; }
.jd-manage-empty { padding: 14px 16px; border: 1px dashed #cbb37d; color: #67583e; background: rgba(255, 252, 241, 0.45); }
.jd-manage-major-card details, .jd-manage-add-card details { margin: 0; }
.jd-manage-major-card .jd-manage-summary-title { font-size: 17px; }
.jd-manage-subsection-title { font-size: 16px; }
.jd-manage-subsection-body .jd-manage-inline-form { margin-top: 10px; }
body.jd-storyarchive-manage-mode .jd-archive-sidebar { align-self: start; }
@media (min-width: 900px) {
    .jd-manage-card-grid { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 900px) {
    .jd-manage-arcs-header-refresh { flex-direction: column; align-items: stretch; }
    .jd-manage-done-button { width: 100%; text-align: center; }
}
@media (max-width: 640px) {
    .jd-manage-panel-group { padding: 16px 14px; }
    .jd-manage-card-summary, .jd-manage-subsection-summary { align-items: flex-start; flex-direction: column; }
    .jd-manage-summary-action { align-self: flex-start; }
    .jd-manage-field-row, .jd-manage-card-actions { flex-direction: column; align-items: stretch; }
    .jd-manage-field-row .jd-archive-small-button, .jd-manage-field-row .jd-archive-delete-button, .jd-manage-card-actions .jd-archive-small-button, .jd-manage-card-actions .jd-archive-delete-button, .jd-manage-card-actions a.jd-archive-small-button, .jd-manage-done-button { width: 100%; text-align: center; }
}
/* MOBILE POLISH — CLEAN STORY ARC TOGGLE ICON */
.jd-story-arc-toggle { position: relative; display: inline-flex; align-items: center; justify-content: center; flex: 0 0 18px; width: 18px; height: 18px; font-size: 0 !important; line-height: 0 !important; color: transparent !important; background: rgba(12, 49, 73, .08) !important; border: 1px solid rgba(161, 122, 62, .65) !important; border-radius: 3px !important; outline: 0 !important; box-shadow: inset 0 1px 0 rgba(255, 255, 255, .35) !important; }
.jd-story-arc-toggle::before { content: ""; display: block; width: 0; height: 0; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-left: 6px solid #173a53; transform: translateX(1px); }
.jd-story-arc-open .jd-story-arc-toggle::before { border-top: 6px solid #173a53; border-right: 4px solid transparent; border-bottom: 0; border-left: 4px solid transparent; transform: translateY(1px); }
.jd-story-arc-name { gap: 12px; }
@media (max-width: 700px) {
    .jd-archive-quicklinks a { display: flex; align-items: center; gap: 8px; }
}
/* MANAGE STORY ARCHIVE — INDIVIDUAL SCENE MANAGEMENT */
.jd-manage-scenes-box { margin-top: 18px; border: 1px solid rgba(161, 124, 63, 0.34); background: rgba(255, 252, 241, 0.48); }
.jd-manage-scenes-summary { list-style: none; display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 12px 14px; cursor: pointer; }
.jd-manage-scenes-summary::-webkit-details-marker { display: none; }
.jd-manage-scenes-summary > span:first-child { display: flex; flex-direction: column; gap: 3px; }
.jd-manage-scenes-summary strong { font-family: Georgia, "Times New Roman", serif; font-size: 17px; color: #14344f; }
.jd-manage-scenes-summary small { font-size: 11px; color: #756347; }
.jd-manage-scenes-body { border-top: 1px solid rgba(161, 124, 63, 0.24); padding: 0 14px 12px; }
.jd-manage-scene-group-heading { margin: 14px -2px 4px; padding: 5px 2px; color: #745622; border-bottom: 1px solid rgba(161, 124, 63, 0.25); font-family: Georgia, "Times New Roman", serif; font-size: 11px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.jd-manage-scene-row { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 42px; padding: 8px 0; border-bottom: 1px solid rgba(161, 124, 63, 0.14); }
.jd-manage-scene-row:last-child { border-bottom: 0; }
.jd-manage-scene-copy { min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.jd-manage-scene-label { color: #8a672e; font-size: 10px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; }
.jd-manage-scene-title, .jd-manage-scene-title:link, .jd-manage-scene-title:visited { color: #153d4b; font-family: Georgia, "Times New Roman", serif; font-size: 13px; font-weight: 700; text-decoration: none; }
.jd-manage-scene-title:hover { text-decoration: underline; }
.jd-manage-scene-actions { display: flex; align-items: center; gap: 7px; flex: 0 0 auto; }
.jd-manage-scene-remove { width: auto !important; }
@media (max-width: 640px) {
    .jd-manage-scenes-summary { align-items: flex-start; }
    .jd-manage-scene-row { align-items: flex-start; flex-direction: column; }
    .jd-manage-scene-actions { width: 100%; }
    .jd-manage-scene-actions .jd-archive-small-button, .jd-manage-scene-actions .jd-archive-delete-button { flex: 1 1 0; width: auto !important; text-align: center; }
}
/* MANAGE SCENES — EDIT ACTION */
.jd-manage-scene-edit { font-weight: 700; }
.jd-manage-scene-move { opacity: .92; }
@media (max-width: 640px) {
    .jd-manage-scene-actions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 7px; }
    .jd-manage-scene-actions .jd-archive-small-button, .jd-manage-scene-actions .jd-archive-delete-button { width: 100% !important; min-width: 0; box-sizing: border-box; }
}
/* MANAGE SCENES — TRACKER LABEL EDITOR */
.jd-manage-scene-label-editor { position: relative; margin: 0; }
.jd-manage-scene-label-editor > summary { list-style: none; box-sizing: border-box; }
.jd-manage-scene-label-editor > summary::-webkit-details-marker { display: none; }
.jd-manage-scene-label-editor-body { position: absolute; z-index: 40; top: calc(100% + 7px); right: 0; width: 285px; box-sizing: border-box; padding: 12px; background: #f7ecd0; border: 1px solid #a17a3e; box-shadow: 0 8px 20px rgba(0, 0, 0, .18); }
.jd-manage-scene-label-form { display: flex; flex-direction: column; gap: 8px; }
.jd-manage-scene-label-form .jd-archive-form-input { width: 100%; box-sizing: border-box; }
.jd-manage-scene-label-help { color: #67583e; font-size: 10px; line-height: 1.45; }
.jd-manage-scene-label-form .jd-archive-small-button { align-self: flex-start; }
@media (max-width: 640px) {
    .jd-manage-scene-label-editor { position: static; min-width: 0; }
    .jd-manage-scene-label-editor[open] { grid-column: 1 / -1; }
    .jd-manage-scene-label-editor-body { position: static; width: 100%; margin-top: 7px; box-shadow: none; }
    .jd-manage-scene-label-editor[open] > summary, .jd-manage-scene-label-form .jd-archive-small-button { width: 100% !important; }
}
/* STORY ARCHIVE — LIBRARY + DEDICATED ARC VIEW / STAGE 2 */
/* ===== ARCHIVE VIEW TABS ===== */
.jd-archive-browse-nav { display: flex; flex-wrap: wrap; gap: 0; margin: 0 0 16px; border: 1px solid #9a7134; background: rgba(247, 234, 201, .56); }
.jd-archive-browse-tab, .jd-archive-browse-tab:link, .jd-archive-browse-tab:visited { display: inline-flex; align-items: center; justify-content: center; min-height: 38px; padding: 0 16px; box-sizing: border-box; color: #174a61 !important; border-right: 1px solid rgba(145, 104, 47, .30); font-family: Georgia, "Times New Roman", serif; font-size: 11px; font-weight: 700; letter-spacing: .45px; text-decoration: none !important; text-transform: uppercase; }
.jd-archive-browse-tab.is-active { color: #fff0c9 !important; background: linear-gradient(to bottom, #0c3149 0%, #071d2e 100%); box-shadow: inset 0 -2px 0 var(--jd-gold); }
.jd-archive-browse-tab.is-disabled { color: #877a65 !important; cursor: default; opacity: .72; }
/* ===== LIBRARY / ARC HEADING ===== */
.jd-archive-library-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; margin: 0 0 12px; padding: 0 2px 9px; border-bottom: 1px solid rgba(145, 104, 47, .34); }
.jd-archive-library-heading > div { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.jd-archive-library-kicker { color: #80673f; font-size: 9px; font-weight: 700; letter-spacing: .11em; text-transform: uppercase; }
.jd-archive-library-heading strong { color: #173f50; font-family: Georgia, "Times New Roman", serif; font-size: 22px; line-height: 1.1; }
.jd-archive-library-note { flex: 0 0 auto; color: #756955; font-size: 10px; font-style: italic; }
.jd-archive-back-link, .jd-archive-back-link:link, .jd-archive-back-link:visited { flex: 0 0 auto; color: #765526 !important; font-family: Georgia, "Times New Roman", serif; font-size: 10px; font-weight: 700; letter-spacing: .04em; text-decoration: none !important; text-transform: uppercase; }
.jd-archive-back-link:hover { color: #0f5a67 !important; }
/* ===== LIBRARY STORY ARC CARDS ===== */
.jd-story-arc-library-card { margin: 0 0 10px; overflow: hidden; color: #153d4b; background: rgba(247, 234, 201, .64); border: 1px solid rgba(145, 104, 47, .56); box-shadow: 0 2px 7px rgba(72, 48, 18, .07); }
.jd-story-arc-library-card .jd-story-arc-card, .jd-story-arc-library-card .jd-story-arc-card:link, .jd-story-arc-library-card .jd-story-arc-card:visited { display: grid; grid-template-columns: 58px minmax(0, 1fr) auto; align-items: center; gap: 16px; min-height: 88px; padding: 13px 14px; box-sizing: border-box; color: #153d4b !important; background: linear-gradient(90deg, rgba(214,165,82,.10), rgba(255,255,255,.12) 48%, rgba(22,86,93,.025)); text-decoration: none !important; transition: background .15s ease, border-color .15s ease; }
.jd-story-arc-library-card .jd-story-arc-card:hover { color: #153d4b !important; background: linear-gradient(90deg, rgba(214,165,82,.17), rgba(255,255,255,.20) 48%, rgba(22,86,93,.06)); text-decoration: none !important; }
.jd-story-arc-library-card .jd-story-arc-number { display: inline-flex; align-items: center; justify-content: center; width: 46px; height: 46px; box-sizing: border-box; color: #e4c27b; background: linear-gradient(to bottom, #0c3149 0%, #071d2e 100%); border: 1px solid #a17a3e; box-shadow: inset 0 0 0 2px rgba(255,239,201,.035); font-family: Georgia, "Times New Roman", serif; font-size: 17px; font-weight: 700; letter-spacing: .04em; }
.jd-story-arc-library-card .jd-story-arc-card-copy { display: block; min-width: 0; }
.jd-story-arc-library-card .jd-story-arc-eyebrow { display: block; margin: 0 0 4px; color: #8a6c3c; font-size: 8px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
.jd-story-arc-library-card .jd-story-arc-name { display: block; margin: 0; color: #153d4b !important; font-family: Georgia, "Times New Roman", serif; font-size: 20px; font-weight: 700; line-height: 1.08; letter-spacing: .1px; text-transform: none; }
.jd-story-arc-library-card .jd-story-arc-card-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 7px; margin-top: 7px; color: #665a48; font-size: 9px; letter-spacing: .05em; text-transform: uppercase; }
.jd-story-arc-meta-separator { color: #b08746; }
.jd-story-arc-library-card .jd-story-arc-explore { display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-width: 120px; min-height: 36px; padding: 0 12px; box-sizing: border-box; color: #fff0c9 !important; background: linear-gradient(to bottom, #155964 0%, #0d424c 100%); border: 1px solid #a17a3e; box-shadow: inset 0 1px 0 rgba(255,255,255,.07); font-family: Georgia, "Times New Roman", serif; font-size: 9px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; }
.jd-story-arc-library-card .jd-story-arc-card:hover .jd-story-arc-explore { color: #fff !important; background: linear-gradient(to bottom, #1d6b73 0%, #11515b 100%); border-color: var(--jd-gold); }
.jd-story-arc-explore-arrow { color: #e4c27b; font-size: 15px; line-height: 1; }
/* ===== DEDICATED STORY ARC HERO ===== */
.jd-arc-detail { min-width: 0; }
.jd-arc-detail-hero { display: grid; grid-template-columns: 78px minmax(0, 1fr); align-items: stretch; min-height: 126px; margin: 0 0 14px; overflow: hidden; color: #efe1bc; background: linear-gradient(rgba(7,31,48,.96), rgba(5,24,39,.98)), url(../../../images/body-texture.png); border: 1px solid #a17a3e; box-shadow: inset 0 0 0 2px rgba(214,165,82,.05), 0 3px 10px rgba(0,0,0,.14); }
.jd-arc-detail-index { display: flex; align-items: center; justify-content: center; color: #e4c27b; border-right: 1px solid rgba(214,165,82,.42); background: rgba(2,16,27,.26); font-family: Georgia, "Times New Roman", serif; font-size: 26px; font-weight: 700; letter-spacing: .04em; }
.jd-arc-detail-hero-copy { display: flex; flex-direction: column; justify-content: center; min-width: 0; padding: 20px 22px; box-sizing: border-box; }
.jd-arc-detail-eyebrow { margin-bottom: 5px; color: #d6a552; font-size: 9px; font-weight: 700; letter-spacing: .13em; text-transform: uppercase; }
.jd-arc-detail-hero h2 { margin: 0; color: #f0e2bf; font-family: Georgia, "Times New Roman", serif; font-size: 30px; line-height: 1.05; }
.jd-arc-detail-meta { display: flex; flex-wrap: wrap; gap: 7px 16px; margin-top: 13px; color: #c9b995; font-size: 9px; letter-spacing: .05em; text-transform: uppercase; }
.jd-arc-detail-meta span { white-space: nowrap; }
.jd-arc-detail-meta strong { color: #e4c27b; }
/* ===== CHAPTERS + SCENES ===== */
.jd-arc-detail-chapters { display: flex; flex-direction: column; gap: 12px; }
.jd-arc-detail-chapter { overflow: hidden; background: rgba(247,234,201,.60); border: 1px solid rgba(145,104,47,.56); box-shadow: 0 2px 7px rgba(72,48,18,.055); }
.jd-arc-detail-chapter-heading { display: grid; grid-template-columns: 50px minmax(0, 1fr) auto; align-items: center; min-height: 58px; padding: 0 14px 0 0; box-sizing: border-box; background: linear-gradient(rgba(255,255,255,.16), rgba(222,202,158,.13)); border-bottom: 1px solid rgba(145,104,47,.28); }
.jd-arc-detail-direct-scenes .jd-arc-detail-chapter-heading { grid-template-columns: minmax(0, 1fr) auto; padding-left: 14px; }
.jd-arc-detail-chapter-number { display: flex; align-items: center; justify-content: center; align-self: stretch; color: #9a7539; border-right: 1px solid rgba(145,104,47,.26); font-family: Georgia, "Times New Roman", serif; font-size: 16px; font-weight: 700; }
.jd-arc-detail-chapter-copy { min-width: 0; padding-left: 14px; }
.jd-arc-detail-direct-scenes .jd-arc-detail-chapter-copy { padding-left: 0; }
.jd-arc-detail-chapter-kicker { display: block; margin-bottom: 2px; color: #8a6c3c; font-size: 8px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
.jd-arc-detail-chapter h3 { margin: 0; color: #173f50; font-family: Georgia, "Times New Roman", serif; font-size: 17px; line-height: 1.15; }
.jd-arc-detail-chapter-count { padding-left: 12px; color: #6a5d49; font-size: 9px; letter-spacing: .04em; text-transform: uppercase; white-space: nowrap; }
.jd-arc-detail-scene-list .jd-arc-thread { min-height: 50px; background: rgba(255,249,230,.20); }
.jd-arc-detail-scene-list .jd-arc-thread:first-child { border-top: 0; }
.jd-arc-detail-scene-list .jd-arc-thread:hover { background: rgba(255,255,255,.24); }
/* ===== ARC PREVIOUS / COLLECTION / NEXT ===== */
.jd-arc-detail-bottom-nav { display: grid; grid-template-columns: minmax(0, 1fr) minmax(150px, .62fr) minmax(0, 1fr); gap: 8px; margin: 14px 0 0; }
.jd-arc-detail-nav-link, .jd-arc-detail-nav-library, .jd-arc-detail-nav-link:link, .jd-arc-detail-nav-link:visited, .jd-arc-detail-nav-library:link, .jd-arc-detail-nav-library:visited { display: flex; flex-direction: column; justify-content: center; min-width: 0; min-height: 58px; padding: 9px 12px; box-sizing: border-box; color: #efe1bc !important; background: linear-gradient(to bottom, #0c3149 0%, #071d2e 100%); border: 1px solid #a17a3e; text-decoration: none !important; }
.jd-arc-detail-nav-next { text-align: right; }
.jd-arc-detail-nav-library { text-align: center; background: linear-gradient(to bottom, #155964 0%, #0d424c 100%); }
.jd-arc-detail-bottom-nav span { color: #c7b891; font-size: 8px; font-weight: 700; letter-spacing: .09em; text-transform: uppercase; }
.jd-arc-detail-bottom-nav strong { display: block; margin-top: 3px; overflow: hidden; color: #e4c27b; font-family: Georgia, "Times New Roman", serif; font-size: 11px; line-height: 1.2; text-overflow: ellipsis; white-space: nowrap; }
.jd-arc-detail-nav-link:hover, .jd-arc-detail-nav-library:hover { background: var(--jd-teal); }
.jd-arc-detail-bottom-nav .jd-arc-detail-nav-library:first-child { grid-column: 2; }
/* ===== ARC SIDEBAR ===== */
.jd-arc-navigation-position { margin: 0 0 7px; padding: 0 2px 9px; color: #7c6642; border-bottom: 1px solid rgba(105,79,39,.20); font-family: Georgia, "Times New Roman", serif; font-size: 10px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; }
.jd-arc-navigation-links li:first-child a { font-weight: 700; }
body.jd-storyarchive-manage-mode .jd-archive-browse-nav, body.jd-storyarchive-manage-mode .jd-archive-library-heading { display: none !important; }
/* ===== RESPONSIVE ===== */
@media (max-width: 900px) {
    .jd-archive-library-heading { align-items: flex-start; flex-direction: column; gap: 5px; }
    .jd-archive-library-note, .jd-archive-back-link { white-space: normal; }
    .jd-story-arc-library-card .jd-story-arc-card { grid-template-columns: 52px minmax(0, 1fr) auto; gap: 12px; }
    .jd-story-arc-library-card .jd-story-arc-number { width: 42px; height: 42px; font-size: 15px; }
    .jd-story-arc-library-card .jd-story-arc-name { font-size: 18px; }
    .jd-story-arc-library-card .jd-story-arc-explore { min-width: 105px; }
    .jd-storyarchive-arc-view .jd-archive-main { grid-row: 1; }
    .jd-storyarchive-arc-view .jd-archive-sidebar { grid-row: 2; }
}
@media (max-width: 700px) {
    .jd-archive-browse-nav { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .jd-archive-browse-tab, .jd-archive-browse-tab:link, .jd-archive-browse-tab:visited { min-width: 0; padding: 0 8px; border-right: 1px solid rgba(145,104,47,.30); border-bottom: 1px solid rgba(145,104,47,.22); font-size: 9px; }
    .jd-story-arc-library-card .jd-story-arc-card { grid-template-columns: 44px minmax(0, 1fr); gap: 10px; padding: 12px; }
    .jd-story-arc-library-card .jd-story-arc-number { width: 38px; height: 38px; font-size: 14px; }
    .jd-story-arc-library-card .jd-story-arc-name { font-size: 17px; }
    .jd-story-arc-library-card .jd-story-arc-card-meta { font-size: 8px; }
    .jd-story-arc-library-card .jd-story-arc-explore { grid-column: 1 / -1; width: 100%; min-width: 0; min-height: 34px; }
    .jd-arc-detail-hero { grid-template-columns: 54px minmax(0, 1fr); min-height: 110px; }
    .jd-arc-detail-index { font-size: 20px; }
    .jd-arc-detail-hero-copy { padding: 16px 14px; }
    .jd-arc-detail-hero h2 { font-size: 23px; }
    .jd-arc-detail-meta { gap: 5px 10px; font-size: 8px; }
    .jd-arc-detail-chapter-heading { grid-template-columns: 40px minmax(0, 1fr); padding-right: 10px; }
    .jd-arc-detail-direct-scenes .jd-arc-detail-chapter-heading { grid-template-columns: minmax(0, 1fr); padding: 10px; }
    .jd-arc-detail-chapter-count { grid-column: 2; padding: 3px 0 9px 10px; white-space: normal; }
    .jd-arc-detail-direct-scenes .jd-arc-detail-chapter-count { grid-column: 1; padding: 4px 0 0; }
    .jd-arc-detail-chapter-copy { padding: 9px 0 9px 10px; }
    .jd-arc-detail-direct-scenes .jd-arc-detail-chapter-copy { padding: 0; }
    .jd-arc-detail-chapter h3 { font-size: 15px; }
    .jd-arc-detail-bottom-nav { grid-template-columns: 1fr; }
    .jd-arc-detail-nav-next { text-align: left; }
    .jd-arc-detail-nav-library { text-align: left; }
    .jd-arc-detail-bottom-nav .jd-arc-detail-nav-library:first-child { grid-column: auto; }
}
/* STORY ARCHIVE — STAGE 3 — Story Arc descriptions + artwork */
/* ===== LIBRARY CARD ARTWORK ===== */
.jd-story-arc-library-card .jd-story-arc-card, .jd-story-arc-library-card .jd-story-arc-card:link, .jd-story-arc-library-card .jd-story-arc-card:visited { display: block; min-height: 0; padding: 0; background: rgba(247, 234, 201, .64); }
.jd-story-arc-library-card .jd-story-arc-card:hover { background: rgba(250, 240, 213, .82); }
.jd-story-arc-card-image { position: relative; display: block; width: 100%; height: 84px; overflow: hidden; background: #092938; border-bottom: 1px solid rgba(145, 104, 47, .48); }
.jd-story-arc-card-image::after { content: ""; position: absolute; inset: 0; pointer-events: none; background: linear-gradient(to bottom, rgba(3, 20, 31, .05), rgba(3, 20, 31, .24)); }
.jd-story-arc-card-image img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; transition: transform .22s ease; }
.jd-story-arc-library-card .jd-story-arc-card:hover .jd-story-arc-card-image img { transform: scale(1.012); }
.jd-story-arc-library-card .jd-story-arc-number { position: absolute; z-index: 2; top: 10px; left: 11px; width: 43px; height: 43px; color: #e4c27b; background: rgba(5, 27, 42, .94); border: 1px solid #d6a552; box-shadow: 0 2px 6px rgba(0,0,0,.25), inset 0 0 0 2px rgba(255,239,201,.035); font-size: 16px; }
.jd-story-arc-card-body { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 18px; align-items: center; min-height: 96px; padding: 13px 14px 14px; box-sizing: border-box; background: linear-gradient(90deg, rgba(214,165,82,.08), rgba(255,255,255,.10) 55%, rgba(22,86,93,.025)); }
.jd-story-arc-library-card .jd-story-arc-card-copy { min-width: 0; }
.jd-story-arc-description { display: -webkit-box; max-width: 760px; margin-top: 6px; overflow: hidden; color: #544937; font-family: Georgia, "Times New Roman", serif; font-size: 11px; line-height: 1.45; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.jd-story-arc-library-card .jd-story-arc-card-meta { margin-top: 8px; }
.jd-story-arc-explore-arrow { position: relative; display: inline-block; width: 12px; height: 10px; color: transparent; font-size: 0; }
.jd-story-arc-explore-arrow::before { content: ""; position: absolute; top: 50%; right: 1px; width: 6px; height: 6px; border: solid #e4c27b; border-width: 1.5px 1.5px 0 0; transform: translateY(-50%) rotate(45deg); }
.jd-story-arc-explore-arrow::after { content: ""; position: absolute; top: 50%; left: 0; width: 9px; height: 1.5px; background: #e4c27b; transform: translateY(-50%); }
/* ===== ARC VIEW TOPLINE ===== */
.jd-archive-arc-topline { display: flex; justify-content: flex-end; margin: 0 0 9px; padding: 0 2px; }
/* ===== DEDICATED ARC HERO WITH ARTWORK ===== */
.jd-arc-detail-hero { display: grid; grid-template-columns: minmax(240px, .78fr) minmax(0, 1.22fr); min-height: 225px; margin-bottom: 14px; background: linear-gradient(rgba(7,31,48,.96), rgba(5,24,39,.98)), url(../../../images/body-texture.png); }
.jd-arc-detail-image { position: relative; min-width: 0; min-height: 225px; overflow: hidden; background: #092938; border-right: 1px solid rgba(214,165,82,.52); }
.jd-arc-detail-image::after { content: ""; position: absolute; inset: 0; pointer-events: none; background: linear-gradient(to bottom, rgba(4,20,31,.02), rgba(4,20,31,.30)); }
.jd-arc-detail-image img { display: block; width: 100%; height: 100%; min-height: 225px; object-fit: cover; object-position: center; }
.jd-arc-detail-index { position: absolute; z-index: 2; top: 14px; left: 14px; display: inline-flex; align-items: center; justify-content: center; width: 48px; height: 48px; box-sizing: border-box; color: #e4c27b; background: rgba(5, 27, 42, .94); border: 1px solid #d6a552; box-shadow: 0 2px 7px rgba(0,0,0,.28), inset 0 0 0 2px rgba(255,239,201,.035); font-size: 18px; }
.jd-arc-detail-hero-copy { padding: 25px 27px 23px; }
.jd-arc-detail-description { max-width: 760px; margin: 11px 0 0; color: #d7c9a7; font-family: Georgia, "Times New Roman", serif; font-size: 12px; line-height: 1.6; }
.jd-arc-detail-description + .jd-arc-detail-meta { margin-top: 16px; }
/* ===== MANAGE ARC PRESENTATION ===== */
.jd-manage-arc-presentation-form { margin-top: 17px; padding: 15px; background: rgba(239, 223, 184, .32); border: 1px solid rgba(161, 124, 63, .28); }
.jd-manage-arc-presentation-heading { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 13px; }
.jd-manage-arc-presentation-heading > div { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
.jd-manage-arc-presentation-heading strong { color: #14344f; font-family: Georgia, "Times New Roman", serif; font-size: 16px; }
.jd-manage-arc-presentation-heading span { color: #67583e; font-size: 10px; line-height: 1.4; }
.jd-manage-arc-image-preview { display: block; flex: 0 0 132px; width: 132px; height: 58px; object-fit: cover; background: #092938; border: 1px solid #a17a3e; }
.jd-manage-arc-presentation-form .jd-manage-field-label { margin: 10px 0 6px; }
.jd-manage-arc-presentation-form .jd-archive-form-input { width: 100%; max-width: none; }
textarea.jd-manage-arc-description { display: block; min-height: 88px; resize: vertical; line-height: 1.5; }
.jd-manage-optional { color: #8d7958; font-size: 9px; font-weight: 400; letter-spacing: 0; text-transform: none; }
.jd-manage-arc-image-help { margin-top: 6px; color: #67583e; font-size: 9px; line-height: 1.5; }
.jd-manage-arc-image-help code { padding: 1px 4px; color: #4d3c22; background: rgba(255,255,255,.38); border: 1px solid rgba(161,124,63,.22); font-family: Consolas, Monaco, monospace; font-size: 9px; }
.jd-manage-arc-presentation-save { margin-top: 11px; }
/* ===== RESPONSIVE STAGE 3 ===== */
@media (max-width: 900px) {
    .jd-story-arc-card-image { height: 76px; }
    .jd-story-arc-card-body { gap: 12px; }
    .jd-arc-detail-hero { grid-template-columns: minmax(210px, .72fr) minmax(0, 1.28fr); }
}
@media (max-width: 700px) {
    .jd-story-arc-card-image { height: 92px; }
    .jd-story-arc-library-card .jd-story-arc-number { top: 8px; left: 8px; width: 38px; height: 38px; font-size: 14px; }
    .jd-story-arc-card-body { grid-template-columns: 1fr; gap: 10px; min-height: 0; padding: 12px; }
    .jd-story-arc-description { font-size: 11px; -webkit-line-clamp: 3; }
    .jd-story-arc-library-card .jd-story-arc-explore { grid-column: auto; width: 100%; }
    .jd-archive-arc-topline { justify-content: flex-start; }
    .jd-arc-detail-hero { grid-template-columns: 1fr; min-height: 0; }
    .jd-arc-detail-image { min-height: 150px; height: 150px; border-right: 0; border-bottom: 1px solid rgba(214,165,82,.52); }
    .jd-arc-detail-image img { min-height: 150px; height: 150px; }
    .jd-arc-detail-index { top: 10px; left: 10px; width: 42px; height: 42px; font-size: 16px; }
    .jd-arc-detail-hero-copy { padding: 18px 16px 17px; }
    .jd-arc-detail-description { font-size: 11px; line-height: 1.55; }
    .jd-manage-arc-presentation-heading { align-items: flex-start; flex-direction: column; }
    .jd-manage-arc-image-preview { width: 100%; height: 90px; flex-basis: auto; }
    .jd-manage-arc-presentation-save { width: 100%; text-align: center; }
}
/* STORY ARCHIVE — STAGE 4 — Manual Library/Header images + real Library cards + wide Arc hero */
/* ===== LIBRARY AS TRUE CARDS ===== */
.jd-story-arc-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; align-items: stretch; }
.jd-story-arc-library-card { margin: 0; background: transparent; border: 0; }
.jd-story-arc-library-card .jd-story-arc-card, .jd-story-arc-library-card .jd-story-arc-card:link, .jd-story-arc-library-card .jd-story-arc-card:visited { display: flex; flex-direction: column; min-height: 100%; overflow: hidden; color: inherit !important; background: rgba(247, 234, 201, .72); border: 1px solid rgba(145, 104, 47, .48); box-shadow: 0 3px 10px rgba(0, 0, 0, .06); text-decoration: none !important; }
.jd-story-arc-library-card .jd-story-arc-card:hover { background: rgba(250, 240, 213, .92); box-shadow: 0 8px 18px rgba(0,0,0,.08); transform: translateY(-1px); }
.jd-story-arc-card-image { height: 168px; border-bottom: 1px solid rgba(145, 104, 47, .48); }
.jd-story-arc-card-body { display: flex; flex: 1 1 auto; flex-direction: column; align-items: stretch; gap: 14px; min-height: 0; padding: 16px; background: linear-gradient(180deg, rgba(214,165,82,.06), rgba(255,255,255,.10) 52%, rgba(22,86,93,.022)); }
.jd-story-arc-library-card .jd-story-arc-card-copy { display: flex; flex: 1 1 auto; flex-direction: column; min-width: 0; }
.jd-story-arc-library-card .jd-story-arc-number { top: 12px; left: 12px; width: 46px; height: 46px; }
.jd-story-arc-library-card .jd-story-arc-name { margin-top: 2px; font-size: 17px; line-height: 1.18; }
.jd-story-arc-description { max-width: none; min-height: 44px; -webkit-line-clamp: 3; }
.jd-story-arc-library-card .jd-story-arc-card-meta { margin-top: auto; padding-top: 10px; }
.jd-story-arc-library-card .jd-story-arc-explore { align-self: flex-start; min-width: 0; margin-top: 0; }
/* ===== ARC HERO AS WIDE BANNER ===== */
.jd-arc-detail-hero.jd-arc-detail-hero-banner { display: block; min-height: 0; margin-bottom: 14px; background: transparent; border: 1px solid rgba(145, 104, 47, .48); overflow: hidden; }
.jd-arc-detail-image.jd-arc-detail-image-banner { position: relative; min-height: 0; height: 245px; border: 0; border-bottom: 1px solid rgba(214,165,82,.52); }
.jd-arc-detail-image.jd-arc-detail-image-banner img { height: 100%; min-height: 0; object-fit: cover; }
.jd-arc-detail-hero-copy.jd-arc-detail-hero-copy-banner { padding: 18px 20px 19px; background: linear-gradient(rgba(7,31,48,.97), rgba(5,24,39,.99)), url(../../../images/body-texture.png); }
.jd-arc-detail-hero-copy.jd-arc-detail-hero-copy-banner h2 { margin-bottom: 0; }
.jd-arc-detail-meta { margin-top: 10px; }
.jd-arc-detail-description { margin-top: 12px; max-width: 760px; }
/* ===== MANAGE PRESENTATION ===== */
.jd-manage-arc-preview-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin-bottom: 12px; }
.jd-manage-arc-preview-card { display: flex; flex-direction: column; gap: 6px; }
.jd-manage-arc-preview-label { color: #7c6642; font-size: 10px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.jd-manage-arc-image-preview { width: 100%; flex: 0 0 auto; height: 86px; }
.jd-manage-arc-image-preview-hero { height: 110px; }
.jd-manage-legacy-image-box { margin-top: 12px; border: 1px solid rgba(161, 124, 63, .24); background: rgba(255,255,255,.28); }
.jd-manage-legacy-image-summary { padding: 10px 12px; cursor: pointer; color: #66563e; font-size: 10px; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; }
.jd-manage-legacy-image-body { padding: 0 12px 12px; border-top: 1px solid rgba(161, 124, 63, .18); }
/* ===== RESPONSIVE STAGE 4 ===== */
@media (max-width: 980px) {
    .jd-story-arc-grid { grid-template-columns: 1fr; }
    .jd-story-arc-card-image { height: 180px; }
    .jd-arc-detail-image.jd-arc-detail-image-banner { height: 210px; }
}
@media (max-width: 700px) {
    .jd-story-arc-card-image { height: 150px; }
    .jd-story-arc-card-body { padding: 14px; gap: 12px; }
    .jd-story-arc-description { min-height: 0; -webkit-line-clamp: 4; }
    .jd-story-arc-library-card .jd-story-arc-explore { width: 100%; justify-content: center; }
    .jd-arc-detail-image.jd-arc-detail-image-banner { height: 168px; }
    .jd-arc-detail-hero-copy.jd-arc-detail-hero-copy-banner { padding: 16px 14px 17px; }
    .jd-manage-arc-preview-grid { grid-template-columns: 1fr; }
    .jd-manage-arc-image-preview, .jd-manage-arc-image-preview-hero { height: 96px; }
}
/* STORY ARCHIVE — STAGE 5 — Character directory + automatic character history */
.jd-story-arc-card-body { padding: 14px 15px 15px; gap: 10px; }
.jd-story-arc-library-card .jd-story-arc-explore { margin-top: 2px; }
/* ===== CHARACTER DIRECTORY ===== */
.jd-character-directory-heading { margin: 0 0 12px; padding: 0 2px 10px; border-bottom: 1px solid rgba(145,104,47,.28); }
.jd-character-directory-heading strong { display: block; margin-top: 2px; color: #173f50; font-family: Georgia, "Times New Roman", serif; font-size: 23px; line-height: 1.1; }
.jd-character-directory-heading p { max-width: 720px; margin: 6px 0 0; color: #675a47; font-size: 10px; line-height: 1.5; }
.jd-character-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
.jd-character-card, .jd-character-card:link, .jd-character-card:visited { display: flex; min-width: 0; flex-direction: column; overflow: hidden; color: #33291c !important; background: rgba(247,234,201,.72); border: 1px solid rgba(145,104,47,.48); box-shadow: 0 3px 10px rgba(0,0,0,.06); text-decoration: none !important; transition: transform .15s ease, box-shadow .15s ease, background .15s ease; }
.jd-character-card:hover, .jd-character-card:focus { color: #33291c !important; background: rgba(250,240,213,.94); box-shadow: 0 8px 18px rgba(0,0,0,.09); transform: translateY(-1px); text-decoration: none !important; }
.jd-character-card-avatar { display: flex; align-items: center; justify-content: center; width: 100%; aspect-ratio: 4 / 3; overflow: hidden; color: #e4c27b; background: linear-gradient(rgba(5,28,43,.32), rgba(5,28,43,.52)), url(../../../images/body-texture.png); border-bottom: 1px solid rgba(145,104,47,.48); font-family: Georgia, "Times New Roman", serif; font-size: 44px; font-weight: 700; }
.jd-character-card-avatar img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center top; transition: transform .2s ease; }
.jd-character-card:hover .jd-character-card-avatar img { transform: scale(1.015); }
.jd-character-avatar-fallback { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; color: #e4c27b; background: radial-gradient(circle at 35% 28%, #174c5c 0%, #092238 68%); }
.jd-character-card-body { display: flex; flex: 1 1 auto; flex-direction: column; align-items: flex-start; min-width: 0; padding: 13px 14px 14px; background: linear-gradient(180deg, rgba(214,165,82,.06), rgba(255,255,255,.12)); }
.jd-character-card-eyebrow, .jd-character-history-eyebrow { color: #8a6b36; font-size: 8px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
.jd-character-card-name { display: block; max-width: 100%; margin-top: 3px; overflow: hidden; font-family: Georgia, "Times New Roman", serif; font-size: 17px; line-height: 1.2; text-overflow: ellipsis; white-space: nowrap; }
.jd-character-card-meta { display: flex; flex-wrap: wrap; gap: 4px 10px; margin-top: 8px; color: #665945; font-size: 8px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; }
.jd-character-card-meta span + span::before { content: "•"; margin-right: 10px; color: #b18847; }
.jd-character-card-explore { display: inline-flex; align-items: center; gap: 7px; margin-top: 12px; padding: 7px 10px; color: #fff0c9; background: #0f4a55; border: 1px solid #a17a3e; font-family: Georgia, "Times New Roman", serif; font-size: 9px; font-weight: 700; letter-spacing: .35px; text-transform: uppercase; }
/* ===== CHARACTER HISTORY HERO ===== */
.jd-character-history-hero { display: grid; grid-template-columns: 165px minmax(0, 1fr); min-height: 165px; margin-bottom: 14px; overflow: hidden; color: #efe1bc; background: linear-gradient(rgba(7,31,48,.97), rgba(5,24,39,.99)), url(../../../images/body-texture.png); border: 1px solid #a17a3e; }
.jd-character-history-avatar { display: flex; align-items: center; justify-content: center; min-height: 165px; overflow: hidden; color: #e4c27b; background: #092938; border-right: 1px solid rgba(214,165,82,.52); font-family: Georgia, "Times New Roman", serif; font-size: 52px; font-weight: 700; }
.jd-character-history-avatar img { display: block; width: 100%; height: 100%; min-height: 165px; object-fit: cover; object-position: center top; }
.jd-character-history-copy { display: flex; flex-direction: column; align-items: flex-start; justify-content: center; min-width: 0; padding: 22px 24px; }
.jd-character-history-copy h2 { margin: 3px 0 0; color: #f0e2bf; font-family: Georgia, "Times New Roman", serif; font-size: 28px; line-height: 1.08; }
.jd-character-history-meta { display: flex; flex-wrap: wrap; gap: 5px 14px; margin-top: 10px; color: #d4c49f; font-size: 9px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; }
.jd-character-history-meta span + span::before { content: "•"; margin-right: 14px; color: #d6a552; }
.jd-character-history-copy p { max-width: 660px; margin: 12px 0; color: #c8b99a; font-family: Georgia, "Times New Roman", serif; font-size: 11px; line-height: 1.55; }
/* ===== CHARACTER HISTORY GROUPING ===== */
.jd-character-history-collection { margin: 0 0 18px; border: 1px solid rgba(145,104,47,.48); background: rgba(247,234,201,.48); }
.jd-character-history-collection-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 14px; padding: 10px 13px; color: #e4c27b; background: linear-gradient(to bottom, #0c3149 0%, #071d2e 100%); border-bottom: 1px solid #d6a552; }
.jd-character-history-collection-heading span, .jd-character-history-arc-heading span, .jd-character-history-chapter-heading span { display: block; margin-bottom: 2px; font-size: 7px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
.jd-character-history-collection-heading h3 { margin: 0; color: #e4c27b; font-family: Georgia, "Times New Roman", serif; font-size: 18px; line-height: 1.1; }
.jd-character-history-collection-heading small { color: #d2c099; font-size: 8px; text-transform: uppercase; }
.jd-character-history-arc + .jd-character-history-arc { border-top: 1px solid rgba(145,104,47,.34); }
.jd-character-history-arc-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 12px; padding: 10px 13px; background: rgba(232,213,171,.42); border-bottom: 1px solid rgba(145,104,47,.24); }
.jd-character-history-arc-heading span { color: #8a6b36; }
.jd-character-history-arc-heading h4 { margin: 0; font-family: Georgia, "Times New Roman", serif; font-size: 15px; line-height: 1.15; }
.jd-character-history-arc-heading h4 a, .jd-character-history-arc-heading h4 a:visited { color: #153d4b !important; text-decoration: none !important; }
.jd-character-history-arc-heading h4 a:hover { color: #8a5a20 !important; }
.jd-character-history-arc-heading small { color: #6f604a; font-size: 8px; text-transform: uppercase; }
.jd-character-history-chapter + .jd-character-history-chapter { border-top: 1px solid rgba(145,104,47,.20); }
.jd-character-history-chapter-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 12px; padding: 8px 13px; background: rgba(255,249,230,.34); border-bottom: 1px solid rgba(145,104,47,.16); }
.jd-character-history-chapter-heading span { color: #9a7a46; }
.jd-character-history-chapter-heading strong { display: block; color: #234756; font-family: Georgia, "Times New Roman", serif; font-size: 12px; }
.jd-character-history-chapter-heading small { color: #756650; font-size: 8px; text-transform: uppercase; }
/* ===== RESPONSIVE CHARACTERS ===== */
@media (max-width: 1100px) {
    .jd-character-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 700px) {
    .jd-character-grid { grid-template-columns: 1fr; }
    .jd-character-card { display: grid !important; grid-template-columns: 112px minmax(0, 1fr); }
    .jd-character-card-avatar { aspect-ratio: auto; min-height: 145px; border-right: 1px solid rgba(145,104,47,.48); border-bottom: 0; }
    .jd-character-card-name { white-space: normal; }
    .jd-character-card-meta { flex-direction: column; gap: 2px; }
    .jd-character-card-meta span + span::before { display: none; }
    .jd-character-card-explore { margin-top: auto; }
    .jd-character-history-hero { grid-template-columns: 110px minmax(0, 1fr); min-height: 140px; }
    .jd-character-history-avatar, .jd-character-history-avatar img { min-height: 140px; }
    .jd-character-history-copy { padding: 15px 13px; }
    .jd-character-history-copy h2 { font-size: 21px; }
    .jd-character-history-meta { flex-direction: column; gap: 2px; }
    .jd-character-history-meta span + span::before { display: none; }
    .jd-character-history-copy p { display: none; }
    .jd-character-history-collection-heading, .jd-character-history-arc-heading, .jd-character-history-chapter-heading { align-items: flex-start; flex-direction: column; gap: 5px; }
}
/* STORY ARCHIVE — STAGE 5.1 — Compact Character Directory */
.jd-character-grid { grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 10px; }
.jd-character-card-avatar { aspect-ratio: 1 / 1; font-size: 30px; }
.jd-character-card-body { padding: 9px 10px 10px; }
.jd-character-card-eyebrow { font-size: 6.5px; letter-spacing: .08em; }
.jd-character-card-name { margin-top: 2px; font-size: 13px; line-height: 1.15; }
.jd-character-card-meta { gap: 2px 6px; margin-top: 5px; font-size: 6.5px; line-height: 1.35; }
.jd-character-card-meta span + span::before { margin-right: 6px; }
.jd-character-card-explore { gap: 5px; margin-top: 7px; padding: 5px 7px; font-size: 7px; letter-spacing: .25px; }
@media (max-width: 1250px) {
    .jd-character-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
@media (max-width: 980px) {
    .jd-character-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 700px) {
    .jd-character-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
    .jd-character-card { display: flex !important; flex-direction: column !important; }
    .jd-character-card-avatar { aspect-ratio: 1 / 1; min-height: 0; border-right: 0; border-bottom: 1px solid rgba(145,104,47,.48); }
    .jd-character-card-name { font-size: 12px; }
    .jd-character-card-meta { flex-direction: row; flex-wrap: wrap; gap: 2px 5px; }
    .jd-character-card-meta span + span::before { display: inline; margin-right: 5px; }
    .jd-character-card-explore { margin-top: 7px; }
}
@media (max-width: 480px) {
    .jd-character-grid { grid-template-columns: 1fr; }
    .jd-character-card { display: grid !important; grid-template-columns: 92px minmax(0, 1fr) !important; }
    .jd-character-card-avatar { aspect-ratio: auto; min-height: 112px; border-right: 1px solid rgba(145,104,47,.48); border-bottom: 0; }
    .jd-character-card-body { padding: 9px 10px; }
    .jd-character-card-meta { flex-direction: column; gap: 1px; }
    .jd-character-card-meta span + span::before { display: none; }
    .jd-character-card-explore { margin-top: auto; align-self: flex-start; }
}
/* STORY ARCHIVE — STAGE 5.2 — Collapsible Character History */
.jd-character-card-name { font-size: 14px; font-weight: 700; }
.jd-character-history-hero { grid-template-columns: 124px minmax(0, 1fr); min-height: 124px; }
.jd-character-history-avatar, .jd-character-history-avatar img { min-height: 124px; }
.jd-character-history-copy { padding: 16px 18px; }
.jd-character-history-copy h2 { font-size: 24px; }
.jd-character-history-copy p { margin: 8px 0 10px; }
.jd-character-history-disclosure { box-sizing: border-box; }
.jd-character-history-disclosure > summary { list-style: none; cursor: pointer; user-select: none; }
.jd-character-history-disclosure > summary::-webkit-details-marker { display: none; }
.jd-character-history-disclosure > summary::marker { content: ""; }
.jd-character-history-summary-side { display: flex; align-items: center; justify-content: flex-end; gap: 11px; flex: 0 0 auto; }
.jd-character-history-chevron { position: relative; display: inline-block; flex: 0 0 22px; width: 22px; height: 22px; box-sizing: border-box; border: 1px solid currentColor; border-radius: 50%; opacity: .72; }
.jd-character-history-chevron::before { content: ""; position: absolute; top: 50%; left: 50%; width: 6px; height: 6px; border: solid currentColor; border-width: 0 1.5px 1.5px 0; transform: translate(-50%, -62%) rotate(45deg); transition: transform .15s ease; }
.jd-character-history-disclosure[open] > summary .jd-character-history-chevron::before { transform: translate(-50%, -36%) rotate(-135deg); }
.jd-character-history-collection { margin: 0 0 12px; overflow: hidden; }
.jd-character-history-collection-heading { align-items: center; min-height: 54px; box-sizing: border-box; border-bottom: 0; }
.jd-character-history-collection[open] > .jd-character-history-collection-heading { border-bottom: 1px solid #d6a552; }
.jd-character-history-collection-heading:hover { background: linear-gradient(to bottom, #11405c 0%, #09263a 100%); }
.jd-character-history-collection-heading .jd-character-history-chevron { color: #d6a552; }
.jd-character-history-collection-body { padding: 10px; }
.jd-character-history-arc { overflow: hidden; background: rgba(255,249,230,.28); border: 1px solid rgba(145,104,47,.30); }
.jd-character-history-arc + .jd-character-history-arc { margin-top: 8px; border-top: 1px solid rgba(145,104,47,.30); }
.jd-character-history-arc-heading { align-items: center; min-height: 48px; box-sizing: border-box; border-bottom: 0; }
.jd-character-history-arc[open] > .jd-character-history-arc-heading { border-bottom: 1px solid rgba(145,104,47,.24); }
.jd-character-history-arc-heading:hover { background: rgba(232,213,171,.62); }
.jd-character-history-arc-heading h4 { color: #153d4b; }
.jd-character-history-arc-heading .jd-character-history-chevron { color: #8a6b36; }
.jd-character-history-arc-body { padding: 8px 10px 10px; }
.jd-character-history-arc-actions { display: flex; justify-content: flex-end; margin-bottom: 8px; }
.jd-character-history-chapter { overflow: hidden; background: rgba(255,249,230,.38); border: 1px solid rgba(145,104,47,.20); }
.jd-character-history-chapter + .jd-character-history-chapter { margin-top: 6px; border-top: 1px solid rgba(145,104,47,.20); }
.jd-character-history-chapter-heading { align-items: center; min-height: 42px; box-sizing: border-box; border-bottom: 0; }
.jd-character-history-chapter[open] > .jd-character-history-chapter-heading { border-bottom: 1px solid rgba(145,104,47,.16); }
.jd-character-history-chapter-heading:hover { background: rgba(255,249,230,.66); }
.jd-character-history-chapter-heading .jd-character-history-chevron { width: 19px; height: 19px; flex-basis: 19px; color: #9a7a46; }
.jd-character-history-chapter-body { overflow: hidden; }
.jd-character-history-chapter-body .jd-arc-detail-scene-list { margin: 0; border: 0; }
.jd-character-history-collection:not([open]) > .jd-character-history-collection-body, .jd-character-history-arc:not([open]) > .jd-character-history-arc-body, .jd-character-history-chapter:not([open]) > .jd-character-history-chapter-body { display: none; }
@media (max-width: 700px) {
    .jd-character-card-name { font-size: 13px; }
    .jd-character-history-hero { grid-template-columns: 92px minmax(0, 1fr); min-height: 112px; }
    .jd-character-history-avatar, .jd-character-history-avatar img { min-height: 112px; }
    .jd-character-history-copy { padding: 12px; }
    .jd-character-history-copy h2 { font-size: 20px; }
    .jd-character-history-collection-heading, .jd-character-history-arc-heading, .jd-character-history-chapter-heading { align-items: center; flex-direction: row; gap: 8px; }
    .jd-character-history-summary-side { gap: 7px; }
    .jd-character-history-summary-side small { max-width: 120px; text-align: right; line-height: 1.25; }
    .jd-character-history-collection-body { padding: 7px; }
    .jd-character-history-arc-body { padding: 7px; }
}
@media (max-width: 480px) {
    .jd-character-history-summary-side small { display: none; }
    .jd-character-history-collection-heading h3 { font-size: 16px; }
    .jd-character-history-arc-heading h4 { font-size: 13px; }
    .jd-character-history-chapter-heading strong { font-size: 11px; }
}
/* STORY ARCHIVE — STAGE 6 CLEANUP — Final two-view archive navigation + character header polish */
.jd-archive-browse-nav { width: fit-content; max-width: 100%; }
.jd-character-history-hero { grid-template-columns: 140px minmax(0, 1fr); min-height: 140px; }
.jd-character-history-avatar, .jd-character-history-avatar img { min-height: 140px; }
.jd-character-history-copy h2, .jd-character-history-copy h2 a, .jd-character-history-copy h2 span { color: #f0e2bf !important; }
@media (max-width: 700px) {
    .jd-character-history-hero { grid-template-columns: 104px minmax(0, 1fr); min-height: 120px; }
    .jd-character-history-avatar, .jd-character-history-avatar img { min-height: 120px; }
}
/* STORY ARCHIVE — STAGE 6.1 — Library Card Polish */
.jd-story-arc-grid { gap: 18px; }
.jd-story-arc-library-card .jd-story-arc-card, .jd-story-arc-library-card .jd-story-arc-card:link, .jd-story-arc-library-card .jd-story-arc-card:visited { position: relative; background: rgba(247, 234, 201, .78); border-color: rgba(145, 104, 47, .54); box-shadow: 0 3px 10px rgba(52, 35, 15, .08); transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease, background .16s ease; }
.jd-story-arc-library-card .jd-story-arc-card:hover { background: rgba(250, 240, 213, .94); border-color: rgba(161, 122, 62, .82); box-shadow: 0 8px 20px rgba(52, 35, 15, .12); transform: translateY(-2px); }
.jd-story-arc-card-image { height: 158px; background: #071f30; }
.jd-story-arc-card-image::after { background: linear-gradient( to bottom, rgba(3, 20, 31, .02) 0%, rgba(3, 20, 31, .08) 55%, rgba(3, 20, 31, .32) 100% ); }
.jd-story-arc-library-card .jd-story-arc-card:hover .jd-story-arc-card-image img { transform: scale(1.018); }
.jd-story-arc-library-card .jd-story-arc-number { top: 11px; left: 11px; width: 42px; height: 42px; font-size: 15px; box-shadow: 0 3px 8px rgba(0,0,0,.28), inset 0 0 0 1px rgba(255,239,201,.06); }
.jd-story-arc-card-body { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: end; gap: 16px; width: 100%; min-height: 106px; padding: 15px 16px 16px; box-sizing: border-box; text-align: left; background: linear-gradient( 135deg, rgba(214,165,82,.075) 0%, rgba(255,255,255,.11) 52%, rgba(22,86,93,.025) 100% ); }
.jd-story-arc-library-card .jd-story-arc-card-copy { display: flex; flex-direction: column; align-items: flex-start; min-width: 0; width: 100%; text-align: left; }
.jd-story-arc-library-card .jd-story-arc-eyebrow { margin-bottom: 5px; color: #8a6c3c; font-size: 7px; letter-spacing: .14em; }
.jd-story-arc-library-card .jd-story-arc-name { margin: 0; color: #123f50 !important; font-size: 19px; line-height: 1.08; }
.jd-story-arc-description { min-height: 0; margin-top: 7px; color: #5a4d39; font-size: 10.5px; line-height: 1.48; -webkit-line-clamp: 2; }
.jd-story-arc-library-card .jd-story-arc-card-meta { margin-top: 9px; padding-top: 0; color: #6c5f4b; font-size: 8px; letter-spacing: .055em; }
.jd-story-arc-meta-separator { color: #a98245; }
.jd-story-arc-library-card .jd-story-arc-explore { align-self: end; min-width: 108px; min-height: 32px; margin: 0; padding: 0 11px; gap: 8px; white-space: nowrap; background: linear-gradient(to bottom, #155964 0%, #0d424c 100%); border-color: #a17a3e; box-shadow: inset 0 1px 0 rgba(255,255,255,.07), 0 1px 2px rgba(61,39,13,.10); font-size: 8px; }
.jd-story-arc-library-card .jd-story-arc-card:hover .jd-story-arc-explore { background: linear-gradient(to bottom, #1d6b73 0%, #11515b 100%); border-color: #d6a552; }
.jd-story-arc-card-copy:has(.jd-story-arc-description) + .jd-story-arc-explore { align-self: end; }
@media (max-width: 980px) {
    .jd-story-arc-card-image { height: 170px; }
}
@media (max-width: 700px) {
    .jd-story-arc-card-image { height: 145px; }
    .jd-story-arc-card-body { grid-template-columns: 1fr; gap: 11px; min-height: 0; padding: 13px; }
    .jd-story-arc-library-card .jd-story-arc-name { font-size: 18px; }
    .jd-story-arc-library-card .jd-story-arc-explore { width: 100%; min-height: 34px; justify-content: center; }
}
/* JERSEY DEVIL — STORY ARCHIVE LOCATIONS — Designed to use the existing Story Archive parchment / navy / gold system. — No new icon language is introduced. */
/* LOCATION CHIPS ON NORMAL SCENE ROWS */
.jd-scene-locations { display: flex; flex-wrap: wrap; gap: 4px; margin: 4px 0 1px; }
.jd-location-chip, .jd-location-chip:link, .jd-location-chip:visited { display: inline-flex; align-items: center; min-height: 18px; box-sizing: border-box; padding: 2px 6px; color: #174a61 !important; background: rgba(247, 234, 201, .58); border: 1px solid rgba(145, 104, 47, .34); font-size: 9px; font-weight: 700; line-height: 1.2; text-decoration: none !important; }
a.jd-location-chip:hover, a.jd-location-chip:active { color: #fff0c9 !important; background: var(--jd-teal); border-color: var(--jd-gold); }
/* LOCATION INDEX — FOUR-COLUMN IMAGE CARDS */
.jd-location-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; }
.jd-location-card, .jd-location-card:link, .jd-location-card:visited { display: block; min-width: 0; overflow: hidden; color: #382d1d !important; background: rgba(247, 234, 201, .58); border: 1px solid rgba(145, 104, 47, .48); text-decoration: none !important; }
.jd-location-card:hover, .jd-location-card:active { color: #382d1d !important; background: rgba(255, 255, 255, .16); border-color: #a17a3e; }
.jd-location-card-image { display: block; height: 96px; overflow: hidden; background: linear-gradient( to bottom, #0c3149 0%, #071d2e 100% ); border-bottom: 1px solid rgba(145, 104, 47, .48); }
.jd-location-card-image img { display: block; width: 100%; height: 100%; object-fit: cover; }
.jd-location-image-placeholder { display: flex; align-items: center; justify-content: center; padding: 10px; box-sizing: border-box; color: var(--jd-gold-soft); font-family: Georgia, "Times New Roman", serif; font-size: 12px; font-weight: 700; text-align: center; }
.jd-location-card-body { display: block; padding: 9px 10px 10px; }
.jd-location-card-name { display: block; color: #153d4b; font-family: Georgia, "Times New Roman", serif; font-size: 14px; line-height: 1.2; }
.jd-location-card-meta { display: block; margin-top: 3px; color: #756955; font-size: 9px; }
/* LOCATION DETAIL HEADER */
.jd-location-hero { display: grid; grid-template-columns: 190px minmax(0, 1fr); min-height: 118px; margin: 0 0 10px; overflow: hidden; color: #382d1d; background: rgba(247, 234, 201, .58); border: 1px solid rgba(145, 104, 47, .48); }
.jd-location-hero-image { display: block; min-height: 118px; overflow: hidden; background: linear-gradient( to bottom, #0c3149 0%, #071d2e 100% ); border-right: 1px solid rgba(145, 104, 47, .48); }
.jd-location-hero-image img { display: block; width: 100%; height: 100%; min-height: 118px; object-fit: cover; }
.jd-location-hero-copy { display: flex; flex-direction: column; justify-content: center; min-width: 0; padding: 14px 16px; }
.jd-location-hero-copy > strong { color: #173f50; font-family: Georgia, "Times New Roman", serif; font-size: 24px; line-height: 1.08; }
.jd-location-hero-copy p { max-width: 720px; margin: 6px 0 7px; color: #5e5547; font-size: 11px; line-height: 1.5; }
.jd-location-hero-meta { color: #756955; font-size: 9px; font-weight: 700; letter-spacing: .03em; text-transform: uppercase; }
/* LOCATION DETAIL TOOLBAR */
.jd-location-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: 0 0 8px; padding: 7px 9px; background: rgba(247, 234, 201, .56); border: 1px solid rgba(145, 104, 47, .48); }
.jd-location-toolbar .jd-archive-back-link { margin: 0; }
.jd-location-sort-form { display: flex; align-items: center; gap: 6px; margin: 0; }
.jd-location-sort-form label { color: #756955; font-size: 9px; font-weight: 700; text-transform: uppercase; }
.jd-location-sort-form select { min-height: 27px; box-sizing: border-box; padding: 3px 7px; color: #382d1d; background: rgba(244, 229, 193, .82); border: 1px solid #9e783e; font-size: 10px; }
/* COMPACT LOCATION SCENE TABLE — No numbers and no folder/document icons. */
.jd-location-scene-table { overflow: hidden; border: 1px solid rgba(145, 104, 47, .48); background: rgba(247, 234, 201, .44); }
.jd-location-scene-head, .jd-location-scene-row { display: grid; grid-template-columns: minmax(175px, 1.65fr) minmax(150px, 1.35fr) minmax(105px, .9fr) minmax(105px, .85fr) 55px 55px; align-items: stretch; }
.jd-location-scene-head { color: var(--jd-gold-soft); background: linear-gradient( to bottom, #0c3149 0%, #071d2e 100% ); border-bottom: 1px solid var(--jd-gold); font-family: Georgia, "Times New Roman", serif; font-size: 10px; font-weight: 700; letter-spacing: .35px; text-transform: uppercase; }
.jd-location-scene-head > span, .jd-location-scene-row > div { min-width: 0; padding: 7px 8px; box-sizing: border-box; }
.jd-location-scene-head > span + span, .jd-location-scene-row > div + div { border-left: 1px solid rgba(145, 104, 47, .22); }
.jd-location-scene-row + .jd-location-scene-row { border-top: 1px solid rgba(105, 79, 39, .22); }
.jd-location-scene-row:hover { background: rgba(255, 255, 255, .16); }
.jd-location-scene-main { display: flex; flex-direction: column; justify-content: center; }
.jd-location-scene-title, .jd-location-scene-title:link, .jd-location-scene-title:visited { color: #174a61 !important; font-size: 11px; font-weight: 700; line-height: 1.35; text-decoration: none !important; }
.jd-location-scene-title:hover, .jd-location-scene-title:active { color: #9a6625 !important; }
.jd-location-scene-main .jd-scene-locations { margin-top: 3px; }
.jd-location-scene-path, .jd-location-scene-chapter, .jd-location-scene-last, .jd-location-scene-number { color: #645948; font-size: 9px; line-height: 1.35; }
.jd-location-scene-number { display: flex; align-items: center; justify-content: flex-end; text-align: right; }
.jd-location-path-line { display: block; }
.jd-location-path-line + .jd-location-path-line { margin-top: 3px; padding-top: 3px; border-top: 1px solid rgba(105, 79, 39, .14); }
.jd-location-lastposter { display: block; margin-top: 2px; color: #756955; }
/* PAGINATION */
.jd-location-pagination { display: flex; flex-wrap: wrap; gap: 5px; margin: 10px 0 0; }
.jd-location-pagination a, .jd-location-pagination strong, .jd-location-pagination span { display: inline-flex; align-items: center; justify-content: center; min-height: 27px; min-width: 27px; box-sizing: border-box; padding: 4px 8px; color: #493719 !important; background: rgba(244, 229, 193, .82); border: 1px solid #9e783e; font-size: 9px; text-decoration: none !important; }
.jd-location-pagination strong { color: #fff0c9 !important; background: linear-gradient( to bottom, #0c3149 0%, #071d2e 100% ); border-color: var(--jd-gold); }
/* MANAGE / PLACEMENT EDITORS */
.jd-location-editor { display: flex; flex-direction: column; gap: 6px; margin-top: 9px; padding-top: 9px; border-top: 1px solid rgba(161, 122, 62, .30); }
.jd-location-checkbox-grid { display: grid; grid-template-columns: 1fr; gap: 4px; max-height: 210px; overflow-y: auto; padding: 7px; box-sizing: border-box; background: rgba(255, 250, 232, .56); border: 1px solid rgba(161, 122, 62, .46); }
.jd-location-checkbox { display: flex; align-items: flex-start; gap: 6px; min-width: 0; color: #493f31; font-size: 10px; line-height: 1.3; cursor: pointer; }
.jd-location-checkbox input { flex: 0 0 auto; margin: 1px 0 0; }
.jd-archive-placement-locations { margin-top: 12px; }
/* RESPONSIVE */
@media (max-width: 1050px) {
    .jd-location-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .jd-location-scene-head, .jd-location-scene-row { grid-template-columns: minmax(165px, 1.7fr) minmax(135px, 1.25fr) minmax(95px, .85fr) minmax(100px, .85fr) 50px 50px; }
}
@media (max-width: 820px) {
    .jd-location-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .jd-location-hero { grid-template-columns: 150px minmax(0, 1fr); }
    .jd-location-scene-head { display: none; }
    .jd-location-scene-row { grid-template-columns: minmax(0, 1fr) minmax(130px, .55fr); gap: 0; padding: 5px 7px; }
    .jd-location-scene-row > div { padding: 5px 6px; border-left: 0 !important; }
    .jd-location-scene-row > div::before { content: attr(data-label); display: block; margin-bottom: 2px; color: #80673f; font-size: 8px; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; }
    .jd-location-scene-main { grid-column: 1 / -1; }
    .jd-location-scene-number { justify-content: flex-start; text-align: left; }
}
@media (max-width: 640px) {
    .jd-location-grid { grid-template-columns: 1fr; }
    .jd-location-card-image { height: 112px; }
    .jd-location-hero { grid-template-columns: 1fr; }
    .jd-location-hero-image { min-height: 150px; border-right: 0; border-bottom: 1px solid rgba(145, 104, 47, .48); }
    .jd-location-hero-image img { min-height: 150px; max-height: 190px; }
    .jd-location-toolbar { align-items: stretch; flex-direction: column; }
    .jd-location-sort-form { align-items: stretch; flex-direction: column; }
    .jd-location-sort-form .jd-archive-small-button { width: 100%; }
    .jd-location-scene-row { grid-template-columns: 1fr; }
    .jd-location-scene-main { grid-column: auto; }
}
.jd-location-manage-preview-placeholder { display: flex; align-items: center; justify-content: center; width: 100%; min-height: 82px; box-sizing: border-box; color: #756955; background: rgba(247, 234, 201, .38); border: 1px dashed rgba(145, 104, 47, .42); font-size: 9px; text-align: center; }
.jd-manage-location-card .jd-manage-arc-image-preview-hero.jd-location-manage-preview-placeholder { min-height: 110px; }
.jd-manage-location-add-card .jd-manage-arc-presentation-form > .jd-manage-field-label:first-of-type, .jd-manage-location-card .jd-manage-arc-presentation-form > .jd-manage-field-label:first-of-type { margin-top: 0; }
.jd-manage-location-actions { align-items: center; justify-content: space-between; gap: 8px; }
.jd-manage-location-delete-note { margin-top: 8px; padding: 7px 9px; color: #756955; background: rgba(247, 234, 201, .32); border: 1px solid rgba(145, 104, 47, .30); font-size: 9px; line-height: 1.45; }