@import url("rscable-calculator-spacing.css?v=9a6c208247c5");
/* Overview only. Shared desktop/mobile theme; calculator engines keep their own assets. */
.rscable-calculators { min-width: 0; padding-bottom: 48px; color: var(--basic_text_black); }
.rscable-calculators *, .rscable-calculators *::before, .rscable-calculators *::after { box-sizing: border-box; }
.rscable-calculators > h1 { margin-top: 0; }
.rscable-calculators__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
.rscable-calculators .rscable-calculators__card {
    position: relative; display: flex; align-items: flex-end; min-width: 0; min-height: 350px;
    padding: 18px; overflow: hidden; background: var(--card_bg_black, var(--black_bg_black));
}
.rscable-calculators__image { position: absolute; inset: 0; overflow: hidden; border-radius: inherit; background: var(--darkerblack_bg_black); }
.rscable-calculators__image::after { content: ''; position: absolute; inset: 0; background: linear-gradient(180deg, transparent, rgb(23 36 51 / 20%)); }
.rscable-calculators__image img { display: block; width: 100%; height: 100%; object-fit: cover; }
.rscable-calculators__content {
    position: relative; width: 100%; min-width: 0; min-height: 216px; padding: 20px;
    display: flex; flex-direction: column; gap: 10px; border-radius: 9px;
    background: var(--card_bg_black, var(--black_bg_black));
    background: color-mix(in srgb, var(--card_bg_black, var(--black_bg_black)) 95%, transparent);
    backdrop-filter: blur(8px);
}
.rscable-calculators .rscable-calculators__title, .rscable-calculators .rscable-calculators__description { margin: 0; }
.rscable-calculators__title { overflow-wrap: break-word; }
.rscable-calculators__description { font-size: 13px; line-height: 20px; }
.rscable-calculators .rscable-calculators__action, .rscable-calculators__soon {
    display: flex; align-items: center; justify-content: center; width: 100%; min-height: 44px;
    height: auto; margin-top: auto; padding: 10px 16px; font-size: 13px; line-height: 20px;
    white-space: normal; text-align: center;
}
.rscable-calculators__soon { color: var(--basic_text_black); background: var(--darkerblack_bg_black); border-radius: var(--theme-button-border-radius); }
/* Match the site's button feedback; only the action is interactive. */
.rscable-calculators__action { transition: transform .18s ease, box-shadow .18s ease, opacity .18s ease; }
@media (hover: hover) and (pointer: fine) {
    .rscable-calculators__action:hover { transform: scale(.97); }
}
.rscable-calculators__action:active { transform: scale(.95); box-shadow: inset 0 2px 5px rgb(0 0 0 / 18%); }
.rscable-calculators__action:focus-visible { outline: 2px solid var(--theme-base-color) !important; outline-offset: 3px; }
@media (prefers-reduced-motion: reduce) { .rscable-calculators__action { transition: none; } }
.rscable-calculators__seo { margin-top: 40px; }
.rscable-calculators__seo h2 { margin: 0 0 16px; }
.rscable-calculators__seo p:last-child { margin-bottom: 0; }
@media (max-width: 1199px) { .rscable-calculators__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 767px) {
    .rscable-calculators__grid { grid-template-columns: minmax(0, 1fr); }
    .rscable-calculators__seo { margin-top: 32px; }
}
