/* Literature Decoded additions to the renderer's living-article page: the reprint
   banner, the licence notice, and fixes the renderer needs for JATS content. */
@font-face{font-family:"SD Display";src:url("/assets/fonts/instrument-serif-regular.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"SD Display";src:url("/assets/fonts/instrument-serif-italic.woff2") format("woff2");font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:"SD Text";src:url("/assets/fonts/schibsted-grotesk-variable.woff2") format("woff2");font-weight:400 900;font-style:normal;font-display:swap}

.sd-bar{background:#17140f;color:#efe8db;font:500 13px/1.45 "SD Text",system-ui,sans-serif;border-bottom:3px solid #c23a1a}
.sd-bar-in{max-width:1240px;margin:0 auto;padding:9px var(--gutter,16px);display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 18px}
.sd-word{font:400 21px/1 "SD Display",Georgia,serif;color:#efe8db;text-decoration:none;white-space:nowrap}
.sd-word em{color:#ff7d55}
.sd-note{margin:0}
.sd-note b{font-weight:700;letter-spacing:.04em;text-transform:uppercase;font-size:11.5px;color:#ff9b7a}
.sd-note cite{font-style:italic}
.sd-note a{color:#efe8db;text-underline-offset:.18em;text-decoration-thickness:1px}
.sd-note a:hover{color:#ff9b7a}
.sd-note .sd-vor{font-weight:700}
.sd-dot{margin:0 6px;color:#8f877a}
.sd-bar a:focus-visible{outline:2px solid #ff9b7a;outline-offset:2px}

.sd-licence{background:var(--paper,#fffdf9);color:var(--ink,#16181b);border-top:1px solid var(--line,#e2dbce)}
.sd-licence-in{max-width:1240px;margin:0 auto;padding:30px var(--gutter,16px) 18px;font-size:15px;line-height:1.6}
.sd-licence-in > *{max-width:80ch}
.sd-licence h2{font-family:var(--display,Georgia,serif);font-weight:400;font-size:26px;margin:0 0 10px}
.sd-licence ul{margin:4px 0 12px;padding-left:20px}
.sd-licence .sd-small{font-size:13.5px;color:var(--muted,#5f646b)}

/* JATS tables are often wider than a phone: scroll them inside the column
   (the page itself never scrolls sideways). */
.prose table{display:block;overflow-x:auto;max-width:100%;border-collapse:collapse;font-size:14.5px;line-height:1.45}
.prose table caption{text-align:left;font-size:14px;padding:0 0 8px;caption-side:top}
.prose th,.prose td{border-bottom:1px solid var(--line,#e2dbce);padding:6px 10px 6px 0;vertical-align:top;text-align:left}
.prose thead th{border-bottom:1.5px solid var(--ink-2,#383d44)}
.prose figure{margin:1.4em 0}
.prose figure img{background:#fff;border-radius:4px}
.prose figcaption{font-size:14px;line-height:1.5;color:var(--ink-2,#383d44);margin-top:8px}
.prose pre{max-width:100%;overflow-x:auto}
.sbody{min-width:0}

/* The renderer's masthead carries the status pill, the journal chip, the cite
   button and the theme picker; on a phone that is wider than the screen once a
   journal version exists. The banner above already says "Living reprint", and
   Cite is in the Record section, so both leave the masthead on small screens. */
@media (max-width:719px){
  .mast .mast-actions > .pill:not(.chip-journal),#la-cite-top{display:none}
  .mast .mast-actions{min-width:0}
}
@media (max-width:359px){.mast .theme-pick{display:none}}
/* Long URLs and runs of citation numbers ("43,44,45") have no break
   opportunity; let them wrap instead of widening the page. */
.prose,.refs,.sd-licence{overflow-wrap:anywhere}
