/* Personal profile: a compact, centered layout. */
body,.landscape{background-color:#252936}
.landscape{background-image:url("assets/personal-background.jpg");background-position:center center}
.landscape-shade,.inner-view .landscape-shade{background:rgba(0,0,0,.42)}
.landscape-shade:after{background:radial-gradient(ellipse at center,transparent 20%,#00000018 100%)}
.cover{padding-top:48px;padding-bottom:68px}
.cover-content{max-width:760px}
.cover .avatar-link,.cover .avatar-image{width:112px;height:112px}
.cover h1{font-size:clamp(25px,3vw,35px);letter-spacing:2px;margin:12px 0 7px;line-height:1.6;overflow-wrap:anywhere}
.cover-divider{width:250px;margin:18px auto 16px}
.cover-nav{margin-top:30px}
.social-nav{margin-top:24px}
.cover-bottom{justify-content:center;text-align:center}
.cover-bottom .bottom-right{justify-content:center;align-items:center;flex-direction:row;flex-wrap:wrap;gap:14px}
.inner-content.about-page{width:calc(100% - 80px);max-width:820px;margin:38px auto 40px;min-height:clamp(440px,calc(100svh - 240px),560px);padding:52px 36px;display:flex;align-items:center;justify-content:center;background:transparent;box-shadow:none;border:0;color:#fff;text-shadow:0 1px 6px #0004}
.about-page .about-layout{width:100%;max-width:620px;margin:0;display:flex;flex-direction:column;align-items:center;text-align:center}
.about-avatar{display:block;width:128px;height:128px;object-fit:cover;border-radius:50%;border:4px solid #e9eee6;box-shadow:0 3px 18px #20372b0c;margin-bottom:22px}
.about-layout h1{font:400 28px/1.7 var(--serif);letter-spacing:2px;margin:0 0 12px;text-wrap:balance}
.about-page .about-bio{width:100%;max-width:560px;margin:0;font-size:14px;line-height:2.1;text-align:center;white-space:pre-line;overflow-wrap:anywhere}
.about-page .about-links{width:100%;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:10px;margin-top:26px}
.about-page .about-bio{color:#ffffffe0}
.about-page .about-avatar{border-color:#ffffffb3;box-shadow:0 3px 18px #0002}
.about-page .outline-button{color:#fffffff0;border-color:#ffffffa3;background:transparent;text-shadow:0 1px 4px #0003}
.about-page .outline-button:hover{background:#fffffff0;border-color:#fff;color:#223d34;text-shadow:none}
@media(max-width:800px){
  .inner-content.about-page{width:calc(100% - 50px);margin:25px auto 30px;padding:44px 30px}
}
@media(max-width:600px){
  .landscape{background-position:68% center}
  .cover{padding:54px 22px 72px}
  .cover .avatar-link,.cover .avatar-image{width:100px;height:100px}
  .cover h1{font-size:25px;letter-spacing:1px;margin-top:10px}
  .cover-divider{margin:17px auto 15px;width:220px}
  .cover-nav{margin-top:26px;max-width:330px;gap:8px}
  .social-nav{margin-top:23px}
  .cover-bottom .bottom-right{gap:12px}
  .inner-header nav{justify-content:center;overflow:visible;flex-wrap:wrap;gap:clamp(13px,4vw,25px)}
  .inner-content.about-page{width:calc(100% - 30px);margin:20px auto 25px;min-height:430px;padding:40px 23px}
  .about-avatar{width:114px;height:114px;margin-bottom:20px}
  .about-layout h1{font-size:24px;letter-spacing:1px;margin-bottom:10px}
  .about-page .about-bio{font-size:13px}
  .about-page .about-links{margin-top:24px;gap:9px}
}
@media(max-height:650px) and (min-width:601px){
  .cover{padding-top:30px;padding-bottom:58px}
  .cover .avatar-link,.cover .avatar-image{width:95px;height:95px}
  .cover-nav{margin-top:24px}
  .social-nav{margin-top:20px}
}
.avatar-link{perspective:none}
.avatar-image,.avatar-link:hover .avatar-image,.avatar-link:focus-visible .avatar-image{transform:none;opacity:1;transition:none;backface-visibility:visible}
.inner-content{--ink:#fff;--muted:#dce0e6;--line:#ffffff30;--accent:#e2e6ec;width:calc(100% - 80px);max-width:960px;margin:38px auto 40px;min-height:clamp(380px,calc(100svh - 240px),560px);background:transparent;box-shadow:none;border:0;border-radius:0;color:#fff;text-shadow:0 1px 6px #0004}
.inner-content:has(.empty-page){display:flex;align-items:center;justify-content:center;padding:40px 24px}
.empty-page{width:100%;max-width:560px;text-align:center}
.empty-page h1{font:400 28px/1.7 var(--serif);letter-spacing:2px;margin:0 0 12px}
.empty-page p{font-size:13px;color:#ffffffb8;margin:0}
.empty-page .outline-button{margin-top:24px}
.inner-content .outline-button{color:#fffffff0;border-color:#ffffffa3;background:transparent;text-shadow:0 1px 4px #0003}
.inner-content .outline-button:hover{color:#263240;background:#fffffff0;border-color:#fff;text-shadow:none}
.page-heading{text-align:center;border:0}
.heading-row{justify-content:center;gap:20px}
.filter-button.active{background:#ffffff24;color:#fff}
.filter-button:hover{background:#ffffff18}
.article-row p,.article-meta,.tag,.read-time,.end-note,.empty-state{color:#ffffffb8}
.post-symbol{background:#ffffff16;border-color:#ffffff38;color:#fff}
.archive-item{border-color:#ffffff40}
.archive-item:before{background:#ffffffa0}
.archive-item time{color:#ffffffb8}
.gallery-card{background:transparent;border-color:#ffffff40;color:#fff}
.not-found{text-align:center}
@media(max-width:800px){.inner-content{width:calc(100% - 50px);margin:25px auto 30px}}
@media(max-width:600px){.inner-content{width:calc(100% - 30px);margin:20px auto 25px;min-height:430px;padding:40px 23px}.empty-page h1{font-size:24px}.empty-page p{font-size:12px}.heading-row{flex-direction:column;gap:8px}}