:root{--ink:#163e36;--green:#23664f;--lime:#e5f2c1;--line:#d9e4df;--muted:#657b71}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:#f3f6ef;font:15px/1.65 -apple-system,BlinkMacSystemFont,"Hiragino Sans",sans-serif}.top{padding:18px 5%;display:flex;align-items:center;gap:22px;background:white;border-bottom:1px solid var(--line)}.top>a:last-child{margin-left:auto;font-size:13px}.brand{font-weight:800;font-size:21px;text-decoration:none}.brand span{color:#7b9a43;font-size:26px}a{color:var(--green)}main{max-width:1240px;margin:auto;padding:0 28px}.badge{font-size:12px;background:var(--lime);border-radius:30px;padding:5px 13px}.hero{display:flex;justify-content:space-between;align-items:center;padding:45px 8px}.eyebrow{font-weight:700;font-size:13px;letter-spacing:.1em}h1{font-size:42px;line-height:1.35;margin:13px 0}h2{font-size:19px;margin:0 0 16px}.hero-doc{display:flex;align-items:center;gap:24px;margin-right:55px;transform:rotate(-3deg)}.hero-doc span,.hero-doc div{padding:22px 25px;border:1px solid var(--line);background:white;box-shadow:6px 7px 0 #d6e6ce;border-radius:6px;line-height:2.2}.hero-doc b{font-size:28px}.steps{display:flex;gap:0;border:1px solid var(--line);background:#e8eedf;border-radius:12px;overflow:hidden;margin-bottom:24px}.steps span{flex:1;text-align:center;padding:12px;font-weight:700;font-size:13px}.steps span+span{border-left:1px solid #d4deca}.layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:24px}.card{border:1px solid var(--line);background:#fff;border-radius:16px;padding:26px;margin-bottom:22px;box-shadow:0 4px 18px #183b2505}.sectionhead{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.sectionhead h2{margin:0}.hint{font-size:12px;color:var(--muted)}label{display:block;font-size:12px;font-weight:600;margin:10px 0 7px}input,textarea,select{display:block;width:100%;font:inherit;color:var(--ink);padding:10px;border:1px solid #b8cbc0;border-radius:7px;background:#fff}textarea{font:13px/1.8 ui-monospace,monospace;resize:vertical}button,.filebutton{cursor:pointer;font:600 13px/1.5 -apple-system,sans-serif;border:1px solid #b8cbc0;border-radius:8px;background:white;color:var(--ink);padding:10px 14px}button:hover,.filebutton:hover{background:#edf5e6}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #9bbe67;outline-offset:2px}button.primary{background:var(--green);color:white;border-color:var(--green)}button.soft{background:#eef5e6;border:0}button:disabled{opacity:.4;cursor:not-allowed}.row{display:flex;align-items:center;gap:10px;margin-top:15px;flex-wrap:wrap}.fields{display:grid;grid-template-columns:1fr 1fr;gap:10px 20px}.filebutton{margin:0}.filebutton input{display:none}.wide{display:block;width:100%;margin-top:12px}.sticky{position:sticky;top:14px}.summary{background:var(--lime);padding:18px;border-radius:10px;line-height:1.8}.summary b{font-size:24px}.outputlist p{padding:7px 0;border-bottom:1px solid var(--line);font-weight:700}.outputlist small{display:block;margin-left:21px;font-size:12px;color:var(--muted);font-weight:400}.tablewrap{overflow:auto;max-height:485px;margin:15px 0}table{width:100%;border-collapse:collapse;min-width:560px}th{font-size:11px;text-align:left;padding:8px;background:#f2f6ef;position:sticky;top:0}td{padding:5px 3px;border-bottom:1px solid var(--line)}td input{font-size:12px;padding:8px 5px;border-color:#d4dfd8}td:nth-child(1){width:19%}td:nth-child(2){width:45%}td:nth-child(3),td:nth-child(4){width:18%}#message{font-size:13px;margin-bottom:0}.error{color:#b23522!important}#frame{width:100%;height:840px;border:1px solid var(--line);background:#e9ece9}details{margin-top:20px;font-size:12px}footer{padding:15px 0 35px;font-size:12px;color:var(--muted)}@media(max-width:850px){.hero-doc{display:none}.layout{grid-template-columns:1fr}.sticky{position:static}.top{gap:10px;flex-wrap:wrap}h1{font-size:31px}main{padding:0 16px}.card{padding:18px}.hero{padding:24px 0}.fields{grid-template-columns:1fr}.sectionhead{flex-wrap:wrap}.steps span{font-size:11px;padding:9px 3px}.brand{font-size:18px}#frame{height:650px}}
