:root{font-family:Inter,"Noto Sans JP",system-ui,sans-serif;color:#17231e;background:#f3f6f1;line-height:1.65;--ink:#17231e;--green:#156b4f;--green-dark:#0e513c;--pale:#e4f1ea;--line:#cbd8d0;--muted:#5e6d65;--white:#fff}*{box-sizing:border-box}body{margin:0}a{color:#125b45;text-underline-offset:3px}button,input,select{font:inherit}main{width:min(1080px,calc(100% - 32px));margin:auto;padding:48px 0 80px}.breadcrumbs{font-size:.9rem;margin-bottom:24px}.eyebrow{color:var(--green);font-weight:800;letter-spacing:.08em;text-transform:uppercase}.hero{max-width:860px;margin-bottom:36px}.hero h1{font-size:clamp(2.25rem,6vw,4.7rem);line-height:1.08;letter-spacing:-.045em;margin:.15em 0}.lead{font-size:1.08rem;color:#45574e;max-width:760px}.notice{padding:14px 16px;border-left:4px solid var(--green);background:#edf6f1;border-radius:0 10px 10px 0;color:#365246}.hub-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.card,.panel{background:var(--white);border:1px solid var(--line);border-radius:17px;box-shadow:0 8px 28px #173b2710}.card{padding:24px}.card h2,.card h3{margin-top:0}.card ul{padding-left:20px}.card .cta{display:inline-block;margin-top:8px;font-weight:800}.panel{padding:26px;margin:18px 0}.panel-head{display:flex;align-items:flex-start;gap:16px}.step{display:grid;place-items:center;flex:0 0 38px;height:38px;border-radius:50%;background:var(--ink);color:#fff;font-weight:800}.content{width:100%;min-width:0}.content h2{margin:0 0 8px}.file-grid,.mapping-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:18px}.drop{display:flex;flex-direction:column;gap:6px;min-height:150px;padding:20px;border:2px dashed #9fb7aa;border-radius:12px;background:#f8fbf9;justify-content:center}.drop strong{font-size:1.05rem}.drop input{max-width:100%;margin-top:8px}.button-row{display:flex;flex-wrap:wrap;gap:10px}.button-row button{margin-top:12px}.primary,.secondary{border:0;border-radius:9px;padding:11px 18px;font-weight:800;cursor:pointer}.primary{background:var(--green);color:#fff}.primary:hover{background:var(--green-dark)}.secondary{background:#e8eee9;color:var(--ink)}.status{color:var(--muted);min-height:1.5em}.preview{margin-top:14px}.preview summary{cursor:pointer;font-weight:800}.preview-box{overflow:auto;max-height:260px;margin-top:10px;border:1px solid var(--line);border-radius:10px}.preview table,.results-table{border-collapse:collapse;width:100%;min-width:760px;font-size:.88rem}th,td{text-align:left;padding:9px 10px;border-bottom:1px solid #e3ebe6;vertical-align:top}th{background:#f0f6f2;position:sticky;top:0}.mapping-grid label,.filter{display:flex;flex-direction:column;gap:5px;font-weight:800;font-size:.92rem}select,input[type=search]{width:100%;border:1px solid #aebdb5;border-radius:8px;padding:9px;background:#fff}.counts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:18px 0}.metric{padding:14px;border-radius:12px;background:var(--pale)}.metric strong{display:block;font-size:1.45rem}.issues{margin:14px 0;padding:14px 18px;background:#fff7e8;border:1px solid #ecd49e;border-radius:10px}.issues:empty{display:none}.result-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.filter{max-width:420px;margin:16px 0}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:10px}.tag{display:inline-block;padding:3px 8px;border-radius:999px;font-size:.78rem;font-weight:800}.tag-added{background:#dff4e7;color:#185f3b}.tag-removed{background:#fde4e1;color:#8a2f28}.tag-changed{background:#fff0c9;color:#775200}.tag-unchanged{background:#edf0ee;color:#59645f}.detail-list{margin:0;padding-left:18px}.hidden{display:none!important}.fine{font-size:.84rem;color:#68756e}.footer{margin-top:40px;padding-top:20px;border-top:1px solid var(--line);font-size:.9rem}@media(max-width:720px){main{padding-top:28px}.hub-grid,.file-grid,.mapping-grid{grid-template-columns:1fr}.panel{padding:19px}.panel-head{gap:11px}.counts{grid-template-columns:repeat(2,minmax(0,1fr))}.result-head{display:block}.hero h1{overflow-wrap:anywhere}}