/* Whiteglass variables: set before import */
/**
 * Reset some basic elements
 */
body, h1, h2, h3, h4, h5, h6,
p, blockquote, pre, hr,
dl, dd, ol, ul, figure {
  margin: 0;
  padding: 0;
}

/**
 * Basic styling
 */
body {
  font: 400 16px/1.5 Bitter, "Apple SD Gothic Neo", "Noto Sans", "Source Han Sans", "Noto Sans CJK JP", "Source Han Sans JP", "Noto Sans CJK KR", "Source Han Sans KR", NanumBarunGothic, AppleGothic, "Malgun Gothic", Dotum, sans-serif;
  color: hsl(240, 7%, 22%);
  background-color: #ffffff;
  -webkit-text-size-adjust: 100%;
  -webkit-font-feature-settings: "kern" 1;
  -moz-font-feature-settings: "kern" 1;
  -o-font-feature-settings: "kern" 1;
  font-feature-settings: "kern" 1;
  font-kerning: normal;
  word-wrap: break-word;
}

table {
  width: 100%;
  margin: 0 0 20px 0;
  text-align: left;
}

/**
 * Set `margin-bottom` to maintain vertical rhythm
 */
h1, h2, h3, h4, h5, h6,
p, blockquote, pre,
ul, ol, dl, figure,
.highlight {
  margin-bottom: 15px;
}

/**
 * Images
 */
img {
  max-width: 100%;
  vertical-align: middle;
}

/**
 * Figures
 */
figure > img {
  display: block;
}

figcaption {
  font-size: 14px;
}

/**
 * Lists
 */
ul, ol {
  margin-left: 30px;
}

li > ul,
li > ol {
  margin-bottom: 0;
}

/**
 * Headings
 */
h1, h2, h3, h4, h5, h6 {
  font-weight: 400;
}
h1 code, h2 code, h3 code, h4 code, h5 code, h6 code {
  font-size: inherit;
}

h1:lang(ko), h2:lang(ko), h3:lang(ko) {
  word-break: keep-all;
}

/**
 * Links
 */
a {
  color: #31547a;
  text-decoration: none;
}
a:visited {
  color: rgb(34.3859649123, 58.9473684211, 85.6140350877);
}
a:hover {
  color: hsl(240, 7%, 22%);
  text-decoration: underline;
}

/**
 * Blockquotes
 */
blockquote {
  color: #757575;
  border-left: 4px solid rgb(231.75, 231.75, 231.75);
  padding-left: 15px;
  font-size: 18px;
  letter-spacing: -1px;
  font-style: italic;
}
blockquote > :last-child {
  margin-bottom: 0;
}
blockquote pre, blockquote code {
  color: hsl(240, 7%, 22%);
}

/**
 * Rules
 */
hr {
  height: 4px;
  margin: 15px 0;
  border: 0;
  background-color: rgb(231.75, 231.75, 231.75);
}

/**
 * Code formatting
 */
pre,
code {
  font-family: Monaco, Menlo, Consolas, "Courier New", DotumChe, monospace;
  font-size: 13px;
  border: 1px solid rgb(231.75, 231.75, 231.75);
  border-radius: 0;
  background-color: #f8f8f8;
}

code {
  padding: 1px 5px;
}

pre {
  padding: 8px 12px;
  overflow-x: auto;
  word-wrap: normal;
}
pre > code {
  border: 0;
  padding-right: 0;
  padding-left: 0;
}

/**
 * Wrapper
 */
.wrapper {
  max-width: -webkit-calc(860px - (30px * 2));
  max-width: calc(860px - 30px * 2);
  margin-right: auto;
  margin-left: auto;
  padding-right: 30px;
  padding-left: 30px;
}
@media screen and (max-width: 800px) {
  .wrapper {
    max-width: -webkit-calc(860px - (30px));
    max-width: calc(860px - (30px));
    padding-right: 15px;
    padding-left: 15px;
  }
}

/**
 * Clearfix
 */
.pagination:after, .wrapper:after {
  content: "";
  display: table;
  clear: both;
}

/**
 * Site header
 */
.site-header {
  min-height: 56px;
  position: relative;
}

.site-title {
  font-size: 26px;
  font-weight: 300;
  line-height: 56px;
  letter-spacing: -1px;
  margin-bottom: 0;
  float: left;
}
.site-title, .site-title:visited {
  color: #424242;
}

