/* Republication terms page, and the licence block that sits in article sidebars.
   Two related things in one file because they say the same thing at two sizes
   and their wording must not drift apart visually either. */

/* custom.css sets body { overflow: hidden }, released by each page's preloader
   onload. This page has no preloader, so without this it cannot be scrolled
   past the first screen. The header is position:fixed with no top. */
.osc-republish-body { overflow-y: auto !important; }
.osc-republish-body .header { top: 0; }

.osc-rp {
    max-width: 46rem;
    margin: 0 auto;
    /* Masthead clearance, matching assignment.css. */
    padding: 160px 20px 80px;
    color: #1b1b1b;
    font-family: Georgia, 'Times New Roman', serif;
    line-height: 1.6;
}

@media (max-width: 640px) {
    .osc-rp { padding: 120px 16px 60px; }
}

/* Links.
   Without this they inherit .osc-rp's near-black and are indistinguishable
   from body text -- on a page whose whole job is pointing at the licence and
   the form, that is the one failure that matters. Red is already the page's
   accent (kicker, submit button, the rule beside the suggested credit) and
   clears 6.7:1 on white. The underline does the distinguishing on its own, so
   the colour is not carrying the accessibility requirement by itself. */
.osc-rp a {
    color: #b21f2d;
    font-weight: 600;
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 2px;
}
.osc-rp a:hover {
    color: #8f1824;
    text-decoration-thickness: 2px;
}
.osc-rp a:focus-visible {
    outline: 2px solid #1d4ed8;
    outline-offset: 2px;
    border-radius: 2px;
}

.osc-rp-head { border-bottom: 3px double #111; padding-bottom: 18px; margin-bottom: 28px; }
.osc-rp-kicker {
    margin: 0 0 6px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.72rem;
    font-weight: 900;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #b21f2d;
}
.osc-rp-title { margin: 0 0 10px; font-size: 2.1rem; font-weight: 900; line-height: 1.15; }
.osc-rp-standfirst { margin: 0; font-size: 1.1rem; color: #333; }

.osc-rp-section { margin: 0 0 34px; }
.osc-rp-section h2 {
    margin: 0 0 12px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.8rem;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #1f2937;
}
.osc-rp-section p { margin: 0 0 12px; }

.osc-rp-list { margin: 0 0 12px; padding-left: 1.2rem; }
.osc-rp-list li { margin-bottom: 8px; }

.osc-rp-suggested { background: #f7f3e8; border-left: 3px solid #b21f2d; padding: 12px 14px; }
.osc-rp-credit { display: block; margin-top: 6px; font-style: italic; }

/* The form ---------------------------------------------------------------- */
.osc-rp-form-section { border-top: 1px solid #d8d2c4; padding-top: 28px; }
.osc-rp-optional { background: #eef2f7; padding: 12px 14px; border-radius: 6px; }

.osc-rp-thanks {
    background: #ecfdf5; border: 1px solid #6ee7b7; color: #065f46;
    padding: 12px 14px; border-radius: 6px;
}
.osc-rp-error {
    background: #fef2f2; border: 1px solid #fca5a5; color: #991b1b;
    padding: 12px 14px; border-radius: 6px;
}

.osc-rp-form { margin-top: 18px; font-family: Arial, Helvetica, sans-serif; }
.osc-rp-field { margin-bottom: 18px; }
.osc-rp-field label { display: block; font-size: 0.85rem; font-weight: 800; margin-bottom: 5px; }
.osc-rp-req { font-weight: 600; color: #b21f2d; font-size: 0.72rem; text-transform: uppercase; letter-spacing: 0.06em; }
.osc-rp-field input,
.osc-rp-field textarea {
    width: 100%;
    padding: 10px 12px;
    border: 1px solid #c9cfd8;
    border-radius: 6px;
    font: inherit;
    font-size: 0.95rem;
    background: #fff;
}
.osc-rp-field input:focus,
.osc-rp-field textarea:focus { outline: 2px solid #1d4ed8; outline-offset: 1px; border-color: #1d4ed8; }
.osc-rp-help { margin: 5px 0 0; font-size: 0.78rem; color: #64748b; }

.osc-rp-row { display: flex; gap: 14px; }
.osc-rp-row .osc-rp-field { flex: 1; min-width: 0; }
@media (max-width: 560px) { .osc-rp-row { display: block; } }

/* The honeypot. Off-screen rather than display:none -- some bots skip anything
   hidden outright, and this is meant to be filled in. */
.osc-rp-hp {
    position: absolute;
    left: -9999px;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

.osc-rp-submit {
    background: #b21f2d; color: #fff; border: 0; border-radius: 6px;
    padding: 12px 22px; font-size: 0.95rem; font-weight: 800; cursor: pointer;
}
.osc-rp-submit:hover { background: #8f1824; }
.osc-rp-privacy { margin-top: 14px; font-size: 0.78rem; color: #64748b; }

/* The sidebar block that appears on articles lives in custom.css, not here:
   article pages load custom.css and never load this file, so styling it here
   would have left the licence notice unstyled everywhere it actually appears. */