@charset "UTF-8";
@font-face {
  font-family: "Source Serif 4";
  font-weight: 200 900;
  font-style: normal;
  font-stretch: normal;
  font-display: swap;
  src: url("/assets/fonts/SourceSerif4Variable-Roman.ttf.woff2") format("woff2");
}
@font-face {
  font-family: "Source Serif 4";
  font-weight: 200 900;
  font-style: italic;
  font-stretch: normal;
  font-display: swap;
  src: url("/assets/fonts/SourceSerif4Variable-Italic.ttf.woff2") format("woff2");
}
@font-face {
  font-family: "Source Sans 3";
  font-weight: 200 900;
  font-style: normal;
  font-stretch: normal;
  font-display: swap;
  src: url("/assets/fonts/SourceSans3VF-Roman.ttf.woff2") format("woff2");
}
@font-face {
  font-family: "Source Sans 3";
  font-weight: 200 900;
  font-style: italic;
  font-stretch: normal;
  font-display: swap;
  src: url("/assets/fonts/SourceSans3VF-Italic.ttf.woff2") format("woff2");
}
body {
  --pagefind-ui-scale: 1;
  --pagefind-ui-primary: var(--color-link);
  --pagefind-ui-text: var(--color-fg);
  --pagefind-ui-background: var(--color-bg);
  --pagefind-ui-tag: var(--color-border);
  --pagefind-ui-border-width: 1px;
  --pagefind-ui-border-radius: 4px;
  --pagefind-ui-image-border-radius: 4px;
  --pagefind-ui-image-box-ratio: 3 / 2;
  --pagefind-ui-font: Source Serif 4, serif;
}

figure.portrait, #header_site_navigation li, #button_romaji, h1, body > header {
  transition: all 0.5s ease;
}

#meta {
  font-size: 1rem;
  line-height: 1.5rem;
}

figure.portrait .credit, figcaption, .tooltip:hover::before,
.tooltip:focus::before, .tooltip_romaji:hover::before,
.tooltip_romaji:focus::before, .note, .footnote, .summary, #toggle-romaji, #button_romaji, #metadatas, body > header {
  font-size: 0.75rem;
  line-height: 1.125rem;
}

.subtitle,
.author-text, body > h1,
body > main,
body > footer {
  margin-left: 90px;
  box-sizing: border-box;
  width: 720px;
  transition: margin-bottom 1s;
}
@media (max-width: 810px) {
  .subtitle,
  .author-text, body > h1,
  body > main,
  body > footer {
    margin-left: calc(100vw - 720px);
  }
}
@media (max-width: 720px) {
  .subtitle,
  .author-text, body > h1,
  body > main,
  body > footer {
    padding-left: 15px;
    padding-right: 15px;
    margin-left: 0;
    margin-right: 0;
    width: 100%;
  }
}
@media print {
  .subtitle,
  .author-text, body > h1,
  body > main,
  body > footer {
    margin-left: 0;
    margin-right: 0;
    width: auto;
  }
}

figure.portrait {
  clear: both;
  margin: 0;
  padding: 0;
  float: right;
  padding-left: 15px;
  padding-right: 15px;
}

#metadatas {
  clear: both;
  margin: 0;
  padding: 0;
  float: right;
  margin-right: -270px;
  margin-left: auto;
  width: 270px;
  padding-left: 15px;
  padding-right: 15px;
}
@media (max-width: 1080px) {
  #metadatas {
    margin-right: calc(-100vw + 720px + 90px + 15px);
  }
}
@media (max-width: 810px) {
  #metadatas {
    margin-right: 0;
  }
}
@media (max-width: 720px) {
  #metadatas {
    display: none;
  }
}

#meta section h2, h1,
h2,
h3,
h4,
h5 {
  font-feature-settings: "smcp";
}

.poem,
.signature {
  font-style: italic;
  margin-left: 2em;
  margin-right: 1em;
  margin-top: 18px;
  margin-bottom: 18px;
  padding-bottom: 0;
  padding-top: 0;
}
.poem footer,
.signature footer {
  text-align: right;
}

#info_page, #menu-letters, #info_bio,
#info_person,
.info_index,
#info_text,
#info_koan,
#info_post,
.info_empty,
#info_glossary {
  margin-top: 0;
  margin-bottom: 36px;
  transition: margin-bottom 1s;
  border-top: 1px solid var(--color-border);
  border-bottom: 1px solid var(--color-border);
}
@media (max-width: 720px) {
  #info_page, #menu-letters, #info_bio,
  #info_person,
  .info_index,
  #info_text,
  #info_koan,
  #info_post,
  .info_empty,
  #info_glossary {
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 18px;
  }
}

