body{display:flex;flex-direction:column;min-height:100vh}.grid-col-fill{flex:1}#control #left{z-index:9999;padding:10px;position:sticky;top:0}#control #right{flex:1;padding:0 20px;max-width:1300px}#control #right h1:first-child{margin-top:0}#toc{padding:10px;background:#f0f0f0;border-radius:5px}#toc:hover{cursor:pointer}#toc h3{margin:0}#toc a{color:#000;font-size:15px;text-decoration:none;display:none;padding:10px;border-radius:5px}#toc a:visited{color:#000}#toc a:hover{background:#00264c;color:#fff}#toc a.activeOption{background:#00264c;color:#fff}#toc #tocHeader{font-weight:700;padding:0;margin:0;font-size:1em}#toc.mobileTOC a{display:block}section{scroll-margin-top:75px}section h2,section h3{scroll-margin-top:75px}section h2[id]:before,section h3[id]:before,section h4[id]:before,section h5[id]:before{display:inline}.flex-container{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-bottom:5px}#huid{display:flex;align-items:center;justify-content:center}#huid span{font-size:1.5rem;margin-right:10px}#huid button{font-size:1rem;padding:10px;cursor:pointer}#huid button.copied{background:#4bb543}.smContainer{flex:1;display:flex;flex-direction:column}.smContainer .contentContainer{margin-bottom:10px;text-align:center}.smContainer .contentContainer button{margin-right:10px}.smContainer .contentContainer h1{font-size:3rem;margin:0}.smContainer .contentContainer p{margin:0 0 10px}.smContainer .huc-link{text-align:center}.smContainer #mapinfo{padding:0 10px;position:absolute;bottom:0;left:0;background:#fff;padding:10px;z-index:1000}.smContainer #mapinfo p{margin:0}.smContainer #nhdplusv2mapinfo{padding:0 10px;position:absolute;bottom:0;left:0;background:#fff;padding:10px;z-index:1000}.smContainer #nhdplusv2mapinfo p{margin:0}.smContainer #nwdc-map,.smContainer #nhdpv2-map{height:40vh;position:relative}@media screen and (min-width:768px){#control{display:flex;justify-content:center}#control #left{z-index:399}#toc{position:sticky;top:10px}#toc #tocHeader{display:none}#toc a{display:block}}