*{box-sizing:border-box}body{margin:0;background:#f7f7f1;color:#183932;font-family:Arial}main{max-width:1080px;margin:auto;padding:0 22px}nav{height:88px;display:flex;justify-content:space-between;align-items:center}nav a{color:#183932;text-decoration:none;font-size:14px}nav a:first-child{font:700 24px Georgia}header{padding:48px 0;border-top:1px solid #ccd8d0;border-bottom:1px solid #ccd8d0}header p,.mock p{font:700 11px monospace;color:#748f2c;letter-spacing:.1em}h1{font:500 clamp(48px,8vw,80px)/.95 Georgia;margin:10px 0 20px;letter-spacing:-.06em}h1 i{color:#e47245}header span{display:block;max-width:650px;color:#60746c;font-size:17px;line-height:1.6}.grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:55px 0}form,.list{border:1px solid #cbd8d0;padding:25px;background:#fff}form{background:#e7f0dc}h2{font:500 31px Georgia;margin:0 0 19px}label{display:grid;gap:7px;font-size:13px;font-weight:bold;margin:14px 0}input,select,textarea{font:15px Arial;padding:11px;border:1px solid #bdcfc3;background:#fff}textarea{resize:vertical}button{background:#183932;color:#fff;border:0;padding:12px 15px;font-weight:bold;cursor:pointer}.list>div{display:flex;justify-content:space-between;border-bottom:1px solid #dce5de}.list>div button{background:transparent;color:#a25b42;padding:0;height:25px}.entry{padding:16px 0;border-bottom:1px solid #e1e9e2}.entry b{display:block;margin-bottom:5px}.entry small{color:#718b2b;font:11px monospace}.entry p{color:#60746c;font-size:14px;line-height:1.5;margin-bottom:0}.mock{border-top:1px solid #ccd8d0;padding:55px 0;display:grid;grid-template-columns:1fr 1fr;gap:16px}.mock form{background:#173a34;color:#fff}.mock form button{background:#f2c66b;color:#183932}.mock #mocks{grid-column:1/3;background:#fff;border:1px solid #cbd8d0;padding:20px;min-height:60px}footer{border-top:1px solid #ccd8d0;padding:25px 0;color:#60746c;font:11px monospace}@media(max-width:700px){.grid,.mock{grid-template-columns:1fr}.mock #mocks{grid-column:auto}header{padding:34px 0}}