*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f8f7f3;color:#193e36;font:17px/1.65 Arial,Helvetica,sans-serif}a{color:inherit;text-underline-offset:4px}img{max-width:100%;height:auto}header{border-bottom:1px solid #d9dcd4;background:#fff}nav,.wrap{max-width:1200px;margin:auto;padding:24px}nav{display:flex;align-items:center;gap:24px;flex-wrap:wrap}nav .brand{margin-right:auto}nav img{width:150px}h1,h2,h3{line-height:1.15;font-weight:500}h1{font-size:clamp(32px,4vw,56px);margin:24px 0}h2{font-size:32px}h3{font-size:23px}.crumb{font-size:14px;color:#626e67}.intro{max-width:820px;font-size:18px}.hero{display:grid;grid-template-columns:1.4fr 1fr;gap:40px;align-items:start;margin:32px 0}.main-image{background:#f1eee7;width:100%;aspect-ratio:3/2;object-fit:contain}.button{display:inline-block;background:#193e36;color:white;padding:14px 22px;text-decoration:none;margin:8px 8px 8px 0}.outline{background:transparent;color:#193e36;box-shadow:inset 0 0 0 1px #193e36}.note{font-size:14px;color:#626e67;border-left:3px solid #b49758;padding:8px 16px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:32px 0}.card{background:white;padding:18px;border:1px solid #e3e4dd}.card>a{display:block;text-decoration:none}.card img{width:100%;aspect-ratio:3/2;object-fit:contain}.card p{font-size:14px;color:#626e67}.gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.gallery figure{margin:0}.gallery img{width:100%;aspect-ratio:3/2;object-fit:contain;background:white}.gallery figcaption{font-size:14px;color:#626e67}.code{font-size:14px;color:#626e67;overflow-wrap:anywhere}table{width:100%;border-collapse:collapse}td,th{padding:12px;border-bottom:1px solid #d9dcd4;text-align:left}footer{margin-top:60px;border-top:1px solid #d9dcd4;padding:32px 24px}footer .wrap{padding:0}.links{display:flex;flex-wrap:wrap;gap:12px 24px}section{margin:48px 0}details{margin:24px 0}summary{cursor:pointer;font-weight:bold}@media(max-width:700px){nav{gap:12px;font-size:14px}nav img{width:115px}.wrap{padding:20px}.hero{grid-template-columns:1fr;gap:16px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.card{padding:12px}h3{font-size:19px}.gallery{grid-template-columns:1fr}h2{font-size:28px}}@media(max-width:380px){.grid{grid-template-columns:1fr}}