/*! DESIGN BASE — the values the design STATES, because the normalize under it would otherwise decide
    them. Each one is here because reset.css moved a box the design had left to the browser; the
    measurement per line is in demo-port-decisions.md, 82.

    In `@layer base`: it beats `@layer reset` and loses to every unlayered rule, so a component that
    says something about one of these still wins. */

@layer base{

/* the typeface's own leading; every text style states its own through a `.ts-*` class */
body{line-height:normal;}
/* a control keeps the browser's type and spacing unless a component says otherwise */
button,
input,
optgroup,
select,
textarea{font:revert;margin:revert;}
/* `:not([class])` IS the test for "the design never dressed this one", and a rule with a class wins */
h1:not([class]),
h2:not([class]),
h3:not([class]),
h4:not([class]),
h5:not([class]),
h6:not([class]),
p:not([class]){font-size:revert;font-weight:revert;margin:revert;}
ul:not([class]),
ol:not([class]){list-style:revert;margin:revert;padding:revert;}
/* deliberately not `a{...}`: most links here take their colour by INHERITING it, and reverting them
   all turned the design centre's navigation blue */
a:not([class]){text-decoration:revert;color:revert;}

}