.writing{border-top:1px solid var(--line)}
.writing-card{max-width:860px;padding:34px;border:1px solid var(--line);background:var(--surface)}
.writing-meta{display:flex;justify-content:space-between;gap:18px;font-size:10px;letter-spacing:1.4px;color:var(--muted);margin-bottom:22px}
.writing-meta>span:first-child{color:var(--accent)}
.writing-card h3{font-size:clamp(25px,3vw,36px);font-weight:500;line-height:1.3;letter-spacing:-1px;margin-bottom:18px}
.writing-card h3 a:hover{color:var(--accent)}
.writing-card>p{font-size:15px;line-height:1.85;color:var(--muted);max-width:660px;margin-bottom:26px}
.writing-card>.text-link{display:inline-block;padding-block:10px;color:var(--accent)}
.article-page{max-width:780px;padding-block:40px 80px}
.article-header{margin-bottom:38px}
.article-header h1{font-size:clamp(36px,5vw,62px);line-height:1.15;letter-spacing:-2px;margin-bottom:24px;font-weight:500}
.article-byline{font-size:13px;color:var(--muted);line-height:1.7;margin:0}
.article-byline span{margin-inline:10px}
.article-body{font-size:18px;line-height:1.9;color:#deded4;overflow-wrap:break-word}
.article-body>p{margin-bottom:24px}
.article-body .article-lead{font-size:21px;line-height:1.75;color:var(--text);margin-bottom:38px}
.article-body h2{font-size:clamp(26px,3vw,33px);font-weight:500;line-height:1.3;letter-spacing:-.7px;margin:46px 0 22px;color:var(--text)}
.reflection{padding:26px 30px;background:var(--surface);border-left:3px solid var(--accent);margin:30px 0}
.reflection ol{padding-left:24px;margin:0}
.reflection li{padding-left:6px;margin-bottom:18px}
.reflection li:last-child{margin-bottom:0}
.reflection li::marker{color:var(--accent)}
.article-image{max-width:460px;margin:48px auto 0}
.article-image img{display:block;width:100%;height:auto}
.article-author{border-top:1px solid var(--line);margin-top:48px;padding-top:28px}
.article-author>p:first-child{font:500 22px var(--display);margin:0 0 8px}
.article-author>span{font-size:13px;color:var(--muted)}
.article-author .article-tags{font-size:12px;line-height:1.8;color:var(--muted);margin:24px 0}
.article-author .text-link{display:inline-block;padding-block:12px;color:var(--accent)}
@media(max-width:650px){nav{gap:8px 16px}.writing-card{padding:24px}.writing-meta{font-size:9px;letter-spacing:.8px;flex-wrap:wrap}.article-page{padding-top:24px}.article-header h1{letter-spacing:-1px}.article-body{font-size:17px;line-height:1.85}.article-body .article-lead{font-size:19px}.reflection{padding:22px 20px}.article-image{margin-top:36px}}
.writing-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}
.writing-list .writing-card{max-width:none;display:flex;flex-direction:column}
.writing-list .writing-card>.text-link{margin-top:auto;align-self:flex-start}
.article-body strong{font-weight:700;color:var(--text)}
.article-body .article-emphasis{border-left:2px solid var(--accent);padding-left:24px;margin-block:32px;font-size:clamp(19px,2.2vw,23px);line-height:1.7}
.article-body .article-emphasis strong{color:var(--accent);font-weight:600}
@media(max-width:800px){.writing-list{grid-template-columns:1fr;gap:24px}}