:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;color:#233b37;background:#f6f7f3;font-synthesis:none}*{box-sizing:border-box}body{margin:0}header{display:flex;align-items:center;justify-content:space-between;padding:22px 6vw;border-bottom:1px solid #dfe5dc;background:#fff}.brand{font-size:22px;font-weight:750;text-decoration:none;color:#234a3d}.brand span{font-weight:400;color:#7b8b80;margin-left:5px}.badge{font-size:12px;padding:7px 12px;border:1px solid #d9e3d8;border-radius:20px;color:#50755a}main{max-width:1080px;margin:0 auto;padding:48px 24px}.eyebrow{font-size:11px;letter-spacing:.17em;color:#71867a;font-weight:650}h1{font-size:clamp(28px,4vw,42px);font-weight:550;letter-spacing:-.04em;overflow-wrap:anywhere;margin:10px 0}p{line-height:1.6}.intro p{color:#718177;font-size:14px}.toolbar{display:flex;gap:12px;justify-content:space-between;align-items:center;margin:32px 0 18px}nav{display:flex;align-items:center;flex-wrap:wrap;gap:7px;min-width:0}nav span{color:#9cab9d}button{font:inherit;font-size:13px;cursor:pointer;color:#315746;background:#fff;border:1px solid #dbe3d8;border-radius:7px;padding:9px 13px}button:hover{background:#edf3e9}button:disabled{opacity:.5;cursor:default}button:focus-visible,a:focus-visible{outline:3px solid #759f71;outline-offset:2px}nav button{background:none;border:none;padding:6px;max-width:100%;overflow-wrap:anywhere}.files,.preview{border:1px solid #dce3d7;border-radius:12px;background:#fff;overflow:hidden;box-shadow:0 4px 20px #264a3410}.list-head,.file{display:grid;grid-template-columns:minmax(0,1fr) 110px 120px;align-items:center;text-align:left;gap:16px;padding:16px 22px}.list-head{font-size:11px;letter-spacing:.06em;text-transform:uppercase;background:#f1f4ed;color:#7a8b79}.file{width:100%;border:0;border-bottom:1px solid #edf0e9;border-radius:0;font-size:14px;min-height:62px}.file>span:first-child{overflow-wrap:anywhere}.file>span:not(:first-child){font-size:12px;color:#829080}.icon{color:#83a573;margin-right:14px;font-size:22px}.more{display:block;margin:16px auto}.empty{padding:32px;text-align:center;color:#7a8b79}.preview-head{display:flex;gap:16px;justify-content:space-between;align-items:center;padding:16px 22px;border-bottom:1px solid #e6ece1;overflow-wrap:anywhere}.preview>img{display:block;max-width:100%;max-height:75vh;object-fit:contain;margin:24px auto}article{padding:24px 36px;line-height:1.7;overflow-wrap:anywhere}article img{max-width:100%;max-height:70vh;object-fit:contain}article h1{font-size:30px}article h2{margin-top:1.6em}article a{color:#3d7b56}article table{border-collapse:collapse;display:block;overflow:auto}article td,article th{border:1px solid #dce3d7;padding:6px 12px}pre{margin:0;padding:24px;overflow:auto;background:#f8faf5;font-size:13px;line-height:1.65}code{background:#edf2e8;padding:2px 4px;border-radius:4px}pre code{background:none;padding:0}blockquote{margin-left:0;border-left:3px solid #abc69d;padding-left:20px;color:#63715e}.error{padding:14px 20px;border:1px solid #e2c9bc;border-radius:9px;background:#fff5ef;margin-bottom:18px}.error p{margin-top:0}.notice{color:#4e7a4d;font-size:13px}footer{margin-top:34px;font-size:12px;color:#8c9988;text-align:center}@media(max-width:600px){header{padding:18px 20px}main{padding:30px 14px}.list-head,.file{grid-template-columns:minmax(0,1fr) 65px;padding:14px;gap:10px}.list-head>span:last-child,.file>span:last-child{display:none}.toolbar{align-items:flex-start}.toolbar>button{white-space:nowrap}article{padding:18px}h1{font-size:30px}.preview-head{padding:14px;font-size:13px}}