.external-info{
  margin:clamp(1rem,2vw,1.4rem) 0;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:clamp(.8rem,1.8vw,1.1rem);
}
.external-card{
  position:relative;
  overflow:hidden;
  border:1px solid rgba(16,47,76,.1);
  border-radius:26px;
  background:linear-gradient(135deg,rgba(255,255,255,.92),rgba(247,251,248,.82));
  box-shadow:0 18px 54px rgba(16,47,76,.07);
  padding:clamp(1rem,2vw,1.25rem);
  min-height:210px;
  contain:layout paint;
}
.external-card::before{
  content:"";
  position:absolute;
  inset:auto -3rem -4rem auto;
  width:11rem;
  height:11rem;
  border-radius:999px;
  background:rgba(111,183,222,.12);
  pointer-events:none;
}
.external-card__head{
  position:relative;
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:1rem;
  margin-bottom:.95rem;
}
.external-card__label{
  display:block;
  margin-bottom:.25rem;
  font-size:.72rem;
  line-height:1;
  letter-spacing:.16em;
  font-weight:950;
  color:#718393;
}
.external-card h2{
  margin:0;
  color:var(--gis-blue,#102f4c);
  font-size:1.18rem;
  letter-spacing:-.03em;
}
.external-card__status{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  min-height:30px;
  padding:0 .7rem;
  border-radius:999px;
  background:#eef6ef;
  color:#315e40;
  font-size:.78rem;
  font-weight:900;
  white-space:nowrap;
}
.external-card__body{
  position:relative;
  display:grid;
  gap:.62rem;
}
.external-card__empty{
  margin:0;
  color:#66788a;
  line-height:1.75;
}
.weather-slot,
.transport-stop{
  display:grid;
  gap:.32rem;
  padding:.72rem .78rem;
  border:1px solid rgba(16,47,76,.08);
  border-radius:18px;
  background:rgba(255,255,255,.72);
}
.weather-slot strong,
.transport-stop strong{
  color:var(--gis-blue,#102f4c);
  font-size:.96rem;
  line-height:1.35;
}
.weather-slot span,
.transport-stop span{
  color:#657789;
  font-size:.86rem;
  line-height:1.55;
}
.external-card__foot{
  position:relative;
  margin:.85rem 0 0;
  color:#718393;
  font-size:.78rem;
  line-height:1.5;
}
@media (max-width:900px){
  .external-info{grid-template-columns:1fr}
  .external-card{min-height:auto}
}
@media (prefers-reduced-motion:reduce){
  .external-card{scroll-behavior:auto!important}
}

.external-info__head{grid-column:1/-1;display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;margin-bottom:.1rem}.external-info__head span{display:block;color:#8f5c4f;font-size:.75rem;font-weight:950;letter-spacing:.18em}.external-info__head h2{margin:.25rem 0;color:#12385f;font-size:1.45rem}.external-info__head p{margin:0;color:#6b7a8e;line-height:1.7}.external-info__head a{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;min-height:42px;border-radius:999px;background:#12385f;color:#fff;text-decoration:none;font-weight:900;padding:0 1rem;box-shadow:0 10px 24px rgba(18,56,95,.16)}
@media(max-width:760px){.external-info__head{display:grid}.external-info__head a{width:100%}}
:where(a,button,input,summary,[tabindex]){outline-offset:4px}
:where(a,button,summary,.hero-button,.page-actions a,.map-pill,.search-result,.drawer-link,.drawer-sublist a){-webkit-tap-highlight-color:transparent;touch-action:manipulation}
:where(img,svg,video,canvas){max-width:100%}
:where(img){height:auto;content-visibility:auto}
:where(.site-header,.mobile-drawer__panel,.site-search__panel){transform:translateZ(0)}
:where(.main-nav__link,.icon-button,.map-pill,.hero-button,.page-actions a,.search-result,.drawer-sublist a){will-change:transform}
:where(.main-nav__link,.icon-button,.map-pill,.hero-button,.page-actions a,.search-result,.drawer-sublist a):active{transform:translateY(1px) scale(.99)}
@supports (scrollbar-gutter:stable){html{scrollbar-gutter:stable}}
@media (prefers-reduced-motion:no-preference){:where(.site-header,.site-footer,.page-card,.field-photo,.weather-slot,.transport-stop){backface-visibility:hidden}}
.external-info__head a{border-radius:8px!important}
