.tag { display: none; }

div:has(* .tag .h4left) h4 {
    text-align: left;
}

div:has(* .tag .h5left) h5 {
    text-align: left;
}

div:has(* .tag .h3underline) h3 {
    text-decoration: underline;
}

div:has(h3 .tag .journal) {
    border: none;
    box-shadow: none;
}

div:has(> h3 .tag .journal)::after {
    content: '~ ❦ ~';
    display: block;
    text-align: center;
    padding-top: 0.2rem;
    padding-bottom: 0.2rem;
    color: var(--grey4);
    font-size: 2rem;
}

h3:has(.tag .journal) {
    text-align: left;
}

h4:has(.tag .jentry) {
    display: none;
}

h4:has(.tag .habits) {
    text-align: left;
}

.done.YES, .todo.NO, .done.EXCELLENT, .done.FREED {
    display: none;
}

h2:has(.done.YES), h3:has(.done.YES), h4:has(.done.YES), h5:has(.done.YES), .grid.YES {
    color: var(--green3);
}

h2:has(.todo.NO), h3:has(.todo.NO), h4:has(.todo.NO), h5:has(.todo.NO), .grid.NO {
    color: var(--red3);
}

h2:has(.done.EXCELLENT), h3:has(.done.EXCELLENT), h4:has(.done.EXCELLENT), h5:has(.done.EXCELLENT), .grid.EXCELLENT {
    color: var(--blue3);
}

h2:has(.done.FREED), h3:has(.done.FREED), h4:has(.done.FREED), h5:has(.done.FREED), .grid.FREED {
    color: var(--purple3);
}

.habit-table th, .habit-table td {
    text-align: center;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    cursor: pointer;
    user-select: none;
    padding: .2em;
    max-width: 22px;
}

.habit-table th {
    padding: 0;
}

.habit-click-me {
    font-weight: normal;
    font-size: calc(var(--font-size) * 0.7);
    line-height: calc(var(--line-height) * 0.7);
    text-align: center;
}

.habit-name {
    max-width: 15rem !important;
}

.habit-cell.habit-brightness-1 { color: var(--grey5); outline-color: var(--grey5) !important; }
.habit-cell.habit-brightness-2 { color: var(--grey5); outline-color: var(--grey5) !important; }
.habit-cell.habit-brightness-3 { color: var(--grey5); outline-color: var(--grey5) !important; }
.habit-cell.habit-brightness-4 { color: var(--grey2); outline-color: var(--grey5) !important; }
.habit-cell.habit-brightness-5 { color: var(--grey3); outline-color: var(--grey5) !important; }

.habit-cell:not([data-body=""]) {
    outline: dotted 2px;
    outline-offset: -2px;
}
.habitgrid-selected {
    outline: solid 2px var(--purple5) !important;
    outline-offset: -2px;
}

.orgjq-expanded p {
    margin-top: 0;
    padding-bottom: 1.5rem;
    margin-bottom: 0;
}

.orgjq-contracted > div {
    display: none;
}

.orgjq-contracted h2, .orgjq-contracted h3, .orgjq-contracted h4, orgjq-contracted h5 {
    padding-top: 0.3rem !important;
    padding-bottom: 0.3rem !important;
}

.orgjq-contracted > :first-child::before {
    content: '⮞ ';
}

.orgjq-expanded > h3:has(.tag .autocollapse)::before,
.orgjq-expanded > h4:has(.tag .autocollapse)::before,
.orgjq-expanded > h5:has(.tag .autocollapse)::before {
    content: '⮟ ';
}

.footnote-tooltip {
    position: 'absolute';
    z-index:  1000;
    background-color: var(--background-tooltip);
    border: 1px solid var(--accent1);
    border-radius: = 4px;
    padding: 8px 12px;
    max-width: 300px;
    font-size: calc(var(--font-size) * 0.9);
    box-shadow: 1px 1px 1px var(--grey2);
}

tbody:has(.row-color-green1) { background-color: var(--green1); }
tbody:has(.row-color-green2) { background-color: var(--green2); }
tbody:has(.row-color-green3) { background-color: var(--green3); }
tbody:has(.row-color-green4) { background-color: var(--green4); }
tbody:has(.row-color-green5) { background-color: var(--green5); }

tbody:has(.row-color-red1) { background-color: var(--red1); }
tbody:has(.row-color-red2) { background-color: var(--red2); }
tbody:has(.row-color-red3) { background-color: var(--red3); }
tbody:has(.row-color-red4) { background-color: var(--red4); }
tbody:has(.row-color-red5) { background-color: var(--red5); }

tbody:has(.row-color-blue1) { background-color: var(--blue1); }
tbody:has(.row-color-blue2) { background-color: var(--blue2); }
tbody:has(.row-color-blue3) { background-color: var(--blue3); }
tbody:has(.row-color-blue4) { background-color: var(--blue4); }
tbody:has(.row-color-blue5) { background-color: var(--blue5); }

