/* ═══════════════════════════════════════════════════════════════════
   THE CARD'S DRESS — one source, every surface (FEAT-049 step 3c,
   2026-09-26). A card on the page is drawn by StudyCard from its fields;
   THIS sheet is how it looks — on the desk (app.html), in a shared study
   (community/index.html) and on screen in the print preview. The print
   frame keeps its own pt-sized sheet (css/study-print.css). Before this
   sheet the dress was scattered: the base in lexicon-study-modal.css,
   the compaction in study-console.css, the map width in atlas-modal.css,
   and the community wore three rules of its own — the same card looked
   different at every stop (owner 2026-09-26: "this looks like crap").
   The slice WINDOW (.study-msl-view + img) stays in css/study-slice.css.
   Card chrome the desk alone shows (the ×, drag, selection) stays with
   the desk. Load this sheet AFTER the surface's own sheet.
   ═══════════════════════════════════════════════════════════════════ */

/* The block */
.study-injected-block {
    display: block;
    position: relative;
    margin: 0.35em 0;
    padding: 0.55em 1.9em 0.6em 0.8em;
    border-left: 3px solid var(--primary, #5B4B8A);
    background: rgba(var(--primary-rgb, 91, 75, 138), 0.04);
    border-radius: 4px;
    line-height: 1.5;
    user-select: text;
    vertical-align: top;
}
.study-injected-block p { margin: 0.2em 0 0; }

/* The credit line: source · ref on ONE line, content flush beneath
   (owner-ruled 2026-09-14: "a lot of wasted space") */
.study-injected-block strong { font-size: 0.95em; }
.study-injected-block .study-quote-ref {
    display: inline;
    margin: 0;
    font-size: 0.78rem;
    color: var(--text-secondary, #6B5D54);
}
.study-injected-block .study-quote-ref::before {
    content: '\00a0·\00a0';
    color: var(--text-secondary, #6B5D54);
}

/* The × the renderer draws: hidden everywhere the page is read; the
   desk's own sheet shows it on the editable page. */
.study-injected-block .study-block-remove { display: none; }

/* Spines by kind */
.study-injected-block.study-harmony-quote { border-left-color: var(--sp-harm, #B85C38); }
/* The writer's own quotation (FEAT-058, the wizard): the house gold */
.study-injected-block.study-cited-quote { border-left-color: #8a6d2f; }

/* Harmony: one container, each witness a row, each verse a line */
.study-hq-witness { display: block; margin-top: 0.45em; }
.study-hq-ref {
    display: block;
    font-size: 0.8rem;
    font-weight: 700;
    color: var(--sp-harm, #B85C38);
    margin-bottom: 0.1em;
}
.study-hq-verse { display: block; line-height: 1.55; margin: 0 0 0.15em; }
.study-hq-vn {
    font-style: normal;
    font-size: 0.7em;
    font-weight: 700;
    color: var(--text-secondary, #6B5D54);
    margin-right: 0.4em;
    vertical-align: 0.2em;
}

/* Map figures + the slice: one elegant width (R-M5); the window itself
   is css/study-slice.css */
.study-injected-block.study-map-figure,
.study-injected-block.study-map-slice { display: block; max-width: 560px; }
.study-map-figure img {
    display: block;
    width: 100%;
    border-radius: 8px;
    border: 1px solid var(--border, #E4E0D6);
}
.study-map-figure-cap {
    display: block;
    font-size: 0.72rem;
    color: var(--text-secondary, #6B5D54);
    padding-top: 4px;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}
.study-map-slice .study-map-figure-cap {
    font-size: 0.76rem;
    padding-top: 0;
    margin-top: 7px;
    line-height: 1.45;
    font-family: inherit;
}
.study-msl-note {
    display: block;
    font-size: 0.82rem;
    font-style: italic;
    color: var(--text-primary, #2C2416);
    margin-top: 4px;
}