/* Issue page — module styles. Colours from Foundations only. */
.is { display: grid; gap: 14px; padding: 12px 14px 40px; }
.is.wide { max-width: 1180px; margin: 0 auto; padding: 20px 28px 48px; gap: 16px; }
.is-head h1 { font: var(--t-page); margin: 0; }
.is-head p { margin: 4px 0 0; font: var(--t-small); color: var(--muted); }
.is-path .is-pstep { display: flex; align-items: center; gap: 10px; padding: 12px 16px; position: relative; }
.is-path .is-pstep + .is-pstep { border-left: 1px solid var(--line); }
.is-path .is-pstep[aria-current="step"] { background: var(--accent-bg); }
.is-path .is-pstep[aria-current="step"]::after { content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 2px; background: var(--accent); }
.is-rep { display: grid; gap: 12px; }
.is-text { margin: 0; font: 15px/1.55 var(--font); }
.is-facts { margin: 0; display: flex; flex-wrap: wrap; gap: 8px; }
.is-facts > div { padding: 8px 12px; border: 1px solid var(--line); border-radius: var(--r-s); background: var(--sunk); min-width: 140px; }
.is-facts dt { font: var(--t-label); text-transform: uppercase; letter-spacing: .06em; color: var(--faint); }
.is-facts dd { margin: 3px 0 0; font: 500 14px var(--font); }
.is-photo { max-width: 360px; width: 100%; border-radius: var(--r-s); border: 1px solid var(--line); }
.is-thread { list-style: none; margin: 0; padding: 8px 16px; display: grid; }
.is-thread li { display: grid; grid-template-columns: 26px minmax(0, 1fr); gap: 10px; padding: 9px 0; position: relative; }
.is-thread li + li::before { content: ''; position: absolute; left: 12px; top: -9px; height: 18px; width: 1px; background: var(--line-2); }
.is-thread li.ev div { font: var(--t-small); color: var(--muted); padding-top: 3px; }
.is-thread li.ev b { font-weight: 600; color: var(--text); }
.is-thread small { display: block; font: 12px/1.3 var(--font); color: var(--faint); margin-top: 1px; }
.is-dot { width: 9px; height: 9px; margin: 7px 0 0 8px; border-radius: 50%; background: var(--surface); border: 2px solid var(--line-3); box-sizing: border-box; }
.is-thread li.note .du-av { margin-top: 2px; }
.is-nh { display: flex; align-items: baseline; gap: 8px; }
.is-nh b { font: 600 13.5px var(--font); }
.is-nh small { display: inline; margin: 0; }
.is-thread li.note p { margin: 3px 0 0; font: var(--t-body); background: var(--sunk); border: 1px solid var(--line); border-radius: var(--r-s); padding: 8px 10px; }
.is-compose { display: flex; gap: 8px; align-items: flex-start; }
.is-compose .lv-input { flex: 1; }
.is-acts { display: grid; gap: 8px; }
.is-acts .du-btn { justify-content: center; }
.is-assign { display: grid; gap: 4px; font: 500 12.5px var(--font); color: var(--muted); margin-top: 4px; }
.is-assign select { font: 500 14px var(--font); min-height: 38px; border: 1px solid var(--line-2); border-radius: var(--r-s); padding: 0 8px; background: var(--surface); color: var(--text); }
.is-ins { margin: 0; padding: 14px 16px 14px 32px; display: grid; gap: 8px; background: var(--surface); font: var(--t-body); }
.is-ins li::marker { color: var(--accent-text); }
.is-rel { display: flex; align-items: center; justify-content: space-between; width: 100%; text-align: left; padding: 11px 16px; border-bottom: 1px solid var(--line); box-sizing: border-box; }
.is-rel:last-child { border-bottom: 0; }
.is-rel:hover { background: var(--hover); }
.is-rel span { display: grid; gap: 1px; }
.is-rel b { font: 500 14px var(--font); }
.is-rel small { font: var(--t-small); color: var(--muted); }

.is-why { margin: 0; display: grid; gap: 2px; padding: 12px 16px; border-bottom: 1px solid var(--line); background: var(--sunk); font: var(--t-small); color: var(--text); }
.is-why b { font: var(--t-label); text-transform: uppercase; letter-spacing: .06em; color: var(--faint); }