/* Editorial skin: keep the underlying Typecho component and interaction styles. */
:root {
  color-scheme: light;
  --color-bg:#fff; --color-surface:#fff; --color-surface-hover:#fafafa;
  --color-code-bg:#f6f6f6; --color-accent:#303030; --color-accent-hover:#777;
  --color-text:#202020; --color-text-secondary:#737373; --color-text-tertiary:#929292;
  --color-border:#e5e5e5; --color-border-light:#eee;
  --grid-color:transparent; --grid-color-strong:transparent;
  --color-header-bg:rgba(255,255,255,.8);
  --font-sans:'Inter','Microsoft YaHei','PingFang SC',sans-serif;
  --font-serif:'Noto Serif SC','Songti SC','SimSun',serif;
  --content-width:940px; --radius:8px;
  --shadow-card:none; --shadow-card-hover:none;
  --ease:cubic-bezier(.22,1,.36,1);
}
html { scrollbar-gutter:stable; scroll-padding-top:110px; }
body { background:#fff; font-size:14px; line-height:1.8; }
.container { min-height:75vh; }
a,button { -webkit-tap-highlight-color:transparent; }
a:focus-visible,button:focus-visible { outline:2px solid #888; outline-offset:5px; }
.site-header { position:relative; top:auto; width:100%; max-width:1180px; height:98px; margin:0 auto; padding:0 42px; border:0; background:transparent; backdrop-filter:none; -webkit-backdrop-filter:none; flex-shrink:0; }
.site-title.brand { font:bold italic 29px Georgia,serif; letter-spacing:-1px; gap:12px; }
.site-title.brand span { font:400 12px var(--font-serif); letter-spacing:2px; }
.site-avatar { width:29px; height:29px; }
.header-search { margin:0; }
.header-search input { background:#fff; border-color:#eee; font-size:11px; width:130px; padding:7px 13px; }
.site-nav { position:sticky; top:16px; z-index:100; width:calc(100% - 60px); max-width:880px; margin:6px auto 0; padding:7px 12px; display:flex; justify-content:space-between; align-items:center; gap:3px; background:rgba(255,255,255,.8); border:1px solid #efefef; border-radius:40px; backdrop-filter:blur(24px); -webkit-backdrop-filter:blur(24px); box-shadow:0 6px 25px #00000003,inset 0 1px 0 #fff; isolation:isolate; }
.site-nav a { position:relative; z-index:1; flex:1; display:flex; align-items:center; justify-content:center; gap:10px; white-space:nowrap; border-radius:30px; margin:0; padding:13px 15px; color:#808080; font-size:14px; font-weight:400; transition:color .3s,background .4s var(--ease); }
.site-nav a:hover { color:#202020; background:#00000004; }
.site-nav a.active,.site-nav a[aria-current='page'] { color:white; background:#292929; }
.site-nav svg { width:17px; height:17px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.site-nav:has(.nav-indicator) a.active,.site-nav:has(.nav-indicator) a[aria-current='page'] { background:transparent; }
.nav-indicator { position:absolute; left:0; top:7px; bottom:7px; width:var(--nav-w,120px); transform:translateX(var(--nav-x,12px)); background:#292929; border-radius:32px; box-shadow:0 5px 17px #00000014; transition:transform .55s var(--ease),width .55s var(--ease); pointer-events:none; z-index:0; }
.site-main#page-content { width:100%; max-width:940px; padding:42px 38px 48px; min-height:55vh; outline:none; }
.page-heading { text-align:center; padding:0 0 50px; }
.kicker { font:italic 18px 'Playfair Display',Georgia,serif; letter-spacing:3px; color:#929292; margin:0 0 28px; }
.kicker span { font-style:normal; color:#bbb; margin:0 12px; }
.page-heading h1 { font:600 43px/1.7 var(--font-serif); letter-spacing:4px; margin:0; }
.page-heading .subtitle { color:#888; font-size:12px; letter-spacing:1.5px; margin:22px 0 0; }
.post-list { max-width:770px; margin:auto; gap:0; }
.post { background:transparent; border:0; box-shadow:none; border-radius:0; padding:0; }
.post:hover { transform:none; box-shadow:none; }
.post-list .post { padding:30px 0; border-bottom:1px solid #eee; display:flex; flex-direction:column; }
.post-list .post:first-child { border-top:1px solid #eee; }
.post-list .post h2 { font-size:22px; line-height:1.8; font-weight:600; margin:0 0 9px; }
.post-list .post .post-meta { order:-1; justify-content:flex-start; gap:12px; font-size:10px; letter-spacing:.5px; margin:0 0 12px; }
.post-list .post-excerpt { font-size:12px; line-height:2; margin:0; max-width:670px; }
.post-list .post h2 a { transition:color .3s; }
.post-header { margin:0 0 38px; }
.post-title { font-size:36px; line-height:1.7; font-weight:600; letter-spacing:2px; margin:20px 0; overflow-wrap:anywhere; }
.post .post-meta { font-size:11px; }
.post-content { font-size:16px; line-height:2; overflow-wrap:anywhere; }
.post-content a { text-decoration-color:#bbb; text-underline-offset:4px; }
.post-content blockquote { background:#fafafa; border-left-color:#aaa; }
.post-content h2 { font-size:25px; }
.post-content img { height:auto; }
.post-tags,.post-near { font-size:12px; }
.archive-title { text-align:center; font:600 36px/1.7 var(--font-serif); letter-spacing:4px; margin:4px 0 35px; }
.archive-cats { justify-content:center; flex-wrap:wrap; margin-bottom:45px; }
.archive-cat-item { border-radius:20px; font-size:12px; background:#fff; border-color:#eee; }
.archive-cat-item.active { background:#292929; border-color:#292929; color:#fff; }
.archive-year-heading { font:400 26px/1.7 var(--font-serif); border-bottom:1px solid #eee; padding-bottom:17px; margin-top:32px; }
.archive-item { padding:19px 0; border-bottom:1px solid #eee; display:flex; gap:25px; transition:padding-left .4s var(--ease); }
.archive-item:hover { padding-left:7px; }
.archive-date { font-size:11px; min-width:43px; }
.archive-item a { font-family:var(--font-serif); font-size:17px; overflow-wrap:anywhere; }
.comment-body,.respond,.search-result { box-shadow:none; border-color:#eee; background:#fff; }
.respond { margin-top:36px; }
.page-nav { font-size:12px; }
.page-nav a { border-radius:24px; }
.site-footer { width:100%; padding:36px 0 0; margin:0; border:0; background:#fff; color:#999; text-align:center; }
.site-footer .animal-footer { position:relative; width:100%; max-width:none; height:min(20vw,220px); margin:0; overflow:hidden; line-height:0; background:#fff; }
.animal-footer::before { content:''; position:absolute; bottom:0; left:0; right:0; height:min(6.4vw,70.4px); background:linear-gradient(#565456,#4c494d); }
.animal-footer img { position:absolute; bottom:0; left:50%; transform:translateX(-50%); width:min(100%,1100px); max-width:none; height:auto; mask-image:linear-gradient(to right,transparent,#000 4%,#000 96%,transparent); }
.site-footer .footer-copy { margin:0; padding:25px 20px 30px; font-size:11px; letter-spacing:1px; }
.footer-copy p { margin:0; }
.footer-copy span { font-size:10px; }
/* Retain diary controls and photo overlays; neutralize decorative surfaces only. */
.ld-bg { background:#fff; }
.ld-bg::before { opacity:0; }
.fusion-card,.diary-card { background:#fff; border-color:#eee; box-shadow:0 8px 30px #00000004; }
.fusion-card__glow { opacity:0; }
.album-checkbox { background:rgba(255,255,255,.85); border-color:#bbb; }
.album-checkbox.checked { background:#333; border-color:#333; }
@media(max-width:768px) {
 .site-header { height:82px; padding:0 24px; flex-direction:row; gap:10px; }
 .site-title.brand { font-size:26px; }
 .site-nav { top:10px; width:calc(100% - 28px); padding:6px; gap:0; }
 .site-nav a { padding:12px 8px; gap:6px; font-size:12px; }
 .site-nav svg { width:15px; height:15px; }
 .site-main#page-content { padding:36px 26px; }
 .page-heading h1 { font-size:32px; letter-spacing:2px; }
 .post-title { font-size:29px; }
}
@media(max-width:480px) {
 .site-title.brand span { display:none; }
 .header-search input { width:112px; }
 .header-search input:focus { width:135px; }
 .site-nav a { font-size:11px; gap:4px; padding:11px 5px; }
 .site-nav svg { width:13px; height:13px; }
 .page-heading { padding-bottom:36px; }
 .page-heading h1 { font-size:27px; }
 .kicker { font-size:14px; margin-bottom:22px; }
 .page-heading .subtitle { font-size:10px; letter-spacing:.5px; }
 .post-list .post { padding:26px 0; }
 .post-list .post h2 { font-size:20px; }
 .post-content { font-size:15px; }
 .post-title,.archive-title { font-size:26px; letter-spacing:1px; }
 .archive-item { gap:15px; }
 .archive-item a { font-size:15px; }
 .site-footer { padding-top:26px; }
 .site-footer .animal-footer { height:22vw; }
 .site-footer .footer-copy { padding:20px 12px; }
}
@media(prefers-reduced-motion:reduce) {
 html { scroll-behavior:auto; }
 html:not([data-motion='full']) .site-nav a,html:not([data-motion='full']) .nav-indicator,html:not([data-motion='full']) .archive-item { transition:none; }
}
/* The diary has its own multi-column layout; retain its working canvas. */
.site-main#page-content:has(.ld-bg) { max-width:none; padding:32px 0 0; }
.site-header { flex-wrap:nowrap; }

.refined-heading{padding-bottom:32px}.refined-heading h1{font-size:36px}.access-card{max-width:440px;margin:0 auto;padding:26px 34px 20px;border:1px solid #e9e9e9;border-radius:24px;background:linear-gradient(135deg,#fff,#fafafa85);box-shadow:0 18px 50px #00000004,inset 0 1px 0 #fff}.access-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px;color:#999;font-size:10px;letter-spacing:2px}.access-mark{display:grid;place-items:center;width:43px;height:43px;border:1px solid #eee;border-radius:14px;background:#fff}.access-mark svg{width:23px;height:23px;stroke:#555;stroke-width:1.3}.access-card h2{font-size:22px;letter-spacing:1px}.access-card .access-description{margin:8px 0 24px;font-size:12px;color:#999}.access-form label{display:block;font-size:11px;color:#777;margin-bottom:8px}.password-wrap{display:flex;align-items:center;border:1px solid #e4e4e4;border-radius:11px;background:white;transition:border-color .3s,box-shadow .3s}.password-wrap:focus-within{border-color:#888;box-shadow:0 0 0 3px #00000004}.password-wrap input{width:100%;min-width:0;border:0;background:none;padding:13px 15px;font:inherit;font-size:12px;outline:0;letter-spacing:1px}.peek{border:0;background:none;color:#999;font-size:10px;white-space:nowrap;padding:12px}.unlock{display:flex;justify-content:space-between;width:100%;background:#292929;border:1px solid #292929;border-radius:11px;padding:12px 16px;color:white;font-size:12px;margin-top:13px;transition:background .3s,transform .3s}.unlock:hover{background:#454545;transform:translateY(-1px)}.unlock span{font-size:16px;line-height:1.4}.access-form .form-feedback{font-size:10px;color:#aaa;margin:12px 0 0;min-height:20px}.access-foot{display:flex;align-items:center;gap:5px;border-top:1px solid #eee;margin-top:20px;padding-top:16px;font-size:9px;color:#999}.access-foot a{margin-left:auto}.small-lock svg{width:12px;height:12px;stroke:#888;stroke-width:1.5;vertical-align:middle}.under-card{text-align:center;color:#aaa;font:12px var(--font-serif);letter-spacing:1px;margin:25px 0 16px}.profile-sheet{max-width:730px;margin:auto;padding:34px 38px 0;border:1px solid #ececec;border-radius:22px;background:linear-gradient(130deg,#fff,#fbfbfb);box-shadow:0 15px 40px #00000003}.profile-intro{display:flex;align-items:center;gap:24px;position:relative;padding-bottom:30px}.profile-intro img{width:80px;height:80px;object-fit:cover;border-radius:20px;border:4px solid white;box-shadow:0 3px 16px #00000008}.profile-label{font-size:9px;letter-spacing:2px;color:#999}.profile-intro h2{font:600 31px Georgia,serif;margin:5px 0 8px;display:flex;align-items:center;gap:12px}.profile-dot{width:5px;height:5px;background:#777;border-radius:50%}.profile-intro p{font-size:12px;color:#888}.profile-number{margin-left:auto;align-self:flex-start;color:#bbb;font:9px Georgia,serif;letter-spacing:1px}.profile-details{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #eaeaea;padding:28px 0 30px;gap:38px}.profile-details section+section{border-left:1px solid #eaeaea;padding-left:30px}.section-no{font:italic 12px Georgia,serif;color:#aaa}.profile-details h3{font:600 17px var(--font-serif);margin:13px 0 15px}.profile-details p{font-size:12px;color:#888;line-height:2.1}.interest-tags{display:flex;gap:6px;margin-top:19px;flex-wrap:wrap}.interest-tags span{font-size:9px;border:1px solid #e8e8e8;padding:3px 9px;border-radius:6px;color:#777}.quiet-status{font-size:10px;color:#999;margin-top:24px}.quiet-status i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#888;margin-right:6px}.contact-row{border-top:1px solid #eaeaea;display:flex;align-items:center;gap:22px;padding:21px 0;font-size:11px;color:#888}.contact-row span:nth-child(2){color:#444}.contact-row span:last-child{margin-left:auto;font-size:17px;transition:transform .3s}.contact-row:hover span:last-child{transform:translate(2px,-2px)}
@media(max-width:580px){.refined-heading h1{font-size:27px}.refined-heading .subtitle{max-width:260px;margin:16px auto 0;line-height:2}.access-card{padding:21px 23px 17px;border-radius:19px}.access-card h2{font-size:20px}.profile-sheet{padding:25px 23px 0}.profile-intro{gap:17px;padding-bottom:25px}.profile-intro img{width:65px;height:65px;border-radius:17px}.profile-intro h2{font-size:26px}.profile-intro p{font-size:10px}.profile-number{display:none}.profile-details{grid-template-columns:1fr;gap:25px}.profile-details section+section{border-left:0;padding:24px 0 0;border-top:1px solid #eee}.profile-details h3{margin:8px 0 12px}.contact-row{gap:12px;font-size:10px}.under-card{font-size:10px}}

/* iOS-inspired monochrome preview: quiet surfaces and grouped information. */
body{background:#f5f5f7;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif;color:#1d1d1f}
.site-nav{background:rgba(255,255,255,.72);border-color:rgba(255,255,255,.95);box-shadow:0 8px 32px #00000006,inset 0 1px 0 #fff;backdrop-filter:blur(30px)}
.refined-heading{padding:44px 0 30px}.refined-heading .kicker{font-size:14px;margin-bottom:13px;letter-spacing:2px}.refined-heading .kicker span{display:none}.refined-heading h1{font-size:36px;letter-spacing:2px}.refined-heading .subtitle{margin-top:10px;color:#86868b;font-size:12px;letter-spacing:1px}
.access-card{max-width:400px;padding:26px;border-radius:28px;border:1px solid #fff;background:rgba(255,255,255,.8);box-shadow:0 16px 45px #00000005,inset 0 1px 0 #fff;backdrop-filter:blur(24px)}
.access-top{flex-direction:column-reverse;gap:13px;margin-bottom:25px;font-size:12px;letter-spacing:1px;color:#86868b}.access-mark{width:56px;height:56px;border-radius:18px;background:linear-gradient(145deg,#fff,#ededf0);border:1px solid white;box-shadow:0 3px 10px #00000005,inset 0 1px 2px white}.access-mark svg{width:26px;height:26px;stroke:#57575c}
.access-form label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.password-wrap{background:#f2f2f5;border:1px solid transparent;border-radius:15px}.password-wrap input{padding:16px;font-size:13px;letter-spacing:0}.peek{font-size:11px;color:#737378}.password-wrap:focus-within{background:#fff;border-color:#b9b9bf;box-shadow:0 0 0 4px #00000004}.unlock{border-radius:15px;padding:14px 17px;background:#242426;font-size:13px;margin-top:12px}.unlock:active{transform:scale(.98)}.access-form .form-feedback{font-size:10px;text-align:center;color:#929297}.access-foot{border-color:#eeeef0;margin-top:16px;padding-top:16px;font-size:10px;color:#86868b}
.profile-sheet{max-width:620px;padding:0;border:0;border-radius:28px;background:transparent;box-shadow:none}.profile-intro{flex-direction:column;gap:14px;padding:4px 0 30px;text-align:center}.profile-intro img{width:88px;height:88px;border-radius:26px;border:3px solid #fff;box-shadow:0 8px 24px #0000000a}.profile-intro h2{font-size:30px;justify-content:center;margin:0 0 5px}.profile-dot{display:none}.profile-intro p{font-size:12px;color:#86868b}.profile-details{display:block;border:1px solid #fff;background:rgba(255,255,255,.82);border-radius:23px;padding:0 25px;box-shadow:0 8px 24px #00000003}.profile-details section{padding:22px 0}.profile-details section+section{border-left:0;border-top:1px solid #eeeef0;padding:22px 0}.profile-details h3{font-family:inherit;font-size:13px;font-weight:600;margin:0 0 9px}.profile-details p{font-size:13px;color:#737378;line-height:1.9}.quiet-status{margin-top:12px;font-size:11px}.contact-row{margin-top:16px;padding:19px 25px;background:rgba(255,255,255,.82);border:1px solid white;border-radius:20px;font-size:12px}.contact-row span:first-child{color:#1d1d1f}.contact-row span:nth-child(2){color:#86868b}.contact-row:hover{background:#fff}.site-footer{margin-top:30px}.footer-copy{background:#fff}
@media(max-width:580px){.refined-heading{padding:33px 0 25px}.refined-heading h1{font-size:28px}.access-card{padding:24px;max-width:380px}.profile-intro{gap:12px;padding-bottom:25px}.profile-intro img{width:80px;height:80px}.profile-details{padding:0 22px}.profile-details section,.profile-details section+section{padding:20px 0}.contact-row{padding:18px 20px;gap:10px;font-size:11px}.refined-heading .subtitle{margin-top:8px}.site-footer{margin-top:20px}}

/* White canvas with translucent, softly edged glass surfaces. */
body{background:#fff}
.site-nav{background:rgba(255,255,255,.58);border:1px solid rgba(225,225,230,.65);backdrop-filter:blur(28px) saturate(120%);-webkit-backdrop-filter:blur(28px) saturate(120%);box-shadow:inset 0 1px 0 #fff,inset 0 -1px 0 #ffffffb3,0 8px 28px #00000004}
.access-card,.profile-details,.contact-row{background:linear-gradient(135deg,rgba(255,255,255,.72),rgba(246,246,248,.38));border:1px solid rgba(227,227,232,.7);backdrop-filter:blur(22px) saturate(110%);-webkit-backdrop-filter:blur(22px) saturate(110%);box-shadow:inset 0 1px 0 #fff,inset 0 -1px 0 #ffffffb3,0 12px 36px #00000004}
.password-wrap{background:rgba(239,239,242,.48);border:1px solid rgba(233,233,237,.55);box-shadow:inset 0 1px 3px #00000002}
.contact-row:hover{background:rgba(248,248,250,.7)}

/* Article index: a quiet date rail and a more deliberate reading column. */
.entries{max-width:820px}.entries .list-heading{padding:0 22px 18px;border-bottom:0;margin-bottom:8px}.entries article{display:grid;grid-template-columns:104px minmax(0,1fr);column-gap:24px;padding:30px 22px;margin:0 0 8px;border:1px solid transparent;border-bottom-color:#eee;border-radius:0;transition:background .35s,border-color .35s,box-shadow .35s,border-radius .35s}.entries article:hover{background:linear-gradient(120deg,#ffffffb8,#f6f6f866);border-color:#eaeaec;border-radius:22px;box-shadow:inset 0 1px 0 white,0 10px 30px #00000003}.entries .entry-meta{grid-column:1;grid-row:1 / span 2;flex-direction:column;align-items:flex-start;gap:10px;padding-top:5px;letter-spacing:.5px}.entries .entry-meta time{font-size:12px;font-variant-numeric:tabular-nums;color:#888}.entries .entry-meta span{border:0;padding:3px 9px;border-radius:7px;background:#f5f5f7;color:#777;font-size:10px;letter-spacing:0}.entries .article-link{grid-column:2;margin:0 0 12px;align-items:flex-start;gap:18px}.entries .article-link h2{font-size:22px;font-weight:500;line-height:1.65;letter-spacing:.15px}.entries .article-arrow{display:grid;place-items:center;flex:0 0 29px;height:29px;font-size:18px;border:1px solid #eaeaec;border-radius:50%;opacity:1;translate:0 0;color:#999;margin-top:3px;transition:background .3s,color .3s,transform .4s}.entries .article-link:hover .article-arrow{background:#292929;border-color:#292929;color:#fff;transform:translate(2px,-2px)}.entries article>p{grid-column:2;max-width:570px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:12px;line-height:1.95;color:#888;padding-right:38px}.entries .article-link:hover h2{color:#202020}
@media(max-width:580px){.entries .list-heading{padding:0 0 15px}.entries article{grid-template-columns:1fr;padding:23px 0;gap:0;margin:0}.entries article:hover{padding-left:12px;padding-right:12px}.entries .entry-meta{grid-column:1;grid-row:auto;flex-direction:row;align-items:center;gap:12px;padding:0;margin-bottom:13px}.entries .entry-meta time{font-size:10px}.entries .entry-meta span{font-size:9px;padding:2px 7px}.entries .article-link{grid-column:1;margin-bottom:10px;gap:12px}.entries .article-link h2{font-size:19px;line-height:1.75}.entries .article-arrow{flex-basis:25px;height:25px;font-size:15px}.entries article>p{grid-column:1;font-size:11px;padding-right:30px}}

/* Featured latest post followed by a compact reading list. */
body:has(.entries) .page-heading{padding-bottom:32px}
.list-year{font-size:10px;font-weight:400;color:#aaa;margin-left:12px;letter-spacing:1px}
.entries article{padding-top:24px;padding-bottom:24px;column-gap:26px}
.entries article:first-of-type{padding:30px 26px 32px;margin-bottom:14px;border:1px solid #e9e9ed;border-radius:24px;background:linear-gradient(125deg,#ffffffb3,#f7f7f94d);box-shadow:inset 0 1px 0 #fff,0 10px 32px #00000003}
.entries article:first-of-type .article-link h2{font-size:27px;line-height:1.65;max-width:530px}
.entries article:first-of-type .entry-meta::before{content:'最新文章';font-size:9px;letter-spacing:1px;color:#777;margin-bottom:5px}
.entries .entry-meta time{font-family:Georgia,serif;font-size:19px;letter-spacing:.5px;color:#777}
.entries article:not(:first-of-type) .article-link h2{font-size:20px}
.entries article:not(:first-of-type)>p{-webkit-line-clamp:1}
.entries .article-link::after{content:'';position:absolute;inset:0;z-index:1;border-radius:inherit}
.entries article:focus-within{outline:2px solid #a0a0a5;outline-offset:4px;border-radius:22px}
.entries article:hover .article-arrow{background:#292929;border-color:#292929;color:white;transform:translate(2px,-2px)}
@media(max-width:580px){body:has(.entries) .page-heading{padding-bottom:26px}.entries article{padding:22px 0}.entries article:first-of-type{padding:22px 19px;margin:0 -5px 6px;border-radius:21px}.entries article:first-of-type .article-link h2{font-size:22px}.entries article:not(:first-of-type) .article-link h2{font-size:18px}.entries .entry-meta time{font-size:13px}.entries article:first-of-type .entry-meta::before{margin:0;order:3;margin-left:auto}.entries article:not(:first-of-type)>p{-webkit-line-clamp:2}}

.entries .article-arrow{border:0;border-radius:0;background:transparent;color:#aaa;box-shadow:none}
.entries .article-arrow svg{width:21px;height:21px;stroke:currentColor;stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round}
.entries article:hover .article-arrow,.entries .article-link:hover .article-arrow{background:transparent;border-color:transparent;color:#444;transform:translateX(4px)}

/* Bridge the preview layout to Typecho semantic article markup. */
.post-list.entries{display:block;max-width:820px}.entries article.post{position:relative;display:grid;flex-direction:initial}.entries .article-link{position:static;display:flex;justify-content:space-between;grid-column:2;font-family:var(--font-serif);font-size:22px;font-weight:500;line-height:1.65}.entries .article-link::after{display:none}.entries .article-link a::after{content:'';position:absolute;inset:0;z-index:1;border-radius:inherit}.entries .entry-meta a{position:relative;z-index:2}.entries article:first-of-type h2.article-link{font-size:27px}.entries article:not(:first-of-type) h2.article-link{font-size:20px}.access-card h2,.profile-sheet h2{font-family:var(--font-serif)}.access-card .unlock{color:white}.access-card .password-wrap input{margin:0;box-shadow:none;border:0}.profile-sheet h2{border:0;padding:0}.profile-sheet .contact-row{text-decoration:none}.profile-sheet p{margin:0}.site-main .refined-heading{padding-top:0}.entries article>p{margin:0}.access-form .password-error{color:#a33}
@media(max-width:580px){.entries .article-link{grid-column:1}.entries article:first-of-type h2.article-link{font-size:22px}.entries article:not(:first-of-type) h2.article-link{font-size:18px}}

.entries .entry-meta{display:flex}.entries .article-link{font-weight:500}.entries .article-link a{font-weight:inherit}.entries .list-heading{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#888;letter-spacing:1px}

/* Align every article to the same rails, including the featured card. */
.post-list.entries > article.post{grid-template-columns:104px minmax(0,1fr);column-gap:26px;padding:24px 26px;border:1px solid transparent;border-bottom-color:#eee}
.post-list.entries > article.post:first-of-type{padding:30px 26px 32px;border-color:#e9e9ed}
.post-list.entries > article.post .entry-meta{grid-column:1;grid-row:1 / span 2}
.post-list.entries > article.post h2.article-link{grid-column:2;margin:0 0 12px;min-width:0}
.post-list.entries > article.post > .list-excerpt{grid-column:2}
.post-list.entries > article.post:hover{padding-left:26px;padding-right:26px}
@media(max-width:580px){.post-list.entries > article.post,.post-list.entries > article.post:first-of-type{grid-template-columns:minmax(0,1fr);padding:22px 19px;margin-left:0;margin-right:0}.post-list.entries > article.post .entry-meta{grid-column:1;grid-row:auto}.post-list.entries > article.post h2.article-link,.post-list.entries > article.post > .list-excerpt{grid-column:1}.post-list.entries > article.post:hover{padding-left:19px;padding-right:19px}}
