:root{--paper:#f3e9d2;--ink:#17201c;--red:#d64a32;--blue:#244d66}*{box-sizing:border-box}html,body{overflow-x:hidden}body{margin:0;min-height:100svh;min-height:100dvh;background:#d9c9a9;color:var(--ink);font-family:Arial,sans-serif;padding:env(safe-area-inset-top) env(safe-area-inset-right) calc(16px + env(safe-area-inset-bottom)) env(safe-area-inset-left)}header{height:66px;border-bottom:3px solid;display:flex;align-items:center;justify-content:space-between;padding:9px 15px;background:var(--paper)}header b{font-size:18px;line-height:.72;letter-spacing:-.06em}header span,.eyebrow{font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.1em}.hero{padding:22px 16px 24px;background:var(--paper);border-bottom:2px solid}.hero h1{font-family:Georgia,serif;font-size:clamp(46px,15vw,82px);line-height:.78;letter-spacing:-.06em;margin:12px 0 18px}.hero em{color:var(--red);font-weight:400}.hero>p:not(.eyebrow){max-width:430px;font:15px/1.4 Georgia,serif}.hero button,.save{min-height:46px;border:2px solid var(--ink);background:var(--ink);color:white;padding:0 15px;font-weight:900;text-transform:uppercase;font-size:10px}.rail{padding:18px 14px 35px;background:#e8dcc4}.railhead{display:flex;justify-content:space-between;border-bottom:2px solid;padding-bottom:8px;font-size:10px}.note{position:relative;margin:14px 0;background:#fff9e9;border:1px solid #b6aa91;padding:18px 16px 14px;box-shadow:3px 4px 0 #17201c20;transform:rotate(-.5deg)}.note:nth-child(even){transform:rotate(.7deg)}.note:before{content:"";position:absolute;top:-7px;left:38%;width:76px;height:14px;background:#d7be7888}.due{font-size:9px;font-weight:900;color:var(--red)}.note h3{font:700 25px/1 Georgia,serif;margin:7px 0}.note p{font-size:12px}.note button{min-height:44px;border:0;border-bottom:2px solid var(--blue);background:transparent;color:var(--blue);font-weight:900;text-transform:uppercase;font-size:9px}dialog{border:0;padding:0;background:transparent;width:100%;max-width:none;margin:auto 0 0}dialog::backdrop{background:#14141088}dialog form{position:relative;background:var(--paper);border-top:3px solid;padding:20px 16px calc(20px + env(safe-area-inset-bottom));max-height:88dvh;overflow:auto}.x{position:absolute;right:12px;top:8px;width:44px;height:44px;border:0;background:transparent;font-size:32px}h2{font:700 34px/1 Georgia,serif}label{display:block;font-size:9px;font-weight:900;text-transform:uppercase;margin:12px 0}input{display:block;width:100%;font-size:16px;border:0;border-bottom:2px solid;background:#fff9e9;border-radius:0;padding:12px 8px;margin-top:5px}.save{width:100%}footer{padding:18px 14px;font-size:9px;font-weight:900;text-transform:uppercase}@media(min-width:760px){main{display:grid;grid-template-columns:.9fr 1.1fr;max-width:1050px;margin:32px auto;border:2px solid}.hero{border-bottom:0;border-right:2px solid;padding:45px 36px}.rail{padding:30px}dialog{width:560px;margin:auto}dialog form{border:3px solid}}