/* 관리자와 다운로드 고객의 한·일 매뉴얼 화면을 모바일에서도 읽기 쉽게 표시한다. */
/* 제품은 가로 행으로 나열하고 상세 정보만 펼쳐 홈페이지와 같은 글꼴로 읽는다. */
#material-upload{margin:20px 0}#material-upload [hidden]{display:none}#material-upload progress{width:100%;height:18px;margin-top:18px}
#manual-refresh{margin:20px 0}#manual-refresh progress{display:block;width:100%;height:18px;margin:20px 0}#manual-refresh-errors{overflow-wrap:anywhere}#manual-refresh-status{white-space:pre-wrap}
.category-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:20px;margin:30px 0}.category-card{display:flex;flex-direction:column;gap:12px;min-height:150px;color:#163e60}.category-card:hover{border-color:#145f9b}.category-card>span:last-child{margin-top:auto}.storage-list{display:flex;flex-direction:column;gap:10px;margin:22px 0}.storage-row{display:flex;align-items:center;gap:18px;flex-wrap:wrap;padding:16px}.storage-row>strong{flex:1;min-width:160px;overflow-wrap:anywhere}.storage-row>details{flex-basis:100%}.storage-row label{margin:0}.storage-tools form{margin:20px 0}.storage-share{padding:18px 0;border-bottom:1px solid #dbe5ee}.storage-share form{display:inline-block;margin:8px 12px 0 0}.storage-share small{display:block}
.family-heading{margin:24px 0 4px;padding:12px 16px;border-left:4px solid #145f9b;background:#e6f0fb;border-radius:4px}.filters{flex-wrap:wrap}.filters input[name=q]{flex:1;min-width:170px}.filters select[name=family]{max-width:220px}
*{box-sizing:border-box}body{margin:0;background:#f1f5f9;color:#182d43;font:15px/1.6 system-ui,sans-serif}a{color:#125c99;text-decoration:none}button,input,select{font:inherit}button,.button{cursor:pointer;border:0;border-radius:8px;background:#145f9b;color:#fff;padding:10px 16px;display:inline-block;text-align:center}button:hover,.button:hover{filter:brightness(.94)}button.quiet,.quiet{color:#244866;background:#e9eff5}.top{background:#fff;border-bottom:1px solid #dce5ee;padding:20px max(24px,calc((100vw - 1180px)/2));display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{font-size:27px;font-weight:800;letter-spacing:.09em}.brand small{display:block;font-size:10px;letter-spacing:.12em;color:#62788a}nav{display:flex;gap:18px;flex-wrap:wrap}main{max-width:1180px;margin:28px auto;padding:0 22px}h1{font-size:30px;line-height:1.3;margin:8px 0 16px}h2{font-size:20px;line-height:1.45;margin:14px 0}.card{background:#fff;border:1px solid #e1e8f0;border-radius:14px;padding:24px;box-shadow:0 3px 14px #18304605}.login{max-width:490px;margin:70px auto}.login form{margin:24px 0}.login button{width:100%}.eyebrow{font-size:11px;font-weight:700;letter-spacing:.16em;color:#6b849b}.session,.heading,.manual-top{display:flex;align-items:center;justify-content:space-between;gap:16px}.session{margin-bottom:18px}.session form{margin:0}.tabs{border-bottom:1px solid #d8e2ec;margin-bottom:24px;padding:12px 0}.notice,.error{padding:13px 17px;border-radius:9px;background:#e6f0fb;color:#205b8a}.error{background:#fff1ee;color:#993c2b}label{display:block;margin:14px 0}input:not([type=checkbox]),select{display:block;width:100%;margin-top:5px;padding:10px 12px;border:1px solid #bfcfdd;border-radius:7px;background:white;color:#182d43}input:focus,select:focus,button:focus,a:focus{outline:2px solid #4a98d6;outline-offset:2px}.columns{display:grid;grid-template-columns:1fr 1.2fr;gap:22px}.account-row{display:flex;justify-content:space-between;gap:14px;padding:14px 0;border-bottom:1px solid #edf1f5}.account-row span{font-size:13px}.check{display:flex;gap:8px;align-items:center;margin:7px 0}.product-checks{max-height:290px;overflow:auto}fieldset{border:1px solid #d8e2eb;border-radius:9px;margin:18px 0}legend{font-size:13px}.narrow{max-width:520px}.filters{display:flex;gap:10px;align-items:center;margin:22px 0}.filters input,.filters select{margin:0}.filters select{max-width:310px}.filters button{white-space:nowrap}.manual-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:18px}.manual{display:flex;flex-direction:column;gap:4px}.pill{display:inline-block;border-radius:20px;padding:4px 10px;font-size:12px;font-weight:600;background:#e4f2fe;color:#1b5d92}.pill.full{background:#e8f3ed;color:#2c7250}.pill.other{background:#fff0d8;color:#97651f}.filename{overflow-wrap:anywhere;color:#566e83;font-size:13px}.actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.actions button{font-size:12px}.manual details{margin-top:18px;border-top:1px solid #e4ebf1;padding-top:14px}summary{cursor:pointer;color:#315974}details.card{margin-top:24px}code{overflow-wrap:anywhere}small,footer{color:#61778b}footer{text-align:center;padding:36px 20px;font-size:12px}dialog{border:1px solid #d9e3ed;border-radius:14px;max-width:420px;padding:24px;text-align:center}dialog::backdrop{background:#142a3f88}canvas{display:block;max-width:100%;margin:16px auto}#qr-status{font-size:13px}@media(max-width:680px){.top{padding:18px 22px}.brand{font-size:24px}.columns{grid-template-columns:1fr}.filters{flex-wrap:wrap}.filters select{max-width:none}.heading{display:block}.heading form{margin:18px 0}.login{margin:38px auto}.account-row{flex-wrap:wrap}.manual-grid{grid-template-columns:1fr}}
body{font-family:"メイリオ","Meiryo",sans-serif}.brand img{display:block;width:256px;max-width:100%;height:auto}.brand small{margin-top:6px}.product-list{display:flex;flex-direction:column;gap:10px;margin-top:24px}.product-row{background:#fff;border:1px solid #dbe5ee;border-radius:10px;overflow:hidden}.product-row>summary{display:flex;gap:20px;align-items:center;padding:18px 20px;list-style:none;min-height:70px}.product-row>summary::-webkit-details-marker{display:none}.product-row>summary strong{flex:0 0 210px;color:#163e60;overflow-wrap:anywhere}.product-row>summary>span:nth-child(2){flex:1;color:#597185;overflow-wrap:anywhere}.product-row[open]>summary{background:#edf5fb;border-bottom:1px solid #dbe5ee}.expand-hint{font-size:12px;white-space:nowrap}.expand-hint::after{content:" +"}.product-row[open] .expand-hint::after{content:" −"}.product-expanded{padding:20px}.manual-row{display:flex;align-items:center;gap:20px;padding:14px 0;border-bottom:1px solid #edf1f5}.manual-row>div{flex:1;min-width:0}.manual-row .filename{margin:0}.manual-row .button{white-space:nowrap}.planned-form{display:flex;align-items:flex-end;gap:18px;flex-wrap:wrap}.planned-form label{flex:1;min-width:190px}.planned-form button{margin-bottom:14px}.qr-editor{margin-top:26px;max-width:900px}.qr-editor select{max-width:100%}@media(max-width:680px){.product-row>summary{flex-wrap:wrap;gap:8px 16px;padding:16px}.product-row>summary strong{flex-basis:100%}.manual-row{flex-wrap:wrap;gap:10px}.manual-row>div{flex-basis:70%}.brand img{width:210px}}