/*
Copyright (c) 2021 Kil Hyung-jin, with Reserved Font Name Pretendard.
https://github.com/orioncactus/pretendard

This Font Software is licensed under the SIL Open Font License, Version 1.1.
This license is copied below, and is also available with a FAQ at:
http://scripts.sil.org/OFL
*/

@font-face {
  font-family: 'Pretendard Variable';
  font-weight: 45 920;
  font-style: normal;
  font-display: swap;
  src: url('fonts//PretendardVariable.woff2') format('woff2-variations');
}

@font-face {
  font-family: 'D2CodingLigature Nerd Font';
  src: url('fonts/D2CodingLigatureNF.woff2') format('woff2'),
       url('fonts/D2CodingLigatureNF.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'D2CodingLigature Nerd Font';
  src: url('fonts/D2CodingLigatureNF-Bold.woff2') format('woff2'),
       url('fonts/D2CodingLigatureNF-Bold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

:root {
  --accent-foreground: 191 49% 42% !important;
  --foreground: 222 48% 11% !important;
  --primary: hsl(var(--accent-foreground));
  --sd-color-primary: hsl(var(--accent-foreground)) !important;
}

@media (prefers-color-scheme: dark) {
  :root {
    --accent-foreground: 180 70% 54% !important;
    --foreground: 200 16% 78% !important;
    --sd-color-primary: hsl(var(--accent-foreground)) !important;
  }
}

.font-sans {
    font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
}

.font-mono {
    font-family: 'D2CodingLigature Nerd Font','JetBrains Mono',ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace
}

#left-sidebar a {
  word-break: keep-all;
  font-weight: 500;
}

#left-sidebar a.current {
    background-color: transparent !important;
    border-color: hsl(var(--border));
    border-width: 1px;
    color: inherit !important;
    font-weight: 500
}

#left-sidebar a.internal:hover {
  color: hsl(var(--accent-foreground));
}

#left-sidebar a.expanded {
  background-color: transparent !important;
  border-color: hsl(var(--border));
  border-width: 1px;
  color: inherit !important;
}

#left-sidebar li.toctree-l3 > a.current {
  color: inherit !important;
  border-width: 0px
}

#left-sidebar ul {
  font-size: .875rem;
  line-height: 1rem;
}

#content a.reference:hover {
  color: hsl(var(--accent-foreground));
}

#page > header > div > div.flex.items-center.justify-between.flex-1.gap-2.sm\:gap-4.md\:justify-end > nav {
  gap: .615rem;
}

#searchbox > kbd {
  font-family: 'JetBrains Mono';
}

#right-sidebar ul li a[data-current=true] {
  border-bottom: 2px solid hsl(var(--accent-foreground));
}

.container {
  max-width: 96%;
}

table {
  word-break: break-all;
  zoom: 0.99;
}

code, kbd, pre, samp {
    font-family: 'D2CodingLigature Nerd Font','JetBrains Mono',ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;
    font-feature-settings: normal;
    font-size: 0.78rem;
    line-height: 1rem;
    font-variation-settings: normal;
    background: #f7f7f7;
    background-color: rgba(247, 247, 247, 0.6); /* 투명도 20% */
}

@media (prefers-color-scheme: dark) {
  code, kbd, pre, samp {
    background: #050d14;
    background-color: rgba(5, 13, 20, 0.6); /* 투명도 20% */
  }
}

#content h1 {
    font-size: 2rem;
    font-weight: 700;
    line-height: 2.5rem;
    margin-top: 1.5rem;
    padding-bottom: 0.5rem;
}

#content h2 {
    border-bottom-width: 1px;
    border-color: hsl(var(--border));
    font-size: 1.75rem;
    font-weight: 600;
    line-height: 2.25rem;
    margin-top: 1.75rem;
    margin-bottom: 1rem;
    padding-bottom: 0.5rem;
}

#content h3 {
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 2rem;
    margin-top: 1.5rem;
    padding-bottom: 0.5rem;
}

#content .rubric,#content h4 {
    font-size: 1.25rem;
    font-weight: 600;
    line-height: 1.75rem;
    margin-top: 1.25rem;
    padding-bottom: 0.5rem;
}

#content section>p {
    line-height: inherit;
    margin-top: 1rem;
    margin-bottom: 1rem;
}

#content ul:not(.search),
#content ul:not(.search) > li,
#content ul:not(.search) p {
    margin-top: 0.3rem !important;
}

blockquote {
  border-left-width: 0px;
  font-style: normal;
}

.highlighted {
    background-color: #b0c4;
    text-decoration-line: inherit;
    text-decoration-thickness: 3px;
}

.highlight .err {
    border: none;
}

/* 그리드 마우스 오버 */
.sd-card:hover .sd-material-icon {
  fill: hsl(var(--accent-foreground));
}

/* 768px 이하(모바일)에서 download 버튼 숨기기 */
@media only screen and (max-width: 768px) {
  .hide-on-mobile {
    display: none !important;
  }
}