:root{--ink:#20262d;--muted:#56606a;--line:#dfe3e7;--soft:#f5f6f8}*{box-sizing:border-box}body{margin:0;background:#fff;color:var(--ink);font-family:"Yu Gothic","Meiryo",system-ui,sans-serif;font-size:16px;line-height:1.85}a{color:#24465b;text-underline-offset:4px}a:hover{color:#20262d}a:focus-visible,summary:focus-visible{outline:3px solid #577890;outline-offset:4px}.wrap{width:min(900px,100% - 64px);margin:auto}header{border-bottom:1px solid var(--line);padding:18px 0}.brand{font-size:21px;font-weight:700}.tagline{font-size:13px;color:var(--muted);margin-top:2px}.hero{padding:40px 0 28px}.eyebrow{font-size:14px;color:var(--muted);margin:0 0 16px}.label{display:inline-block;background:var(--soft);border:1px solid var(--line);padding:2px 8px;border-radius:3px;font-size:13px;font-weight:700;margin-right:8px}h1{font-size:36px;line-height:1.6;margin:0 0 22px;letter-spacing:.01em;text-wrap:pretty}.lead{margin:0;font-size:17px;max-width:780px}.scope{margin:22px 0 0;padding:16px 18px;background:var(--soft);border-left:3px solid #a6afb8;font-size:14px}.scope strong{display:block;margin-bottom:4px}.links{display:flex;gap:12px;flex-wrap:wrap;font-size:14px;margin-top:20px}.article{min-width:0}.article>p:first-child{font-size:14px;color:var(--muted)}p{margin:0 0 18px;overflow-wrap:anywhere}h2{font-size:25px;line-height:1.6;margin:42px 0 18px;padding-top:24px;border-top:1px solid var(--line);scroll-margin-top:18px}h3{font-size:18px;margin:0 0 6px;line-height:1.6}.note,.refs{font-size:14px;color:var(--muted)}.compare{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px}.tool{padding:20px 0 22px;border-bottom:1px solid var(--line);min-width:0}.tool .state{font-size:13px;font-weight:700;color:var(--muted);margin-bottom:16px}.tool dl{margin:0}.tool dl>div{margin-bottom:15px}.tool dt{font-size:13px;font-weight:700;color:var(--muted)}.tool dd{margin:3px 0 0;overflow-wrap:anywhere}.refs{margin:18px 0 0}code{font-family:Consolas,monospace;font-size:.92em;background:var(--soft);padding:1px 4px;overflow-wrap:anywhere}details{border:1px solid var(--line);border-radius:4px;margin:28px 0;padding:16px 18px}summary{font-weight:700;cursor:pointer}details[open] summary{margin-bottom:18px}.samples{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.samples figure{margin:0;min-width:0}.samples img{width:100%;height:auto;border:1px solid var(--line);display:block}.samples figcaption{font-size:13px;margin-top:8px;overflow-wrap:anywhere}.next{padding:18px;background:var(--soft);margin:30px 0}.next h2{border:0;margin:0 0 12px;padding:0;font-size:21px}ul{padding-left:24px}li{margin-bottom:8px}footer{border-top:1px solid var(--line);padding:22px 0 30px;margin-top:42px;font-size:13px;color:var(--muted)}footer p{margin:0 0 7px}
@media(max-width:600px){.wrap{width:calc(100% - 40px)}header{padding:14px 0}.brand{font-size:20px}.hero{padding-top:28px}h1{font-size:28px;line-height:1.6}.lead{font-size:16px}h2{font-size:22px;margin-top:34px;padding-top:22px}.compare{grid-template-columns:1fr}.tool{padding:20px 0}.tool dd{font-size:16px}.samples{grid-template-columns:1fr}.samples img{max-width:320px}.scope{padding:14px}.links{gap:8px 14px}}

main{padding-top:28px}.article h1{margin-top:28px}figure{margin:24px 0}figure img{width:100%;height:auto;display:block;border:1px solid var(--line)}.table{overflow:auto;margin:24px 0}table{border-collapse:collapse;width:100%;font-size:14px;min-width:640px}th,td{border:1px solid var(--line);padding:12px;text-align:left;vertical-align:top}th{background:var(--soft)}
.nowrap{white-space:nowrap}

#q01-file-check{min-width:0}#q01-file-check ol{padding-left:24px}#q01-file-check pre{max-width:100%;margin:22px 0;padding:18px;background:var(--soft);border:1px solid var(--line);white-space:pre-wrap;overflow-wrap:anywhere;word-break:normal;tab-size:2;user-select:text}#q01-file-check pre code{padding:0;background:transparent;white-space:inherit;font-size:14px;line-height:1.75}#q01-file-check>p>code{word-break:break-all}