/*
 * rxt.css — evovx.org shared stylesheet
 * Covers: entry.php · sign.php · index.php · search.php
 * Project VXX | application/rxt v1.4.6
 * © 2026 Michael N Smith. All rights reserved.
 * ─────────────────────────────────────────────────────────────────
 * Token map
 *   --bg          page background (warm off-white)
 *   --bg-card     card / panel surface
 *   --border      default rule colour
 *   --border-focus input focus ring colour
 *   --ink         primary text
 *   --ink-mid     secondary text / labels
 *   --ink-light   tertiary / placeholder text
 *   --accent      interactive blue
 *   --accent-h    accent hover
 *   --accent-light accent tint background
 *   --danger / --danger-bg
 *   --success / --success-bg
 *   --radius / --radius-lg  border-radius steps
 *   --font-body   Lora serif stack
 *   --font-mono   DM Mono stack
 *   --shadow      card drop shadow
 *
 * index.php (dark landing page) overrides :root locally — its own
 * colour tokens (--ink-faint, --paper, --rule, --mono, --sans) are
 * declared inline in that file only. Animation blocks stay inline.
 * ─────────────────────────────────────────────────────────────────
 */

/* ── RESET ──────────────────────────────────────────────────────── */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

/* ── TOKENS ─────────────────────────────────────────────────────── */
:root {
    --bg:           #f2efe8;
    --bg-card:      #faf9f6;
    --border:       #dedad2;
    --border-focus: #8a7f6e;
    --ink:          #1e1c18;
    --ink-mid:      #706a5e;
    --ink-light:    #a09890;
    --accent:       #2c5f8a;
    --accent-h:     #1e4a6e;
    --accent-light: #eaf0f6;
    --danger:       #8b2e2e;
    --danger-bg:    #fdf0f0;
    --success:      #2e6b44;
    --success-bg:   #f0faf4;
    --radius:       6px;
    --radius-lg:    10px;
    --font-body:    'Lora', Georgia, serif;
    --font-mono:    'DM Mono', 'Fira Code', monospace;
    --shadow:       0 2px 12px rgba(0,0,0,.06), 0 1px 3px rgba(0,0,0,.04);
    /* Revision P — prior rights + review badge tokens (entry.php) */
    --gold:         #8a6c1e;
    --gold-bg:      #fdf8ec;
    --gold-border:  rgba(138,108,30,.28);
    --review-bg:    #f4eefa;
    --review-color: #6a3090;
}

/* ── BASE ────────────────────────────────────────────────────────── */
html { scroll-behavior: smooth; }

body {
    background: var(--bg);
    color: var(--ink);
    font-family: var(--font-body);
    font-size: 15px;
    line-height: 1.6;
    min-height: 100vh;
    padding: 40px 16px 80px;
}

/* ── PAGE HEADER ─────────────────────────────────────────────────── */
.page-header {
    text-align: center;
    margin-bottom: 40px;
}

/* site-mark pill — shared across all pages */
.site-mark {
    font-family: var(--font-mono);
    font-size: 11px;
    font-weight: 500;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--accent);
    display: inline-block;
    border: 1px solid var(--accent);
    padding: 3px 10px;
    border-radius: 3px;
    margin-bottom: 18px;
}

.page-title {
    font-size: 28px;
    font-weight: 600;
    letter-spacing: -.01em;
    line-height: 1.2;
}

.page-sub {
    font-size: 14px;
    color: var(--ink-mid);
    margin-top: 6px;
    font-style: italic;
}

/* ── VISITOR LINE (entry.php) ─────────────────────────────────────── */
.visitor-line {
    font-family: var(--font-mono);
    font-size: 11px;
    color: var(--ink-light);
    margin-top: 12px;
    letter-spacing: .04em;
}
.visitor-line span { color: var(--accent); font-weight: 500; }

/* ── LAYOUT WRAPPER ──────────────────────────────────────────────── */
.page-body { max-width: 860px; margin: 0 auto; }

