.oj-forecast-hub .oj-hub-service-pair { display: block; display: flex; flex-wrap: wrap; margin: 0 -8px; }
.oj-forecast-hub .oj-hub-service { display: block; display: flex; flex-direction: column; min-width: 0; width: auto; width: calc(100% - 16px); margin: 8px; padding: 1.25rem; background: #fff; border: 1px solid #dcc8a5; border-radius: 9px; }
.oj-forecast-hub .oj-hub-service p { color: #62584e; flex-grow: 1; }
/* Filled actions must override the shared theme's ordinary-link colour. */
.oj-forecast-hub .oj-hub-action { display: block; min-height: 44px; padding: .7rem 1rem; border-radius: 6px; background: #702635; color: #fff !important; text-decoration: none; line-height: 1.8; }
.oj-forecast-hub .oj-hub-action:hover { background: #542328; color: #fff; }
.oj-forecast-hub .oj-hub-related-tools { list-style: none; padding: 0; }
.oj-forecast-hub .oj-hub-related-tools a { display: inline-block; padding: .6rem 0; min-height: 44px; text-decoration: underline; }
.oj-forecast-hub .oj-hub-related-tools span { font-size: .85em; color: #62584e; }
@supports (display: flex) { @media (min-width: 700px) { .oj-forecast-hub .oj-hub-service { width: calc(50% - 16px); } } }
@media (prefers-reduced-motion: no-preference) { .oj-forecast-hub .oj-hub-action { transition: background-color 160ms ease; } }