:root{--navy:#142e4f;--blue:#1265ba;--pale:#f1f6fc;--ink:#172b42}
.page-shell{max-width:1160px;margin:35px auto 70px;padding:0 22px;color:var(--ink)}
.page-hero{border-radius:22px;background:linear-gradient(120deg,#122d4d,#1b5e94);color:#fff;padding:44px;display:grid;grid-template-columns:1.2fr .8fr;gap:24px;align-items:center}
.page-hero h1{font-size:clamp(28px,4vw,44px);line-height:1.12;margin:0 0 15px}.page-hero p{font-size:17px;line-height:1.65}
.page-hero img{width:100%;max-height:260px;object-fit:cover;border-radius:15px}
.page-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:26px 0}
.info-card{background:white;border:1px solid #e0e9f3;border-radius:15px;padding:23px;box-shadow:0 8px 24px #163a5b0b}
.info-card img{width:100%;height:165px;object-fit:cover;border-radius:10px;margin-bottom:14px}
.info-card h2,.info-card h3{margin:8px 0 12px;color:#143353}
.info-card p,.page-copy p,.page-copy li{line-height:1.7;color:#41556c}
.page-copy{background:white;border:1px solid #e0e9f3;border-radius:16px;padding:28px;margin:22px 0}
.page-copy h2{color:#143353;margin-top:0}
.action-link,.detail-link{display:inline-block;background:#e96922;color:white!important;border-radius:9px;padding:12px 18px;text-decoration:none;font-weight:700;margin-top:10px}
.detail-link{background:#fff;color:#173654!important}
.muted-note{font-size:13px;color:#6a7b90}
.form-card{max-width:730px;background:#fff;border:1px solid #dce5ef;padding:26px;border-radius:16px;margin:25px auto}
.form-card label{display:block;font-weight:600;margin:14px 0 5px}
.form-card input,.form-card select,.form-card textarea{width:100%;padding:12px;border:1px solid #ccd9e5;border-radius:8px;font:inherit}
.form-card button{border:0;background:#1767bd;color:white;padding:12px 20px;border-radius:8px;cursor:pointer}
.form-card button:disabled{opacity:.5}
.form-card .switches{display:flex;gap:10px;flex-wrap:wrap}
.form-card .switches button{background:#eaf1f9;color:#153c63}
.form-card .switches button.selected{background:#1767bd;color:white}
.form-card [hidden]{display:none!important}
.form-card .inline-check{display:flex;gap:10px;align-items:center;font-weight:400}
.form-card .inline-check input{width:auto}
.status{margin-top:15px;min-height:22px;color:#1a5d42}
.route-map{background:linear-gradient(145deg,#dceaf0,#f6f2e8);border:1px solid #c8dbe4;border-radius:18px;overflow:hidden;padding:12px}
.route-map svg{width:100%;height:auto;display:block}
.route-map text{font-family:Arial,sans-serif;fill:#173653;font-size:15px;font-weight:700}
.route-map .route-path{stroke:#df6d26;stroke-width:6;stroke-dasharray:12 8;fill:none;stroke-linecap:round}
@media(max-width:760px){.page-hero{grid-template-columns:1fr;padding:25px}.page-grid{grid-template-columns:1fr}.page-copy{padding:20px}}

.site-top-logout{background:none;color:#fff;border:0;cursor:pointer;font-size:11px;text-decoration:underline;padding:2px 4px}
#siteUserMenu{display:inline-flex;align-items:center;gap:5px;flex-wrap:wrap}
#siteUserMenu a{color:#fff;text-decoration:underline;cursor:pointer}
.workspace-table{width:100%;border-collapse:collapse;margin-top:14px}
.workspace-table th,.workspace-table td{text-align:left;padding:11px;border-bottom:1px solid #e4ebf3;font-size:13px}
.workspace-table th{color:#516b87;background:#f5f8fc}
.workspace-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.workspace-pill{padding:5px 9px;border-radius:999px;background:#e4f1fe;color:#145a98;font-size:12px;font-weight:700}
@media (max-width:650px){.topin span:last-child{display:inline-flex;flex-wrap:wrap}.workspace-table{display:block;overflow-x:auto}}