:root {
--tdhm-ink: #061a44;
--tdhm-navy: #06234a;
--tdhm-navy-2: #073364;
--tdhm-blue: #0b73d9;
--tdhm-cyan: #1296e8;
--tdhm-orange: #ff6414;
--tdhm-green: #16a34a;
--tdhm-line: rgba(255, 255, 255, .12);
--tdhm-border: rgba(196, 216, 232, .34);
--tdhm-card: rgba(9, 42, 78, .78);
--tdhm-soft: #edf5fb;
--tdhm-text: #f6fbff;
--tdhm-muted: #bfd0e0;
}
.tdhm-wrap {
position: relative;
isolation: isolate;
margin: 0 auto;
padding: clamp(42px, 6vw, 74px) 0 clamp(34px, 4vw, 64px);
color: var(--tdhm-text);
font-family: "DM Sans", Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
background:
linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px),
linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px),
radial-gradient(circle at 82% 18%, rgba(13, 115, 217, .24), transparent 26%),
linear-gradient(135deg, #04152e 0%, #06244b 52%, #073767 100%);
background-size: 82px 82px, 82px 82px, auto, auto;
overflow: hidden;
}
.tdhm-wrap::before {
content: "";
position: absolute;
left: 0;
right: 0;
top: 0;
height: 5px;
background: linear-gradient(90deg, var(--tdhm-orange) 0 42%, var(--tdhm-blue) 42% 100%);
z-index: 1;
}
.tdhm-wrap::after {
content: "";
position: absolute;
right: -90px;
bottom: -190px;
width: 360px;
height: 560px;
border: 42px solid rgba(255,255,255,.055);
transform: rotate(12deg);
pointer-events: none;
}
.tdhm-wrap * {
box-sizing: border-box;
}
.tdhm-wrap button,
.tdhm-wrap a {
font-family: inherit;
}
.tdhm-container {
position: relative;
z-index: 2;
width: min(1180px, calc(100% - 40px));
margin: 0 auto;
}
.tdhm-hero {
display: grid;
grid-template-columns: minmax(0, 860px);
gap: 0;
justify-content: start;
align-items: start;
margin: 0 0 28px;
}
.tdhm-kicker {
display: inline-flex;
align-items: center;
width: fit-content;
min-height: 42px;
padding: 0 18px;
border: 1px solid var(--tdhm-orange);
background: transparent !important;
color: #fff !important;
font-size: 12px;
line-height: 1.1;
font-weight: 950;
text-transform: uppercase;
letter-spacing: .04em;
}
.tdhm-hero h2 {
max-width: 820px;
margin: 16px 0 0;
color: #fff;
font-size: clamp(36px, 5vw, 72px);
line-height: .96;
font-weight: 950;
letter-spacing: 0;
}
.tdhm-hero p {
max-width: 680px;
margin: 22px 0 0;
color: #dceaff;
font-size: clamp(15px, 1.5vw, 18px);
line-height: 1.65;
font-weight: 750;
}
.tdhm-module {
position: relative;
}
.tdhm-module::before {
content: "";
position: absolute;
left: min(560px, 50%);
right: -999px;
top: 50%;
height: 12px;
background: linear-gradient(90deg, var(--tdhm-blue) 0 12%, var(--tdhm-orange) 12% 100%);
transform: translateY(-50%);
pointer-events: none;
}
.tdhm-grid {
position: relative;
display: grid;
grid-template-columns: minmax(0, 1fr) 360px;
gap: 22px;
align-items: stretch;
min-width: 0;
}
.tdhm-map-panel,
.tdhm-info-card,
.tdhm-legend,
.tdhm-disclaimer,
.tdhm-method-note,
.tdhm-quick,
.tdhm-features div {
border: 1px solid var(--tdhm-border);
background: var(--tdhm-card);
box-shadow: 0 26px 70px rgba(0, 0, 0, .18);
backdrop-filter: blur(14px);
}
.tdhm-map-panel {
position: relative;
display: flex;
overflow: hidden;
min-height: 585px;
min-width: 0;
background:
radial-gradient(circle at 42% 35%, rgba(18, 150, 232, .18), transparent 34%),
linear-gradient(145deg, rgba(8, 44, 88, .72), rgba(4, 21, 46, .88));
}
.tdhm-map-panel::before {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,0) 38%);
pointer-events: none;
z-index: 1;
}
.tdhm-map-stage {
position: relative;
display: flex;
align-items: center;
justify-content: center;
flex: 1 1 auto;
width: 100%;
height: 100%;
min-height: 585px;
padding: 28px;
overflow: hidden !important;
cursor: default !important;
touch-action: none;
user-select: none;
-webkit-user-select: none;
background:
radial-gradient(circle at 42% 35%, rgba(18, 150, 232, .18), transparent 34%),
linear-gradient(145deg, rgba(8, 44, 88, .72), rgba(4, 21, 46, .88));
}
.tdhm-map-stage.is-dragging {
cursor: grabbing !important;
}
.tdhm-map-svg,
.tdhm-map-svg-real {
display: block;
width: min(100%, 850px) !important;
max-width: 100% !important;
height: auto !important;
max-height: 535px !important;
min-width: 0 !important;
overflow: visible !important;
filter: drop-shadow(0 28px 42px rgba(0, 0, 0, .25));
}
.tdhm-map-zoom-layer {
transform-origin: center center;
transition: transform .22s cubic-bezier(.2, .8, .2, 1);
will-change: transform;
}
.tdhm-map-stage.is-dragging .tdhm-map-zoom-layer,
.tdhm-map-zoom-layer.tdhm-no-transition {
transition: none;
}
.tdhm-country-base,
.tdhm-country-outline,
.tdhm-country-shell {
filter: none !important;
}
.tdhm-map-sheen,
.tdhm-map-polish,
.tdhm-river {
display: none !important;
}
.tdhm-county {
pointer-events: auto !important;
cursor: pointer !important;
outline: none !important;
stroke: rgba(255,255,255,.9) !important;
stroke-width: 1.2 !important;
vector-effect: non-scaling-stroke;
transition: fill .16s ease, filter .16s ease, stroke .16s ease, stroke-width .16s ease;
}
.tdhm-county:hover,
.tdhm-county.is-hover {
stroke: #fff !important;
stroke-width: 2.2 !important;
filter: brightness(1.08) drop-shadow(0 10px 20px rgba(0,0,0,.22)) !important;
}
.tdhm-county.is-active {
stroke: #fff !important;
stroke-width: 3.1 !important;
filter:
drop-shadow(0 0 5px rgba(255,255,255,.95))
drop-shadow(0 0 14px rgba(18,150,232,.65))
drop-shadow(0 18px 30px rgba(0,0,0,.25)) !important;
}
.tdhm-county:focus-visible {
stroke: #fff !important;
stroke-width: 3 !important;
}
.tdhm-county-label {
pointer-events: none;
text-anchor: middle;
dominant-baseline: middle;
font-size: 8.5px !important;
font-weight: 950 !important;
fill: #061a44 !important;
paint-order: stroke;
stroke: rgba(255,255,255,.94) !important;
stroke-width: 2.2px !important;
stroke-linejoin: round;
opacity: .9;
}
.is-map-zoomed .tdhm-county-label {
opacity: .68;
}
.tdhm-d1 { fill: #40b86c !important; }
.tdhm-d2 { fill: #8bcf63 !important; }
.tdhm-d3 { fill: #f5c84b !important; }
.tdhm-d4 { fill: #ff7a2b !important; }
.tdhm-d5 { fill: #d8332a !important; }
.tdhm-wrap .tdhm-map-toolbar {
position: absolute;
left: 18px;
top: 18px;
z-index: 8;
display: grid !important;
gap: 9px;
}
.tdhm-wrap .tdhm-map-toolbar button {
display: grid !important;
place-items: center !important;
width: 42px !important;
height: 42px !important;
min-width: 0 !important;
min-height: 0 !important;
margin: 0 !important;
padding: 0 !important;
border: 1px solid rgba(255,255,255,.2) !important;
background: rgba(6, 26, 68, .82) !important;
color: #fff !important;
border-radius: 0 !important;
box-shadow: none !important;
font-size: 22px !important;
line-height: 1 !important;
font-weight: 950 !important;
cursor: pointer !important;
}
.tdhm-wrap .tdhm-map-toolbar button:hover {
background: var(--tdhm-orange) !important;
border-color: var(--tdhm-orange) !important;
}
.tdhm-map-toolbar svg {
width: 18px;
height: 18px;
}
.tdhm-map-toolbar button:nth-child(3) {
font-size: 0 !important;
}
.tdhm-map-toolbar button:nth-child(3) svg {
display: none !important;
}
.tdhm-map-toolbar button:nth-child(3)::before {
content: "⌂";
display: grid;
place-items: center;
width: 100%;
height: 100%;
font-size: 24px;
line-height: 1;
transform: translateY(-1px);
}
.tdhm-info-card {
position: relative;
align-self: stretch;
min-width: 0;
padding: 24px;
background:
linear-gradient(90deg, var(--tdhm-orange) 0 58%, var(--tdhm-blue) 58% 100%) top / 100% 5px no-repeat,
linear-gradient(180deg, rgba(18, 150, 232, .14), rgba(255,255,255,.04)),
rgba(8, 39, 73, .88);
}
.tdhm-card-head {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 16px;
margin-bottom: 20px;
}
.tdhm-card-eyebrow {
display: block;
margin-bottom: 7px;
color: #9fd5ff;
font-size: 11px;
line-height: 1;
font-weight: 950;
text-transform: uppercase;
letter-spacing: .06em;
}
.tdhm-card-head h3 {
margin: 0;
color: #fff;
font-size: 34px;
line-height: .98;
font-weight: 950;
letter-spacing: 0;
}
.tdhm-rating-badge {
display: grid;
place-items: center;
width: 50px;
height: 50px;
flex: 0 0 auto;
border: 1px solid rgba(255,255,255,.18);
background: var(--tdhm-orange);
color: var(--tdhm-ink);
font-size: 20px;
font-weight: 950;
}
.tdhm-rating-badge.tdhm-rating-d1 { background: #40b86c; }
.tdhm-rating-badge.tdhm-rating-d2 { background: #8bcf63; }
.tdhm-rating-badge.tdhm-rating-d3 { background: #f5c84b; }
.tdhm-rating-badge.tdhm-rating-d4 { background: #ff7a2b; }
.tdhm-rating-badge.tdhm-rating-d5 { background: #d8332a; color: #fff; }
.tdhm-data-list {
display: grid;
gap: 10px;
}
.tdhm-data-row {
display: grid;
grid-template-columns: 36px minmax(0, 1fr);
gap: 10px 12px;
align-items: center;
min-width: 0;
min-height: 76px;
padding: 13px 14px;
border: 1px solid rgba(255,255,255,.13);
background: rgba(255,255,255,.055);
}
.tdhm-data-row .tdhm-ico {
grid-row: 1 / span 2;
}
.tdhm-data-row > span:not(.tdhm-ico) {
color: #c7d7e8;
font-size: 12px;
line-height: 1.2;
font-weight: 900;
text-transform: uppercase;
letter-spacing: .02em;
}
.tdhm-data-row strong {
display: block;
color: #fff;
font-size: 15px;
line-height: 1.2;
font-weight: 950;
white-space: normal;
min-width: 0;
overflow-wrap: anywhere;
}
.tdhm-ico {
display: grid;
place-items: center;
width: 36px;
height: 36px;
background: rgba(18, 150, 232, .14);
color: #31a7ff;
}
.tdhm-ico svg {
width: 19px;
height: 19px;
}
.tdhm-note {
display: grid;
grid-template-columns: 28px 1fr;
gap: 12px;
margin: 18px 0;
padding: 15px;
border: 1px solid rgba(255,255,255,.14);
background: rgba(255,255,255,.06);
color: #d9e8f7;
}
.tdhm-note svg {
width: 22px;
height: 22px;
margin-top: 2px;
color: var(--tdhm-orange);
}
.tdhm-note p {
margin: 0;
font-size: 13px;
line-height: 1.55;
font-weight: 750;
}
.tdhm-actions {
display: grid;
gap: 10px;
}
.tdhm-btn {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 9px;
min-height: 52px;
padding: 0 18px;
border-radius: 0 !important;
text-decoration: none !important;
color: #fff !important;
font-size: 14px;
line-height: 1.1;
font-weight: 950;
transition: transform .16s ease, background-color .16s ease, border-color .16s ease;
}
.tdhm-btn:hover {
transform: translateY(-1px);
}
.tdhm-btn svg {
width: 18px;
height: 18px;
}
.tdhm-btn-primary {
background: var(--tdhm-orange) !important;
border: 1px solid var(--tdhm-orange) !important;
}
.tdhm-btn-ghost {
background: var(--tdhm-green) !important;
border: 1px solid var(--tdhm-green) !important;
}
.tdhm-bottom {
display: grid;
gap: 16px;
margin-top: 18px;
}
.tdhm-legend,
.tdhm-disclaimer,
.tdhm-method-note,
.tdhm-quick {
padding: 18px 20px;
}
.tdhm-legend > strong,
.tdhm-quick > strong {
display: block;
margin-bottom: 13px;
color: #fff;
font-size: 15px;
line-height: 1.2;
font-weight: 950;
}
.tdhm-legend-items {
display: grid;
grid-template-columns: repeat(5, minmax(0, 1fr));
gap: 12px;
}
.tdhm-legend-items span {
display: grid;
grid-template-columns: 38px 1fr;
gap: 9px;
align-items: center;
min-width: 0;
padding: 10px;
border: 1px solid rgba(255,255,255,.13);
background: rgba(255,255,255,.05);
}
.tdhm-dot {
grid-column: 1;
grid-row: 1 / span 2;
display: block;
width: 34px;
height: 34px;
border: 1px solid rgba(255,255,255,.4);
}
.tdhm-dot.tdhm-d1 { background: #40b86c !important; }
.tdhm-dot.tdhm-d2 { background: #8bcf63 !important; }
.tdhm-dot.tdhm-d3 { background: #f5c84b !important; }
.tdhm-dot.tdhm-d4 { background: #ff7a2b !important; }
.tdhm-dot.tdhm-d5 { background: #d8332a !important; }
.tdhm-legend-number {
grid-column: 1;
grid-row: 1 / span 2;
align-self: center;
justify-self: center;
color: #061a44;
font-size: 15px;
line-height: 1;
font-weight: 950;
z-index: 1;
}
.tdhm-legend-label-main {
grid-column: 2;
color: #fff;
font-size: 12px;
line-height: 1.1;
font-weight: 950;
}
.tdhm-legend-items small {
grid-column: 2;
margin: 0;
color: #bdd0e1;
font-size: 10px;
line-height: 1.2;
font-weight: 800;
}
.tdhm-disclaimer {
display: grid;
grid-template-columns: 26px 1fr;
gap: 11px;
align-items: center;
background: transparent;
border-color: var(--tdhm-orange);
}
.tdhm-disclaimer svg {
width: 22px;
height: 22px;
color: var(--tdhm-orange);
}
.tdhm-disclaimer p {
margin: 0;
color: #f1f7ff;
font-size: 13px;
line-height: 1.5;
font-weight: 750;
}
.tdhm-method-note {
display: grid;
grid-template-columns: 38px minmax(0, 1fr);
gap: 14px;
align-items: start;
background: rgba(255,255,255,.035);
border-color: var(--tdhm-orange);
}
.tdhm-method-note svg {
display: grid;
width: 24px;
height: 24px;
margin-top: 2px;
color: var(--tdhm-orange);
}
.tdhm-method-note strong {
display: block;
margin: 0 0 6px;
color: #fff;
font-size: 17px;
line-height: 1.15;
font-weight: 950;
}
.tdhm-method-note p {
margin: 0;
color: #dceaff;
font-size: 13px;
line-height: 1.55;
font-weight: 750;
}
.tdhm-chips {
display: flex;
flex-wrap: wrap;
gap: 9px;
}
.tdhm-wrap .tdhm-chip {
appearance: none !important;
min-height: 38px !important;
margin: 0 !important;
padding: 0 13px !important;
border: 1px solid rgba(255,255,255,.16) !important;
border-radius: 0 !important;
background: rgba(255,255,255,.06) !important;
color: #fff !important;
font-size: 13px !important;
line-height: 1 !important;
font-weight: 900 !important;
cursor: pointer !important;
}
.tdhm-wrap .tdhm-chip:hover,
.tdhm-wrap .tdhm-chip.is-active {
background: var(--tdhm-orange) !important;
border-color: var(--tdhm-orange) !important;
}
.tdhm-features {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 14px;
}
.tdhm-features div {
min-height: 142px;
padding: 20px 16px;
text-align: left;
}
.tdhm-features svg {
display: block;
width: 42px;
height: 42px;
margin-bottom: 14px;
padding: 9px;
background: rgba(18, 150, 232, .13);
color: #31a7ff;
}
.tdhm-features strong {
display: block;
color: #fff;
font-size: 15px;
line-height: 1.15;
font-weight: 950;
}
.tdhm-features span {
display: block;
margin-top: 7px;
color: #bdd0e1;
font-size: 12px;
line-height: 1.35;
font-weight: 750;
}
.tdhm-tooltip {
position: fixed;
z-index: 99999;
min-width: 210px;
padding: 13px 14px;
border: 1px solid rgba(255,255,255,.16);
background: rgba(6, 26, 68, .95);
color: #fff;
box-shadow: 0 18px 40px rgba(4, 23, 55, .32);
transform: translate(14px, 14px);
opacity: 0;
pointer-events: none;
transition: opacity .1s ease;
}
.tdhm-tooltip.is-visible {
opacity: 1;
}
.tdhm-tooltip strong {
display: block;
margin-bottom: 7px;
font-size: 15px;
font-weight: 950;
}
.tdhm-tooltip span {
display: block;
color: #cfe2ff;
font-size: 12px;
line-height: 1.45;
}
.tdhm-click-popover {
position: absolute;
left: 14px;
right: 14px;
bottom: 14px;
z-index: 14;
display: none;
grid-template-columns: minmax(0, 1fr) auto;
gap: 10px;
align-items: start;
padding: 14px;
border: 1px solid rgba(255,255,255,.17);
background: rgba(6, 26, 68, .94);
color: #fff;
box-shadow: 0 20px 48px rgba(6, 26, 68, .35);
backdrop-filter: blur(12px);
transform: translateY(18px);
opacity: 0;
pointer-events: none;
transition: opacity .18s ease, transform .18s ease;
}
.tdhm-click-popover.is-visible {
opacity: 1;
transform: translateY(0);
pointer-events: auto;
}
.tdhm-click-popover strong {
display: block;
margin: 0 0 6px;
color: #fff;
font-size: 16px;
line-height: 1.1;
font-weight: 950;
}
.tdhm-click-popover .tdhm-pop-line {
display: block;
margin-top: 6px;
}
.tdhm-click-popover .tdhm-pop-line em {
display: block;
color: #9fd8ff;
font-size: 11px;
line-height: 1.15;
font-style: normal;
font-weight: 900;
}
.tdhm-click-popover .tdhm-pop-line b {
display: block;
margin-top: 2px;
color: #fff;
font-size: 13px;
line-height: 1.25;
font-weight: 950;
}
.tdhm-click-popover a {
grid-column: 2;
grid-row: 2;
justify-self: end;
width: 118px;
min-height: 38px;
margin-top: 0;
display: inline-flex;
align-items: center;
justify-content: center;
background: var(--tdhm-orange);
color: #fff !important;
text-decoration: none !important;
font-size: 12px;
font-weight: 950;
}
.tdhm-click-popover button {
grid-column: 2;
grid-row: 1;
justify-self: end;
display: grid !important;
place-items: center !important;
width: 30px !important;
height: 30px !important;
min-width: 30px !important;
margin: 0 !important;
padding: 0 !important;
border: 1px solid rgba(255,255,255,.25) !important;
border-radius: 0 !important;
background: rgba(255,255,255,.1) !important;
color: #fff !important;
font-size: 18px !important;
line-height: 1 !important;
cursor: pointer !important;
}
@media (min-width: 901px) {
.tdhm-click-popover,
.tdhm-click-popover.is-visible {
display: none !important;
}
}
@media (max-width: 1020px) {
.tdhm-hero {
grid-template-columns: 1fr;
gap: 16px;
}
.tdhm-hero p {
max-width: 760px;
}
.tdhm-grid {
grid-template-columns: 1fr;
}
.tdhm-map-panel,
.tdhm-map-stage {
min-height: 470px;
}
.tdhm-info-card {
padding: 22px;
}
.tdhm-legend-items,
.tdhm-features {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 900px) {
.tdhm-map-stage {
min-height: 330px;
padding: 18px;
touch-action: pan-y;
overscroll-behavior: auto;
}
.tdhm-map-svg,
.tdhm-map-svg-real {
width: 100% !important;
max-width: 100% !important;
margin-left: 0 !important;
max-height: 330px !important;
}
.tdhm-wrap .tdhm-map-toolbar {
left: 14px;
top: 14px;
}
.tdhm-click-popover {
display: grid !important;
}
.tdhm-click-popover:not(.is-visible) {
opacity: 0 !important;
transform: translateY(18px) !important;
pointer-events: none !important;
}
.tdhm-click-popover.is-visible {
opacity: 1 !important;
transform: translateY(0) !important;
pointer-events: auto !important;
}
}
@media (max-width: 760px) {
.tdhm-wrap {
width: 100vw;
max-width: 100vw;
margin-bottom: 0;
margin-left: calc(50% - 50vw);
margin-right: calc(50% - 50vw);
padding: 34px 0 28px;
overflow-x: hidden;
}
.tdhm-container {
width: 100%;
max-width: none;
overflow-x: hidden;
}
.tdhm-module,
.tdhm-grid,
.tdhm-map-panel,
.tdhm-info-card,
.tdhm-bottom,
.tdhm-legend,
.tdhm-disclaimer,
.tdhm-quick,
.tdhm-features {
max-width: 100vw;
min-width: 0;
overflow-x: hidden;
}
.tdhm-hero h2 {
font-size: clamp(32px, 10vw, 48px);
}
.tdhm-hero {
grid-template-columns: minmax(0, 1fr);
padding: 0 18px;
min-width: 0;
max-width: 100%;
}
.tdhm-hero h2,
.tdhm-hero p {
max-width: 100%;
min-width: 0;
overflow-wrap: break-word;
}
.tdhm-hero p {
font-size: 15px;
}
.tdhm-info-card .tdhm-data-list {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.tdhm-card-head {
gap: 12px;
}
.tdhm-info-card .tdhm-data-row {
min-height: 104px;
padding: 12px 10px;
}
.tdhm-info-card .tdhm-data-row .tdhm-ico {
grid-row: auto;
}
.tdhm-info-card .tdhm-data-row > span:not(.tdhm-ico),
.tdhm-info-card .tdhm-data-row strong {
grid-column: 1 / -1;
min-width: 0;
overflow-wrap: anywhere;
}
.tdhm-info-card .tdhm-data-row strong {
font-size: clamp(12px, 3.25vw, 15px);
line-height: 1.18;
}
.tdhm-note,
.tdhm-disclaimer,
.tdhm-method-note {
grid-template-columns: 24px minmax(0, 1fr);
}
.tdhm-note p,
.tdhm-disclaimer p,
.tdhm-method-note p {
min-width: 0;
overflow-wrap: break-word;
}
} .brz .brz-css-99s0vr {
padding-bottom: 0 !important;
}
.brz .brz-css-d-wrapper,
.brz .brz-css-3ghoe4 {
margin-bottom: 0 !important;
}
@media (max-width: 767px) {
.brz .brz-css-99s0vr {
padding-bottom: 0 !important;
}
.brz .brz-css-d-wrapper,
.brz .brz-css-3ghoe4 {
margin-bottom: 0 !important;
}
}
@media (min-width: 768px) and (max-width: 990px) {
.brz .brz-css-99s0vr {
padding-bottom: 0 !important;
}
.brz .brz-css-d-wrapper,
.brz .brz-css-3ghoe4 {
margin-bottom: 0 !important;
}
}
@media (min-width: 991px) {
.brz .brz-css-99s0vr {
padding-bottom: 0 !important;
}
.brz .brz-css-d-wrapper,
.brz .brz-css-3ghoe4 {
margin-bottom: 0 !important;
}
}
@media (max-width: 560px) {
.tdhm-container {
width: 100%;
max-width: none;
}
.tdhm-kicker {
min-height: 36px;
padding: 0 12px;
font-size: 10px;
}
.tdhm-map-panel,
.tdhm-map-stage {
min-height: 292px;
}
.tdhm-map-stage {
padding: 10px;
}
.tdhm-map-svg,
.tdhm-map-svg-real {
width: 94% !important;
margin-left: 0 !important;
max-height: 285px !important;
}
.tdhm-county-label {
font-size: 8.7px !important;
stroke-width: 2px !important;
}
.tdhm-info-card {
padding: 18px;
}
.tdhm-card-head h3 {
font-size: 30px;
}
.tdhm-card-head {
display: grid;
grid-template-columns: 1fr;
}
.tdhm-rating-badge {
width: 44px;
height: 44px;
justify-self: start;
}
.tdhm-legend,
.tdhm-disclaimer,
.tdhm-quick {
padding: 15px;
}
.tdhm-legend-items {
grid-template-columns: 1fr;
}
.tdhm-features {
grid-template-columns: 1fr;
}
.tdhm-features div {
min-height: auto;
}
.tdhm-click-popover {
left: 8px;
right: 8px;
bottom: 10px;
grid-template-columns: minmax(0, 1fr) auto;
gap: 8px;
padding: 12px;
}
.tdhm-click-popover a {
grid-column: 2;
grid-row: 2;
width: 104px;
min-height: 36px;
font-size: 11px;
}
.tdhm-click-popover button {
width: 28px !important;
height: 28px !important;
min-width: 28px !important;
}
}