#info-glossary ul, #info_page ul, #menu-letters ul, #info_bio ul,
#info_person ul,
.info_index ul,
#info_text ul,
#info_koan ul,
#info_post ul,
.info_empty ul,
#info_glossary ul {
  width: 720px;
  display: flex;
}
#info-glossary ul:empty, #info_page ul:empty, #menu-letters ul:empty, #info_bio ul:empty,
#info_person ul:empty,
.info_index ul:empty,
#info_text ul:empty,
#info_koan ul:empty,
#info_post ul:empty,
.info_empty ul:empty,
#info_glossary ul:empty {
  display: none;
}
#info-glossary ul, #info_page ul, #menu-letters ul, #info_bio ul,
#info_person ul,
.info_index ul,
#info_text ul,
#info_koan ul,
#info_post ul,
.info_empty ul,
#info_glossary ul,
#info-glossary p,
#info_page p,
#menu-letters p,
#info_bio p,
#info_person p,
.info_index p,
#info_text p,
#info_koan p,
#info_post p,
.info_empty p,
#info_glossary p {
  margin: 0;
  padding: 9px 0;
}
#info-glossary li, #info_page li, #menu-letters li, #info_bio li,
#info_person li,
.info_index li,
#info_text li,
#info_koan li,
#info_post li,
.info_empty li,
#info_glossary li {
  display: inline-block;
  list-style: none;
}
#info-glossary li.on-right, #info_page li.on-right, #menu-letters li.on-right, #info_bio li.on-right,
#info_person li.on-right,
.info_index li.on-right,
#info_text li.on-right,
#info_koan li.on-right,
#info_post li.on-right,
.info_empty li.on-right,
#info_glossary li.on-right {
  margin-left: auto;
}
#info-glossary li.on-right::before, #info_page li.on-right::before, #menu-letters li.on-right::before, #info_bio li.on-right::before,
#info_person li.on-right::before,
.info_index li.on-right::before,
#info_text li.on-right::before,
#info_koan li.on-right::before,
#info_post li.on-right::before,
.info_empty li.on-right::before,
#info_glossary li.on-right::before {
  display: none;
}
#info-glossary li::before, #info_page li::before, #menu-letters li::before, #info_bio li::before,
#info_person li::before,
.info_index li::before,
#info_text li::before,
#info_koan li::before,
#info_post li::before,
.info_empty li::before,
#info_glossary li::before {
  content: "·";
  padding: 0 0.5rem;
}
#info-glossary li:first-child, #info_page li:first-child, #menu-letters li:first-child, #info_bio li:first-child,
#info_person li:first-child,
.info_index li:first-child,
#info_text li:first-child,
#info_koan li:first-child,
#info_post li:first-child,
.info_empty li:first-child,
#info_glossary li:first-child {
  margin-left: 0;
  padding-left: 0;
}
#info-glossary li:first-child::before, #info_page li:first-child::before, #menu-letters li:first-child::before, #info_bio li:first-child::before,
#info_person li:first-child::before,
.info_index li:first-child::before,
#info_text li:first-child::before,
#info_koan li:first-child::before,
#info_post li:first-child::before,
.info_empty li:first-child::before,
#info_glossary li:first-child::before {
  display: none;
}
#info-glossary a:visited, #info_page a:visited, #menu-letters a:visited, #info_bio a:visited,
#info_person a:visited,
.info_index a:visited,
#info_text a:visited,
#info_koan a:visited,
#info_post a:visited,
.info_empty a:visited,
#info_glossary a:visited {
  color: var(--color-link);
}
#info-glossary a:hover,
#info_page a:hover,
#menu-letters a:hover,
#info_bio a:hover,
#info_person a:hover,
.info_index a:hover,
#info_text a:hover,
#info_koan a:hover,
#info_post a:hover,
.info_empty a:hover,
#info_glossary a:hover,
#info-glossary a:focus,
#info_page a:focus,
#menu-letters a:focus,
#info_bio a:focus,
#info_person a:focus,
.info_index a:focus,
#info_text a:focus,
#info_koan a:focus,
#info_post a:focus,
.info_empty a:focus,
#info_glossary a:focus {
  color: var(--color-link-hover);
  border-bottom: none;
}

blockquote, .Koans {
  font-style: italic;
}
blockquote em, .Koans em {
  font-style: normal;
}

#meta {
  column-count: 2;
  align-content: start;
}
#meta section {
  break-inside: avoid;
}
@media (max-width: 720px) {
  #meta {
    column-count: 1;
  }
}

.see_also, .summary, #meta {
  font-family: "Source Sans 3", sans-serif;
}
.see_also h1, .summary h1, #meta h1,
.see_also h2,
.summary h2,
#meta h2,
.see_also h3,
.summary h3,
#meta h3 {
  font-family: "Source Sans 3", sans-serif;
}

.romaji_emph, #button_romaji:hover {
  text-shadow: 0 0 1px var(--color-bg), 0 0 3px var(--color-bg), 0 0 0px var(--color-active), 0 0 0px var(--color-active), 0 0 2px var(--color-active);
  color: var(--color-active) !important;
}

.list_links_horizontal ul, #site_navigation_footer ul {
  margin: 0;
  padding: 0;
}
.list_links_horizontal li, #site_navigation_footer li {
  display: inline;
  margin: 0;
  padding: 0;
  list-style: none;
}
.list_links_horizontal li::before, #site_navigation_footer li::before {
  content: "·";
  padding: 0 1rem;
}
.list_links_horizontal li:first-child, #site_navigation_footer li:first-child {
  padding-left: 0;
  margin-left: 0;
}
.list_links_horizontal li:first-child::before, #site_navigation_footer li:first-child::before {
  display: none;
}

.nobreak,
.dates {
  white-space: nowrap;
}

body {
  margin: 0;
  display: flex;
  flex: 1;
  flex-direction: column;
  min-height: 100%;
  position: relative;
}
body > main {
  flex: 1;
}
body > footer {
  text-align: center;
}

body > main {
  display: flex;
  flex-direction: column;
}

#meta {
  margin-top: auto;
}

body > main > footer {
  width: 100%;
  margin-top: auto;
  margin-bottom: 0;
  padding-bottom: 0;
}

body > footer {
  margin-top: 0;
}

h1 {
  background-color: var(--color-bg) !important;
  position: sticky !important;
  top: 36px;
  align-self: flex-start;
  border-top: 18px solid var(--color-bg);
  border-bottom: 18px solid var(--color-bg);
}
@media (max-width: 810px) {
  h1 {
    line-height: 1.25em;
    margin-top: 4.5px;
    margin-bottom: 4.5px;
  }
}

.tight {
  height: 72px;
}

body > header {
  border-top: 1px solid var(--color-blood);
  position: sticky;
  top: 0;
  background-color: var(--color-bg);
  z-index: 4;
  margin-top: 0;
  padding-bottom: 0;
  box-sizing: content-box;
  padding-top: 4.5px;
  display: grid;
  grid-template-columns: 90px 508px 180px 32px;
  grid-template-rows: 36px;
  align-items: center;
  justify-items: start;
  transition: grid-template-columns 1s;
}
@media (max-width: 810px) {
  body > header {
    grid-template-columns: 67.5px 1fr 180px 32px;
    padding-bottom: 0;
    margin-bottom: 0;
  }
}
@media (max-width: 720px) {
  body > header {
    grid-template-columns: 67.5px 1fr 90px 32px;
    padding-bottom: 0;
    margin-bottom: 0;
  }
}

