.port-country-index{flex-wrap:wrap;gap:.5rem;margin:0 0 3rem;display:flex}.port-country-index a{color:#bcd4da;border:1px solid #365966;border-radius:30px;padding:.45rem .7rem;font-size:.8rem}.port-link-grid{grid-template-columns:repeat(4,1fr);gap:.6rem;display:grid}.port-link-grid a{color:#d9e9ea;background:#123342;border:1px solid #31515f;border-radius:7px;justify-content:space-between;gap:.5rem;padding:.8rem;display:flex}.port-link-grid svg{color:#75daca;width:14px}.port-detail{max-width:900px;margin:auto}.port-detail header{padding:2rem 0}.port-detail h1{letter-spacing:-.06em;font-size:clamp(3rem,7vw,5.8rem);line-height:1}.port-detail header>p:last-of-type{color:#80d9cc;margin-top:.8rem;font-size:1.2rem}.port-position{border-block:1px solid #3a5d68;grid-template-columns:auto 1fr 1fr;align-items:center;gap:1.5rem;padding:1.5rem;display:grid}.port-position>svg{color:#f2cd73}.port-position div{flex-direction:column;gap:.3rem;display:flex}.port-position span{color:#99b7c0;font-size:.8rem}.port-position strong{color:#f0f7f6;font-size:1.35rem}.port-warning{background:#f1ca6e10;border-left:3px solid #f1ca6e;gap:1rem;margin:2rem 0;padding:1.2rem;display:flex}.port-warning svg{color:#f1ca6e;flex:none}.port-warning p{color:#bdd0d5}.port-nearby{grid-template-columns:repeat(2,1fr);gap:.7rem;display:grid}.port-nearby a{background:#123342;border:1px solid #315260;border-radius:8px;grid-template-columns:1fr auto auto;align-items:center;gap:.8rem;padding:1rem;display:grid}.port-nearby div{flex-direction:column;display:flex}.port-nearby span{color:#96b4bd;font-size:.8rem}.port-nearby b{color:#f2d17d;font-size:.85rem}.port-nearby svg{color:#70daca;width:15px}@media (max-width:800px){.port-link-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:560px){.port-link-grid,.port-nearby{grid-template-columns:1fr}.port-position{grid-template-columns:auto 1fr}.port-position>div:last-child{grid-column:2}}