*{box-sizing:border-box}body{margin:0;padding:16px;font:16px/1.4 Arial,sans-serif;color:#172923;background:#f6f5f0}main{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,350px),1fr));gap:20px;max-width:900px}article{border:1px solid #68766e;padding:20px;background:white}h2{font-size:22px;line-height:1.2;margin:0 0 16px}p{margin:0 0 16px}a{color:#064e3b;display:block}.fixed{height:360px;overflow:hidden}.growing{min-width:0;overflow-wrap:anywhere}.spaced{line-height:1.5!important;letter-spacing:.12em!important;word-spacing:.16em!important}.spaced h2{line-height:1.5!important}.spaced p{margin-bottom:2em!important}pre{white-space:pre-wrap;overflow-wrap:anywhere}