main > header {
  margin-bottom: 0px;
}

#return_to_home {
  grid-column-start: 1;
  grid-column-end: 1;
  grid-row-start: 1;
  grid-row-end: 1;
  justify-self: center;
}

#header_site_navigation {
  grid-column-start: 2;
  grid-column-end: 2;
  grid-row-start: 1;
  grid-row-end: 1;
}

#search_group {
  grid-column-start: 4;
  grid-column-end: 4;
  grid-row-start: 1;
  grid-row-end: 1;
  justify-self: end;
}

#toggle_romaji {
  grid-column-start: 3;
  grid-column-end: 3;
  grid-row-start: 1;
  grid-row-end: 1;
  justify-self: center;
  padding-left: 1em;
  padding-right: 1em;
}
@media (max-width: 720px) {
  #toggle_romaji {
    padding: 0;
  }
}

html {
  font-family: "Source Serif 4", serif;
  font-size: 1.125rem;
  font-weight: var(--weight-normal);
  line-height: 1.5555555556;
  -webkit-text-size-adjust: 100%;
  font-variant-numeric: oldstyle-nums proportional-nums;
  font-feature-settings: "dlig", "liga", "clig", "onum", "pnum";
  font-kerning: normal;
  font-optical-sizing: auto;
  word-break: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  -o-hyphens: auto;
  hyphens: auto;
}
@media print {
  html {
    margin: 18px 90px 126px 90px;
  }
}

h1 {
  font-family: "Source Serif 4", serif;
  font-size: 2rem;
  font-style: normal;
  font-weight: var(--weight-normal);
  -webkit-hyphens: none;
  -moz-hyphens: none;
  -ms-hyphens: none;
  -o-hyphens: none;
  hyphens: none;
}

h2 {
  font-family: "Source Serif 4", serif;
  font-size: 1.5rem;
  font-style: normal;
  font-weight: var(--weight-normal);
  -webkit-hyphens: none;
  -moz-hyphens: none;
  -ms-hyphens: none;
  -o-hyphens: none;
  hyphens: none;
}

h3 {
  font-family: "Source Serif 4", serif;
  font-size: 1.125rem;
  font-style: normal;
  font-weight: var(--weight-semibold);
  -webkit-hyphens: none;
  -moz-hyphens: none;
  -ms-hyphens: none;
  -o-hyphens: none;
  hyphens: none;
}

h4 {
  font-family: "Source Serif 4", serif;
  font-size: 1.125rem;
  font-style: normal;
  font-weight: var(--weight-normal);
  -webkit-hyphens: none;
  -moz-hyphens: none;
  -ms-hyphens: none;
  -o-hyphens: none;
  hyphens: none;
}

h5 {
  font-family: "Source Serif 4", serif;
  font-size: 1.125rem;
  font-style: normal;
  font-weight: var(--weight-normal);
  -webkit-hyphens: none;
  -moz-hyphens: none;
  -ms-hyphens: none;
  -o-hyphens: none;
  hyphens: none;
}

h6 {
  font-family: "Source Serif 4", serif;
  font-size: 1.125rem;
  font-style: normal;
  font-weight: var(--weight-normal);
  -webkit-hyphens: none;
  -moz-hyphens: none;
  -ms-hyphens: none;
  -o-hyphens: none;
  hyphens: none;
}

body > header {
  font-family: "Source Sans 3", sans-serif;
}

#return_to_top {
  width: 45px;
  height: 36px;
  border-radius: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  position: fixed;
  bottom: 36px;
  right: 60px;
  cursor: n-resize;
  z-index: 100;
  color: var(--color-link-active);
}

li#anchor-pagetop {
  background-color: red;
  width: 0px !important;
  margin: 0px !important;
  padding: 0px !important;
}

#header_site_navigation {
  font-variant-caps: all-small-caps;
  margin: 0;
  padding: 0;
  padding-left: 0.25em;
}
#header_site_navigation a,
#header_site_navigation a:visited {
  color: var(--color-brand);
}
#header_site_navigation a:hover {
  color: var(--color-link-active);
}
#header_site_navigation ul {
  margin: 0;
  padding: 0;
}
@media (max-width: 810px) {
  #header_site_navigation ul :nth-child(n+5) {
    display: none;
  }
}
@media (max-width: 720px) {
  #header_site_navigation ul :nth-child(n+4) {
    display: none;
  }
}
#header_site_navigation li {
  display: inline;
  margin-bottom: 0;
  line-height: 1;
  padding-right: 1rem;
  padding-top: 0;
  padding-bottom: 0.75rem;
}
@media (max-width: 810px) {
  #header_site_navigation li {
    padding-right: 0.5em;
  }
  #header_site_navigation li :nth-child(n+5) {
    display: none;
  }
}
@media (max-width: 720px) {
  #header_site_navigation li {
    padding-right: 0.25em;
  }
  #header_site_navigation li :nth-child(n+4) {
    display: none;
  }
}
#header_site_navigation li::before {
  content: none;
}
@media only print {
  #header_site_navigation {
    display: none;
  }
}

#site_navigation_footer hr {
  margin-top: 72px;
  margin-bottom: 18px;
  padding: 0;
}
@media only print {
  #site_navigation_footer {
    display: none;
  }
}

#toggle-romaji {
  margin: 0;
  padding: 0;
}
@media only print {
  #toggle-romaji {
    display: none;
  }
}

#button_romaji {
  font-family: "Source Sans 3", sans-serif;
  font-variant-caps: all-small-caps;
  margin: 0;
  padding: 4.5px 18px;
  border-radius: 4px;
  cursor: pointer;
  border: 1px solid var(--color-border);
  background-color: var(--color-bg);
  color: var(--color-fg);
  box-shadow: rgba(0, 0, 0, 0.05) 0 0 8px;
}
@media (max-width: 810px) {
  #button_romaji {
    padding: 0 18px;
  }
}
@media (max-width: 720px) {
  #button_romaji {
    padding: 0 4.5px;
  }
}

.button_romaji_active {
  border-color: var(--color-brand) !important;
  color: var(--color-brand);
}

