@font-face{font-family:Manrope;src:url('./manrope-400.ttf') format('truetype');font-weight:400;font-display:swap}@font-face{font-family:Manrope;src:url('./manrope-600.ttf') format('truetype');font-weight:600;font-display:swap}@font-face{font-family:Manrope;src:url('./manrope-800.ttf') format('truetype');font-weight:800;font-display:swap}

/* Planteles keeps the globe in view; the native directory dialog owns its scroll. */
.utc-planteles{margin:0;background:#050508;color:#fff;font:13px Manrope,Arial,sans-serif;padding:58px 0 calc(54px + env(safe-area-inset-bottom));height:100dvh;min-height:0;overflow:hidden;box-sizing:border-box}
.utc-planteles .utc-public-header{height:58px}
.utc-planteles .utc-footer{position:fixed;z-index:1042;inset:auto 0 0;height:calc(54px + env(safe-area-inset-bottom));padding:5px 8px calc(5px + env(safe-area-inset-bottom))!important;display:flex!important;align-items:center;justify-content:center!important;background:#080808;border-top:1px solid #282828}
.utc-planteles .utc-footer-inner{margin-inline:auto}
.campus-home{position:absolute;right:16px;color:#fff;padding:10px}.campus-home:hover{color:#ff5a1f}
.campus-main{max-width:none;padding:0;height:100%;min-height:0;display:flex;flex-direction:column}
.campus-breadcrumb{flex:0 0 auto;display:flex;align-items:center;gap:9px;font-size:10px;font-weight:600;margin:0;padding:9px clamp(14px,3vw,44px);min-height:32px;background:#080808;color:#d0d0d4;border-bottom:1px solid #1c1c22}
.campus-breadcrumb a{color:#94949e;text-decoration:none}.campus-breadcrumb a:hover{color:#ff8b62}
.campus-eyebrow{display:block;font-size:9px;letter-spacing:.13em;font-weight:800;color:#b7370b;margin-bottom:7px}
.campus-map-section{border:0;background:#050508;isolation:isolate;flex:1 1 auto;min-height:0}
.campus-map-frame{position:relative;height:100%;min-height:0;background:#050508;overflow:hidden}
.campus-map-frame:fullscreen{width:100vw;height:100dvh;min-height:0}
#campus-map{height:100%;width:100%;background-color:#050508;background-image:radial-gradient(circle at 10% 21%,#ffffff80 0 .8px,transparent 1.1px),radial-gradient(circle at 74% 13%,#ffffff55 0 .7px,transparent 1px),radial-gradient(circle at 22% 78%,#ffffff45 0 .9px,transparent 1.2px),radial-gradient(circle at 87% 67%,#ffffff65 0 .7px,transparent 1px);background-size:263px 243px,331px 359px,389px 317px,457px 419px}
.campus-map-toolbar{position:absolute;top:15px;left:16px;max-width:calc(100% - 82px);z-index:3;padding:10px;background:#08090ddd;border:1px solid #ffffff24;border-radius:6px;box-shadow:0 4px 22px #0005;backdrop-filter:blur(14px);color:#fff}
.campus-map-label{display:flex;align-items:center;gap:8px;font-size:11px;margin:0 2px 8px;flex-wrap:wrap}.campus-map-label>i{color:#ff5a1f}.campus-map-label>span{font-size:9px;color:#b6b6c0;margin-left:auto}
.campus-map-buttons{display:flex;align-items:stretch;gap:5px;flex-wrap:wrap}
.campus-map-buttons .btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;font-size:10px;padding:7px 9px;box-shadow:none;min-height:34px;border:1px solid #ffffff26;border-radius:3px;background:#23242bdd;color:white;white-space:nowrap}
.campus-map-buttons .btn:hover{background:#ff5a1f;color:#080808;border-color:#ff5a1f}
.campus-map-buttons .btn[aria-pressed=true]{border-color:#ff784880;color:#ff9d7b;background:#392015dd}
.campus-map-buttons .btn:focus-visible{outline:2px solid #ff895b;outline-offset:3px}
.campus-map-status{position:absolute;bottom:35px;left:50%;transform:translateX(-50%);background:#101117ec;color:#eeeef4;border:1px solid #ffffff2b;box-shadow:0 3px 12px #0005;padding:8px 14px;margin:0;border-radius:4px;max-width:min(90%,540px);width:max-content;font-size:11px;z-index:4}
.campus-map-status[hidden],.campus-route-panel[hidden],#campus-route-retry[hidden]{display:none!important}
.campus-marker{height:32px;width:32px;border:2px solid #fff;border-radius:50% 50% 50% 4px;box-shadow:0 2px 10px #0008;background:#ff5a1f;color:#111;display:grid;place-items:center;cursor:pointer;font-size:12px}
.campus-marker[aria-pressed=true]{background:#151515;color:#ff5a1f;z-index:4;box-shadow:0 0 0 5px #ff5a1f44,0 2px 10px #0008}.campus-marker:focus-visible{outline:3px solid #ffab86;outline-offset:3px}.campus-marker[hidden]{display:none!important}
.mapboxgl-popup{z-index:6}.mapboxgl-popup-content{font-family:Manrope,Arial,sans-serif;padding:14px;color:#191919;max-width:290px;border-radius:5px}.mapboxgl-popup-content strong{display:block;font-size:13px;padding-right:12px}.mapboxgl-popup-content p{font-size:11px;line-height:1.6;margin:7px 0}.mapboxgl-popup-content button.campus-popup-button{font:600 11px Manrope,Arial,sans-serif;border:0;background:#ff5a1f;color:#111;padding:7px 9px;border-radius:3px;min-height:32px;margin:3px 5px 0 0}.mapboxgl-popup-close-button{font-size:18px;padding:0 6px;color:#161616}
.mapboxgl-ctrl-top-right{top:6px;right:6px}.mapboxgl-ctrl-group{border-radius:4px!important}.mapboxgl-ctrl-group button{width:32px;height:32px}.mapboxgl-ctrl-attrib{font-family:Manrope,Arial,sans-serif;font-size:9px}.mapboxgl-ctrl-logo{opacity:1}
.campus-route-panel{position:absolute;z-index:5;left:16px;bottom:38px;width:min(352px,calc(100% - 32px));max-height:calc(100% - 155px);padding:14px;background:#f7f5eff5;color:#191919;border:1px solid #ffffff7a;border-radius:6px;box-shadow:0 6px 32px #0006;display:flex;flex-direction:column;gap:11px;backdrop-filter:blur(12px)}
.campus-route-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.campus-route-heading h2{font-size:15px;line-height:1.35;font-weight:800;margin:0}.campus-route-heading .campus-eyebrow{font-size:8px;margin-bottom:4px}.campus-route-heading>button{width:30px;height:30px;flex-shrink:0;border:1px solid #cbc7bf;border-radius:3px;background:#fff;color:#191919}
.campus-route-mode{font-size:10px;font-weight:600;display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0}.campus-route-mode select{width:170px;font:600 11px Manrope,Arial,sans-serif;min-height:32px;border:1px solid #d2cec6;border-radius:3px;box-shadow:none}
#campus-route-summary{font-size:11px;line-height:1.6;margin:0;color:#514c42}#campus-route-steps{font-size:11px;line-height:1.65;margin:0;padding:0 3px 0 23px;overflow-y:auto;min-height:0;overscroll-behavior:contain;scrollbar-width:thin}#campus-route-steps:empty{display:none}#campus-route-steps li{padding:7px 0 7px 2px;border-top:1px solid #ddd7cb}#campus-route-steps li::marker{font-weight:800;color:#ab370f}#campus-route-retry{align-self:flex-start;font-size:11px;box-shadow:none}
.campus-directory{background:#f5f3ec;color:#191919;padding:0;margin:auto;border:1px solid #ffffff36;border-radius:6px;width:min(1480px,calc(100vw - 40px));height:min(740px,calc(100dvh - 48px));max-width:none;max-height:calc(100dvh - 48px);overflow:hidden;box-shadow:0 18px 80px #0009}.campus-directory[open]{display:flex;flex-direction:column}.campus-directory::backdrop{background:#000a;backdrop-filter:blur(4px)}.campus-directory-header{flex:0 0 auto;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:15px 18px;background:#080808;color:#fff}.campus-directory-header .campus-eyebrow{color:#ff895b;font-size:8px;margin-bottom:4px}.campus-directory-header h2{font-size:19px;margin:0}.campus-directory-header>button{display:grid;place-items:center;width:34px;height:34px;flex-shrink:0;border:1px solid #555;border-radius:3px;background:#1a1a1a;color:#fff}.campus-directory-header>button:hover{background:#ff5a1f;color:#080808}.campus-directory-body{flex:1;min-height:0;padding:17px 18px;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:thin}.campus-directory-header>button:focus-visible{outline:2px solid #ff895b;outline-offset:3px}.campus-row-actions{display:flex;align-items:center;justify-content:center;gap:5px;white-space:nowrap}.campus-row-actions .btn{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:31px}.campus-row-actions .campus-action-icon{width:31px;min-width:31px;padding:5px}.campus-directory-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-bottom:14px}.campus-directory h2{font-size:17px;font-weight:800;margin:0 0 5px;letter-spacing:-.03em}.campus-directory-heading p{font-size:11px;margin:0;color:#69665e}.campus-filters{display:flex;gap:10px}.campus-filters label{font-size:10px;font-weight:600;display:grid;gap:4px}.campus-filters input,.campus-filters select{font-size:12px;min-height:34px;box-shadow:none;border:1px solid #d4d0c8;background:white;border-radius:3px}.campus-table-wrap{overflow-x:auto;max-width:100%;background:white;border:1px solid #dedad2;padding:8px 12px;scrollbar-width:thin}.campus-table-wrap .table{font-size:11px;margin:5px 0!important;width:100%!important}.campus-table-wrap th{background:#191919;color:white;font-size:10px;letter-spacing:.03em;padding:10px 22px 10px 9px}.campus-table-wrap td{padding:10px 9px;vertical-align:middle;border-color:#eae7df}.campus-table-wrap .btn{font-size:10px;padding:5px 8px;box-shadow:none}.campus-table-wrap a{color:#36332b}.campus-name{display:flex;gap:7px;align-items:center;background:none;border:0;color:#191919;font-size:11px;font-weight:800;white-space:nowrap;padding:3px 0}.campus-name i{color:#e74814}.campus-name:hover{text-decoration:underline}.campus-address-cell,.campus-hours-cell{display:block;max-width:350px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.campus-hours-cell{max-width:260px}.campus-table-wrap .dt-layout-row{font-size:11px;padding:4px 0;gap:8px;flex-wrap:wrap}.campus-table-wrap .dt-length select{font-size:11px;min-height:28px;border-radius:3px;padding-top:3px;padding-bottom:3px}.campus-table-wrap .pagination{margin:0;--bs-pagination-font-size:11px;--bs-pagination-padding-x:9px;--bs-pagination-padding-y:5px}.campus-detail{border:1px solid #d8d4ca;border-radius:6px;padding:0;width:min(640px,calc(100vw - 24px));max-height:calc(100dvh - 40px);background:#f7f5ef;color:#1b1b1b;box-shadow:0 12px 70px #0006;overscroll-behavior:contain}.campus-detail::backdrop{background:#0009}.campus-detail-header{position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:17px 20px;background:#080808;color:#fff;z-index:2}.campus-detail-header .campus-eyebrow{color:#ff8753}.campus-detail-header h2{font-size:24px;font-weight:800;margin:0}.campus-detail-close{border:1px solid #555;background:#151515;color:#fff;width:32px;height:32px;border-radius:3px;flex-shrink:0}#campus-detail-body{padding:19px 20px}.campus-detail dl{display:grid;grid-template-columns:110px 1fr;gap:12px 15px;font-size:12px;margin:0 0 18px}.campus-detail dt{font-weight:800}.campus-detail dd{margin:0;line-height:1.7}.campus-detail a{color:#a43109}.campus-detail h3{font-size:13px;font-weight:800;margin:18px 0 9px}.campus-detail ul{padding-left:19px;font-size:12px;line-height:1.7}.campus-detail-actions{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 5px}.campus-detail-actions .btn{font-size:11px;box-shadow:none}.campus-detail-actions a.btn-dark{color:white}.campus-detail-note{font-size:10px;color:#716d64;line-height:1.7}.campus-detail-notes{background:#ece8df;padding:11px 13px;border-left:3px solid #ff5a1f;font-size:11px;line-height:1.6}

.campus-table-wrap .table{border:0!important}.campus-table-wrap .table>thead>tr>th{background:#191919!important;color:#fff!important;--bs-table-bg:#191919;--bs-table-color:#fff;box-shadow:none!important}.campus-table-wrap .table>tbody>tr>td{border-bottom:1px solid #e4e0d8}
@media(max-width:700px){.campus-breadcrumb{padding:8px 12px}.campus-map-frame{min-height:0}.campus-map-toolbar{top:10px;left:10px;padding:8px;max-width:calc(100% - 66px)}.campus-map-label{font-size:10px;gap:5px;margin-bottom:7px}.campus-map-label>span{font-size:8px}.campus-map-buttons{gap:4px}.campus-map-buttons .btn{font-size:9px;gap:4px;padding:6px 7px;min-height:33px}.campus-map-label strong{font-weight:800}.mapboxgl-ctrl-top-right{top:0;right:0}.campus-route-panel{left:10px;bottom:36px;width:calc(100% - 20px);max-height:42%;padding:11px;gap:8px}.campus-route-heading h2{font-size:13px}.campus-route-mode select{min-height:30px}#campus-route-steps{font-size:10px}.campus-map-status{font-size:10px;padding:7px 10px}.campus-filters{width:100%;display:grid;grid-template-columns:minmax(100px,1fr) minmax(150px,1.4fr)}.campus-filters input{width:100%}.campus-directory-heading{gap:12px}.campus-table-wrap{padding:6px}.campus-detail dl{grid-template-columns:1fr;gap:5px}.campus-detail dd{margin-bottom:8px}.campus-detail-header,#campus-detail-body{padding:15px}.campus-home{right:7px}}
@media(max-width:374px){.campus-map-label>span{margin-left:0}.campus-map-buttons .btn{font-size:9px;padding:6px}.campus-route-panel{max-height:44%}.campus-route-mode select{width:150px}}
@media(prefers-reduced-motion:reduce){.campus-map-frame *{scroll-behavior:auto!important}}
@media print{.utc-planteles{padding:0;background:#fff;color:#000}.utc-planteles .utc-public-header,.utc-planteles .utc-footer,.campus-map-section,.campus-breadcrumb{display:none!important}.campus-directory{padding:0}.campus-filters{display:none}.campus-table-wrap{overflow:visible}}
.campus-user-marker{display:block;width:18px;height:18px;background:#2785ff;border:3px solid #fff;border-radius:50%;box-shadow:0 0 0 7px #2785ff44,0 2px 9px #0008}
#campus-route-steps li small{display:block;color:#777167;font-size:9px;margin-top:3px}
.campus-popup-phone{font-size:12px;font-weight:700;color:#a3320d}.campus-popup-hours{color:#68635b;font-size:10px!important}.campus-popup-actions{display:flex;gap:5px;flex-wrap:wrap}

/* Modals remain inside the fullscreen map frame and contain their own overflow. */
@media(max-width:700px){.campus-directory{width:calc(100vw - 16px);height:calc(100dvh - 24px);max-height:calc(100dvh - 24px)}.campus-directory-header{padding:12px}.campus-directory-header h2{font-size:17px}.campus-directory-body{padding:13px 10px}.campus-directory-heading p{font-size:10px}.campus-directory .campus-filters{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:7px}.campus-directory .campus-filters label,.campus-directory .campus-filters select{min-width:0;max-width:100%}.campus-directory .campus-filters input,.campus-directory .campus-filters select{font-size:11px}.mapboxgl-popup{max-width:calc(100vw - 28px)!important}.mapboxgl-popup-content{max-width:min(280px,calc(100vw - 28px));padding:11px}.mapboxgl-popup-content strong{font-size:12px}.mapboxgl-popup-content p{font-size:10px;margin:5px 0;line-height:1.5}.mapboxgl-popup-content button.campus-popup-button{font-size:10px;padding:6px 7px;min-height:31px}.campus-popup-actions{gap:3px}}
@media(max-height:540px){.campus-map-toolbar{top:7px;left:8px;padding:7px}.campus-map-label{margin-bottom:5px}.campus-map-buttons .btn{min-height:29px;padding-block:4px}.campus-route-panel{max-height:calc(100% - 58px);left:auto;right:52px;width:min(320px,calc(100% - 80px));bottom:28px}.campus-route-heading h2{font-size:12px}.campus-directory{height:calc(100dvh - 16px);max-height:calc(100dvh - 16px)}}

@media(max-height:540px){.mapboxgl-popup{top:8px;bottom:8px;left:8px;right:auto;transform:none!important;flex-direction:column;justify-content:flex-start;max-height:calc(100% - 16px)}.mapboxgl-popup-tip{display:none}.mapboxgl-popup-content{min-height:0;overflow-y:auto;overscroll-behavior:contain}}

/* Compact campus directory and map controls. */
.utc-planteles .utc-public-header .utc-brand{margin:0;gap:9px}
.utc-planteles .utc-public-header .utc-brand-name{display:block!important;font-size:7px!important;line-height:1.55;letter-spacing:1.2px!important;text-transform:uppercase}
.utc-planteles .utc-public-header .utc-brand img{width:42px;height:36px}
.utc-planteles .campus-home{width:34px;height:36px;padding:0;display:grid;place-items:center;left:10px;right:auto}
.campus-map-toolbar{top:10px;left:10px;padding:4px;max-width:calc(100% - 64px);border:0;border-radius:0;box-shadow:none;background:#080808e8}
.campus-map-buttons{gap:3px;flex-wrap:nowrap}
.campus-map-buttons .btn{font-size:10px;min-height:32px;height:32px;padding:5px 7px;border:0;border-radius:0;background:#202020}
.campus-view-controls[hidden]{display:none!important}
.mapboxgl-ctrl-group.campus-view-controls{border-radius:0!important;background:#fff}
.campus-view-controls button{display:grid;place-items:center;width:32px;height:32px;padding:0;border:0;font:700 10px Manrope,Arial,sans-serif;color:#181818;background:#fff;cursor:pointer}
.campus-view-controls button+button{border-top:1px solid #ddd}
.campus-view-controls button[aria-pressed=true]{background:#ffe6d8;color:#a52e00}
.campus-view-controls button:hover{background:#ff5a1f;color:#080808}
.campus-view-controls button:focus-visible{outline:2px solid #e9460b;outline-offset:-2px}
.campus-directory{width:min(1180px,calc(100vw - 24px));height:auto;max-height:min(70dvh,560px);border:0;border-radius:0;background:#fff;box-shadow:0 10px 45px #0007}
.campus-directory[open]{display:block}
.campus-directory .campus-table-wrap{max-height:inherit;overflow:auto;padding:0;border:0;overscroll-behavior:contain}
.campus-directory .table{margin:0!important;border-collapse:separate;border-spacing:0;font-size:11px}
.campus-directory .table th{position:sticky;top:0;z-index:2;font-size:10px;font-weight:600;letter-spacing:0;padding:6px 8px!important;vertical-align:middle;height:36px;text-transform:lowercase!important}
.campus-directory .table td{padding:5px 8px!important;border:0!important;height:36px;line-height:1.35}
.campus-directory .table tbody tr:nth-child(odd)>td{background:#fff}.campus-directory .table tbody tr:nth-child(even)>td{background:#f0eee8}
.campus-directory .table :is(th,td):first-child{position:sticky;left:0;width:112px;min-width:112px;z-index:1}
.campus-directory .table th:first-child{z-index:3}
.campus-actions-heading>span{font-size:9px}.campus-actions-heading>button{float:right;width:26px;height:26px;padding:0;border:0;background:transparent;color:#fff;display:grid;place-items:center}
.campus-actions-heading>button:hover{color:#ff5a1f}
.campus-directory .campus-row-actions{gap:3px;justify-content:flex-start}
.campus-directory .campus-action-icon{width:28px;height:28px;min-width:28px;padding:0;display:grid;place-items:center;background:#e9e6df;color:#191919;border:0;border-radius:0}
.campus-directory .campus-action-icon:hover{background:#ff5a1f;color:#080808}
.campus-directory :is(button,a):focus-visible{outline:2px solid #e9460b;outline-offset:1px}
.campus-name{font-size:11px;min-height:28px}.campus-address-cell{max-width:290px}.campus-hours-cell{max-width:230px}
.campus-detail{width:min(430px,calc(100vw - 24px));max-height:calc(100dvh - 48px);border:0;border-radius:0}
.campus-detail-header{padding:9px 12px;gap:8px}.campus-detail-header h2{font-size:16px;line-height:1.3}.campus-detail-close{width:28px;height:28px;border:0;border-radius:0}
#campus-detail-body{padding:10px 12px}.campus-detail dl{grid-template-columns:75px minmax(0,1fr);gap:6px 8px;font-size:11px;margin:0 0 10px}.campus-detail dd{line-height:1.4;margin:0;overflow-wrap:anywhere}.campus-detail h3{font-size:11px;margin:12px 0 5px}.campus-detail :is(p,ul){font-size:11px;line-height:1.5}.campus-detail-actions{gap:4px;margin:8px 0}.campus-detail-actions .btn{font-size:10px;min-height:30px;padding:5px 7px;border:0;border-radius:0}.campus-detail-extra{margin-top:9px;font-size:11px}.campus-detail-extra>summary{min-height:28px;cursor:pointer;color:#8b2b08}.campus-detail-notes{padding:7px 9px}
.mapboxgl-popup-content{padding:9px 10px;border-radius:0;max-width:260px}.mapboxgl-popup-content strong{font-size:12px}.mapboxgl-popup-content p{font-size:10px;line-height:1.4;margin:5px 0}.mapboxgl-popup-content button.campus-popup-button{font-size:10px;padding:5px 7px;min-height:28px;border-radius:0}.campus-popup-phone{font-size:11px}.campus-popup-actions{gap:3px}
.campus-route-panel{left:10px;bottom:32px;width:min(310px,calc(100% - 62px));max-height:calc(100% - 64px);padding:9px 10px;gap:7px;border:0;border-radius:0;box-shadow:0 3px 15px #0004}
.campus-route-heading{gap:7px}.campus-route-heading h2{font-size:12px;line-height:1.3}.campus-route-heading>button{width:26px;height:26px;border:0;border-radius:0}
.campus-route-mode{justify-content:flex-start}.campus-route-mode select{width:100%;min-height:28px;padding:3px 28px 3px 7px;border:0;border-radius:0;font-size:11px}
#campus-route-summary{font-size:10px;line-height:1.4}.campus-route-instructions{min-height:0;font-size:10px}.campus-route-instructions summary{cursor:pointer;min-height:26px;color:#8b2b08}.campus-route-instructions:not(:has(li)){display:none}#campus-route-steps{max-height:150px;font-size:10px;line-height:1.45;padding-left:20px}#campus-route-steps li{padding:5px 0 5px 1px}#campus-route-retry{min-height:28px;font-size:10px;padding:4px 7px;border:0;border-radius:0}
.utc-planteles :is(.campus-map-toolbar,.campus-view-controls,.campus-directory,.campus-detail,.campus-route-panel,.campus-map-status,.mapboxgl-popup),.utc-planteles :is(.campus-map-toolbar,.campus-view-controls,.campus-directory,.campus-detail,.campus-route-panel,.mapboxgl-popup) :is(button,a,span,p,h2,h3,th,td,dt,dd,option,label,summary,li){text-transform:lowercase}
@media(max-width:600px){.campus-directory{width:calc(100vw - 16px);height:auto;max-height:72dvh}.campus-map-buttons .btn{font-size:9px;gap:4px;padding:4px 6px;min-height:30px;height:30px}.campus-route-panel{width:min(290px,calc(100% - 62px));max-height:52%;padding:8px}.campus-detail-header,#campus-detail-body{padding:10px}.campus-detail dl{grid-template-columns:65px minmax(0,1fr);gap:6px}.campus-detail-actions .btn{font-size:9px;padding:5px 6px}.campus-route-mode select{font-size:16px;min-height:32px;line-height:1.2}}
@media(max-height:540px){.campus-directory{max-height:calc(100dvh - 24px)}.campus-route-panel{left:10px;right:auto;max-height:calc(100% - 58px);width:min(290px,calc(100% - 62px))}#campus-route-steps{max-height:80px}}

/* The directory becomes readable cards at narrow widths; the close control stays visible. */
.campus-mobile-label{display:none}
@media(max-width:820px){
 .utc-planteles .campus-directory .campus-table-wrap{overflow-y:auto;overflow-x:hidden;max-height:72dvh}
 .utc-planteles .campus-directory .table{display:block;width:100%!important;min-width:0!important;white-space:normal!important}
 .utc-planteles .campus-directory .table thead,.utc-planteles .campus-directory .table tbody{display:block;width:100%}
 .utc-planteles .campus-directory .table thead{position:sticky;top:0;z-index:5;background:#191919}
 .utc-planteles .campus-directory .table thead tr{display:block}
 .utc-planteles .campus-directory .table thead th:first-child{position:static;display:flex;align-items:center;justify-content:space-between;width:100%;min-width:0;height:40px;padding:5px 10px!important}
 .utc-planteles .campus-directory .table thead th:not(:first-child){position:absolute!important;width:1px!important;height:1px!important;min-width:0!important;margin:-1px!important;padding:0!important;overflow:hidden!important;clip-path:inset(50%);white-space:nowrap!important}
 .utc-planteles .campus-directory .table tbody tr{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 6px;padding:9px 10px;border-bottom:1px solid #e5e0d6}
 .utc-planteles .campus-directory .table tbody tr:nth-child(odd){background:#fff}
 .utc-planteles .campus-directory .table tbody tr:nth-child(even){background:#f0eee8}
 .utc-planteles .campus-directory .table tbody tr>td{display:block;position:static!important;width:auto!important;min-width:0!important;max-width:none!important;height:auto!important;padding:0!important;border:0!important;background:transparent!important;white-space:normal!important;overflow-wrap:anywhere}
 .utc-planteles .campus-directory .table tbody tr>td:first-child{grid-column:2;grid-row:1;align-self:center}
 .utc-planteles .campus-directory .table tbody tr>td:nth-child(2){grid-column:1;grid-row:1;align-self:center}
 .utc-planteles .campus-directory .table tbody tr>td:nth-child(n+3){grid-column:1/-1;display:grid;grid-template-columns:64px minmax(0,1fr);align-items:baseline;gap:5px;font-size:10px;line-height:1.35}
 .utc-planteles .campus-directory .table tbody tr>td:nth-child(n+3) .campus-mobile-label{display:block;font-size:9px;font-weight:800;color:#736d63}
 .utc-planteles .campus-directory .table tbody tr>td:nth-child(n+3) :is(.campus-address-cell,.campus-hours-cell){max-width:none;white-space:normal;overflow:visible;text-overflow:clip}
 .utc-planteles .campus-directory .campus-name{font-size:12px;white-space:normal;line-height:1.25}
 .utc-planteles .campus-directory .campus-row-actions{gap:3px}
 .utc-planteles .campus-directory .campus-action-icon{width:34px;height:34px;min-width:34px}
}
@media(max-width:374px){.utc-planteles .campus-directory .table tbody tr{grid-template-columns:minmax(0,1fr) 106px}.utc-planteles .campus-directory .campus-action-icon{width:32px;height:32px;min-width:32px}}
@media(min-width:601px) and (max-width:820px){.utc-planteles .campus-directory .campus-table-wrap{max-height:min(70dvh,560px)}.utc-planteles .campus-directory .table tbody{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.utc-planteles .campus-directory .table tbody tr{border-right:1px solid #e5e0d6}}