@import url("https://fonts.googleapis.com/css2?family=DM+Mono&family=Inter:wght@400;600&display=swap");

:root {
  --base-font-size: 16px;
  --base-font-family: "Inter", sans-serif;
  --code-font-family: "DM Mono", monospace;

  --heading-h1-font-weight: 600;
  --heading-h2-font-weight: 600;
  --heading-h3-font-weight: 600;

  --notice-border-radius: 0 var(--border-radius-m) var(--border-radius-m) 0;
  --notice-border-width: 0 0 0 4px;
  --notice-padding: 1em 1.5em 1em 3em;

  --notice-before-border-radius: 100%;
  --notice-before-font-weight: bold;
  --notice-before-height: 1.5em;
  --notice-before-left: 0.75em;
  --notice-before-line-height: 1.5;
  --notice-before-margin: 0 0.25em 0 0;
  --notice-before-position: absolute;
  --notice-before-width: var(--notice-before-height);

  --notice-important-background: hsl(340, 60%, 96%);
  --notice-important-border-color: hsl(340, 90%, 45%);

  --notice-important-before-background: var(--notice-important-border-color)
    center / 0.875em no-repeat;

  --notice-important-before-color: #fff;
  --notice-important-before-content: "!";

  --notice-tip-background: hsl(204, 60%, 96%);
  --notice-tip-border-color: hwb(204 4% 15%);

  --notice-tip-before-background: var(--notice-tip-border-color) center /
    0.875em no-repeat;
  --notice-tip-before-color: #fff;
  --notice-tip-before-content: "?";
  
  --table-border-color: #d7d7d7;

}

.markdown-section pre[data-lang]::after{
  right: 0;
  left: 0.75em;
}

pre{
  border: 1px solid #d7d7d7;
}

.search .clear-button.show{
  display: flex !important;
  align-items: center;
}

h4{
  font-weight: bold !important;
}

article p a {
  color: var(--notice-tip-border-color) !important;
}

table, 
td, 
th {
    border-width: 1px !important;
    border-style: solid !important;
    border-color: var(--table-border-color)  !important;
    padding:10px !important;
}

table{
  display: table !important;
  padding: 0
}

thead,
tbody{
  width: 100%
}