#button_romaji:hover {
  box-shadow: var(--color-active) 0 0 8px;
}

input[type=radio]:not(old) {
  width: 1rem;
  margin-right: 0.125rem;
}

#menu-letters li::before {
  padding: 0 0.166666rem;
}

#info_bio,
#info_person,
.info_index,
#info_text,
#info_koan,
#info_post,
.info_empty,
#info_glossary {
  width: 720px;
}

.info_empty {
  border-top: 1px solid var(--color-bg);
  border-bottom: 1px solid var(--color-bg);
}

#info_text a:visited,
#info_bio a:visited,
#info_person a:visited,
.info_index a:visited {
  color: var(--color-link);
}

#info_glossary ul.glossary-variant:after {
  content: "";
  padding-left: 0.5em;
}

#info_text ul#list_compilations {
  width: auto;
  margin: 0;
  padding: 0;
  display: inline;
}

.info_index {
  text-align: center;
}
.info_index li::before {
  padding: 0 0.3rem;
}

#icon_top {
  width: 27px;
}
@media (max-width: 720px) {
  #icon_top {
    position: absolute;
    left: 1em;
    top: 0px;
  }
}

#icon_bottom {
  margin-left: 0.5rem;
  margin-top: 36px;
  margin-bottom: 18px;
  width: 50px;
}

#metadatas {
  visibility: hidden;
  font-family: "Source Sans 3", sans-serif;
  color: var(--color-draft-fg) !important;
  background-color: var(--color-draft-bg) !important;
}
#metadatas ul {
  margin-left: 0em;
}
#metadatas th {
  width: 5em;
  text-align: left;
  padding-right: 1em;
}
@media (max-width: 1080px) {
  #metadatas {
    visibility: hidden;
  }
}

#meta {
  text-align: left;
}
#meta hr {
  column-span: all;
}
#meta section h2 {
  font-size: 1.125rem;
  font-weight: var(--weight-semibold);
  margin-top: 0;
  margin-bottom: 4.5px;
}
#meta section {
  padding-bottom: 18px;
}
#meta ul {
  break-before: avoid;
  break-inside: avoid;
  margin-top: 0;
  list-style: "– ";
  padding-left: 0.5em;
}
#meta #Sources ul,
#meta #Compilations ul,
#meta #Disciples ul,
#meta #Persons ul,
#meta #Texts ul,
#meta #Koans ul,
#meta #Biographies ul {
  margin-top: 4.5px;
  list-style: "–";
  list-style-position: outside;
}
#meta #Sources ul li,
#meta #Compilations ul li,
#meta #Disciples ul li,
#meta #Persons ul li,
#meta #Texts ul li,
#meta #Koans ul li,
#meta #Biographies ul li {
  padding-left: 0.5em;
}

table {
  table-layout: fixed;
  border-collapse: collapse;
}

#table_person {
  font-size: 80%;
  text-align: left;
}
#table_person tr:nth-child(odd) {
  background-color: var(--color-em-bg);
}
#table_person tr:nth-child(even) {
  background-color: var(--color-bg);
}
#table_person thead {
  border-bottom: 1px solid var(--color-border) !important;
}
#table_person thead tr {
  background-color: var(--color-bg) !important;
}

.table_person_page {
  width: 650px !important;
}

.table_person_col {
  width: 350px;
}

.table_person_pinyin,
.table_person_rōmaji,
.table_person_master {
  width: 550px;
}

.table_person_portrait {
  width: 75px;
  text-align: center;
}

#header_site_navigation:hover {
  cursor: pointer;
}

#return_to_home {
  max-height: 100%;
}

#site_name,
#page_name {
  font-size: 2rem;
  font-family: "Source Serif 4", serif;
}

#Sources {
  column-span: all;
}
#Sources ul#bibliography {
  column-span: all;
}

.koan {
  margin-top: 27px;
}

.tooltip, .tooltip_romaji {
  position: relative;
}

.tooltip:hover::before, .tooltip_romaji:hover::before,
.tooltip:focus::before,
.tooltip_romaji:focus::before {
  content: attr(data-tooltip-text);
  word-break: keep-all;
  background: var(--color-em-bg);
  color: var(--color-fg);
  border: 1px solid var(--color-border);
  border-color: var(--color-em);
  border-radius: 4px;
  padding: 2px 6px;
  margin-top: 0;
  position: absolute;
  left: 0;
  bottom: 1.75rem;
  z-index: 9999;
  min-width: 50px;
}

.tooltip:hover, .tooltip_romaji:hover,
.tooltip:focus,
.tooltip_romaji:focus {
  background: var(--color-em-bg);
}

.tooltip_romaji {
  z-index: 100;
}

.tooltip_romaji:hover::after,
.tooltip_romaji:focus::after {
  right: 0;
  top: 26px;
  left: auto;
  bottom: auto;
}

.edit_link {
  font-size: 60%;
  font-family: "Source Code Pro", system-ui, monospace;
  color: gray;
}
.edit_link a {
  color: gray;
}

.edit_icon {
  transform: translate(0, 3px);
  height: 1.6875rem;
}

.not-found {
  color: var(--color-alert);
}

.title,
.title-text,
.title-koan {
  font-style: italic;
}

span.title {
  word-wrap: break-word;
}

h1.title-text {
  font-style: normal;
}
h1.title-text .Opus,
h1.title-text .Compilations,
h1.title-text .Text,
h1.title-text .Texts {
  font-style: normal;
}

.subtitle,
.author-text {
  line-height: 0;
  text-align: left;
  width: 720px;
  padding: 0;
  height: 18px;
  margin-top: 4.5px;
  margin-bottom: 18px;
}

.note {
  text-indent: 0;
  font-style: normal;
  font-feature-settings: "smcp" off;
  display: inline;
  white-space: wrap;
  background: var(--color-bg);
  z-index: 1000;
  text-align: left;
  padding: 4.5px 15px;
  position: absolute;
  width: 180px;
  left: 825px;
}
@media (max-width: 1080px) {
  .note {
    right: 15px;
    left: auto;
  }
}
@media (max-width: 810px) {
  .note {
    width: calc(100vw - 750px);
  }
}
@media (max-width: 855px) {
  .note {
    border: 1px solid var(--color-border);
    left: calc(100vw - 270px);
    width: 270px;
    transform: translateY(54px);
  }
}
.note .poem {
  margin-left: 0.5em;
}
.note .comment {
  display: none;
}

