body{background:#f5f3eb;color:#253c39;font:18px/1.6 system-ui,sans-serif}header{max-width:1000px;margin:28px auto 0}h1{font-size:44px;line-height:1.1;margin:8px 0;letter-spacing:-2px}header p{margin:0;color:#687975}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:700;color:#537e70}.hint{max-width:1000px;margin:18px auto 10px;font-size:14px;color:#536761}#container{border:1px solid #d9e1d9;border-radius:18px;box-shadow:0 14px 40px #25463715;margin:14px auto 24px;overflow:hidden}#editor{background:#eaf0e8;font-size:19px}#footer{height:auto;min-height:160px;margin-bottom:30px}#more-shtuff{font:14px/1.6 system-ui}#demos a img{border:2px solid #d5dfd4;border-radius:14px;background:white}a{color:#286b5d}#demos a span{border-radius:14px;font-size:16px}#editor .joy-save{font-family:system-ui;font-size:14px}a:focus-visible,button:focus-visible{outline:3px solid #da743e} @media(max-width:1040px){header,.hint{margin-left:20px;margin-right:20px}#container{width:500px;height:1000px}#footer{width:500px}#more-shtuff,#demos{width:500px;float:none;margin-bottom:20px}#demos a img{width:80px;height:80px}}