main{max-width:1180px;margin:0 auto;padding:72px 28px 110px}main>p:first-child{margin:0 0 28px;padding:18px 22px;background:#fff;border-left:6px solid #ef704d;color:#40524c;font-weight:700}main>nav{display:block;background:#102822;color:#fff;padding:24px 28px;margin:0 0 36px}main>nav ul{display:flex;flex-wrap:wrap;gap:8px 20px;list-style:none;margin:0;padding:0}main>nav a{color:#d8ef5a;text-decoration:none;font-weight:750;font-size:.9rem;text-transform:none;letter-spacing:0}main>h1{max-width:none;margin:44px 0 52px;padding:74px 60px;background:#071914;color:#fff;font-size:clamp(3.8rem,10vw,7.8rem);line-height:.88;letter-spacing:-.07em;position:relative;overflow:hidden}main>h1:after{content:"";position:absolute;width:320px;height:320px;border:24px solid #d8ef5a;border-radius:50%;right:-105px;top:-135px;box-shadow:0 0 0 32px rgba(239,112,77,.85)}main section{background:#fff;border:1px solid #d9ded7;padding:clamp(28px,5vw,54px);margin:0 0 24px}main section h2{margin-top:0;color:#102822}main section p,main section li,main section dd{color:#43564f}main ul,main ol{padding-left:1.35rem}main li+li{margin-top:.45rem}.route-visual{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;background:#102822;margin:0 0 36px}.route-step{background:#d8ef5a;padding:24px}.route-step-label{font-size:1.15rem;font-weight:900;text-transform:uppercase}.route-step-text{font-size:.9rem;margin-top:8px;color:#34443f}table{width:100%;border-collapse:collapse;margin:28px 0;display:table;overflow:visible}th,td{text-align:left;vertical-align:top;padding:14px;border:1px solid #d9ded7}th{background:#102822;color:#fff}tbody tr:nth-child(even){background:#f7f2e8}dl{margin-bottom:0}dt{font-weight:850;color:#102822;margin-top:18px}dd{margin:6px 0 0}.worked-example,main blockquote{background:#f7f2e8;border-left:6px solid #ef704d;padding:22px 26px;margin:24px 0}@media(max-width:760px){main{padding:44px 20px 74px}main>h1{padding:52px 24px;font-size:clamp(3.2rem,18vw,5.2rem)}main>nav ul{display:block}main>nav li+li{margin-top:7px}.route-visual{grid-template-columns:1fr 1fr}main section{padding:26px 22px}table{display:block;overflow-x:auto;font-size:.88rem}}@media(max-width:460px){.route-visual{grid-template-columns:1fr}}
img,svg{max-width:100%;height:auto}table{display:block;max-width:100%;overflow-x:auto}