.site-nav {
  float: right;
  line-height: 56px;
}
.site-nav .page-link {
  color: hsl(240, 7%, 22%);
  line-height: 1.5;
}
.site-nav .page-link:not(:last-child) {
  margin-right: 20px;
}
@media screen and (max-width: 600px) {
  .site-nav .page-link {
    padding: 20px 0;
    margin-left: 20px;
  }
  .site-nav .page-link:not(:last-child) {
    margin-right: 0;
  }
}

/**
 * Site footer
 */
.site-footer {
  padding: 30px 0;
  font-size: 15px;
  color: #757575;
  text-align: center;
}

/**
 * Page content
 */
.page-content {
  padding: 30px 0;
}

.page-heading {
  font-size: 20px;
}

.post-list {
  margin-left: 0;
  list-style: none;
}
.post-list .post-link:hover {
  text-decoration: none;
}
.post-list > li {
  margin-bottom: 60px;
}
.post-list > li:not(:first-child) {
  border-top: 4px solid rgb(231.75, 231.75, 231.75);
  padding-top: 60px;
}

.post-archives {
  margin-left: 0;
  list-style: none;
}
.post-archives .post-link {
  font-size: 24px;
}
.post-archives > li {
  margin-bottom: 30px;
}

.post-meta {
  font-size: 14px;
  color: #757575;
}

.post-link, .post-link:visited {
  color: hsl(240, 7%, 22%);
}
.post-link:hover {
  color: #31547a;
}

.post-continue a {
  padding: 8px 15px;
  text-decoration: none;
}
.post-continue a, .post-continue a:visited {
  color: #424242;
  background-color: rgb(231.75, 231.75, 231.75);
}
.post-continue a:hover {
  color: white;
  background-color: #31547a;
}

/**
 * Posts
 */
.post-header {
  margin-bottom: 30px;
}

.post-title {
  font-size: 42px;
  letter-spacing: -1px;
  line-height: 1;
}
@media screen and (max-width: 800px) {
  .post-title {
    font-size: 36px;
  }
}

.post-content {
  margin-bottom: 30px;
}
.post-content h1 {
  font-size: 38px;
}
@media screen and (max-width: 800px) {
  .post-content h1 {
    font-size: 34px;
  }
}
.post-content h2 {
  font-size: 32px;
}
@media screen and (max-width: 800px) {
  .post-content h2 {
    font-size: 28px;
  }
}
.post-content h3 {
  font-size: 26px;
}
@media screen and (max-width: 800px) {
  .post-content h3 {
    font-size: 22px;
  }
}
.post-content h4 {
  font-size: 20px;
}
@media screen and (max-width: 800px) {
  .post-content h4 {
    font-size: 18px;
  }
}

/**
 * Pagination
 */
.pagination {
  padding: 15px 0;
  border-top: 1px solid rgb(231.75, 231.75, 231.75);
  border-bottom: 1px solid rgb(231.75, 231.75, 231.75);
  text-align: center;
}
.pagination a, .pagination a:visited {
  color: #757575;
}
.pagination a:hover {
  color: #31547a;
}
.pagination .previous {
  float: left;
}
.pagination .next {
  float: right;
}

/**
 * Syntax highlighting styles
 */
