:root{font-family:"Yu Gothic",Meiryo,sans-serif;color:#30382f;background:#f5f4ee;font-size:15px}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a{touch-action:manipulation}a{color:#536b3e}header{display:flex;justify-content:space-between;padding:22px 4%;border-bottom:1px solid #d8dbcf;background:#fff}header a{font-weight:700;text-decoration:none;color:inherit}header span,small{color:#6e7768;font-size:12px}main{max-width:1400px;margin:auto;padding:36px 4%}.eyebrow{letter-spacing:.2em;font-size:11px;color:#667753;font-weight:700}h1{font-family:"Yu Mincho",serif;font-size:38px;margin:10px 0 12px}h2{font-size:21px;margin:0 0 18px}p{line-height:1.9}button{cursor:pointer;border:1px solid #c9cebf;background:white;color:inherit;padding:12px 18px;border-radius:5px}button:hover{border-color:#536b3e;background:#f0f3e9}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #be8539;outline-offset:3px}button.primary{background:#536b3e;color:white;border-color:#536b3e}.workspace{display:grid;grid-template-columns:260px minmax(0,1fr);gap:28px;margin-top:34px}aside{border-right:1px solid #d8dbcf;padding-right:25px}aside p,aside small{font-size:12px;line-height:1.8}aside h2{font-size:15px}.source{display:block;text-align:left;width:100%;margin:10px 0;padding:16px 12px}.source small{display:block;margin-top:8px}.source.active{border-color:#536b3e;box-shadow:inset 4px 0 #536b3e;background:#edf1e5}.downloads{display:flex;gap:14px;font-size:11px;margin:15px 0 24px}.upload{display:block;padding:14px 10px;background:#e8ecdf;font-size:12px;font-weight:bold;border-radius:5px}.upload input{display:block;width:100%;font-size:11px;margin-top:10px}.quiet{background:transparent;font-size:12px;margin-top:16px}details{margin-top:24px;font-size:12px}summary{cursor:pointer}nav{display:flex;gap:25px;border-bottom:1px solid #d3d8ca;margin-bottom:23px}nav button{border:0;background:none;border-radius:0;padding:15px 4px}nav .active{border-bottom:3px solid #536b3e;font-weight:bold}.content{min-width:0}#message{color:#526c35;font-size:13px;line-height:1.6;margin:12px 0}#message.error{color:#a13427;padding:14px;background:#fff0ec}#screen{min-height:470px}.sheet{border:1px solid #ccd3c6;background:white;border-radius:5px;overflow:hidden}.sheetbar{padding:14px 20px;background:#e8ede2;font-size:13px}.scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;white-space:nowrap;font-size:13px}th{text-align:left;font-weight:500;padding:13px 15px;background:#f1f3ed;color:#5e6c52}td{padding:16px 15px;border-bottom:1px solid #e8ebe3}td.num,th.num{text-align:right;font-variant-numeric:tabular-nums}.rownum{color:#8b9580;width:28px;background:#fafbf7;font-size:11px;padding:12px 8px}.subtle{color:#78806f;font-size:12px}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:22px 0}.toolbar p{margin:4px 0;font-size:12px}.planhead{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:15px}.planhead h2{margin:0}.planhead select{padding:9px;border:1px solid #c9cebf;background:white;border-radius:4px;max-width:210px}.supplier{background:white;border:1px solid #d1d7c8;border-radius:6px;margin:16px 0;overflow:hidden}.supplier h3{font-size:15px;margin:0;padding:17px 20px;background:#edf1e5}.supplier h3 span{font-size:12px;font-weight:normal;color:#667753;margin-left:16px}.supplier td small{display:block;margin-top:6px}.qty{width:76px;text-align:right;padding:8px 6px;border:1px solid #b7c3a6;border-radius:4px;background:#fbf8ec}.formula{padding:18px;background:#e8eddf;font-size:13px;line-height:1.8;border-left:3px solid #7d925e}.empty{padding:40px 25px;background:white;border:1px solid #d4dbcc}.excluded{margin:22px 0}footer{margin-top:40px;border-top:1px solid #d4d9cb;padding-top:25px;font-size:13px}footer p{font-size:12px;max-width:850px}footer a{display:inline-block;margin:8px 0} @media(max-width:700px){header{padding:17px 5%;gap:16px}header span{max-width:115px}main{padding:25px 5%}h1{font-size:29px}.workspace{display:block}aside{border:0;padding:0 0 22px}.source{width:100%}.content{border-top:1px solid #d4d9cb}.planhead,.toolbar{align-items:stretch;flex-direction:column}table{font-size:12px}td,th{padding:12px 10px}nav{margin-bottom:18px}}