*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;color:#213346;background:#f5f7fa;font:17px/1.75 system-ui,Arial,sans-serif}a{color:#1766e7;text-underline-offset:3px}header.fence-header{background:#fff;border-bottom:1px solid #e2e8ef;padding:18px max(20px,calc((100% - 1180px)/2));display:flex;justify-content:space-between;gap:20px;align-items:center}.fence-header b{font-size:21px;letter-spacing:-.6px}.fence-header nav{display:flex;gap:20px;font-size:14px}.fence-header a{text-decoration:none}.fence-guide{max-width:1180px;margin:auto;padding:30px 24px 70px}.fence-crumbs{font-size:13px;color:#6d7988}.guide-hero{display:grid;grid-template-columns:1.08fr 1fr;align-items:center;gap:35px;margin:30px 0 36px}.guide-hero h1{font-size:clamp(30px,3.3vw,46px);line-height:1.13;letter-spacing:-1.5px;margin:12px 0 20px}.guide-hero p{font-size:18px;color:#536678}.guide-hero img{width:100%;height:auto;border-radius:20px;box-shadow:0 15px 50px #20364c12}.guide-tag{color:#1766e7;font-size:12px;text-transform:uppercase;letter-spacing:1.7px;font-weight:700}.guide-meta{font-size:12px;color:#6a7c8a}.guide-button{display:inline-block;background:#1766e7;color:#fff;padding:11px 19px;border-radius:10px;text-decoration:none;font-size:15px;font-weight:600}.guide-answer{border-left:4px solid #1766e7;border-radius:0 13px 13px 0;background:#eaf2ff;padding:22px 27px;margin:28px 0}.guide-answer p{margin:0}.guide-toc{display:flex;flex-wrap:wrap;gap:8px 18px;padding:18px 0;margin-bottom:12px;font-size:14px}.guide-body{max-width:850px;margin:auto}.guide-body h2{font-size:28px;line-height:1.25;letter-spacing:-.5px;margin-top:45px}.guide-body p{margin:16px 0}.guide-body li{margin:9px 0}.guide-table{overflow:auto;border:1px solid #dce5ef;border-radius:12px;margin:25px 0;background:#fff}.guide-table table{border-collapse:collapse;width:100%;font-size:15px}.guide-table th,.guide-table td{text-align:left;padding:15px;border-bottom:1px solid #e5ebf1}.guide-table th{background:#edf3fb}.guide-formula{padding:18px;background:#eef2f5;border-radius:10px;font:15px/1.65 ui-monospace,monospace;overflow-wrap:anywhere}.fence-interactive{margin:48px 0;border:1px solid #d8e3ee;background:#fff;border-radius:18px;overflow:hidden}.fence-interactive>div{padding:24px}.fence-interactive h2{margin:0;font-size:28px}.fence-interactive p{margin:9px 0;color:#5a6e81;font-size:14px}.fence-interactive iframe{display:block;border:0;width:100%;height:2600px;background:#f5f7fa}.guide-related{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:30px 0}.guide-related a{background:#fff;border:1px solid #e1e8ef;border-radius:13px;overflow:hidden;text-decoration:none;line-height:1.4}.guide-related img{width:100%;height:auto;display:block;aspect-ratio:3/2;object-fit:cover}.guide-related span{display:block;padding:17px;font-size:16px;font-weight:600}.guide-note{font-size:13px;color:#637587}.guide-faq details{border-bottom:1px solid #dae3ed;padding:17px 0}.guide-faq summary{font-weight:600;cursor:pointer}.guide-footer{padding:28px;text-align:center;background:#fff;font-size:14px}@media(max-width:760px){body{font-size:16px}.fence-guide{padding:20px 15px 45px}.guide-hero{grid-template-columns:1fr;gap:20px}.guide-hero img{max-height:300px;object-fit:cover}.guide-related{grid-template-columns:1fr}.fence-header nav{gap:12px;font-size:12px}.guide-hero h1{letter-spacing:-.8px}.guide-body h2,.fence-interactive h2{font-size:24px}.fence-interactive>div{padding:18px}.guide-answer{padding:18px}.guide-table th,.guide-table td{padding:10px;min-width:100px}.fence-interactive iframe{height:4100px}}
/* The server adds its menu button to the article header after HTML is served. */
header.fence-header{flex-wrap:wrap}.fence-header #smetroomGlobalMenuButton{margin-left:auto}@media(max-width:760px){.fence-header:has(#smetroomGlobalMenuButton) nav{display:none}}