.diary-main{padding-block:44px 70px;min-height:55vh}
.diary-main:focus{outline:none}
.diary-heading{padding-bottom:27px;border-bottom:2px solid var(--ink)}
.diary-heading .eyebrow{margin-bottom:10px}
.diary-heading h1{font-size:34px;margin:0 0 12px;line-height:1.5}
.diary-heading>p:last-child{color:var(--muted);margin:0;font-size:14px}
.diary-list{list-style:none;padding:0;margin:0}
.diary-list li{border-bottom:1px solid var(--line)}
.diary-list a{display:block;position:relative;padding:28px 52px 28px 0}
.diary-list a:hover h2{color:#007d91}
.diary-meta{display:flex;align-items:center;gap:12px;font-weight:700;letter-spacing:.06em;color:var(--muted);font-size:13px}
.diary-list h2{font-size:22px;line-height:1.7;margin:8px 0;overflow-wrap:anywhere}
.diary-list p{font-size:15px;color:var(--muted);margin:8px 0 0}
.diary-arrow{position:absolute;right:0;top:32px;display:grid;place-items:center;width:36px;height:36px;background:var(--cyan);font-size:24px}
.draft-label{background:var(--cyan);color:var(--ink);padding:2px 8px;font-size:10px}
.diary-empty{padding-block:34px;color:var(--muted)}
.diary-article{max-width:780px;margin-inline:auto}
.diary-back{display:inline-block;font-size:14px;font-weight:700;margin-bottom:34px;border-bottom:1px solid var(--ink)}
.diary-article-header{border-bottom:2px solid var(--ink);padding-bottom:27px;margin-bottom:34px}
.diary-article-header .eyebrow{margin-bottom:12px}
.diary-article h1{font-size:clamp(25px,3.4vw,36px);line-height:1.65;margin:16px 0;overflow-wrap:anywhere}
.diary-summary{font-size:16px;color:var(--muted);line-height:2;margin:15px 0 0}
.diary-prose{font-size:18px;line-height:2.1;overflow-wrap:anywhere}
.diary-prose h2{font-size:25px;margin:40px 0 18px;border-left:5px solid var(--cyan);padding-left:14px;line-height:1.6}
.diary-prose h3{font-size:20px;margin:30px 0 12px}
.diary-prose p,.diary-prose ul,.diary-prose ol{margin:18px 0}
.diary-prose a{text-decoration:underline;text-decoration-color:#008594;text-underline-offset:4px}
.diary-prose img,.diary-prose video{display:block;max-width:100%;height:auto;margin:0 auto;background:#f2f5f5}
.diary-prose figure{margin:28px 0}
.diary-prose figcaption{text-align:center;font-size:14px;color:var(--muted);line-height:1.8;margin-top:10px}
.diary-prose video{width:100%}
.diary-prose pre{overflow-x:auto;background:#f2f5f5;padding:20px;line-height:1.8;font-size:12px;white-space:pre;overflow-wrap:normal}
.diary-prose code{font-family:Consolas,monospace}
.diary-prose blockquote{border-left:3px solid var(--cyan);padding:6px 20px;margin:24px 0;background:#f8fafa}
.diary-bottom-link{margin-top:36px}
@media(max-width:640px){.diary-main{padding-block:28px 45px}.diary-heading h1{font-size:28px}.diary-list a{padding:22px 44px 22px 0}.diary-list h2{font-size:19px}.diary-arrow{width:30px;height:30px;top:26px;font-size:21px}.diary-list p{font-size:14px}.diary-article-header{padding-bottom:20px;margin-bottom:24px}.diary-article h1{font-size:25px}.diary-prose{font-size:17px;line-height:2}.diary-prose h2{font-size:22px}.diary-back{margin-bottom:26px}.diary-prose figure{margin-block:22px}nav{gap:16px}.site-header .brand{font-size:19px}}
