:root{--green:#085032;--deep:#064228;--ivory:#FAF9F6;--ink:#1A2E25;--muted:#6c7b72;--line:#e5e8e1;--sand:#f4f0e8;--white:#fff}*{box-sizing:border-box}body{margin:0;background:var(--ivory);color:var(--ink);font:15px/1.55 system-ui,-apple-system,Segoe UI,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #8bbfa3;outline-offset:2px}.demo-bar{background:#e5eadd;color:#274d3a;letter-spacing:.12em;text-align:center;font-weight:800;font-size:10px;padding:8px}.demo-bar span{font-weight:500;letter-spacing:normal;margin-left:10px}.shell{display:grid;grid-template-columns:248px minmax(0,1fr);min-height:calc(100vh - 32px)}.sidebar{background:#073e29;color:white;display:flex;flex-direction:column;padding:34px 18px}.brand{display:flex;align-items:center;gap:12px;margin:0 12px 64px}.brand-mark{display:grid;place-items:center;border:1px solid #8fae9c;width:41px;height:41px;border-radius:50%;font:italic 27px Georgia,serif}.brand strong{font:24px Georgia,serif;letter-spacing:.11em}.brand small{display:block;font-size:9px;letter-spacing:.23em;opacity:.65}.side-section{padding:0 14px;font-size:10px;letter-spacing:.18em;color:#a5c3b2;margin-bottom:15px}.nav-item{display:flex;align-items:center;gap:13px;width:100%;border:0;background:transparent;color:#c9ded1;text-align:left;padding:13px 15px;border-radius:9px;margin-bottom:5px}.nav-item>span:first-child{font-size:19px}.nav-item.active,.nav-item:hover{background:#226045;color:white}.count{margin-left:auto;background:#dfeee2;color:#0a4d30;border-radius:50px;padding:0 7px;font-size:12px}.sidebar-bottom{margin-top:auto;border-top:1px solid #38634b;padding:25px 10px 0;display:flex;align-items:flex-start;gap:10px}.sidebar-bottom strong,.sidebar-bottom small{display:block;font-size:12px}.sidebar-bottom small{opacity:.6;font-size:11px}.pilot-dot{height:8px;width:8px;background:#bcd799;border-radius:100%;margin-top:6px}.topbar{height:70px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 44px;font-size:10px;font-weight:750;letter-spacing:.17em;color:#738479}.top-actions{display:flex;align-items:center;gap:12px;letter-spacing:normal;font-size:12px}.top-actions select{border:1px solid var(--line);padding:8px;border-radius:8px;background:white;color:var(--ink)}.avatar{width:32px;height:32px;display:grid;place-items:center;background:#e2eadd;border-radius:50%;color:var(--green);font-weight:800}.page{max-width:1240px;margin:auto;padding:45px 50px 80px}.eyebrow{color:var(--green);font-weight:800;font-size:11px;letter-spacing:.17em}.hero{display:flex;justify-content:space-between;gap:25px;align-items:center;margin-bottom:30px}.hero h1,h1{font:normal clamp(30px,4vw,48px)/1.14 Georgia,serif;letter-spacing:-.025em;margin:9px 0 12px}.hero p{color:var(--muted);margin:0;max-width:620px}.primary,.secondary{border-radius:7px;padding:12px 18px;font-size:13px;font-weight:750;border:1px solid var(--green)}.primary{background:var(--green);color:white}.primary:hover{background:var(--deep)}.secondary{background:white;color:var(--green)}.meta-stats{display:flex;gap:12px;margin:26px 0}.stat{background:#fff;border:1px solid var(--line);border-radius:12px;padding:15px 21px;min-width:150px}.stat strong{display:block;font:28px Georgia,serif}.stat span{font-size:12px;color:var(--muted)}.searchbar{background:#fff;border:1px solid var(--line);border-radius:12px;padding:17px;display:flex;gap:12px;margin-bottom:22px;box-shadow:0 5px 20px #082b1710}.searchbar input{flex:1;min-width:0;border:0;padding:9px;font-size:16px;color:var(--ink)}.searchbar select{border:1px solid var(--line);border-radius:7px;padding:10px;background:#fff;color:var(--ink)}.result-header{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:13px;margin:0 0 14px}.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.sop-card{background:#fff;border:1px solid var(--line);border-radius:13px;padding:24px;transition:box-shadow .2s}.sop-card:hover{box-shadow:0 12px 24px #0a32200d}.card-head,.card-foot{display:flex;align-items:center;justify-content:space-between;gap:10px}.category{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--green);font-weight:800}.status{font-size:11px;border-radius:40px;background:#ebf3ed;color:#176441;padding:5px 10px;font-weight:750}.status.draft{background:#fff3de;color:#8c6017}.sop-card h2{font:normal 24px/1.2 Georgia,serif;margin:17px 0 10px}.sop-card p{font-size:13px;color:var(--muted);min-height:43px}.card-foot{border-top:1px solid var(--line);padding-top:16px;margin-top:23px;font-size:12px;color:var(--muted)}.text-button{border:0;background:transparent;color:var(--green);font-weight:800;padding:0}.detail{background:#fff;border:1px solid var(--line);border-radius:14px;padding:40px;max-width:900px}.back{border:0;background:transparent;color:var(--green);font-weight:750;margin-bottom:24px;padding:0}.detail h1{font-size:39px}.detail h2{font:normal 25px Georgia,serif;margin:30px 0 12px}.detail p,.detail li{color:#46574b}.detail ol,.detail ul{padding-left:25px}.detail li{margin-bottom:11px}.note{background:#f2f5ef;border-left:3px solid var(--green);padding:16px 20px;border-radius:3px;margin:22px 0}.warn{background:#fff7e9;border-color:#c08b26}.detail-footer{display:flex;flex-wrap:wrap;gap:10px;border-top:1px solid var(--line);padding-top:25px;margin-top:30px}.review-list{display:grid;gap:12px}.review-item{background:white;border:1px solid var(--line);border-radius:12px;padding:22px;display:flex;justify-content:space-between;align-items:center;gap:15px}.review-item h2{font:normal 23px Georgia,serif;margin:5px 0}.review-item p{color:var(--muted);margin:0;font-size:13px}.editor{max-width:900px}.field{display:block;margin:16px 0;font-size:13px;font-weight:750}.field input,.field textarea,.field select{display:block;width:100%;margin-top:7px;border:1px solid #d9e0d8;border-radius:8px;padding:12px;background:white;color:var(--ink);font-weight:400}.field textarea{min-height:88px;resize:vertical}.editor-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 15px}.error{color:#994217;font-weight:700}.empty{background:white;border:1px dashed var(--line);padding:45px;text-align:center;border-radius:12px;color:var(--muted)}.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.guide-card{background:white;border:1px solid var(--line);padding:28px;border-radius:12px}.step-number{font:32px Georgia,serif;color:var(--green)}.guide-card h2{font:normal 24px Georgia,serif}.guide-card p{color:var(--muted)}.audit-row{display:grid;grid-template-columns:160px 1fr 130px;gap:15px;padding:16px;border-bottom:1px solid var(--line);background:white;font-size:13px}.muted{color:var(--muted)}.hidden{display:none!important}@media(max-width:900px){.shell{grid-template-columns:1fr}.sidebar{padding:13px;display:block}.brand{margin:0 0 14px}.sidebar nav{display:flex;overflow:auto;gap:7px}.nav-item{min-width:max-content;margin:0}.side-section,.sidebar-bottom{display:none}.topbar{padding:0 20px}.page{padding:30px 20px}.cards,.guide-grid{grid-template-columns:1fr}.hero{align-items:flex-start;flex-direction:column}.detail{padding:24px}}@media(max-width:520px){.demo-bar span{display:block}.topbar>span{display:none}.topbar{justify-content:flex-end}.searchbar{flex-direction:column}.searchbar input{width:100%}.meta-stats{flex-wrap:wrap}.editor-grid{grid-template-columns:1fr}.review-item{align-items:start;flex-direction:column}.audit-row{grid-template-columns:1fr}.detail h1{font-size:30px}}@media print{.demo-bar,.sidebar,.topbar,.back,.detail-footer{display:none!important}.shell{display:block}.page{padding:0}.detail{border:0;max-width:none}}