:root{--max-width:1100px;--text-max-width:720px;--space-page:clamp(1rem, 4vw, 2.5rem);--space-section:4rem;--font-size:1rem;--color-text:#222;--color-muted:#757575;--color-bg:#fff;--grid-gap:2.5rem}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{font-family:system-ui,-apple-system,Hiragino Sans,Hiragino Kaku Gothic ProN,Yu Gothic,Meiryo,sans-serif;font-size:var(--font-size);color:var(--color-text);background:var(--color-bg);overflow-wrap:break-word;line-height:1.9}img{max-width:100%;height:auto;display:block}a{color:inherit}a:focus-visible{outline-offset:3px;outline:2px solid}.container{max-width:var(--max-width);padding-inline:var(--space-page);margin-inline:auto}.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:var(--space-page);background:var(--color-bg);z-index:10;padding:.25rem .5rem;top:.5rem}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.site-header{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.75rem 1rem;padding-block:2rem;display:flex}.site-name{font-size:1.125rem;font-weight:600;text-decoration:none}.site-logo{line-height:0;display:block}.site-logo img{width:auto;max-width:min(55vw,260px);height:1.5rem}.site-nav ul{flex-wrap:wrap;gap:.5rem 1.5rem;list-style:none;display:flex}.site-nav a{white-space:nowrap;text-decoration:none}.site-nav a:hover,.site-name:hover{text-decoration:underline}main{padding-block:2rem var(--space-section)}.diary-grid{gap:var(--grid-gap);grid-template-columns:1fr;list-style:none;display:grid}@media (width>=640px){.diary-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.diary-grid{grid-template-columns:repeat(3,1fr)}}.card a{text-decoration:none;display:block}.card img{aspect-ratio:3/2;object-fit:cover;width:100%}.card-title{margin-top:.75rem;font-size:1rem;font-weight:600;line-height:1.6}.card a:hover .card-title{text-decoration:underline}.card-date{color:var(--color-muted);margin-top:.125rem;font-size:.8125rem;display:block}.entry{max-width:var(--text-max-width);margin-inline:auto}.entry-header{margin-bottom:2rem}.entry-title{font-size:1.5rem;font-weight:600;line-height:1.5}.entry-date{color:var(--color-muted);margin-top:.25rem;font-size:.875rem;display:block}.entry-cover{margin-bottom:2.5rem}.entry-cover img,.entry-photos img{width:100%;height:auto}.prose>*+*{margin-top:1.25em}.prose h2{margin-top:2.5em;font-size:1.25rem;font-weight:600;line-height:1.6}.prose h3{margin-top:2em;font-size:1.0625rem;font-weight:600;line-height:1.6}.prose ul,.prose ol{padding-left:1.5em}.prose a{text-underline-offset:.2em;text-decoration:underline}.prose blockquote{border-left:2px solid var(--color-muted);color:var(--color-muted);padding-left:1em}.entry-photos{gap:var(--grid-gap);margin-top:3rem;list-style:none;display:grid}.entry-nav{max-width:var(--text-max-width);margin:var(--space-section) auto 0;border-top:1px solid #e5e5e5;padding-top:1.5rem}.entry-nav ul{flex-wrap:wrap;justify-content:space-between;gap:.5rem 1.5rem;font-size:.9375rem;list-style:none;display:flex}.entry-nav a{text-decoration:none}.entry-nav a:hover{text-decoration:underline}.about{max-width:var(--text-max-width);margin-inline:auto}.about-avatar{margin-bottom:1.5rem}.about-avatar img{object-fit:cover;border-radius:50%;width:120px;height:120px}.about-name{font-size:1.5rem;font-weight:600}.about-body{margin-top:1.5rem}.about-links{flex-wrap:wrap;gap:1.5rem;margin-top:2rem;list-style:none;display:flex}.about-links a{text-underline-offset:.2em;text-decoration:underline}.poster-list{gap:var(--grid-gap);grid-template-columns:1fr;align-items:start;list-style:none;display:grid}@media (width>=640px){.poster-list{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.poster-list{grid-template-columns:repeat(3,1fr)}}.poster-list img{width:100%;height:auto}.poster-empty{color:var(--color-muted)}.site-footer{color:var(--color-muted);padding-block:2rem;font-size:.8125rem}.site-footer a{color:inherit}.simple-page{max-width:var(--text-max-width);margin-inline:auto}.simple-page h1{font-size:1.5rem;font-weight:600}.simple-page p{margin-top:1rem}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