ol.footnotes-list {
  list-style: none;
  padding-left: 0;
  margin-left: 0;
}

sup.footnote-ref {
  border-bottom-width: 0 !important;
}
sup.footnote-ref a {
  pointer-events: none !important;
  text-decoration-line: none !important;
}

.annotated:hover,
.note-open {
  color: var(--color-active) !important;
}

span.annotated:hover {
  cursor: help;
}

span.note-text-ref,
span.note-text-ref:hover,
span.note-text-ref:focus {
  color: var(--color-fg);
}

.footnote {
  margin-top: 0;
}
.footnote hr {
  width: 90px;
  margin: 0;
  margin-bottom: 9px;
}
.footnote ol {
  list-style: none;
  padding-left: 0;
  margin-left: 0;
}

hr.footnotes-sep {
  display: none;
}

.intro {
  font-style: italic;
  margin-bottom: 18px;
}

.poem,
.signature {
  white-space: pre-line;
}

.poem {
  margin-top: -36px;
}
.poem p {
  margin: 0em;
}

.signature {
  text-align: right;
}

.century {
  text-transform: lowercase;
  font-variant-caps: small-caps;
  font-feature-settings: "smcp";
}

.Opus,
.Compilations,
.Text,
.Texts {
  font-style: italic;
}

.index_letter {
  margin: 0;
}
.index_letter a:visited {
  color: var(--color-link) !important;
}

.list_index {
  margin: 0;
  padding: 0;
  padding-left: 1em;
  list-style-type: " ";
}

.hidden,
[hidden] {
  display: none !important;
}

.dialog {
  list-style-type: none;
  margin-top: 0rem;
  margin-left: 0rem;
  padding-left: 0rem;
}
.dialog li {
  margin-top: 0;
  padding-left: 1.5rem;
}
.dialog p {
  margin-top: 0em;
  margin-bottom: 0em;
  text-indent: 2em;
  margin-left: -2em;
}
.dialog li:before {
  content: "—";
  position: absolute;
  margin-left: -1.5rem;
}

p + ul.dialog {
  margin-top: -18px;
  margin-bottom: 18px;
}

.interlink-Texts,
.interlink-Koans,
.interlink-Compilations {
  font-style: italic;
}

.small_caps {
  font-variant-caps: all-small-caps;
}

.one_column {
  column-count: 1 !important;
}

.section_index_letter {
  margin-top: 4.5px;
  margin-bottom: 18px;
  column-count: 2;
  text-align: left;
}
@media (max-width: 720px) {
  .section_index_letter {
    column-count: 1;
  }
}

.section_index_Koans {
  column-count: 1;
}

.list_links_horizontal {
  margin-top: 36px;
  margin-bottom: 18px;
}

.glossary {
  column-count: 1;
}
.glossary dt {
  font-weight: var(--weight-bold);
}
.glossary dd {
  margin-bottom: 18px;
}
.glossary dd p {
  margin-bottom: 0;
  text-indent: 2em;
}

.see_also {
  margin-top: 0;
}

.see_also::before {
  content: "▷";
  margin-right: 0.5rem;
}

.hightlighted {
  background-color: var(--color-em-bg);
}

.summary {
  margin-bottom: 18px;
}

mark.alert {
  background-color: var(--color-active-bg);
}

.copy-icon {
  cursor: pointer;
  user-select: none;
  vertical-align: -4px;
  stroke: var(--color-fg);
  fill: var(--color-fg);
}

.copy-icon:hover {
  stroke: var(--color-active);
  fill: var(--color-active);
}

#info-glossary ul.glossary_variant:after {
  content: "";
  padding-left: 0.5em;
}

.glossary_term {
  font-style: italic;
}

.glossary_ref {
  color: var(--color-fg);
}
.glossary_ref:after {
  content: "*";
}

ul.glossary_variant {
  display: inline;
  font-weight: var(--weight-normal);
}
ul.glossary_variant li {
  display: inline;
}
ul.glossary_variant li:before {
  content: "·";
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
ul.glossary_variant li:first-of-type:before {
  content: "|";
  padding-left: 0em;
  padding-right: 0.25rem;
}
ul.glossary_variant:after {
  content: "|";
  padding-left: 0.5rem;
}

.citation {
  margin: 18px 0 36px 360px;
}
.citation .signature {
  margin: 0;
  padding-top: 0;
}

.list_compilation_text dt {
  float: left;
  clear: left;
  width: 4em;
  text-align: right;
}
.list_compilation_text dt::after {
  content: " — ";
}
.list_compilation_text dd {
  margin: 0 0 0 0px;
}

html {
  text-align: justify;
  hyphens: none;
  height: 100%;
  background-color: var(--color-bg);
  color: var(--color-fg);
}
html * {
  box-sizing: border-box;
}
@media print {
  html {
    margin: 18px 90px 126px 90px;
  }
}

h1 {
  margin-top: 36px;
  margin-bottom: 18px;
  text-align: left;
}

h2 {
  margin-top: 36px;
  margin-bottom: 18px;
  text-align: left;
}

h3 {
  margin-top: 18px;
  margin-bottom: 0px;
  text-align: left;
}

h4 {
  margin-top: 18px;
  margin-bottom: 0px;
  text-align: left;
}

h5 {
  margin-top: 18px;
  margin-bottom: 0px;
  text-align: left;
}

h6 {
  margin-top: 18px;
  margin-bottom: 0px;
  text-align: left;
}

p {
  margin-top: 0;
  margin-bottom: 18px;
}

p {
  margin-top: 0;
  margin-bottom: 18px;
}

blockquote {
  margin-top: 0;
  margin-left: 1em;
}
blockquote p {
  margin-left: 0;
  margin-bottom: 0;
  text-indent: 2em;
}
blockquote p :first-of-type {
  text-indent: 0em;
}
blockquote p:first-of-type {
  text-indent: 0em;
}

img {
  border-style: none;
  max-width: 100%;
}

a {
  background-color: transparent;
  color: var(--color-link);
  text-decoration: none;
}

a.letter {
  color: var(--color-fg);
}

@media only print {
  a[href]:after {
    content: none !important;
  }
}
a:visited {
  color: var(--color-link-visited);
}

a:hover,
a:focus,
a:visited:hover {
  color: var(--color-link-active);
}

a::active {
  color: var(--color-link-active);
}

a[href^=http]:after {
  content: " " url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAVklEQVR4Xn3PgQkAMQhDUXfqTu7kTtkpd5RA8AInfArtQ2iRXFWT2QedAfttj2FsPIOE1eCOlEuoWWjgzYaB/IkeGOrxXhqB+uA9Bfcm0lAZuh+YIeAD+cAqSz4kCMUAAAAASUVORK5CYII=);
}

