.campus-guide{color:#253e38;max-width:1600px;margin:0 auto;padding:30px 36px 18px;font-family:Noto Sans SC,sans-serif}.campus-heading{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.campus-eyebrow{letter-spacing:3px;color:#7b8b7e;font-size:10px}.campus-heading h1{margin:7px 0 0;font-family:Noto Serif SC,serif;font-size:30px;font-weight:600}.campus-heading h1 span{color:#798579;margin-left:20px;font-family:Noto Sans SC,sans-serif;font-size:12px;font-weight:400}.campus-heading>a{align-items:center;gap:9px;font-size:12px;display:flex}.campus-layout{background:#fafbf6;border:1px solid #dce2d6;border-radius:16px;grid-template-columns:290px minmax(0,1fr);min-height:650px;display:grid;overflow:hidden}.campus-panel{z-index:3;background:#fafbf6;border-right:1px solid #dce2d6;padding:26px 23px}.campus-section-label{letter-spacing:2px;color:#899480;margin-bottom:18px;font-size:11px}.campus-gates{gap:8px;display:flex}.campus-gates button{border:1px solid #d5ddce;border-radius:7px;flex:1;justify-content:center;align-items:center;gap:6px;padding:11px 8px;font-size:13px;display:flex}.campus-gates button[aria-pressed=true]{color:#fff;background:#235e4e;border-color:#235e4e}.campus-route-title{align-items:center;gap:9px;margin-top:28px;font-size:14px;display:flex}.campus-steps{margin:21px 0 25px;padding:0;list-style:none}.campus-steps li{gap:12px;padding-bottom:19px;display:flex;position:relative}.campus-steps li:not(:last-child):before{content:"";border-left:1px solid #d7dfd0;position:absolute;top:23px;bottom:1px;left:10px}.campus-steps li>span{border:1px solid #cfdaca;border-radius:50%;flex-shrink:0;place-items:center;width:22px;height:22px;font-size:10px;display:grid}.campus-steps p{color:#657265;margin:0;font-size:12px;line-height:1.9}.campus-walk{border-bottom:1px solid #91aa94;justify-content:space-between;align-items:center;width:100%;padding:0 0 12px;font-size:13px;display:flex}.campus-destination{color:#84552b;background:#f1eada;border-radius:9px;gap:12px;margin-top:27px;padding:17px 13px;display:flex}.campus-destination svg{flex-shrink:0}.campus-destination small{letter-spacing:1px;margin-bottom:7px;font-size:10px;display:block}.campus-destination strong{font-size:16px;display:block}.campus-destination p{color:#8f7c60;margin:9px 0 0;font-size:11px;line-height:1.8}.campus-photo-button,.campus-floor-link{justify-content:space-between;align-items:center;width:100%;padding-top:18px;font-size:12px;display:flex}.campus-photo{border-radius:7px;width:100%;margin-top:12px}.campus-floor-link{color:#879081}.campus-map{isolation:isolate;background:#e9eee6;min-height:650px;position:relative;overflow:hidden}.campus-canvas{position:absolute;inset:0}.campus-canvas canvas{touch-action:none;display:block}.campus-label-layer{pointer-events:none;z-index:1;position:absolute;inset:0;overflow:hidden}.campus-label{color:#687966;white-space:nowrap;pointer-events:none;background:#f9faf0cf;border-radius:4px;padding:4px 7px;font-size:10px}.campus-label.college{white-space:normal;text-align:center;color:#fff;background:#285e4d;max-width:190px;margin-top:-42px;padding:7px 13px;font-size:13px}.campus-label.arrival{color:#9b571f;background:#fff3dc;border:1px solid #d9a36b;font-size:11px;font-weight:600}.campus-label.gate{color:#285e4d;border:1px solid #a9c2a6;font-weight:600}.campus-label.water,.campus-label.road{color:#54777a;letter-spacing:3px;background:0 0;font-size:12px}.campus-label.road{color:#859180;font-size:10px}.campus-map-caption{z-index:2;pointer-events:none;font-size:13px;font-weight:600;position:absolute;top:24px;left:24px}.campus-map-caption>span:first-child{background:#4b8064;border-radius:50%;width:7px;height:7px;margin-right:8px;display:inline-block}.campus-map-caption-sub{color:#85907d;margin:7px 0 0 15px;font-size:10px;font-weight:400;display:block}.campus-tools{z-index:3;white-space:nowrap;background:#fffff3ed;border:1px solid #d8dfce;border-radius:9px;align-items:center;padding:5px;display:flex;position:absolute;bottom:55px;left:50%;transform:translate(-50%);box-shadow:0 4px 20px #314a3912}.campus-tools button{border-radius:5px;align-items:center;gap:5px;padding:9px 12px;font-size:11px;display:flex}.campus-tools button[aria-pressed=true]{color:#255b45;background:#e1ebdc}.campus-map-bottom{color:#7a8773;z-index:2;pointer-events:none;justify-content:space-between;align-items:center;font-size:10px;display:flex;position:absolute;bottom:18px;left:23px;right:23px}.campus-map-bottom>span{align-items:center;gap:7px;display:flex}.campus-map-bottom i{background:#217c68;width:20px;height:3px}.campus-map-bottom b{border:2px solid #d97d38;border-radius:50%;width:8px;height:8px;margin-left:12px}.campus-compass{z-index:2;color:#54725b;pointer-events:none;background:#ffffedba;border-radius:50%;place-items:center;width:43px;height:43px;font-size:9px;display:grid;position:absolute;top:24px;right:25px}.campus-compass span{font-size:18px;line-height:17px;display:block}.campus-compass>div{text-align:center}.campus-note{color:#93998c;margin:13px 0;font-size:11px}.campus-loading{z-index:2;text-align:center;background:#e9eee6;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:30px;font-size:13px;display:flex;position:absolute;inset:0}.campus-guide button{cursor:pointer}.campus-guide button:focus-visible,.campus-guide a:focus-visible{outline-offset:3px;outline:2px solid #267963}.campus-guide button:hover{filter:brightness(.95)}@media (min-width:1500px){.campus-layout,.campus-map{min-height:740px}}@media (max-width:850px){.campus-guide{padding:20px 16px}.campus-heading h1{font-size:24px}.campus-heading h1 span{margin:8px 0 0;display:block}.campus-layout{grid-template-columns:1fr}.campus-map{grid-row:1;min-height:480px}.campus-panel{border-top:1px solid #dce2d6;border-right:0;padding:22px}.campus-tools button{padding:9px}.campus-map-bottom{font-size:9px;left:14px;right:14px}.campus-heading>a{font-size:11px}.campus-steps{margin-bottom:12px}.campus-map-caption{top:18px;left:17px}.campus-destination{margin-top:22px}.campus-note{line-height:1.8}}