/* ── PAGE FOOTER NAV — persistent across all sub-pages ─────────────── */
/* Back-to-index link. Bottom of page, right-aligned, generous spacing,   */
/* fixed 12.5pt. Reuse this exact block on every new page added to the   */
/* site — entry.php, sign.php, and any future sub-page. index.php /      */
/* index.html are the destination itself and do not carry this link.     */
.page-footer-nav {
    max-width: 860px;
    margin: 64px auto 0;
    padding-top: 24px;
    text-align: right;
    border-top: 1px solid var(--border);
}
.page-footer-nav a {
    font-family: var(--font-body);
    font-size: 12.5pt;
    color: var(--accent);
    text-decoration: none;
    letter-spacing: .01em;
}
.page-footer-nav a:hover { color: var(--accent-h); text-decoration: underline; }

/* ── PANEL / CARD ────────────────────────────────────────────────── */
/* panel — entry.php search boxes */
.panel {
    background: var(--bg-card);
    border: 1px solid var(--border);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow);
    overflow: hidden;
    margin-bottom: 20px;
}

.panel-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 18px 28px;
    border-bottom: 1px solid var(--border);
}

/* card — sign.php login / dashboard / purchase */
.card {
    background: var(--bg-card);
    border: 1px solid var(--border);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow);
    max-width: 520px;
    margin: 0 auto;
    padding: 40px 36px;
}
.card-header { margin-bottom: 32px; }

/* form-card — sign.php register */
.form-card {
    background: var(--bg-card);
    border: 1px solid var(--border);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow);
    max-width: 520px;
    margin: 0 auto;
    overflow: hidden;
}

/* ── MONO LABEL — shared by panel-title, panel-badge, card-label ─── */
/* applied via combined selectors below */
.panel-title, .panel-badge, .card-label,
.section-title, .section-num,
.actions-box-label, .results-count,
.record-byline, .record-level-label, .record-ts,
.record-sub, .record-private,
.search-note, .search-links, .section-divider-label,
.field-note, .pw-hint, .char-counter,
.msg-error, .msg-success, .msg-empty,
.visitor-line, .badge, .db-key,
.signin-note, .forgot-link,
.nav-link, .logout-link, .act,
.actions-select, .sub-grey,
.card-label, .footer {
    font-family: var(--font-mono);
}

/* ── PANEL HEADER DETAILS ──────────────────────────────────────────── */
.panel-title {
    font-size: 11px;
    font-weight: 500;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: var(--ink-mid);
}