b,
strong {
  font-weight: var(--weight-bold);
}

u {
  text-decoration-line: underline; /* 2 */
  text-decoration-style: dotted; /* 2 */
}

sub,
sup {
  font-size: 100%;
  vertical-align: baseline;
}

sup {
  font-feature-settings: "sups";
}

sub {
  font-feature-settings: "subs";
}

hr {
  border: none;
  margin: 36px 90px 36px 90px;
  border-top: 1px solid var(--color-border);
  border-color: var(--color-light-gray);
  text-align: center;
}
@media (max-width: 810px) {
  hr {
    margin: 18px auto 18px auto;
  }
}

.alt {
  transform: rotate(180deg);
}

td,
th {
  vertical-align: top;
}

code {
  font-family: "Source Code Pro", system-ui, monospace;
  font-size: 0.9em;
  line-height: 1.125rem;
  text-wrap: wrap;
}

figure {
  padding: 0px;
  margin: 0px;
}

figure.center {
  display: block;
  margin: 0 auto;
}

figure.right {
  float: right;
  margin-right: -180px;
}

figure.left {
  float: left;
  margin-left: -180px;
}

figure.portrait {
  width: 270px;
  height: auto;
  padding: 0 1em;
  flex-shrink: 0;
}
figure.portrait .credit {
  transform: translate(0%, -100%);
  z-index: 1000;
  opacity: 0;
  transition-property: opacity;
  transition-duration: 1s;
  margin-bottom: -25%;
}
figure.portrait .credit:hover {
  opacity: 1;
}
figure.portrait {
  margin-right: -45px;
}
@media (max-width: 810px) {
  figure.portrait {
    margin-right: 0;
  }
}
@media (max-width: 720px) {
  figure.portrait {
    float: none;
    margin: 0 auto;
    width: calc(100vw - 3em);
  }
}

.portrait-hidden {
  visibility: hidden;
}

figcaption {
  text-align: center;
  font-style: italic;
  margin-top: 0.4375rem;
  padding-right: 1em;
  padding-left: 1em;
  text-indent: 0;
}

.graph_main {
  display: flex;
  flex-direction: column;
  width: calc(100vw - 2 * 90px);
}

#graph_person text,
.graph_main text {
  fill: var(--color-fg);
}
#graph_person path,
.graph_main path {
  stroke: var(--color-fg);
}
#graph_person polygon,
.graph_main polygon {
  stroke: var(--color-fg);
  fill: var(--color-fg);
}

.node {
  font: "Source Serif 4", serif;
}
.node a text {
  fill: var(--color-link) !important;
}
.node a:visited text {
  fill: var(--color-link-visited);
}
.node a:hover text,
.node a:visited:hover text,
.node a:focus text {
  fill: var(--color-link-hover);
}
.node a::active text {
  color: var(--color-link-active);
}
.node a:not([target]) text {
  fill: var(--color-fg) !important;
}

.master_node path {
  fill: var(--color-em-bg);
}

.svg_div {
  flex: 1 1 auto;
  overflow: hidden;
  margin: 5px;
}

.full_div {
  overflow: auto;
  height: calc(100vh - 180px);
}

.scroll_div {
  overflow: auto;
  border: 1px solid var(--color-border);
  height: calc(100vh - 180px);
}

/*
  * Graph
  */
.patriarch_sōtō path {
  stroke: var(--color-blood) !important;
  fill: var(--color-blood-bg) !important;
}

.patriarch_sōtō_sōtō path {
  stroke: var(--color-blood);
}
.patriarch_sōtō_sōtō polygon {
  stroke: var(--color-blood);
  fill: var(--color-blood);
}

.school_sōtō path {
  stroke: var(--color-sōtō);
  fill: var(--color-sōtō-bg);
}

.school_rinzai path {
  stroke: var(--color-rinzai);
  fill: var(--color-rinzai-bg);
}

.school_unmon path {
  stroke: var(--color-unmon);
  fill: var(--color-unmon-bg);
}

.school_honen path {
  stroke: var(--color-honen);
  fill: var(--color-honen-bg);
}

.school_guiyang path {
  stroke: var(--color-guiyang);
  fill: var(--color-guiyang-bg);
}

.school_sōtō_sōtō path {
  stroke: var(--color-sōtō);
}
.school_sōtō_sōtō polygon {
  fill: var(--color-sōtō);
  stroke: var(--color-sōtō);
}

.school_rinzai_rinzai path {
  stroke: var(--color-rinzai);
}
.school_rinzai_rinzai polygon {
  fill: var(--color-rinzai);
  stroke: var(--color-rinzai);
}

.school_unmon_unmon path {
  stroke: var(--color-unmon);
}
.school_unmon_unmon polygon {
  fill: var(--color-unmon);
  stroke: var(--color-unmon);
}

.school_honen_honen path {
  stroke: var(--color-honen);
}
.school_honen_honen polygon {
  fill: var(--color-honen);
  stroke: var(--color-honen);
}

.school_guiyang_guiyang path {
  stroke: var(--color-guiyang);
}
.school_guiyang_guiyang polygon {
  fill: var(--color-guiyang);
  stroke: var(--color-guiyang);
}

