*{box-sizing:border-box}body{margin:0;background:#f8f5ec;color:#182b27;font:17px/1.5 "Trebuchet MS",system-ui,sans-serif}header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #d8ded0;padding:18px max(5vw,20px);gap:12px}header strong{font-size:1.25rem}header span{font-size:.85rem;color:#465952}main{max-width:1240px;margin:0 auto;padding:clamp(20px,5vw,72px);display:grid;grid-template-columns: minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(18px,5vw,72px)}aside,section{border-radius:26px;padding:clamp(22px,4vw,48px)}aside{background:#deebaa;align-self:start;container-type:inline-size;overflow-wrap:anywhere}h1,h2,h3,p{margin:0 0 .7em}h1{font-size:clamp(2rem,14cqi,4rem);line-height:1;letter-spacing:-.065em}h2{font-size:clamp(1.65rem,3vw,2.45rem);line-height:1.1;letter-spacing:-.035em}section{background:white;border:1px solid #d8ded0;align-self:start}.tags{display:flex;align-items:center;justify-content:center;min-height:190px;gap:4px}.tag{position:relative;border-radius:20px;padding:18px 20px 18px 37px;box-shadow:0 7px #182b27;border:2px solid #182b27;font-size:2rem;font-weight:900;line-height:1}.tag:before{content:'';position:absolute;width:10px;height:10px;border:2px solid #182b27;background:#deebaa;border-radius:50%;left:12px;top:50%;transform:translateY(-50%)}.blue{background:#a7caff;transform:rotate(-17deg)}.orange{background:#ffb584;transform:translateY(24px) rotate(14deg)}.options,#actions{display:flex;gap:10px;flex-wrap:wrap}.options{margin:20px 0}button,input{font:inherit;border-radius:12px;padding:10px 14px;border:1px solid #778780;background:#fff;color:inherit}button{cursor:pointer;max-width:100%;overflow-wrap:anywhere}button:hover:not(:disabled),button[aria-pressed=true]{background:#deebaa;border-color:#182b27}button.primary{background:#21493a;border-color:#21493a;color:white}button.primary:hover:not(:disabled){background:#30634f}button:disabled{opacity:.45;cursor:default}:focus-visible{outline:3px solid #2959bb;outline-offset:3px}#actions{position:sticky;bottom:0;padding:10px 0;background:white}#status{font-size:.9rem;color:#7b3320}#status:empty{display:none}.small{font-size:.9rem;color:#465952}article{padding:16px;background:#f7f8ef;border:1px solid #d8ded0;border-radius:14px;margin:0 0 12px;overflow-wrap:anywhere}article p:last-child{margin-bottom:0}input{display:block;max-width:100%;margin:8px 0 14px}@media(max-width:760px){main{grid-template-columns:1fr}.tags{display:none}}