/* The owner's changes to the design: Cambria body text (black, justified, a little larger) and a pointing-hand cursor.
   Layered on the design rather than edited into it, so parity/make-baseline.mjs can apply the same file to the
   original design and the gate still checks everything else. */

:root {
    --slate: #000000;
}

.form-help,
.form-input::placeholder {
    color: #5C544E;
}

/* WordPress renders paragraph blocks as p.wp-block-paragraph, so body text is selected by excluding labels, not by class.
   font-size-adjust sets the letter height rather than the font size: Cambria and its phone stand-in Caladea have
   different x-heights, and this makes both render at the same, slightly larger, size. */
p:not(.section-tag, .num, .list-label, .data-label, .data-value, .form-help, .form-error, .form-notice p),
.wp-block-list li,
.next-steps li {
    font-family: Cambria, Caladea, Georgia, serif;
    font-size-adjust: 0.52;
    text-align: justify;
    -webkit-hyphens: auto;
    hyphens: auto;
}

.journey-banner p:not(.section-tag),
p.is-centered {
    text-align-last: center;
}

/* The second declaration gives sharp screens the 64px image; browsers that cannot parse it keep the first. */
html {
    cursor: url("../img/cursor-hand.png") 4 1, pointer;
    cursor: -webkit-image-set(url("../img/cursor-hand.png") 1x, url("../img/cursor-hand@2x.png") 2x) 4 1, pointer;
}

/* WordPress's button and details block styles set cursor: pointer on classes, hence the two qualified selectors. */
a,
button,
summary,
select,
label,
input[type="checkbox"],
input[type="radio"],
.wp-block-button .wp-block-button__link,
details.wp-block-details summary {
    cursor: inherit;
}

input:not([type="checkbox"], [type="radio"], [type="submit"]),
textarea {
    cursor: text;
}