.panel-badge, .section-badge {
    font-size: 9px;
    letter-spacing: .1em;
    text-transform: uppercase;
    padding: 2px 8px;
    border-radius: 3px;
}
.panel-badge          { background: var(--accent-light); color: var(--accent); }
.section-badge.req    { background: var(--accent-light); color: var(--accent); }
.section-badge.opt    { background: #f0ede8;             color: var(--ink-light); }

.panel-body { padding: 24px 28px; }

/* ── CARD DETAILS ─────────────────────────────────────────────────── */
.card-label {
    font-size: 11px;
    letter-spacing: .12em;
    color: var(--accent);
    text-transform: uppercase;
    margin-bottom: 8px;
}
.card-title {
    font-size: 22px;
    font-weight: 600;
    letter-spacing: -.02em;
    font-family: var(--font-body);
}

/* ── FORM INPUTS — shared by all form pages ─────────────────────── */
input[type="text"],
input[type="email"],
input[type="password"],
select,
textarea {
    width: 100%;
    background: #fff;
    border: 1px solid var(--border);
    border-radius: var(--radius);
    color: var(--ink);
    font-family: var(--font-body);
    font-size: 15px;
    padding: 10px 13px;
    outline: none;
    transition: border-color .15s, box-shadow .15s;
    appearance: none;
    -webkit-appearance: none;
}
input::placeholder { color: var(--ink-light); font-style: italic; }
input:focus, select:focus, textarea:focus {
    border-color: var(--border-focus);
    box-shadow: 0 0 0 3px rgba(44,95,138,.08);
}
select {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%23a09890'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 13px center;
    background-color: #fff;
    padding-right: 34px;
    cursor: pointer;
}
textarea { resize: vertical; min-height: 90px; line-height: 1.6; font-size: 14px; }

/* ── SEARCH ROW (entry.php) ────────────────────────────────────────── */
.search-row { display: flex; gap: 10px; align-items: stretch; }
.search-row input[type="text"] { flex: 1; padding: 10px 14px; }

.search-note {
    font-size: 11px;
    color: var(--ink-light);
    margin-top: 8px;
}

.search-links {
    font-size: 11px;
    color: var(--ink-light);
    margin-top: 12px;
    display: flex;
    gap: 6px;
    align-items: center;
    flex-wrap: wrap;
}
.search-links a       { color: var(--accent); text-decoration: none; }
.search-links a:hover { text-decoration: underline; }
.search-links .sep    { color: var(--border); }

/* ── BUTTONS ─────────────────────────────────────────────────────── */
.btn-search {
    background: var(--accent);
    color: #fff;
    border: none;
    border-radius: var(--radius);
    font-family: var(--font-mono);
    font-size: 12px;
    font-weight: 500;
    letter-spacing: .08em;
    text-transform: uppercase;
    padding: 10px 20px;
    cursor: pointer;
    white-space: nowrap;
    transition: background .15s;
}
.btn-search:hover { background: var(--accent-h); }

.btn, .btn-submit {
    width: 100%;
    background: var(--accent);
    color: #fff;
    border: none;
    border-radius: var(--radius);
    font-family: var(--font-mono);
    font-size: 13px;
    font-weight: 500;
    letter-spacing: .1em;
    text-transform: uppercase;
    padding: 14px;
    cursor: pointer;
    transition: background .15s, transform .1s;
    text-align: center;
    text-decoration: none;
    display: block;
}
.btn:hover, .btn-submit:hover { background: var(--accent-h); }
.btn-submit:active             { transform: scale(.99); }

/* ── SECTION DIVIDER (entry.php) ────────────────────────────────── */
.section-divider {
    margin: 48px 0;
    display: flex;
    align-items: center;
    gap: 16px;
}
.section-divider hr {
    flex: 1;
    border: none;
    border-top: 1px solid var(--border);
}
.section-divider-label {
    font-size: 10px;
    letter-spacing: .16em;
    text-transform: uppercase;
    color: var(--ink-light);
    white-space: nowrap;
}

/* ── RECORD ROW (entry.php) ─────────────────────────────────────── */
.record-row  { margin-top: 24px; }
.record-sep  { border-top: 1px solid var(--border); padding-top: 20px; margin-top: 20px; }

.record-title  { font-size: 115%; font-weight: bold; }

.record-byline {
    font-size: 12px;
    color: var(--ink-mid);
    display: block;
    width: 100%;
    margin-bottom: 14px;
    word-break: break-word;
}

.record-lower {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 24px;
}
.record-detail { flex: 1; min-width: 0; }

.record-level-label {
    font-size: 11px;
    color: var(--ink-mid);
    display: block;
    margin-bottom: 3px;
}

.record-ts {
    font-size: 11px;
    color: var(--ink-light);
    display: block;
    margin-bottom: 8px;
}

.record-sub {
    font-size: 11px;
    display: flex;
    gap: 14px;
    flex-wrap: wrap;
}
.record-sub a       { color: var(--ink-mid); text-decoration: none; transition: color .12s; }
.record-sub a:hover { color: var(--accent); }

.sub-dot  { color: var(--border); font-size: 10px; }
.sub-grey { color: var(--ink-light); cursor: default; }

.record-private {
    font-size: 11px;
    color: var(--ink-light);
    font-style: italic;
    display: block;
    margin-top: 8px;
}

/* ── PUBLISH TARGET ─────────────────────────────────────────────── */
.publish-target {
    margin-top: 14px;
    font-size: 14px;
    line-height: 1.7;
    padding: 14px 0;
    border-top: 1px solid var(--border);
    white-space: pre-wrap;
    word-break: break-word;
}

/* ── ACTIONS BOX — single result (entry.php) ────────────────────── */
.actions-box {
    border: 1px solid var(--border);
    border-radius: var(--radius);
    padding: 10px 14px;
    width: 140px;
    flex-shrink: 0;
    text-align: right;
    align-self: flex-start;
}
.actions-box-label {
    font-size: 9px;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: var(--ink-light);
    margin-bottom: 8px;
}
.act {
    display: block;
    font-size: 12px;
    color: var(--accent);
    text-decoration: none;
    padding: 3px 0;
    transition: color .12s;
}
.act:hover { color: var(--accent-h); }

/* ── ACTIONS SELECT — multi-result (entry.php) ───────────────────── */
.actions-select-wrap { flex-shrink: 0; align-self: flex-start; }
.actions-select {
    font-size: 11px;
    color: var(--ink-mid);
    background: transparent;
    border: 1px solid var(--border);
    border-radius: var(--radius);
    padding: 6px 28px 6px 10px;
    cursor: pointer;
    outline: none;
    appearance: none;
    -webkit-appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='5'%3E%3Cpath d='M0 0l4 5 4-5z' fill='%23a09890'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 9px center;
    background-color: transparent;
    min-width: 100px;
    transition: border-color .12s;
}
.actions-select:focus,
.actions-select:hover { border-color: var(--border-focus); }

/* ── RESULTS AREA (entry.php) ────────────────────────────────────── */
.results-area  { max-width: 860px; margin: 20px auto 0; padding: 0 16px; }
.results-count { font-size: 11px; color: var(--ink-mid); margin-bottom: 8px; letter-spacing: .04em; }

/* ── MESSAGES ────────────────────────────────────────────────────── */
.msg-error {
    background: var(--danger-bg);
    border: 1px solid rgba(139,46,46,.25);
    border-radius: var(--radius);
    color: var(--danger);
    font-size: 12px;
    padding: 10px 14px;
    margin-top: 14px;
    line-height: 1.7;
}
.msg-success {
    background: var(--success-bg);
    border: 1px solid rgba(46,107,68,.25);
    border-radius: var(--radius);
    color: var(--success);
    font-size: 13px;
    padding: 12px 16px;
    margin-bottom: 20px;
}
.msg-empty {
    font-size: 12px;
    color: var(--ink-light);
    font-style: italic;
    margin-top: 14px;
}

/* sign.php sizes the error box slightly differently */
.signin-card .msg-error,
.form-card   .msg-error { font-size: 13px; padding: 12px 16px; margin-bottom: 24px; margin-top: 0; }

/* ── FORM SECTIONS (sign.php register) ───────────────────────────── */
.section {
    padding: 28px 32px;
    border-bottom: 1px solid var(--border);
}
.section:last-of-type { border-bottom: none; }

.section-header {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 22px;
}
.section-num {
    font-size: 10px;
    font-weight: 500;
    color: var(--bg-card);
    background: var(--ink-mid);
    width: 20px; height: 20px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    letter-spacing: 0;
}
.section-num.required { background: var(--accent); }
.section-title {
    font-size: 11px;
    font-weight: 500;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: var(--ink-mid);
}

/* ── FIELDS (sign.php) ───────────────────────────────────────────── */
.field            { margin-bottom: 18px; }
.field:last-child { margin-bottom: 0; }

label {
    display: block;
    font-family: var(--font-mono);
    font-size: 11px;
    font-weight: 500;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: var(--ink-mid);
    margin-bottom: 7px;
}
label .req-star { color: var(--accent); margin-left: 2px; }
label .hint,
label .opt {
    font-family: var(--font-body);
    font-size: 11px;
    font-style: italic;
    text-transform: none;
    letter-spacing: 0;
    color: var(--ink-light);
    font-weight: 400;
    margin-left: 4px;
}

.field-note, .pw-hint {
    font-size: 11px;
    color: var(--ink-light);
    margin-top: 5px;
    line-height: 1.5;
}

.char-counter {
    font-size: 11px;
    color: var(--ink-light);
    text-align: right;
    margin-top: 5px;
    transition: color .15s;
}
.char-counter.over { color: var(--danger); }

/* ── DOB ROW ─────────────────────────────────────────────────────── */
.dob-row { display: grid; grid-template-columns: 2.2fr 1fr 1.5fr; gap: 8px; }
.dob-row select { font-size: 14px; }

/* ── PROGRESS BAR ────────────────────────────────────────────────── */
.progress-bar {
    display: flex;
    gap: 4px;
    padding: 14px 32px;
    border-bottom: 1px solid var(--border);
}
.progress-step { height: 3px; flex: 1; border-radius: 2px; background: var(--border); }
.progress-step.done    { background: var(--accent); }
.progress-step.current { background: var(--accent); opacity: .4; }

/* ── TOGGLE (sign.php) ───────────────────────────────────────────── */
.toggle-row { display: flex; gap: 10px; }
.toggle-opt {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    cursor: pointer;
    font-family: var(--font-body);
    font-size: 14px;
    color: var(--ink);
    letter-spacing: 0;
    text-transform: none;
    padding: 10px 16px;
    border: 1px solid var(--border);
    border-radius: var(--radius);
    background: #fff;
    transition: border-color .15s, background .15s;
    user-select: none;
}
.toggle-opt input[type='radio'] {
    width: 15px; height: 15px;
    accent-color: var(--accent);
    cursor: pointer;
    flex-shrink: 0;
}
.toggle-opt:has(input:checked) {
    border-color: var(--accent);
    background: var(--accent-light);
    color: var(--accent);
}

/* ── SUBMIT SECTION ──────────────────────────────────────────────── */
.submit-section {
    padding: 28px 32px;
    background: var(--bg);
    border-top: 1px solid var(--border);
}

/* ── NAV / FOOTER LINKS ──────────────────────────────────────────── */
.nav-link {
    margin-top: 22px;
    text-align: center;
    font-size: 13px;
    color: var(--ink-mid);
    font-style: italic;
}
.nav-link a {
    color: var(--accent);
    text-decoration: none;
    font-style: normal;
    font-size: 12px;
}
.nav-link a:hover { text-decoration: underline; }

.logout-link {
    display: block;
    margin-top: 24px;
    text-align: center;
    font-size: 12px;
    color: var(--danger);
    text-decoration: none;
}

/* ── DASHBOARD (sign.php) ─────────────────────────────────────────── */
.db-row {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    padding: 10px 0;
    border-bottom: 1px solid var(--border);
    font-size: 13px;
    gap: 16px;
}
.db-row:last-child { border-bottom: none; }
.db-key   { color: var(--ink-mid); white-space: nowrap; flex-shrink: 0; font-size: 12px; }
.db-value { color: var(--ink); font-weight: 600; text-align: right; word-break: break-all; }

/* ── BADGE ───────────────────────────────────────────────────────── */
/* used by sign.php dashboard + index.php landing */
.badge {
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
    padding: 2px 8px;
    border-radius: 4px;
    background: rgba(44,95,138,.1);
    color: var(--accent);
}
.badge.unverified { background: rgba(139,46,46,.1); color: var(--danger); }
.badge.active     { background: rgba(46,107,68,.1);  color: var(--success); }

/* ── SIGN-IN CARD ─────────────────────────────────────────────────── */
.signin-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 80vh;
    padding: 20px 16px;
}
.signin-card {
    background: var(--bg-card);
    border: 1px solid var(--border);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow);
    width: 100%;
    max-width: 360px;
    padding: 36px 32px 28px;
}
.signin-header {
    text-align: center;
    margin-bottom: 28px;
    line-height: 1.5;
}
.signin-tagline {
    font-family: var(--font-body);
    font-size: 15px;
    font-style: italic;
    color: var(--ink-mid);
    margin-top: 10px;
    line-height: 1.5;
}
.signin-note {
    font-size: 11px;
    color: var(--ink-light);
    text-align: center;
    margin-top: 14px;
    line-height: 1.5;
}
.signin-footer { text-align: center; margin-top: 20px; }

