:root{--blue:#2458db;--blue-dark:#1745bc;--ink:#1c2a40;--muted:#57667b;--line:#dce3ed;--paper:#f6f8fc;--green:#087858;--red:#b33c48;--amber:#926318;--focus:#a95900}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;color:var(--ink);background:var(--paper);font-family:system-ui,-apple-system,"Noto Sans CJK JP","Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;font-size:14px;line-height:1.75}button,input,select{font:inherit}button,a,input,select,summary{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}a{color:inherit;text-underline-offset:4px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--focus);outline-offset:4px}button{border:0}h1,h2,h3,p{margin-top:0}[hidden]{display:none!important}.wrap{width:min(1100px,calc(100% - 64px));margin-inline:auto}.site-header{border-bottom:1px solid #e5eaf2;background:#fff}.nav-inner{display:flex;justify-content:space-between;align-items:center;min-height:81px;gap:20px}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;font-size:21px;font-weight:800;letter-spacing:-.04em}.brand>span{display:flex;align-items:center;gap:10px}.beta{color:#5a6a83;font-size:9px;letter-spacing:.09em;border:1px solid #d7dfec;padding:2px 6px;border-radius:4px;font-weight:650}.nav-right{display:flex;align-items:center;gap:28px;font-size:12px;font-weight:600}.nav-right>a{text-decoration:none}.local-badge{background:#eef7f2;border:1px solid #d7e9df;padding:5px 11px;border-radius:30px;color:#236848}.local-badge>span{font-size:8px;vertical-align:2px;margin-right:5px}.hero{text-align:center;padding:55px 0 39px}.eyebrow{font-size:10px;font-weight:750;letter-spacing:.17em;color:var(--blue)}h1{font-size:46px;line-height:1.45;letter-spacing:-.055em;font-weight:820;margin:16px 0 18px}h1 span{color:var(--blue)}.mobile-break{display:none}.hero-copy{font-size:15px;line-height:1.9;color:var(--muted);margin-bottom:19px}.hero-benefits{display:flex;gap:24px;justify-content:center;font-size:11px;font-weight:600;color:var(--muted)}.hero-benefits>span>span{color:var(--blue);margin-right:5px}.panel{background:#fff;border:1px solid var(--line);border-radius:15px;box-shadow:0 8px 32px #1c335306}.setup-panel{padding:29px 32px 26px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:14px}.section-heading>div{display:flex;align-items:center;gap:11px}.step{font-size:10px;font-weight:750;color:var(--blue);background:#edf2ff;width:27px;height:27px;display:grid;place-items:center;border-radius:7px}.section-heading h2{font-size:17px;letter-spacing:-.03em;line-height:1.5;margin:0;font-weight:750}.section-note{font-size:12px;color:var(--muted);margin:10px 0 18px}.button{display:inline-flex;align-items:center;justify-content:center;gap:11px;border-radius:7px;min-height:42px;padding:10px 17px;font-size:12px;font-weight:650;line-height:1.4;text-decoration:none;transition:background .15s,box-shadow .15s}.button-primary{background:var(--blue);color:white;box-shadow:0 3px 8px #2458db17}.button-primary:hover:enabled{background:var(--blue-dark)}.button-secondary{color:var(--ink);background:#fff;border:1px solid #ccd5e4}.button-secondary:hover:enabled,.button-quiet:hover:enabled{background:#eef2f8}.button-text{background:#eef3ff;color:var(--blue);min-height:34px;padding:8px 12px;font-size:11px}.button-text:hover{background:#e1eaff}.button-quiet{background:transparent;color:var(--muted)}.file-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.file-card{border:1px solid var(--line);border-radius:10px;padding:17px 18px 12px;min-width:0;background:#fff}.file-heading{display:flex;gap:9px;align-items:center;margin-bottom:14px}.file-heading h3{font-size:13px;margin:0;font-weight:700}.file-order{display:grid;place-items:center;background:#edf0f5;width:23px;height:23px;border-radius:6px;font-size:10px;font-weight:750;color:#536078}.file-order.after{background:#eaf0ff;color:var(--blue)}.file-subtitle{font-size:9px;letter-spacing:.1em;color:#67768c;margin-left:auto}.drop-zone{position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;border:1px dashed #bdcbe1;border-radius:7px;background:#fafbfe;min-height:136px;padding:16px 12px;text-align:center;cursor:pointer;transition:background .15s,border .15s}.drop-zone:hover,.drop-zone.dragging{background:#edf3ff;border-color:var(--blue)}.drop-zone:focus-within{outline:3px solid var(--focus);outline-offset:3px}.file-input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.file-icon{color:var(--blue);font-size:26px;font-weight:500;line-height:1;margin-bottom:11px}.file-prompt{font-size:13px;color:var(--blue);font-weight:700;max-width:100%;overflow-wrap:anywhere}.drop-hint{font-size:10px;color:#66758c;margin-top:5px}.file-details{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px}.file-details label{font-size:10px;color:var(--muted)}select{background:#fff;color:var(--ink);border:1px solid #d4ddea;border-radius:5px;padding:5px 25px 5px 8px;min-height:31px;font-size:11px;max-width:70%}.file-meta{font-size:10px;color:#64738a;margin:9px 0 0;overflow-wrap:anywhere}.file-card.loaded .drop-zone{background:#f7faff;border-style:solid;border-color:#ccdafa}.file-card.loaded .file-icon{font-size:24px;color:var(--green)}.limits{font-size:10px;color:#64738a;line-height:1.85;margin:13px 0 0}.key-section{margin-top:23px;padding-top:23px;border-top:1px solid #e6ebf2}.key-section .section-note{margin-bottom:13px}fieldset{border:0;margin:0;padding:0;min-width:0}.key-options{display:flex;flex-wrap:wrap;gap:8px;max-height:190px;overflow-y:auto;padding:3px}.placeholder-text{margin:0;background:var(--paper);color:#6b788c;padding:12px 15px;border-radius:7px;font-size:11px;width:100%}.key-option{display:flex;align-items:center;gap:7px;padding:7px 12px;border:1px solid var(--line);border-radius:6px;cursor:pointer;font-size:12px;overflow-wrap:anywhere;max-width:100%}.key-option:has(input:checked){border-color:#8dabf6;background:#edf3ff;color:#164abd}.key-option input{accent-color:var(--blue);width:14px;height:14px;margin:0;flex:none}.key-hint{overflow-wrap:anywhere;font-size:10px;color:#64738a;margin:12px 0 0}.compare-actions{display:flex;align-items:center;gap:9px;margin-top:23px;padding-top:21px;border-top:1px solid #e6ebf2}.compare-actions .button-primary{font-size:13px;min-width:204px;min-height:45px}.privacy-inline{font-size:10px;color:#64738a;margin-left:auto;display:flex;align-items:center;gap:6px}.privacy-inline>span{font-size:18px;color:#648574}.error{color:#a22837;background:#fff2f3;border:1px solid #f2cfd5;padding:10px 13px;border-radius:7px;font-size:12px;overflow-wrap:anywhere}.file-error{margin:12px 0 0}.compare-error{margin:18px 0 0}.results{margin-top:43px}.result-title{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:23px}.result-title h2{font-size:26px;letter-spacing:-.045em;margin:9px 0 7px;line-height:1.5}.result-title p{font-size:11px;color:var(--muted);margin:0;overflow-wrap:anywhere}.exports{display:flex;align-items:center;gap:8px;flex:none}.exports .button{min-height:44px}.format{font-size:8px;letter-spacing:.08em;border:1px solid #ffffff55;border-radius:3px;padding:2px 4px}.summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.summary-card{background:white;border:1px solid var(--line);border-radius:10px;padding:17px 19px;position:relative}.summary-label{font-size:12px;font-weight:600;display:flex;align-items:center;gap:7px}.summary-icon{display:grid;place-items:center;border-radius:50%;width:18px;height:18px;font-size:13px;background:#edf1f6;color:var(--muted)}.summary-card.added .summary-icon{background:#e5f4ed;color:var(--green)}.summary-card.deleted .summary-icon{background:#fcedee;color:var(--red)}.summary-card.modified .summary-icon{background:#fff2d9;color:var(--amber)}.summary-count{font-size:35px;font-weight:750;line-height:1.2;letter-spacing:-.04em;margin:11px 0 3px}.summary-count>span{font-size:11px;font-weight:500;margin-left:6px;color:var(--muted);letter-spacing:normal}.summary-card.added .summary-count{color:var(--green)}.summary-card.deleted .summary-count{color:var(--red)}.summary-card.modified .summary-count{color:var(--amber)}.report-note{display:flex;gap:8px;color:var(--muted);font-size:11px;margin:15px 1px 22px}.report-note p{margin:0;min-width:0;overflow-wrap:anywhere}.details-panel{overflow:hidden}.detail-controls{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:17px 20px;border-bottom:1px solid var(--line)}.filters{display:flex;gap:4px}.filter{font-size:11px;color:var(--muted);border-radius:6px;background:transparent;padding:7px 12px;font-weight:650;min-height:35px}.filter.active{background:#edf3ff;color:var(--blue)}.filter:hover{background:#f1f4f9}.search-label input{min-height:35px;max-width:230px;border:1px solid var(--line);border-radius:6px;padding:7px 11px;font-size:11px;background:#fcfdff;color:var(--ink)}.record{padding:19px 21px;border-bottom:1px solid #e6ebf2}.record:last-child{border-bottom:0}.record-heading{display:flex;align-items:flex-start;gap:11px;margin-bottom:11px}.record-heading h3{font-size:12px;margin:1px 0 0;font-weight:650;overflow-wrap:anywhere;flex:1;min-width:0}.record-position{font-size:9px;color:#66758a;white-space:nowrap}.tag{font-size:10px;padding:2px 8px;border-radius:4px;white-space:nowrap;font-weight:600}.tag.added{background:#eaf6ee;color:var(--green)}.tag.deleted{background:#fdecf0;color:var(--red)}.tag.modified{background:#fff3dd;color:var(--amber)}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;table-layout:fixed;font-size:11px}th,td{text-align:left;border:1px solid #e0e6ef;padding:9px 12px;vertical-align:top;overflow-wrap:anywhere;white-space:pre-wrap}thead th{background:#f7f9fc;color:#66758b;font-size:10px;font-weight:550}th:first-child{width:25%}tbody th{font-weight:550;color:var(--muted);background:#fcfdff}td.old-value{background:#fff8f8}td.new-value{background:#f4fbf7}.empty-value{color:#78869a;font-style:normal}.empty-state{text-align:center;padding:43px 24px;color:var(--muted);font-size:12px}.empty-state strong{display:block;color:var(--ink);font-size:17px;margin-bottom:5px}.pagination{border-top:1px solid var(--line);padding:12px 20px;display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:10px;color:var(--muted)}.pagination .button{font-size:10px;min-height:32px;padding:7px 10px}.export-note{font-size:10px;color:#64738a;margin:13px 2px}.how-section{padding:64px 0 54px;display:grid;grid-template-columns:1fr 2.1fr;gap:45px;align-items:start}.how-heading h2{font-size:23px;letter-spacing:-.035em;line-height:1.6;margin:13px 0 0}.how-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.how-number{font-size:9px;font-weight:700;color:#7b8ca5;letter-spacing:.11em}.how-grid h3{font-size:13px;margin:12px 0 8px;font-weight:700}.how-grid p{font-size:11px;line-height:1.9;color:var(--muted);margin:0}.faq-section{padding:4px 0 47px;display:grid;grid-template-columns:1fr 2.1fr;gap:45px}.faq-section>h2{font-size:15px;letter-spacing:-.03em;margin-top:16px}.faq-list details{border-bottom:1px solid var(--line);padding:15px 0}.faq-list summary{font-size:12px;font-weight:650;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:10px}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:'＋';font-size:15px;color:var(--muted);line-height:1.4}.faq-list details[open] summary:after{content:'−'}.faq-list details p{font-size:11px;color:var(--muted);margin:11px 23px 0 0;line-height:1.9}.site-footer{border-top:1px solid var(--line);padding:24px 0 34px;display:flex;justify-content:space-between;gap:20px;color:#637289;font-size:10px}.footer-brand{font-size:14px;font-weight:750;color:#44536a}.footer-brand>span{font-size:9px;font-weight:450;margin-left:12px}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;left:15px;top:-60px;z-index:9;background:white;padding:10px}.skip-link:focus{top:8px}.noscript{position:fixed;inset:0 0 auto;background:#fff0ee;color:#7b2130;padding:20px;text-align:center;z-index:10}@media(max-width:850px){.wrap{width:calc(100% - 40px)}.setup-panel{padding:25px}.privacy-inline{display:none}.result-title{align-items:flex-start;flex-direction:column;gap:16px}.how-section,.faq-section{grid-template-columns:1fr;gap:27px}.how-heading h2 br{display:none}.how-section{padding-top:46px}.how-grid{gap:30px}.faq-section>h2{margin:0}.record-position{display:none}}@media(max-width:560px){body{font-size:13px}.wrap{width:calc(100% - 28px)}.nav-inner{min-height:69px}.brand{font-size:18px;gap:8px}.brand img{width:31px;height:31px}.beta{font-size:8px}.brand>span{gap:6px}.nav-right>a{display:none}.local-badge{font-size:9px;padding:5px 8px}.nav-right{gap:0}.hero{padding:35px 5px 29px}.eyebrow{font-size:9px}.mobile-break{display:block}h1{font-size:35px;line-height:1.42;margin:14px 0 15px}.hero-copy{font-size:12px;line-height:1.85;margin-bottom:17px}.hero-benefits{gap:8px;flex-wrap:wrap;font-size:9px}.hero-benefits>span>span{margin-right:3px}.setup-panel{padding:19px 15px;border-radius:12px}.section-heading{gap:8px;flex-wrap:wrap}.section-heading h2{font-size:14px}.section-heading>div{gap:8px}.section-note{font-size:11px;line-height:1.8;margin:11px 0 15px}.step{width:24px;height:24px;font-size:9px;flex:none}.button-text{font-size:10px;min-height:30px;margin-left:32px;padding:7px 10px}.file-grid{grid-template-columns:1fr;gap:13px}.file-card{padding:14px 14px 11px}.file-heading{margin-bottom:10px}.drop-zone{min-height:110px;padding:13px 10px}.file-icon{font-size:22px;margin-bottom:7px}.file-prompt{font-size:12px}.drop-hint{font-size:9px}.file-details{margin-top:10px}.file-meta{margin-top:7px}.limits{font-size:9px;line-height:1.9;margin-top:12px}.key-section{margin-top:19px;padding-top:19px}.key-section h2{font-size:13px}.key-option{font-size:11px;padding:7px 9px}.key-hint{font-size:9px}.compare-actions{margin-top:18px;padding-top:18px;gap:4px}.compare-actions .button-primary{font-size:12px;min-width:0;flex:1}.compare-actions .button-quiet{font-size:11px;padding-inline:12px}.results{margin-top:32px}.result-title h2{font-size:22px}.result-title p{font-size:10px}.exports{width:100%;gap:7px}.exports .button{font-size:11px;flex:1;padding:10px 8px;gap:6px}.format{font-size:7px}.summary-grid{grid-template-columns:repeat(2,1fr);gap:9px}.summary-card{padding:14px 16px}.summary-label{font-size:11px}.summary-count{font-size:30px;margin-top:8px}.report-note{font-size:10px;line-height:1.8}.detail-controls{padding:12px;flex-direction:column;align-items:stretch;gap:10px}.filters{justify-content:space-between}.filter{padding:7px 13px;min-height:36px}.search-label input{width:100%;max-width:none;font-size:12px}.record{padding:15px 12px}.record-heading{gap:8px;align-items:flex-start}.record-heading h3{font-size:11px}.tag{font-size:9px}.table-scroll table{font-size:10px}th,td{padding:8px 7px}thead th{font-size:9px}th:first-child{width:25%}.pagination{padding:10px 12px}.export-note{font-size:9px;line-height:1.85}.how-section{padding:41px 5px 34px;gap:23px}.how-heading h2{font-size:21px;margin-top:10px}.how-grid{grid-template-columns:1fr;gap:21px}.how-grid h3{margin:5px 0 5px;font-size:13px}.how-grid p{font-size:11px}.faq-section{padding:0 5px 33px;gap:4px}.faq-section>h2{font-size:14px;margin-bottom:6px}.faq-list summary{font-size:11px}.faq-list details p{font-size:10px}.site-footer{padding:20px 4px 27px;flex-direction:column;gap:8px;font-size:9px}.footer-brand{font-size:13px}.footer-brand>span{font-size:9px;margin-left:8px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
:root{--use-case-gap:32px}.use-case-section{display:grid;grid-template-columns:1fr 1.6fr;gap:var(--use-case-gap);padding:28px 30px;margin-bottom:42px;border:1px solid var(--line);border-radius:12px;background:#fff}.use-case-intro h2{font-size:21px;line-height:1.6;letter-spacing:-.035em;margin:11px 0 13px}.use-case-section p,.sample-changes{font-size:12px;color:var(--muted);line-height:1.9}.use-case-intro p{margin-bottom:16px}.use-case-link{color:var(--blue);font-size:12px;font-weight:650;display:inline-flex;align-items:center;gap:10px;min-height:44px}.use-case-example{min-width:0}.use-case-example h3{font-size:14px;margin:0 0 8px}.use-case-example p{margin-bottom:12px}.sample-changes{padding-left:1.5em;margin:0 0 12px}.sample-changes li+li{margin-top:4px}.sample-changes strong{color:var(--ink)}.use-case-example .use-case-note{font-size:11px;margin:14px 0 0;padding-top:13px;border-top:1px solid var(--line)}@media(max-width:850px){.use-case-section{grid-template-columns:1fr;gap:22px;padding:25px}}@media(max-width:560px){.use-case-section{padding:22px 19px;margin-bottom:32px;gap:18px}.use-case-intro h2{font-size:20px}.use-case-section p,.sample-changes{font-size:11px}.use-case-example .use-case-note{font-size:10px}.use-case-example h3{font-size:13px}}