tbody:has(.row-color-purple1) { background-color: var(--purple1); }
tbody:has(.row-color-purple2) { background-color: var(--purple2); }
tbody:has(.row-color-purple3) { background-color: var(--purple3); }
tbody:has(.row-color-purple4) { background-color: var(--purple4); }
tbody:has(.row-color-purple5) { background-color: var(--purple5); }

tbody:has(.row-color-grey1) { background-color: var(--grey1); }
tbody:has(.row-color-grey2) { background-color: var(--grey2); }
tbody:has(.row-color-grey3) { background-color: var(--grey3); }
tbody:has(.row-color-grey4) { background-color: var(--grey4); }
tbody:has(.row-color-grey5) { background-color: var(--grey5); }

:root {
    --site-width: 1000px;
    --vert-content-margin: 0.3rem;

    --font-size: 1.2rem;
    --line-height: 1.6rem;
    --font-family: "Source Serif Pro", "Noto Sans Symbols 2";

    --scale: 2;
}

:root {
    --green1: #123218;
    --green2: #254f1b;
    --green3: #356c22;
    --green4: #5e8e40;
    --green5: #85aa5f;

    --blue1: #1b2459;
    --blue2: #153a79;
    --blue3: #2f5394;
    --blue4: #417eaf;
    --blue5: #69a8c6;

    --purple1: #2e1e58;
    --purple2: #493281;
    --purple3: #6a45a6;
    --purple4: #855aa3;
    --purple5: #9b77b5;

    --red1: #4b1313;
    --red2: #682017;
    --red3: #84301c;
    --red4: #9c4830;
    --red5: #c46849;

    --grey1: #202124;
    --grey2: #33333b;
    --grey3: #605b66;
    --grey4: #a79fa7;
    --grey5: #c5bcbc;

    --accent1: var(--purple4);
    --link: var(--blue3);
    --black: var(--grey1);
    --grey: var(--grey3);
    --background: var(--grey5);
    --background-tooltip: var(--grey5);
}

body::before,
body::after {
    content: '';
    position: fixed;
    top: 0;
    height: 100vh;
    width: 50%;
    background-image: url('/static/images/background.png');
    background-repeat: no-repeat;
    z-index: -1;

    image-rendering: pixelated; /* For Chrome/Safari */
    image-rendering: -moz-crisp-edges; /* For Firefox */
    image-rendering: crisp-edges; /* Fallback */

    background-size: calc(960px * var(--scale)) calc(1080px * var(--scale));
}

body::before {
    left: 0;
    background-position: top right;
}

body::after {
    right: 0;
    background-position: top right;
    /* Flip the right side horizontally */
    transform: scaleX(-1);
}

body {
    font-family: var(--font-family);
    font-size: var(--font-size);
    line-height: var(--line-height);
    word-spacing: 0.25ch;
    font-weight: 400;
}

#content, #header, #footer {
    min-width: 500px;
    max-width: min(var(--site-width), 90vw);
    margin: 0 auto;
    padding: 5px 25px;

    border: 2px double var(--grey1);
    margin-bottom: 1.2rem;
    background-color: var(--background);
}

#header {
    display: flex;
}

#content, #footer {
    box-shadow: 7px 7px 7px var(--grey1);
}

#footer {
    padding-top: 1rem;
    padding-bottom: 1rem;
}

#header a, #header a:visited{
    color: var(--purple2);
}

#header hr {
    margin-bottom: var(--vert-content-margin);
}

#footer hr {
    margin-top: var(--vert-content-margin);
}

#content h2, #content h3, #content h4, #content h5 {
    margin-bottom: 1rem;
    margin-top: 0.5rem;
    margin-left: 0.5rem;
}

#content h2 {
    margin-top: 1rem;
}

#content h3, #content h4 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

#content h5 {
    padding-top: 0.3rem;
    padding-bottom: 0.3rem;
}

body {
    color: var(--black);
    background-color: var(--background);
}