.forgot-link {
    font-size: 11px;
    color: var(--ink-light);
    text-decoration: none;
    letter-spacing: .04em;
    transition: color .15s;
}
.forgot-link:hover { color: var(--accent); }

/* ── RESPONSIVE ──────────────────────────────────────────────────── */
@media (max-width: 600px) {
    .record-lower   { flex-direction: column; }
    .actions-box    { width: 100%; text-align: left; }
}
@media (max-width: 480px) {
    .section        { padding: 22px 18px; }
    .submit-section { padding: 22px 18px; }
    .progress-bar   { padding: 14px 18px; }
}

/* ── REVISION P — entry.php additions ───────────────────────── */

/* Timespan row: evo-prefix dropdown + since/until datetime inputs */
.timespan-row {
    display: flex;
    gap: 8px;
    align-items: stretch;
    margin-top: 10px;
}
.timespan-row select,
.timespan-row input[type="datetime-local"] {
    background: #fff;
    border: 1px solid var(--border);
    border-radius: var(--radius);
    color: var(--ink-mid);
    font-family: var(--font-mono);
    font-size: 11px;
    padding: 7px 10px;
    outline: none;
    cursor: pointer;
    transition: border-color .15s;
    appearance: none;
    -webkit-appearance: none;
}
.timespan-row select:focus,
.timespan-row input[type="datetime-local"]:focus { border-color: var(--border-focus); }
.timespan-row select                             { flex: 0 0 auto; min-width: 120px; }
.timespan-row .ts-spacer                         { flex: 1; }
.timespan-row input[type="datetime-local"]       { flex: 0 0 auto; min-width: 160px; }

