:root{font-family:"Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;color:#26332e;background:#f2f3f3;color-scheme:light}*{box-sizing:border-box}body{margin:0;height:100dvh;display:flex;flex-direction:column;overflow:hidden}h2,p{margin:0}a{color:inherit;text-decoration:none}a:focus-visible,input:focus-visible{outline:3px solid #285e50;outline-offset:4px}.compare-header{height:48px;display:flex;align-items:center;justify-content:flex-end;padding:0 20px;background:white;border-bottom:1px solid #ddd;flex-shrink:0}.sync-control{display:flex;align-items:center;gap:8px;font-size:12px;cursor:pointer;padding:10px 0}.sync-control input{width:18px;height:18px;margin:0;accent-color:#285e50}.board-scroll{flex:1;min-height:0;overflow-x:auto;overflow-y:hidden;padding:0 16px 12px;overscroll-behavior-x:contain}.comparison-board{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;height:100%;min-width:1100px;max-width:1720px;margin:auto}.comparison-column{display:flex;flex-direction:column;min-width:0;height:100%}.column-heading{height:44px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:0 5px}.column-heading h2{font-size:16px;font-weight:600}.column-heading a{font-size:18px;padding:6px 8px}.phone-viewport{position:relative;flex:1;min-height:0;width:100%;overflow:hidden;border:1px solid #cfd5d1;background:white}.phone-viewport iframe{position:absolute;top:0;left:0;display:block;width:390px;height:100%;border:0;transform-origin:0 0;background:white}.frame-error{position:absolute;inset:30px 20px;background:white;font-size:13px;color:#793b2d}[hidden]{display:none!important}@media(max-width:700px){.compare-header{height:42px;padding:0 12px}.board-scroll{padding:0 10px 10px}.comparison-board{min-width:1228px;gap:12px}.column-heading{height:40px}}