.essay-date,.essay-read-time,.essay-title,h2,h3,h4{font-family:var(--ff-text)}.essay-card,main{padding:var(--space-4);display:flex}.essay-card,.essay-content{position:relative;overflow:hidden}p{font-size:var(--text-xl)}h2{font-size:var(--text-2xl);font-weight:var(--font-semibold)}.essay-title,.main-topic,h3{font-weight:var(--font-medium)}.dark-mode h2,.dark-mode h3{color:var(--neutral-100)}h3{font-size:var(--text-xl)}.category-section{display:flex;flex-direction:column;margin-bottom:var(--space-6);width:100%}.category-subsection{display:flex;flex-direction:column;gap:var(--space-5);margin-bottom:var(--space-8)}.essay-card-container{display:flex;flex-wrap:nowrap;justify-content:space-around;gap:var(--space-5);width:100%}.essay-card{flex-direction:column;gap:var(--space-2);border-radius:var(--radius-md);background-color:var(--neutral-100);width:100%;max-height:400px}.essay-card:hover{cursor:pointer}.dark-mode .essay-card{background-color:var(--neutral-700)}.essay-date,.essay-read-time{display:flex;gap:var(--space-1);align-items:center;font-size:var(--text-sm);background-color:var(--blue-100);color:var(--blue-700);padding:var(--space-1) var(--space-2);text-align:center;border-radius:var(--radius-full)}.essay-summary,.essay-title{margin:0;font-size:var(--text-base)}.essay-content,.essay-image{border-radius:var(--radius-md)}.dark-mode .essay-date,.dark-mode .essay-read-time{background-color:var(--blue-400);color:var(--neutral-100)}.essay-title{color:var(--neutral-700);display:inline-block;white-space:normal;text-overflow:ellipsis;-webkit-line-clamp:2;width:fit-content;padding:0;-webkit-box-orient:vertical}.dark-mode .essay-title,.essay-summary{color:var(--neutral-100)}.essay-content{height:300px}.essay-image{width:100%;height:100%;object-fit:cover;opacity:var(--opacity-75);transition:var(--transition-transform)}.essay-card:hover .essay-image{transform:scale(var(--scale-hover))}.essay-summary{position:absolute;max-width:unset;bottom:0;left:0;width:100%;background-color:rgba(1,1,1,var(--opacity-50));padding:var(--space-4);box-sizing:border-box;opacity:var(--opacity-0);transform:translateY(100%);transition:var(--transition-modal)}.essay-card:hover .essay-summary{opacity:var(--opacity-100);transform:translateY(0)}.essay-card-link{text-decoration:none;max-width:calc(50% - var(--space-5));color:var(--neutral-700)}.icon-clock{font-size:var(--text-sm)}.info-container{display:flex;gap:var(--space-4)}.essay-meta{align-items:center;display:flex;justify-content:space-between}.left-nav{width:15%;position:fixed;height:100%;overflow-y:auto;pointer-events:none}.left-nav ul{pointer-events:none;list-style:none;padding:0}.left-nav li{pointer-events:auto;width:fit-content}.dark-mode .left-nav a,.dark-mode .left-nav h1,.dark-mode .left-nav li{color:var(--neutral-100)}.left-nav a:hover{color:var(--blue-500)}.left-nav ul li{margin:var(--space-3) 0}.left-nav ul ul{margin-left:var(--space-4)}.left-nav ul ul li{margin:var(--space-1) 0}.left-nav ul ul ul{margin-left:var(--space-4)}.left-nav a{text-decoration:none;color:var(--neutral-700)}.page-content{margin-left:320px;padding:var(--space-4);padding-top:0;flex-grow:1}.content-section{margin-bottom:var(--space-7)}.content-section h2{margin-top:0}.footer{text-align:center;padding:var(--space-4);position:fixed;bottom:0;width:100%;background-color:var(--neutral-100)}@media (max-width:369px){p{font-size:var(--text-xs)}h2{font-size:var(--text-lg)}}@media (min-width:370px) and (max-width:449px){p{font-size:var(--text-base)}}@media (min-width:450px) and (max-width:699px){p{font-size:var(--text-xl)}}@media screen and (max-width:799px){.essay-summary.mobile-visible{opacity:var(--opacity-100);transform:translateY(0)}.essay-summary.mobile-hidden{opacity:var(--opacity-0);transform:translateY(100%)}.left-nav{display:none}.page-content{margin-left:0}.essay-card-link{width:100%;max-width:unset;margin-bottom:var(--space-7)}.essay-card-container{flex-direction:column;gap:0}.category-subsection{gap:0;margin-bottom:var(--space-5)}}@media screen and (min-width:800px) and (max-width:1000px){.essay-card-link{width:100%;max-width:unset;margin-bottom:var(--space-6)}.essay-card-container{flex-direction:column;gap:0}.category-subsection{gap:0;margin-bottom:var(--space-5)}}