.ts-label {
    font-family: var(--font-mono);
    font-size: 10px;
    color: var(--ink-light);
    align-self: center;
    letter-spacing: .06em;
    white-space: nowrap;
}

/* Prior Rights row (Type 2 search) */
.prior-rights-row {
    display: flex;
    gap: 10px;
    align-items: center;
    margin-top: 10px;
    flex-wrap: nowrap;
}
.prior-rights-row input[type="checkbox"] {
    flex-shrink: 0;
    width: 14px;
    height: 14px;
    cursor: pointer;
    accent-color: var(--gold);
}
.pr-label {
    font-family: var(--font-mono);
    font-size: 11px;
    color: var(--gold);
    cursor: pointer;
    white-space: nowrap;
    flex-shrink: 0;
}
.pr-grade-input {
    flex: 1;
    background: #fff;
    border: 1px solid var(--gold-border);
    border-radius: var(--radius);
    color: var(--ink);
    font-family: var(--font-mono);
    font-size: 11px;
    padding: 7px 10px;
    outline: none;
    transition: border-color .15s, opacity .15s;
    opacity: .35;
    pointer-events: none;
    min-width: 0;
}
.pr-grade-input.active        { opacity: 1; pointer-events: auto; border-color: var(--gold); }
.pr-grade-input::placeholder  { color: var(--ink-light); font-style: italic; }

/* Downgrade badges in record rows */
.badge-prior {
    display: inline-block;
    margin-left: 10px;
    font-family: var(--font-mono);
    font-size: 10px;
    letter-spacing: .06em;
    color: var(--gold);
    background: var(--gold-bg);
    border: 1px solid var(--gold-border);
    border-radius: 3px;
    padding: 1px 7px;
}
.badge-review {
    display: inline-block;
    margin-left: 10px;
    font-family: var(--font-mono);
    font-size: 10px;
    letter-spacing: .06em;
    color: var(--review-color);
    background: var(--review-bg);
    border: 1px solid rgba(106,48,144,.2);
    border-radius: 3px;
    padding: 1px 7px;
}

/* Search fields remark (below each panel) */
.fields-remark {
    font-family: var(--font-mono);
    font-size: 10px;
    color: var(--ink-light);
    letter-spacing: .04em;
    line-height: 1.6;
    padding: 10px 0 0;
    border-top: 1px solid var(--border);
    margin-top: 16px;
}
.fields-remark strong { color: var(--ink-mid); }

/* RevP responsive additions */
@media (max-width: 600px) {
    .timespan-row      { flex-wrap: wrap; }
    .prior-rights-row  { flex-wrap: wrap; }
}