.staff-prototype-note{color:#26483c;background:#edf1e7;border-left:4px solid #4a7057;gap:1.2rem;margin-bottom:2rem;padding:1.5rem;display:flex}.staff-prototype-note>svg{flex:none;width:32px;height:32px}.staff-prototype-note strong{font-size:1rem}.staff-prototype-note p{max-width:95ch;margin-top:.4rem;font-size:.875rem;line-height:1.7}.staff-studio .staff-demo-grid{grid-template-columns:260px minmax(0,1fr);gap:2rem}.staff-studio .staff-instructions nav button[aria-current]{background:#234c40}.staff-studio .staff-instructions h2{margin-bottom:1rem;font-size:1.6rem;line-height:1.25}.staff-production-note{color:#385244;background:#fff1c7;margin-top:2rem;padding:1.5rem}.staff-production-note svg{width:32px;height:32px;margin-bottom:1rem;display:block}.staff-production-note strong{font-size:.9rem}.staff-production-note p{margin-top:.5rem;font-size:.8rem;line-height:1.7}.staff-editor{background:#fcfcf8;border:1px solid #b8c9bf;border-radius:5px;align-self:start;min-width:0;overflow:hidden;box-shadow:0 18px 50px #183e3610}.staff-editor-toolbar{color:#fff;background:#1d443b;justify-content:space-between;align-items:center;gap:1rem;padding:1.3rem 1.6rem;display:flex}.staff-editor-toolbar>div>span{letter-spacing:.13em;color:#c7dccc;font-size:.6rem;display:block}.staff-editor-toolbar strong{margin-top:.25rem;font-size:1.25rem;font-weight:500;display:block}.staff-editor-state{border:1px solid #638879;border-radius:20px;padding:.4rem .7rem;font-size:.65rem}.staff-editor-modes{background:#f0f3e9;border-bottom:1px solid #cfdbd1;align-items:center;gap:.5rem;padding:.7rem 1.2rem;display:flex}.staff-editor-modes button{min-height:44px;font:inherit;color:#405c4e;cursor:pointer;background:0 0;border:0;border-radius:3px;padding:.65rem .9rem;font-size:.8rem}.staff-editor-modes button[aria-pressed=true]{color:#183f35;background:#fff;font-weight:700;box-shadow:0 1px 4px #13352b15}.staff-editor-modes>span{color:#5e7566;margin-left:auto;font-size:.62rem}.staff-editor-form{padding:1.6rem}.staff-field{flex-direction:column;gap:.5rem;min-width:0;margin-bottom:1.3rem;display:flex}.staff-field label{color:#284e3c;font-size:.8rem;font-weight:650}.staff-field input,.staff-field textarea{color:#1d3f36;width:100%;min-height:46px;font:inherit;resize:vertical;background:#fff;border:1px solid #a9beb0;border-radius:3px;padding:.75rem;font-size:.925rem;line-height:1.5;display:block}.staff-field small{color:#5c7464;font-size:.67rem;line-height:1.6}.staff-field-row{grid-template-columns:.8fr 1.2fr;gap:1rem;display:grid}.staff-editor-actions,.staff-preview-actions{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.staff-studio .proposal-button{color:#fff;background:#234d3e;border-color:#234d3e;min-height:44px;font-size:.8rem}.staff-secondary-button{color:#305b49;text-underline-offset:4px;cursor:pointer;min-height:44px;font:inherit;background:0 0;border:0;font-size:.8rem;text-decoration:underline}.staff-editor button:disabled{opacity:.5;cursor:default}.staff-editor :is(button,input,textarea,summary,a):focus-visible{outline-offset:3px;outline:3px solid #ac7418}.staff-editor-message{padding:0 1.6rem 1rem;color:#4d6e5b!important;font-size:.73rem!important;line-height:1.6!important}.staff-editor-error{padding:0 1.6rem 1rem;color:#a33124!important;font-size:.8rem!important}.staff-revisions{background:#f2f5ec;border-top:1px solid #c6d5c9;padding:0 1.6rem}.staff-revisions summary{cursor:pointer;color:#244d3c;justify-content:space-between;gap:1rem;padding:1.1rem 0;font-size:.8rem;font-weight:600;display:flex}.staff-revisions summary:before{content:"+";margin-right:.4rem}.staff-revisions[open] summary:before{content:"−"}.staff-revisions summary>span{margin-left:auto;font-size:.65rem;font-weight:400}.staff-revisions ol{margin:0;padding:0;list-style:none}.staff-revisions li{border-top:1px solid #d0dccf;justify-content:space-between;align-items:center;gap:1rem;padding:.8rem 0;display:flex}.staff-revisions li strong,.staff-revisions li>div>span{color:#3c604d;font-size:.75rem;line-height:1.6;display:block}.staff-revisions li>div>span{overflow-wrap:anywhere;font-size:.65rem}.staff-revisions button{font:inherit;cursor:pointer;color:#284d3c;background:#fff;border:1px solid #adbfaf;border-radius:3px;min-height:44px;padding:.5rem .8rem;font-size:.75rem}.staff-current-revision{color:#527359;font-size:.65rem}.staff-preview{padding:1.5rem}.staff-preview-label{letter-spacing:.06em;color:#597462;margin-bottom:1rem;font-size:.65rem;display:block}.staff-preview>img{object-fit:cover;border-radius:4px 4px 0 0;width:100%;height:210px}.staff-preview>div:not(.staff-preview-actions){background:#f1eddf;border:1px solid #d6d5c5;border-top:0;padding:1.7rem}.staff-preview .proposal-kicker{margin-bottom:.75rem;font-size:.7rem}.staff-preview h2{overflow-wrap:anywhere;font:450 clamp(1.8rem,3vw,3rem)/1.12 Fraunces,Georgia,serif}.staff-preview p{white-space:pre-wrap;overflow-wrap:anywhere;margin-top:1rem;font-size:.925rem;line-height:1.7}.staff-preview a{color:#295542;align-items:center;gap:.7rem;min-height:44px;margin-top:.8rem;font-size:.8rem;text-decoration:underline;display:inline-flex}.staff-preview a svg{width:17px}.staff-preview-actions{padding-top:1.2rem}@media (max-width:900px){.staff-studio .staff-demo-grid{grid-template-columns:1fr}.staff-studio .staff-instructions nav{flex-flow:wrap}.staff-studio .staff-instructions nav button{flex:1;min-width:145px}.staff-production-note{display:none}.staff-instructions h2{max-width:40ch}}@media (max-width:580px){.staff-prototype-note{gap:.8rem;padding:1.2rem}.staff-prototype-note>svg{width:24px}.staff-editor-toolbar{padding:1.1rem}.staff-editor-modes{flex-wrap:wrap;padding:.5rem}.staff-editor-modes>span{display:none}.staff-editor-form,.staff-preview{padding:1.2rem}.staff-field-row{grid-template-columns:1fr;gap:0}.staff-revisions{padding-inline:1.2rem}.staff-editor-state{text-align:center;max-width:130px}.staff-revisions summary{align-items:center}}
