.app[data-type="rf"] {
  --text: #1c1d22;   
  --t2:   #6b6f76;   
  --t3:   #8a8f98;   
  --t4:   #b6bac1;   
}
.app[data-type="rf"] {
  letter-spacing: -0.006em;
  font-feature-settings: "cv01" 1, "cv03" 1, "cv04" 1, "calt" 1;
}
.app[data-type="rf"] .nav a { font-weight: 510; }
.app[data-type="rf"] .nav a.on { font-weight: 590; }
.app[data-type="rf"] .ws-name { font-weight: 540; }
.app[data-type="rf"] h1,
.app[data-type="rf"] .head h1,
.app[data-type="rf"] .head-l h1 {
  font-weight: 600;
  letter-spacing: -0.022em;
  line-height: 1.15;
}
.app[data-type="rf"] h2,
.app[data-type="rf"] h3 {
  font-weight: 590;
  letter-spacing: -0.016em;
}
.app[data-type="rf"] .sub { color: var(--t2); }
.app[data-type="rf"] .mono { font-feature-settings: "tnum" 1, "cv01" 1; }
.app { transition: color .2s var(--ease); }