.zw-guide.zw-guide{background:#f3f4ee;color:#171916;margin:0;padding:54px 24px;border-top:1px solid #d9ded4;border-bottom:1px solid #d9ded4;font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue","Hiragino Kaku Gothic ProN",Meiryo,sans-serif;line-height:1.8;text-align:left;overflow-wrap:anywhere}
.zw-guide *{box-sizing:border-box}.zw-guide .zw-guide-inner{max-width:1184px;margin:auto}.zw-guide h2{font-size:clamp(25px,3vw,38px);line-height:1.45;letter-spacing:-.04em;margin:8px 0 14px;font-weight:800;color:#171916}.zw-guide h3{font-size:17px;line-height:1.6;letter-spacing:-.02em;margin:0 0 12px;font-weight:750;color:#171916}.zw-guide p{font-size:14px;line-height:1.9;margin:0 0 12px;color:#50564d}.zw-guide .zw-guide-kicker{font-size:10px;letter-spacing:.15em;font-weight:700;margin:0;color:#5d635c}.zw-guide .zw-guide-heading{margin-bottom:28px}.zw-guide a{color:#171916;text-decoration:none}.zw-guide a:focus-visible{outline:3px solid #38612a;outline-offset:4px}.zw-guide a:hover{text-decoration:underline;text-underline-offset:4px}
.zw-guide .zw-purpose-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.zw-guide .zw-purpose-card{display:flex;flex-direction:column;padding:24px;background:#fafaf7;border:1px solid #d9ded4;min-width:0}.zw-guide .zw-purpose-card h3{font-size:18px;margin:0 0 12px}.zw-guide .zw-purpose-card p{font-size:12px;margin-bottom:18px}.zw-guide .zw-purpose-card span{margin-top:auto;display:flex;align-items:center;justify-content:space-between;font-size:13px;font-weight:750;gap:10px}.zw-guide i{font-style:normal}.zw-guide .zw-guide-link{display:inline-flex;align-items:center;min-height:44px;margin-top:22px;font-size:14px;font-weight:700}
.zw-guide .zw-comparison{width:100%;border-collapse:collapse;table-layout:fixed;font-size:13px;color:#171916;background:#fafaf7;line-height:1.8}.zw-guide caption{text-align:left;padding:0 0 14px;font-size:12px;color:#5d635c}.zw-guide th,.zw-guide td{padding:20px 16px;border:1px solid #d9ded4;vertical-align:top;text-align:left}.zw-guide thead th{background:#e8ebe0;font-size:12px}.zw-guide th:first-child{width:19%}.zw-guide td:nth-child(2){width:31%}.zw-guide td p{font-size:13px;margin:8px 0 0}.zw-guide tbody th a{display:inline-flex;min-height:44px;align-items:center;font-size:14px}.zw-guide .zw-differences{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:28px}.zw-guide .zw-differences article{padding:24px;border:1px solid #d9ded4;background:#fafaf7}.zw-guide .zw-guide-footnote,.zw-guide .zw-guide-note{font-size:12px;margin-top:18px}.zw-guide .zw-guide-footnote a{text-decoration:underline;text-underline-offset:4px}.zw-guide .zw-fit-grid{display:grid;grid-template-columns:1fr 1fr;gap:38px;margin-top:24px}.zw-guide .zw-guide-related{display:flex;flex-wrap:wrap;gap:4px 20px}.zw-guide .zw-guide-related a{display:flex;align-items:center;min-height:44px;font-size:12px;font-weight:700}.zw-guide .zw-guide-actions{display:flex;flex-wrap:wrap;gap:8px 12px;border-top:1px solid #d9ded4;margin-top:24px;padding-top:20px}.zw-guide .zw-guide-actions a{display:flex;align-items:center;justify-content:center;border:1px solid #bdc3b7;min-height:44px;padding:10px 14px;font-size:12px;font-weight:650;letter-spacing:0;text-transform:none}.zw-guide .zw-guide-actions a:first-child{background:#171916;color:white;border-color:#171916}
@media(max-width:800px){.zw-guide .zw-purpose-grid{grid-template-columns:1fr 1fr}.zw-guide .zw-fit-grid,.zw-guide .zw-differences{grid-template-columns:1fr;gap:24px}.zw-guide thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.zw-guide .zw-comparison,.zw-guide tbody{display:block}.zw-guide tbody tr{display:grid;grid-template-columns:1fr;border:1px solid #d9ded4;margin-bottom:14px;background:#fafaf7}.zw-guide tbody th,.zw-guide tbody td{display:block;width:auto!important;border:0;padding:8px 18px}.zw-guide tbody th{padding-top:16px}.zw-guide tbody td:last-child{padding-bottom:20px}.zw-guide td::before{content:attr(data-label);display:block;font-size:11px;color:#6b7265;margin-bottom:5px}}
@media(max-width:480px){.zw-guide.zw-guide{padding:38px 18px}.zw-guide .zw-purpose-grid{grid-template-columns:1fr 1fr;gap:10px}.zw-guide .zw-purpose-card{padding:16px}.zw-guide .zw-purpose-card h3{font-size:15px;margin-bottom:8px}.zw-guide .zw-purpose-card p{font-size:11px;margin-bottom:12px}.zw-guide .zw-guide-actions{display:grid;grid-template-columns:1fr}.zw-guide .zw-differences article{padding:20px}}