*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}img{max-width:100%;height:auto}button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}button{cursor:pointer}a{color:inherit}h1,h2,h3,p{overflow-wrap:break-word}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #cd7041;outline-offset:4px}label{display:block}input,select,textarea{max-width:100%;padding:12px;border:1px solid currentColor;background:transparent;color:inherit}select option{color:#171a1a;background:#fff}label input,label select,label textarea{display:block;width:100%;margin:8px 0 18px}button{padding:12px 20px;border:1px solid currentColor;background:transparent;color:inherit}form small{display:block;margin-top:14px;line-height:1.5}.form-result:empty{display:none}.form-result{padding:16px;border:1px solid currentColor;white-space:pre-line}.skip{position:fixed;top:-100px;left:12px;z-index:100;padding:12px;background:white;color:black}.skip:focus{top:12px}.network-footer{font:11px/1.7 Arial,sans-serif;padding:26px 4%;display:flex;flex-wrap:wrap;gap:12px 28px;border-top:1px solid currentColor;opacity:1}.network-footer span:first-child{margin-right:auto}[hidden]{display:none!important}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
body{background:#efe6d5;color:#4a3629;font:16px/1.8 Arial}header{padding:25px 6%;font:bold 17px Arial;display:flex;justify-content:space-between;letter-spacing:2px}header span{font:9px monospace;letter-spacing:1px}main{max-width:850px;margin:auto;padding:45px}.notebook{background:#ad4329;color:#fff5df;border-left:18px solid #8d3727;padding:45px;box-shadow:7px 7px #ccb494;transform:rotate(-2deg)}h1{font:52px/1.04 Georgia;margin:10px 0 35px}.notebook p{font:12px monospace}section{margin-top:60px;padding-top:25px;border-top:1px solid #b59b79}h2{font:29px Georgia}form{max-width:550px}label,button,form small{font:11px/1.6 monospace}main>small{font:12px Georgia;font-style:italic}@media(max-width:600px){header span{display:none}main{padding:30px 7%}.notebook{padding:25px;border-left-width:12px}h1{font-size:39px}}body:has(main.human-home) header{background:#4a3629;color:#efe6d5}body:has(main.human-home) .notebook{box-shadow:12px 12px #4a362930;transform:rotate(-3deg);border-radius:0 15px 15px 0;min-height:420px}body:has(main.human-home) .notebook h1{font-family:"Courier New",monospace;font-size:43px;letter-spacing:-2px}body:has(main.human-home) section h2{font:700 34px "Courier New",monospace}body:has(main.human-home) section form{border:1px solid #b39c80;padding:25px;background:#fff6e8}body:has(main.human-home) section form h2{font-size:22px}@media(min-width:800px){body:has(main.human-home) main{max-width:1250px;display:grid;grid-template-columns:1fr 1fr;gap:60px}body:has(main.human-home) .notebook{grid-column:1;align-self:start}body:has(main.human-home) section{grid-column:2;margin:0;border:0;padding:0}body:has(main.human-home) main>small{grid-column:1/-1}}