:root{color-scheme:light;--ink:#202f32;--muted:#59696a;--line:#d2d8d4;--accent:#126559;--paper:#f8f9f5}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 system-ui,"Hiragino Kaku Gothic ProN",Meiryo,sans-serif}a{color:var(--accent);text-underline-offset:.2em}header{background:#fff;border-top:4px solid var(--accent);border-bottom:1px solid var(--line)}header>div,main,footer{width:min(1180px,92%);margin:auto}header>div,header nav,.pager{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap}header>div{justify-content:space-between;padding:17px 0;gap:9px}.brand{font-weight:800;color:var(--ink);text-decoration:none;font-size:1.2rem;letter-spacing:.04em}.brand i{font-style:normal;color:white;background:var(--accent);padding:.12em .35em;border-radius:3px}header nav{font-size:.85rem}main{min-height:72vh;padding:28px 0 52px}.crumb,.meta,small,footer{color:var(--muted);font-size:.86rem}.crumb{overflow-wrap:anywhere}.crumb span{padding:0 .3em}.label{font-size:.69rem;font-weight:750;color:var(--accent);letter-spacing:.17em;margin:2.2rem 0 .4rem}h1{font-size:clamp(1.7rem,4vw,2.6rem);line-height:1.3;overflow-wrap:anywhere;margin:.2em 0}h2{font-size:1.1rem;border-top:1px solid var(--line);padding-top:1rem;margin:2rem 0 1rem}.grid,.folders{display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(min(165px,100%),1fr))}.folders{grid-template-columns:repeat(auto-fill,minmax(min(225px,100%),1fr))}.folders a,.photo{color:var(--ink);text-decoration:none;background:white;border:1px solid var(--line);border-radius:5px;overflow:hidden}.folders a{padding:12px;overflow-wrap:anywhere}.folders b{color:var(--accent);margin-right:.4em}.photo img{width:100%;aspect-ratio:4/3;object-fit:contain;background:#e9ede8;display:block}.photo span{display:block;padding:8px 10px;font-size:.85rem;overflow-wrap:anywhere}.photo:hover,.folders a:hover{border-color:var(--accent)}.pager{justify-content:center;margin:30px 0}.pager a,button{background:white;border:1px solid var(--line);border-radius:4px;padding:.4em .8em;cursor:pointer}.empty,figure{padding:1.5em;background:#ebefea}.empty{text-align:center}figure{margin:1.2rem 0;text-align:center}figure img{max-width:100%;max-height:80vh;vertical-align:middle}article{padding:12px 0;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:15px}article>div{overflow-wrap:anywhere;min-width:0}article form{flex-shrink:0}summary{cursor:pointer;font-size:.85rem}footer{padding:20px 0;border-top:1px solid var(--line)}:focus-visible{outline:3px solid #177a70;outline-offset:2px}@media(max-width:540px){.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.folders{grid-template-columns:1fr}header nav{gap:.85rem}article{flex-wrap:wrap}figure{padding:4px}}