.patriarch_sōtō {
  color: var(--color-blood);
}

.patriarch_sōtō_sōtō path {
  stroke: var(--color-blood);
}
.patriarch_sōtō_sōtō polygon {
  fill: var(--color-blood);
  stroke: var(--color-blood);
}

.school_legend {
  display: flex;
}

.graph_legend .square {
  margin: 2px;
  width: 1em;
  height: 1em;
  margin-top: 5px;
  margin-right: 10px;
}

.school_guiyang .square {
  background-color: var(--color-guiyang-bg);
  border: 1px solid var(--color-guiyang);
}

.school_honen .square {
  background-color: var(--color-honen-bg);
  border: 1px solid var(--color-honen);
}

.school_rinzai .square {
  background-color: var(--color-rinzai-bg);
  border: 1px solid var(--color-rinzai);
}

.school_sōtō .square {
  background-color: var(--color-sōtō-bg);
  border: 1px solid var(--color-sōtō);
}

.school_unmon .square {
  background-color: var(--color-unmon-bg) !important;
  border: 1px solid var(--color-unmon);
}

.graph_main {
  /*pour que le absolute de la légende soit par rapport à celui-ci*/
  position: relative;
}

.graph_main p {
  /* 11ty ajoute des <p>, pas compris pourquoi...*/
  display: none;
}

.graph_legend {
  position: absolute;
  background-color: var(--color-bg);
  padding: 1em;
  border: 1px solid var(--color-border);
  /* être plus haut que la scroll bar du bas */
  top: 2em;
  right: 1em;
  margin: 10px;
}

.fullscreen_div {
  position: absolute;
  width: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 10;
}

.fullscreen_div .scroll_div {
  height: 100%;
}

.graph_controls {
  position: absolute;
  top: 5px;
  right: 20px; /* pour la scrollbar de droite */
  display: flex;
}

.graph_control {
  cursor: pointer;
  width: 30px;
}

#graph_person {
  overflow: auto;
  padding: 36px 0px;
  text-align: center;
}
#graph_person .school_ path,
#graph_person .school_sōtō path,
#graph_person .school_rinzai path,
#graph_person .school_unmon path,
#graph_person .school_honen path,
#graph_person .school_guiyang path {
  stroke: var(--color-em);
  fill: var(--color-em-bg);
}

#graph_person figure {
  margin: 0 auto;
}

#graph0 > polygon {
  stroke: var(--color-bg);
  fill: var(--color-bg);
}

.affiche {
  position: relative;
}
.affiche h1 {
  position: inherit !important;
  border: 0;
  background-color: transparent !important;
  margin-bottom: 50px;
}
.affiche text {
  /* Chrome 29+ */
}
.affiche .graph_legend {
  bottom: 260px;
  top: inherit;
  right: inherit;
}

:root {
  --width-column: 90px;
  --size-scale-0: 0.5rem;
  --size-scale-1: 0.625rem;
  --size-scale-2: 0.75rem;
  --size-scale-3: 0.875rem;
  --size-scale-4: 1rem;
  --size-scale-5: 1.125rem;
  --size-scale-6: 1.33rem;
  --size-scale-7: 1.5rem;
  --size-scale-8: 1.75rem;
  --size-scale-9: 2rem;
  --size-scale-10: 2.5rem;
  --size-scale-11: 3rem;
  --size-scale-12: 3.5rem;
  --size-scale-13: 4rem;
  --weight-light: 300;
  --weight-normal: 400;
  --weight-semibold: 500;
  --weight-bold: 580;
  --font-serif: Source Serif 4, serif;
  --font-sans: Source Sans 3, sans-serif;
  --font-code: Source Code Pro, system-ui, monospace;
  --width-border: 1px;
  --radius-border: 4px;
}

