*{box-sizing:border-box}
body{margin:0;background:#f2f2f7;color:#1d1d1f;font:15px/1.55 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;-webkit-font-smoothing:antialiased}
.bar{position:sticky;top:0;display:flex;gap:16px;align-items:center;padding:12px 20px;background:rgba(255,255,255,.88);backdrop-filter:blur(20px);border-bottom:1px solid #ddd;z-index:2}
.bar a{color:#0a84ff;text-decoration:none}.bar button{margin-left:auto;border:0;border-radius:12px;padding:10px 18px;font:600 15px -apple-system,sans-serif;background:#0a84ff;color:#fff;cursor:pointer}
.doc{max-width:210mm;margin:20px auto 60px;background:#fff;padding:18mm 18mm 22mm;border-radius:14px;box-shadow:0 10px 30px -15px rgba(0,0,0,.2)}
h1{font:700 26px/1.2 -apple-system,"SF Pro Display",sans-serif;letter-spacing:-.01em;margin:0 0 4px}
h2{font-size:17px;margin:22px 0 6px}h3{font-size:15px;margin:16px 0 4px}
.meta{color:#6e6e73;margin:0 0 18px}.draft{background:#fff4e0;color:#8a5300;padding:10px 14px;border-radius:10px;font-size:13px;font-weight:600}
table{width:100%;border-collapse:collapse;margin:10px 0}th,td{border:1px solid #ddd;padding:8px 10px;text-align:left;vertical-align:top;font-size:14px}th{background:#f6f6f8;width:28%}
ul{padding-left:20px}li{margin:3px 0}
.sign{display:flex;gap:40px;margin:30px 0 10px}.sign div{flex:1;font-size:13px;color:#555}
@media print{.noprint{display:none}body{background:#fff}.doc{box-shadow:none;margin:0;padding:0;max-width:none}@page{size:A4;margin:18mm}}
@media(max-width:700px){.doc{padding:22px 18px;margin:0;border-radius:0}}