:root{--ink:#2b2622;--paper:#f7f2e8;--muted:#7a6f63;--accent:#8a4b2a;--line:#e2d8c6}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.6 Georgia,times new roman,serif}a{color:var(--accent)}img{max-width:100%;height:auto;display:block}.skip{position:absolute;left:-999px}.skip:focus{left:8px;top:8px;background:#fff;padding:6px}header.site,main,footer.site{max-width:680px;margin:0 auto;padding:0 16px}header.site{padding-top:16px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:8px;font-size:1.3rem;text-decoration:none;color:var(--ink);letter-spacing:.03em}.brand img{width:32px;height:32px}nav ul{list-style:none;padding:0;margin:10px 0;display:flex;flex-wrap:wrap;gap:4px 14px;font-size:.95rem}nav a{text-decoration:none}nav a:hover{text-decoration:underline}h1{font-weight:400;font-size:1.7rem;line-height:1.25;margin:.8em 0 .4em}h2{font-weight:400;border-bottom:1px solid var(--line)}.crumbs{font-size:.85rem;color:var(--muted);margin-top:12px}.grid{list-style:none;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:16px}@media(min-width:600px){.grid{grid-template-columns:repeat(3,1fr)}}.grid a{text-decoration:none;color:var(--ink)}.grid img{border:1px solid var(--line);background:#eee;aspect-ratio:36/46;object-fit:cover;width:100%}.grid strong{display:block;font-weight:400;margin-top:6px}.grid small{color:var(--muted)}.ba{margin:0 0 1em}.ba-wrap{position:relative;overflow:hidden;border:1px solid var(--line)}.ba-orig{position:absolute;inset:0}.ba-orig img{width:100%;height:100%;object-fit:cover}.ba-wrap::after{content:"";position:absolute;top:0;bottom:0;left:var(--pos,50%);width:2px;background:#fff;box-shadow:0 0 3px #0008;pointer-events:none}.ba-range{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;margin:0}.ba figcaption{display:flex;justify-content:space-between;font-size:.85rem;color:var(--muted)}.pair{display:grid;gap:12px}@media(min-width:600px){.pair{grid-template-columns:1fr 1fr}}figure{margin:0}.cap{font-style:italic}dl{display:grid;grid-template-columns:max-content 1fr;gap:4px 12px;font-size:.95rem}dt{color:var(--muted)}dd{margin:0}.todo{color:#a33;font-family:monospace;font-size:.85rem}.pn{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;margin:24px 0;font-size:.95rem}footer.site{border-top:1px solid var(--line);margin-top:40px;font-size:.9rem;color:var(--muted);padding-bottom:30px}.cta{text-align:center;margin:2em 0}