pre                                      {background-color:var(--grey1); color:var(--grey5);}
pre span.org-builtin                     {color:var(--blue4);font-weight:bold;}
pre span.org-string                      {color:var(--green4);}
pre span.org-keyword                     {color:var(--purple5);font-weight:bold;}
pre span.org-variable-name               {color:var(--green5);font-style:italic;}
pre span.org-function-name               {color:var(--blue5);}
pre span.org-type                        {color:var(--purple4);}
pre span.org-preprocessor                {color:var(--grey5);font-weight:bold;}
pre span.org-constant                    {color:var(--red5);}
pre span.org-comment-delimiter           {color:var(--grey3);}
pre span.org-comment                     {color:var(--grey3);font-style:italic}
pre span.org-outshine-level-1            {color:var(--grey5);font-style:italic}
pre span.org-outshine-level-2            {color:var(--grey5);font-style:italic}
pre span.org-outshine-level-3            {color:var(--grey5);font-style:italic}
pre span.org-outshine-level-4            {color:var(--grey5);font-style:italic}
pre span.org-outshine-level-5            {color:var(--grey5);font-style:italic}
pre span.org-outshine-level-6            {color:var(--grey5);font-style:italic}
pre span.org-outshine-level-7            {color:var(--grey5);font-style:italic}
pre span.org-outshine-level-8            {color:var(--grey5);font-style:italic}
pre span.org-outshine-level-9            {color:var(--grey5);font-style:italic}
pre span.org-rainbow-delimiters-depth-1  {color:var(--grey4);}
pre span.org-rainbow-delimiters-depth-2  {color:var(--blue4);}
pre span.org-rainbow-delimiters-depth-3  {color:var(--green4);}
pre span.org-rainbow-delimiters-depth-4  {color:var(--red4);}
pre span.org-rainbow-delimiters-depth-5  {color:var(--purple4);}
pre span.org-rainbow-delimiters-depth-6  {color:var(--blue4);}
pre span.org-rainbow-delimiters-depth-7  {color:var(--green4);}
pre span.org-rainbow-delimiters-depth-8  {color:var(--red4);}
pre span.org-rainbow-delimiters-depth-9  {color:var(--purple4);}
pre span.org-sh-quoted-exec              {color:var(--purple3);}
pre span.org-doc                         {color:var(--green5);font-style:italic;}
pre span.org-css-selector                {color:var(--blue5);font-weight:bold;}
pre span.org-css-property                {color:var(--purple4); font-weight: bold;}

tbody { border-bottom: 1px dotted var(--grey1); }
thead { border-bottom: 1px solid var(--grey1); }
th, td { padding-right: 4rem; }
th.org-left { text-align: left; }

hr {
    border: 0;
    border-top: 2px dotted var(--grey1);
}

a, a:visited {
    color: var(--link);
    text-decoration: none;
}

.figure-number {
    display: none;
}

.caption {
    padding-top: 0.5rem;
    font-style: italic;
}

.outline-3, .outline-4, .outline-5 {
    padding-left: 0.6rem;
    border-radius: 0.2em;
    margin: 0.7rem;
}

.outline-text-3, .outline-text-4, .outline-text-5 {
    margin: 0.3rem 1rem 0.5rem 0.5rem;
}

h2 {
    line-height: 1.5rem;
    text-align: center;
}

h3, h4, h5 {
    text-align: center;
}

.section-number-1, .section-number-2, .section-number-3, .section-number-4 { display: none; }

ul { margin-top: 0; }

.center {
    display: block;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.navbar-link {
    margin-right: 5px;
    margin-left: 5px;
}

.center, div.center {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.center figure,
.center figcaption,
div.center figure,
div.center figcaption {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.multi-img {
    display: flex;
    justify-content: center;
    text-align: center;
    margin: 20px;
    gap: 20px;
}

.multi-img figure { margin: 0px; }

.poetry {
    padding-top: 4rem;
    padding-bottom: 4rem;
    text-align: center;
}

#looking-for-work {
    background-color: var(--red2);
    color: var(--grey5);
    padding: 5px 25px;
    margin-left: auto;
    margin-top: -0.32rem;
    margin-bottom: -0.32rem;
    margin-right: -1.55rem;
    border: 2px double var(--purple5);
}

#looking-for-work a, #looking-for-work a:visited {
    color: var(--blue5) !important;
}

.src, .example {
    font-family: monospace;
    font-size: 1rem;
}

#publish-date, #modified-date {
    font-style: italic;
}

#table-of-contents {
    z-index: 1;
    margin-top: 105px;
    margin-right: 5%;
    font-size: calc(var(--font-size) * 0.8);
    position: fixed;
    right: 0em;
    top: 0em;
    background: var(--background-toc);
    text-align: right;
    min-height: 3rem;

    box-shadow: 0 0 0.5em var(--shadow-toc);
    -webkit-box-shadow: 0 0 0.5em var(--shadow-toc);
    -moz-box-shadow: 0 0 0.5em var(--shadow-toc);
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    /* ensure doesn't flow off the screen when expanded */
    max-height: 80%;
    overflow: auto;
}
#table-of-contents h2 {
    font-size: 13pt;
    max-width: 9em;
    border: 0;
    font-weight: normal;
    margin-top: 0.75em;
    margin-bottom: 0.75em;
    padding-left: 0.5em;
    padding-right: 0.5em;
    padding-top: 0.05em;
    padding-bottom: 0.05em; }
#table-of-contents #text-table-of-contents {
    display: none;
    text-align: left; }
#table-of-contents:hover #text-table-of-contents {
    display: block;
    padding: 0.5em;
    margin-top: -1.5em;
    padding-right: 20px;
}

#table-of-contents {
    display: none;
}

.TODO { color: var(--red3); }
.DONE { color: var(--green3); }

html {
    visibility: visible;
    opacity: 1;
}