:root{font-family:Avenir Next,Segoe UI,system-ui,sans-serif;color:#18332d;background:#f4f1e8;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}.studio{min-height:100vh;display:grid;grid-template-columns:250px 1fr}.sidebar{position:sticky;top:0;height:100vh;padding:28px 20px;background:#123f36;color:#fff}.studio-brand{display:flex;gap:12px;align-items:center;padding:0 8px 28px;border-bottom:1px solid rgb(255 255 255 / 10%)}.studio-brand>span{width:42px;height:42px;display:grid;place-items:center;border-radius:14px;background:#f2dfb8;color:#154f43;font:700 20px Georgia}.studio-brand strong,.studio-brand small{display:block}.studio-brand strong{font:700 18px Avenir Next,Segoe UI,sans-serif}.studio-brand small{margin-top:3px;color:#a9c3b9;font-size:10px}nav{margin-top:26px}nav button{width:100%;display:flex;align-items:center;gap:10px;padding:11px;margin-bottom:5px;border:0;border-radius:10px;background:transparent;color:#b9cec6;text-align:left;cursor:pointer;font-size:12px}nav button.active{color:#fff;background:#ffffff1a}nav svg{width:17px;fill:none;stroke:currentColor;stroke-width:1.7}nav b{margin-left:auto;padding:3px 6px;border-radius:99px;background:#d19a4a;color:#173d35;font-size:9px}.version-card{position:absolute;bottom:24px;left:20px;right:20px;padding:15px;border-radius:14px;background:#ffffff14}.version-card small,.version-card strong{display:block}.version-card small{color:#9fbbb0;font-size:9px}.version-card strong{margin:5px 0 10px;font:700 16px Avenir Next,Segoe UI,sans-serif}.version-card span{padding:4px 7px;border-radius:99px;background:#516d65;font-size:8px}.version-card span.live{color:#163e35;background:#b9dfc9}.workspace{padding:38px clamp(28px,5vw,72px) 80px;overflow:hidden}.workspace>header{display:flex;justify-content:space-between;align-items:flex-end;gap:20px}.eyebrow{color:#b77a29;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.16em}h1,h2{font-family:Avenir Next,Segoe UI,sans-serif;letter-spacing:-.025em}h1{margin:7px 0 5px;font-size:29px}h2{margin:5px 0;font-size:17px}p{color:#71807a;font-size:12px}.publish-button,.rule-editor button{border:0;border-radius:11px;padding:11px 16px;background:#154f43;color:#fff;font-weight:700;cursor:pointer;box-shadow:0 8px 20px #154f4329}.publish-button:disabled,.rule-editor button:disabled{opacity:.45;cursor:not-allowed}.toast{margin-top:18px;padding:11px 14px;border-radius:10px;background:#dfece4;color:#235c4e;font-size:11px;font-weight:700}.toast.error{background:#f2dfda;color:#8c392e}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:28px 0 18px}.stats article{padding:17px;border:1px solid #dce1dc;border-radius:15px;background:#fffdf7b3}.stats small,.stats strong,.stats span{display:block}.stats small{color:#77847f;font-size:9px;text-transform:uppercase;letter-spacing:.08em}.stats strong{margin:8px 0 3px;font:700 23px Avenir Next,Segoe UI,sans-serif}.stats span{color:#8c9692;font-size:9px}.editor-layout{min-height:600px;display:grid;grid-template-columns:minmax(230px,33%) 1fr;border:1px solid #d7ded9;border-radius:19px;background:#fffdf8;overflow:hidden;box-shadow:0 18px 50px #283c3512}.rules-panel{border-right:1px solid #e0e4e0}.panel-header{min-height:66px;display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid #e5e8e5}.panel-header>button{border:0;background:transparent;color:#16614f;font-size:10px;font-weight:800;cursor:pointer}.search{width:calc(100% - 30px);margin:14px 15px;padding:10px 12px;border:1px solid #dce1dc;border-radius:10px;outline:none;background:#f8f8f4;font-size:11px}.search:focus{border-color:#68a391}.rule-list{height:510px;overflow:auto}.rule-list>button{width:100%;padding:13px 18px;border:0;border-bottom:1px solid #edf0ed;background:transparent;color:#18332d;text-align:left;cursor:pointer}.rule-list>button.selected{background:#e8f0eb;box-shadow:inset 3px 0 #27735f}.rule-list span,.rule-list strong,.rule-list small{display:block}.rule-list span{color:#b0792d;font-size:8px;font-weight:800}.rule-list strong{margin:4px 0;font:600 11px/1.35 Avenir Next,Segoe UI,sans-serif}.rule-list small{color:#7c8883;font-size:8px;text-transform:uppercase}.empty-list,.empty-uncovered{padding:28px;color:#87918d;font-size:11px;line-height:1.5;text-align:center}.draft-badge{padding:5px 8px;border-radius:99px;background:#f5ead5;color:#8b5d1e;font-size:8px;font-weight:800}.form-grid{display:grid;grid-template-columns:1fr 1fr .7fr;gap:15px;padding:22px}.form-grid label{color:#52645d;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.form-grid label.wide{grid-column:1 / -1}.form-grid input,.form-grid textarea,.form-grid select{width:100%;margin-top:7px;padding:10px 11px;border:1px solid #d9dfda;border-radius:9px;background:#fbfbf8;color:#18332d;font-size:11px;text-transform:none;letter-spacing:normal;outline:none;resize:vertical}.form-grid input:focus,.form-grid textarea:focus,.form-grid select:focus{border-color:#5a9886;box-shadow:0 0 0 3px #5a98861a}.editor-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:15px 22px;border-top:1px solid #e4e7e4}.editor-footer p{margin:0;font-size:9px}.uncovered{margin-top:40px;scroll-margin-top:30px}.section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.section-title>span{min-width:28px;height:28px;display:grid;place-items:center;border-radius:99px;background:#f0e3ca;color:#8a5b1d;font-size:10px;font-weight:800}.uncovered-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.uncovered-grid article{padding:15px;border:1px solid #dedfd9;border-radius:13px;background:#fffdf8}.uncovered-grid small{color:#a16e28;font-size:8px;text-transform:uppercase;font-weight:800}.uncovered-grid blockquote{margin:9px 0;color:#57665f;font:italic 11px/1.5 Georgia}.uncovered-grid time{color:#929b97;font-size:8px}@media(max-width:900px){.studio{grid-template-columns:1fr}.sidebar{position:static;height:auto}.sidebar nav,.version-card{display:none}.workspace{padding:25px 18px 60px}.editor-layout{grid-template-columns:1fr}.rules-panel{border-right:0;border-bottom:1px solid #ddd}.rule-list{height:260px}.uncovered-grid{grid-template-columns:1fr}}