.writing-quote{text-align:center;border:none;margin-bottom:48px;padding:0}.writing-quote-text{color:var(--color-text-muted);margin:0 0 6px;font-size:15px;font-style:italic;line-height:1.6}.writing-quote-author{color:var(--color-text-muted);opacity:.7;font-size:13px;font-style:normal}.writing-quote-placeholder{height:48px;margin-bottom:48px}.writing-essays-section{margin-bottom:48px}.writing-essays-articles{flex-direction:column;gap:8px;display:flex}.writing-year-label{color:var(--color-text);cursor:pointer;padding:6px 0;font-size:14px;font-weight:500}.writing-notes-intro{color:var(--color-text-muted);margin-top:4px;font-size:13px;line-height:1.5}.writing-article-item.draft-preview{opacity:.5}.writing-article-item.draft-preview:hover{opacity:.35}.draft-badge{color:var(--color-text-muted);letter-spacing:.02em;background:#8080801f;border-radius:4px;margin-right:6px;padding:1px 6px;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,monospace;font-size:11px}.writing-semester-section{margin-bottom:48px}.writing-semester-section:last-of-type{margin-bottom:0}.writing-section-header{align-items:center;gap:16px;margin-bottom:20px;display:flex}.writing-section-header span{color:var(--color-text-muted);white-space:nowrap;font-size:14px}.writing-section-line{background:var(--color-border);flex:1;height:1px}.writing-courses-layout{grid-template-columns:1fr;gap:24px;display:grid}@media (min-width:768px){.writing-courses-layout{grid-template-columns:200px 1fr;gap:64px}}.writing-courses-nav{display:none}@media (min-width:768px){.writing-courses-nav{flex-direction:column;gap:4px;display:flex}}.writing-course-item{text-align:left;width:100%;color:var(--color-text-muted);cursor:pointer;white-space:normal;background:0 0;border:none;padding:6px 0;font-size:14px;line-height:1.5;transition:color .15s;display:block}.writing-course-item:hover{color:var(--color-text)}.writing-course-item.active{color:var(--color-text);font-weight:500}.writing-course-articles{min-width:0}.writing-articles-list{flex-direction:column;gap:8px;animation:.2s ease-out fadeIn;display:flex}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.writing-article-item{justify-content:space-between;align-items:baseline;gap:20px;padding:4px 0;text-decoration:none;transition:opacity .15s;display:flex}.writing-article-item:hover{opacity:.7}.writing-article-title{flex:1;min-width:0;font-size:15px}.writing-article-meta{color:var(--color-text-muted);white-space:nowrap;flex-shrink:0;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,monospace;font-size:13px}.writing-mobile-nav{margin-bottom:16px;display:block}@media (min-width:768px){.writing-mobile-nav{display:none}}.writing-mobile-select{width:100%;color:var(--color-text);background-color:var(--color-bg);border:1px solid var(--color-border);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23666' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat;border-radius:8px;padding:12px 16px;font-size:14px}.writing-mobile-select:focus{border-color:var(--color-text);outline:none}@media (max-width:767px){.writing-article-item{flex-direction:column;gap:4px}}.article-content{color:var(--color-text);text-align:justify;word-break:break-word;-webkit-hyphens:auto;hyphens:auto;font-size:15px;line-height:1.75}.article-content p{margin:0 0 1.5em}.article-content p:last-child{margin-bottom:0}.article-plyr-wrapper{aspect-ratio:16/9;background:#1a1a1a;position:relative;overflow:hidden}.article-plyr-hero{box-shadow:none;border-radius:0}.article-plyr-wrapper .plyr{--plyr-color-main:var(--color-text);--plyr-video-control-background-hover:#ffffff1a;border-radius:inherit;width:100%;height:100%;animation:.3s ease-out .1s both articlePlyrFadeIn;position:absolute;inset:0}@keyframes articlePlyrFadeIn{0%{opacity:0}to{opacity:1}}.article-plyr-wrapper .plyr .plyr__controls{opacity:0;pointer-events:none;transition:opacity .3s}.article-plyr-wrapper .plyr.plyr--playing:hover .plyr__controls{opacity:1;pointer-events:auto}.article-plyr-wrapper .plyr__control--overlaid{-webkit-backdrop-filter:blur(8px);background:#0009;border:1px solid #fff3}.article-plyr-wrapper .plyr__control--overlaid:hover{background:#000000bf}.article-materials{margin-bottom:48px}.article-materials-list{flex-direction:column;gap:12px;display:flex}.article-material-card{border:1px solid var(--color-border);background:#8080800a;border-radius:12px;justify-content:space-between;align-items:center;padding:16px 20px;text-decoration:none;transition:all .2s;display:flex}.article-material-card:hover{border-color:var(--color-text-muted);background:#80808014;transform:translateY(-1px)}.article-material-info{align-items:center;gap:12px;display:flex}.article-material-icon{color:var(--color-text-muted);flex-shrink:0}.article-material-name{color:var(--color-text);font-size:14px}.article-material-download{color:var(--color-text-muted);flex-shrink:0;transition:color .2s}.article-material-card:hover .article-material-download{color:var(--color-text)}.article-nav{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:48px;display:grid}.article-nav-card{border:1px solid var(--color-border);background:#8080800a;border-radius:12px;flex-direction:column;gap:4px;padding:16px 20px;text-decoration:none;transition:all .2s;display:flex}.article-nav-card:hover{border-color:var(--color-text-muted);background:#80808014}.article-nav-card.prev{align-items:flex-start}.article-nav-card.next{text-align:right;align-items:flex-end}.article-nav-label{color:var(--color-text-muted);align-items:center;gap:4px;font-size:12px;display:flex}.article-nav-title{color:var(--color-text);font-size:14px;line-height:1.4}@media (max-width:640px){.article-nav{grid-template-columns:1fr}.article-nav-card.next{text-align:left;align-items:flex-start}}