:root{color-scheme:light;--black:#111;--gray:#777;--line:#e5e5e5}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:24px}
body{background:#fff;color:var(--black);margin:0;font-family:'Patrick Hand SC',Arial,sans-serif;-webkit-font-smoothing:antialiased}
button{font:inherit;cursor:pointer}
a{color:inherit;text-decoration:none}
a:hover{text-decoration:underline;text-underline-offset:4px}
[hidden]{display:none!important}
.skip-link{position:absolute;left:-9999px;top:8px;padding:10px;background:white;z-index:10}
.skip-link:focus{left:8px}
.site-header{width:min(700px,calc(100% - 40px));margin:0 auto;padding:68px 0 53px;text-align:center}
.site-header h1{font-size:clamp(32px,6.2vw,59px);letter-spacing:.015em;font-weight:400;line-height:1.05;margin:0;white-space:nowrap}
.site-header nav{display:flex;justify-content:center;gap:12px;margin-top:29px}
/* Comic palette sampled directly from the reference strip. */
.site-header nav a{font-size:17px;font-weight:400;letter-spacing:.04em;padding:5px 12px 6px;border-radius:5px;display:inline-flex;align-items:center;justify-content:center;min-height:36px;white-space:nowrap;transition:filter .15s ease}
.site-header nav a:nth-child(1){background:#fed442} /* LATEST */
.site-header nav a:nth-child(2){background:#f55849} /* ARCHIVE */
.site-header nav a:nth-child(3){background:#15aeb4} /* CONTACT */
.site-header nav a:nth-child(4){background:#8e6eaf} /* INSTAGRAM */
.site-header nav a:hover{filter:brightness(.95);text-decoration:none}
.site-header nav a:focus-visible{outline:2px solid #111;outline-offset:3px}
.page{width:min(650px,calc(100% - 40px));margin:0 auto;padding:0 0 120px}
section+section{margin-top:93px}
.section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:14px;border-bottom:1px solid var(--black);padding:0 0 13px;margin:0 0 25px}
.section-heading h2{font-size:19px;letter-spacing:.04em;font-weight:400;margin:0}
.muted{color:var(--gray);font-size:15px}
.empty-text{font-size:19px;color:var(--gray);margin:55px 0;text-align:center}
.latest-image-button{background:transparent;border:0;padding:0;display:block;width:100%;cursor:zoom-in}
.latest-image-button img{display:block;width:100%;height:auto;object-fit:contain}
.strip-caption{display:flex;justify-content:space-between;gap:10px;font-size:17px;margin-top:12px}
.strip-caption time{color:var(--gray)}
.archive-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 22px}
.archive-item{text-align:left;padding:0;border:0;background:none;min-width:0}
.archive-item img{display:block;width:100%;height:auto;object-fit:contain}
.archive-item:hover img{opacity:.82}
.archive-meta{display:flex;justify-content:space-between;gap:6px;padding-top:9px;font-size:15px}
.archive-meta time{color:var(--gray);font-size:14px;white-space:nowrap}
.reader{width:min(760px,calc(100% - 20px));max-height:95dvh;border:0;padding:16px 20px 22px;background:#fff;color:var(--black);overflow:auto}
.reader::backdrop{background:rgba(0,0,0,.75)}
.reader-top{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px}
.reader-top h2{font-size:19px;font-weight:400;margin:0}
.reader-close{font-size:28px;border:0;background:none;padding:0 5px}
.reader img{width:auto;max-width:100%;height:auto;max-height:72dvh;object-fit:contain;display:block;margin:auto}
.reader-navigation{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:18px}
.reader-navigation button{font-size:17px;font-weight:400;letter-spacing:.04em;border:0;background:none;padding:8px 0}
.reader-navigation button:disabled{opacity:.25;cursor:default}
.reader-navigation span{color:var(--gray);font-size:15px}
@media(max-width:520px){.site-header{padding:45px 0 40px}.site-header h1{font-size:clamp(27px,7.7vw,43px)}.site-header nav{margin-top:22px;flex-wrap:wrap;column-gap:10px;row-gap:10px}.page{padding-bottom:70px}section+section{margin-top:67px}.archive-grid{gap:28px 14px}.archive-meta{flex-direction:column;gap:0}.reader{padding:12px}.reader-navigation button{font-size:15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}