:root {
  --bg-reduction: 25%;
  --color-bg: rgb(255, 255, 255);
  --color-bg-bg: color-mix(in oklab, var(--color-bg) var(--bg-reduction), var(--color-bg));
  --color-bg: rgb(255, 255, 255);
  --color-fg: rgb(0, 0, 0);
  --color-fg-bg: color-mix(in oklab, var(--color-fg) var(--bg-reduction), var(--color-bg));
  --color-fg: rgb(0, 0, 0);
  --color-bg-darkmode: rgb(34, 34, 34);
  --color-bg-darkmode-bg: color-mix(in oklab, var(--color-bg-darkmode) var(--bg-reduction), var(--color-bg));
  --color-bg-darkmode: rgb(34, 34, 34);
  --color-fg-darkmode: rgb(255, 255, 255);
  --color-fg-darkmode-bg: color-mix(in oklab, var(--color-fg-darkmode) var(--bg-reduction), var(--color-bg));
  --color-fg-darkmode: rgb(255, 255, 255);
  --color-brand: #c63;
  --color-brand-bg: color-mix(in oklab, var(--color-brand) var(--bg-reduction), var(--color-bg));
  --color-brand: #c63;
  --color-active: #c00;
  --color-active-bg: color-mix(in oklab, var(--color-active) var(--bg-reduction), var(--color-bg));
  --color-active: #c00;
  --color-active-bg: #ffb4b4;
  --color-active-bg-bg: color-mix(in oklab, var(--color-active-bg) var(--bg-reduction), var(--color-bg));
  --color-active-bg: #ffb4b4;
  --color-link: #36c;
  --color-link-bg: color-mix(in oklab, var(--color-link) var(--bg-reduction), var(--color-bg));
  --color-link: #36c;
  --color-link-darkmode: rgb(68, 147, 248);
  --color-link-darkmode-bg: color-mix(in oklab, var(--color-link-darkmode) var(--bg-reduction), var(--color-bg));
  --color-link-darkmode: rgb(68, 147, 248);
  --color-link-bg: #b4b4ff;
  --color-link-bg-bg: color-mix(in oklab, var(--color-link-bg) var(--bg-reduction), var(--color-bg));
  --color-link-bg: #b4b4ff;
  --color-link-active: #c00;
  --color-link-active-bg: color-mix(in oklab, var(--color-link-active) var(--bg-reduction), var(--color-bg));
  --color-link-active: #c00;
  --color-link-hover: #c00;
  --color-link-hover-bg: color-mix(in oklab, var(--color-link-hover) var(--bg-reduction), var(--color-bg));
  --color-link-hover: #c00;
  --color-link-visited: #639;
  --color-link-visited-bg: color-mix(in oklab, var(--color-link-visited) var(--bg-reduction), var(--color-bg));
  --color-link-visited: #639;
  --color-link-visited-darkmode: rgb(171, 125, 248);
  --color-link-visited-darkmode-bg: color-mix(in oklab, var(--color-link-visited-darkmode) var(--bg-reduction), var(--color-bg));
  --color-link-visited-darkmode: rgb(171, 125, 248);
  --color-link-visited-bg: rgba(112, 21, 99, 0.5);
  --color-link-visited-bg-bg: color-mix(in oklab, var(--color-link-visited-bg) var(--bg-reduction), var(--color-bg));
  --color-link-visited-bg: rgba(112, 21, 99, 0.5);
  --color-border: #333;
  --color-border-bg: color-mix(in oklab, var(--color-border) var(--bg-reduction), var(--color-bg));
  --color-border: #333;
  --color-em: rgb(135, 96, 40);
  --color-em-bg: color-mix(in oklab, var(--color-em) var(--bg-reduction), var(--color-bg));
  --color-em: rgb(135, 96, 40);
  --color-em-darkmode: #fff;
  --color-em-darkmode-bg: color-mix(in oklab, var(--color-em-darkmode) var(--bg-reduction), var(--color-bg));
  --color-em-darkmode: #fff;
  --color-alert: #c00;
  --color-alert-bg: color-mix(in oklab, var(--color-alert) var(--bg-reduction), var(--color-bg));
  --color-alert: #c00;
  --color-blood: #8a0303;
  --color-blood-bg: color-mix(in oklab, var(--color-blood) var(--bg-reduction), var(--color-bg));
  --color-blood: #8a0303;
  --color-gold: gold;
  --color-gold-bg: color-mix(in oklab, var(--color-gold) var(--bg-reduction), var(--color-bg));
  --color-gold: gold;
  --color-sōtō: rgb(236, 84, 40);
  --color-sōtō-bg: color-mix(in oklab, var(--color-sōtō) var(--bg-reduction), var(--color-bg));
  --color-sōtō: rgb(236, 84, 40);
  --color-rinzai: #30ae4c;
  --color-rinzai-bg: color-mix(in oklab, var(--color-rinzai) var(--bg-reduction), var(--color-bg));
  --color-rinzai: #30ae4c;
  --color-unmon: #f6db2d;
  --color-unmon-bg: color-mix(in oklab, var(--color-unmon) var(--bg-reduction), var(--color-bg));
  --color-unmon: #f6db2d;
  --color-honen: #f1c041;
  --color-honen-bg: color-mix(in oklab, var(--color-honen) var(--bg-reduction), var(--color-bg));
  --color-honen: #f1c041;
  --color-guiyang: #194ea4;
  --color-guiyang-bg: color-mix(in oklab, var(--color-guiyang) var(--bg-reduction), var(--color-bg));
  --color-guiyang: #194ea4;
  --color-draft-fg: rgb(87, 129, 237);
  --color-draft-fg-bg: color-mix(in oklab, var(--color-draft-fg) var(--bg-reduction), var(--color-bg));
  --color-draft-fg: rgb(87, 129, 237);
  --color-draft-bg: #dcf1f4;
  --color-draft-bg-bg: color-mix(in oklab, var(--color-draft-bg) var(--bg-reduction), var(--color-bg));
  --color-draft-bg: #dcf1f4;
  --color-to-be-published-fg: rgb(0, 150, 0);
  --color-to-be-published-fg-bg: color-mix(in oklab, var(--color-to-be-published-fg) var(--bg-reduction), var(--color-bg));
  --color-to-be-published-fg: rgb(0, 150, 0);
  --color-to-be-published-bg: #e6f8d1;
  --color-to-be-published-bg-bg: color-mix(in oklab, var(--color-to-be-published-bg) var(--bg-reduction), var(--color-bg));
  --color-to-be-published-bg: #e6f8d1;
  --color-draft-bg-darkmode: rgb(87, 129, 237);
  --color-draft-bg-darkmode-bg: color-mix(in oklab, var(--color-draft-bg-darkmode) var(--bg-reduction), var(--color-bg));
  --color-draft-bg-darkmode: rgb(87, 129, 237);
  --color-draft-fg-darkmode: #dcf1f4;
  --color-draft-fg-darkmode-bg: color-mix(in oklab, var(--color-draft-fg-darkmode) var(--bg-reduction), var(--color-bg));
  --color-draft-fg-darkmode: #dcf1f4;
  --color-gray: #cba;
  --color-gray-bg: color-mix(in oklab, var(--color-gray) var(--bg-reduction), var(--color-bg));
  --color-gray: #cba;
  --color-light-gray: rgb(207, 217, 222);
  --color-light-gray-bg: color-mix(in oklab, var(--color-light-gray) var(--bg-reduction), var(--color-bg));
  --color-light-gray: rgb(207, 217, 222);
  --color-dark-gray: #876;
  --color-dark-gray-bg: color-mix(in oklab, var(--color-dark-gray) var(--bg-reduction), var(--color-bg));
  --color-dark-gray: #876;
}

@media (prefers-color-scheme: dark) {
  :root {
    --bg-reduction: 50%;
    --color-bg: rgb(34, 34, 34);
    --color-fg: rgb(255, 255, 255);
    --color-draft-bg: rgb(87, 129, 237);
    --color-draft-fg: #dcf1f4;
    --color-link: rgb(68, 147, 248);
    --color-link-visited: rgb(171, 125, 248);
    --color-em: #fff;
    --weight-normal: 375;
    --weight-semibold: 450;
    --weight-bold: 500;
  }
  figure.portrait img {
    filter: invert(75%);
  }
  #search_icon,
  hr {
    filter: invert(100%);
  }
}