:root{color-scheme:light;--ink:#242c2c;--muted:#626e6a;--paper:#faf8f2;--accent:#296655}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:18px/1.75 Georgia,serif}header,main,footer{max-width:800px;margin:auto;padding:24px}header{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid #dddcd3;font:14px/1.5 system-ui}header a{font-weight:700;text-decoration:none}header span,time,.eyebrow,footer{color:var(--muted)}a{color:var(--accent);text-underline-offset:4px}h1,h2,h3{line-height:1.15;font-weight:500}h1{font-size:clamp(2.5rem,7vw,4rem);letter-spacing:-.035em}h2{font-size:1.7rem}h3{font-size:1.6rem;margin:10px 0}p{margin:1.3em 0}.intro{padding:55px 0 45px}.intro p{max-width:500px}.eyebrow,time{font:12px/1.6 system-ui;text-transform:uppercase;letter-spacing:.1em}.entry{padding:24px 0;border-top:1px solid #dddcd3}.entry a{text-decoration:none}.post{padding:35px 0}.post h1{margin-top:15px}.post h2{margin-top:2em}img,canvas,video{max-width:100%;height:auto}pre{overflow:auto}footer{border-top:1px solid #dddcd3;font:13px/1.5 system-ui;padding-bottom:40px}@media(max-width:500px){header span{display:none}header,main,footer{padding-left:20px;padding-right:20px}}

.packing-demo{padding:24px;border:1px solid #dddcd3;border-radius:8px;font:16px/1.6 system-ui}.packing-demo fieldset{border:0;padding:0;margin:0}.packing-demo legend{font-weight:700;margin-bottom:12px}.packing-demo label{display:block;padding:6px 0;cursor:pointer}.packing-demo input{margin-right:8px;accent-color:var(--accent)}.packing-demo button{background:var(--accent);color:white;border:0;border-radius:4px;padding:10px 16px;font:inherit;cursor:pointer}.packing-demo button:focus-visible{outline:3px solid var(--ink);outline-offset:3px}