:root{font-family:"Segoe UI",Arial,sans-serif;color:#20352e;background:#f6f5ef;font-synthesis:none}
*{box-sizing:border-box}body{margin:0}a{color:#234e3d;text-underline-offset:3px}a:hover{color:#487445}a:focus-visible{outline:3px solid #8ba77b;outline-offset:4px}h1,h2,h3{line-height:1.2}h1{font:normal clamp(32px,5vw,52px)/1.12 Georgia,serif;letter-spacing:-1px;max-width:850px;margin:0 0 25px}h2{font:normal 30px/1.25 Georgia,serif;margin:0 0 20px}h3{font-size:19px;margin:28px 0 12px}p,li,dd{font-size:16px;line-height:1.75}p{margin:0 0 18px}li{padding-left:6px;margin:12px 0}ol{padding-left:25px}section,article[id]{scroll-margin-top:20px}.guide-header{display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid #dce1d5;padding:24px max(24px,calc((100vw - 1120px)/2));background:#eeefe6}.guide-brand{display:flex;align-items:center;gap:12px;text-decoration:none;font:32px Georgia,serif}.guide-brand span{font:500 13px "Segoe UI",sans-serif;color:var(--muted,#6f7b69)}.guide-header nav{display:flex;flex-wrap:wrap;gap:20px}.guide-header nav a{font-size:14px;text-decoration:none}.guide-header nav a[aria-current]{font-weight:700;text-decoration:underline}.guide-button{display:inline-flex;justify-content:center;align-items:center;min-height:44px;gap:8px;padding:12px 18px;border:1px solid #ccd5c5;background:#fffefa;border-radius:7px;color:#234e3d;text-decoration:none;font-size:14px;font-weight:600}.guide-button.primary{background:#234e3d;color:white;border-color:#234e3d}.guide-button.primary:hover{background:#183c2e}.guide-main{max-width:1040px;padding:40px 36px 55px;margin:auto}.guide-crumb{display:flex;gap:12px;font-size:13px;color:#637464;margin-bottom:36px}.guide-eyebrow{font-size:11px;letter-spacing:2px;color:#637c5c;margin-bottom:16px}.guide-lead{font-size:19px;line-height:1.65;max-width:850px}.guide-actions{display:flex;flex-wrap:wrap;gap:12px;margin:25px 0}.guide-note{padding:17px 20px;border-left:3px solid #8fa57e;background:#edf1e5;font-size:14px;line-height:1.7}.guide-toc{display:flex;flex-wrap:wrap;gap:12px 22px;padding:20px 0;border-bottom:1px solid #dce1d5;margin:28px 0 40px;font-size:14px}.guide-toc strong{width:100%;font-size:13px}.guide-main section{margin:44px 0}.guide-main figure{margin:26px 0}.guide-main figure .field-svg{display:block;width:100%;max-width:760px;height:auto;margin:0 auto;border-radius:10px}.guide-main figcaption{font-size:13px;line-height:1.6;color:#586b5d;margin-top:12px}.guide-route-terms{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 30px;padding:24px;background:#fffefa;border:1px solid #dce1d5;border-radius:9px}.guide-route-terms dt{font-weight:700;font-size:15px}.guide-route-terms dd{font-size:14px;margin:5px 0 0}.guide-source{font-size:13px;color:#586b5d}.guide-example-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:25px}.guide-example{padding:22px;background:#fffefa;border:1px solid #dce1d5;border-radius:10px;display:flex;flex-direction:column;align-items:flex-start}.guide-example-number{font-size:12px;color:#586b5d;margin:0 0 10px}.guide-example h3{margin:0;font-size:20px}.guide-example figure{margin:18px 0;width:100%}.guide-example p:not(.guide-example-number){font-size:14px}.guide-example .guide-button{margin-top:auto}.guide-diagram-pair{display:grid;grid-template-columns:1fr 1fr;gap:25px}.guide-fixes dt{font-size:16px;font-weight:700;margin-top:24px}.guide-fixes dd{margin:8px 0 0}.guide-measure svg{display:block;width:100%;max-width:680px;height:auto}.guide-table-wrap{overflow-x:auto;margin:24px 0}table{border-collapse:collapse;width:100%;background:#fffefa;table-layout:fixed}caption{text-align:left;font-size:14px;color:#586b5d;padding-bottom:12px}th,td{text-align:left;vertical-align:top;padding:15px;border:1px solid #dce1d5;font-size:14px;line-height:1.6}th:first-child{width:31%}thead{background:#edf1e5}.guide-calibration{background:#fffefa;border:1px solid #dce1d5;border-radius:9px;padding:20px;margin:22px 0}.guide-calibration svg{width:100%;max-width:560px;height:auto;display:block}.guide-calibration p{font-size:13px;margin:8px 0 0;color:#586b5d}.guide-matching{display:flex;align-items:center;justify-content:center;gap:18px;flex-wrap:wrap;padding:25px 18px;margin:25px 0;border:1px solid #dce1d5;background:#edf1e5;border-radius:9px}.guide-matching>div{display:flex;gap:10px;align-items:center}.guide-matching b{font-size:25px;color:#234e3d}.guide-matching span{font-size:13px}.guide-next{border-top:1px solid #dce1d5;padding-top:30px;margin-top:45px}.guide-next h2{font-size:25px}.guide-next>a{display:block;padding:16px 0;text-decoration:none}.guide-next strong{display:block;font-size:16px;margin-bottom:6px}.guide-next span{font-size:14px;line-height:1.6;color:#586b5d;display:block}.guide-footer{padding:28px 30px;background:#eeefe6;border-top:1px solid #dce1d5;text-align:center}.guide-footer p{font-size:13px;color:#586b5d}.guide-footer a{display:inline-block;font-size:14px;margin:5px 12px}.guide-skip{position:absolute;left:20px;top:-100px;padding:12px;background:#fffefa;z-index:3}.guide-skip:focus{top:12px}
@media(max-width:800px){.guide-header{flex-wrap:wrap;padding:20px 24px;gap:20px}.guide-header nav{order:3;width:100%;gap:12px 20px}.guide-main{padding:28px 24px 40px}.guide-example-grid{gap:16px}.guide-example{padding:17px}.guide-example h3{font-size:18px}.guide-diagram-pair{grid-template-columns:1fr}.guide-lead{font-size:17px}}
@media(max-width:540px){.guide-example-grid,.guide-route-terms{grid-template-columns:1fr}.guide-main{padding:25px 20px 35px}.guide-crumb{margin-bottom:28px}.guide-header{padding:18px 20px}.guide-header>.guide-button{padding:10px 12px}.guide-header nav a{font-size:13px}h2{font-size:26px}.guide-route-terms{padding:19px}th,td{padding:11px 9px;font-size:13px}th:first-child{width:34%}.guide-matching{align-items:flex-start;flex-direction:column}.guide-matching>span{display:none}}
@media print{body{background:white}.guide-header,.guide-toc,.guide-actions,.guide-next,.guide-footer,.guide-button,.guide-skip{display:none}.guide-main{max-width:none;padding:0}.guide-example{break-inside:avoid}.guide-main figure{break-inside:avoid}a{color:inherit}}
.guide-main section > p, .guide-main section > ol, .guide-main section > .guide-fixes { max-width: 72ch; }
@media (max-width: 540px) { .guide-example p:not(.guide-example-number) { font-size: 16px; } }
/* Privacy settings: footer button and the dialog built by src/analytics.js. */
.guide-footer-button{font:inherit;font-size:14px;margin:5px 12px;padding:0;border:0;background:none;color:#234e3d;text-decoration:underline;text-underline-offset:3px;cursor:pointer;min-height:24px}
.guide-footer-button:hover{color:#487445}.guide-footer-button:focus-visible,.privacy-dialog button:focus-visible{outline:3px solid #8ba77b;outline-offset:4px}
.privacy-dialog{border:1px solid #dce1d5;border-radius:12px;background:#fffefa;color:#20352e;width:min(460px,calc(100vw - 32px));padding:26px}
.privacy-dialog::backdrop{background:#20352855}.privacy-dialog h2{font-size:26px;margin-bottom:14px}.privacy-dialog p{font-size:15px}
.privacy-actions{display:flex;flex-wrap:wrap;gap:10px;margin:6px 0 18px}.privacy-actions button{min-height:44px;padding:10px 16px;border:1px solid #ccd5c5;border-radius:7px;background:#fffefa;color:#234e3d;font:600 14px "Segoe UI",Arial,sans-serif;cursor:pointer}
.privacy-actions button:first-child{background:#234e3d;border-color:#234e3d;color:#fff}.privacy-actions button:disabled{opacity:.45;cursor:not-allowed}