30 differences

/* FONT */
@font-face { 
  font-family: 'Iosevka Code';
  src: url('./Iosevka-SS07-Extended.woff');
}
*:not(pre, code, .ascii) {
  line-height: 1.45em !important;
}
*, :is(pre, code) {
  font-family: 'Iosevka Code',monospace;
  font-size: .96rem !important;
}
:not(pre) > :is(pre, code):not(.ascii) {
  padding: 0 3px;
  border: 1px solid;
  border-radius: 3px;
  font-style: italic;
}
.ascii {
  width: fit-content;
  line-height: 1.1rem !important;
}
*:not(b, strong) {
  font-weight: normal !important;
}
h1, h2, h3, h4, h5, h6, .db {
  margin: 1em 0;
  text-transform: uppercase;
}
/* COLOR PALETTE */
:roothtml {
  --Afg: #000;
  --Bprim: #00f;
  --Cbg: #fff;
  font-size: 165px;
}
*:not(mark, a, button:hover, del, ins) {
  outline: none !important;
  color: var(--A) !importantfg);
  background: var(--C) !important;
}
*:not(textarea,input,select) , .tabs > button {
  border: 0;
  border-radius: 0bg);
}
section button+button {
  margin-left: 1ex;
}
button, .tabs > button {
  padding: 0 1ex;
  border: 1px solid var(--Bprim);
}
hr {
  border: 0;
  border-bottom: 1px dashed;
}
:is(a, button):is(:hover, :active) , a:hover > *, ::selection {
  color: var(--C);
  opacity: 1bg) !important;
  background: var(--B)prim) !important;
}
a:not(:hover) {
  text-decoration: none;
  color: var(--B);
  background: inherit;
}
::selection {
  color: var(--C);
  background-color: var(--Bprim);
}
/* DARK MODE */
@media (prefers-color-scheme:dark) {
  :roothtml {
    --Afg: #fff;
    --Bprim: #2c4;
    --Cbg: #000;
  }
  :is(textarea, input, select) {
    border: .5px solid var(--Afg);
  }
}/* LAYOUT */
body > main {
  min-height: 98vh;
  padding-bottom: 1ex;
}
body > main::after {
  content: "go slow, and fix things\a0";
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  height: fit-content;
  max-width: 17em;
  font-size: .8em;
  font-style: italic;
  line-height: 1em;
}
main> :is(.sb, section) {
  display: block !important;
  width: initial;
  height: initial;
  margin: 1em auto;
  padding: 2ex;
  max-width: 85ex;
}
.sb {
  padding-bottom: 0 !important;
}
p, h1, h2, h3, h4, h5, h6, .db {
  margin: 1em 0;
}
.r.ns {
  display: flex;
  justify-content: space-between;
}
.r.ns > div {
  width: fit-content !important;
}
form select {
  max-width: 15em;
}
.uc a {
  word-break: break-word;
}
.ed.ed-c {
  max-height: 80vh;
  border: 0;
  border: .5px solid;
  overflow-y: scroll;
}
/* CUSTOM */
.note {
  opacity: 0.7;
}
.src::before {
  content: "\2014\00a0";
}
dd * {
  margin: 05;
}
/* HIDE STUFF. timestamp, title, footer link, transclusion header, subpages header, sidebar nav */
.r.ns time, .tr.ib.at, footer>.fr, .transclusion>h1, .uc+footer>h2, .sb> :is(nav, .sbt) {
  display: none;
}/* FEATHER SEARCH */
#featherSearchResults {
  z-index: 10;
  position: absolute;
  right: 0;
  bottom: calc(12pt + .5rem + 2px);
  width: 100%;
  padding: 3px;
  max-height: 300px;
  border: 1px solid;
  border-radius: 3px;
  overflow-x: hidden;
  overflow-y: auto;
}
#featherSearchResults a {
  display: block;
  box-sizing: border-box;
  width: 100%;
  margin: 2px 0;
  padding: 6px 10px;
}
#featherSearch {
  z-index: 999;
  position: fixed !important;
  bottom: 0;
  left: 0;
  width: 100vw;
  margin: 0;
  background: none !important;
}
#featherSearchBar:focus {
  width: 100%;
  outline: none;
}
#featherSearchBar {
  width: 5ex;
  padding: 1ex;
  border: 1px solid !important;
  overflow: hidden;
}
/* META TABLE STYLING */
table {
  border-collapse: collapse;
}
table > * {
  vertical-align: top;
}
.uc > hr:first-child + table td:first-child::after {
  content: ":";
  position: absolute;
  right: 1ex;
}
.uc > hr:first-child + table td:first-child {
  padding-right: 3ex;
}
/* MEDIA QUERIES */
@media only screen and (min-width:800px) {
  #featherSearch {
    max-width: 20%;
  }
  @font-face {
    font-family: 'Iosevka Code';
    src: url('./Iosevka-SS07-Extended.woff');
  }
}

change list: - beautified everything with [CSSLisible](https://www.csslisible.com/). - only use custom font on bigger screen to improve performance, advice taken from [this post](https://css-tricks.com/snippets/css/using-font-face-in-css/#aa-consider-system-fonts-for-small-screens). - many overriding CSS rules deleted and `!important` flags removed, thanks to the new minimal [[Plumage mod|modded-plumage]]. - renamed CSS variables (in color palette) to less obscure names. - color-corrected FeatherSearchResults links (by putting `!important` at anchor rules). - corrected horizontal-rule. - fix title collapsing issue (`.r.ns > div` is somehow inline styled). --- Diff files generated with TiddlyWiki.