:root{color-scheme:light;font-family:system-ui,-apple-system,sans-serif;color:#172e3c;background:#f3f7f5}
*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;grid-template-columns:minmax(0,1fr);place-items:center;padding:24px}
main{width:100%;max-width:620px;background:#fff;padding:clamp(24px,6vw,48px);border:1px solid #dce6e1;border-radius:20px}
.brand{display:flex;align-items:center;gap:12px;font-weight:750;color:#285846;letter-spacing:.02em}
.mark{display:grid;place-items:center;width:42px;height:42px;border:2px solid currentColor;border-radius:12px;font-size:24px}
h1{font-size:clamp(26px,5vw,36px);line-height:1.2;margin:32px 0 16px}p,li{font-size:17px;line-height:1.65}
ol{padding-left:24px}li{padding-left:6px;margin:12px 0}.note{background:#edf5f0;border-left:4px solid #357957;padding:16px 20px;margin-top:28px}
footer{font-size:14px;line-height:1.6;color:#4f636e;margin-top:28px}a{color:#244bc0;text-underline-offset:3px}a:focus-visible{outline:3px solid #244bc0;outline-offset:4px}
.download{display:inline-block;padding:16px 20px;border-radius:12px;background:#285846;color:#fff;font-weight:700;text-decoration:none;min-height:48px}.download:hover{background:#173f30}
main.guide{min-width:0;max-width:900px;overflow-wrap:anywhere}.guide h2{margin-top:40px;line-height:1.3}.table-scroll{min-width:0;overflow-x:auto;overflow-wrap:normal;max-width:100%}.table-scroll:focus-visible{outline:3px solid #244bc0;outline-offset:3px}table{border-collapse:collapse;width:100%;font-size:16px;line-height:1.5}th,td{text-align:left;vertical-align:top;padding:12px;border-bottom:1px solid #dce6e1}th{background:#edf5f0}
.skip-link{position:absolute;left:12px;top:-100px;padding:12px;background:#fff;z-index:1}.skip-link:focus{top:12px}.guide-toc{background:#edf5f0;padding:16px 24px;border-radius:12px}
@media(prefers-contrast:more){main{border:2px solid #172e3c}.note{border-left-width:6px}footer{color:#172e3c}}
@media(max-width:360px){body{padding:12px}main{border-radius:12px}}