.highlight {
  background-color: #f8f8f8;
}
.highlighter-rouge .highlight {
  background-color: #f8f8f8;
}
.highlight .cm {
  color: #727262;
  font-style: italic;
}
.highlight .cp {
  color: #727272;
  font-weight: bold;
}
.highlight .c1 {
  color: #727262;
  font-style: italic;
}
.highlight .cs {
  color: #727272;
  font-weight: bold;
  font-style: italic;
}
.highlight .c, .highlight .cd {
  color: #727262;
  font-style: italic;
}
.highlight .err {
  color: #a61717;
  background-color: #e3d2d2;
}
.highlight .gd {
  color: #000;
  background-color: #fdd;
}
.highlight .ge {
  color: #000;
  font-style: italic;
}
.highlight .gr {
  color: #a00;
}
.highlight .gh {
  color: #727272;
}
.highlight .gi {
  color: #000;
  background-color: #dfd;
}
.highlight .go {
  color: #727272;
}
.highlight .gp {
  color: #555;
}
.highlight .gs {
  font-weight: bold;
}
.highlight .gu {
  color: #727272;
}
.highlight .gt {
  color: #a00;
}
.highlight .kc {
  color: #000;
  font-weight: bold;
}
.highlight .kd {
  color: #000;
  font-weight: bold;
}
.highlight .kn {
  color: #000;
  font-weight: bold;
}
.highlight .kp {
  color: #000;
  font-weight: bold;
}
.highlight .kr {
  color: #000;
  font-weight: bold;
}
.highlight .kt {
  color: #458;
  font-weight: bold;
}
.highlight .k, .highlight .kv {
  color: #000;
  font-weight: bold;
}
.highlight .mf {
  color: #007f7f;
}
.highlight .mh {
  color: #007f7f;
}
.highlight .il {
  color: #007f7f;
}
.highlight .mi {
  color: #007f7f;
}
.highlight .mo {
  color: #007f7f;
}
.highlight .m, .highlight .mb, .highlight .mx {
  color: #007f7f;
}
.highlight .sb {
  color: #d14;
}
.highlight .sc {
  color: #d14;
}
.highlight .sd {
  color: #d14;
}
.highlight .s2 {
  color: #d14;
}
.highlight .se {
  color: #d14;
}
.highlight .sh {
  color: #d14;
}
.highlight .si {
  color: #d14;
}
.highlight .sx {
  color: #d14;
}
.highlight .sr {
  color: #008522;
}
.highlight .s1 {
  color: #d14;
}
.highlight .ss {
  color: #990073;
}
.highlight .s {
  color: #d14;
}
.highlight .na {
  color: #007f7f;
}
.highlight .bp {
  color: #727272;
}
.highlight .nb {
  color: #007aa3;
}
.highlight .nc {
  color: #458;
  font-weight: bold;
}
.highlight .no {
  color: #007f7f;
}
.highlight .nd {
  color: #3c5d5d;
  font-weight: bold;
}
.highlight .ni {
  color: #800080;
}
.highlight .ne {
  color: #900;
  font-weight: bold;
}
.highlight .nf {
  color: #900;
  font-weight: bold;
}
.highlight .nl {
  color: #900;
  font-weight: bold;
}
.highlight .nn {
  color: #555;
}
.highlight .nt {
  color: #000080;
}
.highlight .vc {
  color: #007f7f;
}
.highlight .vg {
  color: #007f7f;
}
.highlight .vi {
  color: #007f7f;
}
.highlight .nv {
  color: #007f7f;
}
.highlight .ow {
  color: #000;
  font-weight: bold;
}
.highlight .o {
  color: #000;
  font-weight: bold;
}
.highlight .w {
  color: #727272;
}

/* Center the site title and navigation */
.site-header .wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

/* Remove Whiteglass/Minima-style left/right floating */
.site-title {
  float: none;
  margin-right: 0;
  text-align: center;
}

.site-nav {
  float: none;
  position: static;
  line-height: normal;
  margin-top: 0.5rem;
  text-align: center;
}

/* Center the links as a horizontal toolbar */
.site-nav .trigger {
  display: flex;
  justify-content: center;
  gap: 1.25rem;
  flex-wrap: wrap;
}

.site-nav .page-link {
  margin-left: 0;
  color: #57606a;
  border-bottom: 1px solid transparent;
  padding-bottom: 0.15rem;
}

.site-nav .page-link:hover {
  color: #31547a;
  border-bottom-color: #d8dee4;
  text-decoration: none;
}

/* Page background: clean white */
body {
  background: #ffffff;
  color: #34343c;
}

/* Top header/navigation */
.site-header {
  background: #ffffff;
  border-bottom: 1px solid #e9ecef;
}

/* Main content panel: cool off-white */
.page-content .wrapper {
  background: #ffffff;
  border: 1px solid #e9ecef;
  border-radius: 10px;
  padding: 2.25rem;
  box-shadow: 0 1px 3px rgba(30, 35, 40, 0.035);
}

.headshot-right {
  float: right;
  width: 300px;
  height: 400px;
  object-fit: cover;
  border-radius: 8px;
  margin: 0 0 1rem 2rem;
  border: 1px solid #edf0f2;
}

.research-project {
  background: #f6f8fa;
  border: 1px solid #edf0f2;
  border-radius: 8px;
  padding: 1rem 1.15rem;
  margin: 1rem 0;
}

/* Remove the old line-only structure if you added it earlier */
.research-project:last-child {
  border-bottom: 1px solid #edf0f2;
}

.research-project summary {
  cursor: pointer;
  color: #34343c;
  font-weight: 600;
  list-style-position: outside;
}

.research-project summary:hover {
  color: #31547a;
}

.research-project p,
.research-project ul,
.research-project ol {
  margin-top: 0.75rem;
  margin-left: 1.35rem;
  color: #57606a;
}

@media screen and (max-width: 600px) {
  .headshot-right {
    float: none;
    display: block;
    margin: 0 auto 1.5rem auto;
  }
}

/*# sourceMappingURL=main.css.map */