*{box-sizing:border-box}body{color:#171717;background:#f4f3f0;margin:0;font-family:Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}:is(a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible){outline-offset:3px;outline:3px solid #d22630}header{background:#fff;border-bottom:1px solid #ddd;justify-content:space-between;align-items:center;gap:25px;padding:20px 4%;display:flex}.brand{align-items:center;gap:25px;display:flex}.brand img{width:260px;height:auto;display:block}.brand span{letter-spacing:2px;font-size:10px;font-weight:800}.headerlinks{align-items:center;gap:25px;font-size:12px;display:flex}button,.actions a{background:#fff;border:1px solid #ccc;padding:12px 16px;font-size:12px;font-weight:600}main{max-width:1700px;margin:auto;padding:0 4%}.intro{grid-template-columns:1.3fr 1fr;gap:10%;padding:65px 0 45px;display:grid}.eyebrow{color:#d22630;letter-spacing:2px;font-size:10px;font-weight:800}.intro h1{letter-spacing:-3px;margin:20px 0;font-size:64px;line-height:1}.intro h1 span{color:#d22630}.lead{color:#565656;max-width:600px;font-size:16px;line-height:1.65}.instructions{background:#fff;border-top:3px solid #171717;padding:28px}.instructions strong{font-size:18px}.instructions ol{padding-left:20px;font-size:14px;line-height:1.9}.instructions p{color:#666;font-size:12px;line-height:1.6}.workspace{grid-template-columns:minmax(0,1fr) 350px;align-items:start;gap:22px;display:grid}.preview{background:#ddd;min-width:0}.toolbar{background:#fff;flex-wrap:wrap;justify-content:space-between;align-items:end;gap:15px;padding:15px;display:flex}.toolbar label{flex:1;min-width:200px}.viewbuttons{align-items:center;gap:8px;font-size:11px;display:flex}.viewbuttons a{padding:8px}.viewbuttons [aria-pressed=true]{color:#fff;background:#171717;border-color:#171717}.framewrap{justify-content:center;height:900px;max-height:100vh;padding:12px;display:flex;overflow:hidden}iframe{background:#fff;border:0;width:100%;height:100%}.framewrap.mobile iframe{width:390px;max-width:100%}.feedback{background:#fff;padding:24px}.feedback h2{letter-spacing:-.8px;margin:12px 0 22px;font-size:25px}label{margin-bottom:15px;font-size:12px;font-weight:600;display:block}input,select,textarea{background:#fff;border:1px solid #ccc;border-radius:0;width:100%;min-width:0;margin-top:7px;padding:11px;display:block}textarea{resize:vertical;min-height:125px}.primary{color:#fff;background:#d22630;border:0;width:100%;padding:16px}.small{color:#6b6b6b;font-size:11px;line-height:1.6}.error{color:#d22630;font-size:12px;line-height:1.6}.success{color:#17632d;font-size:13px;line-height:1.6}.board{padding:65px 0}.boardhead{justify-content:space-between;align-items:end;gap:20px;display:flex}.board h2{letter-spacing:-1.3px;margin:13px 0 25px;font-size:36px}.actions{gap:10px;margin-bottom:25px;display:flex}.counts{border-block:1px solid #ccc;flex-wrap:wrap;gap:35px;padding:20px 0;display:flex}.counts span{color:#666;font-size:12px}.counts b{color:#111;margin-right:8px;font-size:25px}.filter{max-width:350px;margin:25px 0}.entries{grid-template-columns:1fr 1fr;gap:20px;display:grid}.entries article{overflow-wrap:anywhere;background:#fff;border:1px solid #ddd;padding:25px}.entryhead{color:#777;flex-wrap:wrap;align-items:center;gap:12px;font-size:10px;display:flex}.entryhead time{margin-left:auto}.badge{color:#873811;background:#fff0e8;padding:8px;font-weight:700}.badge.approved{color:#236230;background:#e5f2e8}.entries h3{margin:20px 0 8px;font-size:18px}.entries h3 span{color:#666;font-weight:400}.by{color:#666;font-size:11px}.note{white-space:pre-wrap;font-size:14px;line-height:1.7}.empty{color:#666;background:#fff;border:1px solid #ddd;padding:35px;font-size:14px}footer{border-top:1px solid #ccc;justify-content:space-between;align-items:center;gap:30px;padding:30px 0 50px;font-size:11px;display:flex}footer p{color:#666;max-width:550px;line-height:1.7}@media (max-width:1100px){.workspace{grid-template-columns:minmax(0,1fr) 310px}.toolbar{display:block}.viewbuttons{margin-top:12px}.intro{gap:5%}.brand span{display:none}}@media (max-width:800px){main{padding:0 20px}header{padding:15px 20px}.brand img{width:200px;height:auto}.headerlinks{gap:10px}.headerlinks>a{display:none}.intro{grid-template-columns:1fr;gap:22px;padding:35px 0}.intro h1{font-size:48px}.workspace{grid-template-columns:1fr}.framewrap{height:650px;max-height:80vh}.entries{grid-template-columns:1fr}.boardhead{display:block}.counts{gap:15px}.counts span{width:100%}.board h2{font-size:30px}footer{display:block}.toolbar label{min-width:0}}
