@import 'site.css';

/*-----------------------------------------------------------------------*/
/* Navigation
/*-----------------------------------------------------------------------*/
.nav-container {
  width: 14rem;
}

aside.toc.sidebar {
  flex-basis: 12rem;
}

/*-----------------------------------------------------------------------*/
/* Roles
/*-----------------------------------------------------------------------*/
.terms {
    font-weight: bold;
    color: darkslateblue;
}

.todo {
    font-weight: bold;
    color: red;
}

.todo::before {
    content: "TODO";
    color: white;
    font-size: 0.8em;
    background-color: red;
    border-radius: 4px;
    padding: 2px 6px;
    margin: 2px 0.5em;
}

.author-note {
  font-weight: bold;
  color: magenta;
}

.author-note::before {
  content: "著者注";
  color: white;
  font-size: 0.8em;
  background-color: magenta;
  border-radius: 4px;
  padding: 2px 6px;
  margin: 2px 0.5em;
}

.url {
    font-family: monospace;
}

.url::before {
    content: "URL";
    color: white;
    font-size: 0.8em;
    background-color: #5b6f3a;
    border-radius: 2px;
    padding: 2px 6px;
    margin: 2px 0.5em;
}

/*-----------------------------------------------------------------------*/
/* Image
/*-----------------------------------------------------------------------*/

.imageblock > .content {
  text-align: center;
}

.imageblock.capture img {
  filter: drop-shadow(2px 2px 4px rgba(0,0,0,0.6));
}

/*-----------------------------------------------------------------------*/
/* Headings
/*-----------------------------------------------------------------------*/
/* Level3 */
.doc h3 .anchor {
  margin-left: -2.5em !important;
}

.doc h3:before {
  content: var(--chapter-number)'.';
  color: black;
  margin-right: 0em;
}

/* Level4 */
.doc h4 .anchor {
  margin-left: -2.5em !important;
}

.doc h4:before {
  content: '●';
  color: black;
  margin-right: 0.3em;
}

.doc h4 {
  font-weight: bold !important;
  font-size: 1.1em;
}

/* Level5 */
.doc h5 {
  font-weight: bold !important;
  font-size: 1em;
}

/* Lead */
.paragraph.lead > p {
  text-indent: 0em;
  font-weight: bold;
  font-size: 1.2em;
}

/*-----------------------------------------------------------------------*/
/* Paragraph
/*-----------------------------------------------------------------------*/
.paragraph p {
  text-indent: 1em;
}

.paragraph p kbd {
  text-indent: 0em;
}

/* Paragraph after Lead sentence */
.paragraph.lead + .paragraph {
  margin-top: 0.2rem;
}

/*-----------------------------------------------------------------------*/
/* Column note
/*-----------------------------------------------------------------------*/
/* Column title */
.doc .note td.content > .title {
  font-style: normal !important;
  font-weight: bold !important;
  font-size: 1.2em !important;
  line-height: 1.3 !important;
  margin-bottom: 1ex !important;
}

/* Column box */
.doc .note table {
  border: solid;
  border-color: #808080;
}

/*-----------------------------------------------------------------------*/
/* Tip
/*-----------------------------------------------------------------------*/
/* Tip title */
.doc .tip td.content > .title {
  font-style: normal !important;
  font-weight: bold !important;
  font-size: 1.2em !important;
  line-height: 1.3 !important;
  margin-bottom: 1ex !important;
}

/* Tip box */
.doc .tip table {
  border: none;
  margin-left: 3em;
  margin-right: 3em;
  width: 90%;
}

/* Tip body */
.doc .tip td.content p {
  font-size: 0.8rem !important;
}

/*-----------------------------------------------------------------------*/
/* Sidebar
/*-----------------------------------------------------------------------*/
.doc .sidebarblock {
  background: #cce5ff !important;
  border-radius: .5rem !important;
  width: 90% !important;
}

/*-----------------------------------------------------------------------*/
/* Table
/*-----------------------------------------------------------------------*/
/* Table */
th.tableblock {
  background-color: #dddddd;
}

/* Table style */
.doc table.tableblock {
  margin: 1.5rem auto auto !important;
}

.doc table.tableblock thead tr th {
  text-align: center !important;
  font-weight: bold;
}

.doc table.tableblock td p, .doc table.tableblock th {
  font-size: 0.85em;
}

.doc table.tableblock td, .doc table.tableblock th {
  padding: 0.2rem;
}

/*-----------------------------------------------------------------------*/
/* Source code block
/*-----------------------------------------------------------------------*/
/* Change the style of round numbers in the source code block */
.doc .conum[data-value] {
    color: #ffffff !important;
    background-color: rgba(0, 0, 0, 0.8);
}

code.hljs {
  font-size: 80%;
}

code:not(.hljs) {
  fonr-size: 12pt;
  background-color: rgba(27,31,36,0.15) !important;
}

/*-----------------------------------------------------------------------*/
/* Example block
/*-----------------------------------------------------------------------*/
.doc .exampleblock > .content {
  border-style: none !important;
  margin-bottom: 1em;
  padding: 0em;
}

/*-----------------------------------------------------------------------*/
/* HR
/*-----------------------------------------------------------------------*/
.doc hr {
  border-width: 0 0 8px;
  border-style: solid;
  border-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2 1"><circle fill="hsla(0, 0%, 65%, 1.0)" cx="1" cy="0.5" r="0.5"/></svg>') 0 0 100% repeat;
  width: 136px;
  margin: 2rem auto;
}

/*-----------------------------------------------------------------------*/
/* Printing
/*-----------------------------------------------------------------------*/
@media print {
  @page {
    margin-top: 3cm;
    margin-bottom: 3cm;
    margin-left: 1.6cm;
    margin-right: 1.6cm;
  }
  .doc {
    font-size: 12pt;
  }
}