/*
Theme Name: Mestský pulz Humenné
Author: OpenAI
Version: 727.0
Description: Občianska WordPress téma pre Humenné s pásom problémov mesta, bodovanou anketou, rebríčkom, registráciou a kvízom.
*/

:root{
    --hm-ink: #07224d;
    --hm-ink-2: #123c73;
    --hm-muted: #536b8c;
    --hm-bg: #f4f8ff;
    --hm-card: #ffffff;
    --hm-line: rgba(18, 20, 38, 0.10);
    --hm-blue: #005bbb;
    --hm-blue-2: #087ee8;
    --hm-cyan: #65b9ff;
    --hm-lime: #ffd633;
    --hm-yellow: #ffd633;
    --hm-pink: #0b6fd8;
    --hm-orange: #ffca28;
    --hm-green: #1476d4;
    --hm-red: #153f73;
    --hm-navy: #031d44;
    --hm-white: #ffffff;
    --hm-wrap: 1220px;
    --hm-topbar: 82px;
    --hm-radius-sm: 16px;
    --hm-radius: 24px;
    --hm-radius-lg: 36px;
    --hm-shadow: 0 28px 80px rgba(31, 35, 77, 0.12);
    --hm-shadow-soft: 0 16px 44px rgba(31, 35, 77, 0.08);
    --hm-topic-hue: 235;
}

*{
    box-sizing: border-box;
}

html{
    scroll-behavior: smooth;
    scroll-padding-top: calc(var(--hm-topbar) + 24px);
}

body{
    margin: 0;
    min-width: 320px;
    overflow-x: hidden;
    background: var(--hm-bg);
    color: var(--hm-ink);
    font-family: Inter, Manrope, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    line-height: 1.55;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}

body::before{
    content: "";
    position: fixed;
    z-index: -2;
    inset: 0;
    pointer-events: none;
    background:
        radial-gradient(circle at 12% 12%, rgba(0, 91, 187, 0.08), transparent 27%),
        radial-gradient(circle at 90% 40%, rgba(101, 185, 255, 0.08), transparent 28%),
        linear-gradient(180deg, #f7f8fc, #f0f2f8);
}

body.hm-modal-open{
    overflow: hidden;
}

button, input, textarea, select{
    font: inherit;
}

button, a{
    -webkit-tap-highlight-color: transparent;
}

button{
    color: inherit;
}

a{
    color: inherit;
    text-decoration: none;
}

img{
    display: block;
    max-width: 100%;
}

::selection{
    background: var(--hm-lime);
    color: var(--hm-ink);
}

.screen-reader-text{
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.hm-hidden{
    display: none !important;
}

.hm-site{
    min-height: 100vh;
    overflow: clip;
}

.hm-wrap{
    width: min(calc(100% - 44px), var(--hm-wrap));
    margin-inline: auto;
}

.hm-section{
    position: relative;
    padding: 120px 0;
}

.hm-eyebrow, .hm-live-pill{
    display: inline-flex;
    align-items: center;
    gap: 10px;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.hm-eyebrow{
    color: var(--hm-blue);
}

.hm-eyebrow::before{
    content: "";
    width: 10px;
    height: 10px;
    border-radius: 4px;
    background: linear-gradient(135deg, var(--hm-blue), var(--hm-cyan));
    box-shadow: 0 0 0 6px rgba(0, 91, 187, 0.08);
    transform: rotate(45deg);
}

.hm-eyebrow-light{
    color: rgba(255, 255, 255, 0.76);
}

.hm-section-head{
    position: relative;
    z-index: 2;
    max-width: 800px;
    margin-bottom: 48px;
}

.hm-section-head h2{
    max-width: 850px;
    margin: 16px 0 16px;
    color: var(--hm-ink);
    font-size: clamp(40px, 5.2vw, 68px);
    line-height: 0.98;
    letter-spacing: -0.058em;
    text-wrap: balance;
}

.hm-section-head > p, .hm-section-head-split > p{
    margin: 0;
    color: var(--hm-muted);
    font-size: clamp(16px, 1.6vw, 19px);
    line-height: 1.72;
}

.hm-section-head-split{
    max-width: none;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(300px, 430px);
    align-items: end;
    gap: 72px;
}

.hm-section-head-split > p{
    padding-bottom: 8px;
}

/* Topbar */
.hm-topbar{
    position: fixed;
    z-index: 1000;
    top: 14px;
    left: 0;
    right: 0;
    height: var(--hm-topbar);
    pointer-events: none;
    transition: top 0.25s ease;
}

.admin-bar .hm-topbar{
    top: 46px;
}

.hm-topbar-inner{
    height: 68px;
    padding: 0 12px 0 18px;
    display: flex;
    align-items: center;
    gap: 24px;
    border: 1px solid rgba(255, 255, 255, 0.72);
    border-radius: 22px;
    background: rgba(255, 255, 255, 0.78);
    box-shadow: 0 16px 50px rgba(13, 18, 44, 0.12);
    backdrop-filter: blur(22px) saturate(170%);
    pointer-events: auto;
    transition: height 0.25s ease, box-shadow 0.25s ease, background 0.25s ease;
}

.hm-topbar.is-scrolled .hm-topbar-inner{
    height: 60px;
    background: rgba(255, 255, 255, 0.92);
    box-shadow: 0 12px 38px rgba(13, 18, 44, 0.16);
}

.hm-logo{
    display: inline-flex;
    align-items: center;
    gap: 11px;
    min-width: max-content;
    color: var(--hm-ink);
}

.hm-logo > i{
    position: relative;
    width: 34px;
    height: 34px;
    flex: 0 0 auto;
    display: grid;
    place-items: center;
    overflow: hidden;
    border-radius: 11px;
    background: linear-gradient(135deg, var(--hm-blue), var(--hm-blue-2));
    box-shadow: 0 8px 20px rgba(0, 91, 187, 0.30);
    transform: rotate(-4deg);
}

.hm-logo > i::before, .hm-logo > i::after, .hm-logo > i span{
    content: "";
    position: absolute;
    width: 7px;
    border-radius: 9px 9px 2px 2px;
    background: white;
    bottom: 8px;
}

.hm-logo > i::before{
    left: 8px;
    height: 10px;
}

.hm-logo > i span{
    left: 14px;
    height: 16px;
}

.hm-logo > i::after{
    left: 20px;
    height: 22px;
}

.hm-logo-words{
    display: grid;
    line-height: 1;
}

.hm-logo-words strong{
    font-size: 15px;
    font-weight: 950;
    letter-spacing: -0.035em;
}

.hm-logo-words small{
    margin-top: 3px;
    color: var(--hm-blue);
    font-size: 12px;
    font-weight: 850;
    letter-spacing: 0.01em;
}

.hm-navigation{
    margin-left: auto;
    display: flex;
    align-items: center;
    gap: 3px;
}

.hm-navigation a{
    position: relative;
    padding: 10px 13px;
    border-radius: 12px;
    color: #555b72;
    font-size: 13px;
    font-weight: 800;
    transition: color 0.2s ease, background 0.2s ease, transform 0.2s ease;
}

.hm-navigation a:hover, .hm-navigation a.is-active{
    background: rgba(0, 91, 187, 0.09);
    color: var(--hm-blue);
    transform: translateY(-1px);
}





.hm-menu-button{
    display: none;
    width: 44px;
    height: 44px;
    margin-left: auto;
    padding: 10px;
    border: 0;
    border-radius: 14px;
    background: rgba(18, 20, 38, 0.06);
    cursor: pointer;
}

.hm-menu-button > span{
    display: block;
    width: 20px;
    height: 2px;
    margin: 5px auto;
    border-radius: 10px;
    background: var(--hm-ink);
    transition: transform 0.2s ease, opacity 0.2s ease;
}

/* Hero */
.hm-hero{
    position: relative;
    min-height: 900px;
    padding: 150px 0 105px;
    display: flex;
    align-items: center;
    overflow: hidden;
    isolation: isolate;
    background:
        radial-gradient(circle at 18% 24%, rgba(8, 126, 232, 0.52), transparent 30%),
        radial-gradient(circle at 75% 20%, rgba(101, 185, 255, 0.25), transparent 25%),
        radial-gradient(circle at 78% 78%, rgba(11, 111, 216, 0.22), transparent 25%),
        linear-gradient(135deg, #031d44 0%, #05285b 48%, #073976 100%);
    color: white;
}

.hm-hero::before{
    content: "";
    position: absolute;
    z-index: -1;
    inset: 0;
    pointer-events: none;
    opacity: 0.20;
    background-image: var(--hm-hero-image);
    background-size: cover;
    background-position: center;
    mix-blend-mode: luminosity;
    filter: contrast(1.1) saturate(0.25);
}

.hm-hero::after{
    content: "";
    position: absolute;
    z-index: -1;
    inset: 0;
    pointer-events: none;
    background: linear-gradient(180deg, rgba(8, 11, 30, 0.02) 60%, rgba(8, 11, 30, 0.72));
}

.hm-hero-grid{
    position: absolute;
    z-index: -1;
    inset: 0;
    opacity: 0.16;
    background-image:
        linear-gradient(rgba(255, 255, 255, 0.12) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, 0.12) 1px, transparent 1px);
    background-size: 64px 64px;
    mask-image: linear-gradient(to bottom, rgba(0,0,0,0.9), transparent 88%);
}

.hm-hero-orb{
    position: absolute;
    z-index: -1;
    width: 410px;
    aspect-ratio: 1;
    border-radius: 50%;
    filter: blur(10px);
    opacity: 0.76;
    pointer-events: none;
    animation: hmFloat 9s ease-in-out infinite alternate;
}

.hm-hero-orb-a{
    top: 6%;
    left: -210px;
    background: radial-gradient(circle at 35% 35%, rgba(255, 214, 51, 0.72), rgba(0, 91, 187, 0.02) 66%);
}

.hm-hero-orb-b{
    right: -180px;
    bottom: 1%;
    background: radial-gradient(circle at 35% 35%, rgba(101, 185, 255, 0.58), rgba(11, 111, 216, 0.03) 65%);
    animation-delay: -3s;
}

@keyframes hmFloat {
    from { transform: translate3d(0, -12px, 0) scale(0.96); }
    to { transform: translate3d(24px, 26px, 0) scale(1.08); }
}

.hm-hero-inner{
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: minmax(0, 1.1fr) minmax(350px, 0.72fr);
    align-items: center;
    gap: clamp(60px, 8vw, 110px);
}

.hm-live-pill{
    padding: 10px 14px 10px 11px;
    border: 1px solid rgba(255, 255, 255, 0.15);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.08);
    color: rgba(255, 255, 255, 0.84);
    backdrop-filter: blur(14px);
}

.hm-live-pill i{
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: var(--hm-lime);
    box-shadow: 0 0 0 6px rgba(255, 214, 51, 0.13), 0 0 22px var(--hm-lime);
    animation: hmPulse 1.8s ease-in-out infinite;
}

@keyframes hmPulse {
    0%, 100% { transform: scale(0.82); opacity: 0.76; }
    50% { transform: scale(1.08); opacity: 1; }
}

.hm-hero-copy h1{
    max-width: 780px;
    margin: 24px 0 24px;
    font-size: clamp(66px, 8.4vw, 118px);
    line-height: 0.82;
    letter-spacing: -0.084em;
    text-wrap: balance;
}

.hm-hero-copy h1 em{
    display: block;
    margin-top: 24px;
    color: var(--hm-lime);
    font-size: 0.30em;
    font-style: normal;
    font-weight: 850;
    line-height: 1.1;
    letter-spacing: -0.025em;
}

.hm-hero-copy > p{
    max-width: 690px;
    margin: 0;
    color: rgba(255, 255, 255, 0.74);
    font-size: clamp(18px, 2vw, 23px);
    line-height: 1.58;
}

.hm-hero-actions{
    margin-top: 34px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 14px;
}

.hm-button{
    min-height: 54px;
    padding: 0 22px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 18px;
    border: 1px solid transparent;
    border-radius: 17px;
    cursor: pointer;
    font-size: 14px;
    font-weight: 900;
    transition: transform 0.22s ease, box-shadow 0.22s ease, background 0.22s ease, border-color 0.22s ease;
}

.hm-button b{
    font-size: 18px;
    transition: transform 0.22s ease;
}

.hm-button:hover:not(:disabled){
    transform: translateY(-3px);
}

.hm-button:hover:not(:disabled) b{
    transform: translate(2px, -2px);
}

.hm-button:disabled{
    opacity: 0.42;
    cursor: not-allowed;
}

.hm-button-yellow{
    background: var(--hm-lime);
    color: var(--hm-ink);
    box-shadow: 0 16px 38px rgba(255, 214, 51, 0.20);
}

.hm-button-yellow:hover:not(:disabled){
    background: #ffe36d;
    box-shadow: 0 22px 45px rgba(255, 214, 51, 0.30);
}

.hm-button-glass{
    border-color: rgba(255, 255, 255, 0.17);
    background: rgba(255, 255, 255, 0.08);
    color: white;
    backdrop-filter: blur(14px);
}

.hm-button-glass:hover:not(:disabled){
    background: rgba(255, 255, 255, 0.14);
}

.hm-button-blue{
    background: linear-gradient(135deg, var(--hm-blue), var(--hm-blue-2));
    color: white;
    box-shadow: 0 14px 30px rgba(0, 91, 187, 0.24);
}

.hm-button-blue:hover:not(:disabled){
    box-shadow: 0 18px 38px rgba(0, 91, 187, 0.34);
}

.hm-button-ghost{
    border-color: var(--hm-line);
    background: rgba(255, 255, 255, 0.76);
    color: var(--hm-ink);
}

.hm-button-ghost:hover:not(:disabled){
    border-color: rgba(0, 91, 187, 0.24);
    background: white;
}

.hm-text-link{
    position: relative;
    padding-bottom: 4px;
    font-size: 14px;
    font-weight: 850;
}

.hm-text-link::after{
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 1px;
    background: currentColor;
    opacity: 0.42;
}

.hm-text-link-light{
    color: white;
}

.hm-hero-proof{
    margin-top: 26px;
    display: flex;
    flex-wrap: wrap;
    gap: 12px 22px;
    color: rgba(255, 255, 255, 0.62);
    font-size: 12px;
    font-weight: 750;
}

.hm-hero-proof span{
    display: inline-flex;
    align-items: center;
    gap: 7px;
}

.hm-hero-proof b{
    width: 20px;
    height: 20px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: rgba(255, 214, 51, 0.13);
    color: var(--hm-lime);
    font-size: 10px;
}

.hm-hero-note{
    position: relative;
    min-height: 530px;
    padding: 18px;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.18);
    border-radius: 34px;
    background: rgba(255, 255, 255, 0.09);
    box-shadow: 0 30px 80px rgba(2, 4, 18, 0.38);
    backdrop-filter: blur(24px) saturate(140%);
    transform: rotate(2deg);
    transition: transform 0.35s ease;
}

.hm-hero-note:hover{
    transform: rotate(0deg) translateY(-4px);
}

.hm-hero-photo{
    height: 220px;
    border-radius: 23px;
    background:
        linear-gradient(180deg, transparent 50%, rgba(10, 14, 40, 0.52)),
        var(--hm-hero-image, linear-gradient(135deg, #005bbb, #65b9ff));
    background-size: cover;
    background-position: center;
}

.hm-hero-note-top{
    padding: 20px 4px 14px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}

.hm-hero-note-top span{
    color: rgba(255, 255, 255, 0.76);
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.hm-hero-note-top b{
    padding: 7px 10px;
    border-radius: 10px;
    background: var(--hm-lime);
    color: var(--hm-ink);
    font-size: 11px;
}

.hm-hero-stat-grid{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 8px;
}

.hm-hero-stat-grid > div{
    min-height: 110px;
    padding: 16px 12px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    border: 1px solid rgba(255, 255, 255, 0.10);
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.07);
}

.hm-hero-stat-grid strong{
    color: white;
    font-size: 31px;
    line-height: 1;
    letter-spacing: -0.05em;
}

.hm-hero-stat-grid small{
    color: rgba(255, 255, 255, 0.58);
    font-size: 11px;
    line-height: 1.3;
}

.hm-hero-note > a{
    min-height: 54px;
    margin-top: 12px;
    padding: 0 17px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 17px;
    background: white;
    color: var(--hm-ink);
    font-size: 13px;
    font-weight: 900;
}

.hm-hero-note > a span{
    font-size: 18px;
}

.hm-scroll-cue{
    position: absolute;
    z-index: 3;
    left: 50%;
    bottom: 22px;
    transform: translateX(-50%);
    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: rgba(255, 255, 255, 0.58);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.09em;
    text-transform: uppercase;
}

.hm-scroll-cue b{
    width: 34px;
    height: 34px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(255, 255, 255, 0.19);
    border-radius: 50%;
    animation: hmBounce 1.8s ease-in-out infinite;
}

@keyframes hmBounce {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(5px); }
}

/* Animated marquee and action dock */
.hm-marquee{
    position: relative;
    z-index: 5;
    overflow: hidden;
    background: var(--hm-lime);
    color: var(--hm-ink);
    transform: rotate(-1deg) scale(1.01);
    box-shadow: 0 12px 30px rgba(18, 20, 38, 0.10);
}

.hm-marquee > div{
    width: max-content;
    min-height: 58px;
    display: flex;
    align-items: center;
    gap: 26px;
    white-space: nowrap;
    animation: hmMarquee 28s linear infinite;
}

.hm-marquee span{
    font-size: 13px;
    font-weight: 950;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.hm-marquee i{
    color: var(--hm-blue);
    font-style: normal;
    font-size: 16px;
}

@keyframes hmMarquee {
    to { transform: translateX(-50%); }
}

/* Problems */
.hm-problems{
    padding-top: 100px;
}

.hm-problems::before{
    content: "";
    position: absolute;
    width: 420px;
    height: 420px;
    top: 60px;
    right: -240px;
    border-radius: 50%;
    background: rgba(101, 185, 255, 0.12);
    filter: blur(30px);
    pointer-events: none;
}

.hm-problem-view{
    position: relative;
    min-height: 610px;
    display: grid;
    grid-template-columns: minmax(0, 1.12fr) minmax(380px, 0.88fr);
    overflow: hidden;
    border-radius: 38px;
    background: var(--hm-navy);
    color: white;
    box-shadow: var(--hm-shadow);
}

.hm-problem-view::after{
    content: "";
    position: absolute;
    left: calc(56% - 52px);
    top: 50%;
    width: 104px;
    height: 104px;
    border-radius: 50%;
    background: var(--hm-lime);
    box-shadow: 0 14px 30px rgba(255, 214, 51, 0.24);
    transform: translate(-50%, -50%);
    pointer-events: none;
}

.hm-problem-view::before{
    content: "→";
    position: absolute;
    z-index: 2;
    left: calc(56% - 52px);
    top: 50%;
    color: var(--hm-ink);
    font-size: 30px;
    font-weight: 700;
    transform: translate(-50%, -50%);
    pointer-events: none;
}

.hm-problem-image{
    min-height: 610px;
    background-size: cover;
    background-position: center;
    transition: filter 0.45s ease, transform 0.45s ease;
}

.hm-problem-view:hover .hm-problem-image{
    transform: scale(1.018);
}

.hm-problem-image.is-empty{
    background:
        radial-gradient(circle at 25% 20%, rgba(101,185,255,0.50), transparent 28%),
        linear-gradient(135deg, #005bbb, #063a78);
}

.hm-problem-copy{
    position: relative;
    z-index: 1;
    padding: clamp(44px, 5vw, 72px);
    display: flex;
    flex-direction: column;
    justify-content: center;
    background:
        radial-gradient(circle at 100% 0%, hsla(var(--hm-topic-hue), 92%, 66%, 0.22), transparent 42%),
        var(--hm-navy);
}

.hm-problem-copy > span{
    width: max-content;
    padding: 7px 10px;
    border-radius: 9px;
    background: rgba(255, 255, 255, 0.09);
    color: var(--hm-cyan);
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.hm-problem-copy h3{
    margin: 18px 0 18px;
    font-size: clamp(36px, 4.2vw, 58px);
    line-height: 0.98;
    letter-spacing: -0.055em;
}

.hm-problem-copy > p{
    margin: 0;
    color: rgba(255, 255, 255, 0.67);
    font-size: 16px;
    line-height: 1.75;
}

.hm-problem-points{
    margin-top: 27px;
    display: grid;
    gap: 10px;
}

.hm-problem-points span{
    display: flex;
    align-items: center;
    gap: 10px;
    color: rgba(255, 255, 255, 0.86);
    font-size: 13px;
    font-weight: 700;
}

.hm-problem-points b{
    width: 24px;
    height: 24px;
    display: grid;
    place-items: center;
    border-radius: 9px;
    background: rgba(255, 214, 51, 0.14);
    color: var(--hm-lime);
    font-size: 11px;
}

.hm-problem-controls{
    margin-top: 38px;
    display: flex;
    align-items: center;
    gap: 12px;
}

.hm-problem-controls > button{
    width: 46px;
    height: 46px;
    flex: 0 0 auto;
    border: 1px solid rgba(255, 255, 255, 0.13);
    border-radius: 15px;
    background: rgba(255, 255, 255, 0.07);
    color: white;
    cursor: pointer;
    font-size: 18px;
    transition: background 0.2s ease, transform 0.2s ease;
}

.hm-problem-controls > button:hover{
    background: var(--hm-lime);
    color: var(--hm-ink);
    transform: translateY(-2px);
}

.hm-problem-tabs{
    flex: 1;
    display: flex;
    gap: 6px;
}

.hm-problem-tabs button{
    width: 9px;
    height: 9px;
    padding: 0;
    overflow: hidden;
    border: 0;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.22);
    color: transparent;
    cursor: pointer;
    transition: width 0.25s ease, background 0.25s ease;
}

.hm-problem-tabs button.is-active{
    width: 34px;
    background: var(--hm-lime);
}

/* Solutions / voting */
.hm-solutions{
    overflow: hidden;
    background:
        radial-gradient(circle at 10% 10%, rgba(0, 91, 187, 0.08), transparent 28%),
        linear-gradient(180deg, #ffffff 0%, #f5f6fb 100%);
}

.hm-solutions::after{
    content: "";
    position: absolute;
    width: 520px;
    height: 520px;
    right: -300px;
    top: 320px;
    border-radius: 50%;
    background: rgba(11, 111, 216, 0.10);
    filter: blur(25px);
}

.hm-vote-progress{
    position: relative;
    z-index: 2;
    min-height: 92px;
    margin-bottom: 18px;
    padding: 18px 20px;
    display: grid;
    grid-template-columns: minmax(230px, auto) minmax(260px, 1fr) auto;
    align-items: center;
    gap: 24px;
    border: 1px solid rgba(255, 255, 255, 0.94);
    border-radius: 24px;
    background: rgba(255, 255, 255, 0.78);
    box-shadow: var(--hm-shadow-soft);
    backdrop-filter: blur(16px);
}

.hm-vote-progress > div:first-child{
    display: grid;
    gap: 3px;
}

.hm-vote-progress strong{
    font-size: 14px;
    letter-spacing: -0.02em;
}

.hm-vote-progress span{
    color: var(--hm-muted);
    font-size: 11px;
}

.hm-progress{
    height: 10px;
    overflow: hidden;
    border-radius: 999px;
    background: rgba(18, 20, 38, 0.08);
}

.hm-progress > span{
    display: block;
    width: 0;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, var(--hm-blue), var(--hm-cyan), var(--hm-lime));
    box-shadow: 0 0 18px rgba(101, 185, 255, 0.45);
    transition: width 0.42s cubic-bezier(.2,.8,.2,1);
}

.hm-quiet-button{
    padding: 9px 12px;
    border: 0;
    border-radius: 11px;
    background: rgba(18, 20, 38, 0.05);
    color: var(--hm-muted);
    cursor: pointer;
    font-size: 11px;
    font-weight: 800;
    transition: color 0.2s ease, background 0.2s ease;
}

.hm-quiet-button:hover{
    background: rgba(21, 63, 115, 0.10);
    color: var(--hm-red);
}

.hm-topic-scroller{
    position: relative;
    z-index: 2;
    margin-bottom: 18px;
    padding: 8px;
    display: flex;
    gap: 8px;
    overflow-x: auto;
    overscroll-behavior-inline: contain;
    scrollbar-width: none;
    border: 1px solid rgba(255, 255, 255, 0.92);
    border-radius: 22px;
    background: rgba(255, 255, 255, 0.65);
    box-shadow: 0 10px 32px rgba(31, 35, 77, 0.06);
    backdrop-filter: blur(15px);
}

.hm-topic-scroller::-webkit-scrollbar{
    display: none;
}

.hm-topic-tab{
    position: relative;
    min-width: 185px;
    min-height: 64px;
    padding: 10px 14px;
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: 10px;
    border: 0;
    border-radius: 16px;
    background: transparent;
    color: var(--hm-muted);
    text-align: left;
    cursor: pointer;
    transition: background 0.22s ease, color 0.22s ease, transform 0.22s ease;
}

.hm-topic-tab:hover{
    background: rgba(0, 91, 187, 0.06);
    color: var(--hm-ink);
}

.hm-topic-tab.is-active{
    background: var(--hm-ink);
    color: white;
    box-shadow: 0 12px 28px rgba(18, 20, 38, 0.20);
    transform: translateY(-1px);
}

.hm-topic-tab > span{
    width: 29px;
    height: 29px;
    display: grid;
    place-items: center;
    border-radius: 10px;
    background: rgba(0, 91, 187, 0.10);
    color: var(--hm-blue);
    font-size: 10px;
    font-weight: 950;
}

.hm-topic-tab.is-active > span{
    background: var(--hm-lime);
    color: var(--hm-ink);
}

.hm-topic-tab strong{
    overflow: hidden;
    font-size: 12px;
    font-weight: 850;
    line-height: 1.3;
    text-overflow: ellipsis;
}

.hm-topic-tab > b{
    width: 22px;
    height: 22px;
    display: grid;
    place-items: center;
    border-radius: 8px;
    background: rgba(20, 118, 212, 0.12);
    color: var(--hm-green);
    font-size: 10px;
}


.hm-proposal{
    position: relative;
    padding: 16px 18px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 20px;
    border: 1px solid var(--hm-line);
    border-radius: 20px;
    background: white;
    transition: transform 0.22s ease, border-color 0.22s ease, box-shadow 0.22s ease;
}

.hm-proposal:hover{
    z-index: 2;
    border-color: rgba(0, 91, 187, 0.20);
    box-shadow: 0 14px 34px rgba(31, 35, 77, 0.09);
    transform: translateY(-2px);
}

.hm-proposal.is-answered{
    border-color: rgba(20, 118, 212, 0.20);
    background: linear-gradient(90deg, rgba(20, 118, 212, 0.035), white 24%);
}

.hm-proposal-main{
    min-width: 0;
}

.hm-proposal-title{
    width: 100%;
    padding: 0;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 13px;
    border: 0;
    background: transparent;
    text-align: left;
    cursor: pointer;
}

.hm-proposal-title > span{
    width: 34px;
    height: 34px;
    display: grid;
    place-items: center;
    border-radius: 11px;
    background: rgba(0, 91, 187, 0.08);
    color: var(--hm-blue);
    font-size: 10px;
    font-weight: 950;
}

.hm-proposal-title strong{
    overflow: hidden;
    font-size: 14px;
    font-weight: 850;
    line-height: 1.35;
    text-overflow: ellipsis;
}

.hm-proposal-title > b{
    width: 28px;
    height: 28px;
    display: grid;
    place-items: center;
    border-radius: 9px;
    background: rgba(18, 20, 38, 0.05);
    color: var(--hm-muted);
    font-size: 17px;
    transition: background 0.2s ease, transform 0.2s ease;
}

.hm-proposal-title:hover > b{
    background: var(--hm-blue);
    color: white;
    transform: rotate(90deg);
}

.hm-proposal-main > p{
    margin: 7px 0 0 47px;
    color: var(--hm-muted);
    font-size: 12px;
    line-height: 1.5;
}

.hm-vote-options{
    display: flex;
    gap: 7px;
}

.hm-vote-options button{
    min-height: 42px;
    padding: 0 12px;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    border: 1px solid var(--hm-line);
    border-radius: 13px;
    background: white;
    color: var(--hm-muted);
    cursor: pointer;
    font-size: 11px;
    font-weight: 850;
    transition: transform 0.18s ease, border-color 0.18s ease, background 0.18s ease, color 0.18s ease;
}

.hm-vote-options button:hover{
    transform: translateY(-1px);
}

.hm-vote-options button b{
    width: 20px;
    height: 20px;
    display: grid;
    place-items: center;
    border-radius: 7px;
    background: rgba(18, 20, 38, 0.05);
    font-size: 10px;
}

.hm-vote-agree:hover, .hm-vote-agree.is-selected{
    border-color: rgba(20, 118, 212, 0.25) !important;
    background: rgba(20, 118, 212, 0.09) !important;
    color: #005bbb !important;
}

.hm-vote-disagree:hover, .hm-vote-disagree.is-selected{
    border-color: rgba(21, 63, 115, 0.26) !important;
    background: rgba(21, 63, 115, 0.09) !important;
    color: #123c73 !important;
}

.hm-vote-neutral:hover, .hm-vote-neutral.is-selected{
    border-color: rgba(0, 91, 187, 0.24) !important;
    background: rgba(0, 91, 187, 0.08) !important;
    color: var(--hm-blue) !important;
}

.hm-topic-footer{
    padding: 23px 38px 34px;
    display: flex;
    justify-content: space-between;
    gap: 15px;
}

.hm-results{
    position: relative;
    z-index: 2;
    margin-top: 18px;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.9);
    border-radius: 25px;
    background: rgba(255, 255, 255, 0.78);
    box-shadow: var(--hm-shadow-soft);
    backdrop-filter: blur(16px);
}

.hm-results summary{
    min-height: 92px;
    padding: 20px 24px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    cursor: pointer;
    list-style: none;
}

.hm-results summary::-webkit-details-marker{
    display: none;
}

.hm-results summary > span{
    display: grid;
    gap: 3px;
}

.hm-results summary b{
    font-size: 15px;
}

.hm-results summary small{
    color: var(--hm-muted);
    font-size: 11px;
}

.hm-results summary > strong{
    padding: 9px 13px;
    border-radius: 11px;
    background: var(--hm-ink);
    color: white;
    font-size: 11px;
}

.hm-result-list{
    padding: 0 14px 14px;
    display: grid;
    gap: 7px;
}

.hm-result-item{
    min-height: 70px;
    padding: 11px 14px;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 13px;
    border: 0;
    border-radius: 16px;
    background: rgba(18, 20, 38, 0.035);
    cursor: pointer;
    text-align: left;
    transition: background 0.2s ease, transform 0.2s ease;
}

.hm-result-item:hover{
    background: rgba(0, 91, 187, 0.07);
    transform: translateX(3px);
}

.hm-result-item > span{
    width: 33px;
    height: 33px;
    display: grid;
    place-items: center;
    border-radius: 10px;
    background: white;
    color: var(--hm-blue);
    font-size: 11px;
    font-weight: 900;
}

.hm-result-item > div{
    min-width: 0;
    display: grid;
    gap: 2px;
}

.hm-result-item strong{
    overflow: hidden;
    font-size: 13px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.hm-result-item small{
    color: var(--hm-muted);
    font-size: 10px;
}

.hm-result-item > b{
    color: var(--hm-blue);
    font-size: 16px;
}

/* Quiz */
.hm-quiz{
    overflow: hidden;
    background:
        radial-gradient(circle at 13% 15%, rgba(255, 214, 51, 0.18), transparent 27%),
        radial-gradient(circle at 90% 80%, rgba(101, 185, 255, 0.18), transparent 28%),
        linear-gradient(135deg, #031d44, #0752a3 55%, #06356f);
    color: white;
}

.hm-quiz::before{
    content: "QUIZ";
    position: absolute;
    right: -2vw;
    top: 20px;
    color: rgba(255, 255, 255, 0.028);
    font-size: min(29vw, 390px);
    font-weight: 950;
    line-height: 1;
    letter-spacing: -0.09em;
    pointer-events: none;
}

.hm-quiz-shell{
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: minmax(310px, 0.70fr) minmax(0, 1.3fr);
    align-items: stretch;
    gap: 30px;
}

.hm-quiz-intro{
    padding: 30px 20px 30px 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.hm-quiz-intro h2{
    margin: 18px 0 18px;
    font-size: clamp(42px, 5vw, 66px);
    line-height: 0.98;
    letter-spacing: -0.06em;
}

.hm-quiz-intro > p{
    margin: 0;
    color: rgba(255, 255, 255, 0.66);
    font-size: 16px;
    line-height: 1.7;
}

.hm-quiz-facts{
    margin: 30px 0 18px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 8px;
}

.hm-quiz-facts span{
    min-height: 88px;
    padding: 13px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    border: 1px solid rgba(255, 255, 255, 0.10);
    border-radius: 17px;
    background: rgba(255, 255, 255, 0.06);
    color: rgba(255, 255, 255, 0.58);
    font-size: 10px;
    backdrop-filter: blur(12px);
}

.hm-quiz-facts strong{
    color: var(--hm-lime);
    font-size: 25px;
    line-height: 1;
}

.hm-rules{
    margin-bottom: 20px;
    border-top: 1px solid rgba(255, 255, 255, 0.10);
    border-bottom: 1px solid rgba(255, 255, 255, 0.10);
}

.hm-rules summary{
    padding: 14px 0;
    cursor: pointer;
    color: rgba(255, 255, 255, 0.82);
    font-size: 12px;
    font-weight: 850;
}

.hm-rules div{
    padding: 0 0 16px;
    color: rgba(255, 255, 255, 0.60);
    font-size: 12px;
}

.hm-rules p, .hm-rules ul{
    margin: 0 0 10px;
}

.hm-rules ul{
    padding-left: 18px;
}

.hm-form-note{
    min-height: 24px;
    margin: 12px 0 0;
    color: rgba(255, 255, 255, 0.68);
    font-size: 11px;
}

.hm-form-note[data-type="success"]{
    color: var(--hm-lime);
}

.hm-form-note[data-type="error"]{
    color: #ffd633;
}





.hm-success-mark{
    width: 78px;
    height: 78px;
    display: grid;
    place-items: center;
    border-radius: 25px;
    background: linear-gradient(135deg, var(--hm-blue), var(--hm-blue-2));
    color: white;
    box-shadow: 0 16px 36px rgba(0, 91, 187, 0.26);
    font-size: 32px;
    font-weight: 950;
    transform: rotate(-5deg);
}

.hm-success-mark{
    background: linear-gradient(135deg, var(--hm-yellow), #ffe36d);
    color: var(--hm-navy);
}


.hm-contact-grid{
    width: 100%;
    max-width: 520px;
    margin: 25px 0 18px;
    display: grid;
    gap: 11px;
}

.hm-contact-grid label, .hm-note-field{
    display: grid;
    gap: 6px;
    text-align: left;
}

.hm-contact-grid label > span, .hm-note-field > span{
    color: var(--hm-muted);
    font-size: 10px;
    font-weight: 850;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.hm-contact-grid input, .hm-note-field textarea{
    width: 100%;
    min-height: 50px;
    padding: 12px 14px;
    border: 1px solid var(--hm-line);
    border-radius: 14px;
    outline: none;
    background: #f8f9fc;
    color: var(--hm-ink);
    transition: border-color 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
}

.hm-note-field textarea{
    min-height: 110px;
    resize: vertical;
}

.hm-contact-grid input:focus, .hm-note-field textarea:focus{
    border-color: var(--hm-blue);
    background: white;
    box-shadow: 0 0 0 4px rgba(0, 91, 187, 0.10);
}

/* Media */
.hm-media{
    background: white;
}

.hm-media-head{
    align-items: end;
}

.hm-filters{
    width: max-content;
    padding: 6px;
    display: flex;
    gap: 4px;
    border: 1px solid var(--hm-line);
    border-radius: 16px;
    background: var(--hm-bg);
}

.hm-filters button{
    min-height: 38px;
    padding: 0 14px;
    border: 0;
    border-radius: 11px;
    background: transparent;
    color: var(--hm-muted);
    cursor: pointer;
    font-size: 11px;
    font-weight: 850;
    transition: background 0.2s ease, color 0.2s ease, transform 0.2s ease;
}

.hm-filters button:hover{
    color: var(--hm-ink);
}

.hm-filters button.is-active{
    background: var(--hm-ink);
    color: white;
    box-shadow: 0 8px 18px rgba(18, 20, 38, 0.16);
}

.hm-media-grid{
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 16px;
}

.hm-media-card{
    grid-column: span 4;
    min-width: 0;
    overflow: hidden;
    border: 1px solid var(--hm-line);
    border-radius: 26px;
    background: white;
    box-shadow: 0 10px 30px rgba(31, 35, 77, 0.05);
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.hm-media-card:nth-child(1), .hm-media-card:nth-child(5n/**/+1){
    grid-column: span 6;
}

.hm-media-card:nth-child(2), .hm-media-card:nth-child(5n/**/+2){
    grid-column: span 6;
}

.hm-media-card:hover{
    transform: translateY(-7px);
    box-shadow: 0 24px 55px rgba(31, 35, 77, 0.12);
}

.hm-media-image{
    position: relative;
    width: 100%;
    height: 260px;
    padding: 0;
    overflow: hidden;
    border: 0;
    background: var(--hm-ink);
    cursor: pointer;
}

.hm-media-card:nth-child(1) .hm-media-image, .hm-media-card:nth-child(2) .hm-media-image, .hm-media-card:nth-child(5n/**/+1) .hm-media-image, .hm-media-card:nth-child(5n/**/+2) .hm-media-image{
    height: 330px;
}

.hm-media-image img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.45s ease, filter 0.45s ease;
}

.hm-media-card:hover .hm-media-image img{
    transform: scale(1.045);
}

.hm-media-image > span{
    position: absolute;
    top: 16px;
    left: 16px;
    padding: 7px 10px;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.88);
    color: var(--hm-ink);
    font-size: 9px;
    font-weight: 900;
    letter-spacing: 0.10em;
    text-transform: uppercase;
    backdrop-filter: blur(12px);
}

.hm-media-image > i{
    position: absolute;
    left: 50%;
    top: 50%;
    width: 64px;
    height: 64px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: var(--hm-lime);
    color: var(--hm-ink);
    font-style: normal;
    font-size: 20px;
    box-shadow: 0 15px 35px rgba(18, 20, 38, 0.22);
    transform: translate(-50%, -50%);
    transition: transform 0.22s ease;
}

.hm-media-card:hover .hm-media-image > i{
    transform: translate(-50%, -50%) scale(1.08);
}

.hm-media-card > div{
    padding: 22px;
}

.hm-media-card > div > span{
    color: var(--hm-blue);
    font-size: 9px;
    font-weight: 900;
    letter-spacing: 0.10em;
    text-transform: uppercase;
}

.hm-media-card h3{
    margin: 7px 0 8px;
    font-size: 21px;
    line-height: 1.18;
    letter-spacing: -0.035em;
}

.hm-media-card p{
    margin: 0;
    color: var(--hm-muted);
    font-size: 12px;
    line-height: 1.6;
}

.hm-media-card > div > button{
    margin-top: 18px;
    padding: 0;
    border: 0;
    background: transparent;
    color: var(--hm-ink);
    cursor: pointer;
    font-size: 11px;
    font-weight: 900;
}

.hm-media-card > div > button b{
    margin-left: 6px;
    color: var(--hm-blue);
    font-size: 15px;
}

/* Team */
.hm-team{
    overflow: hidden;
    background:
        radial-gradient(circle at 85% 10%, rgba(255, 214, 51, 0.13), transparent 25%),
        linear-gradient(180deg, #f2f3f8, #ffffff);
}

.hm-district-select{
    display: grid;
    gap: 7px;
}

.hm-district-select > span{
    color: var(--hm-muted);
    font-size: 10px;
    font-weight: 850;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.hm-district-select select{
    min-width: 250px;
    min-height: 50px;
    padding: 0 45px 0 15px;
    border: 1px solid var(--hm-line);
    border-radius: 15px;
    outline: none;
    background: white;
    color: var(--hm-ink);
    font-size: 13px;
    font-weight: 800;
    box-shadow: 0 10px 26px rgba(31, 35, 77, 0.06);
}

.hm-candidate-grid{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
}

.hm-candidate-card{
    padding: 0;
    overflow: hidden;
    border: 1px solid var(--hm-line);
    border-radius: 26px;
    background: white;
    cursor: pointer;
    text-align: left;
    box-shadow: 0 10px 30px rgba(31, 35, 77, 0.05);
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.hm-candidate-card:hover{
    transform: translateY(-8px) rotate(-0.4deg);
    box-shadow: 0 24px 55px rgba(31, 35, 77, 0.13);
}

.hm-candidate-photo{
    position: relative;
    height: 310px;
    overflow: hidden;
    background: linear-gradient(135deg, #daddec, #eef0f6);
}

.hm-candidate-photo::after{
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, transparent 65%, rgba(12, 14, 35, 0.18));
}

.hm-candidate-photo img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.45s ease;
}

.hm-candidate-card:hover .hm-candidate-photo img{
    transform: scale(1.04);
}

.hm-candidate-photo span{
    position: absolute;
    z-index: 2;
    right: 15px;
    top: 15px;
    width: 44px;
    height: 44px;
    display: grid;
    place-items: center;
    border-radius: 15px;
    background: var(--hm-lime);
    color: var(--hm-ink);
    font-size: 16px;
    font-weight: 950;
    box-shadow: 0 12px 24px rgba(18, 20, 38, 0.15);
}

.hm-candidate-card > div:last-child{
    padding: 19px 20px 21px;
    display: grid;
    gap: 5px;
}

.hm-candidate-card small{
    color: var(--hm-blue);
    font-size: 9px;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.hm-candidate-card strong{
    font-size: 18px;
    letter-spacing: -0.03em;
}

.hm-candidate-card em{
    margin-top: 8px;
    color: var(--hm-muted);
    font-size: 11px;
    font-style: normal;
    font-weight: 800;
}

.hm-candidate-card em b{
    color: var(--hm-blue);
    font-size: 14px;
}

/* Footer */
.hm-footer{
    padding: 70px 0 34px;
    overflow: hidden;
    background:
        radial-gradient(circle at 8% 20%, rgba(0, 91, 187, 0.25), transparent 24%),
        radial-gradient(circle at 90% 70%, rgba(101, 185, 255, 0.16), transparent 22%),
        var(--hm-navy);
    color: white;
}

.hm-footer-inner{
    display: grid;
    grid-template-columns: auto minmax(220px, 1fr) auto;
    align-items: center;
    gap: 32px;
}

.hm-logo-footer{
    color: white;
}

.hm-logo-footer .hm-logo-words small{
    color: var(--hm-lime);
}

.hm-footer p{
    margin: 0;
    color: rgba(255, 255, 255, 0.55);
    font-size: 13px;
}

.hm-footer nav{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 8px 18px;
}

.hm-footer nav a{
    color: rgba(255, 255, 255, 0.72);
    font-size: 12px;
    font-weight: 800;
    transition: color 0.2s ease;
}

.hm-footer nav a:hover{
    color: var(--hm-lime);
}

.hm-footer small{
    grid-column: 1 / -1;
    padding-top: 24px;
    border-top: 1px solid rgba(255, 255, 255, 0.10);
    color: rgba(255, 255, 255, 0.38);
    font-size: 10px;
}

/* Modal */
.hm-modal{
    position: fixed;
    z-index: 3000;
    inset: 0;
    padding: 28px;
    display: grid;
    place-items: center;
    overflow-y: auto;
    background: rgba(7, 9, 24, 0.68);
    opacity: 0;
    visibility: hidden;
    backdrop-filter: blur(14px);
    transition: opacity 0.22s ease, visibility 0.22s ease;
}

.hm-modal.is-open{
    opacity: 1;
    visibility: visible;
}

.hm-modal-dialog{
    position: relative;
    width: min(720px, 100%);
    max-height: calc(100vh - 56px);
    padding: clamp(28px, 5vw, 50px);
    overflow-y: auto;
    border: 1px solid rgba(255, 255, 255, 0.88);
    border-radius: 30px;
    background: white;
    box-shadow: 0 38px 100px rgba(0, 0, 0, 0.30);
    transform: translateY(20px) scale(0.98);
    transition: transform 0.25s ease;
}

.hm-modal.is-open .hm-modal-dialog{
    transform: translateY(0) scale(1);
}

.hm-modal-close{
    position: sticky;
    z-index: 2;
    float: right;
    top: 0;
    width: 42px;
    height: 42px;
    margin: -16px -16px 10px 15px;
    border: 0;
    border-radius: 14px;
    background: rgba(18, 20, 38, 0.06);
    color: var(--hm-ink);
    cursor: pointer;
    font-size: 24px;
    line-height: 1;
}

.hm-modal-kicker{
    color: var(--hm-blue);
    font-size: 10px;
    font-weight: 900;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.hm-modal h2{
    margin: 11px 0 14px;
    font-size: clamp(34px, 5vw, 54px);
    line-height: 1;
    letter-spacing: -0.055em;
}

.hm-modal-lead{
    margin: 0 0 24px;
    color: var(--hm-ink-2);
    font-size: 17px;
    line-height: 1.65;
}

.hm-modal-text{
    color: var(--hm-muted);
    font-size: 14px;
    line-height: 1.8;
}

.hm-modal-text p:first-child{
    margin-top: 0;
}

.hm-modal-stats{
    margin: 26px 0;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 9px;
}

.hm-modal-stats span{
    min-height: 90px;
    padding: 14px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    border-radius: 16px;
    background: var(--hm-bg);
    color: var(--hm-muted);
    font-size: 10px;
}

.hm-modal-stats strong{
    color: var(--hm-blue);
    font-size: 24px;
    letter-spacing: -0.04em;
}

.hm-modal-choice{
    margin: 0 0 20px;
    padding: 14px 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    border-radius: 15px;
    background: rgba(0, 91, 187, 0.07);
    font-size: 12px;
}

.hm-modal-choice span{
    color: var(--hm-muted);
}

.hm-modal-choice strong{
    color: var(--hm-blue);
}

.hm-note-field{
    margin-bottom: 14px;
}

.hm-candidate-modal-head{
    margin-bottom: 25px;
    display: grid;
    grid-template-columns: 120px 1fr;
    align-items: center;
    gap: 22px;
}

.hm-candidate-modal-head img{
    width: 120px;
    height: 120px;
    object-fit: cover;
    border-radius: 24px;
    background: var(--hm-bg);
}

.hm-candidate-modal-head h2{
    margin-bottom: 6px;
}

.hm-candidate-modal-head p{
    margin: 0;
    color: var(--hm-muted);
    font-size: 12px;
}

.hm-bio{
    margin-bottom: 22px;
}

.hm-video-embed{
    position: relative;
    margin: 24px 0;
    overflow: hidden;
    border-radius: 20px;
    background: var(--hm-ink);
    aspect-ratio: 16 / 9;
}

.hm-video-embed iframe, .hm-video-embed video{
    width: 100%;
    height: 100%;
    border: 0;
}

.hm-empty-state{
    grid-column: 1 / -1;
    padding: 50px 24px;
    border: 1px dashed rgba(18, 20, 38, 0.16);
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.60);
    color: var(--hm-muted);
    font-size: 13px;
    text-align: center;
}

/* Scroll reveal */




.hm-reveal-zone.is-visible .hm-problem-view, .hm-reveal-zone.is-visible .hm-topic-scroller, .hm-reveal-zone.is-visible .hm-candidate-grid{
    transition-delay: 0.10s;
}



/* Responsive */
@media (max-width: 1120px) {
    :root{
        --hm-wrap: 1040px;
    }

    .hm-hero{
        min-height: 840px;
    }

    .hm-hero-inner{
        grid-template-columns: minmax(0, 1fr) 340px;
        gap: 52px;
    }

    .hm-hero-note{
        min-height: 500px;
    }

    .hm-problem-view::before, .hm-problem-view::after{
        display: none;
    }

    .hm-problem-view{
        grid-template-columns: 1.08fr 0.92fr;
    }

    .hm-candidate-grid{
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 920px) {
    :root{
        --hm-topbar: 74px;
    }

    .hm-section{
        padding: 92px 0;
    }

    .hm-topbar{
        top: 10px;
    }

    .admin-bar .hm-topbar{
        top: 42px;
    }

    .hm-menu-button{
        display: block;
    }

    .hm-navigation{
        position: absolute;
        top: 74px;
        left: 22px;
        right: 22px;
        padding: 10px;
        display: grid;
        gap: 4px;
        border: 1px solid rgba(255, 255, 255, 0.9);
        border-radius: 18px;
        background: rgba(255, 255, 255, 0.96);
        box-shadow: var(--hm-shadow);
        opacity: 0;
        visibility: hidden;
        transform: translateY(-8px);
        transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s ease;
    }

    .hm-topbar.is-menu-open .hm-navigation{
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
    }

    .hm-navigation a{
        padding: 13px 14px;
    }

    

    .hm-hero{
        min-height: auto;
        padding: 130px 0 92px;
    }

    .hm-hero-inner{
        grid-template-columns: 1fr;
        gap: 46px;
    }

    .hm-hero-copy h1{
        max-width: 800px;
        font-size: clamp(64px, 12vw, 100px);
    }

    .hm-hero-note{
        max-width: 600px;
        min-height: auto;
        transform: none;
    }

    .hm-hero-photo{
        height: 270px;
    }

    .hm-scroll-cue{
        display: none;
    }

    .hm-section-head-split{
        grid-template-columns: 1fr;
        gap: 18px;
    }

    .hm-problem-view{
        grid-template-columns: 1fr;
    }

    .hm-problem-image{
        min-height: 420px;
    }

    .hm-vote-progress{
        grid-template-columns: 1fr;
        gap: 13px;
    }

    .hm-quiet-button{
        width: max-content;
    }

    .hm-proposal{
        grid-template-columns: 1fr;
    }

    .hm-vote-options{
        margin-left: 47px;
    }

    .hm-quiz-shell{
        grid-template-columns: 1fr;
    }

    .hm-quiz-intro{
        padding-right: 0;
    }

    .hm-media-card, .hm-media-card:nth-child(1), .hm-media-card:nth-child(2), .hm-media-card:nth-child(5n/**/+1), .hm-media-card:nth-child(5n/**/+2){
        grid-column: span 6;
    }

    .hm-candidate-grid{
        grid-template-columns: repeat(2, 1fr);
    }

    .hm-footer-inner{
        grid-template-columns: 1fr;
        justify-items: start;
    }

    .hm-footer nav{
        justify-content: flex-start;
    }
}

@media (max-width: 640px) {
    :root{
        --hm-radius-lg: 28px;
    }

    .hm-wrap{
        width: min(calc(100% - 26px), var(--hm-wrap));
    }

    .hm-section{
        padding: 74px 0;
    }

    .hm-topbar-inner{
        padding-left: 13px;
        gap: 10px;
        border-radius: 18px;
    }

    

    .hm-logo > i{
        width: 32px;
        height: 32px;
    }

    .hm-hero{
        padding-top: 112px;
    }

    .hm-live-pill{
        font-size: 9px;
    }

    .hm-hero-copy h1{
        margin-top: 20px;
        font-size: clamp(56px, 18vw, 78px);
        line-height: 0.84;
    }

    .hm-hero-copy h1 em{
        margin-top: 18px;
        font-size: 0.34em;
        line-height: 1.12;
    }

    .hm-hero-copy > p{
        font-size: 16px;
    }

    .hm-hero-actions{
        align-items: stretch;
        flex-direction: column;
    }

    .hm-button{
        width: 100%;
        min-height: 55px;
    }

    .hm-hero-proof{
        display: grid;
        gap: 9px;
    }

    .hm-hero-note{
        padding: 12px;
        border-radius: 25px;
    }

    .hm-hero-photo{
        height: 200px;
        border-radius: 18px;
    }

    .hm-hero-stat-grid{
        grid-template-columns: 1fr;
    }

    .hm-hero-stat-grid > div{
        min-height: 70px;
        flex-direction: row;
        align-items: center;
    }

    .hm-marquee > div{
        min-height: 50px;
    }

    .hm-section-head{
        margin-bottom: 32px;
    }

    .hm-section-head h2{
        font-size: clamp(36px, 12vw, 50px);
    }

    .hm-section-head > p, .hm-section-head-split > p{
        font-size: 15px;
    }

    .hm-problem-view{
        min-height: 0;
        border-radius: 28px;
    }

    .hm-problem-image{
        min-height: 280px;
    }

    .hm-problem-copy{
        padding: 30px 24px;
    }

    .hm-problem-copy h3{
        font-size: 36px;
    }

    

    

    

    

    

    

    

    

    

    .hm-proposal{
        padding: 14px;
    }

    .hm-proposal-main > p{
        margin-left: 0;
    }

    .hm-vote-options{
        margin-left: 0;
        display: grid;
        grid-template-columns: repeat(3, 1fr);
    }

    .hm-vote-options button{
        min-width: 0;
        padding: 8px 5px;
        flex-direction: column;
        gap: 3px;
    }

    .hm-vote-options button span{
        font-size: 9px;
    }

    .hm-topic-footer{
        padding: 18px 18px 24px;
        display: grid;
        grid-template-columns: 1fr;
    }

    .hm-topic-footer .hm-button{
        width: 100%;
    }

    .hm-results summary{
        padding: 16px;
    }

    .hm-result-item{
        grid-template-columns: auto minmax(0, 1fr);
    }

    .hm-result-item > b{
        grid-column: 2;
    }

    

    

    .hm-quiz-facts{
        grid-template-columns: 1fr;
    }

    .hm-quiz-facts span{
        min-height: 64px;
        flex-direction: row;
        align-items: center;
    }

    

    

    

    .hm-media-head{
        align-items: flex-start;
    }

    .hm-filters{
        width: 100%;
    }

    .hm-filters button{
        flex: 1;
    }

    .hm-media-card, .hm-media-card:nth-child(1), .hm-media-card:nth-child(2), .hm-media-card:nth-child(5n/**/+1), .hm-media-card:nth-child(5n/**/+2){
        grid-column: 1 / -1;
    }

    .hm-media-image, .hm-media-card:nth-child(1) .hm-media-image, .hm-media-card:nth-child(2) .hm-media-image, .hm-media-card:nth-child(5n/**/+1) .hm-media-image, .hm-media-card:nth-child(5n/**/+2) .hm-media-image{
        height: 240px;
    }

    .hm-district-select, .hm-district-select select{
        width: 100%;
        min-width: 0;
    }

    .hm-candidate-grid{
        grid-template-columns: 1fr;
    }

    .hm-candidate-photo{
        height: 360px;
    }

    .hm-footer{
        padding-top: 54px;
    }

    .hm-modal{
        padding: 10px;
        align-items: end;
    }

    .hm-modal-dialog{
        width: 100%;
        max-height: calc(100vh - 20px);
        padding: 26px 20px 34px;
        border-radius: 26px 26px 20px 20px;
    }

    .hm-modal-stats{
        grid-template-columns: 1fr;
    }

    .hm-modal-stats span{
        min-height: 65px;
        flex-direction: row;
        align-items: center;
    }

    .hm-candidate-modal-head{
        grid-template-columns: 85px 1fr;
        gap: 15px;
    }

    .hm-candidate-modal-head img{
        width: 85px;
        height: 85px;
        border-radius: 18px;
    }
}

@media (prefers-reduced-motion: reduce) {
    html{
        scroll-behavior: auto;
    }

    *, *::before, *::after{
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        scroll-behavior: auto !important;
        transition-duration: 0.01ms !important;
    }

    
}

.hm-button.is-pressed{
    transform: scale(0.975) !important;
}


/* =========================================================
   v47 – bielo-modro-žlté rozhranie a dominantná anketa
   ========================================================= */
body::before{
    background:
        radial-gradient(circle at 10% 10%, rgba(0, 91, 187, 0.07), transparent 28%),
        radial-gradient(circle at 92% 34%, rgba(255, 214, 51, 0.12), transparent 24%),
        linear-gradient(180deg, #ffffff 0%, #f4f8ff 100%);
}

::selection{
    background: var(--hm-yellow);
    color: var(--hm-navy);
}

.hm-topbar-inner{
    border-color: rgba(0, 91, 187, 0.12);
    background: rgba(255, 255, 255, 0.88);
    box-shadow: 0 16px 48px rgba(0, 61, 130, 0.13);
}

.hm-logo > i, .hm-button-blue{
    background: linear-gradient(135deg, var(--hm-blue), var(--hm-blue-2));
}





.hm-hero{
    background:
        radial-gradient(circle at 17% 18%, rgba(101, 185, 255, 0.35), transparent 28%),
        radial-gradient(circle at 80% 22%, rgba(255, 214, 51, 0.22), transparent 24%),
        radial-gradient(circle at 78% 82%, rgba(0, 91, 187, 0.28), transparent 27%),
        linear-gradient(135deg, #031d44 0%, #005bbb 54%, #087ee8 100%);
}

.hm-hero::before{
    opacity: 0.16;
    mix-blend-mode: soft-light;
    filter: contrast(1.08) saturate(0.45);
}

.hm-hero::after{
    background: linear-gradient(180deg, rgba(3, 29, 68, 0.02) 52%, rgba(3, 29, 68, 0.74));
}

.hm-hero-orb-a{
    background: radial-gradient(circle at 35% 35%, rgba(255, 214, 51, 0.82), rgba(0, 91, 187, 0.02) 66%);
}

.hm-hero-orb-b{
    background: radial-gradient(circle at 35% 35%, rgba(255, 255, 255, 0.55), rgba(101, 185, 255, 0.03) 65%);
}

.hm-live-pill i, .hm-hero-copy h1 em, .hm-hero-proof b{
    color: var(--hm-yellow);
}

.hm-live-pill i{
    background: var(--hm-yellow);
    box-shadow: 0 0 0 6px rgba(255, 214, 51, 0.16), 0 0 22px rgba(255, 214, 51, 0.8);
}

.hm-button-yellow{
    background: var(--hm-yellow);
    color: var(--hm-navy);
    box-shadow: 0 16px 38px rgba(255, 214, 51, 0.24);
}

.hm-button-yellow:hover:not(:disabled){
    background: #ffe36d;
    box-shadow: 0 22px 45px rgba(255, 214, 51, 0.34);
}

.hm-hero-note{
    border-color: rgba(255, 255, 255, 0.28);
    background: rgba(0, 54, 122, 0.36);
    box-shadow: 0 30px 80px rgba(1, 22, 54, 0.42);
}



.hm-marquee{
    background: var(--hm-yellow);
    color: var(--hm-navy);
    box-shadow: 0 12px 30px rgba(0, 61, 130, 0.16);
}

.hm-marquee i{
    color: var(--hm-blue);
}

/* Karty problémov idú bezprostredne pod pohyblivý pás. */
.hm-problems.hm-section{
    padding: 38px 0 26px;
    background: #ffffff;
}

.hm-problems::before{
    width: 360px;
    height: 360px;
    top: -40px;
    right: -180px;
    background: rgba(255, 214, 51, 0.18);
}

.hm-problem-view{
    min-height: 570px;
    border: 3px solid rgba(0, 91, 187, 0.13);
    background: var(--hm-navy);
    box-shadow: 0 30px 80px rgba(0, 61, 130, 0.18);
}

.hm-problem-image{
    min-height: 570px;
}

.hm-problem-copy{
    background:
        radial-gradient(circle at 100% 0%, rgba(101, 185, 255, 0.22), transparent 42%),
        linear-gradient(145deg, #031d44, #064b98);
}

.hm-problem-copy > span{
    background: rgba(255, 214, 51, 0.13);
    color: var(--hm-yellow);
}

.hm-problem-points b{
    background: rgba(255, 214, 51, 0.15);
    color: var(--hm-yellow);
}

.hm-problem-controls > button:hover{
    background: var(--hm-yellow);
    color: var(--hm-navy);
}

/* Hlavný bod webu – anketa. Bez úvodných textov a pomocného panelu. */
.hm-solutions.hm-section{
    padding: 42px 0 118px;
    overflow: hidden;
    background:
        radial-gradient(circle at 8% 14%, rgba(255, 214, 51, 0.28), transparent 22%),
        radial-gradient(circle at 92% 32%, rgba(101, 185, 255, 0.24), transparent 24%),
        linear-gradient(145deg, #004a9f 0%, #0069cf 48%, #031d44 100%);
}

.hm-solutions::before{
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    opacity: 0.14;
    background-image:
        linear-gradient(rgba(255,255,255,.18) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.18) 1px, transparent 1px);
    background-size: 58px 58px;
    mask-image: linear-gradient(to bottom, #000, transparent 92%);
}

.hm-solutions::after{
    width: 540px;
    height: 540px;
    right: -250px;
    top: 80px;
    background: rgba(255, 214, 51, 0.18);
    filter: blur(38px);
}

.hm-solutions .hm-wrap{
    position: relative;
    z-index: 2;
}

.hm-topic-scroller{
    margin-bottom: 16px;
    padding: 9px;
    border: 3px solid var(--hm-yellow);
    background: rgba(255, 255, 255, 0.96);
    box-shadow: 0 18px 46px rgba(1, 28, 66, 0.28);
}

.hm-topic-tab{
    color: var(--hm-muted);
}

.hm-topic-tab:hover{
    background: rgba(0, 91, 187, 0.07);
}

.hm-topic-tab.is-active{
    background: var(--hm-yellow);
    color: var(--hm-navy);
    box-shadow: 0 12px 28px rgba(255, 214, 51, 0.24);
}

.hm-topic-tab > span{
    background: rgba(0, 91, 187, 0.09);
    color: var(--hm-blue);
}

.hm-topic-tab.is-active > span{
    background: var(--hm-blue);
    color: white;
}

.hm-topic-tab > b{
    background: rgba(0, 91, 187, 0.10);
    color: var(--hm-blue);
}


.hm-proposal{
    border-color: rgba(0, 91, 187, 0.13);
}

.hm-proposal:hover{
    border-color: rgba(0, 91, 187, 0.34);
    box-shadow: 0 14px 34px rgba(0, 61, 130, 0.12);
}

.hm-proposal.is-answered{
    border-color: rgba(0, 91, 187, 0.26);
    background: linear-gradient(90deg, rgba(0, 91, 187, 0.055), #ffffff 28%);
}

.hm-vote-agree:hover, .hm-vote-agree.is-selected{
    border-color: rgba(0, 91, 187, 0.34) !important;
    background: rgba(0, 91, 187, 0.10) !important;
    color: var(--hm-blue) !important;
}

.hm-vote-disagree:hover, .hm-vote-disagree.is-selected{
    border-color: rgba(3, 29, 68, 0.28) !important;
    background: rgba(3, 29, 68, 0.08) !important;
    color: var(--hm-navy) !important;
}

.hm-vote-neutral:hover, .hm-vote-neutral.is-selected{
    border-color: rgba(255, 214, 51, 0.75) !important;
    background: rgba(255, 214, 51, 0.20) !important;
    color: var(--hm-navy) !important;
}

.hm-topic-footer .hm-button-ghost{
    border-color: rgba(0, 91, 187, 0.16);
}

.hm-results{
    border: 2px solid rgba(255, 214, 51, 0.92);
    background: rgba(255, 255, 255, 0.96);
    box-shadow: 0 20px 55px rgba(1, 24, 58, 0.25);
}

.hm-quiz{
    background:
        radial-gradient(circle at 13% 15%, rgba(255, 214, 51, 0.22), transparent 27%),
        radial-gradient(circle at 90% 80%, rgba(101, 185, 255, 0.20), transparent 28%),
        linear-gradient(135deg, #031d44, #005bbb 58%, #087ee8);
}

.hm-footer, .hm-modal-card{
    --hm-topic-hue: 210;
}

@media (max-width: 820px) {
    .hm-problems.hm-section{
        padding: 24px 0 18px;
    }

    .hm-solutions.hm-section{
        padding: 28px 0 82px;
    }

    .hm-problem-view, .hm-problem-image{
        min-height: 0;
    }

    

    
}

/* -------------------------------------------------------------------------
   v48: nastaviteľné moderné nadpisy sekcií a fotografie pozadia
   ---------------------------------------------------------------------- */
.hm-section-head-modern{
    position: relative;
    z-index: 3;
    max-width: 820px;
    margin: 0 0 34px;
    padding-left: 24px;
}
.hm-section-head-modern::before{
    content: "";
    position: absolute;
    left: 0;
    top: 6px;
    bottom: 4px;
    width: 5px;
    border-radius: 99px;
    background: linear-gradient(180deg, var(--hm-yellow), var(--hm-blue-2));
    box-shadow: 0 0 0 8px rgba(255, 214, 51, .10);
}
.hm-section-head-modern h2{
    max-width: 780px;
    margin-top: 12px;
    font-size: clamp(34px, 5.4vw, 68px);
    line-height: .96;
    letter-spacing: -.055em;
}
.hm-section-head-modern > p{
    max-width: 690px;
    margin-top: 15px;
    font-size: clamp(16px, 1.8vw, 20px);
    line-height: 1.55;
}
.hm-section-head-anketa{
    max-width: 900px;
    margin-bottom: 26px;
}
.hm-section-head-anketa h2{
    color: #fff;
    text-shadow: 0 14px 38px rgba(0, 25, 72, .22);
}
.hm-section-head-anketa > p{
    color: rgba(255,255,255,.82);
}
.hm-section[style*="--hm-section-image"]{
    background-position: center !important;
    background-size: cover !important;
    background-attachment: scroll !important;
}
.hm-problems[style*="--hm-section-image"], .hm-media[style*="--hm-section-image"], .hm-team[style*="--hm-section-image"]{
    background-image: linear-gradient(rgba(246,250,255,.93), rgba(246,250,255,.96)), var(--hm-section-image) !important;
}
.hm-solutions[style*="--hm-section-image"]{
    background-image: linear-gradient(rgba(0,62,142,.90), rgba(0,45,108,.96)), var(--hm-section-image) !important;
}
.hm-quiz[style*="--hm-section-image"]{
    background-image: linear-gradient(rgba(3,29,68,.90), rgba(3,29,68,.96)), var(--hm-section-image) !important;
}
.hm-media-head > div > p, .hm-team .hm-section-head > div > p{
    max-width: 650px;
    margin: 12px 0 0;
    color: var(--hm-muted);
    font-size: 17px;
}
.hm-problems .hm-problem-view{
    margin-top: 0;
}
.hm-solutions .hm-topic-scroller{
    position: relative;
    z-index: 3;
}
@media (max-width: 720px) {
    .hm-section-head-modern{
        padding-left: 17px;
        margin-bottom: 24px;
    }
    .hm-section-head-modern::before{
        width: 4px;
    }
    .hm-section-head-modern h2{
        font-size: clamp(32px, 10vw, 48px);
    }
}

/* -------------------------------------------------------------------------
   v49: kompaktnejšia, modernejšia a čitateľnejšia anketa
   ---------------------------------------------------------------------- */
.hm-solutions .hm-wrap{
    width: min(calc(100% - 44px), 1180px);
}

.hm-topic-scroller{
    margin-bottom: 14px;
    padding: 6px;
    gap: 5px;
    border: 1px solid rgba(255,255,255,.72);
    border-radius: 18px;
    background: rgba(255,255,255,.92);
    box-shadow: 0 14px 36px rgba(1, 25, 60, .18);
}

.hm-topic-tab{
    min-width: 164px;
    min-height: 52px;
    padding: 8px 11px;
    gap: 8px;
    border-radius: 13px;
}

.hm-topic-tab > span{
    width: 27px;
    height: 27px;
    border-radius: 9px;
}

.hm-topic-tab strong{
    font-size: 11px;
    line-height: 1.25;
}

.hm-topic-tab.is-active{
    background: linear-gradient(135deg, var(--hm-blue), #087ee8);
    box-shadow: 0 9px 22px rgba(0, 91, 187, .22);
}

.hm-topic-tab.is-active > span{
    background: var(--hm-yellow);
    color: var(--hm-navy);
}


.hm-proposal{
    min-height: 62px;
    padding: 10px 12px;
    gap: 14px;
    border-radius: 15px;
}

.hm-proposal:hover{
    box-shadow: 0 10px 26px rgba(0,61,130,.09);
    transform: translateY(-1px);
}

.hm-proposal-title{
    gap: 10px;
}

.hm-proposal-title > span{
    width: 29px;
    height: 29px;
    border-radius: 9px;
    font-size: 8px;
}

.hm-proposal-title strong{
    font-size: 12px;
}

.hm-proposal-title > b{
    width: 24px;
    height: 24px;
    border-radius: 8px;
    font-size: 14px;
}

.hm-proposal-main > p{
    margin: 4px 0 0 39px;
    font-size: 9px;
    line-height: 1.4;
}

.hm-vote-options{
    padding: 3px;
    gap: 3px;
    border: 1px solid rgba(0,91,187,.10);
    border-radius: 12px;
    background: #f7faff;
}

.hm-vote-options button{
    min-height: 34px;
    padding: 0 9px;
    gap: 5px;
    border: 0;
    border-radius: 9px;
    background: transparent;
    font-size: 9px;
}

.hm-vote-options button b{
    width: 17px;
    height: 17px;
    border-radius: 6px;
    font-size: 8px;
}

.hm-topic-footer{
    padding: 16px 24px 22px;
}

.hm-topic-footer .hm-button{
    min-height: 42px;
    padding-inline: 17px;
    border-radius: 12px;
    font-size: 10px;
}

.hm-results{
    margin-top: 13px;
    border-radius: 19px;
}

.hm-results summary{
    min-height: 72px;
    padding: 15px 19px;
}



@media (max-width: 820px) {
    .hm-solutions .hm-wrap{
        width: min(calc(100% - 24px), 1180px);
    }
    
    
    
    
    
    
    .hm-proposal{
        grid-template-columns: 1fr;
        gap: 9px;
    }
    .hm-vote-options{
        width: 100%;
        display: grid;
        grid-template-columns: repeat(3, 1fr);
    }
    .hm-vote-options button{
        justify-content: center;
    }
    .hm-topic-footer{
        padding: 14px 16px 18px;
    }
}

@media (max-width: 600px) {
    .hm-topic-tab{
        min-width: 146px;
    }
    
    
    
    
    
    
    
    .hm-vote-options button span{
        font-size: 8px;
    }
    .hm-topic-footer{
        display: grid;
        grid-template-columns: 1fr 1fr;
    }
    .hm-topic-footer .hm-button{
        width: 100%;
        padding-inline: 10px;
    }
}






/* ================================================================
   v50: väčšie hlasovanie a automatický prechod na ďalšiu tému
   ================================================================ */
.hm-proposal{
    min-height: 76px;
    padding: 13px 15px;
    gap: 18px;
}

.hm-proposal-title{
    gap: 12px;
}

.hm-proposal-title > span{
    width: 34px;
    height: 34px;
    border-radius: 10px;
    font-size: 10px;
}

.hm-proposal-title strong{
    font-size: 15px;
    line-height: 1.25;
}

.hm-proposal-title > b{
    width: 29px;
    height: 29px;
    font-size: 17px;
}

.hm-proposal-main > p{
    margin: 6px 0 0 46px;
    max-width: 690px;
    color: #587191;
    font-size: 12px;
    line-height: 1.55;
}

.hm-vote-options{
    padding: 5px;
    gap: 5px;
    border-radius: 14px;
}

.hm-vote-options button{
    min-height: 44px;
    padding: 0 14px;
    gap: 8px;
    border-radius: 11px;
    font-size: 12px;
    font-weight: 850;
    letter-spacing: -.01em;
}

.hm-vote-options button b{
    width: 23px;
    height: 23px;
    border-radius: 7px;
    font-size: 11px;
}


@media (max-width: 820px) {
    .hm-proposal{
        padding: 14px;
    }

    .hm-proposal-title strong{
        font-size: 15px;
    }

    .hm-proposal-main > p{
        margin-left: 46px;
        font-size: 12px;
    }

    .hm-vote-options button{
        min-height: 46px;
        padding-inline: 10px;
        font-size: 12px;
    }
}

@media (max-width: 600px) {
    .hm-proposal-main > p{
        margin-left: 0;
        margin-top: 8px;
        font-size: 12px;
    }

    .hm-vote-options{
        gap: 4px;
    }

    .hm-vote-options button{
        min-height: 48px;
        padding: 6px 4px;
        flex-direction: column;
        gap: 3px;
        font-size: 11px;
        line-height: 1.1;
    }

    .hm-vote-options button span{
        font-size: 11px;
        font-weight: 850;
    }

    .hm-vote-options button b{
        width: 22px;
        height: 22px;
    }
}


/* ================================================================
   v51: stabilné hlasovanie, Nehlasujem = bez odpovede, väčšie texty
   ================================================================ */
.hm-proposal-title strong{
    font-size: 18px;
    line-height: 1.28;
    letter-spacing: -0.018em;
}

.hm-proposal-main > p{
    margin-top: 9px;
    max-width: 760px;
    color: #435f83;
    font-size: 15px;
    line-height: 1.58;
    font-weight: 560;
}

.hm-proposal-title > span{
    font-size: 11px;
}

.hm-vote-options button{
    font-size: 13px;
}

.hm-vote-neutral:not(.is-selected){
    color: #607694;
}

@media (max-width: 820px) {
    .hm-proposal-title strong{
        font-size: 17px;
        line-height: 1.3;
    }

    .hm-proposal-main > p{
        font-size: 14px;
        line-height: 1.58;
    }

    .hm-vote-options button{
        font-size: 13px;
    }
}

@media (max-width: 600px) {
    .hm-proposal-title strong{
        font-size: 17px;
    }

    .hm-proposal-main > p{
        font-size: 14px;
        line-height: 1.55;
    }

    .hm-vote-options button, .hm-vote-options button span{
        font-size: 12px;
    }
}


/* ================================================================
   v52: približne o polovicu nižšia sekcia problémov mesta
   ================================================================ */
@media (min-width: 821px) {
    .hm-problems.hm-section{
        padding-top: 24px;
        padding-bottom: 22px;
    }

    .hm-problems .hm-section-head-modern{
        max-width: 760px;
        margin-bottom: 22px;
    }

    .hm-problems .hm-section-head-modern h2{
        max-width: 690px;
        margin-top: 8px;
        font-size: clamp(38px, 4.1vw, 52px);
        line-height: .96;
    }

    .hm-problems .hm-section-head-modern > p{
        margin-top: 10px;
        font-size: clamp(15px, 1.35vw, 17px);
        line-height: 1.45;
    }

    .hm-problem-view{
        min-height: 330px;
        grid-template-columns: minmax(0, 1.18fr) minmax(350px, .82fr);
        border-radius: 30px;
    }

    .hm-problem-image{
        min-height: 330px;
    }

    .hm-problem-copy{
        min-width: 0;
        padding: 25px clamp(34px, 3.6vw, 50px);
    }

    .hm-problem-copy > span{
        padding: 6px 9px;
        font-size: 10px;
    }

    .hm-problem-copy h3{
        margin: 12px 0 10px;
        font-size: clamp(31px, 3vw, 42px);
        line-height: .98;
    }

    .hm-problem-copy > p{
        font-size: 14px;
        line-height: 1.52;
    }

    .hm-problem-points{
        margin-top: 15px;
        gap: 6px;
    }

    .hm-problem-points span{
        gap: 8px;
        font-size: 12px;
        line-height: 1.25;
    }

    .hm-problem-points b{
        width: 20px;
        height: 20px;
        border-radius: 7px;
        font-size: 9px;
    }

    .hm-problem-controls{
        margin-top: 19px;
        gap: 9px;
    }

    .hm-problem-controls > button{
        width: 40px;
        height: 40px;
        border-radius: 13px;
        font-size: 16px;
    }

    .hm-problem-view::after{
        left: calc(59% - 35px);
        width: 70px;
        height: 70px;
    }

    .hm-problem-view::before{
        left: calc(59% - 35px);
        font-size: 22px;
    }
}

@media (max-width: 820px) {
    .hm-problems .hm-section-head-modern{
        margin-bottom: 18px;
    }

    .hm-problems .hm-section-head-modern h2{
        font-size: clamp(30px, 9vw, 42px);
    }

    .hm-problems .hm-section-head-modern > p{
        margin-top: 9px;
        font-size: 15px;
    }

    .hm-problem-image{
        min-height: 180px;
    }

    .hm-problem-copy{
        padding: 23px 21px;
    }

    .hm-problem-copy h3{
        margin: 12px 0 10px;
        font-size: clamp(29px, 8.5vw, 36px);
    }

    .hm-problem-copy > p{
        font-size: 14px;
        line-height: 1.5;
    }

    .hm-problem-points{
        margin-top: 16px;
        gap: 7px;
    }

    .hm-problem-controls{
        margin-top: 20px;
    }
}


/* ================================================================
   v53: predvolené súhlasy, menší nadpis a pás tém pod formulárom
   ================================================================ */
.hm-section-head-anketa{
    margin-bottom: 20px;
}

.hm-section-head-anketa h2{
    font-size: clamp(24px, 3.78vw, 48px);
    line-height: 1;
}

.hm-topic-scroller-below{
    margin-top: 18px;
    margin-bottom: 0;
}

.hm-topic-scroller-below .hm-topic-tab{
    min-height: 58px;
}

@media (max-width: 720px) {
    .hm-section-head-anketa h2{
        font-size: clamp(23px, 7vw, 34px);
    }

    .hm-topic-scroller-below{
        margin-top: 14px;
    }
}

/* ================================================================
   v54: úvod hlasovania, serverové odoslanie, odkaz a registrácia
   ================================================================ */
.hm-vote-intro{
    position: relative;
    z-index: 3;
    overflow: hidden;
    padding: clamp(30px, 5vw, 64px);
    display: grid;
    grid-template-columns: minmax(0, 1.35fr) minmax(270px, .65fr);
    gap: clamp(28px, 5vw, 72px);
    border: 1px solid rgba(255, 255, 255, .25);
    border-radius: 38px;
    background:
        radial-gradient(circle at 82% 18%, rgba(255, 214, 51, .30), transparent 24%),
        radial-gradient(circle at 10% 95%, rgba(101, 185, 255, .20), transparent 28%),
        linear-gradient(135deg, #031d44 0%, #0759ad 62%, #0b78dc 100%);
    color: #fff;
    box-shadow: 0 32px 90px rgba(3, 29, 68, .26);
}

.hm-vote-intro::before{
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    opacity: .38;
    background-image:
        linear-gradient(rgba(255,255,255,.07) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.07) 1px, transparent 1px);
    background-size: 48px 48px;
    mask-image: linear-gradient(90deg, #000, transparent 78%);
}

.hm-vote-intro-copy, .hm-vote-intro-side, .hm-vote-account{
    position: relative;
    z-index: 1;
}

.hm-vote-kicker{
    display: inline-flex;
    align-items: center;
    min-height: 31px;
    padding: 0 12px;
    border-radius: 999px;
    background: var(--hm-yellow);
    color: var(--hm-navy);
    font-size: 11px;
    font-weight: 950;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.hm-vote-intro h3{
    margin: 18px 0 14px;
    max-width: 800px;
    font-size: clamp(36px, 5.2vw, 68px);
    line-height: .96;
    letter-spacing: -.055em;
}

.hm-vote-intro-copy > p{
    max-width: 720px;
    margin: 0;
    color: rgba(255,255,255,.80);
    font-size: clamp(16px, 1.6vw, 20px);
    font-weight: 650;
    line-height: 1.62;
}

.hm-vote-intro-points{
    margin: 27px 0 30px;
    display: grid;
    gap: 11px;
}

.hm-vote-intro-points span{
    display: flex;
    align-items: center;
    gap: 11px;
    color: #fff;
    font-size: 15px;
    font-weight: 800;
}

.hm-vote-intro-points b{
    flex: 0 0 auto;
    width: 26px;
    height: 26px;
    display: grid;
    place-items: center;
    border-radius: 9px;
    background: rgba(255,214,51,.18);
    color: var(--hm-yellow);
    font-size: 12px;
}

.hm-vote-start-button{
    min-height: 64px;
    padding-inline: 25px 14px;
    font-size: 16px;
    box-shadow: 0 18px 42px rgba(0,0,0,.22);
}

.hm-vote-start-button > b{
    width: 38px;
    height: 38px;
    display: grid;
    place-items: center;
    border-radius: 13px;
    background: rgba(3,29,68,.12);
    font-size: 20px;
}

.hm-vote-gate-status{
    min-height: 22px;
    margin: 16px 0 0 !important;
    color: rgba(255,255,255,.70) !important;
    font-size: 13px !important;
    font-weight: 750 !important;
}

.hm-vote-gate-status.is-success{ color: #dff5ff !important; }
.hm-vote-gate-status.is-warning{ color: #ffe982 !important; }
.hm-vote-gate-status.is-error{ color: #ffd7d7 !important; }

.hm-vote-intro-side{
    align-self: stretch;
    padding: 12px;
    display: grid;
    align-content: center;
    gap: 11px;
    border: 1px solid rgba(255,255,255,.15);
    border-radius: 27px;
    background: rgba(255,255,255,.09);
    backdrop-filter: blur(16px);
}

.hm-vote-rule{
    min-height: 102px;
    padding: 17px 18px;
    display: grid;
    grid-template-columns: 52px 1fr;
    align-items: center;
    gap: 14px;
    border-radius: 20px;
    background: rgba(255,255,255,.08);
    border: 1px solid rgba(255,255,255,.10);
}

.hm-vote-rule strong{
    width: 52px;
    height: 52px;
    display: grid;
    place-items: center;
    border-radius: 17px;
    background: var(--hm-yellow);
    color: var(--hm-navy);
    font-size: 22px;
    font-weight: 950;
}

.hm-vote-rule span{
    font-size: 14px;
    font-weight: 800;
    line-height: 1.45;
}

.hm-vote-account{
    grid-column: 1 / -1;
    margin-top: 4px;
    padding: clamp(22px, 3vw, 34px);
    border-radius: 27px;
    background: rgba(255,255,255,.97);
    color: var(--hm-ink);
    box-shadow: 0 24px 70px rgba(0,0,0,.18);
}

.hm-vote-account-head{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
}

.hm-vote-account-head span{
    color: var(--hm-blue);
    font-size: 10px;
    font-weight: 950;
    letter-spacing: .12em;
}

.hm-vote-account-head h4{
    margin: 7px 0 7px;
    font-size: clamp(25px, 3vw, 36px);
    letter-spacing: -.04em;
}

.hm-vote-account-head p{
    max-width: 760px;
    margin: 0;
    color: var(--hm-muted);
    line-height: 1.55;
}

.hm-vote-account-close{
    flex: 0 0 auto;
    width: 42px;
    height: 42px;
    border: 0;
    border-radius: 14px;
    background: rgba(7,34,77,.07);
    color: var(--hm-ink);
    cursor: pointer;
    font-size: 23px;
}

.hm-account-tabs{
    width: max-content;
    margin: 24px 0 16px;
    padding: 5px;
    display: flex;
    gap: 4px;
    border-radius: 15px;
    background: #edf4fd;
}

.hm-account-tabs button{
    min-height: 40px;
    padding: 0 16px;
    border: 0;
    border-radius: 11px;
    background: transparent;
    color: var(--hm-muted);
    cursor: pointer;
    font-weight: 850;
}

.hm-account-tabs button.is-active{
    background: #fff;
    color: var(--hm-blue);
    box-shadow: 0 8px 22px rgba(7,34,77,.10);
}

.hm-account-form{
    display: grid;
    grid-template-columns: minmax(180px, 1fr) minmax(180px, 1fr) auto;
    align-items: end;
    gap: 12px;
}

.hm-account-form label, .hm-vote-message-fields label{
    display: grid;
    gap: 8px;
}

.hm-account-form label > span, .hm-vote-message-fields label > span{
    font-size: 12px;
    font-weight: 900;
}

.hm-account-form input, .hm-vote-message-fields input, .hm-vote-message-fields textarea{
    width: 100%;
    border: 1px solid rgba(7,34,77,.14);
    border-radius: 15px;
    background: #fff;
    color: var(--hm-ink);
    font: inherit;
    outline: 0;
    transition: border-color .2s ease, box-shadow .2s ease;
}

.hm-account-form input{
    min-height: 52px;
    padding: 0 15px;
}

.hm-account-form input:focus, .hm-vote-message-fields input:focus, .hm-vote-message-fields textarea:focus{
    border-color: var(--hm-blue);
    box-shadow: 0 0 0 4px rgba(0,91,187,.10);
}

.hm-account-form .hm-button{ min-height: 52px; }


.hm-vote-message-fields{
    margin-top: 30px;
    display: grid;
    grid-template-columns: minmax(0, 1.55fr) minmax(260px, .45fr);
    gap: 15px;
    align-items: start;
}

.hm-vote-message-fields small{
    color: var(--hm-muted);
    font-weight: 650;
}

.hm-vote-message-fields textarea{
    min-height: 170px;
    padding: 16px;
    resize: vertical;
    line-height: 1.55;
}

.hm-vote-message-fields input{
    min-height: 56px;
    padding: 0 16px;
}





.hm-results{
    margin-top: 0;
    border-color: rgba(0,91,187,.16);
    box-shadow: 0 28px 80px rgba(3,29,68,.16);
}

.hm-results[open] summary{
    background: linear-gradient(100deg, #031d44, #0759ad);
    color: #fff;
}

.hm-results[open] summary small{ color: rgba(255,255,255,.72); }
.hm-results[open] summary > strong{ color: var(--hm-yellow); }

.hm-result-item small{
    display: block;
    margin-top: 4px;
    line-height: 1.35;
}

.hm-vote-again{
    margin: 6px 18px 20px;
    padding: 22px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 22px;
    border-radius: 20px;
    background: #eef6ff;
    border: 1px solid rgba(0,91,187,.12);
}

.hm-vote-again strong{ font-size: 18px; }
.hm-vote-again p{ margin: 5px 0 0; color: var(--hm-muted); line-height: 1.5; }
.hm-vote-again .hm-button{ flex: 0 0 auto; }

.hm-proposal.is-reviewed::after{
    content: "";
    position: absolute;
    top: 10px;
    right: 10px;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--hm-yellow);
    box-shadow: 0 0 0 4px rgba(255,214,51,.16);
}

@media (max-width: 900px) {
    .hm-vote-intro{ grid-template-columns: 1fr; }
    .hm-vote-intro-side{ grid-template-columns: repeat(3, 1fr); }
    .hm-vote-rule{ min-height: 120px; grid-template-columns: 1fr; align-content: center; text-align: center; }
    .hm-vote-rule strong{ margin-inline: auto; }
    .hm-account-form{ grid-template-columns: 1fr 1fr; }
    .hm-account-form .hm-button{ grid-column: 1 / -1; }
    .hm-vote-message-fields{ grid-template-columns: 1fr; }
}

@media (max-width: 640px) {
    .hm-vote-intro{ padding: 24px 19px; border-radius: 27px; }
    .hm-vote-intro h3{ font-size: clamp(34px, 11vw, 48px); }
    .hm-vote-intro-side{ grid-template-columns: 1fr; }
    .hm-vote-rule{ min-height: auto; grid-template-columns: 45px 1fr; text-align: left; }
    .hm-vote-rule strong{ width: 45px; height: 45px; margin: 0; border-radius: 14px; }
    .hm-vote-start-button{ width: 100%; justify-content: space-between; }
    .hm-account-form{ grid-template-columns: 1fr; }
    .hm-account-form .hm-button{ grid-column: auto; width: 100%; }
    .hm-account-tabs{ width: 100%; }
    .hm-account-tabs button{ flex: 1; padding-inline: 9px; }
    
    
    .hm-vote-again{ align-items: stretch; flex-direction: column; }
    .hm-vote-again .hm-button{ width: 100%; justify-content: center; }
}
.hm-account-help{
    margin-top: 12px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    color: var(--hm-muted);
    font-size: 12px;
}
.hm-account-help a{ color: var(--hm-blue); font-weight: 850; }
@media (max-width: 640px) {
    .hm-account-help{ align-items: flex-start; flex-direction: column; }
}


/* -------------------------------------------------------------------------
   v55: kompaktnejší občiansky úvod, tmavočervený pás problémov a 5-bodová anketa
   ---------------------------------------------------------------------- */
:root{
    --hm-civic-red: #5a101b;
    --hm-civic-red-2: #721423;
    --hm-civic-red-dark: #3d0a12;
}

.hm-civic-intro{
    padding: calc(var(--hm-topbar) + 22px) 0 24px;
    background: #fff;
}

.hm-civic-intro-inner{
    max-width: 1000px;
}

.hm-civic-badge{
    display: inline-flex;
    margin-bottom: 10px;
    color: var(--hm-civic-red-2);
    font-size: 12px;
    font-weight: 950;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.hm-civic-intro h1{
    max-width: 900px;
    margin: 0;
    color: #16161b;
    font-size: clamp(42px, 7vw, 82px);
    line-height: .95;
    letter-spacing: -.055em;
}

.hm-civic-intro h1 em{
    display: block;
    margin-top: 7px;
    color: var(--hm-civic-red-2);
    font-style: normal;
}

.hm-civic-intro p{
    max-width: 760px;
    margin: 16px 0 0;
    color: #66636a;
    font-size: clamp(15px, 1.7vw, 18px);
    line-height: 1.55;
}

.hm-problem-strip{
    padding: 24px 0 20px;
    color: #fff;
    background:
        radial-gradient(circle at 100% 0, rgba(255,255,255,.07), transparent 30%),
        linear-gradient(135deg, var(--hm-civic-red-dark), var(--hm-civic-red) 55%, var(--hm-civic-red-2));
    box-shadow: inset 0 1px rgba(255,255,255,.07), inset 0 -1px rgba(0,0,0,.18);
}

.hm-problem-strip-head{
    margin-bottom: 15px;
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 28px;
}

.hm-problem-strip-head span{
    display: block;
    margin-bottom: 4px;
    color: #f3bec6;
    font-size: 10px;
    font-weight: 950;
    letter-spacing: .16em;
    text-transform: uppercase;
}

.hm-problem-strip-head h2{
    margin: 0;
    color: #fff;
    font-size: clamp(23px, 3vw, 34px);
    letter-spacing: -.035em;
}

.hm-problem-strip-head > p{
    max-width: 520px;
    margin: 0;
    color: rgba(255,255,255,.74);
    font-size: 13px;
    line-height: 1.45;
}

.hm-problem-rail{
    display: flex;
    gap: 13px;
    overflow-x: auto;
    overflow-y: hidden;
    padding: 0 0 14px;
    scroll-snap-type: x proximity;
    scrollbar-width: auto;
    scrollbar-color: rgba(255,255,255,.72) rgba(0,0,0,.22);
    overscroll-behavior-inline: contain;
}

.hm-problem-rail::-webkit-scrollbar{ height: 11px; }
.hm-problem-rail::-webkit-scrollbar-track{
    border-radius: 99px;
    background: rgba(0,0,0,.22);
}
.hm-problem-rail::-webkit-scrollbar-thumb{
    border: 2px solid rgba(0,0,0,.14);
    border-radius: 99px;
    background: rgba(255,255,255,.76);
}

.hm-problem-tile{
    flex: 0 0 clamp(235px, 24vw, 305px);
    overflow: hidden;
    scroll-snap-align: start;
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 18px;
    background: rgba(52,4,11,.78);
    box-shadow: 0 12px 28px rgba(31,0,5,.18);
}

.hm-problem-tile-image{
    position: relative;
    height: 150px;
    background-position: center;
    background-size: cover;
}

.hm-problem-tile-image::after{
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, transparent 40%, rgba(38,3,9,.58));
}

.hm-problem-tile-image.is-empty{
    background:
        linear-gradient(135deg, rgba(255,255,255,.10), rgba(255,255,255,.02)),
        var(--hm-civic-red-dark);
}

.hm-problem-tile-image > span{
    position: absolute;
    z-index: 2;
    left: 12px;
    bottom: 10px;
    min-width: 35px;
    padding: 5px 8px;
    border-radius: 9px;
    background: rgba(48,3,10,.82);
    color: #fff;
    font-size: 11px;
    font-weight: 950;
    text-align: center;
}

.hm-problem-tile-copy{
    min-height: 96px;
    padding: 13px 14px 15px;
    background: linear-gradient(180deg, var(--hm-civic-red), #4c0c16);
}

.hm-problem-tile-copy h3{
    margin: 0;
    color: #fff;
    font-size: 16px;
    line-height: 1.25;
}

.hm-problem-tile-copy p{
    margin: 6px 0 0;
    color: rgba(255,255,255,.68);
    font-size: 11px;
    line-height: 1.4;
}

.hm-problem-scroll-note{
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    color: rgba(255,255,255,.58);
    font-size: 10px;
    font-weight: 800;
}

.hm-solutions.hm-section{
    padding-top: 42px;
    background:
        radial-gradient(circle at 95% 5%, rgba(90,16,27,.08), transparent 28%),
        linear-gradient(180deg, #fff, #f8f7f8) !important;
}
.hm-solutions::before, .hm-solutions::after{ display: none !important; }

.hm-civic-vote-intro{
    position: relative;
    z-index: 3;
    max-width: 980px;
    margin: 0 auto 30px;
    padding: clamp(28px, 5vw, 54px);
    border: 1px solid rgba(90,16,27,.13);
    border-radius: 32px;
    background: #fff;
    box-shadow: 0 24px 70px rgba(50,20,25,.10);
    text-align: center;
}

.hm-civic-change-label{
    display: inline-flex;
    margin-bottom: 12px;
    padding: 7px 11px;
    border-radius: 999px;
    background: rgba(90,16,27,.08);
    color: var(--hm-civic-red-2);
    font-size: 11px;
    font-weight: 950;
    letter-spacing: .14em;
}

.hm-civic-vote-intro h2{
    max-width: 800px;
    margin: 0 auto;
    color: #19171a;
    font-size: clamp(38px, 6vw, 68px);
    line-height: .98;
    letter-spacing: -.055em;
}

.hm-civic-vote-lead{
    max-width: 790px;
    margin: 17px auto 0;
    color: var(--hm-civic-red-2);
    font-size: clamp(18px, 2.3vw, 24px);
    font-weight: 850;
    line-height: 1.35;
}

.hm-civic-vote-description{
    max-width: 820px;
    margin: 13px auto 0;
    color: #66636a;
    font-size: 15px;
    line-height: 1.65;
}

.hm-civic-score-legend{
    margin: 24px auto 22px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 7px;
}

.hm-civic-score-legend span{
    padding: 8px 10px;
    border: 1px solid rgba(90,16,27,.10);
    border-radius: 11px;
    background: #faf7f8;
    color: #5f5960;
    font-size: 11px;
    font-weight: 800;
}
.hm-civic-score-legend b{ color: var(--hm-civic-red-2); }

.hm-civic-vote-intro .hm-vote-start-button{
    margin: 0 auto;
    min-height: 58px;
    padding-inline: 25px;
    background: var(--hm-civic-red-2);
    color: #fff;
    box-shadow: 0 16px 30px rgba(90,16,27,.18);
}
.hm-civic-vote-intro .hm-vote-start-button:hover:not(:disabled){
    background: var(--hm-civic-red-dark);
    color: #fff;
}
.hm-civic-vote-intro .hm-vote-gate-status{ margin: 13px auto 0; }
.hm-civic-vote-intro .hm-vote-account{ margin-top: 24px; text-align: left; }





.hm-vote-scale{
    display: grid;
    grid-template-columns: repeat(5, minmax(92px, 1fr));
    gap: 6px;
}

.hm-vote-scale button{
    min-width: 0;
    min-height: 58px;
    padding: 7px 8px;
    justify-content: center;
    flex-direction: column;
    gap: 4px;
    text-align: center;
}

.hm-vote-scale button b{
    width: auto;
    min-width: 30px;
    height: 24px;
    padding: 0 6px;
    border-radius: 8px;
}
.hm-vote-scale button span{ line-height: 1.15; }

.hm-vote-definitely:hover, .hm-vote-definitely.is-selected{
    border-color: rgba(26,111,62,.28) !important;
    background: rgba(26,111,62,.10) !important;
    color: #17633a !important;
}
.hm-vote-yes:hover, .hm-vote-yes.is-selected{
    border-color: rgba(58,132,76,.26) !important;
    background: rgba(58,132,76,.09) !important;
    color: #2b7441 !important;
}
.hm-vote-rather:hover, .hm-vote-rather.is-selected{
    border-color: rgba(122,142,60,.26) !important;
    background: rgba(122,142,60,.10) !important;
    color: #68772b !important;
}
.hm-vote-neutral:hover, .hm-vote-neutral.is-selected{
    border-color: rgba(98,98,105,.25) !important;
    background: rgba(98,98,105,.09) !important;
    color: #59595f !important;
}
.hm-vote-no:hover, .hm-vote-no.is-selected{
    border-color: rgba(126,23,39,.26) !important;
    background: rgba(126,23,39,.09) !important;
    color: var(--hm-civic-red-2) !important;
}

.hm-proposal{
    grid-template-columns: minmax(0, 1fr) minmax(500px, .95fr);
}
.hm-proposal.is-answered{
    border-color: rgba(90,16,27,.20);
    background: linear-gradient(90deg, rgba(90,16,27,.035), white 24%);
}

.hm-result-item > b{
    min-width: 118px;
    color: var(--hm-civic-red-2);
    text-align: right;
}
.hm-result-item > b small{
    display: block;
    margin-top: 3px;
    color: #777178;
    font-size: 9px;
    font-weight: 750;
}

@media (max-width: 980px) {
    .hm-problem-strip-head{ align-items: flex-start; flex-direction: column; gap: 8px; }
    .hm-problem-strip-head > p{ max-width: 700px; }
    .hm-proposal{ grid-template-columns: 1fr; }
    .hm-vote-scale{ grid-template-columns: repeat(5, minmax(0, 1fr)); }
}

@media (max-width: 720px) {
    .hm-civic-intro{ padding: calc(var(--hm-topbar) + 10px) 0 18px; }
    .hm-civic-intro h1{ font-size: clamp(39px, 13vw, 58px); }
    .hm-civic-intro p{ margin-top: 11px; }
    .hm-problem-strip{ padding: 18px 0 14px; }
    .hm-problem-tile{ flex-basis: min(78vw, 275px); }
    .hm-problem-tile-image{ height: 140px; }
    .hm-problem-scroll-note{ justify-content: center; }
    .hm-solutions.hm-section{ padding-top: 26px !important; }
    .hm-civic-vote-intro{ margin-bottom: 20px; padding: 25px 18px; border-radius: 25px; }
    .hm-civic-score-legend{ justify-content: flex-start; overflow-x: auto; flex-wrap: nowrap; padding-bottom: 5px; }
    .hm-civic-score-legend span{ flex: 0 0 auto; }
    .hm-civic-vote-intro .hm-vote-start-button{ width: 100%; justify-content: center; }
    .hm-vote-scale{ grid-template-columns: 1fr; }
    .hm-vote-scale button{
        min-height: 46px;
        padding: 7px 10px;
        flex-direction: row;
        justify-content: flex-start;
        text-align: left;
    }
    .hm-vote-scale button b{ flex: 0 0 34px; }
}

/* -------------------------------------------------------------------------
   v58: návrat k modrej identite; čierny kompaktný pás problémov
   Texty a funkcionalita zostávajú bez zmeny.
   ---------------------------------------------------------------------- */
:root{
    --hm-civic-red: #005bbb;
    --hm-civic-red-2: #006bd6;
    --hm-civic-red-dark: #031d44;
}

/* Úvod – čistý modrý mestský portál */
.hm-civic-intro{
    background:
        radial-gradient(circle at 88% 0%, rgba(0,107,214,.08), transparent 32%),
        linear-gradient(180deg, #ffffff 0%, #f7fbff 100%);
}
.hm-civic-badge{ color: var(--hm-blue); }
.hm-civic-intro h1{ color: var(--hm-navy); }
.hm-civic-intro h1 em{
    color: var(--hm-blue);
    text-shadow: none;
}
.hm-civic-intro p{ color: #61738a; }

/* Jediný tmavý prvok: problémy mesta */
.hm-problem-strip{
    padding: 16px 0 13px;
    background:
        radial-gradient(circle at 92% 0%, rgba(255,255,255,.06), transparent 28%),
        linear-gradient(135deg, #080b10 0%, #11161d 52%, #06080c 100%);
    box-shadow: inset 0 1px rgba(255,255,255,.055), inset 0 -1px rgba(255,255,255,.035);
}
.hm-problem-strip-head{ margin-bottom: 10px; }
.hm-problem-strip-head span{ color: rgba(255,255,255,.50); }
.hm-problem-strip-head h2{
    color: #fff;
    font-size: clamp(21px, 2.5vw, 29px);
    letter-spacing: -.035em;
}
.hm-problem-strip-head > p{
    color: rgba(255,255,255,.58);
    font-size: 12px;
}
.hm-problem-rail{
    gap: 10px;
    padding-bottom: 10px;
    scrollbar-color: rgba(255,255,255,.48) rgba(255,255,255,.08);
}
.hm-problem-rail::-webkit-scrollbar{ height: 8px; }
.hm-problem-rail::-webkit-scrollbar-track{ background: rgba(255,255,255,.07); }
.hm-problem-rail::-webkit-scrollbar-thumb{
    border: 1px solid rgba(0,0,0,.22);
    background: rgba(255,255,255,.48);
}
.hm-problem-tile{
    flex-basis: clamp(210px, 21vw, 270px);
    border-color: rgba(255,255,255,.10);
    border-radius: 14px;
    background: #10151c;
    box-shadow: 0 10px 24px rgba(0,0,0,.28);
}
.hm-problem-tile-image{ height: 116px; }
.hm-problem-tile-image::after{
    background: linear-gradient(180deg, transparent 42%, rgba(0,0,0,.72));
}
.hm-problem-tile-image.is-empty{
    background: linear-gradient(135deg, #171d26, #090c11);
}
.hm-problem-tile-image > span{
    background: rgba(0,0,0,.76);
    border: 1px solid rgba(255,255,255,.10);
}
.hm-problem-tile-copy{
    min-height: 78px;
    padding: 10px 12px 12px;
    background: linear-gradient(180deg, #121820, #0a0e13);
}
.hm-problem-tile-copy h3{ font-size: 14px; }
.hm-problem-tile-copy p{
    margin-top: 4px;
    color: rgba(255,255,255,.58);
    font-size: 10px;
}
.hm-problem-scroll-note{ color: rgba(255,255,255,.42); }

/* Hlasovanie – späť do modrej identity */
.hm-solutions.hm-section{
    background:
        radial-gradient(circle at 7% 5%, rgba(0,91,187,.09), transparent 25%),
        radial-gradient(circle at 94% 23%, rgba(8,126,232,.10), transparent 25%),
        linear-gradient(180deg, #f7fbff 0%, #eef6ff 100%) !important;
}
.hm-civic-vote-intro{
    border-color: rgba(0,91,187,.13);
    box-shadow: 0 24px 70px rgba(0,61,130,.11);
}
.hm-civic-change-label{
    background: rgba(0,91,187,.08);
    color: var(--hm-blue);
}
.hm-civic-vote-intro h2{ color: var(--hm-navy); }
.hm-civic-vote-lead{ color: var(--hm-blue); }
.hm-civic-vote-description{ color: #61738a; }
.hm-civic-score-legend span{
    border-color: rgba(0,91,187,.11);
    background: #f4f9ff;
    color: #5d7087;
}
.hm-civic-score-legend b{ color: var(--hm-blue); }
.hm-civic-vote-intro .hm-vote-start-button{
    background: linear-gradient(135deg, var(--hm-blue), var(--hm-blue-2));
    box-shadow: 0 16px 34px rgba(0,91,187,.24);
}
.hm-civic-vote-intro .hm-vote-start-button:hover:not(:disabled){
    background: linear-gradient(135deg, #004f9f, var(--hm-blue));
}




.hm-proposal.is-answered{
    border-color: rgba(0,91,187,.20);
    background: linear-gradient(90deg, rgba(0,91,187,.045), #fff 25%);
}
.hm-result-item > b{ color: var(--hm-blue); }

/* Moderné, ale nie prehnané nadpisy */
.hm-section-head h2, .hm-section-head-modern h2, .hm-civic-vote-intro h2{
    letter-spacing: -.045em;
    text-wrap: balance;
}
.hm-section-head h2, .hm-section-head-modern h2{
    color: var(--hm-navy);
}
.hm-eyebrow, .hm-section-head-modern > span{ color: var(--hm-blue); }

/* Modrý kvíz zostáva výrazný */
.hm-quiz{
    background:
        radial-gradient(circle at 13% 15%, rgba(101,185,255,.22), transparent 27%),
        radial-gradient(circle at 90% 80%, rgba(255,255,255,.09), transparent 28%),
        linear-gradient(135deg, #031d44, #005bbb 58%, #087ee8);
}

@media (max-width: 720px) {
    .hm-problem-strip{ padding: 12px 0 10px; }
    .hm-problem-strip-head{ margin-bottom: 8px; }
    .hm-problem-strip-head h2{ font-size: 21px; }
    .hm-problem-strip-head > p{ font-size: 10px; }
    .hm-problem-tile{ flex-basis: min(70vw, 235px); }
    .hm-problem-tile-image{ height: 100px; }
    .hm-problem-tile-copy{ min-height: 68px; padding: 9px 10px 10px; }
    .hm-problem-tile-copy h3{ font-size: 13px; }
    .hm-problem-tile-copy p{ font-size: 9px; }
    .hm-problem-scroll-note{ display: none; }
}
/* -------------------------------------------------------------------------
   v60: celoplošný moderný modrý vizuál, väčší hero, rotujúce slogany
        a kompaktnejší automatický pás problémov
   ---------------------------------------------------------------------- */

:root{
    --hm-v60-blue: #0067d9;
    --hm-v60-blue-bright: #0d8cff;
    --hm-v60-blue-soft: #d9edff;
    --hm-v60-blue-pale: #edf7ff;
    --hm-v60-navy: #022a5d;
}

html{ background: #d9edff; }
body{
    background:
        radial-gradient(circle at 12% 8%, rgba(25,145,255,.22), transparent 24%),
        radial-gradient(circle at 88% 21%, rgba(0,88,202,.16), transparent 28%),
        linear-gradient(180deg, #cfe9ff 0%, #e8f5ff 32%, #d5ecff 68%, #cbe5ff 100%);
    color: var(--hm-ink);
}
body::before{
    background:
        radial-gradient(circle at 8% 10%, rgba(0,103,217,.16), transparent 25%),
        radial-gradient(circle at 92% 38%, rgba(13,140,255,.13), transparent 29%),
        linear-gradient(180deg, rgba(222,241,255,.62), rgba(199,228,255,.38));
}

/* Horná časť približne o 20 % vyššia a vizuálne výraznejšia */
.hm-civic-intro{
    min-height: clamp(355px, 39vw, 505px);
    padding: calc(var(--hm-topbar) + 42px) 0 42px;
    display: flex;
    align-items: center;
    background:
        radial-gradient(circle at 88% 8%, rgba(255,255,255,.48), transparent 23%),
        radial-gradient(circle at 74% 76%, rgba(13,140,255,.22), transparent 28%),
        linear-gradient(132deg, #b9ddff 0%, #dff1ff 44%, #c4e5ff 100%);
    border-bottom: 1px solid rgba(0,74,164,.12);
}
.hm-civic-intro::before{
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background:
        linear-gradient(110deg, rgba(255,255,255,.36), transparent 42%),
        repeating-linear-gradient(90deg, rgba(0,75,165,.025) 0 1px, transparent 1px 68px);
}
.hm-civic-intro::after{
    right: -58px;
    bottom: -210px;
    width: 520px;
    height: 520px;
    border-width: 80px;
    border-color: rgba(0,103,217,.055);
}
.hm-civic-intro-inner{
    width: 100%;
    max-width: 1120px;
}
.hm-civic-badge{
    margin-bottom: 15px;
    padding: 8px 13px;
    border-color: rgba(0,82,180,.15);
    background: rgba(255,255,255,.44);
    box-shadow: inset 0 1px rgba(255,255,255,.72);
    backdrop-filter: blur(10px);
}
.hm-civic-intro h1{
    max-width: 1040px;
    font-size: clamp(58px, 8.3vw, 104px);
    line-height: .88;
    letter-spacing: -.072em;
    font-weight: 950;
}
.hm-civic-intro h1 span{
    display: inline-block;
    color: transparent;
    background: linear-gradient(104deg, #012d66 0%, #005dbc 48%, #0c88f5 100%);
    -webkit-background-clip: text;
    background-clip: text;
    filter: drop-shadow(0 10px 22px rgba(0,75,160,.10));
}

/* Rotujúce slogany pod hlavným názvom */
.hm-civic-slogan-rotator{
    position: relative;
    width: min(900px, 100%);
    height: 42px;
    margin-top: 18px;
    overflow: hidden;
}
.hm-civic-slogan{
    position: absolute;
    inset: 0 auto auto 0;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    max-width: 100%;
    color: #075daf;
    font-size: clamp(19px, 2.25vw, 28px);
    font-weight: 850;
    line-height: 1.2;
    letter-spacing: -.03em;
    opacity: 0;
    transform: translateY(15px);
    transition: opacity .42s ease, transform .42s cubic-bezier(.2,.8,.2,1);
}
.hm-civic-slogan::before{
    content: "";
    flex: 0 0 26px;
    width: 26px;
    height: 4px;
    border-radius: 99px;
    background: linear-gradient(90deg, #0067d9, #42adff);
    box-shadow: 0 4px 14px rgba(0,103,217,.20);
}
.hm-civic-slogan.is-active{
    opacity: 1;
    transform: translateY(0);
}
.hm-civic-slogan.is-leaving{
    opacity: 0;
    transform: translateY(-14px);
}
.hm-civic-intro .hm-civic-intro-text{
    max-width: 800px;
    margin-top: 15px;
    color: #446a92;
    font-size: clamp(15px, 1.55vw, 18px);
    font-weight: 590;
}

/* Celé hlavné časti dostávajú modré pozadie namiesto bieleho */
.hm-solutions.hm-section{
    background:
        radial-gradient(circle at 5% 5%, rgba(0,103,217,.14), transparent 24%),
        radial-gradient(circle at 96% 15%, rgba(73,174,255,.17), transparent 26%),
        linear-gradient(180deg, #d9edff 0%, #eef8ff 52%, #d5ebff 100%) !important;
}
.hm-media.hm-section{
    background:
        radial-gradient(circle at 90% 10%, rgba(13,140,255,.12), transparent 24%),
        linear-gradient(180deg, #d6ebff 0%, #eaf6ff 100%);
}
.hm-team.hm-section{
    background:
        radial-gradient(circle at 8% 18%, rgba(0,103,217,.12), transparent 25%),
        linear-gradient(180deg, #cfe7ff 0%, #e4f3ff 100%);
}



/* Menší čierny panel problémov */
.hm-problem-strip{
    padding: 12px 0 9px;
    background:
        radial-gradient(circle at 92% -40%, rgba(0,126,255,.15), transparent 32%),
        linear-gradient(112deg, #040608 0%, #0b1016 52%, #020305 100%);
}
.hm-problem-strip-head{
    margin-bottom: 8px;
    gap: 18px;
}
.hm-problem-strip-head span{
    margin-bottom: 2px;
    font-size: 9px;
}
.hm-problem-strip-head h2{
    font-size: clamp(19px, 2.15vw, 27px);
    letter-spacing: -.043em;
}
.hm-problem-strip-head > p{
    max-width: 470px;
    font-size: 10px;
    line-height: 1.35;
}
.hm-problem-rail{
    gap: 11px;
    padding: 1px 5px 7px 1px;
    scroll-behavior: smooth;
    scrollbar-width: thin;
}
.hm-problem-rail::-webkit-scrollbar{ height: 6px; }
.hm-problem-tile{
    flex: 0 0 clamp(235px, 22vw, 290px);
    display: grid;
    grid-template-columns: 32% 68%;
    min-height: 108px;
    clip-path: polygon(0 0, 92% 0, 100% 19%, 100% 100%, 8% 100%, 0 81%);
    transform: skewX(-2.6deg);
}
.hm-problem-tile:hover{
    transform: skewX(-2.6deg) translateY(-2px);
}
.hm-problem-tile-image, .hm-problem-tile-copy{
    transform: skewX(2.6deg) scaleX(1.018);
}
.hm-problem-tile-image{
    height: 108px;
    min-height: 108px;
    margin: 0;
    background-size: cover;
    background-position: center;
}
.hm-problem-tile-image > span{
    left: 9px;
    bottom: 8px;
    min-width: 28px;
    padding: 3px 6px;
    font-size: 9px;
}
.hm-problem-tile-copy{
    min-height: 108px;
    padding: 14px 17px 13px 15px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background:
        linear-gradient(90deg, rgba(0,103,217,.12), transparent 34%),
        linear-gradient(180deg, #121923, #080d13);
}
.hm-problem-tile-copy h3{
    font-size: 18px;
    line-height: 1.12;
}
.hm-problem-tile-copy p{
    margin-top: 6px;
    font-size: 12.5px;
    line-height: 1.35;
}
.hm-problem-scroll-note{
    margin-top: 1px;
    font-size: 9px;
    opacity: .72;
}

@media (max-width: 720px) {
    .hm-civic-intro{
        min-height: 390px;
        padding: calc(var(--hm-topbar) + 34px) 0 34px;
    }
    .hm-civic-intro h1{
        font-size: clamp(52px, 16vw, 76px);
        line-height: .9;
    }
    .hm-civic-slogan-rotator{
        height: 38px;
        margin-top: 15px;
    }
    .hm-civic-slogan{
        font-size: clamp(17px, 5.3vw, 22px);
    }
    .hm-civic-intro .hm-civic-intro-text{
        margin-top: 10px;
        font-size: 14px;
    }
    .hm-problem-strip{ padding: 10px 0 8px; }
    .hm-problem-strip-head{ margin-bottom: 7px; }
    .hm-problem-strip-head h2{ font-size: 20px; }
    .hm-problem-strip-head > p{ font-size: 9.5px; }
    .hm-problem-tile{
        flex-basis: min(82vw, 284px);
        grid-template-columns: 30% 70%;
        min-height: 104px;
        transform: skewX(-2deg);
    }
    .hm-problem-tile:hover{ transform: skewX(-2deg); }
    .hm-problem-tile-image, .hm-problem-tile-copy{ transform: skewX(2deg) scaleX(1.012); }
    .hm-problem-tile-image{ height: 104px; min-height: 104px; }
    .hm-problem-tile-copy{ min-height: 104px; padding: 12px 14px; }
    .hm-problem-tile-copy h3{ font-size: 17px; }
    .hm-problem-tile-copy p{ font-size: 12px; }
}

@media (prefers-reduced-motion: reduce) {
    .hm-civic-slogan{ transition: none; }
    .hm-problem-rail{ scroll-behavior: auto; }
}

/* -------------------------------------------------------------------------
   v61: moderný filmový pás problémov mesta
   ---------------------------------------------------------------------- */
.hm-problem-strip{
    position: relative;
    isolation: isolate;
    overflow: hidden;
    padding: 19px 0 17px;
    border-top: 1px solid rgba(86,174,255,.18);
    border-bottom: 1px solid rgba(86,174,255,.14);
    background:
        radial-gradient(circle at 12% 42%, rgba(0,112,230,.13), transparent 24%),
        radial-gradient(circle at 88% 20%, rgba(80,178,255,.09), transparent 22%),
        linear-gradient(180deg, #06090d 0%, #090e15 48%, #04070a 100%);
    box-shadow:
        inset 0 1px rgba(255,255,255,.045),
        inset 0 -1px rgba(255,255,255,.035),
        0 16px 44px rgba(0,25,58,.13);
}

/* Filmové perforácie – horný a dolný okraj pásu */
.hm-problem-strip::before, .hm-problem-strip::after{
    content: "";
    position: absolute;
    z-index: 0;
    left: 0;
    right: 0;
    height: 8px;
    pointer-events: none;
    opacity: .92;
    background:
        radial-gradient(ellipse at center, #020305 0 48%, transparent 51%) 0 0 / 25px 8px repeat-x,
        linear-gradient(90deg, rgba(30,132,235,.14), rgba(255,255,255,.06), rgba(30,132,235,.14));
}
.hm-problem-strip::before{ top: 4px; }
.hm-problem-strip::after{ bottom: 4px; }

.hm-problem-strip .hm-container{
    position: relative;
    z-index: 2;
}

.hm-problem-strip-head{
    margin-bottom: 10px;
    padding: 0 4px;
}
.hm-problem-strip-head span{
    color: #6bb9ff;
    font-size: 9px;
    letter-spacing: .19em;
}
.hm-problem-strip-head h2{
    position: relative;
    display: inline-block;
    font-size: clamp(20px, 2.1vw, 27px);
    font-weight: 950;
    letter-spacing: -.045em;
    text-shadow: 0 7px 24px rgba(0,112,230,.12);
}
.hm-problem-strip-head h2::after{
    content: "";
    display: inline-block;
    width: 34px;
    height: 3px;
    margin: 0 0 5px 10px;
    border-radius: 99px;
    background: linear-gradient(90deg, #087ee8, #67c2ff);
    box-shadow: 0 0 20px rgba(8,126,232,.48);
}
.hm-problem-strip-head > p{
    color: rgba(225,239,255,.55);
    font-size: 10px;
}

/* Samotný film – jeden súvislý tmavý pás s rámikmi */
.hm-problem-rail{
    position: relative;
    gap: 7px;
    margin-inline: -5px;
    padding: 14px 10px 15px;
    overflow-x: auto;
    scroll-snap-type: none;
    scroll-behavior: auto;
    scrollbar-width: none;
    cursor: grab;
    border-top: 1px solid rgba(255,255,255,.05);
    border-bottom: 1px solid rgba(255,255,255,.05);
    background:
        linear-gradient(180deg, rgba(255,255,255,.025), transparent 18%, transparent 82%, rgba(255,255,255,.02)),
        rgba(0,0,0,.16);
    box-shadow: inset 0 12px 28px rgba(0,0,0,.22), inset 0 -12px 28px rgba(0,0,0,.18);
    mask-image: linear-gradient(90deg, transparent 0, #000 2.8%, #000 97.2%, transparent 100%);
    -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 2.8%, #000 97.2%, transparent 100%);
}
.hm-problem-rail:active{ cursor: grabbing; }
.hm-problem-rail::-webkit-scrollbar{ display: none; }

.hm-problem-tile{
    position: relative;
    flex: 0 0 clamp(248px, 22.5vw, 302px);
    display: grid;
    grid-template-columns: 29% 71%;
    min-height: 104px;
    overflow: hidden;
    border: 1px solid rgba(157,207,255,.16);
    border-radius: 4px;
    clip-path: polygon(0 0, 96% 0, 100% 11%, 100% 100%, 4% 100%, 0 89%);
    background: #080d13;
    box-shadow:
        0 8px 20px rgba(0,0,0,.30),
        inset 0 0 0 1px rgba(255,255,255,.018);
    transform: none;
    transition: transform .28s cubic-bezier(.2,.8,.2,1), border-color .28s ease, box-shadow .28s ease;
}
.hm-problem-tile::before{
    content: "";
    position: absolute;
    z-index: 4;
    left: 0;
    top: 0;
    width: 3px;
    height: 100%;
    background: linear-gradient(180deg, #0a8cff, #72c8ff 48%, #055bb8);
    box-shadow: 0 0 16px rgba(10,140,255,.45);
}
.hm-problem-tile::after{
    content: "";
    position: absolute;
    z-index: 3;
    inset: 0;
    pointer-events: none;
    background: linear-gradient(112deg, rgba(255,255,255,.055), transparent 22%, transparent 76%, rgba(9,126,235,.055));
}
.hm-problem-tile:hover{
    z-index: 5;
    transform: translateY(-4px) scale(1.012);
    border-color: rgba(83,174,255,.38);
    box-shadow: 0 14px 34px rgba(0,70,145,.22), 0 9px 24px rgba(0,0,0,.34);
}
.hm-problem-tile-image, .hm-problem-tile-copy{
    transform: none;
}
.hm-problem-tile-image{
    height: 104px;
    min-height: 104px;
    border-right: 1px solid rgba(96,178,255,.14);
    filter: saturate(.9) contrast(1.06);
}
.hm-problem-tile-image::after{
    background:
        linear-gradient(90deg, transparent 46%, rgba(4,9,15,.38)),
        linear-gradient(180deg, transparent 54%, rgba(0,0,0,.46));
}
.hm-problem-tile-image > span{
    left: 8px;
    bottom: 7px;
    min-width: 29px;
    padding: 4px 6px;
    border: 1px solid rgba(112,195,255,.26);
    border-radius: 3px;
    background: rgba(2,8,14,.84);
    color: #9ed7ff;
    font-size: 9px;
    letter-spacing: .08em;
    box-shadow: 0 5px 14px rgba(0,0,0,.28);
}
.hm-problem-tile-copy{
    min-height: 104px;
    padding: 12px 15px 12px 14px;
    justify-content: center;
    background:
        radial-gradient(circle at 0 50%, rgba(8,126,232,.12), transparent 45%),
        linear-gradient(180deg, #111923, #080d13);
}
.hm-problem-tile-copy h3{
    font-size: 18.5px;
    line-height: 1.08;
    letter-spacing: -.025em;
}
.hm-problem-tile-copy p{
    margin-top: 6px;
    color: rgba(224,238,251,.64);
    font-size: 12.5px;
    line-height: 1.32;
}
.hm-problem-scroll-note{
    margin-top: 3px;
    color: rgba(190,220,247,.48);
    font-size: 9px;
    letter-spacing: .035em;
}

/* Klony slúžia iba na plynulú nekonečnú slučku */
.hm-problem-tile.is-film-clone{ pointer-events: none; }

@media (max-width: 720px) {
    .hm-problem-strip{ padding: 18px 0 16px; }
    .hm-problem-strip::before, .hm-problem-strip::after{ height: 7px; background-size: 22px 7px, auto; }
    .hm-problem-strip-head{ margin-bottom: 8px; }
    .hm-problem-strip-head h2{ font-size: 20px; }
    .hm-problem-strip-head h2::after{ width: 24px; margin-left: 7px; }
    .hm-problem-rail{
        margin-inline: -14px;
        padding: 12px 14px 13px;
        mask-image: linear-gradient(90deg, transparent 0, #000 5%, #000 95%, transparent 100%);
        -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 5%, #000 95%, transparent 100%);
    }
    .hm-problem-tile{
        flex-basis: min(83vw, 292px);
        grid-template-columns: 28% 72%;
        min-height: 100px;
    }
    .hm-problem-tile:hover{ transform: none; }
    .hm-problem-tile-image, .hm-problem-tile-copy{ min-height: 100px; height: 100px; }
    .hm-problem-tile-copy{ height: auto; padding: 11px 13px; }
    .hm-problem-tile-copy h3{ font-size: 17.5px; }
    .hm-problem-tile-copy p{ font-size: 12px; }
}

@media (prefers-reduced-motion: reduce) {
    .hm-problem-tile{ transition: none; }
}



/* -------------------------------------------------------------------------
   v62: moderný prémiový úvod ankety podľa schváleného vizuálu
   ---------------------------------------------------------------------- */
.hm-solutions.hm-section{
    padding-top: clamp(34px, 4vw, 58px);
    padding-bottom: clamp(44px, 6vw, 82px);
    background:
        radial-gradient(circle at 8% 7%, rgba(91, 180, 255, .28), transparent 28%),
        radial-gradient(circle at 94% 18%, rgba(14, 108, 224, .18), transparent 27%),
        linear-gradient(135deg, #cfeaff 0%, #eaf6ff 46%, #d5edff 100%) !important;
}

.hm-civic-vote-intro{
    position: relative;
    isolation: isolate;
    max-width: 1220px;
    margin: 0 auto 36px;
    padding: clamp(54px, 6vw, 82px) clamp(28px, 6vw, 76px) clamp(42px, 5vw, 64px);
    overflow: hidden;
    border: 1px solid rgba(255,255,255,.88) !important;
    border-radius: clamp(34px, 4vw, 50px);
    background:
        radial-gradient(circle at 92% 10%, rgba(39, 132, 239, .055), transparent 27%),
        radial-gradient(circle at 6% 92%, rgba(0, 91, 187, .04), transparent 28%),
        linear-gradient(180deg, rgba(255,255,255,.985), rgba(250,253,255,.985)) !important;
    box-shadow:
        0 34px 80px rgba(0, 68, 145, .17),
        0 8px 24px rgba(0, 65, 137, .07),
        inset 0 1px rgba(255,255,255,.95) !important;
    text-align: center;
}
.hm-civic-vote-intro::before{
    content: "";
    position: absolute;
    z-index: -1;
    width: 360px;
    height: 360px;
    top: -245px;
    right: -125px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(9,126,232,.11), transparent 67%);
}
.hm-civic-vote-intro::after{
    content: "";
    position: absolute;
    z-index: -1;
    width: 280px;
    height: 280px;
    left: -180px;
    bottom: -190px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(101,185,255,.13), transparent 68%);
}

.hm-civic-change-label{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin-bottom: clamp(24px, 3vw, 34px);
    padding: 9px 17px 9px 10px;
    border: 1px solid rgba(0,91,187,.08);
    border-radius: 999px;
    background: linear-gradient(180deg, #eff7ff, #e4f1ff) !important;
    color: #0a5fc0 !important;
    box-shadow: 0 8px 22px rgba(0,91,187,.07);
    font-size: 13px;
    font-weight: 950;
    letter-spacing: .075em;
}
.hm-civic-change-icon{
    display: grid;
    place-items: center;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: linear-gradient(145deg, #0a70dc, #1855c9);
    box-shadow: 0 6px 14px rgba(0,91,187,.22), inset 0 1px rgba(255,255,255,.28);
}
.hm-civic-change-icon svg{
    width: 19px;
    height: 19px;
    fill: #fff;
}

.hm-civic-vote-intro h2{
    max-width: 1080px;
    margin: 0 auto;
    color: #031d44 !important;
    font-size: clamp(54px, 7.2vw, 96px);
    font-weight: 950;
    line-height: .94;
    letter-spacing: -.073em;
    text-wrap: balance;
}
.hm-civic-vote-intro h2 > span{
    color: #031d44;
}
.hm-civic-vote-intro h2 > strong{
    font-weight: inherit;
    background: linear-gradient(120deg, #0b3c99 5%, #096bd9 58%, #1888f0 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.hm-civic-vote-lead{
    max-width: 1020px;
    margin: clamp(22px, 3vw, 32px) auto 0;
    color: #0a5fc0 !important;
    font-size: clamp(22px, 2.65vw, 34px);
    font-weight: 900;
    line-height: 1.17;
    letter-spacing: -.035em;
    text-wrap: balance;
}

.hm-civic-vote-description{
    max-width: 890px;
    margin: clamp(19px, 2.2vw, 27px) auto 0;
    color: #49617f !important;
    font-size: clamp(16px, 1.55vw, 20px);
    font-weight: 500;
    line-height: 1.64;
    letter-spacing: -.012em;
    text-wrap: pretty;
}

/* V úvode už bodovacie štítky nezobrazujeme. Bodovanie ostáva v samotnej ankete. */
.hm-civic-score-legend{
    display: none !important;
}

.hm-civic-vote-intro .hm-vote-start-button{
    position: relative;
    width: min(100%, 660px);
    min-height: clamp(84px, 8vw, 106px);
    margin: clamp(34px, 4vw, 50px) auto 0;
    padding: 10px 14px 10px clamp(32px, 5vw, 62px);
    justify-content: space-between;
    gap: 24px;
    overflow: hidden;
    border: 4px solid rgba(116, 213, 255, .78) !important;
    border-radius: 999px !important;
    background:
        linear-gradient(180deg, rgba(255,255,255,.16), transparent 41%),
        linear-gradient(110deg, #064cb9 0%, #066ce3 48%, #1b70ea 100%) !important;
    color: #fff !important;
    box-shadow:
        0 21px 39px rgba(0,87,200,.30),
        0 0 0 1px rgba(0,73,183,.08),
        inset 0 2px rgba(255,255,255,.28),
        inset 0 -4px 10px rgba(0,41,133,.18) !important;
    font-size: clamp(25px, 2.5vw, 38px);
    font-weight: 950;
    letter-spacing: -.025em;
    text-shadow: 0 2px 4px rgba(0,42,110,.2);
    transform: translateZ(0);
}
.hm-civic-vote-intro .hm-vote-start-button::before{
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: linear-gradient(105deg, transparent 0 28%, rgba(255,255,255,.12) 46%, transparent 63%);
    transform: translateX(-120%);
    transition: transform .6s ease;
}
.hm-civic-vote-intro .hm-vote-start-button:hover:not(:disabled)::before{
    transform: translateX(120%);
}
.hm-civic-vote-intro .hm-vote-start-button:hover:not(:disabled){
    background:
        linear-gradient(180deg, rgba(255,255,255,.19), transparent 41%),
        linear-gradient(110deg, #063e9f 0%, #0565d8 48%, #1475f5 100%) !important;
    box-shadow:
        0 25px 48px rgba(0,87,200,.38),
        0 0 0 1px rgba(0,73,183,.10),
        inset 0 2px rgba(255,255,255,.30),
        inset 0 -4px 10px rgba(0,41,133,.19) !important;
    transform: translateY(-3px);
}
.hm-civic-vote-intro .hm-vote-start-button > span{
    flex: 1 1 auto;
    text-align: center;
}
.hm-civic-vote-intro .hm-vote-start-button > b{
    position: relative;
    z-index: 1;
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    width: clamp(58px, 6vw, 76px);
    height: clamp(58px, 6vw, 76px);
    border-radius: 50%;
    background: linear-gradient(145deg, rgba(89,168,255,.75), rgba(8,86,205,.74));
    box-shadow:
        inset 0 1px rgba(255,255,255,.25),
        0 10px 22px rgba(0,48,136,.20);
    font-size: clamp(31px, 3vw, 42px);
    line-height: 1;
    transition: transform .25s ease, background .25s ease;
}
.hm-civic-vote-intro .hm-vote-start-button:hover:not(:disabled) > b{
    transform: translateX(4px);
    background: linear-gradient(145deg, rgba(99,181,255,.88), rgba(6,76,192,.82));
}

.hm-civic-vote-helper{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    max-width: 760px;
    margin: 25px auto 0;
    color: #4f86d6;
    font-size: clamp(13px, 1.3vw, 17px);
    font-weight: 600;
    line-height: 1.45;
}
.hm-civic-vote-helper > span{
    display: grid;
    place-items: center;
    flex: 0 0 auto;
}
.hm-civic-vote-helper svg{
    width: 23px;
    height: 23px;
    fill: #1670da;
}

.hm-civic-vote-intro .hm-vote-gate-status{
    margin: 10px auto 0;
    min-height: 18px;
    color: #7694b9 !important;
    font-size: 12px;
    opacity: .88;
}
.hm-civic-vote-intro .hm-vote-gate-status:empty{
    display: none;
}
.hm-civic-vote-intro .hm-vote-account{
    max-width: 900px;
    margin: 28px auto 0;
    text-align: left;
}

@media (max-width: 760px) {
    .hm-solutions.hm-section{
        padding-top: 25px;
        padding-inline: 0;
    }
    .hm-civic-vote-intro{
        padding: 38px 18px 34px;
        border-radius: 30px;
    }
    .hm-civic-change-label{
        margin-bottom: 24px;
        font-size: 11px;
        padding-right: 14px;
    }
    .hm-civic-change-icon{
        width: 30px;
        height: 30px;
    }
    .hm-civic-vote-intro h2{
        font-size: clamp(45px, 14vw, 66px);
        line-height: .96;
        letter-spacing: -.065em;
    }
    .hm-civic-vote-lead{
        margin-top: 20px;
        font-size: clamp(20px, 6.1vw, 28px);
        line-height: 1.18;
    }
    .hm-civic-vote-description{
        margin-top: 18px;
        font-size: 15px;
        line-height: 1.57;
    }
    .hm-civic-vote-intro .hm-vote-start-button{
        width: 100%;
        min-height: 78px;
        margin-top: 30px;
        padding: 8px 9px 8px 25px;
        gap: 10px;
        border-width: 3px !important;
        font-size: clamp(22px, 6vw, 28px);
    }
    .hm-civic-vote-intro .hm-vote-start-button > b{
        width: 58px;
        height: 58px;
        font-size: 32px;
    }
    .hm-civic-vote-helper{
        margin-top: 20px;
        padding-inline: 4px;
        align-items: flex-start;
        font-size: 12.5px;
    }
    .hm-civic-vote-helper svg{
        width: 20px;
        height: 20px;
    }
}

@media (max-width: 430px) {
    .hm-civic-vote-intro h2{
        font-size: clamp(42px, 13.5vw, 58px);
    }
    .hm-civic-vote-intro .hm-vote-start-button{
        min-height: 72px;
        padding-left: 20px;
        font-size: 21px;
    }
    .hm-civic-vote-intro .hm-vote-start-button > b{
        width: 52px;
        height: 52px;
        font-size: 29px;
    }
}


/* Obe úvodné karty sú približne o 20 % kompaktnejšie než v62. */
.hm-civic-vote-intro{
    max-width: 980px;
    margin-bottom: 28px;
    padding: clamp(42px, 4.7vw, 62px) clamp(24px, 5vw, 58px) clamp(34px, 4vw, 48px);
    border-radius: clamp(28px, 3.5vw, 40px);
}
.hm-civic-change-label{
    margin-bottom: clamp(18px, 2.2vw, 26px);
}
.hm-civic-vote-intro h2{
    max-width: 880px;
    font-size: clamp(46px, 6vw, 76px);
    line-height: .95;
}
.hm-civic-vote-lead{
    max-width: 850px;
    margin-top: clamp(17px, 2.2vw, 24px);
    font-size: clamp(19px, 2.1vw, 27px);
}
.hm-civic-vote-description{
    max-width: 760px;
    margin-top: clamp(14px, 1.8vw, 20px);
    font-size: clamp(14px, 1.35vw, 17px);
    line-height: 1.55;
}
.hm-civic-vote-intro .hm-vote-start-button{
    width: min(100%, 540px);
    min-height: clamp(70px, 6.5vw, 84px);
    margin-top: clamp(25px, 3vw, 34px);
    padding-left: clamp(26px, 4vw, 46px);
    font-size: clamp(22px, 2.1vw, 30px);
}
.hm-civic-vote-intro .hm-vote-start-button > b{
    width: clamp(52px, 5.1vw, 64px);
    height: clamp(52px, 5.1vw, 64px);
    font-size: clamp(27px, 2.6vw, 34px);
}
.hm-civic-vote-helper{
    margin-top: 18px;
    font-size: clamp(12px, 1.1vw, 14px);
}

/* Kvíz má teraz rovnaký prémiový modro-biely vstup ako anketa. */
.hm-quiz.hm-section{
    padding-top: clamp(34px, 4vw, 56px);
    padding-bottom: clamp(44px, 5vw, 70px);
    color: var(--hm-navy);
    background:
        radial-gradient(circle at 9% 8%, rgba(91,180,255,.28), transparent 27%),
        radial-gradient(circle at 93% 17%, rgba(14,108,224,.18), transparent 26%),
        linear-gradient(135deg, #cfeaff 0%, #eaf6ff 48%, #d5edff 100%) !important;
}
.hm-quiz::before{ display: none !important; }
.hm-quiz-shell{
    display: block;
    max-width: 1180px;
}
.hm-quiz-intro{
    position: relative;
    isolation: isolate;
    max-width: 980px;
    margin: 0 auto;
    padding: clamp(42px, 4.7vw, 62px) clamp(24px, 5vw, 58px) clamp(34px, 4vw, 48px);
    overflow: hidden;
    border: 1px solid rgba(255,255,255,.88);
    border-radius: clamp(28px, 3.5vw, 40px);
    background:
        radial-gradient(circle at 92% 10%, rgba(39,132,239,.055), transparent 27%),
        radial-gradient(circle at 6% 92%, rgba(0,91,187,.04), transparent 28%),
        linear-gradient(180deg, rgba(255,255,255,.985), rgba(250,253,255,.985));
    box-shadow: 0 30px 70px rgba(0,68,145,.16), 0 8px 22px rgba(0,65,137,.07);
    text-align: center;
}
.hm-quiz-change-label{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin-bottom: clamp(18px, 2.2vw, 26px);
    padding: 8px 16px 8px 9px;
    border: 1px solid rgba(0,91,187,.08);
    border-radius: 999px;
    background: linear-gradient(180deg, #eff7ff, #e4f1ff);
    color: #0a5fc0;
    box-shadow: 0 8px 22px rgba(0,91,187,.07);
    font-size: 12px;
    font-weight: 950;
    letter-spacing: .075em;
    text-transform: uppercase;
}
.hm-quiz-change-icon{
    display: grid;
    place-items: center;
    width: 31px;
    height: 31px;
    border-radius: 50%;
    background: linear-gradient(145deg, #0a70dc, #1855c9);
    color: #fff;
    box-shadow: 0 6px 14px rgba(0,91,187,.22), inset 0 1px rgba(255,255,255,.28);
    font-size: 17px;
    font-weight: 950;
}
.hm-quiz-intro h2{
    max-width: 880px;
    margin: 0 auto;
    color: #031d44;
    font-size: clamp(46px, 6vw, 76px);
    font-weight: 950;
    line-height: .95;
    letter-spacing: -.066em;
    text-wrap: balance;
}
.hm-quiz-intro > p{
    max-width: 760px;
    margin: clamp(16px, 2vw, 22px) auto 0;
    color: #49617f;
    font-size: clamp(14px, 1.35vw, 17px);
    font-weight: 520;
    line-height: 1.55;
}
.hm-quiz-facts{
    width: min(100%, 520px);
    margin: 22px auto 14px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 8px;
}
.hm-quiz-facts span{
    min-height: 58px;
    padding: 9px 10px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 6px;
    border: 1px solid rgba(0,91,187,.10);
    border-radius: 15px;
    background: #f4f9ff;
    color: #607795;
    font-size: 11px;
    font-weight: 800;
}
.hm-quiz-facts strong{
    color: var(--hm-blue);
    font-size: 20px;
    line-height: 1;
}
.hm-quiz .hm-rules{
    width: min(100%, 520px);
    margin: 0 auto;
    color: #49617f;
    text-align: left;
}
.hm-quiz .hm-rules summary{
    min-height: 42px;
    border: 1px solid rgba(0,91,187,.10);
    background: rgba(245,250,255,.94);
    color: #0a5fc0;
}
.hm-quiz .hm-rules > div{
    border-color: rgba(0,91,187,.10);
    background: #fff;
    color: #5f7591;
}
.hm-quiz-start-button{
    position: relative;
    width: min(100%, 540px);
    min-height: clamp(70px, 6.5vw, 84px);
    margin: 24px auto 0;
    padding: 8px 10px 8px clamp(26px, 4vw, 46px);
    justify-content: space-between;
    gap: 18px;
    overflow: hidden;
    border: 3px solid rgba(116,213,255,.76) !important;
    border-radius: 999px !important;
    background:
        linear-gradient(180deg, rgba(255,255,255,.16), transparent 41%),
        linear-gradient(110deg, #064cb9 0%, #066ce3 48%, #1b70ea 100%) !important;
    color: #fff !important;
    box-shadow: 0 18px 34px rgba(0,87,200,.28), inset 0 2px rgba(255,255,255,.28) !important;
    font-size: clamp(22px, 2.1vw, 30px);
    font-weight: 950;
    letter-spacing: -.025em;
}
.hm-quiz-start-button > span{ flex: 1 1 auto; text-align: center; }
.hm-quiz-start-button > b{
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    width: clamp(52px, 5.1vw, 64px);
    height: clamp(52px, 5.1vw, 64px);
    border-radius: 50%;
    background: linear-gradient(145deg, rgba(89,168,255,.76), rgba(8,86,205,.75));
    box-shadow: inset 0 1px rgba(255,255,255,.25), 0 8px 18px rgba(0,48,136,.20);
    font-size: clamp(27px, 2.6vw, 34px);
}
.hm-quiz-start-button:hover:not(:disabled){
    transform: translateY(-2px);
    box-shadow: 0 22px 42px rgba(0,87,200,.34), inset 0 2px rgba(255,255,255,.30) !important;
}
.hm-quiz-intro .hm-form-note{
    min-height: 18px;
    margin: 12px auto 0;
    color: #6b88aa;
}


/* Spustená anketa a kvíz fungujú ako jedna samostatná obrazovka. */




/* ANKETA – celá jedna téma bez scrollovania. */


/* Záverečný krok hlasovania ostáva v rovnakom bezscrollovom režime. */


/* KVÍZ – jedna otázka na jednej obrazovke, bez scrollovania stránky. */


@media (max-width: 760px) {
    /* Kompaktnejšie štartovacie karty na mobile. */
    .hm-civic-vote-intro, .hm-quiz-intro{
        width: 100%;
        padding: 30px 16px 27px;
        border-radius: 25px;
    }
    .hm-civic-vote-intro h2, .hm-quiz-intro h2{
        font-size: clamp(38px, 12vw, 54px);
    }
    .hm-civic-vote-lead{ font-size: clamp(18px, 5.3vw, 23px); }
    .hm-civic-vote-description, .hm-quiz-intro > p{ font-size: 13px; line-height: 1.48; }
    .hm-civic-vote-intro .hm-vote-start-button, .hm-quiz-start-button{
        min-height: 66px;
        margin-top: 23px;
        padding-left: 18px;
        border-width: 3px !important;
        font-size: clamp(19px, 5.5vw, 24px);
    }
    .hm-civic-vote-intro .hm-vote-start-button > b, .hm-quiz-start-button > b{
        width: 50px;
        height: 50px;
        font-size: 28px;
    }
    .hm-quiz-facts{ margin-top: 18px; }
    .hm-quiz-facts span{ min-height: 50px; padding: 7px 5px; font-size: 9px; }
    .hm-quiz-facts strong{ font-size: 17px; }

    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    

    
    
    
    
    

    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
}

/* Veľmi nízke displeje: zachovať jednu obrazovku aj pri menšej výške. */
@media (max-height: 650px) {
    
    
    
    
    
    
    
    
}

/* -------------------------------------------------------------------------
   v64: o 20 % menšie vstupné karty + o 50 % kompaktnejšie medzery sekcií
   ---------------------------------------------------------------------- */

/* Hlavné bloky stránky sú bližšie pri sebe. */
.hm-section{
    padding-top: 60px !important;
    padding-bottom: 60px !important;
}
.hm-solutions.hm-section, .hm-quiz.hm-section, .hm-media.hm-section, .hm-team.hm-section{
    padding-top: clamp(28px, 3.1vw, 46px) !important;
    padding-bottom: clamp(28px, 3.1vw, 46px) !important;
}
.hm-section-head{
    margin-bottom: 24px;
}
.hm-section-head-split{
    gap: 36px;
}
.hm-section-head h2{
    margin-top: 8px;
    margin-bottom: 8px;
}

/* Úvodná karta ankety – ďalších približne -20 %. */
.hm-civic-vote-intro{
    max-width: 784px;
    margin-top: 0;
    margin-bottom: 14px;
    padding: clamp(34px, 3.75vw, 50px) clamp(20px, 4vw, 46px) clamp(27px, 3.2vw, 38px);
    border-radius: clamp(24px, 2.9vw, 32px);
}
.hm-civic-change-label{
    margin-bottom: clamp(14px, 1.75vw, 21px);
    transform: scale(.94);
    transform-origin: center;
}
.hm-civic-vote-intro h2{
    max-width: 704px;
    font-size: clamp(37px, 4.8vw, 61px);
}
.hm-civic-vote-lead{
    max-width: 680px;
    margin-top: clamp(14px, 1.75vw, 19px);
    font-size: clamp(16px, 1.7vw, 22px);
}
.hm-civic-vote-description{
    max-width: 608px;
    margin-top: clamp(11px, 1.45vw, 16px);
    font-size: clamp(12px, 1.1vw, 14px);
    line-height: 1.48;
}
.hm-civic-vote-intro .hm-vote-start-button{
    width: min(100%, 432px);
    min-height: clamp(56px, 5.2vw, 67px);
    margin-top: clamp(20px, 2.4vw, 27px);
    padding-left: clamp(21px, 3.2vw, 37px);
    font-size: clamp(18px, 1.7vw, 24px);
}
.hm-civic-vote-intro .hm-vote-start-button > b{
    width: clamp(42px, 4.1vw, 51px);
    height: clamp(42px, 4.1vw, 51px);
    font-size: clamp(22px, 2.1vw, 27px);
}
.hm-civic-vote-helper{
    margin-top: 12px;
    font-size: clamp(10px, .9vw, 12px);
}

/* Úvodná karta kvízu – rovnaká mierka ako anketa. */
.hm-quiz-shell{
    max-width: 980px;
}
.hm-quiz-intro{
    max-width: 784px;
    padding: clamp(34px, 3.75vw, 50px) clamp(20px, 4vw, 46px) clamp(27px, 3.2vw, 38px);
    border-radius: clamp(24px, 2.9vw, 32px);
}
.hm-quiz-change-label{
    margin-bottom: clamp(14px, 1.75vw, 21px);
    transform: scale(.94);
    transform-origin: center;
}
.hm-quiz-intro h2{
    max-width: 704px;
    font-size: clamp(37px, 4.8vw, 61px);
}
.hm-quiz-intro > p{
    max-width: 608px;
    margin-top: clamp(13px, 1.6vw, 18px);
    font-size: clamp(12px, 1.1vw, 14px);
    line-height: 1.48;
}
.hm-quiz-facts{
    width: min(100%, 416px);
    margin: 16px auto 10px;
    gap: 6px;
}
.hm-quiz-facts span{
    min-height: 47px;
    padding: 7px 8px;
    border-radius: 12px;
    font-size: 9px;
}
.hm-quiz-facts strong{
    font-size: 16px;
}
.hm-quiz .hm-rules{
    width: min(100%, 416px);
}
.hm-quiz .hm-rules summary{
    min-height: 36px;
}
.hm-quiz-start-button{
    width: min(100%, 432px);
    min-height: clamp(56px, 5.2vw, 67px);
    margin-top: 18px;
    padding-left: clamp(21px, 3.2vw, 37px);
    font-size: clamp(18px, 1.7vw, 24px);
}
.hm-quiz-start-button > b{
    width: clamp(42px, 4.1vw, 51px);
    height: clamp(42px, 4.1vw, 51px);
    font-size: clamp(22px, 2.1vw, 27px);
}
.hm-quiz-intro .hm-form-note{
    min-height: 14px;
    margin-top: 8px;
    font-size: 10px;
}

/* Menšie medzery aj v bežných obsahových blokoch. */
.hm-media-grid, .hm-candidate-grid{
    row-gap: 16px;
}
.hm-results, .hm-topic-scroller, .hm-media-grid, .hm-candidate-grid{
    margin-top: 16px;
}

@media (max-width: 760px) {
    .hm-section, .hm-solutions.hm-section, .hm-quiz.hm-section, .hm-media.hm-section, .hm-team.hm-section{
        padding-top: 24px !important;
        padding-bottom: 24px !important;
    }
    .hm-section-head{ margin-bottom: 16px; }
    .hm-section-head-split{ gap: 16px; }

    .hm-civic-vote-intro, .hm-quiz-intro{
        width: min(100%, 94vw);
        max-width: 100%;
        padding: 24px 13px 22px;
        border-radius: 21px;
    }
    .hm-civic-change-label, .hm-quiz-change-label{
        margin-bottom: 12px;
        transform: scale(.90);
    }
    .hm-civic-vote-intro h2, .hm-quiz-intro h2{
        font-size: clamp(31px, 9.6vw, 43px);
        line-height: .98;
    }
    .hm-civic-vote-lead{
        margin-top: 12px;
        font-size: clamp(15px, 4.25vw, 18px);
    }
    .hm-civic-vote-description, .hm-quiz-intro > p{
        margin-top: 10px;
        font-size: 11px;
        line-height: 1.42;
    }
    .hm-civic-vote-intro .hm-vote-start-button, .hm-quiz-start-button{
        width: min(100%, 360px);
        min-height: 53px;
        margin-top: 18px;
        padding-left: 15px;
        border-width: 2px !important;
        font-size: clamp(16px, 4.4vw, 19px);
    }
    .hm-civic-vote-intro .hm-vote-start-button > b, .hm-quiz-start-button > b{
        width: 40px;
        height: 40px;
        font-size: 22px;
    }
    .hm-civic-vote-helper{ margin-top: 9px; font-size: 9px; }
    .hm-quiz-facts{
        width: min(100%, 350px);
        margin-top: 13px;
        gap: 5px;
    }
    .hm-quiz-facts span{
        min-height: 40px;
        padding: 5px 4px;
        font-size: 8px;
    }
    .hm-quiz-facts strong{ font-size: 14px; }
    .hm-quiz .hm-rules{ width: min(100%, 350px); }
    .hm-quiz .hm-rules summary{ min-height: 32px; font-size: 9px; }
}

/* -------------------------------------------------------------------------
   Hlavný úvod: obsah bližšie k hornej lište, bez zbytočnej prázdnej medzery
   ---------------------------------------------------------------------- */
.hm-civic-intro{
    min-height: clamp(500px, 42vw, 610px);
    padding-top: calc(var(--hm-topbar) + 18px);
    padding-bottom: 28px;
    align-items: flex-start;
}
.hm-civic-intro-inner{
    max-width: 1320px;
}
.hm-civic-intro-layout{
    display: grid;
    grid-template-columns: minmax(0, 1.08fr) minmax(430px, .92fr);
    align-items: center;
    gap: clamp(34px, 4.2vw, 64px);
}
.hm-civic-intro-copy{
    min-width: 0;
}
.hm-civic-intro-copy h1{
    max-width: 720px;
    font-size: clamp(54px, 6.1vw, 88px);
    line-height: .92;
}
.hm-civic-intro-copy .hm-civic-slogan-rotator{
    width: min(680px, 100%);
}
.hm-civic-intro-copy .hm-civic-intro-text{
    max-width: 650px;
}

.hm-pledge-panel{
    position: relative;
    min-width: 0;
    padding: 19px;
    border: 1px solid rgba(0, 88, 190, .14);
    border-radius: 30px;
    background:
        radial-gradient(circle at 92% 5%, rgba(40, 155, 255, .16), transparent 32%),
        linear-gradient(160deg, rgba(255,255,255,.86), rgba(238,248,255,.78));
    box-shadow: 0 28px 70px rgba(0, 68, 145, .16), inset 0 1px rgba(255,255,255,.92);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
}
.hm-pledge-panel::before{
    content: "";
    position: absolute;
    inset: 9px;
    z-index: -1;
    border-radius: 23px;
    border: 1px solid rgba(255,255,255,.7);
    pointer-events: none;
}
.hm-pledge-head{
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 14px;
    margin: 0 2px 14px;
}
.hm-pledge-head > span{
    flex: 0 0 auto;
    padding: 5px 8px;
    border-radius: 999px;
    background: #e5f2ff;
    color: #0869c9;
    font-size: 8px;
    font-weight: 950;
    letter-spacing: .12em;
}
.hm-pledge-head h2{
    max-width: 330px;
    margin: 0;
    color: #032d64;
    font-size: clamp(18px, 1.55vw, 23px);
    font-weight: 950;
    line-height: 1.03;
    letter-spacing: -.045em;
    text-align: right;
}
.hm-pledge-grid{
    position: relative;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 8px;
    min-height: 0;
}
.hm-pledge-person{
    position: relative;
    min-width: 0;
    aspect-ratio: 1 / 1;
    overflow: hidden;
    border: 1px solid rgba(0, 79, 172, .13);
    border-radius: 16px;
    background: #d9edff;
    box-shadow: 0 9px 22px rgba(0, 59, 130, .10);
    transition: opacity .26s ease, transform .26s ease, box-shadow .26s ease, border-color .26s ease;
}
.hm-pledge-person:not(.is-placeholder):hover{
    z-index: 2;
    transform: translateY(-3px) scale(1.015);
    border-color: rgba(0, 103, 217, .32);
    box-shadow: 0 15px 30px rgba(0, 68, 145, .18);
}
.hm-pledge-photo{
    position: absolute;
    inset: 0;
    background-size: cover;
    background-position: center top;
    transition: transform .42s cubic-bezier(.2,.8,.2,1), filter .28s ease;
}
.hm-pledge-person:not(.is-placeholder):hover .hm-pledge-photo{
    transform: scale(1.045);
}
.hm-pledge-photo::after{
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, transparent 52%, rgba(0, 25, 56, .42) 100%);
    pointer-events: none;
}
.hm-pledge-photo.is-empty{
    display: grid;
    place-items: center;
    background:
        radial-gradient(circle at 50% 28%, rgba(255,255,255,.52), transparent 25%),
        linear-gradient(145deg, #d8ecff, #99ccfa);
}
.hm-pledge-photo.is-empty > span{
    position: relative;
    z-index: 1;
    color: #176fbe;
    font-size: 22px;
    font-weight: 950;
    letter-spacing: -.04em;
}
.hm-pledge-expand{
    position: absolute;
    right: 7px;
    bottom: 7px;
    z-index: 4;
    display: grid;
    place-items: center;
    width: 28px;
    height: 28px;
    padding: 0;
    border: 1px solid rgba(255,255,255,.66);
    border-radius: 50%;
    background: rgba(2, 78, 164, .88);
    color: #fff;
    font: inherit;
    font-size: 15px;
    cursor: pointer;
    box-shadow: 0 7px 17px rgba(0, 45, 101, .26);
    backdrop-filter: blur(10px);
    transition: transform .2s ease, background .2s ease;
}
.hm-pledge-expand:hover{
    transform: scale(1.08);
    background: #087ee8;
}
.hm-pledge-close{ display: none; font-size: 21px; line-height: 1; }
.hm-pledge-detail{
    display: none;
}
.hm-pledge-grid.has-expanded .hm-pledge-person:not(.is-expanded){
    opacity: .2;
    transform: scale(.96);
    filter: saturate(.65);
}
.hm-pledge-person.is-expanded{
    position: absolute;
    inset: 0;
    z-index: 20;
    aspect-ratio: auto;
    display: grid;
    grid-template-columns: minmax(0, 48%) minmax(0, 52%);
    border-radius: 22px;
    background: #fafdff;
    border-color: rgba(0, 103, 217, .23);
    box-shadow: 0 28px 60px rgba(0, 45, 102, .27);
    transform: none;
}
.hm-pledge-person.is-expanded:hover{ transform: none; }
.hm-pledge-person.is-expanded .hm-pledge-photo{
    position: relative;
    inset: auto;
    min-height: 100%;
    transform: none;
    border-radius: 21px 0 0 21px;
}
.hm-pledge-person.is-expanded .hm-pledge-photo::after{
    background: linear-gradient(90deg, transparent 70%, rgba(0, 42, 91, .12));
}
.hm-pledge-person.is-expanded .hm-pledge-detail{
    display: flex;
    min-width: 0;
    padding: clamp(18px, 2vw, 28px);
    flex-direction: column;
    justify-content: center;
    background:
        radial-gradient(circle at 100% 0, rgba(64,170,255,.14), transparent 30%),
        linear-gradient(180deg, #ffffff, #eef7ff);
}
.hm-pledge-person.is-expanded .hm-pledge-number{
    width: fit-content;
    margin-bottom: 10px;
    padding: 6px 9px;
    border-radius: 999px;
    background: #e2f1ff;
    color: #1564ae;
    font-size: 9px;
    font-weight: 850;
    letter-spacing: .04em;
    text-transform: uppercase;
}
.hm-pledge-person.is-expanded .hm-pledge-number strong{
    color: #005bbb;
    font-size: 13px;
}
.hm-pledge-person.is-expanded .hm-pledge-detail h3{
    margin: 0;
    color: #032b5d;
    font-size: clamp(23px, 2.25vw, 34px);
    font-weight: 950;
    line-height: .98;
    letter-spacing: -.055em;
}
.hm-pledge-person.is-expanded .hm-pledge-detail p{
    margin: 12px 0 0;
    color: #4a6c90;
    font-size: clamp(12px, 1vw, 14px);
    font-weight: 590;
    line-height: 1.48;
}
.hm-pledge-person.is-expanded .hm-pledge-expand{
    top: 10px;
    right: 10px;
    bottom: auto;
    width: 34px;
    height: 34px;
    background: rgba(2, 43, 93, .88);
}
.hm-pledge-person.is-expanded .hm-pledge-arrow{ display: none; }
.hm-pledge-person.is-expanded .hm-pledge-close{ display: inline; }
.hm-pledge-person.is-placeholder{
    box-shadow: none;
    border-style: dashed;
    opacity: .48;
}
.hm-pledge-mobile-note{
    display: none;
}

@media (max-width: 1050px) {
    .hm-civic-intro-layout{
        grid-template-columns: minmax(0, .95fr) minmax(390px, 1.05fr);
        gap: 28px;
    }
    .hm-civic-intro-copy h1{
        font-size: clamp(49px, 6.5vw, 70px);
    }
    .hm-pledge-panel{ padding: 15px; }
    .hm-pledge-head h2{ font-size: 18px; }
    .hm-pledge-grid{ gap: 6px; }
}

@media (max-width: 800px) {
    .hm-civic-intro{
        min-height: 0;
        padding-top: calc(var(--hm-topbar) + 12px);
        padding-bottom: 22px;
        align-items: flex-start;
    }
    .hm-civic-intro-layout{
        display: block;
    }
    .hm-civic-intro-copy h1{
        max-width: 100%;
        font-size: clamp(44px, 13.2vw, 68px);
    }
    .hm-civic-intro-copy .hm-civic-intro-text{
        max-width: 100%;
    }
    .hm-pledge-panel{
        margin-top: 25px;
        padding: 14px 12px 12px;
        border-radius: 24px;
    }
    .hm-pledge-head{
        align-items: start;
        margin: 0 3px 11px;
    }
    .hm-pledge-head h2{
        max-width: 245px;
        font-size: clamp(17px, 5vw, 21px);
        text-align: left;
    }
    .hm-pledge-head > span{
        order: 2;
        margin-top: 2px;
        font-size: 7px;
    }
    .hm-pledge-grid{
        display: flex;
        gap: 9px;
        overflow-x: auto;
        overflow-y: hidden;
        margin-inline: -2px;
        padding: 2px 2px 8px;
        scroll-snap-type: x mandatory;
        scrollbar-width: thin;
        overscroll-behavior-inline: contain;
    }
    .hm-pledge-grid::-webkit-scrollbar{ height: 5px; }
    .hm-pledge-grid::-webkit-scrollbar-thumb{ background: rgba(0,91,187,.26); border-radius: 999px; }
    .hm-pledge-person, .hm-pledge-person.is-expanded{
        position: relative;
        inset: auto;
        flex: 0 0 104px;
        width: 104px;
        height: 128px;
        aspect-ratio: auto;
        display: block;
        border-radius: 16px;
        scroll-snap-align: start;
        transition: flex-basis .35s cubic-bezier(.2,.8,.2,1), width .35s cubic-bezier(.2,.8,.2,1), box-shadow .25s ease;
    }
    .hm-pledge-grid.has-expanded .hm-pledge-person:not(.is-expanded){
        opacity: .55;
        transform: none;
        filter: none;
    }
    .hm-pledge-person.is-expanded{
        flex-basis: min(86vw, 350px);
        width: min(86vw, 350px);
        display: grid;
        grid-template-columns: 116px minmax(0, 1fr);
        background: #fafdff;
        box-shadow: 0 16px 38px rgba(0, 51, 112, .2);
    }
    .hm-pledge-person .hm-pledge-photo, .hm-pledge-person.is-expanded .hm-pledge-photo{
        position: absolute;
        inset: 0;
        min-height: 0;
        border-radius: 15px;
    }
    .hm-pledge-person.is-expanded .hm-pledge-photo{
        position: relative;
        inset: auto;
        height: 100%;
        border-radius: 15px 0 0 15px;
    }
    .hm-pledge-person.is-expanded .hm-pledge-detail{
        display: flex;
        padding: 14px 36px 14px 13px;
        background: linear-gradient(180deg, #fff, #edf7ff);
    }
    .hm-pledge-person.is-expanded .hm-pledge-number{
        margin-bottom: 6px;
        padding: 4px 7px;
        font-size: 7px;
    }
    .hm-pledge-person.is-expanded .hm-pledge-number strong{ font-size: 10px; }
    .hm-pledge-person.is-expanded .hm-pledge-detail h3{
        font-size: 20px;
        line-height: 1;
    }
    .hm-pledge-person.is-expanded .hm-pledge-detail p{
        margin-top: 7px;
        font-size: 10px;
        line-height: 1.34;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 4;
        overflow: hidden;
    }
    .hm-pledge-expand{
        right: 6px;
        bottom: 6px;
        width: 27px;
        height: 27px;
    }
    .hm-pledge-person.is-expanded .hm-pledge-expand{
        top: 7px;
        right: 7px;
        width: 29px;
        height: 29px;
    }
    .hm-pledge-mobile-note{
        display: block;
        margin: 3px 3px 0;
        color: #5c7a9b;
        font-size: 9px;
        font-weight: 650;
    }
}

@media (prefers-reduced-motion: reduce) {
    .hm-pledge-person, .hm-pledge-photo, .hm-pledge-expand{ transition: none !important; }
}

/* -------------------------------------------------------------------------
   v67: výrazne menšie profilové fotografie 4×4
   ---------------------------------------------------------------------- */
@media (min-width: 801px) {
    .hm-pledge-grid{
        grid-template-columns: repeat(4, 48px);
        justify-content: center;
        gap: 8px;
    }
    .hm-pledge-person:not(.is-expanded){
        width: 48px;
        height: 48px;
        aspect-ratio: auto;
        border-radius: 10px;
        box-shadow: 0 5px 12px rgba(0, 59, 130, .10);
    }
    .hm-pledge-person:not(.is-expanded) .hm-pledge-photo{
        border-radius: 9px;
    }
    .hm-pledge-person:not(.is-expanded) .hm-pledge-photo.is-empty > span{
        font-size: 11px;
    }
    .hm-pledge-person:not(.is-expanded) .hm-pledge-expand{
        right: 3px;
        bottom: 3px;
        width: 16px;
        height: 16px;
        border-width: 1px;
        font-size: 9px;
        box-shadow: 0 3px 8px rgba(0,45,101,.22);
    }
    .hm-pledge-person.is-expanded{
        width: auto;
        height: auto;
    }
}

@media (max-width: 800px) {
    .hm-pledge-person:not(.is-expanded){
        flex: 0 0 46px;
        width: 46px;
        height: 58px;
        border-radius: 10px;
    }
    .hm-pledge-person:not(.is-expanded) .hm-pledge-photo{
        border-radius: 9px;
    }
    .hm-pledge-person:not(.is-expanded) .hm-pledge-photo.is-empty > span{
        font-size: 10px;
    }
    .hm-pledge-person:not(.is-expanded) .hm-pledge-expand{
        right: 3px;
        bottom: 3px;
        width: 16px;
        height: 16px;
        font-size: 9px;
        box-shadow: 0 3px 8px rgba(0,45,101,.22);
    }
}


/* -------------------------------------------------------------------------
   v68: vzdušnejší záväzkový blok bez bieleho panelu + mriežka 5×3
   ---------------------------------------------------------------------- */
@media (min-width: 801px) {
    .hm-civic-intro-layout{
        grid-template-columns: minmax(0, 1.02fr) minmax(520px, .98fr);
        align-items: center;
    }
    .hm-pledge-panel{
        padding: 4px 0 0;
        border: 0;
        border-radius: 0;
        background: transparent;
        box-shadow: none;
        backdrop-filter: none;
        -webkit-backdrop-filter: none;
    }
    .hm-pledge-panel::before{
        display: none;
    }
    .hm-pledge-layout{
        display: grid;
        grid-template-columns: 180px minmax(0, 1fr);
        align-items: start;
        gap: 18px;
    }
    .hm-pledge-head{
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        gap: 10px;
        margin: 2px 0 0;
        position: sticky;
        top: 96px;
    }
    .hm-pledge-head > span{
        padding: 6px 10px;
        font-size: 8px;
        background: rgba(255,255,255,.56);
        border: 1px solid rgba(0,91,187,.12);
        box-shadow: 0 10px 24px rgba(0, 70, 150, .08);
    }
    .hm-pledge-head h2{
        max-width: none;
        color: #08346f;
        font-size: 15px;
        line-height: 1.15;
        letter-spacing: -.03em;
        text-align: left;
        white-space: normal;
        text-wrap: balance;
    }
    .hm-pledge-grid{
        grid-template-columns: repeat(5, 48px);
        grid-auto-rows: 48px;
        justify-content: start;
        align-content: start;
        gap: 10px;
        width: max-content;
        min-height: 164px;
    }
    .hm-pledge-person:not(.is-expanded){
        width: 48px;
        height: 48px;
        border-radius: 12px;
        background: rgba(222, 240, 255, .72);
        border-color: rgba(0, 79, 172, .10);
    }
    .hm-pledge-person:not(.is-placeholder):hover{
        transform: translateY(-2px) scale(1.03);
        box-shadow: 0 12px 24px rgba(0, 68, 145, .14);
    }
    .hm-pledge-person.is-expanded{
        inset: -10px 0 auto -190px;
        min-height: 214px;
        grid-template-columns: 170px minmax(0, 1fr);
    }
    .hm-pledge-person.is-expanded .hm-pledge-detail{
        padding: 16px 18px;
    }
    .hm-pledge-person.is-expanded .hm-pledge-detail h3{
        font-size: clamp(20px, 1.7vw, 28px);
    }
    .hm-pledge-person.is-expanded .hm-pledge-detail p{
        font-size: 13px;
    }
}

@media (max-width: 800px) {
    .hm-pledge-panel{
        background: transparent;
        border: 0;
        box-shadow: none;
        backdrop-filter: none;
        -webkit-backdrop-filter: none;
        padding: 10px 0 0;
    }
    .hm-pledge-panel::before{
        display: none;
    }
    .hm-pledge-head{
        margin: 0 0 10px;
    }
    .hm-pledge-head h2{
        max-width: none;
        font-size: 16px;
        line-height: 1.2;
        text-align: left;
    }
    .hm-pledge-head > span{
        background: rgba(255,255,255,.58);
    }
}


.hm-quiz-loader{
    display: inline-grid !important;
    place-items: center;
    animation: hmQuizSpin .9s linear infinite;
}
@keyframes hmQuizSpin { to { transform: rotate(360deg); } }
.hm-quiz-load-actions{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 8px;
    margin-top: 16px;
}
.hm-quiz-load-actions .hm-button{
    min-height: 42px;
    padding: 9px 16px;
    font-size: 12px;
}





/* Funkčný obsah má vždy prednosť pred scroll-reveal animáciou. */




/* Ak sa reveal observer vôbec nespustí, kritické sekcie sú po aktivácii aj tak viditeľné. */


@media (min-width: 801px) {
    .hm-pledge-layout{
        grid-template-columns: 168px max-content;
        gap: 16px;
        justify-content: start;
    }
    .hm-pledge-grid{
        grid-template-columns: repeat(3, 40px) !important;
        grid-auto-rows: 54px !important;
        gap: 9px !important;
        min-height: 243px;
    }
    .hm-pledge-person:not(.is-expanded){
        width: 40px !important;
        height: 54px !important;
        aspect-ratio: auto !important;
        border-radius: 10px !important;
    }
    .hm-pledge-person:not(.is-expanded) .hm-pledge-photo{
        border-radius: 9px !important;
        background-position: center top;
    }
    .hm-pledge-person:not(.is-expanded) .hm-pledge-expand{
        width: 15px !important;
        height: 15px !important;
        right: 2px !important;
        bottom: 2px !important;
        font-size: 8px !important;
    }
    .hm-pledge-head h2{
        font-size: 14px !important;
        line-height: 1.18 !important;
    }
    .hm-pledge-person.is-expanded{
        inset: -8px auto auto -184px;
        width: 410px;
        min-height: 230px;
        grid-template-columns: 150px minmax(0, 1fr);
    }
}

@media (max-width: 800px) {
    .hm-pledge-person:not(.is-expanded){
        flex: 0 0 40px !important;
        width: 40px !important;
        height: 54px !important;
    }
}


/* Portálované prvky sú priamo pod body, preto sú vždy nad modrým overlayom. */


/* Nadpis je samostatne nad fotografiami, bez počítadla profilov. */
.hm-pledge-panel{
    width: max-content;
    max-width: 100%;
}
.hm-pledge-head{
    display: block !important;
    margin: 0 0 12px !important;
    position: static !important;
}
.hm-pledge-head > span{ display: none !important; }
.hm-pledge-head h2{
    max-width: 300px !important;
    margin: 0 !important;
    color: #08346f !important;
    font-size: 15px !important;
    font-weight: 900 !important;
    line-height: 1.18 !important;
    letter-spacing: -.028em !important;
    text-align: left !important;
}

@media (min-width: 801px) {
    .hm-pledge-grid{
        grid-template-columns: repeat(3, 48px) !important;
        grid-auto-rows: 65px !important;
        gap: 10px !important;
        min-height: 290px !important;
        justify-content: start !important;
    }
    .hm-pledge-person:not(.is-expanded){
        width: 48px !important;
        height: 65px !important;
        border-radius: 11px !important;
    }
    .hm-pledge-person:not(.is-expanded) .hm-pledge-photo{
        border-radius: 10px !important;
    }
    .hm-pledge-person:not(.is-expanded) .hm-pledge-expand{
        width: 17px !important;
        height: 17px !important;
        right: 3px !important;
        bottom: 3px !important;
        font-size: 9px !important;
    }
    .hm-pledge-person.is-expanded{
        inset: -8px auto auto -10px !important;
        width: 430px !important;
        min-height: 245px !important;
        grid-template-columns: 160px minmax(0, 1fr) !important;
    }
}

@media (max-width: 800px) {
    .hm-pledge-panel{ width: 100%; }
    .hm-pledge-head{ margin-bottom: 9px !important; }
    .hm-pledge-head h2{
        max-width: 100% !important;
        font-size: 15px !important;
    }
    .hm-pledge-person:not(.is-expanded){
        flex: 0 0 48px !important;
        width: 48px !important;
        height: 65px !important;
        border-radius: 11px !important;
    }
    .hm-pledge-person:not(.is-expanded) .hm-pledge-photo{
        border-radius: 10px !important;
    }
    .hm-pledge-person:not(.is-expanded) .hm-pledge-expand{
        width: 17px !important;
        height: 17px !important;
        font-size: 9px !important;
    }
}


:root{
    --hm-blue: #0057e7;
    --hm-blue-2: #087cff;
    --hm-cyan: #49a9ff;
    --hm-yellow: #ffd400;
    --hm-lime: #ffd400;
    --hm-orange: #ffbf00;
    --hm-navy: #001f52;
    --hm-ink: #00245e;
    --hm-bg: #e8f3ff;
}

body, .hm-site{
    background:
        radial-gradient(circle at 8% 8%, rgba(0,87,231,.20), transparent 28%),
        radial-gradient(circle at 92% 24%, rgba(255,212,0,.15), transparent 24%),
        linear-gradient(180deg, #e5f2ff 0%, #f7fbff 48%, #e5f2ff 100%);
}

/* Silnejší modro-žltý hero bez zásahu do čierneho filmového pásu problémov. */
.hm-civic-intro{
    background:
        radial-gradient(circle at 12% 18%, rgba(255,212,0,.18), transparent 24%),
        radial-gradient(circle at 88% 72%, rgba(0,87,231,.20), transparent 30%),
        linear-gradient(135deg, #d9edff 0%, #f4faff 56%, #cfe7ff 100%) !important;
}
.hm-civic-badge, .hm-civic-change-label, .hm-quiz-change-label{
    background: var(--hm-yellow) !important;
    color: #00285f !important;
    border-color: rgba(0,45,105,.12) !important;
    box-shadow: 0 10px 22px rgba(255,196,0,.20) !important;
}
.hm-civic-intro-copy h1 span, .hm-civic-vote-intro h2, .hm-section-head h2, .hm-section-head-modern h2{
    color: #003f9e !important;
}
.hm-civic-slogan-rotator, .hm-civic-vote-lead, .hm-eyebrow, .hm-section-head-modern > span{
    color: #0069f0 !important;
}
.hm-button-yellow, .hm-vote-start-button, .hm-quiz-start-button{
    background: linear-gradient(135deg, #ffd900, #ffbd00) !important;
    color: #00255b !important;
    box-shadow: 0 16px 34px rgba(255,190,0,.30) !important;
}
.hm-button-yellow:hover:not(:disabled), .hm-vote-start-button:hover:not(:disabled), .hm-quiz-start-button:hover:not(:disabled){
    background: linear-gradient(135deg, #ffe247, #ffc400) !important;
    color: #001c45 !important;
}
.hm-button-blue{
    background: linear-gradient(135deg, #004fda, #087cff) !important;
    color: #fff !important;
    box-shadow: 0 14px 28px rgba(0,78,215,.26) !important;
}

/* Profily: širšie fotografie, celý blok viac doprava. */
@media (min-width: 801px) {
    .hm-civic-intro-inner{ max-width: 1400px !important; }
    .hm-civic-intro-layout{
        grid-template-columns: minmax(0, 1fr) minmax(360px, 470px) !important;
        gap: clamp(34px, 4vw, 74px) !important;
    }
    .hm-pledge-panel{
        justify-self: end !important;
        margin-right: -22px !important;
        width: max-content !important;
    }
    .hm-pledge-grid{
        grid-template-columns: repeat(3, 62px) !important;
        grid-auto-rows: 70px !important;
        gap: 12px !important;
        min-height: 316px !important;
    }
    .hm-pledge-person:not(.is-expanded){
        width: 62px !important;
        height: 70px !important;
        border-radius: 13px !important;
        border: 2px solid rgba(255,212,0,.52) !important;
        box-shadow: 0 12px 25px rgba(0,67,165,.18) !important;
    }
    .hm-pledge-person:not(.is-expanded) .hm-pledge-photo{ border-radius: 11px !important; }
    .hm-pledge-head h2{
        max-width: 240px !important;
        color: #00377f !important;
        font-size: 16px !important;
    }
}
@media (max-width: 800px) {
    .hm-pledge-person:not(.is-expanded){
        flex: 0 0 58px !important;
        width: 58px !important;
        height: 68px !important;
        border: 2px solid rgba(255,212,0,.48) !important;
    }
}

/* Úvod ankety výraznejšie modro-žltý. */
.hm-solutions.hm-section{
    background:
        radial-gradient(circle at 0 0, rgba(0,87,231,.24), transparent 30%),
        radial-gradient(circle at 100% 30%, rgba(255,212,0,.18), transparent 24%),
        linear-gradient(180deg, #ddecff 0%, #f7fbff 100%) !important;
}
.hm-civic-vote-intro{
    border: 2px solid rgba(0,87,231,.14) !important;
    box-shadow: 0 28px 70px rgba(0,64,160,.18) !important;
}
.hm-civic-vote-intro h2 strong{ color: #087cff !important; }
.hm-civic-vote-intro .hm-vote-start-button{
    border: 3px solid #fff3a2 !important;
    background: linear-gradient(135deg, #ffd900, #ffbd00) !important;
    color: #00265d !important;
}
.hm-civic-vote-intro .hm-vote-start-button > b{
    background: #0057e7 !important;
    color: #fff !important;
}

/* Fullscreen anketa: jedna veľká moderná otázka na obrazovku. */


/* Kratšie displeje: otázka zostáva bez scrollovania. */


.hm-issue-icon{
    width: 54px;
    height: 54px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(180deg, #2680ff, #1d5ce5);
    color: #fff;
    font-size: 28px;
    font-weight: 800;
}



.hm-solution-copy{
    flex: 1 1 auto;
}
.hm-solution-copy h4{ margin-bottom: 14px; }
.hm-solution-tools{
    display: flex;
    flex-direction: column;
    gap: 14px;
}
.hm-solution-tool{
    width: 66px;
    height: 66px;
    border-radius: 50%;
    border: 2px solid #f2c33a;
    background: #fff;
    color: #112c64;
    font-size: 34px;
    cursor: default;
    box-shadow: 0 8px 22px rgba(17,44,100,.12);
}
.hm-solution-tool:last-child{
    border-color: #d6e1f2;
    font-size: 28px;
}


.hm-vote-definitely i, .hm-vote-yes i, .hm-vote-rather i{ color: #18a544; }
.hm-vote-no i{ color: #e53a2f; background: rgba(229,58,47,.1); }
.hm-vote-neutral i{ color: #6f7f9d; background: rgba(111,127,157,.12); font-weight: 900; }


.hm-topic-footer{
    margin-top: 22px;
}
@media (max-width: 1000px) {
    
    
    
    
    
    
    
    
    .hm-solution-tools{ flex-direction: row; }
    
    
}


/* ==========================================================================
   v76 — JEDINÝ FINÁLNY ŠTÝL ANKETY
   Staré konfliktné štýly hm-topic-card / hm-voting-focus boli odstránené.
   Cieľ: celá otázka na jednej obrazovke, kompaktná a čitateľná.
   ========================================================================== */
body.hm-voting-focus{
    overflow: hidden !important;
}
body.hm-voting-focus::before{
    content: "";
    position: fixed;
    inset: 0;
    z-index: 9990;
    background:
        radial-gradient(circle at 8% 8%, rgba(255, 214, 0, .16), transparent 22%),
        radial-gradient(circle at 94% 90%, rgba(15, 130, 255, .26), transparent 26%),
        linear-gradient(135deg, #003aa0 0%, #0059e8 52%, #0b7eff 100%);
}




/* 1. Nadpis otázky */
body.hm-voting-focus .hm-topic-card-head-modern{
    min-height: 0 !important;
    padding: 10px 14px !important;
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    border: 0 !important;
    border-radius: 14px !important;
    background: #f3f8fe !important;
}
body.hm-voting-focus .hm-topic-card-head-modern > div{ min-width: 0; }
body.hm-voting-focus .hm-topic-card-head-modern span{
    display: inline-flex !important;
    align-items: center !important;
    gap: 7px !important;
    color: #075fe7 !important;
    font-size: 16px !important;
    font-weight: 950 !important;
    line-height: 1 !important;
    letter-spacing: .07em !important;
    text-transform: uppercase !important;
}
body.hm-voting-focus .hm-topic-card-head-modern span::before{
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #ffd400;
    box-shadow: 0 0 0 4px rgba(255,212,0,.14);
}
body.hm-voting-focus .hm-topic-card-head-modern h3{
    margin: 4px 0 0 !important;
    color: #0a2c68 !important;
    font-size: clamp(31px, 2.8vw, 47px) !important;
    font-weight: 950 !important;
    line-height: .96 !important;
    letter-spacing: -.05em !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}
body.hm-voting-focus .hm-topic-card-head-modern > b{
    flex: 0 0 auto !important;
    min-width: 82px !important;
    min-height: 40px !important;
    padding: 8px 12px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 999px !important;
    background: #ffd400 !important;
    color: #10295f !important;
    font-size: 16px !important;
    font-weight: 950 !important;
}

/* 2. Súčasný / budúci stav */
body.hm-voting-focus .hm-compare-modern{
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 16px !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    background: transparent !important;
}
body.hm-voting-focus .hm-compare-panel{
    min-height: 0 !important;
    height: auto !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    overflow: visible !important;
}
body.hm-voting-focus .hm-compare-label{
    position: static !important;
    display: inline-flex !important;
    margin: 0 0 7px !important;
    padding: 5px 9px !important;
    border-radius: 9px !important;
    font-size: 14px !important;
    font-weight: 950 !important;
}
body.hm-voting-focus .hm-compare-label-now{ background: #ffe6e3 !important; color: #d9362c !important; }
body.hm-voting-focus .hm-compare-label-goal{ background: #e3f5e6 !important; color: #159442 !important; }
body.hm-voting-focus .hm-compare-row{
    display: grid !important;
    grid-template-columns: 128px minmax(0, 1fr) !important;
    gap: 12px !important;
    align-items: start !important;
}
body.hm-voting-focus .hm-compare-image{
    width: 128px !important;
    min-width: 128px !important;
    height: 102px !important;
    border-radius: 12px !important;
    background-size: cover !important;
    background-position: center !important;
    box-shadow: inset 0 0 0 1px rgba(170,193,220,.6) !important;
}
body.hm-voting-focus .hm-compare-copy h4{
    margin: 2px 0 6px !important;
    color: #183773 !important;
    font-size: 19px !important;
    font-weight: 850 !important;
    line-height: 1.22 !important;
    letter-spacing: -.02em !important;
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
    overflow: hidden !important;
}
body.hm-voting-focus .hm-compare-copy p{
    margin: 0 !important;
    color: #38557f !important;
    font-size: 16px !important;
    line-height: 1.38 !important;
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 3 !important;
    overflow: hidden !important;
}

/* 3. Navrhované riešenie */
body.hm-voting-focus .hm-solution-box{
    min-height: 0 !important;
    margin: 0 !important;
    padding: 9px 12px !important;
    display: grid !important;
    grid-template-columns: minmax(0,1fr) auto !important;
    align-items: center !important;
    gap: 10px !important;
    border: 1.5px solid #f0c53b !important;
    border-radius: 13px !important;
    background: linear-gradient(90deg,#fffdf8,#fff9ea) !important;
}
body.hm-voting-focus .hm-solution-copy{
    display: grid !important;
    grid-template-columns: 155px minmax(0, 1fr) !important;
    gap: 10px !important;
    align-items: center !important;
}
body.hm-voting-focus .hm-solution-box h4{
    margin: 0 !important;
    color: #102d6a !important;
    font-size: 18px !important;
    font-weight: 950 !important;
    line-height: 1.1 !important;
}
body.hm-voting-focus .hm-solution-box p{
    margin: 0 !important;
    color: #324f7d !important;
    font-size: 15.5px !important;
    line-height: 1.32 !important;
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
    overflow: hidden !important;
}
body.hm-voting-focus .hm-solution-tools{
    display: flex !important;
    flex-direction: row !important;
    gap: 7px !important;
}
body.hm-voting-focus .hm-solution-tool{
    width: 34px !important;
    height: 34px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    border: 1.5px solid #f0c53b !important;
    border-radius: 50% !important;
    background: #fff !important;
    color: #102d6a !important;
    font-size: 17px !important;
    line-height: 1 !important;
    cursor: pointer !important;
    box-shadow: 0 5px 12px rgba(17,44,100,.08) !important;
    transition: transform .16s ease, background .16s ease, box-shadow .16s ease !important;
}
body.hm-voting-focus .hm-solution-tool:hover{
    transform: translateY(-1px) !important;
    background: #fff6c8 !important;
    box-shadow: 0 8px 16px rgba(17,44,100,.12) !important;
}
body.hm-voting-focus #hmProposalDiscussion{
    border-color: #cad9ed !important;
}

/* 4. Hlasovanie */




body.hm-voting-focus .hm-proposal-list{
    display: block !important;
    height: auto !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: visible !important;
}


/* 5. Návrat */
body.hm-voting-focus .hm-topic-footer{
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
}
body.hm-voting-focus .hm-topic-footer #hmNextCard{ display: none !important; }
body.hm-voting-focus .hm-topic-footer #hmPreviousCard{
    min-height: 32px !important;
    padding: 0 10px !important;
    border: 1px solid #d8e3f2 !important;
    background: #fff !important;
    color: #77a2df !important;
    font-size: 14px !important;
}
body.hm-voting-focus #hmTopicTabs{ display: none !important; }

/* Nízke notebookové displeje */
@media (max-height: 780px) and (min-width: 761px) {
    
    body.hm-voting-focus .hm-topic-card-head-modern{ padding: 7px 10px !important; }
    body.hm-voting-focus .hm-topic-card-head-modern h3{ font-size: 30px !important; }
    body.hm-voting-focus .hm-topic-card-head-modern > b{ min-height: 34px !important; }
    body.hm-voting-focus .hm-compare-image{ width: 118px !important; min-width: 118px !important; height: 86px !important; }
    body.hm-voting-focus .hm-compare-row{ grid-template-columns: 118px minmax(0,1fr) !important; }
    body.hm-voting-focus .hm-compare-copy p{ -webkit-line-clamp: 2 !important; }
    body.hm-voting-focus .hm-solution-box{ padding: 7px 10px !important; }
    
    
}

/* Mobil — stále jedna obrazovka, preto veľmi kompaktný režim. */
@media (max-width: 760px) {
    
    
    
    
    
    body.hm-voting-focus .hm-compare-modern{ grid-template-columns: 1fr 1fr !important; gap: 5px !important; }
    body.hm-voting-focus .hm-compare-label{ margin-bottom: 3px !important; padding: 3px 5px !important; font-size: 11px !important; }
    body.hm-voting-focus .hm-compare-row{ grid-template-columns: 46px minmax(0,1fr) !important; gap: 5px !important; }
    body.hm-voting-focus .hm-compare-image{ width: 46px !important; min-width: 46px !important; height: 52px !important; border-radius: 7px !important; }
    body.hm-voting-focus .hm-compare-copy h4{ margin: 0 0 2px !important; font-size: 13px !important; -webkit-line-clamp: 2 !important; }
    body.hm-voting-focus .hm-compare-copy p{ font-size: 11.5px !important; line-height: 1.2 !important; -webkit-line-clamp: 2 !important; }
    body.hm-voting-focus .hm-solution-box h4{ font-size: 13px !important; }
    body.hm-voting-focus .hm-solution-box p{ font-size: 11.5px !important; line-height: 1.2 !important; -webkit-line-clamp: 1 !important; }
    body.hm-voting-focus .hm-solution-box{ padding: 5px 7px !important; border-radius: 9px !important; }
    body.hm-voting-focus .hm-solution-copy{ grid-template-columns: 88px minmax(0,1fr) !important; gap: 5px !important; }
    body.hm-voting-focus .hm-solution-tools{ gap: 3px !important; }
    body.hm-voting-focus .hm-solution-tool{ width: 22px !important; height: 22px !important; font-size: 11px !important; }
    
    
    
    
    
    
    
    body.hm-voting-focus .hm-topic-footer #hmPreviousCard{ min-height: 24px !important; font-size: 12px !important; }
}


/* v76 — detail a verejná diskusia k návrhu */
.hm-discussion-list{
    display: grid;
    gap: 10px;
    max-height: min(42vh, 390px);
    margin: 20px 0;
    padding-right: 4px;
    overflow-y: auto;
}
.hm-discussion-item{
    padding: 13px 15px;
    border: 1px solid rgba(0,91,187,.12);
    border-radius: 14px;
    background: #f8fbff;
}
.hm-discussion-item-head{ display:flex; align-items:center; justify-content:flex-end; gap:12px; margin-bottom:6px; }
.hm-discussion-item-head strong{ color:#0d316e; font-size:13px; }
.hm-discussion-item-head time{ color:#7891ad; font-size:10px; }
.hm-discussion-item p{ margin:0; color:#39577e; font-size:12px; line-height:1.45; }
.hm-discussion-empty{ padding:18px; border-radius:8px; background:#f3f8fe; color:#647d9c; font-size:12px; text-align:center; }
.hm-discussion-empty.is-error{ background:#fff1ef; color:#b13a32; }
.hm-discussion-form{ display:grid; gap:10px; margin-top:14px; }
.hm-discussion-form label{ display:grid; gap:5px; }
.hm-discussion-form label > span{ color:#17386f; font-size:10px; font-weight:850; }
.hm-discussion-form label small{ color:#8497ad; font-weight:600; }
.hm-discussion-form input, .hm-discussion-form textarea{ width:100%; border:1px solid #cbd9eb; border-radius:12px; background:#fff; padding:10px 12px; color:#17345f; font:inherit; font-size:12px; }
.hm-discussion-form textarea{ resize:vertical; min-height:90px; }
.hm-discussion-form-actions{ display:flex; align-items:center; justify-content:flex-end; gap:12px; }
.hm-discussion-form-actions .hm-form-note{ margin:0; font-size:10px; }

.hm-modal{ z-index: 11000 !important; }
body.hm-voting-focus.hm-modal-open::before{ pointer-events: none; }

/* -------------------------------------------------------------------------
   v78: double opt-in e-mail formuláre ankety a kvízu
   ---------------------------------------------------------------------- */
.hm-double-optin-card{
    max-width: 760px;
    margin-inline: auto;
}
.hm-confirm-fields, .hm-contact-grid-optin{
    display: grid;
    gap: 14px;
}
.hm-confirm-email, .hm-contact-grid-optin > label{
    display: grid;
    gap: 7px;
}
.hm-confirm-email > span, .hm-contact-grid-optin > label > span{
    color: #0b2f69;
    font-size: 13px;
    font-weight: 850;
}
.hm-confirm-email > span strong, .hm-contact-grid-optin > label > span strong{
    color: #e14132;
}
.hm-confirm-email input, .hm-contact-grid-optin input{
    width: 100%;
    min-height: 52px;
    padding: 0 15px;
    border: 1px solid rgba(0,91,187,.18);
    border-radius: 13px;
    background: #fff;
    color: #082956;
    font: inherit;
    font-size: 15px;
    outline: 0;
    box-shadow: 0 8px 22px rgba(0,68,145,.05);
}
.hm-confirm-email input:focus, .hm-contact-grid-optin input:focus{
    border-color: #087ee8;
    box-shadow: 0 0 0 3px rgba(8,126,232,.11);
}
.hm-consent-row{
    display: grid;
    grid-template-columns: 20px minmax(0,1fr);
    gap: 11px;
    align-items: start;
    padding: 13px 14px;
    border: 1px solid rgba(0,91,187,.12);
    border-radius: 13px;
    background: #f7fbff;
    cursor: pointer;
}
.hm-consent-row input{
    width: 18px;
    height: 18px;
    margin: 2px 0 0;
    accent-color: #075fcf;
}
.hm-consent-row span{
    color: #4a6586;
    font-size: 12px;
    line-height: 1.5;
}
.hm-consent-row a{
    color: #075fcf;
    font-weight: 750;
}
.hm-consent-newsletter{
    border-color: rgba(255,198,0,.3);
    background: #fffdf4;
}

.hm-contact-grid-optin{
    grid-template-columns: repeat(2,minmax(0,1fr));
    margin-bottom: 14px;
}
.hm-contact-grid-optin > label:last-child{
    grid-column: 1 / -1;
}
.hm-confirm-hint{
    margin-top: 8px !important;
    font-size: 12px !important;
    color: #6b7f99 !important;
}
@media (max-width: 700px) {
    .hm-contact-grid-optin{ grid-template-columns: 1fr; }
    .hm-contact-grid-optin > label:last-child{ grid-column: auto; }
    .hm-consent-row{ padding: 11px 12px; }
    .hm-consent-row span{ font-size: 11px; }
}


/* -------------------------------------------------------------------------
   v79: pevný koniec ankety – e-mailový krok a následný rebríček
   ---------------------------------------------------------------------- */
#hmVoteFinish:not(.hm-hidden){
    display: block !important;
    position: relative !important;
    z-index: 5 !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    width: min(720px, 100%) !important;
    margin: 12px auto 18px !important;
    padding: 26px 28px !important;
    border-radius: 24px !important;
    background: #fff !important;
    border: 1px solid rgba(0,91,187,.14) !important;
    box-shadow: 0 22px 55px rgba(0,61,130,.15) !important;
}


.hm-results-notice{
    margin: 18px 20px 0;
    padding: 14px 16px;
    border: 1px solid rgba(0,91,187,.18);
    border-radius: 14px;
    background: #eef7ff;
    color: #174b86;
    font-size: 13px;
    font-weight: 650;
    line-height: 1.5;
}
@media (max-width: 700px) {
    #hmVoteFinish:not(.hm-hidden){
        width: 100% !important;
        padding: 20px 16px !important;
        border-radius: 18px !important;
    }
    
    .hm-results-notice{ margin: 12px 12px 0; font-size: 12px; }
}


/* -------------------------------------------------------------------------
   v81: zatváranie kariet + farebný rebríček priorít + komentáre
   ---------------------------------------------------------------------- */
.hm-topic-card{
    position: relative;
}
.hm-card-exit{
    position: absolute;
    z-index: 100;
    top: 14px;
    right: 14px;
    width: 42px;
    height: 42px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(14, 48, 103, .13);
    border-radius: 50%;
    background: rgba(255,255,255,.96);
    color: #12366f;
    font-size: 29px;
    font-weight: 400;
    line-height: 1;
    cursor: pointer;
    box-shadow: 0 10px 28px rgba(7,45,105,.14);
    transition: transform .16s ease, background .16s ease, color .16s ease, box-shadow .16s ease;
}
.hm-card-exit:hover{
    transform: scale(1.08);
    background: #0b5fe8;
    color: #fff;
    box-shadow: 0 14px 30px rgba(11,95,232,.28);
}
.hm-card-exit-light{ top: 12px; right: 12px; }

body.hm-voting-focus .hm-topic-card-head-modern{ padding-right: 76px !important; }


.hm-results{
    overflow: hidden;
    border: 1px solid rgba(13,49,107,.10) !important;
    border-radius: 26px !important;
    background: #fff !important;
    box-shadow: 0 24px 70px rgba(15,55,113,.12) !important;
}
.hm-results summary{
    padding: 22px 24px !important;
    background: linear-gradient(135deg, #082e6d, #0b62df) !important;
    color: #fff !important;
}
.hm-results summary b{
    color: #fff !important;
    font-size: 20px !important;
    font-weight: 900 !important;
}
.hm-results summary small{ color: rgba(255,255,255,.76) !important; font-size: 12px !important; }
.hm-results summary > strong{
    background: #ffd300 !important;
    color: #102d65 !important;
    border-radius: 999px !important;
    font-weight: 900 !important;
}
.hm-result-list{
    padding: 18px 20px 22px !important;
    gap: 10px !important;
    background: #f7faff;
}
.hm-result-item-modern{
    --hm-rank-color: hsl(var(--hm-rank-hue) 72% 43%);
    position: relative;
    min-height: 78px !important;
    padding: 12px 16px 12px 12px !important;
    grid-template-columns: 48px minmax(0,1fr) auto !important;
    gap: 14px !important;
    border: 1px solid hsl(var(--hm-rank-hue) 58% 45% / .25) !important;
    border-left: 7px solid var(--hm-rank-color) !important;
    border-radius: 18px !important;
    background: linear-gradient(90deg, hsl(var(--hm-rank-hue) 70% 48% / .16), #fff 36%) !important;
    box-shadow: 0 8px 22px rgba(13,52,111,.055) !important;
    color: #123568 !important;
}
.hm-result-item-modern:hover{
    transform: translateX(4px) !important;
    border-color: hsl(var(--hm-rank-hue) 64% 40% / .44) !important;
    box-shadow: 0 13px 30px hsl(var(--hm-rank-hue) 55% 38% / .13) !important;
}
.hm-result-item-modern .hm-result-rank{
    width: 46px !important;
    height: 46px !important;
    border-radius: 15px !important;
    background: var(--hm-rank-color) !important;
    color: #fff !important;
    font-size: 16px !important;
    font-weight: 950 !important;
    box-shadow: 0 8px 18px hsl(var(--hm-rank-hue) 60% 35% / .24);
}
.hm-result-copy{ min-width: 0; display: grid !important; gap: 2px !important; }
.hm-result-copy em{
    color: var(--hm-rank-color);
    font-size: 9px;
    font-style: normal;
    font-weight: 950;
    letter-spacing: .08em;
    text-transform: uppercase;
}
.hm-result-item-modern .hm-result-copy strong{
    color: #102f65 !important;
    font-size: 14px !important;
    font-weight: 850 !important;
    white-space: normal !important;
    line-height: 1.25 !important;
}
.hm-result-item-modern .hm-result-copy small{
    color: #70839e !important;
    font-size: 9px !important;
}
.hm-result-score{
    min-width: 100px;
    display: grid;
    justify-items: end;
    gap: 2px;
    color: var(--hm-rank-color) !important;
    font-size: 20px !important;
    font-weight: 950 !important;
}
.hm-result-score small{
    color: #7c8da5 !important;
    font-size: 9px !important;
    font-weight: 750 !important;
}
.hm-result-item-modern:first-child{
    border-left-width: 9px !important;
    background: linear-gradient(90deg, hsl(132 74% 44% / .24), #fff 42%) !important;
    box-shadow: 0 12px 30px rgba(16,153,73,.12) !important;
}
.hm-result-item-modern:last-child{
    border-left-width: 9px !important;
    background: linear-gradient(90deg, hsl(0 76% 50% / .18), #fff 42%) !important;
}


@media (max-width: 720px) {
    .hm-card-exit{ top: 8px; right: 8px; width: 36px; height: 36px; font-size: 25px; }
    
    .hm-result-list{ padding: 12px 10px 14px !important; }
    .hm-result-item-modern{
        grid-template-columns: 40px minmax(0,1fr) !important;
        padding: 10px !important;
    }
    .hm-result-item-modern .hm-result-rank{ width: 38px !important; height: 38px !important; border-radius: 12px !important; }
    .hm-result-score{ grid-column: 2; justify-items: start; min-width: 0; font-size: 17px !important; }
    
    
    
}


/* -------------------------------------------------------------------------
   v83: uzamknutý rebríček – účet alebo potvrdený e-mail
   ---------------------------------------------------------------------- */


/* v86: celý blok profilov je viac v strede – nadpis aj fotky zostávajú zarovnané spolu. */
@media (min-width: 801px) {
    .hm-pledge-panel{
        transform: translateX(-2.6cm);
    }
    .hm-pledge-head h2{
        transform: none !important;
        width: 100%;
        max-width: none;
        text-align: center;
    }
    .hm-pledge-grid{
        width: 100%;
        margin-inline: auto;
    }
}
@media (min-width: 801px) and (max-width: 1120px) {
    .hm-pledge-panel{
        transform: translateX(-1.2cm);
    }
}


/* -------------------------------------------------------------------------
   v87: nový asymetrický moderný vstup do ankety
   ---------------------------------------------------------------------- */
.hm-civic-vote-intro.hm-v87-vote-entry{
    position: relative !important;
    isolation: isolate !important;
    max-width: 1120px !important;
    margin: 0 auto 26px !important;
    padding: 0 !important;
    overflow: hidden !important;
    border: 1px solid rgba(255,255,255,.92) !important;
    border-radius: 34px !important;
    background: #fff !important;
    box-shadow: 0 30px 78px rgba(0,63,150,.17) !important;
    text-align: left !important;
}
.hm-civic-vote-intro.hm-v87-vote-entry::before{
    content: "" !important;
    position: absolute !important;
    z-index: 0 !important;
    inset: auto auto -150px -110px !important;
    width: 330px !important;
    height: 330px !important;
    border-radius: 50% !important;
    background: radial-gradient(circle, rgba(8,124,255,.10), transparent 68%) !important;
    pointer-events: none !important;
}
.hm-civic-vote-intro.hm-v87-vote-entry::after{
    content: "" !important;
    position: absolute !important;
    z-index: 0 !important;
    top: -100px !important;
    left: 47% !important;
    width: 260px !important;
    height: 260px !important;
    border-radius: 50% !important;
    background: radial-gradient(circle, rgba(255,212,0,.11), transparent 70%) !important;
    pointer-events: none !important;
}
.hm-v87-vote-main{
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: minmax(0, 1.48fr) minmax(320px, .82fr);
    min-height: 500px;
}
.hm-v87-vote-copy{
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 54px 58px 46px;
}
.hm-v87-vote-copy .hm-civic-change-label{
    align-self: flex-start !important;
    margin: 0 0 23px !important;
    padding: 8px 15px 8px 8px !important;
    border: 1px solid rgba(0,87,231,.08) !important;
    background: #f0f6ff !important;
    color: #075fcf !important;
    box-shadow: none !important;
    font-size: 12px !important;
    letter-spacing: .08em !important;
}
.hm-v87-vote-copy .hm-civic-change-icon{
    width: 32px !important;
    height: 32px !important;
    background: #086ce0 !important;
    box-shadow: 0 7px 18px rgba(0,87,231,.20) !important;
}
.hm-v87-vote-copy h2{
    max-width: 660px !important;
    margin: 0 !important;
    font-size: clamp(52px, 5.3vw, 78px) !important;
    line-height: .91 !important;
    letter-spacing: -.072em !important;
    text-align: left !important;
    color: #06265c !important;
}
.hm-v87-vote-copy h2 > span{ color: #06265c !important; }
.hm-v87-vote-copy h2 > strong{
    position: relative;
    display: inline-block;
    color: #087cff !important;
    background: none !important;
    -webkit-text-fill-color: currentColor !important;
}
.hm-v87-vote-copy h2 > strong::after{
    content: "";
    position: absolute;
    left: 2px;
    right: 0;
    bottom: -7px;
    height: 8px;
    border-radius: 999px;
    background: #ffd400;
    transform: rotate(-1.2deg);
    opacity: .92;
}
.hm-v87-vote-copy .hm-civic-vote-lead{
    max-width: 650px !important;
    margin: 28px 0 0 !important;
    color: #075fcf !important;
    font-size: clamp(21px, 2vw, 29px) !important;
    font-weight: 900 !important;
    line-height: 1.16 !important;
    letter-spacing: -.035em !important;
    text-align: left !important;
}
.hm-v87-vote-copy .hm-civic-vote-description{
    max-width: 660px !important;
    margin: 18px 0 0 !important;
    color: #526a87 !important;
    font-size: 15.5px !important;
    font-weight: 560 !important;
    line-height: 1.62 !important;
    text-align: left !important;
}
.hm-v87-vote-action{
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 42px 36px 36px;
    overflow: hidden;
    background:
        radial-gradient(circle at 82% 18%, rgba(255,212,0,.20), transparent 25%),
        radial-gradient(circle at 12% 100%, rgba(73,167,255,.22), transparent 33%),
        linear-gradient(145deg, #043c99 0%, #075ed7 53%, #087cff 100%);
    color: #fff;
}
.hm-v87-vote-action::before{
    content: "";
    position: absolute;
    inset: 0;
    opacity: .12;
    background-image:
        linear-gradient(rgba(255,255,255,.22) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.22) 1px, transparent 1px);
    background-size: 34px 34px;
    mask-image: linear-gradient(to bottom, #000, transparent 90%);
    pointer-events: none;
}
.hm-v87-vote-action > *{ position: relative; z-index: 1; }
.hm-v87-vote-count{
    display: grid;
    grid-template-columns: auto 1fr;
    align-items: end;
    gap: 0 10px;
    margin-bottom: 16px;
}
.hm-v87-vote-count > span{
    grid-column: 1 / -1;
    margin-bottom: 5px;
    color: #ffe56b;
    font-size: 11px;
    font-weight: 950;
    letter-spacing: .13em;
}
.hm-v87-vote-count > strong{
    color: #ffd400;
    font-size: 94px;
    font-weight: 950;
    line-height: .82;
    letter-spacing: -.08em;
}
.hm-v87-vote-count > b{
    padding-bottom: 8px;
    color: #fff;
    font-size: 25px;
    font-weight: 900;
    letter-spacing: -.035em;
}
.hm-v87-vote-flow{
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 6px;
    margin: 13px 0 21px;
}
.hm-v87-vote-flow span{
    height: 5px;
    border-radius: 999px;
    background: rgba(255,255,255,.22);
}
.hm-v87-vote-flow span.is-active{ background: #ffd400; }
.hm-v87-vote-action > p:not(.hm-vote-gate-status){
    max-width: 320px;
    margin: 0 0 25px;
    color: rgba(255,255,255,.84);
    font-size: 14px;
    font-weight: 600;
    line-height: 1.55;
}
.hm-civic-vote-intro.hm-v87-vote-entry .hm-vote-start-button{
    width: 100% !important;
    min-height: 72px !important;
    margin: 0 !important;
    padding: 8px 9px 8px 25px !important;
    border: 2px solid rgba(255,255,255,.58) !important;
    border-radius: 22px !important;
    background: linear-gradient(135deg, #ffe000, #ffc000) !important;
    color: #06265c !important;
    box-shadow: 0 18px 36px rgba(0,25,80,.22), inset 0 1px rgba(255,255,255,.75) !important;
    font-size: 20px !important;
    font-weight: 950 !important;
    text-shadow: none !important;
}
.hm-civic-vote-intro.hm-v87-vote-entry .hm-vote-start-button > span{
    text-align: left !important;
}
.hm-civic-vote-intro.hm-v87-vote-entry .hm-vote-start-button > b{
    width: 52px !important;
    height: 52px !important;
    border-radius: 16px !important;
    background: #075bd0 !important;
    color: #fff !important;
    box-shadow: 0 9px 20px rgba(0,52,142,.24) !important;
    font-size: 27px !important;
}
.hm-civic-vote-intro.hm-v87-vote-entry .hm-vote-start-button:hover:not(:disabled){
    transform: translateY(-2px) !important;
    background: linear-gradient(135deg, #ffe82e, #ffc400) !important;
    box-shadow: 0 22px 42px rgba(0,25,80,.28), inset 0 1px rgba(255,255,255,.78) !important;
}
.hm-v87-vote-action .hm-vote-gate-status{
    min-height: 0 !important;
    margin: 12px 2px 0 !important;
    color: rgba(255,255,255,.70) !important;
    font-size: 11px !important;
    line-height: 1.35 !important;
    text-align: left !important;
}




.hm-v87-vote-entry .hm-civic-vote-helper{ display: none !important; }

@media (max-width: 880px) {
    .hm-civic-vote-intro.hm-v87-vote-entry{
        max-width: 680px !important;
        border-radius: 28px !important;
    }
    .hm-v87-vote-main{ grid-template-columns: 1fr; min-height: 0; }
    .hm-v87-vote-copy{ padding: 40px 30px 32px; }
    .hm-v87-vote-action{ padding: 30px; }
    .hm-v87-vote-copy h2{ font-size: clamp(48px, 11vw, 70px) !important; }
    .hm-v87-vote-copy .hm-civic-vote-lead{ font-size: clamp(20px, 5.4vw, 27px) !important; }
    .hm-v87-vote-count{ grid-template-columns: auto auto; justify-content: start; }
    .hm-v87-vote-count > strong{ font-size: 76px; }
    .hm-v87-vote-action > p:not(.hm-vote-gate-status){ max-width: none; }
}
@media (max-width: 620px) {
    .hm-civic-vote-intro.hm-v87-vote-entry{ border-radius: 24px !important; }
    .hm-v87-vote-copy{ padding: 32px 20px 26px; }
    .hm-v87-vote-copy .hm-civic-change-label{ margin-bottom: 18px !important; font-size: 10px !important; }
    .hm-v87-vote-copy h2{ font-size: clamp(43px, 13.2vw, 60px) !important; }
    .hm-v87-vote-copy h2 > strong::after{ height: 6px; bottom: -5px; }
    .hm-v87-vote-copy .hm-civic-vote-lead{ margin-top: 24px !important; font-size: 20px !important; }
    .hm-v87-vote-copy .hm-civic-vote-description{ font-size: 14px !important; line-height: 1.55 !important; }
    .hm-v87-vote-action{ padding: 25px 20px 22px; }
    .hm-v87-vote-count > strong{ font-size: 68px; }
    .hm-v87-vote-count > b{ font-size: 21px; }
    .hm-civic-vote-intro.hm-v87-vote-entry .hm-vote-start-button{ min-height: 66px !important; font-size: 18px !important; }
    .hm-civic-vote-intro.hm-v87-vote-entry .hm-vote-start-button > b{ width: 48px !important; height: 48px !important; }
    
    
    
}


/* -------------------------------------------------------------------------
   v92: dotazníková karta +5 % celková mierka a +5 % všetky texty
   Súčasný stav -> Navrhované riešenie -> Ako to môže byť -> Hlasovanie -> Diskusia
   ---------------------------------------------------------------------- */


body.hm-voting-focus .hm-v88-comment-button, body.hm-voting-focus .hm-v88-comments-button{
    min-height: 31.5px !important;
    padding: 0 9.45px !important;
    border-radius: 8.4px !important;
    font-size: 9.97px !important;
    font-weight: 900 !important;
    cursor: pointer !important;
}
body.hm-voting-focus .hm-v88-comment-button{
    border: 0 !important;
    background: #0868ef !important;
    color: #fff !important;
}
body.hm-voting-focus .hm-v88-comments-button{
    border: 1.05px solid #bdd2ee !important;
    background: #fff !important;
    color: #0c5dd5 !important;
}
body.hm-voting-focus .hm-v88-comments-button b{ font-size: 13.12px !important; }




@media (max-height: 798px) and (min-width: 799.05px) {
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    body.hm-voting-focus .hm-v88-comment-button, body.hm-voting-focus .hm-v88-comments-button{ min-height: 25.2px !important; }
    
}

@media (max-width: 798px) {
    
    
    
    
    
    
    
    
    
    
    
    
    body.hm-voting-focus .hm-v88-comment-button, body.hm-voting-focus .hm-v88-comments-button{ flex: 1 1 50% !important; }
}

/* -------------------------------------------------------------------------
   v93: dotazníková karta +5 % a voliteľné písmo webu
   ---------------------------------------------------------------------- */


/* -------------------------------------------------------------------------
   v94: farebné pozadia blokov v anketovej karte
   ---------------------------------------------------------------------- */


/* -------------------------------------------------------------------------
   v95: výrazná modro-žltá identita, 5 profilov a živé ambientné pozadie
   ---------------------------------------------------------------------- */
:root{
    --hm-ink: #06245b;
    --hm-ink-2: #0a4196;
    --hm-muted: #526b91;
    --hm-bg: #f2f6ff;
    --hm-blue: #0057d9;
    --hm-blue-2: #003fba;
    --hm-cyan: #2f8fff;
    --hm-lime: #ffd400;
    --hm-yellow: #ffd400;
    --hm-orange: #ffd400;
    --hm-green: #0057d9;
    --hm-pink: #0057d9;
    --hm-red: #003f9d;
    --hm-navy: #002b74;
}

body{
    background: #f2f6ff;
}
body::before{
    background:
        radial-gradient(circle at 12% 12%, rgba(0,87,217,.13), transparent 30%),
        radial-gradient(circle at 88% 32%, rgba(255,212,0,.10), transparent 28%),
        linear-gradient(180deg, #f7f9ff 0%, #edf3ff 100%);
}

/* Jemné fotografie pod obsahom hlavnej stránky. */
.hm-ambient-background{
    position: fixed;
    inset: 0;
    z-index: 0;
    overflow: hidden;
    pointer-events: none;
    background: #f2f6ff;
}
.hm-ambient-background::after{
    content: "";
    position: absolute;
    inset: 0;
    z-index: 3;
    background: linear-gradient(180deg, rgba(244,248,255,.90), rgba(239,245,255,.91));
}
.hm-ambient-layer{
    position: absolute;
    inset: -5%;
    z-index: 1;
    opacity: 0;
    background-position: center;
    background-size: cover;
    filter: saturate(.78) contrast(.94);
    transform: scale(1.03);
    transition: opacity 2.4s ease;
    animation: hmAmbientBreath 16s ease-in-out infinite alternate;
    will-change: transform, opacity;
}
.hm-ambient-layer:nth-child(even){
    animation-direction: alternate-reverse;
    animation-duration: 19s;
}
.hm-ambient-layer.is-active{ opacity: .22; }
.hm-site{ position: relative; z-index: 1; background: transparent; }
.hm-site > section, .hm-site > footer{ position: relative; z-index: 2; }
.hm-site > .hm-topbar{ z-index: 1000; }
@keyframes hmAmbientBreath {
    0% { transform: scale(1.02) translate3d(-.4%, -.25%, 0); }
    50% { transform: scale(1.09) translate3d(.45%, .35%, 0); }
    100% { transform: scale(1.04) translate3d(.2%, -.3%, 0); }
}

/* Silná modro-žltá hlavička a základné akcenty. */
.hm-topbar{
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}
.hm-topbar-inner, .hm-topbar.is-scrolled .hm-topbar-inner{
    border: 2px solid #ffd400 !important;
    background: rgba(0,43,116,.96) !important;
    box-shadow: 0 14px 38px rgba(0,43,116,.24) !important;
}
.hm-logo, .hm-navigation a{ color: #fff !important; }
.hm-logo small{ color: #ffd400 !important; }
.hm-logo > i{ background: #ffd400 !important; box-shadow: 0 8px 20px rgba(255,212,0,.22) !important; }
.hm-logo > i::before, .hm-logo > i::after, .hm-logo > i span{ background: #002b74 !important; }
.hm-navigation a:hover, .hm-navigation a.is-active{ background: rgba(255,212,0,.15) !important; color: #ffd400 !important; }
.hm-menu-button span{ background: #ffd400 !important; }
.hm-button-yellow, .hm-vote-start-button, .hm-quiz-start-button{
    background: #ffd400 !important;
    color: #002b74 !important;
    border-color: #ffd400 !important;
    box-shadow: 0 12px 26px rgba(255,212,0,.25) !important;
}
.hm-button-yellow:hover, .hm-vote-start-button:hover, .hm-quiz-start-button:hover{ background: #ffe34f !important; }
.hm-button-blue, .hm-button-primary{
    background: #0057d9 !important;
    color: #fff !important;
    border-color: #0057d9 !important;
}
.hm-eyebrow, .hm-civic-badge, .hm-civic-change-label, .hm-quiz-change-label{
    background: #ffd400 !important;
    color: #002b74 !important;
    border-color: rgba(0,43,116,.12) !important;
}
.hm-section-head h2, .hm-civic-intro h1, .hm-civic-intro-copy h1, .hm-civic-vote-intro h2, .hm-quiz-intro h2{ color: #002b74 !important; }

.hm-civic-intro{
    background: linear-gradient(180deg, rgba(247,250,255,.86), rgba(239,245,255,.80)) !important;
    min-height: 0 !important;
    padding-bottom: clamp(34px, 4vw, 58px) !important;
}
.hm-civic-intro-inner{ max-width: 1320px; }
.hm-civic-intro-layout{
    grid-template-columns: minmax(0,1fr) !important;
    gap: clamp(24px, 3vw, 42px) !important;
}
.hm-civic-intro-copy{
    width: min(900px, 100%);
    margin-inline: auto;
    text-align: center;
}
.hm-civic-intro-copy h1, .hm-civic-intro-copy .hm-civic-slogan-rotator, .hm-civic-intro-copy .hm-civic-intro-text{ margin-inline: auto; }
.hm-civic-intro-copy .hm-civic-intro-text{ color: #38577f !important; }

/* Päť reprezentatívnych profilov – stred úvodnej stránky. */
.hm-pledge-panel{
    width: min(1180px, 100%);
    margin-inline: auto;
    padding: clamp(20px, 2.4vw, 30px) !important;
    border: 2px solid rgba(0,87,217,.14) !important;
    border-radius: 34px !important;
    background:
        radial-gradient(circle at 100% 0, rgba(255,212,0,.18), transparent 32%),
        linear-gradient(145deg, rgba(255,255,255,.94), rgba(235,243,255,.93)) !important;
    box-shadow: 0 28px 72px rgba(0,43,116,.17) !important;
}
.hm-pledge-panel::before{ border-color: rgba(0,87,217,.08) !important; }
.hm-pledge-head{
    justify-content: center !important;
    margin: 0 0 22px !important;
}
.hm-pledge-head h2{
    max-width: 760px !important;
    color: #002b74 !important;
    text-align: center !important;
    font-size: clamp(24px, 2.5vw, 38px) !important;
    line-height: 1.02 !important;
}
.hm-pledge-grid{
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0,1fr)) !important;
    gap: clamp(10px, 1.3vw, 17px) !important;
    overflow: visible !important;
}
.hm-pledge-person, .hm-pledge-person:not(.is-expanded){
    position: relative !important;
    inset: auto !important;
    width: auto !important;
    height: auto !important;
    min-height: 250px;
    aspect-ratio: 4 / 5 !important;
    overflow: hidden !important;
    border: 2px solid rgba(0,87,217,.14) !important;
    border-radius: 24px !important;
    background: #dbe9ff !important;
    box-shadow: 0 16px 34px rgba(0,43,116,.13) !important;
    opacity: 1 !important;
    filter: none !important;
}
.hm-pledge-person:not(.is-placeholder):hover{
    transform: translateY(-7px) scale(1.012) !important;
    border-color: #ffd400 !important;
    box-shadow: 0 23px 44px rgba(0,43,116,.22) !important;
}
.hm-pledge-photo::after{
    background: linear-gradient(180deg, transparent 42%, rgba(0,28,78,.16) 58%, rgba(0,24,67,.88) 100%) !important;
}
.hm-pledge-summary{
    position: absolute;
    z-index: 4;
    left: 13px;
    right: 42px;
    bottom: 13px;
    display: flex;
    align-items: center;
    gap: 9px;
    min-width: 0;
}
.hm-pledge-circle{
    flex: 0 0 auto;
    display: grid;
    place-items: center;
    width: 42px;
    height: 42px;
    border: 3px solid rgba(255,255,255,.92);
    border-radius: 50%;
    background: #ffd400;
    color: #002b74;
    font-size: 17px;
    font-weight: 950;
    box-shadow: 0 8px 20px rgba(0,0,0,.18);
}
.hm-pledge-summary h3{
    min-width: 0;
    margin: 0;
    color: #fff;
    font-size: clamp(14px, 1.18vw, 18px);
    font-weight: 900;
    line-height: 1.05;
    letter-spacing: -.03em;
    text-shadow: 0 2px 10px rgba(0,0,0,.28);
}
.hm-pledge-expand{
    right: 12px !important;
    bottom: 14px !important;
    width: 34px !important;
    height: 34px !important;
    background: #0057d9 !important;
    border: 2px solid rgba(255,255,255,.85) !important;
}
.hm-pledge-expand:hover{ background: #003fba !important; }
.hm-pledge-person.is-placeholder{
    opacity: .68 !important;
    border: 2px dashed rgba(0,87,217,.32) !important;
    box-shadow: none !important;
}
.hm-pledge-person.is-placeholder .hm-pledge-photo.is-empty{
    background: linear-gradient(145deg, #e9f1ff, #c9dcff) !important;
}
.hm-pledge-person.is-placeholder .hm-pledge-photo.is-empty > span{
    color: #0057d9 !important;
    font-size: 42px !important;
}
.hm-pledge-person.is-placeholder .hm-pledge-summary h3{ color: #24518b; text-shadow: none; }
.hm-pledge-person.is-placeholder .hm-pledge-circle{ background: #fff; border-color: #ffd400; }

/* Otvorený profil zostáva elegantný, modro-žltý. */
.hm-pledge-person.is-expanded{
    position: absolute !important;
    inset: 0 !important;
    z-index: 20 !important;
    aspect-ratio: auto !important;
    min-height: 100% !important;
    display: grid !important;
    grid-template-columns: minmax(0,42%) minmax(0,58%) !important;
    border-color: #ffd400 !important;
    background: #fff !important;
}
.hm-pledge-person.is-expanded .hm-pledge-summary{ display: none; }
.hm-pledge-person.is-expanded .hm-pledge-detail{
    background: linear-gradient(145deg, #fff, #edf4ff) !important;
}
.hm-pledge-person.is-expanded .hm-pledge-number{
    background: #ffd400 !important;
    color: #002b74 !important;
}
.hm-pledge-person.is-expanded .hm-pledge-number strong{ color: #002b74 !important; }
.hm-pledge-person.is-expanded .hm-pledge-detail h3{ color: #002b74 !important; }

/* Ďalšie hlavné bloky držia novú paletu. */
.hm-problem-strip, .hm-footer{
    background: linear-gradient(135deg, #002b74, #0049b8) !important;
    border-color: #ffd400 !important;
}
.hm-problem-strip-head h2, .hm-footer, .hm-footer a{ color: #fff !important; }
.hm-footer::before{ background: #ffd400 !important; }
.hm-solutions.hm-section, .hm-quiz.hm-section, .hm-media.hm-section, .hm-team.hm-section{
    background-color: rgba(244,248,255,.86) !important;
}
.hm-media-card, .hm-candidate-card, .hm-quiz-intro, .hm-civic-vote-intro{
    border-color: rgba(0,87,217,.13) !important;
}
.hm-filters button.is-active, .hm-district-select select:focus{
    border-color: #ffd400 !important;
}

@media (max-width: 1050px) {
    .hm-pledge-grid{ grid-template-columns: repeat(5, minmax(135px,1fr)) !important; }
    .hm-pledge-person, .hm-pledge-person:not(.is-expanded){ min-height: 215px; }
}
@media (max-width: 800px) {
    .hm-civic-intro-copy{ text-align: left; }
    .hm-civic-intro-copy h1, .hm-civic-intro-copy .hm-civic-slogan-rotator, .hm-civic-intro-copy .hm-civic-intro-text{ margin-inline: 0; }
    .hm-pledge-panel{ margin-top: 20px !important; padding: 16px 12px 14px !important; }
    .hm-pledge-head h2{ text-align: center !important; max-width: 100% !important; }
    .hm-pledge-grid{
        display: flex !important;
        gap: 11px !important;
        overflow-x: auto !important;
        padding: 3px 2px 10px !important;
        scroll-snap-type: x mandatory;
    }
    .hm-pledge-person, .hm-pledge-person:not(.is-expanded){
        flex: 0 0 min(66vw, 230px) !important;
        width: min(66vw, 230px) !important;
        height: auto !important;
        min-height: 285px !important;
        aspect-ratio: 4 / 5 !important;
        scroll-snap-align: center;
    }
    .hm-pledge-person.is-expanded{
        position: relative !important;
        inset: auto !important;
        flex-basis: min(86vw, 360px) !important;
        width: min(86vw, 360px) !important;
        min-height: 285px !important;
        grid-template-columns: 42% 58% !important;
    }
    .hm-pledge-summary{ right: 48px; }
    .hm-pledge-mobile-note{ display: block !important; text-align: center; color: #47678f; }
}
@media (max-width: 520px) {
    .hm-pledge-person, .hm-pledge-person:not(.is-expanded){
        flex-basis: min(74vw, 220px) !important;
        width: min(74vw, 220px) !important;
        min-height: 275px !important;
    }
    .hm-pledge-circle{ width: 39px; height: 39px; font-size: 15px; }
}
@media (prefers-reduced-motion: reduce) {
    .hm-ambient-layer{ animation: none !important; transition: none !important; transform: scale(1.03) !important; }
}

/* v95: aj stavové bloky ankety zostávajú v modro-žltej identite. */






@media (max-width: 980px) {
    .hm-navigation{
        border-color: #ffd400 !important;
        background: rgba(0,43,116,.98) !important;
        box-shadow: 0 18px 44px rgba(0,43,116,.28) !important;
    }
    .hm-navigation a{ color: #fff !important; }
    .hm-navigation a:hover, .hm-navigation a.is-active{ color: #ffd400 !important; background: rgba(255,212,0,.13) !important; }
}

/* -------------------------------------------------------------------------
   v96: úvod v dvoch stĺpcoch + nadpis ľudí vľavo, profily vpravo
   ---------------------------------------------------------------------- */
.hm-civic-intro-inner{
    max-width: 1420px !important;
}
.hm-civic-intro-layout{
    display: grid !important;
    grid-template-columns: minmax(330px, .78fr) minmax(650px, 1.42fr) !important;
    align-items: center !important;
    gap: clamp(34px, 4.2vw, 72px) !important;
}
.hm-civic-intro-copy{
    width: 100% !important;
    margin: 0 !important;
    text-align: left !important;
    align-self: center;
}
.hm-civic-intro-copy h1, .hm-civic-intro-copy .hm-civic-slogan-rotator, .hm-civic-intro-copy .hm-civic-intro-text{
    margin-inline: 0 !important;
}
.hm-civic-intro-copy h1{
    max-width: 540px;
}
.hm-civic-intro-copy .hm-civic-intro-text{
    max-width: 590px;
}
.hm-pledge-head-left{
    display: block !important;
    margin: clamp(28px, 4vw, 46px) 0 0 !important;
    padding-top: clamp(22px, 3vw, 34px);
    border-top: 3px solid #ffd400;
}
.hm-pledge-head-left h2{
    max-width: 520px !important;
    margin: 0 !important;
    text-align: left !important;
    color: #002b74 !important;
    font-size: clamp(24px, 2.45vw, 40px) !important;
    line-height: 1.02 !important;
    letter-spacing: -.045em !important;
}
.hm-pledge-panel{
    width: 100% !important;
    margin: 0 !important;
    padding: clamp(16px, 1.7vw, 23px) !important;
    align-self: center;
}
.hm-pledge-grid{
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    gap: clamp(9px, 1vw, 14px) !important;
}
.hm-pledge-person, .hm-pledge-person:not(.is-expanded){
    min-height: 205px !important;
    aspect-ratio: 4 / 5.4 !important;
    border-radius: 21px !important;
}
.hm-pledge-summary{
    left: 9px !important;
    right: 37px !important;
    bottom: 10px !important;
    gap: 7px !important;
}
.hm-pledge-circle{
    width: 36px !important;
    height: 36px !important;
    font-size: 14px !important;
    border-width: 2px !important;
}
.hm-pledge-summary h3{
    font-size: clamp(12px, .94vw, 16px) !important;
    line-height: 1.02 !important;
}
.hm-pledge-expand{
    width: 29px !important;
    height: 29px !important;
    right: 8px !important;
    bottom: 11px !important;
}
.hm-pledge-mobile-note{
    margin-bottom: 0 !important;
}

/* Administrácia TEXTY – dlhé texty nech sa editujú pohodlne. */
.hm-texts-admin .hm-admin-panel textarea{
    min-height: 76px;
    resize: vertical;
}
.hm-texts-admin .hm-texts-intro-panel{
    border: 2px solid rgba(0,87,217,.16);
    background: linear-gradient(135deg, #f5f8ff, #fff9d9);
}

@media (max-width: 1240px) and (min-width: 981px) {
    .hm-civic-intro-layout{
        grid-template-columns: minmax(300px, .72fr) minmax(560px, 1.28fr) !important;
        gap: 30px !important;
    }
    .hm-pledge-grid{
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
    .hm-pledge-person, .hm-pledge-person:not(.is-expanded){
        min-height: 210px !important;
    }
}

@media (max-width: 980px) {
    .hm-civic-intro-layout{
        grid-template-columns: 1fr !important;
        gap: 22px !important;
    }
    .hm-civic-intro-copy{
        text-align: left !important;
    }
    .hm-pledge-head-left{
        margin-top: 26px !important;
    }
    .hm-pledge-panel{
        margin-top: 0 !important;
    }
    .hm-pledge-grid{
        display: flex !important;
        overflow-x: auto !important;
    }
    .hm-pledge-person, .hm-pledge-person:not(.is-expanded){
        min-height: 285px !important;
        aspect-ratio: 4 / 5 !important;
    }
}


/* -------------------------------------------------------------------------
   v97: profily bez veľkého panelu, menšie o ~20 %, nadpis nad fotografiami
   ---------------------------------------------------------------------- */
.hm-civic-intro-layout{
    grid-template-columns: minmax(340px, .82fr) minmax(590px, 1.18fr) !important;
    align-items: center !important;
    gap: clamp(32px, 4vw, 68px) !important;
}

.hm-pledge-panel{
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    overflow: visible !important;
}
.hm-pledge-panel::before{
    display: none !important;
    content: none !important;
}

.hm-pledge-head-above{
    display: block !important;
    margin: 0 0 clamp(16px, 1.8vw, 24px) !important;
    padding: 0 !important;
    border: 0 !important;
}
.hm-pledge-head-above h2{
    max-width: 760px !important;
    margin: 0 !important;
    text-align: left !important;
    color: #002b74 !important;
    font-size: clamp(24px, 2.15vw, 36px) !important;
    line-height: 1.02 !important;
    letter-spacing: -.045em !important;
}

.hm-pledge-head-left{
    display: none !important;
}

.hm-pledge-grid{
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    gap: clamp(10px, 1.05vw, 15px) !important;
    align-items: start !important;
}
.hm-pledge-person, .hm-pledge-person:not(.is-expanded){
    min-height: 0 !important;
    aspect-ratio: 4 / 5 !important;
    width: 80% !important;
    justify-self: center !important;
    border-radius: 18px !important;
}
.hm-pledge-summary{
    left: 8px !important;
    right: 31px !important;
    bottom: 8px !important;
    gap: 6px !important;
}
.hm-pledge-circle{
    width: 31px !important;
    height: 31px !important;
    min-width: 31px !important;
    font-size: 12px !important;
}
.hm-pledge-summary h3{
    font-size: clamp(11px, .78vw, 14px) !important;
}
.hm-pledge-expand{
    width: 26px !important;
    height: 26px !important;
    right: 6px !important;
    bottom: 8px !important;
}

@media (max-width: 1240px) and (min-width: 981px) {
    .hm-civic-intro-layout{
        grid-template-columns: minmax(315px, .78fr) minmax(520px, 1.22fr) !important;
        gap: 28px !important;
    }
    .hm-pledge-grid{
        grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    }
    .hm-pledge-person, .hm-pledge-person:not(.is-expanded){
        width: 82% !important;
        min-height: 0 !important;
    }
}

@media (max-width: 980px) {
    .hm-civic-intro-layout{
        grid-template-columns: 1fr !important;
        gap: 28px !important;
    }
    .hm-pledge-panel{
        margin-top: 4px !important;
    }
    .hm-pledge-head-above{
        margin-bottom: 16px !important;
    }
    .hm-pledge-head-above h2{
        text-align: left !important;
        font-size: clamp(23px, 6.2vw, 34px) !important;
    }
    .hm-pledge-grid{
        display: flex !important;
        gap: 12px !important;
        overflow-x: auto !important;
        padding: 2px 2px 10px !important;
        scroll-snap-type: x proximity;
    }
    .hm-pledge-person, .hm-pledge-person:not(.is-expanded){
        flex: 0 0 clamp(142px, 40vw, 180px) !important;
        width: auto !important;
        min-height: 0 !important;
        aspect-ratio: 4 / 5 !important;
        scroll-snap-align: start;
    }
}


/* -------------------------------------------------------------------------
   v98: olympijské rozloženie 3+2, bližšie profily, Prispôsobiť farby a overlay
   ---------------------------------------------------------------------- */
body::after{
    content: "";
    position: fixed;
    inset: 0;
    pointer-events: none;
    z-index: 1;
    background: rgba(var(--hm-page-overlay-rgb), calc(var(--hm-page-overlay-opacity) * .32));
}
.hm-site, .hm-site > section, .hm-site > footer, .hm-topbar{ position: relative; }
.hm-site, .hm-site > section, .hm-site > footer, .hm-topbar{ z-index: 2; }
.hm-ambient-background::after{
    background: linear-gradient(
        180deg,
        rgba(var(--hm-page-overlay-rgb), calc(var(--hm-page-overlay-opacity) + .05)),
        rgba(var(--hm-page-overlay-rgb), calc(var(--hm-page-overlay-opacity) + .08))
    ) !important;
}
.hm-ambient-layer.is-active{ opacity: var(--hm-ambient-image-opacity) !important; }

@media (min-width: 981px) {
    .hm-civic-intro-layout{
        grid-template-columns: minmax(340px, .82fr) minmax(560px, 1.18fr) !important;
        align-items: start !important;
    }
    .hm-pledge-panel{
        padding-top: 4px !important;
    }
    .hm-pledge-head-above{
        margin-bottom: 12px !important;
    }
    .hm-pledge-head-above h2{
        max-width: 620px !important;
        font-size: clamp(26px, 2.3vw, 38px) !important;
        line-height: .98 !important;
    }
    .hm-pledge-grid{
        display: grid !important;
        grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
        gap: 14px 10px !important;
        align-items: start !important;
        justify-items: center !important;
        max-width: 760px !important;
        width: 100% !important;
        margin: 0 !important;
    }
    .hm-pledge-grid > .hm-pledge-person:nth-child(1){ grid-column: 1 / span 2 !important; }
    .hm-pledge-grid > .hm-pledge-person:nth-child(2){ grid-column: 3 / span 2 !important; }
    .hm-pledge-grid > .hm-pledge-person:nth-child(3){ grid-column: 5 / span 2 !important; }
    .hm-pledge-grid > .hm-pledge-person:nth-child(4){ grid-column: 2 / span 2 !important; }
    .hm-pledge-grid > .hm-pledge-person:nth-child(5){ grid-column: 4 / span 2 !important; }

    .hm-pledge-person, .hm-pledge-person:not(.is-expanded){
        width: min(100%, 148px) !important;
        min-height: 0 !important;
        aspect-ratio: 4 / 5 !important;
        justify-self: center !important;
    }
    .hm-pledge-person.is-expanded{
        width: min(100%, 220px) !important;
    }
    .hm-pledge-summary h3{
        font-size: clamp(11px, .86vw, 14px) !important;
    }
}

@media (max-width: 1180px) and (min-width: 981px) {
    .hm-pledge-grid{
        gap: 12px 8px !important;
        max-width: 700px !important;
    }
    .hm-pledge-person, .hm-pledge-person:not(.is-expanded){
        width: min(100%, 136px) !important;
    }
}


/* -------------------------------------------------------------------------
   v99: kompaktnejší úvod, modernizovaný hlavný titulok a posun profilov
   ---------------------------------------------------------------------- */
/* Hlavička ostáva nad obsahom a už nevytvára druhú prázdnu výšku v dokumente. */
.hm-topbar{
    position: fixed !important;
    top: 14px !important;
    left: 0 !important;
    right: 0 !important;
}
.admin-bar .hm-topbar{ top: 46px !important; }

/* Obsah začína tesne pod menu – približne 10 px vizuálnej medzery. */
.hm-civic-intro{
    padding-top: calc(var(--hm-topbar) + 10px) !important;
}

/* Hlavný názov je o približne 10 % menší a kompaktnejší. */
.hm-civic-intro-copy h1{
    max-width: 520px !important;
    margin-bottom: 0 !important;
    font-size: clamp(49px, 5.5vw, 79px) !important;
    line-height: .88 !important;
    letter-spacing: -.065em !important;
    font-weight: 900 !important;
    text-wrap: balance;
}
.hm-civic-intro-copy h1 span{
    display: inline-block !important;
    color: transparent !important;
    background: linear-gradient(118deg, var(--hm-blue) 0%, var(--hm-blue) 42%, var(--hm-blue-2) 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    filter: drop-shadow(0 9px 18px rgba(0, 63, 159, .09)) !important;
}
.hm-civic-slogan-rotator{
    margin-top: 14px !important;
}

/* Fotky/profily posunieme doprava; nadpis nad nimi zostáva na svojej osi. */
@media (min-width: 981px) {
    .hm-pledge-grid{
        transform: translateX(clamp(50px, 6vw, 113px)) !important;
    }
}

/* V administrácii WordPressu nech pevná hlavička neprekryje úvod. */
@media (min-width: 783px) {
    .admin-bar .hm-civic-intro{
        padding-top: calc(var(--hm-topbar) + 46px) !important;
    }
}

@media (max-width: 980px) {
    .hm-topbar{ top: 8px !important; }
    .admin-bar .hm-topbar{ top: 54px !important; }
    .hm-civic-intro{
        padding-top: calc(var(--hm-topbar) + 8px) !important;
    }
    .hm-civic-intro-copy h1{
        max-width: 100% !important;
        font-size: clamp(42px, 11.4vw, 63px) !important;
        line-height: .91 !important;
    }
    .hm-pledge-grid{ transform: none !important; }
}


/* -------------------------------------------------------------------------
   v101: nadpis na stred, číslo pod fotografiou, klikateľný profil človeka
   ---------------------------------------------------------------------- */
@media (min-width: 981px) {
    .hm-pledge-head-above h2{
        max-width: 760px !important;
        width: 100% !important;
        margin-inline: auto !important;
        text-align: center !important;
    }
}
.hm-pledge-person, .hm-pledge-person:not(.is-expanded), .hm-pledge-person.is-expanded{
    aspect-ratio: auto !important;
    min-height: 0 !important;
    overflow: visible !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    transform: none !important;
}
.hm-pledge-person:not(.is-placeholder):hover{
    transform: none !important;
    border: 0 !important;
    box-shadow: none !important;
}
.hm-pledge-photo, .hm-pledge-photo-button{
    position: relative !important;
    inset: auto !important;
    display: grid !important;
    width: 100% !important;
    aspect-ratio: 4 / 5 !important;
    padding: 0 !important;
    overflow: hidden !important;
    border: 1px solid rgba(0, 91, 187, .16) !important;
    border-radius: 18px !important;
    background-position: center top !important;
    background-size: cover !important;
    box-shadow: 0 12px 28px rgba(0, 55, 125, .12) !important;
}
button.hm-pledge-photo-button{
    appearance: none;
    cursor: pointer;
    color: inherit;
    transition: transform .24s ease, box-shadow .24s ease, border-color .24s ease;
}
button.hm-pledge-photo-button:hover, button.hm-pledge-photo-button:focus-visible{
    transform: translateY(-4px) !important;
    border-color: var(--hm-yellow) !important;
    box-shadow: 0 18px 36px rgba(0, 55, 125, .18) !important;
    outline: none;
}
.hm-pledge-photo-button::after, .hm-pledge-person.is-expanded .hm-pledge-photo::after{
    background: linear-gradient(180deg, transparent 68%, rgba(0, 35, 85, .16) 100%) !important;
}
.hm-pledge-photo-open{
    position: absolute !important;
    z-index: 3 !important;
    right: 9px !important;
    top: 9px !important;
    display: grid !important;
    place-items: center !important;
    width: 28px !important;
    height: 28px !important;
    border-radius: 50% !important;
    background: var(--hm-yellow) !important;
    color: var(--hm-navy) !important;
    font-size: 14px !important;
    font-weight: 950 !important;
    box-shadow: 0 7px 16px rgba(0,0,0,.12) !important;
}
.hm-pledge-summary-below, .hm-pledge-summary{
    position: relative !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    top: auto !important;
    z-index: auto !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    width: 100% !important;
    margin-top: 8px !important;
    padding: 0 1px !important;
    color: var(--hm-ink) !important;
}
.hm-pledge-circle{
    position: relative !important;
    display: grid !important;
    place-items: center !important;
    flex: 0 0 32px !important;
    width: 32px !important;
    height: 32px !important;
    min-width: 32px !important;
    border: 2px solid var(--hm-yellow) !important;
    border-radius: 50% !important;
    background: var(--hm-yellow) !important;
    color: var(--hm-navy) !important;
    font-size: 12px !important;
    font-weight: 950 !important;
    box-shadow: 0 5px 14px rgba(0, 55, 125, .10) !important;
}
.hm-pledge-summary-copy{ min-width: 0 !important; text-align: left !important; }
.hm-pledge-summary h3, .hm-pledge-summary-copy h3{
    margin: 0 !important;
    color: var(--hm-ink-2) !important;
    font-size: clamp(11px, .86vw, 14px) !important;
    line-height: 1.05 !important;
    font-weight: 900 !important;
}
.hm-pledge-summary-copy small{
    display: block !important;
    margin-top: 2px !important;
    color: var(--hm-muted) !important;
    font-size: 9px !important;
    line-height: 1.1 !important;
    font-weight: 750 !important;
}
.hm-pledge-expand, .hm-pledge-detail{ display: none !important; }
@media (min-width: 981px) {
    .hm-pledge-person, .hm-pledge-person:not(.is-expanded), .hm-pledge-person.is-expanded{ width: min(100%, 148px) !important; }
}
@media (max-width: 1180px) and (min-width: 981px) {
    .hm-pledge-person, .hm-pledge-person:not(.is-expanded), .hm-pledge-person.is-expanded{ width: min(100%, 136px) !important; }
}
@media (max-width: 980px) {
    .hm-pledge-head-above h2{ text-align: center !important; }
    .hm-pledge-person, .hm-pledge-person:not(.is-expanded), .hm-pledge-person.is-expanded{
        flex: 0 0 clamp(142px, 40vw, 180px) !important;
        width: auto !important;
        aspect-ratio: auto !important;
    }
}
.hm-commitment-modal{ max-width: 820px; }
.hm-commitment-modal-top{
    display: grid;
    grid-template-columns: minmax(150px, 220px) 1fr;
    gap: clamp(20px, 4vw, 42px);
    align-items: center;
}
.hm-commitment-modal-main-photo{
    display: block;
    width: 100%;
    aspect-ratio: 4 / 5;
    object-fit: cover;
    object-position: center top;
    border-radius: 22px;
    box-shadow: 0 18px 42px rgba(0, 49, 115, .16);
}
.hm-commitment-modal-empty{
    display: grid;
    place-items: center;
    background: linear-gradient(145deg, #d8ecff, #99ccfa);
    color: var(--hm-blue);
    font-size: 40px;
    font-weight: 950;
}
.hm-commitment-modal-heading h2{
    margin: 6px 0 5px;
    color: var(--hm-ink-2);
    font-size: clamp(30px, 4vw, 52px);
    line-height: .98;
    letter-spacing: -.05em;
}
.hm-commitment-modal-role{ margin: 0 0 14px; color: var(--hm-muted); font-weight: 800; }
.hm-commitment-modal-number{ display: inline-flex; align-items: center; gap: 9px; }
.hm-commitment-modal-number b{
    display: grid;
    place-items: center;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: var(--hm-yellow);
    color: var(--hm-navy);
    font-size: 18px;
}
.hm-commitment-modal-number small{
    color: var(--hm-muted);
    font-size: 11px;
    font-weight: 850;
    text-transform: uppercase;
    letter-spacing: .08em;
}
.hm-commitment-modal-lead{
    margin: 24px 0 0;
    padding: 17px 20px;
    border-left: 5px solid var(--hm-yellow);
    border-radius: 0 14px 14px 0;
    background: rgba(0, 91, 187, .055);
    color: var(--hm-ink-2);
    font-size: 17px;
    font-weight: 800;
}
.hm-commitment-modal-bio{ margin-top: 20px; }
.hm-commitment-gallery{ margin-top: 26px; }
.hm-commitment-gallery h3{ margin: 0 0 12px; color: var(--hm-ink-2); font-size: 19px; }
.hm-commitment-gallery > div{
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
}
.hm-commitment-gallery img{
    width: 100%;
    aspect-ratio: 4 / 3;
    object-fit: cover;
    border-radius: 14px;
}
@media (max-width: 640px) {
    .hm-commitment-modal-top{ grid-template-columns: 110px 1fr; gap: 16px; align-items: start; }
    .hm-commitment-modal-heading h2{ font-size: clamp(25px, 8vw, 36px); }
    .hm-commitment-modal-lead{ font-size: 15px; }
    .hm-commitment-gallery > div{ grid-template-columns: 1fr; }
}


/* -------------------------------------------------------------------------
   v102: 10 pozadí, menší titulok, bez eyebrow, nekonečné problémy, e-mail gate
   ---------------------------------------------------------------------- */
/* Fotografie v pozadí sú o niečo čitateľnejšie; presnú silu určuje Prispôsobiť. */
.hm-ambient-layer{
    filter: saturate(.92) contrast(.97) !important;
}

/* Hlavný titulok je ešte približne o 15 % menší. */
.hm-civic-intro-copy h1{
    max-width: 470px !important;
    font-size: clamp(42px, 4.7vw, 67px) !important;
    line-height: .90 !important;
    letter-spacing: -.058em !important;
}

/* Sekcia problémov už nemá horný eyebrow „Mesto pod lupou“. */
.hm-problem-strip-head > div > span{
    display: none !important;
}
.hm-problem-strip-head > div{
    gap: 0 !important;
}
.hm-problem-strip-head h2{
    margin-top: 0 !important;
}

/* Pás problémov sa posúva plynulo bez snapovania a opakuje sa dookola. */
.hm-problem-rail{
    scroll-snap-type: none !important;
    scroll-behavior: auto !important;
    overscroll-behavior-inline: contain;
}
.hm-problem-tile, .hm-problem-tile.is-film-clone{
    scroll-snap-align: none !important;
}

/* Rebríček: najprv klik, potom potvrdený e-mail. */



@keyframes hmResultsGateReveal {
    from { opacity: 0; transform: translateY(8px); }
    to { opacity: 1; transform: translateY(0); }
}

@media (max-width: 980px) {
    .hm-civic-intro-copy h1{
        max-width: 100% !important;
        font-size: clamp(36px, 9.7vw, 54px) !important;
        line-height: .93 !important;
    }
}


/* v103 */
.hm-problem-strip{background:#050505!important;background-image:linear-gradient(180deg,#090909 0%,#000 100%)!important;color:#fff!important}
.hm-problem-strip::before, .hm-problem-strip::after{filter:grayscale(1) brightness(.9)!important}
.hm-problem-strip-head h2{color:#fff!important}.hm-problem-strip-head>p{color:rgba(255,255,255,.68)!important}
.hm-civic-vote-intro.hm-v87-vote-entry{width:min(100%,690px)!important;max-width:690px!important;border-radius:28px!important}
.hm-v87-vote-main{grid-template-columns:minmax(0,1.32fr) minmax(240px,.78fr)!important;min-height:365px!important}
.hm-v87-vote-copy{padding:34px 32px 30px!important}.hm-v87-vote-copy .hm-civic-change-label{margin-bottom:14px!important}
.hm-v87-vote-copy h2{font-size:clamp(38px,3.8vw,54px)!important;line-height:.92!important}
.hm-v87-vote-copy .hm-civic-vote-lead{margin-top:20px!important;font-size:clamp(17px,1.45vw,21px)!important}
.hm-v87-vote-copy .hm-civic-vote-description{margin-top:12px!important;font-size:13px!important;line-height:1.48!important}
.hm-v87-vote-action{padding:28px 22px 24px!important}
.hm-v103-vote-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px;align-items:stretch;margin-bottom:12px}
.hm-v103-vote-stats .hm-v87-vote-count, .hm-v103-completed-count{margin:0!important;padding:12px;border:1px solid rgba(255,255,255,.16);border-radius:16px;background:rgba(0,22,78,.18)}
.hm-v103-vote-stats .hm-v87-vote-count{display:flex!important;flex-direction:column;align-items:flex-start!important;gap:0!important}
.hm-v103-vote-stats .hm-v87-vote-count>span, .hm-v103-completed-count>span{margin:0 0 3px!important;color:#ffe56b;font-size:8px!important;font-weight:950;line-height:1.2;letter-spacing:.09em;text-transform:uppercase}
.hm-v103-vote-stats .hm-v87-vote-count>strong, .hm-v103-completed-count>strong{color:#ffd400!important;font-size:42px!important;font-weight:950;line-height:.92;letter-spacing:-.06em}
.hm-v103-vote-stats .hm-v87-vote-count>b, .hm-v103-completed-count>b{padding:2px 0 0!important;color:#fff!important;font-size:10px!important;font-weight:850}
.hm-v87-vote-flow{margin:9px 0 14px!important}.hm-v87-vote-action>p:not(.hm-vote-gate-status){margin-bottom:15px!important;font-size:11px!important}
.hm-civic-vote-intro.hm-v87-vote-entry .hm-vote-start-button{min-height:58px!important;padding:7px 8px 7px 18px!important;border-radius:17px!important;font-size:15px!important}
.hm-civic-vote-intro.hm-v87-vote-entry .hm-vote-start-button>b{width:42px!important;height:42px!important;border-radius:13px!important;font-size:21px!important}


.hm-v103-investment-results{margin:26px 0 8px;padding:24px;border:1px solid rgba(0,91,187,.12);border-radius:22px;background:#f8fbff}.hm-v103-investment-results>header>span{color:var(--hm-blue);font-size:10px;font-weight:950;letter-spacing:.12em}.hm-v103-investment-results>header h3{margin:4px 0 6px;color:var(--hm-ink-2);font-size:24px}.hm-v103-investment-results>header p{margin:0 0 18px;color:var(--hm-muted);font-size:13px}.hm-v103-investment-results-list{display:grid;gap:9px}

@media(max-width:880px){.hm-civic-vote-intro.hm-v87-vote-entry{width:min(100%,620px)!important;max-width:620px!important}.hm-v87-vote-main{grid-template-columns:1fr!important}.hm-v103-vote-stats{max-width:360px}}
@media(max-width:620px){.hm-v103-vote-stats .hm-v87-vote-count>strong, .hm-v103-completed-count>strong{font-size:38px!important}}


/* -------------------------------------------------------------------------
   v104: anketa ostáva široká, zmenšuje sa iba jej výška
   ---------------------------------------------------------------------- */
@media (min-width: 881px) {
    .hm-civic-vote-intro.hm-v87-vote-entry{
        width: min(calc(100% - 44px), 1120px) !important;
        max-width: 1120px !important;
        border-radius: 30px !important;
    }
    .hm-v87-vote-main{
        grid-template-columns: minmax(0, 1.48fr) minmax(320px, .82fr) !important;
        min-height: 300px !important;
    }
    .hm-v87-vote-copy{
        padding: 24px 38px 22px !important;
    }
    .hm-v87-vote-copy .hm-civic-change-label{
        margin-bottom: 10px !important;
        padding-top: 6px !important;
        padding-bottom: 6px !important;
    }
    .hm-v87-vote-copy h2{
        font-size: clamp(36px, 4.1vw, 58px) !important;
        line-height: .90 !important;
    }
    .hm-v87-vote-copy .hm-civic-vote-lead{
        margin-top: 14px !important;
        font-size: clamp(17px, 1.7vw, 24px) !important;
        line-height: 1.10 !important;
    }
    .hm-v87-vote-copy .hm-civic-vote-description{
        margin-top: 9px !important;
        font-size: 12.5px !important;
        line-height: 1.42 !important;
    }
    .hm-v87-vote-action{
        padding: 18px 28px 17px !important;
    }
    .hm-v103-vote-stats{
        gap: 8px !important;
        margin-bottom: 8px !important;
    }
    .hm-v103-vote-stats .hm-v87-vote-count, .hm-v103-completed-count{
        padding: 8px 10px !important;
        border-radius: 13px !important;
    }
    .hm-v103-vote-stats .hm-v87-vote-count > strong, .hm-v103-completed-count > strong{
        font-size: 34px !important;
    }
    .hm-v87-vote-flow{
        margin: 5px 0 9px !important;
    }
    .hm-v87-vote-action > p:not(.hm-vote-gate-status){
        margin-bottom: 9px !important;
        font-size: 10.5px !important;
        line-height: 1.35 !important;
    }
    .hm-civic-vote-intro.hm-v87-vote-entry .hm-vote-start-button{
        min-height: 50px !important;
        padding: 5px 7px 5px 16px !important;
    }
    .hm-civic-vote-intro.hm-v87-vote-entry .hm-vote-start-button > b{
        width: 38px !important;
        height: 38px !important;
    }
    
}


/* -------------------------------------------------------------------------
   v105: úvodný panel kvízu má rovnaký široký a nízky formát ako anketa
   ---------------------------------------------------------------------- */
@media (min-width: 881px) {
    .hm-quiz-shell{
        width: 100% !important;
        max-width: none !important;
    }

    .hm-quiz-intro{
        width: min(calc(100% - 44px), 1120px) !important;
        max-width: 1120px !important;
        min-height: 300px !important;
        margin-inline: auto !important;
        padding: 24px 38px 22px !important;
        display: grid !important;
        grid-template-columns: minmax(0, 1.48fr) minmax(320px, .82fr) !important;
        grid-template-rows: auto auto minmax(0, 1fr) auto !important;
        column-gap: clamp(34px, 4vw, 58px) !important;
        row-gap: 8px !important;
        align-items: start !important;
        border-radius: 30px !important;
        text-align: left !important;
    }

    .hm-quiz-change-label{
        grid-column: 1 !important;
        grid-row: 1 !important;
        justify-self: start !important;
        margin: 0 0 2px !important;
        padding: 6px 13px 6px 7px !important;
        transform: none !important;
        font-size: 10px !important;
    }

    .hm-quiz-change-icon{
        width: 27px !important;
        height: 27px !important;
        font-size: 15px !important;
    }

    .hm-quiz-intro h2{
        grid-column: 1 !important;
        grid-row: 2 !important;
        max-width: 650px !important;
        margin: 0 !important;
        font-size: clamp(36px, 4.1vw, 58px) !important;
        line-height: .90 !important;
        text-align: left !important;
    }

    .hm-quiz-intro > p{
        grid-column: 1 !important;
        grid-row: 3 / span 2 !important;
        align-self: start !important;
        max-width: 610px !important;
        margin: 6px 0 0 !important;
        font-size: 12.5px !important;
        line-height: 1.42 !important;
        text-align: left !important;
    }

    .hm-quiz-facts{
        grid-column: 2 !important;
        grid-row: 1 !important;
        width: 100% !important;
        margin: 0 !important;
        gap: 7px !important;
    }

    .hm-quiz-facts span{
        min-height: 44px !important;
        padding: 6px 7px !important;
        border-radius: 12px !important;
        font-size: 8.5px !important;
    }

    .hm-quiz-facts strong{
        font-size: 17px !important;
    }

    .hm-quiz .hm-rules{
        grid-column: 2 !important;
        grid-row: 2 !important;
        width: 100% !important;
        margin: 0 !important;
    }

    .hm-quiz .hm-rules summary{
        min-height: 34px !important;
        padding: 7px 10px !important;
        font-size: 9px !important;
    }

    .hm-quiz .hm-rules > div{
        padding: 9px 11px !important;
        font-size: 10px !important;
        line-height: 1.35 !important;
    }

    .hm-quiz-start-button{
        grid-column: 2 !important;
        grid-row: 3 !important;
        align-self: end !important;
        width: 100% !important;
        min-height: 50px !important;
        margin: 4px 0 0 !important;
        padding: 5px 7px 5px 16px !important;
        border-radius: 17px !important;
        border-width: 2px !important;
        font-size: 15px !important;
    }

    .hm-quiz-start-button > b{
        width: 38px !important;
        height: 38px !important;
        border-radius: 13px !important;
        font-size: 21px !important;
    }

    .hm-quiz-intro .hm-form-note{
        grid-column: 2 !important;
        grid-row: 4 !important;
        min-height: 12px !important;
        margin: 0 !important;
        font-size: 9px !important;
        text-align: left !important;
    }
}

@media (max-width: 1100px) and (min-width: 881px) {
    .hm-quiz-intro{
        grid-template-columns: minmax(0, 1.35fr) minmax(300px, .85fr) !important;
        column-gap: 28px !important;
        padding-inline: 30px !important;
    }
}


/* -------------------------------------------------------------------------
   v106: typografia nastaviteľná cez Vzhľad → Prispôsobiť
   ---------------------------------------------------------------------- */
@media (max-width: 980px) {
    .hm-civic-intro-copy h1{
        font-size: clamp(32px, 9vw, var(--hm-hero-font-size)) !important;
    }
    .hm-section-head h2, .hm-problem-strip-head h2, .hm-pledge-head-above h2, .hm-media-head h2, .hm-team .hm-section-head h2{
        font-size: clamp(23px, 6.5vw, var(--hm-section-font-size)) !important;
    }
}


/* -------------------------------------------------------------------------
   v107: modernejší vzhľad sekcií ankety, rebríčka a kvízu
   ---------------------------------------------------------------------- */
.hm-civic-vote-intro.hm-v87-vote-entry, .hm-quiz-intro{
    border: 1px solid rgba(24, 83, 169, 0.11) !important;
    background:
        radial-gradient(circle at top right, rgba(255, 212, 0, 0.10), transparent 24%),
        linear-gradient(180deg, rgba(255,255,255,0.97), rgba(247,250,255,0.95)) !important;
    box-shadow: 0 22px 58px rgba(0, 48, 127, 0.09) !important;
}

.hm-civic-vote-intro.hm-v87-vote-entry{
    padding: 0 !important;
    border-radius: 34px !important;
    overflow: hidden !important;
}

.hm-v87-vote-main{
    display: grid !important;
    grid-template-columns: minmax(0, 1.42fr) minmax(300px, 0.88fr) !important;
    gap: clamp(28px, 3.2vw, 44px) !important;
    padding: 34px 36px 26px !important;
    align-items: stretch !important;
}

.hm-v87-vote-copy{
    padding: 6px 0 0 !important;
}

.hm-v87-vote-copy .hm-civic-change-label, .hm-quiz-change-label{
    display: inline-flex !important;
    align-items: center !important;
    gap: 9px !important;
    min-height: 42px !important;
    padding: 7px 15px 7px 8px !important;
    border-radius: 999px !important;
    border: 1px solid rgba(22, 98, 214, 0.14) !important;
    background: rgba(255,255,255,0.86) !important;
    box-shadow: 0 10px 25px rgba(7, 34, 77, 0.06) !important;
    color: var(--hm-blue) !important;
    letter-spacing: .03em !important;
}

.hm-v87-vote-copy .hm-civic-change-icon, .hm-quiz-change-icon{
    width: 30px !important;
    height: 30px !important;
    border-radius: 50% !important;
    background: linear-gradient(135deg, var(--hm-blue), var(--hm-blue-2)) !important;
    color: #fff !important;
    box-shadow: none !important;
}

.hm-v87-vote-copy h2, .hm-quiz-intro h2{
    margin: 16px 0 10px !important;
    color: var(--hm-navy) !important;
    letter-spacing: -0.055em !important;
    line-height: .92 !important;
}

.hm-v87-vote-copy h2 span, .hm-v87-vote-copy h2 strong{
    display: inline-block !important;
}

.hm-v87-vote-copy h2 strong{
    color: var(--hm-blue-2) !important;
    position: relative !important;
    font-weight: 900 !important;
}

.hm-v87-vote-copy h2 strong::after{
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: .06em;
    height: .12em;
    border-radius: 999px;
    background: rgba(255, 212, 0, 0.95);
    z-index: -1;
}

.hm-civic-vote-lead, .hm-quiz-intro > p:first-of-type{
    margin: 0 0 10px !important;
    color: var(--hm-blue) !important;
    font-size: clamp(22px, 2vw, 32px) !important;
    font-weight: 850 !important;
    line-height: 1.02 !important;
    max-width: 710px !important;
}

.hm-civic-vote-description, .hm-quiz-intro > p{
    max-width: 670px !important;
    color: #5a7398 !important;
    font-size: 17px !important;
    line-height: 1.55 !important;
}

.hm-v87-vote-action, .hm-quiz-intro{
    position: relative !important;
}

.hm-v87-vote-action{
    padding: 20px 20px 18px !important;
    border-radius: 28px !important;
    background: linear-gradient(155deg, rgba(0, 73, 187, 0.97), rgba(32, 116, 234, 0.97)) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.12), 0 18px 34px rgba(0, 74, 175, 0.24) !important;
    overflow: hidden !important;
}

.hm-v87-vote-action::before, .hm-quiz-intro::before{
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: radial-gradient(circle at top right, rgba(255,255,255,0.18), transparent 28%);
}

.hm-v103-vote-stats{
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0,1fr)) !important;
    gap: 10px !important;
    margin-bottom: 12px !important;
}

.hm-v87-vote-count, .hm-v103-completed-count, .hm-quiz-facts span{
    padding: 13px 14px !important;
    border-radius: 18px !important;
    border: 1px solid rgba(255,255,255,0.18) !important;
    background: rgba(10, 55, 127, 0.24) !important;
    backdrop-filter: blur(7px) !important;
    -webkit-backdrop-filter: blur(7px) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.06) !important;
}

.hm-v87-vote-count span, .hm-v103-completed-count span, .hm-quiz-facts span{
    color: rgba(255,255,255,0.78) !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: .05em !important;
}

.hm-v87-vote-count strong, .hm-v103-completed-count strong, .hm-quiz-facts strong{
    display: block !important;
    margin-top: 2px !important;
    color: #ffd400 !important;
    font-size: clamp(28px, 2.7vw, 46px) !important;
    line-height: .92 !important;
    font-weight: 900 !important;
}

.hm-v87-vote-count b, .hm-v103-completed-count b{
    color: rgba(255,255,255,0.9) !important;
    font-size: 12px !important;
    font-weight: 700 !important;
}

.hm-v87-vote-flow{
    gap: 8px !important;
    margin: 16px 0 16px !important;
}

.hm-v87-vote-flow span{
    height: 6px !important;
    border-radius: 999px !important;
    background: rgba(255,255,255,0.18) !important;
}

.hm-v87-vote-flow span.is-active{
    background: #ffd400 !important;
    box-shadow: 0 0 0 1px rgba(255,212,0,0.14) !important;
}

.hm-v87-vote-action > p, .hm-vote-gate-status{
    color: rgba(255,255,255,0.9) !important;
    font-size: 13px !important;
    line-height: 1.45 !important;
}

.hm-vote-start-button, .hm-quiz-start-button{
    min-height: 62px !important;
    border-radius: 20px !important;
    box-shadow: 0 10px 22px rgba(255, 212, 0, 0.18) !important;
}

.hm-vote-start-button > b, .hm-quiz-start-button > b{
    width: 44px !important;
    height: 44px !important;
    border-radius: 15px !important;
    background: linear-gradient(135deg, rgba(0,88,219,0.95), rgba(35,124,243,0.92)) !important;
    color: #fff !important;
}


/* Rebríček ako elegantný horizontálny panel */


/* Kvíz v rovnakom modernom duchu */
.hm-quiz-shell{
    width: min(calc(100% - 44px), 1320px) !important;
}

.hm-quiz-intro{
    position: relative !important;
    width: 100% !important;
    max-width: none !important;
    min-height: 340px !important;
    margin-inline: auto !important;
    padding: 34px 36px 26px !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1.42fr) minmax(300px, 0.88fr) !important;
    grid-template-areas:
        "badge stats"
        "title stats"
        "text rules"
        "text cta"
        ". note" !important;
    gap: 14px 34px !important;
    align-items: start !important;
    border-radius: 34px !important;
    overflow: hidden !important;
}

.hm-quiz-change-label{ grid-area: badge !important; justify-self: start !important; margin: 0 !important; }
.hm-quiz-intro h2{ grid-area: title !important; max-width: 680px !important; font-size: clamp(44px, 5vw, 72px) !important; }
.hm-quiz-intro > p{ grid-area: text !important; margin: 0 !important; max-width: 660px !important; }
.hm-quiz-facts{
    grid-area: stats !important;
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0,1fr)) !important;
    gap: 10px !important;
    margin: 0 !important;
}

.hm-quiz-facts span{
    min-height: 92px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    text-align: center !important;
}

.hm-quiz-facts strong{
    font-size: 30px !important;
    margin-bottom: 3px !important;
}

.hm-quiz .hm-rules{
    grid-area: rules !important;
    width: 100% !important;
    margin: 0 !important;
}

.hm-quiz .hm-rules summary{
    min-height: 42px !important;
    padding: 11px 14px !important;
    border-radius: 15px !important;
    border: 1px solid rgba(18, 75, 155, 0.12) !important;
    background: rgba(255,255,255,0.85) !important;
    color: var(--hm-blue) !important;
    font-weight: 800 !important;
}

.hm-quiz .hm-rules > div{
    margin-top: 8px !important;
    padding: 14px 16px !important;
    border-radius: 18px !important;
    background: rgba(255,255,255,0.88) !important;
    color: #537194 !important;
}

.hm-quiz-start-button{
    grid-area: cta !important;
    align-self: end !important;
    width: 100% !important;
    margin: 0 !important;
}

.hm-quiz-intro .hm-form-note{
    grid-area: note !important;
    margin: 0 !important;
    text-align: left !important;
    color: #567398 !important;
}

/* Jemné zjednotenie priestoru medzi blokmi */
.hm-solutions .hm-wrap, .hm-quiz .hm-wrap{
    display: grid !important;
    gap: 18px !important;
}

@media (max-width: 980px) {
    .hm-v87-vote-main, .hm-quiz-intro{
        grid-template-columns: 1fr !important;
    }

    .hm-v87-vote-main{
        padding: 24px 20px 18px !important;
        gap: 18px !important;
    }

    .hm-civic-vote-lead, .hm-quiz-intro h2{
        font-size: clamp(34px, 9vw, 54px) !important;
    }

    .hm-civic-vote-description, .hm-quiz-intro > p{
        font-size: 14px !important;
    }

    .hm-v103-vote-stats, .hm-quiz-facts{
        grid-template-columns: repeat(2, minmax(0,1fr)) !important;
    }

    

    

    

    
    
    

    .hm-quiz-intro{
        padding: 24px 20px 20px !important;
        grid-template-areas:
            "badge"
            "title"
            "text"
            "stats"
            "rules"
            "cta"
            "note" !important;
        gap: 14px !important;
        min-height: 0 !important;
    }

    .hm-quiz-facts{
        grid-template-columns: repeat(3, minmax(0,1fr)) !important;
    }

    .hm-quiz-facts span{ min-height: 74px !important; }
}

@media (max-width: 640px) {
    .hm-v103-vote-stats, .hm-quiz-facts{
        grid-template-columns: 1fr 1fr !important;
    }

    .hm-v87-vote-count strong, .hm-v103-completed-count strong, .hm-quiz-facts strong{
        font-size: 24px !important;
    }
}


/* -------------------------------------------------------------------------
   v108: kvíz a dotazník v naozaj rovnakom štýle
   ---------------------------------------------------------------------- */
.hm-quiz-entry{
    border: 1px solid rgba(24, 83, 169, 0.11) !important;
    background:
        radial-gradient(circle at top right, rgba(255, 212, 0, 0.10), transparent 24%),
        linear-gradient(180deg, rgba(255,255,255,0.97), rgba(247,250,255,0.95)) !important;
    box-shadow: 0 22px 58px rgba(0, 48, 127, 0.09) !important;
    border-radius: 34px !important;
    overflow: hidden !important;
}

.hm-quiz-shell{
    width: 100% !important;
    display: grid !important;
    gap: 18px !important;
}

.hm-quiz-intro{
    width: 100% !important;
    max-width: none !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 34px 36px 26px !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1.42fr) minmax(300px, 0.88fr) !important;
    grid-template-areas:
        "badge stats"
        "title stats"
        "text rules"
        "text cta"
        ". note" !important;
    gap: 14px 34px !important;
    align-items: start !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    overflow: visible !important;
}

.hm-quiz-intro::before{ display: none !important; }

.hm-quiz-change-label{ grid-area: badge !important; justify-self: start !important; margin: 0 !important; }
.hm-quiz-intro h2{ grid-area: title !important; max-width: 680px !important; margin: 16px 0 10px !important; color: var(--hm-navy) !important; letter-spacing: -0.055em !important; line-height: .92 !important; }
.hm-quiz-intro > p{ grid-area: text !important; margin: 0 !important; max-width: 660px !important; color: #5a7398 !important; font-size: 17px !important; line-height: 1.55 !important; }

.hm-quiz-facts{
    grid-area: stats !important;
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0,1fr)) !important;
    gap: 10px !important;
    margin: 0 !important;
}

.hm-quiz .hm-rules{
    grid-area: rules !important;
    width: 100% !important;
    margin: 0 !important;
}

.hm-quiz-start-button{
    grid-area: cta !important;
    align-self: end !important;
    width: 100% !important;
    margin: 0 !important;
}

.hm-quiz-intro .hm-form-note{
    grid-area: note !important;
    margin: 0 !important;
    text-align: left !important;
    color: #567398 !important;
}

.hm-quiz-trust{
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0,1fr)) !important;
    gap: 0 !important;
    border-top: 1px solid rgba(16, 79, 169, 0.08) !important;
    background: rgba(247, 250, 255, 0.86) !important;
}

.hm-quiz-trust span{
    min-height: 70px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    padding: 12px 18px !important;
    color: #42658f !important;
    font-weight: 700 !important;
    text-align: center !important;
}

.hm-quiz-trust span + span{
    border-left: 1px solid rgba(16, 79, 169, 0.08) !important;
}

.hm-quiz-trust b{
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 24px !important;
    height: 24px !important;
    border-radius: 50% !important;
    background: #eef4ff !important;
    color: var(--hm-blue) !important;
    font-weight: 800 !important;
}

.hm-quiz-trust strong{
    color: var(--hm-navy) !important;
    font-weight: 900 !important;
}

@media (max-width: 980px) {
    .hm-quiz-intro{
        padding: 24px 20px 18px !important;
        grid-template-columns: 1fr !important;
        grid-template-areas:
            "badge"
            "title"
            "text"
            "stats"
            "rules"
            "cta"
            "note" !important;
        gap: 14px !important;
    }

    .hm-quiz-facts{
        grid-template-columns: repeat(2, minmax(0,1fr)) !important;
    }

    .hm-quiz-trust{
        grid-template-columns: 1fr !important;
    }

    .hm-quiz-trust span + span{
        border-left: 0 !important;
        border-top: 1px solid rgba(16,79,169,.08) !important;
    }
}


/* -------------------------------------------------------------------------
   v109: dotazník a kvíz používajú identickú kartu, rozmery a rozloženie
   ---------------------------------------------------------------------- */
.hm-solutions > .hm-wrap, .hm-quiz > .hm-wrap, .hm-quiz-shell{
    width: min(calc(100% - 44px), var(--hm-wrap)) !important;
    max-width: var(--hm-wrap) !important;
    margin-inline: auto !important;
}

.hm-quiz-entry, .hm-civic-vote-intro.hm-v87-vote-entry{
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    border-radius: 34px !important;
    overflow: hidden !important;
}

.hm-quiz-entry .hm-v87-vote-main, .hm-civic-vote-intro.hm-v87-vote-entry .hm-v87-vote-main{
    display: grid !important;
    grid-template-columns: minmax(0, 1.42fr) minmax(330px, .88fr) !important;
    gap: clamp(28px, 3.2vw, 44px) !important;
    padding: 34px 36px 26px !important;
    align-items: stretch !important;
}

.hm-quiz-entry .hm-v87-vote-copy, .hm-civic-vote-intro.hm-v87-vote-entry .hm-v87-vote-copy{
    padding: 6px 0 0 !important;
}

.hm-quiz-entry .hm-v87-vote-copy h2, .hm-civic-vote-intro.hm-v87-vote-entry .hm-v87-vote-copy h2{
    margin: 16px 0 10px !important;
    font-size: clamp(44px, 4.6vw, 72px) !important;
    line-height: .92 !important;
    letter-spacing: -.055em !important;
    color: var(--hm-navy) !important;
}

.hm-quiz-entry .hm-civic-vote-lead, .hm-civic-vote-intro.hm-v87-vote-entry .hm-civic-vote-lead{
    margin: 0 0 10px !important;
    max-width: 720px !important;
    font-size: clamp(22px, 2vw, 32px) !important;
    line-height: 1.02 !important;
    color: var(--hm-blue) !important;
    font-weight: 850 !important;
}

.hm-quiz-entry .hm-civic-vote-description, .hm-civic-vote-intro.hm-v87-vote-entry .hm-civic-vote-description{
    max-width: 680px !important;
    margin: 0 !important;
    font-size: 17px !important;
    line-height: 1.55 !important;
    color: #5a7398 !important;
}

.hm-quiz-entry .hm-v87-vote-action, .hm-civic-vote-intro.hm-v87-vote-entry .hm-v87-vote-action{
    min-height: 100% !important;
    padding: 20px 20px 18px !important;
    border-radius: 28px !important;
    background: linear-gradient(155deg, rgba(0,73,187,.97), rgba(32,116,234,.97)) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.12), 0 18px 34px rgba(0,74,175,.24) !important;
}

.hm-quiz-stats{
    grid-template-columns: repeat(3, minmax(0,1fr)) !important;
}

.hm-quiz-stat, .hm-v87-vote-count, .hm-v103-completed-count{
    min-width: 0 !important;
}

.hm-quiz-stat span, .hm-quiz-stat b{
    display: block !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

.hm-quiz-rules-inline{
    margin: 0 0 12px !important;
    width: 100% !important;
}

.hm-quiz-rules-inline summary{
    min-height: 42px !important;
    padding: 10px 13px !important;
    border: 1px solid rgba(255,255,255,.22) !important;
    border-radius: 14px !important;
    background: rgba(8,55,131,.26) !important;
    color: #fff !important;
    font-weight: 800 !important;
}

.hm-quiz-rules-inline > div{
    margin-top: 8px !important;
    padding: 12px 14px !important;
    border-radius: 14px !important;
    background: rgba(255,255,255,.94) !important;
    color: #4d6d96 !important;
}

.hm-quiz-entry .hm-quiz-start-button, .hm-civic-vote-intro.hm-v87-vote-entry .hm-vote-start-button{
    width: 100% !important;
    min-height: 62px !important;
    margin: 0 !important;
    border-radius: 20px !important;
}


/* Starý vnútorný dizajn kvízu už nesmie meniť rozmery vstupnej karty. */
.hm-quiz-entry .hm-quiz-intro, .hm-quiz-entry .hm-quiz-facts{
    all: unset;
}

@media (max-width: 980px) {
    .hm-quiz-entry .hm-v87-vote-main, .hm-civic-vote-intro.hm-v87-vote-entry .hm-v87-vote-main{
        grid-template-columns: 1fr !important;
        gap: 18px !important;
        padding: 24px 20px 18px !important;
    }
    .hm-quiz-stats{ grid-template-columns: repeat(3,minmax(0,1fr)) !important; }
    
    
}

@media (max-width: 620px) {
    .hm-quiz-stats{ grid-template-columns: 1fr !important; }
}


/* -------------------------------------------------------------------------
   v110: odstránený konflikt starých layoutov kvízu
   Úvod kvízu používa priamo rovnakú štruktúru a štýly ako dotazník.
   ---------------------------------------------------------------------- */
.hm-unified-quiz-wrap{
    width: min(calc(100% - 44px), var(--hm-wrap)) !important;
    max-width: var(--hm-wrap) !important;
    margin-inline: auto !important;
    display: block !important;
}

.hm-unified-quiz-entry{
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
}

/* Tri štatistiky kvízu, ale rovnaké kartičky ako pri dotazníku. */
.hm-unified-quiz-entry .hm-unified-quiz-stats{
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 10px !important;
}

.hm-unified-quiz-entry .hm-v87-vote-count, .hm-unified-quiz-entry .hm-v103-completed-count{
    min-width: 0 !important;
}

.hm-unified-quiz-entry .hm-v87-vote-count span, .hm-unified-quiz-entry .hm-v103-completed-count span, .hm-unified-quiz-entry .hm-v87-vote-count b, .hm-unified-quiz-entry .hm-v103-completed-count b{
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

.hm-unified-quiz-rules{
    width: 100% !important;
    margin: 0 0 12px !important;
}

.hm-unified-quiz-rules summary{
    min-height: 42px !important;
    display: flex !important;
    align-items: center !important;
    padding: 10px 13px !important;
    border: 1px solid rgba(255,255,255,.22) !important;
    border-radius: 14px !important;
    background: rgba(8,55,131,.26) !important;
    color: #fff !important;
    font-weight: 800 !important;
    cursor: pointer !important;
}

.hm-unified-quiz-rules > div{
    margin-top: 8px !important;
    padding: 12px 14px !important;
    border-radius: 14px !important;
    background: rgba(255,255,255,.95) !important;
    color: #4d6d96 !important;
    font-size: 12px !important;
    line-height: 1.45 !important;
}

.hm-unified-quiz-rules p{ margin: 0 0 8px !important; }
.hm-unified-quiz-rules ul{ margin: 0 !important; padding-left: 18px !important; }

/* Po spustení sa karta s otázkami správa samostatne; úvodný wrapper ju nezužuje. */


@media (max-width: 980px) {
    .hm-unified-quiz-entry .hm-unified-quiz-stats{
        grid-template-columns: repeat(3, minmax(0,1fr)) !important;
    }
}

@media (max-width: 620px) {
    .hm-unified-quiz-entry .hm-unified-quiz-stats{
        grid-template-columns: 1fr !important;
    }
}


/* -------------------------------------------------------------------------
   v111: nový layout ankety a kvízu – tlačidlo vľavo, modernejší pravý panel
   ---------------------------------------------------------------------- */
.hm-v111-entry{
    border-radius: 38px !important;
    overflow: hidden !important;
}

.hm-v111-main{
    display: grid !important;
    grid-template-columns: minmax(0, 1.55fr) minmax(330px, .78fr) !important;
    gap: clamp(26px, 3vw, 44px) !important;
    padding: 42px 48px 30px !important;
    align-items: stretch !important;
}

.hm-v111-copy{
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    align-items: flex-start !important;
    padding-top: 2px !important;
}

.hm-v111-copy .hm-civic-change-label{ display: none !important; }

.hm-v111-copy h2{
    order: 1 !important;
    margin: 0 0 12px !important;
    max-width: 820px !important;
    font-size: clamp(68px, 6.2vw, 104px) !important;
    line-height: .92 !important;
    letter-spacing: -0.06em !important;
}

.hm-v111-copy .hm-civic-vote-lead.hm-v111-lead{
    order: 2 !important;
    margin: 0 !important;
    max-width: 820px !important;
    font-size: clamp(28px, 2.55vw, 48px) !important;
    line-height: .98 !important;
    font-weight: 850 !important;
    color: var(--hm-navy) !important;
}

.hm-v111-copy .hm-civic-vote-description{ display: none !important; }

.hm-v111-cta{
    order: 3 !important;
    margin-top: 26px !important;
    min-width: min(100%, 430px) !important;
    min-height: 80px !important;
    padding: 10px 12px 10px 26px !important;
    border-radius: 26px !important;
    font-size: clamp(23px, 2vw, 30px) !important;
    font-weight: 900 !important;
    letter-spacing: -0.02em !important;
    box-shadow: 0 22px 38px rgba(255,212,0,.20) !important;
    animation: hmPulseCta 3.6s ease-in-out infinite !important;
    transform-origin: center center !important;
}

.hm-v111-cta:hover, .hm-v111-cta:focus-visible{ animation-play-state: paused !important; }

.hm-v111-cta > b{
    width: 58px !important;
    height: 58px !important;
    border-radius: 18px !important;
    font-size: 28px !important;
}

.hm-v111-status{
    order: 4 !important;
    min-height: 0 !important;
    margin: 10px 0 0 !important;
    color: #5a7398 !important;
    font-size: 13px !important;
}

.hm-v111-side{
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    gap: 14px !important;
    padding: 24px 24px 22px !important;
    border-radius: 32px !important;
    background: linear-gradient(155deg, rgba(0, 73, 187, 0.97), rgba(32, 116, 234, 0.97)) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.12), 0 18px 34px rgba(0, 74, 175, 0.24) !important;
}

.hm-v111-side .hm-v103-vote-stats{
    margin-bottom: 2px !important;
}

.hm-v111-side .hm-v87-vote-flow{
    margin: 4px 0 0 !important;
}



.hm-v111-side .hm-unified-quiz-rules{
    margin-top: 2px !important;
}

.hm-v111-side .hm-unified-quiz-rules summary{
    min-height: 42px !important;
    padding: 12px 14px !important;
    border-radius: 16px !important;
    border: 1px solid rgba(255,255,255,.18) !important;
    background: rgba(6, 49, 115, .22) !important;
    color: #fff !important;
    font-weight: 800 !important;
}

.hm-v111-side .hm-unified-quiz-rules > div{
    margin-top: 8px !important;
    padding: 14px 15px !important;
    border-radius: 18px !important;
    background: rgba(5, 39, 95, .26) !important;
    color: rgba(255,255,255,.9) !important;
}

.hm-v111-side .hm-unified-quiz-rules ul{
    margin: 10px 0 0 18px !important;
}

.hm-unified-quiz-entry .hm-v111-copy h2{
    font-size: clamp(58px, 5.2vw, 92px) !important;
}

.hm-unified-quiz-entry .hm-v111-copy .hm-civic-vote-lead.hm-v111-lead{
    font-size: clamp(24px, 2.2vw, 40px) !important;
    max-width: 760px !important;
}

/* výrazný spodný pás pre obidve karty */




@keyframes hmPulseCta {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(1.045); }
}

@media (max-width: 1180px) {
    .hm-v111-main{
        grid-template-columns: minmax(0, 1.45fr) minmax(300px, .85fr) !important;
        padding: 34px 28px 24px !important;
    }

    .hm-v111-copy h2{ font-size: clamp(54px, 5.6vw, 84px) !important; }
    .hm-v111-copy .hm-civic-vote-lead.hm-v111-lead{ font-size: clamp(24px, 2.3vw, 36px) !important; }
}

@media (max-width: 980px) {
    .hm-v111-main{
        grid-template-columns: 1fr !important;
        gap: 18px !important;
        padding: 26px 20px 18px !important;
    }

    .hm-v111-copy h2, .hm-unified-quiz-entry .hm-v111-copy h2{
        font-size: clamp(40px, 11vw, 66px) !important;
        margin-bottom: 10px !important;
    }

    .hm-v111-copy .hm-civic-vote-lead.hm-v111-lead, .hm-unified-quiz-entry .hm-v111-copy .hm-civic-vote-lead.hm-v111-lead{
        font-size: clamp(20px, 6vw, 31px) !important;
        line-height: 1.02 !important;
    }

    .hm-v111-cta{
        min-width: 100% !important;
        min-height: 72px !important;
        margin-top: 18px !important;
        font-size: 22px !important;
    }

    .hm-v111-cta > b{
        width: 50px !important;
        height: 50px !important;
    }

    .hm-v111-side{
        padding: 18px !important;
        border-radius: 26px !important;
    }

    .hm-v111-side .hm-v103-vote-stats, .hm-unified-quiz-stats{
        grid-template-columns: repeat(2, minmax(0,1fr)) !important;
    }

    

    

    
}


/* -------------------------------------------------------------------------
   v112: menší podnadpis ankety a odstránené pomocné texty
   ---------------------------------------------------------------------- */
.hm-solutions .hm-v111-copy .hm-civic-vote-lead.hm-v111-lead{
    font-size: clamp(14px, 1.28vw, 24px) !important;
    line-height: 1.08 !important;
    max-width: 760px !important;
}

.hm-solutions .hm-v111-status{
    display: none !important;
}

@media (max-width: 1180px) {
    .hm-solutions .hm-v111-copy .hm-civic-vote-lead.hm-v111-lead{
        font-size: clamp(13px, 1.55vw, 20px) !important;
    }
}

@media (max-width: 980px) {
    .hm-solutions .hm-v111-copy .hm-civic-vote-lead.hm-v111-lead{
        font-size: clamp(12px, 3.4vw, 18px) !important;
        line-height: 1.12 !important;
    }
}


/* -------------------------------------------------------------------------
   v113: väčšie medzery a texty menšie o ~10 % (okrem CTA tlačidla)
   ---------------------------------------------------------------------- */
.hm-v111-main{
    gap: clamp(38px, 4.2vw, 64px) !important;
    padding: 48px 54px 34px !important;
}

.hm-v111-copy{
    gap: 0 !important;
}

.hm-v111-copy h2{
    margin: 0 0 16px !important;
    font-size: clamp(61px, 5.58vw, 94px) !important;
}

.hm-v111-copy .hm-civic-vote-lead.hm-v111-lead{
    font-size: clamp(13px, 1.15vw, 22px) !important;
    line-height: 1.14 !important;
    margin-bottom: 0 !important;
}

.hm-unified-quiz-entry .hm-v111-copy h2{
    font-size: clamp(52px, 4.68vw, 83px) !important;
}

.hm-unified-quiz-entry .hm-v111-copy .hm-civic-vote-lead.hm-v111-lead{
    font-size: clamp(22px, 1.98vw, 36px) !important;
}

.hm-v111-cta{
    margin-top: 34px !important;
}

.hm-v111-status{
    margin-top: 14px !important;
    font-size: 12px !important;
}

.hm-v111-side{
    gap: 20px !important;
    padding: 28px 28px 26px !important;
}

.hm-v111-side .hm-v103-vote-stats, .hm-unified-quiz-stats{
    gap: 14px !important;
    margin-bottom: 4px !important;
}

.hm-v87-vote-count, .hm-v103-completed-count{
    padding: 15px 16px !important;
}

.hm-v87-vote-count span, .hm-v103-completed-count span, .hm-v111-side .hm-unified-quiz-rules summary, .hm-v111-side .hm-unified-quiz-rules > div, .hm-solutions .hm-v111-status, .hm-unified-quiz-entry .hm-v111-status{
    font-size: 90% !important;
}

.hm-v87-vote-count strong, .hm-v103-completed-count strong{
    font-size: clamp(25px, 2.43vw, 41px) !important;
}

.hm-v87-vote-count b, .hm-v103-completed-count b{
    font-size: 11px !important;
}

.hm-v111-side .hm-v87-vote-flow{
    margin: 8px 0 2px !important;
}





@media (max-width: 1180px) {
    .hm-v111-main{
        gap: 30px !important;
        padding: 40px 30px 28px !important;
    }

    .hm-v111-copy h2{
        font-size: clamp(49px, 5vw, 76px) !important;
    }

    .hm-v111-copy .hm-civic-vote-lead.hm-v111-lead{
        font-size: clamp(12px, 1.35vw, 18px) !important;
    }
}

@media (max-width: 980px) {
    .hm-v111-main{
        gap: 24px !important;
        padding: 30px 22px 22px !important;
    }

    .hm-v111-copy h2, .hm-unified-quiz-entry .hm-v111-copy h2{
        font-size: clamp(36px, 9.9vw, 60px) !important;
        margin-bottom: 14px !important;
    }

    .hm-v111-copy .hm-civic-vote-lead.hm-v111-lead, .hm-unified-quiz-entry .hm-v111-copy .hm-civic-vote-lead.hm-v111-lead{
        font-size: clamp(11px, 3.05vw, 16px) !important;
    }

    .hm-v111-cta{
        margin-top: 22px !important;
    }

    .hm-v111-side{
        gap: 16px !important;
        padding: 20px !important;
    }

    
}


/* -------------------------------------------------------------------------
   v114: väčšie rozostupy iba medzi textami, nie okolo celého bloku
   ---------------------------------------------------------------------- */
/* Vrátenie celkového layoutu/paddingu na kompaktnejšie hodnoty z v112. */
.hm-v111-main{
    gap: clamp(26px, 3vw, 44px) !important;
    padding: 42px 48px 30px !important;
}

.hm-v111-side{
    gap: 14px !important;
    padding: 24px 24px 22px !important;
}




/* Väčší odstup len medzi textovými prvkami vľavo. */
.hm-v111-copy h2{
    margin: 0 0 24px !important;
}

.hm-v111-copy .hm-civic-vote-lead.hm-v111-lead{
    margin: 0 0 30px !important;
}

.hm-v111-cta{
    margin-top: 0 !important;
}

.hm-v111-status{
    margin-top: 14px !important;
}

/* Pravý panel: rozostupy len medzi vnútornými informačnými prvkami. */
.hm-v111-side .hm-v103-vote-stats, .hm-unified-quiz-stats{
    gap: 12px !important;
    margin-bottom: 10px !important;
}

.hm-v111-side .hm-v87-vote-flow{
    margin: 10px 0 8px !important;
}

.hm-v111-side .hm-unified-quiz-rules{
    margin-top: 8px !important;
}

@media (max-width: 1180px) {
    .hm-v111-main{
        gap: 28px !important;
        padding: 34px 28px 24px !important;
    }
    .hm-v111-copy h2{ margin-bottom: 20px !important; }
    .hm-v111-copy .hm-civic-vote-lead.hm-v111-lead{ margin-bottom: 24px !important; }
}

@media (max-width: 980px) {
    .hm-v111-main{
        gap: 18px !important;
        padding: 26px 20px 18px !important;
    }
    .hm-v111-copy h2{ margin-bottom: 16px !important; }
    .hm-v111-copy .hm-civic-vote-lead.hm-v111-lead{ margin-bottom: 20px !important; }
    .hm-v111-side{
        gap: 14px !important;
        padding: 18px !important;
    }
    
}


/* -------------------------------------------------------------------------
   v115: anketa a kvíz celé do modra, bez orámovania a bez textu gate status
   ---------------------------------------------------------------------- */
.hm-v111-entry, .hm-unified-quiz-entry{
    border: 0 !important;
    background: linear-gradient(145deg, #0f56c8 0%, #2d76e5 100%) !important;
    box-shadow: 0 24px 60px rgba(0, 57, 145, 0.22) !important;
}

.hm-v111-entry::before, .hm-unified-quiz-entry::before{
    background: radial-gradient(circle at top right, rgba(255,255,255,0.12), transparent 26%) !important;
}

.hm-v111-main{
    background: transparent !important;
}

.hm-v111-copy h2, .hm-v111-copy .hm-civic-vote-lead.hm-v111-lead, .hm-v111-copy .hm-civic-vote-description{
    color: #ffffff !important;
}

.hm-v111-copy h2 strong{
    color: #ffd400 !important;
}

.hm-v111-copy h2 strong::after{
    background: rgba(255,255,255,0.18) !important;
}

.hm-v111-side{
    background: rgba(8, 54, 131, 0.14) !important;
    border-radius: 32px !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.12) !important;
}

.hm-v87-vote-count, .hm-v103-completed-count{
    border: 0 !important;
    background: rgba(6, 49, 115, 0.26) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.08) !important;
}

.hm-v87-vote-count span, .hm-v103-completed-count span, .hm-v111-side .hm-unified-quiz-rules summary, .hm-v111-side .hm-unified-quiz-rules > div, .hm-v111-status{
    color: rgba(255,255,255,0.92) !important;
}

.hm-v87-vote-count strong, .hm-v103-completed-count strong{
    color: #ffd400 !important;
}

.hm-v87-vote-count b, .hm-v103-completed-count b{
    color: #ffffff !important;
}


.hm-solutions .hm-v111-status, .hm-v111-status:empty{
    display: none !important;
}




/* -------------------------------------------------------------------------
   v116: kontrola konfliktných kódov a zjednotenie ankety + kvízu
   ---------------------------------------------------------------------- */
#hmVoteIntro.hm-entry-shared, #hmQuizIntro.hm-entry-shared{
    border: 0 !important;
    border-radius: 38px !important;
    overflow: hidden !important;
    background: linear-gradient(145deg, #0f56c8 0%, #2d76e5 100%) !important;
    box-shadow: 0 24px 60px rgba(0, 57, 145, 0.22) !important;
}

#hmVoteIntro.hm-entry-shared .hm-v111-main, #hmQuizIntro.hm-entry-shared .hm-v111-main{
    display: grid !important;
    grid-template-columns: minmax(0, 1.55fr) minmax(330px, .78fr) !important;
    gap: 42px !important;
    padding: 42px 48px 30px !important;
    align-items: stretch !important;
    background: transparent !important;
}

#hmVoteIntro.hm-entry-shared .hm-v111-copy, #hmQuizIntro.hm-entry-shared .hm-v111-copy{
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    padding-top: 2px !important;
}

#hmVoteIntro.hm-entry-shared .hm-v111-copy h2, #hmQuizIntro.hm-entry-shared .hm-v111-copy h2{
    margin: 0 0 18px !important;
    line-height: .92 !important;
    letter-spacing: -0.06em !important;
    color: #ffffff !important;
}

#hmVoteIntro.hm-entry-shared .hm-v111-copy h2 strong, #hmQuizIntro.hm-entry-shared .hm-v111-copy h2 strong{
    color: #ffd400 !important;
}

#hmVoteIntro.hm-entry-shared .hm-v111-copy .hm-v111-lead, #hmQuizIntro.hm-entry-shared .hm-v111-copy .hm-v111-lead{
    color: #ffffff !important;
}

#hmVoteIntro.hm-entry-shared .hm-v111-cta, #hmQuizIntro.hm-entry-shared .hm-v111-cta{
    margin-top: 34px !important;
}

#hmVoteIntro.hm-entry-shared .hm-v111-side, #hmQuizIntro.hm-entry-shared .hm-v111-side{
    display: flex !important;
    flex-direction: column !important;
    gap: 18px !important;
    padding: 26px !important;
    border-radius: 32px !important;
    background: rgba(8, 54, 131, 0.14) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.12) !important;
}

#hmVoteIntro.hm-entry-shared .hm-v103-vote-stats, #hmQuizIntro.hm-entry-shared .hm-v103-vote-stats{
    display: grid !important;
    gap: 14px !important;
}

#hmVoteIntro.hm-entry-shared .hm-v87-vote-count, #hmVoteIntro.hm-entry-shared .hm-v103-completed-count, #hmQuizIntro.hm-entry-shared .hm-v87-vote-count, #hmQuizIntro.hm-entry-shared .hm-v103-completed-count{
    border: 0 !important;
    background: rgba(6, 49, 115, 0.26) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.08) !important;
}

#hmVoteIntro.hm-entry-shared .hm-v87-vote-flow, #hmQuizIntro.hm-entry-shared .hm-v87-vote-flow{
    margin: 6px 0 0 !important;
}

#hmVoteIntro.hm-entry-shared .hm-v111-status, #hmQuizIntro.hm-entry-shared .hm-v111-status, #hmVoteIntro.hm-entry-shared .hm-v111-status:empty, #hmQuizIntro.hm-entry-shared .hm-v111-status:empty{
    display: none !important;
}


#hmQuizIntro.hm-entry-shared .hm-unified-quiz-rules summary{
    min-height: 42px !important;
    padding: 12px 14px !important;
    border: 1px solid rgba(255,255,255,.18) !important;
    background: rgba(6, 49, 115, .22) !important;
    color: #fff !important;
    font-weight: 800 !important;
}

#hmQuizIntro.hm-entry-shared .hm-unified-quiz-rules > div{
    margin-top: 8px !important;
    padding: 14px 15px !important;
    border-radius: 18px !important;
    background: rgba(5, 39, 95, .26) !important;
    color: rgba(255,255,255,.9) !important;
}

@media (max-width: 1180px) {
    #hmVoteIntro.hm-entry-shared .hm-v111-main, #hmQuizIntro.hm-entry-shared .hm-v111-main{
        grid-template-columns: minmax(0, 1.45fr) minmax(300px, .85fr) !important;
        gap: 30px !important;
        padding: 40px 30px 28px !important;
    }
}

@media (max-width: 980px) {
    #hmVoteIntro.hm-entry-shared .hm-v111-main, #hmQuizIntro.hm-entry-shared .hm-v111-main{
        grid-template-columns: 1fr !important;
        gap: 22px !important;
        padding: 30px 22px 22px !important;
    }

    #hmVoteIntro.hm-entry-shared .hm-v111-side, #hmQuizIntro.hm-entry-shared .hm-v111-side{
        padding: 20px !important;
    }

    

    
}


/* -------------------------------------------------------------------------
   v118: modernejší a výraznejší vzhľad úvodu dotazníka a kvízu
   ---------------------------------------------------------------------- */
#hmVoteIntro.hm-entry-shared, #hmQuizIntro.hm-entry-shared{
    position: relative !important;
    isolation: isolate !important;
    border-radius: 42px !important;
    background:
        radial-gradient(circle at 18% 18%, rgba(255,255,255,0.18), transparent 28%),
        radial-gradient(circle at 82% 10%, rgba(255,212,0,0.16), transparent 24%),
        linear-gradient(135deg, #0c4fbe 0%, #135fd8 42%, #2f79e6 100%) !important;
    box-shadow:
        0 28px 70px rgba(3, 45, 116, 0.24),
        inset 0 1px 0 rgba(255,255,255,0.14) !important;
}

#hmVoteIntro.hm-entry-shared::before, #hmQuizIntro.hm-entry-shared::before{
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    z-index: 0;
    background:
        linear-gradient(90deg, rgba(255,255,255,0.06) 0, rgba(255,255,255,0) 18%),
        radial-gradient(circle at 78% 30%, rgba(255,255,255,0.08), transparent 26%);
}

#hmVoteIntro.hm-entry-shared .hm-v111-main, #hmQuizIntro.hm-entry-shared .hm-v111-main{
    position: relative !important;
    z-index: 1 !important;
}

#hmVoteIntro.hm-entry-shared .hm-v111-main, #hmQuizIntro.hm-entry-shared .hm-v111-main{
    gap: clamp(42px, 4vw, 58px) !important;
    padding: 46px 54px 0 !important;
}

#hmVoteIntro.hm-entry-shared .hm-v111-copy h2, #hmQuizIntro.hm-entry-shared .hm-v111-copy h2{
    margin: 0 0 20px !important;
    max-width: 860px !important;
    text-shadow: 0 8px 26px rgba(5, 25, 70, 0.16) !important;
}

#hmVoteIntro.hm-entry-shared .hm-v111-copy h2 span, #hmQuizIntro.hm-entry-shared .hm-v111-copy h2 span{
    color: #051f57 !important;
}

#hmVoteIntro.hm-entry-shared .hm-v111-copy h2 strong, #hmQuizIntro.hm-entry-shared .hm-v111-copy h2 strong{
    color: #ffd400 !important;
    text-shadow: 0 10px 24px rgba(255, 212, 0, 0.18) !important;
}

#hmVoteIntro.hm-entry-shared .hm-v111-copy .hm-v111-lead, #hmQuizIntro.hm-entry-shared .hm-v111-copy .hm-v111-lead{
    max-width: 760px !important;
    color: rgba(255,255,255,0.98) !important;
    font-weight: 780 !important;
    text-shadow: 0 2px 10px rgba(7, 29, 80, 0.12) !important;
}

#hmVoteIntro.hm-entry-shared .hm-v111-cta, #hmQuizIntro.hm-entry-shared .hm-v111-cta{
    min-width: min(100%, 520px) !important;
    min-height: 84px !important;
    margin-top: 30px !important;
    border: 2px solid rgba(255,255,255,0.22) !important;
    border-radius: 28px !important;
    box-shadow:
        0 24px 36px rgba(255, 212, 0, 0.22),
        inset 0 1px 0 rgba(255,255,255,0.35) !important;
}

#hmVoteIntro.hm-entry-shared .hm-v111-cta span, #hmQuizIntro.hm-entry-shared .hm-v111-cta span{
    letter-spacing: -0.02em !important;
}

#hmVoteIntro.hm-entry-shared .hm-v111-cta > b, #hmQuizIntro.hm-entry-shared .hm-v111-cta > b{
    width: 56px !important;
    height: 56px !important;
    border-radius: 18px !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.16) !important;
}

#hmVoteIntro.hm-entry-shared .hm-v111-side, #hmQuizIntro.hm-entry-shared .hm-v111-side{
    gap: 16px !important;
    padding: 24px !important;
    border: 1px solid rgba(255,255,255,0.10) !important;
    border-radius: 34px !important;
    background: linear-gradient(180deg, rgba(14, 73, 173, 0.42), rgba(11, 58, 139, 0.28)) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.12),
        0 18px 32px rgba(3, 35, 93, 0.12) !important;
}

#hmVoteIntro.hm-entry-shared .hm-v103-vote-stats, #hmQuizIntro.hm-entry-shared .hm-v103-vote-stats{
    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)) !important;
    gap: 14px !important;
}

#hmVoteIntro.hm-entry-shared .hm-v87-vote-count, #hmVoteIntro.hm-entry-shared .hm-v103-completed-count, #hmQuizIntro.hm-entry-shared .hm-v87-vote-count, #hmQuizIntro.hm-entry-shared .hm-v103-completed-count{
    min-height: 146px !important;
    padding: 18px 18px 16px !important;
    border-radius: 24px !important;
    background: linear-gradient(180deg, rgba(7, 51, 121, 0.34), rgba(8, 49, 115, 0.22)) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.10),
        0 10px 18px rgba(3, 33, 84, 0.08) !important;
}

#hmVoteIntro.hm-entry-shared .hm-v87-vote-count span, #hmVoteIntro.hm-entry-shared .hm-v103-completed-count span, #hmQuizIntro.hm-entry-shared .hm-v87-vote-count span, #hmQuizIntro.hm-entry-shared .hm-v103-completed-count span{
    color: rgba(255,255,255,0.78) !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    letter-spacing: 0.05em !important;
    text-transform: uppercase !important;
}

#hmVoteIntro.hm-entry-shared .hm-v87-vote-count strong, #hmVoteIntro.hm-entry-shared .hm-v103-completed-count strong, #hmQuizIntro.hm-entry-shared .hm-v87-vote-count strong, #hmQuizIntro.hm-entry-shared .hm-v103-completed-count strong{
    margin-top: 10px !important;
    font-size: clamp(34px, 3vw, 54px) !important;
    line-height: .9 !important;
    letter-spacing: -0.04em !important;
}

#hmVoteIntro.hm-entry-shared .hm-v87-vote-count b, #hmVoteIntro.hm-entry-shared .hm-v103-completed-count b, #hmQuizIntro.hm-entry-shared .hm-v87-vote-count b, #hmQuizIntro.hm-entry-shared .hm-v103-completed-count b{
    margin-top: 2px !important;
    display: inline-block !important;
    color: rgba(255,255,255,0.96) !important;
    font-size: 14px !important;
    font-weight: 800 !important;
}

#hmVoteIntro.hm-entry-shared .hm-v87-vote-flow, #hmQuizIntro.hm-entry-shared .hm-v87-vote-flow{
    margin: 8px 0 0 !important;
    gap: 10px !important;
}

#hmVoteIntro.hm-entry-shared .hm-v87-vote-flow span, #hmQuizIntro.hm-entry-shared .hm-v87-vote-flow span{
    height: 8px !important;
    border-radius: 999px !important;
    background: rgba(255,255,255,0.20) !important;
}

#hmVoteIntro.hm-entry-shared .hm-v87-vote-flow .is-active, #hmQuizIntro.hm-entry-shared .hm-v87-vote-flow .is-active{
    background: linear-gradient(90deg, #ffd400, #ffe25d) !important;
    box-shadow: 0 0 0 1px rgba(255,212,0,0.10), 0 6px 12px rgba(255,212,0,0.18) !important;
}

#hmQuizIntro.hm-entry-shared .hm-unified-quiz-rules summary{
    min-height: 46px !important;
    border-radius: 18px !important;
    background: rgba(5, 41, 100, 0.26) !important;
}

#hmQuizIntro.hm-entry-shared .hm-unified-quiz-rules > div{
    border-radius: 20px !important;
    background: rgba(5, 39, 95, 0.32) !important;
}


@media (max-width: 1180px) {
    #hmVoteIntro.hm-entry-shared .hm-v111-main, #hmQuizIntro.hm-entry-shared .hm-v111-main{
        gap: 30px !important;
        padding: 38px 30px 0 !important;
    }

    
}

@media (max-width: 980px) {
    #hmVoteIntro.hm-entry-shared, #hmQuizIntro.hm-entry-shared{
        border-radius: 34px !important;
    }

    #hmVoteIntro.hm-entry-shared .hm-v111-main, #hmQuizIntro.hm-entry-shared .hm-v111-main{
        gap: 24px !important;
        padding: 28px 22px 0 !important;
    }

    #hmVoteIntro.hm-entry-shared .hm-v111-cta, #hmQuizIntro.hm-entry-shared .hm-v111-cta{
        min-height: 74px !important;
        margin-top: 22px !important;
    }

    #hmVoteIntro.hm-entry-shared .hm-v111-side, #hmQuizIntro.hm-entry-shared .hm-v111-side{
        padding: 18px !important;
        border-radius: 26px !important;
    }

    #hmVoteIntro.hm-entry-shared .hm-v87-vote-count, #hmVoteIntro.hm-entry-shared .hm-v103-completed-count, #hmQuizIntro.hm-entry-shared .hm-v87-vote-count, #hmQuizIntro.hm-entry-shared .hm-v103-completed-count{
        min-height: 124px !important;
        border-radius: 20px !important;
    }

    

    
}


/* -------------------------------------------------------------------------
   v119: ešte modernejší a výraznejší vstup dotazníka + kvízu
   ---------------------------------------------------------------------- */
#hmVoteIntro.hm-entry-shared, #hmQuizIntro.hm-entry-shared{
    background:
        radial-gradient(circle at 14% 18%, rgba(255,255,255,0.14), transparent 26%),
        radial-gradient(circle at 86% 14%, rgba(255,212,0,0.14), transparent 18%),
        linear-gradient(135deg, #063fa8 0%, #0b54cb 38%, #1f69de 100%) !important;
    box-shadow:
        0 34px 86px rgba(1, 35, 96, 0.30),
        inset 0 1px 0 rgba(255,255,255,0.10) !important;
}

#hmVoteIntro.hm-entry-shared::after, #hmQuizIntro.hm-entry-shared::after{
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    border-radius: inherit;
    background: linear-gradient(180deg, rgba(255,255,255,0.05), rgba(255,255,255,0));
    mix-blend-mode: screen;
    opacity: .8;
}

#hmVoteIntro.hm-entry-shared .hm-v111-main, #hmQuizIntro.hm-entry-shared .hm-v111-main{
    gap: clamp(44px, 4.2vw, 64px) !important;
    padding: 48px 56px 0 !important;
}

#hmVoteIntro.hm-entry-shared .hm-v111-copy h2, #hmQuizIntro.hm-entry-shared .hm-v111-copy h2{
    max-width: 880px !important;
    margin: 0 0 18px !important;
}

#hmVoteIntro.hm-entry-shared .hm-v111-copy h2 span, #hmQuizIntro.hm-entry-shared .hm-v111-copy h2 span{
    color: #ffffff !important;
    text-shadow: 0 10px 30px rgba(2, 22, 64, 0.18) !important;
}

#hmVoteIntro.hm-entry-shared .hm-v111-copy h2 strong, #hmQuizIntro.hm-entry-shared .hm-v111-copy h2 strong{
    color: #ffd400 !important;
    text-shadow: 0 10px 26px rgba(255, 212, 0, 0.15) !important;
}

#hmVoteIntro.hm-entry-shared .hm-v111-copy .hm-v111-lead, #hmQuizIntro.hm-entry-shared .hm-v111-copy .hm-v111-lead{
    max-width: 760px !important;
    font-size: clamp(12px, 1.08vw, 20px) !important;
    line-height: 1.16 !important;
    color: rgba(255,255,255,0.97) !important;
}

#hmQuizIntro.hm-entry-shared .hm-v111-copy .hm-v111-lead{
    font-size: clamp(12px, 1.08vw, 20px) !important;
    line-height: 1.16 !important;
}

#hmVoteIntro.hm-entry-shared .hm-v111-cta, #hmQuizIntro.hm-entry-shared .hm-v111-cta{
    min-width: min(100%, 540px) !important;
    min-height: 86px !important;
    border: 2px solid rgba(255,255,255,0.20) !important;
    background: linear-gradient(180deg, #ffd400 0%, #f9cf00 100%) !important;
    box-shadow:
        0 26px 44px rgba(255, 212, 0, 0.24),
        inset 0 1px 0 rgba(255,255,255,0.34) !important;
}

#hmVoteIntro.hm-entry-shared .hm-v111-side, #hmQuizIntro.hm-entry-shared .hm-v111-side{
    gap: 18px !important;
    padding: 28px !important;
    border: 1px solid rgba(255,255,255,0.10) !important;
    border-radius: 36px !important;
    background: linear-gradient(180deg, rgba(11, 66, 161, 0.44), rgba(6, 48, 123, 0.30)) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.10),
        0 20px 36px rgba(0, 29, 79, 0.14) !important;
}

#hmVoteIntro.hm-entry-shared .hm-v103-vote-stats, #hmQuizIntro.hm-entry-shared .hm-v103-vote-stats{
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)) !important;
    gap: 16px !important;
}

#hmVoteIntro.hm-entry-shared .hm-v87-vote-count, #hmVoteIntro.hm-entry-shared .hm-v103-completed-count, #hmQuizIntro.hm-entry-shared .hm-v87-vote-count, #hmQuizIntro.hm-entry-shared .hm-v103-completed-count{
    min-height: 154px !important;
    padding: 20px 20px 18px !important;
    border-radius: 26px !important;
    background: linear-gradient(180deg, rgba(5, 44, 110, 0.42), rgba(4, 37, 95, 0.28)) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.08),
        0 12px 22px rgba(0, 24, 67, 0.12) !important;
}

#hmVoteIntro.hm-entry-shared .hm-v87-vote-count span, #hmVoteIntro.hm-entry-shared .hm-v103-completed-count span, #hmQuizIntro.hm-entry-shared .hm-v87-vote-count span, #hmQuizIntro.hm-entry-shared .hm-v103-completed-count span{
    color: rgba(255,255,255,0.86) !important;
    font-size: 10px !important;
    font-weight: 800 !important;
    letter-spacing: 0.05em !important;
    text-transform: uppercase !important;
}

#hmVoteIntro.hm-entry-shared .hm-v103-completed-count span{
    max-width: 130px !important;
    line-height: 1.3 !important;
}

#hmVoteIntro.hm-entry-shared .hm-v87-vote-count strong, #hmVoteIntro.hm-entry-shared .hm-v103-completed-count strong, #hmQuizIntro.hm-entry-shared .hm-v87-vote-count strong, #hmQuizIntro.hm-entry-shared .hm-v103-completed-count strong{
    margin-top: 12px !important;
    font-size: clamp(32px, 2.8vw, 50px) !important;
    line-height: .9 !important;
}

#hmVoteIntro.hm-entry-shared .hm-v87-vote-count b, #hmVoteIntro.hm-entry-shared .hm-v103-completed-count b, #hmQuizIntro.hm-entry-shared .hm-v87-vote-count b, #hmQuizIntro.hm-entry-shared .hm-v103-completed-count b{
    margin-top: 4px !important;
    font-size: 12px !important;
    font-weight: 800 !important;
}

#hmVoteIntro.hm-entry-shared .hm-v103-completed-count b{
    display: none !important;
}

#hmVoteIntro.hm-entry-shared .hm-v87-vote-flow, #hmQuizIntro.hm-entry-shared .hm-v87-vote-flow{
    margin: 6px 0 0 !important;
    gap: 12px !important;
}

#hmVoteIntro.hm-entry-shared .hm-v87-vote-flow span, #hmQuizIntro.hm-entry-shared .hm-v87-vote-flow span{
    height: 9px !important;
    border-radius: 999px !important;
    background: rgba(255,255,255,0.22) !important;
}

#hmVoteIntro.hm-entry-shared .hm-v87-vote-flow .is-active, #hmQuizIntro.hm-entry-shared .hm-v87-vote-flow .is-active{
    background: linear-gradient(90deg, #ffd400, #ffe56d) !important;
}


@media (max-width: 1180px) {
    #hmVoteIntro.hm-entry-shared .hm-v111-main, #hmQuizIntro.hm-entry-shared .hm-v111-main{
        gap: 30px !important;
        padding: 38px 30px 0 !important;
    }

    #hmVoteIntro.hm-entry-shared .hm-v111-copy .hm-v111-lead, #hmQuizIntro.hm-entry-shared .hm-v111-copy .hm-v111-lead{
        font-size: clamp(11px, 1.32vw, 18px) !important;
    }
}

@media (max-width: 980px) {
    #hmVoteIntro.hm-entry-shared, #hmQuizIntro.hm-entry-shared{
        border-radius: 34px !important;
    }

    #hmVoteIntro.hm-entry-shared .hm-v111-main, #hmQuizIntro.hm-entry-shared .hm-v111-main{
        gap: 24px !important;
        padding: 28px 22px 0 !important;
    }

    #hmVoteIntro.hm-entry-shared .hm-v111-copy .hm-v111-lead, #hmQuizIntro.hm-entry-shared .hm-v111-copy .hm-v111-lead{
        font-size: clamp(11px, 2.9vw, 15px) !important;
        line-height: 1.16 !important;
    }

    #hmVoteIntro.hm-entry-shared .hm-v111-side, #hmQuizIntro.hm-entry-shared .hm-v111-side{
        padding: 18px !important;
        border-radius: 26px !important;
    }

    #hmVoteIntro.hm-entry-shared .hm-v103-vote-stats, #hmQuizIntro.hm-entry-shared .hm-v103-vote-stats{
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    #hmVoteIntro.hm-entry-shared .hm-v87-vote-count, #hmVoteIntro.hm-entry-shared .hm-v103-completed-count, #hmQuizIntro.hm-entry-shared .hm-v87-vote-count, #hmQuizIntro.hm-entry-shared .hm-v103-completed-count{
        min-height: 130px !important;
    }

    
}


/* -------------------------------------------------------------------------
   v120: menšie písmo a kompaktnejší (nižší) úvod dotazníka aj kvízu
   ---------------------------------------------------------------------- */
#hmVoteIntro.hm-entry-shared, #hmQuizIntro.hm-entry-shared{
    border-radius: 34px !important;
}

#hmVoteIntro.hm-entry-shared .hm-v111-main, #hmQuizIntro.hm-entry-shared .hm-v111-main{
    gap: clamp(26px, 2.8vw, 40px) !important;
    padding: 28px 40px 0 !important;
}

#hmVoteIntro.hm-entry-shared .hm-v111-copy h2, #hmQuizIntro.hm-entry-shared .hm-v111-copy h2{
    margin: 0 0 12px !important;
    font-size: clamp(52px, 4.7vw, 82px) !important;
    line-height: .9 !important;
}

#hmVoteIntro.hm-entry-shared .hm-v111-copy .hm-v111-lead, #hmQuizIntro.hm-entry-shared .hm-v111-copy .hm-v111-lead{
    max-width: 700px !important;
    font-size: clamp(10px, .85vw, 15px) !important;
    line-height: 1.12 !important;
}

#hmVoteIntro.hm-entry-shared .hm-v111-cta, #hmQuizIntro.hm-entry-shared .hm-v111-cta{
    min-width: min(100%, 500px) !important;
    min-height: 66px !important;
    margin-top: 18px !important;
    padding: 8px 10px 8px 20px !important;
    border-radius: 22px !important;
    font-size: clamp(18px, 1.5vw, 24px) !important;
    box-shadow:
        0 18px 30px rgba(255, 212, 0, 0.20),
        inset 0 1px 0 rgba(255,255,255,0.34) !important;
}

#hmVoteIntro.hm-entry-shared .hm-v111-cta > b, #hmQuizIntro.hm-entry-shared .hm-v111-cta > b{
    width: 44px !important;
    height: 44px !important;
    border-radius: 14px !important;
    font-size: 22px !important;
}

#hmVoteIntro.hm-entry-shared .hm-v111-side, #hmQuizIntro.hm-entry-shared .hm-v111-side{
    gap: 12px !important;
    padding: 18px !important;
    border-radius: 28px !important;
}

#hmVoteIntro.hm-entry-shared .hm-v103-vote-stats, #hmQuizIntro.hm-entry-shared .hm-v103-vote-stats{
    grid-template-columns: repeat(auto-fit, minmax(145px, 1fr)) !important;
    gap: 12px !important;
}

#hmVoteIntro.hm-entry-shared .hm-v87-vote-count, #hmVoteIntro.hm-entry-shared .hm-v103-completed-count, #hmQuizIntro.hm-entry-shared .hm-v87-vote-count, #hmQuizIntro.hm-entry-shared .hm-v103-completed-count{
    min-height: 108px !important;
    padding: 14px 16px 13px !important;
    border-radius: 20px !important;
}

#hmVoteIntro.hm-entry-shared .hm-v87-vote-count span, #hmVoteIntro.hm-entry-shared .hm-v103-completed-count span, #hmQuizIntro.hm-entry-shared .hm-v87-vote-count span, #hmQuizIntro.hm-entry-shared .hm-v103-completed-count span{
    font-size: 9px !important;
    line-height: 1.22 !important;
}

#hmVoteIntro.hm-entry-shared .hm-v103-completed-count span{
    max-width: 118px !important;
}

#hmVoteIntro.hm-entry-shared .hm-v87-vote-count strong, #hmVoteIntro.hm-entry-shared .hm-v103-completed-count strong, #hmQuizIntro.hm-entry-shared .hm-v87-vote-count strong, #hmQuizIntro.hm-entry-shared .hm-v103-completed-count strong{
    margin-top: 8px !important;
    font-size: clamp(26px, 2.2vw, 40px) !important;
}

#hmVoteIntro.hm-entry-shared .hm-v87-vote-count b, #hmVoteIntro.hm-entry-shared .hm-v103-completed-count b, #hmQuizIntro.hm-entry-shared .hm-v87-vote-count b, #hmQuizIntro.hm-entry-shared .hm-v103-completed-count b{
    margin-top: 2px !important;
    font-size: 10px !important;
}

#hmVoteIntro.hm-entry-shared .hm-v87-vote-flow, #hmQuizIntro.hm-entry-shared .hm-v87-vote-flow{
    margin: 2px 0 0 !important;
    gap: 10px !important;
}

#hmVoteIntro.hm-entry-shared .hm-v87-vote-flow span, #hmQuizIntro.hm-entry-shared .hm-v87-vote-flow span{
    height: 7px !important;
}

#hmQuizIntro.hm-entry-shared .hm-unified-quiz-rules summary{
    min-height: 38px !important;
    padding: 9px 12px !important;
    border-radius: 14px !important;
    font-size: 12px !important;
}

#hmQuizIntro.hm-entry-shared .hm-unified-quiz-rules > div{
    margin-top: 6px !important;
    padding: 12px 13px !important;
    border-radius: 16px !important;
    font-size: 12px !important;
    line-height: 1.4 !important;
}


@media (max-width: 1180px) {
    #hmVoteIntro.hm-entry-shared .hm-v111-main, #hmQuizIntro.hm-entry-shared .hm-v111-main{
        gap: 24px !important;
        padding: 24px 24px 0 !important;
    }

    #hmVoteIntro.hm-entry-shared .hm-v111-copy h2, #hmQuizIntro.hm-entry-shared .hm-v111-copy h2{
        font-size: clamp(44px, 4.8vw, 66px) !important;
    }

    #hmVoteIntro.hm-entry-shared .hm-v111-copy .hm-v111-lead, #hmQuizIntro.hm-entry-shared .hm-v111-copy .hm-v111-lead{
        font-size: clamp(10px, 1vw, 14px) !important;
    }
}

@media (max-width: 980px) {
    #hmVoteIntro.hm-entry-shared, #hmQuizIntro.hm-entry-shared{
        border-radius: 28px !important;
    }

    #hmVoteIntro.hm-entry-shared .hm-v111-main, #hmQuizIntro.hm-entry-shared .hm-v111-main{
        gap: 18px !important;
        padding: 22px 18px 0 !important;
    }

    #hmVoteIntro.hm-entry-shared .hm-v111-copy h2, #hmQuizIntro.hm-entry-shared .hm-v111-copy h2{
        font-size: clamp(34px, 9vw, 52px) !important;
        margin-bottom: 10px !important;
    }

    #hmVoteIntro.hm-entry-shared .hm-v111-copy .hm-v111-lead, #hmQuizIntro.hm-entry-shared .hm-v111-copy .hm-v111-lead{
        font-size: clamp(10px, 2.8vw, 13px) !important;
    }

    #hmVoteIntro.hm-entry-shared .hm-v111-cta, #hmQuizIntro.hm-entry-shared .hm-v111-cta{
        min-height: 60px !important;
        margin-top: 16px !important;
        font-size: 18px !important;
    }

    #hmVoteIntro.hm-entry-shared .hm-v111-cta > b, #hmQuizIntro.hm-entry-shared .hm-v111-cta > b{
        width: 40px !important;
        height: 40px !important;
    }

    #hmVoteIntro.hm-entry-shared .hm-v111-side, #hmQuizIntro.hm-entry-shared .hm-v111-side{
        padding: 16px !important;
        gap: 10px !important;
        border-radius: 22px !important;
    }

    #hmVoteIntro.hm-entry-shared .hm-v103-vote-stats, #hmQuizIntro.hm-entry-shared .hm-v103-vote-stats{
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 10px !important;
    }

    #hmVoteIntro.hm-entry-shared .hm-v87-vote-count, #hmVoteIntro.hm-entry-shared .hm-v103-completed-count, #hmQuizIntro.hm-entry-shared .hm-v87-vote-count, #hmQuizIntro.hm-entry-shared .hm-v103-completed-count{
        min-height: 94px !important;
        padding: 12px !important;
    }

    #hmVoteIntro.hm-entry-shared .hm-v87-vote-count strong, #hmVoteIntro.hm-entry-shared .hm-v103-completed-count strong, #hmQuizIntro.hm-entry-shared .hm-v87-vote-count strong, #hmQuizIntro.hm-entry-shared .hm-v103-completed-count strong{
        font-size: clamp(22px, 6vw, 32px) !important;
    }

    

    
}


/* -------------------------------------------------------------------------
   v121: ešte silnejšia tmavomodrá farebnosť dotazníka a kvízu
   ---------------------------------------------------------------------- */
#hmVoteIntro.hm-entry-shared, #hmQuizIntro.hm-entry-shared{
    background:
        radial-gradient(circle at 14% 18%, rgba(255,255,255,0.10), transparent 22%),
        radial-gradient(circle at 86% 14%, rgba(255,212,0,0.10), transparent 14%),
        linear-gradient(135deg, #032f86 0%, #0745b2 38%, #1158cf 100%) !important;
    box-shadow:
        0 36px 90px rgba(1, 26, 78, 0.34),
        inset 0 1px 0 rgba(255,255,255,0.08) !important;
}

#hmVoteIntro.hm-entry-shared::before, #hmQuizIntro.hm-entry-shared::before{
    background:
        linear-gradient(90deg, rgba(255,255,255,0.04) 0, rgba(255,255,255,0) 18%),
        radial-gradient(circle at 78% 30%, rgba(255,255,255,0.05), transparent 22%) !important;
}

#hmVoteIntro.hm-entry-shared .hm-v111-side, #hmQuizIntro.hm-entry-shared .hm-v111-side{
    background: linear-gradient(180deg, rgba(5, 44, 116, 0.56), rgba(3, 34, 95, 0.42)) !important;
    border: 1px solid rgba(255,255,255,0.08) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.08),
        0 20px 36px rgba(0, 22, 64, 0.20) !important;
}

#hmVoteIntro.hm-entry-shared .hm-v87-vote-count, #hmVoteIntro.hm-entry-shared .hm-v103-completed-count, #hmQuizIntro.hm-entry-shared .hm-v87-vote-count, #hmQuizIntro.hm-entry-shared .hm-v103-completed-count{
    background: linear-gradient(180deg, rgba(2, 33, 90, 0.62), rgba(1, 25, 72, 0.48)) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.06),
        0 12px 22px rgba(0, 17, 51, 0.18) !important;
}

#hmVoteIntro.hm-entry-shared .hm-v87-vote-flow span, #hmQuizIntro.hm-entry-shared .hm-v87-vote-flow span{
    background: rgba(255,255,255,0.18) !important;
}





#hmVoteIntro.hm-entry-shared .hm-v111-copy h2, #hmQuizIntro.hm-entry-shared .hm-v111-copy h2, #hmVoteIntro.hm-entry-shared .hm-v111-copy .hm-v111-lead, #hmQuizIntro.hm-entry-shared .hm-v111-copy .hm-v111-lead{
    text-shadow: 0 8px 22px rgba(0, 18, 56, 0.20) !important;
}




/* -------------------------------------------------------------------------
   v122: jednoduché textové počítadlá bez vnútorných pozadí
   ---------------------------------------------------------------------- */
#hmVoteIntro.hm-entry-shared .hm-v111-side, #hmQuizIntro.hm-entry-shared .hm-v111-side{
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    padding: 10px 0 8px !important;
}

#hmVoteIntro.hm-entry-shared .hm-v103-vote-stats.hm-v122-plain-stats, #hmQuizIntro.hm-entry-shared .hm-v103-vote-stats.hm-v122-plain-stats{
    grid-template-columns: repeat(2, minmax(0,1fr)) !important;
    gap: 18px !important;
    align-items: start !important;
}

#hmQuizIntro.hm-entry-shared .hm-v103-vote-stats.hm-v122-plain-stats.hm-v122-plain-stats-quiz{
    grid-template-columns: repeat(3, minmax(0,1fr)) !important;
    gap: 14px !important;
}

#hmVoteIntro.hm-entry-shared .hm-v122-plain-stat, #hmQuizIntro.hm-entry-shared .hm-v122-plain-stat{
    min-height: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    gap: 4px !important;
}

#hmVoteIntro.hm-entry-shared .hm-v122-plain-stat span, #hmQuizIntro.hm-entry-shared .hm-v122-plain-stat span{
    display: none !important;
}

#hmVoteIntro.hm-entry-shared .hm-v122-plain-stat strong, #hmQuizIntro.hm-entry-shared .hm-v122-plain-stat strong{
    margin: 0 !important;
    font-size: clamp(28px, 2.5vw, 42px) !important;
    line-height: .95 !important;
    color: #ffd400 !important;
    text-shadow: 0 8px 20px rgba(255,212,0,0.14) !important;
}

#hmVoteIntro.hm-entry-shared .hm-v122-plain-stat b, #hmQuizIntro.hm-entry-shared .hm-v122-plain-stat b{
    display: block !important;
    margin: 0 !important;
    font-size: 18px !important;
    line-height: 1.18 !important;
    color: rgba(255,255,255,0.98) !important;
    font-weight: 800 !important;
}

#hmVoteIntro.hm-entry-shared .hm-v87-vote-flow, #hmQuizIntro.hm-entry-shared .hm-v87-vote-flow{
    margin-top: 14px !important;
}

@media (max-width: 1180px) {
    #hmVoteIntro.hm-entry-shared .hm-v122-plain-stat b, #hmQuizIntro.hm-entry-shared .hm-v122-plain-stat b{
        font-size: 16px !important;
    }
}

@media (max-width: 980px) {
    #hmVoteIntro.hm-entry-shared .hm-v103-vote-stats.hm-v122-plain-stats, #hmQuizIntro.hm-entry-shared .hm-v103-vote-stats.hm-v122-plain-stats.hm-v122-plain-stats-quiz{
        grid-template-columns: 1fr !important;
        gap: 12px !important;
    }

    #hmVoteIntro.hm-entry-shared .hm-v122-plain-stat strong, #hmQuizIntro.hm-entry-shared .hm-v122-plain-stat strong{
        font-size: clamp(24px, 6vw, 34px) !important;
    }

    #hmVoteIntro.hm-entry-shared .hm-v122-plain-stat b, #hmQuizIntro.hm-entry-shared .hm-v122-plain-stat b{
        font-size: 15px !important;
    }
}


/* -------------------------------------------------------------------------
   v123: širšie hlavné tlačidlá pri dotazníku a kvíze
   ---------------------------------------------------------------------- */
#hmVoteIntro.hm-entry-shared .hm-v111-cta, #hmQuizIntro.hm-entry-shared .hm-v111-cta{
    width: min(100%, 680px) !important;
    min-width: min(100%, 680px) !important;
}

@media (max-width: 1180px) {
    #hmVoteIntro.hm-entry-shared .hm-v111-cta, #hmQuizIntro.hm-entry-shared .hm-v111-cta{
        width: min(100%, 620px) !important;
        min-width: min(100%, 620px) !important;
    }
}

@media (max-width: 980px) {
    #hmVoteIntro.hm-entry-shared .hm-v111-cta, #hmQuizIntro.hm-entry-shared .hm-v111-cta{
        width: 100% !important;
        min-width: 100% !important;
    }
}


/* -------------------------------------------------------------------------
   v124: počítadlá vpravo pod sebou
   ---------------------------------------------------------------------- */
#hmVoteIntro.hm-entry-shared .hm-v103-vote-stats.hm-v122-plain-stats, #hmQuizIntro.hm-entry-shared .hm-v103-vote-stats.hm-v122-plain-stats, #hmQuizIntro.hm-entry-shared .hm-v103-vote-stats.hm-v122-plain-stats.hm-v122-plain-stats-quiz{
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
    align-items: start !important;
}

#hmVoteIntro.hm-entry-shared .hm-v122-plain-stat{
    display: flex !important;
    flex-direction: row !important;
    align-items: baseline !important;
    justify-content: flex-start !important;
    gap: 12px !important;
    min-height: 0 !important;
}

#hmVoteIntro.hm-entry-shared .hm-v122-plain-stat strong{
    flex: 0 0 auto !important;
    font-size: clamp(30px, 2.5vw, 42px) !important;
    line-height: 1 !important;
}

#hmVoteIntro.hm-entry-shared .hm-v122-plain-stat b{
    font-size: clamp(15px, 1.35vw, 20px) !important;
    line-height: 1.08 !important;
    max-width: 210px !important;
}

/* Kvíz má tri riadky, preto sú jeho počítadlá kompaktnejšie. */
#hmQuizIntro.hm-entry-shared .hm-v122-plain-stat{
    display: flex !important;
    flex-direction: row !important;
    align-items: baseline !important;
    justify-content: flex-start !important;
    gap: 10px !important;
    min-height: 0 !important;
}

#hmQuizIntro.hm-entry-shared .hm-v122-plain-stat strong{
    flex: 0 0 auto !important;
    font-size: clamp(24px, 2vw, 34px) !important;
    line-height: 1 !important;
}

#hmQuizIntro.hm-entry-shared .hm-v122-plain-stat b{
    font-size: clamp(12px, 1vw, 15px) !important;
    line-height: 1.08 !important;
}

#hmVoteIntro.hm-entry-shared .hm-v87-vote-flow, #hmQuizIntro.hm-entry-shared .hm-v87-vote-flow{
    margin-top: 12px !important;
}

@media (max-width: 980px) {
    #hmVoteIntro.hm-entry-shared .hm-v122-plain-stat, #hmQuizIntro.hm-entry-shared .hm-v122-plain-stat{
        gap: 9px !important;
    }

    #hmVoteIntro.hm-entry-shared .hm-v122-plain-stat strong{
        font-size: 30px !important;
    }

    #hmVoteIntro.hm-entry-shared .hm-v122-plain-stat b{
        font-size: 15px !important;
    }

    #hmQuizIntro.hm-entry-shared .hm-v122-plain-stat strong{
        font-size: 25px !important;
    }

    #hmQuizIntro.hm-entry-shared .hm-v122-plain-stat b{
        font-size: 12px !important;
    }
}


/* -------------------------------------------------------------------------
   v125: malé moderné kickery + „O čo ide?“ pri ankete
   ---------------------------------------------------------------------- */
#hmVoteIntro .hm-v125-kicker, #hmQuizIntro .hm-v125-kicker{
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    width: auto !important;
    margin: 0 0 12px !important;
    padding: 7px 11px !important;
    border: 1px solid rgba(255,255,255,.16) !important;
    border-radius: 999px !important;
    background: rgba(1, 31, 88, .24) !important;
    color: rgba(255,255,255,.92) !important;
    font-size: 10px !important;
    line-height: 1 !important;
    font-weight: 850 !important;
    letter-spacing: .075em !important;
    text-transform: uppercase !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.08) !important;
    backdrop-filter: blur(8px) !important;
    -webkit-backdrop-filter: blur(8px) !important;
}

#hmVoteIntro .hm-v125-kicker::before, #hmQuizIntro .hm-v125-kicker::before{
    content: "";
    width: 7px;
    height: 7px;
    flex: 0 0 7px;
    border-radius: 50%;
    background: #ffd400;
    box-shadow: 0 0 0 4px rgba(255,212,0,.10);
}

#hmVoteIntro.hm-entry-shared .hm-v125-about{
    width: 100% !important;
    margin: 2px 0 0 !important;
}

#hmVoteIntro.hm-entry-shared .hm-v125-about summary, #hmQuizIntro.hm-entry-shared .hm-unified-quiz-rules summary{
    min-height: 38px !important;
    padding: 9px 12px !important;
    border: 1px solid rgba(255,255,255,.13) !important;
    border-radius: 14px !important;
    background: rgba(1, 30, 85, .22) !important;
    color: rgba(255,255,255,.96) !important;
    font-size: 11px !important;
    font-weight: 850 !important;
    letter-spacing: .02em !important;
}

#hmVoteIntro.hm-entry-shared .hm-v125-about > div, #hmQuizIntro.hm-entry-shared .hm-unified-quiz-rules > div{
    margin-top: 6px !important;
    padding: 11px 13px !important;
    border-radius: 15px !important;
    background: rgba(1, 27, 78, .24) !important;
    color: rgba(255,255,255,.88) !important;
    font-size: 11px !important;
    line-height: 1.42 !important;
}

#hmVoteIntro.hm-entry-shared .hm-v125-about p, #hmQuizIntro.hm-entry-shared .hm-unified-quiz-rules p{
    margin: 0 !important;
    color: inherit !important;
    font: inherit !important;
}

/* Starý stavový text ankety už nemá na vstupnej karte žiadny vizuálny výstup. */
#hmVoteGateStatus{ display: none !important; }

@media (max-width: 980px) {
    #hmVoteIntro .hm-v125-kicker, #hmQuizIntro .hm-v125-kicker{
        margin-bottom: 10px !important;
        padding: 6px 10px !important;
        font-size: 9px !important;
    }
}


/* -------------------------------------------------------------------------
   v126: nižší blok rebríčka + jednotné stabilné pozadia sekcií
   ---------------------------------------------------------------------- */


/* jednotné, stabilné pozadie v sekciách s týmito blokmi */
.hm-solutions, .hm-quiz{
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center center !important;
    background-attachment: scroll !important;
}

.hm-solutions .hm-wrap, .hm-quiz .hm-wrap{
    position: relative !important;
    z-index: 1 !important;
}




/* -------------------------------------------------------------------------
   v127: spodné sekcie používajú to isté veľké ambient pozadie ako hore
   ---------------------------------------------------------------------- */
/* Veľké ambient pozadie nech je viditeľnejšie na celej stránke. */
.hm-ambient-background::after{
    background: linear-gradient(180deg, rgba(244,248,255,.82), rgba(239,245,255,.84)) !important;
}

.hm-ambient-layer.is-active{
    opacity: calc(var(--hm-ambient-image-opacity, .22) + .06) !important;
}

/* Sekcie dotazníka/rebríčka/kvízu nech nemajú vlastné samostatné fotografie, ale
   nech prepúšťajú jednotné ambient pozadie z vrchu stránky. */
.hm-solutions.hm-section, .hm-quiz.hm-section{
    background: transparent !important;
    background-image: none !important;
}

.hm-solutions.hm-section::before, .hm-solutions.hm-section::after, .hm-quiz.hm-section::before, .hm-quiz.hm-section::after{
    display: none !important;
}

/* Aj keď je na sekcii nastavené vlastné --hm-section-image, pre tieto dve časti sa ignoruje,
   aby bolo pozadie jednotné a správalo sa rovnako ako hore. */
.hm-solutions[style*="--hm-section-image"], .hm-quiz[style*="--hm-section-image"]{
    background: transparent !important;
    background-image: none !important;
}

/* Obsah ostáva nad ambient pozadím. */
.hm-solutions .hm-wrap, .hm-quiz .hm-wrap{
    position: relative !important;
    z-index: 2 !important;
}


/* -------------------------------------------------------------------------
   v128: menšia medzera medzi rebríčkom a kvízom + panel poradia kvízu
   ---------------------------------------------------------------------- */
.hm-solutions.hm-section{
    padding-bottom: clamp(16px, 2vw, 24px) !important;
}



.hm-quiz.hm-section{
    padding-top: clamp(10px, 1.6vw, 18px) !important;
}


.hm-quiz-ranking-empty{
    grid-column: 1 / -1;
    padding: 14px 16px;
    border-radius: 18px;
    background: rgba(255,255,255,.82);
    color: #5e7592;
    font-size: 13px;
    font-weight: 700;
    text-align: center;
}

.hm-result-item-modern.is-top-five{
    border-left-width: 9px !important;
    background: linear-gradient(90deg, rgba(255,212,0,.20), #fff 44%) !important;
    box-shadow: 0 12px 28px rgba(255,212,0,.12) !important;
}

.hm-result-item-modern.is-top-five .hm-result-rank{
    background: linear-gradient(180deg, #ffd400, #ffc700) !important;
    color: #10336d !important;
    box-shadow: 0 10px 20px rgba(255,212,0,.20) !important;
}






/* -------------------------------------------------------------------------
   v130: stabilné foto pozadie pri vypĺňaní + posúvajúce sa názory občanov
   ---------------------------------------------------------------------- */
body.hm-voting-focus{
    overflow: hidden !important;
}

body.hm-voting-focus::before{
    content: "";
    position: fixed;
    inset: 0;
    z-index: 9990;
    background-image:
        linear-gradient(135deg, rgba(3, 50, 131, .74) 0%, rgba(8, 83, 203, .66) 52%, rgba(12, 124, 255, .58) 100%),
        var(--hm-focus-bg-image);
    background-size: auto, cover;
    background-position: center center;
    background-repeat: no-repeat;
    filter: saturate(1.02);
}



.hm-opinion-marquee{
    margin: 10px 0 12px !important;
    padding: 10px 0 2px !important;
    overflow: hidden;
}

.hm-opinion-head{
    margin: 0 0 10px;
    padding: 0 6px;
}

.hm-opinion-head span{
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 30px;
    padding: 0 14px;
    border-radius: 999px;
    background: rgba(255,255,255,.76);
    color: #0f3f93;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: .09em;
    box-shadow: 0 8px 20px rgba(0,44,120,.06);
}

.hm-opinion-head span::before{
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 999px;
    background: #ffd400;
    box-shadow: 0 0 0 6px rgba(255,212,0,.14);
}

.hm-opinion-viewport{
    overflow: hidden;
    mask-image: linear-gradient(90deg, transparent, #000 7%, #000 93%, transparent);
    -webkit-mask-image: linear-gradient(90deg, transparent, #000 7%, #000 93%, transparent);
}

.hm-opinion-track{
    display:flex;
    align-items:stretch;
    gap:14px;
    width:max-content;
    will-change:transform;
}
.hm-opinion-track.is-moving{
    animation:hmOpinionScrollSingle var(--hm-opinion-duration,42s) linear infinite;
}
.hm-opinion-track.is-static{
    animation:none!important;
}

.hm-opinion-marquee:hover .hm-opinion-track{
    animation-play-state: paused;
}

.hm-opinion-bubble{
    width: min(340px, 78vw);
    min-height: 96px;
    padding: 16px 18px 14px;
    border-radius: 24px;
    background: linear-gradient(180deg, rgba(255,255,255,.94), rgba(248,251,255,.92));
    border: 1px solid rgba(16, 81, 177, .10);
    box-shadow: 0 16px 34px rgba(0,44,120,.08);
    display: grid;
    gap: 10px;
}

.hm-opinion-bubble.is-accent{
    background: linear-gradient(180deg, rgba(255,249,214,.96), rgba(255,255,255,.94));
    border-color: rgba(255,212,0,.32);
    box-shadow: 0 16px 34px rgba(255,212,0,.10);
}

.hm-opinion-bubble p{
    margin: 0;
    color: #183d7a;
    font-size: 15px;
    line-height: 1.45;
    font-weight: 700;
}

.hm-opinion-bubble small{
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #5d7495;
    font-size: 12px;
    font-weight: 800;
}

.hm-opinion-bubble small::before{
    content: "";
    width: 24px;
    height: 24px;
    border-radius: 999px;
    background: linear-gradient(180deg, #1d63d5, #0f4fbf);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.22);
}

@keyframes hmOpinionScrollSingle {
    from { transform: translate3d(var(--hm-opinion-start, 100vw),0,0); }
    to { transform: translate3d(calc(-1 * var(--hm-opinion-width, 100%)),0,0); }
}

@media (max-width: 980px) {
    .hm-opinion-marquee{
        margin: 8px 0 10px !important;
        padding-top: 6px !important;
    }
    .hm-opinion-head{ margin-bottom: 8px; }
    .hm-opinion-track{
        gap: 10px;
        animation-duration: 32s;
    }
    .hm-opinion-bubble{
        width: min(290px, 84vw);
        min-height: 88px;
        padding: 14px 15px 12px;
        border-radius: 20px;
    }
    .hm-opinion-bubble p{
        font-size: 14px;
        line-height: 1.38;
    }
    .hm-opinion-bubble small{
        font-size: 11px;
    }
}


/* -------------------------------------------------------------------------
   v131: globálne zmenšenie verejného webu približne o 15 %
   ---------------------------------------------------------------------- */
:root{
    --hm-site-scale: .89;
    --hm-site-scale-inverse: 1.1235955056;
}

/* Zmenší celý frontend naraz, ale dorovná jeho šírku na celý viewport.
   Vďaka tomu netreba prepisovať stovky jednotlivých px/rem pravidiel. */
.hm-site{
    zoom: var(--hm-site-scale);
    width: calc(100% * var(--hm-site-scale-inverse));
    max-width: none !important;
}

/* WordPress admin bar nech ostane v normálnej veľkosti. */
body.admin-bar .hm-site{
    margin-top: 0;
}

/* Funkčné fullscreen karty sa po prenesení JS mimo .hm-site zmenšia tiež,
   aby anketa a kvíz pôsobili rovnako kompaktne ako zvyšok webu. */
body.hm-voting-focus > #hmInvestmentStep:not(.hm-hidden), body.hm-voting-focus > #hmVoteFinish:not(.hm-hidden){
    zoom: var(--hm-site-scale);
}

/* Modálne okná mimo hlavného wrappera – zmenšený iba obsah, nie tmavý overlay. */
.hm-modal > *, .hm-discussion-modal > *{
    zoom: var(--hm-site-scale);
}

/* Po globálnom zmenšení nedovoľ horizontálny presah. */
html, body{
    overflow-x: clip;
}

/* Na veľmi úzkych mobiloch ponecháme o trochu väčšiu mierku kvôli čitateľnosti. */
@media (max-width: 620px) {
    :root{
        --hm-site-scale: .94;
        --hm-site-scale-inverse: 1.0638297872;
    }
}


/* -------------------------------------------------------------------------
   v132: vycentrovanie po globálnom zmenšení, výraznejšie ambient pozadie,
   väčšie rozostupy v sekcii osobností a živší pás problémov mesta
   ---------------------------------------------------------------------- */
:root{
    --hm-site-scale: .89;
    --hm-site-scale-inverse: 1.1235955056;
}

/* Po globálnom zmenšení drž web presne v strede. */
.hm-site{
    width: calc(100vw * var(--hm-site-scale-inverse)) !important;
    max-width: calc(100vw * var(--hm-site-scale-inverse)) !important;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
}

/* Ambient obrázky nech sú citeľne viditeľnejšie. */
.hm-ambient-background::after{
    background: linear-gradient(180deg, rgba(244,248,255,.58), rgba(239,245,255,.62)) !important;
}

.hm-ambient-layer.is-active{
    opacity: calc(var(--hm-ambient-image-opacity, .22) + .18) !important;
}

/* Väčšia medzera medzi 5 plochami pre osobnosti na hlavnej stránke. */
@media (min-width: 1121px) {
    .hm-pledge-grid{
        gap: 50px !important;
    }
}

/* Aj na stredných displejoch trochu väčší rozostup. */
@media (min-width: 801px) and (max-width: 1120px) {
    .hm-pledge-grid{
        gap: 26px !important;
    }
}


/* -------------------------------------------------------------------------
   v133: výraznejšie obrázky hore na homepage + väčšie karty otázok/priorít
   ---------------------------------------------------------------------- */
/* Obrázky hore na homepage nech sú zreteľnejšie viditeľné. */
.hm-hero::before{
    opacity: 0.30 !important;
    mix-blend-mode: normal !important;
    filter: contrast(1.04) saturate(0.88) !important;
}

.hm-hero::after{
    background: linear-gradient(180deg, rgba(3, 29, 68, 0.01) 44%, rgba(3, 29, 68, 0.54)) !important;
}

.hm-ambient-background::after{
    background: linear-gradient(180deg, rgba(244,248,255,.42), rgba(239,245,255,.50)) !important;
}

.hm-ambient-layer.is-active{
    opacity: calc(var(--hm-ambient-image-opacity, .22) + .24) !important;
}

/* Sekcia s prioritami / otázkami nech pôsobí širšie. */
.hm-solutions > .hm-wrap, .hm-quiz > .hm-wrap, .hm-quiz-shell{
    width: min(calc(100% - 28px), 1440px) !important;
    max-width: 1440px !important;
}

/* Karty, kde sú otázky a priority, zväčšiť približne o 20 % a roztiahnuť ich viac do šírky. */
.hm-results, .hm-opinion-marquee{
    width: min(100%, 1380px) !important;
    max-width: 1380px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.hm-result-list{
    padding: 14px 14px 18px !important;
    gap: 12px !important;
}

.hm-result-item-modern{
    min-height: 94px !important;
    padding: 14px 18px 14px 14px !important;
    grid-template-columns: 54px minmax(0,1fr) auto !important;
    gap: 16px !important;
    border-radius: 20px !important;
}

.hm-result-item-modern .hm-result-rank{
    width: 52px !important;
    height: 52px !important;
    border-radius: 16px !important;
    font-size: 17px !important;
}

.hm-result-item-modern .hm-result-copy strong{
    font-size: 16px !important;
    line-height: 1.28 !important;
}

.hm-result-item-modern .hm-result-copy small{
    font-size: 10px !important;
}

.hm-result-score{
    min-width: 114px !important;
    font-size: 24px !important;
}

.hm-result-score small{
    font-size: 10px !important;
}

@media (max-width: 980px) {
    .hm-solutions > .hm-wrap, .hm-quiz > .hm-wrap, .hm-quiz-shell{
        width: min(calc(100% - 20px), 100%) !important;
        max-width: none !important;
    }

    .hm-results, .hm-opinion-marquee{
        width: 100% !important;
        max-width: none !important;
    }

    .hm-result-item-modern{
        min-height: 84px !important;
        padding: 12px !important;
        grid-template-columns: 46px minmax(0,1fr) !important;
    }

    .hm-result-item-modern .hm-result-rank{
        width: 44px !important;
        height: 44px !important;
        font-size: 15px !important;
    }

    .hm-result-item-modern .hm-result-copy strong{
        font-size: 15px !important;
    }

    .hm-result-score{
        grid-column: 2;
        min-width: 0 !important;
        font-size: 20px !important;
    }
}


/* -------------------------------------------------------------------------
   v134: dve samostatne nastaviteľné dynamické fotografické plochy
   ---------------------------------------------------------------------- */

/* Staré globálne prekrytia už nesmú prepisovať nové nastavenia z Prispôsobiť. */
body::after{
    background: transparent !important;
}
.hm-ambient-background::after{
    background: transparent !important;
}

/* Samotné meniace sa fotografie nech sú dostupné v plnej sile.
   Ich reálna viditeľnosť sa teraz reguluje samostatne pre každú plochu. */
.hm-ambient-layer.is-active{
    opacity: 1 !important;
}

/* HORNÁ PLOCHA – úvod homepage + osobnosti. */
.hm-civic-intro{
    background:
        linear-gradient(
            rgba(var(--hm-top-overlay-rgb), var(--hm-top-overlay-opacity)),
            rgba(var(--hm-top-overlay-rgb), var(--hm-top-overlay-opacity))
        ),
        rgba(255,255,255, calc(1 - var(--hm-top-image-opacity))) !important;
}

/* SPODNÁ PLOCHA – dotazník/rebríček/názory + kvíz.
   Obe sekcie používajú presne tú istú sadu dynamicky sa meniacich obrázkov. */
.hm-solutions.hm-section, .hm-quiz.hm-section{
    background:
        linear-gradient(
            rgba(var(--hm-bottom-overlay-rgb), var(--hm-bottom-overlay-opacity)),
            rgba(var(--hm-bottom-overlay-rgb), var(--hm-bottom-overlay-opacity))
        ),
        rgba(255,255,255, calc(1 - var(--hm-bottom-image-opacity))) !important;
    background-image:
        linear-gradient(
            rgba(var(--hm-bottom-overlay-rgb), var(--hm-bottom-overlay-opacity)),
            rgba(var(--hm-bottom-overlay-rgb), var(--hm-bottom-overlay-opacity))
        ) !important;
}

/* Zruší posledné napevno nastavené opacity z predchádzajúcich verzií. */
.hm-civic-intro, .hm-solutions.hm-section, .hm-quiz.hm-section{
    isolation: isolate;
}

/* Obsah ostáva nad fotografiou a farebným prekrytím. */
.hm-civic-intro > .hm-wrap, .hm-solutions > .hm-wrap, .hm-quiz > .hm-wrap{
    position: relative;
    z-index: 2;
}


/* -------------------------------------------------------------------------
   v135: ostrejšie / menej priblížené fotografie + veľké karty otázok
   ---------------------------------------------------------------------- */

/* Fotografie už nezväčšujeme cez záporný inset a transformácie.
   To odstráni zbytočné priblíženie aj mäkkosť pri animácii. */
.hm-ambient-layer{
    inset: 0 !important;
    transform: none !important;
    animation: none !important;
    will-change: opacity !important;
    filter: saturate(1.02) contrast(1.02) !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}

.hm-ambient-layer:nth-child(even){
    animation: none !important;
}

/* Aj hlavná fotografia hore bez soft-light efektu a bez zbytočného rozmazania. */
.hm-hero::before{
    transform: none !important;
    animation: none !important;
    mix-blend-mode: normal !important;
    filter: saturate(.98) contrast(1.03) !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}

/* Pri vysokom / užšom okne sa fotografia prispôsobí šírke namiesto extrémneho cropu.
   Zvyšok plochy vyplní stabilná podkladová farba. */
@media (max-aspect-ratio: 4/3) {
    .hm-ambient-layer, .hm-hero::before{
        background-size: 100% auto !important;
        background-position: center center !important;
    }
}

/* ----------------------------------------------------------------------
   SKUTOČNÉ KARTY POČAS VYPĹŇANIA ANKETY A KVÍZU
   Globálny zoom webu sa na ne už neuplatňuje.
   ---------------------------------------------------------------------- */
body.hm-voting-focus > #hmInvestmentStep:not(.hm-hidden), body.hm-voting-focus > #hmVoteFinish:not(.hm-hidden){
    zoom: 1 !important;
}

/* Anketová otázka – skoro celá obrazovka. */


/* Väčšie vnútorné časti ankety, aby karta nepôsobila len ako veľký prázdny rám. */


/* Kvízová otázka – rovnaká logika, skoro celá obrazovka. */


/* Záverečné karty ankety tiež v rovnakej veľkej ploche. */
body.hm-voting-focus > #hmInvestmentStep:not(.hm-hidden), body.hm-voting-focus > #hmVoteFinish:not(.hm-hidden){
    width: min(94vw, 1500px) !important;
    height: 94dvh !important;
    max-height: 94dvh !important;
}

@media (max-width: 798px) {
    body.hm-voting-focus > #hmInvestmentStep:not(.hm-hidden), body.hm-voting-focus > #hmVoteFinish:not(.hm-hidden){
        width: calc(100vw - 10px) !important;
        height: calc(100dvh - 10px) !important;
        min-height: 0 !important;
        max-height: calc(100dvh - 10px) !important;
        border-radius: 18px !important;
    }

    

    

    

    

    

    
}


/* -------------------------------------------------------------------------
   v136: DVE FYZICKY ODDELENÉ DYNAMICKÉ FOTOGRAFICKÉ PLOCHY
   1. hore iba úvod homepage
   2. až pod čiernym pásom problémov – dotazník + kvíz
   Žiadny obrázok sa už nenaťahuje cez celú stránku.
   ---------------------------------------------------------------------- */

/* Starý full-page ambient systém je definitívne vypnutý. */
.hm-ambient-background, #hmAmbientBackground{
    display: none !important;
}

/* Lokálna fotografická plocha. Je absolútne viazaná iba na svoj rodičovský blok. */
.hm-dynamic-background{
    position: absolute !important;
    inset: 0 !important;
    z-index: 0 !important;
    overflow: hidden !important;
    pointer-events: none !important;
    background: #eaf2ff;
}

.hm-dynamic-layer{
    position: absolute !important;
    inset: 0 !important;
    opacity: 0 !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: cover !important;
    transform: none !important;
    animation: none !important;
    filter: none !important;
    transition: opacity 1.8s ease !important;
    will-change: opacity !important;
}

/* Horná fotografia – vlastná viditeľnosť z Prispôsobiť. */
.hm-dynamic-background-top .hm-dynamic-layer.is-active{
    opacity: var(--hm-top-image-opacity, .72) !important;
}

/* Spodná fotografia – vlastná viditeľnosť z Prispôsobiť. */
.hm-dynamic-background-bottom .hm-dynamic-layer.is-active{
    opacity: var(--hm-bottom-image-opacity, .72) !important;
}

/* Farebné prekrytie sa aplikuje samostatne nad každou fyzickou fotografickou plochou. */
.hm-dynamic-background-top::after, .hm-dynamic-background-bottom::after{
    content: "";
    position: absolute;
    inset: 0;
    z-index: 2;
    pointer-events: none;
}

.hm-dynamic-background-top::after{
    background: rgba(var(--hm-top-overlay-rgb, 244,248,255), var(--hm-top-overlay-opacity, .36));
}

.hm-dynamic-background-bottom::after{
    background: rgba(var(--hm-bottom-overlay-rgb, 244,248,255), var(--hm-bottom-overlay-opacity, .30));
}

/* HORNÁ plocha končí s úvodom – už nepokračuje cez celý web. */
.hm-civic-intro{
    position: relative !important;
    isolation: isolate !important;
    overflow: hidden !important;
    background: #edf5ff !important;
}
.hm-civic-intro > .hm-wrap{
    position: relative !important;
    z-index: 3 !important;
}

/* Čierny pás problémov ostáva jasným vizuálnym predelom. */
.hm-problem-strip{
    position: relative !important;
    z-index: 4 !important;
}

/* SPODNÁ plocha začína až POD problémami a končí po kvíze. */
.hm-lower-dynamic-zone{
    position: relative !important;
    isolation: isolate !important;
    overflow: hidden !important;
    background: #edf5ff !important;
}
.hm-lower-dynamic-zone > .hm-solutions, .hm-lower-dynamic-zone > .hm-quiz{
    position: relative !important;
    z-index: 3 !important;
    background: transparent !important;
    background-image: none !important;
}

/* Vlastné staré obrázky sekcií už nesmú zakrývať druhú dynamickú plochu. */
.hm-lower-dynamic-zone > .hm-solutions[style*="--hm-section-image"], .hm-lower-dynamic-zone > .hm-quiz[style*="--hm-section-image"]{
    background: transparent !important;
    background-image: none !important;
}

/* Žiadne priblíženie/soft-light/blur na nových dynamických vrstvách. */
.hm-dynamic-background .hm-dynamic-layer, .hm-dynamic-background .hm-dynamic-layer.is-active{
    transform: none !important;
    filter: none !important;
}

/* Pri veľmi vysokom a úzkom zariadení radšej zobraz väčšiu časť fotky
   než ju agresívne zväčšovať. */
@media (max-aspect-ratio: 4/3) {
    .hm-dynamic-layer{
        background-size: cover !important;
        background-position: center center !important;
    }
}


/* -------------------------------------------------------------------------
   v137: otázkové karty zväčšené LEN NA VÝŠKU, nie na šírku
   ---------------------------------------------------------------------- */
@media (min-width: 799px) {
    /* Ankета / priority: pôvodná kompaktnejšia šírka, veľká výška ostáva. */
    

    /* Kvíz: pôvodná kompaktnejšia šírka, veľká výška ostáva. */
    

    /* Záverečné karty ankety nech sa tiež zbytočne nerozťahujú do strán. */
    body.hm-voting-focus > #hmInvestmentStep:not(.hm-hidden), body.hm-voting-focus > #hmVoteFinish:not(.hm-hidden){
        width: min(900px, calc(100vw - 28px)) !important;
        max-width: 900px !important;
        height: 94dvh !important;
        max-height: 94dvh !important;
    }
}


/* -------------------------------------------------------------------------
   v138: otázkové karty o 30 % užšie, výška ostáva; písmo -10 %
   ---------------------------------------------------------------------- */
@media (min-width: 799px) {
    /* PRIORITY / ANKETA – 980 px -> približne 686 px (-30 %). */
    

    /* KVÍZ – 900 px -> približne 630 px (-30 %). */
    

    /* Pri užšej karte nech fotografie nezaberú príliš veľa šírky. */
    

    /* Písmo v anketovej karte približne -10 %. */
    
    
    
    
    
    
    

    /* Písmo v kvízovej karte približne -10 %. */
    
    
    
    
    
}

/* Mobilnú šírku nemeníme o 30 %, aby bola karta stále použiteľná.
   Písmo je však aj na mobile mierne menšie. */
@media (max-width: 798px) {
    

    

    
}


/* -------------------------------------------------------------------------
   v139: nová skladba karty priorít, menšie písmo a len 2 možnosti hlasu
   ---------------------------------------------------------------------- */


body.hm-voting-focus .hm-topic-footer .hm-card-progress-label, body.hm-voting-focus .hm-topic-footer button{
    font-size: 11px !important;
}
body.hm-voting-focus .hm-topic-footer .hm-card-progress-track + *{
    font-size: 10px !important;
}



/* -------------------------------------------------------------------------
   v140: kompaktnejšie porovnanie + 2 súhlasy, neutral, nesúhlas
   ---------------------------------------------------------------------- */




/* Súčasný stav a budúci stav výrazne menšie a viac horizontálne. */


/* Hlasovanie: 2 súhlasy + bez názoru + nesúhlas. */




body.hm-voting-focus .hm-vote-definitely.is-selected, body.hm-voting-focus .hm-vote-yes.is-selected, body.hm-voting-focus .hm-vote-neutral.is-selected, body.hm-voting-focus .hm-vote-no.is-selected{
    transform: translateY(-1px);
}




/* -------------------------------------------------------------------------
   v141: hlasovanie stabilne dole, nadpis na 2 riadky, písmo väčšie,
   a výrazné farby tlačidiel hlasovania
   ---------------------------------------------------------------------- */

/* Karta ankety nech drží blok hlasovania stabilne dole. */



/* Nadpis nech sa môže zlomiť do 2 riadkov a nie je zbytočne useknutý. */


/* O niečo väčšie písmo naprieč kartou. */


body.hm-voting-focus .hm-topic-footer .hm-card-progress-label, body.hm-voting-focus .hm-topic-footer button{
    font-size: 12px !important;
}
body.hm-voting-focus .hm-topic-footer .hm-card-progress-track + *{
    font-size: 11px !important;
}

/* Farby hlasovania: veľmi zelené, zelené, otáznik neutrálny, červené. */


/* -------------------------------------------------------------------------
   v142: skryť nadpis navrhovaného riešenia + farebné majú byť smajlíky,
   nie ich okolie / tlačidlá
   ---------------------------------------------------------------------- */

/* V karte priority skry nadpis NAVRHOVANÉ RIEŠENIE, nech ostane len text. */



/* Hlasovacie tlačidlá nech sú neutrálne, bez farebného pozadia okolo smajlíkov. */



/* Zruši farebné bloky za ikonami – farebný bude samotný smajlík/emoji. */


/* Farby samotných smajlíkov. */





/* Pri výbere nech sa zvýrazní najmä okraj, nie celé farebné okolie. */






/* -------------------------------------------------------------------------
   v143: väčší text riešenia + nadpis má vždy rezervované presne 2 riadky
   ---------------------------------------------------------------------- */

/* Text pod hlavným nadpisom (bývalé „Navrhované riešenie“) +3 px. */


/* Nadpis otázky má vždy priestor na dva riadky.
   Pri krátkom nadpise zostane druhý riadok prázdny, takže karta neposkakuje. */





/* -------------------------------------------------------------------------
   v144: čisté moderné hlasovacie tlačidlá – farebná je iba ikona
   ---------------------------------------------------------------------- */






/* Vybraná odpoveď: stále biela, len čistý modrý rámik + fajka. */




/* SVG ikony konečne rešpektujú nastavenú farbu. */






/* IBA samotné ikony sú farebné. */


/* -------------------------------------------------------------------------
   v145: väčší prvý zelený LIKE + tučný text v žltom rámčeku
   ---------------------------------------------------------------------- */

/* Text pod hlavným nadpisom v žltom rámčeku výraznejšie tučný. */


/* "Jednoznačne áno" má o niečo väčší palec než "Áno". */




/* Druhý súhlas ostáva zámerne menší. */





/* -------------------------------------------------------------------------
   v147: investičná karta 16 projektov, grid 4x4, foto + krátky popis pod ním
   ---------------------------------------------------------------------- */


/* -------------------------------------------------------------------------
   v148: posledná karta je vždy viditeľná; 16 projektov; 5 meniteľných hlasov;
   explicitné potvrdenie; mobil = scrollovací zoznam
   ---------------------------------------------------------------------- */

/* Toto bol hlavný dôvod, prečo posledná karta mohla zostať mimo obrazovky. */


/* Mobile: nie 4x4, ale pohodlný vertikálny scrollovací zoznam. */



/* -------------------------------------------------------------------------
   v149: samostatný rebríček investícií + TOP 5 zvýraznenie
   ---------------------------------------------------------------------- */
.hm-v103-investment-results{
    margin-top: 22px !important;
}
.hm-v103-investment-results > header > span{
    color: #0b5fcf !important;
    font-size: 10px !important;
    letter-spacing: .11em !important;
    font-weight: 950 !important;
}




/* -------------------------------------------------------------------------
   v150: TOP 5 v oboch rebríčkoch s väčším písmom
   ---------------------------------------------------------------------- */

/* Rebríček priorít – prvých 5 väčšie približne o 3 px. */
.hm-result-item-modern.is-top-five .hm-result-copy strong{
    font-size: 19px !important;
    line-height: 1.28 !important;
}

.hm-result-item-modern.is-top-five .hm-result-copy small{
    font-size: 13px !important;
}

.hm-result-item-modern.is-top-five .hm-result-rank{
    font-size: 20px !important;
}

.hm-result-item-modern.is-top-five .hm-result-score{
    font-size: 27px !important;
}

.hm-result-item-modern.is-top-five .hm-result-score small{
    font-size: 13px !important;
}

/* Rebríček investičných akcií – TOP 5 zväčšené tiež. */






@media (max-width: 980px) {
    .hm-result-item-modern.is-top-five .hm-result-copy strong{
        font-size: 18px !important;
    }
    .hm-result-item-modern.is-top-five .hm-result-score{
        font-size: 25px !important;
    }
    
}


/* -------------------------------------------------------------------------
   v151: menšia investičná karta, text priamo v bubline, výber zelený
   ---------------------------------------------------------------------- */


/* -------------------------------------------------------------------------
   v152: sivší a o 10 % menší pás problémov + e-mail gate a nové skóre kvízu
   ---------------------------------------------------------------------- */
.hm-problem-strip{
    padding: 14px 0 12px !important;
    background:
        radial-gradient(circle at 92% 0%, rgba(255,255,255,.08), transparent 28%),
        linear-gradient(135deg, #51565d 0%, #43484f 52%, #383d43 100%) !important;
    box-shadow: inset 0 1px rgba(255,255,255,.08), inset 0 -1px rgba(0,0,0,.12) !important;
}
.hm-problem-strip-head{ margin-bottom: 9px !important; }
.hm-problem-strip-head h2{ font-size: clamp(19px, 2.25vw, 26px) !important; }
.hm-problem-strip-head > p{ font-size: 11px !important; }
.hm-problem-rail{ gap: 9px !important; padding-bottom: 9px !important; }
.hm-problem-tile{
    flex-basis: clamp(189px, 19vw, 243px) !important;
    border-radius: 13px !important;
    background: #41464d !important;
    box-shadow: 0 8px 20px rgba(23,27,31,.20) !important;
}
.hm-problem-tile-image{ height: 104px !important; }
.hm-problem-tile-image::after{ background: linear-gradient(180deg, transparent 42%, rgba(43,47,52,.72)) !important; }
.hm-problem-tile-image.is-empty{ background: linear-gradient(135deg, #555b63, #3d4248) !important; }
.hm-problem-tile-image > span{ font-size: 10px !important; background: rgba(52,57,63,.86) !important; }
.hm-problem-tile-copy{
    min-height: 70px !important;
    padding: 9px 11px 11px !important;
    background: linear-gradient(180deg, #474c53, #393e44) !important;
}
.hm-problem-tile-copy h3{ font-size: 13px !important; }
.hm-problem-tile-copy p{ margin-top: 4px !important; font-size: 9px !important; color: rgba(255,255,255,.68) !important; }
.hm-problem-scroll-note{ font-size: 9px !important; color: rgba(255,255,255,.60) !important; }

/* E-mailová brána pred kvízom. */

.hm-quiz-access-icon{
    display: grid !important;
    place-items: center !important;
    width: 52px !important;
    height: 52px !important;
    margin-bottom: 12px !important;
    border-radius: 16px !important;
    background: #eaf3ff !important;
    color: #075fcf !important;
    font-size: 24px !important;
    font-weight: 950 !important;
}


.hm-quiz-access-grid{ grid-template-columns: 1fr 1fr !important; gap: 12px !important; }
.hm-quiz-access-grid label:first-child{ grid-column: 1 / -1 !important; }

/* Timer je stopky od nuly. */




@media (max-width: 700px) {
    .hm-problem-strip{ padding: 12px 0 10px !important; }
    .hm-problem-tile{ flex-basis: min(70vw, 225px) !important; }
    .hm-problem-tile-image{ height: 98px !important; }
    
    .hm-quiz-access-grid{ grid-template-columns: 1fr !important; }
    .hm-quiz-access-grid label:first-child{ grid-column: auto !important; }
    
}


/* -------------------------------------------------------------------------
   v153: investičná karta - bez číslovania otázky, 0/5 hore a menšia medzera
   ---------------------------------------------------------------------- */


/* -------------------------------------------------------------------------
   v154: investičné bubliny o približne 20 % menšie
   ---------------------------------------------------------------------- */


/* -------------------------------------------------------------------------
   v155: modernejší hero, bez badge, výraznejší slogan a upravené profily
   ---------------------------------------------------------------------- */

/* Horný malý štítok "Humenská päťka" na hlavnej stránke schovať. */
.hm-civic-intro-copy .hm-civic-badge{
    display: none !important;
}

/* Hlavný titulok: modernejší živý efekt. */
.hm-civic-intro-copy h1{
    margin-top: 4px !important;
    margin-bottom: 4px !important;
    max-width: 560px !important;
    position: relative !important;
}
.hm-civic-intro-copy h1 span{
    position: relative !important;
    display: inline-block !important;
    background: linear-gradient(118deg, #002f86 0%, #0b52c6 44%, #1a75ff 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    background-size: 170% 170% !important;
    animation: hmHeroTitleShift 8.8s ease-in-out infinite, hmHeroTitleFloat 4.8s ease-in-out infinite !important;
    filter: drop-shadow(0 12px 24px rgba(0, 63, 159, .12)) !important;
}
.hm-civic-intro-copy h1::after{
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    bottom: -12px !important;
    width: clamp(170px, 34vw, 300px) !important;
    height: 8px !important;
    border-radius: 999px !important;
    background: linear-gradient(90deg, rgba(255,210,0,.95), rgba(255,210,0,0)) !important;
    opacity: .9 !important;
    box-shadow: 0 10px 22px rgba(255, 210, 0, .24) !important;
}
@keyframes hmHeroTitleShift {
    0%,100% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
}
@keyframes hmHeroTitleFloat {
    0%,100% { transform: translateY(0); }
    50% { transform: translateY(-4px); }
}

/* Rotujúca priority-veta: orámovaná, jemne pootočená, modernejšia. */
.hm-civic-slogan-rotator{
    position: relative !important;
    min-height: 78px !important;
    margin-top: 18px !important;
    overflow: visible !important;
}
.hm-civic-slogan{
    display: inline-flex !important;
    align-items: center !important;
    min-height: 56px !important;
    padding: 13px 18px 13px 24px !important;
    border: 2px solid rgba(24, 74, 165, .15) !important;
    border-radius: 18px !important;
    background: rgba(255,255,255,.82) !important;
    color: #1d4ea8 !important;
    box-shadow: 0 14px 30px rgba(0, 50, 120, .10) !important;
    font-size: clamp(22px, 2.2vw, 30px) !important;
    font-weight: 900 !important;
    line-height: 1.05 !important;
    letter-spacing: -.04em !important;
    transform: rotate(-2.3deg) translateY(0) !important;
    transform-origin: left center !important;
}
.hm-civic-slogan::before{
    left: 14px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 10px !important;
    height: 10px !important;
    border-radius: 50% !important;
    background: var(--hm-yellow) !important;
    box-shadow: 0 0 0 7px rgba(255, 209, 41, .18) !important;
}
.hm-civic-slogan.is-active{
    animation: hmHeroSloganFloat 6.2s ease-in-out infinite !important;
}
@keyframes hmHeroSloganFloat {
    0%,100% { transform: rotate(-2.3deg) translateY(0); }
    50% { transform: rotate(-1deg) translateY(-3px); }
}

/* Intro text posunúť nižšie. */
.hm-civic-intro-copy .hm-civic-intro-text{
    margin-top: 30px !important;
    max-width: 540px !important;
}

/* Profily: fotka viac vycentrovaná, summary dole na stred, menší text. */
.hm-pledge-grid{
    gap: 22px 30px !important;
}
.hm-pledge-photo, .hm-pledge-photo-button{
    aspect-ratio: 0.92 / 1 !important;
    background-position: center center !important;
    background-size: cover !important;
}
.hm-pledge-summary-below, .hm-pledge-summary{
    justify-content: center !important;
    gap: 9px !important;
    margin-top: 10px !important;
    text-align: center !important;
}
.hm-pledge-summary-copy{
    text-align: center !important;
}
.hm-pledge-summary h3, .hm-pledge-summary-copy h3{
    font-size: clamp(10px, .8vw, 12px) !important;
    line-height: 1.08 !important;
}
.hm-pledge-summary-copy small{
    font-size: 8px !important;
    line-height: 1.08 !important;
}
.hm-pledge-circle{
    align-self: center !important;
}

@media (min-width: 981px) {
    .hm-pledge-person, .hm-pledge-person:not(.is-expanded), .hm-pledge-person.is-expanded{
        width: min(100%, 156px) !important;
    }
}

@media (max-width: 980px) {
    .hm-civic-intro-copy h1::after{
        height: 6px !important;
        bottom: -8px !important;
        width: 180px !important;
    }
    .hm-civic-slogan-rotator{
        min-height: 68px !important;
        margin-top: 16px !important;
    }
    .hm-civic-slogan{
        min-height: 52px !important;
        padding: 11px 16px 11px 22px !important;
        font-size: clamp(18px, 5vw, 24px) !important;
    }
    .hm-civic-intro-copy .hm-civic-intro-text{
        margin-top: 24px !important;
    }
    .hm-pledge-grid{
        gap: 18px !important;
    }
}


/* v156: mierne zväčšenie celého verejného webu približne o 4 % */


/* -------------------------------------------------------------------------
   v157: problémy mesta - stabilný pohyb a klikateľný väčší detail
   ---------------------------------------------------------------------- */
.hm-problem-tile{
    cursor: pointer;
}
.hm-problem-tile:focus-visible{
    outline: 2px solid rgba(109, 196, 255, .95) !important;
    outline-offset: 3px !important;
    border-color: rgba(109, 196, 255, .45) !important;
    box-shadow: 0 0 0 4px rgba(13, 125, 232, .12), 0 14px 34px rgba(0,70,145,.22), 0 9px 24px rgba(0,0,0,.34) !important;
}
.hm-problem-modal-media{
    position: relative;
    margin: 14px 0 14px;
    border-radius: 22px;
    overflow: hidden;
    background: linear-gradient(135deg, #edf4ff, #d5e8ff);
    box-shadow: inset 0 0 0 1px rgba(35,93,175,.10), 0 18px 34px rgba(7, 28, 74, .08);
}
.hm-problem-modal-media img{
    display: block;
    width: 100%;
    max-height: 380px;
    object-fit: cover;
}
.hm-problem-modal-media.is-empty{
    min-height: 220px;
    display: grid;
    place-items: center;
    color: #54709a;
    font-weight: 800;
    text-align: center;
    padding: 18px;
}
.hm-problem-modal-text p{
    margin: 0;
    font-size: 16px;
    line-height: 1.6;
}


/* -------------------------------------------------------------------------
   v158: Náš tím = jedna spoločná mriežka, menší nadpis problémov,
   väčšie rozostupy medzi úvodnou päťkou
   ---------------------------------------------------------------------- */

/* „Súčasný stav mesta Humenné“ približne o 10 % menší. */
.hm-problem-strip-head h2{
    font-size: clamp(16.5px, 1.72vw, 22px) !important;
    line-height: 1.05 !important;
}

/* Päť ľudí na hlavnej stránke viac od seba – približne +1 cm horizontálne. */
@media (min-width: 1121px) {
    .hm-pledge-grid{
        column-gap: 68px !important;
        row-gap: 28px !important;
        max-width: 860px !important;
    }
}
@media (min-width: 981px) and (max-width: 1120px) {
    .hm-pledge-grid{
        column-gap: 48px !important;
        row-gap: 24px !important;
        max-width: 800px !important;
    }
}

/* v159: autoplay problémového pásu už nie je blokovaný prefers-reduced-motion
   a programový scroll sám seba nepozastavuje. */
.hm-problem-rail{
    scroll-behavior: auto !important;
}


/* -------------------------------------------------------------------------
   v160: globálne mierne väčšie písmo + stabilný pás problémov
   ---------------------------------------------------------------------- */

/* Globálne zväčšenie písma približne o 2 čísla v bežných textových prvkoch. */
body, button, input, select, textarea{
    font-size: 16px !important;
}

p, li, a, button, label, input, select, textarea, blockquote, figcaption, small, td, th{
    font-size: calc(100% + 2px) !important;
}

h1{ font-size: calc(100% + 2px) !important; }
h2{ font-size: calc(100% + 2px) !important; }
h3{ font-size: calc(100% + 2px) !important; }
h4{ font-size: calc(100% + 2px) !important; }
h5{ font-size: calc(100% + 2px) !important; }
h6{ font-size: calc(100% + 2px) !important; }

/* Časté malé textové prvky v téme. */
.hm-eyebrow, .hm-civic-intro-text, .hm-civic-badge, .hm-civic-stats li strong, .hm-civic-stats li span, .hm-pledge-summary-copy h3, .hm-pledge-summary-copy small, .hm-problem-strip-head span, .hm-problem-strip-head > p, .hm-problem-tile-copy h3, .hm-problem-tile-copy p, .hm-stat-card strong, .hm-stat-card span, .hm-topic-card-head span, .hm-topic-card-head b, .hm-result-copy small, .hm-quiz-results-head span, .hm-leaderboard-intro, .hm-reveal-zone p, .hm-reveal-zone li{
    font-size: calc(100% + 2px) !important;
}

/* Pás problémov nesmie mať jemné vyhladzovanie, ktoré by bránilo autoscrollu. */
.hm-problem-rail{
    scroll-behavior: auto !important;
}


/* -------------------------------------------------------------------------
   v161: nadpis „Súčasný stav mesta Humenné“ menší o približne 15 %
   ---------------------------------------------------------------------- */
.hm-problem-strip-head h2{
    font-size: clamp(15px, 1.45vw, 20px) !important;
    line-height: 1.04 !important;
}


/* -------------------------------------------------------------------------
   v162: mená pri 5 poslancoch menšie o 1 bod
   ---------------------------------------------------------------------- */
.hm-pledge-summary h3, .hm-pledge-summary-copy h3{
    font-size: clamp(9px, 0.74vw, 11px) !important;
    line-height: 1.08 !important;
}


/* -------------------------------------------------------------------------
   v163: funkcia pod menom pri 5 ľuďoch menšia o 1 bod
   ---------------------------------------------------------------------- */
.hm-pledge-summary-copy small{
    font-size: 7px !important;
    line-height: 1.08 !important;
}


/* -------------------------------------------------------------------------
   v164: problémový pás = čistý CSS nekonečný marquee, bez JS konfliktov
   ---------------------------------------------------------------------- */
.hm-problem-rail.hm-v164-problem-marquee{
    display: block !important;
    position: relative !important;
    overflow: hidden !important;
    overflow-x: hidden !important;
    overflow-y: hidden !important;
    scroll-snap-type: none !important;
    scroll-behavior: auto !important;
    scrollbar-width: none !important;
    cursor: default !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.hm-problem-rail.hm-v164-problem-marquee::-webkit-scrollbar{
    display: none !important;
}
.hm-v164-problem-track{
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    width: max-content !important;
    min-width: max-content !important;
    gap: 9px !important;
    will-change: transform !important;
    transform: translate3d(0,0,0);
    animation: hmProblemMarqueeV164 var(--hm-problem-duration, 55s) linear infinite !important;
}
.hm-v164-problem-group{
    display: flex !important;
    flex: 0 0 auto !important;
    align-items: stretch !important;
    gap: 9px !important;
    width: max-content !important;
}
.hm-v164-problem-group .hm-problem-tile{
    flex-shrink: 0 !important;
}
@keyframes hmProblemMarqueeV164 {
    from { transform: translate3d(0,0,0); }
    to { transform: translate3d(calc(-50% - 4.5px),0,0); }
}

/* Pohyb zámerne nezastavujeme na hover/touch – pás má podľa zadania ísť stále. */
.hm-v164-problem-marquee:hover .hm-v164-problem-track, .hm-v164-problem-marquee:focus-within .hm-v164-problem-track, .hm-v164-problem-marquee:active .hm-v164-problem-track{
    animation-play-state: running !important;
}

/* Text pod názvom problému o 1 bod menší. */
.hm-problem-tile-copy p{
    font-size: 10px !important;
    line-height: 1.28 !important;
}

@media (max-width: 620px) {
    .hm-problem-tile-copy p{
        font-size: 9px !important;
    }
}


/* =========================================================================
   v165: front-office pre členov tímu
   ========================================================================= */

.hm-footer-inner{
    flex-wrap: wrap;
}

.hm-footer-login{
    width: 100%;
    margin-top: 18px;
    padding-top: 18px;
    border-top: 1px solid rgba(255,255,255,.12);
}

.hm-footer-login-copy, .hm-footer-login-active > div{
    display: flex;
    align-items: baseline;
    gap: 10px;
    margin-bottom: 10px;
}

.hm-footer-login small, .hm-footer-login-active small{
    color: rgba(255,255,255,.55);
    font-size: 10px !important;
    font-weight: 900;
    letter-spacing: .14em;
}

.hm-footer-login strong, .hm-footer-login-active strong{
    color: #fff;
    font-size: 15px !important;
}

.hm-footer-login-form{
    display: grid;
    grid-template-columns: minmax(180px,1fr) minmax(160px,1fr) auto;
    gap: 9px;
    max-width: 760px;
}

.hm-footer-login-form label{
    display: block;
}

.hm-footer-login-form label > span{
    display: none;
}

.hm-footer-login-form input{
    width: 100%;
    height: 42px;
    border: 1px solid rgba(255,255,255,.15);
    border-radius: 11px;
    padding: 0 13px;
    background: rgba(255,255,255,.08);
    color: #fff;
    outline: none;
}

.hm-footer-login-form input::placeholder{ color: rgba(255,255,255,.48); }
.hm-footer-login-form input:focus{ border-color: var(--hm-yellow); background: rgba(255,255,255,.12); }

.hm-footer-login-form button, .hm-footer-login-button{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    border: 0;
    border-radius: 11px;
    padding: 0 18px;
    background: var(--hm-yellow);
    color: var(--hm-navy) !important;
    font-weight: 950;
    text-decoration: none;
    cursor: pointer;
}

.hm-footer-login-active{
    display: flex;
    align-items: center;
    gap: 10px;
}
.hm-footer-login-active > div{ margin: 0 auto 0 0; }
.hm-footer-logout{
    color: rgba(255,255,255,.65) !important;
    font-size: 12px !important;
    font-weight: 800;
}
.hm-bo-login-error{
    margin: 8px 0 0 !important;
    color: #ffd2d2 !important;
    font-size: 12px !important;
}

.hm-backoffice{
    position: relative;
    padding: 42px 0 72px;
    background:
        radial-gradient(circle at 10% 10%, rgba(34,125,255,.10), transparent 28%),
        linear-gradient(180deg, #f6f9ff 0%, #edf4ff 100%);
    border-top: 1px solid rgba(8,79,176,.08);
}

.hm-bo-shell{
    max-width: 1220px !important;
}

.hm-bo-header{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 22px;
}

.hm-bo-header > div > span, .hm-bo-panel-head > span{
    display: block;
    color: var(--hm-blue);
    font-size: 10px !important;
    font-weight: 950;
    letter-spacing: .16em;
}

.hm-bo-header h2{
    margin: 4px 0 6px;
    color: var(--hm-navy);
    font-size: clamp(34px,4vw,52px) !important;
    line-height: .95;
    letter-spacing: -.055em;
}

.hm-bo-header p{
    margin: 0;
    color: #617797;
    font-size: 13px !important;
}

.hm-bo-logout{
    padding: 10px 14px;
    border: 1px solid rgba(0,91,187,.15);
    border-radius: 11px;
    background: #fff;
    color: var(--hm-blue) !important;
    font-size: 12px !important;
    font-weight: 900;
    text-decoration: none;
}

.hm-bo-notice{
    margin: 0 0 18px;
    padding: 13px 16px;
    border: 1px solid rgba(20,139,77,.18);
    border-radius: 13px;
    background: #ecfff4;
    color: #106b3d;
    font-size: 17px !important;
    font-weight: 850;
}

.hm-bo-menu{
    display: grid;
    grid-template-columns: repeat(4,minmax(0,1fr));
    gap: 12px;
    margin-bottom: 18px;
}

.hm-bo-menu button{
    appearance: none;
    display: grid;
    grid-template-columns: 42px 1fr;
    grid-template-rows: auto auto;
    gap: 1px 11px;
    align-items: center;
    min-height: 88px;
    padding: 13px;
    border: 1px solid rgba(10,82,176,.10);
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 11px 30px rgba(22,66,130,.07);
    color: var(--hm-navy);
    text-align: left;
    cursor: pointer;
    transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}

.hm-bo-menu button:hover, .hm-bo-menu button.is-active{
    transform: translateY(-2px);
    border-color: rgba(0,91,187,.30);
    box-shadow: 0 15px 34px rgba(22,66,130,.12);
}

.hm-bo-menu button > span{
    grid-row: 1 / 3;
    display: grid;
    place-items: center;
    width: 42px;
    height: 42px;
    border-radius: 13px;
    background: #edf5ff;
    color: var(--hm-blue);
    font-size: 19px !important;
    font-weight: 950;
}

.hm-bo-menu button.is-active > span{
    background: var(--hm-yellow);
    color: var(--hm-navy);
}

.hm-bo-menu strong{
    align-self: end;
    font-size: 14px !important;
    line-height: 1.05;
}

.hm-bo-menu small{
    align-self: start;
    color: #6e819f;
    font-size: 10px !important;
    line-height: 1.1;
}

.hm-bo-panel{
    display: none;
    scroll-margin-top: 110px;
    padding: 24px;
    border: 1px solid rgba(9,76,168,.10);
    border-radius: 24px;
    background: #fff;
    box-shadow: 0 20px 55px rgba(14,56,122,.08);
}

.hm-bo-panel.is-open{
    display: block;
    animation: hmBoOpen .24s ease both;
}

@keyframes hmBoOpen {
    from { opacity: 0; transform: translateY(7px); }
    to { opacity: 1; transform: translateY(0); }
}

.hm-bo-panel-head{
    margin-bottom: 18px;
}

.hm-bo-panel-head h3{
    margin: 4px 0 5px;
    color: var(--hm-navy);
    font-size: clamp(23px,2.7vw,34px) !important;
    line-height: 1;
    letter-spacing: -.045em;
}

.hm-bo-panel-head p{
    margin: 0;
    color: #657b9c;
    font-size: 12px !important;
}

.hm-bo-form{
    display: grid;
    gap: 13px;
    max-width: 900px;
}

.hm-bo-field{
    display: grid;
    gap: 6px;
}

.hm-bo-field > span, .hm-bo-file > span{
    color: #244b80;
    font-size: 15px !important;
    font-weight: 900;
}

.hm-bo-field input, .hm-bo-field textarea, .hm-bo-file input{
    width: 100%;
    border: 1px solid rgba(25,80,155,.16);
    border-radius: 12px;
    background: #fbfdff;
    color: #102f5d;
    outline: 0;
}

.hm-bo-field input{
    height: 44px;
    padding: 0 13px;
}

.hm-bo-field textarea{
    resize: vertical;
    min-height: 100px;
    padding: 12px 13px;
}

.hm-bo-field input:focus, .hm-bo-field textarea:focus{
    border-color: rgba(0,91,187,.50);
    box-shadow: 0 0 0 3px rgba(0,91,187,.07);
}

.hm-bo-answer-grid{
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 9px;
}

.hm-bo-answer{
    display: grid;
    grid-template-columns: auto 34px 1fr;
    gap: 7px;
    align-items: center;
    padding: 8px;
    border: 1px solid rgba(25,80,155,.12);
    border-radius: 13px;
    background: #f8fbff;
}

.hm-bo-answer > span{
    display: grid;
    place-items: center;
    width: 34px;
    height: 34px;
    border-radius: 10px;
    background: #e7f2ff;
    color: var(--hm-blue);
    font-weight: 950;
}

.hm-bo-answer input[type="text"]{
    height: 38px;
    border: 0;
    background: transparent;
    outline: 0;
}

.hm-bo-help{
    margin: 0 !important;
    color: #6e819f !important;
    font-size: 14px !important;
}

.hm-bo-submit{
    justify-self: start;
    min-height: 43px;
    border: 0;
    border-radius: 12px;
    padding: 0 18px;
    background: var(--hm-blue);
    color: #fff;
    font-weight: 950;
    cursor: pointer;
}

.hm-bo-submit:hover{ background: #004a9b; }

.hm-bo-file{
    display: grid;
    gap: 6px;
    padding: 11px 13px;
    border: 1px dashed rgba(0,91,187,.25);
    border-radius: 13px;
    background: #f8fbff;
}

.hm-bo-file input{
    border: 0;
    padding: 5px 0;
    background: transparent;
}

.hm-bo-profile-row{
    display: flex;
    align-items: center;
    gap: 16px;
}

.hm-bo-avatar{
    flex: 0 0 82px;
    width: 82px;
    height: 82px;
    overflow: hidden;
    border-radius: 22px;
    background: #e8f2ff;
    box-shadow: inset 0 0 0 1px rgba(0,91,187,.10);
}

.hm-bo-avatar img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.hm-bo-avatar span{
    display: grid;
    place-items: center;
    width: 100%;
    height: 100%;
    color: var(--hm-blue);
    font-size: 30px !important;
    font-weight: 950;
}

.hm-bo-profile-row .hm-bo-file{
    flex: 1;
}

.hm-bo-rich{
    overflow: hidden;
    border: 1px solid rgba(25,80,155,.16);
    border-radius: 14px;
    background: #fff;
}

.hm-bo-toolbar{
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    padding: 7px;
    border-bottom: 1px solid rgba(25,80,155,.10);
    background: #f5f9ff;
}

.hm-bo-toolbar button{
    min-width: 34px;
    height: 31px;
    border: 1px solid rgba(25,80,155,.12);
    border-radius: 8px;
    padding: 0 9px;
    background: #fff;
    color: #183b6b;
    font-size: 11px !important;
    font-weight: 900;
    cursor: pointer;
}

.hm-bo-toolbar button:hover{
    border-color: rgba(0,91,187,.34);
    background: #edf5ff;
}

.hm-bo-editor{
    min-height: 230px;
    padding: 16px;
    color: #172f52;
    font-size: 14px !important;
    line-height: 1.58;
    outline: none;
}

.hm-bo-editor:empty::before{
    content: attr(data-placeholder);
    color: #8a9ab1;
}

.hm-bo-editor h1{
    margin: .6em 0 .35em;
    font-size: 30px !important;
    line-height: 1.04;
}

.hm-bo-editor h2{
    margin: .7em 0 .35em;
    font-size: 23px !important;
    line-height: 1.08;
}

.hm-bo-editor p{
    margin: .5em 0;
}

.hm-bo-files-grid{
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 10px;
}

.hm-bo-mini-list, .hm-bo-myblogs{
    max-width: 900px;
    margin-top: 22px;
    padding-top: 18px;
    border-top: 1px solid rgba(25,80,155,.10);
}

.hm-bo-mini-list{
    display: grid;
    gap: 7px;
}

.hm-bo-mini-list > strong, .hm-bo-myblogs h4{
    margin: 0 0 4px;
    color: var(--hm-navy);
    font-size: 14px !important;
}

.hm-bo-mini-list > span{
    padding: 8px 10px;
    border-radius: 9px;
    background: #f4f8ff;
    color: #536d91;
    font-size: 11px !important;
}

.hm-bo-blog-item{
    margin-top: 8px;
    border: 1px solid rgba(25,80,155,.10);
    border-radius: 13px;
    background: #fbfdff;
}

.hm-bo-blog-item summary{
    display: flex;
    justify-content: space-between;
    gap: 14px;
    padding: 12px 14px;
    cursor: pointer;
}

.hm-bo-blog-item summary strong{
    color: #173866;
    font-size: 16px !important;
}

.hm-bo-blog-item summary small{
    color: #7d8da4;
    font-size: 13px !important;
}

.hm-bo-blog-item > .hm-bo-form{
    padding: 4px 14px 16px;
}

.hm-bo-empty{
    padding: 22px;
    border: 1px dashed rgba(0,91,187,.20);
    border-radius: 15px;
    background: #f7faff;
    color: #5f7597;
}

.hm-bo-empty strong{ color: var(--hm-navy); }

.hm-media-card-author{
    display: block;
    margin: -2px 0 7px;
    color: #6c82a1;
    font-size: 10px !important;
    font-weight: 800;
}

.hm-media-modal-author{
    margin: 5px 0 12px;
    color: #6a7f9e;
    font-size: 12px !important;
}

.hm-media-modal-cover{
    margin: 13px 0 17px;
    overflow: hidden;
    border-radius: 20px;
}

.hm-media-modal-cover img{
    display: block;
    width: 100%;
    max-height: 420px;
    object-fit: cover;
}

.hm-blog-content{
    font-size: 15px !important;
    line-height: 1.65;
}

.hm-blog-content h1{ font-size: 32px !important; line-height: 1.08; }
.hm-blog-content h2{ font-size: 25px !important; line-height: 1.12; }
.hm-blog-content p{ margin: .8em 0; }
.hm-blog-content .hm-blog-inline-image, .hm-blog-inline-image{
    margin: 18px 0 0;
}
.hm-blog-inline-image img{
    display: block;
    width: 100%;
    border-radius: 18px;
}

@media (max-width: 820px) {
    .hm-footer-login-form{
        grid-template-columns: 1fr;
    }
    .hm-footer-login-active{
        align-items: flex-start;
        flex-wrap: wrap;
    }
    .hm-bo-menu{
        grid-template-columns: repeat(2,minmax(0,1fr));
    }
    .hm-bo-header{
        flex-direction: column;
    }
    .hm-bo-answer-grid, .hm-bo-files-grid{
        grid-template-columns: 1fr;
    }
}

@media (max-width: 520px) {
    .hm-backoffice{ padding: 30px 0 50px; }
    .hm-bo-panel{ padding: 17px; border-radius: 19px; }
    .hm-bo-menu{ gap: 8px; }
    .hm-bo-menu button{
        min-height: 78px;
        grid-template-columns: 36px 1fr;
        padding: 10px;
        border-radius: 14px;
    }
    .hm-bo-menu button > span{
        width: 36px;
        height: 36px;
        border-radius: 11px;
    }
    .hm-bo-profile-row{
        align-items: flex-start;
        flex-direction: column;
    }
}


/* =========================================================================
   v166: samostatný profesionálny backoffice
   ========================================================================= */
.hm-bo-page{
    margin: 0 !important;
    min-height: 100vh;
    overflow-x: hidden;
    background: #f3f6fb;
    color: #122c52;
    font-family: Inter, Arial, sans-serif;
}

.hm-bo-page *{ box-sizing: border-box; }

.hm-bo-app{
    min-height: 100vh;
    display: grid;
    grid-template-columns: 248px minmax(0,1fr);
}

.hm-bo-sidebar{
    position: fixed;
    z-index: 50;
    inset: 0 auto 0 0;
    width: 248px;
    display: flex;
    flex-direction: column;
    padding: 22px 15px 18px;
    background:
        radial-gradient(circle at 50% 0%, rgba(36,111,218,.22), transparent 30%),
        linear-gradient(180deg,#071d3f,#092958 66%,#071c3c);
    color: #fff;
    box-shadow: 12px 0 40px rgba(7,31,67,.12);
}

.hm-bo-brand{
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 50px;
    color: inherit !important;
    text-decoration: none;
}

.hm-bo-brand > i{
    position: relative;
    display: grid;
    place-items: center;
    width: 42px;
    height: 42px;
    border-radius: 13px;
    background: var(--hm-yellow);
    box-shadow: 0 10px 26px rgba(255,210,0,.18);
}
.hm-bo-brand > i::before, .hm-bo-brand > i::after, .hm-bo-brand > i span{
    content:"";
    position:absolute;
    background:#082b63;
    border-radius:999px;
}
.hm-bo-brand > i::before{ width:20px;height:4px;transform:rotate(60deg); }
.hm-bo-brand > i::after{ width:20px;height:4px;transform:rotate(-60deg); }
.hm-bo-brand > i span{ width:4px;height:23px; }

.hm-bo-brand > div{ display:grid; gap:1px; }
.hm-bo-brand b{ font-size:19px !important; line-height:1; }
.hm-bo-brand small{ color:rgba(255,255,255,.52); font-size:13px !important; font-weight:850; letter-spacing:.11em; text-transform:uppercase; }

.hm-bo-side-nav{
    display: grid;
    gap: 5px;
    margin-top: 34px;
}

.hm-bo-side-nav a{
    display: grid;
    grid-template-columns: 34px 1fr;
    align-items: center;
    gap: 8px;
    min-height: 43px;
    padding: 5px 9px;
    border-radius: 11px;
    color: rgba(255,255,255,.70) !important;
    text-decoration: none;
    transition: background .18s ease,color .18s ease,transform .18s ease;
}
.hm-bo-side-nav a:hover{ background:rgba(255,255,255,.07); color:#fff !important; transform:translateX(2px); }
.hm-bo-side-nav a.is-active{ background:#fff; color:#0b326c !important; box-shadow:0 10px 28px rgba(0,0,0,.14); }
.hm-bo-side-nav a > span{
    display:grid; place-items:center;
    width:31px;height:31px;
    border-radius:9px;
    background:rgba(255,255,255,.08);
    font-size:17px !important;
    font-weight:950;
}
.hm-bo-side-nav a.is-active > span{ background:#eaf3ff; color:#0b5fc6; }
.hm-bo-side-nav a strong{ font-size:16px !important; font-weight:850; }

.hm-bo-side-user{
    display:flex;
    align-items:center;
    gap:8px;
    margin-top:auto;
    padding:12px 7px 10px;
    border-top:1px solid rgba(255,255,255,.10);
}
.hm-bo-side-avatar{
    flex:0 0 36px;width:36px;height:36px;overflow:hidden;border-radius:11px;
    background:#fff;color:#0d4e9f;display:grid;place-items:center;font-weight:950;
}
.hm-bo-side-avatar img{ width:100%;height:100%;object-fit:cover; }
.hm-bo-side-user > div:last-child{ min-width:0;display:grid;gap:2px; }
.hm-bo-side-user strong{ overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px !important;color:#fff; }
.hm-bo-side-user small{ overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px !important;color:rgba(255,255,255,.48); }

.hm-bo-side-logout{
    display:block;
    padding:8px 8px 0;
    color:rgba(255,255,255,.48) !important;
    font-size:13px !important;
    font-weight:800;
    text-decoration:none;
}
.hm-bo-side-logout:hover{ color:#fff !important; }

.hm-bo-main{
    grid-column:2;
    min-width:0;
    padding:32px clamp(22px,4vw,58px) 70px;
}

.hm-bo-topbar{
    display:flex;
    justify-content:flex-end;
    align-items:flex-start;
    gap:22px;
    max-width:1320px;
    margin:0 auto 28px;
}
.hm-bo-topbar > div:first-child > span{
    display:block;color:#6780a5;font-size:12px !important;font-weight:950;letter-spacing:.16em;
}
.hm-bo-topbar h1{
    margin:4px 0 0;
    color:#09285a;
    font-size:clamp(35px,3.3vw,50px) !important;
    line-height:.96;
    letter-spacing:-.05em;
}
.hm-bo-top-actions a{
    display:inline-flex;align-items:center;min-height:39px;padding:0 13px;
    border:1px solid #d8e2ef;border-radius:8px;background:#fff;
    color:#24568f !important;font-size:14px !important;font-weight:850;text-decoration:none;
}

.hm-bo-dashboard, .hm-bo-workspace, .hm-bo-notice{
    width:min(100%,1320px);
    margin-left:auto;margin-right:auto;
}

.hm-bo-welcome{
    padding:30px 32px;
    border-radius:24px;
    background:
        radial-gradient(circle at 92% 20%,rgba(255,215,42,.22),transparent 24%),
        linear-gradient(130deg,#0b4ca0,#146ccd);
    color:#fff;
    box-shadow:0 22px 55px rgba(12,77,162,.17);
}
.hm-bo-welcome > span{ font-size:10px !important;font-weight:950;letter-spacing:.16em;color:#cfe4ff; }
.hm-bo-welcome h2{ margin:4px 0 8px;font-size:clamp(29px,3.2vw,44px) !important;letter-spacing:-.045em;line-height:1; }
.hm-bo-welcome p{ margin:0;max-width:650px;color:#d7e9ff;font-size:13px !important; }

.hm-bo-dashboard-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:13px;
    margin-top:16px;
}
.hm-bo-dashboard-grid a{
    display:grid;
    grid-template-columns:45px minmax(0,1fr) auto;
    align-items:center;
    gap:12px;
    min-height:86px;
    padding:15px;
    border:1px solid #e0e8f2;
    border-radius:18px;
    background:#fff;
    color:#113460 !important;
    text-decoration:none;
    box-shadow:0 12px 30px rgba(24,55,100,.05);
    transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;
}
.hm-bo-dashboard-grid a:hover{ transform:translateY(-3px);border-color:#bad3ef;box-shadow:0 18px 38px rgba(24,55,100,.10); }
.hm-bo-dashboard-grid i{
    display:grid;place-items:center;width:45px;height:45px;border-radius:13px;
    background:#eaf3ff;color:#0d63c8;font-style:normal;font-size:20px !important;font-weight:950;
}
.hm-bo-dashboard-grid div{ display:grid;gap:4px; }
.hm-bo-dashboard-grid strong{ font-size:15px !important; }
.hm-bo-dashboard-grid small{ color:#7387a5;font-size:11px !important;line-height:1.25; }
.hm-bo-dashboard-grid > a > b{ color:#7c94b4;font-size:17px !important; }

.hm-bo-workspace-head{
    display:flex;justify-content:flex-end;gap:20px;align-items:flex-start;
    margin-bottom:15px;
}
.hm-bo-workspace-head span{ color:#0c63c9;font-size:12px !important;font-weight:950;letter-spacing:.16em; }
.hm-bo-workspace-head h2{ margin:4px 0 5px;color:#09285a;font-size:clamp(29px,2.9vw,42px) !important;line-height:1;letter-spacing:-.045em; }
.hm-bo-workspace-head p{ margin:0;color:#6b819f;font-size:14px !important; }

.hm-bo-form-card{
    padding:22px;
    border:1px solid #e0e7f0;
    border-radius:20px;
    background:#fff;
    box-shadow:0 15px 42px rgba(22,54,96,.06);
}

.hm-bo-file-large{ padding:15px !important; }

.hm-bo-existing{
    margin-top:20px;
    padding:20px;
    border:1px solid #e0e7f0;
    border-radius:20px;
    background:#fff;
}
.hm-bo-existing-head{
    display:flex;align-items:center;justify-content:flex-end;
    margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid #edf1f6;
}
.hm-bo-existing-head h3{ margin:0;color:#123460;font-size:18px !important; }
.hm-bo-existing-head span{ display:grid;place-items:center;min-width:28px;height:28px;border-radius:9px;background:#eef5ff;color:#0b62c9;font-size:14px !important;font-weight:950; }
.hm-bo-existing-row{
    display:grid;
    grid-template-columns:28px auto minmax(0,1fr);
    align-items:center;
    gap:10px;
    padding:9px 0;
    border-bottom:1px solid #f0f3f7;
}
.hm-bo-existing-row:last-child{ border-bottom:0; }
.hm-bo-existing-row > b{ display:grid;place-items:center;width:26px;height:26px;border-radius:8px;background:#f1f5fa;color:#49688e;font-size:9px !important; }
.hm-bo-existing-row > img{ width:48px;height:38px;object-fit:cover;border-radius:8px; }
.hm-bo-existing-row > div{ min-width:0;display:grid;gap:2px; }
.hm-bo-existing-row strong{ font-size:10px !important;color:#173862; }
.hm-bo-existing-row small{ overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:8px !important;color:#8091a8; }

.hm-bo-poll-list{ display:grid;gap:8px; }
.hm-bo-poll-card{
    overflow:hidden;
    border:1px solid #dde6f0;
    border-radius:10px;
    background:#fff;
    box-shadow:0 8px 22px rgba(20,51,92,.035);
}
.hm-bo-poll-card summary{
    display:grid;
    grid-template-columns:34px minmax(0,1fr) auto;
    align-items:center;
    gap:10px;
    min-height:58px;
    padding:10px 14px;
    cursor:pointer;
    list-style:none;
}
.hm-bo-poll-card summary::-webkit-details-marker{ display:none; }
.hm-bo-poll-card summary > b{
    display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:#eaf3ff;color:#0b62c8;font-size:14px !important;
}
.hm-bo-poll-card summary > strong{ font-size:15px !important;color:#163862; }
.hm-bo-poll-card summary > span{ color:#7589a6;font-size:12px !important;font-weight:850; }
.hm-bo-poll-card[open] summary{ background:color-mix(in srgb,var(--hm-level-color) 4%,#f8fbff);border-bottom:1px solid #e8eef5; }
.hm-bo-poll-card-body{ display:grid;gap:14px;padding:17px; }
.hm-bo-poll-cols{ display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px; }
.hm-bo-poll-cols > div{ display:grid;align-content:start;gap:8px; }
.hm-bo-poll-preview{ width:100%;height:145px;object-fit:cover;border-radius:12px;border:1px solid #e2e9f1; }
.hm-bo-investment-card summary > b{ background:#fff4c1;color:#785d00; }

.hm-bo-sticky-save{
    position:sticky;
    z-index:20;
    bottom:14px;
    display:flex;
    justify-content:flex-end;
    align-items:center;
    gap:14px;
    margin-top:14px;
    padding:11px 13px 11px 16px;
    border:1px solid rgba(14,74,149,.12);
    border-radius:8px;
    background:rgba(255,255,255,.94);
    box-shadow:0 14px 36px rgba(17,50,95,.13);
    backdrop-filter:blur(12px);
}
.hm-bo-sticky-save span{ color:#657b98;font-size:13px !important; }

.hm-bo-login-page{
    background:
        radial-gradient(circle at 18% 15%,rgba(255,213,0,.15),transparent 25%),
        radial-gradient(circle at 85% 15%,rgba(38,122,231,.22),transparent 28%),
        linear-gradient(145deg,#071c3d,#0c4b9c);
}
.hm-bo-login-screen{ min-height:100vh;display:grid;place-items:center;padding:25px; }
.hm-bo-login-card{
    width:min(100%,430px);
    padding:32px;
    border:1px solid rgba(255,255,255,.12);
    border-radius:26px;
    background:rgba(255,255,255,.97);
    box-shadow:0 34px 100px rgba(0,20,56,.30);
}
.hm-bo-login-card .hm-bo-brand{ color:#0a326d !important;display:inline-flex; }
.hm-bo-login-card .hm-bo-brand b{ font-size:18px !important; }
.hm-bo-login-kicker{ display:block;margin-top:28px;color:#0d62c5;font-size:12px !important;font-weight:950;letter-spacing:.16em; }
.hm-bo-login-card h1{ margin:4px 0 7px;color:#09295a;font-size:39px !important;letter-spacing:-.05em; }
.hm-bo-login-card > p{ margin:0 0 18px;color:#6b819e;font-size:14px !important;line-height:1.45; }
.hm-bo-login-page-form{ display:grid;gap:10px; }
.hm-bo-login-page-form label{ display:grid;gap:5px; }
.hm-bo-login-page-form label span{ color:#365b88;font-size:13px !important;font-weight:900; }
.hm-bo-login-page-form input{ width:100%;height:44px;border:1px solid #d7e1ec;border-radius:11px;padding:0 12px;background:#fbfdff;color:#12355e;outline:0; }
.hm-bo-login-page-form input:focus{ border-color:#4d8fd9;box-shadow:0 0 0 3px rgba(26,105,196,.08); }
.hm-bo-login-page-form button{ height:44px;border:0;border-radius:11px;background:#0d5fbe;color:#fff;font-weight:950;cursor:pointer; }
.hm-bo-login-back{ display:inline-block;margin-top:15px;color:#7085a1 !important;font-size:13px !important;font-weight:800;text-decoration:none; }
.hm-bo-auth-error{ margin:0 0 12px;padding:9px 11px;border-radius:9px;background:#fff0f0;color:#9b2e2e;font-size:13px !important;font-weight:850; }




@media (max-width: 900px) {
    .hm-bo-app{ grid-template-columns:1fr; }
    .hm-bo-sidebar{
        position:relative;
        width:100%;
        min-height:auto;
        padding:12px 13px;
        flex-direction:row;
        align-items:center;
        gap:11px;
    }
    .hm-bo-sidebar .hm-bo-brand{ flex:0 0 auto; }
    .hm-bo-brand > div small{ display:none; }
    .hm-bo-side-nav{
        display:flex;
        flex:1;
        overflow-x:auto;
        margin:0;
        gap:4px;
    }
    .hm-bo-side-nav a{ flex:0 0 auto;grid-template-columns:28px auto;min-height:37px;padding:4px 8px; }
    .hm-bo-side-nav a > span{ width:27px;height:27px; }
    .hm-bo-side-user, .hm-bo-side-logout{ display:none; }
    .hm-bo-main{ grid-column:1;padding:22px 16px 55px; }
    .hm-bo-dashboard-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width: 620px) {
    .hm-bo-sidebar{ align-items:flex-start;flex-wrap:wrap; }
    .hm-bo-side-nav{ width:100%;order:2; }
    .hm-bo-topbar{ align-items:center; }
    .hm-bo-top-actions a{ padding:0 9px; }
    .hm-bo-dashboard-grid{ grid-template-columns:1fr; }
    .hm-bo-welcome{ padding:24px 20px; }
    .hm-bo-poll-cols{ grid-template-columns:1fr; }
    .hm-bo-sticky-save{ align-items:flex-start;flex-direction:column; }
    .hm-bo-sticky-save .hm-bo-submit{ width:100%; }
}


/* -------------------------------------------------------------------------
   v167: desktop hover – konkrétny problém sa zväčší priamo na mieste na 200 %
   ---------------------------------------------------------------------- */
@media (min-width: 981px) and (hover: hover) and (pointer: fine) {
    /* Musí byť možné kartu zväčšiť mimo pôvodnej výšky pásu. */
    .hm-problem-strip{
        overflow: visible !important;
        z-index: 30 !important;
    }

    .hm-problem-rail.hm-v164-problem-marquee{
        overflow: visible !important;
        overflow-x: visible !important;
        overflow-y: visible !important;
        isolation: isolate !important;
        z-index: 20 !important;
    }

    .hm-v164-problem-track, .hm-v164-problem-group{
        overflow: visible !important;
    }

    /* Keď je kurzor na probléme, pás ostane na mieste, aby karta neutiekla spod myši. */
    .hm-v164-problem-marquee:has(.hm-problem-tile:hover) .hm-v164-problem-track{
        animation-play-state: paused !important;
    }

    .hm-v164-problem-group .hm-problem-tile{
        position: relative !important;
        z-index: 1 !important;
        transform-origin: center center !important;
        transition:
            transform .20s cubic-bezier(.2,.8,.2,1),
            box-shadow .20s ease,
            border-color .20s ease !important;
    }

    /* 200 % = dvojnásobná veľkosť tej istej karty, bez modalu či inej vrstvy. */
    .hm-v164-problem-group .hm-problem-tile:hover{
        z-index: 999 !important;
        transform: scale(2) !important;
        border-color: rgba(111, 195, 255, .72) !important;
        box-shadow:
            0 28px 65px rgba(0,0,0,.52),
            0 0 0 2px rgba(90,181,255,.24) !important;
    }

    /* Pri zväčšení sprístupníme celý text karty, aby väčšia plocha mala zmysel. */
    .hm-v164-problem-group .hm-problem-tile:hover .hm-problem-tile-copy{
        overflow: visible !important;
    }

    .hm-v164-problem-group .hm-problem-tile:hover .hm-problem-tile-copy h3{
        font-size: 13px !important;
        line-height: 1.08 !important;
    }

    .hm-v164-problem-group .hm-problem-tile:hover .hm-problem-tile-copy p{
        display: block !important;
        font-size: 10px !important;
        line-height: 1.28 !important;
        max-height: none !important;
        overflow: visible !important;
    }
}


/* -------------------------------------------------------------------------
   v168: drag & drop poradie obsahu v administrácii
   ---------------------------------------------------------------------- */
.hm-manager-card > summary{
    position: relative;
}

.hm-manager-card > summary .hm-drag-handle{
    display: inline-grid;
    place-items: center;
    flex: 0 0 32px;
    width: 32px;
    height: 32px;
    margin-right: 2px;
    border: 1px solid #d9e4f0;
    border-radius: 9px;
    background: #f7faff;
    color: #50739d;
    font-size: 17px !important;
    font-weight: 950;
    line-height: 1;
    cursor: grab;
    user-select: none;
    touch-action: none;
}

.hm-manager-card > summary .hm-drag-handle:hover{
    border-color: #80addd;
    background: #eaf4ff;
    color: #0b61c5;
}

.hm-manager-card > summary .hm-drag-handle:active, .hm-manager-card.is-dragging > summary .hm-drag-handle{
    cursor: grabbing;
}

.hm-manager-card.is-dragging{
    opacity: .78;
    box-shadow: 0 20px 46px rgba(19,59,108,.17) !important;
}

.hm-order-placeholder{
    min-height: 64px;
    border: 2px dashed #7fb3e8;
    border-radius: 14px;
    background: #edf6ff;
    visibility: visible !important;
}

.hm-drag-order-status{
    position: fixed;
    z-index: 100000;
    right: 24px;
    bottom: 24px;
    transform: translateY(12px);
    padding: 11px 15px;
    border-radius: 11px;
    background: #123c73;
    color: #fff;
    box-shadow: 0 16px 40px rgba(0,0,0,.20);
    font-size: 12px !important;
    font-weight: 850;
    opacity: 0;
    pointer-events: none;
    transition: opacity .18s ease, transform .18s ease;
}
.hm-drag-order-status.is-visible{
    opacity: 1;
    transform: translateY(0);
}
.hm-drag-order-status.is-saved{ background: #147447; }
.hm-drag-order-status.is-error{ background: #a22f35; }

.column-hm_drag_order{
    width: 42px;
    text-align: center;
}
.hm-classic-drag-handle{
    display: inline-grid;
    place-items: center;
    width: 29px;
    height: 29px;
    border: 1px solid #d7e2ee;
    border-radius: 8px;
    background: #f7faff;
    color: #4d7099;
    font-size: 16px !important;
    font-weight: 950;
    cursor: grab;
    user-select: none;
}
.hm-classic-drag-handle:hover{
    border-color: #80addd;
    background: #eaf4ff;
    color: #0b61c5;
}
.hm-classic-order-placeholder td{
    height: 48px;
    border: 2px dashed #7fb3e8 !important;
    background: #edf6ff !important;
}


/* -------------------------------------------------------------------------
   v169: náhodný kvíz s fotografiou
   ---------------------------------------------------------------------- */




/* =========================================================================
   v170: problémy mesta – ostrý desktop hover + detail text vľavo / foto vpravo
   ========================================================================= */

/* Rušíme v167 scale(2), ktorý rasterizoval text a fotografiu a preto pôsobil
   rozmazane. Na desktopoch sa teraz zväčšuje samotná karta reálnou šírkou
   a výškou, takže text zostane ostrý a obsah sa znovu zalomí. */
@media (min-width: 981px) and (hover: hover) and (pointer: fine) {
    .hm-problem-strip, .hm-problem-strip .hm-container, .hm-problem-rail.hm-v164-problem-marquee, .hm-v164-problem-track, .hm-v164-problem-group{
        overflow: visible !important;
    }

    .hm-v164-problem-marquee:has(.hm-problem-tile:hover) .hm-v164-problem-track{
        animation-play-state: paused !important;
    }

    .hm-v164-problem-group .hm-problem-tile{
        transform: translateX(0) !important;
        transform-origin: center center !important;
        transition:
            flex-basis .20s cubic-bezier(.2,.8,.2,1),
            width .20s cubic-bezier(.2,.8,.2,1),
            min-height .20s cubic-bezier(.2,.8,.2,1),
            transform .16s ease,
            border-color .18s ease,
            box-shadow .18s ease !important;
    }

    .hm-v164-problem-group .hm-problem-tile:hover{
        z-index: 9999 !important;
        flex: 0 0 min(610px, 72vw) !important;
        width: min(610px, 72vw) !important;
        min-height: 216px !important;
        grid-template-columns: 39% 61% !important;
        transform: translateX(var(--hm-problem-hover-shift, 0px)) !important;
        clip-path: none !important;
        border-radius: 12px !important;
        border-color: rgba(111,195,255,.70) !important;
        background: #08111d !important;
        box-shadow:
            0 28px 68px rgba(0,0,0,.52),
            0 0 0 2px rgba(90,181,255,.20) !important;
    }

    .hm-v164-problem-group .hm-problem-tile:hover .hm-problem-tile-image{
        width: 100% !important;
        height: 216px !important;
        min-height: 216px !important;
        background-size: contain !important;
        background-repeat: no-repeat !important;
        background-position: center center !important;
        background-color: #040a11 !important;
        filter: none !important;
    }

    .hm-v164-problem-group .hm-problem-tile:hover .hm-problem-tile-image::after{
        background: linear-gradient(90deg, transparent 72%, rgba(4,9,15,.22)) !important;
    }

    .hm-v164-problem-group .hm-problem-tile:hover .hm-problem-tile-copy{
        min-height: 216px !important;
        height: auto !important;
        padding: 24px 26px !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;
        overflow: visible !important;
    }

    .hm-v164-problem-group .hm-problem-tile:hover .hm-problem-tile-copy h3{
        margin: 0 !important;
        font-size: 25px !important;
        line-height: 1.04 !important;
        letter-spacing: -.035em !important;
        white-space: normal !important;
        overflow: visible !important;
        text-overflow: clip !important;
    }

    .hm-v164-problem-group .hm-problem-tile:hover .hm-problem-tile-copy p{
        display: block !important;
        margin-top: 11px !important;
        font-size: 14px !important;
        line-height: 1.42 !important;
        max-height: none !important;
        overflow: visible !important;
        white-space: normal !important;
    }

    .hm-v164-problem-group .hm-problem-tile:hover .hm-problem-tile-image > span{
        left: 12px !important;
        bottom: 12px !important;
        min-width: 38px !important;
        padding: 6px 8px !important;
        font-size: 11px !important;
    }
}

/* Detail po kliknutí – širší modal iba pre problémy mesta. */
.hm-modal.hm-modal-problem-open .hm-modal-dialog{
    width: min(1120px, calc(100vw - 48px)) !important;
    padding: clamp(26px, 3vw, 42px) !important;
}

.hm-problem-modal-layout{
    display: grid;
    grid-template-columns: minmax(0, .92fr) minmax(360px, 1.08fr);
    align-items: center;
    gap: clamp(28px, 4vw, 54px);
    min-height: 430px;
}

.hm-problem-modal-copy{
    min-width: 0;
}

.hm-problem-modal-copy .hm-modal-kicker{
    display: block;
    margin-bottom: 9px;
}

.hm-modal.hm-modal-problem-open .hm-problem-modal-copy h2{
    margin: 0 0 20px !important;
    font-size: clamp(34px, 4.2vw, 58px) !important;
    line-height: .98 !important;
    letter-spacing: -.055em !important;
}

.hm-modal.hm-modal-problem-open .hm-problem-modal-text p{
    margin: 0 !important;
    color: #526b8d !important;
    font-size: 16px !important;
    line-height: 1.65 !important;
}

.hm-modal.hm-modal-problem-open .hm-problem-modal-media{
    margin: 0 !important;
    min-height: 390px;
    max-height: calc(100vh - 150px);
    display: grid;
    place-items: center;
    border-radius: 22px;
    overflow: hidden;
    background: #07111f;
}

.hm-modal.hm-modal-problem-open .hm-problem-modal-media img{
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-height: calc(100vh - 150px) !important;
    object-fit: contain !important;
    object-position: center center !important;
    background: #07111f;
}

.hm-modal.hm-modal-problem-open .hm-problem-modal-media.is-empty{
    min-height: 390px;
}

/* Tablet/mobil: pod seba, ale fotografia je stále celá – bez orezania. */
@media (max-width: 820px) {
    .hm-modal.hm-modal-problem-open .hm-modal-dialog{
        width: 100% !important;
        padding: 24px 18px 28px !important;
    }

    .hm-problem-modal-layout{
        grid-template-columns: 1fr;
        gap: 20px;
        min-height: 0;
    }

    .hm-modal.hm-modal-problem-open .hm-problem-modal-media{
        order: 2;
        min-height: 0;
        max-height: none;
        aspect-ratio: 16 / 10;
    }

    .hm-modal.hm-modal-problem-open .hm-problem-modal-media img{
        width: 100% !important;
        height: 100% !important;
        max-height: none !important;
        object-fit: contain !important;
    }
}


/* =========================================================================
   v172: menšia medzera + Vaše odkazy + verejných TOP 5 + úprava vlastných hlasov
   ========================================================================= */

/* Spodná časť začína bližšie k pásu problémov. */
.hm-problem-strip{
    margin-bottom: 0 !important;
}
.hm-lower-dynamic-zone > .hm-solutions.hm-section{
    padding-top: 18px !important;
}
.hm-solutions > .hm-wrap{
    padding-top: 0 !important;
}

.hm-opinion-marquee{
    margin-top: 2px !important;
    padding-top: 4px !important;
}

/* Verejných TOP 5 – za piatym miestom jasný zámok. */
.hm-results-locked-more{
    display: grid;
    grid-template-columns: 42px minmax(0,1fr) auto;
    align-items: center;
    gap: 12px;
    margin: 10px 14px 16px;
    padding: 14px 16px;
    border: 1px dashed rgba(11,92,190,.28);
    border-radius: 15px;
    background: rgba(240,247,255,.92);
}
.hm-results-locked-more > span{
    display: grid;
    place-items: center;
    width: 40px;
    height: 40px;
    border-radius: 12px;
    background: #e6f1ff;
    font-size: 17px !important;
}
.hm-results-locked-more > div{
    display: grid;
    gap: 2px;
}
.hm-results-locked-more strong{
    color: #123c73;
    font-size: 13px !important;
}
.hm-results-locked-more small{
    color: #6f829d;
    font-size: 10px !important;
    line-height: 1.35;
}
.hm-results-locked-more button{
    min-height: 36px;
    border: 0;
    border-radius: 10px;
    padding: 0 13px;
    background: #0b63c9;
    color: #fff;
    font-size: 9px !important;
    font-weight: 950;
    cursor: pointer;
}

/* Ak už človek hlasoval, po overení e-mailu dostane priamo možnosť
   otvoriť svoj pôvodný lístok a zmeniť vybrané odpovede. */
.hm-results-user-actions{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    margin: 12px 14px 4px;
    padding: 12px 14px;
    border: 1px solid rgba(19,126,73,.18);
    border-radius: 14px;
    background: #effbf4;
}
.hm-results-user-actions.hm-hidden{
    display: none !important;
}
.hm-results-user-actions > span{
    color: #27704b;
    font-size: 11px !important;
    font-weight: 850;
}
.hm-results-user-actions .hm-button{
    flex: 0 0 auto;
    min-height: 38px;
    padding-inline: 14px;
    font-size: 9px !important;
}

@media (max-width: 720px) {
    .hm-lower-dynamic-zone > .hm-solutions.hm-section{
        padding-top: 10px !important;
    }
    .hm-results-locked-more{
        grid-template-columns: 36px minmax(0,1fr);
        margin-inline: 8px;
    }
    .hm-results-locked-more > span{
        width: 34px;
        height: 34px;
    }
    .hm-results-locked-more button{
        grid-column: 1 / -1;
        width: 100%;
    }
    .hm-results-user-actions{
        align-items: stretch;
        flex-direction: column;
        margin-inline: 8px;
    }
    .hm-results-user-actions .hm-button{
        width: 100%;
    }
}


/* =========================================================================
   v173: veľké CTA vpravo; čísla a pravidlá vľavo na mieste pôvodného CTA
   ========================================================================= */
@media (min-width: 981px) {
    #hmVoteIntro.hm-entry-shared .hm-v111-main, #hmQuizIntro.hm-entry-shared .hm-v111-main{
        grid-template-columns: minmax(0, 1.55fr) minmax(330px, .78fr) !important;
        gap: clamp(26px, 3vw, 44px) !important;
        align-items: stretch !important;
    }

    #hmVoteIntro.hm-entry-shared .hm-v173-copy, #hmQuizIntro.hm-entry-shared .hm-v173-copy{
        min-width: 0 !important;
        height: 100% !important;
    }

    #hmVoteIntro.hm-entry-shared .hm-v173-info-panel, #hmQuizIntro.hm-entry-shared .hm-v173-info-panel{
        order: 3 !important;
        width: min(100%, 760px) !important;
        margin-top: 20px !important;
        padding: 15px 17px 14px !important;
        border: 1px solid rgba(255,255,255,.11) !important;
        border-radius: 20px !important;
        background: linear-gradient(180deg, rgba(3,40,105,.34), rgba(2,30,82,.22)) !important;
        box-shadow: inset 0 1px 0 rgba(255,255,255,.07), 0 15px 28px rgba(0,25,72,.10) !important;
    }

    #hmVoteIntro.hm-entry-shared .hm-v173-info-panel .hm-v103-vote-stats.hm-v122-plain-stats{
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0,1fr)) !important;
        gap: 22px !important;
        margin: 0 !important;
    }

    #hmQuizIntro.hm-entry-shared .hm-v173-info-panel .hm-v103-vote-stats.hm-v122-plain-stats, #hmQuizIntro.hm-entry-shared .hm-v173-info-panel .hm-v103-vote-stats.hm-v122-plain-stats.hm-v122-plain-stats-quiz{
        display: grid !important;
        grid-template-columns: repeat(3, minmax(0,1fr)) !important;
        gap: 18px !important;
        margin: 0 !important;
    }

    #hmVoteIntro.hm-entry-shared .hm-v173-info-panel .hm-v122-plain-stat, #hmQuizIntro.hm-entry-shared .hm-v173-info-panel .hm-v122-plain-stat{
        display: flex !important;
        flex-direction: row !important;
        align-items: baseline !important;
        justify-content: flex-start !important;
        gap: 8px !important;
        min-width: 0 !important;
        min-height: 0 !important;
        padding: 0 !important;
        background: transparent !important;
        border: 0 !important;
        border-radius: 0 !important;
        box-shadow: none !important;
    }

    #hmVoteIntro.hm-entry-shared .hm-v173-info-panel .hm-v122-plain-stat strong, #hmQuizIntro.hm-entry-shared .hm-v173-info-panel .hm-v122-plain-stat strong{
        flex: 0 0 auto !important;
        margin: 0 !important;
        color: #ffd400 !important;
        font-size: clamp(24px, 2vw, 34px) !important;
        line-height: .95 !important;
    }

    #hmVoteIntro.hm-entry-shared .hm-v173-info-panel .hm-v122-plain-stat b, #hmQuizIntro.hm-entry-shared .hm-v173-info-panel .hm-v122-plain-stat b{
        min-width: 0 !important;
        max-width: none !important;
        margin: 0 !important;
        color: rgba(255,255,255,.96) !important;
        font-size: clamp(10px, .9vw, 13px) !important;
        line-height: 1.12 !important;
        font-weight: 850 !important;
    }

    #hmVoteIntro.hm-entry-shared .hm-v173-info-panel .hm-v87-vote-flow, #hmQuizIntro.hm-entry-shared .hm-v173-info-panel .hm-v87-vote-flow{
        width: 100% !important;
        margin: 12px 0 10px !important;
        gap: 8px !important;
    }

    #hmVoteIntro.hm-entry-shared .hm-v173-info-panel .hm-v87-vote-flow span, #hmQuizIntro.hm-entry-shared .hm-v173-info-panel .hm-v87-vote-flow span{
        height: 6px !important;
    }

    #hmVoteIntro.hm-entry-shared .hm-v173-info-panel .hm-unified-quiz-rules, #hmQuizIntro.hm-entry-shared .hm-v173-info-panel .hm-unified-quiz-rules{
        width: 100% !important;
        margin: 0 !important;
    }

    #hmVoteIntro.hm-entry-shared .hm-v173-info-panel .hm-unified-quiz-rules summary, #hmQuizIntro.hm-entry-shared .hm-v173-info-panel .hm-unified-quiz-rules summary{
        min-height: 37px !important;
        padding: 8px 11px !important;
        border: 1px solid rgba(255,255,255,.14) !important;
        border-radius: 12px !important;
        background: rgba(2,35,94,.33) !important;
        color: #fff !important;
        font-size: 11px !important;
        font-weight: 900 !important;
    }

    #hmVoteIntro.hm-entry-shared .hm-v173-info-panel .hm-unified-quiz-rules > div, #hmQuizIntro.hm-entry-shared .hm-v173-info-panel .hm-unified-quiz-rules > div{
        margin-top: 6px !important;
        padding: 11px 12px !important;
        border-radius: 12px !important;
        background: rgba(2,31,84,.30) !important;
        color: rgba(255,255,255,.91) !important;
        font-size: 11px !important;
        line-height: 1.42 !important;
    }

    #hmVoteIntro.hm-entry-shared .hm-v173-launch-side, #hmQuizIntro.hm-entry-shared .hm-v173-launch-side{
        position: relative !important;
        display: flex !important;
        align-items: stretch !important;
        justify-content: stretch !important;
        min-height: 100% !important;
        padding: 0 !important;
        border: 0 !important;
        border-radius: 27px !important;
        background: transparent !important;
        box-shadow: none !important;
        overflow: visible !important;
    }

    #hmVoteIntro.hm-entry-shared .hm-v173-launch-cta, #hmQuizIntro.hm-entry-shared .hm-v173-launch-cta{
        order: initial !important;
        position: relative !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        justify-content: center !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
        height: 100% !important;
        min-height: 280px !important;
        margin: 0 !important;
        padding: 30px 30px 32px !important;
        border: 2px solid rgba(255,255,255,.27) !important;
        border-radius: 27px !important;
        background: radial-gradient(circle at 84% 14%, rgba(255,255,255,.38), transparent 21%), linear-gradient(145deg, #ffe020 0%, #ffd400 52%, #f5c900 100%) !important;
        color: #08316d !important;
        box-shadow: 0 25px 48px rgba(255,205,0,.22), inset 0 1px 0 rgba(255,255,255,.60) !important;
        overflow: hidden !important;
        text-align: left !important;
        animation: hmPulseCta 3.6s ease-in-out infinite !important;
    }

    #hmVoteIntro.hm-entry-shared .hm-v173-launch-cta::before, #hmQuizIntro.hm-entry-shared .hm-v173-launch-cta::before{
        content: "";
        position: absolute;
        width: 180px;
        height: 180px;
        right: -45px;
        top: -55px;
        border: 1px solid rgba(7,49,111,.10);
        border-radius: 50%;
        box-shadow: 0 0 0 28px rgba(7,49,111,.025), 0 0 0 58px rgba(7,49,111,.018);
        pointer-events: none;
    }

    #hmVoteIntro.hm-entry-shared .hm-v173-launch-cta > span, #hmQuizIntro.hm-entry-shared .hm-v173-launch-cta > span{
        position: relative !important;
        z-index: 2 !important;
        max-width: 235px !important;
        font-size: clamp(27px, 2.55vw, 42px) !important;
        line-height: .94 !important;
        letter-spacing: -.045em !important;
        font-weight: 950 !important;
        text-transform: uppercase !important;
    }

    #hmVoteIntro.hm-entry-shared .hm-v173-launch-cta > b, #hmQuizIntro.hm-entry-shared .hm-v173-launch-cta > b{
        position: absolute !important;
        z-index: 2 !important;
        right: 26px !important;
        bottom: 26px !important;
        display: grid !important;
        place-items: center !important;
        width: 64px !important;
        height: 64px !important;
        border-radius: 19px !important;
        background: #0a5bc4 !important;
        color: #fff !important;
        font-size: 30px !important;
        box-shadow: 0 12px 25px rgba(4,66,150,.23) !important;
    }

    #hmVoteIntro.hm-entry-shared .hm-v173-launch-cta:hover, #hmQuizIntro.hm-entry-shared .hm-v173-launch-cta:hover{
        transform: translateY(-3px) !important;
    }

    #hmQuizIntro.hm-entry-shared .hm-v111-status{
        order: 4 !important;
        width: min(100%,760px) !important;
        margin-top: 8px !important;
    }
}

@media (max-width: 980px) {
    #hmVoteIntro.hm-entry-shared .hm-v173-info-panel, #hmQuizIntro.hm-entry-shared .hm-v173-info-panel{
        order: 3 !important;
        width: 100% !important;
        margin-top: 16px !important;
        padding: 13px !important;
        border: 1px solid rgba(255,255,255,.11) !important;
        border-radius: 17px !important;
        background: rgba(2,38,99,.27) !important;
    }

    #hmVoteIntro.hm-entry-shared .hm-v173-info-panel .hm-v103-vote-stats.hm-v122-plain-stats{
        grid-template-columns: repeat(2,minmax(0,1fr)) !important;
        gap: 10px !important;
    }

    #hmQuizIntro.hm-entry-shared .hm-v173-info-panel .hm-v103-vote-stats.hm-v122-plain-stats, #hmQuizIntro.hm-entry-shared .hm-v173-info-panel .hm-v103-vote-stats.hm-v122-plain-stats.hm-v122-plain-stats-quiz{
        grid-template-columns: repeat(3,minmax(0,1fr)) !important;
        gap: 8px !important;
    }

    #hmVoteIntro.hm-entry-shared .hm-v173-info-panel .hm-v122-plain-stat, #hmQuizIntro.hm-entry-shared .hm-v173-info-panel .hm-v122-plain-stat{
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 2px !important;
    }

    #hmVoteIntro.hm-entry-shared .hm-v173-launch-side, #hmQuizIntro.hm-entry-shared .hm-v173-launch-side{
        padding: 0 !important;
        border: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
    }

    #hmVoteIntro.hm-entry-shared .hm-v173-launch-cta, #hmQuizIntro.hm-entry-shared .hm-v173-launch-cta{
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        width: 100% !important;
        min-width: 100% !important;
        min-height: 76px !important;
        height: auto !important;
        margin: 0 !important;
        padding: 12px 12px 12px 20px !important;
        border-radius: 21px !important;
    }

    #hmVoteIntro.hm-entry-shared .hm-v173-launch-cta > span, #hmQuizIntro.hm-entry-shared .hm-v173-launch-cta > span{
        font-size: 21px !important;
    }

    #hmVoteIntro.hm-entry-shared .hm-v173-launch-cta > b, #hmQuizIntro.hm-entry-shared .hm-v173-launch-cta > b{
        position: static !important;
        margin-left: auto !important;
        width: 46px !important;
        height: 46px !important;
        border-radius: 14px !important;
        font-size: 22px !important;
    }
}

@media (max-width: 560px) {
    #hmQuizIntro.hm-entry-shared .hm-v173-info-panel .hm-v103-vote-stats.hm-v122-plain-stats, #hmQuizIntro.hm-entry-shared .hm-v173-info-panel .hm-v103-vote-stats.hm-v122-plain-stats.hm-v122-plain-stats-quiz{
        grid-template-columns: 1fr !important;
    }
}


/* =========================================================================
   v174: dokončenie zrkadlového layoutu kvízu a priorít
   ========================================================================= */

/* Spodné staré trust pásy už v úvodoch nepoužívame. */


/* Užitočné informácie zo starého spodného pásu sú malé chipy v ľavom paneli. */
.hm-v174-info-chips{
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    margin-top: 10px;
}

.hm-v174-info-chips > span{
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: 28px;
    padding: 5px 9px;
    border: 1px solid rgba(255,255,255,.10);
    border-radius: 9px;
    background: rgba(255,255,255,.055);
    color: rgba(255,255,255,.78);
    font-size: 9px !important;
    font-weight: 800;
    line-height: 1.15;
}

.hm-v174-info-chips > span > b{
    display: grid;
    place-items: center;
    flex: 0 0 20px;
    width: 20px;
    height: 20px;
    border-radius: 7px;
    background: rgba(255,255,255,.10);
    color: #ffd500;
    font-size: 9px !important;
}

/* Desktop: presne dve plochy. Ľavá = text + info. Pravá = iba CTA. */
@media (min-width: 981px) {
    #hmVoteIntro.hm-entry-shared, #hmQuizIntro.hm-entry-shared{
        overflow: visible !important;
    }

    #hmVoteIntro.hm-entry-shared .hm-v111-main, #hmQuizIntro.hm-entry-shared .hm-v111-main{
        display: grid !important;
        grid-template-columns: minmax(0, 1.58fr) minmax(350px, .72fr) !important;
        align-items: stretch !important;
        gap: 28px !important;
        min-height: 390px !important;
    }

    #hmVoteIntro.hm-entry-shared .hm-v173-copy, #hmQuizIntro.hm-entry-shared .hm-v173-copy{
        display: flex !important;
        flex-direction: column !important;
        min-height: 100% !important;
    }

    /* Info panel zaplní spodnú časť ľavého stĺpca – presne namiesto starého CTA. */
    #hmVoteIntro.hm-entry-shared .hm-v173-info-panel, #hmQuizIntro.hm-entry-shared .hm-v173-info-panel{
        width: 100% !important;
        max-width: none !important;
        margin-top: auto !important;
        padding: 17px 18px !important;
    }

    /* Pravá plocha musí byť naozaj celá klikateľná. */
    #hmVoteIntro.hm-entry-shared .hm-v173-launch-side, #hmQuizIntro.hm-entry-shared .hm-v173-launch-side{
        display: grid !important;
        align-self: stretch !important;
        width: 100% !important;
        min-height: 100% !important;
        height: auto !important;
    }

    #hmVoteIntro.hm-entry-shared .hm-v173-launch-cta, #hmQuizIntro.hm-entry-shared .hm-v173-launch-cta{
        align-self: stretch !important;
        justify-self: stretch !important;
        width: 100% !important;
        max-width: none !important;
        min-height: 100% !important;
        height: 100% !important;
        padding: 34px !important;
        border-radius: 28px !important;
    }

    #hmVoteIntro.hm-entry-shared .hm-v173-launch-cta > span, #hmQuizIntro.hm-entry-shared .hm-v173-launch-cta > span{
        max-width: 260px !important;
        font-size: clamp(31px, 2.8vw, 46px) !important;
        line-height: .92 !important;
    }

    #hmVoteIntro.hm-entry-shared .hm-v173-launch-cta > b, #hmQuizIntro.hm-entry-shared .hm-v173-launch-cta > b{
        width: 72px !important;
        height: 72px !important;
        right: 28px !important;
        bottom: 28px !important;
        border-radius: 21px !important;
    }

    /* Staré layoutové pravidlá nesmú pridávať ďalší pás pod kartu. */
    #hmVoteIntro.hm-entry-shared, #hmQuizIntro.hm-entry-shared{
        padding-bottom: 28px !important;
    }
}

/* Mobil/tablet: všetko ostáva logicky za sebou, bez duplicitného spodného pásu. */
@media (max-width: 980px) {
    .hm-v174-info-chips{
        margin-top: 9px;
    }

    .hm-v174-info-chips > span{
        flex: 1 1 150px;
    }
}


/* =========================================================================
   v176: text v CTA „Spustiť anketu / Spustiť kvíz“ na stred + o 70 % väčší
   ========================================================================= */
@media (min-width: 981px) {
    #hmVoteIntro.hm-entry-shared .hm-v173-launch-cta, #hmQuizIntro.hm-entry-shared .hm-v173-launch-cta{
        align-items: center !important;
        justify-content: center !important;
        text-align: center !important;
    }

    #hmVoteIntro.hm-entry-shared .hm-v173-launch-cta > span, #hmQuizIntro.hm-entry-shared .hm-v173-launch-cta > span{
        width: 100% !important;
        max-width: none !important;
        margin: 0 auto !important;
        text-align: center !important;
        font-size: clamp(53px, 4.75vw, 78px) !important;
        line-height: .90 !important;
        letter-spacing: -.055em !important;
    }
}

/* Aj na tablete/mobile ostáva text uprostred a citeľne väčší,
   ale nie tak veľký, aby rozbil tlačidlo. */
@media (max-width: 980px) {
    #hmVoteIntro.hm-entry-shared .hm-v173-launch-cta, #hmQuizIntro.hm-entry-shared .hm-v173-launch-cta{
        justify-content: center !important;
        text-align: center !important;
    }

    #hmVoteIntro.hm-entry-shared .hm-v173-launch-cta > span, #hmQuizIntro.hm-entry-shared .hm-v173-launch-cta > span{
        flex: 1 1 auto !important;
        text-align: center !important;
        font-size: 34px !important;
        line-height: .95 !important;
    }
}


/* =========================================================================
   v177: rebríček najúspešnejších riešiteľov – 10 ľudí / strana
   ========================================================================= */





.hm-quiz-ranking-board{
    min-width: 0;
    display: grid;
    gap: 12px;
}


/* TOP 5 má viditeľne odlišný „víťazný“ vzhľad. */


.hm-quiz-ranking-pagination{
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: 10px;
    padding-top: 2px;
}

.hm-quiz-ranking-pagination button{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    min-height: 38px;
    border: 1px solid rgba(13,88,186,.16);
    border-radius: 11px;
    padding: 0 14px;
    background: #0c61c8;
    color: #fff;
    font-size: 9px !important;
    font-weight: 950;
    cursor: pointer;
    transition: transform .16s ease, opacity .16s ease, background .16s ease;
}

.hm-quiz-ranking-pagination button:hover:not(:disabled){
    transform: translateY(-1px);
    background: #084eaa;
}

.hm-quiz-ranking-pagination button:disabled{
    opacity: .34;
    cursor: default;
}

.hm-quiz-ranking-page-status{
    justify-self: center;
    color: #71839b;
    font-size: 9px !important;
    font-weight: 800;
}

.hm-quiz-ranking-page-status b{
    color: #174c8d;
    font-size: 10px !important;
}

@media (max-width: 1180px) {
    

    .hm-quiz-ranking-board{
        grid-column: 1 / -1;
    }

    
}

@media (max-width: 700px) {
    

    .hm-quiz-ranking-pagination{
        grid-template-columns: 1fr 1fr;
    }

    .hm-quiz-ranking-page-status{
        grid-column: 1 / -1;
        grid-row: 1;
    }

    .hm-quiz-ranking-pagination button{
        grid-row: 2;
        width: 100%;
    }
}


/* =========================================================================
   v178: hlasovacia karta – jedna fotografia 16:9 + popis
   ========================================================================= */

/* Staré porovnanie už nie je súčasťou HTML; tieto pravidlá zároveň chránia
   pred prípadným cacheovaným starým markupom. */


/* Nadpis hlasovania nasleduje hneď za fotografiou a popisom. */




/* Backoffice preview vždy ukazuje skutočný 16:9 orez. */
.hm-bo-poll-preview.hm-v178-bo-poll-image{
    width: min(100%, 620px) !important;
    height: auto !important;
    aspect-ratio: 16 / 9;
    object-fit: cover !important;
    object-position: center !important;
    border-radius: 16px !important;
}

/* WordPress správca ankety: iba jedno pole fotografie cez celú šírku. */
.hm-manager-media-grid.hm-v178-single-media{
    grid-template-columns: 1fr !important;
}




/* =========================================================================
   v179: popis → body → foto; hlasovanie od nadpisu stabilne dole
   ========================================================================= */

/* Celá karta zostáva flex stĺpec. Obsah nad hlasovaním môže podľa potreby
   využiť dostupný priestor, ale hlasovací dock sa nepohne zo spodku. */


/* Horná obsahová zóna: popis, body, fotografia. */


/* 1. POPIS */



/* 2. BODY K NÁVRHU */





/* 3. FOTOGRAFIA */



/* 4. OD „ČO SI O TOMTO NÁVRHU MYSLÍTE?“ JE VŠETKO JEDEN DOCK.
   margin-top:auto drží celý tento blok stabilne na spodku karty. */






/* Kompaktnejšia spodná zóna, aby bola stabilná aj na menších notebookoch. */




/* Admin/backoffice – body sú samostatné a jasne označené. */
.hm-admin-field textarea[name*="[points]"], .hm-bo-field textarea[name*="[points]"]{
    background: #fbfdff;
}


/* =========================================================================
   v180: menšie body k návrhu + fotografia 300 × 250 px
   ========================================================================= */

/* Body k návrhu – menšie a kompaktnejšie písmo. */




/* Fotografia otázky – pevná veľkosť 300 × 250 px, centrovaná. */




/* Na úzkych mobiloch sa fotografia zmenší, ale zachová pomer 300:250. */



/* =========================================================================
   v181: body k návrhu vždy pod sebou
   ========================================================================= */



/* =========================================================================
   v182: body bez tučného písma + fotografia v pomere 16:5
   ========================================================================= */

/* Body k návrhu ostávajú pod sebou, ale text už nie je tučný. */


/* Fotografia je vycentrovaná a používa široký pomer 16:5. */




/* Aj na mobiloch sa zachová pomer 16:5. */



/* =========================================================================
   v183: menšie nadpisy + spoločný spodný riadok navigácie a diskusie
   ========================================================================= */

/* Hlavný nadpis otázky približne o 30 % menší. */


/* „ČO SI O TOMTO NÁVRHU MYSLÍTE?“ približne o 30 % menšie. */


/* Celý spodný blok zostáva stabilne prilepený dole. */


/* Predchádzajúca otázka */


/* Diskusia k návrhu je teraz priamo vedľa Predchádzajúcej otázky. */






/* Komentárové tlačidlá sú v tom istom riadku. */


/* Staré dvojriadkové discussion/footer pravidlá sa už nesmú uplatniť. */


/* Menší notebook: stále všetko v jednom riadku. */


/* Mobil: prvky sa rozložia čitateľne do dvoch stĺpcov. */



/* =========================================================================
   v184: SKUTOČNÉ zmenšenie nadpisov o približne 30 %
   ========================================================================= */

/* Pôvodný desktop rozsah bol 31–47 px.
   70 % z toho je približne 22–33 px. */
@media (min-width: 981px) {
    

    /* Pôvodne cca 18 px. 70 % = 12,6 px. */
    
}

/* Tablet a mobil – tiež jasne menšie oproti doterajšiemu stavu. */



/* =========================================================================
   v185: približne 1 cm vnútorné okraje v karte priority
   + prispôsobené menšie typografické rozmery
   ========================================================================= */

/* 1 cm pri bežnom 96 DPI je približne 38 px.
   Okraje dávame priamo celej karte, aby bol rovnaký odstup od všetkých strán. */
@media (min-width: 981px) {
    

    /* Header po zúžení karty. */
    

    

    /* Popis návrhu. */
    

    /* Body k návrhu – menšie, aby ostali vzdušné aj pri užšej karte. */
    

    

    

    /* Fotografia zostáva 16:5, ale pri užšom priestore je o trochu kompaktnejšia. */
    

    /* Hlasovací nadpis po zúžení obsahu. */
    

    /* Odpovede sú mierne kompaktnejšie, aby sa zmestili bez tlačenia. */
    

    

    /* Spodný spoločný riadok ostáva na spodku, len má kompaktnejšie rozmery. */
    

    

    
}

/* Na mobile necháme menšie okraje, aby sa nestrácal príliš veľký priestor. */



/* =========================================================================
   v186: body vľavo + portrétna fotografia vpravo
   ========================================================================= */

@media (min-width: 981px) {
    /* Horná časť karty:
       1. popis hore cez celú šírku
       2. body vľavo
       3. fotografia na výšku vpravo */
    

    /* Popis cez obe kolóny. */
    

    /* Body vľavo. */
    

    /* Fotografia vpravo na výšku. */
    

    

    /* Body nech využívajú šírku ľavého stĺpca a ostanú pod sebou. */
    
}

/* Tablet: fotografia je stále napravo, len menšia. */


/* Mobil: kvôli priestoru sa prvky zoradia pod seba. */



/* =========================================================================
   v187: fotografia otázky ako 4x4 / štvorcový obrazok
   ========================================================================= */


/* =========================================================================
   v188: menší obrázok, väčšie body a mierne väčší klasický text
   ========================================================================= */

@media (min-width: 981px) {
    /* Menší obrázok vpravo, aby body dostali viac priestoru. */
    

    

    

    /* Klasický text / popis trochu väčší. */
    

    /* Body k návrhu: o trochu väčšie boxy aj väčší text. */
    

    

    
}






/* =========================================================================
   v189: kvíz – viac možností a viac správnych odpovedí + sync backoffice
   ========================================================================= */
.hm-admin-answer-row.hm-v189-answer-row > input[type="checkbox"], .hm-bo-answer.hm-v189-bo-answer > input[type="checkbox"]{
    width: 18px !important;
    height: 18px !important;
    margin: 0 !important;
    accent-color: #0b67d1;
}

.hm-v189-bo-answer-grid{
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
}



.hm-quiz-multiple-hint{
    margin: -2px 0 12px !important;
    padding: 9px 11px !important;
    border: 1px solid rgba(10,102,207,.16);
    border-radius: 10px;
    background: #eef6ff;
    color: #496a94;
    font-size: 11px !important;
    line-height: 1.35 !important;
}
.hm-quiz-multiple-hint b{ color:#0b5fbe; }




@media (max-width:700px){
    .hm-v189-bo-answer-grid{ grid-template-columns:1fr !important; }
}


/* =========================================================================
   v190: kompaktnejšie texty v kvízových otázkach
   ========================================================================= */

@media (min-width: 761px) {
    

    

    

    

    

    
}

@media (max-width: 760px) {
    

    

    

    
}


/* =========================================================================
   v191: nadpisy v kartách kvízu a priorít - vždy do jedného riadku
   ========================================================================= */




/* v192: bez pevného limitu počtu priorít a kvízových otázok. */



/* =========================================================================
   v193: karta priority - bez žltého počtu otázok pri nadpise
   ========================================================================= */





/* =========================================================================
   v195: kvíz - menšie a kompaktnejšie odpovede
   ========================================================================= */


@media (max-width: 760px) {
    

    

    

    
}


/* =========================================================================
   v197: celý nadpis priority + uzavretý web pre backoffice účty
   ========================================================================= */

/* Staré v191 pravidlá nútili titul do jedného riadku a následne ho orezali.
   Priority sa po novom môžu prirodzene zalomiť a vždy ukážu celý titul. */


/* v199 backoffice */
.hm-v199-dashboard{display:grid;gap:20px}.hm-v199-activity-panel, .hm-v199-notes-panel, .hm-v199-calendar-panel{background:#fff;border:1px solid #dce7f3;border-radius:22px;padding:22px;box-shadow:0 18px 44px rgba(27,63,110,.07)}
.hm-v199-section-head{display:flex;align-items:center;justify-content:flex-end;gap:16px;margin-bottom:15px}.hm-v199-section-head span{color:#0b64cc;font-size:12px!important;font-weight:950;letter-spacing:.15em}.hm-v199-section-head h2{margin:4px 0 0;color:#09295c;font-size:28px!important;line-height:1;letter-spacing:-.04em}.hm-v199-section-head>b{display:grid;place-items:center;min-width:34px;height:30px;border-radius:11px;background:#edf5ff;color:#0b64cc;font-size:11px!important}
.hm-v199-activity-feed{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.hm-v199-activity-item{display:grid;grid-template-columns:38px 1fr;gap:10px;align-items:center;padding:11px;border:1px solid #e6edf6;border-radius:8px;background:#fbfdff}.hm-v199-activity-item>i{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:linear-gradient(145deg,#0b67d2,#15488e);color:#fff;font-style:normal;font-size:17px!important;font-weight:950}.hm-v199-activity-item p{margin:0;color:#38516f;font-size:13px!important;line-height:1.35}.hm-v199-activity-item p strong{color:#0b2e61;font-size:10px!important}.hm-v199-activity-item p b{color:#0b64cc;font-size:9px!important}.hm-v199-activity-item small{display:block;margin-top:2px;color:#91a0b4;font-size:7px!important}.hm-v199-empty-feed{grid-column:1/-1;padding:18px;border:1px dashed #c9d9eb;border-radius:8px;color:#6d829e}.hm-v199-empty-feed strong{color:#23466f;font-size:11px!important}.hm-v199-empty-feed p{margin:4px 0 0;font-size:9px!important}
.hm-v199-notes-panel form{display:grid;gap:10px}.hm-v199-notes-panel textarea{width:100%;min-height:150px;resize:vertical;border:1px solid #cad9eb;border-radius:16px;padding:16px;background:#fbfdff;color:#183b67;font:600 11px/1.5 inherit;outline:none}.hm-v199-notes-panel form>div{display:flex;align-items:center;justify-content:flex-end;gap:12px}.hm-v199-notes-panel form small{color:#8495aa;font-size:8px!important}.hm-v199-notes-panel button{border:0;border-radius:11px;padding:11px 16px;background:#0b67d2;color:#fff;font-size:13px!important;font-weight:950;cursor:pointer}
.hm-v199-calendar-wrap{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.hm-v199-calendar-month{border:1px solid #e1eaf4;border-radius:17px;padding:14px;background:#fbfdff}.hm-v199-calendar-month h3{margin:0 0 11px;color:#123b6f;font-size:12px!important}.hm-v199-calendar-weekdays, .hm-v199-calendar-days{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.hm-v199-calendar-weekdays{margin-bottom:5px}.hm-v199-calendar-weekdays span{color:#8999ad;font-size:11px!important;font-weight:900;text-align:center}.hm-v199-calendar-days span{display:grid;place-items:center;aspect-ratio:1;border-radius:8px;font-size:12px!important;font-weight:850}.hm-v199-calendar-days .is-active{background:#edf5ff;color:#0b5ebd;border:1px solid #cde1fa}.hm-v199-calendar-days .is-disabled{color:#c5ced9;background:#f6f8fb}.hm-v199-calendar-days .is-empty{background:transparent}
.hm-v199-new-quiz-form h3{margin:0 0 12px;color:#123a6c;font-size:16px!important}.hm-v199-quiz-list{display:grid;gap:10px}.hm-v199-quiz-item{border:1px solid #dae5f2;border-radius:16px;background:#fff;overflow:hidden}.hm-v199-quiz-item>summary{list-style:none;display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:11px;padding:13px 15px;cursor:pointer;background:#fbfdff}.hm-v199-quiz-item>summary::-webkit-details-marker{display:none}.hm-v199-quiz-item>summary>b{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:#edf4fd;color:#42668f;font-size:9px!important}.hm-v199-quiz-item>summary div{display:grid;gap:3px;min-width:0}.hm-v199-quiz-item>summary strong{color:#173b69;font-size:10px!important}.hm-v199-quiz-item>summary small{color:#8191a6;font-size:8px!important}.hm-v199-quiz-item>summary>span{color:#0b64cc;font-size:12px!important;font-weight:900}.hm-v199-quiz-item-body{display:grid;gap:14px;padding:16px;border-top:1px solid #e6edf5}.hm-v199-quiz-edit-form{box-shadow:none!important;border:0!important;padding:0!important}.hm-v199-quiz-thumb{width:150px;aspect-ratio:16/9;object-fit:cover;border-radius:12px;border:1px solid #dbe6f2}.hm-v199-quiz-form-actions{display:flex;justify-content:flex-end}.hm-v199-delete-form{display:flex;justify-content:flex-end;margin-top:-6px}.hm-v199-delete-form button{border:1px solid #f0caca;background:#fff6f6;color:#c53f3f;border-radius:8px;padding:9px 12px;font-size:12px!important;font-weight:950;cursor:pointer}
.hm-v199-quiz-stats{border:1px solid #dce8f4;border-radius:16px;padding:15px;background:#f8fbff}.hm-v199-stats-head{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-bottom:12px}.hm-v199-stats-head span{color:#0b64cc;font-size:11px!important;font-weight:950;letter-spacing:.14em}.hm-v199-stats-head h4{margin:3px 0 0;color:#0d3266;font-size:16px!important}.hm-v199-stats-head>b{padding:7px 9px;border-radius:9px;background:#e7f2ff;color:#0b64cc;font-size:9px!important}.hm-v199-option-stats{display:grid;gap:8px}.hm-v199-option-stats>div{display:grid;grid-template-columns:minmax(0,1fr) 180px auto;gap:10px;align-items:center}.hm-v199-option-stats strong{color:#365675;font-size:8px!important}.hm-v199-option-stats strong em{font-style:normal;color:#16804a;background:#e8f7ef;padding:2px 5px;border-radius:6px;font-size:7px!important}.hm-v199-option-stats span{height:7px;border-radius:999px;background:#e6edf5;overflow:hidden}.hm-v199-option-stats span i{display:block;height:100%;background:linear-gradient(90deg,#0b68d5,#57a1f0);border-radius:999px}.hm-v199-option-stats small{color:#71859e;font-size:11px!important;white-space:nowrap}.hm-v199-answer-detail{margin-top:13px;border-top:1px solid #dde7f1;padding-top:11px}.hm-v199-answer-detail>summary{cursor:pointer;color:#0b64cc;font-size:12px!important;font-weight:900}.hm-v199-answer-table{display:grid;gap:5px;margin-top:9px}.hm-v199-answer-table>div{display:grid;grid-template-columns:130px minmax(0,1fr) 70px 115px;gap:8px;align-items:center;padding:7px 8px;border-radius:9px;background:#fff;border:1px solid #e4ebf3}.hm-v199-answer-table strong{font-size:12px!important;color:#244767}.hm-v199-answer-table span{font-size:12px!important;color:#5d738e}.hm-v199-answer-table b{font-size:11px!important;text-align:center;padding:3px 5px;border-radius:7px}.hm-v199-answer-table b.is-correct{background:#e8f7ef;color:#16804a}.hm-v199-answer-table b.is-wrong{background:#fff0f0;color:#c44747}.hm-v199-answer-table small{font-size:11px!important;color:#8a99aa;text-align:right}
@media(max-width:980px){.hm-v199-activity-feed{grid-template-columns:1fr}.hm-v199-calendar-wrap{grid-template-columns:1fr}.hm-v199-option-stats>div{grid-template-columns:1fr}.hm-v199-answer-table>div{grid-template-columns:1fr 1fr}.hm-v199-answer-table small{text-align:left}.hm-v199-quiz-item>summary{grid-template-columns:32px 1fr}.hm-v199-quiz-item>summary>span{grid-column:2}}


/* =========================================================================
   v200: správa existujúcich problémov/ankety + audit + Dokumenty
   ========================================================================= */
.hm-v200-existing-list, .hm-v200-document-list{display:grid;gap:10px;margin-top:18px}.hm-v200-edit-item{border:1px solid #dce7f3;border-radius:16px;background:#fff;overflow:hidden}.hm-v200-edit-item>summary{list-style:none;display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:11px;align-items:center;padding:13px 15px;background:#fbfdff;cursor:pointer}.hm-v200-edit-item>summary::-webkit-details-marker{display:none}.hm-v200-edit-item>summary>b{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:#edf4fd;color:#42668f;font-size:9px!important}.hm-v200-edit-item>summary>div{display:grid;gap:3px;min-width:0}.hm-v200-edit-item>summary strong{font-size:14px!important;color:#153b69}.hm-v200-edit-item>summary small{font-size:11.5px!important;color:#8092a9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hm-v200-edit-item>summary>span{font-size:12px!important;color:#0b64cc;font-weight:900}.hm-v200-edit-body{padding:15px;border-top:1px solid #e7eef6;display:grid;gap:12px}.hm-v200-inline-form{padding:0!important;border:0!important;box-shadow:none!important}.hm-v200-last-edit{display:grid;grid-template-columns:34px 1fr;gap:8px;align-items:center;padding:10px 12px;border:1px solid #dce8f5;border-radius:12px;background:#f4f9ff}.hm-v200-last-edit>i{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:#e3f0ff;color:#0b65cc;font-style:normal;font-size:13px!important}.hm-v200-last-edit strong{color:#143c6d;font-size:9px!important}.hm-v200-last-edit p{margin:2px 0;color:#55708e;font-size:8px!important}.hm-v200-last-edit small{color:#899bae;font-size:7px!important}.hm-v200-content-thumb{width:180px;max-width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:12px;border:1px solid #dce6f2}
.hm-bo-poll-card summary>div{display:grid;gap:3px;min-width:0}.hm-bo-poll-card summary>div>small{color:#8394aa;font-size:11px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hm-bo-poll-card-body>.hm-v200-last-edit{margin-bottom:10px}
.hm-v200-documents{display:grid;gap:18px}.hm-v200-document-list{margin-top:0}.hm-v200-document-item{display:grid;grid-template-columns:54px minmax(0,1fr) auto;gap:13px;align-items:center;padding:13px 15px;border:1px solid #dce7f2;border-radius:10px;background:#fff}.hm-v200-document-item>i{display:grid;place-items:center;width:52px;height:52px;border-radius:13px;background:linear-gradient(145deg,#e8f3ff,#f6faff);color:#0b61c5;border:1px solid #d7e7f8;font-style:normal;font-size:12px!important;font-weight:950}.hm-v200-document-item>div:nth-child(2){min-width:0}.hm-v200-document-item strong{color:#123966;font-size:10px!important}.hm-v200-document-item p{margin:3px 0;color:#637c98;font-size:8px!important}.hm-v200-document-item small{display:block;color:#8999ac;font-size:11px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hm-v200-doc-actions{display:flex;align-items:center;gap:6px}.hm-v200-doc-actions>a, .hm-v200-doc-actions button{border:0;border-radius:9px;padding:8px 10px;font-size:12px!important;font-weight:900;cursor:pointer;text-decoration:none}.hm-v200-doc-actions>a{background:#0b67d2;color:#fff}.hm-v200-doc-actions button{background:#fff2f2;color:#bd3f3f;border:1px solid #f0cccc}.hm-v200-doc-actions form{margin:0}
@media(max-width:800px){.hm-v200-edit-item>summary{grid-template-columns:32px 1fr}.hm-v200-edit-item>summary>span{grid-column:2}.hm-v200-document-item{grid-template-columns:46px 1fr}.hm-v200-doc-actions{grid-column:1/-1;justify-content:flex-end}.hm-v200-document-item>i{width:44px;height:44px}}


/* =========================================================================
   v201: farebná identita členov + tímové poznámky + kalendárové poznámky
   ========================================================================= */
.hm-v201-member-accent{--hm-member-color:#6d7f95;--hm-member-soft:#f2f5f8}
.hm-bo-side-user.hm-v201-member-accent{border-left:4px solid var(--hm-member-color)!important;padding-left:12px!important}
.hm-v199-activity-item.hm-v201-member-accent{border-left:4px solid var(--hm-member-color)!important;background:linear-gradient(90deg,var(--hm-member-soft),#fff 34%)!important}
.hm-v199-activity-item.hm-v201-member-accent>i{background:var(--hm-member-color)!important}
.hm-v199-activity-item.hm-v201-member-accent p>strong{color:var(--hm-member-color)!important}




.hm-v201-team-note-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:360px;overflow:auto;padding-right:3px}



.hm-v201-color-legend{display:flex;flex-wrap:wrap;gap:5px;margin:-5px 0 14px}.hm-v201-color-legend span{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border:1px solid #e2eaf3;border-radius:999px;background:#fff;color:#65778e;font-size:11px!important;font-weight:850}.hm-v201-color-legend i{width:8px;height:8px;border-radius:6px;background:var(--hm-member-color)}
.hm-v201-calendar-panel .hm-v199-calendar-days button{appearance:none;border:1px solid #cde1fa;cursor:pointer;position:relative;display:grid;place-items:center;aspect-ratio:1;border-radius:8px;background:#edf5ff;color:#0b5ebd;font-size:12px!important;font-weight:850;padding:2px}.hm-v201-calendar-panel .hm-v199-calendar-days button:hover{box-shadow:0 0 0 2px rgba(25,118,210,.12);transform:translateY(-1px)}.hm-v201-calendar-panel .hm-v199-calendar-days button>b{font-size:8px!important}.hm-v201-calendar-panel .hm-v199-calendar-days button>em{position:absolute;left:3px;right:3px;bottom:3px;display:flex;justify-content:center;gap:2px}.hm-v201-calendar-panel .hm-v199-calendar-days button>em i{width:4px;height:4px;border-radius:50%}.hm-v201-calendar-panel .hm-v199-calendar-days button.has-notes{background:#fff}
.hm-v201-calendar-editor{display:grid;grid-template-columns:minmax(280px,.7fr) minmax(0,1.3fr);gap:14px;margin-top:16px;padding-top:16px;border-top:1px solid #e2eaf3}.hm-v201-calendar-form{display:grid;gap:8px;padding:14px;border:1px solid #e0e9f3;border-left:5px solid var(--hm-member-color);border-radius:10px;background:var(--hm-member-soft)}.hm-v201-calendar-form label{display:grid;gap:5px}.hm-v201-calendar-form label>span{font-size:12px!important;color:#526a86;font-weight:900}.hm-v201-calendar-form input, .hm-v201-calendar-form textarea{width:100%;border:1px solid #cbd9e8;border-radius:8px;background:#fff;padding:9px 10px;color:#244767;font-size:13px!important;outline:none}.hm-v201-calendar-form button{border:0;border-radius:8px;padding:10px 12px;background:var(--hm-member-color);color:#fff;font-size:12px!important;font-weight:950;cursor:pointer}
.hm-v201-calendar-note-list{display:grid;gap:5px;max-height:330px;overflow:auto;padding-right:3px}.hm-v201-calendar-note{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:10px;align-items:start;padding:10px;border:1px solid #e0e8f1;border-left:4px solid var(--hm-member-color);border-radius:12px;background:linear-gradient(90deg,var(--hm-member-soft),#fff 45%)}.hm-v201-calendar-note time{display:grid;place-items:center;min-height:36px;border-radius:9px;background:var(--hm-member-color);color:#fff;font-size:13px!important;font-weight:950}.hm-v201-calendar-note strong{color:var(--hm-member-color);font-size:9px!important}.hm-v201-calendar-note p{margin:3px 0;color:#3f5875;font-size:13px!important;line-height:1.35}.hm-v201-calendar-note small{color:#93a1b2;font-size:7px!important}.hm-v201-calendar-note form button{border:0;background:transparent;color:#9aa7b6;font-size:18px!important;cursor:pointer}

.hm-v200-last-edit.hm-v201-member-accent{border-left:4px solid var(--hm-member-color)!important;background:linear-gradient(90deg,var(--hm-member-soft),#fff)!important}.hm-v200-last-edit.hm-v201-member-accent>i{background:var(--hm-member-color)!important;color:#fff!important}.hm-v200-last-edit.hm-v201-member-accent strong{color:var(--hm-member-color)!important}
.hm-v200-document-item.hm-v201-member-accent{border-left:4px solid var(--hm-member-color)!important}.hm-v200-document-item.hm-v201-member-accent>i{background:var(--hm-member-soft)!important;color:var(--hm-member-color)!important;border-color:color-mix(in srgb,var(--hm-member-color) 30%,#dbe5ef)!important}

@media(max-width:980px){.hm-v201-team-note-list{grid-template-columns:1fr}.hm-v201-calendar-editor{grid-template-columns:1fr}}


/* =========================================================================
   v202: stabilné návraty, klikateľná aktivita, Anketa priorít, poznámkové tabule
   ========================================================================= */
.hm-v202-top-actions{display:flex!important;align-items:center!important;gap:10px!important;flex-wrap:wrap;justify-content:flex-end}
.hm-v202-top-legend{display:flex;align-items:center;gap:5px;flex-wrap:wrap;justify-content:flex-end}.hm-v202-top-legend>small{color:#93a1b3;font-size:10.5px!important;font-weight:850;margin-right:2px}.hm-v202-top-legend>span{display:inline-flex;align-items:center;gap:4px;color:var(--hm-member-color);font-size:10.5px!important;font-weight:900;white-space:nowrap}.hm-v202-top-legend i{width:6px;height:6px;border-radius:6px;background:var(--hm-member-color)}


/* Poznámky tímu: jeden riadok na vstup, tabuľa samostatných zápisov pod ním. */
.hm-v202-note-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:8px;align-items:center;margin-bottom:8px;padding:8px 9px;border:1px solid #dce7f2;border-left:4px solid var(--hm-member-color);border-radius:12px;background:linear-gradient(90deg,var(--hm-member-soft),#fff 34%)}.hm-v202-note-row>span{display:inline-flex;align-items:center;gap:5px;color:var(--hm-member-color);font-size:11.5px!important;font-weight:950;white-space:nowrap}.hm-v202-note-row>span i{width:8px;height:8px;border-radius:6px;background:var(--hm-member-color)}.hm-v202-note-row input{width:100%;min-width:0;height:30px;border:1px solid #cfdae8;border-radius:9px;padding:0 10px;background:#fff;color:#294765;font-size:12.5px!important;outline:none}.hm-v202-note-row input:focus{border-color:var(--hm-member-color);box-shadow:0 0 0 2px color-mix(in srgb,var(--hm-member-color) 12%,transparent)}.hm-v202-note-row button{height:30px;border:0;border-radius:9px;padding:0 12px;background:var(--hm-member-color);color:#fff;font-size:11.5px!important;font-weight:950;cursor:pointer}.hm-v202-note-board{padding-top:2px}

/* Poznámky ku každej priorite. */
.hm-v202-priority-notes{margin-top:12px;padding-top:12px;border-top:1px solid #dfe8f2}.hm-v202-priority-note-head{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-bottom:8px}.hm-v202-priority-note-head>div{display:grid;gap:2px}.hm-v202-priority-note-head span{color:#7b8da4;font-size:10.5px!important;font-weight:950;letter-spacing:.1em}.hm-v202-priority-note-head strong{color:#163b69;font-size:10px!important}.hm-v202-priority-note-head>b{display:grid;place-items:center;min-width:28px;height:28px;border-radius:9px;background:#eef5fd;color:#0b63c8;font-size:8px!important}.hm-v202-priority-note-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:5px;align-items:center;padding:7px 8px;border:1px solid #dde7f2;border-left:4px solid var(--hm-member-color);border-radius:11px;background:var(--hm-member-soft)}.hm-v202-priority-note-row>span{display:inline-flex;align-items:center;gap:5px;color:var(--hm-member-color);font-size:11px!important;font-weight:950;white-space:nowrap}.hm-v202-priority-note-row>span i{width:7px;height:7px;border-radius:6px;background:var(--hm-member-color)}.hm-v202-priority-note-row input{height:32px;width:100%;min-width:0;border:1px solid #ccd9e7;border-radius:8px;background:#fff;padding:0 9px;color:#304d6a;font-size:8px!important}.hm-v202-priority-note-row button{height:32px;border:0;border-radius:8px;padding:0 10px;background:var(--hm-member-color);color:#fff;font-size:11px!important;font-weight:950;cursor:pointer}.hm-v202-priority-note-list{display:grid;gap:5px;margin-top:8px;max-height:220px;overflow:auto;padding-right:2px}.hm-v202-priority-note{display:grid;grid-template-columns:8px minmax(0,1fr) auto;gap:5px;padding:8px 9px;border:1px solid #e1e9f2;border-radius:8px;background:linear-gradient(90deg,var(--hm-member-soft),#fff 48%)}.hm-v202-priority-note>i{width:8px;height:8px;margin-top:3px;border-radius:6px;background:var(--hm-member-color)}.hm-v202-priority-note strong{color:var(--hm-member-color);font-size:7.5px!important}.hm-v202-priority-note p{margin:2px 0;color:#455f7a;font-size:12px!important;line-height:1.35}.hm-v202-priority-note small{color:#96a2b1;font-size:6.5px!important}.hm-v202-priority-note>button{border:0;background:transparent;color:#9aa7b6;font-size:16px!important;cursor:pointer;padding:0 2px}.hm-v202-priority-note>button:hover{color:#d04444}

.hm-v202-target-flash{animation:hmV202TargetFlash 2.2s ease both}@keyframes hmV202TargetFlash{0%,20%{box-shadow:0 0 0 4px rgba(17,105,211,.18),0 15px 34px rgba(17,72,132,.10)}100%{box-shadow:none}}

@media(max-width:900px){.hm-v202-top-legend{display:none}.hm-v202-note-row, .hm-v202-priority-note-row{grid-template-columns:1fr}.hm-v202-note-row>span, .hm-v202-priority-note-row>span{justify-self:start}.hm-v202-note-row button, .hm-v202-priority-note-row button{width:100%}}


/* v205 – konkrétne stará → nová hodnota v audite backoffice */
.hm-v205-activity-detail{display:block;margin-top:5px;padding:7px 9px;border-radius:9px;background:var(--hm-member-soft,#f3f6f9);border-left:3px solid var(--hm-member-color,#718096);color:#405873;font-size:12px!important;line-height:1.45;font-weight:700;white-space:normal}
.hm-v199-activity-item:hover .hm-v205-activity-detail{background:#fff}
.hm-v200-last-edit p{white-space:normal;line-height:1.5!important}
.hm-v205-last-edit{margin-bottom:4px}
.hm-v199-quiz-item>summary div{min-width:0}
.hm-v199-quiz-item>summary div small:last-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;display:block}


/* =========================================================================
   v206: formuláre až po rozkliknutí + osobné skrytie Posledných zmien
   ========================================================================= */
.hm-v206-section-hint{display:block!important;margin-top:6px!important;color:#8a9aaf!important;font-size:11px!important;font-weight:700!important;letter-spacing:0!important}
.hm-v206-activity-card{position:relative!important;grid-template-columns:38px minmax(0,1fr)!important;padding-right:43px!important;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}
.hm-v206-activity-card:hover{transform:translateY(-1px);box-shadow:0 9px 20px rgba(24,64,111,.08)}
.hm-v206-activity-main{display:grid;grid-template-columns:minmax(0,1fr) 18px;gap:8px;align-items:center;min-width:0;color:inherit!important;text-decoration:none!important}
.hm-v206-activity-main>div{min-width:0}.hm-v206-activity-main>em{font-style:normal;color:var(--hm-member-color);font-size:16px!important;font-weight:950;opacity:.65}.hm-v206-activity-main:hover>em{opacity:1}
.hm-v206-dismiss-activity{position:absolute;right:10px;top:10px!important;margin:0!important;padding:0!important;display:block!important}
.hm-v206-dismiss-activity button{display:grid!important;place-items:center!important;width:24px!important;height:24px!important;min-height:0!important;padding:0!important;border:1px solid #dce4ee!important;border-radius:8px!important;background:#fff!important;color:#8797ab!important;font-size:17px!important;font-weight:900!important;line-height:1!important;cursor:pointer!important;box-shadow:none!important}
.hm-v206-dismiss-activity button:hover{border-color:#efcaca!important;background:#fff3f3!important;color:#c74646!important}

.hm-v206-create-panel{margin:0 0 16px;border:1px solid #dce6f1;border-radius:17px;background:#fff;overflow:hidden;box-shadow:0 10px 28px rgba(22,54,96,.045)}
.hm-v206-create-panel>summary{list-style:none;display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:11px;padding:13px 15px;cursor:pointer;background:#fbfdff;transition:background .15s ease,border-color .15s ease}
.hm-v206-create-panel>summary::-webkit-details-marker{display:none}.hm-v206-create-panel>summary:hover{background:#f5f9ff}
.hm-v206-create-panel>summary>span{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:#eaf3ff;color:#0b64cc;font-size:21px!important;font-weight:950}
.hm-v206-create-panel>summary>div{display:grid;gap:2px;min-width:0}.hm-v206-create-panel>summary strong{color:#123b69;font-size:11px!important}.hm-v206-create-panel>summary small{color:#8494a9;font-size:7.5px!important}.hm-v206-create-panel>summary>b{padding:5px 7px;border-radius:9px;background:#edf5ff;color:#0b64cc;font-size:11.5px!important;font-weight:950}
.hm-v206-create-panel[open]>summary{border-bottom:1px solid #e5edf6;background:#f8fbff}.hm-v206-create-panel[open]>summary>b::before{content:"Zavrieť";font-size:7.5px!important}.hm-v206-create-panel[open]>summary>b{font-size:0!important}.hm-v206-create-body{padding:14px}
.hm-v206-create-body>.hm-bo-form-card{margin:0!important;border:0!important;border-radius:13px!important;box-shadow:none!important;background:#fbfdff!important}
.hm-v206-profile-panel>summary>span{font-size:13px!important}

@media(max-width:760px){
  .hm-v206-activity-card{padding-right:39px!important}.hm-v206-create-panel>summary{grid-template-columns:34px minmax(0,1fr)}.hm-v206-create-panel>summary>b{grid-column:2;justify-self:start}.hm-v206-create-panel>summary>span{width:34px;height:34px}.hm-v206-create-body{padding:9px}
}


/* =========================================================================
   v207: interné Návrhy – súhlasy a pripomienky tímu
   ========================================================================= */
.hm-v207-proposal-list{display:grid;gap:12px}




.hm-v207-comments-head{display:flex;align-items:center;gap:5px;margin-bottom:9px}.hm-v207-comments-head strong{color:#183d68;font-size:9px!important}.hm-v207-comments-head span{display:grid;place-items:center;min-width:23px;height:23px;border-radius:8px;background:#edf4fc;color:#37638f;font-size:11px!important;font-weight:950}.hm-v207-comment-list{display:grid;gap:7px}.hm-v207-comment{display:grid;grid-template-columns:8px minmax(0,1fr);gap:8px;padding:9px 10px;border-radius:11px;border:1px solid #e0e8f1;background:linear-gradient(90deg,var(--hm-member-soft),#fff 50%)}.hm-v207-comment>i{width:8px;height:8px;border-radius:6px;margin-top:3px;background:var(--hm-member-color)}.hm-v207-comment strong{color:var(--hm-member-color);font-size:7.5px!important}.hm-v207-comment p{margin:3px 0;color:#435e79;font-size:12px!important;line-height:1.42}.hm-v207-comment small{color:#94a0af;font-size:6.5px!important}



/* ==========================================================================
   v209 – Problémy bez duplicitnej hlavičky + stavový kalendár s časom
   ========================================================================== */
.hm-v209-problems-workspace{
    padding-top:0!important;
    margin-top:-4px!important;
}
.hm-v209-problems-workspace > .hm-v206-create-panel:first-child{
    margin-top:0!important;
}

/* Deň so záznamom je vždy jasne červený. */
.hm-v201-calendar-panel .hm-v199-calendar-days button.has-notes{
    background:#dc2626!important;
    border-color:#b91c1c!important;
    color:#fff!important;
    box-shadow:0 5px 14px rgba(220,38,38,.18);
}
.hm-v201-calendar-panel .hm-v199-calendar-days button.has-notes:hover{
    background:#c81e1e!important;
    box-shadow:0 0 0 2px rgba(220,38,38,.16),0 5px 14px rgba(220,38,38,.18);
}
.hm-v201-calendar-panel .hm-v199-calendar-days button.has-notes>b{
    color:#fff!important;
}
.hm-v201-calendar-panel .hm-v199-calendar-days button.has-notes>em i{
    border:1px solid rgba(255,255,255,.92);
    box-shadow:0 0 0 1px rgba(0,0,0,.08);
}

/* Uplynutý deň sa automaticky stmaví. */
.hm-v201-calendar-panel .hm-v199-calendar-days button.is-past:not(.has-notes){
    background:#475569!important;
    border-color:#334155!important;
    color:#e2e8f0!important;
    opacity:.72;
}
.hm-v201-calendar-panel .hm-v199-calendar-days button.is-past:not(.has-notes)>b{
    color:#e2e8f0!important;
}
.hm-v201-calendar-panel .hm-v199-calendar-days button.is-past.has-notes{
    background:#991b1b!important;
    border-color:#7f1d1d!important;
    opacity:.82;
}

/* Dátum + voliteľný čas v jednom riadku. */
.hm-v209-calendar-date-time{
    display:grid;
    grid-template-columns:minmax(0,1.35fr) minmax(120px,.65fr);
    gap:8px;
}
.hm-v209-calendar-date-time label>span small{
    font-size:11px!important;
    font-weight:700;
    color:#8797aa;
}

/* Dátum udalosti a jej čas v zozname. */
.hm-v201-calendar-note{
    grid-template-columns:64px minmax(0,1fr) auto!important;
}
.hm-v201-calendar-note time{
    display:flex!important;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    gap:2px;
    padding:6px 4px;
}
.hm-v201-calendar-note time b{
    color:#fff;
    font-size:13px!important;
    line-height:1;
}
.hm-v201-calendar-note time span{
    color:#fff;
    font-size:12px!important;
    line-height:1;
    font-weight:950;
}

@media(max-width:640px){
    .hm-v209-calendar-date-time{grid-template-columns:1fr}
}


/* ==========================================================================
   v210 – písmo v celom backoffice +2 px
   ========================================================================== */
/*
 * Jednotlivé explicitné font-size deklarácie backoffice boli zvýšené o 2 px.
 * Nasledujúce minimum pokrýva aj prvky, ktoré predtým veľkosť iba dedili.
 */
body.hm-bo-page{
    font-size:20px;
}
body.hm-bo-page input, body.hm-bo-page textarea, body.hm-bo-page select, body.hm-bo-page button{
    font-family:inherit;
}

/* ==========================================================================
   v211 – čistejší prehľad backoffice
   ========================================================================== */
.hm-v211-topbar > div:first-child > span{
    color:#0b64cc!important;
}
.hm-v211-topbar h1{
    max-width:760px;
}
/* Na hlavnom prehľade už nie sú duplicitné navigačné karty ani druhý welcome hero. */
.hm-bo-dashboard.hm-v199-dashboard{
    align-content:start;
}


/* ==========================================================================
   v212 – stav prítomnosti tímu
   ========================================================================== */
.hm-v212-presence-legend{
    display:flex!important;
    align-items:center!important;
    flex-wrap:wrap!important;
    gap:10px!important;
}
.hm-v212-presence-legend > small{
    display:none!important;
}
.hm-v212-presence-member{
    display:inline-flex!important;
    align-items:center!important;
    gap:5px!important;
    padding:3px 0!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
}
.hm-v212-presence-member > b{
    color:var(--hm-member-color)!important;
    font-size:13px!important;
    font-weight:950!important;
    line-height:1!important;
}
.hm-v212-presence-member > i{
    display:block!important;
    width:8px!important;
    height:8px!important;
    min-width:8px!important;
    border-radius:50%!important;
    background:var(--hm-presence-color)!important;
    border:0!important;
    box-shadow:0 0 0 2px #fff,0 0 0 3px color-mix(in srgb,var(--hm-presence-color) 24%,transparent)!important;
}
.hm-v212-presence-member.is-online > i{
    animation:hm-v212-online-pulse 2.2s ease-in-out infinite;
}
@keyframes hm-v212-online-pulse{
    0%,100%{opacity:1;transform:scale(1)}
    50%{opacity:.65;transform:scale(.86)}
}
@media(max-width:760px){
    .hm-v212-presence-legend{gap:7px!important}
    .hm-v212-presence-member>b{font-size:10px!important}
}


/* ==========================================================================
   v214 – kompaktnejšia zatvorená stránka s viditeľným prihlásením
   ========================================================================== */
.hm-private-login-main{
    padding:26px 0!important;
}
.hm-private-login-label{
    margin:20px auto 0;
    color:#ffd51f;
    font-size:11px!important;
    font-weight:950;
    letter-spacing:.11em;
}
.hm-private-login-form input{
    min-height:48px!important;
    padding:12px 14px!important;
    font-size:14px!important;
}
.hm-private-login-form button{
    min-height:48px!important;
    padding:12px 16px!important;
    font-size:14px!important;
}
@media(max-height:760px){
    .hm-private-login-main{
        padding:14px 0!important;
    }
    .hm-private-login-main h1{
        font-size:clamp(26px,4vw,40px)!important;
    }
    .hm-private-login-main p{
        margin-top:10px!important;
        font-size:14px!important;
        line-height:1.35!important;
    }
    .hm-private-login-label{
        margin-top:12px!important;
    }
    .hm-private-login-form{
        margin-top:10px!important;
    }
}
@media(max-width:560px){
    .hm-private-login-main{
        width:min(94%,520px)!important;
        padding:18px 0!important;
    }
    .hm-private-login-main h1{
        font-size:32px!important;
    }
    .hm-private-login-main p{
        font-size:13px!important;
    }
}


/* ==========================================================================
   v215 – kompaktnejšie VITAJTE + meno a odpočet do volieb
   ========================================================================== */
.hm-v211-topbar .hm-v215-welcome{
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    gap:2px!important;
}
.hm-v211-topbar .hm-v215-welcome > span{
    font-size:9px!important;
    line-height:1!important;
    letter-spacing:.14em!important;
    margin:0 0 2px!important;
}
.hm-v211-topbar .hm-v215-welcome > h1{
    font-size:20px!important;
    line-height:1.05!important;
    margin:0!important;
    letter-spacing:-.025em!important;
}
.hm-v215-election-countdown{
    display:block!important;
    margin-top:4px!important;
    color:#7e91aa!important;
    font-size:10px!important;
    line-height:1.2!important;
    font-weight:800!important;
}
@media(max-width:760px){
    .hm-v211-topbar .hm-v215-welcome > h1{
        font-size:18px!important;
    }
    .hm-v215-election-countdown{
        font-size:10px!important;
    }
}


/* ==========================================================================
   v216 – Návrhy ako zbalený zoznam + ďalšie zväčšenie backoffice
   ========================================================================== */


.hm-v216-proposal-card{border-left-width:4px!important}
.hm-v216-proposal-card>summary{list-style:none}
.hm-v216-proposal-card>summary::-webkit-details-marker{display:none}


/* 16 px = +4 px oproti hlavnému textu návrhu vo v215 (12 px). */


/* ==========================================================================
   v217 – kompaktné poznámky, 4 posledné zmeny, editácia návrhov
   ========================================================================== */

/* Poznámková tabuľa – každý zápis je v jednom riadku. */
.hm-v217-team-note-list{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:7px!important;
    max-height:none!important;
    overflow:visible!important;
}
.hm-v217-note-line{
    position:relative;
    display:grid!important;
    grid-template-columns:110px 92px 118px minmax(0,1fr) auto!important;
    align-items:center!important;
    gap:10px!important;
    min-height:44px!important;
    padding:8px 10px 8px 13px!important;
    border:1px solid #e0e9f3!important;
    border-left:4px solid var(--hm-member-color)!important;
    border-radius:11px!important;
    background:linear-gradient(90deg,var(--hm-member-soft),#fff 28%)!important;
}
.hm-v217-note-line>strong{
    color:var(--hm-member-color)!important;
    font-size:15px!important;
    line-height:1.15!important;
    font-weight:950!important;
    white-space:nowrap!important;
}
.hm-v217-note-day, .hm-v217-note-line>time{
    color:#61758e!important;
    font-size:14px!important;
    line-height:1.15!important;
    font-weight:800!important;
    white-space:nowrap!important;
}
.hm-v217-note-line>p{
    margin:0!important;
    min-width:0!important;
    color:#294867!important;
    font-size:16px!important; /* +3 px oproti doterajším 13 px */
    line-height:1.28!important;
    font-weight:650!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
}
.hm-v217-note-line>p small{
    margin-left:7px!important;
    color:#8a99aa!important;
    font-size:10px!important;
    font-weight:800!important;
}
.hm-v217-note-actions{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:5px!important;
}
.hm-v217-note-actions>form{margin:0!important}
.hm-v217-note-actions>details{position:relative!important}
.hm-v217-note-actions>details>summary{
    list-style:none!important;
    cursor:pointer!important;
    color:#1765b8!important;
    font-size:12px!important;
    font-weight:900!important;
    white-space:nowrap!important;
}
.hm-v217-note-actions>details>summary::-webkit-details-marker{display:none!important}
.hm-v217-note-actions>details>form{
    position:absolute!important;
    z-index:30!important;
    right:0!important;
    top:calc(100% + 7px)!important;
    width:min(430px,70vw)!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    gap:7px!important;
    padding:9px!important;
    background:#fff!important;
    border:1px solid #dce7f2!important;
    border-radius:11px!important;
    box-shadow:0 15px 35px rgba(20,54,91,.15)!important;
}
.hm-v217-note-actions>details input{
    min-width:0!important;
    height:38px!important;
    border:1px solid #cddbea!important;
    border-radius:8px!important;
    padding:0 9px!important;
    font-size:14px!important;
}
.hm-v217-note-actions>details button{
    border:0!important;
    border-radius:8px!important;
    padding:0 11px!important;
    background:#1768c7!important;
    color:#fff!important;
    font-size:12px!important;
    font-weight:900!important;
}
.hm-v217-note-dismiss{
    width:28px!important;
    height:28px!important;
    display:grid!important;
    place-items:center!important;
    padding:0!important;
    border:0!important;
    border-radius:8px!important;
    background:#f1f4f8!important;
    color:#77899d!important;
    font-size:18px!important;
    line-height:1!important;
    cursor:pointer!important;
}
.hm-v217-note-dismiss:hover{background:#feecec!important;color:#c43d3d!important}

/* Zobrazíme 4 položky, ďalšie rozbalíme jedným tlačidlom. */
.hm-v217-more-panel{
    grid-column:1/-1!important;
    width:100%!important;
    margin-top:4px!important;
}
.hm-v217-more-panel>summary{
    list-style:none!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:7px!important;
    min-height:38px!important;
    padding:8px 13px!important;
    border:1px solid #d8e4f1!important;
    border-radius:10px!important;
    background:#f7faff!important;
    color:#1765b8!important;
    font-size:13px!important;
    font-weight:950!important;
    cursor:pointer!important;
}
.hm-v217-more-panel>summary::-webkit-details-marker{display:none!important}
.hm-v217-more-panel>summary span{
    display:grid!important;
    place-items:center!important;
    min-width:24px!important;
    height:24px!important;
    padding:0 6px!important;
    border-radius:999px!important;
    background:#e7f1fd!important;
    color:#1765b8!important;
    font-size:11px!important;
}
.hm-v217-more-panel[open]>summary{margin-bottom:8px!important}
.hm-v217-more-content{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:7px!important;
}
.hm-v217-activity-feed{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
}
.hm-v217-more-activity>.hm-v217-more-content{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
}

/* Návrhy – autor ich môže upraviť a vymazať. */


/* Súhlas + pripomienka presne vedľa seba v jednom riadku. */






@media(max-width:980px){
    .hm-v217-note-line{
        grid-template-columns:95px 82px 105px minmax(0,1fr) auto!important;
        gap:7px!important;
    }
    .hm-v217-activity-feed, .hm-v217-more-activity>.hm-v217-more-content{
        grid-template-columns:1fr!important;
    }
}
@media(max-width:720px){
    .hm-v217-note-line{
        grid-template-columns:1fr auto!important;
        gap:5px 8px!important;
    }
    .hm-v217-note-line>strong, .hm-v217-note-day, .hm-v217-note-line>time, .hm-v217-note-line>p{
        grid-column:1!important;
    }
    .hm-v217-note-actions{
        grid-column:2!important;
        grid-row:1/5!important;
    }
    .hm-v217-note-line>p{
        white-space:normal!important;
    }
    
}


/* ==========================================================================
   v218 – dokumenty + blogové schvaľovanie + upozornenia v menu
   ========================================================================== */

/* Názvy nahraných dokumentov +3 px. */
.hm-v200-document-item>div:nth-child(2)>strong{
    font-size:13px!important;
    line-height:1.25!important;
}

/* Blikajúce upozornenia pri rubrikách. */
.hm-bo-side-nav a>strong{
    display:flex!important;
    align-items:center!important;
    gap:7px!important;
    min-width:0!important;
}
.hm-v218-nav-notice{
    display:inline-grid!important;
    place-items:center!important;
    min-width:23px!important;
    height:23px!important;
    padding:0 6px!important;
    margin-left:auto!important;
    border-radius:999px!important;
    background:#ef3340!important;
    color:#fff!important;
    font-style:normal!important;
    font-size:11px!important;
    line-height:1!important;
    font-weight:1000!important;
    box-shadow:0 0 0 0 rgba(239,51,64,.38);
    animation:hm-v218-notice-pulse 1.35s ease-in-out infinite;
}
@keyframes hm-v218-notice-pulse{
    0%,100%{transform:scale(1);box-shadow:0 0 0 0 rgba(239,51,64,.34)}
    50%{transform:scale(1.10);box-shadow:0 0 0 6px rgba(239,51,64,0)}
}

/* Všetky blogy tímu + schvaľovanie. */
.hm-v218-blog-list{display:grid!important;gap:9px!important}
.hm-v218-blog-item{
    overflow:visible!important;
    border-left:4px solid var(--hm-member-color)!important;
    background:#fff!important;
}
.hm-v218-blog-item.is-approved{box-shadow:inset 0 0 0 1px rgba(25,135,76,.15)!important}
.hm-v218-blog-summary{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:14px!important;
    padding:15px 16px!important;
}
.hm-v218-blog-summary>div{display:grid!important;gap:3px!important;min-width:0!important}
.hm-v218-blog-summary>div>strong{
    color:#173866!important;
    font-size:18px!important;
    line-height:1.25!important;
}
.hm-v218-blog-summary>div>small{
    color:var(--hm-member-color)!important;
    font-size:12px!important;
    font-weight:850!important;
}
.hm-v218-blog-progress, .hm-v218-blog-approved{
    flex:0 0 auto!important;
    border-radius:9px!important;
    padding:7px 9px!important;
    font-size:11px!important;
    font-weight:950!important;
}
.hm-v218-blog-progress{background:#edf5ff!important;color:#1765b8!important}
.hm-v218-blog-approved{background:#e8f8ee!important;color:#197e48!important}
.hm-v218-blog-detail{
    display:grid!important;
    gap:13px!important;
    padding:0 16px 16px!important;
    border-top:1px solid #e5edf5!important;
}
.hm-v218-blog-preview{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:18px!important;
    padding-top:15px!important;
}
.hm-v218-blog-preview.has-photo{
    grid-template-columns:minmax(0,1fr) 220px!important;
}
.hm-v218-blog-preview>img{
    width:220px!important;
    max-height:190px!important;
    object-fit:cover!important;
    border-radius:14px!important;
    border:1px solid #dce7f2!important;
}
.hm-v218-blog-text{
    color:#2e4d6d!important;
    font-size:15px!important;
    line-height:1.55!important;
}
.hm-v218-blog-text p:first-child{margin-top:0!important}
.hm-v218-blog-approval-panel{
    display:grid!important;
    gap:8px!important;
    padding:12px!important;
    border:1px solid #dce8f4!important;
    border-radius:12px!important;
    background:#f9fbfe!important;
}
.hm-v218-blog-approval-panel>div:first-child{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:12px!important;
}
.hm-v218-blog-approval-panel strong{color:#24496f!important;font-size:13px!important}
.hm-v218-blog-approval-panel small{color:#7d8fa5!important;font-size:11px!important}
.hm-v218-blog-approval-people{display:flex!important;flex-wrap:wrap!important;gap:6px!important}
.hm-v218-blog-approval-people>span{
    border-left:3px solid var(--hm-member-color)!important;
    border-radius:8px!important;
    padding:5px 8px!important;
    background:var(--hm-member-soft)!important;
    color:var(--hm-member-color)!important;
    font-size:11px!important;
    font-weight:950!important;
}
.hm-v218-blog-action-row{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:8px!important;
    align-items:start!important;
}
.hm-v218-blog-action-row>form, .hm-v218-blog-action-row>details{margin:0!important;width:100%!important}
.hm-v218-blog-agree, .hm-v218-blog-author-note, .hm-v218-blog-comment-action>summary{
    min-height:42px!important;
    width:100%!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    box-sizing:border-box!important;
    border-radius:10px!important;
    font-size:13px!important;
    font-weight:950!important;
}
.hm-v218-blog-agree{
    border:0!important;
    background:#1267c7!important;
    color:#fff!important;
    cursor:pointer!important;
}
.hm-v218-blog-agree.is-done{background:#eaf5ef!important;color:#27754c!important}
.hm-v218-blog-author-note{
    padding:8px 11px!important;
    background:#f2f5f8!important;
    color:#6d7f94!important;
}
.hm-v218-blog-comment-action{position:relative!important}
.hm-v218-blog-comment-action>summary{
    list-style:none!important;
    border:1px solid #cdddec!important;
    background:#fff!important;
    color:#1765b8!important;
    cursor:pointer!important;
}
.hm-v218-blog-comment-action>summary::-webkit-details-marker{display:none!important}
.hm-v218-blog-comment-action>form{
    position:absolute!important;
    z-index:30!important;
    right:0!important;
    top:calc(100% + 7px)!important;
    width:min(520px,75vw)!important;
    display:grid!important;
    gap:7px!important;
    padding:10px!important;
    border:1px solid #dce7f2!important;
    border-radius:11px!important;
    background:#fff!important;
    box-shadow:0 16px 38px rgba(17,52,91,.16)!important;
}
.hm-v218-blog-comment-action textarea{
    width:100%!important;
    border:1px solid #cddbea!important;
    border-radius:9px!important;
    padding:9px!important;
    font-size:14px!important;
}
.hm-v218-blog-comment-action button{
    justify-self:end!important;
    border:0!important;
    border-radius:8px!important;
    padding:9px 12px!important;
    background:#1768c7!important;
    color:#fff!important;
    font-size:12px!important;
    font-weight:950!important;
}
.hm-v218-blog-comments{
    border-top:1px solid #e4ebf3!important;
    padding-top:11px!important;
}
.hm-v218-blog-edit{
    border-top:1px solid #e4ebf3!important;
    padding-top:10px!important;
}
.hm-v218-blog-edit>summary{
    list-style:none!important;
    display:inline-flex!important;
    align-items:center!important;
    min-height:38px!important;
    padding:8px 12px!important;
    border:1px solid #cedded!important;
    border-radius:9px!important;
    color:#1765b8!important;
    font-size:12px!important;
    font-weight:950!important;
    cursor:pointer!important;
}
.hm-v218-blog-edit>summary::-webkit-details-marker{display:none!important}
.hm-v218-blog-edit>.hm-bo-form{
    padding-top:12px!important;
}

@media(max-width:760px){
    .hm-v218-blog-preview.has-photo{grid-template-columns:1fr!important}
    .hm-v218-blog-preview>img{width:100%!important;max-width:380px!important}
    .hm-v218-blog-action-row{grid-template-columns:1fr 1fr!important}
}


/* ==========================================================================
   v219 – upozornenia, väčšie otázky, prvé mená, profil tímu
   ========================================================================== */

/* Odpočet volieb je výraznejší. */
.hm-v215-election-countdown{
    color:#d31325!important;
    font-size:10px!important;
    font-weight:1000!important;
    letter-spacing:.01em!important;
}

/* Vymazať všetky upozornenia v Prehľade. */
.hm-v219-activity-tools{
    display:flex!important;
    align-items:center!important;
    gap:8px!important;
    flex:0 0 auto!important;
}
.hm-v219-activity-tools>b{
    display:grid!important;
    place-items:center!important;
    min-width:34px!important;
    height:34px!important;
    padding:0 8px!important;
    border-radius:11px!important;
    background:#edf5ff!important;
    color:#0b64cc!important;
    font-size:12px!important;
}
.hm-v219-activity-tools form{margin:0!important}
.hm-v219-activity-tools button{
    min-height:34px!important;
    border:1px solid #efc8c8!important;
    border-radius:10px!important;
    padding:7px 11px!important;
    background:#fff6f6!important;
    color:#bd303b!important;
    font-size:11px!important;
    font-weight:950!important;
    cursor:pointer!important;
}

/* Aktuálne kvízové otázky +2 px. */
.hm-v199-quiz-item>summary strong{
    font-size:12px!important;
}
.hm-v199-quiz-item>summary small{
    font-size:10px!important;
}

/* Horná päťka – meno je klikateľné rovnako ako fotografia. */
.hm-pledge-summary[role="button"]{
    cursor:pointer!important;
}
.hm-pledge-summary[role="button"]:focus-visible{
    outline:3px solid rgba(255,212,0,.55)!important;
    outline-offset:4px!important;
    border-radius:12px!important;
}

/* Backoffice editor rozšíreného verejného profilu. */
.hm-v219-profile-form{
    display:grid!important;
    gap:20px!important;
}
.hm-v219-profile-main-fields{
    display:grid!important;
    gap:13px!important;
}
.hm-v219-profile-gallery-editor{
    display:grid!important;
    gap:13px!important;
    padding:16px!important;
    border:1px solid #dce7f2!important;
    border-radius:16px!important;
    background:#f9fbfe!important;
}
.hm-v219-profile-subhead{
    display:flex!important;
    align-items:flex-start!important;
    justify-content:space-between!important;
    gap:14px!important;
}
.hm-v219-profile-subhead span{
    color:#0b64cc!important;
    font-size:10px!important;
    font-weight:1000!important;
    letter-spacing:.12em!important;
}
.hm-v219-profile-subhead h3{
    margin:3px 0 2px!important;
    color:#123b6c!important;
    font-size:18px!important;
}
.hm-v219-profile-subhead p{
    margin:0!important;
    color:#72879f!important;
    font-size:12px!important;
}
.hm-v219-profile-subhead>b{
    display:grid!important;
    place-items:center!important;
    min-width:32px!important;
    height:32px!important;
    border-radius:10px!important;
    background:#eaf3ff!important;
    color:#1765b8!important;
    font-size:12px!important;
}
.hm-v219-existing-gallery{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
}
.hm-v219-existing-gallery article{
    display:grid!important;
    grid-template-columns:120px minmax(0,1fr)!important;
    gap:10px!important;
    padding:9px!important;
    border:1px solid #dce7f2!important;
    border-radius:12px!important;
    background:#fff!important;
}
.hm-v219-existing-gallery img{
    width:120px!important;
    height:92px!important;
    object-fit:cover!important;
    border-radius:9px!important;
}
.hm-v219-existing-gallery article>div{
    display:grid!important;
    align-content:center!important;
    gap:8px!important;
}
.hm-v219-existing-gallery label{
    display:grid!important;
    gap:4px!important;
}
.hm-v219-existing-gallery label>span{
    color:#506c88!important;
    font-size:11px!important;
    font-weight:900!important;
}
.hm-v219-existing-gallery input[type="text"]{
    width:100%!important;
    min-width:0!important;
    border:1px solid #cfdeed!important;
    border-radius:8px!important;
    padding:8px 9px!important;
    font-size:13px!important;
}
.hm-v219-gallery-remove{
    display:flex!important;
    grid-template-columns:auto 1fr!important;
    align-items:center!important;
    color:#b73742!important;
    font-size:11px!important;
    font-weight:900!important;
}
.hm-v219-new-gallery{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:9px!important;
}
.hm-v219-new-gallery-row{
    display:grid!important;
    gap:7px!important;
    padding:10px!important;
    border:1px dashed #cddceb!important;
    border-radius:11px!important;
    background:#fff!important;
}

/* Verejný profil po kliknutí na meno/fotku. */
.hm-modal.hm-modal-team-profile-open .hm-modal-dialog{
    width:min(980px,calc(100vw - 32px))!important;
    max-height:90vh!important;
    overflow:auto!important;
    padding:0!important;
}
.hm-v219-team-profile{
    overflow:hidden!important;
    border-radius:24px!important;
    background:#fff!important;
}
.hm-v219-team-profile-hero{
    display:grid!important;
    grid-template-columns:190px minmax(0,1fr)!important;
    gap:24px!important;
    align-items:center!important;
    padding:26px!important;
    background:
        radial-gradient(circle at 85% 10%,rgba(255,212,0,.18),transparent 24%),
        linear-gradient(135deg,#07377f,#1669ca)!important;
}
.hm-v219-team-profile-photo{
    width:190px!important;
    height:190px!important;
    border-radius:24px!important;
    overflow:hidden!important;
    background:#e8f0f9!important;
    box-shadow:0 18px 42px rgba(0,22,58,.28)!important;
}
.hm-v219-team-profile-photo img{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
}
.hm-v219-team-profile-photo>span{
    width:100%!important;
    height:100%!important;
    display:grid!important;
    place-items:center!important;
    color:#0d4f9c!important;
    font-size:48px!important;
    font-weight:1000!important;
}
.hm-v219-team-profile-title .hm-modal-kicker{
    color:#ffd51d!important;
    font-size:11px!important;
    font-weight:1000!important;
    letter-spacing:.16em!important;
}
.hm-v219-team-profile-title h2{
    margin:5px 0 5px!important;
    color:#fff!important;
    font-size:clamp(34px,4vw,54px)!important;
    line-height:1!important;
    letter-spacing:-.045em!important;
}
.hm-v219-team-profile-title>p{
    margin:0!important;
    color:#dbeafe!important;
    font-size:16px!important;
    font-weight:750!important;
}
.hm-v219-team-profile-meta{
    display:flex!important;
    align-items:center!important;
    flex-wrap:wrap!important;
    gap:8px!important;
    margin-top:15px!important;
}
.hm-v219-team-profile-meta>span{
    display:flex!important;
    align-items:center!important;
    gap:7px!important;
    min-height:40px!important;
    padding:7px 11px!important;
    border-radius:11px!important;
    background:rgba(255,255,255,.12)!important;
    color:#fff!important;
}
.hm-v219-team-profile-meta>span b{
    font-size:18px!important;
}
.hm-v219-team-profile-meta>span small{
    color:#dce9fb!important;
    font-size:10px!important;
    font-weight:850!important;
}
.hm-v219-facebook-link, .hm-v219-secondary-profile-link{
    min-height:40px!important;
    display:inline-flex!important;
    align-items:center!important;
    gap:7px!important;
    padding:7px 12px!important;
    border-radius:11px!important;
    text-decoration:none!important;
    font-size:12px!important;
    font-weight:950!important;
}
.hm-v219-facebook-link{
    background:#fff!important;
    color:#1877f2!important;
}
.hm-v219-facebook-link>span{
    display:grid!important;
    place-items:center!important;
    width:24px!important;
    height:24px!important;
    border-radius:50%!important;
    background:#1877f2!important;
    color:#fff!important;
    font-family:Arial,sans-serif!important;
    font-size:18px!important;
    font-weight:1000!important;
}
.hm-v219-secondary-profile-link{
    border:1px solid rgba(255,255,255,.32)!important;
    color:#fff!important;
    background:rgba(255,255,255,.08)!important;
}
.hm-v219-public-profile-section{
    padding:23px 26px!important;
    border-top:1px solid #e6edf5!important;
}
.hm-v219-public-profile-heading{
    margin-bottom:12px!important;
}
.hm-v219-public-profile-heading>span{
    color:#0b67cc!important;
    font-size:10px!important;
    line-height:1!important;
    font-weight:1000!important;
    letter-spacing:.14em!important;
}
.hm-v219-public-profile-heading>h3{
    margin:4px 0 0!important;
    color:#0d376b!important;
    font-size:23px!important;
    line-height:1.1!important;
}
.hm-v219-team-profile-bio .hm-bio{
    max-width:none!important;
    color:#334f6d!important;
    font-size:15px!important;
    line-height:1.7!important;
}




.hm-v219-public-blog-list{
    display:grid!important;
    gap:8px!important;
}
.hm-v219-public-blog-list details{
    overflow:hidden!important;
    border:1px solid #dce7f2!important;
    border-radius:13px!important;
    background:#fff!important;
}
.hm-v219-public-blog-list summary{
    list-style:none!important;
    display:grid!important;
    grid-template-columns:90px minmax(0,1fr) auto!important;
    gap:12px!important;
    align-items:center!important;
    padding:10px!important;
    cursor:pointer!important;
}
.hm-v219-public-blog-list summary::-webkit-details-marker{display:none!important}
.hm-v219-public-blog-list summary>img{
    width:90px!important;
    height:68px!important;
    object-fit:cover!important;
    border-radius:9px!important;
}
.hm-v219-public-blog-list summary>div{
    min-width:0!important;
}
.hm-v219-public-blog-list summary strong{
    display:block!important;
    color:#173c68!important;
    font-size:14px!important;
    line-height:1.25!important;
}
.hm-v219-public-blog-list summary small{
    display:block!important;
    margin-top:2px!important;
    color:#8a9aac!important;
    font-size:9px!important;
}
.hm-v219-public-blog-list summary p{
    margin:4px 0 0!important;
    color:#627a94!important;
    font-size:11px!important;
    line-height:1.35!important;
}
.hm-v219-public-blog-list summary>b{
    color:#1765b8!important;
    font-size:11px!important;
}
.hm-v219-public-blog-body{
    padding:15px 16px 18px!important;
    border-top:1px solid #e6edf5!important;
    color:#344f6c!important;
    font-size:14px!important;
    line-height:1.65!important;
}
.hm-v219-public-blog-body img{
    max-width:100%!important;
    height:auto!important;
    border-radius:12px!important;
}

/* Rozbalené zoznamy v backoffice – ostatné zatvára JS, vizuálne nech sú jasné. */
.hm-v199-quiz-item[open], .hm-v200-edit-item[open], .hm-bo-poll-card[open], .hm-v216-proposal-card[open], .hm-v218-blog-item[open]{
    box-shadow:0 14px 34px rgba(19,55,94,.09)!important;
}

@media(max-width:760px){
    .hm-v219-activity-head{
        align-items:flex-start!important;
    }
    .hm-v219-activity-tools{
        flex-direction:column!important;
        align-items:flex-end!important;
    }
    .hm-v219-existing-gallery, .hm-v219-new-gallery{
        grid-template-columns:1fr!important;
    }
    .hm-v219-existing-gallery article{
        grid-template-columns:92px minmax(0,1fr)!important;
    }
    .hm-v219-existing-gallery img{
        width:92px!important;
        height:78px!important;
    }
    .hm-v219-team-profile-hero{
        grid-template-columns:1fr!important;
        text-align:center!important;
    }
    .hm-v219-team-profile-photo{
        width:150px!important;
        height:150px!important;
        margin:0 auto!important;
    }
    .hm-v219-team-profile-meta{
        justify-content:center!important;
    }
    
    .hm-v219-public-blog-list summary{
        grid-template-columns:70px minmax(0,1fr)!important;
    }
    .hm-v219-public-blog-list summary>img{
        width:70px!important;
        height:58px!important;
    }
    .hm-v219-public-blog-list summary>b{
        grid-column:2!important;
        justify-self:start!important;
    }
}


/* ==========================================================================
   v220 – tím bez filtra + zbalené rebríčky
   ========================================================================== */

/* Filter volebných obvodov bol odstránený; poistka pre prípad cache HTML. */
.hm-team .hm-district-select{
    display:none!important;
}

/* Rebríček priorít je po načítaní zbalený; otvorenie riadi iba používateľ. */
details#hmResults:not([open]) > *:not(summary){
    display:none!important;
}

/* Rebríček kvízu používa rovnaký základný vizuálny motív ako priority. */


/* Po odstránení filtra má hlavička tímu iba textovú časť. */
.hm-team .hm-section-head-split{
    grid-template-columns:1fr!important;
}
.hm-team .hm-section-head-split>div{
    max-width:760px!important;
}




/* ==========================================================================
   v221 – vstupné boxy ankety „Humenné podľa vás“ a kvízu o 20 % nižšie
   ========================================================================== */

/* Zmenšenie iba vertikálne: šírka a rozloženie ostávajú zachované. */
.hm-entry-shared{
    min-height:0!important;
}
.hm-entry-shared .hm-entry-shared-inner, .hm-entry-shared .hm-entry-layout, .hm-entry-shared .hm-entry-grid{
    min-height:0!important;
}

/* Hlavné vnútorné odsadenie znižujeme približne o pätinu. */
.hm-entry-shared .hm-entry-copy, .hm-entry-shared .hm-entry-content, .hm-entry-shared .hm-entry-left{
    padding-top:20px!important;
    padding-bottom:20px!important;
}
.hm-entry-shared .hm-entry-launch, .hm-entry-shared .hm-entry-right{
    min-height:0!important;
    padding-top:20px!important;
    padding-bottom:20px!important;
}

/* CTA ostáva výrazné, ale nezvyšuje zbytočne výšku celého boxu. */
.hm-entry-shared .hm-entry-launch button, .hm-entry-shared .hm-entry-launch .hm-button, .hm-entry-shared .hm-entry-cta{
    min-height:0!important;
}

/* Konkrétne oba úvodné bloky – finálna poistka proti starším min-height pravidlám. */
#hmPollIntro.hm-entry-shared, #hmQuizIntro.hm-entry-shared, .hm-poll-intro.hm-entry-shared, .hm-quiz-intro.hm-entry-shared{
    min-height:80%!important;
}

/* Menšie vertikálne medzery medzi textovými prvkami pomôžu dosiahnuť ~20 %. */
.hm-entry-shared h2, .hm-entry-shared h3{
    margin-top:0!important;
    margin-bottom:10px!important;
}
.hm-entry-shared p{
    margin-top:7px!important;
    margin-bottom:7px!important;
}
.hm-entry-shared .hm-entry-chips, .hm-entry-shared .hm-entry-stats, .hm-entry-shared .hm-entry-rules{
    margin-top:10px!important;
    margin-bottom:0!important;
}

@media(max-width:760px){
    .hm-entry-shared .hm-entry-copy, .hm-entry-shared .hm-entry-content, .hm-entry-shared .hm-entry-left, .hm-entry-shared .hm-entry-launch, .hm-entry-shared .hm-entry-right{
        padding-top:16px!important;
        padding-bottom:16px!important;
    }
}




/* ==========================================================================
   v222 – päť profilov kompaktnejšie + hlavné motto väčšie
   ========================================================================== */

/* Päť profilov: zmenšujeme hlavne fotografie a vertikálne medzery o cca 10 %. */
#hmPledgeGrid, .hm-pledge-grid{
    row-gap:10px!important;
}
#hmPledgeGrid .hm-pledge-photo, #hmPledgeGrid .hm-pledge-photo-button, .hm-pledge-grid .hm-pledge-photo, .hm-pledge-grid .hm-pledge-photo-button{
    transform:scale(.90)!important;
    transform-origin:center center!important;
}
#hmPledgeGrid .hm-pledge-summary, #hmPledgeGrid .hm-pledge-summary-below, .hm-pledge-grid .hm-pledge-summary, .hm-pledge-grid .hm-pledge-summary-below{
    margin-top:-8px!important;
}

/* Celkový blok s piatimi profilmi je kompaktnejší na výšku. */
#hmPledgeGrid{
    padding-top:0!important;
    padding-bottom:0!important;
}

/* Hlavné motto stránky zväčšené o 10 %. */
.hm-hero h1, .hm-hero-title, .hm-hero-copy h1, .hm-main-hero h1{
    transform:scale(1.10)!important;
    transform-origin:left top!important;
}

/* Dorovnanie priestoru po zväčšení motta. */
.hm-hero-copy, .hm-main-hero .hm-hero-copy{
    overflow:visible!important;
}

@media(max-width:760px){
    #hmPledgeGrid .hm-pledge-photo, #hmPledgeGrid .hm-pledge-photo-button, .hm-pledge-grid .hm-pledge-photo, .hm-pledge-grid .hm-pledge-photo-button{
        transform:scale(.92)!important;
    }
    .hm-hero h1, .hm-hero-title, .hm-hero-copy h1, .hm-main-hero h1{
        transform:scale(1.06)!important;
    }
}




/* ==========================================================================
   v223 – hlavné CTA tlačidlá v ankete a kvíze o 10 % nižšie
   ========================================================================== */
/*
 * Zmenšenie iba vo vertikálnom smere. Šírka a typografia ostávajú zachované.
 * ScaleY je použitý ako finálna poistka proti starším min-height/padding pravidlám.
 */
#hmPollIntro .hm-entry-launch button, #hmPollIntro .hm-entry-launch .hm-button, #hmPollIntro .hm-entry-cta, #hmQuizIntro .hm-entry-launch button, #hmQuizIntro .hm-entry-launch .hm-button, #hmQuizIntro .hm-entry-cta, .hm-poll-intro .hm-entry-launch button, .hm-poll-intro .hm-entry-launch .hm-button, .hm-poll-intro .hm-entry-cta, .hm-quiz-intro .hm-entry-launch button, .hm-quiz-intro .hm-entry-launch .hm-button, .hm-quiz-intro .hm-entry-cta{
    transform:scaleY(.90)!important;
    transform-origin:center center!important;
}


/* ==========================================================================
   v224 – spoločná verejná diskusia pri „VAŠE ODKAZY“
   ========================================================================== */

.hm-opinion-head{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:12px!important;
}
.hm-opinion-discussion-open{
    min-height:34px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:8px!important;
    border:0!important;
    border-radius:999px!important;
    padding:0 15px!important;
    background:#0d62c9!important;
    color:#fff!important;
    font-size:11px!important;
    line-height:1!important;
    font-weight:950!important;
    cursor:pointer!important;
    box-shadow:0 9px 22px rgba(13,98,201,.18)!important;
}
.hm-opinion-discussion-open:hover{
    transform:translateY(-1px)!important;
    background:#084fa9!important;
}
.hm-opinion-discussion-open b{
    color:#ffd400!important;
    font-size:14px!important;
}

.hm-modal.hm-modal-global-discussion-open .hm-modal-dialog{
    width:min(1040px,calc(100vw - 30px))!important;
    max-height:92vh!important;
    overflow:auto!important;
    padding:0!important;
}
.hm-v224-global-discussion{
    background:#f6f9fd!important;
    min-height:560px!important;
}
.hm-v224-global-discussion-head{
    padding:26px 28px 20px!important;
    background:
        radial-gradient(circle at 88% 0,rgba(255,212,0,.18),transparent 26%),
        linear-gradient(135deg,#07377f,#1268c9)!important;
}
.hm-v224-global-discussion-head .hm-modal-kicker{
    color:#ffd400!important;
}
.hm-v224-global-discussion-head h2{
    margin:6px 0 8px!important;
    color:#fff!important;
    font-size:clamp(30px,4vw,46px)!important;
    line-height:1!important;
    letter-spacing:-.04em!important;
}
.hm-v224-global-discussion-head p{
    max-width:760px!important;
    margin:0!important;
    color:#d8e7fa!important;
    font-size:13px!important;
    line-height:1.5!important;
}

.hm-v224-discussion-identity{
    position:sticky!important;
    top:0!important;
    z-index:20!important;
    display:grid!important;
    grid-template-columns:minmax(160px,.7fr) minmax(210px,1fr) minmax(250px,1.35fr)!important;
    gap:10px!important;
    align-items:end!important;
    padding:13px 28px!important;
    border-bottom:1px solid #dbe6f2!important;
    background:rgba(255,255,255,.96)!important;
    backdrop-filter:blur(12px)!important;
}
.hm-v224-discussion-identity label, .hm-v224-discussion-identity-inline label{
    display:grid!important;
    gap:4px!important;
}
.hm-v224-discussion-identity label>span, .hm-v224-discussion-identity-inline label>span{
    color:#274d76!important;
    font-size:10px!important;
    font-weight:900!important;
}
.hm-v224-discussion-identity input, .hm-v224-discussion-identity-inline input{
    width:100%!important;
    min-height:40px!important;
    border:1px solid #cad9e9!important;
    border-radius:10px!important;
    padding:9px 11px!important;
    background:#fff!important;
    color:#17395f!important;
    font-size:12px!important;
    outline:none!important;
}
.hm-v224-discussion-identity input:focus, .hm-v224-discussion-identity-inline input:focus{
    border-color:#2475cf!important;
    box-shadow:0 0 0 3px rgba(36,117,207,.10)!important;
}
.hm-v224-discussion-identity>small{
    align-self:center!important;
    color:#73879e!important;
    font-size:10px!important;
    line-height:1.35!important;
}

.hm-v224-global-status{
    min-height:0!important;
    margin:0!important;
    padding:0 28px!important;
    color:#b23a3a!important;
    font-size:11px!important;
    font-weight:800!important;
}
.hm-v224-global-status:not(:empty){
    padding-top:9px!important;
}

.hm-v224-global-discussion-list{
    display:grid!important;
    gap:10px!important;
    padding:18px 28px 28px!important;
}
.hm-v224-global-comment{
    padding:15px 16px!important;
    border:1px solid #dce6f1!important;
    border-radius:15px!important;
    background:#fff!important;
    box-shadow:0 8px 24px rgba(20,58,101,.05)!important;
}
.hm-v224-global-comment>header{
    display:flex!important;
    align-items:flex-start!important;
    justify-content:space-between!important;
    gap:12px!important;
}
.hm-v224-global-comment>header>div{
    color:#4e6680!important;
    font-size:11px!important;
    line-height:1.4!important;
    font-weight:700!important;
}
.hm-v224-global-comment>header b{
    color:#0e376a!important;
    font-size:13px!important;
    font-weight:950!important;
}
.hm-v224-global-comment>header button{
    border:0!important;
    padding:0!important;
    background:transparent!important;
    color:#1266c8!important;
    font:inherit!important;
    font-weight:950!important;
    text-decoration:underline!important;
    text-decoration-thickness:1px!important;
    text-underline-offset:2px!important;
    cursor:pointer!important;
}
.hm-v224-global-comment>header time{
    flex:0 0 auto!important;
    color:#8798aa!important;
    font-size:9px!important;
    white-space:nowrap!important;
}
.hm-v224-global-comment>p{
    margin:10px 0 0!important;
    color:#2d4e70!important;
    font-size:13px!important;
    line-height:1.55!important;
}
.hm-v224-global-comment.is-reply{
    margin-top:8px!important;
    padding:11px 12px!important;
    border-left:4px solid #bdd5ee!important;
    background:#f9fbfe!important;
    box-shadow:none!important;
}
.hm-v224-global-replies, .hm-v224-discussion-replies{
    display:grid!important;
    gap:7px!important;
    margin:10px 0 0 24px!important;
}

.hm-v224-discussion-actions{
    display:flex!important;
    align-items:center!important;
    flex-wrap:wrap!important;
    gap:6px!important;
    margin-top:11px!important;
}
.hm-v224-reaction, .hm-v224-reply-action>summary{
    min-height:31px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:5px!important;
    box-sizing:border-box!important;
    border:1px solid #d6e1ed!important;
    border-radius:9px!important;
    padding:5px 9px!important;
    background:#f8fbff!important;
    color:#496682!important;
    font-size:10px!important;
    font-weight:900!important;
    cursor:pointer!important;
}
.hm-v224-reaction b{
    display:grid!important;
    place-items:center!important;
    min-width:18px!important;
    height:18px!important;
    padding:0 4px!important;
    border-radius:999px!important;
    background:#eaf1f8!important;
    color:#3a5c7e!important;
    font-size:9px!important;
}
.hm-v224-reaction.is-active{
    border-color:#1769c9!important;
    background:#eaf4ff!important;
    color:#0f5eb9!important;
}
.hm-v224-reaction.is-active b{
    background:#1769c9!important;
    color:#fff!important;
}
.hm-v224-reply-action{
    position:relative!important;
}
.hm-v224-reply-action>summary{
    list-style:none!important;
}
.hm-v224-reply-action>summary::-webkit-details-marker{display:none!important}
.hm-v224-reply-action>form{
    position:absolute!important;
    z-index:25!important;
    left:0!important;
    top:calc(100% + 7px)!important;
    width:min(430px,78vw)!important;
    display:grid!important;
    gap:7px!important;
    padding:10px!important;
    border:1px solid #d6e2ef!important;
    border-radius:11px!important;
    background:#fff!important;
    box-shadow:0 16px 38px rgba(18,50,88,.16)!important;
}
.hm-v224-reply-action textarea{
    width:100%!important;
    min-height:82px!important;
    resize:vertical!important;
    border:1px solid #ccdbea!important;
    border-radius:9px!important;
    padding:9px 10px!important;
    color:#264968!important;
    font-size:12px!important;
}
.hm-v224-reply-action form>div{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:8px!important;
}
.hm-v224-reply-action form small{
    color:#8495a7!important;
    font-size:9px!important;
}
.hm-v224-reply-action form button{
    border:0!important;
    border-radius:8px!important;
    padding:8px 10px!important;
    background:#1267c7!important;
    color:#fff!important;
    font-size:10px!important;
    font-weight:950!important;
    cursor:pointer!important;
}
.hm-v224-reply-status{
    min-height:0!important;
    margin:0!important;
    color:#b43a3a!important;
    font-size:9px!important;
}

.hm-v224-discussion-identity-inline{
    display:grid!important;
    grid-template-columns:1fr 1.25fr!important;
    gap:9px!important;
}
.hm-v224-email-note{
    color:#7c8fa5!important;
    font-size:9px!important;
    line-height:1.35!important;
}

/* Aj pôvodná diskusia k jednej priorite má reakcie a odpovede. */
.hm-v224-discussion-item{
    overflow:visible!important;
}
.hm-v224-discussion-item.is-reply{
    padding:10px 11px!important;
    background:#f8fbfe!important;
    border-left:4px solid #c7daee!important;
}
.hm-v224-discussion-item .hm-v224-discussion-replies{
    margin-left:20px!important;
}

@media(max-width:720px){
    .hm-opinion-head{
        align-items:flex-start!important;
        padding-inline:8px!important;
    }
    .hm-opinion-discussion-open{
        min-height:30px!important;
        padding:0 11px!important;
        font-size:9px!important;
    }
    .hm-v224-discussion-identity{
        position:static!important;
        grid-template-columns:1fr!important;
        padding:12px 16px!important;
    }
    .hm-v224-global-discussion-head{
        padding:22px 18px 16px!important;
    }
    .hm-v224-global-discussion-list{
        padding:14px 16px 22px!important;
    }
    .hm-v224-global-comment>header{
        display:block!important;
    }
    .hm-v224-global-comment>header time{
        display:block!important;
        margin-top:3px!important;
    }
    .hm-v224-global-replies, .hm-v224-discussion-replies{
        margin-left:10px!important;
    }
    .hm-v224-discussion-identity-inline{
        grid-template-columns:1fr!important;
    }
    .hm-v224-reply-action>form{
        left:auto!important;
        right:0!important;
        width:min(360px,82vw)!important;
    }
}


/* ==========================================================================
   v225 – Motto dňa pod odpočtom do volieb
   ========================================================================== */
.hm-v225-daily-motto{
    display:flex!important;
    align-items:baseline!important;
    gap:7px!important;
    width:100%!important;
    max-width:820px!important;
    margin-top:5px!important;
    color:#405875!important;
    font-size:10px!important;
    line-height:1.35!important;
}
.hm-v225-daily-motto>strong{
    flex:0 0 auto!important;
    color:#173c69!important;
    font-size:10px!important;
    font-weight:1000!important;
    white-space:nowrap!important;
}
.hm-v225-daily-motto>span{
    display:block!important;
    min-width:0!important;
    color:#405875!important;
    font-size:10px!important;
    font-weight:750!important;
}
@media(max-width:760px){
    .hm-v225-daily-motto{
        display:block!important;
        font-size:9px!important;
    }
    .hm-v225-daily-motto>strong, .hm-v225-daily-motto>span{
        font-size:9px!important;
    }
    .hm-v225-daily-motto>strong{
        margin-right:4px!important;
    }
}


/* ==========================================================================
   v226 – Motto dňa o 100 % väčšie
   ========================================================================== */
.hm-v225-daily-motto{
    font-size:20px!important;
    line-height:1.35!important;
}
.hm-v225-daily-motto>strong, .hm-v225-daily-motto>span{
    font-size:20px!important;
}
@media(max-width:760px){
    .hm-v225-daily-motto, .hm-v225-daily-motto>strong, .hm-v225-daily-motto>span{
        font-size:18px!important;
    }
}


/* ==========================================================================
   v227 – VITAJTE + meno v jednom riadku, väčšie Motto dňa
   ========================================================================== */

/* VITAJTE a meno vedľa seba, odpočet a motto pod nimi. */
.hm-v211-topbar .hm-v215-welcome{
    display:grid!important;
    grid-template-columns:auto minmax(0,1fr)!important;
    align-items:baseline!important;
    column-gap:7px!important;
    row-gap:2px!important;
}
.hm-v211-topbar .hm-v215-welcome > span{
    grid-column:1!important;
    grid-row:1!important;
    margin:0!important;
    align-self:baseline!important;
}
.hm-v211-topbar .hm-v215-welcome > h1{
    grid-column:2!important;
    grid-row:1!important;
    margin:0!important;
    align-self:baseline!important;
}
.hm-v215-election-countdown{
    grid-column:1 / -1!important;
    grid-row:2!important;
}
.hm-v225-daily-motto{
    grid-column:1 / -1!important;
    grid-row:3!important;
}

/* Motto dňa +50 % oproti v226: 20 px -> 30 px. */
.hm-v225-daily-motto, .hm-v225-daily-motto>strong, .hm-v225-daily-motto>span{
    font-size:30px!important;
    line-height:1.28!important;
}
.hm-v225-daily-motto{
    margin-top:7px!important;
}

@media(max-width:760px){
    .hm-v225-daily-motto, .hm-v225-daily-motto>strong, .hm-v225-daily-motto>span{
        font-size:27px!important;
    }
}


/* ==========================================================================
   v228 – VITAJ + meno + odpočet v jednom riadku
   ========================================================================== */
.hm-v211-topbar .hm-v215-welcome{
    display:grid!important;
    grid-template-columns:auto auto minmax(0,1fr)!important;
    align-items:baseline!important;
    column-gap:7px!important;
    row-gap:5px!important;
    width:100%!important;
}
.hm-v211-topbar .hm-v215-welcome > span{
    grid-column:1!important;
    grid-row:1!important;
    margin:0!important;
    white-space:nowrap!important;
}
.hm-v211-topbar .hm-v215-welcome > h1{
    grid-column:2!important;
    grid-row:1!important;
    margin:0!important;
    white-space:nowrap!important;
}
.hm-v215-election-countdown{
    grid-column:3!important;
    grid-row:1!important;
    margin:0 0 0 10px!important;
    align-self:baseline!important;
    white-space:nowrap!important;
}
.hm-v225-daily-motto{
    grid-column:1 / -1!important;
    grid-row:2!important;
    margin-top:7px!important;
}

@media(max-width:900px){
    .hm-v211-topbar .hm-v215-welcome{
        grid-template-columns:auto auto!important;
    }
    .hm-v215-election-countdown{
        grid-column:1 / -1!important;
        grid-row:2!important;
        margin-left:0!important;
    }
    .hm-v225-daily-motto{
        grid-row:3!important;
    }
}


/* ==========================================================================
   v229 – kompletný mobilný audit backoffice
   ========================================================================== */

/* Mobilné odhlásenie – desktop používa pôvodný odkaz v sidebare. */
.hm-v229-mobile-logout{
    display:none!important;
}

/* Všetky pracovné prvky musia vedieť zmenšiť svoj obsah bez horizontálneho
   pretečenia. */
.hm-bo-main, .hm-bo-dashboard, .hm-bo-workspace, .hm-bo-form, .hm-bo-form-card, .hm-v199-activity-panel, .hm-v199-notes-panel, .hm-v199-calendar-panel, .hm-v200-edit-item, .hm-v200-document-item, .hm-v206-create-panel, .hm-v218-blog-item{
    min-width:0!important;
}
.hm-bo-page img{
    max-width:100%;
}
.hm-bo-page input, .hm-bo-page textarea, .hm-bo-page select{
    max-width:100%;
}

/* Tablet + mobil: navigácia je dotykovo posúvateľná a nezalamuje rubriky. */
@media(max-width:900px){
    .hm-bo-sidebar{
        overflow:visible!important;
    }
    .hm-bo-side-nav{
        min-width:0!important;
        overscroll-behavior-x:contain!important;
        -webkit-overflow-scrolling:touch!important;
        scrollbar-width:none!important;
        scroll-snap-type:x proximity!important;
        padding-bottom:2px!important;
    }
    .hm-bo-side-nav::-webkit-scrollbar{
        display:none!important;
    }
    .hm-bo-side-nav a{
        scroll-snap-align:start!important;
        white-space:nowrap!important;
    }
    .hm-v229-mobile-logout{
        display:inline-flex!important;
    }
}

/* Hlavný mobilný breakpoint. */
@media(max-width:720px){
    body.hm-bo-page{
        overflow-x:hidden!important;
    }

    .hm-bo-sidebar{
        padding:11px 10px!important;
        gap:9px!important;
    }
    .hm-bo-brand{
        min-height:42px!important;
    }
    .hm-bo-brand>i{
        width:38px!important;
        height:38px!important;
        border-radius:11px!important;
    }
    .hm-bo-brand b{
        font-size:16px!important;
    }
    .hm-bo-side-nav{
        width:100%!important;
        flex-basis:100%!important;
        order:2!important;
    }
    .hm-bo-side-nav a{
        min-height:38px!important;
        padding:4px 8px!important;
    }

    .hm-bo-main{
        padding:17px 11px 54px!important;
    }

    /* Horný panel: nič sa netlačí vedľa veľkého motta. */
    .hm-bo-topbar{
        display:grid!important;
        grid-template-columns:minmax(0,1fr)!important;
        align-items:start!important;
        gap:10px!important;
        margin-bottom:18px!important;
    }
    .hm-v211-topbar .hm-v215-welcome{
        min-width:0!important;
        width:100%!important;
    }
    .hm-v215-election-countdown{
        white-space:normal!important;
        overflow-wrap:anywhere!important;
    }
    .hm-v225-daily-motto{
        width:100%!important;
        max-width:100%!important;
        overflow-wrap:anywhere!important;
        word-break:normal!important;
    }
    .hm-v225-daily-motto>span{
        overflow-wrap:anywhere!important;
    }
    .hm-bo-top-actions, .hm-v202-top-actions{
        width:100%!important;
        justify-content:flex-start!important;
        gap:7px!important;
    }
    .hm-bo-top-actions>a{
        min-height:36px!important;
        padding:0 11px!important;
        font-size:12px!important;
    }

    /* Hlavné panely a formuláre – menej nepotrebného odsadenia. */
    .hm-v199-activity-panel, .hm-v199-notes-panel, .hm-v199-calendar-panel{
        padding:15px!important;
        border-radius:17px!important;
    }
    .hm-bo-form-card{
        padding:14px!important;
        border-radius:15px!important;
    }
    .hm-bo-existing{
        padding:14px!important;
        border-radius:15px!important;
    }
    .hm-bo-workspace-head{
        flex-wrap:wrap!important;
        gap:10px!important;
    }
    .hm-bo-workspace-head h2{
        font-size:30px!important;
        overflow-wrap:anywhere!important;
    }
    .hm-bo-workspace-head p{
        font-size:13px!important;
        line-height:1.45!important;
    }

    /* iOS/Android: 16 px zabraňuje automatickému zoomu po kliknutí do inputu. */
    .hm-bo-page input:not([type="checkbox"]):not([type="radio"]), .hm-bo-page textarea, .hm-bo-page select, .hm-bo-editor{
        font-size:16px!important;
    }

    /* Prehľad – hlavičky sa môžu prirodzene skladať pod seba. */
    .hm-v199-section-head{
        flex-wrap:wrap!important;
        align-items:flex-start!important;
        gap:10px!important;
    }
    .hm-v199-section-head h2{
        font-size:25px!important;
    }
    .hm-v219-activity-head{
        display:flex!important;
        flex-wrap:wrap!important;
    }
    .hm-v219-activity-tools{
        width:100%!important;
        flex-direction:row!important;
        align-items:center!important;
        justify-content:space-between!important;
    }
    .hm-v219-activity-tools form{
        min-width:0!important;
    }

    /* Karty posledných zmien. */
    .hm-v206-activity-card{
        grid-template-columns:34px minmax(0,1fr)!important;
        gap:8px!important;
        padding:10px 39px 10px 9px!important;
    }
    .hm-v199-activity-item>i{
        width:34px!important;
        height:34px!important;
    }
    .hm-v206-activity-main{
        grid-template-columns:minmax(0,1fr)!important;
    }
    .hm-v206-activity-main>em{
        display:none!important;
    }
    .hm-v205-activity-detail{
        overflow-wrap:anywhere!important;
    }

    /* Poznámky. */
    .hm-v202-note-row{
        padding:10px!important;
    }
    .hm-v217-note-line{
        padding:9px 9px 9px 11px!important;
    }
    .hm-v217-note-actions>details>form{
        position:fixed!important;
        z-index:1000!important;
        left:12px!important;
        right:12px!important;
        top:auto!important;
        bottom:12px!important;
        width:auto!important;
        grid-template-columns:minmax(0,1fr)!important;
        padding:11px!important;
    }
    .hm-v217-note-actions>details>form button{
        min-height:40px!important;
    }

    /* Kalendár. */
    .hm-v199-calendar-wrap{
        gap:10px!important;
    }
    .hm-v199-calendar-month{
        padding:10px!important;
        border-radius:13px!important;
    }
    .hm-v199-calendar-weekdays, .hm-v199-calendar-days{
        gap:3px!important;
    }
    .hm-v199-calendar-days span, .hm-v199-calendar-days button{
        min-width:0!important;
    }
    .hm-v201-calendar-note{
        grid-template-columns:58px minmax(0,1fr) auto!important;
        gap:8px!important;
    }

    /* Kvíz: odpovede a štatistiky v jednom stĺpci. */
    .hm-bo-answer-grid{
        grid-template-columns:1fr!important;
    }
    .hm-v199-quiz-item>summary, .hm-v200-edit-item>summary{
        padding:11px!important;
    }
    .hm-v199-answer-table>div{
        grid-template-columns:1fr!important;
        gap:4px!important;
    }
    .hm-v199-answer-table b{
        justify-self:start!important;
    }

    /* Dokumenty. */
    .hm-v200-document-item{
        padding:11px!important;
    }
    .hm-v200-document-item small, .hm-v200-document-item p, .hm-v200-document-item strong{
        white-space:normal!important;
        overflow-wrap:anywhere!important;
    }
    .hm-v200-doc-actions{
        width:100%!important;
        justify-content:stretch!important;
    }
    .hm-v200-doc-actions>a, .hm-v200-doc-actions form{
        flex:1 1 0!important;
    }
    .hm-v200-doc-actions button, .hm-v200-doc-actions>a{
        width:100%!important;
        text-align:center!important;
    }

    /* Návrhy. */
    
    
    
    
    

    /* Blogy – formulár pripomienky už nie je plávajúci popover. */
    .hm-v218-blog-summary{
        align-items:flex-start!important;
    }
    .hm-v218-blog-summary>div>strong{
        overflow-wrap:anywhere!important;
    }
    .hm-v218-blog-comment-action>form{
        position:static!important;
        width:100%!important;
        margin-top:7px!important;
        box-shadow:none!important;
    }
    .hm-v218-blog-edit>.hm-bo-form{
        width:100%!important;
    }

    /* Anketa priorít. */
    .hm-bo-poll-card summary{
        grid-template-columns:32px minmax(0,1fr)!important;
        gap:8px!important;
        padding:10px!important;
    }
    .hm-bo-poll-card summary>span{
        grid-column:2!important;
        justify-self:start!important;
        white-space:normal!important;
    }
    .hm-bo-poll-card-body{
        padding:12px!important;
    }

    /* Profil. */
    .hm-bo-profile-row{
        align-items:flex-start!important;
        flex-direction:column!important;
    }
    .hm-bo-profile-row .hm-bo-file{
        width:100%!important;
    }
    .hm-v219-profile-gallery-editor{
        padding:12px!important;
    }
    .hm-v219-profile-subhead{
        flex-wrap:wrap!important;
    }

    /* Sticky uloženie nesmie zakryť obsah. */
    .hm-bo-sticky-save{
        position:static!important;
        width:100%!important;
        margin-top:12px!important;
    }
}

/* Úzke telefóny 320–520 px. */
@media(max-width:520px){
    .hm-bo-main{
        padding-inline:8px!important;
    }

    .hm-bo-top-actions>a{
        flex:1 1 0!important;
        justify-content:center!important;
        text-align:center!important;
    }

    .hm-v219-activity-tools{
        align-items:stretch!important;
        flex-direction:column!important;
    }
    .hm-v219-activity-tools>b{
        align-self:flex-start!important;
    }
    .hm-v219-activity-tools form, .hm-v219-activity-tools button{
        width:100%!important;
    }

    /* Dve vedľa seba sú na 320–400 px zbytočne stiesnené. */
    .hm-v218-blog-action-row{
        grid-template-columns:1fr!important;
    }

    .hm-v218-blog-summary{
        flex-direction:column!important;
        gap:8px!important;
    }
    .hm-v218-blog-progress, .hm-v218-blog-approved{
        align-self:flex-start!important;
    }

    .hm-v201-calendar-note{
        grid-template-columns:52px minmax(0,1fr)!important;
    }
    .hm-v201-calendar-note>form{
        grid-column:1/-1!important;
        justify-self:end!important;
    }

    .hm-v217-note-line{
        grid-template-columns:minmax(0,1fr) auto!important;
    }

    .hm-bo-files-grid{
        grid-template-columns:1fr!important;
    }

    .hm-bo-existing-row{
        grid-template-columns:26px minmax(0,1fr)!important;
    }
    .hm-bo-existing-row>img{
        grid-column:2!important;
        width:64px!important;
        height:48px!important;
    }

    .hm-v219-existing-gallery article{
        grid-template-columns:1fr!important;
    }
    .hm-v219-existing-gallery img{
        width:100%!important;
        height:auto!important;
        aspect-ratio:4/3!important;
    }

    .hm-bo-login-screen{
        padding:12px!important;
    }
    .hm-bo-login-card{
        padding:22px 17px!important;
        border-radius:20px!important;
    }
    .hm-bo-login-card h1{
        font-size:34px!important;
    }
}

/* Extrémne úzky displej – stále bez horizontálneho scrollu celej stránky. */
@media(max-width:360px){
    .hm-bo-main{
        padding-inline:6px!important;
    }
    .hm-v199-activity-panel, .hm-v199-notes-panel, .hm-v199-calendar-panel, .hm-bo-form-card{
        padding:11px!important;
    }
    .hm-v225-daily-motto, .hm-v225-daily-motto>strong, .hm-v225-daily-motto>span{
        line-height:1.2!important;
    }
}


/* ==========================================================================
   v230 – presnejšie centrovanie a veľkosti backoffice na mobile
   ========================================================================== */

@media(max-width:720px){

    /* Celý obsah má rovnaký stred a rovnaké bočné okraje. */
    .hm-bo-main{
        width:100%!important;
        max-width:100%!important;
        margin:0 auto!important;
        padding:16px 12px 54px!important;
        box-sizing:border-box!important;
    }
    .hm-bo-dashboard, .hm-bo-workspace, .hm-bo-topbar{
        width:100%!important;
        max-width:100%!important;
        margin-left:auto!important;
        margin-right:auto!important;
        box-sizing:border-box!important;
    }

    /* Horný uvítací blok je na mobile skutočne vycentrovaný. */
    .hm-v211-topbar .hm-v215-welcome{
        display:flex!important;
        flex-wrap:wrap!important;
        align-items:baseline!important;
        justify-content:center!important;
        column-gap:6px!important;
        row-gap:3px!important;
        width:100%!important;
        max-width:100%!important;
        margin:0 auto!important;
        text-align:center!important;
    }
    .hm-v211-topbar .hm-v215-welcome > span, .hm-v211-topbar .hm-v215-welcome > h1{
        display:inline!important;
        width:auto!important;
        margin:0!important;
        text-align:center!important;
        white-space:nowrap!important;
    }

    /* VITAJ + meno sú kompaktnejšie, aby na telefóne pôsobili prirodzene. */
    .hm-v211-topbar .hm-v215-welcome > span{
        font-size:11px!important;
        line-height:1.1!important;
    }
    .hm-v211-topbar .hm-v215-welcome > h1{
        font-size:17px!important;
        line-height:1.1!important;
    }

    /* Odpočet je samostatný vycentrovaný riadok. */
    .hm-v215-election-countdown{
        flex:0 0 100%!important;
        width:100%!important;
        margin:4px auto 0!important;
        text-align:center!important;
        white-space:normal!important;
        font-size:13px!important;
        line-height:1.3!important;
    }

    /* Veľké motto ostáva výrazné, ale na mobile je prispôsobené šírke. */
    .hm-v225-daily-motto{
        flex:0 0 100%!important;
        display:block!important;
        width:min(100%,560px)!important;
        max-width:560px!important;
        margin:8px auto 0!important;
        padding:0 4px!important;
        text-align:center!important;
        overflow-wrap:normal!important;
        word-break:normal!important;
    }
    .hm-v225-daily-motto>strong{
        display:block!important;
        margin:0 0 3px!important;
        text-align:center!important;
        font-size:20px!important;
        line-height:1.15!important;
    }
    .hm-v225-daily-motto>span{
        display:block!important;
        width:100%!important;
        text-align:center!important;
        font-size:22px!important;
        line-height:1.22!important;
        font-weight:800!important;
    }

    /* Akcie hore sú na mobile centrované. */
    .hm-bo-top-actions, .hm-v202-top-actions{
        width:100%!important;
        justify-content:center!important;
        text-align:center!important;
    }

    /* Sekcie zostávajú obsahovo zarovnané vľavo, ale samotné karty sú presne v strede. */
    .hm-v199-activity-panel, .hm-v199-notes-panel, .hm-v199-calendar-panel, .hm-bo-form-card, .hm-bo-existing, .hm-v206-create-panel, .hm-v200-edit-item, .hm-v218-blog-item, .hm-bo-poll-card{
        width:100%!important;
        max-width:100%!important;
        margin-left:auto!important;
        margin-right:auto!important;
        box-sizing:border-box!important;
    }

    /* Hlavné titulky sekcií majú stabilnú mobilnú mierku. */
    .hm-bo-workspace-head{
        width:100%!important;
        text-align:left!important;
    }
    .hm-bo-workspace-head h2{
        font-size:27px!important;
        line-height:1.08!important;
    }

    /* Formulárové tlačidlá majú rovnakú šírku a sú v strede. */
    .hm-bo-submit{
        width:100%!important;
        max-width:420px!important;
        margin-left:auto!important;
        margin-right:auto!important;
        justify-content:center!important;
        text-align:center!important;
    }
}

@media(max-width:520px){
    .hm-bo-main{
        padding-left:10px!important;
        padding-right:10px!important;
    }

    /* Na menších telefónoch motto o kúsok menšie, aby nelámalo slová. */
    .hm-v225-daily-motto>strong{
        font-size:18px!important;
    }
    .hm-v225-daily-motto>span{
        font-size:20px!important;
        line-height:1.23!important;
    }

    .hm-v215-election-countdown{
        font-size:12px!important;
    }

    .hm-v211-topbar .hm-v215-welcome > h1{
        font-size:16px!important;
    }

    .hm-bo-top-actions{
        justify-content:center!important;
    }
}

@media(max-width:360px){
    .hm-bo-main{
        padding-left:8px!important;
        padding-right:8px!important;
    }

    .hm-v225-daily-motto>strong{
        font-size:17px!important;
    }
    .hm-v225-daily-motto>span{
        font-size:18px!important;
        line-height:1.22!important;
    }

    .hm-v211-topbar .hm-v215-welcome > span{
        font-size:10px!important;
    }
    .hm-v211-topbar .hm-v215-welcome > h1{
        font-size:15px!important;
    }
}


/* ==========================================================================
   v231 – rubrika Foto
   ========================================================================== */
.hm-v231-photo-workspace{
    display:grid!important;
    gap:18px!important;
}
.hm-v231-photo-upload-form{
    display:grid!important;
    gap:14px!important;
}


.hm-v231-photo-approval-panel{
    display:grid!important;
    gap:10px!important;
    padding:13px!important;
    border:1px solid #dce6ef!important;
    border-radius:13px!important;
    background:#f9fbfd!important;
}

.hm-v231-photo-approval-title{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:10px!important;
}
.hm-v231-photo-approval-title strong{
    display:block!important;
    color:#183d67!important;
    font-size:14px!important;
}
.hm-v231-photo-approval-title small{
    display:block!important;
    margin-top:2px!important;
    color:#7c8fa3!important;
    font-size:10px!important;
}
.hm-v231-photo-approval-title>b{
    border-radius:999px!important;
    padding:6px 10px!important;
    background:#dff5e6!important;
    color:#138148!important;
    font-size:10px!important;
    font-weight:1000!important;
}
.hm-v231-photo-voters{
    display:flex!important;
    flex-wrap:wrap!important;
    gap:6px!important;
}
.hm-v231-photo-voters>span{
    border:1px solid color-mix(in srgb,var(--hm-member-color) 24%,#dbe5ef)!important;
    border-radius:999px!important;
    padding:6px 9px!important;
    background:var(--hm-member-soft,#f2f5f8)!important;
    color:var(--hm-member-color,#586d82)!important;
    font-size:10px!important;
    font-weight:950!important;
}
.hm-v231-photo-voters>small{
    color:#7a8da0!important;
    font-size:10px!important;
}

.hm-v231-photo-actions{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    gap:9px!important;
    align-items:start!important;
}
.hm-v231-photo-actions>form{
    margin:0!important;
}
.hm-v231-photo-agree, .hm-v231-photo-comment-action>summary{
    width:100%!important;
    min-height:42px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    box-sizing:border-box!important;
    border:0!important;
    border-radius:10px!important;
    padding:9px 12px!important;
    cursor:pointer!important;
    font-size:11px!important;
    font-weight:1000!important;
}
.hm-v231-photo-agree{
    background:#1267c7!important;
    color:#fff!important;
}
.hm-v231-photo-agree.is-done{
    background:#daf2e2!important;
    color:#137c43!important;
    cursor:default!important;
}
.hm-v231-photo-vote-note{
    min-height:42px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    border-radius:10px!important;
    background:#f0f4f8!important;
    color:#728498!important;
    font-size:10px!important;
    font-weight:850!important;
    text-align:center!important;
}
.hm-v231-photo-comment-action{
    position:relative!important;
}
.hm-v231-photo-comment-action>summary{
    list-style:none!important;
    background:#edf4fb!important;
    color:#165fae!important;
}
.hm-v231-photo-comment-action>summary::-webkit-details-marker{display:none!important}
.hm-v231-photo-comment-action>form{
    display:grid!important;
    gap:8px!important;
    margin-top:8px!important;
    padding:10px!important;
    border:1px solid #d9e5f0!important;
    border-radius:11px!important;
    background:#fff!important;
}
.hm-v231-photo-comment-action textarea{
    width:100%!important;
    resize:vertical!important;
    border:1px solid #cbdbea!important;
    border-radius:9px!important;
    padding:9px 10px!important;
    font-size:13px!important;
}
.hm-v231-photo-comment-action button{
    justify-self:end!important;
    min-height:36px!important;
    border:0!important;
    border-radius:8px!important;
    padding:8px 11px!important;
    background:#1267c7!important;
    color:#fff!important;
    font-size:10px!important;
    font-weight:950!important;
}
.hm-v231-photo-comments{
    padding-top:2px!important;
}
.hm-v231-photo-owner-tools{
    display:flex!important;
    justify-content:flex-end!important;
    padding-top:3px!important;
    border-top:1px dashed #dce5ee!important;
}
.hm-v231-photo-owner-tools button{
    border:0!important;
    background:transparent!important;
    color:#b83a45!important;
    font-size:10px!important;
    font-weight:900!important;
    cursor:pointer!important;
}


@media(max-width:720px){
    
    
    
    
    
    
    
    
    
    .hm-v231-photo-actions{
        grid-template-columns:1fr!important;
    }
    .hm-v231-photo-comment-action>form{
        position:static!important;
        width:100%!important;
    }
}



/* ==========================================================================
   v232 – oprava mobilného posunu celej obrazovky do strany
   ========================================================================== */

/* Koreň stránky nesmie mať horizontálny presah. */
html, body.hm-bo-page{
    max-width:100%!important;
    overflow-x:hidden!important;
}

/* Box-sizing všade v backoffice, aby padding nerozširoval prvky nad viewport. */
body.hm-bo-page *, body.hm-bo-page *::before, body.hm-bo-page *::after{
    box-sizing:border-box!important;
}

/* Mobil/tablet: celý shell a hlavný obsah presne na viewport. */
@media(max-width:900px){
    body.hm-bo-page{
        width:100%!important;
        min-width:0!important;
        margin:0!important;
        padding:0!important;
    }

    .hm-bo-shell{
        display:block!important;
        width:100%!important;
        max-width:100%!important;
        min-width:0!important;
        margin:0 auto!important;
        padding:0!important;
        transform:none!important;
        left:auto!important;
        right:auto!important;
        overflow-x:hidden!important;
    }

    .hm-bo-sidebar{
        position:relative!important;
        inset:auto!important;
        width:100%!important;
        max-width:100%!important;
        min-width:0!important;
        margin:0 auto!important;
        transform:none!important;
        left:auto!important;
        right:auto!important;
        overflow:hidden!important;
    }

    .hm-bo-main{
        position:relative!important;
        width:100%!important;
        max-width:100%!important;
        min-width:0!important;
        margin:0 auto!important;
        transform:none!important;
        left:auto!important;
        right:auto!important;
        overflow-x:hidden!important;
    }

    /* Navigácia môže scrollovať sama, ale nesmie roztiahnuť stránku. */
    .hm-bo-side-nav{
        width:100%!important;
        max-width:100%!important;
        min-width:0!important;
        margin:0!important;
        overflow-x:auto!important;
        overflow-y:hidden!important;
        white-space:nowrap!important;
        transform:none!important;
    }

    .hm-bo-side-nav a{
        flex:0 0 auto!important;
        max-width:none!important;
    }

    /* Ak niektorý starší breakpoint používal translate/margins, na mobile ich zrušíme. */
    .hm-bo-dashboard, .hm-bo-workspace, .hm-bo-topbar, .hm-v199-activity-panel, .hm-v199-notes-panel, .hm-v199-calendar-panel, .hm-v206-create-panel, .hm-v200-edit-item, .hm-v218-blog-item{
        transform:none!important;
        left:auto!important;
        right:auto!important;
        margin-left:auto!important;
        margin-right:auto!important;
        max-width:100%!important;
        min-width:0!important;
    }
}

@media(max-width:720px){
    /* Jeden stabilný vnútorný stĺpec uprostred obrazovky. */
    .hm-bo-main{
        padding-left:10px!important;
        padding-right:10px!important;
    }

    .hm-bo-main > *, .hm-bo-dashboard > *, .hm-bo-workspace > *{
        width:100%!important;
        max-width:100%!important;
        min-width:0!important;
        margin-left:auto!important;
        margin-right:auto!important;
    }

    /* Horná časť presne do stredu viewportu. */
    .hm-bo-topbar{
        padding-left:0!important;
        padding-right:0!important;
        text-align:center!important;
    }

    .hm-v211-topbar .hm-v215-welcome{
        width:100%!important;
        max-width:100%!important;
        margin-left:auto!important;
        margin-right:auto!important;
        transform:none!important;
        justify-content:center!important;
        text-align:center!important;
    }

    .hm-v215-election-countdown, .hm-v225-daily-motto{
        width:100%!important;
        max-width:100%!important;
        margin-left:auto!important;
        margin-right:auto!important;
        text-align:center!important;
        transform:none!important;
    }

    /* Dlhé formuláre, médiá a editory nesmú vytvoriť overflow. */
    .hm-bo-page input, .hm-bo-page textarea, .hm-bo-page select, .hm-bo-page table, .hm-bo-page iframe, .hm-bo-page video, .hm-bo-page img{
        max-width:100%!important;
    }

    .hm-bo-page table{
        width:100%!important;
        table-layout:fixed!important;
    }

    .hm-bo-editor, .wp-editor-wrap, .wp-editor-container{
        width:100%!important;
        max-width:100%!important;
        min-width:0!important;
    }

    /* Foto sekcia bola posledná pridaná – poistka proti širokým detailom. */
    .hm-v231-photo-actions, .hm-v231-photo-comments{
        width:100%!important;
        max-width:100%!important;
        min-width:0!important;
        overflow-wrap:anywhere!important;
    }

    
}

@media(max-width:420px){
    .hm-bo-main{
        padding-left:8px!important;
        padding-right:8px!important;
    }

    /* Pri extrémne úzkych displejoch nech všetko rešpektuje vnútornú šírku. */
    .hm-bo-page button, .hm-bo-page input, .hm-bo-page textarea, .hm-bo-page select{
        max-width:100%!important;
    }
}


/* ==========================================================================
   v233 – otvorená položka sa zobrazí od svojho horného začiatku
   ========================================================================== */
.hm-v199-quiz-item, .hm-v200-edit-item, .hm-bo-poll-card, .hm-v216-proposal-card, .hm-v218-blog-item, [id^="hm-document-"], [id^="hm-team-photo-"]{
    scroll-margin-top:12px!important;
}


/* ==========================================================================
   v234 – Foto: 👍 súhlas / 👎 nesúhlas, hranica 4 hlasov
   ========================================================================== */
.hm-v234-photo-vote-people{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:10px!important;
}
.hm-v234-photo-vote-group{
    display:grid!important;
    gap:7px!important;
    padding:10px!important;
    border:1px solid #dce6ef!important;
    border-radius:11px!important;
    background:#fff!important;
}
.hm-v234-photo-vote-group>strong{
    font-size:11px!important;
    font-weight:1000!important;
}
.hm-v234-photo-vote-group.is-like>strong{
    color:#168047!important;
}
.hm-v234-photo-vote-group.is-dislike>strong{
    color:#c23b47!important;
}

.hm-v234-photo-actions{
    align-items:start!important;
}
.hm-v234-photo-vote-buttons{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:8px!important;
}
.hm-v234-photo-vote-buttons form{
    margin:0!important;
}
.hm-v234-photo-like, .hm-v234-photo-dislike{
    width:100%!important;
    min-height:42px!important;
    border:1px solid transparent!important;
    border-radius:10px!important;
    padding:9px 10px!important;
    font-size:11px!important;
    font-weight:1000!important;
    cursor:pointer!important;
}
.hm-v234-photo-like{
    background:#e5f6eb!important;
    color:#147a43!important;
    border-color:#c8e9d4!important;
}
.hm-v234-photo-dislike{
    background:#fff0f1!important;
    color:#ba3440!important;
    border-color:#f0cbd0!important;
}
.hm-v234-photo-like.is-active{
    background:#169151!important;
    color:#fff!important;
    border-color:#169151!important;
    box-shadow:0 8px 20px rgba(22,145,81,.18)!important;
}
.hm-v234-photo-dislike.is-active{
    background:#d63e4d!important;
    color:#fff!important;
    border-color:#d63e4d!important;
    box-shadow:0 8px 20px rgba(214,62,77,.18)!important;
}



@media(max-width:720px){
    .hm-v234-photo-vote-people{
        grid-template-columns:1fr!important;
    }
    .hm-v234-photo-vote-buttons{
        grid-template-columns:1fr 1fr!important;
    }
}
@media(max-width:420px){
    .hm-v234-photo-vote-buttons{
        grid-template-columns:1fr!important;
    }
}


/* ==========================================================================
   v235 – čistejšie zobrazenie fotografie
   ========================================================================== */




/* ==========================================================================
   v236 – Motto dňa výrazne červené
   ========================================================================== */
.hm-v225-daily-motto, .hm-v225-daily-motto>strong, .hm-v225-daily-motto>span{
    color:#d31325!important;
}
.hm-v225-daily-motto>strong, .hm-v225-daily-motto>span{
    font-weight:1000!important;
}


/* ==========================================================================
   v237 – otvorená fotografia o 50 % menšia
   ========================================================================== */


/* ==========================================================================
   v238 – vlastné priečinky v rubrike Foto
   ========================================================================== */
.hm-v238-folder-manager{
    display:grid!important;
    gap:12px!important;
    padding:15px!important;
    border:1px solid #d9e5ef!important;
    border-radius:17px!important;
    background:#fff!important;
}
.hm-v238-folder-manager-head{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    gap:14px!important;
    align-items:end!important;
}
.hm-v238-folder-manager-head>div>span{
    display:block!important;
    color:#748ba2!important;
    font-size:9px!important;
    font-weight:1000!important;
    letter-spacing:.13em!important;
}
.hm-v238-folder-manager-head>div>strong{
    display:block!important;
    margin-top:3px!important;
    color:#173f6d!important;
    font-size:17px!important;
    font-weight:1000!important;
}
.hm-v238-folder-manager-head>div>small{
    display:block!important;
    margin-top:4px!important;
    color:#7d8fa1!important;
    font-size:10px!important;
}
.hm-v238-folder-create{
    display:flex!important;
    gap:7px!important;
    align-items:center!important;
}
.hm-v238-folder-create input{
    min-width:220px!important;
    min-height:40px!important;
    border:1px solid #cad8e5!important;
    border-radius:9px!important;
    padding:8px 10px!important;
}
.hm-v238-folder-create button{
    min-height:40px!important;
    border:0!important;
    border-radius:9px!important;
    padding:8px 12px!important;
    background:#1267c7!important;
    color:#fff!important;
    font-weight:950!important;
    cursor:pointer!important;
}
.hm-v238-folder-chips{
    display:flex!important;
    flex-wrap:wrap!important;
    gap:7px!important;
}
.hm-v238-folder-chips>a, .hm-v238-folder-chip{
    display:inline-flex!important;
    align-items:center!important;
    min-height:34px!important;
    border:1px solid #d8e4ee!important;
    border-radius:999px!important;
    background:#f4f8fc!important;
}
.hm-v238-folder-chips>a{
    padding:6px 11px!important;
    color:#245b91!important;
    text-decoration:none!important;
    font-size:10px!important;
    font-weight:950!important;
}
.hm-v238-folder-chips>a.is-usable{
    background:#e7f7ec!important;
    color:#168047!important;
    border-color:#cde8d6!important;
}
.hm-v238-folder-chip>a{
    padding:6px 6px 6px 11px!important;
    color:#245b91!important;
    text-decoration:none!important;
    font-size:10px!important;
    font-weight:950!important;
}
.hm-v238-folder-chip>a b{
    display:inline-grid!important;
    place-items:center!important;
    min-width:20px!important;
    height:20px!important;
    margin-left:5px!important;
    border-radius:999px!important;
    background:#e2edf7!important;
    font-size:9px!important;
}
.hm-v238-folder-chip form{
    margin:0 4px 0 0!important;
}
.hm-v238-folder-chip button{
    display:grid!important;
    place-items:center!important;
    width:25px!important;
    height:25px!important;
    border:0!important;
    border-radius:50%!important;
    background:transparent!important;
    color:#a6424b!important;
    font-size:15px!important;
    cursor:pointer!important;
}
.hm-v238-photo-folder-row{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:12px!important;
    padding:11px 12px!important;
    border:1px solid #dce6ef!important;
    border-radius:12px!important;
    background:#f8fbfd!important;
}
.hm-v238-photo-folder-row>div span{
    display:block!important;
    color:#8295a7!important;
    font-size:8px!important;
    font-weight:1000!important;
    letter-spacing:.12em!important;
}
.hm-v238-photo-folder-row>div strong{
    display:block!important;
    margin-top:2px!important;
    color:#173e68!important;
    font-size:13px!important;
}
.hm-v238-photo-folder-row form{
    display:flex!important;
    gap:7px!important;
    align-items:center!important;
}
.hm-v238-photo-folder-row select{
    min-width:170px!important;
    min-height:36px!important;
    border:1px solid #cad8e5!important;
    border-radius:8px!important;
    padding:6px 8px!important;
}
.hm-v238-photo-folder-row button{
    min-height:36px!important;
    border:0!important;
    border-radius:8px!important;
    padding:7px 10px!important;
    background:#e8f1fb!important;
    color:#175fa8!important;
    font-size:10px!important;
    font-weight:950!important;
    cursor:pointer!important;
}


@media(max-width:720px){
    .hm-v238-folder-manager-head{
        grid-template-columns:1fr!important;
    }
    .hm-v238-folder-create{
        display:grid!important;
        grid-template-columns:1fr!important;
        width:100%!important;
    }
    .hm-v238-folder-create input, .hm-v238-folder-create button{
        width:100%!important;
        min-width:0!important;
    }
    .hm-v238-photo-folder-row{
        align-items:stretch!important;
        flex-direction:column!important;
    }
    .hm-v238-photo-folder-row form{
        display:grid!important;
        grid-template-columns:minmax(0,1fr) auto!important;
        width:100%!important;
    }
    .hm-v238-photo-folder-row select{
        min-width:0!important;
        width:100%!important;
    }
}
@media(max-width:420px){
    .hm-v238-photo-folder-row form{
        grid-template-columns:1fr!important;
    }
    .hm-v238-photo-folder-row button{
        width:100%!important;
    }
}


/* ==========================================================================
   v239 – Motto dňa label + oprava priečinkov starých fotiek
   ========================================================================== */
.hm-v225-daily-motto>strong{
    color:#111!important;
    font-size:15px!important;
    line-height:1.2!important;
    font-weight:1000!important;
}
.hm-v225-daily-motto>span{
    color:#d31325!important;
    font-size:30px!important;
    font-weight:1000!important;
}
@media(max-width:720px){
    .hm-v225-daily-motto>strong{font-size:10px!important;}
    .hm-v225-daily-motto>span{font-size:22px!important;}
}
@media(max-width:520px){
    .hm-v225-daily-motto>strong{font-size:9px!important;}
    .hm-v225-daily-motto>span{font-size:20px!important;}
}
@media(max-width:360px){
    .hm-v225-daily-motto>strong{font-size:8.5px!important;}
    .hm-v225-daily-motto>span{font-size:18px!important;}
}

/* ==========================================================================
   v240 – komentáre k poznámkam/udalostiam + albumový režim Foto
   ========================================================================== */

/* Poznámková tabuľa a udalosti – reakcie ostatných členov. */
.hm-v240-inline-comments{
    grid-column:1 / -1!important;
    width:100%!important;
    min-width:0!important;
    margin-top:7px!important;
    border-top:1px dashed #d8e3ed!important;
    padding-top:6px!important;
}
.hm-v240-inline-comments>summary{
    list-style:none!important;
    display:inline-flex!important;
    align-items:center!important;
    gap:6px!important;
    min-height:28px!important;
    padding:4px 8px!important;
    border-radius:999px!important;
    background:#edf4fb!important;
    color:#245d96!important;
    font-size:10px!important;
    font-weight:950!important;
    cursor:pointer!important;
}
.hm-v240-inline-comments>summary::-webkit-details-marker{display:none!important}
.hm-v240-inline-comments>summary span{
    display:grid!important;
    place-items:center!important;
    min-width:19px!important;
    height:19px!important;
    padding:0 5px!important;
    border-radius:999px!important;
    background:#d9e9f8!important;
    font-size:9px!important;
}
.hm-v240-inline-comments-body{
    display:grid!important;
    gap:7px!important;
    margin-top:7px!important;
    padding:9px!important;
    border:1px solid #dce6ef!important;
    border-radius:11px!important;
    background:#f9fbfd!important;
}
.hm-v240-inline-comment-list{
    display:grid!important;
    gap:6px!important;
}
.hm-v240-inline-comment{
    border-left:3px solid var(--hm-member-color,#6d7f95)!important;
    border-radius:8px!important;
    padding:7px 9px!important;
    background:var(--hm-member-soft,#f3f6f9)!important;
}
.hm-v240-inline-comment strong{
    display:block!important;
    color:var(--hm-member-color,#526a81)!important;
    font-size:10px!important;
    font-weight:1000!important;
}
.hm-v240-inline-comment p{
    margin:2px 0!important;
    color:#304b67!important;
    font-size:11px!important;
    line-height:1.4!important;
}
.hm-v240-inline-comment small{
    color:#8192a2!important;
    font-size:8px!important;
}
.hm-v240-inline-comment-form{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    gap:7px!important;
    margin:0!important;
}
.hm-v240-inline-comment-form input{
    width:100%!important;
    min-width:0!important;
    min-height:36px!important;
    border:1px solid #cbd9e6!important;
    border-radius:8px!important;
    padding:7px 9px!important;
}
.hm-v240-inline-comment-form button{
    min-height:36px!important;
    border:0!important;
    border-radius:8px!important;
    padding:7px 11px!important;
    background:#1768c5!important;
    color:#fff!important;
    font-size:10px!important;
    font-weight:950!important;
    cursor:pointer!important;
}
.hm-v240-calendar-comments{
    margin-top:7px!important;
}

/* Albumy fotografií. */
.hm-v240-album-grid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:13px!important;
    min-width:0!important;
}
.hm-v240-album{
    min-width:0!important;
    overflow:hidden!important;
    border:1px solid #d8e4ee!important;
    border-radius:17px!important;
    background:#fff!important;
    box-shadow:0 8px 24px rgba(18,55,91,.05)!important;
}
.hm-v240-album[open]{
    grid-column:1 / -1!important;
    box-shadow:0 15px 40px rgba(18,55,91,.10)!important;
}
.hm-v240-album.is-usable{
    border-color:#c9e5d2!important;
}
.hm-v240-album-summary{
    list-style:none!important;
    display:grid!important;
    grid-template-columns:92px minmax(0,1fr) auto!important;
    gap:12px!important;
    align-items:center!important;
    padding:10px!important;
    cursor:pointer!important;
    min-height:88px!important;
}
.hm-v240-album-summary::-webkit-details-marker{display:none!important}
.hm-v240-album-cover{
    width:92px!important;
    height:68px!important;
    overflow:hidden!important;
    display:grid!important;
    place-items:center!important;
    border-radius:11px!important;
    background:#eaf1f7!important;
}
.hm-v240-album-cover img{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    display:block!important;
}
.hm-v240-album-cover span{
    font-size:28px!important;
}
.hm-v240-album-copy{
    min-width:0!important;
}
.hm-v240-album-copy>span{
    display:block!important;
    color:#7890a5!important;
    font-size:8px!important;
    font-weight:1000!important;
    letter-spacing:.14em!important;
}
.hm-v240-album-copy>strong{
    display:block!important;
    margin-top:2px!important;
    color:#153d69!important;
    font-size:17px!important;
    line-height:1.15!important;
    overflow-wrap:anywhere!important;
}
.hm-v240-album-copy>small{
    display:block!important;
    margin-top:4px!important;
    color:#7d8ea0!important;
    font-size:10px!important;
    line-height:1.35!important;
}
.hm-v240-album-summary>b{
    display:grid!important;
    place-items:center!important;
    min-width:37px!important;
    height:37px!important;
    padding:0 9px!important;
    border-radius:999px!important;
    background:#eaf3fb!important;
    color:#1765b3!important;
    font-size:11px!important;
    font-weight:1000!important;
}
.hm-v240-album.is-usable .hm-v240-album-summary>b{
    background:#dff4e6!important;
    color:#168047!important;
}
.hm-v240-album-viewer{
    min-width:0!important;
    padding:15px!important;
    border-top:1px solid #e1e9f0!important;
    background:#f8fbfd!important;
}
.hm-v240-photo-stage{
    min-width:0!important;
    min-height:270px!important;
    display:grid!important;
    place-items:center!important;
    padding:10px!important;
    border-radius:15px!important;
    background:#eef3f7!important;
}
.hm-v240-photo-slide{
    display:none!important;
    width:100%!important;
    margin:0!important;
    text-align:center!important;
}
.hm-v240-photo-slide.is-active{
    display:block!important;
}
.hm-v240-photo-slide img{
    display:block!important;
    width:50%!important;
    max-width:560px!important;
    max-height:420px!important;
    height:auto!important;
    object-fit:contain!important;
    margin:0 auto!important;
    border-radius:12px!important;
    background:#e7edf2!important;
}
.hm-v240-photo-slide figcaption{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    flex-wrap:wrap!important;
    gap:7px!important;
    margin-top:8px!important;
}
.hm-v240-photo-slide figcaption strong{
    color:#173e68!important;
    font-size:12px!important;
}
.hm-v240-photo-slide figcaption span{
    border-radius:999px!important;
    padding:4px 7px!important;
    background:#fff!important;
    color:#63798e!important;
    font-size:9px!important;
    font-weight:900!important;
}
.hm-v240-photo-missing{
    display:grid!important;
    place-items:center!important;
    min-height:240px!important;
    color:#8293a4!important;
    font-size:12px!important;
}
.hm-v240-photo-thumbs{
    display:flex!important;
    gap:7px!important;
    width:100%!important;
    margin:10px 0 14px!important;
    padding:2px 1px 5px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scrollbar-width:thin!important;
    -webkit-overflow-scrolling:touch!important;
}
.hm-v240-photo-thumb{
    position:relative!important;
    flex:0 0 76px!important;
    width:76px!important;
    height:61px!important;
    overflow:hidden!important;
    border:2px solid transparent!important;
    border-radius:9px!important;
    padding:0!important;
    background:#e7edf3!important;
    cursor:pointer!important;
    opacity:.68!important;
}
.hm-v240-photo-thumb.is-active{
    border-color:#1768c5!important;
    opacity:1!important;
    box-shadow:0 0 0 2px rgba(23,104,197,.12)!important;
}
.hm-v240-photo-thumb img{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    display:block!important;
}
.hm-v240-photo-thumb>span{
    width:100%!important;
    height:100%!important;
    display:grid!important;
    place-items:center!important;
    color:#75899c!important;
    font-size:9px!important;
}
.hm-v240-photo-thumb small{
    position:absolute!important;
    left:3px!important;
    right:3px!important;
    bottom:3px!important;
    padding:2px 3px!important;
    border-radius:5px!important;
    background:rgba(5,26,49,.76)!important;
    color:#fff!important;
    font-size:7px!important;
    font-weight:900!important;
    line-height:1!important;
}
.hm-v240-photo-info-wrap{
    min-width:0!important;
}
.hm-v240-photo-info{
    display:none!important;
    min-width:0!important;
    gap:12px!important;
}
.hm-v240-photo-info.is-active{
    display:grid!important;
}

@media(max-width:900px){
    .hm-v240-album-grid{grid-template-columns:1fr!important;}
    .hm-v240-album[open]{grid-column:auto!important;}
    .hm-v240-photo-slide img{width:62%!important;max-width:500px!important;}
}
@media(max-width:720px){
    .hm-v240-inline-comment-form{grid-template-columns:1fr!important;}
    .hm-v240-inline-comment-form button{width:100%!important;}
    .hm-v240-album-summary{
        grid-template-columns:74px minmax(0,1fr) auto!important;
        gap:9px!important;
        min-height:74px!important;
        padding:8px!important;
    }
    .hm-v240-album-cover{width:74px!important;height:56px!important;}
    .hm-v240-album-copy>strong{font-size:15px!important;}
    .hm-v240-album-copy>small{font-size:9px!important;}
    .hm-v240-album-viewer{padding:9px!important;}
    .hm-v240-photo-stage{min-height:220px!important;padding:7px!important;}
    .hm-v240-photo-slide img{width:72%!important;max-width:420px!important;max-height:350px!important;}
    .hm-v240-photo-thumb{flex-basis:66px!important;width:66px!important;height:53px!important;}
}
@media(max-width:420px){
    .hm-v240-album-summary{grid-template-columns:62px minmax(0,1fr) auto!important;}
    .hm-v240-album-cover{width:62px!important;height:49px!important;}
    .hm-v240-album-copy>small{display:none!important;}
    .hm-v240-photo-slide img{width:82%!important;max-width:330px!important;max-height:310px!important;}
    .hm-v240-photo-thumb{flex-basis:58px!important;width:58px!important;height:47px!important;}
}


/* ==========================================================================
   v241 – hlasovanie a upozornenia pri Problémoch mesta / Ankete priorít
   ========================================================================== */
.hm-v241-review-item>summary{
    grid-template-columns:34px minmax(0,1fr) auto auto auto!important;
}
.hm-v241-note-alert{
    display:grid!important;
    place-items:center!important;
    min-width:25px!important;
    height:25px!important;
    margin:0!important;
    padding:0 7px!important;
    border-radius:999px!important;
    background:#e0182d!important;
    color:#fff!important;
    box-shadow:0 5px 14px rgba(224,24,45,.22)!important;
    font-size:10px!important;
    font-style:normal!important;
    font-weight:1000!important;
    line-height:1!important;
}
.hm-v241-note-alert[hidden]{display:none!important}
.hm-v241-item-votes{
    display:inline-flex!important;
    align-items:center!important;
    gap:5px!important;
    min-width:0!important;
}
.hm-v241-item-vote{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:4px!important;
    min-width:46px!important;
    height:32px!important;
    margin:0!important;
    padding:0 8px!important;
    border:1px solid #d8e4ef!important;
    border-radius:999px!important;
    background:#f5f8fb!important;
    color:#61778f!important;
    cursor:pointer!important;
    font-size:13px!important;
    font-weight:900!important;
    line-height:1!important;
}
.hm-v241-item-vote>b{
    font-size:9px!important;
    font-weight:1000!important;
}
.hm-v241-item-vote.is-like:hover, .hm-v241-item-vote.is-like.is-active{
    border-color:#b9e1c7!important;
    background:#dcf4e4!important;
    color:#137b43!important;
}
.hm-v241-item-vote.is-dislike:hover, .hm-v241-item-vote.is-dislike.is-active{
    border-color:#efc5ca!important;
    background:#ffeaed!important;
    color:#bd3341!important;
}
.hm-v241-item-vote:disabled{
    opacity:.58!important;
    cursor:wait!important;
}
.hm-v241-edit-label{white-space:nowrap!important}
.hm-v241-problem-notes{margin-top:3px!important}
.hm-v241-problem-note-form{
    display:grid!important;
    grid-template-columns:auto minmax(0,1fr) auto!important;
    gap:8px!important;
    align-items:center!important;
}
.hm-v241-problem-note-form>input[type="text"]{
    width:100%!important;
    min-width:0!important;
}
.hm-v241-problem-notes .hm-v202-priority-note>form{margin:0!important}
.hm-v241-problem-notes .hm-v202-priority-note>form>button{
    border:0!important;
    background:transparent!important;
    color:#b43a46!important;
    cursor:pointer!important;
    font-size:16px!important;
    font-weight:900!important;
}

@media(max-width:800px){
    .hm-v241-review-item>summary{
        grid-template-columns:32px minmax(0,1fr) auto!important;
        align-items:center!important;
    }
    .hm-v241-review-item>summary>div:first-of-type{
        grid-column:2!important;
        grid-row:1!important;
    }
    .hm-v241-review-item>summary>.hm-v241-note-alert{
        grid-column:3!important;
        grid-row:1!important;
        justify-self:end!important;
    }
    .hm-v241-review-item>summary>.hm-v241-item-votes{
        grid-column:2!important;
        grid-row:2!important;
        justify-self:start!important;
    }
    .hm-v241-review-item>summary>.hm-v241-edit-label{
        grid-column:3!important;
        grid-row:2!important;
        justify-self:end!important;
    }
}
@media(max-width:520px){
    .hm-v241-item-vote{
        min-width:43px!important;
        height:30px!important;
        padding:0 7px!important;
        font-size:12px!important;
    }
    .hm-v241-problem-note-form{
        grid-template-columns:1fr!important;
    }
    .hm-v241-problem-note-form>span, .hm-v241-problem-note-form>input, .hm-v241-problem-note-form>button{
        width:100%!important;
    }
}


/* ==========================================================================
   v242 – kompaktnejšie hlasovanie pod fotkou + funkčné AJAX hlasovanie
   ========================================================================== */

/* Like / dislike pod fotografiou: malé, kompaktné, vždy vedľa seba. */
.hm-v240-photo-info .hm-v234-photo-vote-buttons{
    display:flex!important;
    grid-template-columns:none!important;
    align-items:center!important;
    justify-content:center!important;
    flex-wrap:nowrap!important;
    gap:7px!important;
    width:100%!important;
}
.hm-v240-photo-info .hm-v234-photo-vote-buttons>form{
    flex:0 0 auto!important;
    width:auto!important;
    margin:0!important;
}
.hm-v240-photo-info .hm-v234-photo-like, .hm-v240-photo-info .hm-v234-photo-dislike{
    width:auto!important;
    min-width:94px!important;
    max-width:135px!important;
    min-height:34px!important;
    height:34px!important;
    padding:5px 10px!important;
    border-radius:9px!important;
    font-size:10px!important;
    line-height:1!important;
    white-space:nowrap!important;
}

/* WordPress/browser môže emoji previesť na IMG. Nenecháme ich rozťahovať. */
.hm-v240-photo-info .hm-v234-photo-like img.emoji, .hm-v240-photo-info .hm-v234-photo-dislike img.emoji, .hm-v241-item-vote img.emoji{
    display:inline-block!important;
    width:15px!important;
    height:15px!important;
    min-width:15px!important;
    max-width:15px!important;
    margin:0 3px 0 0!important;
    object-fit:contain!important;
    vertical-align:-2px!important;
}

/* Ak ostane emoji ako text, držíme normálnu veľkosť. */
.hm-v240-photo-info .hm-v234-photo-like, .hm-v240-photo-info .hm-v234-photo-dislike{
    font-variant-emoji:normal!important;
}



@media(max-width:420px){
    .hm-v240-photo-info .hm-v234-photo-vote-buttons{
        display:flex!important;
        flex-direction:row!important;
        gap:5px!important;
    }
    .hm-v240-photo-info .hm-v234-photo-like, .hm-v240-photo-info .hm-v234-photo-dislike{
        min-width:82px!important;
        max-width:112px!important;
        height:32px!important;
        min-height:32px!important;
        padding:4px 7px!important;
        font-size:9px!important;
    }
}


/* ==========================================================================
   v243 – hlasujú iba 5 členovia, pevné malé ikony, POST hlasovanie
   ========================================================================== */
.hm-v243-thumb-svg{
    display:block!important;
    flex:0 0 15px!important;
    width:15px!important;
    height:15px!important;
    min-width:15px!important;
    max-width:15px!important;
    min-height:15px!important;
    max-height:15px!important;
    overflow:visible!important;
    fill:none!important;
    stroke:currentColor!important;
    stroke-width:1.7!important;
    stroke-linecap:round!important;
    stroke-linejoin:round!important;
}
.hm-v243-thumb-svg.is-down{
    transform:rotate(180deg)!important;
}

.hm-v240-photo-info .hm-v234-photo-vote-buttons{
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    justify-content:center!important;
    flex-wrap:nowrap!important;
    gap:8px!important;
}
.hm-v240-photo-info .hm-v234-photo-vote-buttons>form{
    display:block!important;
    flex:0 0 auto!important;
    width:auto!important;
    margin:0!important;
}
.hm-v240-photo-info .hm-v234-photo-like, .hm-v240-photo-info .hm-v234-photo-dislike{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:5px!important;
    width:auto!important;
    min-width:88px!important;
    max-width:125px!important;
    height:34px!important;
    min-height:34px!important;
    max-height:34px!important;
    padding:5px 10px!important;
    overflow:hidden!important;
    border-radius:9px!important;
    font-size:10px!important;
    line-height:1!important;
    white-space:nowrap!important;
}
.hm-v240-photo-info .hm-v234-photo-like>span, .hm-v240-photo-info .hm-v234-photo-dislike>span{
    display:inline!important;
    width:auto!important;
    font-size:10px!important;
    line-height:1!important;
}

/* Poistka: žiadny smiley/emoji obrázok v hlasovacích blokoch sa nesmie zväčšiť. */
.hm-v240-photo-info img.emoji, .hm-v240-photo-info img.wp-smiley, .hm-v240-photo-info img[alt="👍"], .hm-v240-photo-info img[alt="👎"], .hm-v241-item-vote img.emoji, .hm-v241-item-vote img.wp-smiley{
    display:inline-block!important;
    width:15px!important;
    height:15px!important;
    min-width:15px!important;
    max-width:15px!important;
    min-height:15px!important;
    max-height:15px!important;
    object-fit:contain!important;
    margin:0!important;
}

.hm-v241-item-vote{
    gap:5px!important;
}
.hm-v241-item-vote .hm-v243-thumb-svg{
    width:14px!important;
    height:14px!important;
    flex-basis:14px!important;
    min-width:14px!important;
    max-width:14px!important;
    min-height:14px!important;
    max-height:14px!important;
}

.hm-v243-readonly-votes{
    display:inline-flex!important;
    align-items:center!important;
    gap:5px!important;
    min-height:30px!important;
    padding:4px 8px!important;
    border:1px solid #dce5ed!important;
    border-radius:999px!important;
    background:#f5f8fb!important;
    color:#72849a!important;
    font-size:9px!important;
}
.hm-v243-readonly-votes .hm-v243-thumb-svg{
    width:13px!important;
    height:13px!important;
    flex-basis:13px!important;
    min-width:13px!important;
    max-width:13px!important;
    min-height:13px!important;
    max-height:13px!important;
}
.hm-v243-readonly-votes b{
    font-size:9px!important;
}

@media(max-width:420px){
    .hm-v240-photo-info .hm-v234-photo-vote-buttons{
        display:flex!important;
        flex-direction:row!important;
        gap:6px!important;
    }
    .hm-v240-photo-info .hm-v234-photo-like, .hm-v240-photo-info .hm-v234-photo-dislike{
        min-width:82px!important;
        max-width:105px!important;
        height:32px!important;
        min-height:32px!important;
        max-height:32px!important;
        padding:4px 8px!important;
        font-size:9px!important;
    }
    .hm-v240-photo-info .hm-v234-photo-like>span, .hm-v240-photo-info .hm-v234-photo-dislike>span{
        font-size:9px!important;
    }
}


/* v244 – zrušenie veľkých žltých emoji pri FOTO, hlasovanie pod fotkou */
.hm-v244-photo-under-actions{
    margin:10px auto 0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
}
.hm-v244-photo-vote-buttons{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:8px!important;
    flex-wrap:wrap!important;
}
.hm-v244-photo-vote-buttons form{margin:0!important}
.hm-v244-photo-under-actions .hm-v234-photo-like, .hm-v244-photo-under-actions .hm-v234-photo-dislike{
    min-width:120px!important;
    max-width:160px!important;
    height:36px!important;
    min-height:36px!important;
    max-height:36px!important;
    font-size:12px!important;
}
.hm-v244-photo-under-actions .hm-v234-photo-like>span, .hm-v244-photo-under-actions .hm-v234-photo-dislike>span{font-size:12px!important}
.hm-v244-photo-actions-secondary{
    margin-top:0!important;
    padding-top:0!important;
    border-top:0!important;
}
.hm-v244-photo-actions-secondary .hm-v234-photo-vote-buttons, .hm-v244-photo-actions-secondary .hm-v231-photo-agree, .hm-v244-photo-actions-secondary .hm-v231-photo-vote-note{
    display:none!important;
}
.hm-v234-photo-vote-group .hm-v201-member-accent{
    font-size:12px!important;
    line-height:1.2!important;
}
.hm-v234-photo-vote-group .hm-v201-member-accent::before{content:none!important}
@media(max-width:720px){
  .hm-v244-photo-under-actions .hm-v234-photo-like, .hm-v244-photo-under-actions .hm-v234-photo-dislike{
      min-width:106px!important;
      max-width:140px!important;
      height:34px!important;
      min-height:34px!important;
      max-height:34px!important;
      font-size:11px!important;
  }
  .hm-v244-photo-under-actions .hm-v234-photo-like>span, .hm-v244-photo-under-actions .hm-v234-photo-dislike>span{font-size:11px!important}
}


/* ==========================================================================
   v246 – odstránené zvyšné emoji z foto albumu
   ========================================================================== */
.hm-v240-album-viewer img.emoji, .hm-v240-album-viewer img.wp-smiley, .hm-v240-photo-stage img.emoji, .hm-v240-photo-stage img.wp-smiley, .hm-v240-photo-thumbs img.emoji, .hm-v240-photo-thumbs img.wp-smiley{
    display:none!important;
    width:0!important;
    height:0!important;
    min-width:0!important;
    min-height:0!important;
    margin:0!important;
}
.hm-v240-photo-slide figcaption{
    margin-top:7px!important;
}
.hm-v240-photo-slide figcaption>span{
    display:none!important;
}


/* ==========================================================================
   v249 – homepage: diskusia, kvíz, Videá, návrhy/blogov a Tím Humenné
   ========================================================================== */

/* „Otvoriť diskusiu“ +30 % */
.hm-opinion-discussion-open{
    min-height:44px!important;
    padding:0 20px!important;
    gap:10px!important;
    font-size:14px!important;
    box-shadow:0 12px 28px rgba(13,98,201,.22)!important;
}
.hm-opinion-discussion-open b{font-size:18px!important;}

/* Kvíz – každý riešiteľ je samostatný celý riadok. */



/* Spoločný moderný header pre nové spodné sekcie. */
.hm-v249-section-head{
    display:flex!important;
    align-items:flex-end!important;
    justify-content:space-between!important;
    gap:28px!important;
    margin-bottom:25px!important;
}
.hm-v249-section-head>div:first-child{max-width:760px!important;}
.hm-v249-section-head .hm-eyebrow{
    display:inline-flex!important;align-items:center!important;min-height:28px!important;
    padding:0 10px!important;border-radius:999px!important;background:#eaf3ff!important;
    color:#0c61c8!important;font-size:9px!important;font-weight:1000!important;letter-spacing:.12em!important;
}
.hm-v249-section-head h2{
    margin:9px 0 7px!important;color:#092f68!important;font-size:clamp(35px,4.1vw,58px)!important;
    line-height:.98!important;letter-spacing:-.055em!important;
}
.hm-v249-section-head p{margin:0!important;color:#6e8197!important;font-size:13px!important;line-height:1.55!important;}
.hm-v249-head-count{
    flex:0 0 auto!important;display:grid!important;place-items:center!important;min-width:92px!important;min-height:82px!important;
    padding:10px!important;border:1px solid #d9e6f2!important;border-radius:20px!important;background:#fff!important;
    box-shadow:0 12px 30px rgba(15,62,111,.07)!important;
}
.hm-v249-head-count b{color:#0b61c8!important;font-size:29px!important;line-height:1!important;}
.hm-v249-head-count span{color:#7a8ca0!important;font-size:9px!important;font-weight:900!important;text-transform:uppercase!important;letter-spacing:.08em!important;}

/* VIDEÁ */
.hm-v249-videos{padding:72px 0!important;background:linear-gradient(180deg,#f4f8fd 0%,#edf4fb 100%)!important;}
.hm-v249-video-shell{
    padding:30px!important;border:1px solid #d8e5f0!important;border-radius:32px!important;background:rgba(255,255,255,.88)!important;
    box-shadow:0 24px 70px rgba(18,65,113,.08)!important;
}
.hm-v249-video-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:17px!important;}
.hm-v249-video-card{overflow:hidden!important;border:1px solid #dbe6ef!important;border-radius:22px!important;background:#fff!important;box-shadow:0 10px 32px rgba(18,55,92,.06)!important;}
.hm-v249-video-frame{aspect-ratio:16/9!important;overflow:hidden!important;background:#0b2340!important;}
.hm-v249-video-frame video, .hm-v249-video-frame iframe{display:block!important;width:100%!important;height:100%!important;border:0!important;object-fit:cover!important;background:#081a2e!important;}
.hm-v249-video-copy{padding:16px 17px 18px!important;}
.hm-v249-video-copy>span{color:#0b63ca!important;font-size:9px!important;font-weight:950!important;text-transform:uppercase!important;letter-spacing:.08em!important;}
.hm-v249-video-copy h3{margin:6px 0!important;color:#123a67!important;font-size:18px!important;line-height:1.18!important;letter-spacing:-.025em!important;}
.hm-v249-video-copy p{margin:8px 0 0!important;color:#73869a!important;font-size:11px!important;line-height:1.5!important;}
.hm-v249-video-empty{display:flex!important;align-items:center!important;gap:14px!important;padding:22px!important;border:1px dashed #cbdbea!important;border-radius:20px!important;background:#f7fbff!important;}
.hm-v249-video-empty>span{display:grid!important;place-items:center!important;width:48px!important;height:48px!important;border-radius:14px!important;background:#0d63ca!important;color:#fff!important;font-size:16px!important;}
.hm-v249-video-empty strong{color:#173e68!important;font-size:15px!important}.hm-v249-video-empty p{margin:3px 0 0!important;color:#788ca1!important;font-size:11px!important;}

/* NAŠE NÁVRHY A BLOGY */
.hm-v249-media{padding:72px 0!important;background:#fff!important;}
.hm-v249-media-shell{padding:32px!important;border-radius:34px!important;background:linear-gradient(145deg,#f8fbff 0%,#f0f6fc 100%)!important;border:1px solid #dce8f3!important;}
.hm-v249-media .hm-media-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important;}
.hm-v249-media .hm-media-card, .hm-v249-media .hm-media-card:nth-child(n){grid-column:auto!important;border-radius:20px!important;box-shadow:0 10px 32px rgba(18,55,92,.06)!important;}
.hm-v249-media .hm-media-image, .hm-v249-media .hm-media-card:nth-child(n) .hm-media-image{height:205px!important;background:linear-gradient(135deg,#0a4d9a,#0c70d8)!important;}
.hm-v249-media .hm-media-card>div{padding:17px 18px 19px!important;}
.hm-v249-media .hm-media-card h3{font-size:19px!important;line-height:1.15!important;}
.hm-v249-media .hm-media-card p{font-size:11px!important;line-height:1.5!important;display:-webkit-box!important;-webkit-line-clamp:3!important;-webkit-box-orient:vertical!important;overflow:hidden!important;}
.hm-v249-media-placeholder{position:absolute!important;inset:0!important;display:grid!important;place-items:center!important;color:rgba(255,255,255,.92)!important;font-size:48px!important;font-weight:1000!important;letter-spacing:-.08em!important;background:linear-gradient(135deg,#0b4b95,#0e72d5)!important;}
.hm-v249-media .hm-media-image>span:not(.hm-v249-media-placeholder){z-index:2!important;}

/* TÍM HUMENNÉ */
.hm-v249-team{padding:72px 0 82px!important;background:linear-gradient(180deg,#082f68 0%,#061f45 100%)!important;}
.hm-v249-team-shell{position:relative!important;padding:34px!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:34px!important;background:radial-gradient(circle at 90% 0,rgba(255,210,0,.15),transparent 28%),rgba(255,255,255,.055)!important;box-shadow:0 28px 80px rgba(0,18,45,.25)!important;}
.hm-v249-team .hm-v249-section-head h2{color:#fff!important;}.hm-v249-team .hm-v249-section-head p{color:#b9cbe0!important;}.hm-v249-team .hm-eyebrow{background:rgba(255,211,0,.14)!important;color:#ffd400!important;}



.hm-v249-team .hm-candidate-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:12px!important;}
.hm-v249-team .hm-candidate-card{border:1px solid rgba(255,255,255,.13)!important;border-radius:20px!important;background:#fff!important;box-shadow:0 12px 34px rgba(0,20,50,.2)!important;}
.hm-v249-team .hm-candidate-card:hover{transform:translateY(-5px)!important;}
.hm-v249-team .hm-candidate-photo{height:235px!important;}
.hm-v249-team .hm-candidate-card>div:last-child{padding:14px 15px 16px!important;}
.hm-v249-team .hm-candidate-card strong{font-size:16px!important;color:#153d68!important;}
.hm-v249-team .hm-candidate-card em{font-size:9px!important;}

/* Backoffice videá */
.hm-v249-video-list{display:grid!important;gap:9px!important;}
.hm-v249-video-item{overflow:hidden!important;border:1px solid #dce6ef!important;border-radius:14px!important;background:#fff!important;}
.hm-v249-video-item>summary{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;padding:12px 14px!important;cursor:pointer!important;list-style:none!important;}
.hm-v249-video-item>summary::-webkit-details-marker{display:none!important}.hm-v249-video-item>summary strong{display:block!important;color:#173e68!important;font-size:14px!important}.hm-v249-video-item>summary small{display:block!important;margin-top:3px!important;color:#8293a5!important;font-size:10px!important}.hm-v249-video-item>summary>span{color:#1764b8!important;font-size:10px!important;font-weight:950!important;}
.hm-v249-video-detail{display:grid!important;gap:12px!important;padding:14px!important;border-top:1px solid #e4ebf2!important;}.hm-v249-video-detail>video{display:block!important;width:min(100%,720px)!important;aspect-ratio:16/9!important;object-fit:contain!important;border-radius:13px!important;background:#081c32!important;}.hm-v249-video-detail>p{margin:0!important;color:#60778e!important;font-size:12px!important;line-height:1.5!important}.hm-v249-video-edit>summary{cursor:pointer!important;color:#1763b4!important;font-size:11px!important;font-weight:950!important}.hm-v249-video-delete{display:flex!important;justify-content:flex-end!important}.hm-v249-video-delete button{border:0!important;background:transparent!important;color:#bd3b46!important;font-size:10px!important;font-weight:900!important;cursor:pointer!important;}

@media(max-width:1100px){
    .hm-v249-video-grid, .hm-v249-media .hm-media-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
    .hm-v249-team .hm-candidate-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
}
@media(max-width:700px){
    .hm-opinion-discussion-open{min-height:40px!important;padding:0 15px!important;font-size:12px!important;}
    .hm-v249-videos, .hm-v249-media, .hm-v249-team{padding:48px 0!important;}
    .hm-v249-video-shell, .hm-v249-media-shell, .hm-v249-team-shell{padding:18px!important;border-radius:23px!important;}
    .hm-v249-section-head{align-items:flex-start!important;flex-direction:column!important;gap:14px!important;margin-bottom:18px!important;}
    .hm-v249-head-count{min-width:74px!important;min-height:62px!important;grid-auto-flow:column!important;gap:6px!important;}.hm-v249-head-count b{font-size:22px!important;}
    .hm-v249-video-grid, .hm-v249-media .hm-media-grid, .hm-v249-team .hm-candidate-grid{grid-template-columns:1fr!important;}
    .hm-v249-video-copy h3{font-size:17px!important;}
    .hm-v249-media .hm-media-image, .hm-v249-media .hm-media-card:nth-child(n) .hm-media-image{height:210px!important;}
    
    .hm-v249-team .hm-candidate-photo{height:330px!important;}
}


/* ==========================================================================
   v251 – „Humenné podľa vás“ + „Ako dobre poznáte Humenné“ o 30 % menšie
   a oba úvodné bloky približne o 30 % nižšie
   ========================================================================== */

/* Nadpisy: cca -30 % oproti doterajšej veľkosti. */
#hmVoteIntro.hm-entry-shared .hm-v111-copy h2, #hmQuizIntro.hm-entry-shared .hm-v111-copy h2{
    font-size:clamp(36px,3.3vw,57px)!important;
    line-height:.92!important;
    margin-bottom:8px!important;
}

/* Desktop: celá vstupná karta kompaktnejšia na výšku. */
@media(min-width:981px){
    #hmVoteIntro.hm-entry-shared .hm-v111-main, #hmQuizIntro.hm-entry-shared .hm-v111-main{
        min-height:273px!important;
        padding-top:18px!important;
        padding-bottom:18px!important;
        gap:20px!important;
    }

    #hmVoteIntro.hm-entry-shared, #hmQuizIntro.hm-entry-shared{
        padding-bottom:20px!important;
    }

    #hmVoteIntro.hm-entry-shared .hm-v173-info-panel, #hmQuizIntro.hm-entry-shared .hm-v173-info-panel{
        margin-top:10px!important;
        padding:10px 13px!important;
        border-radius:16px!important;
    }

    #hmVoteIntro.hm-entry-shared .hm-v173-info-panel .hm-v87-vote-flow, #hmQuizIntro.hm-entry-shared .hm-v173-info-panel .hm-v87-vote-flow{
        margin:7px 0 6px!important;
    }

    #hmVoteIntro.hm-entry-shared .hm-v174-info-chips, #hmQuizIntro.hm-entry-shared .hm-v174-info-chips{
        margin-top:6px!important;
        gap:5px!important;
    }

    #hmVoteIntro.hm-entry-shared .hm-v174-info-chips>span, #hmQuizIntro.hm-entry-shared .hm-v174-info-chips>span{
        min-height:22px!important;
        padding:3px 7px!important;
    }

    #hmVoteIntro.hm-entry-shared .hm-v173-launch-cta, #hmQuizIntro.hm-entry-shared .hm-v173-launch-cta{
        min-height:273px!important;
        padding:22px!important;
        border-radius:23px!important;
    }
}

/* Tablet a mobil: rovnaké približne 30 % zmenšenie nadpisu a vertikálnych medzier. */
@media(max-width:980px){
    #hmVoteIntro.hm-entry-shared .hm-v111-copy h2, #hmQuizIntro.hm-entry-shared .hm-v111-copy h2{
        font-size:clamp(24px,6.3vw,36px)!important;
        margin-bottom:7px!important;
    }

    #hmVoteIntro.hm-entry-shared .hm-v111-main, #hmQuizIntro.hm-entry-shared .hm-v111-main{
        gap:12px!important;
        padding-top:14px!important;
        padding-bottom:14px!important;
    }

    #hmVoteIntro.hm-entry-shared .hm-v173-info-panel, #hmQuizIntro.hm-entry-shared .hm-v173-info-panel{
        margin-top:10px!important;
        padding:9px!important;
    }

    #hmVoteIntro.hm-entry-shared .hm-v173-launch-cta, #hmQuizIntro.hm-entry-shared .hm-v173-launch-cta{
        min-height:53px!important;
        padding-top:8px!important;
        padding-bottom:8px!important;
    }
}

@media(max-width:560px){
    #hmVoteIntro.hm-entry-shared .hm-v111-main, #hmQuizIntro.hm-entry-shared .hm-v111-main{
        padding-top:11px!important;
        padding-bottom:11px!important;
    }
}


/* v252: v sekcii Humenská 5 majú karty väčšie meno hore a funkciu pod menom. */
.hm-v249-team .hm-candidate-card .hm-candidate-copy{
    display:grid!important;
    gap:6px!important;
    align-content:start!important;
}
.hm-v249-team .hm-candidate-card .hm-candidate-copy strong{
    display:block!important;
    order:1!important;
    font-size:22px!important;
    line-height:1.04!important;
    font-weight:950!important;
    color:#123a67!important;
    letter-spacing:-0.04em!important;
}
.hm-v249-team .hm-candidate-card .hm-candidate-copy small{
    display:block!important;
    order:2!important;
    margin:0!important;
    font-size:11px!important;
    line-height:1.3!important;
    color:#607690!important;
    font-weight:850!important;
    letter-spacing:0!important;
    text-transform:none!important;
}
.hm-v249-team .hm-candidate-card .hm-candidate-copy em{
    order:3!important;
    margin-top:5px!important;
    font-size:10px!important;
    line-height:1.25!important;
    color:#6b7d90!important;
    font-style:normal!important;
    font-weight:850!important;
}
@media (max-width: 980px){
    .hm-v249-team .hm-candidate-card .hm-candidate-copy strong{font-size:20px!important;}
    .hm-v249-team .hm-candidate-card .hm-candidate-copy small{font-size:10px!important;}
}


/* ==========================================================================
   v253 – MAKÁME
   ========================================================================== */
.hm-v253-make{display:grid!important;gap:22px!important}.hm-v253-make-tabs{display:flex!important;gap:8px!important;flex-wrap:wrap!important;position:sticky!important;top:8px!important;z-index:20!important;padding:8px!important;border:1px solid #dbe6f0!important;border-radius:16px!important;background:rgba(255,255,255,.94)!important;backdrop-filter:blur(12px)!important}.hm-v253-make-tabs a{padding:10px 14px!important;border-radius:10px!important;background:#edf4fb!important;color:#175b9e!important;text-decoration:none!important;font-size:12px!important;font-weight:950!important}.hm-v253-make-block{display:grid!important;gap:13px!important;padding:18px!important;border:1px solid #dbe6f0!important;border-radius:20px!important;background:#f9fbfd!important}.hm-v253-make-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:15px!important}.hm-v253-make-head span{font-size:9px!important;font-weight:1000!important;letter-spacing:.12em!important;color:#65809b!important}.hm-v253-make-head h3{margin:3px 0!important;font-size:26px!important;color:#143e69!important}.hm-v253-make-head p{margin:0!important;color:#6c8095!important;font-size:12px!important;line-height:1.45!important}.hm-v253-make-head>b, .hm-v253-lane-title>span{display:grid!important;place-items:center!important;min-width:34px!important;height:34px!important;border-radius:999px!important;background:#e7f1fb!important;color:#1764b3!important}.hm-v253-lane{display:grid!important;gap:8px!important}.hm-v253-lane-title{display:flex!important;justify-content:space-between!important;align-items:center!important;padding:4px 2px!important;color:#536b83!important;font-size:11px!important}.hm-v253-lane.is-approved .hm-v253-lane-title strong{color:#17844a!important}.hm-v253-card-list{display:grid!important;gap:9px!important}.hm-v253-work-card{overflow:hidden!important;border:1px solid #dbe6ef!important;border-radius:14px!important;background:#fff!important}.hm-v253-work-card.is-approved, .hm-v253-work-card.is-completed{border-color:#bfe2ca!important;background:#fbfffc!important}.hm-v253-work-card>summary{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;padding:13px 14px!important;cursor:pointer!important;list-style:none!important}.hm-v253-work-card>summary::-webkit-details-marker{display:none!important}.hm-v253-work-card>summary strong{display:block!important;color:#173f6b!important;font-size:14px!important}.hm-v253-work-card>summary small{display:block!important;margin-top:3px!important;color:#8090a2!important;font-size:9px!important}.hm-v253-work-card>summary>span{flex:0 0 auto!important;border-radius:999px!important;padding:6px 9px!important;background:#edf4fb!important;color:#1761a8!important;font-size:9px!important;font-weight:950!important}.hm-v253-work-card.is-approved>summary>span, .hm-v253-work-card.is-completed>summary>span{background:#dff5e6!important;color:#148147!important}.hm-v253-work-body{display:grid!important;gap:12px!important;padding:14px!important;border-top:1px solid #e5ecf3!important}.hm-v253-work-body>p{margin:0!important;color:#405a76!important;font-size:13px!important;line-height:1.5!important}.hm-v253-result img{display:block!important;max-width:520px!important;width:100%!important;max-height:360px!important;object-fit:contain!important;border-radius:12px!important;background:#edf2f7!important}.hm-v253-result{padding:11px!important;border:1px solid #dde7f0!important;border-radius:11px!important;background:#f8fbfd!important}.hm-v253-actions{display:flex!important;align-items:flex-start!important;gap:8px!important;flex-wrap:wrap!important}.hm-v253-actions button, .hm-v253-actions>details>summary, .hm-v253-submit-result>summary{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:36px!important;border:0!important;border-radius:9px!important;padding:8px 11px!important;background:#eaf3fd!important;color:#155fa9!important;font-size:10px!important;font-weight:950!important;cursor:pointer!important;list-style:none!important}.hm-v253-actions button, .hm-v253-complete{background:#1768c7!important;color:#fff!important}.hm-v253-complete{background:#15904f!important}.hm-v253-actions details form, .hm-v253-submit-result form{display:grid!important;gap:8px!important;margin-top:7px!important;padding:10px!important;border:1px solid #dce6ef!important;border-radius:10px!important;background:#fff!important}.hm-v253-actions textarea, .hm-v253-submit-result textarea{width:100%!important;min-width:260px!important;border:1px solid #cad9e7!important;border-radius:8px!important;padding:8px!important}.hm-v253-comments{display:grid!important;gap:6px!important}.hm-v253-comments article{padding:9px 10px!important;border-left:3px solid #7e94aa!important;border-radius:9px!important;background:#f5f8fb!important}.hm-v253-comments strong{font-size:9px!important;color:#315b83!important}.hm-v253-comments p{margin:3px 0 0!important;font-size:12px!important;color:#455f78!important}.hm-v253-result>strong{display:block!important;margin-bottom:6px!important;color:#17834a!important;font-size:9px!important;letter-spacing:.08em!important}.hm-v253-result>a{display:inline-flex!important;margin-top:7px!important;color:#1263b5!important;font-weight:900!important}.hm-v253-task-fields{display:grid!important;grid-template-columns:1fr 1fr 1.4fr!important;gap:9px!important}.hm-v253-task-fields label{display:grid!important;gap:5px!important}.hm-v253-task-fields span{font-size:10px!important;font-weight:900!important;color:#536d87!important}.hm-v253-task-fields input, .hm-v253-task-fields select{width:100%!important;min-height:40px!important;border:1px solid #cad9e7!important;border-radius:9px!important;padding:8px 9px!important}.hm-v253-task-calendar{padding:10px!important;border:1px solid #dce7f0!important;border-radius:14px!important;background:#fff!important}.hm-v253-inline-done{margin-left:6px!important;padding:3px 6px!important;border-radius:999px!important;background:#daf3e2!important;color:#168047!important;font-size:8px!important}.hm-v199-activity-item:has(.hm-v205-activity-detail){scroll-margin-top:10px!important}
@media(max-width:760px){.hm-v253-make-block{padding:12px!important}.hm-v253-make-head{align-items:flex-start!important}.hm-v253-make-head h3{font-size:22px!important}.hm-v253-task-fields{grid-template-columns:1fr!important}.hm-v253-actions{display:grid!important;grid-template-columns:1fr!important}.hm-v253-actions form, .hm-v253-actions details, .hm-v253-actions button, .hm-v253-actions>details>summary{width:100%!important}.hm-v253-actions textarea, .hm-v253-submit-result textarea{min-width:0!important}.hm-v253-make-tabs{position:static!important}.hm-v253-work-card>summary{align-items:flex-start!important}.hm-v253-work-card>summary>span{font-size:8px!important}}


/* ==========================================================================
   v254 – Prehľad a MAKÁME používajú jeden spoločný kalendár úloh
   ========================================================================== */
.hm-v199-calendar-panel .hm-v199-section-head p{
    margin:5px 0 0!important;
    color:#6f8398!important;
    font-size:10px!important;
    line-height:1.4!important;
}
.hm-v254-shared-calendar-editor{
    grid-template-columns:minmax(320px,.82fr) minmax(0,1.18fr)!important;
}
.hm-v254-calendar-fields{
    grid-template-columns:1fr 1fr 1.3fr!important;
}
.hm-v254-calendar-fields select, .hm-v254-task-edit-grid select{
    width:100%!important;
    border:1px solid #cbd9e8!important;
    border-radius:10px!important;
    background:#fff!important;
    padding:9px 10px!important;
    color:#244767!important;
    font-size:13px!important;
    outline:none!important;
}
.hm-v254-calendar-task{
    grid-template-columns:58px minmax(0,1fr) auto!important;
    align-items:start!important;
}
.hm-v254-calendar-task.is-completed{
    border-color:#bee2ca!important;
    background:linear-gradient(90deg,#effaf3,#fff 52%)!important;
}
.hm-v254-calendar-task>div>strong{
    display:block!important;
    color:#173f6b!important;
    font-size:13px!important;
    line-height:1.3!important;
}
.hm-v254-calendar-task>div>p{
    margin:5px 0!important;
    color:#445f79!important;
    font-size:12px!important;
    line-height:1.4!important;
}
.hm-v254-calendar-task>div>small{
    display:block!important;
    color:#8394a6!important;
    font-size:8px!important;
    line-height:1.35!important;
}
.hm-v254-inline-approved{
    margin-left:5px!important;
    padding:3px 6px!important;
    border-radius:999px!important;
    background:#e3f5e9!important;
    color:#178047!important;
    font-size:8px!important;
}
.hm-v254-calendar-task-actions{
    display:flex!important;
    flex-wrap:wrap!important;
    align-items:flex-start!important;
    gap:6px!important;
    margin-top:9px!important;
}
.hm-v254-calendar-task-actions>form, .hm-v254-calendar-task-actions>details{
    margin:0!important;
}
.hm-v254-calendar-task-actions button, .hm-v254-calendar-task-actions>details>summary, .hm-v254-task-edit>summary{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-height:32px!important;
    border:0!important;
    border-radius:8px!important;
    padding:6px 9px!important;
    background:#eaf3fc!important;
    color:#175fa8!important;
    font-size:9px!important;
    font-weight:950!important;
    cursor:pointer!important;
    list-style:none!important;
}
.hm-v254-calendar-task-actions .hm-v253-complete{
    background:#15904f!important;
    color:#fff!important;
}
.hm-v254-task-edit{
    position:relative!important;
}
.hm-v254-task-edit>form{
    display:grid!important;
    gap:8px!important;
    width:min(620px,80vw)!important;
    margin-top:7px!important;
    padding:11px!important;
    border:1px solid #d9e4ee!important;
    border-radius:11px!important;
    background:#fff!important;
}
.hm-v254-task-edit input[type="text"], .hm-v254-task-edit input[type="date"], .hm-v254-task-edit input[type="time"], .hm-v254-task-edit textarea{
    width:100%!important;
    border:1px solid #cad9e7!important;
    border-radius:8px!important;
    padding:8px 9px!important;
    background:#fff!important;
    color:#254663!important;
    font-size:12px!important;
}
.hm-v254-task-edit textarea{resize:vertical!important}
.hm-v254-task-edit-grid{
    display:grid!important;
    grid-template-columns:1fr 1fr 1.35fr!important;
    gap:7px!important;
}
.hm-v254-task-edit>form>button{
    justify-self:start!important;
    background:#1768c7!important;
    color:#fff!important;
}
.hm-v254-delete-task{
    background:#fff0f1!important;
    color:#b93845!important;
}
.hm-v253-task-calendar .hm-v199-calendar-days button[data-hm-make-calendar-date]{
    cursor:pointer!important;
}
.hm-v253-task-calendar .hm-v199-calendar-days button[data-hm-make-calendar-date]:hover{
    transform:translateY(-1px)!important;
    box-shadow:0 5px 13px rgba(19,72,122,.12)!important;
}
@media(max-width:980px){
    .hm-v254-shared-calendar-editor{grid-template-columns:1fr!important}
}
@media(max-width:720px){
    .hm-v254-calendar-fields, .hm-v254-task-edit-grid{grid-template-columns:1fr!important}
    .hm-v254-calendar-task{grid-template-columns:52px minmax(0,1fr)!important}
    .hm-v254-calendar-task>form{grid-column:1/-1!important;justify-self:end!important}
    .hm-v254-calendar-task-actions{display:grid!important;grid-template-columns:1fr!important}
    .hm-v254-calendar-task-actions>form, .hm-v254-calendar-task-actions>details, .hm-v254-calendar-task-actions button, .hm-v254-calendar-task-actions>details>summary{width:100%!important}
    .hm-v254-task-edit>form{width:100%!important;max-width:100%!important}
}


/* ==========================================================================
   v255 – MAKÁME: oranžové úlohy v kalendári, väčšie úlohy, interné ankety
   ========================================================================== */
/* Deň, na ktorý je priradená aspoň jedna úloha, je v oboch kalendároch oranžový. */
.hm-v201-calendar-panel .hm-v199-calendar-days button.has-notes, .hm-v253-task-calendar .hm-v199-calendar-days button.has-notes{
    background:#f59e0b!important;
    border-color:#d97706!important;
    color:#fff!important;
    box-shadow:0 5px 14px rgba(217,119,6,.22)!important;
}
.hm-v201-calendar-panel .hm-v199-calendar-days button.has-notes:hover, .hm-v253-task-calendar .hm-v199-calendar-days button.has-notes:hover{
    background:#e88908!important;
    border-color:#c66a04!important;
    box-shadow:0 0 0 2px rgba(245,158,11,.18),0 5px 14px rgba(217,119,6,.22)!important;
}
.hm-v201-calendar-panel .hm-v199-calendar-days button.is-past.has-notes{
    background:#c76608!important;
    border-color:#a94f05!important;
    color:#fff!important;
    opacity:.9!important;
}
.hm-v201-calendar-panel .hm-v199-calendar-days button.has-notes>b, .hm-v253-task-calendar .hm-v199-calendar-days button.has-notes>b{color:#fff!important}

/* Priradené úlohy: +3 px oproti doterajším rozmerom. */
#hmMakeTasks .hm-v253-work-card>summary strong{font-size:17px!important}
#hmMakeTasks .hm-v253-work-card>summary small{font-size:12px!important}
#hmMakeTasks .hm-v253-work-body>p{font-size:16px!important}
.hm-v254-calendar-task>div>strong{font-size:16px!important}
.hm-v254-calendar-task>div>p{font-size:15px!important}
.hm-v254-calendar-task>div>small{font-size:11px!important}

/* Interné hlasovania. */
.hm-v255-poll-options-editor{display:grid!important;gap:9px!important}
.hm-v255-poll-option-editor{position:relative!important;display:grid!important;grid-template-columns:minmax(0,1.3fr) minmax(220px,.7fr) 34px!important;gap:9px!important;align-items:end!important;padding:11px!important;border:1px solid #dbe6ef!important;border-radius:12px!important;background:#f8fbfd!important}
.hm-v255-poll-option-editor>label:not(.hm-bo-file){display:grid!important;gap:5px!important}
.hm-v255-poll-option-editor>label>span{font-size:10px!important;font-weight:900!important;color:#536d87!important}
.hm-v255-poll-option-editor input[type="text"]{width:100%!important;min-height:40px!important;border:1px solid #cad9e7!important;border-radius:9px!important;padding:8px 9px!important;background:#fff!important}
.hm-v255-remove-option{display:grid!important;place-items:center!important;width:34px!important;height:34px!important;border:0!important;border-radius:9px!important;background:#fff0f1!important;color:#b93845!important;font-size:18px!important;font-weight:900!important;cursor:pointer!important}
.hm-v255-remove-option:disabled{opacity:.32!important;cursor:not-allowed!important}
.hm-v255-add-option{justify-self:start!important;min-height:38px!important;border:1px solid #c9ddec!important;border-radius:9px!important;padding:8px 12px!important;background:color-mix(in srgb,var(--hm-level-color) 10%,#edf6ff)!important;color:#175fa8!important;font-size:11px!important;font-weight:950!important;cursor:pointer!important}
.hm-v255-poll-lane.is-against .hm-v253-lane-title strong{color:#c13a46!important}


@media(max-width:760px){
    #hmMakeTasks .hm-v253-work-card>summary strong{font-size:16px!important}
    #hmMakeTasks .hm-v253-work-card>summary small{font-size:11px!important}
    #hmMakeTasks .hm-v253-work-body>p{font-size:15px!important}
    .hm-v255-poll-option-editor{grid-template-columns:1fr!important}
    .hm-v255-remove-option{width:100%!important;height:34px!important}
    
    
    
    
    
    
    
    
}


/* ==========================================================================
   v256 – MAKÁME / interné ankety: jednoduchá tímová hlasovacia mriežka
   ========================================================================== */
.hm-v256-poll-list{gap:12px!important}
.hm-v256-poll-card{overflow:hidden!important;border:1px solid #d9e5f0!important;border-radius:16px!important;background:#fff!important;box-shadow:0 8px 24px rgba(18,62,103,.045)!important}
.hm-v256-poll-card.is-approved{border-color:#bfe4cb!important;background:#fbfffc!important}
.hm-v256-poll-card.is-against{border-color:#efc8cd!important;background:#fffdfd!important}
.hm-v256-poll-card-main{padding:16px!important}
.hm-v256-poll-title-row{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:16px!important;margin-bottom:13px!important}
.hm-v256-poll-title-row>div{min-width:0!important}
.hm-v256-poll-title-row>div>strong{display:block!important;color:#103e70!important;font-size:18px!important;line-height:1.2!important;font-weight:1000!important;letter-spacing:-.025em!important}
.hm-v256-poll-title-row>div>p{margin:5px 0 0!important;color:#526f8f!important;font-size:13px!important;line-height:1.45!important}
.hm-v256-poll-title-row>div>small{display:block!important;margin-top:5px!important;color:#8999aa!important;font-size:9px!important;font-weight:800!important}
.hm-v256-poll-status{flex:0 0 auto!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:29px!important;border-radius:999px!important;padding:6px 10px!important;background:#edf4fb!important;color:#1765ae!important;font-size:9px!important;font-weight:1000!important;letter-spacing:.04em!important}
.hm-v256-poll-status.is-approved{background:#e4f7ea!important;color:#158047!important}
.hm-v256-poll-status.is-against{background:#ffeaed!important;color:#bd3442!important}
.hm-v256-vote-board{overflow:hidden!important;border:1px solid #dce7f0!important;border-radius:13px!important;background:#f8fbfd!important}


.hm-v256-voter-grid{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;background:#fff!important}
.hm-v256-voter-cell{min-width:0!important;border-right:1px solid #e2eaf1!important;padding:0!important;text-align:center!important}
.hm-v256-voter-cell:last-child{border-right:0!important}
.hm-v256-voter-cell>strong{display:flex!important;align-items:center!important;justify-content:center!important;min-height:39px!important;padding:7px 5px!important;border-bottom:1px solid #e2eaf1!important;background:#fff!important;color:#123f6f!important;font-size:11px!important;line-height:1.15!important;font-weight:1000!important}
.hm-v256-voter-cell.is-current>strong{background:color-mix(in srgb,var(--hm-level-color) 10%,#edf6ff)!important;color:#0c64bc!important}
.hm-v256-voter-slot{display:flex!important;align-items:center!important;justify-content:center!important;min-height:64px!important;padding:8px 6px!important}
.hm-v256-own-vote-actions{display:flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;width:100%!important;flex-wrap:wrap!important}
.hm-v256-own-vote-actions form{margin:0!important;min-width:0!important}
.hm-v256-own-vote-actions .hm-v234-photo-like, .hm-v256-own-vote-actions .hm-v234-photo-dislike{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;width:auto!important;min-width:88px!important;max-width:100%!important;height:32px!important;min-height:32px!important;max-height:32px!important;border-radius:8px!important;padding:6px 8px!important;font-size:9px!important;line-height:1!important;font-weight:950!important;box-shadow:none!important}
.hm-v256-own-vote-actions .hm-v243-thumb-svg{width:13px!important;height:13px!important;min-width:13px!important;max-width:13px!important;min-height:13px!important;max-height:13px!important}
.hm-v256-readonly-vote{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;min-height:31px!important;border-radius:8px!important;padding:6px 8px!important;font-size:9px!important;font-weight:900!important}
.hm-v256-readonly-vote .hm-v243-thumb-svg{width:13px!important;height:13px!important;min-width:13px!important;max-width:13px!important;min-height:13px!important;max-height:13px!important}
.hm-v256-readonly-vote.is-for{background:#e5f7eb!important;color:#178149!important}
.hm-v256-readonly-vote.is-against{background:#ffeaed!important;color:#bd3442!important}
.hm-v256-readonly-vote.is-none{background:#f0f4f7!important;color:#8b9aaa!important}
.hm-v256-readonly-vote.is-none i{font-size:13px!important;font-style:normal!important;line-height:1!important}


@media(max-width:980px){
    .hm-v256-voter-grid{overflow-x:auto!important;display:grid!important;grid-template-columns:repeat(5,minmax(145px,1fr))!important}
    .hm-v256-vote-board{overflow-x:auto!important}
    
    .hm-v256-voter-grid{min-width:725px!important}
}
@media(max-width:620px){
    .hm-v256-poll-card-main{padding:12px!important}
    .hm-v256-poll-title-row{gap:9px!important}
    .hm-v256-poll-title-row>div>strong{font-size:16px!important}
    .hm-v256-poll-title-row>div>p{font-size:12px!important}
    
    
    
}


/* ==========================================================================
   v257 – MAKÁME / ankety: čistejšia karta + priame pripomienky
   ========================================================================== */
.hm-v257-poll-meta-right{
    flex:0 0 auto!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:8px!important;
    flex-wrap:wrap!important;
}
.hm-v257-poll-author{
    display:inline-flex!important;
    align-items:center!important;
    margin:0!important;
    color:#7b8ea3!important;
    font-size:9px!important;
    line-height:1.2!important;
    font-weight:850!important;
    white-space:nowrap!important;
}
.hm-v256-vote-board{
    background:#fff!important;
}
.hm-v256-voter-grid{
    border-radius:13px!important;
    overflow:hidden!important;
}
.hm-v257-poll-comments{
    padding:12px 16px 14px!important;
    border-top:1px solid #e1e9f0!important;
    background:#fbfdff!important;
}
.hm-v257-poll-comments>strong{
    display:block!important;
    margin-bottom:8px!important;
    color:#214b75!important;
    font-size:11px!important;
    line-height:1.2!important;
    font-weight:1000!important;
}
.hm-v257-poll-comment-form{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    gap:8px!important;
    align-items:stretch!important;
    margin:0!important;
}
.hm-v257-poll-comment-form textarea{
    width:100%!important;
    min-height:42px!important;
    max-height:110px!important;
    resize:vertical!important;
    border:1px solid #d4e0ea!important;
    border-radius:10px!important;
    background:#fff!important;
    padding:9px 10px!important;
    color:#274a6b!important;
    font-size:11px!important;
    line-height:1.35!important;
    outline:none!important;
}
.hm-v257-poll-comment-form textarea:focus{
    border-color:#8bbcea!important;
    box-shadow:0 0 0 3px rgba(23,101,174,.07)!important;
}
.hm-v257-poll-comment-form button{
    min-width:76px!important;
    border:0!important;
    border-radius:9px!important;
    padding:8px 12px!important;
    background:#1768bd!important;
    color:#fff!important;
    font-size:10px!important;
    font-weight:950!important;
    cursor:pointer!important;
}
.hm-v257-poll-comment-list{
    margin-top:9px!important;
}
@media(max-width:620px){
    .hm-v256-poll-title-row{align-items:flex-start!important;}
    .hm-v257-poll-meta-right{gap:6px!important;}
    .hm-v257-poll-comment-form{grid-template-columns:1fr!important;}
    .hm-v257-poll-comment-form button{justify-self:start!important;}
    .hm-v257-poll-comments{padding:11px 12px 13px!important;}
}


/* ==========================================================================
   v258 – MAKÁME / ankety: typ Áno-Nie alebo konkrétne odpovede
   ========================================================================== */
.hm-v258-poll-type{
    margin:0!important;padding:0!important;border:0!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important;
}
.hm-v258-poll-type>legend{grid-column:1/-1!important;margin:0 0 2px!important;padding:0!important;color:#244c73!important;font-size:11px!important;font-weight:1000!important}
.hm-v258-poll-type>label{position:relative!important;display:block!important;cursor:pointer!important}
.hm-v258-poll-type input{position:absolute!important;opacity:0!important;pointer-events:none!important}
.hm-v258-poll-type label>span{display:grid!important;gap:3px!important;min-height:66px!important;padding:12px 13px!important;border:1px solid #d6e2ed!important;border-radius:12px!important;background:#fff!important;transition:.18s ease!important}
.hm-v258-poll-type label>span>b{color:#16436f!important;font-size:13px!important;font-weight:1000!important}
.hm-v258-poll-type label>span>small{color:#71879c!important;font-size:9px!important;line-height:1.35!important;font-weight:750!important}
.hm-v258-poll-type input:checked+span{border-color:#5ea9e8!important;background:#edf7ff!important;box-shadow:0 0 0 2px rgba(23,104,199,.09)!important}
.hm-v258-poll-type input:checked+span>b{color:#0865bd!important}
.hm-v258-options-wrap{display:grid!important;gap:9px!important;padding:12px!important;border:1px solid #dce6ef!important;border-radius:13px!important;background:#f8fbfd!important}
.hm-v258-options-wrap[hidden]{display:none!important}
.hm-v258-options-head{display:grid!important;gap:2px!important}
.hm-v258-options-head>strong{color:#204b76!important;font-size:12px!important;font-weight:1000!important}
.hm-v258-options-head>small{color:#7890a6!important;font-size:9px!important;line-height:1.35!important}
.hm-v258-question-image{display:block!important;width:min(100%,640px)!important;max-height:360px!important;object-fit:contain!important;margin:0 auto 10px!important;border-radius:13px!important;background:#eef3f7!important}
.hm-v258-answer-voting{display:grid!important;gap:10px!important}
.hm-v258-answer-list{display:grid!important;gap:8px!important}
.hm-v258-answer{display:grid!important;grid-template-columns:auto minmax(0,1fr) auto!important;gap:10px!important;align-items:center!important;min-height:58px!important;padding:9px 10px!important;border:1px solid #dbe5ee!important;border-radius:12px!important;background:#fff!important}
.hm-v258-answer.no-image{grid-template-columns:minmax(0,1fr) auto!important}
.hm-v258-answer.is-selected{border-color:#80b9e8!important;background:#f0f8ff!important;box-shadow:0 0 0 2px rgba(23,104,199,.07)!important}
.hm-v258-answer.is-winning{border-color:#a8dbb8!important;background:#f7fff9!important}
.hm-v258-answer>img{width:72px!important;height:54px!important;object-fit:cover!important;border-radius:9px!important;background:#edf2f7!important}
.hm-v258-answer-copy{min-width:0!important;display:grid!important;gap:3px!important}
.hm-v258-answer-copy>strong{color:#143f6b!important;font-size:13px!important;line-height:1.25!important;font-weight:1000!important;overflow-wrap:anywhere!important}
.hm-v258-answer-copy>small{color:#7c8fa3!important;font-size:9px!important;line-height:1.25!important;font-weight:800!important}
.hm-v258-answer form{margin:0!important}
.hm-v258-answer button{min-width:78px!important;min-height:34px!important;border:0!important;border-radius:9px!important;padding:7px 10px!important;background:#eaf4fd!important;color:#1264ad!important;font-size:9px!important;font-weight:1000!important;cursor:pointer!important}
.hm-v258-answer button.is-selected{background:#1768bd!important;color:#fff!important}
.hm-v258-answer-selected{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:31px!important;border-radius:8px!important;padding:6px 9px!important;background:#e7f3fd!important;color:#1765ad!important;font-size:9px!important;font-weight:950!important}
.hm-v258-approved-answer{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;padding:10px 12px!important;border-radius:11px!important;background:#e6f7eb!important;color:#147d45!important}
.hm-v258-approved-answer>span{font-size:9px!important;font-weight:850!important;text-transform:uppercase!important;letter-spacing:.04em!important}
.hm-v258-approved-answer>strong{font-size:12px!important;font-weight:1000!important}
@media(max-width:620px){
    .hm-v258-poll-type{grid-template-columns:1fr!important}
    .hm-v258-answer.has-image{grid-template-columns:64px minmax(0,1fr)!important}
    .hm-v258-answer.no-image{grid-template-columns:minmax(0,1fr)!important}
    .hm-v258-answer>img{width:64px!important;height:50px!important}
    .hm-v258-answer form, .hm-v258-answer>.hm-v258-answer-selected{grid-column:1/-1!important}
    .hm-v258-answer button{width:100%!important}
    .hm-v258-approved-answer{align-items:flex-start!important;flex-direction:column!important}
}


/* ==========================================================================
   v259 – Poznámková tabuľa: celý text poznámky bez orezania
   ========================================================================== */
.hm-v217-note-line{
    align-items:start!important;
}
.hm-v217-note-line>strong, .hm-v217-note-day, .hm-v217-note-line>time, .hm-v217-note-actions{
    margin-top:2px!important;
}
.hm-v217-note-line>p{
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
    overflow-wrap:anywhere!important;
    word-break:normal!important;
    line-height:1.42!important;
}


/* ==========================================================================
   v260 – FOTO: kandidátsky výber fotografií v priečinkoch
   ========================================================================== */
.hm-v244-photo-under-actions{
    flex-wrap:wrap!important;
    gap:8px 10px!important;
}
.hm-v260-photo-select-form{
    margin:0!important;
}
.hm-v260-photo-select-button{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:7px!important;
    min-height:36px!important;
    padding:8px 14px!important;
    border:1px solid #b8cce4!important;
    border-radius:10px!important;
    background:#fff!important;
    color:#174f88!important;
    font-size:12px!important;
    line-height:1!important;
    font-weight:950!important;
    cursor:pointer!important;
    box-shadow:none!important;
}
.hm-v260-photo-select-button>span{
    display:grid!important;
    place-items:center!important;
    width:18px!important;
    height:18px!important;
    border-radius:6px!important;
    background:#e8f2ff!important;
    color:#0b66c3!important;
    font-size:13px!important;
    font-weight:1000!important;
}
.hm-v260-photo-select-button.is-selected{
    border-color:#e2b900!important;
    background:#fff9d8!important;
    color:#7a6200!important;
}
.hm-v260-photo-select-button.is-selected>span{
    background:#ffd633!important;
    color:#153d68!important;
}
.hm-v260-selected-photos{
    margin-top:18px!important;
    padding:17px!important;
    border:1px solid #d9e5f1!important;
    border-radius:16px!important;
    background:#f8fbff!important;
}
.hm-v260-selected-photos-head{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:14px!important;
    margin-bottom:12px!important;
}
.hm-v260-selected-photos-head>div{
    display:grid!important;
    gap:3px!important;
}
.hm-v260-selected-photos-head span{
    color:#0b67bd!important;
    font-size:8px!important;
    font-weight:1000!important;
    letter-spacing:.1em!important;
}
.hm-v260-selected-photos-head strong{
    color:#123e6d!important;
    font-size:17px!important;
    font-weight:1000!important;
}
.hm-v260-selected-photos-head small{
    color:#73869d!important;
    font-size:10px!important;
    line-height:1.35!important;
}
.hm-v260-selected-photos-head>b{
    display:grid!important;
    place-items:center!important;
    min-width:34px!important;
    height:34px!important;
    padding:0 8px!important;
    border-radius:12px!important;
    background:#e7f2ff!important;
    color:#0d63b6!important;
    font-size:13px!important;
    font-weight:1000!important;
}
.hm-v260-selected-grid{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:10px!important;
}
.hm-v260-selected-card{
    min-width:0!important;
    padding:0!important;
    overflow:hidden!important;
    border:1px solid #d8e3ef!important;
    border-radius:13px!important;
    background:#fff!important;
    text-align:left!important;
    cursor:pointer!important;
}
.hm-v260-selected-card>div{
    height:118px!important;
    overflow:hidden!important;
    background:#e9f0f7!important;
}
.hm-v260-selected-card img{
    display:block!important;
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
}
.hm-v260-selected-card>strong{
    display:block!important;
    padding:9px 10px 4px!important;
    color:#123e6d!important;
    font-size:11px!important;
    line-height:1.25!important;
    font-weight:950!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
}
.hm-v260-selected-card>p{
    display:flex!important;
    flex-wrap:wrap!important;
    gap:4px!important;
    margin:0!important;
    padding:3px 10px 10px!important;
}
.hm-v260-selected-card>p>span{
    display:inline-flex!important;
    align-items:center!important;
    min-height:22px!important;
    padding:4px 7px!important;
    border-radius:999px!important;
    background:var(--hm-member-soft,#edf4fb)!important;
    color:var(--hm-member-color,#345b82)!important;
    font-size:9px!important;
    font-weight:950!important;
}
@media(max-width:900px){
    .hm-v260-selected-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
}
@media(max-width:620px){
    .hm-v260-selected-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
    .hm-v260-selected-card>div{height:100px!important;}
}


/* ==========================================================================
   v261 – Rozpočet + Diskusie: kompaktný tímový pracovný priestor
   ========================================================================== */
.hm-v261-budget-head{align-items:flex-start!important;}
.hm-v261-budget-totals{display:flex!important;gap:8px!important;flex-wrap:wrap!important;justify-content:flex-end!important;}
.hm-v261-budget-totals>span{display:grid!important;gap:1px!important;min-width:145px!important;padding:10px 13px!important;border:1px solid #dbe7f3!important;border-radius:14px!important;background:#fff!important;}
.hm-v261-budget-totals small{font-size:8px!important;font-weight:950!important;color:#7890aa!important;letter-spacing:.08em!important;}
.hm-v261-budget-totals b{font-size:21px!important;line-height:1.1!important;color:#0d437a!important;}
.hm-v261-budget-totals i{font-size:8px!important;font-style:normal!important;color:#8da0b4!important;}
.hm-v261-budget-add{display:grid!important;grid-template-columns:minmax(230px,1.35fr) 130px minmax(220px,1fr) auto!important;gap:7px!important;margin:12px 0!important;padding:9px!important;border:1px solid #d8e5f2!important;border-radius:15px!important;background:#f8fbff!important;}
.hm-v261-budget-add input, .hm-v261-budget-add button, .hm-v261-budget-row details input, .hm-v261-budget-row details button{min-height:38px!important;border:1px solid #cfdeed!important;border-radius:10px!important;padding:8px 10px!important;font-size:12px!important;}
.hm-v261-budget-add button, .hm-v261-budget-row details button{border:0!important;background:#0e67c7!important;color:#fff!important;font-weight:950!important;cursor:pointer!important;}
.hm-v261-budget-list{display:grid!important;gap:6px!important;}
.hm-v261-budget-row{display:grid!important;grid-template-columns:minmax(0,1fr) 130px auto auto!important;align-items:center!important;gap:10px!important;padding:10px 12px!important;border:1px solid #dce6f0!important;border-radius:13px!important;background:#fff!important;}
.hm-v261-budget-row>div>strong{display:block!important;font-size:14px!important;color:#123f70!important;}.hm-v261-budget-row>div>p{margin:2px 0!important;font-size:11px!important;color:#627991!important;}.hm-v261-budget-row>div>small{font-size:8px!important;color:#96a7b8!important;}
.hm-v261-budget-row>b{text-align:right!important;font-size:15px!important;color:#0c4e8e!important;white-space:nowrap!important;}
.hm-v261-budget-row>details>summary{cursor:pointer!important;font-size:10px!important;font-weight:900!important;color:#1264b8!important;}.hm-v261-budget-row>details>form{position:absolute!important;z-index:20!important;right:55px!important;margin-top:7px!important;width:min(520px,80vw)!important;display:grid!important;grid-template-columns:1.3fr .6fr 1.3fr auto!important;gap:5px!important;padding:8px!important;border:1px solid #d4e2ef!important;border-radius:12px!important;background:#fff!important;box-shadow:0 14px 35px rgba(18,52,88,.16)!important;}
.hm-v261-icon-delete{border:0!important;background:transparent!important;color:#a5b2c1!important;font-size:19px!important;cursor:pointer!important;}


@media(max-width:1100px){.hm-v261-budget-add{grid-template-columns:1fr 120px!important;}.hm-v261-budget-add input[name="note"]{grid-column:1/-1!important;}}
@media(max-width:720px){.hm-v261-budget-totals{width:100%!important;justify-content:stretch!important;}.hm-v261-budget-totals>span{flex:1 1 140px!important;}.hm-v261-budget-add{grid-template-columns:1fr!important;}.hm-v261-budget-add input[name="note"]{grid-column:auto!important;}.hm-v261-budget-row{grid-template-columns:minmax(0,1fr) auto!important;}.hm-v261-budget-row>details, .hm-v261-budget-row>form{grid-row:2!important;}.hm-v261-budget-row>details>form{position:static!important;width:100%!important;grid-template-columns:1fr!important;}}

/* ==========================================================================
   v263 – Diskusie: väčší text, prílohy, odkazy a určenie kto študuje
   ========================================================================== */


/* ==========================================================================
   v264 – FOTO: menšie vybraté fotky + počet výberov + prehľad podľa kandidáta
   ========================================================================== */
.hm-v260-selected-grid{
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    gap:8px!important;
}
.hm-v260-selected-card.hm-v264-selected-card{
    max-width:100%!important;
    border-radius:11px!important;
}
.hm-v260-selected-card.hm-v264-selected-card>div{
    position:relative!important;
    height:82px!important; /* približne o 30 % menej než pôvodných 118 px */
}
.hm-v260-selected-card.hm-v264-selected-card>strong{
    padding:7px 8px 3px!important;
    font-size:10px!important;
}
.hm-v260-selected-card.hm-v264-selected-card>p{
    padding:2px 8px 8px!important;
    gap:3px!important;
}
.hm-v260-selected-card.hm-v264-selected-card>p>span{
    min-height:19px!important;
    padding:3px 6px!important;
    font-size:8px!important;
}
.hm-v264-selected-count{
    position:absolute!important;
    top:6px!important;
    right:6px!important;
    display:grid!important;
    place-items:center!important;
    min-width:28px!important;
    height:23px!important;
    padding:0 7px!important;
    border-radius:999px!important;
    background:#ffd633!important;
    color:#123e6d!important;
    box-shadow:0 4px 12px rgba(0,0,0,.16)!important;
    font-size:10px!important;
    font-weight:1000!important;
}
.hm-v264-selected-by-member{
    display:grid!important;
    gap:7px!important;
    margin-top:14px!important;
    padding-top:13px!important;
    border-top:1px solid #dbe5ef!important;
}
.hm-v264-member-selection{
    display:grid!important;
    grid-template-columns:145px minmax(0,1fr)!important;
    gap:9px!important;
    align-items:center!important;
    min-width:0!important;
    padding:8px 9px!important;
    border:1px solid color-mix(in srgb,var(--hm-member-color,#6d7f95) 24%,#dbe5ef)!important;
    border-left:4px solid var(--hm-member-color,#6d7f95)!important;
    border-radius:11px!important;
    background:linear-gradient(90deg,var(--hm-member-soft,#f4f7fa),#fff 45%)!important;
}
.hm-v264-member-selection>header{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:7px!important;
    min-width:0!important;
}
.hm-v264-member-selection>header>strong{
    color:var(--hm-member-color,#45627f)!important;
    font-size:11px!important;
    line-height:1.2!important;
    font-weight:1000!important;
}
.hm-v264-member-selection>header>b{
    display:grid!important;
    place-items:center!important;
    min-width:24px!important;
    height:22px!important;
    padding:0 6px!important;
    border-radius:999px!important;
    background:var(--hm-member-color,#6d7f95)!important;
    color:#fff!important;
    font-size:9px!important;
    font-weight:1000!important;
}
.hm-v264-member-selection>small{
    color:#8595a7!important;
    font-size:9px!important;
}
.hm-v264-member-photo-row{
    display:flex!important;
    align-items:center!important;
    gap:6px!important;
    min-width:0!important;
    overflow-x:auto!important;
    padding:1px 1px 3px!important;
}
.hm-v264-member-photo-row>button{
    flex:0 0 58px!important;
    width:58px!important;
    height:43px!important;
    padding:0!important;
    overflow:hidden!important;
    border:1px solid #d5e0eb!important;
    border-radius:7px!important;
    background:#eaf0f6!important;
    cursor:pointer!important;
}
.hm-v264-member-photo-row img{
    display:block!important;
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
}
@media(max-width:900px){
    .hm-v260-selected-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;}
}
@media(max-width:700px){
    .hm-v260-selected-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
    .hm-v264-member-selection{grid-template-columns:1fr!important;}
}
@media(max-width:460px){
    .hm-v260-selected-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
    .hm-v260-selected-card.hm-v264-selected-card>div{height:76px!important;}
}


/* ==========================================================================
   v265 – Diskusie: automatické témy + vlastný text každého kandidáta
   ========================================================================== */


/* ==========================================================================
   v266 – Diskusie: scenár videa po jednotlivých replikách
   ========================================================================== */


/* v267 – Diskusie: opis → materiál → poznámky kandidátov → scenár */






/* ==========================================================================
   v268 – MAKÁME / Statusy: publikačný kalendár + Bit Social
   ========================================================================== */
.hm-v268-statuses{scroll-margin-top:110px}.hm-v268-target-pages span{display:inline-flex;padding:6px 9px;border-radius:999px;background:#fff;border:1px solid rgba(14,74,145,.12);font-size:10px;font-weight:800;color:#174675}
.hm-v268-status-calendar{margin:0 0 22px;border:1px solid rgba(12,60,115,.12);border-radius:22px;overflow:hidden;background:#fff;box-shadow:0 12px 30px rgba(25,62,107,.05)}.hm-v268-status-calendar-head{display:grid;grid-template-columns:44px 1fr 44px;align-items:center;padding:14px 16px;border-bottom:1px solid rgba(12,60,115,.1);background:linear-gradient(180deg,#fbfdff,#f4f8fd)}.hm-v268-status-calendar-head>a{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#fff;border:1px solid rgba(12,60,115,.12);font-weight:900;text-decoration:none;color:#0a5eb8}.hm-v268-status-calendar-head>a:last-child{justify-self:end}.hm-v268-status-calendar-head>div{text-align:center;display:grid;gap:2px}.hm-v268-status-calendar-head span{font-size:10px;letter-spacing:.12em;font-weight:900;color:#73869c}.hm-v268-status-calendar-head strong{font-size:18px;color:#092e5f;text-transform:capitalize}.hm-v268-status-weekdays, .hm-v268-status-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}.hm-v268-status-weekdays b{padding:9px 8px;text-align:center;font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#73849a;background:#f8fafc;border-bottom:1px solid rgba(12,60,115,.08)}.hm-v268-status-day, .hm-v268-status-days>.is-empty{min-height:124px;padding:8px;border-right:1px solid rgba(12,60,115,.08);border-bottom:1px solid rgba(12,60,115,.08);background:#fff}.hm-v268-status-day:nth-child(7n), .hm-v268-status-days>.is-empty:nth-child(7n){border-right:0}.hm-v268-status-day>i{display:grid;place-items:center;width:25px;height:25px;margin:0 0 6px auto;border-radius:9px;font-size:10px;font-style:normal;font-weight:900;color:#6c7e95}.hm-v268-status-day.is-today>i{background:#075fbc;color:#fff}.hm-v268-status-day.has-events{background:#fbfdff}.hm-v268-status-event{display:grid;gap:1px;margin-top:5px;padding:7px 8px;border-radius:8px;text-decoration:none;background:#edf5ff;border-left:3px solid #0b6fd8;overflow:hidden}.hm-v268-status-event time{font-size:10px;font-weight:900;color:#0a60b6}.hm-v268-status-event strong{font-size:10px;line-height:1.25;color:#0a315f;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hm-v268-status-event small{font-size:7px;line-height:1.25;color:#72849a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hm-v268-status-event.is-published{background:#edf9f1;border-left-color:#29945a}.hm-v268-status-event.is-failed, .hm-v268-status-event.is-failed_queue{background:#fff1ed;border-left-color:#d3543f}.hm-v268-status-event.is-waiting_approval{background:#fff9e9;border-left-color:#d79b18}
.hm-v268-status-form{gap:16px}.hm-v268-status-text{grid-column:1/-1}.hm-v268-status-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:12px}.hm-v268-status-grid select, .hm-v268-status-grid input{width:100%}.hm-v268-status-media{grid-column:1/-1}.hm-v268-fb-pages{grid-column:1/-1;margin:0;padding:14px;border:1px solid rgba(12,60,115,.12);border-radius:16px}.hm-v268-fb-pages legend{padding:0 7px;font-size:12px;font-weight:900;color:#153e6d}.hm-v268-fb-pages>div{display:flex;flex-wrap:wrap;gap:8px}.hm-v268-fb-pages label{display:flex;align-items:center;gap:5px;padding:8px 10px;border:1px solid rgba(12,60,115,.12);border-radius:11px;background:#fff;cursor:pointer}.hm-v268-fb-pages label span{font-size:12px;font-weight:800;color:#204c79}.hm-v268-fb-pages small, .hm-v268-fb-pages p{display:block;margin:9px 0 0;font-size:10px;color:#708095}
.hm-v268-status-card summary span{max-width:210px;text-align:right}.hm-v268-status-body{display:grid;gap:15px}.hm-v268-status-meta{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.hm-v268-status-meta span{display:grid;gap:3px;padding:10px 11px;border-radius:12px;background:#f7f9fc;font-size:10px;color:#244d75}.hm-v268-status-meta b{font-size:7px;letter-spacing:.08em;text-transform:uppercase;color:#8190a2}.hm-v268-status-copy{margin:0!important;padding:15px 16px;border-radius:8px;background:#fff;border:1px solid rgba(12,60,115,.1);font-size:14px!important;line-height:1.62!important;color:#183e68!important}.hm-v268-target-pages{display:grid;gap:7px}.hm-v268-target-pages>strong, .hm-v268-team-approval>strong{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:#6d7e92}.hm-v268-target-pages>div, .hm-v268-team-approval>div{display:flex;flex-wrap:wrap;gap:7px}.hm-v268-team-approval{display:grid;gap:5px;padding:13px;border-radius:10px;background:#f8fafc}.hm-v268-team-approval span{padding:6px 9px;border-radius:999px;font-size:10px;font-weight:800}.hm-v268-team-approval span.is-approved{background:#e9f8ef;color:#267a48}.hm-v268-team-approval span.is-waiting{background:#fff3df;color:#9a6820}.hm-v268-team-approval small{font-size:10px;color:#79889a}.hm-v268-social-error{padding:12px 14px;border-radius:8px;background:#fff0ec;border:1px solid rgba(188,66,38,.14)}.hm-v268-social-error strong{font-size:10px;color:#a74531}.hm-v268-social-error p{margin:4px 0 0!important;font-size:11px!important;color:#8b5147!important}.hm-v268-social-results{display:grid;gap:6px}.hm-v268-social-results>span{display:flex;gap:5px;align-items:flex-start;padding:8px 10px;border-radius:8px;font-size:10px;font-weight:800}.hm-v268-social-results .is-ok{background:#eef9f2;color:#28784a}.hm-v268-social-results .is-error{background:#fff1ed;color:#a64836}.hm-v268-social-results small{display:block;margin-left:auto;max-width:65%;font-weight:500}.hm-v268-status-edit{margin-top:3px;border-top:1px solid rgba(12,60,115,.08);padding-top:10px}.hm-v268-status-edit>summary{cursor:pointer;font-size:12px;font-weight:900;color:#175a9f}.hm-v268-status-edit form{display:grid;gap:10px;margin-top:10px}.hm-v268-status-edit textarea, .hm-v268-status-edit input, .hm-v268-status-edit select{width:100%}.hm-v268-status-delete{margin-top:4px}.hm-v268-status-delete button{border:0;background:transparent;color:#a84a3a;font-size:10px;font-weight:800;cursor:pointer;padding:0}
@media(max-width:900px){.hm-v268-status-calendar{overflow-x:auto}.hm-v268-status-weekdays, .hm-v268-status-days{min-width:720px}.hm-v268-status-grid{grid-template-columns:1fr}.hm-v268-status-meta{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.hm-v268-status-meta{grid-template-columns:1fr}.hm-v268-status-card summary{align-items:flex-start}.hm-v268-status-card summary span{max-width:130px;font-size:9px}}


/* v269 – MAKÁME / automatické zdieľanie obrázkov */

.hm-v269-auto-share{margin:14px 0 18px;border:1px solid rgba(11,93,181,.18);border-radius:20px;background:linear-gradient(180deg,#f7fbff,#fff);overflow:hidden;box-shadow:0 10px 28px rgba(10,68,126,.06)}.hm-v269-auto-share>summary{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:12px;padding:16px 18px;cursor:pointer;list-style:none}.hm-v269-auto-share>summary::-webkit-details-marker{display:none}.hm-v269-auto-share>summary>span{display:grid;place-items:center;width:40px;height:40px;border-radius:13px;background:#075fbc;color:#fff;font-size:18px}.hm-v269-auto-share>summary>div{display:grid;gap:3px}.hm-v269-auto-share>summary strong{font-size:14px;color:#0c3564}.hm-v269-auto-share>summary small{font-size:10px;line-height:1.4;color:#718198}.hm-v269-auto-share>summary>b{padding:8px 11px;border-radius:8px;background:#eaf4ff;color:#0a5fb6;font-size:10px}.hm-v269-auto-share[open]>summary{border-bottom:1px solid rgba(11,93,181,.12);background:#f5faff}.hm-v269-auto-share-body{padding:16px}.hm-v269-auto-share-form{gap:15px}.hm-v269-auto-text, .hm-v269-auto-images{grid-column:1/-1}
.hm-v269-auto-mode{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0;padding:14px;border:1px solid rgba(12,60,115,.12);border-radius:16px}.hm-v269-auto-mode legend{padding:0 7px;font-size:8px;font-weight:900;color:#153e6d}.hm-v269-auto-mode label{display:flex;gap:8px;align-items:flex-start;padding:12px;border:1px solid rgba(12,60,115,.1);border-radius:13px;background:#fff;cursor:pointer}.hm-v269-auto-mode input{margin-top:3px}.hm-v269-auto-mode span{display:grid;gap:3px}.hm-v269-auto-mode b{font-size:12px;color:#1a456f}.hm-v269-auto-mode small{font-size:10px;line-height:1.4;color:#708095}.hm-v269-auto-schedule{grid-column:1/-1;display:none;grid-template-columns:1fr 1fr;gap:12px;padding:14px;border-radius:16px;background:#f8fafc}.hm-v269-auto-schedule.is-active{display:grid}.hm-v269-auto-schedule>p{grid-column:1/-1;margin:0!important;font-size:10px!important;line-height:1.5!important;color:#74859a!important}.hm-v269-hours-input{display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px}.hm-v269-hours-input b{font-size:10px;color:#66798f}.hm-v269-auto-badge{display:inline-flex;align-items:center;margin-right:7px;padding:3px 6px;border-radius:7px;background:#dff0ff;color:#0965ba;font-size:8px;font-style:normal;font-weight:950;letter-spacing:.08em;vertical-align:2px}
@media(max-width:760px){.hm-v269-auto-share>summary{grid-template-columns:38px 1fr}.hm-v269-auto-share>summary>b{display:none}.hm-v269-auto-mode{grid-template-columns:1fr}.hm-v269-auto-schedule, .hm-v269-auto-schedule.is-active{grid-template-columns:1fr}.hm-v269-auto-schedule>p{grid-column:1}}


/* ==========================================================================
   v270 – MAKÁME / kompaktnejší statusový kalendár + pauza automatického zdieľania
   ========================================================================== */
/* Kalendár je približne o 40 % nižší; pri väčšom počte statusov sa bunka stále môže prirodzene roztiahnuť. */
.hm-v268-status-calendar-head{grid-template-columns:36px 1fr 36px;padding:8px 11px}.hm-v268-status-calendar-head>a{width:30px;height:30px;border-radius:10px}.hm-v268-status-calendar-head span{font-size:8px}.hm-v268-status-calendar-head strong{font-size:15px}.hm-v268-status-weekdays b{padding:5px 6px;font-size:9px}.hm-v268-status-day, .hm-v268-status-days>.is-empty{min-height:74px;padding:5px}.hm-v268-status-day>i{width:20px;height:20px;margin:0 0 3px auto;border-radius:7px;font-size:9px}.hm-v268-status-event{gap:0;margin-top:2px;padding:4px 5px;border-radius:7px;border-left-width:2px}.hm-v268-status-event time{font-size:8px}.hm-v268-status-event strong{font-size:9px}.hm-v268-status-event small{font-size:8px}
.hm-v270-auto-pause{grid-column:1/-1;margin:0;padding:14px;border:1px solid rgba(204,132,24,.2);border-radius:16px;background:#fffaf0}.hm-v270-auto-pause legend{padding:0 7px;font-size:8px;font-weight:900;color:#7b541b}.hm-v270-pause-toggle{display:flex;align-items:flex-start;gap:8px;cursor:pointer}.hm-v270-pause-toggle input{margin-top:3px}.hm-v270-pause-toggle span{display:grid;gap:3px}.hm-v270-pause-toggle b{font-size:12px;color:#684718}.hm-v270-pause-toggle small{font-size:10px;color:#806d53}.hm-v270-pause-times{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px;opacity:.42;transition:opacity .15s ease}.hm-v270-auto-pause.is-enabled .hm-v270-pause-times{opacity:1}.hm-v270-auto-pause>p{margin:10px 0 0!important;font-size:10px!important;line-height:1.5!important;color:#806d53!important}.hm-v270-auto-pause>p b{color:#684718}
@media(max-width:760px){.hm-v270-pause-times{grid-template-columns:1fr}}


/* ==========================================================================
   v271 – spoločné centrum Na schválenie
   ========================================================================== */
.hm-v271-approval-top{position:relative;display:inline-flex!important;align-items:center;gap:5px;background:#fff7d6!important;color:#765800!important;border:1px solid #f0d261!important;font-weight:900!important}.hm-v271-approval-top.is-active{background:#ffd633!important;color:#09264e!important}.hm-v271-approval-top>b{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:#d94747;color:#fff;font-size:10px;line-height:1}.hm-v271-approval-hub{display:grid;gap:18px}.hm-v271-approval-hero{display:flex;justify-content:flex-end;gap:24px;align-items:center;padding:22px 24px;border-radius:22px;background:linear-gradient(135deg,#082b5e,#0d67bd);color:#fff;box-shadow:0 18px 48px rgba(7,45,94,.14)}.hm-v271-approval-hero>div:first-child{max-width:800px}.hm-v271-approval-hero span, .hm-v271-approval-group>header span{font-size:10px;font-weight:950;letter-spacing:.12em}.hm-v271-approval-hero h2{margin:4px 0 7px;color:#fff;font-size:27px}.hm-v271-approval-hero p{margin:0;color:#dcecff;line-height:1.55}.hm-v271-approval-hero-numbers{min-width:140px;text-align:center;padding:14px 18px;border:1px solid rgba(255,255,255,.2);border-radius:18px;background:rgba(255,255,255,.08)}.hm-v271-approval-hero-numbers strong{display:block;font-size:38px;line-height:1}.hm-v271-approval-hero-numbers small{display:block;margin-top:4px}.hm-v271-approval-hero-numbers b{display:block;margin-top:8px;font-size:10px;color:#ffe96b}.hm-v271-candidate-summary{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.hm-v271-candidate-summary article{--hm-member-color:#1768b2;display:grid;grid-template-columns:1fr auto;gap:2px 8px;padding:12px 13px;border:1px solid #dce6f2;border-top:4px solid var(--hm-member-color);border-radius:8px;background:#fff}.hm-v271-candidate-summary article.is-me{box-shadow:0 0 0 2px color-mix(in srgb,var(--hm-member-color) 25%,transparent)}.hm-v271-candidate-summary span{font-weight:900;color:var(--hm-member-color)}.hm-v271-candidate-summary strong{grid-row:1/3;grid-column:2;font-size:24px;line-height:1;color:#173d69}.hm-v271-candidate-summary small{font-size:7px;color:#72839a}.hm-v271-candidate-summary em{grid-column:1/3;margin-top:4px;font-style:normal;font-size:7px;font-weight:800;color:#8a6b00}.hm-v271-approval-group{display:grid;gap:10px}.hm-v271-approval-group>header{display:flex;justify-content:flex-end;align-items:end;padding:2px 2px 0}.hm-v271-approval-group>header span{color:#b47a00}.hm-v271-approval-group>header h3{margin:2px 0 0;color:#143d6d;font-size:19px}.hm-v271-approval-group>header>b{display:grid;place-items:center;min-width:34px;height:30px;border-radius:8px;background:#eef4fb;color:#184f88}.hm-v271-approval-group.is-older{margin-top:8px;padding-top:15px;border-top:1px solid #dfe7f0}.hm-v271-approval-group.is-older>header span{color:#7e8da0}.hm-v271-approval-list{display:grid;gap:10px}.hm-v271-approval-card{display:grid;grid-template-columns:auto 1fr;gap:0;overflow:hidden;border:1px solid #dae4ef;border-radius:17px;background:#fff;box-shadow:0 10px 28px rgba(20,55,95,.055);scroll-margin-top:100px}.hm-v271-approval-card.needs-me{border-color:#e5c95a;box-shadow:0 0 0 2px rgba(255,214,51,.22),0 12px 30px rgba(20,55,95,.06)}.hm-v271-approval-media{width:150px;min-height:145px;background:#eef3f8}.hm-v271-approval-media img{display:block;width:100%;height:100%;min-height:145px;object-fit:cover}.hm-v271-approval-main{min-width:0;padding:14px 16px}.hm-v271-approval-main>header{display:flex;justify-content:flex-end;gap:14px;align-items:start}.hm-v271-approval-main>header span{font-size:7px;font-weight:950;letter-spacing:.1em;color:#0b6fd8}.hm-v271-approval-main>header h3{margin:3px 0 3px;color:#123b69;font-size:17px;line-height:1.25}.hm-v271-approval-main>header small{color:#8997a8;font-size:9px}.hm-v271-approval-main>header small b{color:#a87700}.hm-v271-approval-main>header>a{flex:none;padding:7px 9px;border-radius:9px;background:#f1f6fb;color:#42688f;font-size:10px;font-weight:800;text-decoration:none}.hm-v271-approval-excerpt{margin:9px 0 7px;color:#4d6077;font-size:12px;line-height:1.5}.hm-v271-approval-meta{display:inline-flex;margin-bottom:10px;padding:5px 8px;border-radius:8px;background:#f7f9fc;color:#67798f;font-size:9.5px;font-weight:700}.hm-v271-people{display:flex;gap:5px;flex-wrap:wrap}.hm-v271-people>span{--hm-member-color:#1768b2;display:grid;gap:1px;min-width:90px;padding:6px 8px;border-radius:8px;border:1px solid #e2e8f0;background:#f8fafc}.hm-v271-people>span b{font-size:10px;color:var(--hm-member-color)}.hm-v271-people>span small{font-size:8px;font-weight:800;color:#8190a0}.hm-v271-people>span.is-approved{background:#edf9f2;border-color:#ccebd8}.hm-v271-people>span.is-against{background:#fff1f1;border-color:#f1caca}.hm-v271-people>span.is-voted{background:#eef5ff;border-color:#d3e3f8}.hm-v271-people>span.is-waiting{background:#fff9df;border-color:#ecd978}.hm-v271-people>span.is-waiting small{color:#9d7600}.hm-v271-people>span.is-owner{opacity:.62}.hm-v271-people>span.is-me{box-shadow:inset 0 0 0 1px var(--hm-member-color)}.hm-v271-direct-actions{display:flex;align-items:center;gap:5px;flex-wrap:wrap;margin-top:11px;padding-top:10px;border-top:1px solid #edf1f5}.hm-v271-direct-actions form{margin:0}.hm-v271-direct-actions button{border:0;border-radius:8px;background:#116fc1;color:#fff;padding:9px 13px;font-size:8px;font-weight:900;cursor:pointer}.hm-v271-direct-actions button.is-negative{background:#fff1f1;color:#a73434;border:1px solid #e9c3c3}.hm-v271-my-state{font-size:10px;font-weight:800;color:#75859a}.hm-v271-poll-options{display:flex;gap:5px;flex-wrap:wrap}.hm-v271-poll-options button{background:#eef5fc;color:#174f83;border:1px solid #d0e0ef}.hm-v271-empty{padding:24px;border:1px dashed #ccd8e5;border-radius:10px;background:#fbfdff;text-align:center}.hm-v271-empty strong{color:#173e6a}.hm-v271-empty p{margin:4px 0 0;color:#7b8a9c;font-size:11px}
@media(max-width:900px){.hm-v271-candidate-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.hm-v271-approval-hero{align-items:flex-start}.hm-v271-approval-card{grid-template-columns:1fr}.hm-v271-approval-media{width:100%;height:180px;min-height:0}.hm-v271-approval-media img{height:180px;min-height:0}.hm-v271-approval-main>header{flex-direction:column}.hm-v271-approval-main>header>a{align-self:flex-start}}@media(max-width:560px){.hm-v271-approval-hero{display:grid}.hm-v271-approval-hero-numbers{width:100%}.hm-v271-candidate-summary{grid-template-columns:1fr}.hm-v271-people>span{min-width:calc(50% - 4px);flex:1}.hm-v271-approval-top span{display:none}}


/* ==========================================================================
   v272 – Na schválenie: všetky voľby + celé náhľady obrázkov
   ========================================================================== */
.hm-v271-approval-card{grid-template-columns:minmax(190px,240px) 1fr;align-items:stretch}
.hm-v271-approval-media{width:100%;min-width:190px;min-height:150px;padding:10px;display:flex;align-items:center;justify-content:center;background:#f3f6f9;border-right:1px solid #e5ebf2}
.hm-v271-approval-media img{display:block;width:100%;height:auto;max-height:260px;min-height:0;object-fit:contain;object-position:center;border-radius:9px;background:#fff}
.hm-v271-people>span{min-width:105px}
.hm-v271-people>span small{line-height:1.25}
.hm-v271-direct-actions button.is-active{box-shadow:inset 0 0 0 2px rgba(7,57,105,.28),0 3px 10px rgba(12,64,116,.10)}
.hm-v271-direct-actions button.is-negative.is-active{background:#c94a4a;color:#fff;border-color:#c94a4a}
.hm-v271-direct-actions button.is-select{background:#fff7d6;color:#765800;border:1px solid #e7cf6e}
.hm-v271-direct-actions button.is-select.is-active{background:#ffd633;color:#173655;border-color:#e0bc21}
.hm-v271-poll-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));width:100%;gap:7px}
.hm-v271-poll-options form{display:block}
.hm-v271-poll-options button{width:100%;min-height:40px;display:grid;gap:2px;text-align:left;background:#f4f8fc;color:#174f83;border:1px solid #d0e0ef}
.hm-v271-poll-options button small{font-size:8px;font-weight:950;letter-spacing:.09em;color:#7890a8}
.hm-v271-poll-options button b{font-size:10px;line-height:1.3}
.hm-v271-poll-options button.is-active{background:#e5f3ff;color:#0a558f;border-color:#6aa9dd}
.hm-v271-poll-options button.is-active small{color:#0b67ae}
@media(max-width:900px){.hm-v271-approval-card{grid-template-columns:1fr}.hm-v271-approval-media{width:100%;height:auto;min-height:0;max-height:none;border-right:0;border-bottom:1px solid #e5ebf2}.hm-v271-approval-media img{width:auto;max-width:100%;height:auto;max-height:320px}}
@media(max-width:560px){.hm-v271-approval-media img{max-height:280px}.hm-v271-poll-options{grid-template-columns:1fr}}

.hm-v271-poll-options button{grid-template-columns:auto 1fr;align-items:center}
.hm-v271-poll-options button>img{width:58px;height:58px;object-fit:contain;border-radius:8px;background:#fff;border:1px solid #dfe8f1}
.hm-v271-poll-options button>span{display:grid;gap:2px}


/* ==========================================================================
   v273 – Prehľad / upozornenia: približne o 50 % kompaktnejšie
   ========================================================================== */
/* Zmenšujeme len blok Posledné zmeny (upozornenia), nie ostatné časti backoffice. */
.hm-v199-activity-panel{
    padding:11px!important;
    border-radius:14px!important;
}
.hm-v199-activity-panel .hm-v199-section-head{
    gap:8px!important;
    margin-bottom:8px!important;
}
.hm-v199-activity-panel .hm-v199-section-head span{
    font-size:8px!important;
    letter-spacing:.11em!important;
}
.hm-v199-activity-panel .hm-v199-section-head h2{
    margin-top:2px!important;
    font-size:18px!important;
    line-height:1.05!important;
}
.hm-v199-activity-panel .hm-v206-section-hint{
    font-size:8px!important;
    line-height:1.25!important;
}
.hm-v199-activity-panel .hm-v219-activity-tools{
    gap:5px!important;
}
.hm-v199-activity-panel .hm-v219-activity-tools>b{
    min-width:23px!important;
    height:23px!important;
    padding:0 5px!important;
    border-radius:7px!important;
    font-size:9px!important;
}
.hm-v199-activity-panel .hm-v219-activity-tools button{
    min-height:24px!important;
    padding:4px 7px!important;
    border-radius:7px!important;
    font-size:8px!important;
}
.hm-v199-activity-panel .hm-v199-activity-feed, .hm-v199-activity-panel .hm-v217-more-activity>.hm-v217-more-content{
    gap:4px!important;
}
.hm-v199-activity-panel .hm-v206-activity-card{
    grid-template-columns:22px minmax(0,1fr)!important;
    gap:5px!important;
    padding:5px 25px 5px 5px!important;
    border-radius:8px!important;
    border-left-width:2px!important;
}
.hm-v199-activity-panel .hm-v199-activity-item>i{
    width:22px!important;
    height:22px!important;
    border-radius:7px!important;
    font-size:10px!important;
}
.hm-v199-activity-panel .hm-v206-activity-main{
    grid-template-columns:minmax(0,1fr) 11px!important;
    gap:4px!important;
}
.hm-v199-activity-panel .hm-v206-activity-main>em{
    font-size:10px!important;
}
.hm-v199-activity-panel .hm-v199-activity-item p{
    font-size:9px!important;
    line-height:1.22!important;
}
.hm-v199-activity-panel .hm-v199-activity-item p strong{
    font-size:8px!important;
}
.hm-v199-activity-panel .hm-v199-activity-item p b{
    font-size:8px!important;
}
.hm-v199-activity-panel .hm-v205-activity-detail{
    margin-top:2px!important;
    padding:3px 5px!important;
    border-left-width:2px!important;
    border-radius:5px!important;
    font-size:8px!important;
    line-height:1.25!important;
}
.hm-v199-activity-panel .hm-v199-activity-item small{
    margin-top:1px!important;
    font-size:7px!important;
    line-height:1.15!important;
}
.hm-v199-activity-panel .hm-v206-dismiss-activity{
    top:4px!important;
    right:4px!important;
}
.hm-v199-activity-panel .hm-v206-dismiss-activity button{
    width:18px!important;
    height:18px!important;
    min-width:18px!important;
    min-height:18px!important;
    padding:0!important;
    border-radius:6px!important;
    font-size:12px!important;
    line-height:1!important;
}
.hm-v199-activity-panel .hm-v217-more-panel{
    margin-top:3px!important;
}
.hm-v199-activity-panel .hm-v217-more-panel>summary{
    min-height:27px!important;
    padding:5px 7px!important;
    border-radius:7px!important;
    font-size:8px!important;
}
.hm-v199-activity-panel .hm-v217-more-panel>summary span{
    min-width:18px!important;
    height:18px!important;
    padding:0 4px!important;
    font-size:8px!important;
}
.hm-v199-activity-panel .hm-v199-empty-feed{
    padding:9px!important;
    border-radius:8px!important;
}
.hm-v199-activity-panel .hm-v199-empty-feed strong{font-size:9px!important}
.hm-v199-activity-panel .hm-v199-empty-feed p{font-size:8px!important;margin-top:2px!important}

/* Aj červené počítadlá upozornení v menu sú kompaktnejšie. */
.hm-v218-nav-notice{
    min-width:14px!important;
    height:14px!important;
    padding:0 3px!important;
    font-size:7px!important;
    line-height:14px!important;
}

@media(max-width:760px){
    .hm-v199-activity-panel{padding:9px!important}
    .hm-v199-activity-panel .hm-v206-activity-card{
        grid-template-columns:20px minmax(0,1fr)!important;
        padding:5px 24px 5px 5px!important;
    }
    .hm-v199-activity-panel .hm-v199-activity-item>i{width:20px!important;height:20px!important;font-size:9px!important}
    .hm-v199-activity-panel .hm-v206-activity-main{grid-template-columns:minmax(0,1fr)!important}
    .hm-v199-activity-panel .hm-v206-activity-main>em{display:none!important}
}


/* ==========================================================================
   v274 – Na schválenie: približne o 50 % kompaktnejšie
   ========================================================================== */
.hm-v271-approval-hub{gap:9px!important}
.hm-v271-approval-hero{
    gap:12px!important;
    padding:11px 12px!important;
    border-radius:12px!important;
    box-shadow:0 9px 24px rgba(7,45,94,.10)!important;
}
.hm-v271-approval-hero span, .hm-v271-approval-group>header span{font-size:7px!important;letter-spacing:.09em!important}
.hm-v271-approval-hero h2{margin:2px 0 3px!important;font-size:17px!important;line-height:1.08!important}
.hm-v271-approval-hero p{font-size:9px!important;line-height:1.3!important}
.hm-v271-approval-hero-numbers{
    min-width:78px!important;
    padding:7px 9px!important;
    border-radius:10px!important;
}
.hm-v271-approval-hero-numbers strong{font-size:22px!important}
.hm-v271-approval-hero-numbers small{margin-top:2px!important;font-size:7px!important}
.hm-v271-approval-hero-numbers b{margin-top:4px!important;font-size:7px!important}

.hm-v271-candidate-summary{gap:5px!important}
.hm-v271-candidate-summary article{
    gap:1px 4px!important;
    padding:6px 7px!important;
    border-top-width:2px!important;
    border-radius:8px!important;
}
.hm-v271-candidate-summary span{font-size:8px!important}
.hm-v271-candidate-summary strong{font-size:14px!important}
.hm-v271-candidate-summary small{font-size:6.5px!important}
.hm-v271-candidate-summary em{margin-top:2px!important;font-size:6.5px!important}

.hm-v271-approval-group{gap:5px!important}
.hm-v271-approval-group>header{padding:1px 1px 0!important}
.hm-v271-approval-group>header h3{margin:1px 0 0!important;font-size:12px!important}
.hm-v271-approval-group>header>b{
    min-width:20px!important;
    height:20px!important;
    border-radius:6px!important;
    font-size:8px!important;
}
.hm-v271-approval-group.is-older{margin-top:4px!important;padding-top:8px!important}
.hm-v271-approval-list{gap:5px!important}

.hm-v271-approval-card{
    grid-template-columns:minmax(100px,120px) 1fr!important;
    border-radius:9px!important;
    box-shadow:0 5px 14px rgba(20,55,95,.045)!important;
    scroll-margin-top:70px!important;
}
.hm-v271-approval-card.needs-me{
    box-shadow:0 0 0 1px rgba(255,214,51,.22),0 6px 15px rgba(20,55,95,.05)!important;
}
.hm-v271-approval-media{
    width:100%!important;
    min-width:100px!important;
    min-height:76px!important;
    padding:5px!important;
}
.hm-v271-approval-media img{
    width:100%!important;
    height:auto!important;
    max-height:135px!important;
    min-height:0!important;
    object-fit:contain!important;
    border-radius:5px!important;
}
.hm-v271-approval-main{padding:7px 8px!important}
.hm-v271-approval-main>header{gap:7px!important}
.hm-v271-approval-main>header span{font-size:6px!important;letter-spacing:.08em!important}
.hm-v271-approval-main>header h3{margin:2px 0!important;font-size:11px!important;line-height:1.18!important}
.hm-v271-approval-main>header small{font-size:6.5px!important}
.hm-v271-approval-main>header>a{
    padding:4px 5px!important;
    border-radius:5px!important;
    font-size:6.5px!important;
}
.hm-v271-approval-excerpt{margin:4px 0!important;font-size:8px!important;line-height:1.3!important}
.hm-v271-approval-meta{
    margin-bottom:5px!important;
    padding:3px 4px!important;
    border-radius:5px!important;
    font-size:6.5px!important;
}

.hm-v271-people{gap:3px!important}
.hm-v271-people>span{
    min-width:56px!important;
    gap:0!important;
    padding:3px 4px!important;
    border-radius:6px!important;
}
.hm-v271-people>span b{font-size:7px!important;line-height:1.1!important}
.hm-v271-people>span small{font-size:5.8px!important;line-height:1.15!important}

.hm-v271-direct-actions{
    gap:4px!important;
    margin-top:5px!important;
    padding-top:5px!important;
}
.hm-v271-direct-actions button{
    border-radius:6px!important;
    padding:5px 7px!important;
    font-size:7px!important;
    line-height:1.1!important;
}
.hm-v271-my-state{font-size:6.5px!important}
.hm-v271-poll-options{
    grid-template-columns:repeat(auto-fit,minmax(90px,1fr))!important;
    gap:4px!important;
}
.hm-v271-poll-options button{
    min-height:32px!important;
    gap:1px!important;
    padding:4px 5px!important;
}
.hm-v271-poll-options button small{font-size:5.5px!important;letter-spacing:.06em!important}
.hm-v271-poll-options button b{font-size:7px!important;line-height:1.2!important}
.hm-v271-poll-options button>img{
    width:32px!important;
    height:32px!important;
    border-radius:5px!important;
    object-fit:contain!important;
}
.hm-v271-poll-options button>span{gap:1px!important}
.hm-v271-empty{padding:12px!important;border-radius:8px!important}
.hm-v271-empty strong{font-size:8px!important}
.hm-v271-empty p{margin:2px 0 0!important;font-size:7px!important}

/* Samotné horné tlačidlo Na schválenie zostáva čitateľné, len jeho počítadlo je menšie. */
.hm-v271-approval-top{gap:4px!important}
.hm-v271-approval-top>b{min-width:14px!important;height:14px!important;padding:0 3px!important;font-size:7px!important}

@media(max-width:900px){
    .hm-v271-approval-card{grid-template-columns:1fr!important}
    .hm-v271-approval-media{width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;padding:5px!important}
    .hm-v271-approval-media img{width:auto!important;max-width:100%!important;height:auto!important;max-height:165px!important}
    .hm-v271-approval-main>header{gap:4px!important}
}
@media(max-width:560px){
    .hm-v271-approval-hero{gap:7px!important;padding:9px!important}
    .hm-v271-approval-hero-numbers{width:100%!important}
    .hm-v271-candidate-summary{grid-template-columns:repeat(2,minmax(0,1fr))!important}
    .hm-v271-people>span{min-width:calc(50% - 2px)!important}
    .hm-v271-approval-media img{max-height:145px!important}
    .hm-v271-poll-options{grid-template-columns:1fr!important}
}


/* ==========================================================================
   v275 – Upozornenia + Na schválenie: +20 % a oprava úzkych kariet
   ========================================================================== */
/* POSLEDNÉ ZMENY – približne o 20 % väčšie než v273/v274 a vždy na plnú šírku. */
.hm-v199-activity-panel{
    width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
    padding:13px!important;
    border-radius:17px!important;
}
.hm-v199-activity-panel .hm-v199-section-head{
    width:100%!important;
    min-width:0!important;
    gap:10px!important;
    margin-bottom:10px!important;
    flex-wrap:wrap!important;
}
.hm-v199-activity-panel .hm-v199-section-head>div:first-child{
    flex:1 1 280px!important;
    min-width:0!important;
}
.hm-v199-activity-panel .hm-v199-section-head span{font-size:9.5px!important}
.hm-v199-activity-panel .hm-v199-section-head h2{font-size:22px!important}
.hm-v199-activity-panel .hm-v206-section-hint{font-size:9.5px!important;line-height:1.3!important}
.hm-v199-activity-panel .hm-v219-activity-tools{
    flex:0 1 auto!important;
    max-width:100%!important;
    gap:6px!important;
    flex-wrap:wrap!important;
}
.hm-v199-activity-panel .hm-v219-activity-tools>b{
    min-width:28px!important;height:28px!important;padding:0 6px!important;border-radius:8px!important;font-size:11px!important
}
.hm-v199-activity-panel .hm-v219-activity-tools button{
    min-height:29px!important;padding:5px 9px!important;border-radius:8px!important;font-size:9.5px!important
}
.hm-v199-activity-panel .hm-v199-activity-feed, .hm-v199-activity-panel .hm-v217-more-activity>.hm-v217-more-content{
    width:100%!important;
    min-width:0!important;
    gap:5px!important;
}
.hm-v199-activity-panel .hm-v206-activity-card{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
    grid-template-columns:27px minmax(0,1fr)!important;
    gap:6px!important;
    padding:6px 30px 6px 6px!important;
    border-radius:10px!important;
}
.hm-v199-activity-panel .hm-v199-activity-item>i{
    width:27px!important;height:27px!important;border-radius:8px!important;font-size:12px!important
}
.hm-v199-activity-panel .hm-v206-activity-main{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    grid-template-columns:minmax(0,1fr) 13px!important;
    gap:5px!important;
    box-sizing:border-box!important;
}
.hm-v199-activity-panel .hm-v206-activity-main>div{min-width:0!important;max-width:100%!important}
.hm-v199-activity-panel .hm-v206-activity-main>em{font-size:12px!important}
.hm-v199-activity-panel .hm-v199-activity-item p{
    max-width:100%!important;
    font-size:11px!important;
    line-height:1.3!important;
    overflow-wrap:anywhere!important;
    word-break:normal!important;
}
.hm-v199-activity-panel .hm-v199-activity-item p strong, .hm-v199-activity-panel .hm-v199-activity-item p b{font-size:9.5px!important}
.hm-v199-activity-panel .hm-v205-activity-detail{
    max-width:100%!important;
    margin-top:3px!important;padding:4px 6px!important;border-radius:6px!important;font-size:9.5px!important;line-height:1.3!important;
    overflow-wrap:anywhere!important
}
.hm-v199-activity-panel .hm-v199-activity-item small{font-size:8.5px!important;line-height:1.2!important}
.hm-v199-activity-panel .hm-v206-dismiss-activity{top:5px!important;right:5px!important}
.hm-v199-activity-panel .hm-v206-dismiss-activity button{
    width:22px!important;height:22px!important;min-width:22px!important;min-height:22px!important;border-radius:7px!important;font-size:14px!important
}
.hm-v199-activity-panel .hm-v217-more-panel{width:100%!important;margin-top:4px!important}
.hm-v199-activity-panel .hm-v217-more-panel>summary{min-height:32px!important;padding:6px 9px!important;border-radius:8px!important;font-size:9.5px!important}
.hm-v199-activity-panel .hm-v217-more-panel>summary span{min-width:22px!important;height:22px!important;padding:0 5px!important;font-size:9.5px!important}
.hm-v199-activity-panel .hm-v199-empty-feed{padding:11px!important;border-radius:10px!important}
.hm-v199-activity-panel .hm-v199-empty-feed strong{font-size:11px!important}
.hm-v199-activity-panel .hm-v199-empty-feed p{font-size:9.5px!important;margin-top:3px!important}
.hm-v218-nav-notice{min-width:17px!important;height:17px!important;padding:0 4px!important;font-size:8.5px!important;line-height:17px!important}

/* NA SCHVÁLENIE – +20 %; zároveň sa karty nesmú zúžiť pod čitateľnú šírku. */
.hm-v271-approval-hub{width:100%!important;min-width:0!important;gap:11px!important}
.hm-v271-approval-hero{
    width:100%!important;box-sizing:border-box!important;min-width:0!important;
    gap:14px!important;padding:13px 14px!important;border-radius:14px!important
}
.hm-v271-approval-hero>div:first-child{min-width:0!important}
.hm-v271-approval-hero span, .hm-v271-approval-group>header span{font-size:8.5px!important;letter-spacing:.09em!important}
.hm-v271-approval-hero h2{font-size:20px!important}
.hm-v271-approval-hero p{font-size:11px!important;line-height:1.35!important;overflow-wrap:anywhere!important}
.hm-v271-approval-hero-numbers{min-width:94px!important;padding:9px 11px!important;border-radius:12px!important}
.hm-v271-approval-hero-numbers strong{font-size:26px!important}
.hm-v271-approval-hero-numbers small, .hm-v271-approval-hero-numbers b{font-size:8.5px!important}

.hm-v271-candidate-summary{
    width:100%!important;
    grid-template-columns:repeat(auto-fit,minmax(145px,1fr))!important;
    gap:6px!important;
}
.hm-v271-candidate-summary article{min-width:0!important;gap:1px 5px!important;padding:7px 8px!important;border-top-width:3px!important;border-radius:10px!important}
.hm-v271-candidate-summary span{font-size:9.5px!important;overflow-wrap:anywhere!important}
.hm-v271-candidate-summary strong{font-size:17px!important}
.hm-v271-candidate-summary small, .hm-v271-candidate-summary em{font-size:7.8px!important;overflow-wrap:anywhere!important}

.hm-v271-approval-group{width:100%!important;min-width:0!important;gap:6px!important}
.hm-v271-approval-group>header{gap:8px!important;flex-wrap:wrap!important}
.hm-v271-approval-group>header h3{font-size:14.5px!important}
.hm-v271-approval-group>header>b{min-width:24px!important;height:24px!important;border-radius:7px!important;font-size:9.5px!important}
.hm-v271-approval-group.is-older{margin-top:5px!important;padding-top:10px!important}
.hm-v271-approval-list{width:100%!important;min-width:0!important;gap:6px!important}
.hm-v271-approval-card{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
    grid-template-columns:minmax(135px,165px) minmax(0,1fr)!important;
    border-radius:11px!important;
}
.hm-v271-approval-media{
    width:100%!important;min-width:135px!important;min-height:92px!important;padding:6px!important;box-sizing:border-box!important
}
.hm-v271-approval-media img{width:100%!important;height:auto!important;max-height:175px!important;border-radius:6px!important;object-fit:contain!important}
.hm-v271-approval-main{min-width:0!important;width:100%!important;padding:9px 10px!important;box-sizing:border-box!important}
.hm-v271-approval-main>header{min-width:0!important;gap:8px!important;flex-wrap:wrap!important}
.hm-v271-approval-main>header>div{min-width:0!important;flex:1 1 260px!important}
.hm-v271-approval-main>header span{font-size:7.2px!important}
.hm-v271-approval-main>header h3{font-size:13.2px!important;line-height:1.22!important;overflow-wrap:anywhere!important}
.hm-v271-approval-main>header small{font-size:7.8px!important}
.hm-v271-approval-main>header>a{padding:5px 6px!important;border-radius:6px!important;font-size:7.8px!important;white-space:nowrap!important}
.hm-v271-approval-excerpt{font-size:9.6px!important;line-height:1.35!important;overflow-wrap:anywhere!important}
.hm-v271-approval-meta{max-width:100%!important;white-space:normal!important;font-size:7.8px!important;padding:4px 5px!important;overflow-wrap:anywhere!important}

.hm-v271-people{width:100%!important;gap:4px!important}
.hm-v271-people>span{
    flex:1 1 90px!important;
    min-width:90px!important;
    max-width:100%!important;
    padding:4px 5px!important;
    border-radius:7px!important;
    box-sizing:border-box!important;
}
.hm-v271-people>span b{font-size:8.5px!important;line-height:1.15!important;overflow-wrap:anywhere!important}
.hm-v271-people>span small{font-size:7px!important;line-height:1.2!important;overflow-wrap:anywhere!important}
.hm-v271-direct-actions{width:100%!important;gap:5px!important;margin-top:6px!important;padding-top:6px!important}
.hm-v271-direct-actions form{max-width:100%!important}
.hm-v271-direct-actions button{min-height:32px!important;max-width:100%!important;padding:6px 9px!important;border-radius:7px!important;font-size:8.5px!important;white-space:normal!important;line-height:1.15!important}
.hm-v271-my-state{font-size:7.8px!important;overflow-wrap:anywhere!important}
.hm-v271-poll-options{width:100%!important;grid-template-columns:repeat(auto-fit,minmax(135px,1fr))!important;gap:5px!important}
.hm-v271-poll-options button{width:100%!important;min-width:0!important;min-height:40px!important;padding:5px 6px!important;box-sizing:border-box!important}
.hm-v271-poll-options button small{font-size:6.8px!important}
.hm-v271-poll-options button b{font-size:8.5px!important;overflow-wrap:anywhere!important}
.hm-v271-poll-options button>img{width:40px!important;height:40px!important;border-radius:6px!important;object-fit:contain!important}
.hm-v271-empty{padding:14px!important;border-radius:10px!important}
.hm-v271-empty strong{font-size:9.5px!important}.hm-v271-empty p{font-size:8.5px!important}
.hm-v271-approval-top{gap:5px!important}.hm-v271-approval-top>b{min-width:17px!important;height:17px!important;padding:0 4px!important;font-size:8.5px!important}

@media(max-width:900px){
    .hm-v199-activity-panel .hm-v199-section-head>div:first-child{flex-basis:100%!important}
    .hm-v199-activity-panel .hm-v219-activity-tools{width:100%!important;justify-content:flex-start!important}
    .hm-v271-approval-card{grid-template-columns:minmax(120px,150px) minmax(0,1fr)!important}
    .hm-v271-approval-media{min-width:120px!important}
    .hm-v271-candidate-summary{grid-template-columns:repeat(auto-fit,minmax(135px,1fr))!important}
}
@media(max-width:700px){
    .hm-v199-activity-panel{padding:11px!important}
    .hm-v199-activity-panel .hm-v206-activity-card{grid-template-columns:24px minmax(0,1fr)!important;padding:6px 28px 6px 6px!important}
    .hm-v199-activity-panel .hm-v199-activity-item>i{width:24px!important;height:24px!important;font-size:11px!important}
    .hm-v199-activity-panel .hm-v206-activity-main{grid-template-columns:minmax(0,1fr)!important}
    .hm-v199-activity-panel .hm-v206-activity-main>em{display:none!important}
    .hm-v271-approval-card{grid-template-columns:1fr!important}
    .hm-v271-approval-media{width:100%!important;min-width:0!important;min-height:0!important;border-right:0!important;border-bottom:1px solid #e5ebf2!important}
    .hm-v271-approval-media img{width:auto!important;max-width:100%!important;max-height:210px!important;margin:auto!important}
    .hm-v271-approval-main>header>a{white-space:normal!important}
}
@media(max-width:560px){
    .hm-v271-approval-hero{display:grid!important;gap:9px!important;padding:11px!important}
    .hm-v271-approval-hero-numbers{width:100%!important;box-sizing:border-box!important}
    .hm-v271-candidate-summary{grid-template-columns:1fr!important}
    .hm-v271-people>span{flex:1 1 100%!important;min-width:100%!important}
    .hm-v271-poll-options{grid-template-columns:1fr!important}
    .hm-v271-direct-actions form, .hm-v271-direct-actions button{width:100%!important}
}


/* ==========================================================================
   v276 – dlhšie náhľady v Na schválenie + upozornenia na celú šírku
   ========================================================================== */
/* Posledné zmeny už nesmú zostať v starom dvojstĺpcovom layoute. */
.hm-v199-activity-panel .hm-v199-activity-feed, .hm-v199-activity-panel .hm-v217-more-activity>.hm-v217-more-content{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
}
.hm-v199-activity-panel .hm-v206-activity-card{
    grid-column:1 / -1!important;
    justify-self:stretch!important;
    align-self:stretch!important;
    width:100%!important;
    max-width:none!important;
}
.hm-v199-activity-panel .hm-v206-activity-main{
    display:grid!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    justify-self:stretch!important;
}
.hm-v199-activity-panel .hm-v206-activity-main>div, .hm-v199-activity-panel .hm-v205-activity-detail{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
}


/* =========================================================================
   v277 – schvaľovanie bez obrázka cez celú šírku + stabilnejšie karty
   ========================================================================= */
.hm-v271-approval-card.no-media{
    grid-template-columns:minmax(0,1fr)!important;
}
.hm-v271-approval-card.no-media .hm-v271-approval-main{
    grid-column:1 / -1!important;
    width:100%!important;
    max-width:none!important;
}
.hm-v271-approval-card.no-media .hm-v271-approval-main>header{
    display:flex!important;
    justify-content:space-between!important;
    align-items:flex-start!important;
    gap:10px!important;
    flex-wrap:wrap!important;
}
.hm-v271-approval-card.no-media .hm-v271-approval-main>header>div{
    flex:1 1 520px!important;
    min-width:0!important;
}
.hm-v271-approval-card.no-media .hm-v271-approval-main>header>a{
    flex:0 0 auto!important;
    margin-left:auto!important;
}
.hm-v271-approval-card.no-media .hm-v271-approval-excerpt, .hm-v271-approval-card.no-media .hm-v271-approval-meta, .hm-v271-approval-card.no-media .hm-v271-people, .hm-v271-approval-card.no-media .hm-v271-direct-actions{
    width:100%!important;
    max-width:none!important;
}
.hm-v271-approval-card.no-media .hm-v271-people>span{
    flex:1 1 130px!important;
}
.hm-v271-approval-card.no-media .hm-v271-direct-actions form{
    flex:0 0 auto!important;
}
@media (max-width: 900px){
    .hm-v271-approval-card.no-media .hm-v271-approval-main>header>a{
        margin-left:0!important;
    }
}


/* =========================================================================
   v279 – návrhový režim textov (Google Docs štýl)
   ========================================================================= */


.hm-v271-approval-card.is-text_change{border-left:4px solid #f0bd2f!important}
.hm-v271-approval-card.is-text_change .hm-v271-approval-main>header span{color:#9a6c00!important}


/* =========================================================================
   v280 – spoločný pracovný text ako Google Docs
   ========================================================================= */
.hm-v280-live-editor{
    position:relative!important;
    border:1px solid #cbddeb!important;
    border-radius:16px!important;
    padding:14px!important;
    background:#fff!important;
    box-shadow:0 8px 24px rgba(23,83,139,.05)!important;
}
.hm-v280-editor-notice{
    display:flex!important;
    align-items:flex-start!important;
    gap:10px!important;
    margin-bottom:12px!important;
    padding:10px 12px!important;
    border:1px solid #a9d1f4!important;
    border-radius:11px!important;
    background:#edf7ff!important;
}
.hm-v280-editor-notice b{flex:0 0 auto!important;color:#0a5fa8!important;font-size:11px!important}
.hm-v280-editor-notice span{color:#4a6680!important;font-size:10.5px!important;line-height:1.45!important}
.hm-v280-live-editor textarea{
    min-height:170px!important;
    resize:vertical!important;
    background:#fff!important;
    border:1px solid #b9ccdd!important;
    box-shadow:inset 0 1px 3px rgba(10,50,90,.04)!important;
    font-size:13px!important;
    line-height:1.6!important;
}
.hm-v280-live-editor input[type="text"]{font-size:13px!important;font-weight:800!important}
.hm-v280-collab-panel{
    display:grid!important;
    gap:10px!important;
    margin-top:10px!important;
    padding:12px!important;
    border:1px solid #ccdce9!important;
    border-radius:15px!important;
    background:#f8fbfe!important;
}
.hm-v280-collab-clean{
    display:flex!important;
    align-items:center!important;
    gap:9px!important;
    padding:9px 10px!important;
    border-radius:10px!important;
    background:#eef9f2!important;
    border:1px solid #c9e8d4!important;
}
.hm-v280-collab-clean b{color:#267849!important;font-size:10px!important}
.hm-v280-collab-clean span{color:#63788b!important;font-size:9.5px!important}
.hm-v280-collab-head{
    display:flex!important;
    justify-content:space-between!important;
    align-items:center!important;
    gap:12px!important;
    padding-bottom:9px!important;
    border-bottom:1px solid #dce6ef!important;
}
.hm-v280-collab-head>div{display:grid!important;gap:2px!important;min-width:0!important}
.hm-v280-collab-head span{color:#0a69bb!important;font-size:8px!important;font-weight:1000!important;letter-spacing:.1em!important}
.hm-v280-collab-head strong{color:#123f6e!important;font-size:13px!important}
.hm-v280-collab-head small{color:#7c8fa2!important;font-size:8.5px!important}
.hm-v280-collab-head>b{
    flex:0 0 auto!important;
    padding:6px 9px!important;
    border-radius:9px!important;
    background:#fff2b8!important;
    color:#755700!important;
    font-size:9px!important;
}
.hm-v280-hub-live-diff{display:grid!important;gap:8px!important}





.hm-v280-hub-live-diff>section{
    display:grid!important;
    gap:5px!important;
    padding:9px 10px!important;
    border:1px solid #e0e8ef!important;
    border-radius:10px!important;
    background:#fff!important;
}
.hm-v280-hub-live-diff section>b{margin:0!important;color:#345a7d!important;font-size:8.5px!important;font-weight:950!important}
.hm-v280-inline-diff{
    color:#334f68!important;
    font-size:11px!important;
    line-height:1.65!important;
    overflow-wrap:anywhere!important;
}
.hm-v280-inline-diff ins{
    text-decoration:none!important;
    background:#d9f7e3!important;
    color:#176b38!important;
    border-bottom:2px solid #62b77e!important;
    border-radius:3px!important;
    padding:1px 2px!important;
}
.hm-v280-inline-diff del{
    background:#ffe0e0!important;
    color:#a23c3c!important;
    text-decoration-thickness:1.5px!important;
    border-radius:3px!important;
    padding:1px 2px!important;
}
.hm-v280-collab-voters{display:flex!important;gap:5px!important;flex-wrap:wrap!important}
.hm-v280-collab-voters>span{
    --hm-member-color:#1768b2;
    display:grid!important;
    gap:1px!important;
    flex:1 1 105px!important;
    min-width:90px!important;
    padding:6px 7px!important;
    border:1px solid #e0e7ee!important;
    border-radius:9px!important;
    background:#fff!important;
}
.hm-v280-collab-voters b{font-size:8.5px!important;color:var(--hm-member-color)!important}
.hm-v280-collab-voters small{font-size:6.8px!important;color:#8593a1!important;line-height:1.2!important}
.hm-v280-collab-voters .is-approved{background:#effaf3!important;border-color:#c8e8d3!important}
.hm-v280-collab-voters .is-rejected{background:#fff2f2!important;border-color:#efcece!important}
.hm-v280-collab-voters .is-waiting{background:#fff9e1!important;border-color:#ead980!important}
.hm-v280-collab-actions{display:flex!important;gap:6px!important;flex-wrap:wrap!important;padding-top:8px!important;border-top:1px solid #e2e9ef!important}
.hm-v280-collab-actions form{margin:0!important}
.hm-v280-collab-actions button{
    min-height:32px!important;
    padding:6px 10px!important;
    border:0!important;
    border-radius:8px!important;
    background:#176bc0!important;
    color:#fff!important;
    font-size:9px!important;
    font-weight:950!important;
    cursor:pointer!important;
}
.hm-v280-collab-actions button.is-negative{background:#fff1f1!important;color:#a13d3d!important;border:1px solid #e8c6c6!important}
.hm-v280-collab-actions button.is-active{box-shadow:inset 0 0 0 2px rgba(2,42,79,.25)!important}


.hm-v280-hub-live-diff{margin:7px 0!important;width:100%!important}
.hm-v280-hub-live-diff>section{padding:7px 8px!important}
.hm-v280-hub-live-diff .hm-v280-inline-diff{font-size:9px!important;line-height:1.5!important}
@media(max-width:760px){
    .hm-v280-editor-notice, .hm-v280-collab-head{align-items:flex-start!important;flex-direction:column!important}
    .hm-v280-collab-voters>span{flex:1 1 calc(50% - 3px)!important}
    .hm-v280-collab-actions form, .hm-v280-collab-actions button{width:100%!important}
}


/* =========================================================================
   v281 – živé zmeny počas písania
   ========================================================================= */
.hm-v281-live-preview{
    display:grid!important;
    gap:8px!important;
    margin:8px 0 11px!important;
    padding:10px!important;
    border:1px solid #cfdde9!important;
    border-radius:11px!important;
    background:#f8fbfe!important;
}
.hm-v281-live-preview.has-changes{border-color:#9ec7e8!important;background:#f5fbff!important}
.hm-v281-live-preview-head{display:flex!important;align-items:center!important;gap:8px!important;flex-wrap:wrap!important}
.hm-v281-live-preview-head span{font-size:8px!important;font-weight:1000!important;letter-spacing:.1em!important;color:#0b6fc5!important}
.hm-v281-live-preview-head b{font-size:10px!important;color:#3b5f80!important}
.hm-v281-live-preview-body{display:grid!important;gap:8px!important}
.hm-v281-live-field{display:grid!important;gap:5px!important}
.hm-v281-live-field>h5{margin:0!important;font-size:9px!important;color:#365d80!important}
.hm-v281-live-grid{display:grid!important;grid-template-columns:minmax(150px,.7fr) minmax(0,1.3fr)!important;gap:7px!important;align-items:stretch!important}
.hm-v281-original-box, .hm-v281-change-box{min-width:0!important;padding:8px 9px!important;border-radius:9px!important;border:1px solid #e0e7ed!important;background:#fff!important}
.hm-v281-original-box{background:#f4f6f8!important;color:#748291!important}
.hm-v281-original-box>span, .hm-v281-change-box>span{display:block!important;margin-bottom:4px!important;font-size:7px!important;font-weight:1000!important;letter-spacing:.08em!important;color:#8995a2!important}
.hm-v281-change-box>span{color:#187242!important}
/* Pôvodné pole je o dva stupne menšie. */
.hm-v281-original-box p{margin:0!important;font-size:9px!important;line-height:1.4!important;white-space:pre-wrap!important;overflow-wrap:anywhere!important}
/* Živé zmeny sú o dva stupne väčšie než doteraz. */
.hm-v281-change-box .hm-v280-inline-diff{font-size:15px!important;line-height:1.65!important}
.hm-v281-live-empty{padding:7px 8px!important;border-radius:8px!important;background:#eef8f2!important;color:#34714e!important;font-size:9px!important;font-weight:800!important}
.hm-v281-field-changed{border-color:#70b796!important;box-shadow:0 0 0 2px rgba(64,157,112,.10)!important}
.hm-v281-no-change{color:#8695a4!important;font-size:10px!important}
/* Aj uložené farebné zmeny zväčšujeme o dva stupne. */
.hm-v280-inline-diff{font-size:13px!important}
.hm-v280-hub-live-diff .hm-v280-inline-diff{font-size:11px!important}

/* Popis návrhu je všade vizuálne jeden riadok. */
textarea.hm-v281-proposal-description{
    min-height:38px!important;
    height:38px!important;
    max-height:38px!important;
    line-height:20px!important;
    padding-top:8px!important;
    padding-bottom:8px!important;
    resize:none!important;
    overflow:auto!important;
    white-space:pre-wrap!important;
}
@media(max-width:760px){
    .hm-v281-live-grid{grid-template-columns:1fr!important}
    .hm-v281-change-box .hm-v280-inline-diff{font-size:13px!important}
}

/* =========================================================================
   v282 – schválenie všetkými + riadené zverejňovanie priorít + spätná väzba
   ========================================================================= */
.hm-v282-public-summary, .hm-v282-team-summary{
    display:inline-flex!important;align-items:center!important;justify-content:center!important;
    min-height:24px!important;padding:4px 7px!important;border-radius:999px!important;
    font-size:7px!important;font-weight:1000!important;letter-spacing:.04em!important;white-space:nowrap!important;
}
.hm-v282-public-summary.is-public{background:#e8f8ee!important;color:#187443!important;border:1px solid #bfe4cd!important}
.hm-v282-public-summary.is-private{background:#f0f3f6!important;color:#6a7888!important;border:1px solid #d8e0e8!important}
.hm-v282-team-summary.is-approved{background:#e9f8ef!important;color:#137340!important;border:1px solid #bfe3cc!important}
.hm-v282-team-summary.is-pending{background:#fff7d8!important;color:#7b5b00!important;border:1px solid #ead57d!important}
.hm-v282-team-summary.is-unapproved{background:#fff0f0!important;color:#9c4242!important;border:1px solid #e8caca!important}

.hm-v282-publish-control{
    display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px!important;
    margin:10px 0!important;padding:11px 12px!important;border-radius:12px!important;border:1px solid #d9e3ec!important;background:#f8fafc!important;
}
.hm-v282-publish-control.is-public{border-color:#b9dfc7!important;background:#f2fbf5!important}
.hm-v282-publish-control.is-queued{border-color:#ead57d!important;background:#fff9e5!important}
.hm-v282-publish-control>div{display:grid!important;gap:2px!important;min-width:0!important}
.hm-v282-publish-control>div>span{font-size:7px!important;font-weight:1000!important;letter-spacing:.09em!important;color:#74869a!important}
.hm-v282-publish-control>div>strong{font-size:11px!important;color:#173f69!important}
.hm-v282-publish-control>div>small{font-size:8px!important;color:#75879a!important;line-height:1.3!important}
.hm-v282-publish-control>label{display:flex!important;align-items:center!important;gap:7px!important;flex:0 0 auto!important;padding:8px 10px!important;border-radius:9px!important;background:#fff!important;border:1px solid #cbd9e6!important;cursor:pointer!important}
.hm-v282-publish-control>label input{width:17px!important;height:17px!important;accent-color:#178052!important}
.hm-v282-publish-control>label span{font-size:9px!important;font-weight:950!important;color:#244d72!important}
.hm-v282-publish-control>b{flex:0 0 auto!important;padding:6px 8px!important;border-radius:8px!important;background:#eef3f7!important;color:#66788a!important;font-size:8px!important}
.hm-v282-publish-control.is-public>b{background:#dff4e7!important;color:#187044!important}

.hm-v282-public-feedback{
    display:grid!important;gap:9px!important;margin-top:11px!important;padding:11px!important;
    border:1px solid #dbe6ef!important;border-radius:13px!important;background:#fbfdff!important;
}
.hm-v282-public-feedback>header{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important}
.hm-v282-public-feedback>header>div{display:grid!important;gap:2px!important}
.hm-v282-public-feedback>header span{font-size:7px!important;font-weight:1000!important;letter-spacing:.09em!important;color:#0d6ebd!important}
.hm-v282-public-feedback>header strong{font-size:11px!important;color:#163f69!important}
.hm-v282-public-feedback>header>b{padding:5px 7px!important;border-radius:999px!important;background:#edf4fb!important;color:#3c6388!important;font-size:7.5px!important}
.hm-v282-public-stats{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:6px!important}
.hm-v282-public-stats article{display:grid!important;gap:1px!important;min-width:0!important;padding:8px!important;border:1px solid #e0e8ef!important;border-radius:10px!important;background:#fff!important}
.hm-v282-public-stats article small{font-size:6.5px!important;font-weight:1000!important;letter-spacing:.06em!important;color:#8290a0!important}
.hm-v282-public-stats article strong{font-size:18px!important;line-height:1.05!important;color:#174a78!important}
.hm-v282-public-stats article span{font-size:7px!important;color:#7a8999!important;line-height:1.2!important}
.hm-v282-public-stats article.is-agree{background:#f1fbf5!important;border-color:#c9e8d5!important}.hm-v282-public-stats article.is-agree strong{color:#187547!important}
.hm-v282-public-stats article.is-against{background:#fff5f5!important;border-color:#eccfcf!important}.hm-v282-public-stats article.is-against strong{color:#a34343!important}
.hm-v282-public-comments{border-top:1px solid #e3eaf1!important;padding-top:7px!important}
.hm-v282-public-comments>summary{cursor:pointer!important;list-style:none!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;font-size:9px!important;font-weight:950!important;color:#27577f!important}
.hm-v282-public-comments>summary::-webkit-details-marker{display:none!important}.hm-v282-public-comments>summary b{min-width:22px;height:22px;display:grid;place-items:center;border-radius:999px;background:#edf4fb;color:#2b608d;font-size:7px!important}
.hm-v282-public-comments>div{display:grid!important;gap:6px!important;margin-top:7px!important;max-height:330px!important;overflow:auto!important;padding-right:3px!important}
.hm-v282-public-comments article{padding:8px 9px!important;border:1px solid #e2e9f0!important;border-radius:9px!important;background:#fff!important}
.hm-v282-public-comments article.is-reply{margin-left:18px!important;border-left:3px solid #a9c8e3!important;background:#f8fbfe!important}
.hm-v282-public-comments article>header{display:flex!important;justify-content:space-between!important;gap:8px!important;align-items:center!important}
.hm-v282-public-comments article>header strong{font-size:8.5px!important;color:#174d7a!important}.hm-v282-public-comments article>header span{font-size:6.5px!important;color:#94a0ad!important}
.hm-v282-public-comments article p{margin:4px 0 0!important;font-size:9px!important;line-height:1.45!important;color:#405a72!important;white-space:pre-wrap!important}
.hm-v282-public-comments article>small{display:block!important;margin-top:3px!important;font-size:6.5px!important;color:#8a9bab!important}.hm-v282-no-public-comments{margin:0!important;padding:9px!important;border-radius:8px!important;background:#f5f8fb!important;color:#7b8b9d!important;font-size:8px!important}

.hm-v280-collab-actions.has-unsaved{opacity:.82!important}.hm-v280-collab-actions button:disabled{cursor:not-allowed!important;opacity:.45!important;filter:grayscale(.35)!important}
.hm-v282-unsaved-approval-warning{flex:1 1 100%!important;color:#9a6600!important;font-size:8px!important;font-weight:850!important;line-height:1.35!important}

@media(max-width:850px){
    .hm-v282-public-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}
    .hm-v282-publish-control{align-items:flex-start!important;flex-direction:column!important}.hm-v282-publish-control>label{width:100%!important}
}
@media(max-width:520px){
    .hm-v282-public-stats{grid-template-columns:1fr!important}.hm-v282-public-comments article.is-reply{margin-left:8px!important}
    .hm-v282-public-summary, .hm-v282-team-summary{white-space:normal!important;text-align:center!important}
}
/* v282 – hlavička priority má dva nové stavové štítky bez stláčania názvu. */
.hm-bo-poll-card.hm-v241-review-item>summary{
    grid-template-columns:34px minmax(180px,1fr) auto auto auto auto auto!important;
}
@media(max-width:800px){
    .hm-bo-poll-card.hm-v241-review-item>summary{grid-template-columns:32px minmax(0,1fr) auto!important}
    .hm-bo-poll-card.hm-v241-review-item>summary>.hm-v282-public-summary{grid-column:2!important;grid-row:3!important;justify-self:start!important}
    .hm-bo-poll-card.hm-v241-review-item>summary>.hm-v282-team-summary{grid-column:3!important;grid-row:3!important;justify-self:end!important}
}
@media(max-width:520px){
    .hm-bo-poll-card.hm-v241-review-item>summary>.hm-v282-public-summary, .hm-bo-poll-card.hm-v241-review-item>summary>.hm-v282-team-summary{font-size:6.5px!important;max-width:100%!important}
}


/* =========================================================================
   v283 – Anketa priorít: štvorcový obrázok o 10 % menší
   ========================================================================= */




/* =========================================================================
   v284 – overený e-mail pred Anketou priorít a kvízom + GDPR stránka
   ========================================================================= */
.hm-legal-page{
    min-height:100vh;
    padding:42px 20px 70px;
    background:linear-gradient(180deg,#eef6ff,#f8fbff 320px,#f5f7fa);
    color:#183b62;
}
.hm-legal-wrap{width:min(920px,100%);margin:0 auto}
.hm-legal-back{display:inline-flex;margin-bottom:15px;color:#0b65bd;font-size:12px;font-weight:900;text-decoration:none}
.hm-legal-card{padding:34px 40px;border:1px solid #dbe6f0;border-radius:24px;background:#fff;box-shadow:0 18px 50px rgba(25,61,101,.08)}
.hm-legal-card>header{padding-bottom:20px;border-bottom:1px solid #e5edf5}
.hm-legal-card>header span{display:block;color:#0b68bf;font-size:10px;font-weight:950;letter-spacing:.11em}
.hm-legal-card>header h1{margin:5px 0 0;color:#0b2f67;font-size:clamp(29px,4vw,44px);line-height:1.05}
.hm-legal-content{padding-top:12px;font-size:14px;line-height:1.68}
.hm-legal-content h2{margin:28px 0 8px;color:#123e6e;font-size:20px;line-height:1.2}
.hm-legal-content p{margin:8px 0;color:#4d637c}
.hm-legal-content ul{margin:8px 0 8px 20px;padding:0;color:#4d637c}
.hm-legal-content li{margin:5px 0}
.hm-legal-content a{color:#075fcf;font-weight:750}
.hm-footer nav a[href*="ochrana-osobnych"]{opacity:.82}

@media(max-width:700px){
    .hm-access-auth{width:calc(100vw - 20px);padding:21px 15px;border-radius:18px}
    .hm-access-auth-head h3{font-size:22px}
    .hm-access-mode-switch{grid-template-columns:1fr}
    .hm-access-mode-switch button{min-height:38px}
    .hm-legal-page{padding:24px 10px 45px}
    .hm-legal-card{padding:24px 16px;border-radius:18px}
    .hm-legal-content{font-size:13px}
}


/* =========================================================================
   v285 – oprava rozmeru e-mailového okna pred Anketou priorít
   ========================================================================= */
body.hm-voting-focus > #hmPollAccess:not(.hm-hidden){
    inset:auto !important;
    top:50% !important;
    left:50% !important;
    right:auto !important;
    bottom:auto !important;
    transform:translate(-50%,-50%) !important;
    width:min(820px,calc(100vw - 40px)) !important;
    height:auto !important;
    min-height:0 !important;
    max-height:calc(100dvh - 40px) !important;
    box-sizing:border-box !important;
    overflow-x:hidden !important;
    overflow-y:auto !important;
    zoom:1 !important;
}
body.hm-voting-focus > #hmPollAccess:not(.hm-hidden) > *{
    max-width:100% !important;
}
body.hm-voting-focus > #hmPollAccess:not(.hm-hidden) .hm-access-auth-head, body.hm-voting-focus > #hmPollAccess:not(.hm-hidden) .hm-access-mode-switch, body.hm-voting-focus > #hmPollAccess:not(.hm-hidden) .hm-access-mode-copy, body.hm-voting-focus > #hmPollAccess:not(.hm-hidden) .hm-access-auth-fields, body.hm-voting-focus > #hmPollAccess:not(.hm-hidden) .hm-consent-row, body.hm-voting-focus > #hmPollAccess:not(.hm-hidden) .hm-access-auth-submit, body.hm-voting-focus > #hmPollAccess:not(.hm-hidden) .hm-form-note{
    width:100% !important;
    box-sizing:border-box !important;
}
@media(max-width:700px){
    body.hm-voting-focus > #hmPollAccess:not(.hm-hidden){
        width:calc(100vw - 18px) !important;
        max-height:calc(100dvh - 18px) !important;
        padding:22px 16px !important;
        border-radius:18px !important;
    }
}


/* =========================================================================
   v286 – horná navigácia + rýchle prihlásenie do backoffice
   ========================================================================= */
.hm-topbar-login{
    width:44px!important;
    height:44px!important;
    flex:0 0 44px!important;
    display:inline-grid!important;
    place-items:center!important;
    border:1px solid rgba(255,255,255,.32)!important;
    border-radius:14px!important;
    background:#ffd633!important;
    color:#073365!important;
    box-shadow:0 9px 22px rgba(3,29,68,.18)!important;
    text-decoration:none!important;
    transition:transform .2s ease,background .2s ease,box-shadow .2s ease!important;
}
.hm-topbar-login svg{width:21px!important;height:21px!important;display:block!important;fill:currentColor!important}
.hm-topbar-login:hover{transform:translateY(-2px)!important;background:#fff!important;color:#075eb3!important;box-shadow:0 12px 28px rgba(3,29,68,.22)!important}
.hm-topbar-inner{gap:14px!important}
.hm-navigation{gap:2px!important}
.hm-navigation a{white-space:nowrap!important}
@media(max-width:920px){
    .hm-topbar-login{width:40px!important;height:40px!important;flex-basis:40px!important;border-radius:12px!important}
    .hm-topbar-login svg{width:19px!important;height:19px!important}
    
    .hm-topbar-inner{gap:8px!important;padding-right:10px!important}
    .hm-menu-button{order:3!important;margin-left:0!important}
    .hm-topbar-login{order:4!important}
    .hm-navigation{order:5!important}
    .hm-logo{margin-right:auto!important}
}
@media(max-width:520px){
    .hm-logo-words strong{font-size:13px!important}
    .hm-logo-words small{font-size:10px!important}
    .hm-logo>i{width:30px!important;height:30px!important}
    .hm-topbar-inner{padding-left:12px!important}
}


/* ==========================================================================
   v287 – profilové fotky na titulke: prioritne nezrezať hlavu
   ========================================================================== */
#hmPledgeGrid .hm-pledge-photo, #hmPledgeGrid .hm-pledge-photo-button, .hm-pledge-grid .hm-pledge-photo, .hm-pledge-grid .hm-pledge-photo-button{
    background-position:center top!important;
    background-position:50% 12%!important;
}

/* ==========================================================================
   v288 – MAKÁME / Statusy: jasný publikačný workflow
   ========================================================================== */
.hm-v288-statuses{gap:14px!important;background:linear-gradient(180deg,#fbfdff 0%,#f7faff 100%)!important;border-color:#d7e4f0!important;}
.hm-v288-status-head{align-items:center!important;padding:2px 2px 0!important;}
.hm-v288-status-head h3{font-size:27px!important;letter-spacing:-.025em!important;}
.hm-v288-status-head p{max-width:850px!important;font-size:12px!important;line-height:1.55!important;}
.hm-v288-status-head> b{min-width:42px!important;height:42px!important;background:#e7f2ff!important;color:#0d62b3!important;font-size:14px!important;}
.hm-v288-status-actions{display:grid!important;grid-template-columns:minmax(300px,1fr) auto auto!important;gap:9px!important;align-items:stretch!important;}
.hm-v288-create-status-button{display:flex!important;align-items:center!important;gap:13px!important;min-height:72px!important;padding:13px 18px!important;border:0!important;border-radius:17px!important;background:linear-gradient(135deg,#0b67c4,#084f9d)!important;color:#fff!important;box-shadow:0 14px 30px rgba(10,88,171,.2)!important;cursor:pointer!important;text-align:left!important;}
.hm-v288-create-status-button>span{display:grid!important;place-items:center!important;width:40px!important;height:40px!important;flex:0 0 40px!important;border-radius:12px!important;background:rgba(255,255,255,.15)!important;font-size:25px!important;font-weight:700!important;}
.hm-v288-create-status-button>div{display:grid!important;gap:2px!important;}
.hm-v288-create-status-button strong{font-size:16px!important;line-height:1.15!important;}
.hm-v288-create-status-button small{font-size:9px!important;color:#dbeeff!important;}
.hm-v288-create-status-button:hover{transform:translateY(-1px)!important;box-shadow:0 17px 34px rgba(10,88,171,.25)!important;}
.hm-v288-secondary-action{min-height:72px!important;padding:0 15px!important;border:1px solid #d4e2f0!important;border-radius:15px!important;background:#fff!important;color:#315b82!important;font-size:10px!important;font-weight:950!important;cursor:pointer!important;box-shadow:0 7px 20px rgba(25,65,105,.05)!important;}
.hm-v288-status-create:not([open]), .hm-v288-tool-panel:not([open]){display:none!important;}
.hm-v288-status-create[open], .hm-v288-tool-panel[open]{display:block!important;scroll-margin-top:90px!important;}
.hm-v288-status-create{border-color:#bcd7ef!important;box-shadow:0 12px 30px rgba(14,82,145,.08)!important;}
.hm-v288-status-create>summary, .hm-v288-tool-panel>summary{background:#eef6ff!important;}
.hm-v288-status-form{display:grid!important;gap:12px!important;}
.hm-v288-status-owner{display:grid!important;grid-template-columns:minmax(220px,420px)!important;}
.hm-v288-schedule-mode{display:grid!important;grid-template-columns:1fr 1fr!important;gap:9px!important;padding:0!important;border:0!important;}
.hm-v288-schedule-mode>legend{grid-column:1/-1;margin-bottom:2px!important;color:#516b84!important;font-size:10px!important;font-weight:950!important;}
.hm-v288-schedule-mode>label{display:flex!important;align-items:flex-start!important;gap:9px!important;padding:11px 12px!important;border:1px solid #d9e4ef!important;border-radius:12px!important;background:#f9fbfd!important;cursor:pointer!important;}
.hm-v288-schedule-mode>label:has(input:checked){border-color:#6ca9df!important;background:#eef7ff!important;box-shadow:inset 0 0 0 1px #91bfe6!important;}
.hm-v288-schedule-mode input{margin-top:3px!important;}
.hm-v288-schedule-mode span{display:grid!important;gap:2px!important;}
.hm-v288-schedule-mode b{font-size:11px!important;color:#194b77!important;}
.hm-v288-schedule-mode small{font-size:9px!important;line-height:1.35!important;color:#73869a!important;}
.hm-v288-exact-schedule{display:none!important;grid-template-columns:1fr 1fr!important;gap:10px!important;padding:11px!important;border:1px solid #deE8f1!important;border-radius:12px!important;background:#f8fafc!important;}
.hm-v288-exact-schedule.is-active{display:grid!important;}
.hm-v288-exact-schedule label, .hm-v288-edit-status-form>label{display:grid!important;gap:5px!important;}
.hm-v288-exact-schedule label>span, .hm-v288-edit-status-form>label>span{font-size:9px!important;font-weight:900!important;color:#5d748c!important;}
.hm-v288-approval-info{padding:10px 12px!important;border:1px solid #cfe3d7!important;border-radius:12px!important;background:#f2fbf5!important;}
.hm-v288-approval-info strong{display:block!important;color:#217347!important;font-size:10px!important;}
.hm-v288-approval-info p{margin:3px 0 0!important;color:#587263!important;font-size:9px!important;line-height:1.45!important;}
.hm-v288-fb-order>div{padding:12px!important;}
.hm-v288-fb-order form{display:grid!important;gap:10px!important;}
.hm-v288-fb-order-list{display:grid!important;gap:6px!important;}
.hm-v288-fb-order-list label{display:grid!important;grid-template-columns:minmax(0,1fr) auto 72px!important;align-items:center!important;gap:9px!important;padding:8px 10px!important;border:1px solid #e0e8f0!important;border-radius:10px!important;background:#fff!important;}
.hm-v288-fb-order-list b{font-size:10px!important;color:#264f74!important;}
.hm-v288-fb-order-list span{font-size:8px!important;color:#8090a0!important;}
.hm-v288-fb-order-list input{width:72px!important;min-height:32px!important;border:1px solid #cbd9e6!important;border-radius:8px!important;padding:4px 7px!important;}
/* O ďalších 20 % kompaktnejší kalendár oproti v270. */
.hm-v288-status-calendar .hm-v268-status-calendar-head{grid-template-columns:30px 1fr 30px!important;padding:6px 9px!important;}
.hm-v288-status-calendar .hm-v268-status-calendar-head>a{width:25px!important;height:25px!important;border-radius:8px!important;font-size:10px!important;}
.hm-v288-status-calendar .hm-v268-status-calendar-head span{font-size:6.5px!important;}
.hm-v288-status-calendar .hm-v268-status-calendar-head strong{font-size:12px!important;}
.hm-v288-status-calendar .hm-v268-status-weekdays b{padding:4px!important;font-size:7.5px!important;}
.hm-v288-status-calendar .hm-v268-status-day, .hm-v288-status-calendar .hm-v268-status-days>.is-empty{min-height:59px!important;padding:4px!important;}
.hm-v288-status-calendar .hm-v268-status-day>i{width:17px!important;height:17px!important;margin-bottom:2px!important;border-radius:6px!important;font-size:7.5px!important;}
.hm-v288-status-calendar .hm-v268-status-event{margin-top:1px!important;padding:3px 4px!important;border-radius:6px!important;}
.hm-v288-status-calendar .hm-v268-status-event time{font-size:6.7px!important;}
.hm-v288-status-calendar .hm-v268-status-event strong{font-size:7.5px!important;line-height:1.15!important;}
.hm-v288-status-calendar .hm-v268-status-event small{font-size:6.5px!important;}
.hm-v288-status-pipeline{display:grid!important;gap:11px!important;margin-top:2px!important;}
.hm-v288-status-lane{overflow:hidden!important;border:1px solid #dbe5ef!important;border-radius:15px!important;background:#fff!important;box-shadow:0 7px 22px rgba(28,62,96,.045)!important;}
.hm-v288-status-lane>header{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;padding:10px 12px!important;border-bottom:1px solid #e6edf4!important;background:#f8fafc!important;}
.hm-v288-status-lane>header>div{display:flex!important;align-items:center!important;gap:9px!important;min-width:0!important;}
.hm-v288-status-lane>header>div>span{display:grid!important;place-items:center!important;width:28px!important;height:28px!important;border-radius:9px!important;background:#e8f0f8!important;color:#416783!important;font-size:14px!important;font-weight:950!important;}
.hm-v288-status-lane>header>div>div{display:grid!important;gap:1px!important;}
.hm-v288-status-lane>header strong{font-size:11px!important;color:#183f66!important;letter-spacing:.015em!important;}
.hm-v288-status-lane>header small{font-size:8px!important;color:#7a8b9e!important;}
.hm-v288-status-lane>header>b{display:grid!important;place-items:center!important;min-width:29px!important;height:29px!important;padding:0 7px!important;border-radius:9px!important;background:#edf3f9!important;color:#325d83!important;font-size:10px!important;}
.hm-v288-status-lane.is-waiting>header{background:#fffaf0!important;}.hm-v288-status-lane.is-waiting>header>div>span{background:#fff0c8!important;color:#9a6a00!important;}
.hm-v288-status-lane.is-scheduled>header{background:#f0f7ff!important;}.hm-v288-status-lane.is-scheduled>header>div>span{background:#dceeff!important;color:#0a65b7!important;}
.hm-v288-status-lane.is-done>header{background:#f1fbf4!important;}.hm-v288-status-lane.is-done>header>div>span{background:#daf2e1!important;color:#19814a!important;}
.hm-v288-status-lane>.hm-v253-card-list{padding:8px!important;gap:7px!important;}
.hm-v288-status-card{border-radius:12px!important;box-shadow:none!important;}
.hm-v288-status-card>summary{padding:10px 11px!important;background:#fff!important;}
.hm-v288-status-card>summary strong{font-size:12px!important;}
.hm-v288-status-card>summary small{font-size:8px!important;}
.hm-v288-status-card>summary>span{font-size:7.5px!important;padding:5px 7px!important;}
.hm-v288-media-gallery{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(130px,1fr))!important;gap:7px!important;max-width:850px!important;}
.hm-v288-media-gallery>a, .hm-v288-media-gallery>video{display:block!important;overflow:hidden!important;min-height:110px!important;max-height:260px!important;border:1px solid #dde6ee!important;border-radius:10px!important;background:#edf2f6!important;}
.hm-v288-media-gallery img, .hm-v288-media-gallery video{display:block!important;width:100%!important;height:100%!important;max-height:260px!important;object-fit:contain!important;background:#edf2f6!important;}
.hm-v288-media-gallery>video{width:100%!important;object-fit:contain!important;}
.hm-v288-team-approval span.is-author{background:#f1f3f5!important;color:#7d8790!important;border-color:#dfe3e7!important;}
.hm-v288-status-card-actions{margin-top:2px!important;}
.hm-v288-status-edit>summary{display:inline-flex!important;align-items:center!important;margin-top:3px!important;padding:7px 9px!important;border-radius:8px!important;background:#eef5fb!important;color:#285f8d!important;font-size:9px!important;font-weight:950!important;cursor:pointer!important;list-style:none!important;}
.hm-v288-status-edit>summary::-webkit-details-marker{display:none!important;}
.hm-v288-edit-status-form{display:grid!important;gap:10px!important;margin-top:8px!important;padding:11px!important;border:1px solid #dbe6ef!important;border-radius:12px!important;background:#fbfdff!important;}
.hm-v288-edit-status-form input, .hm-v288-edit-status-form textarea, .hm-v288-edit-status-form select{width:100%!important;border:1px solid #cbd9e6!important;border-radius:8px!important;padding:7px 8px!important;background:#fff!important;}
.hm-v288-remove-media{display:flex!important;align-items:center!important;gap:7px!important;color:#9b4b43!important;font-size:9px!important;font-weight:800!important;}
.hm-v288-remove-media input{width:auto!important;}
.hm-v288-empty-lane{margin:0!important;padding:12px!important;color:#8a9aac!important;font-size:9px!important;text-align:center!important;}
@media(max-width:900px){.hm-v288-status-actions{grid-template-columns:1fr 1fr!important;}.hm-v288-create-status-button{grid-column:1/-1!important;}.hm-v288-schedule-mode{grid-template-columns:1fr!important;}}
@media(max-width:620px){.hm-v288-status-actions{grid-template-columns:1fr!important;}.hm-v288-secondary-action{min-height:44px!important;}.hm-v288-exact-schedule{grid-template-columns:1fr!important;}.hm-v288-fb-order-list label{grid-template-columns:minmax(0,1fr) 60px!important;}.hm-v288-fb-order-list span{display:none!important;}.hm-v288-media-gallery{grid-template-columns:1fr 1fr!important;}.hm-v288-status-lane>header small{display:none!important;}}
/* ==========================================================================
   v289 – len 3 dni v Na schválenie + história starších úloh
   ========================================================================== */
.hm-v289-task-history{margin-top:10px!important;overflow:hidden!important;border:1px solid #d9e3ed!important;border-radius:15px!important;background:#f8fafc!important;}
.hm-v289-task-history>summary{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;padding:11px 13px!important;cursor:pointer!important;list-style:none!important;background:#eef3f7!important;}
.hm-v289-task-history>summary::-webkit-details-marker{display:none!important;}
.hm-v289-task-history>summary>div{display:grid!important;gap:1px!important;}
.hm-v289-task-history>summary span{font-size:7.5px!important;font-weight:950!important;letter-spacing:.11em!important;color:#76889a!important;}
.hm-v289-task-history>summary strong{font-size:11px!important;color:#2c4d69!important;}
.hm-v289-task-history>summary small{font-size:8px!important;color:#8292a1!important;}
.hm-v289-task-history>summary>b{display:grid!important;place-items:center!important;min-width:29px!important;height:29px!important;padding:0 7px!important;border-radius:9px!important;background:#fff!important;color:#4f6e88!important;font-size:9px!important;}
.hm-v289-task-history-list{display:grid!important;gap:6px!important;padding:8px!important;border-top:1px solid #dfe7ee!important;}
.hm-v289-history-task{overflow:hidden!important;border:1px solid #e0e7ee!important;border-radius:11px!important;background:#fff!important;opacity:.94!important;}
.hm-v289-history-task>summary{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;padding:9px 10px!important;cursor:pointer!important;list-style:none!important;}
.hm-v289-history-task>summary::-webkit-details-marker{display:none!important;}
.hm-v289-history-task>summary>div{display:grid!important;gap:2px!important;min-width:0!important;}
.hm-v289-history-task>summary strong{font-size:10px!important;color:#38536d!important;}
.hm-v289-history-task>summary small{font-size:7.5px!important;color:#8a98a7!important;}
.hm-v289-history-task>summary>span{flex:0 0 auto!important;padding:5px 7px!important;border-radius:7px!important;background:#f0f3f6!important;color:#687988!important;font-size:7px!important;font-weight:950!important;}
.hm-v289-history-task.is-completed>summary>span{background:#e5f5ea!important;color:#287248!important;}
.hm-v289-history-task-body{display:grid!important;gap:8px!important;padding:9px 10px!important;border-top:1px solid #edf1f4!important;}
.hm-v289-history-task-body>p{margin:0!important;font-size:9.5px!important;line-height:1.45!important;color:#586d7f!important;}
.hm-v289-history-meta{display:flex!important;gap:5px!important;flex-wrap:wrap!important;}
.hm-v289-history-meta span{padding:4px 6px!important;border-radius:6px!important;background:#f4f7f9!important;color:#6c7e8e!important;font-size:7px!important;font-weight:850!important;}
@media(max-width:620px){.hm-v289-task-history>summary, .hm-v289-history-task>summary{align-items:flex-start!important;}.hm-v289-history-task>summary{display:grid!important;}.hm-v289-history-task>summary>span{justify-self:start!important;}}


/* ==========================================================================
   v290 – globálne poradie FB stránok + úplná správa Diskusií
   ========================================================================== */
.hm-v290-fb-rank{
    display:inline-grid!important;
    place-items:center!important;
    flex:0 0 auto!important;
    width:19px!important;
    height:19px!important;
    border-radius:6px!important;
    background:#e7f1fb!important;
    color:#1763a9!important;
    font-size:7.5px!important;
    font-weight:950!important;
}
.hm-v268-fb-pages label{align-items:center!important;}


/* ==========================================================================
   v291 – bezpečné mazanie Diskusií + koncept statusu + emoji
   ========================================================================== */


.hm-v291-status-draft-notice{
    display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;
    padding:9px 11px!important;border:1px solid #cfe0ef!important;border-radius:11px!important;background:#f3f8fd!important;
    color:#315879!important;font-size:10px!important;line-height:1.4!important;
}
.hm-v291-status-draft-notice[hidden]{display:none!important;}
.hm-v291-status-draft-notice b{color:#174f82!important;}
.hm-v291-status-draft-notice button{
    flex:0 0 auto!important;border:1px solid #d5dee8!important;border-radius:8px!important;background:#fff!important;color:#6b7785!important;
    padding:6px 9px!important;font-size:9px!important;font-weight:900!important;cursor:pointer!important;
}
.hm-v291-emoji-picker{
    display:flex!important;align-items:center!important;gap:4px!important;flex-wrap:wrap!important;margin:-2px 0 8px!important;
    padding:7px 8px!important;border:1px solid #e0e8f0!important;border-radius:10px!important;background:#fafcff!important;
}
.hm-v291-emoji-picker>span{margin-right:4px!important;color:#66809b!important;font-size:8px!important;font-weight:950!important;letter-spacing:.06em!important;text-transform:uppercase!important;}
.hm-v291-emoji-picker button{
    width:29px!important;height:29px!important;display:grid!important;place-items:center!important;padding:0!important;border:1px solid transparent!important;
    border-radius:8px!important;background:#fff!important;font-size:17px!important;line-height:1!important;cursor:pointer!important;
    box-shadow:0 1px 3px rgba(20,53,85,.06)!important;
}
.hm-v291-emoji-picker button:hover, .hm-v291-emoji-picker button:focus-visible{border-color:#7fb4e1!important;background:color-mix(in srgb,var(--hm-level-color) 10%,#edf6ff)!important;outline:none!important;transform:translateY(-1px)!important;}
@media(max-width:620px){
    .hm-v291-status-draft-notice{align-items:flex-start!important;flex-direction:column!important;}
    .hm-v291-status-draft-notice button{width:100%!important;}
    .hm-v291-emoji-picker button{width:32px!important;height:32px!important;}
}

/* ========================================================================== 
   v292 – verejný profil kandidáta + výber galérie + zarovnanie textu
   ========================================================================== */
.hm-v292-profile-align{
    display:grid!important;
    gap:7px!important;
    padding:12px 13px!important;
    border:1px solid #d9e6f2!important;
    border-radius:13px!important;
    background:#f8fbff!important;
}
.hm-v292-profile-align>span{font-size:11px!important;font-weight:950!important;color:#365c81!important;}
.hm-v292-profile-align>div{display:flex!important;gap:7px!important;flex-wrap:wrap!important;}
.hm-v292-profile-align label{position:relative!important;cursor:pointer!important;}
.hm-v292-profile-align input{position:absolute!important;opacity:0!important;pointer-events:none!important;}
.hm-v292-profile-align b{
    display:inline-flex!important;align-items:center!important;justify-content:center!important;
    min-width:92px!important;min-height:36px!important;padding:7px 12px!important;
    border:1px solid #cbdceb!important;border-radius:9px!important;background:#fff!important;
    color:#426783!important;font-size:11px!important;font-weight:900!important;
}
.hm-v292-profile-align input:checked+b{background:#126ac1!important;border-color:#126ac1!important;color:#fff!important;box-shadow:0 5px 14px rgba(18,106,193,.16)!important;}
.hm-v292-profile-align>small{font-size:9.5px!important;line-height:1.4!important;color:#7c8ea0!important;}
.hm-v292-gallery-visible{
    display:flex!important;align-items:center!important;gap:7px!important;padding:6px 8px!important;
    border:1px solid #cfe4d7!important;border-radius:8px!important;background:#f1faf4!important;
    color:#237244!important;font-size:10px!important;font-weight:900!important;
}
.hm-v292-gallery-visible input{margin:0!important;}
.hm-v219-existing-gallery img{
    object-fit:contain!important;
    object-position:center!important;
    background:#eef3f8!important;
}

/* Verejný profil – čistejší a modernejší layout. */
.hm-modal.hm-modal-team-profile-open .hm-modal-dialog{
    width:min(1080px,calc(100vw - 30px))!important;
    max-height:92vh!important;
    border-radius:26px!important;
    box-shadow:0 28px 90px rgba(5,30,69,.30)!important;
}
.hm-v292-team-profile{background:#f7faff!important;}
.hm-v292-team-profile .hm-v219-team-profile-hero{
    grid-template-columns:220px minmax(0,1fr)!important;
    gap:30px!important;
    min-height:300px!important;
    padding:34px 38px!important;
    background:
      radial-gradient(circle at 82% 16%,rgba(255,214,51,.25),transparent 25%),
      radial-gradient(circle at 8% 100%,rgba(77,161,255,.24),transparent 31%),
      linear-gradient(135deg,#062e68 0%,#0d59ae 58%,#1973cf 100%)!important;
}
.hm-v292-team-profile .hm-v219-team-profile-photo{
    width:220px!important;height:250px!important;border-radius:24px!important;
    border:4px solid rgba(255,255,255,.22)!important;background:#dfeaf5!important;
    box-shadow:0 22px 55px rgba(0,21,54,.30)!important;
}
.hm-v292-team-profile .hm-v219-team-profile-photo img{
    width:100%!important;height:100%!important;object-fit:cover!important;object-position:center top!important;
}
.hm-v292-team-profile .hm-v219-team-profile-title h2{font-size:clamp(38px,5vw,60px)!important;max-width:720px!important;}
.hm-v292-team-profile .hm-v219-team-profile-title>p{font-size:17px!important;line-height:1.4!important;}
.hm-v292-team-profile .hm-v219-public-profile-section{
    padding:30px 38px!important;background:#fff!important;border-top:1px solid #e3ebf4!important;
}
.hm-v292-team-profile .hm-v219-team-profile-bio{background:linear-gradient(180deg,#fff,#fbfdff)!important;}
.hm-v292-team-profile .hm-v219-team-profile-bio .hm-bio{
    max-width:900px!important;margin:0!important;font-size:16px!important;line-height:1.78!important;color:#304d6c!important;
}
.hm-v292-team-profile.is-bio-left .hm-v219-team-profile-bio .hm-bio, .hm-v292-team-profile.is-bio-left .hm-v219-team-profile-bio .hm-v219-public-profile-heading{text-align:left!important;margin-left:0!important;margin-right:auto!important;}
.hm-v292-team-profile.is-bio-center .hm-v219-team-profile-bio .hm-bio, .hm-v292-team-profile.is-bio-center .hm-v219-team-profile-bio .hm-v219-public-profile-heading{text-align:center!important;margin-left:auto!important;margin-right:auto!important;}
.hm-v292-team-profile.is-bio-right .hm-v219-team-profile-bio .hm-bio, .hm-v292-team-profile.is-bio-right .hm-v219-team-profile-bio .hm-v219-public-profile-heading{text-align:right!important;margin-left:auto!important;margin-right:0!important;}

/* Galéria: fotografie sa zobrazia celé, nie odrezané. */
.hm-v292-team-profile .hm-v219-public-gallery{background:#f7faff!important;}


/* Ďalší kandidáti na spodku otvoreného profilu. */
.hm-v292-other-candidates{background:#082f68!important;border-top:0!important;}
.hm-v292-other-candidates .hm-v219-public-profile-heading>span{color:#ffd633!important;}
.hm-v292-other-candidates .hm-v219-public-profile-heading>h3{color:#fff!important;}
.hm-v292-other-candidates-grid{
    display:grid!important;grid-template-columns:repeat(auto-fit,minmax(155px,1fr))!important;gap:10px!important;
}
.hm-v292-other-candidates-grid>button{
    appearance:none!important;display:grid!important;grid-template-columns:54px minmax(0,1fr)!important;
    grid-template-rows:auto auto auto!important;column-gap:10px!important;align-items:center!important;text-align:left!important;
    min-width:0!important;padding:10px!important;border:1px solid rgba(255,255,255,.14)!important;border-radius:14px!important;
    background:rgba(255,255,255,.08)!important;color:#fff!important;cursor:pointer!important;transition:.18s ease!important;
}
.hm-v292-other-candidates-grid>button:hover, .hm-v292-other-candidates-grid>button:focus-visible{
    transform:translateY(-2px)!important;background:rgba(255,255,255,.15)!important;border-color:rgba(255,214,51,.58)!important;outline:none!important;
}
.hm-v292-other-candidates-grid>button>span{
    grid-row:1/4!important;width:54px!important;height:64px!important;display:grid!important;place-items:center!important;
    overflow:hidden!important;border-radius:10px!important;background:#dbe8f5!important;color:#123e70!important;font-weight:1000!important;
}
.hm-v292-other-candidates-grid>button>span img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center top!important;}
.hm-v292-other-candidates-grid>button>strong{min-width:0!important;color:#fff!important;font-size:12px!important;line-height:1.2!important;}
.hm-v292-other-candidates-grid>button>small{color:#b9d6f4!important;font-size:9px!important;line-height:1.2!important;}
.hm-v292-other-candidates-grid>button>b{color:#ffd633!important;font-size:8.5px!important;margin-top:3px!important;}

@media(max-width:760px){
    .hm-v292-profile-align>div{display:grid!important;grid-template-columns:repeat(3,1fr)!important;}
    .hm-v292-profile-align b{min-width:0!important;width:100%!important;padding:7px 5px!important;}
    .hm-v292-team-profile .hm-v219-team-profile-hero{grid-template-columns:1fr!important;gap:18px!important;padding:25px 20px!important;text-align:center!important;}
    .hm-v292-team-profile .hm-v219-team-profile-photo{width:170px!important;height:200px!important;margin:auto!important;}
    .hm-v292-team-profile .hm-v219-team-profile-meta{justify-content:center!important;}
    .hm-v292-team-profile .hm-v219-public-profile-section{padding:22px 18px!important;}
    
    
    
    .hm-v292-other-candidates-grid{grid-template-columns:1fr 1fr!important;}
}
@media(max-width:480px){
    .hm-v292-other-candidates-grid{grid-template-columns:1fr!important;}
}


/* ==========================================================================
   v293 – moderné 5P, náhodné profily, album 1+3 a čitateľní kandidáti
   ========================================================================== */
.hm-v293-five-p{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    flex-wrap:wrap!important;
    gap:7px 10px!important;
    margin:0!important;
    font-size:clamp(18px,2vw,28px)!important;
    line-height:1.15!important;
    letter-spacing:-.025em!important;
    font-weight:950!important;
}
.hm-v293-five-p span{color:#073b78!important;white-space:nowrap!important;}
.hm-v293-five-p i{color:#f1bb00!important;font-style:normal!important;font-size:.7em!important;}

/* Náš tím na homepage: viac vzduchu a o stupeň väčšie mená. */
.hm-v249-team .hm-candidate-grid{
    gap:28px 38px!important;
}
.hm-v249-team .hm-candidate-card .hm-candidate-copy strong{
    font-size:24px!important;
}

/* Spodný výber ďalších kandidátov v profile: svetlá karta, meno jasne čierne. */
.hm-v292-other-candidates-grid>button{
    background:#fff!important;
    color:#111!important;
    border-color:#d7e2ed!important;
    box-shadow:0 6px 18px rgba(0,30,70,.12)!important;
}
.hm-v292-other-candidates-grid>button:hover, .hm-v292-other-candidates-grid>button:focus-visible{
    background:#fffbea!important;
    border-color:#e1bd2d!important;
}
.hm-v292-other-candidates-grid>button>strong{
    color:#111!important;
    font-size:13px!important;
    font-weight:950!important;
}
.hm-v292-other-candidates-grid>button>small{color:#4e6278!important;}
.hm-v292-other-candidates-grid>button>b{color:#0b63b5!important;}

/* Verejná galéria: jedna veľká fotografia + tri náhľady. */
.hm-v293-public-gallery{background:#f7faff!important;}
.hm-v293-profile-gallery{display:grid!important;gap:12px!important;touch-action:pan-y!important;}
.hm-v293-gallery-stage{
    position:relative!important;
    min-height:360px!important;
    border:1px solid #d9e5ef!important;
    border-radius:20px!important;
    background:#eef3f8!important;
    overflow:hidden!important;
    box-shadow:0 10px 30px rgba(15,54,95,.07)!important;
}
.hm-v293-gallery-slide{
    display:none!important;
    margin:0!important;
    min-height:360px!important;
    background:#fff!important;
}
.hm-v293-gallery-slide.is-active{display:grid!important;grid-template-rows:minmax(320px,auto) auto!important;}
.hm-v293-gallery-slide>a{
    position:relative!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-height:320px!important;
    max-height:620px!important;
    padding:14px!important;
    background:#eef3f8!important;
    text-decoration:none!important;
}
.hm-v293-gallery-slide>a img{
    display:block!important;
    width:auto!important;
    max-width:100%!important;
    height:auto!important;
    max-height:590px!important;
    object-fit:contain!important;
    object-position:center!important;
    border-radius:12px!important;
}
.hm-v293-gallery-slide>a>span{
    position:absolute!important;
    right:18px!important;
    bottom:16px!important;
    padding:7px 11px!important;
    border-radius:999px!important;
    background:rgba(4,39,80,.82)!important;
    color:#fff!important;
    font-size:9px!important;
    font-weight:950!important;
}
.hm-v293-gallery-slide figcaption{
    min-height:44px!important;
    padding:12px 16px!important;
    border-top:1px solid #e6edf4!important;
    background:#fff!important;
    color:#354f6b!important;
    font-size:13px!important;
    line-height:1.45!important;
    font-weight:750!important;
}
.hm-v293-gallery-slide figcaption.is-empty{min-height:0!important;padding:0!important;border:0!important;}
.hm-v293-gallery-arrow{
    position:absolute!important;
    z-index:4!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    display:grid!important;
    place-items:center!important;
    width:44px!important;
    height:44px!important;
    border:0!important;
    border-radius:50%!important;
    background:rgba(5,45,91,.88)!important;
    color:#fff!important;
    font-size:31px!important;
    line-height:1!important;
    cursor:pointer!important;
    box-shadow:0 7px 20px rgba(0,25,55,.2)!important;
}
.hm-v293-gallery-arrow:hover{background:#075dab!important;}
.hm-v293-gallery-arrow.is-prev{left:14px!important;}
.hm-v293-gallery-arrow.is-next{right:14px!important;}
.hm-v293-gallery-bottom{
    display:grid!important;
    grid-template-columns:auto minmax(0,1fr)!important;
    gap:12px!important;
    align-items:center!important;
}
.hm-v293-gallery-counter{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-width:52px!important;
    height:34px!important;
    padding:0 8px!important;
    border-radius:10px!important;
    background:#0b559f!important;
    color:#fff!important;
    font-size:10px!important;
    font-weight:950!important;
}
.hm-v293-gallery-thumbs{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:9px!important;
    min-width:0!important;
}
.hm-v293-gallery-thumb{
    display:none!important;
    appearance:none!important;
    height:92px!important;
    padding:5px!important;
    border:2px solid transparent!important;
    border-radius:12px!important;
    background:#e7edf4!important;
    cursor:pointer!important;
    overflow:hidden!important;
}
.hm-v293-gallery-thumb.is-window{display:block!important;}
.hm-v293-gallery-thumb.is-active{border-color:#f2c51e!important;background:#fff8d8!important;}
.hm-v293-gallery-thumb img{
    display:block!important;
    width:100%!important;
    height:100%!important;
    object-fit:contain!important;
    object-position:center!important;
    border-radius:7px!important;
    background:#fff!important;
}

@media(max-width:980px){
    .hm-v249-team .hm-candidate-grid{gap:22px 28px!important;}
    .hm-v249-team .hm-candidate-card .hm-candidate-copy strong{font-size:22px!important;}
}
@media(max-width:760px){
    .hm-v293-five-p{gap:5px 7px!important;font-size:17px!important;}
    .hm-v249-team .hm-candidate-grid{gap:18px!important;}
    .hm-v293-gallery-stage, .hm-v293-gallery-slide{min-height:280px!important;}
    .hm-v293-gallery-slide.is-active{grid-template-rows:minmax(250px,auto) auto!important;}
    .hm-v293-gallery-slide>a{min-height:250px!important;max-height:480px!important;padding:8px!important;}
    .hm-v293-gallery-slide>a img{max-height:450px!important;}
    .hm-v293-gallery-arrow{width:40px!important;height:40px!important;font-size:28px!important;}
    .hm-v293-gallery-arrow.is-prev{left:8px!important;}
    .hm-v293-gallery-arrow.is-next{right:8px!important;}
    .hm-v293-gallery-thumb{height:72px!important;padding:3px!important;}
    .hm-v293-gallery-bottom{grid-template-columns:1fr!important;gap:7px!important;}
    .hm-v293-gallery-counter{justify-self:center!important;}
}


/* ==========================================================================
   v294 – kompaktnejšie 5P, väčšie mená a o 2 % širší web
   ========================================================================== */
:root{
    --hm-wrap:1244px!important;
}
.hm-v293-five-p{
    width:100%!important;
    flex-wrap:nowrap!important;
    justify-content:center!important;
    gap:4px 7px!important;
    font-size:clamp(12px,1.25vw,17px)!important;
    line-height:1.1!important;
    letter-spacing:-.035em!important;
    white-space:nowrap!important;
}
.hm-v293-five-p span{
    white-space:nowrap!important;
}
.hm-v293-five-p i{
    flex:0 0 auto!important;
    font-size:.72em!important;
    opacity:.72!important;
}
.hm-v249-team .hm-candidate-card .hm-candidate-copy strong{
    font-size:25px!important;
}
#hmPledgeGrid .hm-pledge-summary h3, #hmPledgeGrid .hm-pledge-summary-copy h3{
    font-size:calc(1em + 1px)!important;
}
@media(max-width:1120px){
    :root{--hm-wrap:1061px!important;}
}
@media(max-width:760px){
    .hm-v293-five-p{
        gap:2px 4px!important;
        font-size:clamp(8.5px,2.55vw,12px)!important;
        letter-spacing:-.05em!important;
    }
}
@media(max-width:420px){
    .hm-v293-five-p{
        gap:1px 3px!important;
        font-size:clamp(7.7px,2.35vw,10px)!important;
    }
}


/* ==========================================================================
   v295 – 5P menšie a čistejšie v jednom riadku
   ========================================================================== */
.hm-pledge-head-above h2.hm-v293-five-p{
    width:100%!important;
    max-width:100%!important;
    margin:0 auto 2px!important;
    padding:0 4px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    flex-wrap:nowrap!important;
    gap:2px 5px!important;
    font-size:clamp(9px,0.92vw,13px)!important;
    line-height:1.05!important;
    letter-spacing:-.028em!important;
    white-space:nowrap!important;
    text-align:center!important;
}
.hm-pledge-head-above h2.hm-v293-five-p span{
    display:inline-flex!important;
    align-items:center!important;
    white-space:nowrap!important;
}
.hm-pledge-head-above h2.hm-v293-five-p i{
    flex:0 0 auto!important;
    font-size:.68em!important;
    opacity:.62!important;
    margin:0 1px!important;
}
@media (max-width: 980px){
    .hm-pledge-head-above h2.hm-v293-five-p{
        font-size:clamp(8px,1.5vw,11px)!important;
        gap:1px 4px!important;
    }
}
@media (max-width: 760px){
    .hm-pledge-head-above h2.hm-v293-five-p{
        font-size:clamp(7px,2.15vw,9px)!important;
        gap:1px 3px!important;
        letter-spacing:-.04em!important;
        padding:0 2px!important;
    }
}


/* ==========================================================================
   v296 – 5P +2 px, hlavný slogan +2 px
   ========================================================================== */
.hm-pledge-head-above h2.hm-v293-five-p{
    font-size:clamp(11px,1.05vw,15px)!important;
}
.hm-civic-intro-copy h1{
    font-size:clamp(36px,4.7vw,calc(var(--hm-hero-font-size) + 2px))!important;
}
@media(max-width:980px){
    .hm-pledge-head-above h2.hm-v293-five-p{
        font-size:clamp(10px,1.65vw,13px)!important;
    }
    .hm-civic-intro-copy h1{
        font-size:clamp(34px,9vw,calc(var(--hm-hero-font-size) + 2px))!important;
    }
}
@media(max-width:760px){
    .hm-pledge-head-above h2.hm-v293-five-p{
        font-size:clamp(9px,2.35vw,11px)!important;
    }
}


/* ==========================================================================
   v297 – volebné obvody na profiloch: jemné orámovanie + štítok
   ========================================================================== */
/* Horné profilové fotografie. */
#hmPledgeGrid .hm-pledge-person.is-district-one .hm-pledge-photo, #hmPledgeGrid .hm-pledge-person.is-district-one .hm-pledge-photo-button{
    border:2px solid rgba(238,190,0,.72)!important;
    box-shadow:0 12px 28px rgba(180,137,0,.10)!important;
}
#hmPledgeGrid .hm-pledge-person.is-district-two .hm-pledge-photo, #hmPledgeGrid .hm-pledge-person.is-district-two .hm-pledge-photo-button{
    border:2px solid rgba(22,104,199,.54)!important;
    box-shadow:0 12px 28px rgba(15,83,160,.08)!important;
}
/* Dolná sekcia Náš tím – rovnaká farebná logika na fotografii. */
.hm-v249-team .hm-candidate-card.is-district-one .hm-candidate-photo{
    border:2px solid rgba(238,190,0,.72)!important;
}
.hm-v249-team .hm-candidate-card.is-district-two .hm-candidate-photo{
    border:2px solid rgba(22,104,199,.54)!important;
}



#hmPledgeGrid .hm-pledge-summary-copy{
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
}





/* ==========================================================================
   v298 – volebný obvod iba ako jedna spoločná vysvetlivka
   ========================================================================== */

.hm-v298-district-legend{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:9px 18px!important;
    margin:10px auto 0!important;
    padding:6px 11px!important;
    width:max-content!important;
    max-width:100%!important;
    border:1px solid rgba(20,65,110,.09)!important;
    border-radius:999px!important;
    background:rgba(255,255,255,.72)!important;
    box-shadow:0 5px 16px rgba(15,50,90,.05)!important;
    backdrop-filter:blur(6px)!important;
}
.hm-v298-district-legend>span{
    display:inline-flex!important;
    align-items:center!important;
    gap:6px!important;
    color:#244c77!important;
    font-size:9px!important;
    line-height:1!important;
    font-weight:900!important;
    white-space:nowrap!important;
}
.hm-v298-district-legend i{
    display:block!important;
    width:10px!important;
    height:10px!important;
    border-radius:3px!important;
    box-shadow:inset 0 0 0 1px rgba(0,0,0,.08)!important;
}
.hm-v298-district-legend .is-one i{background:#ffd633!important;}
.hm-v298-district-legend .is-two i{background:#2f83db!important;}
@media(max-width:560px){
    .hm-v298-district-legend{gap:6px 10px!important;padding:5px 8px!important;}
    .hm-v298-district-legend>span{font-size:8px!important;gap:4px!important;}
    .hm-v298-district-legend i{width:8px!important;height:8px!important;}
}


/* ==========================================================================
   v299 – väčšie horné profily, bližšie čísla, bez šípky
   ========================================================================== */
/* odstrániť ikonku šípky úplne */
.hm-pledge-photo-open{display:none!important;}

/* hlavný slogan ešte o trochu väčší */
.hm-civic-intro-copy h1{
    font-size:clamp(38px,4.95vw,calc(var(--hm-hero-font-size) + 4px))!important;
}

/* horné profily – trochu väčšie fotky a rozmer karty */
@media (min-width: 981px){
    .hm-pledge-person, .hm-pledge-person:not(.is-expanded), .hm-pledge-person.is-expanded{
        width:min(100%, 166px)!important;
    }
}
@media (max-width: 1180px) and (min-width: 981px){
    .hm-pledge-person, .hm-pledge-person:not(.is-expanded), .hm-pledge-person.is-expanded{
        width:min(100%, 150px)!important;
    }
}
@media (max-width: 980px){
    .hm-pledge-person, .hm-pledge-person:not(.is-expanded), .hm-pledge-person.is-expanded{
        flex:0 0 clamp(148px, 42vw, 188px)!important;
    }
}

/* meno a drobný text pod menom o trochu väčšie */
#hmPledgeGrid .hm-pledge-summary, #hmPledgeGrid .hm-pledge-summary-below{
    gap:5px!important;
    margin-top:6px!important;
}
#hmPledgeGrid .hm-pledge-summary h3, #hmPledgeGrid .hm-pledge-summary-copy h3{
    font-size:clamp(12.5px, .98vw, 16px)!important;
    line-height:1.02!important;
}
#hmPledgeGrid .hm-pledge-summary-copy small{
    font-size:10px!important;
    line-height:1.08!important;
}

/* žlté čísla – väčšie a bližšie k menu */
#hmPledgeGrid .hm-pledge-circle{
    flex:0 0 36px!important;
    width:36px!important;
    height:36px!important;
    min-width:36px!important;
    font-size:14px!important;
    margin-right:-1px!important;
    box-shadow:0 6px 16px rgba(0,55,125,.12)!important;
}

/* fotografia jemne väčšia aj vizuálne */
#hmPledgeGrid .hm-pledge-photo, #hmPledgeGrid .hm-pledge-photo-button{
    border-radius:19px!important;
}

@media(max-width:980px){
    .hm-civic-intro-copy h1{
        font-size:clamp(36px,9.4vw,calc(var(--hm-hero-font-size) + 4px))!important;
    }
    #hmPledgeGrid .hm-pledge-summary h3, #hmPledgeGrid .hm-pledge-summary-copy h3{
        font-size:15px!important;
    }
}


/* ==========================================================================
   v300 – horné profily ďalej od seba a bližšie k hlavnému nadpisu
   ========================================================================== */
@media (min-width: 981px){
    .hm-civic-intro-layout{
        grid-template-columns:minmax(0,1fr) minmax(860px,1.08fr)!important;
        gap:6px!important;
        align-items:start!important;
    }
    .hm-pledge-panel{
        margin-left:-16px!important;
        width:100%!important;
    }
    #hmPledgeGrid.hm-pledge-grid, .hm-pledge-grid{
        display:grid!important;
        grid-template-columns:repeat(5,minmax(150px,1fr))!important;
        column-gap:34px!important;
        row-gap:18px!important;
        align-items:start!important;
        justify-items:center!important;
        overflow:visible!important;
        width:100%!important;
    }
    #hmPledgeGrid > .hm-pledge-person, #hmPledgeGrid > .hm-pledge-person:not(.is-expanded), #hmPledgeGrid > .hm-pledge-person.is-expanded{
        grid-column:auto!important;
        width:min(100%,172px)!important;
        margin:0!important;
    }
}
@media (max-width: 1280px) and (min-width: 981px){
    .hm-civic-intro-layout{
        grid-template-columns:minmax(0,1fr) minmax(780px,1fr)!important;
    }
    #hmPledgeGrid.hm-pledge-grid, .hm-pledge-grid{
        grid-template-columns:repeat(5,minmax(138px,1fr))!important;
        column-gap:26px!important;
    }
    #hmPledgeGrid > .hm-pledge-person, #hmPledgeGrid > .hm-pledge-person:not(.is-expanded), #hmPledgeGrid > .hm-pledge-person.is-expanded{
        width:min(100%,164px)!important;
    }
}


/* ==========================================================================
   v301 – ponechať 3 hore / 2 dole, ale väčšie rozostupy bez prekrývania
   ========================================================================== */
@media (min-width: 981px){
    .hm-civic-intro-layout{
        grid-template-columns:minmax(0,1fr) minmax(840px,1.02fr)!important;
        gap:8px!important;
        align-items:start!important;
    }
    .hm-pledge-panel{
        margin-left:-10px!important;
        width:100%!important;
    }
    #hmPledgeGrid.hm-pledge-grid, .hm-pledge-grid{
        display:grid!important;
        grid-template-columns:repeat(6,minmax(0,1fr))!important;
        column-gap:22px!important;
        row-gap:22px!important;
        align-items:start!important;
        justify-items:center!important;
        max-width:860px!important;
        width:100%!important;
        margin:0!important;
        overflow:visible!important;
    }
    #hmPledgeGrid > .hm-pledge-person:nth-child(1){grid-column:1 / span 2 !important;}
    #hmPledgeGrid > .hm-pledge-person:nth-child(2){grid-column:3 / span 2 !important;}
    #hmPledgeGrid > .hm-pledge-person:nth-child(3){grid-column:5 / span 2 !important;}
    #hmPledgeGrid > .hm-pledge-person:nth-child(4){grid-column:2 / span 2 !important;}
    #hmPledgeGrid > .hm-pledge-person:nth-child(5){grid-column:4 / span 2 !important;}
    #hmPledgeGrid > .hm-pledge-person, #hmPledgeGrid > .hm-pledge-person:not(.is-expanded), #hmPledgeGrid > .hm-pledge-person.is-expanded{
        width:min(100%,162px)!important;
        margin:0!important;
        justify-self:center!important;
    }
}
@media (max-width: 1280px) and (min-width: 981px){
    .hm-civic-intro-layout{
        grid-template-columns:minmax(0,1fr) minmax(790px,1fr)!important;
    }
    #hmPledgeGrid.hm-pledge-grid, .hm-pledge-grid{
        max-width:804px!important;
        column-gap:18px!important;
        row-gap:20px!important;
    }
    #hmPledgeGrid > .hm-pledge-person, #hmPledgeGrid > .hm-pledge-person:not(.is-expanded), #hmPledgeGrid > .hm-pledge-person.is-expanded{
        width:min(100%,154px)!important;
    }
}


/* ==========================================================================
   v302 – horné profily ešte o trochu ďalej od seba
   ========================================================================== */
@media (min-width: 981px){
    #hmPledgeGrid.hm-pledge-grid, .hm-pledge-grid{
        column-gap:28px!important;
        row-gap:24px!important;
        max-width:890px!important;
    }
    #hmPledgeGrid > .hm-pledge-person, #hmPledgeGrid > .hm-pledge-person:not(.is-expanded), #hmPledgeGrid > .hm-pledge-person.is-expanded{
        width:min(100%,158px)!important;
    }
}
@media (max-width: 1280px) and (min-width: 981px){
    #hmPledgeGrid.hm-pledge-grid, .hm-pledge-grid{
        column-gap:22px!important;
        row-gap:22px!important;
        max-width:826px!important;
    }
    #hmPledgeGrid > .hm-pledge-person, #hmPledgeGrid > .hm-pledge-person:not(.is-expanded), #hmPledgeGrid > .hm-pledge-person.is-expanded{
        width:min(100%,150px)!important;
    }
}

/* ==========================================================================
   v303 – Diskusie: priority + jednoduché témy + vláknové poznámky
   ========================================================================== */
.hm-v303-discussions{display:grid!important;gap:16px!important}


/* ==========================================================================
   v304 – administrátorská správa kandidátov v backoffice
   ========================================================================== */
.hm-v304-admin-candidate-switch{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:16px!important;
    margin:0 0 16px!important;
    padding:14px 16px!important;
    border:1px solid #cbdceb!important;
    border-left:4px solid #1768c7!important;
    border-radius:14px!important;
    background:linear-gradient(135deg,#f5f9ff,#fff)!important;
    box-shadow:0 7px 22px rgba(20,60,105,.06)!important;
}
.hm-v304-admin-candidate-switch label{
    display:flex!important;
    align-items:center!important;
    gap:10px!important;
    min-width:0!important;
    flex:1 1 auto!important;
}
.hm-v304-admin-candidate-switch label>span{
    flex:0 0 auto!important;
    font-size:11px!important;
    font-weight:950!important;
    color:#174f82!important;
}
.hm-v304-admin-candidate-switch select{
    width:min(360px,100%)!important;
    min-height:40px!important;
    padding:7px 34px 7px 10px!important;
    border:1px solid #bfcfdf!important;
    border-radius:9px!important;
    background:#fff!important;
    color:#163e69!important;
    font-size:13px!important;
    font-weight:850!important;
}
.hm-v304-admin-candidate-switch small{
    color:#73879b!important;
    font-size:9.5px!important;
    line-height:1.35!important;
}
.hm-v304-profile-photo-tools{
    display:grid!important;
    gap:8px!important;
    align-content:start!important;
}
.hm-v304-remove-main-photo{
    display:flex!important;
    align-items:center!important;
    gap:7px!important;
    padding:8px 10px!important;
    border:1px solid #eed1d1!important;
    border-radius:9px!important;
    background:#fff7f7!important;
    color:#9d3838!important;
    font-size:10px!important;
    font-weight:800!important;
    cursor:pointer!important;
}



@media(max-width:760px){
    .hm-v304-admin-candidate-switch{
        display:grid!important;
        gap:9px!important;
    }
    .hm-v304-admin-candidate-switch label{
        display:grid!important;
        gap:6px!important;
    }
    .hm-v304-admin-candidate-switch select{width:100%!important;}
}


/* ==========================================================================
   v305 – administrátorský komentár k téme v Diskusiách
   ========================================================================== */


/* ==========================================================================
   v306 – spoľahlivé ukladanie Diskusií, koncepty a úprava vlastných poznámok
   ========================================================================== */





.hm-v303-discussions .hm-v306-draft-state{
    display:block!important;
    grid-column:1/-1!important;
    margin-top:4px!important;
    color:#5b7088!important;
    font-size:10px!important;
    line-height:1.25!important;
    font-weight:750!important;
}
.hm-v303-discussions .hm-v306-draft-state[data-state="restored"]{
    color:#875f00!important;
}
.hm-v303-discussions input[type="file"]{
    max-width:100%!important;
}


/* ========================================================================== 
   v307 – formátovanie poznámok + výraznejší názov dokumentu
   ========================================================================== */


.hm-v307-rich-editor{display:grid;gap:0;width:100%}
.hm-v307-rich-toolbar{display:flex;align-items:center;gap:5px;padding:5px 6px;border:1px solid #cedbe6;border-bottom:0;border-radius:8px 8px 0 0;background:#f4f8fc}
.hm-v307-rich-toolbar button{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:30px!important;height:26px!important;padding:0 8px!important;border:1px solid #c9d8e7!important;border-radius:6px!important;background:#fff!important;color:#174f82!important;font-size:10px!important;font-weight:900!important;line-height:1!important;cursor:pointer!important}
.hm-v307-rich-toolbar button[data-command="italic"]{font-style:italic!important}
.hm-v307-rich-toolbar button.is-active, .hm-v307-rich-toolbar button:hover{background:#e4f0fb!important;border-color:#95b9db!important;color:#0b5da7!important}
.hm-v307-rich-toolbar .hm-v307-html-toggle{margin-left:auto!important;min-width:50px!important;font-size:8px!important;letter-spacing:.04em!important}
.hm-v307-rich-visual{min-height:74px;width:100%;padding:7px;border:1px solid #cedbe6;border-radius:0 0 8px 8px;background:#fff;color:#405871;font-size:10px;line-height:1.45;outline:none;overflow:auto;white-space:normal}
.hm-v307-rich-visual:focus{border-color:#66a0d2;box-shadow:0 0 0 2px rgba(17,104,183,.08)}
.hm-v307-rich-editor.is-html .hm-v307-rich-visual{display:none}
.hm-v307-rich-editor textarea.hm-v307-rich-note{border-radius:0 0 8px 8px!important;margin:0!important;min-height:74px!important;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace!important;font-size:9px!important;line-height:1.45!important}
.hm-v307-rich-editor:not(.is-html) textarea.hm-v307-rich-note{display:none!important}


.hm-v307-required-msg{display:block;margin-top:4px;color:#b33d3d;font-size:8px;font-weight:850}


/* ==========================================================================
   v308 – Diskusie: návrh na doplnenie cez + a jasné označenie
   ========================================================================== */


/* ==========================================================================
   v310 – kandidátske poznámky pod sebou + rovnaké tlačidlá Upraviť/Vymazať
   ========================================================================== */
/* Každý kandidát / jeho blok poznámok je v samostatnom riadku. */



/* Ak má kandidát viac hlavných poznámok, aj tie ostávajú pekne pod sebou. */


/* Upraviť a Vymazať majú rovnakú výšku, padding a veľkosť písma. */





/* To isté pri spoločných poznámkach. */





/* ==========================================================================
   v311 – skrátený komentár k téme + 200-znakové upozornenia
   ========================================================================== */




.hm-v205-activity-detail{
    max-width:100%!important;
    overflow-wrap:anywhere!important;
}


/* ==========================================================================
   v312 – spoľahlivé Viac/Menej + väčšie zverejnené poznámky
   ========================================================================== */
/* Komentár k téme používa natívne <details>, takže funguje aj bez JavaScriptu. */




.hm-v312-activity-more .is-less{display:none!important;}
.hm-v312-activity-more[open] .is-more{display:none!important;}
.hm-v312-activity-more[open] .is-less{display:inline!important;}



/* Upozornenia: 200 znakov + natívne tlačidlo Viac/Menej. */
.hm-v312-activity-more{
    grid-column:2!important;
    min-width:0!important;
    margin-top:-2px!important;
}
.hm-v312-activity-more>summary{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-height:26px!important;
    padding:4px 9px!important;
    border:1px solid rgba(24,94,160,.18)!important;
    border-radius:8px!important;
    background:#eef6ff!important;
    color:#125d9f!important;
    font-size:9px!important;
    line-height:1!important;
    font-weight:900!important;
    cursor:pointer!important;
    list-style:none!important;
}
.hm-v312-activity-more>summary::-webkit-details-marker{display:none!important;}
.hm-v312-activity-more>summary:hover{background:#e2f0ff!important;}
.hm-v312-activity-more>div{
    margin-top:6px!important;
    padding:7px 9px!important;
    border-radius:8px!important;
    background:rgba(255,255,255,.82)!important;
    color:#526a84!important;
    font-size:10px!important;
    line-height:1.45!important;
    overflow-wrap:anywhere!important;
}

/* Už uložené/zverejnené poznámky sú o 2 body väčšie. */



/* ==========================================================================
   v313 – väčšie kandidátske poznámky, výraznejšie dokumenty, menší opis témy
   ========================================================================== */
/* Kandidátske poznámky: ďalšie +2 px oproti v312. */


/* Dokumenty k téme – výraznejší zverejnený zoznam. */


/* Opis témy o 2 px menší. */


/* ==========================================================================
   v314 – MAKÁME / Statusy: výber fotografií z WordPressu, profilov a FOTO
   ========================================================================== */
.hm-v314-media-source-box{
    display:flex!important;
    align-items:center!important;
    flex-wrap:wrap!important;
    gap:8px 12px!important;
    margin:-2px 0 14px!important;
    padding:10px 12px!important;
    border:1px solid rgba(0,91,187,.12)!important;
    border-radius:14px!important;
    background:#f7fbff!important;
}
.hm-v314-media-source-box>span{font-size:11px!important;color:#5a7189!important;font-weight:750!important;}
.hm-v314-media-library-open{
    appearance:none!important;border:1px solid #0d65bd!important;background:#fff!important;color:#0d579f!important;
    border-radius:10px!important;padding:9px 13px!important;font-size:12px!important;font-weight:900!important;cursor:pointer!important;
    box-shadow:0 4px 12px rgba(0,69,139,.06)!important;
}
.hm-v314-media-library-open:hover{background:#eef7ff!important;}
.hm-v314-selected-media{display:none!important;width:100%!important;gap:7px!important;flex-wrap:wrap!important;margin-top:3px!important;}
.hm-v314-selected-media.has-items{display:flex!important;}
.hm-v314-selected-chip{display:flex!important;align-items:center!important;gap:6px!important;max-width:220px!important;padding:4px 5px!important;border:1px solid rgba(0,91,187,.12)!important;border-radius:9px!important;background:#fff!important;}
.hm-v314-selected-chip img{width:34px!important;height:34px!important;object-fit:cover!important;border-radius:6px!important;flex:0 0 34px!important;}
.hm-v314-selected-chip b{font-size:9px!important;line-height:1.15!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;min-width:0!important;}
.hm-v314-selected-chip button{width:22px!important;height:22px!important;min-width:22px!important;padding:0!important;border:0!important;border-radius:50%!important;background:#eef3f8!important;color:#36526e!important;font-size:15px!important;font-weight:900!important;cursor:pointer!important;}
html.hm-v314-media-open, html.hm-v314-media-open body{overflow:hidden!important;}
.hm-v314-media-library[hidden]{display:none!important;}
.hm-v314-media-library{
    position:fixed!important;inset:0!important;z-index:999999!important;display:grid!important;place-items:center!important;
    padding:18px!important;background:rgba(5,23,46,.62)!important;backdrop-filter:blur(5px)!important;
}
.hm-v314-media-library-dialog{
    display:flex!important;flex-direction:column!important;width:min(1120px,96vw)!important;height:min(800px,91vh)!important;overflow:hidden!important;
    border-radius:22px!important;background:#fff!important;box-shadow:0 30px 90px rgba(0,0,0,.28)!important;
}
.hm-v314-media-library-dialog>header{display:flex!important;justify-content:space-between!important;align-items:flex-start!important;gap:18px!important;padding:18px 20px 14px!important;border-bottom:1px solid #e8eef4!important;}
.hm-v314-media-library-dialog>header span{display:block!important;margin-bottom:3px!important;color:#1470c8!important;font-size:9px!important;font-weight:950!important;letter-spacing:.12em!important;}
.hm-v314-media-library-dialog>header h3{margin:0!important;color:#133758!important;font-size:21px!important;line-height:1.1!important;}
.hm-v314-media-library-dialog>header p{margin:5px 0 0!important;color:#6a7e91!important;font-size:11px!important;}
.hm-v314-media-library-close{appearance:none!important;border:0!important;background:#eef3f7!important;color:#34516d!important;width:35px!important;height:35px!important;border-radius:50%!important;font-size:23px!important;line-height:1!important;font-weight:500!important;cursor:pointer!important;}
.hm-v314-media-toolbar{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px!important;padding:12px 20px!important;border-bottom:1px solid #edf1f5!important;background:#fbfdff!important;}
.hm-v314-media-tabs{display:flex!important;gap:6px!important;flex-wrap:wrap!important;}
.hm-v314-media-tabs button{appearance:none!important;border:1px solid #dbe6f0!important;background:#fff!important;color:#49647d!important;border-radius:999px!important;padding:8px 11px!important;font-size:10px!important;font-weight:900!important;cursor:pointer!important;}
.hm-v314-media-tabs button b{display:inline-grid!important;place-items:center!important;min-width:18px!important;height:18px!important;margin-left:4px!important;border-radius:999px!important;background:#edf3f8!important;font-size:8px!important;}
.hm-v314-media-tabs button.is-active{border-color:#1872c9!important;background:#eaf5ff!important;color:#0b589f!important;}
#hmStatusMediaSearch{width:min(320px,35vw)!important;height:38px!important;border:1px solid #d5e1ec!important;border-radius:10px!important;padding:0 11px!important;background:#fff!important;font-size:11px!important;}
.hm-v314-media-library-body{flex:1 1 auto!important;min-height:0!important;overflow:auto!important;padding:16px 20px 22px!important;background:#f7f9fb!important;}
.hm-v314-media-source{display:none!important;}
.hm-v314-media-source.is-active{display:block!important;}
.hm-v314-media-grid{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:12px!important;}
.hm-v314-media-item{position:relative!important;display:block!important;overflow:hidden!important;padding:0!important;border:2px solid transparent!important;border-radius:13px!important;background:#fff!important;text-align:left!important;box-shadow:0 4px 14px rgba(13,47,80,.07)!important;cursor:pointer!important;}
.hm-v314-media-item[hidden]{display:none!important;}
.hm-v314-media-item img{display:block!important;width:100%!important;aspect-ratio:1 / 1!important;object-fit:cover!important;background:#e9eef3!important;}
.hm-v314-media-item>span{display:block!important;padding:7px 8px 8px!important;}
.hm-v314-media-item strong{display:block!important;overflow:hidden!important;color:#1e405f!important;font-size:9px!important;line-height:1.15!important;white-space:nowrap!important;text-overflow:ellipsis!important;}
.hm-v314-media-item small{display:block!important;overflow:hidden!important;margin-top:3px!important;color:#7790a7!important;font-size:8px!important;white-space:nowrap!important;text-overflow:ellipsis!important;}
.hm-v314-media-item i{position:absolute!important;right:7px!important;top:7px!important;display:none!important;place-items:center!important;width:25px!important;height:25px!important;border-radius:50%!important;background:#0875d1!important;color:#fff!important;font-size:13px!important;font-style:normal!important;font-weight:950!important;box-shadow:0 3px 10px rgba(0,0,0,.22)!important;}
.hm-v314-media-item.is-selected{border-color:#0a75d1!important;box-shadow:0 0 0 3px rgba(10,117,209,.12),0 7px 18px rgba(13,47,80,.10)!important;}
.hm-v314-media-item.is-selected i{display:grid!important;}
.hm-v314-media-empty{padding:30px!important;text-align:center!important;color:#7890a5!important;font-size:12px!important;}
.hm-v314-media-library-dialog>footer{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;padding:12px 20px!important;border-top:1px solid #e7edf3!important;background:#fff!important;}
.hm-v314-media-library-dialog>footer>strong{color:#385773!important;font-size:11px!important;}
.hm-v314-media-library-dialog>footer>div{display:flex!important;gap:8px!important;}
.hm-v314-media-library-dialog>footer button{appearance:none!important;border:0!important;border-radius:10px!important;padding:10px 14px!important;background:#0874cf!important;color:#fff!important;font-size:11px!important;font-weight:900!important;cursor:pointer!important;}
.hm-v314-media-library-dialog>footer button.is-muted{background:#edf2f6!important;color:#4b6176!important;}
@media(max-width:900px){
    .hm-v314-media-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;}
    .hm-v314-media-toolbar{align-items:stretch!important;flex-direction:column!important;}
    #hmStatusMediaSearch{width:100%!important;}
}
@media(max-width:600px){
    .hm-v314-media-library{padding:0!important;place-items:stretch!important;}
    .hm-v314-media-library-dialog{width:100%!important;height:100%!important;max-height:none!important;border-radius:0!important;}
    .hm-v314-media-library-dialog>header{padding:14px!important;}
    .hm-v314-media-toolbar{padding:10px 12px!important;}
    .hm-v314-media-library-body{padding:12px!important;}
    .hm-v314-media-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;}
    .hm-v314-media-library-dialog>footer{padding:10px 12px!important;}
}


/* ==========================================================================
   v315 – moderné CTA ankety podľa referencie používateľa
   ========================================================================== */
#hmVoteIntro.hm-v315-poll-cta{
    position:relative!important;
    isolation:isolate!important;
    overflow:hidden!important;
    width:100%!important;
    max-width:1180px!important;
    margin:0 auto!important;
    padding:0!important;
    border:1px solid rgba(255,255,255,.22)!important;
    border-radius:28px!important;
    background:
        radial-gradient(circle at 9% 0%,rgba(21,113,228,.72),transparent 40%),
        linear-gradient(120deg,#0756ad 0%,#063e8d 49%,#062f6f 100%)!important;
    box-shadow:0 22px 54px rgba(4,42,94,.20),inset 0 1px 0 rgba(255,255,255,.16)!important;
}
#hmVoteIntro.hm-v315-poll-cta::before{
    content:""!important;
    position:absolute!important;
    inset:0!important;
    z-index:-2!important;
    pointer-events:none!important;
    background:
        linear-gradient(90deg,rgba(3,55,126,.99) 0%,rgba(3,58,130,.96) 41%,rgba(3,55,125,.72) 60%,rgba(3,49,111,.40) 100%)!important;
}
#hmVoteIntro.hm-v315-poll-cta.has-city-photo::after{
    content:""!important;
    position:absolute!important;
    z-index:-3!important;
    top:0!important;
    right:0!important;
    width:48%!important;
    height:100%!important;
    background-image:var(--hm-v315-city-photo)!important;
    background-size:cover!important;
    background-position:center!important;
    filter:saturate(.72) contrast(.96)!important;
    opacity:.78!important;
    pointer-events:none!important;
}
#hmVoteIntro.hm-v315-poll-cta .hm-v111-main{
    
    z-index:1!important;
    
    
    
    
    
    
}
#hmVoteIntro.hm-v315-poll-cta .hm-v173-copy{
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    align-items:flex-start!important;
    min-width:0!important;
}
#hmVoteIntro.hm-v315-poll-cta .hm-v125-kicker{
    margin:0 0 7px!important;
    color:rgba(218,235,255,.78)!important;
    font-size:10px!important;
    line-height:1!important;
    font-weight:800!important;
    letter-spacing:.30em!important;
    text-transform:uppercase!important;
}
#hmVoteIntro.hm-v315-poll-cta .hm-v125-kicker::before{display:none!important;}
#hmVoteIntro.hm-v315-poll-cta .hm-v111-copy h2{
    margin:0 0 8px!important;
    color:#fff!important;
    font-size:clamp(34px,3.6vw,55px)!important;
    line-height:.94!important;
    letter-spacing:-.045em!important;
    font-weight:950!important;
    text-shadow:0 3px 14px rgba(0,25,75,.18)!important;
}
#hmVoteIntro.hm-v315-poll-cta .hm-v111-copy h2 span{color:#fff!important;}
#hmVoteIntro.hm-v315-poll-cta .hm-v111-copy h2 strong{color:#ffd400!important;font-weight:950!important;}
#hmVoteIntro.hm-v315-poll-cta .hm-v111-lead{
    max-width:560px!important;
    margin:0!important;
    color:rgba(255,255,255,.94)!important;
    font-size:14px!important;
    line-height:1.5!important;
    font-weight:650!important;
}
#hmVoteIntro.hm-v315-poll-cta .hm-v173-info-panel{
    width:auto!important;
    max-width:none!important;
    margin:22px 0 0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
}
#hmVoteIntro.hm-v315-poll-cta .hm-v173-info-panel .hm-v103-vote-stats.hm-v122-plain-stats{
    display:flex!important;
    align-items:center!important;
    gap:0!important;
    margin:0!important;
}
#hmVoteIntro.hm-v315-poll-cta .hm-v173-info-panel .hm-v122-plain-stat{
    position:relative!important;
    display:grid!important;
    grid-template-columns:42px auto!important;
    grid-template-rows:auto auto!important;
    column-gap:10px!important;
    align-items:center!important;
    min-width:158px!important;
    padding:0 24px 0 0!important;
    margin:0 24px 0 0!important;
    border:0!important;
    border-right:1px solid rgba(255,255,255,.16)!important;
    background:transparent!important;
    box-shadow:none!important;
}
#hmVoteIntro.hm-v315-poll-cta .hm-v173-info-panel .hm-v122-plain-stat:last-child{
    margin-right:0!important;
    padding-right:0!important;
    border-right:0!important;
}
#hmVoteIntro.hm-v315-poll-cta .hm-v173-info-panel .hm-v122-plain-stat::before{
    content:"●"!important;
    grid-column:1!important;
    grid-row:1 / span 2!important;
    display:grid!important;
    place-items:center!important;
    width:38px!important;
    height:38px!important;
    border-radius:50%!important;
    background:rgba(255,255,255,.10)!important;
    color:#fff!important;
    font-size:14px!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.12)!important;
}
#hmVoteIntro.hm-v315-poll-cta .hm-v173-info-panel .hm-v122-plain-stat:first-child::before{content:"💬"!important;}
#hmVoteIntro.hm-v315-poll-cta .hm-v173-info-panel .hm-v122-plain-stat:nth-child(2)::before{content:"👥"!important;}
#hmVoteIntro.hm-v315-poll-cta .hm-v173-info-panel .hm-v122-plain-stat strong{
    grid-column:2!important;
    grid-row:1!important;
    margin:0!important;
    color:#ffd400!important;
    font-size:22px!important;
    line-height:1!important;
    font-weight:950!important;
}
#hmVoteIntro.hm-v315-poll-cta .hm-v173-info-panel .hm-v122-plain-stat b{
    grid-column:2!important;
    grid-row:2!important;
    margin:2px 0 0!important;
    color:rgba(255,255,255,.86)!important;
    font-size:9px!important;
    line-height:1.15!important;
    font-weight:700!important;
    white-space:nowrap!important;
}
#hmVoteIntro.hm-v315-poll-cta .hm-v87-vote-flow, #hmVoteIntro.hm-v315-poll-cta .hm-unified-quiz-rules, #hmVoteIntro.hm-v315-poll-cta .hm-v174-info-chips{display:none!important;}
#hmVoteIntro.hm-v315-poll-cta .hm-v173-launch-side{
    
    
    
    
    
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
    
}
#hmVoteIntro.hm-v315-poll-cta .hm-v173-launch-cta{
    
    
    
    
    
    
    
    
    
    
    
    
    border:0!important;
    border-radius:24px!important;
    background:linear-gradient(135deg,#ffe01b 0%,#ffd400 58%,#ffc900 100%)!important;
    color:#07366f!important;
    box-shadow:0 14px 30px rgba(255,205,0,.32),inset 0 1px 0 rgba(255,255,255,.72)!important;
    
    animation:none!important;
    
    text-align:center!important;
}
#hmVoteIntro.hm-v315-poll-cta .hm-v173-launch-cta::before{
    content:""!important;
    position:absolute!important;
    width:120px!important;
    height:120px!important;
    right:-48px!important;
    top:-60px!important;
    border-radius:50%!important;
    background:rgba(255,255,255,.25)!important;
    box-shadow:none!important;
}
#hmVoteIntro.hm-v315-poll-cta .hm-v173-launch-cta > span{
    
    z-index:2!important;
    
    font-size:17px!important;
    line-height:1!important;
    letter-spacing:-.02em!important;
    font-weight:950!important;
    text-transform:uppercase!important;
    white-space:nowrap!important;
}
#hmVoteIntro.hm-v315-poll-cta .hm-v173-launch-cta > b{
    
    z-index:2!important;
    inset:auto!important;
    
    
    
    border-radius:0!important;
    background:transparent!important;
    color:#07366f!important;
    font-size:28px!important;
    line-height:1!important;
    box-shadow:none!important;
    
}
#hmVoteIntro.hm-v315-poll-cta .hm-v173-launch-cta:hover{
    
    box-shadow:0 18px 38px rgba(255,205,0,.40),inset 0 1px 0 rgba(255,255,255,.78)!important;
}
@media(max-width:980px){
    #hmVoteIntro.hm-v315-poll-cta{border-radius:23px!important;}
    #hmVoteIntro.hm-v315-poll-cta.has-city-photo::after{
        width:100%!important;
        opacity:.30!important;
    }
    #hmVoteIntro.hm-v315-poll-cta::before{
        background:linear-gradient(180deg,rgba(3,57,128,.96),rgba(3,48,109,.92))!important;
    }
    
    #hmVoteIntro.hm-v315-poll-cta .hm-v111-copy h2{font-size:clamp(31px,8vw,44px)!important;}
    #hmVoteIntro.hm-v315-poll-cta .hm-v111-lead{font-size:13px!important;}
    #hmVoteIntro.hm-v315-poll-cta .hm-v173-info-panel{margin-top:18px!important;}
    
    #hmVoteIntro.hm-v315-poll-cta .hm-v173-launch-cta{
        
        
        
        
        border-radius:20px!important;
    }
}
@media(max-width:560px){
    
    #hmVoteIntro.hm-v315-poll-cta .hm-v173-info-panel .hm-v103-vote-stats.hm-v122-plain-stats{
        display:grid!important;
        grid-template-columns:1fr 1fr!important;
        gap:12px!important;
    }
    #hmVoteIntro.hm-v315-poll-cta .hm-v173-info-panel .hm-v122-plain-stat{
        min-width:0!important;
        margin:0!important;
        padding:0!important;
        border-right:0!important;
        grid-template-columns:34px auto!important;
        column-gap:8px!important;
    }
    #hmVoteIntro.hm-v315-poll-cta .hm-v173-info-panel .hm-v122-plain-stat::before{
        width:32px!important;
        height:32px!important;
        font-size:12px!important;
    }
    #hmVoteIntro.hm-v315-poll-cta .hm-v173-info-panel .hm-v122-plain-stat strong{font-size:19px!important;}
    #hmVoteIntro.hm-v315-poll-cta .hm-v173-info-panel .hm-v122-plain-stat b{font-size:8px!important;white-space:normal!important;}
    
}


/* ==========================================================================
   v316 – CTA ankety podľa poslednej ukážky: väčšie blikajúce tlačidlo + kaštieľ
   ========================================================================== */
#hmVoteIntro.hm-v315-poll-cta.has-city-photo::after{
    width:54%!important;
    background-position:center center!important;
    filter:saturate(.94) contrast(1.03) brightness(.98)!important;
    opacity:.93!important;
}
#hmVoteIntro.hm-v315-poll-cta::before{
    background:
        linear-gradient(92deg,rgba(3,55,126,.985) 0%,rgba(3,57,128,.97) 38%,rgba(3,55,125,.78) 58%,rgba(3,49,111,.28) 78%,rgba(3,49,111,.02) 100%)!important;
}

#hmVoteIntro.hm-v315-poll-cta .hm-v173-launch-side{
    
    
    padding-bottom:10px!important;
}
#hmVoteIntro.hm-v315-poll-cta .hm-v173-launch-cta{
    
    
    
    border-radius:999px!important;
    
    box-shadow:0 18px 34px rgba(255,205,0,.34),0 0 0 0 rgba(255,212,0,.58),inset 0 1px 0 rgba(255,255,255,.72)!important;
    animation:hm-v316-cta-pulse 1.55s ease-in-out infinite!important;
}
#hmVoteIntro.hm-v315-poll-cta .hm-v173-launch-cta::before{
    width:154px!important;
    height:154px!important;
    right:-50px!important;
    top:-74px!important;
    background:rgba(255,255,255,.18)!important;
}
#hmVoteIntro.hm-v315-poll-cta .hm-v173-launch-cta > span{
    font-size:26px!important;
    letter-spacing:-.025em!important;
}
#hmVoteIntro.hm-v315-poll-cta .hm-v173-launch-cta > b{
    font-size:40px!important;
    
}
#hmVoteIntro.hm-v315-poll-cta .hm-v173-launch-cta:hover, #hmVoteIntro.hm-v315-poll-cta .hm-v173-launch-cta:focus-visible{
    animation-play-state:paused!important;
    
    box-shadow:0 20px 38px rgba(255,205,0,.42),0 0 0 8px rgba(255,212,0,.14),inset 0 1px 0 rgba(255,255,255,.8)!important;
}
@keyframes hm-v316-cta-pulse{
    0%,100%{
        transform:scale(1)!important;
        box-shadow:0 18px 34px rgba(255,205,0,.34),0 0 0 0 rgba(255,212,0,.58),inset 0 1px 0 rgba(255,255,255,.72)!important;
        filter:brightness(1)!important;
    }
    45%{
        transform:scale(1.025)!important;
        box-shadow:0 22px 40px rgba(255,205,0,.46),0 0 0 11px rgba(255,212,0,.19),inset 0 1px 0 rgba(255,255,255,.8)!important;
        filter:brightness(1.04)!important;
    }
    70%{
        transform:scale(1.01)!important;
        box-shadow:0 20px 37px rgba(255,205,0,.39),0 0 0 5px rgba(255,212,0,.1),inset 0 1px 0 rgba(255,255,255,.76)!important;
        filter:brightness(1.02)!important;
    }
}
@media(max-width:980px){
    #hmVoteIntro.hm-v315-poll-cta.has-city-photo::after{
        width:100%!important;
        opacity:.38!important;
    }
    
    #hmVoteIntro.hm-v315-poll-cta .hm-v173-launch-side{
        
        padding-bottom:0!important;
    }
    
    #hmVoteIntro.hm-v315-poll-cta .hm-v173-launch-cta > span{font-size:22px!important;}
    #hmVoteIntro.hm-v315-poll-cta .hm-v173-launch-cta > b{font-size:34px!important;}
}
@media(max-width:560px){
    
    #hmVoteIntro.hm-v315-poll-cta .hm-v173-launch-cta > span{font-size:19px!important;}
    #hmVoteIntro.hm-v315-poll-cta .hm-v173-launch-cta > b{font-size:30px!important;}
}


/* ==========================================================================
   v317 – väčšie/dlhšie CTA tlačidlo a rovnaký moderný štýl aj pre kvíz
   ========================================================================== */
#hmVoteIntro.hm-v315-poll-cta .hm-v173-launch-cta, #hmQuizIntro.hm-v317-quiz-cta .hm-v173-launch-cta{
    
    
    
    border-radius:999px!important;
    
    box-shadow:0 18px 34px rgba(255,205,0,.34),0 0 0 0 rgba(255,212,0,.58),inset 0 1px 0 rgba(255,255,255,.72)!important;
    animation:hm-v316-cta-pulse 1.55s ease-in-out infinite!important;
}
#hmVoteIntro.hm-v315-poll-cta .hm-v173-launch-cta > span, #hmQuizIntro.hm-v317-quiz-cta .hm-v173-launch-cta > span{
    font-size:28px!important;
    letter-spacing:-.025em!important;
}
#hmVoteIntro.hm-v315-poll-cta .hm-v173-launch-cta > b, #hmQuizIntro.hm-v317-quiz-cta .hm-v173-launch-cta > b{font-size:42px!important;}
#hmVoteIntro.hm-v315-poll-cta .hm-v173-launch-cta:hover, #hmVoteIntro.hm-v315-poll-cta .hm-v173-launch-cta:focus-visible, #hmQuizIntro.hm-v317-quiz-cta .hm-v173-launch-cta:hover, #hmQuizIntro.hm-v317-quiz-cta .hm-v173-launch-cta:focus-visible{animation-play-state:paused!important;box-shadow:0 20px 38px rgba(255,205,0,.42),0 0 0 8px rgba(255,212,0,.14),inset 0 1px 0 rgba(255,255,255,.8)!important;}
#hmQuizIntro.hm-v317-quiz-cta{position:relative!important;isolation:isolate!important;overflow:hidden!important;width:100%!important;max-width:1180px!important;margin:0 auto!important;padding:0!important;border:1px solid rgba(255,255,255,.22)!important;border-radius:28px!important;background:radial-gradient(circle at 12% 0%,rgba(24,118,232,.72),transparent 42%),linear-gradient(120deg,#0756ad 0%,#063e8d 49%,#062f6f 100%)!important;box-shadow:0 22px 54px rgba(4,42,94,.20),inset 0 1px 0 rgba(255,255,255,.16)!important;}
#hmQuizIntro.hm-v317-quiz-cta::before{content:""!important;position:absolute!important;inset:0!important;z-index:-2!important;pointer-events:none!important;background:linear-gradient(92deg,rgba(3,55,126,.985) 0%,rgba(3,57,128,.97) 38%,rgba(3,55,125,.78) 58%,rgba(3,49,111,.30) 78%,rgba(3,49,111,.03) 100%)!important;}
#hmQuizIntro.hm-v317-quiz-cta.has-city-photo::after{content:""!important;position:absolute!important;z-index:-3!important;top:0!important;right:0!important;width:54%!important;height:100%!important;background-image:var(--hm-v317-city-photo)!important;background-size:cover!important;background-position:center center!important;filter:saturate(.98) contrast(1.03) brightness(.98)!important;opacity:.94!important;pointer-events:none!important;}
#hmQuizIntro.hm-v317-quiz-cta .hm-v111-main{z-index:1!important;}
#hmQuizIntro.hm-v317-quiz-cta .hm-v173-copy{display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:flex-start!important;min-width:0!important;}
#hmQuizIntro.hm-v317-quiz-cta .hm-v125-kicker{margin:0 0 7px!important;color:rgba(218,235,255,.78)!important;font-size:10px!important;line-height:1!important;font-weight:800!important;letter-spacing:.30em!important;text-transform:uppercase!important;}
#hmQuizIntro.hm-v317-quiz-cta .hm-v125-kicker::before{display:none!important;}
#hmQuizIntro.hm-v317-quiz-cta .hm-v111-copy h2{margin:0 0 8px!important;color:#fff!important;font-size:clamp(34px,3.6vw,55px)!important;line-height:.94!important;letter-spacing:-.045em!important;font-weight:950!important;text-shadow:0 3px 14px rgba(0,25,75,.18)!important;}
#hmQuizIntro.hm-v317-quiz-cta .hm-v111-lead{max-width:560px!important;margin:0!important;color:rgba(255,255,255,.94)!important;font-size:14px!important;line-height:1.5!important;font-weight:650!important;}
#hmQuizIntro.hm-v317-quiz-cta .hm-v173-info-panel{width:auto!important;max-width:none!important;margin:22px 0 0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;}
#hmQuizIntro.hm-v317-quiz-cta .hm-v173-info-panel .hm-v103-vote-stats.hm-v122-plain-stats, #hmQuizIntro.hm-v317-quiz-cta .hm-v173-info-panel .hm-v103-vote-stats.hm-v122-plain-stats.hm-v122-plain-stats-quiz{display:flex!important;align-items:stretch!important;gap:0!important;margin:0!important;}
#hmQuizIntro.hm-v317-quiz-cta .hm-v173-info-panel .hm-v122-plain-stat{position:relative!important;display:grid!important;grid-template-columns:42px auto!important;grid-template-rows:auto auto!important;column-gap:10px!important;align-items:center!important;min-width:138px!important;padding:0 18px 0 0!important;margin:0 18px 0 0!important;border:0!important;border-right:1px solid rgba(255,255,255,.16)!important;background:transparent!important;box-shadow:none!important;}
#hmQuizIntro.hm-v317-quiz-cta .hm-v173-info-panel .hm-v122-plain-stat:last-child{margin-right:0!important;padding-right:0!important;border-right:0!important;}
#hmQuizIntro.hm-v317-quiz-cta .hm-v173-info-panel .hm-v122-plain-stat::before{content:"•"!important;grid-column:1!important;grid-row:1 / span 2!important;display:grid!important;place-items:center!important;width:38px!important;height:38px!important;border-radius:50%!important;background:rgba(255,255,255,.10)!important;color:#fff!important;font-size:14px!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.12)!important;}
#hmQuizIntro.hm-v317-quiz-cta .hm-v173-info-panel .hm-v122-plain-stat:first-child::before{content:"❓"!important;}
#hmQuizIntro.hm-v317-quiz-cta .hm-v173-info-panel .hm-v122-plain-stat:nth-child(2)::before{content:"🏁"!important;}
#hmQuizIntro.hm-v317-quiz-cta .hm-v173-info-panel .hm-v122-plain-stat:nth-child(3)::before{content:"↺"!important;}
#hmQuizIntro.hm-v317-quiz-cta .hm-v173-info-panel .hm-v122-plain-stat strong{grid-column:2!important;grid-row:1!important;margin:0!important;color:#ffd400!important;font-size:22px!important;line-height:1!important;font-weight:950!important;}
#hmQuizIntro.hm-v317-quiz-cta .hm-v173-info-panel .hm-v122-plain-stat b{grid-column:2!important;grid-row:2!important;margin:2px 0 0!important;color:rgba(255,255,255,.86)!important;font-size:9px!important;line-height:1.15!important;font-weight:700!important;white-space:nowrap!important;}
#hmQuizIntro.hm-v317-quiz-cta .hm-v87-vote-flow, #hmQuizIntro.hm-v317-quiz-cta .hm-unified-quiz-rules, #hmQuizIntro.hm-v317-quiz-cta .hm-v174-info-chips, #hmQuizIntro.hm-v317-quiz-cta .hm-v111-status{display:none!important;}
#hmQuizIntro.hm-v317-quiz-cta .hm-v173-launch-side{border:0!important;background:transparent!important;box-shadow:none!important;}
@media(max-width:980px){#hmVoteIntro.hm-v315-poll-cta .hm-v173-launch-cta > span, #hmQuizIntro.hm-v317-quiz-cta .hm-v173-launch-cta > span{font-size:23px!important;}#hmVoteIntro.hm-v315-poll-cta .hm-v173-launch-cta > b, #hmQuizIntro.hm-v317-quiz-cta .hm-v173-launch-cta > b{font-size:35px!important;}#hmQuizIntro.hm-v317-quiz-cta{border-radius:23px!important;}#hmQuizIntro.hm-v317-quiz-cta.has-city-photo::after{width:100%!important;opacity:.38!important;}#hmQuizIntro.hm-v317-quiz-cta .hm-v173-launch-side{padding-bottom:0!important;}}
@media(max-width:560px){#hmVoteIntro.hm-v315-poll-cta .hm-v173-launch-cta > span, #hmQuizIntro.hm-v317-quiz-cta .hm-v173-launch-cta > span{font-size:20px!important;}#hmVoteIntro.hm-v315-poll-cta .hm-v173-launch-cta > b, #hmQuizIntro.hm-v317-quiz-cta .hm-v173-launch-cta > b{font-size:31px!important;}#hmQuizIntro.hm-v317-quiz-cta .hm-v173-info-panel .hm-v103-vote-stats.hm-v122-plain-stats, #hmQuizIntro.hm-v317-quiz-cta .hm-v173-info-panel .hm-v103-vote-stats.hm-v122-plain-stats.hm-v122-plain-stats-quiz{display:grid!important;grid-template-columns:1fr!important;gap:12px!important;}#hmQuizIntro.hm-v317-quiz-cta .hm-v173-info-panel .hm-v122-plain-stat{min-width:0!important;margin:0!important;padding:0!important;border-right:0!important;grid-template-columns:34px auto!important;column-gap:8px!important;}#hmQuizIntro.hm-v317-quiz-cta .hm-v173-info-panel .hm-v122-plain-stat::before{width:32px!important;height:32px!important;font-size:12px!important;}#hmQuizIntro.hm-v317-quiz-cta .hm-v173-info-panel .hm-v122-plain-stat strong{font-size:19px!important;}#hmQuizIntro.hm-v317-quiz-cta .hm-v173-info-panel .hm-v122-plain-stat b{font-size:8px!important;white-space:normal!important;}}


/* ==========================================================================
   v318 – väčšie tlačidlá, väčší slogan a menšia medzera k poslancom
   ========================================================================== */

/* horné tlačidlá v lište o trochu dlhšie a širšie */

.hm-topbar-login{
    width:50px!important;
    height:46px!important;
    flex:0 0 50px!important;
    border-radius:15px!important;
}
.hm-topbar-login svg{
    width:22px!important;
    height:22px!important;
}

/* CTA tlačidlá ankety a kvízu ešte o trochu väčšie a dlhšie */

#hmVoteIntro.hm-v315-poll-cta .hm-v173-launch-cta > span, #hmQuizIntro.hm-v317-quiz-cta .hm-v173-launch-cta > span{
    font-size:30px!important;
}
#hmVoteIntro.hm-v315-poll-cta .hm-v173-launch-cta > b, #hmQuizIntro.hm-v317-quiz-cta .hm-v173-launch-cta > b{
    font-size:44px!important;
}

/* slogan ešte väčší */
.hm-civic-intro-copy h1{
    font-size:clamp(42px,5.35vw,calc(var(--hm-hero-font-size) + 10px))!important;
    line-height:.92!important;
}

/* menej miesta medzi sloganom a kandidátmi */
@media (min-width: 981px){
    .hm-civic-intro-layout{
        grid-template-columns:minmax(0,1.02fr) minmax(860px,1.08fr)!important;
        gap:0!important;
        align-items:start!important;
    }
    .hm-pledge-panel{
        margin-left:-28px!important;
        margin-top:0!important;
        width:100%!important;
    }
    #hmPledgeGrid.hm-pledge-grid, .hm-pledge-grid{
        max-width:910px!important;
    }
}
@media (max-width: 1280px) and (min-width: 981px){
    .hm-civic-intro-layout{
        grid-template-columns:minmax(0,1fr) minmax(812px,1.02fr)!important;
    }
    .hm-pledge-panel{
        margin-left:-18px!important;
    }
    #hmPledgeGrid.hm-pledge-grid, .hm-pledge-grid{
        max-width:850px!important;
    }
}
@media(max-width:980px){
    
    .hm-topbar-login{
        width:44px!important;
        height:42px!important;
        flex-basis:44px!important;
    }
    .hm-civic-intro-copy h1{
        font-size:clamp(38px,10vw,calc(var(--hm-hero-font-size) + 8px))!important;
    }
    
    #hmVoteIntro.hm-v315-poll-cta .hm-v173-launch-cta > span, #hmQuizIntro.hm-v317-quiz-cta .hm-v173-launch-cta > span{font-size:24px!important;}
    #hmVoteIntro.hm-v315-poll-cta .hm-v173-launch-cta > b, #hmQuizIntro.hm-v317-quiz-cta .hm-v173-launch-cta > b{font-size:36px!important;}
}
@media(max-width:560px){
    
    #hmVoteIntro.hm-v315-poll-cta .hm-v173-launch-cta > span, #hmQuizIntro.hm-v317-quiz-cta .hm-v173-launch-cta > span{font-size:20px!important;}
    #hmVoteIntro.hm-v315-poll-cta .hm-v173-launch-cta > b, #hmQuizIntro.hm-v317-quiz-cta .hm-v173-launch-cta > b{font-size:31px!important;}
}


/* ==========================================================================
   v319 – väčší slogan, menšia medzera ku kandidátom, väčšie čísla na fotke
   ========================================================================== */

/* hlavný slogan ešte väčší */
.hm-civic-intro-copy h1{
    font-size:clamp(48px,5.9vw,calc(var(--hm-hero-font-size) + 20px))!important;
    line-height:.90!important;
    letter-spacing:-.045em!important;
}

/* menšia medzera medzi sloganom a kandidátmi */
@media (min-width: 981px){
    .hm-civic-intro-layout{
        grid-template-columns:minmax(0,1fr) minmax(900px,1.14fr)!important;
        gap:0!important;
        align-items:start!important;
    }
    .hm-pledge-panel{
        margin-left:-52px!important;
        margin-top:-2px!important;
        width:100%!important;
    }
    #hmPledgeGrid.hm-pledge-grid, .hm-pledge-grid{
        max-width:940px!important;
    }

    /* každá karta nech vie držať číslo cez fotku */
    #hmPledgeGrid > .hm-pledge-person, #hmPledgeGrid > .hm-pledge-person:not(.is-expanded), #hmPledgeGrid > .hm-pledge-person.is-expanded{
        position:relative!important;
        overflow:visible!important;
    }

    /* názov pod fotkou posunieme mierne doprava, aby sa zmestilo väčšie číslo */
    #hmPledgeGrid .hm-pledge-summary, #hmPledgeGrid .hm-pledge-summary-below{
        position:relative!important;
        margin-top:4px!important;
        padding-left:44px!important;
        gap:6px!important;
        align-items:flex-start!important;
    }

    /* číslo presunúť na fotku – vľavo dole, väčšie, s čiastočným presahom */
    #hmPledgeGrid .hm-pledge-circle{
        position:absolute!important;
        left:-10px!important;
        top:-30px!important;
        flex:0 0 58px!important;
        width:58px!important;
        height:58px!important;
        min-width:58px!important;
        border-radius:50%!important;
        font-size:28px!important;
        font-weight:950!important;
        line-height:1!important;
        margin:0!important;
        z-index:6!important;
        box-shadow:0 10px 24px rgba(0,55,125,.18)!important;
        border:3px solid rgba(255,255,255,.94)!important;
    }

    #hmPledgeGrid .hm-pledge-summary-copy h3{
        margin-top:0!important;
    }
}

@media (max-width: 1280px) and (min-width: 981px){
    .hm-civic-intro-layout{
        grid-template-columns:minmax(0,1fr) minmax(840px,1.08fr)!important;
    }
    .hm-pledge-panel{
        margin-left:-36px!important;
    }
    #hmPledgeGrid.hm-pledge-grid, .hm-pledge-grid{
        max-width:872px!important;
    }
    #hmPledgeGrid .hm-pledge-summary, #hmPledgeGrid .hm-pledge-summary-below{
        padding-left:40px!important;
    }
    #hmPledgeGrid .hm-pledge-circle{
        left:-8px!important;
        top:-28px!important;
        width:54px!important;
        height:54px!important;
        min-width:54px!important;
        font-size:26px!important;
    }
}

@media(max-width:980px){
    .hm-civic-intro-copy h1{
        font-size:clamp(42px,10.8vw,calc(var(--hm-hero-font-size) + 12px))!important;
        line-height:.92!important;
    }
    #hmPledgeGrid .hm-pledge-summary, #hmPledgeGrid .hm-pledge-summary-below{
        position:relative!important;
        padding-left:36px!important;
    }
    #hmPledgeGrid .hm-pledge-circle{
        position:absolute!important;
        left:-4px!important;
        top:-20px!important;
        width:46px!important;
        height:46px!important;
        min-width:46px!important;
        font-size:22px!important;
        margin:0!important;
        z-index:5!important;
        border:2px solid rgba(255,255,255,.94)!important;
    }
}


/* ==========================================================================
   v320 – čísla trochu vyššie a väčšie, meno a priezvisko na 2 riadky
   ========================================================================== */
#hmPledgeGrid .hm-pledge-summary h3, #hmPledgeGrid .hm-pledge-summary-copy h3{
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    gap:0!important;
    line-height:.98!important;
    white-space:normal!important;
}
#hmPledgeGrid .hm-pledge-summary-copy h3 .hm-pledge-first, #hmPledgeGrid .hm-pledge-summary-copy h3 .hm-pledge-last{
    display:block!important;
}
#hmPledgeGrid .hm-pledge-summary-copy h3 .hm-pledge-last{
    margin-top:1px!important;
}

@media (min-width: 981px){
    #hmPledgeGrid .hm-pledge-circle{
        top:-34px!important;
        left:-10px!important;
        width:58px!important;
        height:58px!important;
        min-width:58px!important;
        font-size:30px!important;
    }
}
@media (max-width: 1280px) and (min-width: 981px){
    #hmPledgeGrid .hm-pledge-circle{
        top:-32px!important;
        left:-8px!important;
        width:54px!important;
        height:54px!important;
        min-width:54px!important;
        font-size:28px!important;
    }
}
@media(max-width:980px){
    #hmPledgeGrid .hm-pledge-circle{
        top:-22px!important;
        left:-4px!important;
        width:46px!important;
        height:46px!important;
        min-width:46px!important;
        font-size:24px!important;
    }
}


/* ==========================================================================
   v321 – pevná pozícia mena, jemne vyššie čísla, väčšie 5P a slogan bližšie
   ========================================================================== */

/* 5P riadok o trochu väčší */
.hm-pledge-head-above h2.hm-v293-five-p{
    font-size:clamp(11px,1.08vw,15px)!important;
    gap:3px 6px!important;
    letter-spacing:-.022em!important;
}
.hm-pledge-head-above h2.hm-v293-five-p i{
    font-size:.72em!important;
}

/* hlavný slogan ešte väčší */
.hm-civic-intro-copy h1{
    font-size:clamp(52px,6.25vw,calc(var(--hm-hero-font-size) + 26px))!important;
    line-height:.89!important;
    letter-spacing:-.05em!important;
}

@media (min-width: 981px){
    /* ešte menšia medzera medzi ľavou a pravou časťou */
    .hm-civic-intro-layout{
        grid-template-columns:minmax(0,1fr) minmax(930px,1.17fr)!important;
        gap:0!important;
    }
    .hm-pledge-panel{
        margin-left:-72px!important;
        margin-top:-2px!important;
    }
    #hmPledgeGrid.hm-pledge-grid, .hm-pledge-grid{
        max-width:954px!important;
    }

    /* mená a priezviská vždy v rovnakom bloku na rovnakom mieste */
    #hmPledgeGrid .hm-pledge-summary, #hmPledgeGrid .hm-pledge-summary-below{
        min-height:78px!important;
        padding-left:46px!important;
        align-items:flex-start!important;
    }
    #hmPledgeGrid .hm-pledge-summary-copy{
        display:grid!important;
        grid-template-rows:44px minmax(18px,auto)!important;
        align-items:start!important;
        min-width:0!important;
    }
    #hmPledgeGrid .hm-pledge-summary-copy h3{
        min-height:44px!important;
        justify-content:flex-start!important;
        align-items:flex-start!important;
    }
    #hmPledgeGrid .hm-pledge-summary-copy h3 .hm-pledge-first, #hmPledgeGrid .hm-pledge-summary-copy h3 .hm-pledge-last{
        line-height:.95!important;
    }
    #hmPledgeGrid .hm-pledge-summary-copy small{
        margin-top:2px!important;
        min-height:22px!important;
        align-self:start!important;
    }

    /* čísla ešte o trochu vyššie */
    #hmPledgeGrid .hm-pledge-circle{
        top:-38px!important;
        left:-10px!important;
        width:58px!important;
        height:58px!important;
        min-width:58px!important;
        font-size:30px!important;
    }
}

@media (max-width: 1280px) and (min-width: 981px){
    .hm-civic-intro-layout{
        grid-template-columns:minmax(0,1fr) minmax(860px,1.1fr)!important;
    }
    .hm-pledge-panel{
        margin-left:-50px!important;
    }
    #hmPledgeGrid.hm-pledge-grid, .hm-pledge-grid{
        max-width:888px!important;
    }
    #hmPledgeGrid .hm-pledge-summary, #hmPledgeGrid .hm-pledge-summary-below{
        min-height:74px!important;
        padding-left:42px!important;
    }
    #hmPledgeGrid .hm-pledge-summary-copy{
        grid-template-rows:42px minmax(18px,auto)!important;
    }
    #hmPledgeGrid .hm-pledge-summary-copy h3{
        min-height:42px!important;
    }
    #hmPledgeGrid .hm-pledge-circle{
        top:-36px!important;
        left:-8px!important;
        width:54px!important;
        height:54px!important;
        min-width:54px!important;
        font-size:28px!important;
    }
}

@media(max-width:980px){
    .hm-pledge-head-above h2.hm-v293-five-p{
        font-size:clamp(9px,1.72vw,12px)!important;
    }
    .hm-civic-intro-copy h1{
        font-size:clamp(45px,11.4vw,calc(var(--hm-hero-font-size) + 16px))!important;
        line-height:.9!important;
    }
    #hmPledgeGrid .hm-pledge-summary, #hmPledgeGrid .hm-pledge-summary-below{
        min-height:64px!important;
        padding-left:38px!important;
    }
    #hmPledgeGrid .hm-pledge-summary-copy{
        display:grid!important;
        grid-template-rows:38px minmax(16px,auto)!important;
    }
    #hmPledgeGrid .hm-pledge-summary-copy h3{
        min-height:38px!important;
    }
    #hmPledgeGrid .hm-pledge-circle{
        top:-24px!important;
        left:-4px!important;
        width:46px!important;
        height:46px!important;
        min-width:46px!important;
        font-size:24px!important;
    }
}


/* ==========================================================================
   v322 – mená presne na rovnakom mieste, +1 bod, čísla jemne vyššie
   ========================================================================== */
@media (min-width: 981px){
    #hmPledgeGrid > .hm-pledge-person, #hmPledgeGrid > .hm-pledge-person:not(.is-expanded){
        overflow:visible!important;
    }
    /* pod každou fotkou rovnaký pevný blok */
    #hmPledgeGrid .hm-pledge-summary, #hmPledgeGrid .hm-pledge-summary-below{
        position:relative!important;
        left:auto!important;
        right:auto!important;
        bottom:auto!important;
        width:100%!important;
        margin-top:10px!important;
        padding-left:0!important;
        min-height:86px!important;
        display:block!important;
        text-align:center!important;
    }
    #hmPledgeGrid .hm-pledge-summary-copy{
        display:flex!important;
        flex-direction:column!important;
        align-items:center!important;
        justify-content:flex-start!important;
        min-height:86px!important;
        width:100%!important;
        padding:0 4px!important;
    }
    #hmPledgeGrid .hm-pledge-summary-copy h3, #hmPledgeGrid .hm-pledge-summary h3{
        display:flex!important;
        flex-direction:column!important;
        align-items:center!important;
        justify-content:flex-start!important;
        min-height:48px!important;
        width:100%!important;
        margin:0!important;
        font-size:clamp(18px,1.28vw,22px)!important;
        line-height:.96!important;
        text-align:center!important;
    }
    #hmPledgeGrid .hm-pledge-summary-copy small{
        display:block!important;
        width:100%!important;
        min-height:24px!important;
        margin-top:3px!important;
        text-align:center!important;
    }
    /* číslo neovplyvňuje meno, sedí pri fotke vľavo dole a trošku vyššie */
    #hmPledgeGrid .hm-pledge-circle{
        position:absolute!important;
        left:-14px!important;
        top:-44px!important;
        width:58px!important;
        height:58px!important;
        min-width:58px!important;
        font-size:30px!important;
        z-index:7!important;
        margin:0!important;
    }
}
@media (max-width: 1280px) and (min-width: 981px){
    #hmPledgeGrid .hm-pledge-summary, #hmPledgeGrid .hm-pledge-summary-below{
        min-height:82px!important;
    }
    #hmPledgeGrid .hm-pledge-summary-copy{min-height:82px!important;}
    #hmPledgeGrid .hm-pledge-summary-copy h3, #hmPledgeGrid .hm-pledge-summary h3{
        min-height:46px!important;
        font-size:clamp(17px,1.22vw,21px)!important;
    }
    #hmPledgeGrid .hm-pledge-circle{
        left:-12px!important;
        top:-42px!important;
        width:54px!important;
        height:54px!important;
        min-width:54px!important;
        font-size:28px!important;
    }
}
@media (max-width:980px){
    #hmPledgeGrid .hm-pledge-summary, #hmPledgeGrid .hm-pledge-summary-below{
        padding-left:0!important;
        min-height:72px!important;
        text-align:center!important;
    }
    #hmPledgeGrid .hm-pledge-summary-copy{
        display:flex!important;
        flex-direction:column!important;
        align-items:center!important;
        min-height:72px!important;
    }
    #hmPledgeGrid .hm-pledge-summary-copy h3, #hmPledgeGrid .hm-pledge-summary h3{
        align-items:center!important;
        min-height:40px!important;
        font-size:16px!important;
        text-align:center!important;
    }
    #hmPledgeGrid .hm-pledge-summary-copy small{
        text-align:center!important;
    }
    #hmPledgeGrid .hm-pledge-circle{
        top:-26px!important;
        left:-6px!important;
    }
}


/* ==========================================================================
   v323 – Humenská päťka v hlavičke, menší slogan, tlačidlo Kvíz a širší web
   ========================================================================== */
:root{
    --hm-wrap:1269px!important;
}
.hm-logo-words strong{
    font-size:17px!important;
}
.hm-logo-words small{
    font-size:10px!important;
}
.hm-topbar-inner{
    gap:14px!important;
}


@media(max-width:1120px){
    :root{--hm-wrap:1082px!important;}
}
@media(max-width:980px){
    .hm-logo-words strong{font-size:15px!important;}
    .hm-logo-words small{font-size:9px!important;}
}


/* ==========================================================================
   v324 – problémy na homepage: panel má pevnú veľkosť, hover iba jemný
   ========================================================================== */
@media (min-width:981px) and (hover:hover) and (pointer:fine){

    /* celý pás sa už pri hoveri nesmie zväčšiť ani rozšíriť stránku */
    .hm-problem-strip{
        overflow:hidden!important;
        contain:layout paint!important;
    }
    .hm-problem-rail.hm-v164-problem-marquee{
        overflow:hidden!important;
        overflow-x:hidden!important;
        overflow-y:hidden!important;
        padding-top:7px!important;
        padding-bottom:12px!important;
        isolation:isolate!important;
    }
    .hm-v164-problem-track, .hm-v164-problem-group{
        overflow:visible!important;
        align-items:stretch!important;
    }

    /* karta si vždy zachová rovnakú reálnu šírku/výšku */
    .hm-v164-problem-group .hm-problem-tile, .hm-v164-problem-group .hm-problem-tile:hover{
        flex:0 0 clamp(189px,19vw,243px)!important;
        flex-basis:clamp(189px,19vw,243px)!important;
        width:clamp(189px,19vw,243px)!important;
        min-width:clamp(189px,19vw,243px)!important;
        max-width:clamp(189px,19vw,243px)!important;
        min-height:174px!important;
        grid-template-columns:1fr!important;
        border-radius:13px!important;
        clip-path:none!important;
        background:#41464d!important;
        transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease!important;
    }

    /* hover iba jemne vyrastie opticky – layout sa nemení */
    .hm-v164-problem-group .hm-problem-tile:hover{
        z-index:30!important;
        transform:scale(1.045)!important;
        border-color:rgba(111,195,255,.58)!important;
        box-shadow:0 13px 28px rgba(0,0,0,.30),0 0 0 1px rgba(90,181,255,.16)!important;
    }

    /* pri hoveri sa nemení vnútorná geometria */
    .hm-v164-problem-group .hm-problem-tile:hover .hm-problem-tile-image{
        width:100%!important;
        height:104px!important;
        min-height:104px!important;
        background-size:cover!important;
        background-position:center!important;
    }
    .hm-v164-problem-group .hm-problem-tile:hover .hm-problem-tile-image::after{
        background:linear-gradient(180deg,transparent 42%,rgba(43,47,52,.72))!important;
    }
    .hm-v164-problem-group .hm-problem-tile:hover .hm-problem-tile-copy{
        min-height:70px!important;
        height:auto!important;
        padding:9px 11px 11px!important;
        display:block!important;
        overflow:hidden!important;
    }
    .hm-v164-problem-group .hm-problem-tile:hover .hm-problem-tile-copy h3{
        margin:0!important;
        font-size:13px!important;
        line-height:1.2!important;
        white-space:normal!important;
        overflow:hidden!important;
    }
    .hm-v164-problem-group .hm-problem-tile:hover .hm-problem-tile-copy p{
        display:block!important;
        margin-top:4px!important;
        font-size:9px!important;
        line-height:1.28!important;
        max-height:2.56em!important;
        overflow:hidden!important;
    }
    .hm-v164-problem-group .hm-problem-tile:hover .hm-problem-tile-image > span{
        left:auto!important;
        bottom:auto!important;
        min-width:0!important;
        padding:inherit!important;
        font-size:10px!important;
    }

    /* pás sa pri hoveri môže zastaviť, ale bez akéhokoľvek resize */
    .hm-v164-problem-marquee:has(.hm-problem-tile:hover) .hm-v164-problem-track{
        animation-play-state:paused!important;
    }
}


/* ==========================================================================
   v325 – dlhší text CTA ankety a rýchlejšie pulzovanie tlačidla
   ========================================================================== */
#hmVoteIntro.hm-v315-poll-cta .hm-v111-copy .hm-v111-lead{
    max-width: 560px !important;
    margin: 0 !important;
    color: rgba(255,255,255,.96) !important;
    font-size: 17px !important;
    line-height: 1.48 !important;
    font-weight: 700 !important;
    text-wrap: pretty !important;
}
#hmVoteIntro.hm-v315-poll-cta .hm-v111-copy{
    max-width: 620px !important;
}

#hmVoteIntro.hm-v315-poll-cta .hm-v173-launch-cta{
    animation: hm-v325-cta-pulse .82s ease-in-out infinite !important;
    transform-origin: center center !important;
}
#hmVoteIntro.hm-v315-poll-cta .hm-v173-launch-cta:hover, #hmVoteIntro.hm-v315-poll-cta .hm-v173-launch-cta:focus-visible{
    animation-play-state: paused !important;
}
@keyframes hm-v325-cta-pulse{
    0%,100%{
        transform: scale(1) !important;
        box-shadow: 0 18px 34px rgba(255,205,0,.34),0 0 0 0 rgba(255,212,0,.45),inset 0 1px 0 rgba(255,255,255,.72) !important;
        filter: brightness(1) saturate(1) !important;
    }
    40%{
        transform: scale(1.055) !important;
        box-shadow: 0 22px 42px rgba(255,205,0,.52),0 0 0 12px rgba(255,212,0,.18),inset 0 1px 0 rgba(255,255,255,.82) !important;
        filter: brightness(1.06) saturate(1.06) !important;
    }
    72%{
        transform: scale(1.02) !important;
        box-shadow: 0 20px 38px rgba(255,205,0,.42),0 0 0 5px rgba(255,212,0,.1),inset 0 1px 0 rgba(255,255,255,.76) !important;
        filter: brightness(1.02) saturate(1.02) !important;
    }
}
@media (max-width: 1100px){
    
    #hmVoteIntro.hm-v315-poll-cta .hm-v111-copy .hm-v111-lead{
        max-width: 500px !important;
        font-size: 16px !important;
        line-height: 1.46 !important;
    }
}
@media (max-width: 980px){
    #hmVoteIntro.hm-v315-poll-cta .hm-v111-copy .hm-v111-lead{
        max-width: 100% !important;
        font-size: 16px !important;
        line-height: 1.46 !important;
    }
    #hmVoteIntro.hm-v315-poll-cta .hm-v173-launch-cta{
        animation-duration: .9s !important;
    }
}
@media (max-width: 560px){
    #hmVoteIntro.hm-v315-poll-cta .hm-v111-copy .hm-v111-lead{
        font-size: 15px !important;
        line-height: 1.42 !important;
    }
    #hmVoteIntro.hm-v315-poll-cta .hm-v173-launch-cta{
        animation-duration: 1s !important;
    }
}


/* ==========================================================================
   v326 – pulzujúce CTA + verejný TOP 5 rebríček pod anketou
   ========================================================================== */
#hmVoteIntro.hm-v315-poll-cta .hm-v125-kicker{
    font-size:13px!important;
    line-height:1.05!important;
}
#hmVoteIntro.hm-v315-poll-cta .hm-v173-launch-cta{
    animation:hm-v326-cta-pulse .88s ease-in-out infinite!important;
    will-change:transform,box-shadow,filter!important;
    transform-origin:center center!important;
}
#hmVoteIntro.hm-v315-poll-cta .hm-v173-launch-cta:hover, #hmVoteIntro.hm-v315-poll-cta .hm-v173-launch-cta:focus-visible{
    animation-play-state:running!important;
}
@keyframes hm-v326-cta-pulse{
    0%,100%{
        transform:scale(1);
        box-shadow:0 14px 30px rgba(255,205,0,.34),0 0 0 0 rgba(255,212,0,.10),inset 0 1px 0 rgba(255,255,255,.72);
        filter:brightness(1);
    }
    50%{
        transform:scale(1.085);
        box-shadow:0 22px 42px rgba(255,205,0,.50),0 0 0 10px rgba(255,212,0,.16),inset 0 1px 0 rgba(255,255,255,.82);
        filter:brightness(1.05);
    }
}
#hmVoteIntro.hm-v315-poll-cta .hm-v173-launch-cta::before{
    opacity:.92!important;
}
#hmVoteIntro.hm-v315-poll-cta .hm-v173-launch-cta > span, #hmVoteIntro.hm-v315-poll-cta .hm-v173-launch-cta > b{
    
    z-index:2!important;
}

.hm-public-priority-board{
    width:100%!important;
    max-width:1180px!important;
    margin:18px auto 18px!important;
    padding:22px 24px 20px!important;
    border:1px solid rgba(18,62,131,.10)!important;
    border-radius:26px!important;
    background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(246,250,255,.94))!important;
    box-shadow:0 18px 48px rgba(10,56,122,.10)!important;
}


.hm-public-priority-board-head span{
    
    
    color:#0d438c!important;
    font-size:12px!important;
    font-weight:900!important;
    letter-spacing:.18em!important;
    text-transform:uppercase!important;
}
.hm-public-priority-board-head h3{
    
    color:#0a3470!important;
    font-size:29px!important;
    line-height:1.05!important;
    font-weight:950!important;
    letter-spacing:-.03em!important;
}
.hm-public-priority-board-head p{
    
    
    color:#476588!important;
    font-size:15px!important;
    line-height:1.5!important;
    font-weight:600!important;
}
.hm-public-priority-board-meta{
    flex:0 0 auto!important;
    min-width:160px!important;
    padding:14px 16px!important;
    border-radius:18px!important;
    background:linear-gradient(180deg,#0c58b7,#0a3d87)!important;
    color:#fff!important;
    text-align:center!important;
    box-shadow:0 12px 28px rgba(8,54,120,.18)!important;
}
.hm-public-priority-board-meta strong{
    display:block!important;
    margin:0 0 4px!important;
    color:#ffd400!important;
    font-size:30px!important;
    line-height:1!important;
    font-weight:950!important;
}
.hm-public-priority-board-meta small{
    display:block!important;
    color:rgba(255,255,255,.88)!important;
    font-size:11px!important;
    line-height:1.25!important;
    font-weight:700!important;
}
.hm-public-priority-list{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:12px!important;
}
.hm-public-priority-item{
    display:grid!important;
    grid-template-columns:56px 72px minmax(0,1fr)!important;
    align-items:center!important;
    gap:14px!important;
    padding:14px 16px!important;
    border:1px solid rgba(9,72,151,.10)!important;
    border-radius:20px!important;
    background:#fff!important;
    box-shadow:0 8px 24px rgba(10,56,122,.06)!important;
}
.hm-public-priority-rank-wrap{display:flex!important;justify-content:center!important;align-items:center!important;}
.hm-public-priority-rank{
    display:grid!important;
    place-items:center!important;
    width:44px!important;
    height:44px!important;
    border-radius:50%!important;
    background:linear-gradient(135deg,#ffd300,#ffca00)!important;
    color:#09366f!important;
    font-size:22px!important;
    line-height:1!important;
    font-weight:950!important;
    box-shadow:0 10px 20px rgba(255,205,0,.28)!important;
}
.hm-public-priority-thumb{
    position:relative!important;
    width:72px!important;
    height:72px!important;
    border-radius:18px!important;
    overflow:hidden!important;
    background:linear-gradient(180deg,#e8f2ff,#d8ebff)!important;
    display:grid!important;
    place-items:center!important;
    box-shadow:inset 0 0 0 1px rgba(13,77,154,.12)!important;
}
.hm-public-priority-thumb img{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:center!important;
    display:block!important;
}
.hm-public-priority-thumb span{font-size:28px!important;}
.hm-public-priority-copy{min-width:0!important;display:flex!important;flex-direction:column!important;gap:8px!important;}
.hm-public-priority-copy strong{
    display:block!important;
    margin:0!important;
    color:#0b2f67!important;
    font-size:20px!important;
    line-height:1.15!important;
    font-weight:900!important;
}
.hm-public-priority-copy > small{
    display:block!important;
    margin:-2px 0 0!important;
    color:#5b7696!important;
    font-size:12px!important;
    line-height:1.25!important;
    font-weight:700!important;
}
.hm-public-priority-bars{display:grid!important;grid-template-columns:1fr 1fr!important;gap:12px!important;}
.hm-public-priority-bar{
    padding:10px 12px!important;
    border-radius:14px!important;
    background:#f6faff!important;
    border:1px solid rgba(14,87,174,.08)!important;
}
.hm-public-priority-bar-head{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:8px!important;
    margin-bottom:7px!important;
}
.hm-public-priority-bar-head span{
    color:#355b87!important;
    font-size:12px!important;
    line-height:1.2!important;
    font-weight:800!important;
}
.hm-public-priority-bar-head b{
    color:#0c3d82!important;
    font-size:15px!important;
    line-height:1!important;
    font-weight:950!important;
}
.hm-public-priority-bar i{
    position:relative!important;
    display:block!important;
    width:100%!important;
    height:10px!important;
    border-radius:999px!important;
    overflow:hidden!important;
    background:rgba(12,75,154,.10)!important;
}
.hm-public-priority-bar i b{
    display:block!important;
    height:100%!important;
    border-radius:999px!important;
}
.hm-public-priority-bar.is-yes i b{background:linear-gradient(90deg,#2d7dff,#5ea6ff)!important;}
.hm-public-priority-bar.is-definitely i b{background:linear-gradient(90deg,#ffd200,#ffbf00)!important;}
.hm-public-priority-empty{
    padding:18px 20px!important;
    border-radius:18px!important;
    background:#fff!important;
    color:#476588!important;
    font-weight:700!important;
}

@media (max-width: 980px){
    .hm-public-priority-board{padding:20px 18px 18px!important;border-radius:22px!important;}
    
    .hm-public-priority-board-meta{min-width:0!important;align-self:flex-start!important;}
    .hm-public-priority-board-head h3{font-size:24px!important;}
    .hm-public-priority-item{grid-template-columns:50px 64px minmax(0,1fr)!important;gap:12px!important;padding:12px 14px!important;}
    .hm-public-priority-thumb{width:64px!important;height:64px!important;border-radius:16px!important;}
    .hm-public-priority-copy strong{font-size:18px!important;}
    .hm-public-priority-bars{grid-template-columns:1fr!important;gap:10px!important;}
}
@media (max-width: 560px){
    .hm-public-priority-item{grid-template-columns:42px 54px minmax(0,1fr)!important;gap:10px!important;padding:10px 12px!important;}
    .hm-public-priority-rank{width:38px!important;height:38px!important;font-size:18px!important;}
    .hm-public-priority-thumb{width:54px!important;height:54px!important;border-radius:14px!important;}
    .hm-public-priority-copy strong{font-size:16px!important;}
    .hm-public-priority-board-head h3{font-size:20px!important;}
    .hm-public-priority-board-head p{font-size:14px!important;}
}

#hmVoteIntro.hm-v315-poll-cta .hm-v173-launch-cta.hm-force-pulse{animation:hm-v326-cta-pulse .88s ease-in-out infinite!important;}


/* ==========================================================================
   v327 – kompaktnejší vstup do kvízu bez ikony @
   ========================================================================== */


@media(max-width:560px){}


/* ==========================================================================
   v328 – krajší kvíz + modernejší rebríček priorít
   ========================================================================== */

/* kvíz: zobraz celý text otázky a menšie odpovede */


@media (max-width:760px){
    
    
    
    
}

/* rebríček priorít modernejšie */
.hm-public-priority-board{
    position:relative!important;
    overflow:hidden!important;
    border:1px solid rgba(19,83,161,.10)!important;
    background:
        radial-gradient(circle at top right, rgba(199,228,255,.55), transparent 34%),
        linear-gradient(180deg, rgba(255,255,255,.98), rgba(244,249,255,.98))!important;
    box-shadow:0 22px 56px rgba(10,56,122,.12)!important;
}
.hm-public-priority-board::before{
    content:"";
    position:absolute;
    inset:0 auto auto 0;
    width:180px;
    height:180px;
    background:radial-gradient(circle, rgba(255,212,0,.14), transparent 68%);
    pointer-events:none;
}
.hm-public-priority-board-head{
    
    z-index:1!important;
    padding-bottom:14px!important;
    border-bottom:1px solid rgba(16,88,171,.08)!important;
}
.hm-public-priority-board-head h3{
    font-size:30px!important;
    line-height:1.02!important;
}
.hm-public-priority-board-head p{
    color:#54708f!important;
}
.hm-public-priority-list{
    position:relative!important;
    z-index:1!important;
    gap:14px!important;
}
.hm-public-priority-item{
    position:relative!important;
    grid-template-columns:60px 78px minmax(0,1fr)!important;
    gap:16px!important;
    padding:16px 18px!important;
    border-radius:22px!important;
    background:linear-gradient(180deg, #ffffff, #f8fbff)!important;
    box-shadow:0 12px 28px rgba(10,56,122,.07)!important;
    transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease!important;
}
.hm-public-priority-item:hover{
    transform:translateY(-1px)!important;
    box-shadow:0 16px 34px rgba(10,56,122,.10)!important;
    border-color:rgba(13,92,185,.20)!important;
}
.hm-public-priority-item:nth-child(1){
    border-color:rgba(255,198,0,.25)!important;
    background:linear-gradient(180deg,#fffdfa,#fff8dd)!important;
}
.hm-public-priority-rank{
    width:48px!important;
    height:48px!important;
    font-size:24px!important;
    box-shadow:0 10px 22px rgba(255,205,0,.25)!important;
}
.hm-public-priority-thumb{
    width:78px!important;
    height:78px!important;
    border-radius:20px!important;
    box-shadow:0 10px 22px rgba(11,70,143,.10), inset 0 0 0 1px rgba(13,77,154,.10)!important;
}
.hm-public-priority-copy{
    gap:10px!important;
}
.hm-public-priority-copy strong{
    font-size:21px!important;
    line-height:1.12!important;
}
.hm-public-priority-copy > small{
    font-size:12px!important;
    color:#67819f!important;
}
.hm-public-priority-bars{
    gap:14px!important;
}
.hm-public-priority-bar{
    border-radius:16px!important;
    background:linear-gradient(180deg,#f8fbff,#f1f7ff)!important;
    padding:11px 13px!important;
}
.hm-public-priority-bar-head span{
    font-size:12px!important;
}
.hm-public-priority-bar-head b{
    font-size:16px!important;
}
.hm-public-priority-bar i{
    height:11px!important;
    background:rgba(12,75,154,.08)!important;
}
@media (max-width:980px){
    .hm-public-priority-item{
        grid-template-columns:48px 64px minmax(0,1fr)!important;
        gap:12px!important;
        padding:13px 14px!important;
    }
    .hm-public-priority-thumb{
        width:64px!important;
        height:64px!important;
        border-radius:16px!important;
    }
    .hm-public-priority-rank{
        width:40px!important;
        height:40px!important;
        font-size:19px!important;
    }
    .hm-public-priority-copy strong{font-size:18px!important;}
}


/* ==========================================================================
   v329 – rebríček priorít ako kreatívne pódium + jemnejší kvíz
   ========================================================================== */

/* Kvíz */






@media (max-width:760px){
    
    
    
    
}

/* Prioritný rebríček presne v duchu dodaného návrhu */




.hm-public-priority-board-kickers{display:flex!important;align-items:center!important;gap:12px!important;margin-bottom:10px!important;flex-wrap:wrap!important;}
.hm-public-priority-kicker-main{
    display:inline-flex!important;align-items:center!important;justify-content:center!important;
    padding:5px 14px!important;border-radius:999px!important;background:#174d98!important;color:#fff!important;
    font-size:13px!important;font-weight:900!important;line-height:1!important;letter-spacing:-.01em!important;text-transform:none!important;margin:0!important;
}
.hm-public-priority-kicker-alt{
    display:inline-block!important;color:#5b7396!important;font-size:15px!important;font-weight:700!important;letter-spacing:-.01em!important;margin:0!important;text-transform:none!important;
}


.hm-public-priority-board-slogan{
    position:relative!important;align-self:flex-start!important;color:#163b7a!important;font-size:22px!important;line-height:1.08!important;font-weight:900!important;
    font-style:italic!important;text-align:right!important;padding:0 4px 16px 0!important;transform:rotate(-4deg)!important;white-space:nowrap!important;
}
.hm-public-priority-board-slogan::after{
    content:"";position:absolute;right:0;bottom:0;width:118px;height:6px;border-radius:999px;background:#ffd000!important;
}


.hm-public-priority-single-bar{width:100%!important;}
.hm-public-priority-single-bar i{
    display:block!important;width:100%!important;height:10px!important;border-radius:999px!important;background:rgba(18,89,170,.10)!important;overflow:hidden!important;
}
.hm-public-priority-single-bar i b{display:block!important;height:100%!important;border-radius:999px!important;}





.hm-public-priority-stats-line{display:flex!important;align-items:baseline!important;justify-content:center!important;gap:10px!important;}
.hm-public-priority-item.is-row .hm-public-priority-stats-line{justify-content:flex-end!important;gap:14px!important;white-space:nowrap!important;}
.hm-public-priority-stats-line b{color:#13306d!important;font-size:18px!important;line-height:1!important;font-weight:950!important;}

.hm-public-priority-stats-line small{color:#6d83a1!important;font-size:14px!important;line-height:1.2!important;font-weight:700!important;}
.hm-public-priority-item.is-row .hm-public-priority-stats-line small{font-size:13px!important;}
.hm-public-priority-row-arrow{color:#5b7396!important;font-size:30px!important;line-height:1!important;align-self:center!important;}


@media (max-width:980px){
    
    
    
    
    .hm-public-priority-board-slogan{font-size:18px!important;align-self:flex-end!important;}
    
    
    
    
    
}
@media (max-width:560px){
    .hm-public-priority-kicker-main{font-size:12px!important;padding:5px 11px!important;}
    .hm-public-priority-kicker-alt{font-size:13px!important;}
    
    
    .hm-public-priority-board-slogan{display:none!important;}
    
    
    
    
    
    
    
    .hm-public-priority-stats-line small{font-size:12px!important;}
    
}


/* ==========================================================================
   v330 – nový rebríček kvízu v štýle pódia + odomknutie e-mailom
   ========================================================================== */
#hmQuizRankingAccess.hm-quiz-ranking-showcase{
    
    
    
    border-radius:26px!important;
    
    background:linear-gradient(180deg, rgba(255,255,255,.98), rgba(248,251,255,.98))!important;
    border:1px solid rgba(174,197,227,.45)!important;
    box-shadow:0 18px 48px rgba(10,56,122,.10)!important;
}
.hm-quiz-ranking-hero{
    
    
    
    
    
    
    background:linear-gradient(135deg,#0f5bb1,#0b3f8a)!important;
    color:#fff!important;
    
}
.hm-quiz-ranking-hero::before{content:"";position:absolute;left:34%;top:-24px;width:180px;height:180px;border-radius:6px;background:radial-gradient(circle, rgba(255,255,255,.11), transparent 65%);} 
.hm-quiz-ranking-hero::after{content:"🏆";position:absolute;left:58%;top:16px;font-size:74px;line-height:1;opacity:.11;}
.hm-quiz-ranking-hero-copy{z-index:1!important;}
.hm-quiz-ranking-hero-copy h3{color:#fff!important;font-size:28px!important;line-height:1!important;font-weight:950!important;letter-spacing:-.03em!important;}
.hm-quiz-ranking-hero-copy p{color:rgba(255,255,255,.82)!important;font-size:15px!important;line-height:1.25!important;font-weight:600!important;}
.hm-quiz-ranking-hero-slogan{z-index:1!important;color:#fff!important;font-size:21px!important;line-height:1.04!important;font-weight:900!important;font-style:italic!important;text-align:right!important;padding-right:6px!important;white-space:nowrap!important;}
.hm-quiz-ranking-hero-slogan::after{content:"";display:block;width:92px;height:5px;border-radius:999px;background:#ffd400!important;margin:4px 0 0 auto!important;}
.hm-quiz-ranking-hero-accent{z-index:1!important;border-radius:999px!important;background:#ffd400!important;box-shadow:0 0 0 8px rgba(255,212,0,.08)!important;}


.hm-quiz-ranking-showcase-actions, .hm-quiz-ranking-full{position:relative!important;z-index:1!important;}


.hm-quiz-podium-avatar{display:grid!important;place-items:center!important;width:60px!important;height:60px!important;border-radius:50%!important;background:rgba(255,255,255,.75)!important;box-shadow:inset 0 0 0 1px rgba(17,89,170,.08)!important;}
.hm-quiz-podium-avatar span{color:#1d69c0!important;font-size:27px!important;font-weight:950!important;line-height:1!important;}


.hm-quiz-ranking-showcase-actions{display:flex!important;flex-direction:column!important;align-items:center!important;gap:8px!important;padding:10px 16px 6px!important;}
.hm-quiz-ranking-open{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;min-width:270px!important;padding:15px 26px!important;border:none!important;border-radius:999px!important;background:linear-gradient(180deg,#0f5db8,#0a3f87)!important;color:#fff!important;font-size:19px!important;font-weight:850!important;box-shadow:0 18px 30px rgba(10,56,122,.16)!important;cursor:pointer!important;}
.hm-quiz-ranking-open:hover{transform:translateY(-1px)!important;}
.hm-quiz-ranking-open span{font-size:26px!important;line-height:1!important;}
.hm-quiz-ranking-open.is-unlocked{background:linear-gradient(180deg,#0e6a39,#0c5a31)!important;}
.hm-quiz-ranking-showcase-actions small{color:#6f859f!important;font-size:12px!important;font-weight:700!important;}

.hm-quiz-ranking-full{margin:12px 16px 0!important;padding:16px!important;border-radius:18px!important;background:#fff!important;border:1px solid #dbe7f3!important;box-shadow:0 12px 24px rgba(10,56,122,.05)!important;}



.hm-quiz-ranking-full-list{display:grid!important;gap:10px!important;max-height:700px!important;overflow:auto!important;padding-right:4px!important;}
.hm-quiz-ranking-full-item{display:grid!important;grid-template-columns:40px 44px minmax(0,1fr)!important;gap:12px!important;align-items:center!important;padding:10px 12px!important;border-radius:14px!important;background:#f8fbff!important;border:1px solid rgba(180,200,225,.38)!important;}
.hm-quiz-ranking-full-rank{display:grid!important;place-items:center!important;width:32px!important;height:32px!important;border-radius:50%!important;background:#dce8ff!important;color:#174d98!important;font-size:16px!important;font-weight:950!important;}





@media (max-width:900px){
    
    .hm-quiz-ranking-hero-copy h3{font-size:24px!important;}
    .hm-quiz-ranking-hero-copy p{font-size:13px!important;}
    .hm-quiz-ranking-hero-slogan{font-size:18px!important;}
    
    
    
    
}
@media (max-width:700px){
    
    
    
    
    
    
    
    .hm-quiz-ranking-open{width:100%!important;min-width:0!important;font-size:17px!important;padding:14px 18px!important;}
    .hm-quiz-ranking-full{margin:12px 10px 0!important;padding:12px!important;}
}
@media (max-width:480px){
    .hm-quiz-ranking-hero-copy h3{font-size:22px!important;}
    
    .hm-quiz-ranking-hero::after{font-size:56px!important;left:auto!important;right:12px!important;top:14px!important;}
    
    
    
}


/* ==========================================================================
   v331 – funkčný layout kvízu + rebríček striktne podľa potvrdeného e-mailu
   ========================================================================== */


@media(max-width:760px){
    
    
    
    
}
.hm-quiz-ranking-full-item.is-current-email{
    border-color:rgba(255,194,0,.55)!important;
    background:linear-gradient(180deg,#fffdf4,#fff8dc)!important;
    box-shadow:0 8px 20px rgba(255,194,0,.10)!important;
}



/* ========================================================================== 
   v333 – finálna poistka vykreslenia kvízu po oprave JS
   ========================================================================== */






/* ==========================================================================
   v334 – interný kvíz vždy otvorí fullscreen/modal pred spustením pokusu
   ========================================================================== */





/* ==========================================================================
   v335 – menší text otázok a odpovedí v kvíze
   ========================================================================== */


@media(max-width:760px){
    
    
}


/* ==========================================================================
   v336 – väčší text otázky, nižšie odpovede, bez fajky správnosti
   ========================================================================== */



@media(max-width:760px){
    
    
}


/* ==========================================================================
   v337 – ešte väčšia otázka a väčšie písmo možností v kvíze
   ========================================================================== */


@media(max-width:760px){
    
    
}


/* ==========================================================================
   v338 – ešte o 20 % väčšie písmo otázky aj odpovedí v kvíze
   ========================================================================== */


@media(max-width:760px){
    
    
}


/* ==========================================================================
   v339 – kvíz: 4 skupiny po 5 otázok
   ========================================================================== */
.hm-v339-quiz-group-badge{display:inline-flex!important;align-items:center!important;padding:3px 8px!important;border-radius:999px!important;background:#eaf3ff!important;color:#1559a8!important;font-size:10px!important;line-height:1!important;font-weight:900!important;vertical-align:middle!important;}
.hm-v199-new-quiz-form select[name="quiz_group"], .hm-v199-quiz-edit-form select[name="quiz_group"]{width:100%!important;min-height:42px!important;border:1px solid #d7e4f2!important;border-radius:12px!important;background:#fff!important;padding:0 12px!important;color:#173b73!important;font-weight:800!important;}
.hm-v199-new-quiz-form .hm-bo-field small{display:block!important;margin-top:5px!important;color:#71859d!important;font-size:11px!important;}


/* ==========================================================================
   v340 – 5 skupín kvízu, nastaviteľné bodovanie a moje pokusy
   ========================================================================== */
.hm-v340-quiz-scoring{display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,1.15fr);gap:18px;align-items:end;padding:18px;margin:0 0 18px;border:1px solid #dce8f5;border-radius:18px;background:linear-gradient(135deg,#f7fbff,#fffdf0)}
.hm-v340-quiz-scoring>div{display:grid;gap:5px}.hm-v340-quiz-scoring>div>span{font-size:9px!important;font-weight:950;color:#0b67cb;letter-spacing:.12em}.hm-v340-quiz-scoring h3{margin:0;color:#123a6c;font-size:17px!important}.hm-v340-quiz-scoring p{margin:0;color:#6f829c;font-size:11px!important;line-height:1.45}.hm-v340-quiz-scoring form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) auto;gap:8px;align-items:end}.hm-v340-quiz-scoring label{display:grid;gap:5px}.hm-v340-quiz-scoring label span{font-size:9px!important;font-weight:850;color:#52708f}.hm-v340-quiz-scoring input{min-width:0;border:1px solid #cbd9e8;border-radius:8px;padding:10px 9px;font-weight:800;color:#173b69;background:#fff}.hm-v340-quiz-scoring button{border:0;border-radius:11px;background:#0c67cf;color:#fff;padding:11px 14px;font-weight:950;cursor:pointer;white-space:nowrap}.hm-v340-quiz-scoring>small{color:#72839a;font-size:10px!important}
.hm-quiz-my-attempts{margin-top:18px;border:1px solid #d7e5f4;border-radius:20px;background:#fff;overflow:hidden}.hm-quiz-my-attempts-head{display:flex;align-items:center;justify-content:flex-end;gap:14px;padding:15px 18px;background:linear-gradient(135deg,#eef6ff,#fff)}.hm-quiz-my-attempts-head>div{display:grid;gap:3px}.hm-quiz-my-attempts-head span{font-size:9px!important;font-weight:950;letter-spacing:.12em;color:#0b67cf}.hm-quiz-my-attempts-head strong{font-size:15px!important;color:#0c3265}.hm-quiz-my-attempts-head>b{display:grid;place-items:center;min-width:34px;height:30px;padding:0 9px;border-radius:11px;background:#0d67ce;color:#fff;font-size:13px!important}.hm-quiz-my-attempts-list{display:grid;gap:0}.hm-quiz-my-attempts-list article{display:grid;grid-template-columns:72px minmax(0,1fr);gap:12px;align-items:center;padding:12px 18px;border-top:1px solid #edf2f7}.hm-quiz-my-attempts-list article>span{font-weight:950;color:#0c67cd;font-size:15px!important}.hm-quiz-my-attempts-list article>div{display:grid;gap:2px}.hm-quiz-my-attempts-list article strong{font-size:12px!important;color:#183e6d}.hm-quiz-my-attempts-list article small{font-size:10px!important;color:#788aa1}.hm-quiz-my-attempts-list>p{margin:0;padding:16px 18px;color:#71839b;font-size:11px!important}
@media(max-width:900px){.hm-v340-quiz-scoring{grid-template-columns:1fr}.hm-v340-quiz-scoring form{grid-template-columns:1fr 1fr 1fr}.hm-v340-quiz-scoring button{grid-column:1/-1}.hm-quiz-my-attempts-list article{grid-template-columns:58px 1fr}}

.hm-quiz-result-attempts{width:min(520px,100%);margin:10px auto 4px;padding:11px 13px;border:1px solid #dce8f4;border-radius:8px;background:color-mix(in srgb,var(--hm-level-color) 4%,#f8fbff);display:grid;gap:5px;text-align:left}.hm-quiz-result-attempts>strong{color:#163e6d;font-size:11px!important}.hm-quiz-result-attempts>div{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding-top:6px;border-top:1px solid #e7eef6}.hm-quiz-result-attempts b{color:#0b67ce;font-size:11px!important}.hm-quiz-result-attempts span{color:#71839a;font-size:10px!important}


/* ==========================================================================
   v341 – oblasti kvízu: štítky, jemné podfarbenie a výsledky podľa oblastí
   ========================================================================== */


@media(max-width:760px){
  
  
}


/* ==========================================================================
   v344 – XML import kvízu + spoločná téma História a Kultúra
   ========================================================================== */





.hm-v344-bo-xml-form{margin-bottom:16px!important;padding:16px!important;border:1px solid #cadff5!important;border-radius:18px!important;background:linear-gradient(135deg,#f3f9ff,#fffdf2)!important;box-shadow:0 10px 26px rgba(15,66,126,.06)!important}
.hm-v344-bo-xml-head>div{display:grid;gap:3px}.hm-v344-bo-xml-head span{font-size:9px!important;font-weight:950;letter-spacing:.12em;color:#0b67ca}.hm-v344-bo-xml-head strong{font-size:15px!important;color:#153d70}.hm-v344-bo-xml-head small{font-size:10px!important;color:#71849b}
.hm-v344-replace{display:flex!important;align-items:center!important;gap:8px!important;padding:9px 11px!important;border-radius:11px!important;background:#fff!important;border:1px solid #dce7f1!important;font-size:11px!important;font-weight:800!important;color:#425e7c!important}.hm-v344-replace input{margin:0!important}

.hm-v344-bo-import-result{display:grid;gap:3px;margin-bottom:8px;padding:11px 13px;border-radius:13px;font-size:11px!important}.hm-v344-bo-import-result.is-ok{background:#edf9f2;border:1px solid #c7e8d4;color:#256d48}.hm-v344-bo-import-result.is-error{background:#fff1ed;border:1px solid #efcbc0;color:#9c4432}.hm-v344-bo-import-result strong{font-size:11px!important}.hm-v344-bo-import-result span{font-size:10px!important}
.hm-bo-field select[name="quiz_area"]{width:100%!important;min-height:42px!important;border:1px solid #cbd9e8!important;border-radius:10px!important;background:#fff!important;padding:8px 10px!important;color:#173b69!important;font-weight:800!important}


/* ==========================================================================
   v345 – 15 otázok, nové kategórie a hromadné mazanie
   ========================================================================== */

@media(max-width:760px){}


.hm-v345-delete-all-quiz, .hm-v345-bo-delete-all{display:flex;align-items:center;justify-content:flex-end;gap:18px;margin:0 0 18px;padding:16px 18px;border:1px solid #f0d5d0;border-radius:16px;background:linear-gradient(135deg,#fff8f6,#fff);box-shadow:0 8px 22px rgba(120,40,30,.04)}
.hm-v345-delete-all-quiz>div, .hm-v345-bo-delete-all>div{display:grid;gap:3px}.hm-v345-delete-all-quiz span, .hm-v345-bo-delete-all span{font-size:9px!important;font-weight:950;letter-spacing:.12em;color:#a74b3d}.hm-v345-delete-all-quiz strong, .hm-v345-bo-delete-all strong{font-size:15px!important;color:#6f2d27}.hm-v345-delete-all-quiz small, .hm-v345-bo-delete-all small{font-size:10px!important;color:#8d6a65}
.hm-v345-delete-all-button, .hm-v345-bo-delete-all button{border:1px solid #d88a7c!important;border-radius:11px!important;background:#fff!important;color:#a34134!important;padding:10px 14px!important;font-weight:900!important;cursor:pointer!important;white-space:nowrap}
.hm-v345-delete-all-button:hover, .hm-v345-bo-delete-all button:hover{background:#fff1ed!important;border-color:#c96857!important}
@media(max-width:760px){.hm-v345-delete-all-quiz, .hm-v345-bo-delete-all{align-items:stretch;flex-direction:column}.hm-v345-delete-all-quiz form, .hm-v345-delete-all-quiz button, .hm-v345-bo-delete-all form, .hm-v345-bo-delete-all button{width:100%}}

.hm-v345-bo-xml-import{margin:0 0 18px;padding:16px;border:1px solid #d7e5f3;border-radius:17px;background:#fff}.hm-v345-bo-xml-import>.hm-v344-bo-xml-head{margin-bottom:10px}

/* ==========================================================================
   v346 – finálna responzivita webu + centrované CTA + mobilná anketa/kvíz
   ========================================================================== */
html, body, .hm-site{max-width:100%!important;overflow-x:clip!important}
.hm-site *, .hm-site *::before, .hm-site *::after{box-sizing:border-box!important}
.hm-site img, .hm-site video, .hm-site iframe, .hm-site svg{max-width:100%}
.hm-site h1, .hm-site h2, .hm-site h3, .hm-site h4, .hm-site p, .hm-site span, .hm-site strong, .hm-site small{overflow-wrap:anywhere}

/* CTA ankety a kvízu: text je skutočne v strede, šípka je samostatne napravo. */
#hmVoteIntro.hm-entry-shared .hm-v173-launch-side, #hmQuizIntro.hm-entry-shared .hm-v173-launch-side{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-width:0!important;
    padding:22px!important;
}
#hmVoteIntro.hm-entry-shared .hm-v173-launch-cta, #hmQuizIntro.hm-entry-shared .hm-v173-launch-cta{
    position:relative!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:min(100%,520px)!important;
    min-width:0!important;
    min-height:122px!important;
    height:auto!important;
    padding:22px 96px 22px 32px!important;
    margin:auto!important;
    border-radius:28px!important;
    transform:none!important;
    text-align:center!important;
    overflow:hidden!important;
}
#hmVoteIntro.hm-entry-shared .hm-v173-launch-cta>span, #hmQuizIntro.hm-entry-shared .hm-v173-launch-cta>span{
    position:absolute!important;
    left:50%!important;
    top:50%!important;
    transform:translate(-50%,-50%)!important;
    width:max-content!important;
    max-width:calc(100% - 150px)!important;
    margin:0!important;
    padding:0!important;
    font-size:clamp(27px,2.35vw,38px)!important;
    line-height:1!important;
    letter-spacing:-.035em!important;
    text-align:center!important;
    white-space:nowrap!important;
}
#hmVoteIntro.hm-entry-shared .hm-v173-launch-cta>b, #hmQuizIntro.hm-entry-shared .hm-v173-launch-cta>b{
    position:absolute!important;
    right:16px!important;
    top:50%!important;
    bottom:auto!important;
    transform:translateY(-50%)!important;
    display:grid!important;
    place-items:center!important;
    width:64px!important;
    height:64px!important;
    margin:0!important;
    border-radius:19px!important;
    font-size:29px!important;
}

/* Tablet a mobil – vstupné boxy ankety/kvízu idú prirodzene pod seba. */
@media(max-width:980px){
    .hm-wrap, .hm-solutions>.hm-wrap, .hm-quiz>.hm-wrap, .hm-quiz-shell{
        width:min(calc(100% - 24px),var(--hm-wrap))!important;
        max-width:100%!important;
        margin-inline:auto!important;
    }
    #hmVoteIntro.hm-entry-shared .hm-v111-main, #hmQuizIntro.hm-entry-shared .hm-v111-main{
        display:grid!important;
        grid-template-columns:minmax(0,1fr)!important;
        gap:14px!important;
        min-height:0!important;
        height:auto!important;
        padding:18px!important;
    }
    #hmVoteIntro.hm-entry-shared .hm-v173-copy, #hmQuizIntro.hm-entry-shared .hm-v173-copy, #hmVoteIntro.hm-entry-shared .hm-v173-info-panel, #hmQuizIntro.hm-entry-shared .hm-v173-info-panel{
        width:100%!important;
        max-width:100%!important;
        min-width:0!important;
    }
    #hmVoteIntro.hm-entry-shared .hm-v173-launch-side, #hmQuizIntro.hm-entry-shared .hm-v173-launch-side{
        width:100%!important;
        min-height:0!important;
        height:auto!important;
        padding:2px 0 0!important;
    }
    #hmVoteIntro.hm-entry-shared .hm-v173-launch-cta, #hmQuizIntro.hm-entry-shared .hm-v173-launch-cta{
        width:100%!important;
        max-width:100%!important;
        min-height:78px!important;
        height:auto!important;
        padding:12px 66px 12px 18px!important;
        border-radius:20px!important;
        transform:none!important;
    }
    #hmVoteIntro.hm-entry-shared .hm-v173-launch-cta>span, #hmQuizIntro.hm-entry-shared .hm-v173-launch-cta>span{
        max-width:calc(100% - 118px)!important;
        font-size:clamp(19px,4.8vw,27px)!important;
        line-height:1.05!important;
        white-space:normal!important;
    }
    #hmVoteIntro.hm-entry-shared .hm-v173-launch-cta>b, #hmQuizIntro.hm-entry-shared .hm-v173-launch-cta>b{
        right:10px!important;
        width:52px!important;
        height:52px!important;
        border-radius:15px!important;
        font-size:23px!important;
    }
    .hm-v174-info-chips{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important}
    .hm-v174-info-chips>span{min-width:0!important;width:100%!important}
}

/* Mobilná hlavička a základné plochy. */
@media(max-width:700px){
    .hm-topbar{width:100%!important;max-width:100%!important}
    .hm-topbar-inner{width:calc(100% - 16px)!important;max-width:100%!important;gap:7px!important;padding-inline:10px!important}
    .hm-logo{min-width:0!important;max-width:calc(100% - 96px)!important}
    .hm-logo-words{min-width:0!important}
    .hm-logo-words strong{font-size:13px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
    .hm-logo-words small{font-size:8px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
    .hm-navigation{max-width:calc(100vw - 24px)!important;left:12px!important;right:12px!important;width:auto!important}

    .hm-civic-intro-layout{grid-template-columns:1fr!important;min-width:0!important}
    .hm-civic-intro-copy, .hm-civic-intro-aside{min-width:0!important;max-width:100%!important}
    .hm-civic-intro-copy h1, .hm-hero h1, .hm-hero-title, .hm-hero-copy h1, .hm-main-hero h1{
        max-width:100%!important;
        font-size:clamp(38px,12vw,58px)!important;
        line-height:.95!important;
        transform:none!important;
    }
    #hmPledgeGrid.hm-pledge-grid, .hm-pledge-grid{max-width:100%!important;margin-inline:auto!important}
    .hm-problem-strip-head{display:grid!important;grid-template-columns:1fr!important;gap:6px!important}
    .hm-problem-strip-head>p{max-width:100%!important;text-align:left!important}
    .hm-v249-video-shell, .hm-v249-media-shell, .hm-v249-team-shell{max-width:100%!important;overflow:hidden!important}
    .hm-v249-video-grid, .hm-v249-media .hm-media-grid, .hm-v249-team .hm-candidate-grid{grid-template-columns:minmax(0,1fr)!important}

    #hmVoteIntro.hm-entry-shared, #hmQuizIntro.hm-entry-shared{
        width:100%!important;
        max-width:100%!important;
        min-height:0!important;
        border-radius:22px!important;
        overflow:hidden!important;
    }
    #hmVoteIntro.hm-entry-shared .hm-v111-main, #hmQuizIntro.hm-entry-shared .hm-v111-main{padding:14px!important;gap:11px!important}
    #hmVoteIntro.hm-entry-shared h2, #hmQuizIntro.hm-entry-shared h2{font-size:clamp(31px,10vw,44px)!important;line-height:.98!important;max-width:100%!important}
    #hmVoteIntro.hm-entry-shared .hm-v111-lead, #hmQuizIntro.hm-entry-shared .hm-v111-lead{font-size:13px!important;line-height:1.4!important;max-width:100%!important}
    #hmVoteIntro.hm-entry-shared .hm-v173-info-panel, #hmQuizIntro.hm-entry-shared .hm-v173-info-panel{padding:12px!important;border-radius:15px!important}
    #hmQuizIntro.hm-entry-shared .hm-v103-vote-stats.hm-v122-plain-stats, #hmVoteIntro.hm-entry-shared .hm-v103-vote-stats.hm-v122-plain-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}
    .hm-v174-info-chips{grid-template-columns:1fr!important}
}

/* Ankete na mobile už nič nenatláčame do jednej obrazovky – karta sa prirodzene scrolluje. */




/* Kvízový modal je na mobile rovnako scrollovateľný a čitateľný. */
@media(max-width:700px){
    
    
    
    
    
    
    
    
}

/* ==========================================================================
   v347 – rebríčky, interné e-maily, CTA kvízu a prehľad pokusov
   ========================================================================== */




.hm-public-priority-board-kickers{display:none!important}

/* Celé poradie už nie je druhý samostatný rebríček pod odkazmi. Rozšíri sa priamo v prvom boxe. */
.hm-v347-priority-expanded{
    width:100%!important;
    margin:18px 0 0!important;
    padding:18px 0 0!important;
    border:0!important;
    border-top:1px solid #dbe6f2!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
}



.hm-v347-priority-expanded .hm-result-list{display:grid!important;gap:9px!important;margin:0!important;padding:0!important}
.hm-v347-priority-expanded .hm-result-item{margin:0!important}
.hm-v347-priority-expanded .hm-public-priority-item-result{
    width:100%!important;
    appearance:none!important;
    -webkit-appearance:none!important;
    text-align:left!important;
    cursor:pointer!important;
    font:inherit!important;
}
.hm-v347-priority-expanded .hm-public-priority-item-result.is-row{
    display:grid!important;
    grid-template-columns:44px 58px minmax(0,1fr) auto 24px!important;
    gap:12px!important;
    align-items:center!important;
    min-height:0!important;
    padding:12px 16px!important;
    border-radius:18px!important;
    background:#fff!important;
    box-shadow:0 10px 24px rgba(10,56,122,.06)!important;
    border:1px solid rgba(172,194,219,.34)!important;
}
.hm-v347-priority-expanded .hm-public-priority-item-result .hm-public-priority-rank-wrap{position:static!important;transform:none!important;top:auto!important;left:auto!important;}
.hm-v347-priority-expanded .hm-public-priority-item-result .hm-public-priority-rank{
    width:32px!important;height:32px!important;font-size:17px!important;background:#d5e6ff!important;color:#174d98!important;border-width:2px!important;box-shadow:none!important;
}
.hm-v347-priority-expanded .hm-public-priority-item-result .hm-public-priority-thumb{width:42px!important;height:42px!important;border-radius:50%!important;background:#eef5ff!important;box-shadow:none!important;}
.hm-v347-priority-expanded .hm-public-priority-item-result .hm-public-priority-thumb img{width:100%!important;height:100%!important;object-fit:cover!important;border-radius:50%!important;}
.hm-v347-priority-expanded .hm-public-priority-item-result .hm-public-priority-thumb span{font-size:22px!important;}
.hm-v347-priority-expanded .hm-public-priority-item-result .hm-public-priority-copy{display:grid!important;grid-template-columns:minmax(0,1.25fr) minmax(180px,.95fr)!important;align-items:center!important;gap:14px!important;width:100%!important;min-width:0!important;}
.hm-v347-priority-expanded .hm-public-priority-item-result .hm-public-priority-copy strong{font-size:15px!important;color:#132d69!important;line-height:1.18!important;font-weight:900!important;display:block!important;margin:0!important;}
.hm-v347-priority-expanded .hm-public-priority-item-result .hm-public-priority-stats-line{justify-content:flex-end!important;gap:14px!important;white-space:nowrap!important;}
.hm-v347-priority-expanded .hm-public-priority-item-result .hm-public-priority-stats-line small{font-size:13px!important;}
.hm-v347-priority-expanded .hm-public-priority-item-result .hm-public-priority-row-arrow{color:#5b7396!important;font-size:30px!important;line-height:1!important;align-self:center!important;}


/* v367 – po odomknutí zostáva hore pôvodný pekný TOP 5 a hneď pod ním bez prerušenia pokračuje 6. miesto a ďalšie. */

#hmResults.hm-results-continuous{margin:12px 0 0!important;padding:0!important;border-top:0!important;}
#hmResults.hm-results-continuous #hmResultsNotice, #hmResults.hm-results-continuous #hmResultsUserActions{display:none!important;}
#hmResults.hm-results-continuous #hmResultList{display:grid!important;gap:9px!important;margin:0!important;padding:0!important;}
#hmResults.hm-results-continuous .hm-public-priority-item-result{
    width:100%!important;appearance:none!important;-webkit-appearance:none!important;text-align:left!important;cursor:pointer!important;font:inherit!important;
}
#hmResults.hm-results-continuous .hm-public-priority-item-result.is-row{
    display:grid!important;grid-template-columns:44px 58px minmax(0,1fr) auto 24px!important;gap:12px!important;align-items:center!important;
    min-height:0!important;padding:12px 16px!important;border-radius:18px!important;background:#fff!important;box-shadow:0 10px 24px rgba(10,56,122,.06)!important;border:1px solid rgba(172,194,219,.34)!important;
}
#hmResults.hm-results-continuous .hm-public-priority-item-result .hm-public-priority-rank-wrap{position:static!important;transform:none!important;top:auto!important;left:auto!important;}
#hmResults.hm-results-continuous .hm-public-priority-item-result .hm-public-priority-rank{width:32px!important;height:32px!important;font-size:17px!important;background:#d5e6ff!important;color:#174d98!important;border-width:2px!important;box-shadow:none!important;}
#hmResults.hm-results-continuous .hm-public-priority-item-result .hm-public-priority-thumb{width:42px!important;height:42px!important;border-radius:50%!important;background:#eef5ff!important;box-shadow:none!important;}
#hmResults.hm-results-continuous .hm-public-priority-item-result .hm-public-priority-thumb img{width:100%!important;height:100%!important;object-fit:cover!important;border-radius:50%!important;}
#hmResults.hm-results-continuous .hm-public-priority-item-result .hm-public-priority-thumb span{font-size:22px!important;}
#hmResults.hm-results-continuous .hm-public-priority-item-result .hm-public-priority-copy{display:grid!important;grid-template-columns:minmax(0,1.25fr) minmax(180px,.95fr)!important;align-items:center!important;gap:14px!important;width:100%!important;min-width:0!important;}
#hmResults.hm-results-continuous .hm-public-priority-item-result .hm-public-priority-copy strong{font-size:15px!important;max-width:none!important;color:#132d69!important;}
#hmResults.hm-results-continuous .hm-public-priority-item-result .hm-public-priority-stats-line{justify-content:flex-end!important;gap:14px!important;white-space:nowrap!important;}
#hmResults.hm-results-continuous .hm-public-priority-item-result .hm-public-priority-stats-line b{font-size:18px!important;}
#hmResults.hm-results-continuous .hm-public-priority-item-result .hm-public-priority-stats-line small{font-size:13px!important;}
#hmResults.hm-results-continuous .hm-public-priority-item-result .hm-public-priority-row-arrow{color:#5b7396!important;font-size:30px!important;line-height:1!important;align-self:center!important;}


/* Rebríček kvízu má presne rovnakú maximálnu šírku ako rebríček priorít. */


/* Kvízové CTA používa rovnaký pulz a vizuálnu energiu ako CTA ankety. */
#hmQuizIntro.hm-v317-quiz-cta .hm-v173-launch-cta.hm-force-pulse{
    animation:hm-v326-cta-pulse .88s ease-in-out infinite!important;
    will-change:transform,box-shadow,filter!important;
    transform-origin:center center!important;
}
#hmQuizIntro.hm-v317-quiz-cta .hm-v173-launch-cta, #hmVoteIntro.hm-v315-poll-cta .hm-v173-launch-cta{
    border-radius:999px!important;
}
#hmQuizIntro.hm-v317-quiz-cta .hm-v173-launch-cta:disabled{
    opacity:1!important;
    filter:none!important;
}

/* Moje pokusy – prehľadné stĺpce podľa požiadavky. */


@media(max-width:760px){
    
    
    #hmResults.hm-results-continuous .hm-public-priority-item-result.is-row{grid-template-columns:38px 44px minmax(0,1fr) auto 20px!important;padding:10px 12px!important;}
    #hmResults.hm-results-continuous .hm-public-priority-item-result .hm-public-priority-copy{grid-template-columns:1fr!important;gap:8px!important;}
    #hmResults.hm-results-continuous .hm-public-priority-item-result .hm-public-priority-stats-line{justify-content:flex-start!important;}
    .hm-v347-priority-expanded .hm-public-priority-item-result.is-row{grid-template-columns:38px 44px minmax(0,1fr) auto 20px!important;padding:10px 12px!important;}
    .hm-v347-priority-expanded .hm-public-priority-item-result .hm-public-priority-copy{grid-template-columns:1fr!important;gap:8px!important;}
    .hm-v347-priority-expanded .hm-public-priority-item-result .hm-public-priority-stats-line{justify-content:flex-start!important;}
    
    
    
    
}


/* v347 – definitívne zjednotenie tlačidiel SPUSTIŤ ANKETU / SPUSTIŤ KVÍZ */
#hmVoteIntro.hm-entry-shared .hm-v173-launch-cta, #hmQuizIntro.hm-entry-shared .hm-v173-launch-cta{
    width:min(100%,512px)!important;
    min-height:104px!important;
    padding:0 92px 0 34px!important;
    border:1px solid rgba(255,255,255,.58)!important;
    border-radius:999px!important;
    background:linear-gradient(180deg,#ffdd17 0%,#ffd000 100%)!important;
    color:#092f66!important;
    box-shadow:0 18px 34px rgba(255,205,0,.34),inset 0 1px 0 rgba(255,255,255,.76)!important;
    text-align:center!important;
}
#hmVoteIntro.hm-entry-shared .hm-v173-launch-cta>span, #hmQuizIntro.hm-entry-shared .hm-v173-launch-cta>span{
    position:absolute!important;
    left:50%!important;
    top:50%!important;
    transform:translate(-50%,-50%)!important;
    max-width:calc(100% - 150px)!important;
    color:#092f66!important;
    font-size:clamp(24px,2.1vw,31px)!important;
    font-weight:950!important;
    line-height:1!important;
    white-space:nowrap!important;
}
#hmVoteIntro.hm-entry-shared .hm-v173-launch-cta>b, #hmQuizIntro.hm-entry-shared .hm-v173-launch-cta>b{
    position:absolute!important;
    right:13px!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    width:72px!important;
    height:72px!important;
    display:grid!important;
    place-items:center!important;
    border-radius:24px!important;
    background:linear-gradient(180deg,#176bd1,#0e55ad)!important;
    color:#fff!important;
    font-size:31px!important;
    box-shadow:0 10px 22px rgba(8,68,145,.22)!important;
}
@media(max-width:700px){
    #hmVoteIntro.hm-entry-shared .hm-v173-launch-cta, #hmQuizIntro.hm-entry-shared .hm-v173-launch-cta{min-height:74px!important;padding:0 66px 0 18px!important}
    #hmVoteIntro.hm-entry-shared .hm-v173-launch-cta>span, #hmQuizIntro.hm-entry-shared .hm-v173-launch-cta>span{max-width:calc(100% - 112px)!important;font-size:20px!important;white-space:normal!important}
    #hmVoteIntro.hm-entry-shared .hm-v173-launch-cta>b, #hmQuizIntro.hm-entry-shared .hm-v173-launch-cta>b{right:9px!important;width:54px!important;height:54px!important;border-radius:17px!important;font-size:24px!important}
}

/* ==========================================================================
   v348 – širší kvíz, kompaktný horný riadok a výraznejšie odpovede
   ========================================================================== */
@media (min-width:701px){
    
}


@media(max-width:700px){
    
    
    
    
    
    
}


/* ==========================================================================
   v349 – rebríček priorít: rozloženie hlasov + nové bodovanie
   ========================================================================== */
.hm-public-priority-vote-bar, .hm-result-vote-distribution{
    display:flex!important;
    width:100%!important;
    height:11px!important;
    overflow:hidden!important;
    border-radius:999px!important;
    background:#e8edf3!important;
    box-shadow:inset 0 1px 2px rgba(12,44,86,.12)!important;
}
.hm-public-priority-vote-bar>span, .hm-result-vote-distribution>span{
    display:block!important;
    height:100%!important;
    min-width:0!important;
    transition:width .25s ease!important;
}
.hm-public-priority-vote-bar .is-definitely, .hm-result-vote-distribution .is-definitely{background:#087f3c!important;}
.hm-public-priority-vote-bar .is-yes, .hm-result-vote-distribution .is-yes{background:#38b968!important;}
.hm-public-priority-vote-bar .is-neutral, .hm-result-vote-distribution .is-neutral{background:#aab5c2!important;}
.hm-public-priority-vote-bar .is-no, .hm-result-vote-distribution .is-no{background:#e54e4e!important;}
.hm-public-priority-stats-v349 b{display:flex!important;align-items:baseline!important;gap:5px!important;}
.hm-public-priority-stats-v349 b em{font-style:normal!important;font-size:.48em!important;font-weight:850!important;color:#607896!important;}
.hm-public-priority-vote-legend{
    display:flex!important;
    justify-content:center!important;
    align-items:center!important;
    flex-wrap:wrap!important;
    gap:8px 14px!important;
    margin:16px auto 0!important;
    padding:9px 12px!important;
    width:fit-content!important;
    max-width:100%!important;
    border:1px solid #dbe5f0!important;
    border-radius:999px!important;
    background:rgba(255,255,255,.72)!important;
}
.hm-public-priority-vote-legend span{display:inline-flex!important;align-items:center!important;gap:5px!important;font-size:10px!important;font-weight:750!important;color:#49627f!important;white-space:nowrap!important;}
.hm-public-priority-vote-legend span>i{width:9px!important;height:9px!important;border-radius:50%!important;display:inline-block!important;}
.hm-public-priority-vote-legend span>b{font-size:10px!important;color:#173b6d!important;}
.hm-public-priority-vote-legend .is-definitely>i{background:#087f3c!important;}
.hm-public-priority-vote-legend .is-yes>i{background:#38b968!important;}
.hm-public-priority-vote-legend .is-neutral>i{background:#aab5c2!important;}
.hm-public-priority-vote-legend .is-no>i{background:#e54e4e!important;}
.hm-result-item-v349 .hm-result-copy{gap:7px!important;}
.hm-result-item-v349 .hm-result-vote-distribution{height:8px!important;margin-top:2px!important;}
.hm-result-item-v349 .hm-result-copy>small{font-size:9px!important;line-height:1.35!important;color:#70849a!important;}
@media(max-width:760px){
    .hm-public-priority-vote-legend{border-radius:16px!important;justify-content:flex-start!important;width:100%!important;gap:7px 10px!important;}
    .hm-public-priority-vote-legend span{font-size:9px!important;}
    .hm-public-priority-vote-bar{height:9px!important;}
}


/* ==========================================================================
   v350 – čisté CTA, čitateľnejšie problémy a fullscreen profil kandidáta
   ========================================================================== */
/* CTA: bez rozmazaného žltého/sivého glow efektu. */
#hmVoteIntro.hm-entry-shared .hm-v173-launch-side, #hmQuizIntro.hm-entry-shared .hm-v173-launch-side{
    background:transparent!important;
    box-shadow:none!important;
    filter:none!important;
    backdrop-filter:none!important;
}
#hmVoteIntro.hm-entry-shared .hm-v173-launch-cta, #hmQuizIntro.hm-entry-shared .hm-v173-launch-cta, #hmVoteIntro.hm-entry-shared .hm-v173-launch-cta.hm-force-pulse, #hmQuizIntro.hm-entry-shared .hm-v173-launch-cta.hm-force-pulse{
    animation:none!important;
    transform:none!important;
    filter:none!important;
    box-shadow:0 2px 0 rgba(255,255,255,.48) inset,0 3px 8px rgba(7,45,91,.10)!important;
    will-change:auto!important;
}
#hmVoteIntro.hm-entry-shared .hm-v173-launch-cta::before, #hmQuizIntro.hm-entry-shared .hm-v173-launch-cta::before{
    display:none!important;
    content:none!important;
}
#hmVoteIntro.hm-entry-shared .hm-v173-launch-cta>b, #hmQuizIntro.hm-entry-shared .hm-v173-launch-cta>b{
    box-shadow:none!important;
    filter:none!important;
}

/* Čo trápi Humenné: pri prejdení myšou menej fotografie, viac priestoru textu. */
@media (min-width:981px) and (hover:hover) and (pointer:fine){
    .hm-v164-problem-group .hm-problem-tile:hover .hm-problem-tile-image{
        height:78px!important;
        min-height:78px!important;
        flex-basis:78px!important;
    }
    .hm-v164-problem-group .hm-problem-tile:hover .hm-problem-tile-copy{
        min-height:96px!important;
        padding:10px 12px 12px!important;
        overflow:hidden!important;
    }
    .hm-v164-problem-group .hm-problem-tile:hover .hm-problem-tile-copy h3{
        font-size:15.5px!important;
        line-height:1.18!important;
        font-weight:900!important;
        max-height:2.36em!important;
    }
    .hm-v164-problem-group .hm-problem-tile:hover .hm-problem-tile-copy p{
        display:block!important;
        margin-top:6px!important;
        font-size:11.5px!important;
        line-height:1.34!important;
        max-height:4.02em!important;
        color:rgba(255,255,255,.86)!important;
    }
}

/* Profil kandidáta: horná navigácia ostáva viditeľná a je o cca 30 % nižšia. */
body.hm-team-profile-open .hm-topbar{
    z-index:12050!important;
}
body.hm-team-profile-open .hm-topbar-inner, body.hm-team-profile-open .hm-topbar.is-scrolled .hm-topbar-inner{
    height:47px!important;
    min-height:47px!important;
    border-radius:16px!important;
    padding-top:0!important;
    padding-bottom:0!important;
    box-shadow:0 8px 24px rgba(0,43,116,.18)!important;
}
body.hm-team-profile-open .hm-logo>i{
    width:27px!important;
    height:27px!important;
}
body.hm-team-profile-open .hm-logo-words strong{font-size:14px!important;line-height:1!important}
body.hm-team-profile-open .hm-logo-words small{font-size:8px!important;line-height:1.05!important}
body.hm-team-profile-open .hm-navigation a{
    padding:7px 9px!important;
    font-size:11px!important;
}
body.hm-team-profile-open .hm-topbar-login{
    min-height:34px!important;
    height:34px!important;
    padding-top:0!important;
    padding-bottom:0!important;
}

/* Celý detail kandidáta využíva celú dostupnú výšku pod hornou lištou. */
.hm-modal.hm-modal-team-profile-open{
    z-index:11000!important;
    padding:72px 12px 0!important;
    place-items:stretch center!important;
    overflow:hidden!important;
    backdrop-filter:blur(8px)!important;
}
.hm-modal.hm-modal-team-profile-open .hm-modal-dialog{
    width:min(1080px,calc(100vw - 24px))!important;
    height:calc(100dvh - 72px)!important;
    max-height:calc(100dvh - 72px)!important;
    margin:0 auto!important;
    padding:0!important;
    overflow:auto!important;
    overscroll-behavior:contain!important;
    border-radius:24px 24px 0 0!important;
}
.admin-bar .hm-modal.hm-modal-team-profile-open{
    padding-top:104px!important;
}
.admin-bar .hm-modal.hm-modal-team-profile-open .hm-modal-dialog{
    height:calc(100dvh - 104px)!important;
    max-height:calc(100dvh - 104px)!important;
}

/* Aj horný modrý blok profilu je kompaktnejší približne o 30 %. */
.hm-modal.hm-modal-team-profile-open .hm-v292-team-profile .hm-v219-team-profile-hero{
    grid-template-columns:160px minmax(0,1fr)!important;
    gap:22px!important;
    min-height:210px!important;
    padding:22px 28px!important;
}
.hm-modal.hm-modal-team-profile-open .hm-v292-team-profile .hm-v219-team-profile-photo{
    width:160px!important;
    height:175px!important;
    border-radius:20px!important;
}
.hm-modal.hm-modal-team-profile-open .hm-v292-team-profile .hm-v219-team-profile-title h2{
    font-size:clamp(30px,4vw,44px)!important;
    line-height:1!important;
}
.hm-modal.hm-modal-team-profile-open .hm-v292-team-profile .hm-v219-team-profile-title>p{
    font-size:14px!important;
}
.hm-modal.hm-modal-team-profile-open .hm-modal-close{
    top:10px!important;
    right:10px!important;
    width:36px!important;
    height:36px!important;
    margin:0!important;
    border-radius:12px!important;
}

@media(max-width:700px){
    body.hm-team-profile-open .hm-topbar-inner, body.hm-team-profile-open .hm-topbar.is-scrolled .hm-topbar-inner{
        height:44px!important;
        min-height:44px!important;
        border-radius:14px!important;
    }
    body.hm-team-profile-open .hm-logo>i{width:25px!important;height:25px!important}
    body.hm-team-profile-open .hm-logo-words strong{font-size:12px!important}
    body.hm-team-profile-open .hm-logo-words small{font-size:7px!important}
    .hm-modal.hm-modal-team-profile-open{
        padding:58px 0 0!important;
    }
    .hm-modal.hm-modal-team-profile-open .hm-modal-dialog{
        width:100%!important;
        height:calc(100dvh - 58px)!important;
        max-height:calc(100dvh - 58px)!important;
        border-radius:18px 18px 0 0!important;
    }
    .admin-bar .hm-modal.hm-modal-team-profile-open{padding-top:104px!important}
    .admin-bar .hm-modal.hm-modal-team-profile-open .hm-modal-dialog{
        height:calc(100dvh - 104px)!important;
        max-height:calc(100dvh - 104px)!important;
    }
    .hm-modal.hm-modal-team-profile-open .hm-v292-team-profile .hm-v219-team-profile-hero{
        grid-template-columns:96px minmax(0,1fr)!important;
        gap:14px!important;
        min-height:150px!important;
        padding:16px!important;
    }
    .hm-modal.hm-modal-team-profile-open .hm-v292-team-profile .hm-v219-team-profile-photo{
        width:96px!important;
        height:112px!important;
        border-radius:15px!important;
    }
    .hm-modal.hm-modal-team-profile-open .hm-v292-team-profile .hm-v219-team-profile-title h2{
        font-size:27px!important;
    }
    .hm-modal.hm-modal-team-profile-open .hm-v292-team-profile .hm-v219-team-profile-title>p{
        font-size:11px!important;
    }
}

/* ==========================================================================
   v351 – mobilná anketa: 4 hlasovacie karty v jednom rade ako na desktope
   ========================================================================== */


/* ==========================================================================
   v352 – admin mazanie priorít z dotazníka
   ========================================================================== */
.hm-v352-admin-delete-row{display:flex;align-items:center;gap:12px;margin-top:14px;padding-top:14px;border-top:1px solid #e5eaf0}.hm-v352-admin-delete-row small{color:#7b8794}.hm-v352-delete-priority{border-color:#d85d57!important;color:#a92923!important;background:#fff7f6!important;font-weight:800!important}.hm-v352-delete-priority:hover{background:#a92923!important;color:#fff!important;border-color:#a92923!important}
.hm-v352-bo-delete-priority{display:flex;align-items:center;justify-content:flex-end;gap:14px;padding:12px 14px;margin-top:12px;border:1px solid #f0c9c5;border-radius:12px;background:#fff8f7}.hm-v352-bo-delete-priority button{border:0;border-radius:9px;padding:9px 12px;background:#b83b34;color:#fff;font-weight:900;cursor:pointer}.hm-v352-bo-delete-priority button:hover{background:#962c27}.hm-v352-bo-delete-priority span{font-size:10px;color:#8b5b58;text-align:right}@media(max-width:760px){.hm-v352-bo-delete-priority, .hm-v352-admin-delete-row{align-items:flex-start;flex-direction:column}.hm-v352-bo-delete-priority span{text-align:left}}


/* ==========================================================================
   v353 – poradie priorít v backoffice
   ========================================================================== */
.hm-v353-priority-order{display:flex;align-items:center;justify-content:flex-end;gap:18px;padding:14px 16px;margin:0 0 14px;border:1px solid #cfe0f2;border-radius:10px;background:linear-gradient(135deg,#f5f9ff,#fff)}
.hm-v353-priority-order>div{display:grid;gap:3px;min-width:0}.hm-v353-priority-order>div>span{font-size:9px!important;font-weight:950;letter-spacing:.12em;color:#1168bf}.hm-v353-priority-order>div>strong{font-size:13px!important;color:#173f6c}.hm-v353-priority-order>div>small{font-size:10px!important;line-height:1.4;color:#72859b}
.hm-v353-priority-order>label{display:flex;align-items:center;gap:8px;flex:0 0 auto}.hm-v353-priority-order>label>span{font-size:10px!important;font-weight:900;color:#48637f}.hm-v353-priority-order select{min-width:76px;height:40px;border:1px solid #b9cee5;border-radius:8px;background:#fff;color:#123f70;font-weight:900;padding:0 10px}
@media(max-width:700px){.hm-v353-priority-order{align-items:flex-start;flex-direction:column}.hm-v353-priority-order>label{width:100%;justify-content:space-between}.hm-v353-priority-order select{min-width:96px}}

/* ==========================================================================
   v358 – spoľahlivé komentáre + kvízové písmo o 20 % menšie
   ========================================================================== */


@media(max-width:760px){
    
    
}


/* ==========================================================================
   v360 – oprava zobrazenia kompletného rebríčka po odoslaní hlasu
   ========================================================================== */
/* #hmResults je od v347 obyčajný DIV vložený priamo do verejného rebríčka.
   Staré pravidlo z v220 ho omylom považovalo za <details> a cez !important
   skrývalo všetky jeho deti. Po odstránení hm-hidden sa preto stále nič
   nezobrazilo. Toto pravidlo je poistka pre cache starších CSS vrstiev. */
div#hmResults.hm-v347-priority-expanded:not(.hm-hidden) > *{
    visibility:visible!important;
}

div#hmResults.hm-v347-priority-expanded:not(.hm-hidden) > .hm-result-list{display:grid!important;}



/* --------------------------------------------------------------------------
   v361 – tlačidlo rebríčka po kvíze + návrat na hlavnú stranu pri rebríčkoch
   -------------------------------------------------------------------------- */





@media (max-width: 640px) {
    
    
}


/* ==========================================================================
   v362 – po ODOSLAŤ HLAS sa vždy otvorí aktuálny rebríček
   ========================================================================== */



#hmPublicPriorityBoard.hm-public-priority-board{
    scroll-margin-top:100px!important;
}
#hmResults.hm-v347-priority-expanded:not(.hm-hidden){
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
}
#hmResults.hm-v347-priority-expanded:not(.hm-hidden) .hm-result-list{
    min-height:0!important;
}
.hm-complete-ranking-note{
    margin:8px 0 0!important;
    padding:14px 16px!important;
    border-radius:14px!important;
    background:#f3f7fc!important;
    color:#526a86!important;
    text-align:center!important;
    font-weight:750!important;
}


/* -------------------------------------------------------------------------
   v363 – finálne hlasovanie cez klasický POST + serverový návrat na rebríček
   ---------------------------------------------------------------------- */

.hm-vote-server-message{
    width: min(100%, 1180px);
    margin: 0 auto 18px;
    padding: 14px 18px;
    border-radius: 14px;
    font-size: 14px;
    font-weight: 800;
    line-height: 1.45;
}
.hm-vote-server-message.is-error{
    border: 1px solid rgba(190,45,45,.22);
    background: #fff1f1;
    color: #a92f2f;
}
.hm-vote-server-message.is-pending{
    border: 1px solid rgba(176,133,0,.22);
    background: #fff8d8;
    color: #725a00;
}

/* v368 – kontrola bodovania + jasné pódium: 1. miesto je najvyšší stĺpec, 2. nižší, 3. najnižší. */

/* ==========================================================================
   v374 – čistý izolovaný layout ankety priorít (bez starých v88/v178/v179 tried)
   ========================================================================== */


/* ==========================================================================
   v376 – karta priorít na plnú výšku pri zachovaní aktuálnej šírky
   ========================================================================== */


/* ==========================================================================
   v377 – výraznejšia hlavná otázka a skrátené body s tlačidlom „Prečítajte si viac"
   ========================================================================== */


/* ==========================================================================
   v378 – menší hlavný nadpis a scrollovateľný textový obsah pri rozbalení bodov
   ========================================================================== */


/* v379 – jemné doladenie typografie karty priorít */





/* ==========================================================================
   v380 – prepínač verejného zobrazenia webu v backoffice
   ========================================================================== */
.hm-v380-public-toggle-form{margin:0!important;display:flex!important;align-items:center!important;}
.hm-v380-public-toggle{
    appearance:none!important;-webkit-appearance:none!important;border:1px solid rgba(13,71,145,.14)!important;border-radius:12px!important;
    min-height:42px!important;padding:6px 10px!important;display:grid!important;grid-template-columns:10px auto!important;grid-template-rows:auto auto!important;
    column-gap:8px!important;align-items:center!important;background:#fff!important;cursor:pointer!important;box-shadow:0 6px 18px rgba(9,48,106,.06)!important;
}
.hm-v380-public-toggle i{grid-row:1/3!important;width:9px!important;height:9px!important;border-radius:50%!important;display:block!important;}
.hm-v380-public-toggle span{font-size:9px!important;line-height:1!important;font-weight:900!important;letter-spacing:.06em!important;color:#60748f!important;}
.hm-v380-public-toggle b{font-size:11px!important;line-height:1.1!important;font-weight:950!important;color:#0e4f9f!important;}
.hm-v380-public-toggle.is-public i{background:#20b764!important;box-shadow:0 0 0 4px rgba(32,183,100,.12)!important;}
.hm-v380-public-toggle.is-public{border-color:rgba(32,183,100,.24)!important;background:#f5fff9!important;}
.hm-v380-public-toggle.is-private i{background:#ef4d4d!important;box-shadow:0 0 0 4px rgba(239,77,77,.10)!important;}
.hm-v380-public-toggle.is-private{border-color:rgba(239,77,77,.22)!important;background:#fff8f8!important;}
.hm-v380-public-toggle:hover{transform:translateY(-1px)!important;box-shadow:0 9px 22px rgba(9,48,106,.10)!important;}
@media(max-width:1100px){.hm-v380-public-toggle span{display:none!important;}.hm-v380-public-toggle{grid-template-columns:9px auto!important;grid-template-rows:auto!important;min-height:38px!important;}.hm-v380-public-toggle i{grid-row:auto!important;}.hm-v380-public-toggle b{font-size:10px!important;}}


/* ==========================================================================
   v382 – komentár priamo nad aktuálnou kartou priority, bez straty otázky
   ========================================================================== */


/* ==========================================================================
   v383 – funkčné odoslanie komentára + výrazné potvrdenie úspechu
   ========================================================================== */





.hm-v224-reply-status.is-success{color:#177742!important;font-weight:800!important;}
.hm-v224-reply-status.is-error{color:#a53b3b!important;font-weight:800!important;}


/* ==========================================================================
   v384 – typografia priority + reálne komentáre v „Vaše odkazy“
   ========================================================================== */


#hmOpinionTrack.is-empty, .hm-opinion-track:has(.hm-opinion-empty){
    animation:none!important;
    width:100%!important;
}
.hm-opinion-empty{
    width:min(520px,90vw)!important;
    margin-inline:auto!important;
}



/* ==========================================================================
   v385 – mobil: karta priorít cez celú obrazovku, poradie text → viac → obrázok
   ========================================================================== */
@media(max-width:800px){
    body.hm-voting-focus{
        overflow:hidden!important;
    }
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
}


/* ==========================================================================
   v386 – mobil na skutočných 100 % viewportu + jemnejšia otázka
   ========================================================================== */




/* ==========================================================================
   v389 – oprávnenia kandidátov k Facebook stránkam v backoffice
   ========================================================================== */
.hm-v389-fb-access-list{display:grid;gap:12px;margin:12px 0 16px}
.hm-v389-fb-access-card{border:1px solid #dbe5f1;border-radius:8px;padding:14px;background:#fff;box-shadow:0 5px 16px rgba(18,59,116,.05)}
.hm-v389-fb-access-card>header{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin-bottom:10px}
.hm-v389-fb-access-card>header strong{font-size:15px;color:#123b74}
.hm-v389-fb-access-card>header small{color:#70839a;font-size:11px}
.hm-v389-fb-access-mode{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.hm-v389-fb-access-mode>label{display:flex;align-items:flex-start;gap:8px;padding:10px;border:1px solid #dbe5f1;border-radius:8px;background:color-mix(in srgb,var(--hm-level-color) 4%,#f8fbff);cursor:pointer}
.hm-v389-fb-access-mode>label span{display:grid;gap:2px}
.hm-v389-fb-access-mode>label b{font-size:12px;color:#173f75}
.hm-v389-fb-access-mode>label small{font-size:10px;line-height:1.3;color:#71849a}
.hm-v389-fb-candidates{display:flex;flex-wrap:wrap;gap:5px;margin-top:10px;padding-top:10px;border-top:1px dashed #dbe5f1}
.hm-v389-fb-candidates>label{display:inline-flex;align-items:center;gap:5px;padding:6px 9px;border:1px solid #dbe5f1;border-radius:999px;background:#fff;color:#173f75;font-size:10px;font-weight:700}
@media(max-width:720px){.hm-v389-fb-access-mode{grid-template-columns:1fr}.hm-v389-fb-access-card>header{align-items:flex-start;flex-direction:column;gap:3px}}


/* v390 – výrazné plánovanie a opätovné zdieľanie statusov */
.hm-v390-stagger-note{margin:10px 0 0!important;padding:9px 11px!important;border-radius:10px!important;background:#fff8d7!important;border:1px solid #f2df8e!important;color:#6e5a00!important;font-size:12px!important;line-height:1.35!important}
.hm-v390-status-reshare{margin:12px 0!important;border:1px solid #93c5fd!important;border-radius:13px!important;background:#f8fbff!important;overflow:hidden!important}
.hm-v390-status-reshare>summary{cursor:pointer!important;padding:12px 14px!important;background:#eaf4ff!important;color:#0b4f9c!important;font-weight:900!important;font-size:13px!important}
.hm-v390-status-reshare-form{padding:14px!important;display:grid!important;gap:12px!important}
.hm-v390-reshare-intro p{margin:4px 0 0!important;color:#586d87!important}
.hm-v390-reshare-when{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;border:0!important;padding:0!important;margin:0!important}
.hm-v390-reshare-when legend{font-weight:900!important;margin-bottom:7px!important}
.hm-v390-reshare-when label{display:flex!important;gap:7px!important;align-items:center!important;padding:9px 10px!important;border:1px solid #d4e3f5!important;border-radius:10px!important;background:#fff!important}
.hm-v390-reshare-datetime{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important;padding:11px!important;border-radius:11px!important;background:#fff!important;border:1px solid #dbe7f4!important}
.hm-v390-reshare-datetime label{display:grid!important;gap:5px!important;font-weight:800!important}.hm-v390-reshare-datetime input{width:100%!important}
.hm-v390-reshare-datetime.is-disabled{opacity:.45!important}
@media(max-width:720px){.hm-v390-reshare-when, .hm-v390-reshare-datetime{grid-template-columns:1fr!important}}

/* ==========================================================================
   v392 – samostatné moderné Témy diskusie
   ========================================================================== */
.hm-v392-discussions{display:grid!important;gap:16px!important}
.hm-v392-discussion-head{margin-bottom:0!important}
.hm-v392-create-topic{border:1px solid #c9dced!important;border-radius:18px!important;background:linear-gradient(135deg,#f7fbff,#fff)!important;box-shadow:0 10px 28px rgba(18,66,111,.07)!important;overflow:hidden!important}
.hm-v392-create-topic>summary{display:flex!important;align-items:center!important;gap:12px!important;padding:15px 17px!important;cursor:pointer!important;list-style:none!important}
.hm-v392-create-topic>summary::-webkit-details-marker{display:none!important}
.hm-v392-create-topic>summary>span{display:grid!important;place-items:center!important;width:38px!important;height:38px!important;border-radius:12px!important;background:#0b65bd!important;color:#fff!important;font-size:24px!important;font-weight:900!important}
.hm-v392-create-topic>summary>div{display:grid!important;gap:2px!important;flex:1!important}.hm-v392-create-topic>summary strong{font-size:16px!important;color:#123b74!important}.hm-v392-create-topic>summary small{font-size:11px!important;color:#71849a!important}.hm-v392-create-topic>summary>b{font-size:11px!important;color:#0b65bd!important}
.hm-v392-create-topic>form, .hm-v392-add-speech, .hm-v392-comment-add{display:grid!important;gap:11px!important;padding:16px!important;border-top:1px solid #e1ebf5!important;background:#fff!important}
.hm-v392-create-topic label, .hm-v392-add-speech label, .hm-v392-edit-box label{display:grid!important;gap:6px!important}.hm-v392-create-topic label>span, .hm-v392-add-speech label>span, .hm-v392-edit-box label>span{font-size:10px!important;font-weight:900!important;letter-spacing:.03em!important;color:#56718f!important}
.hm-v392-create-topic input, .hm-v392-create-topic textarea, .hm-v392-add-speech select, .hm-v392-add-speech textarea, .hm-v392-edit-box input, .hm-v392-edit-box select, .hm-v392-edit-box textarea, .hm-v392-comment-add textarea{width:100%!important;box-sizing:border-box!important;border:1px solid #cbd9e6!important;border-radius:11px!important;padding:10px 11px!important;background:#fff!important;color:#183b66!important;font:inherit!important;line-height:1.4!important}
.hm-v392-create-topic textarea, .hm-v392-add-speech textarea, .hm-v392-edit-box textarea, .hm-v392-comment-add textarea{resize:vertical!important;min-height:110px!important}
.hm-v392-create-topic button, .hm-v392-add-speech button, .hm-v392-comment-add button, .hm-v392-edit-box button{justify-self:start!important;border:0!important;border-radius:10px!important;padding:10px 14px!important;background:#0b65bd!important;color:#fff!important;font-weight:900!important;cursor:pointer!important}
.hm-v392-topic-list{display:grid!important;gap:13px!important}
.hm-v392-topic{border:1px solid #d5e2ef!important;border-radius:18px!important;background:#fff!important;overflow:hidden!important;box-shadow:0 8px 24px rgba(17,56,102,.055)!important}
.hm-v392-topic>summary{display:flex!important;align-items:center!important;gap:14px!important;padding:15px 17px!important;cursor:pointer!important;list-style:none!important;background:linear-gradient(135deg,#fff,#f8fbff)!important}.hm-v392-topic>summary::-webkit-details-marker{display:none!important}
.hm-v392-topic-summary-main{display:grid!important;gap:4px!important;flex:1!important;min-width:0!important}.hm-v392-topic-summary-main>strong{font-size:17px!important;line-height:1.2!important;color:#113967!important}.hm-v392-topic-summary-main>small{font-size:10px!important;color:#7890a7!important}.hm-v392-topic-badge{width:max-content!important;padding:4px 8px!important;border-radius:999px!important;background:#eaf4ff!important;color:#0c64bb!important;font-size:9px!important;font-weight:950!important;letter-spacing:.05em!important}
.hm-v392-topic-summary-counts{display:flex!important;align-items:center!important;gap:8px!important}.hm-v392-topic-summary-counts>span{display:grid!important;place-items:center!important;min-width:58px!important;padding:6px 8px!important;border:1px solid #dbe6f1!important;border-radius:10px!important;color:#153f70!important;font-size:14px!important;font-weight:900!important}.hm-v392-topic-summary-counts>span small{font-size:8px!important;color:#7d91a6!important;font-weight:700!important}.hm-v392-topic-summary-counts>b{font-size:10px!important;color:#0b65bd!important}
.hm-v392-topic-body{display:grid!important;gap:14px!important;padding:15px!important;border-top:1px solid #e1eaf4!important;background:#f7f9fc!important}



.hm-v392-edit-box{position:relative!important}.hm-v392-edit-box>summary{list-style:none!important;cursor:pointer!important;width:max-content!important;padding:7px 10px!important;border:1px solid #c9dcef!important;border-radius:9px!important;background:#f5faff!important;color:#0c62b6!important;font-size:10px!important;font-weight:900!important}.hm-v392-edit-box>summary::-webkit-details-marker{display:none!important}.hm-v392-edit-box>form{position:relative!important;z-index:2!important;display:grid!important;gap:10px!important;margin-top:8px!important;padding:12px!important;border:1px solid #cddfec!important;border-radius:12px!important;background:#f9fcff!important;min-width:min(620px,76vw)!important}
.hm-v392-live-preview{margin-top:2px!important;padding:9px!important;border:1px dashed #cbdceb!important;border-radius:10px!important;background:#fff!important}.hm-v392-live-preview .hm-v281-live-empty{font-size:10px!important;color:#71869b!important}

.hm-v392-comment-list footer>form>button{border:1px solid #efd2d2!important;border-radius:8px!important;background:#fff5f5!important;color:#b33d3d!important;padding:7px 9px!important;font-size:10px!important;font-weight:850!important;cursor:pointer!important}
.hm-v392-add-speech{border:1px dashed #cbddeb!important;border-radius:12px!important;background:#f9fcff!important}
.hm-v392-history{border-top:1px dashed #d9e5ef!important;padding-top:8px!important}.hm-v392-history>summary{cursor:pointer!important;color:#416986!important;font-size:10px!important;font-weight:850!important}.hm-v392-history>summary b{display:inline-grid!important;place-items:center!important;margin-left:4px!important;min-width:20px!important;height:20px!important;border-radius:999px!important;background:#edf3f8!important}.hm-v392-history-list{display:grid!important;gap:8px!important;margin-top:8px!important}.hm-v392-history-list>article{display:grid!important;gap:8px!important;padding:10px!important;border:1px solid #e0e8f0!important;border-radius:10px!important;background:#fafcfe!important}.hm-v392-history-list>article>header{display:flex!important;justify-content:space-between!important;gap:10px!important}.hm-v392-history-list>article>header strong{font-size:10px!important;color:#153e6b!important}.hm-v392-history-list>article>header time{font-size:9px!important;color:#8294a6!important}.hm-v392-history-list>article>div>b{display:block!important;margin-bottom:4px!important;font-size:9px!important;color:#6e8499!important}.hm-v392-history-list p{margin:0!important;font-size:11px!important;line-height:1.45!important}.hm-v392-history-list del, .hm-v392-live-preview del{background:#ffe8e8!important;color:#9d3434!important;text-decoration:line-through!important;padding:1px 2px!important}.hm-v392-history-list ins, .hm-v392-live-preview ins{background:#e3f7e8!important;color:#25743c!important;text-decoration:none!important;padding:1px 2px!important;font-weight:800!important}
.hm-v392-comment-list{display:grid!important;gap:8px!important}.hm-v392-comment-list>article{display:grid!important;gap:7px!important;padding:11px 12px!important;border:1px solid #e0e8f0!important;border-radius:11px!important;background:#fafcff!important}.hm-v392-comment-list>article>header{display:flex!important;justify-content:space-between!important;gap:10px!important}.hm-v392-comment-list>article>header strong{font-size:11px!important;color:#153f70!important}.hm-v392-comment-list>article>header time{font-size:9px!important;color:#8797a8!important}.hm-v392-comment-list>article>div{font-size:12px!important;line-height:1.5!important;color:#3f5f7c!important}.hm-v392-comment-list footer{display:flex!important;gap:7px!important;align-items:flex-start!important}.hm-v392-comment-list footer .hm-v392-edit-box>form{min-width:min(560px,72vw)!important}.hm-v392-comment-add{padding:11px 0 0!important;border-top:1px dashed #dce7f1!important;background:transparent!important}.hm-v392-comment-add textarea{min-height:80px!important}
.hm-v392-empty{margin:0!important;padding:12px!important;border-radius:10px!important;background:#f8fafc!important;color:#8393a3!important;font-size:11px!important}
.hm-v392-delete-topic{display:flex!important;justify-content:flex-end!important;padding-top:3px!important}.hm-v392-delete-topic button{border:1px solid #efcece!important;border-radius:9px!important;background:#fff5f5!important;color:#b23d3d!important;padding:8px 11px!important;font-size:10px!important;font-weight:850!important;cursor:pointer!important}
@media(max-width:820px){
  .hm-v392-topic>summary{align-items:flex-start!important;flex-direction:column!important}.hm-v392-topic-summary-counts{width:100%!important}.hm-v392-topic-summary-counts>b{margin-left:auto!important}.hm-v392-edit-box>form, .hm-v392-comment-list footer .hm-v392-edit-box>form{min-width:0!important;width:100%!important}.hm-v392-create-topic>form{padding:13px!important}
}


/* ==========================================================================
   v393 – Diskusie ako kompaktný dialóg / pracovný zápis
   ========================================================================== */
.hm-v392-discussions .hm-v392-topic-list{gap:8px!important}
.hm-v392-discussions .hm-v392-topic>summary{padding:10px 12px!important;min-height:0!important}
.hm-v392-discussions .hm-v392-topic-summary-main{gap:2px!important}
.hm-v392-discussions .hm-v392-topic-summary-main>strong{font-size:14px!important}
.hm-v392-discussions .hm-v392-topic-summary-main>small{font-size:9px!important}
.hm-v392-discussions .hm-v392-topic-summary-counts>span{min-width:48px!important;padding:4px 6px!important;font-size:12px!important}
.hm-v392-discussions .hm-v392-topic-body{display:block!important;padding:8px 12px 10px!important;background:#fff!important}
.hm-v393-dialog-document{display:block!important;border-top:1px solid #e2eaf2!important}
.hm-v393-dialog-row{position:relative!important;display:grid!important;grid-template-columns:82px minmax(0,1fr) auto!important;align-items:start!important;gap:6px 10px!important;padding:8px 2px!important;border-bottom:1px solid #e8eef4!important;background:#fff!important}
.hm-v393-dialog-label{padding-top:1px!important;color:#173e69!important;font-size:11px!important;line-height:1.35!important;font-weight:900!important}
.hm-v393-dialog-value{min-width:0!important;color:#34546f!important;font-size:12px!important;line-height:1.42!important}
.hm-v393-theme-title{color:#103a6a!important;font-size:13px!important;font-weight:900!important}
.hm-v393-description{color:#516a80!important}
.hm-v393-description em, .hm-v393-empty-row em{color:#91a0ad!important;font-style:normal!important}
.hm-v393-speaker{display:inline-block!important;margin:0 0 2px!important;color:#0c5da9!important;font-size:12px!important;font-weight:900!important}
.hm-v393-speech-copy{color:#314f69!important;font-size:12px!important;line-height:1.45!important}
.hm-v393-meta{display:block!important;margin-top:3px!important;color:#91a0ae!important;font-size:8.5px!important;line-height:1.25!important}
.hm-v393-speech-row.is-opening{background:#fffdf7!important}
.hm-v393-dialog-actions{position:relative!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:3px!important;flex-wrap:wrap!important;min-width:0!important}
.hm-v393-dialog-actions>form{margin:0!important}
.hm-v393-dialog-actions>details>summary, .hm-v393-dialog-actions>form>button, .hm-v393-compact-add>summary, .hm-v393-comments-panel>summary{list-style:none!important;display:inline-flex!important;align-items:center!important;min-height:23px!important;padding:3px 6px!important;border:1px solid #d7e2ec!important;border-radius:6px!important;background:#f8fafc!important;color:#496985!important;font-size:8.5px!important;line-height:1!important;font-weight:800!important;cursor:pointer!important;white-space:nowrap!important}
.hm-v393-dialog-actions>details>summary::-webkit-details-marker, .hm-v393-compact-add>summary::-webkit-details-marker, .hm-v393-comments-panel>summary::-webkit-details-marker{display:none!important}
.hm-v393-dialog-actions>form>button.is-delete{border-color:#f0d9d9!important;background:#fffafa!important;color:#b25a5a!important}
.hm-v393-action-editor, .hm-v393-action-history{position:relative!important;border:0!important;padding:0!important}
.hm-v393-action-editor>form, .hm-v393-compact-add>form{position:absolute!important;right:0!important;top:28px!important;z-index:30!important;width:min(620px,72vw)!important;min-width:0!important;margin:0!important;padding:10px!important;border:1px solid #cadbea!important;border-radius:10px!important;background:#fff!important;box-shadow:0 14px 36px rgba(22,61,100,.16)!important;display:grid!important;gap:7px!important}
.hm-v393-action-history>.hm-v392-history-list{position:absolute!important;right:0!important;top:28px!important;z-index:30!important;width:min(620px,72vw)!important;max-height:360px!important;overflow:auto!important;margin:0!important;padding:9px!important;border:1px solid #cadbea!important;border-radius:10px!important;background:#fff!important;box-shadow:0 14px 36px rgba(22,61,100,.16)!important}
.hm-v393-action-history{padding-top:0!important;border-top:0!important}
.hm-v393-action-history>summary{color:#496985!important}
.hm-v393-action-editor form label, .hm-v393-compact-add form label{gap:3px!important}
.hm-v393-action-editor form label>span, .hm-v393-compact-add form label>span{font-size:9px!important}
.hm-v393-action-editor textarea, .hm-v393-compact-add textarea{min-height:90px!important}
.hm-v393-action-editor button[type=submit], .hm-v393-compact-add button[type=submit]{width:max-content!important;min-height:30px!important;padding:5px 9px!important;font-size:9px!important}
.hm-v393-add-row{grid-template-columns:82px minmax(0,1fr)!important;padding-top:7px!important;padding-bottom:7px!important}
.hm-v393-compact-add{position:relative!important;width:max-content!important}
.hm-v393-compact-add>summary{border-color:#bdd7ee!important;background:#f3f9ff!important;color:#0d64b7!important;font-size:9px!important}
.hm-v393-empty-row .hm-v393-compact-add{justify-self:end!important}
.hm-v393-comments-row{grid-template-columns:82px minmax(0,1fr)!important;border-bottom:0!important}
.hm-v393-comments-panel{min-width:0!important}
.hm-v393-comments-panel>summary{color:#0c62b3!important;background:#f5faff!important;border-color:#c9dff1!important}
.hm-v393-comments-panel[open]>summary{margin-bottom:7px!important}
.hm-v393-comments-panel .hm-v392-comment-list{gap:5px!important}
.hm-v393-comments-panel .hm-v392-comment-list>article{gap:4px!important;padding:7px 8px!important;border-radius:7px!important}
.hm-v393-comments-panel .hm-v392-comment-list>article>div{font-size:11px!important;line-height:1.4!important}
.hm-v393-comments-panel .hm-v392-comment-add{padding-top:7px!important}
.hm-v393-comments-panel .hm-v392-comment-add textarea{min-height:58px!important}
.hm-v392-discussions .hm-v392-delete-topic{padding:6px 2px 0!important}
.hm-v392-discussions .hm-v392-delete-topic button{padding:4px 7px!important;border-radius:6px!important;font-size:8.5px!important}
.hm-v392-discussions .hm-v392-create-topic{margin-bottom:8px!important}
.hm-v392-discussions .hm-v392-create-topic>summary{padding:9px 11px!important}
.hm-v392-discussions .hm-v392-create-topic>form{gap:7px!important;padding:10px!important}
@media(max-width:760px){
  .hm-v393-dialog-row{grid-template-columns:66px minmax(0,1fr)!important;gap:5px 7px!important;padding:7px 0!important}
  .hm-v393-dialog-actions{grid-column:2!important;justify-content:flex-start!important;margin-top:2px!important}
  .hm-v393-theme-row .hm-v393-dialog-actions{grid-column:2!important}
  .hm-v393-add-row, .hm-v393-comments-row{grid-template-columns:66px minmax(0,1fr)!important}
  .hm-v393-action-editor>form, .hm-v393-compact-add>form, .hm-v393-action-history>.hm-v392-history-list{position:fixed!important;left:10px!important;right:10px!important;top:70px!important;width:auto!important;max-height:calc(100dvh - 90px)!important;overflow:auto!important}
}


/* ==========================================================================
   v394 – Diskusie: písmo +2 body, kompaktný layout ostáva zachovaný
   ========================================================================== */
.hm-v392-discussions .hm-v392-topic-summary-main>strong{font-size:16px!important}
.hm-v392-discussions .hm-v392-topic-summary-main>small{font-size:11px!important}
.hm-v392-discussions .hm-v392-topic-summary-counts>span{font-size:14px!important}
.hm-v392-discussions .hm-v392-topic-summary-counts>span small{font-size:10px!important}
.hm-v392-discussions .hm-v392-topic-summary-counts>b{font-size:12px!important}
.hm-v393-dialog-label{font-size:13px!important}
.hm-v393-dialog-value{font-size:14px!important}
.hm-v393-theme-title{font-size:15px!important}
.hm-v393-speaker{font-size:14px!important}
.hm-v393-speech-copy{font-size:14px!important}
.hm-v393-meta{font-size:10.5px!important}
.hm-v393-dialog-actions>details>summary, .hm-v393-dialog-actions>form>button, .hm-v393-compact-add>summary, .hm-v393-comments-panel>summary{font-size:10.5px!important}
.hm-v393-action-editor form label>span, .hm-v393-compact-add form label>span{font-size:11px!important}
.hm-v393-action-editor button[type=submit], .hm-v393-compact-add button[type=submit]{font-size:11px!important}
.hm-v393-compact-add>summary{font-size:11px!important}
.hm-v393-comments-panel .hm-v392-comment-list>article>header strong{font-size:13px!important}
.hm-v393-comments-panel .hm-v392-comment-list>article>header time{font-size:11px!important}
.hm-v393-comments-panel .hm-v392-comment-list>article>div{font-size:13px!important}
.hm-v392-discussions .hm-v392-delete-topic button{font-size:10.5px!important}
.hm-v392-discussions .hm-v392-create-topic>summary strong{font-size:18px!important}
.hm-v392-discussions .hm-v392-create-topic>summary small{font-size:13px!important}
.hm-v392-discussions .hm-v392-create-topic>summary>b{font-size:13px!important}
.hm-v392-discussions .hm-v392-create-topic label>span, .hm-v392-discussions .hm-v392-add-speech label>span, .hm-v392-discussions .hm-v392-edit-box label>span{font-size:12px!important}


/* ==========================================================================
   v395 – Diskusie: opravné okno sa zmestí na obrazovku a Uložiť je vždy viditeľné
   ========================================================================== */
.hm-v393-action-editor[open]{
    z-index:100100!important;
}
.hm-v393-action-editor[open]::before{
    content:""!important;
    position:fixed!important;
    inset:0!important;
    z-index:100090!important;
    background:rgba(8,31,59,.32)!important;
    backdrop-filter:blur(2px)!important;
}
.hm-v393-action-editor[open]>form{
    position:fixed!important;
    left:50%!important;
    right:auto!important;
    top:50%!important;
    transform:translate(-50%,-50%)!important;
    z-index:100110!important;
    width:min(760px,calc(100vw - 48px))!important;
    max-width:760px!important;
    max-height:calc(100dvh - 48px)!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    overscroll-behavior:contain!important;
    margin:0!important;
    padding:14px 14px 10px!important;
    border:1px solid #bfd2e4!important;
    border-radius:14px!important;
    background:#fff!important;
    box-shadow:0 24px 70px rgba(8,35,70,.28)!important;
    display:grid!important;
    gap:9px!important;
    scrollbar-width:thin!important;
}
.hm-v393-action-editor[open]>form textarea{
    min-height:120px!important;
    max-height:28dvh!important;
    resize:vertical!important;
}
.hm-v393-action-editor[open]>form .hm-v392-live-preview{
    max-height:30dvh!important;
    overflow:auto!important;
    margin-bottom:0!important;
}
.hm-v395-editor-actions{
    position:sticky!important;
    left:0!important;
    right:0!important;
    bottom:-10px!important;
    z-index:5!important;
    display:flex!important;
    justify-content:flex-end!important;
    align-items:center!important;
    gap:8px!important;
    margin:2px -14px -10px!important;
    padding:10px 14px!important;
    border-top:1px solid #dbe6ef!important;
    background:rgba(255,255,255,.97)!important;
    box-shadow:0 -8px 18px rgba(20,60,100,.05)!important;
}
.hm-v393-action-editor .hm-v395-editor-actions button{
    width:auto!important;
    min-width:105px!important;
    min-height:38px!important;
    height:38px!important;
    margin:0!important;
    padding:0 14px!important;
    border-radius:9px!important;
    font-size:12px!important;
    line-height:1!important;
    font-weight:900!important;
    cursor:pointer!important;
}
.hm-v393-action-editor .hm-v395-editor-actions button[type="submit"]{
    border:1px solid #0e67c7!important;
    background:#0e67c7!important;
    color:#fff!important;
}
.hm-v393-action-editor .hm-v395-cancel-edit{
    border:1px solid #cfdce8!important;
    background:#f7fafc!important;
    color:#49657d!important;
}
@media(max-width:760px){
    .hm-v393-action-editor[open]>form{
        left:10px!important;
        right:10px!important;
        top:12px!important;
        transform:none!important;
        width:auto!important;
        max-width:none!important;
        max-height:calc(100dvh - 24px)!important;
        padding:12px 12px 9px!important;
        border-radius:12px!important;
    }
    .hm-v395-editor-actions{
        margin:2px -12px -9px!important;
        bottom:-9px!important;
        padding:9px 12px!important;
    }
    .hm-v393-action-editor .hm-v395-editor-actions button{flex:1 1 0!important;min-width:0!important;}
}


/* ==========================================================================
   v396 – Diskusie: všetky pridávacie formuláre ako bezpečné modálne okná
   ========================================================================== */
body.hm-v396-discussion-modal-open{overflow:hidden!important;}

.hm-v393-compact-add[open], .hm-v392-create-topic[open]{
    z-index:100120!important;
}
.hm-v393-compact-add[open]::before, .hm-v392-create-topic[open]::before{
    content:""!important;
    position:fixed!important;
    inset:0!important;
    z-index:100100!important;
    background:rgba(8,31,59,.36)!important;
    backdrop-filter:blur(2px)!important;
}
.hm-v393-compact-add[open]>form, .hm-v392-create-topic[open]>form{
    position:fixed!important;
    left:50%!important;
    right:auto!important;
    top:50%!important;
    transform:translate(-50%,-50%)!important;
    z-index:100130!important;
    width:min(700px,calc(100vw - 48px))!important;
    max-width:700px!important;
    max-height:calc(100dvh - 48px)!important;
    min-width:0!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    overscroll-behavior:contain!important;
    margin:0!important;
    padding:16px 16px 0!important;
    border:1px solid #bfd2e4!important;
    border-radius:14px!important;
    background:#fff!important;
    box-shadow:0 24px 70px rgba(8,35,70,.30)!important;
    display:grid!important;
    gap:11px!important;
    scrollbar-width:thin!important;
    box-sizing:border-box!important;
}
.hm-v393-compact-add[open]>form::before{
    content:"Pridať vystúpenie"!important;
    display:block!important;
    color:#0a3769!important;
    font-size:18px!important;
    line-height:1.2!important;
    font-weight:900!important;
    margin-bottom:1px!important;
}
.hm-v393-empty-row .hm-v393-compact-add[open]>form::before{
    content:"Pridať úvodné slovo"!important;
}
.hm-v392-create-topic[open]>form::before{
    content:"Pridať novú tému"!important;
    display:block!important;
    color:#0a3769!important;
    font-size:18px!important;
    line-height:1.2!important;
    font-weight:900!important;
    margin-bottom:1px!important;
}
.hm-v393-compact-add[open]>form label, .hm-v392-create-topic[open]>form label{
    display:grid!important;
    gap:5px!important;
    margin:0!important;
}
.hm-v393-compact-add[open]>form label>span, .hm-v392-create-topic[open]>form label>span{
    color:#526d88!important;
    font-size:12px!important;
    line-height:1.2!important;
    font-weight:850!important;
}
.hm-v393-compact-add[open]>form select, .hm-v393-compact-add[open]>form input[type="text"], .hm-v393-compact-add[open]>form textarea, .hm-v392-create-topic[open]>form input[type="text"], .hm-v392-create-topic[open]>form textarea{
    width:100%!important;
    max-width:none!important;
    box-sizing:border-box!important;
    border:1px solid #c9d8e7!important;
    border-radius:10px!important;
    background:#fff!important;
    color:#183f70!important;
    font-size:14px!important;
    line-height:1.45!important;
    padding:10px 11px!important;
}
.hm-v393-compact-add[open]>form select, .hm-v393-compact-add[open]>form input[type="text"], .hm-v392-create-topic[open]>form input[type="text"]{
    min-height:44px!important;
}
.hm-v393-compact-add[open]>form textarea, .hm-v392-create-topic[open]>form textarea{
    min-height:150px!important;
    max-height:42dvh!important;
    resize:vertical!important;
}
.hm-v396-modal-actions{
    position:sticky!important;
    left:0!important;
    right:0!important;
    bottom:0!important;
    z-index:5!important;
    display:flex!important;
    justify-content:flex-end!important;
    gap:8px!important;
    margin:3px -16px 0!important;
    padding:11px 16px!important;
    border-top:1px solid #dbe6ef!important;
    background:rgba(255,255,255,.98)!important;
    box-shadow:0 -8px 18px rgba(20,60,100,.05)!important;
}
.hm-v396-modal-actions button{
    width:auto!important;
    min-width:112px!important;
    min-height:40px!important;
    height:40px!important;
    margin:0!important;
    padding:0 15px!important;
    border-radius:9px!important;
    font-size:12px!important;
    line-height:1!important;
    font-weight:900!important;
    cursor:pointer!important;
}
.hm-v396-modal-actions button[type="submit"]{
    border:1px solid #0e67c7!important;
    background:#0e67c7!important;
    color:#fff!important;
}
.hm-v396-modal-actions .hm-v396-cancel{
    border:1px solid #cfdce8!important;
    background:#f7fafc!important;
    color:#49657d!important;
}

/* Oprav staré absolútne umiestnenie, ktoré spôsobovalo orezaný formulár v karte. */
.hm-v393-compact-add[open]>form{
    right:auto!important;
}

@media(max-width:760px){
    .hm-v393-compact-add[open]>form, .hm-v392-create-topic[open]>form{
        left:10px!important;
        right:10px!important;
        top:10px!important;
        transform:none!important;
        width:auto!important;
        max-width:none!important;
        max-height:calc(100dvh - 20px)!important;
        padding:14px 14px 0!important;
        border-radius:12px!important;
    }
    .hm-v396-modal-actions{
        margin:3px -14px 0!important;
        padding:10px 14px!important;
    }
    .hm-v396-modal-actions button{
        flex:1 1 0!important;
        min-width:0!important;
    }
}


/* ==========================================================================
   v397 – čerstvý rebríček po hlasovaní a kvíze
   ========================================================================== */





/* ==========================================================================
   v398 – podpora X/Y v rebríčku + investičný rebríček v štýle priorít
   ========================================================================== */
.hm-public-priority-stats-line small{font-weight:800!important;}
.hm-v398-investment-results{
    margin:28px 0 12px!important;padding:24px!important;border:1px solid rgba(171,194,220,.36)!important;border-radius:24px!important;
    background:linear-gradient(180deg,#fbfdff,#f5f9ff)!important;box-shadow:0 16px 36px rgba(10,56,122,.06)!important;
}
.hm-v398-investment-results .hm-v398-investment-head{margin:0 0 28px!important;padding:0!important;}
.hm-v398-investment-results .hm-public-priority-board-heading h3{color:#12366f!important;font-size:28px!important;line-height:1.08!important;font-weight:950!important;}
.hm-v398-investment-list{margin:0!important;}
.hm-v398-investment-list .hm-public-priority-item.is-row-result{
    grid-column:1/-1!important;display:grid!important;grid-template-columns:44px 58px minmax(0,1fr) auto 24px!important;gap:12px!important;align-items:center!important;
    min-height:0!important;padding:12px 16px!important;border-radius:18px!important;background:#fff!important;box-shadow:0 10px 24px rgba(10,56,122,.06)!important;border:1px solid rgba(172,194,219,.34)!important;
}
.hm-v398-investment-list .hm-public-priority-item.is-row-result .hm-public-priority-rank-wrap{position:static!important;transform:none!important;top:auto!important;left:auto!important;}
.hm-v398-investment-list .hm-public-priority-item.is-row-result .hm-public-priority-rank{width:32px!important;height:32px!important;font-size:17px!important;background:#d5e6ff!important;color:#174d98!important;border-width:2px!important;box-shadow:none!important;}
.hm-v398-investment-list .hm-public-priority-item.is-row-result .hm-public-priority-thumb{width:42px!important;height:42px!important;border-radius:50%!important;background:#eef5ff!important;box-shadow:none!important;}
.hm-v398-investment-list .hm-public-priority-item.is-row-result .hm-public-priority-thumb img{width:100%!important;height:100%!important;object-fit:cover!important;border-radius:50%!important;}
.hm-v398-investment-list .hm-public-priority-item.is-row-result .hm-public-priority-thumb span{font-size:22px!important;}
.hm-v398-investment-list .hm-public-priority-item.is-row-result .hm-public-priority-copy{display:grid!important;grid-template-columns:minmax(0,1.25fr) minmax(180px,.95fr)!important;align-items:center!important;gap:14px!important;width:100%!important;min-width:0!important;}
.hm-v398-investment-list .hm-public-priority-item.is-row-result .hm-public-priority-copy strong{color:#132d69!important;font-size:15px!important;line-height:1.18!important;font-weight:900!important;}
.hm-v398-investment-list .hm-public-priority-item.is-row-result .hm-public-priority-stats-line{justify-content:flex-end!important;gap:10px!important;white-space:nowrap!important;}
.hm-v398-investment-list .hm-public-priority-item.is-row-result .hm-public-priority-single-bar i b{background:linear-gradient(90deg,#176fdb,#44a5ff)!important;}
.hm-v398-investment-list .hm-public-priority-item.is-row .hm-public-priority-single-bar, .hm-v398-investment-list .hm-public-priority-item.is-row-result .hm-public-priority-single-bar{min-width:140px!important;}
@media(max-width:800px){
    .hm-v398-investment-results{padding:16px 12px!important;border-radius:18px!important;}
    .hm-v398-investment-results .hm-v398-investment-head{margin-bottom:20px!important;}
    .hm-v398-investment-results .hm-public-priority-board-heading h3{font-size:23px!important;}
    .hm-v398-investment-list .hm-public-priority-item.is-row-result{grid-template-columns:38px 44px minmax(0,1fr) 18px!important;gap:8px!important;padding:10px 12px!important;}
    .hm-v398-investment-list .hm-public-priority-item.is-row-result .hm-public-priority-copy{grid-template-columns:1fr!important;gap:8px!important;}
    .hm-v398-investment-list .hm-public-priority-item.is-row-result .hm-public-priority-stats-line{justify-content:flex-start!important;}
    .hm-v398-investment-list .hm-public-priority-item.is-row .hm-public-priority-single-bar, .hm-v398-investment-list .hm-public-priority-item.is-row-result .hm-public-priority-single-bar{min-width:0!important;}
}

/* v398 – investičné riadky: názov, farebný priebeh a počet hlasov v jednom riadku. */
.hm-v398-investment-list .hm-public-priority-item.is-row .hm-public-priority-copy, .hm-v398-investment-list .hm-public-priority-item.is-row-result .hm-public-priority-copy{
    grid-template-columns:minmax(0,1.2fr) minmax(150px,.8fr) auto!important;
    align-items:center!important;
}
.hm-v398-investment-list .hm-public-priority-item.is-row .hm-public-priority-stats-line, .hm-v398-investment-list .hm-public-priority-item.is-row-result .hm-public-priority-stats-line{
    justify-content:flex-end!important;
    margin:0!important;
}
@media(max-width:800px){
    .hm-v398-investment-list .hm-public-priority-item.is-row .hm-public-priority-copy, .hm-v398-investment-list .hm-public-priority-item.is-row-result .hm-public-priority-copy{
        grid-template-columns:1fr!important;
    }
    .hm-v398-investment-list .hm-public-priority-item.is-row .hm-public-priority-stats-line, .hm-v398-investment-list .hm-public-priority-item.is-row-result .hm-public-priority-stats-line{
        justify-content:flex-start!important;
    }
}

/* ==========================================================================
   v399 – tlačidlo „ZOBRAZIŤ CELÉ“ pri aktuálnom poradí
   ========================================================================== */


/* ==========================================================================
   v400 – kvíz + administrátorské zoznamy účastníkov
   ========================================================================== */
/* Kvíz: približne +10 % oproti v399. */





.hm-quiz-access-grid label span{font-size:12px!important}.hm-quiz-access-grid input{font-size:15px!important}
.hm-v400-quiz-display-name{grid-column:1/-1!important}.hm-v400-quiz-display-name input{font-weight:800!important;border-color:#8bb7ea!important;background:#fbfdff!important}
@media(max-width:760px){}

.hm-v400-data-hub{display:grid;gap:18px}.hm-v400-data-tabs{position:sticky;top:0;z-index:4;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:8px;background:#eef4fb;border:1px solid #d5e2ef;border-radius:14px}.hm-v400-data-tabs a{display:flex;align-items:center;justify-content:center;gap:8px;min-height:42px;border-radius:8px;background:#fff;color:#123e73;text-decoration:none;font-weight:950;letter-spacing:.05em}.hm-v400-data-tabs a:hover{background:#0b67d1;color:#fff}.hm-v400-data-tabs b{display:grid;place-items:center;min-width:24px;height:24px;padding:0 6px;border-radius:999px;background:#e9f3ff;color:#0b67d1;font-size:11px}.hm-v400-data-tabs a:hover b{background:#fff;color:#0b67d1}
.hm-v400-data-section{scroll-margin-top:20px;border:1px solid #d8e4ef;border-radius:18px;background:#fff;box-shadow:0 12px 34px rgba(13,57,111,.07);overflow:hidden}.hm-v400-data-section>header{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:16px 18px;background:linear-gradient(135deg,#f7faff,#eef5ff);border-bottom:1px solid #dce7f2}.hm-v400-data-section>header span{font-size:10px;font-weight:950;letter-spacing:.12em;color:#1168bf}.hm-v400-data-section>header h3{margin:3px 0 0;font-size:20px;color:#113c70}.hm-v400-data-section>header>b{font-size:24px;color:#0b67d1}
.hm-v400-copy-mails{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:12px 16px;background:#fffbe9;border-bottom:1px solid #efe6b9}.hm-v400-copy-mails strong{font-size:10px;color:#705c12}.hm-v400-copy-mails textarea{width:100%;height:42px;min-height:42px;max-height:90px;resize:vertical;padding:10px 12px;border:1px solid #decf88;border-radius:9px;background:#fff;font:12px/1.4 monospace;color:#3f5065}.hm-v400-copy-mails button{min-height:38px;border:0;border-radius:9px;padding:0 14px;background:#0b67d1;color:#fff;font-weight:900;cursor:pointer}.hm-v400-copy-mails.is-newsletter{background:#ecfff4;border-bottom-color:#bce7cd}.hm-v400-copy-mails.is-newsletter textarea{border-color:#9bd2b0}
.hm-v400-data-table>.is-head{display:grid;grid-template-columns:240px 1fr 170px;gap:12px;padding:9px 16px;background:#f5f8fc;color:#60758f;font-size:10px;font-weight:900;text-transform:uppercase}.hm-v400-data-table>article{display:grid;grid-template-columns:240px 1fr 170px;gap:12px;align-items:start;padding:13px 16px;border-top:1px solid #edf1f5}.hm-v400-data-table>article:first-of-type{border-top:0}.hm-v400-data-table article>div:first-child{display:grid;gap:4px;min-width:0}.hm-v400-data-table article>div:first-child strong{font-size:13px;color:#123f70;word-break:break-word}.hm-v400-data-table article>div:first-child small{font-size:10px;line-height:1.35;color:#768aa0}.hm-v400-data-table details>summary{cursor:pointer;font-size:8px;font-weight:900;color:#0b67d1}.hm-v400-data-table time{font-size:10px;color:#8291a4}.hm-v400-vote-list{display:grid;gap:5px;margin-top:8px;max-height:320px;overflow:auto;padding-right:5px}.hm-v400-vote-list p{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;margin:0;padding:6px 8px;border-radius:8px;background:#f7f9fc;font-size:10px}.hm-v400-vote-list p span{color:#506982}.hm-v400-vote-list p b{font-size:7px;padding:3px 6px;border-radius:999px;background:#eef3f8;color:#355675}.hm-v400-vote-list p b.is-definitely_yes, .hm-v400-vote-list p b.is-yes, .hm-v400-vote-list p b.is-rather_yes{background:#e7f9ee;color:#13743d}.hm-v400-vote-list p b.is-no{background:#fff0ef;color:#b43a34}.hm-v400-score{display:grid!important;gap:3px}.hm-v400-score b{font-size:15px;color:#0a64ca}.hm-v400-score span{font-size:10px;color:#6f849b}.hm-v400-attempt-list{display:grid;gap:5px;margin-top:7px}.hm-v400-attempt-list p{display:grid;grid-template-columns:1fr auto auto;gap:8px;margin:0;padding:5px 7px;background:#f7f9fc;border-radius:7px;font-size:9.5px}.hm-v400-attempt-list p b{color:#0b67d1}.hm-v400-attempt-list p small{color:#71859a}.hm-v400-newsletter-list{display:grid}.hm-v400-newsletter-list>div{display:grid;grid-template-columns:minmax(240px,1fr) auto 180px;gap:12px;align-items:center;padding:11px 16px;border-top:1px solid #edf2f6}.hm-v400-newsletter-list strong{font-size:13px;color:#123e73}.hm-v400-newsletter-list span{font-size:10px;font-weight:900;color:#168049}.hm-v400-newsletter-list small{font-size:10px;color:#7d8ea1;text-align:right}
@media(max-width:900px){.hm-v400-data-table>.is-head{display:none}.hm-v400-data-table>article{grid-template-columns:1fr}.hm-v400-newsletter-list>div{grid-template-columns:1fr}.hm-v400-newsletter-list small{text-align:left}.hm-v400-copy-mails{grid-template-columns:1fr}.hm-v400-data-tabs{grid-template-columns:1fr 1fr 1fr}.hm-v400-data-tabs a{font-size:10px}}



@media(max-width:760px){}


/* ==========================================================================
   v401 – Word export v backoffice
   ========================================================================== */
.hm-v401-word-export{
    flex:0 0 auto!important;
    display:grid!important;
    grid-template-columns:38px auto!important;
    grid-template-rows:auto auto!important;
    column-gap:10px!important;
    align-items:center!important;
    min-width:176px!important;
    padding:10px 13px!important;
    border:1px solid #b9d5f2!important;
    border-radius:13px!important;
    background:linear-gradient(180deg,#f8fbff,#edf6ff)!important;
    color:#0b4f98!important;
    text-decoration:none!important;
    box-shadow:0 7px 20px rgba(14,77,145,.08)!important;
}
.hm-v401-word-export>b{
    grid-row:1/3!important;
    display:grid!important;
    place-items:center!important;
    width:38px!important;
    height:38px!important;
    border-radius:9px!important;
    background:#1666b2!important;
    color:#fff!important;
    font-size:21px!important;
    font-weight:950!important;
    font-family:Arial,sans-serif!important;
}
.hm-v401-word-export>span{font-size:13px!important;line-height:1.1!important;font-weight:900!important;color:#123f77!important;}
.hm-v401-word-export>small{font-size:10px!important;line-height:1!important;font-weight:800!important;color:#7690ad!important;}
.hm-v401-word-export:hover{transform:translateY(-1px)!important;border-color:#7fb4e8!important;box-shadow:0 10px 25px rgba(14,77,145,.13)!important;}
@media(max-width:700px){
    .hm-v401-word-export{width:100%!important;min-width:0!important;box-sizing:border-box!important;}
}

/* v403 – admin/backoffice quiz attempt delete */
.hm-v400-attempt-list p{grid-template-columns:minmax(110px,1fr) auto auto auto!important;align-items:center!important}.hm-v403-bo-delete-attempt{display:inline-flex;align-items:center;justify-content:center;padding:4px 7px;border:1px solid #efb5af;border-radius:7px;color:#b42318!important;background:#fff8f7;text-decoration:none;font-size:10px;font-weight:800}.hm-v403-bo-delete-attempt:hover{background:#ffebe9;color:#8e1f17!important}


/* ==========================================================================
   v411 – výraznejšie PEXESO v navigácii, CTA nad pätičkou a veľký štart hry
   ========================================================================== */
.hm-navigation .hm-nav-pexeso{
    display:inline-flex!important;
    align-items:center!important;
    gap:6px!important;
    padding:8px 12px!important;
    border-radius:999px!important;
    background:linear-gradient(135deg,#fff5a9,#ffdf45)!important;
    color:#0a438c!important;
    font-weight:950!important;
    box-shadow:0 7px 18px rgba(238,190,25,.18)!important;
}
.hm-navigation .hm-nav-pexeso span{font-size:8px!important;color:#0b67cf!important;transform:rotate(45deg)!important;}
.hm-navigation .hm-nav-pexeso:hover{transform:translateY(-1px)!important;box-shadow:0 10px 24px rgba(238,190,25,.28)!important;}


.hm-footer .hm-nav-pexeso{font-weight:900!important;color:#075fcf!important;}

body.hm-pexeso-page #hmPexesoStart.hm-px-start-primary{
    min-width:265px;
    min-height:70px;
    padding:14px 30px!important;
    border-radius:18px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:4px!important;
    background:linear-gradient(135deg,#ffe86b,#ffc51f)!important;
    color:#083a78!important;
    box-shadow:0 16px 36px rgba(240,184,16,.34)!important;
    border:2px solid rgba(255,255,255,.75)!important;
    animation:hmPxStartGlow 1.8s ease-in-out infinite alternate;
}
body.hm-pexeso-page #hmPexesoStart.hm-px-start-primary span{font-size:20px!important;font-weight:950!important;letter-spacing:.015em!important;}
body.hm-pexeso-page #hmPexesoStart.hm-px-start-primary small{font-size:10px!important;font-weight:850!important;color:#49627f!important;letter-spacing:.04em!important;text-transform:uppercase!important;}
body.hm-pexeso-page #hmPexesoStart.hm-px-start-primary:hover{transform:translateY(-3px) scale(1.02)!important;box-shadow:0 21px 44px rgba(240,184,16,.42)!important;}
@keyframes hmPxStartGlow{from{box-shadow:0 14px 30px rgba(240,184,16,.28)}to{box-shadow:0 18px 42px rgba(240,184,16,.44)}}
@media(max-width:720px){
    
    
    
    
    body.hm-pexeso-page #hmPexesoStart.hm-px-start-primary{width:100%;min-width:0;min-height:68px;}
}

/* ==========================================================================
   v420 – výherné kódy a súťažný backoffice
   ========================================================================== */
.hm-v420-prize-claim{max-width:620px;margin:0 auto;text-align:center;padding:12px 8px 6px;color:#0a2f68}
.hm-v420-prize-kicker{display:inline-flex;align-items:center;gap:5px;margin-bottom:8px;padding:6px 10px;border-radius:999px;background:#fff5bf;color:#0b62c6;font-size:10px;font-weight:950;letter-spacing:.08em}
.hm-v420-prize-claim h2{margin:3px 0 10px;font-size:clamp(28px,4vw,42px);line-height:1;letter-spacing:-.04em}
.hm-v420-prize-claim>p{max-width:560px;margin:0 auto 13px;color:#587391;line-height:1.5}
.hm-v420-prize-existing{display:flex;flex-wrap:wrap;justify-content:center;gap:5px;margin:12px 0}.hm-v420-prize-existing span{padding:5px 7px;border-radius:8px;background:#eef5fd;color:#476789;font-size:12px}.hm-v420-prize-existing b{color:#0b5fc2}
.hm-v420-prize-limit{padding:10px 12px;border:1px solid #e7d986;border-radius:12px;background:#fffbea!important;color:#6a5b1d!important;font-size:12px!important}
.hm-v420-prize-form{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:15px;text-align:left}.hm-v420-prize-form label{display:flex;flex-direction:column;gap:5px}.hm-v420-prize-form label span{font-size:8px;font-weight:900;color:#4e6888}.hm-v420-prize-form input{height:46px;border:1px solid #cbdcf0;border-radius:12px;padding:0 12px;font-size:15px;color:#123a72;background:#fbfdff}.hm-v420-prize-form button{grid-column:1/-1;border:0;border-radius:13px;padding:14px 18px;background:linear-gradient(135deg,#ffd94a,#f7bc1d);color:#0a3974;font-weight:950;cursor:pointer;box-shadow:0 10px 25px rgba(226,173,21,.24)}.hm-v420-prize-form small{grid-column:1/-1;text-align:center;color:#c03b3b;font-weight:800}
.hm-v420-prize-code{display:block;margin:14px auto;padding:13px 18px;width:max-content;max-width:100%;border-radius:10px;background:#0b5fc8;color:#fff;font-size:clamp(34px,7vw,54px);line-height:1;font-weight:950;letter-spacing:.12em;box-shadow:0 14px 30px rgba(7,88,190,.2)}.hm-v420-prize-warning{margin:12px auto 15px;padding:12px;border-radius:13px;background:#eef6ff;color:#476789;font-size:13px;max-width:520px}
@media(max-width:600px){.hm-v420-prize-form{grid-template-columns:1fr}.hm-v420-prize-code{letter-spacing:.08em}}

.hm-v420-winners{display:flex;flex-direction:column;gap:18px}.hm-v420-winner-summary{min-width:150px;padding:14px 18px;border-radius:16px;background:#fff6c9;text-align:center}.hm-v420-winner-summary b{display:block;font-size:28px;color:#0b4f9e}.hm-v420-winner-summary span, .hm-v420-winner-summary small{display:block;color:#667d99;font-size:12px;font-weight:800}.hm-v420-winner-rules{display:flex;flex-wrap:wrap;gap:8px}.hm-v420-winner-rules span{padding:8px 10px;border:1px solid #dce8f6;border-radius:999px;background:#fff;color:#4c6b8e;font-size:12px;font-weight:850}.hm-v420-winner-rules span:last-child{background:#fff6c9;border-color:#ead36f;color:#705b09}
.hm-v420-winner-card{border:1px solid #dfe9f5;border-radius:18px;background:#fff;overflow:hidden;box-shadow:0 10px 30px rgba(17,61,116,.05)}.hm-v420-winner-card>header{display:flex;justify-content:flex-end;align-items:center;gap:15px;padding:15px 17px;border-bottom:1px solid #e5edf7;background:#f8fbff}.hm-v420-winner-card>header span{display:block;font-size:10px;font-weight:950;letter-spacing:.1em;color:#0b66ca}.hm-v420-winner-card>header h3{margin:2px 0 0;font-size:20px;color:#0a326d}.hm-v420-winner-card>header>b{display:grid;place-items:center;min-width:36px;height:36px;border-radius:6px;background:#ffdc45;color:#0a3974}.hm-v420-winner-card>p{margin:13px 16px;color:#637b98;font-size:13px}
.hm-v420-winner-table .is-head, .hm-v420-winner-table article{display:grid;grid-template-columns:1.25fr 1.35fr .65fr .8fr 1.15fr;gap:12px;align-items:center;padding:11px 15px}.hm-v420-winner-table .is-head{background:#f3f7fc;color:#758ba5;font-size:10px;font-weight:950;text-transform:uppercase}.hm-v420-winner-table article{border-top:1px solid #edf2f8;color:#173e73}.hm-v420-winner-table article.is-delivered{background:#f4fbf6}.hm-v420-winner-table article strong{display:block}.hm-v420-winner-table article small{display:block;margin-top:3px;color:#8a9bb0;font-size:10px}.hm-v420-winner-table article a{color:#0c64c8;font-weight:800;text-decoration:none}.hm-v420-code{display:inline-block;padding:7px 9px;border-radius:9px;background:#0c61c5;color:#fff;font-size:15px;letter-spacing:.08em}.hm-v420-source{display:inline-block;padding:6px 8px;border-radius:999px;background:#eef5fd;color:#47698e;font-size:10px;font-weight:900}.hm-v420-source.is-pexeso{background:#fff5bd;color:#775d00}.hm-v420-source.is-quiz{background:#eaf7ef;color:#147943}.hm-v420-source.is-priority{background:#edf3ff;color:#245da6}
.hm-v420-delivered-form label{display:flex;align-items:center;gap:5px;font-weight:850;font-size:10px;color:#516d8d;cursor:pointer}.hm-v420-delivered-form input{width:18px;height:18px;accent-color:#168652}.hm-v420-delivered-form>small{margin-left:25px!important}
.hm-v420-draw-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.hm-v420-top-list{padding:5px 14px 13px}.hm-v420-top-list article{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:8px;align-items:center;padding:10px 4px;border-bottom:1px solid #edf2f8}.hm-v420-top-list article>span{display:grid;place-items:center;width:28px;height:28px;border-radius:6px;background:#e9f2ff;color:#0b60c4;font-weight:950}.hm-v420-top-list article:nth-child(-n/**/+3)>span{background:#ffde52;color:#0a3974}.hm-v420-top-list article div{min-width:0}.hm-v420-top-list article div strong, .hm-v420-top-list article div small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hm-v420-top-list article div small, .hm-v420-top-list article>small{color:#8295aa;font-size:10px}.hm-v420-top-list article>b{color:#0a3974}.hm-v420-top-list article>small{grid-column:3;text-align:right;margin-top:-6px}
@media(max-width:1100px){.hm-v420-winner-table{overflow-x:auto}.hm-v420-winner-table .is-head, .hm-v420-winner-table article{min-width:920px}.hm-v420-draw-grid{grid-template-columns:1fr}}


/* ==========================================================================
   v421 – kreatívne súťažné vyskakovacie okno
   ========================================================================== */
body.hm-v421-popup-open{overflow:hidden!important}.hm-v421-popup{position:fixed;inset:0;z-index:1000000;display:grid;place-items:center;padding:18px;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .28s ease,visibility .28s ease}.hm-v421-popup.is-open{opacity:1;visibility:visible;pointer-events:auto}.hm-v421-popup-backdrop{position:absolute;inset:0;background:rgba(3,27,68,.64);backdrop-filter:blur(9px)}.hm-v421-popup-card{position:relative;width:min(690px,calc(100vw - 28px));max-height:calc(100dvh - 30px);overflow:auto;padding:30px;border-radius:30px;background:radial-gradient(circle at 90% 6%,rgba(255,218,50,.24),transparent 26%),linear-gradient(145deg,#fff 0,#f7fbff 68%,#fff8d2 100%);border:1px solid rgba(205,220,239,.92);box-shadow:0 34px 90px rgba(3,39,92,.35);transform:translateY(20px) scale(.965);transition:transform .32s cubic-bezier(.2,.8,.2,1);box-sizing:border-box}.hm-v421-popup.is-open .hm-v421-popup-card{transform:none}.hm-v421-popup-close{position:absolute;right:16px;top:15px;width:40px;height:40px;border:1px solid #d8e3f1;border-radius:6px;background:#fff;color:#0a3974;font-size:24px;line-height:1;cursor:pointer;box-shadow:0 7px 20px rgba(12,59,119,.10)}.hm-v421-popup-card h2{max-width:570px;margin:13px 0 8px;color:#092e69;font-size:clamp(29px,4.4vw,44px);line-height:1.01;letter-spacing:-.04em}.hm-v421-popup-card>small{display:block;margin-top:12px;text-align:center;color:#8a9aaf;font-size:10.5px;line-height:1.45}@media(max-width:620px){.hm-v421-popup{padding:8px}.hm-v421-popup-card{width:100%;max-height:calc(100dvh - 16px);padding:23px 16px 18px;border-radius:23px}.hm-v421-popup-card h2{font-size:30px;padding-right:28px}}


/* ==========================================================================
   v422 – hlavné rubriky v navigácii jednotne, klasicky bielym textom
   ========================================================================== */
.hm-navigation a, .hm-navigation .hm-nav-pexeso{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:0!important;
    padding:10px 13px!important;
    border-radius:12px!important;
    background:transparent!important;
    color:#fff!important;
    font-size:13px!important;
    font-weight:800!important;
    box-shadow:none!important;
    transform:none!important;
}
.hm-navigation a:hover, .hm-navigation a.is-active, .hm-navigation .hm-nav-pexeso:hover{
    background:rgba(255,255,255,.10)!important;
    color:#fff!important;
    box-shadow:none!important;
    transform:translateY(-1px)!important;
}
.hm-navigation .hm-nav-pexeso span{display:none!important;}


/* v423 – odoslanie výherného kódu na e-mail */
.hm-v423-prize-mail{display:flex;flex-direction:column;align-items:center;gap:5px;margin:12px auto 14px!important}
.hm-v423-prize-mail .hm-button-yellow{border:0!important;background:linear-gradient(135deg,#ffd94a,#f6bd1d)!important;color:#0a3974!important;font-weight:950!important;box-shadow:0 9px 22px rgba(226,173,21,.22)!important}
.hm-v423-prize-mail small{min-height:16px;color:#66809b;font-size:12px;font-weight:800}
.hm-v423-prize-mail small.is-success{color:#148049}.hm-v423-prize-mail small.is-error{color:#bd3434}


/* ==========================================================================
   v426 – moderný informačný popup s prioritami ako hlavnou výzvou
   ========================================================================== */
.hm-v426-popup .hm-v421-popup-backdrop{background:rgba(3,25,61,.72)!important;backdrop-filter:blur(11px)!important}
.hm-v426-popup-card{width:min(760px,calc(100vw - 28px))!important;padding:26px!important;border-radius:28px!important;background:linear-gradient(145deg,#fff 0,#f7fbff 72%,#fff9dc 100%)!important;box-shadow:0 38px 100px rgba(3,34,79,.38)!important}
.hm-v426-popup-card .hm-v421-popup-close{z-index:4!important}

.hm-v426-popup-card>h2{max-width:650px!important;margin:9px 0 7px!important;font-size:clamp(30px,4vw,45px)!important;line-height:1!important;letter-spacing:-.045em!important;color:#092e69!important}


@media(max-width:680px){.hm-v426-popup{padding:7px!important}.hm-v426-popup-card{width:100%!important;max-height:calc(100dvh - 14px)!important;padding:20px 14px 15px!important;border-radius:22px!important}.hm-v426-popup-card>h2{font-size:29px!important;padding-right:30px}}

/* ==========================================================================
   v427 – kompaktnejší informačný popup + browser push upozornenia
   ========================================================================== */
.hm-v427-popup .hm-v421-popup-backdrop{background:rgba(3,25,61,.76)!important;backdrop-filter:blur(12px)!important}
.hm-v427-popup-card{width:min(780px,calc(100vw - 24px))!important;max-height:calc(100dvh - 24px)!important;overflow:auto!important;padding:23px 24px 18px!important;border-radius:25px!important;background:linear-gradient(145deg,#fff 0,#f8fbff 74%,#fffbea 100%)!important}
.hm-v427-popup-brand{font-size:7px;font-weight:950;letter-spacing:.16em;color:#0b66ca}
.hm-v427-popup-card>h2{margin:7px 42px 6px 0!important;max-width:690px!important;font-size:clamp(22px,2.8vw,32px)!important;line-height:1.08!important;letter-spacing:-.035em!important;color:#0a326d!important}
.hm-v427-popup-lead{margin:0!important;max-width:720px;color:#627a97!important;font-size:12px!important;line-height:1.48!important}
.hm-v427-candidates{margin-top:14px;padding:12px 13px;border:1px solid #e0eaf6;border-radius:16px;background:#fff}
.hm-v427-candidates-head{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin-bottom:9px}.hm-v427-candidates-head strong{color:#0a3974;font-size:12px}.hm-v427-candidates-head a{color:#0b66ca!important;text-decoration:none!important;font-size:9.5px;font-weight:900}
.hm-v427-candidate-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}.hm-v427-candidate{display:flex;align-items:center;gap:5px;min-width:0;padding:7px;border-radius:11px;background:#f7faff;color:inherit!important;text-decoration:none!important}.hm-v427-candidate img, .hm-v427-avatar{width:30px;height:30px;flex:0 0 30px;border-radius:6px;object-fit:cover;background:#e8f1fc;display:grid;place-items:center;color:#0b66ca}.hm-v427-candidate>span:last-child{min-width:0}.hm-v427-candidate b, .hm-v427-candidate small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hm-v427-candidate b{color:#0a3974;font-size:9.5px}.hm-v427-candidate small{margin-top:1px;color:#8294aa;font-size:7.5px}
.hm-v427-priority{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;margin-top:10px;padding:13px 14px;border:1.5px solid #e8c83e;border-radius:10px;background:#fff8c9}.hm-v427-priority span{display:block;color:#0b66ca;font-size:8px;font-weight:950;letter-spacing:.11em}.hm-v427-priority strong{display:block;margin-top:2px;color:#0a3974;font-size:16px}.hm-v427-priority p{margin:4px 0 0;color:#637995;font-size:10px;line-height:1.4}.hm-v427-priority>a{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 13px;border-radius:11px;background:#075fcf;color:#fff!important;text-decoration:none!important;font-size:9.5px;font-weight:950;white-space:nowrap;box-shadow:0 7px 17px rgba(7,95,207,.18)}
.hm-v427-activities{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}.hm-v427-activities>a{display:block;padding:11px 12px;border:1px solid #dce8f6;border-radius:8px;background:#f5f9ff;color:inherit!important;text-decoration:none!important}.hm-v427-activities>a.is-yellow{background:#fff9dc;border-color:#eadb91}.hm-v427-activities span, .hm-v427-activities strong, .hm-v427-activities small{display:block}.hm-v427-activities span{color:#0b66ca;font-size:8px;font-weight:950;letter-spacing:.1em}.hm-v427-activities strong{margin-top:2px;color:#0a3974;font-size:13px}.hm-v427-activities small{margin-top:3px;color:#6b819b;font-size:7px;line-height:1.35}

.hm-v427-push-box{display:grid;grid-template-columns:36px minmax(0,1fr) auto;gap:10px;align-items:center;margin-top:8px;padding:11px 12px;border:1px solid #dbe8f7;border-radius:8px;background:#fff}.hm-v427-push-icon{display:grid;place-items:center;width:34px;height:30px;border-radius:11px;background:#edf5ff;font-size:16px}.hm-v427-push-copy strong, .hm-v427-push-copy span, .hm-v427-push-copy small{display:block}.hm-v427-push-copy strong{color:#0a3974;font-size:11px}.hm-v427-push-copy span{margin-top:2px;color:#70849e;font-size:8.5px;line-height:1.35}.hm-v427-push-copy small{margin-top:3px;min-height:11px;color:#7a8ca2;font-size:8px}.hm-v427-push-copy small.is-success{color:#14804b}.hm-v427-push-copy small.is-error{color:#bd3b3b}
.hm-v427-push-toggle{display:flex;align-items:center;gap:5px;cursor:pointer;user-select:none}.hm-v427-push-toggle input{position:absolute;opacity:0;pointer-events:none}.hm-v427-push-toggle i{position:relative;width:38px;height:21px;border-radius:999px;background:#ced9e7;transition:.2s ease;box-shadow:inset 0 0 0 1px rgba(15,62,116,.08)}.hm-v427-push-toggle i:after{content:"";position:absolute;left:3px;top:3px;width:15px;height:15px;border-radius:6px;background:#fff;box-shadow:0 2px 5px rgba(0,0,0,.18);transition:.2s ease}.hm-v427-push-toggle input:checked+i{background:#14804b}.hm-v427-push-toggle input:checked+i:after{transform:translateX(17px)}.hm-v427-push-toggle span{color:#526d8d;font-size:7px;font-weight:900}.hm-v427-push-toggle input:disabled+i{opacity:.45}.hm-v427-popup-foot{margin-top:7px!important;color:#8b9bad!important;font-size:8px!important;line-height:1.35!important;text-align:center!important}
.hm-v427-footer-push{appearance:none;border:0;background:transparent;color:inherit;font:inherit;font-size:inherit;font-weight:inherit;padding:0;cursor:pointer}.hm-footer nav .hm-v427-footer-push{color:inherit;opacity:.92}.hm-footer nav .hm-v427-footer-push:hover{opacity:1;text-decoration:underline}
.hm-v427-push-panel{position:fixed;inset:0;z-index:100005;display:none;place-items:center;padding:14px}.hm-v427-push-panel.is-open{display:grid}.hm-v427-push-panel-backdrop{position:absolute;inset:0;background:rgba(3,25,61,.72);backdrop-filter:blur(8px)}.hm-v427-push-panel>section{position:relative;z-index:1;width:min(480px,100%);padding:24px;border-radius:22px;background:#fff;box-shadow:0 30px 80px rgba(3,34,79,.35);text-align:center}.hm-v427-push-panel>section>button{position:absolute;right:12px;top:10px;width:34px;height:30px;border:0;border-radius:6px;background:#eef4fb;color:#0a3974;font-size:22px;cursor:pointer}.hm-v427-push-panel-icon{display:grid;place-items:center;width:54px;height:54px;margin:0 auto 10px;border-radius:17px;background:#fff4bd;font-size:26px}.hm-v427-push-panel h2{margin:0;color:#0a3974;font-size:22px}.hm-v427-push-panel p{margin:7px auto 15px;color:#67809d;font-size:12px;line-height:1.5;max-width:390px}.hm-v427-push-toggle.is-large{justify-content:center;margin:12px auto}.hm-v427-push-toggle.is-large span{font-size:12px;color:#0a3974}.hm-v427-push-panel small[data-hm-push-status]{display:block;min-height:16px;color:#71869f;font-size:10px}.hm-v427-push-panel small.is-error{color:#bd3b3b}.hm-v427-push-panel small.is-success{color:#14804b}.hm-v427-push-help{margin-bottom:0!important;font-size:9px!important;color:#91a0b2!important}
body.hm-v427-push-open{overflow:hidden}
@media(max-width:760px){.hm-v427-popup-card{padding:19px 13px 14px!important;border-radius:21px!important}.hm-v427-popup-card>h2{font-size:22px!important;margin-right:34px!important}.hm-v427-popup-lead{font-size:10.5px!important}.hm-v427-candidate-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hm-v427-candidate:last-child:nth-child(odd){grid-column:1/-1}.hm-v427-priority{grid-template-columns:1fr;gap:8px}.hm-v427-priority>a{width:100%;box-sizing:border-box}.hm-v427-activities{grid-template-columns:1fr}.hm-v427-push-box{grid-template-columns:32px minmax(0,1fr)}.hm-v427-push-toggle{grid-column:1/-1;justify-content:flex-end}.hm-v427-popup-foot{font-size:7.5px!important}}


/* ==========================================================================
   v428 – čistejšie poradie informačného popupu
   ========================================================================== */
.hm-v427-popup-card>h2{font-size:clamp(20px,2.35vw,27px)!important;line-height:1.08!important;max-width:700px!important}
.hm-v427-popup-lead{font-size:11px!important;line-height:1.45!important}


.hm-v428-candidates{margin-top:8px!important}

@media(max-width:760px){.hm-v427-popup-card>h2{font-size:19px!important;line-height:1.1!important}.hm-v427-popup-lead{font-size:10px!important}}


/* v429 – jednotné CTA pre priority, kvíz a pexeso */
.hm-v429-activities{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;margin-top:8px!important}
.hm-v429-activity-card{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:12px!important;padding:13px 14px!important;border:1.5px solid #d9e7f7!important;border-radius:15px!important;background:#f5f9ff!important}
.hm-v429-activity-card.is-yellow{background:#fff9dc!important;border-color:#eadb91!important}
.hm-v429-activity-card span, .hm-v429-activity-card strong, .hm-v429-activity-card small{display:block!important}
.hm-v429-activity-card span{color:#0b66ca!important;font-size:8px!important;font-weight:950!important;letter-spacing:.11em!important}
.hm-v429-activity-card strong{margin-top:2px!important;color:#0a3974!important;font-size:13px!important}
.hm-v429-activity-card small{margin-top:3px!important;color:#6b819b!important;font-size:9px!important;line-height:1.35!important}
.hm-v429-activity-card>a{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:40px!important;padding:0 13px!important;border-radius:11px!important;background:#075fcf!important;color:#fff!important;text-decoration:none!important;font-size:9.5px!important;font-weight:950!important;white-space:nowrap!important;box-shadow:0 7px 17px rgba(7,95,207,.18)!important}
.hm-v429-activity-card>a:hover{background:#064fae!important;transform:translateY(-1px)!important}
@media(max-width:760px){.hm-v429-activities{grid-template-columns:1fr!important}.hm-v429-activity-card{grid-template-columns:1fr!important;gap:8px!important}.hm-v429-activity-card>a{width:100%!important;box-sizing:border-box!important}}


/* ==========================================================================
   v432 – vysvetlenie e-mailu + zbalené rebríčky na homepage
   ========================================================================== */
.hm-v432-email-why{display:grid!important;grid-template-columns:auto minmax(0,1fr)!important;gap:8px 10px!important;align-items:start!important;margin:10px 0 13px!important;padding:10px 12px!important;border:1px solid #d8e7f7!important;border-radius:12px!important;background:#f4f9ff!important;color:#617995!important;font-size:11px!important;line-height:1.45!important}
.hm-v432-email-why strong{color:#0b5fc5!important;font-size:11px!important;white-space:nowrap!important}.hm-v432-email-why span{display:block!important}
.hm-v432-ranking-toggle{appearance:none!important;border:1px solid rgba(11,99,202,.22)!important;border-radius:11px!important;background:#fff!important;color:#0b5fc5!important;font-size:9.5px!important;font-weight:950!important;letter-spacing:.035em!important;cursor:pointer!important;box-shadow:0 6px 16px rgba(10,76,150,.07)!important;z-index:3!important;}
.hm-v432-ranking-toggle:hover{background:#f4f9ff!important;border-color:#8db9eb!important;}


#hmQuizRankingAccess.is-collapsed #hmQuizRankingTopFive, #hmQuizRankingAccess.is-collapsed .hm-quiz-ranking-showcase-actions, #hmQuizRankingAccess.is-collapsed #hmQuizRankingFull, #hmQuizRankingAccess.is-collapsed #hmQuizMyAttempts{display:none!important}
#hmQuizRankingAccess.is-collapsed{padding-bottom:0!important}

@media(max-width:760px){.hm-v432-email-why{grid-template-columns:1fr!important;gap:4px!important;font-size:10px!important}.hm-v432-email-why strong{font-size:10px!important}}


/* ==========================================================================
   v433 – zjednotenie rebríčkov + sídlisková liga + pexeso CTA
   ========================================================================== */

/* Kvíz: výber sídliska/časti mesta */
.hm-v433-quiz-neighborhood{
    grid-column:1/-1!important;
}
.hm-v433-quiz-neighborhood select{
    width:100%!important;
    min-height:48px!important;
    padding:0 42px 0 14px!important;
    border:1px solid #cfdef0!important;
    border-radius:13px!important;
    background:#fff!important;
    color:#173d74!important;
    font-size:14px!important;
    font-weight:800!important;
    outline:none!important;
    box-shadow:0 6px 16px rgba(10,63,130,.04)!important;
}
.hm-v433-quiz-neighborhood select:focus{
    border-color:#69a6e8!important;
    box-shadow:0 0 0 3px rgba(32,118,216,.12)!important;
}
.hm-v433-quiz-neighborhood select:disabled{
    background:#eef5fd!important;
    color:#0c5ebd!important;
    cursor:not-allowed!important;
    opacity:1!important;
}
.hm-v433-quiz-neighborhood small{
    display:block!important;
    margin-top:6px!important;
    color:#6b819d!important;
    font-size:10px!important;
    line-height:1.4!important;
}

/* Sídlisková liga */
.hm-v433-district-league{
    position:relative!important;
    z-index:2!important;
    margin:12px 16px 4px!important;
    padding:15px!important;
    border:1px solid #dbe7f3!important;
    border-radius:18px!important;
    background:#fff!important;
    box-shadow:0 12px 24px rgba(10,56,122,.05)!important;
}
.hm-v433-district-league-head{
    display:flex!important;
    justify-content:space-between!important;
    align-items:flex-end!important;
    gap:14px!important;
    margin-bottom:12px!important;
}
.hm-v433-district-league-head span{
    display:block!important;
    color:#0d65c7!important;
    font-size:9px!important;
    font-weight:950!important;
    letter-spacing:.11em!important;
}
.hm-v433-district-league-head h4{
    margin:3px 0 0!important;
    color:#153b77!important;
    font-size:20px!important;
    line-height:1.12!important;
    font-weight:950!important;
}
.hm-v433-district-league-head>small{
    color:#7488a1!important;
    font-size:10px!important;
    font-weight:750!important;
    text-align:right!important;
}
.hm-v433-district-league-list{
    display:grid!important;
    gap:7px!important;
}
.hm-v433-district-row{
    display:grid!important;
    grid-template-columns:38px minmax(150px,1fr) 150px 80px!important;
    align-items:center!important;
    gap:10px!important;
    min-height:48px!important;
    padding:8px 12px!important;
    border:1px solid rgba(181,201,225,.42)!important;
    border-radius:13px!important;
    background:#f8fbff!important;
}
.hm-v433-district-row.is-rank-1{background:linear-gradient(90deg,#fff6c5,#fffdf0)!important;border-color:#ecd875!important;}
.hm-v433-district-row.is-rank-2{background:linear-gradient(90deg,#eef6ff,#fbfdff)!important;}
.hm-v433-district-row.is-rank-3{background:linear-gradient(90deg,#fff1e9,#fffaf7)!important;}
.hm-v433-district-rank{
    display:grid!important;
    place-items:center!important;
    width:30px!important;
    height:30px!important;
    border-radius:50%!important;
    background:#dce8ff!important;
    color:#174d98!important;
    font-size:14px!important;
    font-weight:950!important;
}
.hm-v433-district-row.is-rank-1 .hm-v433-district-rank{background:#ffd400!important;color:#093875!important;}
.hm-v433-district-row strong{
    color:#18386f!important;
    font-size:13px!important;
    font-weight:900!important;
}
.hm-v433-district-row>div{
    display:flex!important;
    align-items:baseline!important;
    justify-content:flex-end!important;
    gap:4px!important;
    white-space:nowrap!important;
}
.hm-v433-district-row>div b{
    color:#0d5fbe!important;
    font-size:16px!important;
    font-weight:950!important;
}
.hm-v433-district-row>div small{
    color:#7589a2!important;
    font-size:9px!important;
    font-weight:800!important;
}
.hm-v433-district-row em{
    color:#6f849f!important;
    font-size:10px!important;
    font-style:normal!important;
    font-weight:850!important;
    text-align:right!important;
    white-space:nowrap!important;
}
#hmQuizRankingAccess.is-collapsed #hmQuizDistrictLeague{display:none!important;}

/* Priebežný rebríček priorít – rovnaký vizuálny jazyk ako kvíz */
#hmPublicPriorityBoard.hm-public-priority-board{
    
    
    
    border-radius:26px!important;
    
    background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(248,251,255,.98))!important;
    border:1px solid rgba(174,197,227,.45)!important;
    box-shadow:0 18px 48px rgba(10,56,122,.10)!important;
}
#hmPublicPriorityBoard.hm-public-priority-board::after{display:none!important;}
#hmPublicPriorityBoard .hm-public-priority-board-head{
    
    
    
    
    
    
    
    background:linear-gradient(135deg,#0f5bb1,#0b3f8a)!important;
    color:#fff!important;
    
}
#hmPublicPriorityBoard .hm-public-priority-board-head::before{
    content:""!important;
    position:absolute!important;
    left:34%!important;
    top:-24px!important;
    width:180px!important;
    height:180px!important;
    border-radius:50%!important;
    background:radial-gradient(circle,rgba(255,255,255,.11),transparent 65%)!important;
}
#hmPublicPriorityBoard .hm-public-priority-board-head::after{
    content:"🏆"!important;
    position:absolute!important;
    left:58%!important;
    top:16px!important;
    font-size:74px!important;
    line-height:1!important;
    opacity:.11!important;
}
#hmPublicPriorityBoard .hm-public-priority-board-heading{
    
    z-index:2!important;
}


#hmPublicPriorityBoard .hm-public-priority-board-head h3{
    
    
    color:#fff!important;
    font-size:28px!important;
    line-height:1!important;
    font-weight:950!important;
    letter-spacing:-.03em!important;
}
#hmPublicPriorityBoard .hm-public-priority-board-head h3::after{display:none!important;}

#hmPublicPriorityBoard .hm-public-priority-board-slogan{
    position:relative!important;
    z-index:2!important;
    align-self:flex-start!important;
    color:#fff!important;
    font-size:21px!important;
    line-height:1.04!important;
    font-weight:900!important;
    font-style:italic!important;
    text-align:right!important;
    transform:rotate(-7deg)!important;
    padding-right:6px!important;
}
#hmPublicPriorityBoard .hm-public-priority-board-slogan::after{
    width:92px!important;
    height:5px!important;
    background:#ffd400!important;
}
#hmPublicPriorityBoard .hm-v432-ranking-toggle{
    
    z-index:3!important;
    border-color:rgba(255,255,255,.30)!important;
    background:#fff!important;
    color:#0b5fc5!important;
    box-shadow:none!important;
}
#hmPublicPriorityBoard .hm-public-priority-list{
    margin:0 12px!important;
    padding:34px 24px 8px!important;
    border-radius:0 0 24px 24px!important;
    background:
        radial-gradient(circle at 18% 26%,rgba(255,255,255,.9),transparent 24%),
        radial-gradient(circle at 76% 33%,rgba(153,197,255,.22),transparent 24%),
        linear-gradient(180deg,rgba(230,241,255,.52),rgba(245,249,255,.92))!important;
}
#hmPublicPriorityBoard .hm-public-priority-vote-legend{
    margin:10px 16px 0!important;
    padding:10px 12px!important;
    border:1px solid #dbe7f3!important;
    border-radius:14px!important;
    background:#fff!important;
}





/* Homepage CTA na pexeso – rovnaká žltá/blue kombinácia ako tlačidlo kvízu */






/* mobil */
@media(max-width:760px){
    .hm-v433-district-league{margin:10px 10px 4px!important;padding:11px!important;}
    .hm-v433-district-league-head{display:block!important;}
    .hm-v433-district-league-head h4{font-size:17px!important;}
    .hm-v433-district-league-head>small{display:block!important;margin-top:4px!important;text-align:left!important;}
    .hm-v433-district-row{grid-template-columns:34px minmax(0,1fr) auto!important;gap:7px!important;padding:8px 9px!important;}
    .hm-v433-district-row>div{grid-column:2!important;grid-row:2!important;justify-content:flex-start!important;}
    .hm-v433-district-row em{grid-column:3!important;grid-row:1/3!important;}
    
    #hmPublicPriorityBoard .hm-public-priority-board-head h3{font-size:22px!important;}
    #hmPublicPriorityBoard .hm-public-priority-board-slogan{display:none!important;}
    
    #hmPublicPriorityBoard .hm-public-priority-list{margin:0 8px!important;padding:24px 10px 7px!important;}
    
    
    
}

/* ======================================================================
   v435 – kvíz: e-mailová brána o ~10 % menšie písmo, aby sa všetko zmestilo
   ====================================================================== */


@media(max-width:760px){
  
  
  
  
  
  
  
  
}


/* ======================================================================
   v436 – kvíz: kratší text e-mailovej brány a obsah bližšie k hornému okraju
   ====================================================================== */


@media(max-width:760px){}

/* ======================================================================
   v437 – modernejší kvíz: kompaktnejšia hlavička, väčšia otázka a odpovede
   ====================================================================== */


@media(max-width:760px){
    
    
    
    
    
    
    
    
    
    
    
    
}


/* v438 – zjednodušený rebríček kvízu + detail pokusov */
.hm-quiz-podium-avatar{display:none!important;}


.hm-quiz-ranking-full-table-head, .hm-quiz-ranking-full-item{display:grid!important;grid-template-columns:52px minmax(0,1.7fr) 110px 110px 90px!important;align-items:center!important;gap:10px!important;}
.hm-quiz-ranking-full-table-head{padding:0 14px 10px!important;color:#7387a2!important;font-size:11px!important;font-weight:900!important;letter-spacing:.08em!important;text-transform:uppercase!important;}
.hm-quiz-ranking-full-item{padding:12px 14px!important;border-radius:14px!important;background:#f8fbff!important;border:1px solid rgba(180,200,225,.38)!important;}
.hm-quiz-ranking-full-name{font-size:16px!important;color:#123a71!important;font-weight:900!important;}
.hm-quiz-ranking-full-score, .hm-quiz-ranking-full-correct, .hm-quiz-ranking-full-time{font-size:14px!important;color:#2a527f!important;font-weight:800!important;}
.hm-quiz-my-attempts-list{gap:12px!important;padding:0 14px 14px!important;}
.hm-quiz-attempt-card{border:1px solid #dfe9f5!important;border-radius:16px!important;background:#fdfefe!important;overflow:hidden!important;}
.hm-quiz-attempt-summary{list-style:none!important;cursor:pointer!important;display:grid!important;grid-template-columns:110px minmax(0,1fr) 140px!important;gap:14px!important;align-items:center!important;padding:14px 16px!important;}
.hm-quiz-attempt-summary::-webkit-details-marker{display:none!important;}
.hm-quiz-attempt-badge{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:38px!important;padding:0 14px!important;border-radius:999px!important;background:#edf5ff!important;color:#0f62ca!important;font-size:13px!important;font-weight:900!important;}
.hm-quiz-attempt-summary-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important;}
.hm-quiz-attempt-summary-grid small{display:block!important;font-size:10px!important;color:#8091a7!important;margin-bottom:2px!important;}
.hm-quiz-attempt-summary-grid strong{display:block!important;font-size:14px!important;color:#123a71!important;}
.hm-quiz-attempt-open{justify-self:end!important;color:#0f62ca!important;font-size:12px!important;font-weight:900!important;}
.details[open] .hm-quiz-attempt-open{opacity:.8;}
.hm-quiz-attempt-card[open] .hm-quiz-attempt-open{color:#0c3265!important;}
.hm-quiz-attempt-detail-list{display:grid!important;gap:10px!important;padding:0 16px 16px!important;border-top:1px solid #edf2f7!important;}
.hm-quiz-attempt-detail-item{display:grid!important;grid-template-columns:34px minmax(0,1fr)!important;gap:12px!important;align-items:start!important;padding:12px 12px!important;border-radius:14px!important;background:#fff!important;}
.hm-quiz-attempt-detail-item.is-correct{background:#f1fbf5!important;border:1px solid #cbead4!important;}
.hm-quiz-attempt-detail-item.is-wrong{background:#fff5f3!important;border:1px solid #f3d6d0!important;}
.hm-quiz-attempt-detail-status{display:grid!important;place-items:center!important;width:34px!important;height:34px!important;border-radius:50%!important;font-size:18px!important;font-weight:900!important;}
.hm-quiz-attempt-detail-item.is-correct .hm-quiz-attempt-detail-status{background:#daf4e3!important;color:#1f8d4e!important;}
.hm-quiz-attempt-detail-item.is-wrong .hm-quiz-attempt-detail-status{background:#ffe0d9!important;color:#c0503f!important;}
.hm-quiz-attempt-detail-copy strong{display:block!important;font-size:14px!important;line-height:1.35!important;color:#123a71!important;margin-bottom:4px!important;}
.hm-quiz-attempt-detail-copy small{display:block!important;font-size:12px!important;line-height:1.45!important;color:#5e728b!important;}
.hm-quiz-attempt-empty-detail{margin:0!important;padding:14px 16px 16px!important;color:#71839b!important;font-size:12px!important;border-top:1px solid #edf2f7!important;}
@media(max-width:900px){
  
  
  .hm-quiz-ranking-full-table-head{display:none!important;}
  .hm-quiz-ranking-full-item{grid-template-columns:34px minmax(0,1fr) auto auto!important;grid-template-areas:"rank name score score" "rank correct time time"!important;}
  .hm-quiz-ranking-full-rank{grid-area:rank!important;}
  .hm-quiz-ranking-full-name{grid-area:name!important;}
  .hm-quiz-ranking-full-score{grid-area:score!important;justify-self:end!important;}
  .hm-quiz-ranking-full-correct{grid-area:correct!important;}
  .hm-quiz-ranking-full-time{grid-area:time!important;justify-self:end!important;}
  .hm-quiz-attempt-summary{grid-template-columns:1fr!important;}
  .hm-quiz-attempt-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .hm-quiz-attempt-open{justify-self:start!important;}
}
@media(max-width:640px){
  
  
  
  .hm-quiz-attempt-summary-grid{grid-template-columns:1fr!important;}
}


/* v439 – kompaktnejší rebríček kvízu + výraznejšie homepage PEXESO */


#hmQuizRankingAccess .hm-v433-district-league{
    margin:10px 12px 4px!important;
    padding:12px!important;
    border-radius:16px!important;
}
#hmQuizRankingAccess .hm-v433-district-league-head{margin-bottom:10px!important;gap:8px!important;}
#hmQuizRankingAccess .hm-v433-district-league-head h4{font-size:17px!important;line-height:1.18!important;}
#hmQuizRankingAccess .hm-v433-district-league-head>small{font-size:10px!important;}
#hmQuizRankingAccess .hm-v433-district-league-list{gap:6px!important;}
#hmQuizRankingAccess .hm-v433-district-row{
    grid-template-columns:34px minmax(120px,1fr) 128px 74px!important;
    min-height:42px!important;
    gap:8px!important;
    padding:7px 10px!important;
    border-radius:12px!important;
}
#hmQuizRankingAccess .hm-v433-district-rank{width:28px!important;height:28px!important;font-size:14px!important;}
#hmQuizRankingAccess .hm-v433-district-row strong{font-size:12px!important;line-height:1.2!important;}
#hmQuizRankingAccess .hm-v433-district-row>div b{font-size:14px!important;}
#hmQuizRankingAccess .hm-v433-district-row>div small{font-size:9px!important;}
#hmQuizRankingAccess .hm-v433-district-row em{font-size:10px!important;}
#hmQuizRankingAccess .hm-quiz-ranking-showcase-actions{gap:6px!important;padding:8px 12px 2px!important;}
#hmQuizRankingAccess .hm-quiz-ranking-open{
    min-width:240px!important;
    padding:12px 20px!important;
    font-size:16px!important;
    box-shadow:0 12px 24px rgba(10,56,122,.14)!important;
}
#hmQuizRankingAccess .hm-quiz-ranking-open span{font-size:22px!important;}
#hmQuizRankingAccess .hm-quiz-ranking-showcase-actions small{font-size:11px!important;}
#hmQuizRankingAccess .hm-quiz-ranking-full{margin:10px 12px 0!important;padding:12px!important;border-radius:16px!important;}



#hmQuizRankingAccess .hm-quiz-ranking-full-table-head{padding:0 10px 8px!important;font-size:10px!important;}
#hmQuizRankingAccess .hm-quiz-ranking-full-table-head, #hmQuizRankingAccess .hm-quiz-ranking-full-item{grid-template-columns:46px minmax(0,1.7fr) 90px 96px 72px!important;gap:8px!important;}
#hmQuizRankingAccess .hm-quiz-ranking-full-list{gap:8px!important;max-height:520px!important;}
#hmQuizRankingAccess .hm-quiz-ranking-full-item{padding:10px 10px!important;border-radius:12px!important;}
#hmQuizRankingAccess .hm-quiz-ranking-full-rank{width:28px!important;height:28px!important;font-size:14px!important;}
#hmQuizRankingAccess .hm-quiz-ranking-full-name{font-size:14px!important;}
#hmQuizRankingAccess .hm-quiz-ranking-full-score, #hmQuizRankingAccess .hm-quiz-ranking-full-correct, #hmQuizRankingAccess .hm-quiz-ranking-full-time{font-size:12px!important;}
#hmQuizRankingAccess .hm-quiz-my-attempts{margin:10px 12px 0!important;border-radius:16px!important;}
#hmQuizRankingAccess .hm-quiz-my-attempts-head{padding:12px 14px!important;}
#hmQuizRankingAccess .hm-quiz-my-attempts-head strong{font-size:16px!important;}
#hmQuizRankingAccess .hm-quiz-my-attempts-list{padding:0 12px 12px!important;gap:10px!important;}
#hmQuizRankingAccess .hm-quiz-attempt-summary{padding:12px 14px!important;grid-template-columns:95px minmax(0,1fr) 120px!important;gap:10px!important;}
#hmQuizRankingAccess .hm-quiz-attempt-badge{min-height:34px!important;font-size:12px!important;}
#hmQuizRankingAccess .hm-quiz-attempt-summary-grid{gap:8px!important;}
#hmQuizRankingAccess .hm-quiz-attempt-summary-grid small{font-size:10px!important;}
#hmQuizRankingAccess .hm-quiz-attempt-summary-grid strong{font-size:13px!important;}
#hmQuizRankingAccess .hm-quiz-attempt-open{font-size:11px!important;}
#hmQuizRankingAccess .hm-quiz-attempt-detail-list{gap:8px!important;padding:0 14px 14px!important;}
#hmQuizRankingAccess .hm-quiz-attempt-detail-item{padding:10px 10px!important;grid-template-columns:30px minmax(0,1fr)!important;gap:10px!important;border-radius:12px!important;}
#hmQuizRankingAccess .hm-quiz-attempt-detail-status{width:30px!important;height:30px!important;font-size:16px!important;}
#hmQuizRankingAccess .hm-quiz-attempt-detail-copy strong{font-size:13px!important;margin-bottom:3px!important;}
#hmQuizRankingAccess .hm-quiz-attempt-detail-copy small{font-size:11px!important;line-height:1.35!important;}


@media(max-width:980px){
    
    
    #hmQuizRankingAccess .hm-v433-district-row{grid-template-columns:34px minmax(0,1fr) auto auto!important;}
}
@media(max-width:720px){
    
    
    
    
    
    
    
    #hmQuizRankingAccess .hm-v433-district-league{margin:10px 10px 4px!important;padding:10px!important;}
    #hmQuizRankingAccess .hm-v433-district-row{grid-template-columns:30px minmax(0,1fr)!important;}
    #hmQuizRankingAccess .hm-v433-district-row>div, #hmQuizRankingAccess .hm-v433-district-row em{justify-self:start!important;text-align:left!important;}
    #hmQuizRankingAccess .hm-quiz-ranking-open{width:100%!important;min-width:0!important;}
    #hmQuizRankingAccess .hm-quiz-ranking-full{margin:10px 10px 0!important;padding:10px!important;}
    #hmQuizRankingAccess .hm-quiz-my-attempts{margin:10px 10px 0!important;}
}


/* v440 – TOP karta bez prekrývania + okamžitá správnosť odpovede */


/* v441: kvíz – veľkosť textu otázky sa prispôsobí dĺžke bez potreby scrollovania */


@media (max-width: 760px) {
    
}


/* v443 – výraznejšie tlačidlo „Zobraziť celý rebríček“ na homepage */
.hm-v432-ranking-toggle, #hmPublicPriorityBoard .hm-v432-ranking-toggle, #hmQuizRankingAccess .hm-v432-ranking-toggle{
    
    
    border:2px solid rgba(255,255,255,.78)!important;
    border-radius:18px!important;
    background:linear-gradient(180deg,#ffdf24 0%,#ffcc00 100%)!important;
    color:#082f68!important;
    font-size:13px!important;
    font-weight:950!important;
    letter-spacing:.035em!important;
    box-shadow:0 14px 30px rgba(225,173,0,.28),inset 0 1px 0 rgba(255,255,255,.75)!important;
    transition:transform .18s ease,box-shadow .18s ease,filter .18s ease!important;
}
.hm-v432-ranking-toggle:hover, #hmPublicPriorityBoard .hm-v432-ranking-toggle:hover, #hmQuizRankingAccess .hm-v432-ranking-toggle:hover{
    
    filter:saturate(1.05)!important;
    box-shadow:0 18px 34px rgba(225,173,0,.36),inset 0 1px 0 rgba(255,255,255,.78)!important;
}
.hm-v432-ranking-toggle span{font-size:20px!important;line-height:1!important;}
@media(max-width:760px){
    .hm-v432-ranking-toggle, #hmPublicPriorityBoard .hm-v432-ranking-toggle, #hmQuizRankingAccess .hm-v432-ranking-toggle{
        
        
        
        border-radius:16px!important;
        font-size:12px!important;
    }
}

/* v444 – menšia medzera medzi CTA tlačidlom a rebríčkom (priority / kvíz / pexeso) */


#hmPublicPriorityBoard .hm-public-priority-list{padding:18px 24px 6px!important;}
#hmPublicPriorityBoard .hm-public-priority-vote-legend{margin:6px 16px 0!important;}






#hmQuizRankingAccess .hm-v433-district-league{margin:6px 12px 2px!important;padding:10px 12px!important;}
#hmQuizRankingAccess .hm-quiz-ranking-showcase-actions{gap:4px!important;padding:4px 12px 0!important;}
#hmQuizRankingAccess .hm-quiz-ranking-full{margin:4px 12px 0!important;}
#hmQuizRankingAccess .hm-quiz-my-attempts{margin:6px 12px 0!important;}





@media(max-width:760px){
    
    
    #hmPublicPriorityBoard .hm-public-priority-list{margin:0 8px!important;padding:16px 10px 6px!important;}
    #hmPublicPriorityBoard .hm-public-priority-vote-legend{margin:6px 10px 0!important;}
    
    
    #hmQuizRankingAccess .hm-v433-district-league{margin:6px 10px 2px!important;padding:9px!important;}
    #hmQuizRankingAccess .hm-quiz-ranking-showcase-actions{padding:4px 10px 0!important;}
    #hmQuizRankingAccess .hm-quiz-ranking-full{margin:4px 10px 0!important;}
    #hmQuizRankingAccess .hm-quiz-my-attempts{margin:6px 10px 0!important;}
    
    
}

/* ======================================================================
   v445 – profesionálnejší popup, výrazný súhlas s push + mobilný slogan
   ====================================================================== */
.hm-v445-popup .hm-v421-popup-backdrop{
    background:rgba(3,24,58,.80)!important;
    backdrop-filter:blur(14px) saturate(1.08)!important;
}
.hm-v445-popup-card{
    width:min(790px,calc(100vw - 24px))!important;
    max-height:calc(100dvh - 24px)!important;
    padding:0 22px 16px!important;
    overflow:auto!important;
    border:1px solid rgba(160,187,219,.46)!important;
    border-radius:28px!important;
    background:#f8fbff!important;
    box-shadow:0 36px 100px rgba(2,28,69,.42)!important;
}
.hm-v445-popup-top{
    position:relative!important;
    margin:0 -22px 12px!important;
    padding:20px 60px 18px 22px!important;
    overflow:hidden!important;
    border-radius:27px 27px 20px 20px!important;
    background:
      radial-gradient(circle at 92% 5%,rgba(255,214,38,.22),transparent 26%),
      linear-gradient(135deg,#0a4da3 0%,#083a80 68%,#062f6e 100%)!important;
}
.hm-v445-popup-top:after{
    content:"H5"!important;
    position:absolute!important;
    right:22px!important;
    bottom:-18px!important;
    color:rgba(255,255,255,.07)!important;
    font-size:86px!important;
    line-height:1!important;
    font-weight:950!important;
    letter-spacing:-.08em!important;
}
.hm-v445-popup-top .hm-v427-popup-brand{
    position:relative!important;
    z-index:1!important;
    color:#ffd83d!important;
    font-size:9px!important;
    letter-spacing:.18em!important;
}
.hm-v445-popup-top>h2{
    position:relative!important;
    z-index:1!important;
    margin:5px 0 6px!important;
    max-width:640px!important;
    color:#fff!important;
    font-size:clamp(22px,2.55vw,30px)!important;
    line-height:1.05!important;
    letter-spacing:-.035em!important;
}
.hm-v445-popup-top .hm-v427-popup-lead{
    position:relative!important;
    z-index:1!important;
    max-width:675px!important;
    color:rgba(231,241,253,.86)!important;
    font-size:10.5px!important;
    line-height:1.45!important;
}
.hm-v445-priority{
    margin-top:0!important;
    padding:13px 14px!important;
    border:1px solid #ead36c!important;
    border-radius:16px!important;
    background:linear-gradient(135deg,#fff8c8,#fffdf1)!important;
    box-shadow:0 8px 22px rgba(128,94,0,.07)!important;
}
.hm-v445-priority strong{font-size:15px!important;}
.hm-v445-priority p{font-size:9.5px!important;line-height:1.35!important;}
.hm-v445-priority>a{
    min-height:36px!important;
    padding:0 12px!important;
    border-radius:10px!important;
    font-size:8.5px!important;
    box-shadow:none!important;
}
.hm-v445-activities{
    gap:7px!important;
    margin-top:7px!important;
}
.hm-v445-activities .hm-v429-activity-card{
    padding:10px 11px!important;
    gap:8px!important;
    border-radius:13px!important;
    box-shadow:0 5px 15px rgba(10,62,126,.035)!important;
}
.hm-v445-activities .hm-v429-activity-card strong{font-size:12px!important;}
.hm-v445-activities .hm-v429-activity-card small{font-size:8.5px!important;line-height:1.3!important;}
.hm-v445-activities .hm-v429-activity-card>a{
    min-height:34px!important;
    padding:0 10px!important;
    border-radius:9px!important;
    font-size:8px!important;
    box-shadow:none!important;
}
.hm-v445-push-box{
    grid-template-columns:40px minmax(0,1fr) minmax(180px,220px)!important;
    gap:12px!important;
    margin-top:8px!important;
    padding:13px 14px!important;
    border:1px solid #cfe2f6!important;
    border-radius:16px!important;
    background:linear-gradient(135deg,#fff,#f3f8ff)!important;
    box-shadow:0 9px 24px rgba(9,66,137,.07)!important;
}
.hm-v445-push-box .hm-v427-push-icon{
    width:40px!important;
    height:40px!important;
    border-radius:12px!important;
    background:#e9f3ff!important;
    font-size:18px!important;
}
.hm-v445-push-box .hm-v427-push-copy strong{font-size:12px!important;}
.hm-v445-push-box .hm-v427-push-copy span{font-size:8.5px!important;line-height:1.35!important;}
.hm-v445-push-box .hm-v427-push-copy small{font-size:8px!important;}
.hm-v445-push-agree{
    appearance:none!important;
    min-height:50px!important;
    padding:0 20px!important;
    border:0!important;
    border-radius:13px!important;
    background:linear-gradient(180deg,#ffd91d,#ffc900)!important;
    color:#082f68!important;
    font-size:14px!important;
    font-weight:950!important;
    letter-spacing:.045em!important;
    cursor:pointer!important;
    box-shadow:0 11px 24px rgba(218,165,0,.24)!important;
    transition:transform .18s ease,box-shadow .18s ease,filter .18s ease!important;
}
.hm-v445-push-agree:hover:not(:disabled){
    transform:translateY(-2px)!important;
    box-shadow:0 15px 28px rgba(218,165,0,.30)!important;
}
.hm-v445-push-agree.is-active{
    background:linear-gradient(180deg,#178653,#117342)!important;
    color:#fff!important;
    box-shadow:none!important;
}
.hm-v445-push-agree:disabled{cursor:default!important;opacity:1!important;}
.hm-v445-popup-card .hm-v427-candidates{
    margin-top:8px!important;
    padding:11px 12px!important;
    border-radius:15px!important;
    box-shadow:0 5px 16px rgba(10,62,126,.035)!important;
}
.hm-v445-popup-card .hm-v427-candidates-head{margin-bottom:7px!important;}
.hm-v445-popup-card .hm-v427-candidates-head strong{font-size:11px!important;}
.hm-v445-popup-card .hm-v427-candidates-head a{font-size:8.5px!important;}
.hm-v445-popup-card .hm-v427-candidate{
    padding:6px!important;
    border:1px solid #edf3fa!important;
    background:#f9fbfe!important;
}
.hm-v445-popup-card .hm-v427-candidate b{font-size:9px!important;}
.hm-v445-popup-card .hm-v427-candidate small{font-size:7px!important;}
.hm-v445-popup-card .hm-v427-popup-foot{margin-top:6px!important;font-size:7.5px!important;}

/* Blogy – mazanie priamo v backoffice */
.hm-v445-blog-manage-actions{display:flex;justify-content:flex-end;margin:10px 0 0;}
.hm-v445-blog-delete{margin:10px 0 0!important;}
.hm-v445-blog-manage-actions .hm-v445-blog-delete{margin:0!important;}
.hm-v445-blog-delete button{
    appearance:none;
    min-height:36px;
    padding:0 13px;
    border:1px solid #efc4c4;
    border-radius:8px;
    background:#fff6f6;
    color:#b83232;
    font-size:9px;
    font-weight:900;
    cursor:pointer;
}
.hm-v445-blog-delete button:hover{background:#b83232;color:#fff;border-color:#b83232;}

/* Mobil: slogan nad anketou musí byť výrazný a presne v strede. */
@media(max-width:560px){
    #hmVoteIntro.hm-v315-poll-cta .hm-v125-kicker{
        width:100%!important;
        margin:0 auto 11px!important;
        padding:7px 10px!important;
        justify-content:center!important;
        align-self:center!important;
        text-align:center!important;
        color:#fff!important;
        font-size:14px!important;
        line-height:1.15!important;
        font-weight:950!important;
        letter-spacing:.16em!important;
        border:1px solid rgba(255,255,255,.18)!important;
        border-radius:999px!important;
        background:rgba(4,47,107,.36)!important;
        box-sizing:border-box!important;
    }
    .hm-v445-popup-card{
        width:calc(100vw - 12px)!important;
        max-height:calc(100dvh - 12px)!important;
        padding:0 11px 12px!important;
        border-radius:22px!important;
    }
    .hm-v445-popup-top{
        margin:0 -11px 9px!important;
        padding:17px 46px 15px 14px!important;
        border-radius:21px 21px 17px 17px!important;
    }
    .hm-v445-popup-top>h2{font-size:19px!important;line-height:1.08!important;}
    .hm-v445-popup-top .hm-v427-popup-lead{font-size:9.5px!important;}
    .hm-v445-priority{grid-template-columns:1fr!important;gap:7px!important;padding:11px!important;}
    .hm-v445-priority>a{width:auto!important;justify-self:start!important;min-height:34px!important;padding:0 11px!important;}
    .hm-v445-activities{grid-template-columns:1fr 1fr!important;gap:6px!important;}
    .hm-v445-activities .hm-v429-activity-card{grid-template-columns:1fr!important;padding:9px!important;}
    .hm-v445-activities .hm-v429-activity-card>a{width:auto!important;justify-self:start!important;min-height:32px!important;padding:0 9px!important;}
    .hm-v445-push-box{
        grid-template-columns:36px minmax(0,1fr)!important;
        padding:11px!important;
    }
    .hm-v445-push-agree{
        grid-column:1/-1!important;
        width:100%!important;
        min-height:48px!important;
        font-size:13px!important;
    }
    .hm-v445-popup-card .hm-v427-candidate-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}


/* ======================================================================
   v446 – kvíz: menší centrovaný text + klasický rebríček po 10 miest
   ====================================================================== */





/* Klasický rebríček: žiadne pódium, každý hráč je samostatný riadok. */
#hmQuizRankingAccess.hm-v446-ranking-classic .hm-quiz-ranking-hero::after{display:none!important;}
#hmQuizRankingAccess.hm-v446-ranking-classic .hm-quiz-ranking-hero::before{opacity:.34!important;}


#hmQuizRankingAccess.hm-v446-ranking-classic .hm-v446-ranking-board{
    margin:8px 14px 0!important;
    padding:14px!important;
    border:1px solid #dbe7f3!important;
    border-radius:16px!important;
    background:#fff!important;
    box-shadow:none!important;
}



#hmQuizRankingAccess.hm-v446-ranking-classic .hm-quiz-ranking-full-table-head, #hmQuizRankingAccess.hm-v446-ranking-classic .hm-quiz-ranking-full-item{
    display:grid!important;
    grid-template-columns:58px minmax(0,1.7fr) 100px 100px 80px!important;
    gap:10px!important;
    align-items:center!important;
}
#hmQuizRankingAccess.hm-v446-ranking-classic .hm-quiz-ranking-full-table-head{
    padding:0 12px 7px!important;
    color:#7387a2!important;
    font-size:9px!important;
    font-weight:950!important;
    letter-spacing:.07em!important;
    text-transform:uppercase!important;
}
#hmQuizRankingAccess.hm-v446-ranking-classic .hm-quiz-ranking-full-list{
    display:grid!important;
    gap:6px!important;
    max-height:none!important;
    overflow:visible!important;
    padding:0!important;
}
#hmQuizRankingAccess.hm-v446-ranking-classic .hm-quiz-ranking-full-item{
    min-height:52px!important;
    padding:8px 12px!important;
    border:1px solid #e0e9f4!important;
    border-radius:11px!important;
    background:#f8fbff!important;
    box-shadow:none!important;
}
#hmQuizRankingAccess.hm-v446-ranking-classic .hm-quiz-ranking-full-item:hover{
    border-color:#bfd4eb!important;
    background:#f3f8fe!important;
}
#hmQuizRankingAccess.hm-v446-ranking-classic .hm-quiz-ranking-full-item.is-top-five{
    border-color:#ead36b!important;
    background:#fff8cf!important;
}
#hmQuizRankingAccess.hm-v446-ranking-classic .hm-quiz-ranking-full-item.is-top-five:hover{background:#fff5bd!important;}
#hmQuizRankingAccess.hm-v446-ranking-classic .hm-quiz-ranking-full-rank{
    width:30px!important;
    height:30px!important;
    border-radius:50%!important;
    background:#dfeaff!important;
    color:#174d98!important;
    font-size:14px!important;
    box-shadow:none!important;
}
#hmQuizRankingAccess.hm-v446-ranking-classic .hm-quiz-ranking-full-item.is-top-five .hm-quiz-ranking-full-rank{
    background:#ffd400!important;
    color:#093875!important;
}
#hmQuizRankingAccess.hm-v446-ranking-classic .hm-quiz-ranking-full-name{
    color:#153b77!important;
    font-size:14px!important;
    font-weight:900!important;
}
#hmQuizRankingAccess.hm-v446-ranking-classic .hm-quiz-ranking-full-score, #hmQuizRankingAccess.hm-v446-ranking-classic .hm-quiz-ranking-full-correct, #hmQuizRankingAccess.hm-v446-ranking-classic .hm-quiz-ranking-full-time{
    color:#31577f!important;
    font-size:12px!important;
    font-weight:850!important;
}
#hmQuizRankingAccess.hm-v446-ranking-classic .hm-quiz-ranking-full-item.is-top-five .hm-quiz-ranking-full-score{
    color:#0b5ebd!important;
    font-weight:950!important;
}
#hmQuizRankingAccess.hm-v446-ranking-classic .hm-ranking-page-hidden{display:none!important;}

#hmQuizRankingAccess.hm-v446-ranking-classic .hm-quiz-ranking-pagination{
    display:grid!important;
    grid-template-columns:auto 1fr auto!important;
    align-items:center!important;
    gap:10px!important;
    padding:11px 0 0!important;
}
#hmQuizRankingAccess.hm-v446-ranking-classic .hm-quiz-ranking-pagination.is-single-page{display:none!important;}
#hmQuizRankingAccess.hm-v446-ranking-classic .hm-quiz-ranking-pagination button{
    min-height:36px!important;
    padding:0 13px!important;
    border:1px solid #c9d9ec!important;
    border-radius:10px!important;
    background:#f4f8fd!important;
    color:#0b5ebd!important;
    font-size:10px!important;
    font-weight:900!important;
    box-shadow:none!important;
}
#hmQuizRankingAccess.hm-v446-ranking-classic .hm-quiz-ranking-pagination button:hover:not(:disabled){
    transform:none!important;
    background:#eaf3fd!important;
}
#hmQuizRankingAccess.hm-v446-ranking-classic .hm-quiz-ranking-pagination button:disabled{opacity:.4!important;}
#hmQuizRankingAccess.hm-v446-ranking-classic .hm-quiz-ranking-page-status{
    justify-self:center!important;
    color:#71839b!important;
    font-size:10px!important;
    font-weight:800!important;
}
#hmQuizRankingAccess.hm-v446-ranking-classic .hm-quiz-ranking-page-status b{color:#174c8d!important;font-size:11px!important;}

#hmQuizRankingAccess.hm-v446-ranking-classic .hm-v446-ranking-access{
    padding:8px 14px 2px!important;
    gap:5px!important;
}
#hmQuizRankingAccess.hm-v446-ranking-classic .hm-v446-ranking-access .hm-quiz-ranking-open{
    min-width:250px!important;
    padding:11px 18px!important;
    border:1px solid #c8d9ed!important;
    border-radius:12px!important;
    background:#eef5fd!important;
    color:#0b5ebd!important;
    font-size:13px!important;
    box-shadow:none!important;
}
#hmQuizRankingAccess.hm-v446-ranking-classic .hm-v446-ranking-access .hm-quiz-ranking-open:hover{transform:none!important;background:#e4effb!important;}
#hmQuizRankingAccess.hm-v446-ranking-classic .hm-v446-ranking-access .hm-quiz-ranking-open.is-unlocked{
    background:#eef8f2!important;
    border-color:#b9dfc7!important;
    color:#16733e!important;
}
#hmQuizRankingAccess.hm-v446-ranking-classic .hm-v446-ranking-access small{font-size:10px!important;}

/* Sídlisková liga až pod kompletným rebríčkom. */
#hmQuizRankingAccess.hm-v446-ranking-classic .hm-v446-district-after-ranking{
    margin:10px 14px 4px!important;
    padding:12px 14px!important;
    box-shadow:none!important;
}

@media(max-width:760px){
    
    
    #hmQuizRankingAccess.hm-v446-ranking-classic .hm-v446-ranking-board{margin:8px 10px 0!important;padding:10px!important;}
    #hmQuizRankingAccess.hm-v446-ranking-classic .hm-quiz-ranking-full-table-head{display:none!important;}
    #hmQuizRankingAccess.hm-v446-ranking-classic .hm-quiz-ranking-full-item{
        grid-template-columns:38px minmax(0,1fr) auto auto!important;
        grid-template-areas:"rank name score score" "rank correct time time"!important;
        gap:3px 8px!important;
        min-height:58px!important;
        padding:9px 10px!important;
    }
    #hmQuizRankingAccess.hm-v446-ranking-classic .hm-quiz-ranking-full-rank{grid-area:rank!important;align-self:center!important;}
    #hmQuizRankingAccess.hm-v446-ranking-classic .hm-quiz-ranking-full-name{grid-area:name!important;font-size:13px!important;}
    #hmQuizRankingAccess.hm-v446-ranking-classic .hm-quiz-ranking-full-score{grid-area:score!important;justify-self:end!important;font-size:11px!important;}
    #hmQuizRankingAccess.hm-v446-ranking-classic .hm-quiz-ranking-full-correct{grid-area:correct!important;font-size:10px!important;}
    #hmQuizRankingAccess.hm-v446-ranking-classic .hm-quiz-ranking-full-time{grid-area:time!important;justify-self:end!important;font-size:10px!important;}
    #hmQuizRankingAccess.hm-v446-ranking-classic .hm-quiz-ranking-pagination{grid-template-columns:1fr 1fr!important;}
    #hmQuizRankingAccess.hm-v446-ranking-classic .hm-quiz-ranking-page-status{grid-column:1/-1!important;grid-row:1!important;}
    #hmQuizRankingAccess.hm-v446-ranking-classic .hm-quiz-ranking-pagination button{grid-row:2!important;width:100%!important;}
    #hmQuizRankingAccess.hm-v446-ranking-classic .hm-v446-ranking-access .hm-quiz-ranking-open{width:100%!important;min-width:0!important;}
    #hmQuizRankingAccess.hm-v446-ranking-classic .hm-v446-district-after-ranking{margin:8px 10px 4px!important;padding:10px!important;}
}



@media(max-width:650px){
    
}


/* ==========================================================================
   v448 – menšia otázka, žolík 50:50, rozbaľovacie Moje pokusy a pravidlá
   ========================================================================== */


.hm-v448-joker-button{
    min-height:38px;
    padding:5px 9px 5px 6px;
    display:inline-grid;
    grid-template-columns:auto auto auto;
    align-items:center;
    gap:5px;
    border:1px solid #e7ca42;
    border-radius:12px;
    background:#fff7c8;
    color:#0b438c;
    cursor:pointer;
    box-shadow:0 5px 14px rgba(10,63,130,.08);
}
.hm-v448-joker-button>span{
    display:grid;
    place-items:center;
    min-width:44px;
    height:27px;
    padding:0 7px;
    border-radius:8px;
    background:#ffd633;
    color:#073b7d;
    font-size:10px;
    font-weight:950;
}
.hm-v448-joker-button>strong{font-size:10px;font-weight:950;white-space:nowrap;}
.hm-v448-joker-button>small{font-size:7px;font-weight:850;color:#71829a;white-space:nowrap;}
.hm-v448-joker-button:hover:not(:disabled){transform:translateY(-1px);background:#fff2aa;}
.hm-v448-joker-button:disabled{cursor:default;opacity:.58;box-shadow:none;}
.hm-v448-joker-button.is-used{border-color:#cbd9e9;background:#f3f7fb;}


.hm-v448-launch-side{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:8px!important;}
.hm-v448-quiz-rules{position:relative;width:100%;}
.hm-v448-quiz-rules>summary{
    width:max-content;
    min-width:112px;
    margin:0 auto;
    padding:7px 14px;
    border:1px solid rgba(255,214,51,.72);
    border-radius:999px;
    background:rgba(4,56,126,.72);
    color:#ffd633;
    cursor:pointer;
    list-style:none;
    text-align:center;
    font-size:10px;
    font-weight:950;
    box-sizing:border-box;
    box-shadow:0 4px 14px rgba(0,31,77,.12);
}
.hm-v448-quiz-rules>summary::-webkit-details-marker{display:none;}
.hm-v448-quiz-rules>summary:after{content:" +";font-weight:950;}
.hm-v448-quiz-rules[open]>summary:after{content:" −";}
.hm-v448-quiz-rules>div{
    position:static;
    right:auto;
    bottom:auto;
    z-index:auto;
    width:100%;
    max-height:none;
    overflow:visible;
    margin:8px 0 2px;
    padding:14px 15px;
    border:1px solid rgba(255,214,51,.55);
    border-radius:16px;
    background:rgba(255,255,255,.98);
    color:#173d70;
    box-shadow:0 12px 28px rgba(0,31,77,.16);
    text-align:left;
    box-sizing:border-box;
}
.hm-v448-quiz-rules p{margin:0 0 8px;font-size:10px;line-height:1.45;color:#526f91;}
.hm-v448-quiz-rules p:last-of-type{margin-bottom:0;}
.hm-v448-quiz-rules strong{color:#0a4f9e;}
.hm-v448-quiz-rules ul{margin:10px 0 0;padding:10px 0 0 18px;border-top:1px solid #e4edf6;}
.hm-v448-quiz-rules li{margin:3px 0;font-size:10px;line-height:1.35;color:#627b99;}

#hmQuizRankingAccess .hm-v448-my-attempts{overflow:hidden!important;}
#hmQuizRankingAccess .hm-v448-my-attempts>.hm-quiz-my-attempts-head{
    cursor:pointer!important;
    list-style:none!important;
    user-select:none;
}
#hmQuizRankingAccess .hm-v448-my-attempts>.hm-quiz-my-attempts-head::-webkit-details-marker{display:none;}
#hmQuizRankingAccess .hm-v448-my-attempts:not([open])>.hm-quiz-my-attempts-list{display:none!important;}
#hmQuizRankingAccess .hm-v448-attempt-head-actions{display:flex;align-items:center;gap:8px;}
#hmQuizRankingAccess .hm-v448-attempt-head-actions>b{
    display:grid;place-items:center;min-width:34px;height:30px;padding:0 9px;border-radius:11px;background:#0d67ce;color:#fff;font-size:13px!important;
}
#hmQuizRankingAccess .hm-v448-attempt-head-actions>i{
    display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:#edf5fd;color:#0b60bd;font-style:normal;font-size:17px;font-weight:950;transition:transform .2s ease;
}
#hmQuizRankingAccess .hm-v448-my-attempts[open] .hm-v448-attempt-head-actions>i{transform:rotate(180deg);}

@media(max-width:760px){
    
    .hm-v448-joker-button{grid-template-columns:auto 1fr auto;width:min(100%,310px);}
    .hm-v448-quiz-rules>div{width:100%;margin-top:7px;padding:13px 14px;}
}


/* ==========================================================================
   v450 – oprava výsledkového tlačidla, kompaktnejší 50:50 pri kategórii,
          otázka o ďalších ~10 % menšia
   ========================================================================== */


@media(max-width:760px){
    
    
    
    
    
}


/* ========================================================================== 
   v452 – výsledok kvízu, spoľahlivé CTA rebríčka a samostatné URL funkcií
   ========================================================================== */


.hm-v452-evaluating{
    width:min(100%,540px);
    margin:0 auto;
    display:grid;
    place-items:center;
    gap:12px;
    text-align:center;
}
.hm-v452-evaluating-spinner{
    width:48px;
    height:48px;
    border:5px solid #e4eef9;
    border-top-color:#0966d7;
    border-radius:6px;
    animation:hmV452Spin .8s linear infinite;
}
@keyframes hmV452Spin{to{transform:rotate(360deg)}}
.hm-v452-evaluating h3{margin:0!important;font-size:25px!important;color:#082f68!important;}
.hm-v452-evaluating p{margin:0!important;font-size:13px!important;line-height:1.5!important;color:#6a809b!important;}


@media(max-width:720px){
    
    
    
    .hm-v452-evaluating h3{font-size:22px!important;}
}


/* ==========================================================================
   v453 – kvízové texty +10 %, popis priority −10 %
   ========================================================================== */
/* Kvíz: zväčšenie najdôležitejších textov o približne 10 %. */


/* Priority: hlavný text pod nadpisom témy je o 10 % menší. */


@media(max-width:760px){
    
    
    
    
    
    
    
    
}


/* ==========================================================================
   v454 – väčší popis priority + kompaktnejšie vyhodnotenie kvízu
   ========================================================================== */
/* Priority: požadovaný text pod nadpisom témy je oproti v453 dvojnásobný. */


/* Výsledkové vyhodnotenie kvízu: všetky texty približne o 10 % menšie. */


@media(max-width:760px){
    
    
    
}


/* ==========================================================================
   v455 – rebríček priorít v klasickom štýle rebríčka kvízu
   ========================================================================== */
#hmPublicPriorityBoard.hm-v455-priority-ranking-classic{
    overflow:hidden!important;
    border:1px solid #d5e2f0!important;
    border-radius:24px!important;
    background:#f7fbff!important;
    box-shadow:0 18px 44px rgba(8,55,112,.08)!important;
}

#hmPublicPriorityBoard.hm-v455-priority-ranking-classic .hm-public-priority-board-head{
    
    border-radius:0!important;
}
#hmPublicPriorityBoard.hm-v455-priority-ranking-classic .hm-v455-priority-ranking-card{
    margin:10px 12px 0!important;
    padding:11px 12px 0!important;
    border:1px solid #dce7f3!important;
    border-bottom:0!important;
    border-radius:16px 16px 0 0!important;
    background:#fff!important;
}
#hmPublicPriorityBoard.hm-v455-priority-ranking-classic .hm-v455-priority-ranking-card-head{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:14px!important;
    padding:0 2px 10px!important;
}
#hmPublicPriorityBoard.hm-v455-priority-ranking-classic .hm-v455-priority-ranking-card-head strong{
    color:#173f77!important;
    font-size:18px!important;
    line-height:1.15!important;
    font-weight:950!important;
}
#hmPublicPriorityBoard.hm-v455-priority-ranking-classic .hm-v455-priority-ranking-card-head small{
    color:#71839b!important;
    font-size:10px!important;
    font-weight:850!important;
}
#hmPublicPriorityBoard.hm-v455-priority-ranking-classic .hm-v455-priority-table-head{
    display:grid!important;
    grid-template-columns:46px 48px minmax(0,1fr) 92px 118px!important;
    align-items:end!important;
    gap:8px!important;
    padding:0 10px 8px!important;
    color:#6f829e!important;
    font-size:9px!important;
    line-height:1!important;
    font-weight:950!important;
    letter-spacing:.04em!important;
    text-transform:uppercase!important;
}
#hmPublicPriorityBoard.hm-v455-priority-ranking-classic .hm-v455-priority-table-head span:nth-child(1){grid-column:1!important;}
#hmPublicPriorityBoard.hm-v455-priority-ranking-classic .hm-v455-priority-table-head span:nth-child(2){grid-column:2 / 4!important;}
#hmPublicPriorityBoard.hm-v455-priority-ranking-classic .hm-v455-priority-table-head span:nth-child(3){grid-column:4!important;text-align:center!important;}
#hmPublicPriorityBoard.hm-v455-priority-ranking-classic .hm-v455-priority-table-head span:nth-child(4){grid-column:5!important;text-align:center!important;}

/* Verejných TOP 5: jeden klasický riadok pod druhým. */
#hmPublicPriorityBoard.hm-v455-priority-ranking-classic .hm-public-priority-list.hm-v455-priority-list{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:6px!important;
    margin:0 12px!important;
    padding:0 12px 10px!important;
    border:1px solid #dce7f3!important;
    border-top:0!important;
    border-radius:0 0 16px 16px!important;
    background:#fff!important;
}
#hmPublicPriorityBoard.hm-v455-priority-ranking-classic .hm-public-priority-list.hm-v455-priority-list .hm-public-priority-item, #hmResults.hm-results-continuous .hm-public-priority-item-result{
    position:relative!important;
    width:100%!important;
    min-height:58px!important;
    margin:0!important;
    padding:8px 10px!important;
    display:grid!important;
    grid-template-columns:46px 48px minmax(0,1fr) 92px 118px!important;
    grid-template-rows:auto auto!important;
    align-items:center!important;
    gap:3px 8px!important;
    border:1px solid #e0e9f4!important;
    border-radius:11px!important;
    background:#f8fbff!important;
    box-shadow:none!important;
    transform:none!important;
    text-align:left!important;
    overflow:hidden!important;
}
#hmPublicPriorityBoard.hm-v455-priority-ranking-classic .hm-public-priority-list.hm-v455-priority-list .hm-public-priority-item{
    border-color:#ead36b!important;
    background:#fff8cf!important;
}
#hmPublicPriorityBoard.hm-v455-priority-ranking-classic .hm-public-priority-list.hm-v455-priority-list .hm-public-priority-item:hover{
    border-color:#dfc24a!important;
    background:#fff5bd!important;
    transform:none!important;
}
#hmResults.hm-results-continuous .hm-public-priority-item-result:hover{
    border-color:#bfd4eb!important;
    background:#f3f8fe!important;
    transform:none!important;
}

/* Zrušenie starého pódia a všetkých jeho posunov/koruniek. */
#hmPublicPriorityBoard.hm-v455-priority-ranking-classic .hm-public-priority-item.is-row{
    order:initial!important;
    min-height:58px!important;
    transform:none!important;
}

#hmPublicPriorityBoard.hm-v455-priority-ranking-classic .hm-public-priority-rank-wrap, #hmResults.hm-results-continuous .hm-public-priority-item-result .hm-public-priority-rank-wrap{
    position:static!important;
    grid-column:1!important;
    grid-row:1 / 3!important;
    align-self:center!important;
    transform:none!important;
    display:grid!important;
    place-items:center!important;
}
#hmPublicPriorityBoard.hm-v455-priority-ranking-classic .hm-public-priority-rank, #hmResults.hm-results-continuous .hm-public-priority-item-result .hm-public-priority-rank{
    width:30px!important;
    height:30px!important;
    display:grid!important;
    place-items:center!important;
    border:0!important;
    border-radius:50%!important;
    background:#dfeaff!important;
    color:#174d98!important;
    font-size:14px!important;
    font-weight:950!important;
    box-shadow:none!important;
}
#hmPublicPriorityBoard.hm-v455-priority-ranking-classic .hm-public-priority-list.hm-v455-priority-list .hm-public-priority-rank{
    background:#ffd400!important;
    color:#093875!important;
}
#hmPublicPriorityBoard.hm-v455-priority-ranking-classic .hm-public-priority-thumb, #hmResults.hm-results-continuous .hm-public-priority-item-result .hm-public-priority-thumb{
    grid-column:2!important;
    grid-row:1 / 3!important;
    align-self:center!important;
    width:40px!important;
    height:40px!important;
    border:1px solid #d9e5f1!important;
    border-radius:10px!important;
    background:#eef5fd!important;
    box-shadow:none!important;
    overflow:hidden!important;
}
#hmPublicPriorityBoard.hm-v455-priority-ranking-classic .hm-public-priority-thumb img, #hmResults.hm-results-continuous .hm-public-priority-item-result .hm-public-priority-thumb img{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    border-radius:9px!important;
}
#hmPublicPriorityBoard.hm-v455-priority-ranking-classic .hm-public-priority-thumb span, #hmResults.hm-results-continuous .hm-public-priority-item-result .hm-public-priority-thumb span{font-size:19px!important;}

/* display:contents dovolí použiť rovnaké stĺpce ako pri kvízovom rebríčku. */
#hmPublicPriorityBoard.hm-v455-priority-ranking-classic .hm-public-priority-copy, #hmResults.hm-results-continuous .hm-public-priority-item-result .hm-public-priority-copy{
    display:contents!important;
}
#hmPublicPriorityBoard.hm-v455-priority-ranking-classic .hm-public-priority-copy>strong, #hmResults.hm-results-continuous .hm-public-priority-item-result .hm-public-priority-copy>strong{
    grid-column:3!important;
    grid-row:1!important;
    align-self:end!important;
    min-width:0!important;
    margin:0!important;
    color:#153b77!important;
    font-size:13px!important;
    line-height:1.18!important;
    font-weight:900!important;
    text-align:left!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
}
#hmPublicPriorityBoard.hm-v455-priority-ranking-classic .hm-public-priority-vote-bar, #hmResults.hm-results-continuous .hm-public-priority-item-result .hm-public-priority-vote-bar{
    grid-column:3!important;
    grid-row:2!important;
    align-self:start!important;
    width:100%!important;
    height:7px!important;
    margin:4px 0 0!important;
    border-radius:999px!important;
    overflow:hidden!important;
}
#hmPublicPriorityBoard.hm-v455-priority-ranking-classic .hm-public-priority-stats-line, #hmResults.hm-results-continuous .hm-public-priority-item-result .hm-public-priority-stats-line{
    display:contents!important;
}
#hmPublicPriorityBoard.hm-v455-priority-ranking-classic .hm-public-priority-stats-line b, #hmResults.hm-results-continuous .hm-public-priority-item-result .hm-public-priority-stats-line b{
    grid-column:4!important;
    grid-row:1 / 3!important;
    align-self:center!important;
    justify-self:center!important;
    color:#0b5ebd!important;
    font-size:13px!important;
    line-height:1.1!important;
    font-weight:950!important;
    white-space:nowrap!important;
}
#hmPublicPriorityBoard.hm-v455-priority-ranking-classic .hm-public-priority-stats-line b em, #hmResults.hm-results-continuous .hm-public-priority-item-result .hm-public-priority-stats-line b em{
    display:block!important;
    margin-top:2px!important;
    color:#70839c!important;
    font-size:8px!important;
    font-style:normal!important;
    font-weight:850!important;
    text-align:center!important;
}
#hmPublicPriorityBoard.hm-v455-priority-ranking-classic .hm-public-priority-stats-line small, #hmResults.hm-results-continuous .hm-public-priority-item-result .hm-public-priority-stats-line small{
    grid-column:5!important;
    grid-row:1 / 3!important;
    align-self:center!important;
    justify-self:center!important;
    color:#31577f!important;
    font-size:10px!important;
    line-height:1.2!important;
    font-weight:850!important;
    white-space:nowrap!important;
}
#hmPublicPriorityBoard.hm-v455-priority-ranking-classic .hm-public-priority-row-arrow, #hmResults.hm-results-continuous .hm-public-priority-item-result .hm-public-priority-row-arrow{display:none!important;}

/* Miesta 6+ pokračujú bez druhého „pódia“, rovnakým riadkovým štýlom. */
#hmResults.hm-results-continuous{
    margin:6px 12px 0!important;
    padding:0 12px!important;
    border:0!important;
    background:transparent!important;
}
#hmResults.hm-results-continuous #hmResultList{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:6px!important;
    margin:0!important;
    padding:0!important;
}


/* Legenda a odomknutie nech ostanú zachované, ale vizuálne nadväzujú na tabuľku. */
#hmPublicPriorityBoard.hm-v455-priority-ranking-classic .hm-public-priority-vote-legend{
    margin:8px 14px 0!important;
    padding:8px 10px!important;
    border:1px solid #e1e9f3!important;
    border-radius:11px!important;
    background:#fff!important;
}



@media(max-width:760px){
    #hmPublicPriorityBoard.hm-v455-priority-ranking-classic .hm-v455-priority-ranking-card{margin:8px 10px 0!important;padding:10px 10px 0!important;}
    #hmPublicPriorityBoard.hm-v455-priority-ranking-classic .hm-v455-priority-ranking-card-head{align-items:flex-start!important;flex-direction:column!important;gap:3px!important;}
    #hmPublicPriorityBoard.hm-v455-priority-ranking-classic .hm-v455-priority-ranking-card-head strong{font-size:16px!important;}
    #hmPublicPriorityBoard.hm-v455-priority-ranking-classic .hm-v455-priority-table-head{display:none!important;}
    #hmPublicPriorityBoard.hm-v455-priority-ranking-classic .hm-public-priority-list.hm-v455-priority-list{margin:0 10px!important;padding:0 10px 9px!important;}
    #hmPublicPriorityBoard.hm-v455-priority-ranking-classic .hm-public-priority-list.hm-v455-priority-list .hm-public-priority-item, #hmResults.hm-results-continuous .hm-public-priority-item-result{
        min-height:68px!important;
        padding:9px 9px!important;
        grid-template-columns:36px 40px minmax(0,1fr) auto!important;
        grid-template-rows:auto 8px auto!important;
        gap:4px 7px!important;
    }
    #hmPublicPriorityBoard.hm-v455-priority-ranking-classic .hm-public-priority-rank-wrap, #hmResults.hm-results-continuous .hm-public-priority-item-result .hm-public-priority-rank-wrap{grid-column:1!important;grid-row:1 / 4!important;}
    #hmPublicPriorityBoard.hm-v455-priority-ranking-classic .hm-public-priority-rank, #hmResults.hm-results-continuous .hm-public-priority-item-result .hm-public-priority-rank{width:28px!important;height:28px!important;font-size:13px!important;}
    #hmPublicPriorityBoard.hm-v455-priority-ranking-classic .hm-public-priority-thumb, #hmResults.hm-results-continuous .hm-public-priority-item-result .hm-public-priority-thumb{grid-column:2!important;grid-row:1 / 4!important;width:36px!important;height:36px!important;border-radius:9px!important;}
    #hmPublicPriorityBoard.hm-v455-priority-ranking-classic .hm-public-priority-copy>strong, #hmResults.hm-results-continuous .hm-public-priority-item-result .hm-public-priority-copy>strong{grid-column:3 / 5!important;grid-row:1!important;font-size:12px!important;white-space:normal!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;}
    #hmPublicPriorityBoard.hm-v455-priority-ranking-classic .hm-public-priority-vote-bar, #hmResults.hm-results-continuous .hm-public-priority-item-result .hm-public-priority-vote-bar{grid-column:3 / 5!important;grid-row:2!important;margin:0!important;height:6px!important;}
    #hmPublicPriorityBoard.hm-v455-priority-ranking-classic .hm-public-priority-stats-line b, #hmResults.hm-results-continuous .hm-public-priority-item-result .hm-public-priority-stats-line b{grid-column:3!important;grid-row:3!important;justify-self:start!important;font-size:11px!important;}
    #hmPublicPriorityBoard.hm-v455-priority-ranking-classic .hm-public-priority-stats-line b em, #hmResults.hm-results-continuous .hm-public-priority-item-result .hm-public-priority-stats-line b em{display:inline!important;margin:0 0 0 2px!important;font-size:8px!important;}
    #hmPublicPriorityBoard.hm-v455-priority-ranking-classic .hm-public-priority-stats-line small, #hmResults.hm-results-continuous .hm-public-priority-item-result .hm-public-priority-stats-line small{grid-column:4!important;grid-row:3!important;justify-self:end!important;font-size:9px!important;}
    #hmResults.hm-results-continuous{margin:6px 10px 0!important;padding:0 10px!important;}
    #hmPublicPriorityBoard.hm-v455-priority-ranking-classic .hm-public-priority-vote-legend{margin:7px 10px 0!important;}
    
}

/* v455 – poistky pre zbalený stav a staršie !important pravidlá */

#hmResults.hm-results-continuous .hm-public-priority-item-result.is-row{
    grid-template-columns:46px 48px minmax(0,1fr) 92px 118px!important;
    grid-template-rows:auto auto!important;
    gap:3px 8px!important;
    min-height:58px!important;
    padding:8px 10px!important;
}
@media(max-width:760px){
    #hmResults.hm-results-continuous .hm-public-priority-item-result.is-row{
        grid-template-columns:36px 40px minmax(0,1fr) auto!important;
        grid-template-rows:auto 8px auto!important;
        gap:4px 7px!important;
        min-height:68px!important;
        padding:9px!important;
    }
}


/* ==========================================================================
   v456 – celý rebríček priorít, viac o hlasovaní, dlhšie názvy a odkazy v strede
   ========================================================================== */

/* TOP 5 priorít je verejných stále; zbalenie už nesmie skryť verejný rebríček. */




/* Celý rebríček pre potvrdený e-mail tvorí jeden súvislý zoznam pod TOP 5. */
#hmPublicPriorityBoard.hm-v456-priority-ranking.is-full-ranking-open #hmResults.hm-results-continuous{
    display:block!important;
}
#hmPublicPriorityBoard.hm-v456-priority-ranking:not(.is-full-ranking-open) #hmResults{
    display:none!important;
}
#hmPublicPriorityBoard.hm-v456-priority-ranking .hm-v455-priority-ranking-card-head small{
    font-weight:850!important;
}

/* Dlhšie názvy priorít: na desktope povoľujeme dva riadky namiesto krátkej elipsy. */
#hmPublicPriorityBoard.hm-v455-priority-ranking-classic .hm-public-priority-copy>strong, #hmResults.hm-results-continuous .hm-public-priority-item-result .hm-public-priority-copy>strong{
    white-space:normal!important;
    overflow:hidden!important;
    text-overflow:clip!important;
    display:-webkit-box!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:2!important;
    line-clamp:2!important;
    line-height:1.22!important;
}
#hmPublicPriorityBoard.hm-v455-priority-ranking-classic .hm-public-priority-list.hm-v455-priority-list .hm-public-priority-item, #hmResults.hm-results-continuous .hm-public-priority-item-result.is-row{
    min-height:68px!important;
}

/* „Viac o hlasovaní“ má rovnakú logiku a vzhľad ako tlačidlo Pravidlá pri kvíze. */
.hm-v456-poll-launch-side{
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:8px!important;
}
.hm-v456-poll-rules{width:100%!important;}
.hm-v456-poll-rules>summary{
    color:#ffd633!important;
    border-color:rgba(255,214,51,.58)!important;
    background:rgba(4,63,142,.54)!important;
}
.hm-v456-poll-rules>div{
    max-height:min(430px,52vh)!important;
    overflow:auto!important;
}
.hm-v456-poll-rules>div p{font-size:11px!important;line-height:1.47!important;}

/* „VAŠE ODKAZY“ a tlačidlo diskusie tvoria jednu vycentrovanú skupinu. */
#hmOpinionMarquee .hm-opinion-head{
    width:fit-content!important;
    max-width:calc(100% - 24px)!important;
    margin:0 auto 10px!important;
    padding:0!important;
    justify-content:center!important;
    align-items:center!important;
    gap:12px!important;
}
#hmOpinionMarquee .hm-opinion-viewport{
    max-width:1320px!important;
    margin-inline:auto!important;
}

@media(max-width:760px){
    #hmPublicPriorityBoard.hm-v455-priority-ranking-classic .hm-public-priority-copy>strong, #hmResults.hm-results-continuous .hm-public-priority-item-result .hm-public-priority-copy>strong{
        -webkit-line-clamp:3!important;
        line-clamp:3!important;
    }
    .hm-v456-poll-rules>div{max-height:56vh!important;}
    #hmOpinionMarquee .hm-opinion-head{
        width:100%!important;
        max-width:100%!important;
        padding:0 10px!important;
        flex-wrap:wrap!important;
        justify-content:center!important;
        text-align:center!important;
    }
}


/* ==========================================================================
   v457 – väčšie názvy priorít, klasický investičný rebríček a /diskusia/
   ========================================================================== */

/* Názvy priorít v rebríčku +20 % oproti v456. */
#hmPublicPriorityBoard.hm-v455-priority-ranking-classic .hm-public-priority-copy>strong, #hmResults.hm-results-continuous .hm-public-priority-item-result .hm-public-priority-copy>strong, #hmInvestmentResultsSection .hm-public-priority-copy>strong{
    font-size:15.6px!important;
    line-height:1.2!important;
}

/* Legenda bodovania je posledný prvok samotného rebríčka priorít. */
#hmPublicPriorityBoard.hm-v455-priority-ranking-classic .hm-public-priority-vote-legend{
    margin:10px 14px 12px!important;
}
#hmResults.hm-results-continuous{margin-bottom:0!important;}

/* Investičný rebríček používa rovnakú vizuálnu reč ako rebríček priorít. */
#hmInvestmentResultsSection.hm-v457-investment-ranking{
    margin:18px 12px 12px!important;
    padding:0 0 12px!important;
    overflow:hidden!important;
    border:1px solid #d5e2f0!important;
    border-radius:20px!important;
    background:#f7fbff!important;
    box-shadow:0 14px 34px rgba(8,55,112,.07)!important;
}
#hmInvestmentResultsSection .hm-v457-investment-hero{
    margin:0!important;
    padding:13px 18px!important;
    min-height:76px!important;
    border:0!important;
    border-radius:0!important;
    background:linear-gradient(100deg,#1765bd,#0b4a98)!important;
    color:#fff!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    align-items:center!important;
    gap:16px!important;
}
#hmInvestmentResultsSection .hm-v457-investment-hero .hm-public-priority-board-heading h3{
    
    color:#fff!important;
    font-size:28px!important;
    line-height:1.05!important;
    font-weight:950!important;
    letter-spacing:-.03em!important;
}
#hmInvestmentResultsSection .hm-v457-investment-toggle{
    min-width:230px!important;
    min-height:50px!important;
    margin:0!important;
    border:2px solid rgba(255,255,255,.82)!important;
    border-radius:16px!important;
    background:#ffd400!important;
    color:#073a7b!important;
    font-size:12px!important;
    font-weight:950!important;
    box-shadow:none!important;
}
#hmInvestmentResultsSection .hm-v457-investment-card{
    margin:10px 12px 0!important;
}
#hmInvestmentResultsSection .hm-v457-investment-list{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:6px!important;
    margin:0 12px!important;
    padding:0 12px 10px!important;
    border:1px solid #dce7f3!important;
    border-top:0!important;
    border-radius:0 0 16px 16px!important;
    background:#fff!important;
}
#hmInvestmentResultsSection .hm-v457-investment-item{
    position:relative!important;
    width:100%!important;
    min-height:68px!important;
    margin:0!important;
    padding:8px 10px!important;
    display:grid!important;
    grid-template-columns:46px 48px minmax(0,1fr) 92px 118px!important;
    grid-template-rows:auto auto!important;
    align-items:center!important;
    gap:3px 8px!important;
    border:1px solid #e0e9f4!important;
    border-radius:11px!important;
    background:#f8fbff!important;
    box-shadow:none!important;
    transform:none!important;
    text-align:left!important;
    overflow:hidden!important;
}
#hmInvestmentResultsSection .hm-v457-investment-item.is-top-five{
    border-color:#ead36b!important;
    background:#fff8cf!important;
}
#hmInvestmentResultsSection .hm-v457-investment-item .hm-public-priority-rank-wrap{
    position:static!important;
    grid-column:1!important;
    grid-row:1 / 3!important;
    display:grid!important;
    place-items:center!important;
    transform:none!important;
}
#hmInvestmentResultsSection .hm-v457-investment-item .hm-public-priority-rank{
    width:30px!important;height:30px!important;display:grid!important;place-items:center!important;
    border:0!important;border-radius:50%!important;background:#dfeaff!important;color:#174d98!important;
    font-size:14px!important;font-weight:950!important;box-shadow:none!important;
}
#hmInvestmentResultsSection .hm-v457-investment-item.is-top-five .hm-public-priority-rank{background:#ffd400!important;color:#093875!important;}
#hmInvestmentResultsSection .hm-v457-investment-item .hm-public-priority-thumb{
    grid-column:2!important;grid-row:1 / 3!important;width:40px!important;height:40px!important;
    border:1px solid #d9e5f1!important;border-radius:10px!important;background:#eef5fd!important;box-shadow:none!important;overflow:hidden!important;
}
#hmInvestmentResultsSection .hm-v457-investment-item .hm-public-priority-thumb img{width:100%!important;height:100%!important;object-fit:cover!important;border-radius:9px!important;}
#hmInvestmentResultsSection .hm-v457-investment-item .hm-public-priority-thumb span{font-size:19px!important;}
#hmInvestmentResultsSection .hm-v457-investment-item .hm-public-priority-copy{display:contents!important;}
#hmInvestmentResultsSection .hm-v457-investment-item .hm-public-priority-copy>strong{
    grid-column:3!important;grid-row:1!important;align-self:end!important;min-width:0!important;margin:0!important;
    color:#153b77!important;font-weight:900!important;text-align:left!important;white-space:normal!important;overflow:hidden!important;
    display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important;line-clamp:2!important;
}
#hmInvestmentResultsSection .hm-public-priority-single-bar{
    grid-column:3!important;grid-row:2!important;align-self:start!important;width:100%!important;height:7px!important;margin:4px 0 0!important;
}
#hmInvestmentResultsSection .hm-public-priority-single-bar i{display:block!important;width:100%!important;height:7px!important;border-radius:999px!important;background:#e7eef8!important;overflow:hidden!important;}
#hmInvestmentResultsSection .hm-public-priority-single-bar i b{display:block!important;height:100%!important;border-radius:999px!important;background:linear-gradient(90deg,#087f3c,#38b968)!important;}
#hmInvestmentResultsSection .hm-v457-investment-item .hm-public-priority-stats-line{display:contents!important;}
#hmInvestmentResultsSection .hm-v457-investment-item .hm-public-priority-stats-line b{
    grid-column:4!important;grid-row:1 / 3!important;align-self:center!important;justify-self:center!important;color:#0b5ebd!important;
    font-size:13px!important;line-height:1.1!important;font-weight:950!important;white-space:nowrap!important;
}
#hmInvestmentResultsSection .hm-v457-investment-item .hm-public-priority-stats-line b em{display:block!important;margin-top:2px!important;color:#70839c!important;font-size:8px!important;font-style:normal!important;}
#hmInvestmentResultsSection .hm-v457-investment-item .hm-public-priority-stats-line small{
    grid-column:5!important;grid-row:1 / 3!important;align-self:center!important;justify-self:center!important;color:#4c6685!important;font-size:10px!important;font-weight:850!important;white-space:nowrap!important;
}
#hmInvestmentResultsSection:not(.is-full-ranking-open) .hm-v457-investment-item.is-rest{display:none!important;}

/* Vlastná moderná stránka diskusie. */
.hm-v457-discussion-page{
    position:relative!important;
    min-height:calc(100vh - var(--hm-topbar))!important;
    padding:56px 0 76px!important;
    overflow:hidden!important;
    background:
        radial-gradient(circle at 12% 16%,rgba(255,214,51,.20),transparent 28%),
        radial-gradient(circle at 92% 8%,rgba(80,161,255,.20),transparent 31%),
        linear-gradient(145deg,#eef6ff 0%,#f8fbff 45%,#edf5ff 100%)!important;
}
.hm-v457-discussion-glow{position:absolute!important;inset:0!important;pointer-events:none!important;background:linear-gradient(110deg,rgba(255,255,255,.65),transparent 42%)!important;}
.hm-v457-discussion-wrap{position:relative!important;z-index:1!important;}
.hm-v457-discussion-hero{
    display:flex!important;align-items:flex-end!important;justify-content:space-between!important;gap:30px!important;
    margin-bottom:24px!important;padding:30px 34px!important;border-radius:28px!important;
    background:linear-gradient(110deg,#075bbb,#063d84)!important;color:#fff!important;box-shadow:0 24px 60px rgba(6,61,132,.18)!important;
}
.hm-v457-discussion-kicker{display:inline-flex!important;margin-bottom:10px!important;padding:6px 10px!important;border:1px solid rgba(255,255,255,.24)!important;border-radius:999px!important;color:#ffd633!important;font-size:10px!important;font-weight:950!important;letter-spacing:.16em!important;}
.hm-v457-discussion-hero h1{max-width:760px!important;margin:0!important;color:#fff!important;font-size:clamp(34px,4.8vw,62px)!important;line-height:.98!important;letter-spacing:-.055em!important;}
.hm-v457-discussion-hero p{max-width:730px!important;margin:14px 0 0!important;color:rgba(255,255,255,.78)!important;font-size:15px!important;line-height:1.55!important;}
.hm-v457-discussion-home{flex:0 0 auto!important;display:inline-flex!important;align-items:center!important;min-height:44px!important;padding:0 15px!important;border:1px solid rgba(255,255,255,.28)!important;border-radius:13px!important;color:#fff!important;font-size:12px!important;font-weight:900!important;text-decoration:none!important;background:rgba(255,255,255,.08)!important;}
.hm-v457-discussion-layout{display:grid!important;grid-template-columns:minmax(300px,.72fr) minmax(0,1.28fr)!important;gap:22px!important;align-items:start!important;}
.hm-v457-discussion-compose, .hm-v457-discussion-stream{border:1px solid #d6e4f3!important;border-radius:24px!important;background:#fff!important;box-shadow:0 18px 50px rgba(19,65,118,.08)!important;}
.hm-v457-discussion-compose{position:sticky!important;top:calc(var(--hm-topbar) + 18px)!important;padding:26px!important;}
.hm-v457-compose-icon{width:52px!important;height:52px!important;display:grid!important;place-items:center!important;margin-bottom:15px!important;border-radius:16px!important;background:#fff4b8!important;font-size:24px!important;}
.hm-v457-discussion-compose>span, .hm-v457-discussion-stream-head span{color:#0b67c7!important;font-size:9px!important;font-weight:950!important;letter-spacing:.14em!important;}
.hm-v457-discussion-compose h2, .hm-v457-discussion-stream-head h2{margin:5px 0 7px!important;color:#12366f!important;font-size:25px!important;line-height:1.08!important;letter-spacing:-.03em!important;}
.hm-v457-discussion-compose>p, .hm-v457-discussion-stream-head p{margin:0!important;color:#637a98!important;font-size:12px!important;line-height:1.55!important;}
#hmGlobalDiscussionComposer{display:grid!important;gap:12px!important;margin-top:20px!important;}
.hm-v457-discussion-fields{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important;}
#hmGlobalDiscussionComposer label{display:grid!important;gap:6px!important;color:#405b7f!important;font-size:10px!important;font-weight:900!important;}
#hmGlobalDiscussionComposer input, #hmGlobalDiscussionComposer textarea{width:100%!important;border:1px solid #cad9eb!important;border-radius:12px!important;background:#f8fbff!important;color:#153b77!important;font:inherit!important;outline:none!important;}
#hmGlobalDiscussionComposer input{height:44px!important;padding:0 12px!important;}
#hmGlobalDiscussionComposer textarea{min-height:150px!important;padding:12px!important;resize:vertical!important;line-height:1.5!important;}
#hmGlobalDiscussionComposer input:focus, #hmGlobalDiscussionComposer textarea:focus{border-color:#0b6fd8!important;box-shadow:0 0 0 3px rgba(11,111,216,.10)!important;background:#fff!important;}
#hmGlobalDiscussionComposer>small{color:#7b8ca3!important;font-size:9px!important;line-height:1.4!important;}
.hm-v457-discussion-submit{width:100%!important;min-height:48px!important;justify-content:center!important;}
.hm-v457-discussion-stream{padding:22px!important;}
.hm-v457-discussion-stream-head{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(220px,.65fr)!important;gap:20px!important;align-items:end!important;padding:4px 4px 18px!important;border-bottom:1px solid #e4ebf4!important;}
.hm-v457-discussion-list{display:grid!important;gap:12px!important;max-height:none!important;margin-top:16px!important;padding:0!important;}
.hm-v457-discussion-list .hm-v224-global-comment{margin:0!important;padding:16px!important;border:1px solid #dfe8f3!important;border-radius:16px!important;background:#fbfdff!important;box-shadow:none!important;}
.hm-v457-discussion-list .hm-v224-global-comment.is-reply{margin-left:22px!important;background:#f5f9fe!important;}
.hm-v457-discussion-list .hm-v224-global-comment>header{gap:10px!important;}
.hm-v457-discussion-list .hm-v224-global-comment>p{font-size:13px!important;line-height:1.55!important;}
.hm-v457-general-label{display:inline-flex!important;padding:3px 7px!important;border-radius:999px!important;background:#fff2a8!important;color:#153b77!important;font-size:10px!important;}
.hm-feature-diskusia-page .hm-topbar .hm-logo{cursor:pointer!important;}

@media(max-width:760px){
    #hmPublicPriorityBoard.hm-v455-priority-ranking-classic .hm-public-priority-copy>strong, #hmResults.hm-results-continuous .hm-public-priority-item-result .hm-public-priority-copy>strong, #hmInvestmentResultsSection .hm-public-priority-copy>strong{font-size:14.4px!important;}
    #hmInvestmentResultsSection.hm-v457-investment-ranking{margin:14px 10px 10px!important;}
    #hmInvestmentResultsSection .hm-v457-investment-hero{grid-template-columns:1fr!important;padding:14px!important;}
    #hmInvestmentResultsSection .hm-v457-investment-hero .hm-public-priority-board-heading h3{font-size:22px!important;}
    #hmInvestmentResultsSection .hm-v457-investment-toggle{width:100%!important;min-width:0!important;min-height:44px!important;}
    #hmInvestmentResultsSection .hm-v457-investment-card{margin:8px 10px 0!important;}
    #hmInvestmentResultsSection .hm-v455-priority-table-head{display:none!important;}
    #hmInvestmentResultsSection .hm-v457-investment-list{margin:0 10px!important;padding:0 10px 9px!important;}
    #hmInvestmentResultsSection .hm-v457-investment-item{min-height:72px!important;padding:9px!important;grid-template-columns:36px 40px minmax(0,1fr) auto!important;grid-template-rows:auto 8px auto!important;gap:4px 7px!important;}
    #hmInvestmentResultsSection .hm-v457-investment-item .hm-public-priority-rank-wrap{grid-column:1!important;grid-row:1 / 4!important;}
    #hmInvestmentResultsSection .hm-v457-investment-item .hm-public-priority-rank{width:28px!important;height:28px!important;font-size:13px!important;}
    #hmInvestmentResultsSection .hm-v457-investment-item .hm-public-priority-thumb{grid-column:2!important;grid-row:1 / 4!important;width:36px!important;height:36px!important;}
    #hmInvestmentResultsSection .hm-v457-investment-item .hm-public-priority-copy>strong{grid-column:3 / 5!important;grid-row:1!important;-webkit-line-clamp:3!important;line-clamp:3!important;}
    #hmInvestmentResultsSection .hm-public-priority-single-bar{grid-column:3 / 5!important;grid-row:2!important;margin:0!important;height:6px!important;}
    #hmInvestmentResultsSection .hm-public-priority-single-bar i{height:6px!important;}
    #hmInvestmentResultsSection .hm-v457-investment-item .hm-public-priority-stats-line b{grid-column:3!important;grid-row:3!important;justify-self:start!important;font-size:11px!important;}
    #hmInvestmentResultsSection .hm-v457-investment-item .hm-public-priority-stats-line b em{display:inline!important;margin-left:2px!important;}
    #hmInvestmentResultsSection .hm-v457-investment-item .hm-public-priority-stats-line small{grid-column:4!important;grid-row:3!important;justify-self:end!important;font-size:9px!important;}

    .hm-v457-discussion-page{padding:24px 0 48px!important;}
    .hm-v457-discussion-hero{align-items:flex-start!important;flex-direction:column!important;padding:22px!important;border-radius:20px!important;}
    .hm-v457-discussion-hero h1{font-size:36px!important;}
    .hm-v457-discussion-layout{grid-template-columns:1fr!important;}
    .hm-v457-discussion-compose{position:static!important;padding:18px!important;border-radius:18px!important;}
    .hm-v457-discussion-stream{padding:14px!important;border-radius:18px!important;}
    .hm-v457-discussion-fields{grid-template-columns:1fr!important;}
    .hm-v457-discussion-stream-head{grid-template-columns:1fr!important;gap:8px!important;}
    .hm-v457-discussion-list .hm-v224-global-comment.is-reply{margin-left:10px!important;}
}





/* ==========================================================================
   v459 – skúšobné push upozornenia + audit mobil/tablet
   ========================================================================== */

/* Bezpečnostná vrstva proti horizontálnemu pretekaniu obsahu. */
.hm-site, .hm-main, .hm-page, .hm-section, .hm-wrap, .hm-public-priority-board, #hmInvestmentResultsSection, .hm-v457-discussion-page, .hm-v457-discussion-wrap{
    min-width:0;
    box-sizing:border-box;
}
.hm-site img, .hm-site video, .hm-site iframe{
    max-width:100%;
}

/* Tablet: novšie bloky, rebríčky a diskusia sa nesmú opierať o pevnú šírku desktopu. */
@media(max-width:1024px){
    .hm-wrap, .hm-solutions>.hm-wrap, .hm-quiz>.hm-wrap, .hm-v457-discussion-wrap{
        width:min(calc(100% - 24px),var(--hm-wrap))!important;
        max-width:100%!important;
        margin-inline:auto!important;
    }
    #hmPublicPriorityBoard.hm-v455-priority-ranking-classic, #hmInvestmentResultsSection.hm-v457-investment-ranking, #hmQuizRankingAccess, .hm-px-shell, .hm-v457-discussion-layout{
        max-width:100%!important;
        min-width:0!important;
    }
    #hmPublicPriorityBoard.hm-v455-priority-ranking-classic .hm-public-priority-item, #hmInvestmentResultsSection .hm-v457-investment-item, #hmQuizRankingAccess .hm-quiz-ranking-full-item{
        min-width:0!important;
    }
    .hm-v457-discussion-layout{
        grid-template-columns:minmax(260px,.68fr) minmax(0,1.32fr)!important;
    }
}

/* Mobil: posledná poistka pre modaly, formuláre a CTA. */
@media(max-width:760px){
    html, body{max-width:100%;}
    body{overflow-x:hidden;}
    .hm-wrap, .hm-solutions>.hm-wrap, .hm-quiz>.hm-wrap, .hm-v457-discussion-wrap{
        width:min(calc(100% - 16px),var(--hm-wrap))!important;
    }
    button, .hm-button, .hm-v432-ranking-toggle, .hm-v457-investment-toggle{
        
        white-space:normal;
    }
    
    
    
    #hmPublicPriorityBoard.hm-v455-priority-ranking-classic, #hmInvestmentResultsSection.hm-v457-investment-ranking, #hmQuizRankingAccess{
        width:100%!important;
        max-width:100%!important;
        overflow:hidden!important;
    }
    .hm-v457-discussion-layout{grid-template-columns:1fr!important;}
    .hm-v457-discussion-compose{position:static!important;}
}

@media(max-width:430px){
    
    
    
    .hm-v457-discussion-hero{padding-inline:16px!important;}
}


/* v460 – homepage PEXESO blok a rebríček v rovnakom duchu ako kvíz/priority */
.hm-home-pexeso{padding:10px 0 12px!important;background:linear-gradient(180deg,#f6fbff 0%,#eef6ff 100%)!important;}
.hm-home-pexeso .hm-unified-quiz-wrap{display:grid!important;gap:14px!important;}
.hm-home-pexeso-cta{margin:0!important;}
.hm-home-pexeso-cta .hm-v111-main{align-items:stretch!important;}
.hm-home-pexeso-panel{padding-right:6px!important;}
.hm-home-pexeso-side{justify-content:center!important;}
.hm-home-pexeso-start{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;text-decoration:none!important;}
.hm-home-pexeso-start span{display:block!important;}
.hm-home-pexeso-start b{display:grid!important;place-items:center!important;width:62px!important;height:62px!important;border-radius:20px!important;background:#1768d3!important;color:#fff!important;font-size:28px!important;line-height:1!important;}

.hm-home-pexeso-ranking{margin-top:0!important;}
#hmPexesoHomeRanking.hm-v446-ranking-classic .hm-v446-ranking-board{background:#fff!important;border:1px solid #dbe8f6!important;border-radius:24px!important;padding:14px!important;box-shadow:0 20px 44px rgba(15,72,138,.08)!important;}



#hmPexesoHomeRanking .hm-home-pexeso-open{display:inline-flex!important;align-items:center!important;justify-content:center!important;text-decoration:none!important;white-space:nowrap!important;}
#hmPexesoHomeRanking .hm-quiz-ranking-full-table-head, #hmPexesoHomeRanking .hm-quiz-ranking-full-item{display:grid!important;grid-template-columns:52px minmax(0,1.7fr) 110px 110px 90px!important;align-items:center!important;gap:10px!important;}
#hmPexesoHomeRanking .hm-quiz-ranking-full-table-head{padding:0 14px 8px!important;color:#7f93ab!important;font-size:10px!important;font-weight:950!important;text-transform:uppercase!important;letter-spacing:.11em!important;}
#hmPexesoHomeRanking .hm-quiz-ranking-full-list{display:grid!important;gap:8px!important;max-height:none!important;overflow:visible!important;padding-right:0!important;}
#hmPexesoHomeRanking .hm-quiz-ranking-full-item{padding:12px 14px!important;border-radius:14px!important;background:#f8fbff!important;border:1px solid rgba(180,200,225,.42)!important;}
#hmPexesoHomeRanking .hm-quiz-ranking-full-item.is-top-five{background:#fff7cf!important;border-color:#e8cf61!important;}
#hmPexesoHomeRanking .hm-quiz-ranking-full-rank{display:grid!important;place-items:center!important;width:36px!important;height:36px!important;border-radius:50%!important;background:#ffd400!important;color:#0b3c7a!important;font-size:18px!important;font-weight:950!important;}
#hmPexesoHomeRanking .hm-quiz-ranking-full-name strong{display:block!important;color:#123f7d!important;font-size:21px!important;font-weight:900!important;line-height:1.1!important;}
#hmPexesoHomeRanking .hm-quiz-ranking-full-name small{display:block!important;margin-top:4px!important;color:#68809d!important;font-size:12px!important;font-weight:800!important;}
#hmPexesoHomeRanking .hm-quiz-ranking-full-score, #hmPexesoHomeRanking .hm-home-pexeso-time, #hmPexesoHomeRanking .hm-home-pexeso-moves{color:#1458b0!important;font-size:22px!important;font-weight:950!important;}
#hmPexesoHomeRanking .hm-home-pexeso-time, #hmPexesoHomeRanking .hm-home-pexeso-moves{font-size:18px!important;}
#hmPexesoHomeRanking .hm-quiz-ranking-empty{padding:18px!important;border-radius:16px!important;background:#f6f9fe!important;color:#6a829e!important;}
@media (max-width: 980px){
  .hm-home-pexeso-start b{width:56px!important;height:56px!important;border-radius:18px!important;font-size:24px!important;}
  
}
@media (max-width: 760px){
  #hmPexesoHomeRanking .hm-quiz-ranking-full-table-head{display:none!important;}
  #hmPexesoHomeRanking .hm-quiz-ranking-full-item{grid-template-columns:34px minmax(0,1fr) auto auto!important;grid-template-areas:"rank name score score" "rank time moves moves"!important;gap:6px 10px!important;padding:12px!important;}
  #hmPexesoHomeRanking .hm-quiz-ranking-full-rank{grid-area:rank!important;}
  #hmPexesoHomeRanking .hm-quiz-ranking-full-name{grid-area:name!important;}
  #hmPexesoHomeRanking .hm-quiz-ranking-full-score{grid-area:score!important;justify-self:end!important;}
  #hmPexesoHomeRanking .hm-home-pexeso-time{grid-area:time!important;}
  #hmPexesoHomeRanking .hm-home-pexeso-moves{grid-area:moves!important;justify-self:end!important;}
  #hmPexesoHomeRanking .hm-quiz-ranking-full-name strong{font-size:18px!important;}
  #hmPexesoHomeRanking .hm-quiz-ranking-full-score{font-size:18px!important;}
  #hmPexesoHomeRanking .hm-home-pexeso-time, #hmPexesoHomeRanking .hm-home-pexeso-moves{font-size:15px!important;}
}


/* v462 – homepage CTA PEXESO v rovnakom štýle ako CTA Kvízu */
#hmPexesoHomeIntro.hm-v317-quiz-cta{position:relative!important;isolation:isolate!important;overflow:hidden!important;width:100%!important;max-width:1180px!important;margin:0 auto!important;padding:0!important;border:1px solid rgba(255,255,255,.22)!important;border-radius:28px!important;background:radial-gradient(circle at 12% 0%,rgba(24,118,232,.72),transparent 42%),linear-gradient(120deg,#0756ad 0%,#063e8d 49%,#062f6f 100%)!important;box-shadow:0 22px 54px rgba(4,42,94,.20),inset 0 1px 0 rgba(255,255,255,.16)!important;}
#hmPexesoHomeIntro.hm-v317-quiz-cta::before{content:""!important;position:absolute!important;inset:0!important;z-index:-2!important;pointer-events:none!important;background:linear-gradient(92deg,rgba(3,55,126,.985) 0%,rgba(3,57,128,.97) 38%,rgba(3,55,125,.78) 58%,rgba(3,49,111,.30) 78%,rgba(3,49,111,.03) 100%)!important;}
#hmPexesoHomeIntro.hm-v317-quiz-cta.has-city-photo::after{content:""!important;position:absolute!important;z-index:-3!important;top:0!important;right:0!important;width:54%!important;height:100%!important;background-image:var(--hm-v317-city-photo)!important;background-size:cover!important;background-position:center center!important;filter:saturate(.98) contrast(1.03) brightness(.98)!important;opacity:.94!important;pointer-events:none!important;}
#hmPexesoHomeIntro.hm-v317-quiz-cta .hm-v111-main{z-index:1!important;}
#hmPexesoHomeIntro.hm-v317-quiz-cta .hm-v173-copy{display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:flex-start!important;min-width:0!important;}
#hmPexesoHomeIntro.hm-v317-quiz-cta .hm-v125-kicker{margin:0 0 7px!important;color:rgba(218,235,255,.78)!important;font-size:10px!important;line-height:1!important;font-weight:800!important;letter-spacing:.30em!important;text-transform:uppercase!important;}
#hmPexesoHomeIntro.hm-v317-quiz-cta .hm-v125-kicker::before{display:none!important;}
#hmPexesoHomeIntro.hm-v317-quiz-cta .hm-v111-copy h2{margin:0 0 8px!important;color:#fff!important;font-size:clamp(34px,3.6vw,55px)!important;line-height:.94!important;letter-spacing:-.045em!important;font-weight:950!important;text-shadow:0 3px 14px rgba(0,25,75,.18)!important;max-width:620px!important;}
#hmPexesoHomeIntro.hm-v317-quiz-cta .hm-v111-lead{max-width:560px!important;margin:0!important;color:rgba(255,255,255,.94)!important;font-size:14px!important;line-height:1.5!important;font-weight:650!important;}
#hmPexesoHomeIntro.hm-v317-quiz-cta .hm-v173-info-panel{width:auto!important;max-width:none!important;margin:22px 0 0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;}
#hmPexesoHomeIntro.hm-v317-quiz-cta .hm-v173-info-panel .hm-v103-vote-stats.hm-v122-plain-stats, #hmPexesoHomeIntro.hm-v317-quiz-cta .hm-v173-info-panel .hm-v103-vote-stats.hm-v122-plain-stats.hm-v122-plain-stats-quiz{display:flex!important;align-items:stretch!important;gap:0!important;margin:0!important;}
#hmPexesoHomeIntro.hm-v317-quiz-cta .hm-v173-info-panel .hm-v122-plain-stat{position:relative!important;display:grid!important;grid-template-columns:42px auto!important;grid-template-rows:auto auto!important;column-gap:10px!important;align-items:center!important;min-width:138px!important;padding:0 18px 0 0!important;margin:0 18px 0 0!important;border:0!important;border-right:1px solid rgba(255,255,255,.16)!important;background:transparent!important;box-shadow:none!important;}
#hmPexesoHomeIntro.hm-v317-quiz-cta .hm-v173-info-panel .hm-v122-plain-stat:last-child{margin-right:0!important;padding-right:0!important;border-right:0!important;}
#hmPexesoHomeIntro.hm-v317-quiz-cta .hm-v173-info-panel .hm-v122-plain-stat::before{content:"•"!important;grid-column:1!important;grid-row:1 / span 2!important;display:grid!important;place-items:center!important;width:38px!important;height:38px!important;border-radius:50%!important;background:rgba(255,255,255,.10)!important;color:#fff!important;font-size:14px!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.12)!important;}
#hmPexesoHomeIntro.hm-v317-quiz-cta .hm-v173-info-panel .hm-v122-plain-stat:first-child::before{content:"🧩"!important;}
#hmPexesoHomeIntro.hm-v317-quiz-cta .hm-v173-info-panel .hm-v122-plain-stat:nth-child(2)::before{content:"🏁"!important;}
#hmPexesoHomeIntro.hm-v317-quiz-cta .hm-v173-info-panel .hm-v122-plain-stat:nth-child(3)::before{content:"↺"!important;}
#hmPexesoHomeIntro.hm-v317-quiz-cta .hm-v173-info-panel .hm-v122-plain-stat strong{grid-column:2!important;grid-row:1!important;margin:0!important;color:#ffd400!important;font-size:22px!important;line-height:1!important;font-weight:950!important;}
#hmPexesoHomeIntro.hm-v317-quiz-cta .hm-v173-info-panel .hm-v122-plain-stat b{grid-column:2!important;grid-row:2!important;margin:2px 0 0!important;color:rgba(255,255,255,.86)!important;font-size:9px!important;line-height:1.15!important;font-weight:700!important;white-space:nowrap!important;}
#hmPexesoHomeIntro.hm-v317-quiz-cta .hm-v173-launch-side{border:0!important;background:transparent!important;box-shadow:none!important;}
#hmPexesoHomeIntro.hm-v317-quiz-cta .hm-home-pexeso-rules{display:block!important;align-self:center!important;}
#hmPexesoHomeIntro.hm-v317-quiz-cta .hm-home-pexeso-rules summary{list-style:none!important;cursor:pointer!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:0 28px!important;min-height:38px!important;border-radius:999px!important;background:rgba(8,63,136,.82)!important;border:1px solid rgba(255,212,0,.62)!important;color:#ffd400!important;font-size:13px!important;font-weight:900!important;box-shadow:0 10px 18px rgba(4,44,102,.16)!important;}
#hmPexesoHomeIntro.hm-v317-quiz-cta .hm-home-pexeso-rules summary::-webkit-details-marker{display:none!important;}
#hmPexesoHomeIntro.hm-v317-quiz-cta .hm-home-pexeso-rules[open] summary{margin-bottom:10px!important;}
#hmPexesoHomeIntro.hm-v317-quiz-cta .hm-home-pexeso-rules > div{width:min(100%,460px)!important;padding:16px 18px!important;border-radius:18px!important;background:rgba(255,255,255,.97)!important;color:#284666!important;box-shadow:0 16px 34px rgba(5,42,94,.22)!important;}
#hmPexesoHomeIntro.hm-v317-quiz-cta .hm-home-pexeso-rules > div p{margin:0 0 10px!important;font-size:14px!important;line-height:1.45!important;color:#4e6786!important;}
#hmPexesoHomeIntro.hm-v317-quiz-cta .hm-home-pexeso-rules > div p:last-child{margin-bottom:0!important;}
#hmPexesoHomeIntro.hm-v317-quiz-cta .hm-v173-launch-cta{border-radius:36px!important;background:#ffd400!important;color:#0a3d7d!important;border:0!important;box-shadow:0 20px 42px rgba(255,205,0,.42),0 2px 0 rgba(255,255,255,.55) inset!important;text-decoration:none!important;}
#hmPexesoHomeIntro.hm-v317-quiz-cta .hm-v173-launch-cta > span{font-size:29px!important;line-height:1!important;font-weight:950!important;letter-spacing:-.035em!important;color:#0a3d7d!important;}
#hmPexesoHomeIntro.hm-v317-quiz-cta .hm-v173-launch-cta > b{place-items:center!important;border-radius:26px!important;background:#1666d3!important;color:#fff!important;font-size:42px!important;line-height:1!important;flex:0 0 auto!important;}
#hmPexesoHomeIntro.hm-v317-quiz-cta .hm-v173-launch-cta:hover, #hmPexesoHomeIntro.hm-v317-quiz-cta .hm-v173-launch-cta:focus-visible{box-shadow:0 20px 38px rgba(255,205,0,.42),0 0 0 8px rgba(255,212,0,.14),inset 0 1px 0 rgba(255,255,255,.8)!important;}
.hm-home-pexeso{padding:10px 0 12px!important;background:transparent!important;}
.hm-home-pexeso .hm-unified-quiz-wrap{display:grid!important;gap:14px!important;}
.hm-home-pexeso-cta{margin:0!important;}
.hm-home-pexeso-panel{padding-right:0!important;}
@media(max-width:980px){#hmPexesoHomeIntro.hm-v317-quiz-cta.has-city-photo::after{width:100%!important;opacity:.38!important;}#hmPexesoHomeIntro.hm-v317-quiz-cta .hm-v173-launch-side{padding-bottom:0!important;}#hmPexesoHomeIntro.hm-v317-quiz-cta .hm-v173-launch-cta > span{font-size:23px!important;}#hmPexesoHomeIntro.hm-v317-quiz-cta .hm-v173-launch-cta > b{border-radius:22px!important;font-size:35px!important;}#hmPexesoHomeIntro.hm-v317-quiz-cta{border-radius:23px!important;}}
@media(max-width:560px){#hmPexesoHomeIntro.hm-v317-quiz-cta .hm-v173-launch-cta > span{font-size:20px!important;}#hmPexesoHomeIntro.hm-v317-quiz-cta .hm-v173-launch-cta > b{border-radius:18px!important;font-size:31px!important;}#hmPexesoHomeIntro.hm-v317-quiz-cta .hm-v173-info-panel .hm-v103-vote-stats.hm-v122-plain-stats, #hmPexesoHomeIntro.hm-v317-quiz-cta .hm-v173-info-panel .hm-v103-vote-stats.hm-v122-plain-stats.hm-v122-plain-stats-quiz{display:grid!important;grid-template-columns:1fr!important;gap:12px!important;}#hmPexesoHomeIntro.hm-v317-quiz-cta .hm-v173-info-panel .hm-v122-plain-stat{min-width:0!important;margin:0!important;padding:0!important;border-right:0!important;grid-template-columns:34px auto!important;column-gap:8px!important;}#hmPexesoHomeIntro.hm-v317-quiz-cta .hm-v173-info-panel .hm-v122-plain-stat::before{width:32px!important;height:32px!important;font-size:12px!important;}#hmPexesoHomeIntro.hm-v317-quiz-cta .hm-v173-info-panel .hm-v122-plain-stat strong{font-size:19px!important;}#hmPexesoHomeIntro.hm-v317-quiz-cta .hm-v173-info-panel .hm-v122-plain-stat b{font-size:8px!important;white-space:normal!important;}#hmPexesoHomeIntro.hm-v317-quiz-cta .hm-home-pexeso-rules > div{width:100%!important;}}


/* ======================================================================
   v463 – TOP 5 zvýraznenie + väčšie prezývky + jednotný rebríček PEXESO
   ====================================================================== */
/* Investičné akcie: žltých je presne prvých 5, zvyšok zostáva klasický. */
#hmInvestmentResultsSection .hm-v457-investment-item.is-top-five{
    background:#fff8cf!important;
    border-color:#ead36b!important;
}
#hmInvestmentResultsSection .hm-v457-investment-item.is-rest{
    background:#f8fbff!important;
    border-color:#e0e9f4!important;
}
#hmInvestmentResultsSection .hm-v457-investment-item.is-rest .hm-public-priority-rank{
    background:#dfeaff!important;
    color:#174d98!important;
}
#hmInvestmentResultsSection .hm-v457-investment-item.is-top-five .hm-public-priority-rank{
    background:#ffd400!important;
    color:#093875!important;
}

/* Kvíz: prezývky +10 %, TOP 5 zostáva žltých. */
#hmQuizRankingAccess.hm-v446-ranking-classic .hm-quiz-ranking-full-name{
    font-size:15.4px!important;
}
#hmQuizRankingAccess.hm-v446-ranking-classic .hm-quiz-ranking-full-item:not(.is-top-five){
    background:#f8fbff!important;
    border-color:#e0e9f4!important;
}
#hmQuizRankingAccess.hm-v446-ranking-classic .hm-quiz-ranking-full-item.is-top-five{
    background:#fff8cf!important;
    border-color:#ead36b!important;
}

/* Homepage PEXESO: hlavička rebríčka presne v modrom štýle rebríčka kvízu. */
#hmPexesoHomeRanking{
    overflow:hidden!important;
    border:1px solid rgba(174,197,227,.45)!important;
    border-radius:24px!important;
    background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(248,251,255,.98))!important;
    box-shadow:0 18px 48px rgba(10,56,122,.10)!important;
}
#hmPexesoHomeRanking .hm-home-pexeso-ranking-head{
    
    
    border-radius:0!important;
}
#hmPexesoHomeRanking .hm-home-pexeso-open{
    position:relative!important;
    z-index:3!important;
    min-height:52px!important;
    padding:0 24px!important;
    border:2px solid rgba(255,255,255,.85)!important;
    border-radius:18px!important;
    background:#ffd400!important;
    color:#073c7a!important;
    box-shadow:0 8px 20px rgba(255,205,0,.24)!important;
    text-decoration:none!important;
    font-size:12px!important;
    font-weight:950!important;
}
#hmPexesoHomeRanking .hm-home-pexeso-open:hover{background:#ffe04b!important;}
#hmPexesoHomeRanking .hm-home-pexeso-board{
    margin:8px 14px 14px!important;
    padding:14px!important;
    border:1px solid #dbe7f3!important;
    border-radius:16px!important;
    background:#fff!important;
    box-shadow:none!important;
}
#hmPexesoHomeRanking .hm-quiz-ranking-full-item:not(.is-top-five){background:#f8fbff!important;border-color:#e0e9f4!important;}
#hmPexesoHomeRanking .hm-quiz-ranking-full-item.is-top-five{background:#fff8cf!important;border-color:#ead36b!important;}
#hmPexesoHomeRanking .hm-quiz-ranking-full-rank{width:30px!important;height:30px!important;border-radius:50%!important;background:#dfeaff!important;color:#174d98!important;font-size:14px!important;}
#hmPexesoHomeRanking .hm-quiz-ranking-full-item.is-top-five .hm-quiz-ranking-full-rank{background:#ffd400!important;color:#093875!important;}
#hmPexesoHomeRanking .hm-quiz-ranking-full-name strong{font-size:15.4px!important;color:#153b77!important;font-weight:900!important;}
#hmPexesoHomeRanking .hm-quiz-ranking-full-name small{font-size:10px!important;}
#hmPexesoHomeRanking .hm-quiz-ranking-full-score, #hmPexesoHomeRanking .hm-home-pexeso-time, #hmPexesoHomeRanking .hm-home-pexeso-moves{font-size:12px!important;color:#31577f!important;font-weight:850!important;}
#hmPexesoHomeRanking .hm-quiz-ranking-full-item.is-top-five .hm-quiz-ranking-full-score{color:#0b5ebd!important;font-weight:950!important;}

@media(max-width:760px){
    #hmQuizRankingAccess.hm-v446-ranking-classic .hm-quiz-ranking-full-name{font-size:14.3px!important;}
    
    #hmPexesoHomeRanking .hm-home-pexeso-open{width:100%!important;min-height:44px!important;}
    #hmPexesoHomeRanking .hm-quiz-ranking-full-name strong{font-size:14.3px!important;}
}


/* v464 – zbalenie zostáva iba pre rebríček pexesa; priority majú TOP 5 viditeľnú stále. */
#hmPexesoHomeRanking.is-collapsed .hm-home-pexeso-board{display:none!important;}
#hmPexesoHomeRanking.is-collapsed{padding-bottom:0!important;}
#hmPexesoHomeRanking.is-collapsed .hm-home-pexeso-ranking-head{margin-bottom:0!important;}
#hmPexesoHomeRanking .hm-home-pexeso-open{appearance:none!important;cursor:pointer!important;}


/* ==========================================================================
   v465 – jednotná horná navigácia, priorita TOP5 stále viditeľná,
           pexeso rebríček rozmerovo ako kvíz
   ========================================================================== */

/* Horný panel: všetky odkazy sú rovnocenné. */
.hm-topbar-inner{
    gap:8px!important;
}
.hm-navigation{
    margin-left:auto!important;
    gap:2px!important;
}
.hm-navigation a{
    min-height:44px!important;
    padding:0 13px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    border-radius:12px!important;
    background:transparent!important;
    color:#fff!important;
    font-size:13px!important;
    line-height:1!important;
    font-weight:850!important;
    box-shadow:none!important;
    text-transform:none!important;
}
.hm-navigation a:hover, .hm-navigation a.is-active{
    background:rgba(255,255,255,.11)!important;
    color:#ffd400!important;
}

.hm-topbar-bell, .hm-topbar-login{
    width:50px!important;
    height:46px!important;
    min-width:50px!important;
    flex:0 0 50px!important;
    display:grid!important;
    place-items:center!important;
    padding:0!important;
    border:1px solid rgba(255,212,0,.28)!important;
    border-radius:15px!important;
    background:rgba(255,255,255,.08)!important;
    color:#ffd400!important;
    box-shadow:none!important;
    cursor:pointer!important;
    transition:background .18s ease,transform .18s ease,border-color .18s ease!important;
}
.hm-topbar-bell{appearance:none!important;}
.hm-topbar-bell:hover, .hm-topbar-login:hover{
    background:rgba(255,212,0,.14)!important;
    border-color:rgba(255,212,0,.58)!important;
    transform:translateY(-1px)!important;
}
.hm-topbar-bell svg, .hm-topbar-login svg{
    width:22px!important;
    height:22px!important;
    fill:currentColor!important;
}


/* Homepage rebríček pexesa: rovnaká šírka, výška hlavičky a kompaktnosť ako rebríček kvízu. */
#hmPexesoHomeRanking.hm-quiz-ranking-showcase{
    
    
    
    
    border-radius:26px!important;
    
    background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(248,251,255,.98))!important;
    border:1px solid rgba(174,197,227,.45)!important;
    box-shadow:0 18px 48px rgba(10,56,122,.10)!important;
    
}

#hmPexesoHomeRanking .hm-quiz-ranking-hero-copy h3{
    font-size:28px!important;
    line-height:1!important;
}

#hmPexesoHomeRanking .hm-home-pexeso-board{
    margin:8px 14px 0!important;
    padding:14px!important;
    border-radius:16px!important;
}
#hmPexesoHomeRanking.is-collapsed{
    padding-bottom:0!important;
}
#hmPexesoHomeRanking.is-collapsed .hm-home-pexeso-ranking-head{
    margin-bottom:0!important;
}

@media(max-width:1180px){
    .hm-navigation a{padding:0 10px!important;font-size:12px!important;}
    .hm-topbar-bell, .hm-topbar-login{width:46px!important;min-width:46px!important;flex-basis:46px!important;}
}
@media(max-width:980px){
    .hm-topbar-inner{gap:7px!important;}
    .hm-menu-button{order:2!important;margin-left:auto!important;}
    .hm-navigation{order:5!important;}
    .hm-topbar-bell{order:3!important;}
    .hm-topbar-login{order:4!important;}
    .hm-topbar-bell, .hm-topbar-login{
        width:42px!important;height:42px!important;min-width:42px!important;flex-basis:42px!important;border-radius:13px!important;
    }
    .hm-navigation a{
        width:100%!important;
        min-height:44px!important;
        justify-content:flex-start!important;
        padding:0 14px!important;
        font-size:14px!important;
    }
    
}
@media(max-width:520px){
    .hm-topbar-bell, .hm-topbar-login{width:38px!important;height:38px!important;min-width:38px!important;flex-basis:38px!important;}
    .hm-topbar-bell svg, .hm-topbar-login svg{width:19px!important;height:19px!important;}
}


/* ==========================================================================
   v467 – CTA, 5P, problémy a pätička
   ========================================================================== */

/* SPUSTIŤ KVÍZ: opticky vycentrovať text v žltej časti mimo modrej šípky. */
#hmQuizIntro.hm-entry-shared .hm-v173-launch-cta>span{
    left:45%!important;
    max-width:calc(100% - 128px)!important;
    text-align:center!important;
}

/* Ankete aj kvízu vrátiť jemné pulzovanie – starší v350 reset ho vypínal. */
#hmVoteIntro.hm-entry-shared .hm-v173-launch-cta.hm-force-pulse:not(:disabled), #hmQuizIntro.hm-entry-shared .hm-v173-launch-cta.hm-force-pulse:not(:disabled){
    animation:hm-v467-cta-pulse 1.35s ease-in-out infinite!important;
    transform-origin:center center!important;
    will-change:transform,box-shadow,filter!important;
}
@keyframes hm-v467-cta-pulse{
    0%,100%{transform:scale(1);box-shadow:0 10px 23px rgba(255,205,0,.30),0 0 0 0 rgba(255,212,0,.08),inset 0 1px 0 rgba(255,255,255,.76);filter:brightness(1)}
    50%{transform:scale(1.035);box-shadow:0 15px 31px rgba(255,205,0,.42),0 0 0 7px rgba(255,212,0,.12),inset 0 1px 0 rgba(255,255,255,.82);filter:brightness(1.035)}
}

/* 5P – výraznejší riadok. */
.hm-pledge-head-above h2.hm-v293-five-p{
    font-size:clamp(16px,1.48vw,20px)!important;
    line-height:1.15!important;
    gap:5px 9px!important;
    letter-spacing:-.018em!important;
    flex-wrap:wrap!important;
}
.hm-pledge-head-above h2.hm-v293-five-p i{font-size:.76em!important;}

/* „Čo trápi Humenné?“ presne približne o 30 % menšie oproti doterajšiemu rozsahu. */
.hm-problem-strip-head h2{
    font-size:clamp(10.5px,1.015vw,14px)!important;
    line-height:1.08!important;
}

/* Problémové karty: pri hoveri / dotykovom rozbalení je text +20 %, fotografia ustúpi. */
@media (min-width:981px) and (hover:hover) and (pointer:fine){
    .hm-v164-problem-group .hm-problem-tile:hover .hm-problem-tile-image{
        height:72px!important;
        min-height:72px!important;
        flex-basis:72px!important;
    }
    .hm-v164-problem-group .hm-problem-tile:hover .hm-problem-tile-copy{
        min-height:102px!important;
        padding:10px 12px 12px!important;
    }
    .hm-v164-problem-group .hm-problem-tile:hover .hm-problem-tile-copy h3{
        font-size:15.6px!important;
        line-height:1.18!important;
        max-height:2.36em!important;
    }
    .hm-v164-problem-group .hm-problem-tile:hover .hm-problem-tile-copy p{
        font-size:10.8px!important;
        line-height:1.32!important;
        max-height:3.96em!important;
    }
}
.hm-v164-problem-group .hm-problem-tile.is-text-expanded .hm-problem-tile-image{
    height:72px!important;
    min-height:72px!important;
    flex-basis:72px!important;
}
.hm-v164-problem-group .hm-problem-tile.is-text-expanded .hm-problem-tile-copy{
    min-height:102px!important;
    padding:10px 12px 12px!important;
}
.hm-v164-problem-group .hm-problem-tile.is-text-expanded .hm-problem-tile-copy h3{
    font-size:15.6px!important;
    line-height:1.18!important;
    max-height:2.36em!important;
}
.hm-v164-problem-group .hm-problem-tile.is-text-expanded .hm-problem-tile-copy p{
    display:block!important;
    margin-top:5px!important;
    font-size:10.8px!important;
    line-height:1.32!important;
    max-height:3.96em!important;
    overflow:hidden!important;
    color:rgba(255,255,255,.86)!important;
}

/* Pätička – povinné údaje objednávateľa a dodávateľa. */
.hm-footer-legal{
    grid-column:1/-1!important;
    display:flex!important;
    flex-wrap:wrap!important;
    gap:6px 22px!important;
    margin-top:-14px!important;
    color:rgba(255,255,255,.56)!important;
    font-size:11px!important;
    line-height:1.45!important;
}
.hm-footer-legal span{font-size:inherit!important;}
.hm-footer-legal strong{color:rgba(255,255,255,.84)!important;font-weight:900!important;}

@media(max-width:980px){
    .hm-pledge-head-above h2.hm-v293-five-p{font-size:clamp(14px,2.2vw,17px)!important;gap:4px 7px!important;}
    #hmQuizIntro.hm-entry-shared .hm-v173-launch-cta>span{left:43.5%!important;max-width:calc(100% - 104px)!important;}
}
@media(max-width:620px){
    .hm-pledge-head-above h2.hm-v293-five-p{font-size:clamp(12px,3.4vw,15px)!important;gap:4px 6px!important;}
    .hm-problem-strip-head h2{font-size:12px!important;}
    .hm-footer-legal{display:grid!important;gap:5px!important;margin-top:-8px!important;font-size:10px!important;}
}
@media(prefers-reduced-motion:reduce){
    #hmVoteIntro.hm-entry-shared .hm-v173-launch-cta.hm-force-pulse, #hmQuizIntro.hm-entry-shared .hm-v173-launch-cta.hm-force-pulse{animation:none!important;}
}


/* ==========================================================================
   v468 – uhladenejšia typografia kariet priorít, písmo približne -10 %
   ========================================================================== */


/* ==========================================================================
   v469 – mobilné okná bez orezania + centrovaný mobilný slogan
   ========================================================================== */
@media(max-width:760px){
    /* Úvod: hlavný slogan je na mobile väčší, čitateľný a presne v strede. */
    .hm-civic-intro-copy{
        width:100%!important;
        max-width:100%!important;
        text-align:center!important;
        align-items:center!important;
    }
    .hm-civic-intro-copy h1{
        width:100%!important;
        max-width:100%!important;
        margin:0 auto 12px!important;
        padding-inline:4px!important;
        font-size:clamp(44px,13vw,66px)!important;
        line-height:.94!important;
        letter-spacing:-.05em!important;
        text-align:center!important;
        overflow-wrap:normal!important;
        word-break:normal!important;
        text-wrap:balance!important;
    }
    .hm-civic-intro-copy h1 span{
        display:block!important;
        width:100%!important;
        text-align:center!important;
    }
    .hm-civic-intro-copy .hm-civic-slogan-rotator{
        margin-inline:auto!important;
        justify-content:center!important;
        text-align:center!important;
    }
    .hm-civic-intro-copy .hm-civic-intro-text{
        margin-inline:auto!important;
        max-width:620px!important;
        text-align:center!important;
    }

    /* Kvíz: celý modal sa drží vo viditeľnej ploche mobilu a roluje iba dovnútra. */
    
    
    
    

    /* Horné štyri výsledky – vždy 2 × 2 a bez orezania textu. */
    
    
    
    
    
    

    /* Oblasti výsledku – namiesto piatich vysokých kariet pod sebou kompaktná 2-stĺpcová mriežka. */
    
    
    
    
    
    
    
    
    
    
    

    /* Ankete a ďalším fullscreen kartám dovolíme na nízkych mobiloch vnútorný scroll. */
    body.hm-voting-focus > #hmInvestmentStep:not(.hm-hidden), body.hm-voting-focus > #hmVoteFinish:not(.hm-hidden){
        max-height:calc(100dvh - 12px)!important;
        overflow-y:auto!important;
        overflow-x:hidden!important;
        -webkit-overflow-scrolling:touch!important;
        overscroll-behavior:contain!important;
    }
}

@media(max-width:390px){
    .hm-civic-intro-copy h1{
        font-size:clamp(42px,12.5vw,54px)!important;
    }
    
    
}

/* =========================================================================
   v493 – Podnety priamo v backoffice + rolovateľné ľavé menu
   ========================================================================= */
@media(min-width:901px){
    .hm-bo-sidebar{overflow:hidden!important}
    .hm-bo-side-nav{
        flex:1 1 auto!important;
        min-height:0!important;
        overflow-y:auto!important;
        overflow-x:hidden!important;
        margin-top:24px!important;
        margin-bottom:12px!important;
        padding-right:5px!important;
        scrollbar-width:thin;
        scrollbar-color:rgba(255,255,255,.28) transparent;
    }
    .hm-bo-side-nav::-webkit-scrollbar{width:6px}
    .hm-bo-side-nav::-webkit-scrollbar-track{background:transparent}
    .hm-bo-side-nav::-webkit-scrollbar-thumb{background:rgba(255,255,255,.25);border-radius:999px}
    .hm-bo-side-user{margin-top:0!important;flex:0 0 auto}
    .hm-bo-side-logout{flex:0 0 auto}
}

.hm-map-bo-section{display:grid;gap:18px}
.hm-map-bo-head{display:flex;align-items:flex-start;justify-content:flex-end;gap:24px}
.hm-map-bo-head>div{min-width:0}
.hm-map-bo-head>div>span{font-size:10px;letter-spacing:.13em;font-weight:900;color:#1769c2}
.hm-map-bo-head h2{margin:4px 0 6px;font-size:32px;color:#102f59}
.hm-map-bo-head p{margin:0;max-width:760px;color:#6a7e98;line-height:1.55}
.hm-map-bo-head>a, .hm-map-bo-detail-top a{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;font-weight:850;color:#0a5fc1;background:#fff;border:1px solid #d6e2ef;border-radius:12px;padding:10px 13px;white-space:nowrap}
.hm-map-bo-message{padding:12px 15px;border-radius:13px;background:color-mix(in srgb,var(--hm-level-color) 10%,#edf6ff);color:#15528d;font-weight:800;border:1px solid #d7e9fa}
.hm-map-bo-message.is-rejected, .hm-map-bo-message.is-invalid, .hm-map-bo-message.is-photo-error, .hm-map-bo-message.is-not-found, .hm-map-bo-message.is-comment-empty{background:#fff1f1;color:#9a3030;border-color:#f0d1d1}
.hm-map-bo-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.hm-map-bo-stats article{background:#fff;border:1px solid #dfe8f2;border-radius:17px;padding:16px 18px;display:flex;align-items:center;justify-content:flex-end;gap:12px}
.hm-map-bo-stats span{font-size:13px;font-weight:800;color:#6e8198}.hm-map-bo-stats strong{font-size:28px;color:#0a4e9d}
.hm-map-bo-list{display:grid;gap:9px}
.hm-map-bo-row{display:grid;grid-template-columns:48px minmax(0,1fr) auto auto;align-items:center;gap:13px;background:#fff;border:1px solid #dfe7f0;border-left:6px solid var(--hm-map-status);border-radius:16px;padding:12px 14px;text-decoration:none!important;color:#102f59!important;transition:.15s ease}
.hm-map-bo-row:hover{transform:translateY(-1px);border-color:#bfd5eb;box-shadow:0 8px 24px rgba(12,54,100,.08)}
.hm-map-bo-row.is-pending{background:#fff5f5}.hm-map-bo-row.is-rejected{opacity:.7;background:#f7f8fa}
.hm-map-bo-row-icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;font-size:24px;background:color-mix(in srgb,var(--hm-map-cat) 10%,#fff)}
.hm-map-bo-row>div{min-width:0;display:grid;gap:3px}.hm-map-bo-row strong{font-size:16px}.hm-map-bo-row small{color:#647a95}.hm-map-bo-row em{font-style:normal;font-size:12px;color:#8291a3}.hm-map-bo-row time{font-size:12px;color:#7a8ca2;white-space:nowrap}.hm-map-bo-row>b{font-size:12px;color:#0d61bb;white-space:nowrap}
.hm-map-bo-detail-top{display:flex;justify-content:flex-end;gap:12px}
.hm-map-bo-detail{background:#fff;border:1px solid #dfe8f2;border-radius:22px;padding:24px;box-shadow:0 10px 34px rgba(16,53,96,.05)}
.hm-map-bo-detail header h3{font-size:29px;line-height:1.15;margin:7px 0 12px;color:#102f59}
.hm-map-bo-category{display:inline-flex;align-items:center;gap:5px;font-size:13px;font-weight:900;color:#163a66}
.hm-map-bo-meta{display:flex;flex-wrap:wrap;gap:8px}.hm-map-bo-meta>*{display:inline-flex;border-radius:999px;padding:5px 7px;background:#f1f5fa;color:#57708d;font-size:12px;font-style:normal}.hm-map-bo-meta b.is-pending{background:#ffeded;color:#b33434}.hm-map-bo-meta b.is-approved{background:#ebf7ef;color:#267544}.hm-map-bo-meta b.is-rejected{background:#f0f1f4;color:#6d7683}
.hm-map-bo-photo{display:block;width:min(360px,50%);max-height:250px;object-fit:cover;border-radius:16px;margin:20px auto 0}
.hm-map-bo-description{font-size:15px;line-height:1.7;color:#435d7b;margin:20px 0}.hm-map-bo-author{display:flex;gap:10px;align-items:center;padding:12px 14px;border-radius:13px;background:#f7f9fc;color:#506982}.hm-map-bo-author strong{color:#173b68}
.hm-map-bo-action-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:20px}.hm-map-bo-action-grid form, .hm-map-bo-manage-card, .hm-map-bo-edit form{display:grid;gap:10px;background:color-mix(in srgb,var(--hm-level-color) 4%,#f8fbff);border:1px solid #dfebf6;border-radius:16px;padding:16px}.hm-map-bo-action-grid label, .hm-map-bo-edit label{display:grid;gap:5px;font-size:13px;font-weight:800;color:#244a76}
.hm-map-bo-section textarea, .hm-map-bo-section input[type=text], .hm-map-bo-section select, .hm-map-bo-section input[type=file]{width:100%;border:1px solid #cbd9e8;border-radius:11px;padding:11px 12px;font:inherit;background:#fff;color:#173655}.hm-map-bo-section textarea{resize:vertical}
.hm-map-bo-btn{border:0;border-radius:11px;background:#0c65c6;color:#fff;font-weight:900;padding:11px 14px;cursor:pointer}.hm-map-bo-btn.is-approve{background:#21844a}.hm-map-bo-btn.is-reject{background:#c33f3f}
.hm-map-bo-management{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin-top:20px}.hm-map-bo-manage-card strong{font-size:16px;color:#173b68}.hm-map-bo-manage-card p{margin:0;color:#718399;font-size:13px;line-height:1.45}
.hm-map-bo-edit{margin-top:20px;border:1px solid #dfe8f2;border-radius:16px;overflow:hidden}.hm-map-bo-edit>summary{cursor:pointer;font-weight:900;color:#174a84;padding:14px 16px;background:#f5f9fd}.hm-map-bo-edit form{border:0;border-radius:0;background:#fff}
.hm-map-bo-history{margin-top:22px;border-top:1px solid #e4ebf2;padding-top:18px}.hm-map-bo-history article{display:grid;grid-template-columns:14px 1fr;gap:11px;padding:0 0 16px;position:relative}.hm-map-bo-history article>i{width:12px;height:12px;border-radius:6px;background:#0d69c9;margin-top:4px}.hm-map-bo-history article>div{background:#f7f9fc;border-radius:13px;padding:10px 12px}.hm-map-bo-history article strong, .hm-map-bo-history article small{display:block}.hm-map-bo-history article small{margin-top:2px;color:#8090a3}.hm-map-bo-history article p{margin:7px 0 0;line-height:1.5;color:#536c88}
.hm-map-bo-delete{margin-top:18px;text-align:right}.hm-map-bo-delete button{border:0;background:transparent;color:#bd3e3e;font-weight:850;cursor:pointer}

@media(max-width:1000px){.hm-map-bo-management{grid-template-columns:1fr}.hm-map-bo-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.hm-map-bo-head, .hm-map-bo-detail-top{flex-direction:column}.hm-map-bo-head>a, .hm-map-bo-detail-top a{width:100%}.hm-map-bo-stats{grid-template-columns:1fr 1fr}.hm-map-bo-row{grid-template-columns:42px minmax(0,1fr)}.hm-map-bo-row time, .hm-map-bo-row>b{grid-column:2}.hm-map-bo-action-grid{grid-template-columns:1fr}.hm-map-bo-detail{padding:16px}.hm-map-bo-photo{width:70%;max-width:300px}.hm-map-bo-detail header h3{font-size:24px}}

/* v497 – kompletný workflow podnetov pre kandidátov v backoffice */
.hm-map-bo-status-flow{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:8px;
  margin-top:20px;
}
.hm-map-bo-status-flow>div{
  min-width:0;
  display:flex;
  align-items:center;
  gap:8px;
  padding:10px 11px;
  border-radius:13px;
  background:#f6f8fb;
  border:1px solid #dfe7f0;
  color:#667b95;
}
.hm-map-bo-status-flow>div b{
  flex:0 0 auto;
  width:26px;
  height:26px;
  border-radius:6px;
  display:grid;
  place-items:center;
  background:#e8edf3;
  color:#53667d;
  font-size:12px;
}
.hm-map-bo-status-flow>div span{
  font-size:12px;
  font-weight:850;
  line-height:1.25;
}
.hm-map-bo-status-flow>div.is-current{
  background:color-mix(in srgb,var(--hm-status-color) 10%,#fff);
  border-color:color-mix(in srgb,var(--hm-status-color) 40%,#dfe7f0);
  color:#173655;
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--hm-status-color) 10%,transparent);
}
.hm-map-bo-status-flow>div.is-current b{
  background:var(--hm-status-color);
  color:#fff;
}
.hm-map-bo-locked{
  display:block;
  padding:10px 12px;
  border-radius:11px;
  background:#fff7e8;
  color:#7d5d18;
  font-size:12px;
  line-height:1.45;
  font-weight:750;
}
.hm-map-bo-message.is-already-claimed, .hm-map-bo-message.is-not-assignee{
  background:#fff7e8;
  color:#7d5d18;
  border-color:#ecd8a7;
}
@media(max-width:1100px){
  .hm-map-bo-status-flow{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:620px){
  .hm-map-bo-status-flow{grid-template-columns:1fr}
}

/* v508 – administrátorské metadáta mapových podnetov */
.hm-map-bo-admin-fields{padding:16px;border:1px solid #dce6ef;border-radius:16px;background:#f7fbff;display:grid;gap:10px;margin-top:6px}
.hm-map-bo-admin-fields>strong{font-size:15px;color:#102f59}.hm-map-bo-admin-fields>p{margin:0;color:#617892;font-size:13px;line-height:1.45}
.hm-map-bo-date-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.hm-map-bo-check{display:flex!important;align-items:center;gap:9px}.hm-map-bo-check input{width:auto!important;margin:0!important}
@media(max-width:720px){.hm-map-bo-date-grid{grid-template-columns:1fr}}
.hm-legal-links{display:flex;justify-content:center;flex-wrap:wrap;gap:10px 18px;margin:20px 0 10px}.hm-legal-links a{color:#0a5fc1;font-weight:800;text-decoration:none}.hm-legal-links a:hover{text-decoration:underline}

/* ==========================================================================
   v513 – PRIORITY: čistá stabilná karta
   Jediná finálna vrstva pre interaktívnu kartu hlasovania.
   ========================================================================== */
body.hm-voting-focus{
    overflow:hidden!important;
    overscroll-behavior:none!important;
}


/* ==========================================================================
   v514 – KVÍZ: čistá stabilná karta
   Jedna finálna vrstva pre fullscreen kvíz. CSS riadi geometriu; JS iba
   nastavuje --hm-q-font podľa dĺžky otázky.
   ========================================================================== */


/* Vstupný krok aj výsledok používajú rovnakú stabilnú kartu. */




@media(max-width:760px){
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
}

@media(max-width:390px){
    
}

/* ==========================================================================
   v515 – desktop: Kvíz a Priority o 30 % užšie
   Mobilné fullscreen rozloženie zostáva bez zmeny.
   ========================================================================== */

@media (min-width:761px){
    
}


/* ==========================================================================
   v516 – KVÍZ: nižšie a o 30 % tenšie možnosti + spojený úvod s rebríčkom
   Desktopová karta: odpovede ostávajú ukotvené dole, ale ich blok má 70 %
   pôvodnej výšky (230 px -> 161 px). Úvod a rebríček tvoria jeden celok.
   ========================================================================== */
@media (min-width:761px){
    
    
    
    
}

/* ==========================================================================
   v519 – oprava skutočnej príčiny medzery medzi CTA a rebríčkom
   Staršie pravidlo .hm-solutions .hm-wrap, .hm-quiz .hm-wrap používa
   display:grid + gap:18px !important. Samotné margin-top:0 preto medzeru
   neodstránilo. Tu sa gap nulujeme na rovnakej/vyššej špecificite.
   ========================================================================== */

/* KVÍZ – úvod + rebríček ako jeden blok. */
.hm-quiz .hm-unified-quiz-wrap{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:0!important;
    row-gap:0!important;
}
#hmQuizIntro.hm-v317-quiz-cta{
    margin:0!important;
    border-radius:28px 28px 0 0!important;
}
#hmQuizRankingAccess.hm-quiz-ranking-showcase{
    
    border-top:0!important;
    border-radius:0 0 26px 26px!important;
}

/* PRIORITY – starý 18 px grid gap bol dôvod, prečo ostával pás medzi blokmi. */
.hm-solutions > .hm-wrap{
    gap:0!important;
    row-gap:0!important;
}
#hmVoteIntro.hm-v315-poll-cta{
    margin:0!important;
    border-radius:28px 28px 0 0!important;
}
#hmPublicPriorityBoard.hm-public-priority-board{
    
    border-top:0!important;
    border-radius:0 0 26px 26px!important;
}

/* PEXESO – ponechané v rovnakom režime ako referenčný prvý obrázok. */
.hm-home-pexeso .hm-unified-quiz-wrap{
    gap:0!important;
    row-gap:0!important;
}
#hmPexesoHomeIntro.hm-v317-quiz-cta{
    margin:0!important;
    border-radius:28px 28px 0 0!important;
}
#hmPexesoHomeRanking.hm-quiz-ranking-showcase{
    
    border-top:0!important;
    border-radius:0 0 26px 26px!important;
}

@media (max-width:980px){
    #hmQuizIntro.hm-v317-quiz-cta, #hmVoteIntro.hm-v315-poll-cta, #hmPexesoHomeIntro.hm-v317-quiz-cta{
        border-radius:23px 23px 0 0!important;
    }

    #hmQuizRankingAccess.hm-quiz-ranking-showcase, #hmPublicPriorityBoard.hm-public-priority-board, #hmPexesoHomeRanking.hm-quiz-ranking-showcase{
        border-radius:0 0 23px 23px!important;
    }
}


/* ==========================================================================
   v521 – audit konfliktov interaktívnych kariet PRIORÍT a KVÍZU
   ========================================================================== */

/* Priority: JS automaticky posúva po odpovedi a #hmNextCard je stále skrytý,
   preto spodný panel nemá rezervovať prázdny piaty stĺpec. */





/* Kvíz: finálna desktop navigácia, bez závislosti od starej základnej vrstvy. */
@media (min-width:761px){
    
    
}



/* ==========================================================================
   v527 – ŠTRUKTÚRNE stabilné homepage CTA + rebríčky
   Zbalenie riadi samostatný parent .hm-home-ranking-body.
   ========================================================================== */

/* 0) Všetkých 6 hlavných blokov má PRESNE tú istú šírku a os.
   Toto opravuje starý v519 margin:0 na CTA, kvôli ktorému CTA ostalo vľavo,
   zatiaľ čo rebríček sa centroval v širšom 1440px wrapperi. */
#hmVoteIntro.hm-v315-poll-cta, #hmQuizIntro.hm-v317-quiz-cta, #hmPexesoHomeIntro.hm-v317-quiz-cta, #hmPublicPriorityBoard.hm-public-priority-board, #hmQuizRankingAccess.hm-quiz-ranking-showcase, #hmPexesoHomeRanking.hm-quiz-ranking-showcase{
    width:100%!important;
    max-width:1180px!important;
    margin-left:auto!important;
    margin-right:auto!important;
    box-sizing:border-box!important;
}

/* CTA hore, rebríček dole = jeden vizuálny blok. */
#hmVoteIntro.hm-v315-poll-cta, #hmQuizIntro.hm-v317-quiz-cta, #hmPexesoHomeIntro.hm-v317-quiz-cta{
    margin-top:0!important;
    margin-bottom:0!important;
    border-radius:28px 28px 0 0!important;
}

#hmPublicPriorityBoard.hm-public-priority-board, #hmQuizRankingAccess.hm-quiz-ranking-showcase, #hmPexesoHomeRanking.hm-quiz-ranking-showcase{
    height:auto!important;
    min-height:0!important;
    margin-top:0!important;
    margin-bottom:0!important;
    padding:0!important;
    overflow:hidden!important;
    border-top:0!important;
    border-radius:0 0 26px 26px!important;
}

/* 1) Toto je jediný prvok, ktorý sa pri rebríčku zbaľuje.
   Ak je parent hidden, žiadny starý display:grid!important na deťoch ho neobíde. */
#hmPriorityRankingBody[hidden], #hmQuizRankingBody[hidden], #hmPexesoRankingBody[hidden]{
    display:none!important;
}

.hm-home-ranking-body{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
    box-sizing:border-box!important;
}

/* 2) Tri rebríčkové hlavičky sú identické. */
#hmPublicPriorityBoard.hm-public-priority-board > .hm-public-priority-board-head, #hmQuizRankingAccess.hm-quiz-ranking-showcase > .hm-quiz-ranking-hero, #hmPexesoHomeRanking.hm-quiz-ranking-showcase > .hm-home-pexeso-ranking-head{
    position:relative!important;
    z-index:2!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 270px minmax(0,1fr)!important;
    align-items:center!important;
    gap:20px!important;
    width:100%!important;
    height:84px!important;
    min-height:84px!important;
    max-height:84px!important;
    margin:0!important;
    padding:12px 22px!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
    border:0!important;
    border-radius:0 0 24px 24px!important;
    background:linear-gradient(135deg,#0f5bb1,#0b3f8a)!important;
}

/* Dekorácie sú vždy mimo grid flow. */
#hmPublicPriorityBoard.hm-public-priority-board > .hm-public-priority-board-head::before, #hmPublicPriorityBoard.hm-public-priority-board > .hm-public-priority-board-head::after, #hmQuizRankingAccess.hm-quiz-ranking-showcase > .hm-quiz-ranking-hero::before, #hmQuizRankingAccess.hm-quiz-ranking-showcase > .hm-quiz-ranking-hero::after, #hmPexesoHomeRanking.hm-quiz-ranking-showcase > .hm-home-pexeso-ranking-head::before, #hmPexesoHomeRanking.hm-quiz-ranking-showcase > .hm-home-pexeso-ranking-head::after{
    position:absolute!important;
    pointer-events:none!important;
    z-index:0!important;
}

#hmPublicPriorityBoard .hm-public-priority-board-heading, #hmQuizRankingAccess .hm-quiz-ranking-hero-copy, #hmPexesoHomeRanking .hm-quiz-ranking-hero-copy{
    grid-column:1!important;
    justify-self:start!important;
    align-self:center!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    position:relative!important;
    z-index:3!important;
}

#hmPublicPriorityBoard .hm-public-priority-board-head h3, #hmQuizRankingAccess .hm-quiz-ranking-hero-copy h3, #hmPexesoHomeRanking .hm-quiz-ranking-hero-copy h3{
    margin:0!important;
    padding:0!important;
    line-height:1.05!important;
}

/* Presný stred – žiadne absolute/translate, žiadny únik doprava. */
#hmPublicPriorityBoard.hm-public-priority-board #hmPriorityRankingToggle, #hmQuizRankingAccess.hm-quiz-ranking-showcase #hmQuizRankingToggle, #hmPexesoHomeRanking.hm-quiz-ranking-showcase #hmPexesoRankingToggle{
    position:static!important;
    grid-column:2!important;
    justify-self:center!important;
    align-self:center!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:7px!important;
    width:270px!important;
    min-width:270px!important;
    max-width:270px!important;
    height:56px!important;
    min-height:56px!important;
    max-height:56px!important;
    margin:0!important;
    padding:0 18px!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
    white-space:nowrap!important;
    border:2px solid rgba(255,255,255,.78)!important;
    border-radius:17px!important;
    background:linear-gradient(180deg,#ffdf24,#ffcc00)!important;
    color:#082f68!important;
    font-size:13px!important;
    line-height:1!important;
    font-weight:950!important;
    letter-spacing:.02em!important;
    cursor:pointer!important;
    transform:none!important;
    z-index:5!important;
}

#hmPublicPriorityBoard.hm-public-priority-board #hmPriorityRankingToggle:hover, #hmQuizRankingAccess.hm-quiz-ranking-showcase #hmQuizRankingToggle:hover, #hmPexesoHomeRanking.hm-quiz-ranking-showcase #hmPexesoRankingToggle:hover{
    transform:translateY(-1px)!important;
}

#hmPublicPriorityBoard .hm-public-priority-board-slogan, #hmQuizRankingAccess .hm-quiz-ranking-hero-slogan, #hmPexesoHomeRanking .hm-quiz-ranking-hero-slogan{
    grid-column:3!important;
    justify-self:end!important;
    align-self:center!important;
    position:relative!important;
    z-index:3!important;
    margin:0!important;
}

/* Žltý dekor kvízu/pexesa nesmie vytvárať ďalší stĺpec. */
#hmQuizRankingAccess .hm-quiz-ranking-hero-accent, #hmPexesoHomeRanking .hm-quiz-ranking-hero-accent{
    position:absolute!important;
    right:14px!important;
    top:10px!important;
    width:92px!important;
    height:18px!important;
    margin:0!important;
    pointer-events:none!important;
    z-index:1!important;
}

/* 3) CTA pravá strana má rovnakú os pri všetkých troch blokoch. */
@media(min-width:981px){
    #hmVoteIntro.hm-v315-poll-cta .hm-v111-main, #hmQuizIntro.hm-v317-quiz-cta .hm-v111-main, #hmPexesoHomeIntro.hm-v317-quiz-cta .hm-v111-main{
        display:grid!important;
        grid-template-columns:minmax(0,1.46fr) minmax(390px,.92fr)!important;
        align-items:center!important;
        gap:24px!important;
        min-height:304px!important;
        padding:30px 34px!important;
        box-sizing:border-box!important;
    }
}

#hmVoteIntro.hm-v315-poll-cta .hm-v173-launch-side, #hmQuizIntro.hm-v317-quiz-cta .hm-v173-launch-side, #hmPexesoHomeIntro.hm-v317-quiz-cta .hm-v173-launch-side{
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    justify-self:stretch!important;
    align-self:center!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
    gap:16px!important;
    box-sizing:border-box!important;
}

#hmVoteIntro.hm-v315-poll-cta .hm-v173-launch-cta, #hmQuizIntro.hm-v317-quiz-cta .hm-v173-launch-cta, #hmPexesoHomeIntro.hm-v317-quiz-cta .hm-v173-launch-cta{
    width:min(100%,470px)!important;
    max-width:470px!important;
    min-height:104px!important;
    margin:0 auto!important;
    align-self:center!important;
    box-sizing:border-box!important;
}

#hmQuizIntro.hm-v317-quiz-cta .hm-v448-quiz-rules, #hmPexesoHomeIntro.hm-v317-quiz-cta .hm-home-pexeso-rules{
    align-self:center!important;
    margin-left:auto!important;
    margin-right:auto!important;
}

/* 4) Priority – iba JS režim rozhoduje čo je v otvorenom body viditeľné. */
#hmPublicPriorityBoard.is-top5-open #hmResults, #hmPublicPriorityBoard.is-top5-open #hmInvestmentResultsSection{
    display:none!important;
}

#hmPublicPriorityBoard.is-full-ranking-open #hmResults:not([hidden]){
    display:block!important;
}



/* 5) Tablet/mobil. */
@media(max-width:900px){
    #hmPublicPriorityBoard.hm-public-priority-board > .hm-public-priority-board-head, #hmQuizRankingAccess.hm-quiz-ranking-showcase > .hm-quiz-ranking-hero, #hmPexesoHomeRanking.hm-quiz-ranking-showcase > .hm-home-pexeso-ranking-head{
        grid-template-columns:1fr!important;
        gap:10px!important;
        height:auto!important;
        min-height:0!important;
        max-height:none!important;
        padding:14px 16px!important;
    }

    #hmPublicPriorityBoard.hm-public-priority-board #hmPriorityRankingToggle, #hmQuizRankingAccess.hm-quiz-ranking-showcase #hmQuizRankingToggle, #hmPexesoHomeRanking.hm-quiz-ranking-showcase #hmPexesoRankingToggle{
        grid-column:1!important;
        width:100%!important;
        min-width:0!important;
        max-width:none!important;
        height:50px!important;
        min-height:50px!important;
        max-height:50px!important;
    }

    #hmPublicPriorityBoard .hm-public-priority-board-slogan, #hmQuizRankingAccess .hm-quiz-ranking-hero-slogan, #hmPexesoHomeRanking .hm-quiz-ranking-hero-slogan, #hmQuizRankingAccess .hm-quiz-ranking-hero-accent, #hmPexesoHomeRanking .hm-quiz-ranking-hero-accent{
        display:none!important;
    }

    #hmVoteIntro.hm-v315-poll-cta .hm-v173-launch-cta, #hmQuizIntro.hm-v317-quiz-cta .hm-v173-launch-cta, #hmPexesoHomeIntro.hm-v317-quiz-cta .hm-v173-launch-cta{
        width:100%!important;
        max-width:none!important;
    }
}


/* ==========================================================================
   v528 – jeden ovládač priority rebríčka + jemne vyššie tlačidlo kvízu
   ========================================================================== */
@media(min-width:901px){
    #hmQuizRankingAccess.hm-quiz-ranking-showcase #hmQuizRankingToggle{
        position:relative!important;
        top:-4px!important;
    }
}

/* ==========================================================================
   v529 – jednotné PRAVIDLÁ pri CTA + menší nadpis priority + kvíz dole ukotvený
   ========================================================================== */

/* --------------------------------------------------------------------------
   A) PRAVIDLÁ / VIAC O HLASOVANÍ
   Všetky tri bloky používajú presne vizuál pexesa.
   -------------------------------------------------------------------------- */
#hmVoteIntro.hm-v315-poll-cta .hm-home-action-rules,
#hmQuizIntro.hm-v317-quiz-cta .hm-home-action-rules,
#hmPexesoHomeIntro.hm-v317-quiz-cta .hm-home-action-rules{
    display:block!important;
    width:auto!important;
    max-width:100%!important;
    align-self:center!important;
    margin:0 auto!important;
    padding:0!important;
    position:relative!important;
    z-index:8!important;
}

#hmVoteIntro.hm-v315-poll-cta .hm-home-action-rules > summary,
#hmQuizIntro.hm-v317-quiz-cta .hm-home-action-rules > summary,
#hmPexesoHomeIntro.hm-v317-quiz-cta .hm-home-action-rules > summary{
    list-style:none!important;
    cursor:pointer!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:auto!important;
    min-width:0!important;
    min-height:38px!important;
    margin:0!important;
    padding:0 28px!important;
    box-sizing:border-box!important;
    border-radius:999px!important;
    background:rgba(8,63,136,.82)!important;
    border:1px solid rgba(255,212,0,.62)!important;
    color:#ffd400!important;
    font-size:13px!important;
    line-height:1!important;
    font-weight:900!important;
    text-align:center!important;
    box-shadow:0 10px 18px rgba(4,44,102,.16)!important;
}

#hmVoteIntro.hm-v315-poll-cta .hm-home-action-rules > summary::-webkit-details-marker,
#hmQuizIntro.hm-v317-quiz-cta .hm-home-action-rules > summary::-webkit-details-marker,
#hmPexesoHomeIntro.hm-v317-quiz-cta .hm-home-action-rules > summary::-webkit-details-marker{
    display:none!important;
}

#hmVoteIntro.hm-v315-poll-cta .hm-home-action-rules[open] > summary,
#hmQuizIntro.hm-v317-quiz-cta .hm-home-action-rules[open] > summary,
#hmPexesoHomeIntro.hm-v317-quiz-cta .hm-home-action-rules[open] > summary{
    margin-bottom:10px!important;
}

#hmVoteIntro.hm-v315-poll-cta .hm-home-action-rules > div,
#hmQuizIntro.hm-v317-quiz-cta .hm-home-action-rules > div,
#hmPexesoHomeIntro.hm-v317-quiz-cta .hm-home-action-rules > div{
    width:min(100%,460px)!important;
    max-width:460px!important;
    max-height:min(430px,52vh)!important;
    margin:0 auto!important;
    padding:16px 18px!important;
    box-sizing:border-box!important;
    overflow:auto!important;
    border-radius:18px!important;
    background:rgba(255,255,255,.97)!important;
    color:#284666!important;
    box-shadow:0 16px 34px rgba(5,42,94,.22)!important;
}

#hmVoteIntro.hm-v315-poll-cta .hm-home-action-rules > div p,
#hmQuizIntro.hm-v317-quiz-cta .hm-home-action-rules > div p,
#hmPexesoHomeIntro.hm-v317-quiz-cta .hm-home-action-rules > div p{
    margin:0 0 10px!important;
    color:#4e6786!important;
    font-size:14px!important;
    line-height:1.45!important;
}

#hmVoteIntro.hm-v315-poll-cta .hm-home-action-rules > div p:last-child,
#hmQuizIntro.hm-v317-quiz-cta .hm-home-action-rules > div p:last-child,
#hmPexesoHomeIntro.hm-v317-quiz-cta .hm-home-action-rules > div p:last-child{
    margin-bottom:0!important;
}

/* Prioritné staré .hm-v456-poll-rules už nesmie roztiahnuť Pravidlá na 100 %. */
#hmVoteIntro.hm-v315-poll-cta .hm-v456-poll-rules.hm-home-action-rules{
    width:auto!important;
    align-self:center!important;
}

/* --------------------------------------------------------------------------
   B) PRIORITY – nadpis karty je o 50 % menší.
   JS nastavuje už polovičné dynamické hodnoty; toto je fallback.
   -------------------------------------------------------------------------- */


/* --------------------------------------------------------------------------
   C) KVÍZ – odpovede vždy ukotvené dole.
   Horná hranica odpovedí je nižšie a otázka dostáva viac priestoru.
   -------------------------------------------------------------------------- */
@media(min-width:761px){
    

    

    
}

/* Mobil: rovnaká logika – odpovede sú dole, text má väčší horný priestor. */
@media(max-width:760px){
    #hmVoteIntro.hm-v315-poll-cta .hm-home-action-rules,
    #hmQuizIntro.hm-v317-quiz-cta .hm-home-action-rules,
    #hmPexesoHomeIntro.hm-v317-quiz-cta .hm-home-action-rules{
        width:100%!important;
    }

    #hmVoteIntro.hm-v315-poll-cta .hm-home-action-rules > summary,
    #hmQuizIntro.hm-v317-quiz-cta .hm-home-action-rules > summary,
    #hmPexesoHomeIntro.hm-v317-quiz-cta .hm-home-action-rules > summary{
        width:auto!important;
        max-width:100%!important;
    }

    #hmVoteIntro.hm-v315-poll-cta .hm-home-action-rules > div,
    #hmQuizIntro.hm-v317-quiz-cta .hm-home-action-rules > div,
    #hmPexesoHomeIntro.hm-v317-quiz-cta .hm-home-action-rules > div{
        width:100%!important;
        max-width:none!important;
    }

    

    
}

/* ==========================================================================
   v530 – priority body dock + horný zvonec ON/OFF
   ========================================================================== */

/* Horný zvonec: aktívny stav je viditeľný okamžite. */
.hm-topbar-bell.is-active{
    background:#ffd400!important;
    border-color:#ffd400!important;
    color:#0a3d7d!important;
    box-shadow:0 0 0 4px rgba(255,212,0,.12)!important;
}
.hm-topbar-bell.is-active:hover{
    background:#ffe04b!important;
    border-color:#ffe04b!important;
}
.hm-topbar-bell.is-disabled{
    opacity:.62!important;
}

/* BODY návrhu ostáva hore; body sú samostatný spodný pás priamo nad otázkou hlasovania. */




/* Spodný pás bodov – fixná poloha medzi obsahom a „ČO SI O TOMTO NÁVRHU MYSLÍTE?“ */


/* Ak body nie sú, karta sa vráti na pôvodné dve hlavné rady. */


/* Mobil: body zostávajú tesne nad hlasovaním, ale sú kompaktnejšie. */

/* ==========================================================================
   v546 – PRIORITY CARD: CLEAN STABLE LAYOUT
   Mobile order:
   1. Title full width
   2. Text 70% + narrow photo 30%
   3. One bullet + "Prečítajte si viac"
   4. Voting
   5. Previous / discussion / comment controls
   ========================================================================== */

/* ---------- BASE ---------- */


/* ---------- MOBILE ---------- */
@media(max-width:800px){

    /* počas priority sa stránková navigácia úplne skryje – karta dostane celý viewport */
    html body.hm-voting-focus #hmTopbar,
    html body.hm-voting-focus #hmTopicTabs{
        display:none!important;
    }
    html body.hm-voting-focus{
        overflow:hidden!important;
    }

    

    

    /* horná hlavná časť: title + 70/30 body row */
    

    /* TITLE cez CELÚ šírku */
    
    
    
    

    /* TEXT / PHOTO presne 70 : 30 */
    
    
    
    
    

    /* 1 bod + link */
    
    
    
    
    
    
    

    /* hlasovanie je posunuté vyššie a zaberá menej výšky */
    
    
    
    

    
    
    
    
    

    /* úplne dole: späť + diskusia + pridať komentár + zobraziť komentáre */
    
    
    
    
    
}

/* ==========================================================================
   v547 – priority detail + discussion as separate cards
   ========================================================================== */
.hm-modal.hm-modal-priority-detail-open,
.hm-modal.hm-modal-discussion-open{
    z-index:14000!important;
}

.hm-modal.hm-modal-priority-detail-open .hm-modal-dialog,
.hm-modal.hm-modal-discussion-open .hm-modal-dialog{
    width:min(760px,calc(100vw - 28px))!important;
    max-height:calc(100dvh - 28px)!important;
    padding:20px!important;
    overflow-y:auto!important;
    border-radius:22px!important;
    background:#fff!important;
}

.hm-modal.hm-modal-priority-detail-open .hm-modal-close,
.hm-modal.hm-modal-discussion-open .hm-modal-close{
    position:sticky!important;
    top:0!important;
    float:right!important;
    z-index:8!important;
    width:40px!important;
    height:40px!important;
    margin:0 0 8px 12px!important;
    border:1px solid #d7e2ef!important;
    border-radius:50%!important;
    background:#fff!important;
    color:#123b73!important;
    box-shadow:0 6px 18px rgba(18,54,102,.10)!important;
}


.hm-modal.hm-modal-discussion-open .hm-modal-kicker{
    display:block!important;
    margin:4px 0 7px!important;
    color:#1470d8!important;
    font-size:10px!important;
    font-weight:950!important;
    letter-spacing:.11em!important;
}
.hm-modal.hm-modal-discussion-open #hmModalContent > h2{
    margin:0 48px 8px 0!important;
    color:#123b73!important;
    font-size:clamp(22px,4vw,32px)!important;
    line-height:1.05!important;
}
.hm-modal.hm-modal-discussion-open .hm-modal-lead{
    margin:0 0 12px!important;
    color:#607895!important;
    font-size:13px!important;
    line-height:1.4!important;
}
.hm-modal.hm-modal-discussion-open .hm-discussion-list{
    display:grid!important;
    gap:8px!important;
    max-height:none!important;
    margin:10px 0 14px!important;
    padding:0!important;
    overflow:visible!important;
}
.hm-modal.hm-modal-discussion-open .hm-discussion-item{
    padding:11px 12px!important;
    border:1px solid #dce6f2!important;
    border-radius:12px!important;
    background:#f8fbff!important;
}
.hm-modal.hm-modal-discussion-open .hm-discussion-item-head{
    gap:8px!important;
    margin-bottom:5px!important;
}
.hm-modal.hm-modal-discussion-open .hm-discussion-item-head strong{
    color:#123b73!important;
    font-size:12px!important;
}
.hm-modal.hm-modal-discussion-open .hm-discussion-item-head time{
    color:#8496aa!important;
    font-size:9px!important;
}
.hm-modal.hm-modal-discussion-open .hm-discussion-item > p{
    margin:0!important;
    color:#3e5c7c!important;
    font-size:13px!important;
    line-height:1.4!important;
}
.hm-modal.hm-modal-discussion-open .hm-discussion-form{
    display:grid!important;
    gap:9px!important;
    margin-top:14px!important;
    padding:13px!important;
    border:1px solid #dce6f2!important;
    border-radius:14px!important;
    background:#f7faff!important;
}
.hm-modal.hm-modal-discussion-open .hm-v224-discussion-identity-inline{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:8px!important;
}
.hm-modal.hm-modal-discussion-open .hm-discussion-form label{
    display:grid!important;
    gap:4px!important;
}
.hm-modal.hm-modal-discussion-open .hm-discussion-form label > span{
    color:#17386f!important;
    font-size:10px!important;
    font-weight:850!important;
}
.hm-modal.hm-modal-discussion-open .hm-discussion-form input,
.hm-modal.hm-modal-discussion-open .hm-discussion-form textarea{
    width:100%!important;
    box-sizing:border-box!important;
    border:1px solid #cbd9eb!important;
    border-radius:10px!important;
    background:#fff!important;
    padding:9px 10px!important;
    color:#17345f!important;
    font-size:13px!important;
}
.hm-modal.hm-modal-discussion-open .hm-discussion-form textarea{
    min-height:92px!important;
    resize:vertical!important;
}
.hm-modal.hm-modal-discussion-open .hm-v224-email-note{
    color:#8496aa!important;
    font-size:9px!important;
}
.hm-modal.hm-modal-discussion-open .hm-discussion-form-actions{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:8px!important;
}
.hm-modal.hm-modal-discussion-open .hm-discussion-form-actions .hm-button{
    min-height:42px!important;
    padding:0 14px!important;
    border-radius:10px!important;
    font-size:11px!important;
    font-weight:900!important;
}
.hm-modal.hm-modal-discussion-open .hm-discussion-form-actions .hm-form-note{
    margin:0!important;
    color:#56718e!important;
    font-size:10px!important;
}
.hm-modal.hm-modal-discussion-open .hm-form-note.is-success{color:#13834a!important;}
.hm-modal.hm-modal-discussion-open .hm-form-note.is-error{color:#c13a35!important;}

@media(max-width:800px){
    .hm-modal.hm-modal-priority-detail-open,
    .hm-modal.hm-modal-discussion-open{
        padding:0!important;
        place-items:stretch!important;
        background:rgba(8,29,61,.48)!important;
    }
    .hm-modal.hm-modal-priority-detail-open .hm-modal-dialog,
    .hm-modal.hm-modal-discussion-open .hm-modal-dialog{
        width:100%!important;
        height:100dvh!important;
        max-width:none!important;
        max-height:100dvh!important;
        margin:0!important;
        padding:12px 13px calc(16px + env(safe-area-inset-bottom))!important;
        border:0!important;
        border-radius:0!important;
        box-sizing:border-box!important;
        overflow-y:auto!important;
        overscroll-behavior:contain!important;
        -webkit-overflow-scrolling:touch!important;
    }
    .hm-modal.hm-modal-priority-detail-open .hm-modal-close,
    .hm-modal.hm-modal-discussion-open .hm-modal-close{
        top:0!important;
        width:40px!important;
        height:40px!important;
    }
    
    
    
    
    .hm-modal.hm-modal-discussion-open .hm-v224-discussion-identity-inline{
        grid-template-columns:1fr 1fr!important;
        gap:6px!important;
    }
    .hm-modal.hm-modal-discussion-open .hm-discussion-form{padding:10px!important;}
    .hm-modal.hm-modal-discussion-open .hm-discussion-form input,
    .hm-modal.hm-modal-discussion-open .hm-discussion-form textarea{
        font-size:12px!important;
    }
    .hm-modal.hm-modal-discussion-open .hm-discussion-form textarea{
        min-height:84px!important;
    }
    .hm-modal.hm-modal-discussion-open .hm-v224-reply-action>form{
        position:fixed!important;
        z-index:14500!important;
        left:12px!important;
        right:12px!important;
        bottom:12px!important;
        top:auto!important;
        width:auto!important;
        max-width:none!important;
        box-sizing:border-box!important;
    }
}

/* ==========================================================================
   v549 – MOBILE PRIORITY TUNING
   Title / text+image 60:40 / one point / voting / discussion.
   Text+image area is ~10% shorter than v548 and the freed space is used below.
   ========================================================================== */
@media(max-width:800px){

    

    /* The card itself now controls the tracks; removes hidden extra height in main wrapper. */
    

    /* 1. Full-width title */
    

    /* 2. Text + image, fixed 60:40 */
    

    

    

    

    /* 3. Exactly one preview point, max. 150 chars + read more */
    

    

    

    

    /* 4+5. Voting and discussion get the freed height; voting begins higher. */
    

    

    

    

    

    

    
}


/* ==========================================================================
   v550 – MOBILE priority refinement
   Smaller discussion buttons, larger preview point area and "Prečítajte si viac".
   ========================================================================== */
@media(max-width:800px){

    

    /* Bigger one-point preview area */
    

    

    

    

    /* More compact vote/discussion block */
    

    

    

    
}


/* ==========================================================================
   v551 – MOBILE read-more bigger + investment list in 2 columns
   ========================================================================== */
@media(max-width:800px){

    /* Priority card: make "Prečítajte si viac" clearly larger */
    

    

    /* Investment mobile step: stable 2-column layout */
    

    

    

    

    

    

    

    

    

    

    

    

    

    

    
}

/* ==========================================================================
   v552 – CLEAN PRIORITY + INVESTMENT SYSTEM
   One layout system for desktop and mobile. No legacy card rules.
   ========================================================================== */

/* -------------------- PRIORITY CARD / DESKTOP -------------------- */
.hm-priority-card{
    position:fixed;
    z-index:11000;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    width:min(590px,calc(100vw - 36px));
    height:min(92dvh,900px);
    min-height:620px;
    padding:18px;
    box-sizing:border-box;
    display:grid;
    grid-template-rows:auto minmax(0,1fr) 88px 214px;
    gap:10px;
    overflow:hidden;
    border:1px solid #d8e4f1;
    border-radius:18px;
    background:#f7faff;
    box-shadow:0 30px 90px rgba(9,42,91,.28);
}
.hm-priority-card.hm-hidden{display:none!important;}

.hm-priority-close{
    position:absolute;
    z-index:30;
    top:16px;
    right:16px;
    width:44px;
    height:44px;
    display:grid;
    place-items:center;
    padding:0;
    border:1px solid #d6e1ee;
    border-radius:6px;
    background:#fff;
    color:#123b72;
    font-size:24px;
    line-height:1;
    cursor:pointer;
    box-shadow:0 8px 20px rgba(23,55,98,.08);
}

.hm-priority-main{display:contents;}

.hm-priority-header{
    grid-row:1;
    min-width:0;
    padding:12px 62px 10px 14px;
    box-sizing:border-box;
    border:1px solid #dce6f2;
    border-radius:16px;
    background:#fff;
}
.hm-priority-meta{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    margin:0 0 5px;
    color:#627b98;
    font-size:10px;
    font-weight:850;
}
.hm-priority-header h3{
    margin:0 0 7px;
    color:#123b73;
    font-size:clamp(22px,2.4vw,34px);
    line-height:1.04;
    letter-spacing:-.03em;
}
.hm-priority-progress{
    width:100%;
    height:6px;
    overflow:hidden;
    border-radius:999px;
    background:#e0eaf5;
}
.hm-priority-progress i,
.hm-priority-progress b{
    display:block;
    height:100%;
    border-radius:inherit;
}
.hm-priority-progress b{background:#1882ee;}

.hm-priority-body{
    grid-row:2;
    min-width:0;
    min-height:0;
    display:grid;
    grid-template-columns:minmax(0,6fr) minmax(260px,4fr);
    gap:10px;
    overflow:hidden;
}
.hm-priority-body:has(.hm-priority-photo.hm-hidden){grid-template-columns:1fr;}
.hm-priority-text-wrap{
    min-width:0;
    min-height:0;
    display:flex;
    overflow:hidden;
}
.hm-priority-text{
    width:100%;
    height:100%;
    margin:0;
    padding:18px 22px;
    box-sizing:border-box;
    display:flex;
    align-items:center;
    justify-content:center;
    overflow:hidden;
    border:1px solid #eadfa6;
    border-radius:18px;
    background:linear-gradient(180deg,#fffdf3,#fff8d8);
    color:#123b73;
    text-align:center;
    font-size:clamp(22px,2.3vw,38px);
    line-height:1.07;
    font-weight:900;
    letter-spacing:-.025em;
    word-break:normal;
    overflow-wrap:break-word;
}
.hm-priority-photo{
    min-width:0;
    min-height:0;
    margin:0;
    overflow:hidden;
    border-radius:18px;
    background:#e8eef7;
}
.hm-priority-photo.hm-hidden{display:none!important;}
.hm-priority-photo img{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center;
}

.hm-priority-points{
    grid-row:3;
    min-height:0;
    display:grid;
    grid-template-rows:minmax(0,1fr) 30px;
    gap:4px;
    overflow:hidden;
}
.hm-priority-points.hm-hidden{display:none!important;}
.hm-priority-points-list{
    height:100%;
    min-height:0;
    margin:0;
    padding:0;
    overflow:hidden;
    list-style:none;
}
.hm-priority-points-list.hm-hidden{display:none!important;}
.hm-priority-points-list li{
    position:relative;
    height:100%;
    box-sizing:border-box;
    margin:0;
    padding:10px 14px 10px 44px;
    display:flex;
    align-items:center;
    overflow:hidden;
    border:1px solid #dce6f2;
    border-radius:12px;
    background:#f7faff;
    color:#607b99;
    font-size:14px;
    line-height:1.25;
    font-weight:750;
}
.hm-priority-points-list li:nth-child(n/**/+2){display:none!important;}
.hm-priority-points-list li::before{
    content:"✓";
    position:absolute;
    left:13px;
    top:50%;
    transform:translateY(-50%);
    width:18px;
    height:18px;
    display:grid;
    place-items:center;
    border-radius:6px;
    background:#1470d8;
    color:#fff;
    font-size:10px;
    font-weight:950;
}
.hm-priority-more-wrap{
    min-height:30px;
    display:flex;
    align-items:center;
}
.hm-priority-more-wrap.hm-hidden{display:none!important;}
.hm-priority-more{
    min-height:30px;
    padding:0;
    border:0;
    background:none;
    color:#0870d5;
    font-size:16px;
    line-height:1;
    font-weight:950;
    text-decoration:underline;
    text-underline-offset:3px;
    cursor:pointer;
}

.hm-priority-vote{
    grid-row:4;
    min-height:0;
    display:grid;
    grid-template-rows:20px 104px 82px;
    gap:4px;
    overflow:hidden;
}
.hm-priority-vote-heading{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    min-width:0;
}
.hm-priority-vote-heading h4{
    margin:0;
    color:#123b73;
    font-size:14px;
    line-height:1;
}
.hm-priority-answer-grid{
    height:104px;
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:8px;
}
.hm-priority-answer{
    min-width:0;
    min-height:0;
    height:104px;
    padding:6px 5px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:5px;
    box-sizing:border-box;
    border:1px solid #d6e2ef;
    border-radius:8px;
    background:#fff;
    color:#123b73;
    font:inherit;
    font-weight:900;
    cursor:pointer;
}
.hm-priority-answer i{
    width:34px;
    height:30px;
    display:grid;
    place-items:center;
}
.hm-priority-answer svg{width:31px;height:31px;fill:currentColor;}
.hm-priority-answer span{font-size:12px;line-height:1.08;text-align:center;}
.hm-priority-answer.hm-vote-definitely,
.hm-priority-answer.hm-vote-yes{color:#17a956;}
.hm-priority-answer.hm-vote-no{color:#e43832;}
.hm-priority-answer.hm-vote-neutral{color:#8190a4;}
.hm-priority-answer.is-selected{
    outline:3px solid #187ce0;
    outline-offset:-3px;
    background:#f5faff;
}

.hm-priority-actions{
    height:82px;
    display:grid;
    grid-template-columns:150px minmax(0,1fr) minmax(0,1fr);
    grid-template-rows:28px 50px;
    grid-template-areas:
        "prev discussion discussion"
        "comment comment comments";
    gap:4px;
    overflow:hidden;
}
.hm-priority-prev{grid-area:prev;}
.hm-priority-discussion-label{grid-area:discussion;}
.hm-priority-comment{grid-area:comment;}
.hm-priority-comments{grid-area:comments;}
.hm-priority-next{display:none!important;}

.hm-priority-prev,
.hm-priority-comment,
.hm-priority-comments{
    min-width:0;
    min-height:0;
    height:100%;
    padding:0 10px;
    border:1px solid #d7e2ef;
    border-radius:8px;
    background:#fff;
    color:#164a86;
    font-weight:900;
    cursor:pointer;
}
.hm-priority-comment{
    background:#1478e8;
    border-color:#1478e8;
    color:#fff;
}
.hm-priority-discussion-label{
    min-width:0;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:5px;
    padding:0 8px;
    border-radius:8px;
    background:#eef5ff;
    color:#164780;
    font-size:12px;
    overflow:hidden;
}
.hm-priority-discussion-label strong{
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}

/* -------------------- INVESTMENT CARD / DESKTOP -------------------- */
.hm-investment-card{
    position:fixed;
    z-index:11010;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    width:min(1160px,calc(100vw - 36px));
    height:min(92dvh,900px);
    min-height:620px;
    padding:20px;
    box-sizing:border-box;
    display:grid;
    grid-template-rows:auto auto minmax(0,1fr) auto auto;
    gap:10px;
    overflow:hidden;
    border:1px solid #d8e4f1;
    border-radius:18px;
    background:#fff;
    box-shadow:0 30px 90px rgba(9,42,91,.28);
}
.hm-investment-card.hm-hidden{display:none!important;}

.hm-investment-close{
    position:absolute;
    z-index:30;
    top:16px;
    right:16px;
    width:44px;
    height:44px;
    display:grid;
    place-items:center;
    padding:0;
    border:1px solid #d6e1ee;
    border-radius:6px;
    background:#fff;
    color:#123b72;
    font-size:24px;
    line-height:1;
    cursor:pointer;
}
.hm-investment-header{
    padding-right:62px;
}
.hm-investment-header-copy{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    gap:5px;
}
.hm-investment-meta{
    display:flex;
    align-items:center;
    gap:10px;
    flex-wrap:wrap;
}
.hm-investment-phase,
.hm-investment-count{
    min-height:30px;
    padding:5px 13px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    box-sizing:border-box;
    border-radius:999px;
    font-size:10px;
    font-weight:950;
}
.hm-investment-phase{
    border:1px solid #d7e4f2;
    background:#edf4fc;
    color:#315d98;
}
.hm-investment-count{
    background:linear-gradient(180deg,#fff5aa,#ffd42c);
    color:#12376f;
    box-shadow:0 8px 18px rgba(255,209,41,.18);
}
.hm-investment-header h3{
    margin:0;
    color:#123b73;
    font-size:clamp(26px,3vw,40px);
    line-height:1.03;
    letter-spacing:-.035em;
}
.hm-investment-lead{
    margin:0;
    color:#617a97;
    font-size:14px;
    line-height:1.35;
}

.hm-investment-grid{
    min-height:0;
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    grid-auto-rows:minmax(112px,1fr);
    gap:10px;
    overflow-y:auto;
    overscroll-behavior:contain;
    padding:2px 3px 4px;
}
.hm-investment-option{
    position:relative;
    min-width:0;
    min-height:112px;
    padding:0;
    overflow:hidden;
    border:2px solid #dce6f2;
    border-radius:18px;
    background:#edf4fb;
    color:#123b73;
    cursor:pointer;
    box-shadow:0 7px 18px rgba(22,58,104,.06);
}
.hm-investment-thumb{
    position:absolute;
    inset:0;
    display:block;
    background:
        linear-gradient(145deg,rgba(255,255,255,.95),rgba(225,236,249,.94));
    background-size:cover;
    background-position:center;
}
.hm-investment-thumb.has-image::after{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(180deg,rgba(8,33,70,.02) 25%,rgba(8,33,70,.82) 100%);
}
.hm-investment-label{
    position:absolute;
    z-index:2;
    left:10px;
    right:10px;
    bottom:10px;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:3;
    overflow:hidden;
    color:#113d76;
    font-size:13px;
    line-height:1.12;
    font-weight:950;
    text-align:left;
    text-shadow:0 1px 0 rgba(255,255,255,.75);
}
.hm-investment-thumb.has-image .hm-investment-label{
    color:#fff;
    text-shadow:0 1px 4px rgba(0,0,0,.65);
}
.hm-investment-check{
    position:absolute;
    z-index:4;
    top:9px;
    right:9px;
    width:32px;
    height:32px;
    display:grid;
    place-items:center;
    border-radius:6px;
    background:rgba(255,255,255,.92);
    color:#12477d;
    font-size:13px;
    font-weight:950;
    box-shadow:0 6px 14px rgba(0,40,90,.12);
}
.hm-investment-option.is-selected{
    border-color:#20ae64;
    box-shadow:0 0 0 3px rgba(32,174,100,.13);
}
.hm-investment-option.is-selected .hm-investment-check{
    background:#21b668;
    color:#fff;
}
.hm-investment-option.is-selected .hm-investment-thumb::before{
    content:"";
    position:absolute;
    z-index:1;
    inset:0;
    background:rgba(23,173,95,.20);
}

.hm-investment-note{
    min-height:18px;
    margin:0!important;
    color:#5f7895;
    font-size:12px;
    line-height:1.25;
    font-weight:800;
}
.hm-investment-footer{
    display:grid;
    grid-template-columns:minmax(160px,auto) minmax(0,1fr) minmax(250px,auto);
    gap:10px;
    align-items:center;
}
.hm-investment-footer > span{
    color:#617a97;
    font-size:12px;
    line-height:1.25;
    font-weight:800;
    text-align:center;
}
.hm-investment-footer .hm-button{
    min-height:52px;
    height:52px;
    padding:0 16px;
    border-radius:8px;
    font-size:13px;
}
#hmInvestmentContinue{
    opacity:.48;
    cursor:not-allowed;
}
#hmInvestmentContinue.is-ready:not(:disabled){
    opacity:1;
    cursor:pointer;
    background:linear-gradient(135deg,#0b5fe8,#0a76ff);
    box-shadow:0 10px 24px rgba(11,95,232,.18);
}

/* -------------------- MOBILE -------------------- */
@media(max-width:800px){
    html body.hm-voting-focus{
        overflow:hidden!important;
    }
    html body.hm-voting-focus #hmTopbar,
    html body.hm-voting-focus #hmTopicTabs{
        display:none!important;
    }

    /* Priority occupies the whole viewport: no nested scrolling. */
    html body.hm-voting-focus > #hmTopicCard.hm-priority-card:not(.hm-hidden){
        inset:0!important;
        left:0!important;
        top:0!important;
        transform:none!important;
        width:100vw!important;
        max-width:100vw!important;
        height:100dvh!important;
        min-height:100dvh!important;
        max-height:100dvh!important;
        margin:0!important;
        padding:7px 8px calc(7px + env(safe-area-inset-bottom))!important;
        grid-template-rows:auto minmax(0,1fr) 96px 178px!important;
        gap:5px!important;
        border:0!important;
        border-radius:0!important;
        box-shadow:none!important;
        background:#f6f9fd!important;
    }
    html body.hm-voting-focus #hmTopicCard .hm-priority-close{
        top:7px!important;
        right:7px!important;
        width:38px!important;
        height:38px!important;
        font-size:21px!important;
    }
    html body.hm-voting-focus #hmTopicCard .hm-priority-header{
        padding:7px 46px 7px 9px!important;
        border-radius:11px!important;
    }
    html body.hm-voting-focus #hmTopicCard .hm-priority-meta{
        display:none!important;
    }
    html body.hm-voting-focus #hmTopicCard .hm-priority-header h3{
        margin:0 0 5px!important;
        font-size:clamp(14px,4.4vw,19px)!important;
        line-height:1.05!important;
    }
    html body.hm-voting-focus #hmTopicCard .hm-priority-progress{
        height:4px!important;
    }

    /* Requested 60 : 40 text/image. */
    html body.hm-voting-focus #hmTopicCard .hm-priority-body{
        grid-template-columns:minmax(0,6fr) minmax(0,4fr)!important;
        gap:6px!important;
    }
    html body.hm-voting-focus #hmTopicCard .hm-priority-body:has(.hm-priority-photo.hm-hidden){
        grid-template-columns:1fr!important;
    }
    html body.hm-voting-focus #hmTopicCard .hm-priority-text{
        padding:9px!important;
        border-radius:12px!important;
        font-size:16px!important;
        line-height:1.06!important;
    }
    html body.hm-voting-focus #hmTopicCard .hm-priority-photo{
        border-radius:12px!important;
    }

    /* One point, max 150 chars. Read-more is really ~50% larger now. */
    html body.hm-voting-focus #hmTopicCard .hm-priority-points{
        height:96px!important;
        min-height:96px!important;
        max-height:96px!important;
        grid-template-rows:minmax(0,1fr) 34px!important;
        gap:4px!important;
    }
    html body.hm-voting-focus #hmTopicCard .hm-priority-points-list li{
        padding:7px 8px 7px 32px!important;
        border-radius:9px!important;
        display:-webkit-box!important;
        -webkit-box-orient:vertical!important;
        -webkit-line-clamp:4!important;
        font-size:11.5px!important;
        line-height:1.16!important;
    }
    html body.hm-voting-focus #hmTopicCard .hm-priority-points-list li::before{
        left:8px!important;
        width:17px!important;
        height:17px!important;
        font-size:9px!important;
    }
    html body.hm-voting-focus #hmTopicCard .hm-priority-more-wrap{
        min-height:34px!important;
    }
    html body.hm-voting-focus #hmTopicCard .hm-priority-more{
        min-height:34px!important;
        display:inline-flex!important;
        align-items:center!important;
        font-size:18px!important;
        line-height:1!important;
        text-underline-offset:4px!important;
    }

    /* Voting starts high; comments stay visible at the bottom. */
    html body.hm-voting-focus #hmTopicCard .hm-priority-vote{
        height:178px!important;
        min-height:178px!important;
        max-height:178px!important;
        grid-template-rows:16px 92px 62px!important;
        gap:4px!important;
    }
    html body.hm-voting-focus #hmTopicCard .hm-priority-vote-heading h4{
        font-size:10px!important;
    }
    html body.hm-voting-focus #hmTopicCard #hmCardHint{
        display:none!important;
    }
    html body.hm-voting-focus #hmTopicCard .hm-priority-answer-grid{
        height:92px!important;
        gap:4px!important;
    }
    html body.hm-voting-focus #hmTopicCard .hm-priority-answer{
        height:92px!important;
        padding:4px 2px!important;
        gap:3px!important;
        border-radius:10px!important;
    }
    html body.hm-voting-focus #hmTopicCard .hm-priority-answer i{
        width:28px!important;
        height:28px!important;
    }
    html body.hm-voting-focus #hmTopicCard .hm-priority-answer svg{
        width:26px!important;
        height:26px!important;
    }
    html body.hm-voting-focus #hmTopicCard .hm-priority-answer span{
        font-size:8.5px!important;
        line-height:1.02!important;
    }
    html body.hm-voting-focus #hmTopicCard .hm-priority-actions{
        height:62px!important;
        grid-template-columns:78px minmax(0,1fr) minmax(0,1fr)!important;
        grid-template-rows:24px 34px!important;
        grid-template-areas:
            "prev discussion discussion"
            "comment comment comments"!important;
        gap:4px!important;
    }
    html body.hm-voting-focus #hmTopicCard .hm-priority-prev{
        font-size:7.5px!important;
        padding:0 3px!important;
    }
    html body.hm-voting-focus #hmTopicCard .hm-priority-discussion-label{
        font-size:8.6px!important;
        gap:4px!important;
        padding:0 5px!important;
    }
    html body.hm-voting-focus #hmTopicCard .hm-priority-comment,
    html body.hm-voting-focus #hmTopicCard .hm-priority-comments{
        height:34px!important;
        min-height:34px!important;
        padding:0 6px!important;
        border-radius:9px!important;
        font-size:9px!important;
        line-height:1!important;
    }

    /* Investment page: full-screen, ONE natural page scroll, 2 columns. */
    html body.hm-voting-focus > #hmInvestmentCard.hm-investment-card:not(.hm-hidden){
        inset:0!important;
        left:0!important;
        top:0!important;
        transform:none!important;
        width:100vw!important;
        max-width:100vw!important;
        height:100dvh!important;
        min-height:100dvh!important;
        max-height:100dvh!important;
        margin:0!important;
        padding:10px 10px calc(14px + env(safe-area-inset-bottom))!important;
        display:block!important;
        overflow-y:auto!important;
        overscroll-behavior:contain!important;
        -webkit-overflow-scrolling:touch!important;
        border:0!important;
        border-radius:0!important;
        box-shadow:none!important;
        background:#f6f9fd!important;
    }
    html body.hm-voting-focus #hmInvestmentCard .hm-investment-close{
        position:fixed!important;
        top:8px!important;
        right:8px!important;
        width:40px!important;
        height:40px!important;
        z-index:50!important;
    }
    html body.hm-voting-focus #hmInvestmentCard .hm-investment-header{
        padding:3px 48px 0 2px!important;
        margin-bottom:6px!important;
    }
    html body.hm-voting-focus #hmInvestmentCard .hm-investment-header-copy{
        gap:5px!important;
    }
    html body.hm-voting-focus #hmInvestmentCard .hm-investment-meta{
        gap:6px!important;
    }
    html body.hm-voting-focus #hmInvestmentCard .hm-investment-phase,
    html body.hm-voting-focus #hmInvestmentCard .hm-investment-count{
        min-height:27px!important;
        padding:4px 10px!important;
        font-size:10px!important;
    }
    html body.hm-voting-focus #hmInvestmentCard .hm-investment-header h3{
        margin:0!important;
        font-size:clamp(24px,7vw,31px)!important;
        line-height:1.02!important;
    }
    html body.hm-voting-focus #hmInvestmentCard .hm-investment-lead{
        margin:0 2px 10px!important;
        font-size:13px!important;
        line-height:1.3!important;
    }
    html body.hm-voting-focus #hmInvestmentCard .hm-investment-grid{
        display:grid!important;
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
        grid-auto-rows:96px!important;
        gap:8px!important;
        padding:0 1px!important;
        overflow:visible!important;
    }
    html body.hm-voting-focus #hmInvestmentCard .hm-investment-option{
        min-height:96px!important;
        height:96px!important;
        border-radius:14px!important;
    }
    html body.hm-voting-focus #hmInvestmentCard .hm-investment-label{
        left:8px!important;
        right:8px!important;
        bottom:8px!important;
        -webkit-line-clamp:3!important;
        font-size:11px!important;
        line-height:1.08!important;
    }
    html body.hm-voting-focus #hmInvestmentCard .hm-investment-check{
        top:7px!important;
        right:7px!important;
        width:29px!important;
        height:29px!important;
        font-size:11px!important;
    }
    html body.hm-voting-focus #hmInvestmentCard .hm-investment-note{
        margin:9px 2px 0!important;
        min-height:18px!important;
        font-size:11px!important;
    }
    html body.hm-voting-focus #hmInvestmentCard .hm-investment-footer{
        margin-top:8px!important;
        padding:8px 0 0!important;
        display:grid!important;
        grid-template-columns:1fr 1fr!important;
        grid-template-areas:
            "note note"
            "back continue"!important;
        gap:7px!important;
        border-top:1px solid #dfe8f2!important;
        background:#f6f9fd!important;
    }
    html body.hm-voting-focus #hmInvestmentCard .hm-investment-footer > span{
        grid-area:note!important;
        font-size:11px!important;
        line-height:1.2!important;
    }
    html body.hm-voting-focus #hmInvestmentCard #hmInvestmentBack{
        grid-area:back!important;
    }
    html body.hm-voting-focus #hmInvestmentCard #hmInvestmentContinue{
        grid-area:continue!important;
    }
    html body.hm-voting-focus #hmInvestmentCard #hmInvestmentBack,
    html body.hm-voting-focus #hmInvestmentCard #hmInvestmentContinue{
        min-width:0!important;
        width:100%!important;
        min-height:52px!important;
        height:52px!important;
        padding:0 7px!important;
        border-radius:13px!important;
        font-size:10.5px!important;
        line-height:1.08!important;
        white-space:normal!important;
        text-align:center!important;
    }
}


/* ==========================================================================
   v554 – DESKTOP priority balance
   From the preview point downward: ~20% smaller.
   Freed height is given to the main priority text/photo area.
   ========================================================================== */
@media(min-width:801px){

    /* Lower rows reduced by ~20%: 88 -> 70px, 214 -> 171px. */
    html body.hm-voting-focus > #hmTopicCard.hm-priority-card:not(.hm-hidden){
        grid-template-rows:auto minmax(0,1fr) 70px 171px!important;
    }

    /* Preview point + read more: ~20% smaller. */
    html body.hm-voting-focus #hmTopicCard .hm-priority-points{
        height:70px!important;
        min-height:70px!important;
        max-height:70px!important;
        grid-template-rows:minmax(0,1fr) 24px!important;
        gap:3px!important;
    }

    html body.hm-voting-focus #hmTopicCard .hm-priority-points-list li{
        padding:8px 11px 8px 35px!important;
        border-radius:10px!important;
        font-size:11.2px!important;
        line-height:1.18!important;
    }

    html body.hm-voting-focus #hmTopicCard .hm-priority-points-list li::before{
        left:10px!important;
        width:17px!important;
        height:17px!important;
        font-size:9px!important;
    }

    html body.hm-voting-focus #hmTopicCard .hm-priority-more-wrap{
        min-height:24px!important;
    }

    html body.hm-voting-focus #hmTopicCard .hm-priority-more{
        min-height:24px!important;
        font-size:12.8px!important;
        text-underline-offset:2px!important;
    }

    /* Voting block: ~20% smaller. */
    html body.hm-voting-focus #hmTopicCard .hm-priority-vote{
        height:171px!important;
        min-height:171px!important;
        max-height:171px!important;
        grid-template-rows:16px 83px 66px!important;
        gap:3px!important;
    }

    html body.hm-voting-focus #hmTopicCard .hm-priority-vote-heading h4{
        font-size:11.2px!important;
    }

    html body.hm-voting-focus #hmTopicCard .hm-priority-answer-grid{
        height:83px!important;
        gap:6px!important;
    }

    html body.hm-voting-focus #hmTopicCard .hm-priority-answer{
        height:83px!important;
        min-height:83px!important;
        padding:5px 4px!important;
        gap:4px!important;
        border-radius:11px!important;
    }

    html body.hm-voting-focus #hmTopicCard .hm-priority-answer i{
        width:27px!important;
        height:27px!important;
    }

    html body.hm-voting-focus #hmTopicCard .hm-priority-answer svg{
        width:25px!important;
        height:25px!important;
    }

    html body.hm-voting-focus #hmTopicCard .hm-priority-answer span{
        font-size:9.6px!important;
        line-height:1.05!important;
    }

    /* Previous / discussion / comments: ~20% smaller too. */
    html body.hm-voting-focus #hmTopicCard .hm-priority-actions{
        height:66px!important;
        grid-template-columns:120px minmax(0,1fr) minmax(0,1fr)!important;
        grid-template-rows:22px 40px!important;
        gap:3px!important;
    }

    html body.hm-voting-focus #hmTopicCard .hm-priority-prev,
    html body.hm-voting-focus #hmTopicCard .hm-priority-comment,
    html body.hm-voting-focus #hmTopicCard .hm-priority-comments{
        padding:0 8px!important;
        border-radius:8px!important;
        font-size:10px!important;
    }

    html body.hm-voting-focus #hmTopicCard .hm-priority-discussion-label{
        gap:5px!important;
        padding:0 6px!important;
        border-radius:8px!important;
        font-size:9.6px!important;
    }

    /* Main text gets the freed vertical space and a slightly tighter padding. */
    html body.hm-voting-focus #hmTopicCard .hm-priority-text{
        padding:14px 16px!important;
        line-height:1.055!important;
    }
}


/* ==========================================================================
   v555 – DESKTOP INVESTMENT: všetko bez rolovania
   Kompaktnejšie karty a hlavička; mriežka vyplní dostupnú výšku.
   ========================================================================== */
@media(min-width:801px){

    html body.hm-voting-focus > #hmInvestmentCard.hm-investment-card:not(.hm-hidden){
        width:min(1160px,calc(100vw - 24px))!important;
        height:min(900px,calc(100dvh - 12px))!important;
        min-height:0!important;
        max-height:calc(100dvh - 12px)!important;
        padding:14px 16px 12px!important;
        grid-template-rows:auto auto minmax(0,1fr) auto auto!important;
        gap:6px!important;
        overflow:hidden!important;
    }

    html body.hm-voting-focus #hmInvestmentCard .hm-investment-close{
        top:12px!important;
        right:12px!important;
        width:42px!important;
        height:42px!important;
    }

    html body.hm-voting-focus #hmInvestmentCard .hm-investment-header{
        padding-right:56px!important;
    }

    html body.hm-voting-focus #hmInvestmentCard .hm-investment-header-copy{
        gap:3px!important;
    }

    html body.hm-voting-focus #hmInvestmentCard .hm-investment-meta{
        gap:7px!important;
    }

    html body.hm-voting-focus #hmInvestmentCard .hm-investment-phase,
    html body.hm-voting-focus #hmInvestmentCard .hm-investment-count{
        min-height:26px!important;
        padding:4px 10px!important;
        font-size:10px!important;
    }

    html body.hm-voting-focus #hmInvestmentCard .hm-investment-header h3{
        font-size:22px!important;
        line-height:1.02!important;
    }

    html body.hm-voting-focus #hmInvestmentCard .hm-investment-lead{
        margin:0!important;
        font-size:12px!important;
        line-height:1.22!important;
    }

    /* Kľúčová zmena: žiadny vnútorný scrollbar.
       Všetky implicitné riadky si rovnomerne rozdelia dostupnú výšku. */
    html body.hm-voting-focus #hmInvestmentCard .hm-investment-grid{
        min-height:0!important;
        height:100%!important;
        display:grid!important;
        grid-template-columns:repeat(4,minmax(0,1fr))!important;
        grid-auto-rows:minmax(0,1fr)!important;
        gap:7px!important;
        padding:0!important;
        overflow:hidden!important;
        align-content:stretch!important;
    }

    html body.hm-voting-focus #hmInvestmentCard .hm-investment-option{
        min-height:0!important;
        height:auto!important;
        border-radius:13px!important;
        box-shadow:0 4px 12px rgba(22,58,104,.05)!important;
    }

    html body.hm-voting-focus #hmInvestmentCard .hm-investment-label{
        left:9px!important;
        right:42px!important;
        bottom:7px!important;
        -webkit-line-clamp:3!important;
        font-size:11px!important;
        line-height:1.05!important;
    }

    html body.hm-voting-focus #hmInvestmentCard .hm-investment-check{
        top:7px!important;
        right:7px!important;
        width:30px!important;
        height:30px!important;
        font-size:12px!important;
    }

    html body.hm-voting-focus #hmInvestmentCard .hm-investment-note{
        min-height:14px!important;
        margin:0!important;
        font-size:10.5px!important;
        line-height:1.1!important;
    }

    html body.hm-voting-focus #hmInvestmentCard .hm-investment-footer{
        grid-template-columns:220px minmax(0,1fr) 300px!important;
        gap:8px!important;
    }

    html body.hm-voting-focus #hmInvestmentCard .hm-investment-footer > span{
        font-size:10.5px!important;
        line-height:1.1!important;
    }

    html body.hm-voting-focus #hmInvestmentCard .hm-investment-footer .hm-button{
        min-height:44px!important;
        height:44px!important;
        padding:0 12px!important;
        border-radius:12px!important;
        font-size:11px!important;
    }
}


/* ==========================================================================
   v556 – potvrdenie uloženého hlasu: krátka správa na hlavnej stránke
   ========================================================================== */
.hm-vote-saved-toast{
    position:fixed;
    z-index:2147482000;
    top:82px;
    left:50%;
    width:max-content;
    max-width:min(520px,calc(100vw - 28px));
    min-height:52px;
    padding:10px 16px 10px 11px;
    box-sizing:border-box;
    display:flex;
    align-items:center;
    gap:10px;
    border:1px solid #b8e3ca;
    border-radius:16px;
    background:rgba(244,255,248,.98);
    color:#14693a;
    box-shadow:0 14px 38px rgba(15,70,42,.18);
    opacity:0;
    transform:translate(-50%,-14px);
    pointer-events:none;
    transition:opacity .24s ease,transform .24s ease;
}
.hm-vote-saved-toast.is-visible{
    opacity:1;
    transform:translate(-50%,0);
}
.hm-vote-saved-toast.is-error{
    border-color:#efc0bd;
    background:rgba(255,247,246,.98);
    color:#a52b26;
}
.hm-vote-saved-toast-icon{
    flex:0 0 32px;
    width:32px;
    height:32px;
    display:grid;
    place-items:center;
    border-radius:6px;
    background:#1bb565;
    color:#fff;
    font-size:18px;
    font-weight:950;
}
.hm-vote-saved-toast.is-error .hm-vote-saved-toast-icon{
    background:#d83b35;
}
.hm-vote-saved-toast strong{
    font-size:14px;
    line-height:1.2;
    font-weight:900;
}
@media(max-width:800px){
    .hm-vote-saved-toast{
        top:72px;
        min-height:48px;
        padding:9px 13px 9px 9px;
        border-radius:8px;
    }
    .hm-vote-saved-toast-icon{
        flex-basis:29px;
        width:29px;
        height:29px;
        font-size:16px;
    }
    .hm-vote-saved-toast strong{
        font-size:12px;
    }
}



/* ==========================================================================
   v561 – kandidáti vidia aj históriu starších tímových opráv priorít
   ========================================================================== */
.hm-v561-candidate-history{
    margin:12px 0 14px;
    border:1px solid #d5e2ef;
    border-radius:13px;
    background:color-mix(in srgb,var(--hm-level-color) 4%,#f8fbff);
    overflow:hidden;
}
.hm-v561-candidate-history-toggle{
    width:100%;
    min-height:56px;
    padding:9px 11px;
    display:grid;
    grid-template-columns:minmax(0,1fr) auto auto;
    align-items:center;
    gap:8px;
    border:0;
    background:#eef6ff;
    color:#123d74;
    text-align:left;
    cursor:pointer;
}
.hm-v561-candidate-history-toggle>span{
    min-width:0;
    display:grid;
    gap:2px;
}
.hm-v561-candidate-history-toggle b{
    font-size:12px;
    line-height:1.15;
}
.hm-v561-candidate-history-toggle small{
    color:#6a8099;
    font-size:7px;
    line-height:1.25;
}
.hm-v561-candidate-history-toggle>strong{
    min-width:25px;
    height:25px;
    display:grid;
    place-items:center;
    border-radius:999px;
    background:#176fd0;
    color:#fff;
    font-size:10px;
}
.hm-v561-candidate-history-toggle>i{
    font-style:normal;
    color:#436b96;
    transition:transform .18s ease;
}
.hm-v561-candidate-history.is-open .hm-v561-candidate-history-toggle>i{
    transform:rotate(180deg);
}
.hm-v561-candidate-history-body{
    padding:9px;
}
.hm-v561-candidate-history-item{
    margin-top:8px;
    padding:10px;
    border:1px solid #dce7f2;
    border-radius:8px;
    background:#fff;
}
.hm-v561-candidate-history-item:first-child{margin-top:0;}
.hm-v561-candidate-history-item header{
    display:flex;
    align-items:flex-start;
    justify-content:flex-end;
    gap:8px;
    margin-bottom:8px;
}
.hm-v561-candidate-history-item header>div{
    display:grid;
    gap:2px;
}
.hm-v561-candidate-history-item header span{
    color:#6a8099;
    font-size:8px;
    font-weight:900;
    text-transform:uppercase;
    letter-spacing:.04em;
}
.hm-v561-candidate-history-item header strong{
    color:#123d74;
    font-size:10px;
}
.hm-v561-candidate-history-item header small{
    color:#7b8ea4;
    font-size:8px;
    white-space:nowrap;
}
.hm-v561-candidate-history-change{
    display:grid;
    gap:4px;
    margin-top:7px;
}
.hm-v561-candidate-history-change>b{
    color:#173f72;
    font-size:7px;
}
.hm-v561-candidate-history-diff{
    padding:8px 9px;
    border:1px solid #e3ebf3;
    border-radius:8px;
    background:#fbfdff;
    color:#3e5977;
    font-size:10px;
    line-height:1.38;
}
.hm-v561-candidate-history-diff del{
    padding:1px 2px;
    border-radius:3px;
    background:#ffe2df;
    color:#9d332d;
}
.hm-v561-candidate-history-diff ins{
    padding:1px 2px;
    border-radius:3px;
    background:#ddf6e7;
    color:#166c3c;
    text-decoration:none;
    font-weight:800;
}
@media(max-width:700px){
    .hm-v561-candidate-history-toggle{
        grid-template-columns:minmax(0,1fr) auto auto;
        padding:8px 9px;
    }
    .hm-v561-candidate-history-item header{
        display:grid;
        grid-template-columns:1fr auto;
    }
}


/* v563 popup cleanup */
.hm-v445-popup .hm-v427-popup-lead:empty{display:none;}
.hm-v445-popup .hm-v445-priority>div p,
.hm-v445-popup .hm-v429-activity-card small{display:none!important;}
.hm-v445-popup .hm-v445-priority>div,
.hm-v445-popup .hm-v429-activity-card>div{display:flex;flex-direction:column;gap:2px;}
.hm-v445-popup .hm-v445-priority strong,
.hm-v445-popup .hm-v429-activity-card strong{margin:0;}
.hm-v445-popup .hm-v445-push-box{margin-bottom:0;}
.hm-v445-popup .hm-v427-popup-foot{margin-top:12px;}


/* ==========================================================================
   v564 – overený e-mail sa už nepýta pri každej aktivite
   ========================================================================== */
.hm-v564-verified-identity{
    display:grid;
    grid-template-columns:auto minmax(0,1fr) auto;
    align-items:center;
    gap:10px;
    margin:8px 0 12px;
    padding:11px 13px;
    border:1px solid #bfe5ce;
    border-radius:13px;
    background:#f2fff7;
}
.hm-v564-verified-identity.hm-hidden{display:none!important;}
.hm-v564-verified-identity>span{
    color:#16844a;
    font-size:7px;
    font-weight:950;
    letter-spacing:.06em;
}
.hm-v564-verified-identity>strong{
    color:#143f72;
    font-size:13px;
    line-height:1.2;
}
.hm-v564-verified-identity>button{
    padding:6px 9px;
    border:1px solid #c8d8e8;
    border-radius:9px;
    background:#fff;
    color:#1766b8;
    font:inherit;
    font-size:9px;
    font-weight:900;
    cursor:pointer;
}



@media(max-width:700px){
    .hm-v564-verified-identity{
        grid-template-columns:1fr auto;
    }
    .hm-v564-verified-identity>span{
        grid-column:1/-1;
    }
}


/* ==========================================================================
   v565 – viditeľný prihlásený/overený e-mail v hlavičke
   ========================================================================== */
.hm-v565-email-badge{
    min-width:0;
    max-width:270px;
    height:42px;
    padding:5px 10px 5px 8px;
    display:grid;
    grid-template-columns:24px minmax(0,1fr);
    grid-template-rows:15px 15px;
    column-gap:5px;
    align-items:center;
    box-sizing:border-box;
    border:1px solid #bfe5ce;
    border-radius:12px;
    background:#f2fff7;
    box-shadow:0 4px 14px rgba(19,109,62,.07);
    color:#143f72;
}
.hm-v565-email-badge>span{
    grid-row:1/3;
    width:24px;
    height:24px;
    display:grid;
    place-items:center;
    border-radius:6px;
    background:#1bb565;
    color:#fff;
    font-size:13px;
    font-weight:950;
}
.hm-v565-email-badge small{
    min-width:0;
    color:#248452;
    font-size:8px;
    line-height:1;
    font-weight:950;
    text-transform:uppercase;
    letter-spacing:.04em;
}
.hm-v565-email-badge strong{
    min-width:0;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    color:#143f72;
    font-size:10px;
    line-height:1.05;
    font-weight:900;
}

@media(max-width:1050px){
    .hm-v565-email-badge{
        max-width:190px;
    }
}
@media(max-width:800px){
    .hm-v565-email-badge{
        order:2!important;
        max-width:155px!important;
        height:38px!important;
        padding:4px 7px!important;
        grid-template-columns:20px minmax(0,1fr)!important;
        grid-template-rows:13px 13px!important;
        column-gap:5px!important;
        border-radius:10px!important;
    }
    .hm-v565-email-badge>span{
        width:20px!important;
        height:20px!important;
        font-size:10px!important;
    }
    .hm-v565-email-badge small{
        font-size:7px!important;
    }
    .hm-v565-email-badge strong{
        font-size:8.5px!important;
    }
}
@media(max-width:520px){
    .hm-v565-email-badge{
        max-width:122px!important;
    }
    .hm-v565-email-badge small{
        display:none!important;
    }
    .hm-v565-email-badge strong{
        grid-row:1/3;
        align-self:center;
        font-size:8px!important;
    }
}


/* ==========================================================================
   v566 – menší a nenápadnejší údaj o prihlásenom e-maile
   ========================================================================== */
.hm-v565-email-badge{
    max-width:210px!important;
    height:32px!important;
    padding:3px 7px 3px 5px!important;
    grid-template-columns:18px minmax(0,1fr)!important;
    grid-template-rows:11px 11px!important;
    column-gap:5px!important;
    border-radius:9px!important;
    box-shadow:none!important;
}
.hm-v565-email-badge>span{
    width:18px!important;
    height:18px!important;
    font-size:9px!important;
}
.hm-v565-email-badge small{
    font-size:6.5px!important;
    letter-spacing:.025em!important;
}
.hm-v565-email-badge strong{
    font-size:8px!important;
    line-height:1!important;
}
@media(max-width:1050px){
    .hm-v565-email-badge{max-width:160px!important;}
}
@media(max-width:800px){
    .hm-v565-email-badge{
        max-width:128px!important;
        height:29px!important;
        padding:3px 6px!important;
        grid-template-columns:16px minmax(0,1fr)!important;
        grid-template-rows:10px 10px!important;
        column-gap:4px!important;
        border-radius:8px!important;
    }
    .hm-v565-email-badge>span{
        width:16px!important;
        height:16px!important;
        font-size:8px!important;
    }
    .hm-v565-email-badge small{font-size:6px!important;}
    .hm-v565-email-badge strong{font-size:7.3px!important;}
}
@media(max-width:520px){
    .hm-v565-email-badge{
        max-width:100px!important;
        height:27px!important;
    }
    .hm-v565-email-badge small{display:none!important;}
    .hm-v565-email-badge strong{
        grid-row:1/3!important;
        align-self:center!important;
        font-size:7px!important;
    }
}

/* Aj informačný blok v kvíze nech je kompaktnejší. */
.hm-v564-verified-identity{
    margin:6px 0 9px!important;
    padding:8px 10px!important;
    gap:7px!important;
    border-radius:10px!important;
}
.hm-v564-verified-identity>span{
    font-size:7.5px!important;
}
.hm-v564-verified-identity>strong{
    font-size:10.5px!important;
}
.hm-v564-verified-identity>button{
    padding:4px 7px!important;
    font-size:8px!important;
    border-radius:7px!important;
}


/* ==========================================================================
   v567 – menší e-mail + X na odhlásenie; bez zvončeka a backoffice ikony
   ========================================================================== */
.hm-v567-email-session{
    min-width:0;
    display:flex;
    align-items:center;
    gap:4px;
    flex:0 1 auto;
}
.hm-v567-email-session .hm-v565-email-badge{
    max-width:185px!important;
    height:29px!important;
    padding:2px 6px 2px 4px!important;
    grid-template-columns:16px minmax(0,1fr)!important;
    grid-template-rows:10px 10px!important;
    column-gap:4px!important;
    border-radius:8px!important;
}
.hm-v567-email-session .hm-v565-email-badge>span{
    width:16px!important;
    height:16px!important;
    font-size:8px!important;
}
.hm-v567-email-session .hm-v565-email-badge small{
    font-size:6.1px!important;
    letter-spacing:.02em!important;
}
.hm-v567-email-session .hm-v565-email-badge strong{
    font-size:7.5px!important;
}
.hm-v567-email-logout{
    width:22px;
    height:22px;
    flex:0 0 22px;
    display:grid;
    place-items:center;
    padding:0;
    border:1px solid rgba(255,255,255,.35);
    border-radius:6px;
    background:rgba(255,255,255,.10);
    color:#fff;
    text-decoration:none;
    font-size:15px;
    line-height:1;
    font-weight:700;
    box-sizing:border-box;
    transition:background .15s ease,border-color .15s ease,transform .15s ease;
}
.hm-v567-email-logout:hover{
    background:rgba(255,255,255,.20);
    border-color:rgba(255,255,255,.70);
    color:#fff;
    transform:scale(1.04);
}

/* Staré prvky sú odstránené aj z HTML; toto je poistka proti prípadnému cacheovanému markupu. */
.hm-topbar-bell,
.hm-topbar-login{
    display:none!important;
}

@media(max-width:980px){
    .hm-v567-email-session{
        order:3!important;
        margin-left:2px;
    }
}
@media(max-width:800px){
    .hm-v567-email-session{
        gap:3px!important;
    }
    .hm-v567-email-session .hm-v565-email-badge{
        max-width:112px!important;
        height:26px!important;
        padding:2px 5px!important;
        grid-template-columns:14px minmax(0,1fr)!important;
        grid-template-rows:9px 9px!important;
        column-gap:3px!important;
        border-radius:7px!important;
    }
    .hm-v567-email-session .hm-v565-email-badge>span{
        width:14px!important;
        height:14px!important;
        font-size:7px!important;
    }
    .hm-v567-email-session .hm-v565-email-badge small{
        font-size:5.6px!important;
    }
    .hm-v567-email-session .hm-v565-email-badge strong{
        font-size:6.8px!important;
    }
    .hm-v567-email-logout{
        width:20px;
        height:20px;
        flex-basis:20px;
        font-size:13px;
    }
}
@media(max-width:520px){
    .hm-v567-email-session .hm-v565-email-badge{
        max-width:92px!important;
        height:24px!important;
    }
    .hm-v567-email-session .hm-v565-email-badge small{
        display:none!important;
    }
    .hm-v567-email-session .hm-v565-email-badge strong{
        grid-row:1/3!important;
        align-self:center!important;
        font-size:6.5px!important;
    }
    .hm-v567-email-logout{
        width:19px;
        height:19px;
        flex-basis:19px;
        font-size:12px;
    }
}


/* ==========================================================================
   v568 – klikateľný e-mail + malé konto
   ========================================================================== */
.hm-v568-email-account{
    appearance:none!important;
    cursor:pointer!important;
    text-align:left!important;
    font-family:inherit!important;
}
.hm-v568-email-account:hover{
    border-color:#8fd4ad!important;
    background:#edfff5!important;
}
.hm-v567-email-logout{
    border-color:#efb5b5!important;
    background:#e44343!important;
    color:#fff!important;
    box-shadow:0 3px 10px rgba(184,40,40,.20)!important;
}
.hm-v567-email-logout:hover{
    background:#c92f2f!important;
    border-color:#c92f2f!important;
    color:#fff!important;
}

.hm-v568-account{
    position:fixed;
    inset:0;
    z-index:100090;
    display:none;
    align-items:flex-start;
    justify-content:flex-end;
    padding:60px 24px 24px;
}
.hm-v568-account.is-open{display:flex;}
.hm-v568-account-backdrop{
    position:absolute;
    inset:0;
    background:rgba(2,24,58,.28);
    backdrop-filter:blur(3px);
}
.hm-v568-account-card{
    position:relative;
    z-index:1;
    width:min(430px,calc(100vw - 24px));
    max-height:calc(100dvh - 82px);
    overflow:auto;
    border:1px solid #d8e5f2;
    border-radius:18px;
    background:#fff;
    box-shadow:0 24px 70px rgba(4,38,84,.28);
}
.hm-v568-account-close{
    position:absolute;
    top:10px;
    right:10px;
    z-index:2;
    width:30px;
    height:30px;
    display:grid;
    place-items:center;
    border:0;
    border-radius:6px;
    background:#edf4fb;
    color:#214d7f;
    font-size:20px;
    cursor:pointer;
}
.hm-v568-account-head{
    padding:18px 48px 14px 18px;
    border-bottom:1px solid #e7eef6;
    background:linear-gradient(135deg,#f4f9ff,#ffffff);
}
.hm-v568-account-head span{
    display:block;
    color:#0b69ce;
    font-size:8px;
    font-weight:950;
    letter-spacing:.12em;
}
.hm-v568-account-head h2{
    margin:3px 0 2px;
    color:#123f75;
    font-size:20px;
    line-height:1.05;
}
.hm-v568-account-head p{
    margin:0;
    color:#6d839b;
    font-size:7px;
    font-weight:750;
}
.hm-v568-account-loading{
    padding:24px 18px;
    color:#6a7f98;
    font-size:10px;
    text-align:center;
}
.hm-v568-account-main,
.hm-v568-account-lock{
    padding:14px;
}
.hm-v568-account-main.hm-hidden,
.hm-v568-account-lock.hm-hidden{display:none!important;}
.hm-v568-account-stats{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:8px;
    margin-bottom:10px;
}
.hm-v568-account-stats article{
    padding:10px 11px;
    border:1px solid #dce8f4;
    border-radius:12px;
    background:color-mix(in srgb,var(--hm-level-color) 4%,#f8fbff);
}
.hm-v568-account-stats span{
    display:block;
    color:#0b69ce;
    font-size:7px;
    font-weight:950;
    letter-spacing:.08em;
}
.hm-v568-account-stats strong{
    display:block;
    margin-top:2px;
    color:#123f75;
    font-size:18px;
    line-height:1;
}
.hm-v568-account-stats small{
    display:block;
    margin-top:3px;
    color:#71869d;
    font-size:8px;
}
.hm-v568-account-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:8px;
}
.hm-v568-account-grid label,
.hm-v568-password-field{
    display:grid;
    gap:5px;
}
.hm-v568-account-grid label>span,
.hm-v568-password-field>span{
    color:#234d79;
    font-size:8px;
    font-weight:900;
}
.hm-v568-account-grid input,
.hm-v568-account-grid select,
.hm-v568-password-field input,
.hm-v568-account-lock input{
    width:100%;
    min-height:38px;
    box-sizing:border-box;
    padding:0 10px;
    border:1px solid #cfdeec;
    border-radius:8px;
    background:#fff;
    color:#153f72;
    font:inherit;
    font-size:10px;
    outline:none;
}
.hm-v568-account-grid input:focus,
.hm-v568-account-grid select:focus,
.hm-v568-password-field input:focus,
.hm-v568-account-lock input:focus{
    border-color:#65a8e9;
    box-shadow:0 0 0 3px rgba(37,123,211,.10);
}
.hm-v568-account-box,
.hm-v568-account-row,
.hm-v568-account-security{
    margin-top:10px;
    padding:10px;
    border:1px solid #dfe9f3;
    border-radius:12px;
    background:#fbfdff;
}
.hm-v568-account-box>div:first-child,
.hm-v568-account-row>div:first-child{
    display:flex;
    align-items:center;
    gap:8px;
}
.hm-v568-account-box>div:first-child>span,
.hm-v568-account-row>div:first-child>span{
    width:28px;
    height:28px;
    display:grid;
    place-items:center;
    border-radius:9px;
    background:#fff4c6;
    font-size:14px;
}
.hm-v568-account-box strong,
.hm-v568-account-row strong,
.hm-v568-account-security strong{
    display:block;
    color:#163f72;
    font-size:10px;
}
.hm-v568-account-box small,
.hm-v568-account-row small,
.hm-v568-account-security small{
    display:block;
    color:#72869d;
    font-size:7.5px;
    line-height:1.35;
}
.hm-v568-account-codes{
    display:grid;
    gap:5px;
    margin-top:8px;
}
.hm-v568-code{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    gap:5px;
    align-items:center;
    padding:7px 8px;
    border-radius:9px;
    background:#eef6ff;
}
.hm-v568-code span{
    min-width:0;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    color:#4f6b89;
    font-size:8px;
    font-weight:800;
}
.hm-v568-code strong{
    color:#0b5fc8;
    font-size:10px;
    letter-spacing:.08em;
}
.hm-v568-account-row{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    gap:10px;
    align-items:center;
}
.hm-v568-account-row>small[data-hm-push-status]{
    grid-column:1/-1;
    min-height:0;
}
.hm-v568-push-toggle{
    margin:0!important;
}
.hm-v568-account-security-head{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:10px;
}
.hm-v568-switch{
    position:relative;
    width:38px;
    height:22px;
    flex:0 0 38px;
}
.hm-v568-switch input{
    position:absolute;
    opacity:0;
    pointer-events:none;
}
.hm-v568-switch i{
    position:absolute;
    inset:0;
    border-radius:999px;
    background:#ccd8e5;
    cursor:pointer;
    transition:.18s ease;
}
.hm-v568-switch i:after{
    content:"";
    position:absolute;
    width:16px;
    height:16px;
    top:3px;
    left:3px;
    border-radius:6px;
    background:#fff;
    box-shadow:0 2px 7px rgba(25,58,95,.20);
    transition:.18s ease;
}
.hm-v568-switch input:checked+i{background:#1ca765;}
.hm-v568-switch input:checked+i:after{transform:translateX(16px);}
.hm-v568-password-field{
    margin-top:9px;
}
.hm-v568-password-field.hm-hidden{display:none!important;}
.hm-v568-account-save,
.hm-v568-account-lock button{
    width:100%;
    min-height:40px;
    margin-top:10px;
    border:0;
    border-radius:8px;
    background:#0865ca;
    color:#fff;
    font:inherit;
    font-size:7px;
    font-weight:950;
    letter-spacing:.04em;
    cursor:pointer;
}
.hm-v568-account-message{
    min-height:14px;
    margin:8px 2px 0;
    color:#6b8098;
    font-size:8px;
    text-align:center;
}
.hm-v568-account-message.is-error,
.hm-v568-account-lock small.is-error{color:#bf3838;}
.hm-v568-account-message.is-success{color:#18824b;}
.hm-v568-account-lock{
    text-align:center;
}
.hm-v568-lock-icon{
    width:42px;
    height:42px;
    display:grid;
    place-items:center;
    margin:2px auto 8px;
    border-radius:13px;
    background:#eef5fd;
    font-size:20px;
}
.hm-v568-account-lock>strong{
    display:block;
    color:#143f72;
    font-size:14px;
}
.hm-v568-account-lock>p{
    margin:5px auto 10px;
    max-width:340px;
    color:#71849a;
    font-size:7px;
    line-height:1.45;
}
.hm-v568-account-lock small{
    display:block;
    min-height:12px;
    margin-top:6px;
    font-size:8px;
}
body.hm-v568-account-open{overflow:hidden;}

@media(max-width:700px){
    .hm-v568-account{
        align-items:flex-end;
        padding:10px;
    }
    .hm-v568-account-card{
        width:100%;
        max-height:88dvh;
        border-radius:17px 17px 12px 12px;
    }
    .hm-v568-account-grid{
        grid-template-columns:1fr;
    }
}


/* ==========================================================================
   v569 – Moje konto ako normálne stredové okno
   ========================================================================== */
.hm-v568-account{
    align-items:center!important;
    justify-content:center!important;
    padding:24px!important;
}
.hm-v568-account-backdrop{
    background:rgba(2,24,58,.52)!important;
    backdrop-filter:blur(5px)!important;
}
.hm-v568-account-card{
    width:min(760px,calc(100vw - 32px))!important;
    max-height:min(820px,calc(100dvh - 48px))!important;
    border-radius:22px!important;
    box-shadow:0 30px 90px rgba(2,27,65,.36)!important;
}
.hm-v568-account-head{
    padding:24px 58px 19px 24px!important;
}
.hm-v568-account-head span{
    font-size:9px!important;
}
.hm-v568-account-head h2{
    font-size:27px!important;
}
.hm-v568-account-head p{
    font-size:11px!important;
}
.hm-v568-account-close{
    top:14px!important;
    right:14px!important;
    width:36px!important;
    height:36px!important;
    font-size:23px!important;
}
.hm-v568-account-main,
.hm-v568-account-lock{
    padding:20px 22px 22px!important;
}
.hm-v568-account-stats{
    gap:12px!important;
    margin-bottom:14px!important;
}
.hm-v568-account-stats article{
    min-height:78px!important;
    padding:14px 15px!important;
    border-radius:14px!important;
}
.hm-v568-account-stats span{
    font-size:8px!important;
}
.hm-v568-account-stats strong{
    margin-top:5px!important;
    font-size:24px!important;
}
.hm-v568-account-stats small{
    margin-top:5px!important;
    font-size:9px!important;
}
.hm-v568-account-grid{
    gap:12px!important;
}
.hm-v568-account-grid label>span,
.hm-v568-password-field>span{
    font-size:9px!important;
}
.hm-v568-account-grid input,
.hm-v568-account-grid select,
.hm-v568-password-field input,
.hm-v568-account-lock input{
    min-height:44px!important;
    padding:0 12px!important;
    border-radius:11px!important;
    font-size:12px!important;
}
.hm-v568-account-box,
.hm-v568-account-row,
.hm-v568-account-security{
    margin-top:13px!important;
    padding:13px!important;
    border-radius:14px!important;
}
.hm-v568-account-box strong,
.hm-v568-account-row strong,
.hm-v568-account-security strong{
    font-size:12px!important;
}
.hm-v568-account-box small,
.hm-v568-account-row small,
.hm-v568-account-security small{
    font-size:9px!important;
}
.hm-v568-account-box>div:first-child>span,
.hm-v568-account-row>div:first-child>span{
    width:34px!important;
    height:34px!important;
    border-radius:10px!important;
    font-size:17px!important;
}
.hm-v568-code{
    padding:9px 10px!important;
    border-radius:10px!important;
}
.hm-v568-code span{
    font-size:9px!important;
}
.hm-v568-code strong{
    font-size:13px!important;
}
.hm-v568-account-save,
.hm-v568-account-lock button{
    min-height:46px!important;
    margin-top:14px!important;
    border-radius:11px!important;
    font-size:10px!important;
}
.hm-v568-account-message{
    min-height:16px!important;
    margin-top:10px!important;
    font-size:9px!important;
}

@media(max-width:700px){
    .hm-v568-account{
        align-items:center!important;
        padding:12px!important;
    }
    .hm-v568-account-card{
        width:100%!important;
        max-height:calc(100dvh - 24px)!important;
        border-radius:18px!important;
    }
    .hm-v568-account-main,
    .hm-v568-account-lock{
        padding:15px!important;
    }
    .hm-v568-account-grid{
        grid-template-columns:1fr!important;
    }
}


/* ==========================================================================
   v570 – oprava rozbaľovania rebríčka kvízu
   ========================================================================== */
#hmQuizRankingAccess.is-expanded #hmQuizRankingBody,
#hmQuizRankingAccess.is-expanded #hmQuizRankingFull,
#hmQuizRankingAccess.is-expanded #hmQuizDistrictLeague{
    display:block!important;
}
#hmQuizRankingAccess.is-expanded #hmQuizRankingBody[hidden],
#hmQuizRankingAccess.is-expanded #hmQuizRankingFull[hidden],
#hmQuizRankingAccess.is-expanded #hmQuizDistrictLeague[hidden]{
    display:block!important;
}
#hmQuizRankingAccess.is-collapsed #hmQuizRankingBody{
    display:none!important;
}


/* ==========================================================================
   v571 – rýchle otvorenie účtu, rebríčky sa dočítajú samostatne
   ========================================================================== */
.hm-v568-account-loading strong{
    display:block;
    color:#173f72;
    font-size:14px;
}
.hm-v568-account-loading small{
    display:block;
    margin:5px auto 10px;
    max-width:440px;
    color:#7a8da3;
    font-size:7px;
    line-height:1.4;
}
.hm-v568-account-loading button{
    min-height:36px;
    padding:0 14px;
    border:0;
    border-radius:9px;
    background:#0865ca;
    color:#fff;
    font:inherit;
    font-size:7px;
    font-weight:900;
    cursor:pointer;
}


/* ==========================================================================
   v572 – konto sa otvorí bez úvodného AJAX loadera
   ========================================================================== */
.hm-v568-account-loading.hm-hidden{
    display:none!important;
}
.hm-v568-account-card .hm-v568-account-main:not(.hm-hidden),
.hm-v568-account-card .hm-v568-account-lock:not(.hm-hidden){
    animation:hmV572AccountIn .14s ease-out both;
}
@keyframes hmV572AccountIn{
    from{opacity:.35;transform:translateY(3px)}
    to{opacity:1;transform:none}
}


/* ==========================================================================
   v573 – obsah účtu je server-renderovaný, preto sa nemôže otvoriť prázdny
   ========================================================================== */
#hmAccountPanel .hm-v568-account-main:not(.hm-hidden),
#hmAccountPanel .hm-v568-account-lock:not(.hm-hidden){
    display:block!important;
}


/* ==========================================================================
   v574 – konto: spoľahlivé uloženie + heslo cez e-mailový kód
   ========================================================================== */
.hm-v574-account-notice{
    margin:14px 22px 0;
    padding:10px 12px;
    border-radius:11px;
    font-size:10px;
    font-weight:800;
    line-height:1.4;
}
.hm-v574-account-notice.is-success{
    border:1px solid #b7e5c9;
    background:#effcf4;
    color:#187244;
}
.hm-v574-account-notice.is-error{
    border:1px solid #efc0c0;
    background:#fff2f2;
    color:#ad3333;
}
.hm-v574-profile-form{
    display:grid;
    gap:4px;
}
.hm-v574-profile-form .hm-v568-account-save{
    margin-top:12px!important;
}
.hm-v574-classic-form{
    display:grid;
    gap:8px;
    max-width:360px;
    margin:12px auto 0;
}
.hm-v574-classic-form input{
    width:100%;
    min-height:44px;
    box-sizing:border-box;
    padding:0 12px;
    border:1px solid #cfdeec;
    border-radius:8px;
    font:inherit;
}
.hm-v574-security{
    display:grid;
    gap:12px;
}
.hm-v574-security-title{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:12px;
}
.hm-v574-security-status{
    flex:0 0 auto;
    padding:5px 8px;
    border-radius:999px;
    font-size:7px;
    font-weight:950;
    letter-spacing:.05em;
}
.hm-v574-security-status.is-on{
    background:#e9f9ef;
    color:#16834a;
}
.hm-v574-security-status.is-off{
    background:#eef2f6;
    color:#687b90;
}
.hm-v574-security-request{
    display:grid;
    gap:5px;
}
.hm-v574-security-button{
    min-height:40px;
    border:0;
    border-radius:8px;
    background:#174f8c;
    color:#fff;
    font:inherit;
    font-size:7px;
    font-weight:950;
    cursor:pointer;
}
.hm-v574-code-step{
    padding:12px;
    border:1px solid #cfe0ef;
    border-radius:12px;
    background:color-mix(in srgb,var(--hm-level-color) 4%,#f8fbff);
}
.hm-v574-code-step>strong{
    display:block;
    color:#153f72;
    font-size:12px;
}
.hm-v574-code-step>p{
    margin:4px 0 10px;
    color:#71869d;
    font-size:8px;
}
.hm-v574-password-form{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:8px;
}
.hm-v574-password-form label:first-of-type{
    grid-column:1/-1;
}
.hm-v574-password-form label{
    display:grid;
    gap:4px;
}
.hm-v574-password-form label span,
.hm-v574-disable-password label span{
    color:#234d79;
    font-size:8px;
    font-weight:900;
}
.hm-v574-password-form input,
.hm-v574-disable-password input{
    width:100%;
    min-height:40px;
    box-sizing:border-box;
    padding:0 10px;
    border:1px solid #cfdeec;
    border-radius:9px;
    background:#fff;
    font:inherit;
    font-size:10px;
}
.hm-v574-password-form .hm-v574-security-button{
    grid-column:1/-1;
}
.hm-v574-disable-password{
    display:grid;
    grid-template-columns:1fr auto;
    gap:8px;
    align-items:end;
    margin-top:12px;
    padding-top:12px;
    border-top:1px solid #d9e5f0;
}
.hm-v574-disable-password label{
    display:grid;
    gap:4px;
}
.hm-v574-disable-password button{
    min-height:40px;
    padding:0 10px;
    border:1px solid #e5b4b4;
    border-radius:9px;
    background:#fff5f5;
    color:#b23434;
    font:inherit;
    font-size:8px;
    font-weight:900;
    cursor:pointer;
}
@media(max-width:700px){
    .hm-v574-password-form{
        grid-template-columns:1fr;
    }
    .hm-v574-password-form label:first-of-type,
    .hm-v574-password-form .hm-v574-security-button{
        grid-column:auto;
    }
    .hm-v574-disable-password{
        grid-template-columns:1fr;
    }
}


/* ==========================================================================
   v575 – profi vzhľad modalu Moje konto
   ========================================================================== */
#hmAccountPanel{
    --acc-bg:#f4f8fc;
    --acc-card:#ffffff;
    --acc-line:#d7e5f2;
    --acc-line-strong:#c8daec;
    --acc-text:#153f72;
    --acc-muted:#6f87a0;
    --acc-primary:#0f63d8;
    --acc-primary-2:#174f8c;
    --acc-success:#0f9f59;
    --acc-soft:#edf5ff;
}
#hmAccountPanel .hm-v568-account-backdrop{
    background:rgba(7,26,50,.46);
    -webkit-backdrop-filter:blur(12px);
    backdrop-filter:blur(12px);
}
#hmAccountPanel .hm-v568-account-card{
    width:min(940px,calc(100vw - 40px));
    max-height:min(88dvh,930px);
    overflow:auto;
    border:1px solid rgba(200,218,236,.9);
    border-radius:18px;
    background:linear-gradient(180deg,#ffffff 0%, #f8fbff 100%);
    box-shadow:0 32px 90px rgba(6,39,82,.24);
    scrollbar-width:thin;
    scrollbar-color:#9cb8d7 transparent;
}
#hmAccountPanel .hm-v568-account-card::-webkit-scrollbar{width:10px;height:10px;}
#hmAccountPanel .hm-v568-account-card::-webkit-scrollbar-thumb{background:#b7cce2;border-radius:999px;}
#hmAccountPanel .hm-v568-account-card::-webkit-scrollbar-track{background:transparent;}
#hmAccountPanel .hm-v568-account-close{
    top:18px;
    right:18px;
    width:44px;
    height:44px;
    border:1px solid rgba(255,255,255,.4);
    background:rgba(255,255,255,.18);
    color:#eaf4ff;
    font-size:32px;
    line-height:1;
    box-shadow:0 10px 22px rgba(6,39,82,.18);
}
#hmAccountPanel .hm-v568-account-close:hover{background:#fff;color:#174f8c;}
#hmAccountPanel .hm-v568-account-head{
    position:relative;
    padding:28px 88px 24px 28px;
    border-bottom:1px solid rgba(255,255,255,.18);
    background:
      radial-gradient(circle at top right, rgba(255,255,255,.18), transparent 32%),
      linear-gradient(135deg,#0d4ca8 0%, #1263d3 52%, #0f7add 100%);
}
#hmAccountPanel .hm-v568-account-head::after{
    content:"";
    position:absolute;
    inset:auto 0 0 0;
    height:1px;
    background:rgba(255,255,255,.18);
}
#hmAccountPanel .hm-v568-account-head span{
    display:inline-flex;
    align-items:center;
    gap:5px;
    padding:5px 7px;
    border-radius:999px;
    background:rgba(255,255,255,.16);
    color:#ddecff;
    font-size:10px;
    letter-spacing:.14em;
}
#hmAccountPanel .hm-v568-account-head h2{
    margin:14px 0 8px;
    color:#fff;
    font-size:54px;
    line-height:.98;
    letter-spacing:-.04em;
}
#hmAccountPanel .hm-v568-account-head p{
    display:inline-flex;
    align-items:center;
    gap:8px;
    margin:0;
    padding:10px 14px;
    border-radius:999px;
    background:rgba(255,255,255,.12);
    color:#f2f8ff;
    font-size:16px;
    font-weight:800;
}
#hmAccountPanel .hm-v568-account-head p::before{content:"✉";font-size:14px;opacity:.9;}
#hmAccountPanel .hm-v574-account-notice{
    margin:20px 28px 0;
    padding:16px 18px;
    border-radius:18px;
    font-size:15px;
    font-weight:800;
    line-height:1.45;
    box-shadow:0 10px 20px rgba(25,80,140,.08);
}
#hmAccountPanel .hm-v574-account-notice.is-success{
    border-color:#b9ebc9;
    background:linear-gradient(180deg,#effcf4,#e8f9ef);
}
#hmAccountPanel .hm-v574-account-notice.is-error{
    border-color:#f0c1c1;
    background:linear-gradient(180deg,#fff3f3,#fff0f0);
}
#hmAccountPanel .hm-v568-account-main,
#hmAccountPanel .hm-v568-account-lock{
    padding:24px 28px 28px;
}
#hmAccountPanel .hm-v568-account-main{
    display:grid;
    grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);
    gap:18px;
    align-items:start;
}
#hmAccountPanel .hm-v568-account-stats{
    grid-column:1 / -1;
    gap:18px;
    margin-bottom:0;
}
#hmAccountPanel .hm-v568-account-stats article{
    position:relative;
    min-height:132px;
    padding:20px 22px;
    border:1px solid var(--acc-line-strong);
    border-radius:24px;
    background:linear-gradient(180deg,#ffffff 0%, #f6fbff 100%);
    box-shadow:0 14px 32px rgba(14,56,109,.08);
    overflow:hidden;
}
#hmAccountPanel .hm-v568-account-stats article::after{
    content:"";
    position:absolute;
    right:-24px;
    bottom:-26px;
    width:120px;
    height:120px;
    border-radius:6px;
    background:radial-gradient(circle, rgba(15,99,216,.12), rgba(15,99,216,0) 68%);
}
#hmAccountPanel .hm-v568-account-stats article:first-child::before,
#hmAccountPanel .hm-v568-account-stats article:last-child::before{
    position:absolute;
    right:18px;
    top:18px;
    width:42px;
    height:42px;
    display:grid;
    place-items:center;
    border-radius:8px;
    background:#edf5ff;
    color:#0d63d7;
    font-size:15px;
    box-shadow:inset 0 0 0 1px rgba(15,99,216,.08);
}
#hmAccountPanel .hm-v568-account-stats article:first-child::before{content:"🏆";}
#hmAccountPanel .hm-v568-account-stats article:last-child::before{content:"🧩";}
#hmAccountPanel .hm-v568-account-stats span{font-size:12px;letter-spacing:.14em;color:#5c7ea6;}
#hmAccountPanel .hm-v568-account-stats strong{margin-top:16px;font-size:36px;color:#123f75;}
#hmAccountPanel .hm-v568-account-stats small{margin-top:8px;font-size:15px;line-height:1.45;color:#7088a1;max-width:85%;}
#hmAccountPanel .hm-v574-profile-form,
#hmAccountPanel .hm-v568-account-box,
#hmAccountPanel .hm-v568-account-row,
#hmAccountPanel .hm-v568-account-security,
#hmAccountPanel .hm-v568-account-lock{
    margin-top:0;
    padding:22px;
    border:1px solid var(--acc-line);
    border-radius:24px;
    background:var(--acc-card);
    box-shadow:0 14px 34px rgba(9,44,89,.06);
}
#hmAccountPanel .hm-v574-profile-form{
    gap:18px;
}
#hmAccountPanel .hm-v574-profile-form::before,
#hmAccountPanel .hm-v568-account-box::before,
#hmAccountPanel .hm-v568-account-security::before{
    display:block;
    margin-bottom:4px;
    color:#5e7fa4;
    font-size:10px;
    font-weight:950;
    letter-spacing:.14em;
}
#hmAccountPanel .hm-v574-profile-form::before{content:"PROFIL HRÁČA";}
#hmAccountPanel .hm-v568-account-box::before{content:"ODMENA A KÓDY";}
#hmAccountPanel .hm-v568-account-security::before{content:"BEZPEČNOSŤ";}
#hmAccountPanel .hm-v568-account-grid{gap:16px;}
#hmAccountPanel .hm-v568-account-grid label,
#hmAccountPanel .hm-v574-password-form label,
#hmAccountPanel .hm-v574-disable-password label{gap:5px;}
#hmAccountPanel .hm-v568-account-grid label>span,
#hmAccountPanel .hm-v574-password-form label span,
#hmAccountPanel .hm-v574-disable-password label span,
#hmAccountPanel .hm-v568-account-lock p{
    color:#507094;
    font-size:13px;
    font-weight:900;
}
#hmAccountPanel .hm-v568-account-grid input,
#hmAccountPanel .hm-v568-account-grid select,
#hmAccountPanel .hm-v574-password-form input,
#hmAccountPanel .hm-v574-disable-password input,
#hmAccountPanel .hm-v574-classic-form input,
#hmAccountPanel .hm-v568-account-lock input{
    min-height:56px;
    padding:0 16px;
    border:1px solid var(--acc-line-strong);
    border-radius:16px;
    font-size:18px;
    font-weight:700;
    color:var(--acc-text);
    background:#fbfdff;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.8);
}
#hmAccountPanel .hm-v568-account-grid input:focus,
#hmAccountPanel .hm-v568-account-grid select:focus,
#hmAccountPanel .hm-v574-password-form input:focus,
#hmAccountPanel .hm-v574-disable-password input:focus,
#hmAccountPanel .hm-v574-classic-form input:focus,
#hmAccountPanel .hm-v568-account-lock input:focus{
    border-color:#6caef0;
    box-shadow:0 0 0 4px rgba(15,99,216,.12);
}
#hmAccountPanel .hm-v568-account-save,
#hmAccountPanel .hm-v574-security-button,
#hmAccountPanel .hm-v574-classic-form button,
#hmAccountPanel .hm-v574-disable-password button{
    min-height:56px;
    padding:0 22px;
    border:0;
    border-radius:18px;
    font-size:16px;
    font-weight:950;
    letter-spacing:.02em;
    cursor:pointer;
    transition:transform .18s ease, box-shadow .18s ease, filter .18s ease;
}
#hmAccountPanel .hm-v568-account-save,
#hmAccountPanel .hm-v574-security-button,
#hmAccountPanel .hm-v574-classic-form button{
    background:linear-gradient(135deg,#0d60d6 0%, #174f8c 100%);
    color:#fff;
    box-shadow:0 18px 30px rgba(15,99,216,.24);
}
#hmAccountPanel .hm-v568-account-save:hover,
#hmAccountPanel .hm-v574-security-button:hover,
#hmAccountPanel .hm-v574-classic-form button:hover,
#hmAccountPanel .hm-v574-disable-password button:hover{transform:translateY(-1px);filter:saturate(1.05);}
#hmAccountPanel .hm-v568-account-save{justify-self:start;min-width:240px;}
#hmAccountPanel .hm-v568-account-box{grid-column:2;grid-row:2 / span 2;}
#hmAccountPanel .hm-v568-account-row{grid-column:1;grid-row:3;align-self:start;gap:18px;}
#hmAccountPanel .hm-v568-account-security{grid-column:1 / -1;grid-row:4;display:grid;gap:14px;}
#hmAccountPanel .hm-v568-account-box>div:first-child,
#hmAccountPanel .hm-v568-account-row>div:first-child{align-items:flex-start;gap:12px;}
#hmAccountPanel .hm-v568-account-box>div:first-child>span,
#hmAccountPanel .hm-v568-account-row>div:first-child>span{
    width:44px;
    height:44px;
    border-radius:16px;
    background:linear-gradient(135deg,#fff2c3,#ffe089);
    font-size:22px;
}
#hmAccountPanel .hm-v568-account-box strong,
#hmAccountPanel .hm-v568-account-row strong,
#hmAccountPanel .hm-v568-account-security strong,
#hmAccountPanel .hm-v568-account-lock strong{font-size:22px;line-height:1.2;color:#153f72;}
#hmAccountPanel .hm-v568-account-box small,
#hmAccountPanel .hm-v568-account-row small,
#hmAccountPanel .hm-v568-account-security small,
#hmAccountPanel .hm-v568-account-lock p,
#hmAccountPanel .hm-v574-code-step>p{font-size:14px;line-height:1.45;color:var(--acc-muted);}
#hmAccountPanel .hm-v568-account-codes{gap:10px;margin-top:16px;}
#hmAccountPanel .hm-v568-code{
    gap:12px;
    padding:16px 18px;
    border:1px solid #d9e8f5;
    border-radius:18px;
    background:linear-gradient(180deg,#f8fbff 0%, #eef6ff 100%);
}
#hmAccountPanel .hm-v568-code span{font-size:14px;font-weight:800;color:#5f7997;}
#hmAccountPanel .hm-v568-code strong{font-size:28px;color:#0f63d8;letter-spacing:.08em;}
#hmAccountPanel .hm-v568-account-row{
    grid-template-columns:minmax(0,1fr) auto;
    align-items:center;
}
#hmAccountPanel .hm-v568-account-row>small[data-hm-push-status]{font-size:14px;line-height:1.4;color:#6a839f;}
#hmAccountPanel .hm-v568-push-toggle input+i,
#hmAccountPanel .hm-v427-push-toggle input+i{
    width:64px;
    height:30px;
    border-radius:999px;
}
#hmAccountPanel .hm-v427-push-toggle input+i:after,
#hmAccountPanel .hm-v568-push-toggle input+i:after{
    top:4px;
    left:4px;
    width:26px;
    height:26px;
}
#hmAccountPanel .hm-v427-push-toggle input:checked+i:after,
#hmAccountPanel .hm-v568-push-toggle input:checked+i:after{transform:translateX(30px);}
#hmAccountPanel .hm-v574-security-title{align-items:center;gap:16px;}
#hmAccountPanel .hm-v574-security-title small{margin-top:6px;}
#hmAccountPanel .hm-v574-security-status{padding:8px 12px;font-size:10px;}
#hmAccountPanel .hm-v574-security-request{gap:10px;}
#hmAccountPanel .hm-v574-code-step{
    padding:18px;
    border:1px solid #d7e5f2;
    border-radius:20px;
    background:linear-gradient(180deg,#fbfdff,#f3f8ff);
}
#hmAccountPanel .hm-v574-code-step>strong{font-size:20px;color:#153f72;}
#hmAccountPanel .hm-v574-password-form{gap:12px;}
#hmAccountPanel .hm-v574-disable-password{
    margin-top:14px;
    padding-top:14px;
    border-top:1px solid #d9e5f0;
}
#hmAccountPanel .hm-v574-disable-password button{
    background:#fff1f1;
    color:#b73d3d;
    border:1px solid #f1cdcd;
    box-shadow:none;
}
#hmAccountPanel .hm-v574-classic-form{max-width:420px;}
#hmAccountPanel .hm-v568-account-lock{
    max-width:620px;
    margin:0 auto;
    text-align:left;
}
#hmAccountPanel .hm-v568-account-lock .hm-v568-lock-icon{
    width:70px;
    height:70px;
    display:grid;
    place-items:center;
    margin:0 0 16px;
    border-radius:20px;
    background:linear-gradient(135deg,#eef6ff,#dfeeff);
    font-size:34px;
}
#hmAccountPanel .hm-v568-account-lock strong{font-size:28px;}
#hmAccountPanel .hm-v568-account-lock p{margin:8px 0 0;}
#hmAccountPanel .hm-v574-security-button + small,
#hmAccountPanel .hm-v574-security-request small{font-size:13px;color:#7c93ab;}
@media (max-width: 1100px){
    #hmAccountPanel .hm-v568-account-card{width:min(860px,calc(100vw - 28px));}
    #hmAccountPanel .hm-v568-account-main{grid-template-columns:1fr;}
    #hmAccountPanel .hm-v568-account-box,
    #hmAccountPanel .hm-v568-account-row,
    #hmAccountPanel .hm-v568-account-security{grid-column:auto;grid-row:auto;}
}
@media (max-width: 760px){
    #hmAccountPanel .hm-v568-account-card{
        width:min(100vw - 16px, 1000px);
        max-height:calc(100dvh - 16px);
        border-radius:22px;
    }
    #hmAccountPanel .hm-v568-account-head{padding:22px 62px 18px 18px;}
    #hmAccountPanel .hm-v568-account-head span{font-size:7px;padding:6px 8px;}
    #hmAccountPanel .hm-v568-account-head h2{font-size:34px;margin:12px 0 6px;}
    #hmAccountPanel .hm-v568-account-head p{font-size:13px;padding:9px 11px;}
    #hmAccountPanel .hm-v568-account-close{top:12px;right:12px;width:38px;height:38px;font-size:28px;}
    #hmAccountPanel .hm-v574-account-notice{margin:16px 18px 0;padding:13px 14px;font-size:13px;border-radius:16px;}
    #hmAccountPanel .hm-v568-account-main,
    #hmAccountPanel .hm-v568-account-lock{padding:16px 18px 18px;}
    #hmAccountPanel .hm-v568-account-stats,
    #hmAccountPanel .hm-v568-account-grid,
    #hmAccountPanel .hm-v574-password-form,
    #hmAccountPanel .hm-v574-disable-password{grid-template-columns:1fr;}
    #hmAccountPanel .hm-v568-account-stats{gap:12px;}
    #hmAccountPanel .hm-v568-account-stats article{min-height:auto;padding:16px 16px 18px;border-radius:18px;}
    #hmAccountPanel .hm-v568-account-stats strong{font-size:28px;margin-top:12px;}
    #hmAccountPanel .hm-v568-account-stats small{font-size:13px;max-width:100%;}
    #hmAccountPanel .hm-v574-profile-form,
    #hmAccountPanel .hm-v568-account-box,
    #hmAccountPanel .hm-v568-account-row,
    #hmAccountPanel .hm-v568-account-security,
    #hmAccountPanel .hm-v568-account-lock{padding:16px;border-radius:18px;}
    #hmAccountPanel .hm-v568-account-grid label>span,
    #hmAccountPanel .hm-v574-password-form label span,
    #hmAccountPanel .hm-v574-disable-password label span{font-size:12px;}
    #hmAccountPanel .hm-v568-account-grid input,
    #hmAccountPanel .hm-v568-account-grid select,
    #hmAccountPanel .hm-v574-password-form input,
    #hmAccountPanel .hm-v574-disable-password input,
    #hmAccountPanel .hm-v574-classic-form input,
    #hmAccountPanel .hm-v568-account-lock input{min-height:48px;font-size:16px;border-radius:8px;}
    #hmAccountPanel .hm-v568-account-save,
    #hmAccountPanel .hm-v574-security-button,
    #hmAccountPanel .hm-v574-classic-form button,
    #hmAccountPanel .hm-v574-disable-password button{min-height:48px;font-size:14px;border-radius:16px;}
    #hmAccountPanel .hm-v568-account-save{width:100%;min-width:0;justify-self:stretch;}
    #hmAccountPanel .hm-v568-account-box strong,
    #hmAccountPanel .hm-v568-account-row strong,
    #hmAccountPanel .hm-v568-account-security strong,
    #hmAccountPanel .hm-v568-account-lock strong{font-size:18px;}
    #hmAccountPanel .hm-v568-account-box small,
    #hmAccountPanel .hm-v568-account-row small,
    #hmAccountPanel .hm-v568-account-security small,
    #hmAccountPanel .hm-v568-account-lock p,
    #hmAccountPanel .hm-v574-code-step>p,
    #hmAccountPanel .hm-v568-account-row>small[data-hm-push-status]{font-size:13px;}
    #hmAccountPanel .hm-v568-code{padding:13px 14px;border-radius:8px;}
    #hmAccountPanel .hm-v568-code span{font-size:12px;white-space:normal;overflow:visible;text-overflow:clip;}
    #hmAccountPanel .hm-v568-code strong{font-size:20px;}
    #hmAccountPanel .hm-v568-account-row{grid-template-columns:1fr;}
    #hmAccountPanel .hm-v574-security-title{flex-direction:column;align-items:flex-start;}
    #hmAccountPanel .hm-v574-security-status{align-self:flex-start;}
    #hmAccountPanel .hm-v568-account-lock .hm-v568-lock-icon{width:56px;height:56px;border-radius:16px;font-size:28px;}
}


/* ==========================================================================
   v576 – kompaktnejšie Moje konto bez zbytočného scrollovania na desktopoch
   ========================================================================== */
@media (min-width: 761px){
    #hmAccountPanel .hm-v568-account-card{
        width:min(900px,calc(100vw - 36px))!important;
        max-height:calc(100dvh - 28px)!important;
        border-radius:24px!important;
    }
    #hmAccountPanel .hm-v568-account-head{
        padding:20px 72px 17px 22px!important;
    }
    #hmAccountPanel .hm-v568-account-head span{
        padding:5px 8px!important;
        font-size:9px!important;
    }
    #hmAccountPanel .hm-v568-account-head h2{
        margin:9px 0 5px!important;
        font-size:42px!important;
        line-height:1!important;
    }
    #hmAccountPanel .hm-v568-account-head p{
        padding:7px 11px!important;
        font-size:13px!important;
    }
    #hmAccountPanel .hm-v568-account-close{
        top:14px!important;
        right:14px!important;
        width:38px!important;
        height:38px!important;
        font-size:27px!important;
    }
    #hmAccountPanel .hm-v574-account-notice{
        margin:12px 20px 0!important;
        padding:10px 13px!important;
        border-radius:14px!important;
        font-size:12px!important;
    }
    #hmAccountPanel .hm-v568-account-main,
    #hmAccountPanel .hm-v568-account-lock{
        padding:14px 20px 18px!important;
    }
    #hmAccountPanel .hm-v568-account-main{
        grid-template-columns:minmax(0,1.08fr) minmax(300px,.92fr)!important;
        gap:12px!important;
    }
    #hmAccountPanel .hm-v568-account-stats{
        gap:12px!important;
    }
    #hmAccountPanel .hm-v568-account-stats article{
        min-height:88px!important;
        padding:13px 15px!important;
        border-radius:18px!important;
    }
    #hmAccountPanel .hm-v568-account-stats article:first-child::before,
    #hmAccountPanel .hm-v568-account-stats article:last-child::before{
        top:12px!important;
        right:12px!important;
        width:34px!important;
        height:34px!important;
        border-radius:11px!important;
        font-size:17px!important;
    }
    #hmAccountPanel .hm-v568-account-stats span{
        font-size:9px!important;
    }
    #hmAccountPanel .hm-v568-account-stats strong{
        margin-top:9px!important;
        font-size:28px!important;
    }
    #hmAccountPanel .hm-v568-account-stats small{
        margin-top:4px!important;
        font-size:11px!important;
        line-height:1.3!important;
    }
    #hmAccountPanel .hm-v574-profile-form,
    #hmAccountPanel .hm-v568-account-box,
    #hmAccountPanel .hm-v568-account-row,
    #hmAccountPanel .hm-v568-account-security,
    #hmAccountPanel .hm-v568-account-lock{
        padding:14px!important;
        border-radius:18px!important;
    }
    #hmAccountPanel .hm-v574-profile-form{
        gap:10px!important;
    }
    #hmAccountPanel .hm-v574-profile-form::before,
    #hmAccountPanel .hm-v568-account-box::before,
    #hmAccountPanel .hm-v568-account-security::before{
        font-size:9px!important;
        margin-bottom:1px!important;
    }
    #hmAccountPanel .hm-v568-account-grid{
        gap:10px!important;
    }
    #hmAccountPanel .hm-v568-account-grid label>span,
    #hmAccountPanel .hm-v574-password-form label span,
    #hmAccountPanel .hm-v574-disable-password label span{
        font-size:10px!important;
    }
    #hmAccountPanel .hm-v568-account-grid input,
    #hmAccountPanel .hm-v568-account-grid select,
    #hmAccountPanel .hm-v574-password-form input,
    #hmAccountPanel .hm-v574-disable-password input,
    #hmAccountPanel .hm-v574-classic-form input,
    #hmAccountPanel .hm-v568-account-lock input{
        min-height:44px!important;
        padding:0 12px!important;
        border-radius:12px!important;
        font-size:14px!important;
    }
    #hmAccountPanel .hm-v568-account-save,
    #hmAccountPanel .hm-v574-security-button,
    #hmAccountPanel .hm-v574-classic-form button,
    #hmAccountPanel .hm-v574-disable-password button{
        min-height:44px!important;
        padding:0 16px!important;
        border-radius:13px!important;
        font-size:12px!important;
    }
    #hmAccountPanel .hm-v568-account-save{
        min-width:205px!important;
        margin-top:6px!important;
    }
    #hmAccountPanel .hm-v568-account-box>div:first-child>span,
    #hmAccountPanel .hm-v568-account-row>div:first-child>span{
        width:36px!important;
        height:36px!important;
        border-radius:12px!important;
        font-size:17px!important;
    }
    #hmAccountPanel .hm-v568-account-box strong,
    #hmAccountPanel .hm-v568-account-row strong,
    #hmAccountPanel .hm-v568-account-security strong,
    #hmAccountPanel .hm-v568-account-lock strong{
        font-size:16px!important;
    }
    #hmAccountPanel .hm-v568-account-box small,
    #hmAccountPanel .hm-v568-account-row small,
    #hmAccountPanel .hm-v568-account-security small,
    #hmAccountPanel .hm-v568-account-lock p,
    #hmAccountPanel .hm-v574-code-step>p{
        font-size:11px!important;
        line-height:1.3!important;
    }
    #hmAccountPanel .hm-v568-account-codes{
        gap:7px!important;
        margin-top:10px!important;
    }
    #hmAccountPanel .hm-v568-code{
        padding:10px 12px!important;
        border-radius:13px!important;
    }
    #hmAccountPanel .hm-v568-code span{
        font-size:11px!important;
    }
    #hmAccountPanel .hm-v568-code strong{
        font-size:19px!important;
    }
    #hmAccountPanel .hm-v568-account-row{
        gap:10px!important;
    }
    #hmAccountPanel .hm-v568-account-row>small[data-hm-push-status]{
        font-size:10px!important;
    }
    #hmAccountPanel .hm-v568-push-toggle input+i,
    #hmAccountPanel .hm-v427-push-toggle input+i{
        width:54px!important;
        height:29px!important;
    }
    #hmAccountPanel .hm-v427-push-toggle input+i:after,
    #hmAccountPanel .hm-v568-push-toggle input+i:after{
        top:4px!important;
        left:4px!important;
        width:21px!important;
        height:21px!important;
    }
    #hmAccountPanel .hm-v427-push-toggle input:checked+i:after,
    #hmAccountPanel .hm-v568-push-toggle input:checked+i:after{
        transform:translateX(25px)!important;
    }
    #hmAccountPanel .hm-v574-security{
        gap:8px!important;
    }
    #hmAccountPanel .hm-v574-security-title{
        gap:10px!important;
    }
    #hmAccountPanel .hm-v574-security-title small{
        margin-top:3px!important;
    }
    #hmAccountPanel .hm-v574-security-status{
        padding:5px 8px!important;
        font-size:9px!important;
    }
    #hmAccountPanel .hm-v574-security-request{
        gap:6px!important;
    }
    #hmAccountPanel .hm-v574-code-step{
        padding:12px!important;
        border-radius:15px!important;
    }
    #hmAccountPanel .hm-v574-code-step>strong{
        font-size:15px!important;
    }
    #hmAccountPanel .hm-v574-password-form{
        gap:8px!important;
    }
    #hmAccountPanel .hm-v574-disable-password{
        margin-top:8px!important;
        padding-top:8px!important;
    }
}

/* Na bežných desktopoch sa modal zmestí bez vnútorného scrollu.
   Scroll ostáva iba ako poistka na nízkych obrazovkách. */
@media (min-width: 761px) and (min-height: 780px){
    #hmAccountPanel .hm-v568-account-card{
        max-height:none!important;
        overflow:visible!important;
    }
}
@media (min-width: 761px) and (max-height: 779px){
    #hmAccountPanel .hm-v568-account-card{
        max-height:calc(100dvh - 18px)!important;
        overflow:auto!important;
    }
}


/* ==========================================================================
   v577 – odkazy na rebríčky + moje podnety z mapy v profile
   ========================================================================== */
#hmAccountPanel .hm-v577-ranking-links{
    grid-column:1/-1;
}
#hmAccountPanel .hm-v577-ranking-link{
    position:relative;
    min-height:84px;
    display:grid;
    grid-template-columns:minmax(0,1fr) 40px;
    grid-template-rows:auto auto auto;
    align-content:center;
    gap:2px 12px;
    padding:14px 16px;
    border:1px solid #d6e5f3;
    border-radius:18px;
    background:linear-gradient(180deg,#fff,#f7fbff);
    color:#153f72;
    text-decoration:none;
    box-shadow:0 10px 24px rgba(9,44,89,.06);
    transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease;
}
#hmAccountPanel .hm-v577-ranking-link:hover{
    transform:translateY(-1px);
    border-color:#9fc5ee;
    box-shadow:0 14px 28px rgba(9,64,126,.10);
}
#hmAccountPanel .hm-v577-ranking-link>span{
    color:#4f78a6;
    font-size:9px!important;
    font-weight:950;
    letter-spacing:.12em!important;
}
#hmAccountPanel .hm-v577-ranking-link>strong{
    margin:2px 0 0!important;
    color:#153f72!important;
    font-size:18px!important;
    line-height:1.15!important;
}
#hmAccountPanel .hm-v577-ranking-link>small{
    margin:2px 0 0!important;
    color:#7088a1!important;
    font-size:11px!important;
}
#hmAccountPanel .hm-v577-ranking-link>b{
    grid-column:2;
    grid-row:1/4;
    align-self:center;
    justify-self:end;
    width:34px;
    height:30px;
    display:grid;
    place-items:center;
    border-radius:11px;
    background:#edf5ff;
    color:#1263d3;
    font-size:20px;
}
#hmAccountPanel .hm-v577-ranking-link.is-pexeso>b{
    background:#fff5d6;
    color:#b97a00;
}

#hmAccountPanel .hm-v577-map-profile{
    grid-column:1/-1;
    padding:14px;
    border:1px solid #d7e5f2;
    border-radius:18px;
    background:#fff;
    box-shadow:0 10px 24px rgba(9,44,89,.05);
}
#hmAccountPanel .hm-v577-map-profile-head{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:14px;
    margin-bottom:10px;
}
#hmAccountPanel .hm-v577-map-profile-head>div{
    min-width:0;
    display:grid;
    gap:2px;
}
#hmAccountPanel .hm-v577-map-profile-head span{
    color:#5e7fa4;
    font-size:7px;
    font-weight:950;
    letter-spacing:.13em;
}
#hmAccountPanel .hm-v577-map-profile-head strong{
    color:#153f72;
    font-size:16px;
    line-height:1.2;
}
#hmAccountPanel .hm-v577-map-profile-head small{
    color:#7288a0;
    font-size:10px;
}
#hmAccountPanel .hm-v577-map-profile-head>a{
    flex:0 0 auto;
    display:inline-flex;
    align-items:center;
    gap:5px;
    padding:8px 10px;
    border-radius:8px;
    background:#eef6ff;
    color:#0f63d8;
    text-decoration:none;
    font-size:9px;
    font-weight:900;
}
#hmAccountPanel .hm-v577-map-items{
    display:grid;
    gap:5px;
}
#hmAccountPanel .hm-v577-map-item{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto 18px;
    align-items:center;
    gap:10px;
    min-height:52px;
    padding:8px 10px 8px 12px;
    border:1px solid #e0eaf4;
    border-radius:13px;
    background:#f9fcff;
    text-decoration:none;
    transition:background .15s ease,border-color .15s ease;
}
#hmAccountPanel .hm-v577-map-item:hover{
    background:#f2f8ff;
    border-color:#bcd5ec;
}
#hmAccountPanel .hm-v577-map-item-main{
    min-width:0;
    display:grid;
    gap:2px;
}
#hmAccountPanel .hm-v577-map-item-main span{
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    color:#8193a6;
    font-size:8px;
    font-weight:800;
}
#hmAccountPanel .hm-v577-map-item-main strong{
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    color:#173f70;
    font-size:10px;
    line-height:1.2;
}
#hmAccountPanel .hm-v577-map-item>em{
    max-width:210px;
    padding:6px 8px;
    border:1px solid color-mix(in srgb,var(--hm-status-color) 30%, #ffffff);
    border-radius:999px;
    background:color-mix(in srgb,var(--hm-status-color) 10%, #ffffff);
    color:var(--hm-status-color);
    font-size:8px;
    line-height:1.1;
    font-style:normal;
    font-weight:950;
    text-align:center;
}
#hmAccountPanel .hm-v577-map-item>b{
    color:#7b93ac;
    font-size:18px;
}
#hmAccountPanel .hm-v577-map-empty{
    display:grid;
    grid-template-columns:36px minmax(0,1fr) auto;
    align-items:center;
    gap:10px;
    padding:12px;
    border:1px dashed #c8daec;
    border-radius:8px;
    background:#f9fcff;
}
#hmAccountPanel .hm-v577-map-empty>span{
    width:36px;
    height:36px;
    display:grid;
    place-items:center;
    border-radius:12px;
    background:#edf5ff;
    color:#0f63d8;
    font-size:18px;
}
#hmAccountPanel .hm-v577-map-empty>div{
    display:grid;
    gap:2px;
}
#hmAccountPanel .hm-v577-map-empty strong{
    color:#173f70;
    font-size:10px;
}
#hmAccountPanel .hm-v577-map-empty small{
    color:#788da4;
    font-size:7px;
}
#hmAccountPanel .hm-v577-map-empty>a{
    padding:8px 10px;
    border-radius:9px;
    background:#0f63d8;
    color:#fff;
    text-decoration:none;
    font-size:8px;
    font-weight:950;
}
#hmAccountPanel .hm-v577-map-more{
    margin-top:8px;
    color:#758aa1;
    font-size:7px;
    text-align:right;
}
#hmAccountPanel .hm-v577-map-more a{
    color:#0f63d8;
    font-weight:900;
}

/* Po pridaní podnetov preskladáme desktop do prirodzeného poradia. */
@media (min-width:1101px){
    #hmAccountPanel .hm-v574-profile-form{grid-column:1;grid-row:2;}
    #hmAccountPanel .hm-v577-map-profile{grid-column:1;grid-row:3;}
    #hmAccountPanel .hm-v568-account-box{grid-column:2;grid-row:2 / span 2;}
    #hmAccountPanel .hm-v568-account-row{grid-column:1;grid-row:4;}
    #hmAccountPanel .hm-v568-account-security{grid-column:2;grid-row:4;}
}
@media (max-width:760px){
    #hmAccountPanel .hm-v577-ranking-link{
        min-height:72px;
        padding:12px;
        border-radius:10px;
    }
    #hmAccountPanel .hm-v577-ranking-link>strong{font-size:16px!important;}
    #hmAccountPanel .hm-v577-ranking-link>small{font-size:10px!important;}
    #hmAccountPanel .hm-v577-map-profile-head{
        align-items:flex-start;
        flex-direction:column;
    }
    #hmAccountPanel .hm-v577-map-item{
        grid-template-columns:minmax(0,1fr) 16px;
    }
    #hmAccountPanel .hm-v577-map-item>em{
        grid-column:1;
        grid-row:2;
        justify-self:start;
        max-width:100%;
    }
    #hmAccountPanel .hm-v577-map-item>b{
        grid-column:2;
        grid-row:1/3;
        align-self:center;
    }
    #hmAccountPanel .hm-v577-map-empty{
        grid-template-columns:34px minmax(0,1fr);
    }
    #hmAccountPanel .hm-v577-map-empty>a{
        grid-column:1/-1;
        text-align:center;
    }
}


@media(max-width:760px){}

@media(max-width:900px){}

/* ==========================================================================
   v587 – HUMENSKÝ KVÍZ: zjednotený moderný layout
   ========================================================================== */
body.hm-quiz-focus{overflow:hidden!important}
body.hm-quiz-focus::before{content:"";position:fixed;inset:0;z-index:10010;background:rgba(4,24,58,.72);backdrop-filter:blur(8px)}
#hmQuizCard{--hq-blue:#0b63d7;--hq-ink:#08265a;--hq-muted:#667f9c;--hq-line:#dbe7f4;--hq-soft:#f5f9ff;--hm-level-color:#1687ff;position:relative;display:none;color:var(--hq-ink);font-family:inherit}
body.hm-quiz-focus #hmQuizCard.is-live{position:fixed;z-index:10020;top:5dvh;left:50%;width:min(736px,calc(100vw - 28px));height:90dvh;max-height:90dvh;display:block!important;overflow:hidden;margin:0;padding:0;border:1px solid rgba(255,255,255,.72);border-radius:18px;background:#fff;box-shadow:0 34px 100px rgba(1,27,68,.36);transform:translateX(-50%);overscroll-behavior:contain}
@media(min-width:761px){body.admin-bar.hm-quiz-focus #hmQuizCard.is-live{top:calc(5dvh + 16px);height:calc(90dvh - 32px);max-height:calc(90dvh - 32px)}}
#hmQuizCard .hm-hidden{display:none!important}
#hmQuizCard .hm-hq-close{position:absolute;z-index:50;top:10px;right:10px;width:38px;height:38px;display:grid;place-items:center;border:1px solid #d6e3f1;border-radius:10px;background:rgba(255,255,255,.94);color:#37577f;font-size:22px;line-height:1;cursor:pointer;box-shadow:0 6px 18px rgba(12,52,105,.10)}
#hmQuizCard .hm-hq-close:hover{background:#edf5ff;color:#075ecb}

/* Vstupná karta */
#hmQuizCard .hm-hq-empty,#hmQuizCard .hm-hq-access,#hmQuizCard .hm-hq-result{min-height:100%;height:100%;box-sizing:border-box;overflow:auto;padding:44px clamp(22px,5vw,58px);background:linear-gradient(180deg,#fff 0%,#f8fbff 100%)}
#hmQuizCard .hm-hq-empty,#hmQuizCard .hm-hq-result{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
#hmQuizCard .hm-hq-access{display:flex;flex-direction:column;justify-content:center;gap:10px}
#hmQuizCard .hm-hq-empty>span,#hmQuizCard .hm-hq-result-mark{width:64px;height:64px;display:grid;place-items:center;border-radius:18px;background:linear-gradient(145deg,#1575ea,#0a58bf);color:#fff;font-size:30px;font-weight:950;box-shadow:0 16px 32px rgba(11,99,215,.22)}
#hmQuizCard .hm-hq-result-mark.is-win{background:linear-gradient(145deg,#26ad76,#108759)}
#hmQuizCard .hm-hq-result-mark.is-stop{background:linear-gradient(145deg,#f06363,#dc4646)}
#hmQuizCard .hm-hq-empty h3,#hmQuizCard .hm-hq-result h3,#hmQuizCard .hm-hq-access h3{margin:18px 0 8px;color:var(--hq-ink);font-size:clamp(26px,4vw,36px);line-height:1.06;letter-spacing:-.04em}
#hmQuizCard .hm-hq-empty p,#hmQuizCard .hm-hq-result>p,#hmQuizCard .hm-hq-access>p{max-width:660px;margin:0 auto 18px;color:var(--hq-muted);font-size:15px;line-height:1.5}
#hmQuizCard .hm-hq-access h3,#hmQuizCard .hm-hq-access>p,#hmQuizCard .hm-hq-access .hm-v564-verified-identity,#hmQuizCard .hm-hq-access .hm-v432-email-why,#hmQuizCard .hm-hq-access #hmQuizAccessButton,#hmQuizCard .hm-hq-access #hmQuizAccessNote,#hmQuizCard .hm-hq-access .hm-contact-grid,#hmQuizCard .hm-hq-access .hm-consent-row,#hmQuizCard .hm-hq-access .hm-access-mode-switch,#hmQuizCard .hm-hq-access .hm-access-mode-copy{width:min(640px,100%);margin-left:auto;margin-right:auto;box-sizing:border-box}
#hmQuizCard .hm-hq-access .hm-v564-verified-identity{grid-template-columns:auto minmax(0,1fr) auto!important;gap:12px!important;padding:16px 17px!important;border:1px solid #bee4cd!important;border-radius:17px!important;background:linear-gradient(180deg,#f4fff8,#eafff2)!important;box-shadow:0 10px 26px rgba(39,126,74,.08)!important}
#hmQuizCard .hm-hq-access .hm-v564-verified-identity>span{font-size:10px!important;color:#1c8c52!important;letter-spacing:.08em!important}
#hmQuizCard .hm-hq-access .hm-v564-verified-identity>strong#hmQuizVerifiedSummary{display:grid!important;gap:6px!important;min-width:0}
#hmQuizCard .hm-hq-player-line{display:grid;grid-template-columns:auto minmax(0,1fr);gap:7px;align-items:baseline}
#hmQuizCard .hm-hq-player-line em{color:#68819b;font-style:normal;font-size:11px;font-weight:850}
#hmQuizCard .hm-hq-player-line b{min-width:0;color:#123d70;font-size:15px;font-weight:950;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#hmQuizCard #hmQuizVerifiedSummary>small{color:#7b8fa5;font-size:10px;font-weight:750}
#hmQuizCard .hm-hq-access .hm-v564-verified-identity>button{min-height:40px;padding:0 14px!important;border:1px solid #d6e2ef!important;border-radius:11px!important;background:#fff!important;color:#1a67b6!important;font-size:11px!important;font-weight:900!important;box-shadow:0 5px 14px rgba(18,61,117,.06)}
#hmQuizCard .hm-hq-access .hm-v432-email-why{padding:14px 16px!important;border-radius:15px!important;background:linear-gradient(180deg,#f8fbff,#eff6ff)!important}
#hmQuizCard .hm-hq-access .hm-contact-grid{max-width:none;margin-top:10px;margin-bottom:10px}
#hmQuizCard .hm-hq-access #hmQuizAccessButton{min-height:72px;margin-top:7px!important;border:0!important;border-radius:20px!important;background:linear-gradient(135deg,#1168dc,#0756bf)!important;box-shadow:0 18px 38px rgba(14,86,194,.23)!important;color:#fff!important;font-size:clamp(19px,2.7vw,26px)!important;font-weight:950!important;letter-spacing:-.02em}
#hmQuizCard .hm-hq-access #hmQuizAccessButton:hover{transform:translateY(-1px)}
#hmQuizCard .hm-hq-access #hmQuizAccessNote{min-height:24px;margin-top:2px;font-size:14px;text-align:left;color:#6e829a}

/* Aktívny kvíz */
#hmQuizCard .hm-hq-running{--hm-level-color:#1687ff;width:100%;height:100%;min-height:0;box-sizing:border-box;display:grid;grid-template-rows:auto auto auto minmax(0,1fr);gap:8px;padding:12px 14px 14px;overflow:hidden;background:linear-gradient(180deg,color-mix(in srgb,var(--hm-level-color) 8%,#fff) 0%,#fff 28%,#f8fbff 100%)}
#hmQuizCard .hm-hq-levels{order:1;margin:0 42px 0 0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:5px}
#hmQuizCard .hm-hq-levels>span{position:relative;min-width:0;height:31px;display:grid;place-items:center;padding:0;overflow:hidden;border:1px solid color-mix(in srgb,var(--hm-level-color) 48%,#dce7f3);border-radius:8px;background:color-mix(in srgb,var(--hm-level-color) 24%,#fff);color:color-mix(in srgb,var(--hm-level-color) 78%,#143c6e);transition:.18s ease}
#hmQuizCard .hm-hq-levels>span i{display:none}
#hmQuizCard .hm-hq-levels>span b{width:21px;height:21px;display:grid;place-items:center;border-radius:6px;background:color-mix(in srgb,var(--hm-level-color) 78%,#fff);color:#fff;font-size:10px;font-weight:950;box-shadow:0 2px 5px color-mix(in srgb,var(--hm-level-color) 22%,transparent)}
#hmQuizCard .hm-hq-levels>span small{display:none}
#hmQuizCard .hm-hq-levels>span.is-complete{background:color-mix(in srgb,var(--hm-level-color) 38%,#fff);border-color:color-mix(in srgb,var(--hm-level-color) 62%,#dce7f3)}
#hmQuizCard .hm-hq-levels>span.is-active{background:var(--hm-level-color);border-color:var(--hm-level-color);box-shadow:0 0 0 2px color-mix(in srgb,var(--hm-level-color) 18%,transparent),0 6px 14px color-mix(in srgb,var(--hm-level-color) 18%,transparent)}
#hmQuizCard .hm-hq-levels>span.is-active b{background:#fff;color:var(--hm-level-color)}
#hmQuizCard .hm-hq-topbar{order:2;min-height:38px;display:grid!important;grid-template-columns:minmax(88px,1fr) auto minmax(190px,1fr)!important;align-items:center!important;gap:9px!important;padding:0}
#hmQuizCard .hm-hq-heading{min-width:0;display:grid;gap:1px;justify-self:start}
#hmQuizCard .hm-hq-heading span{color:#657e9a;font-size:9px;font-weight:950;letter-spacing:.06em}
#hmQuizCard .hm-hq-heading strong{display:none!important}
#hmQuizCard .hm-hq-tools-top{justify-self:center;display:flex!important;align-items:center!important;justify-content:center!important;gap:4px!important;width:auto!important}
#hmQuizCard .hm-hq-tools-top button{min-width:59px!important;min-height:27px!important;padding:4px 8px!important;border:1.5px solid #e3bd3e!important;border-radius:8px!important;background:linear-gradient(180deg,#fffdf5,#fff7cf)!important;color:#163d70!important;box-shadow:0 3px 10px rgba(190,143,0,.08)!important}
#hmQuizCard .hm-hq-tools-top button[data-quiz-swap]{min-width:81px!important}
#hmQuizCard .hm-hq-tools-top button:hover:not(:disabled){border-color:#cfa000!important;background:#fff1aa!important}
#hmQuizCard .hm-hq-tools-top button:disabled{opacity:.38!important}
#hmQuizCard .hm-hq-tools-top b{font-size:9px!important;font-weight:950!important;white-space:nowrap}
#hmQuizCard .hm-hq-live-stats{justify-self:end;display:flex!important;align-items:center;gap:4px!important;white-space:nowrap}
#hmQuizCard .hm-hq-live-stats>div{min-height:28px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:2px!important;padding:4px 7px!important;box-sizing:border-box;border:1px solid #d8e4f1!important;border-radius:7px!important;background:#f5f9ff!important;color:#143d70!important;text-align:left!important;box-shadow:none!important}
#hmQuizCard .hm-hq-live-stats>div:first-child{background:#f5f9ff!important;border-color:#d8e4f1!important}
#hmQuizCard .hm-hq-live-stats small{display:inline!important;color:#6c819a!important;font-size:8px!important;font-weight:900!important;letter-spacing:0!important;text-transform:none!important;line-height:1!important}
#hmQuizCard .hm-hq-live-stats strong,#hmQuizCard .hm-hq-live-stats time{display:inline!important;color:#0b356e!important;font-size:11px!important;font-weight:950!important;line-height:1!important;justify-self:auto!important}
#hmQuizCard .hm-hq-live-stats>div:first-child time{color:#0b356e!important}
#hmQuizCard .hm-hq-live-stats span{display:inline!important;margin:0!important;color:#6c819a!important;font-size:8px!important;font-weight:850!important;line-height:1!important;justify-self:auto!important}
#hmQuizCard .hm-hq-progress{order:3;height:4px;margin:0;overflow:hidden;border-radius:4px;background:color-mix(in srgb,var(--hm-level-color) 12%,#e7eef7)}
#hmQuizCard .hm-hq-progress>span{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,color-mix(in srgb,var(--hm-level-color) 75%,#0d67da),color-mix(in srgb,var(--hm-level-color) 45%,#7fc9ff));transition:width .25s ease}
#hmQuizCard #hmQuizQuestion{order:4;min-height:0;height:100%;overflow:auto;overscroll-behavior:contain}
#hmQuizCard .hm-hq-question{--hm-level-color:#1687ff;min-height:100%;box-sizing:border-box;display:grid;grid-template-rows:minmax(0,1fr) auto;gap:9px;padding:10px 11px 12px;border:1px solid color-mix(in srgb,var(--hm-level-color) 34%,#dce7f4);border-radius:12px;background:color-mix(in srgb,var(--hm-level-color) 6%,#fff);box-shadow:0 10px 28px rgba(17,61,117,.06)}
#hmQuizCard .hm-hq-question-head,#hmQuizCard .hm-hq-level-pill{display:none!important}
#hmQuizCard .hm-hq-prompt{min-height:170px;height:100%;box-sizing:border-box;display:flex;align-items:center;justify-content:center;gap:16px;padding:18px 24px;border:1px solid color-mix(in srgb,var(--hm-level-color) 38%,#d8e4f2);border-radius:11px;background:linear-gradient(145deg,color-mix(in srgb,var(--hm-level-color) 14%,#fff),color-mix(in srgb,var(--hm-level-color) 8%,#fff));text-align:center;box-shadow:inset 0 0 0 1px rgba(255,255,255,.55)}
#hmQuizCard .hm-hq-prompt h3{margin:0;max-width:98%;color:#072c66;font-size:var(--hm-q-font,38px)!important;font-weight:950;line-height:1.045!important;letter-spacing:-.04em!important;overflow-wrap:anywhere}
#hmQuizCard .hm-hq-prompt.has-image{display:grid;grid-template-columns:minmax(0,1fr) minmax(150px,240px);text-align:left}
#hmQuizCard .hm-hq-prompt figure{margin:0;overflow:hidden;border-radius:9px;background:#edf3f9;aspect-ratio:16/10}
#hmQuizCard .hm-hq-prompt img{width:100%;height:100%;display:block;object-fit:cover}
#hmQuizCard .hm-hq-answers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
#hmQuizCard .hm-hq-answer{min-height:62px;display:grid;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:10px;padding:9px 11px;border:1px solid color-mix(in srgb,var(--hm-level-color) 20%,#d9e5f2);border-radius:10px;background:color-mix(in srgb,var(--hm-level-color) 5%,#f8fbff);color:#163b70;cursor:pointer;text-align:left;transition:transform .14s ease,border-color .14s ease,background .14s ease,box-shadow .14s ease}
#hmQuizCard .hm-hq-answer:hover:not(:disabled){transform:translateY(-1px);border-color:color-mix(in srgb,var(--hm-level-color) 54%,#cbdbea);background:color-mix(in srgb,var(--hm-level-color) 9%,#fff);box-shadow:0 7px 16px rgba(9,67,137,.08)}
#hmQuizCard .hm-hq-answer:disabled{cursor:default}
#hmQuizCard .hm-hq-answer[hidden],#hmQuizCard .hm-hq-answer.is-joker-hidden{display:none!important}
#hmQuizCard .hm-hq-answer>b{width:30px;height:30px;display:grid;place-items:center;border-radius:8px;background:color-mix(in srgb,var(--hm-level-color) 11%,#e9eef5);color:#0b3a88;font-size:11px;font-weight:950}
#hmQuizCard .hm-hq-answer>span{font-size:15px;font-weight:850;line-height:1.18;overflow-wrap:anywhere}

/* Správna / nesprávna odpoveď */
#hmQuizCard .hm-hq-answer.is-correct,#hmQuizCard .hm-hq-answer.is-correct:hover{border-color:#36a967!important;background:linear-gradient(180deg,#effcf4,#e5f8ed)!important;color:#176c3d!important;box-shadow:0 0 0 2px rgba(54,169,103,.10),0 10px 24px rgba(45,146,87,.10)!important;transform:none!important}
#hmQuizCard .hm-hq-answer.is-correct>b{background:#2fa865!important;color:#fff!important}
#hmQuizCard .hm-hq-answer.is-wrong,#hmQuizCard .hm-hq-answer.is-wrong:hover{border-color:#e25a5a!important;background:linear-gradient(180deg,#fff2f2,#ffe8e8)!important;color:#a53232!important;box-shadow:0 0 0 2px rgba(226,90,90,.09),0 10px 24px rgba(181,67,67,.08)!important;transform:none!important}
#hmQuizCard .hm-hq-answer.is-wrong>b{background:#df5353!important;color:#fff!important}
#hmQuizCard .hm-hq-answer-feedback{grid-column:1/-1;display:flex;align-items:center;justify-content:center;gap:6px;margin-top:2px;padding:8px 10px;border:1px solid transparent;border-radius:9px;font-size:11px;line-height:1.25;text-align:center}
#hmQuizCard .hm-hq-answer-feedback b{font-weight:950}#hmQuizCard .hm-hq-answer-feedback span{font-weight:800}
#hmQuizCard .hm-hq-answer-feedback.is-correct{border-color:#bde6cb;background:#effbf3;color:#22764a}
#hmQuizCard .hm-hq-answer-feedback.is-wrong{border-color:#f0c4c4;background:#fff1f1;color:#9d3636}

/* Výsledková karta */
#hmQuizCard .hm-hq-result{padding-top:34px;padding-bottom:34px;background:radial-gradient(circle at 50% 0%,#eef6ff 0,#fff 40%,#f8fbff 100%)}
#hmQuizCard .hm-hq-result>p{margin-bottom:12px;font-size:15px}
#hmQuizCard .hm-hq-rank-callout{width:min(520px,100%);margin:2px auto 14px;padding:13px 16px;display:grid;grid-template-columns:1fr auto;grid-template-areas:"label rank" "label sub";align-items:center;gap:2px 12px;box-sizing:border-box;border:1px solid #bfd8f5;border-radius:14px;background:linear-gradient(135deg,#eef6ff,#e5f1ff);box-shadow:0 9px 22px rgba(20,82,155,.08);text-align:left}
#hmQuizCard .hm-hq-rank-callout small{grid-area:label;color:#5d7898;font-size:9px;font-weight:950;letter-spacing:.08em}
#hmQuizCard .hm-hq-rank-callout strong{grid-area:rank;color:#0a4d9f;font-size:24px;font-weight:950;line-height:1;text-align:right}
#hmQuizCard .hm-hq-rank-callout span{grid-area:sub;color:#71869e;font-size:10px;font-weight:800;text-align:right}
#hmQuizCard .hm-hq-result-grid{width:min(600px,100%);margin:10px auto 12px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
#hmQuizCard .hm-hq-result-grid>div{padding:13px 8px;border:1px solid #dbe7f4;border-radius:12px;background:linear-gradient(180deg,#fff,#f5f9ff);box-shadow:0 5px 14px rgba(20,62,115,.04)}
#hmQuizCard .hm-hq-result-grid small{display:block;color:#72879f;font-size:8px;font-weight:900;letter-spacing:.08em}
#hmQuizCard .hm-hq-result-grid strong{display:block;margin-top:4px;color:#0b356e;font-size:23px;font-weight:950}
#hmQuizCard .hm-hq-result-grid .is-score{background:linear-gradient(180deg,#edf6ff,#e6f1ff);border-color:#c8def8}
#hmQuizCard .hm-hq-result-formula{margin:4px 0 16px!important;font-size:13px!important;color:#6d8298!important}
#hmQuizCard .hm-hq-result-actions{width:min(520px,100%);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;position:relative;z-index:45;pointer-events:auto}
#hmQuizCard .hm-hq-result-actions .hm-button{min-height:52px;justify-content:center;border-radius:14px!important;font-size:13px!important;font-weight:950!important}
#hmQuizCard .hm-hq-result-actions [data-quiz-return-home]{grid-column:1/-1;background:#eef2f7!important;color:#173b6b!important}
#hmQuizCard [data-show-quiz-ranking],#hmQuizCard [data-quiz-return-home]{position:relative;z-index:46;pointer-events:auto}

@media(max-width:760px){
    body.hm-quiz-focus #hmQuizCard.is-live{top:0;left:0;width:100vw;max-width:none;height:100dvh;max-height:100dvh;border:0;border-radius:0;transform:none}
    body.admin-bar.hm-quiz-focus #hmQuizCard.is-live{top:46px!important;height:calc(100dvh - 46px)!important;max-height:calc(100dvh - 46px)!important}
    #hmQuizCard .hm-hq-close{top:9px;right:9px;width:37px;height:37px}
    #hmQuizCard .hm-hq-empty,#hmQuizCard .hm-hq-access,#hmQuizCard .hm-hq-result{padding:24px 15px 18px}
    #hmQuizCard .hm-hq-access{justify-content:flex-start!important;padding-top:34px!important}
    #hmQuizCard .hm-hq-access h3,#hmQuizCard .hm-hq-access>p,#hmQuizCard .hm-hq-access .hm-v564-verified-identity,#hmQuizCard .hm-hq-access .hm-v432-email-why,#hmQuizCard .hm-hq-access #hmQuizAccessButton,#hmQuizCard .hm-hq-access #hmQuizAccessNote,#hmQuizCard .hm-hq-access .hm-contact-grid,#hmQuizCard .hm-hq-access .hm-consent-row,#hmQuizCard .hm-hq-access .hm-access-mode-switch,#hmQuizCard .hm-hq-access .hm-access-mode-copy{width:100%}
    #hmQuizCard .hm-hq-access h3{font-size:clamp(26px,7vw,34px)!important;margin-top:10px!important}
    #hmQuizCard .hm-hq-access>p{font-size:clamp(14px,4.1vw,17px)!important;margin-bottom:7px!important}
    #hmQuizCard .hm-hq-access .hm-v564-verified-identity{grid-template-columns:1fr auto!important;padding:13px 14px!important;border-radius:15px!important}
    #hmQuizCard .hm-hq-access .hm-v564-verified-identity>span{grid-column:1/-1;font-size:9px!important}
    #hmQuizCard .hm-hq-player-line{grid-template-columns:1fr;gap:1px}
    #hmQuizCard .hm-hq-player-line em{font-size:10px}
    #hmQuizCard .hm-hq-player-line b{font-size:14px}
    #hmQuizCard .hm-hq-access #hmQuizAccessButton{min-height:76px!important;border-radius:20px!important;font-size:clamp(18px,5.7vw,23px)!important}
    #hmQuizCard .hm-hq-running{grid-template-rows:auto auto auto minmax(0,1fr);gap:7px;padding:7px 9px 10px}
    #hmQuizCard .hm-hq-levels{margin-right:43px;gap:4px}
    #hmQuizCard .hm-hq-levels>span{height:28px;border-radius:7px}
    #hmQuizCard .hm-hq-levels>span b{width:18px;height:18px;font-size:9px;border-radius:5px}
    #hmQuizCard .hm-hq-topbar{grid-template-columns:minmax(65px,1fr) auto auto!important;gap:4px!important;min-height:31px}
    #hmQuizCard .hm-hq-heading span{font-size:7px!important;letter-spacing:.02em!important}
    #hmQuizCard .hm-hq-tools-top{gap:3px!important}
    #hmQuizCard .hm-hq-tools-top button{min-width:47px!important;min-height:26px!important;padding:3px 5px!important;border-width:1.5px!important;border-radius:7px!important}
    #hmQuizCard .hm-hq-tools-top button[data-quiz-swap]{min-width:67px!important}
    #hmQuizCard .hm-hq-tools-top b{font-size:8px!important}
    #hmQuizCard .hm-hq-live-stats{gap:2px!important}
    #hmQuizCard .hm-hq-live-stats>div{min-height:25px!important;padding:3px 4px!important;border-radius:6px!important;gap:1px!important}
    #hmQuizCard .hm-hq-live-stats small{font-size:6px!important}
    #hmQuizCard .hm-hq-live-stats strong,#hmQuizCard .hm-hq-live-stats time{font-size:8px!important}
    #hmQuizCard .hm-hq-live-stats span{font-size:6px!important}
    #hmQuizCard .hm-hq-question{padding:8px;border-radius:11px;gap:7px}
    #hmQuizCard .hm-hq-prompt{min-height:205px!important;padding:17px 12px!important;border-radius:12px!important}
    #hmQuizCard .hm-hq-prompt h3{max-width:100%;font-size:var(--hm-q-font,29px)!important;line-height:1.04!important}
    #hmQuizCard .hm-hq-prompt.has-image{grid-template-columns:1fr;gap:7px;text-align:center}
    #hmQuizCard .hm-hq-prompt figure{max-height:120px}
    #hmQuizCard .hm-hq-answers{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important}
    #hmQuizCard .hm-hq-answer{min-height:70px!important;grid-template-columns:28px minmax(0,1fr)!important;gap:7px!important;padding:8px!important;border-radius:9px}
    #hmQuizCard .hm-hq-answer>b{width:26px!important;height:26px!important;font-size:9px!important;border-radius:7px}
    #hmQuizCard .hm-hq-answer>span{font-size:12px!important;line-height:1.15!important}
    #hmQuizCard .hm-hq-answer-feedback{padding:6px 8px;font-size:10px}
    #hmQuizCard .hm-hq-result{justify-content:flex-start!important;padding-top:62px!important}
    #hmQuizCard .hm-hq-result-mark{width:60px;height:60px;border-radius:17px}
    #hmQuizCard .hm-hq-result h3{font-size:29px!important;margin-top:16px}
    #hmQuizCard .hm-hq-result>p{font-size:15px!important;margin-bottom:10px}
    #hmQuizCard .hm-hq-rank-callout{margin:0 auto 10px;padding:11px 13px;border-radius:12px}
    #hmQuizCard .hm-hq-rank-callout small{font-size:8px}
    #hmQuizCard .hm-hq-rank-callout strong{font-size:21px}
    #hmQuizCard .hm-hq-rank-callout span{font-size:9px}
    #hmQuizCard .hm-hq-result-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:8px auto 10px}
    #hmQuizCard .hm-hq-result-grid>div{padding:10px 7px;border-radius:11px}
    #hmQuizCard .hm-hq-result-grid strong{font-size:22px}
    #hmQuizCard .hm-hq-result-actions{grid-template-columns:1fr;gap:7px}
    #hmQuizCard .hm-hq-result-actions [data-quiz-return-home]{grid-column:auto}
    #hmQuizCard .hm-hq-result-actions .hm-button{min-height:54px;border-radius:13px!important}
}
@media(max-width:390px){
    #hmQuizCard .hm-hq-topbar{grid-template-columns:minmax(54px,1fr) auto auto!important;gap:3px!important}
    #hmQuizCard .hm-hq-tools-top button{min-width:43px!important;padding-inline:4px!important}
    #hmQuizCard .hm-hq-tools-top button[data-quiz-swap]{min-width:61px!important}
    #hmQuizCard .hm-hq-tools-top b{font-size:7.4px!important}
    #hmQuizCard .hm-hq-live-stats>div{padding-inline:3px!important}
    #hmQuizCard .hm-hq-live-stats small{font-size:5.5px!important}
    #hmQuizCard .hm-hq-live-stats strong,#hmQuizCard .hm-hq-live-stats time{font-size:7.5px!important}
    #hmQuizCard .hm-hq-prompt h3{font-size:var(--hm-q-font,27px)!important}
    #hmQuizCard .hm-hq-answer{min-height:66px!important;padding:7px!important}
    #hmQuizCard .hm-hq-answer>span{font-size:11px!important}
}


/* ==========================================================================
   v588 – jemné riadkovanie + minimalistický štart/výsledok
   ========================================================================== */
#hmQuizCard .hm-hq-prompt h3{line-height:1.09!important}

/* Overený hráč: bez zbytočných kariet a duplicitných informačných blokov. */
#hmQuizCard .hm-hq-access.is-verified-fast{
    justify-content:center!important;
    gap:8px!important;
    padding-top:34px!important;
    background:linear-gradient(180deg,#ffffff 0%,#f7fbff 100%)!important;
}
#hmQuizCard .hm-hq-access.is-verified-fast h3{
    margin:0!important;
    font-size:clamp(30px,4.5vw,42px)!important;
}
#hmQuizCard .hm-hq-access.is-verified-fast>p{
    margin:0 auto 12px!important;
    color:#74879c!important;
}
#hmQuizCard .hm-hq-access.is-verified-fast .hm-v564-verified-identity{
    width:min(590px,100%)!important;
    margin:0 auto 12px!important;
    padding:10px 0!important;
    border:0!important;
    border-top:1px solid #e2eaf3!important;
    border-bottom:1px solid #e2eaf3!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
}
#hmQuizCard .hm-hq-access.is-verified-fast .hm-v564-verified-identity>span{
    align-self:start;
    padding-top:2px;
    font-size:9px!important;
}
#hmQuizCard .hm-hq-access.is-verified-fast .hm-v564-verified-identity>button{
    min-height:34px!important;
    padding:0 11px!important;
    border-radius:9px!important;
    box-shadow:none!important;
}
#hmQuizCard .hm-hq-access.is-verified-fast #hmQuizAccessButton{
    width:min(590px,100%)!important;
    min-height:62px!important;
    margin:2px auto 0!important;
    border-radius:15px!important;
    box-shadow:0 12px 28px rgba(14,86,194,.18)!important;
}
#hmQuizCard .hm-hq-access.is-verified-fast #hmQuizAccessNote:empty{display:none!important}

/* Výsledok: jeden čistý súhrnný riadok namiesto štyroch veľkých boxov. */
#hmQuizCard .hm-hq-result{
    justify-content:center!important;
    padding-top:34px!important;
    background:linear-gradient(180deg,#ffffff 0%,#f7fbff 100%)!important;
}
#hmQuizCard .hm-hq-result-mark{
    width:54px!important;height:54px!important;border-radius:15px!important;
    box-shadow:0 10px 24px rgba(22,58,105,.12)!important;
}
#hmQuizCard .hm-hq-result h3{margin:14px 0 5px!important}
#hmQuizCard .hm-hq-result>p{margin:0 auto 10px!important}
#hmQuizCard .hm-hq-rank-callout{
    width:min(520px,100%)!important;
    margin:4px auto 10px!important;
    padding:9px 0!important;
    border:0!important;
    border-top:1px solid #dfe8f2!important;
    border-bottom:1px solid #dfe8f2!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
}
#hmQuizCard .hm-hq-rank-callout strong{font-size:22px!important}
#hmQuizCard .hm-hq-result-summary{
    width:min(560px,100%);
    margin:4px auto 16px;
    display:flex;
    align-items:center;
    justify-content:center;
    flex-wrap:wrap;
    gap:0;
    color:#173b6b;
}
#hmQuizCard .hm-hq-result-summary>span{
    min-width:104px;
    padding:3px 14px;
    border-right:1px solid #dfe8f2;
    text-align:center;
}
#hmQuizCard .hm-hq-result-summary>span:last-child{border-right:0}
#hmQuizCard .hm-hq-result-summary small{display:block;color:#7b8da1;font-size:7px;font-weight:950;letter-spacing:.08em}
#hmQuizCard .hm-hq-result-summary strong{display:block;margin-top:2px;color:#0b356e;font-size:20px;font-weight:950;line-height:1.05}
#hmQuizCard .hm-hq-result-actions{width:min(500px,100%)!important;gap:7px!important}
#hmQuizCard .hm-hq-result-actions .hm-button{min-height:48px!important;border-radius:12px!important;box-shadow:none!important}

@media(max-width:760px){
    #hmQuizCard .hm-hq-prompt h3{line-height:1.09!important}
    #hmQuizCard .hm-hq-access.is-verified-fast{justify-content:flex-start!important;padding-top:46px!important}
    #hmQuizCard .hm-hq-access.is-verified-fast h3{font-size:30px!important}
    #hmQuizCard .hm-hq-access.is-verified-fast .hm-v564-verified-identity{grid-template-columns:1fr auto!important;padding:9px 0!important}
    #hmQuizCard .hm-hq-access.is-verified-fast .hm-v564-verified-identity>span{grid-column:1/-1!important}
    #hmQuizCard .hm-hq-access.is-verified-fast #hmQuizAccessButton{min-height:60px!important;border-radius:14px!important;font-size:20px!important}
    #hmQuizCard .hm-hq-result{padding:42px 16px 18px!important}
    #hmQuizCard .hm-hq-result h3{font-size:27px!important}
    #hmQuizCard .hm-hq-result-summary{margin:5px auto 14px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:100%}
    #hmQuizCard .hm-hq-result-summary>span{min-width:0;padding:3px 5px}
    #hmQuizCard .hm-hq-result-summary small{font-size:6px}
    #hmQuizCard .hm-hq-result-summary strong{font-size:17px}
    #hmQuizCard .hm-hq-rank-callout{grid-template-columns:1fr auto!important;gap:2px 8px!important}
    #hmQuizCard .hm-hq-rank-callout span{max-width:210px!important;line-height:1.15!important}
}


/* ==========================================================================
   v589 – výsledková a vstupná karta v štýle od používateľa
   ========================================================================== */
#hmQuizCard .hm-hq-access,
#hmQuizCard .hm-hq-result{
    position:relative;
    overflow:hidden;
    background:linear-gradient(180deg,#ffffff 0%,#f7fbff 100%)!important;
}
#hmQuizCard .hm-hq-access::before,
#hmQuizCard .hm-hq-result::before,
#hmQuizCard .hm-hq-access::after,
#hmQuizCard .hm-hq-result::after{
    content:"";
    position:absolute;
    border-radius:999px;
    pointer-events:none;
    z-index:0;
    filter:blur(2px);
}
#hmQuizCard .hm-hq-access::before,
#hmQuizCard .hm-hq-result::before{
    width:220px;height:220px;right:24px;top:44px;
    background:radial-gradient(circle at center,rgba(102,173,255,.18),rgba(102,173,255,.06) 58%,transparent 72%);
}
#hmQuizCard .hm-hq-access::after,
#hmQuizCard .hm-hq-result::after{
    width:180px;height:180px;left:28px;bottom:110px;
    background:radial-gradient(circle at center,rgba(155,198,255,.18),rgba(155,198,255,.06) 58%,transparent 72%);
}
#hmQuizCard .hm-hq-access > *,
#hmQuizCard .hm-hq-result > *{position:relative;z-index:1}

#hmQuizCard .hm-hq-access{
    justify-content:center!important;
    align-items:center;
    text-align:center;
}
#hmQuizCard .hm-hq-access h3{
    margin:8px 0 10px!important;
    font-size:clamp(32px,4.2vw,46px)!important;
    letter-spacing:-.045em!important;
}
#hmQuizCard .hm-hq-access>p{
    max-width:690px!important;
    margin:0 auto 18px!important;
    font-size:clamp(16px,2vw,20px)!important;
    color:#7388a0!important;
}
#hmQuizCard .hm-hq-access .hm-v564-verified-identity{
    width:min(660px,100%)!important;
    margin:4px auto 18px!important;
    padding:16px 18px!important;
    border:1px solid #dbe8f6!important;
    border-radius:24px!important;
    background:rgba(255,255,255,.85)!important;
    box-shadow:0 18px 40px rgba(18,61,117,.08)!important;
}
#hmQuizCard .hm-hq-access .hm-v432-email-why,
#hmQuizCard .hm-hq-access .hm-access-mode-switch,
#hmQuizCard .hm-hq-access .hm-access-mode-copy,
#hmQuizCard .hm-hq-access .hm-contact-grid,
#hmQuizCard .hm-hq-access .hm-consent-row,
#hmQuizCard .hm-hq-access #hmQuizAccessButton,
#hmQuizCard .hm-hq-access #hmQuizAccessNote{width:min(660px,100%)!important}
#hmQuizCard .hm-hq-access .hm-v432-email-why{
    margin:0 auto 16px!important;
    border-radius:18px!important;
    background:rgba(255,255,255,.84)!important;
}
#hmQuizCard .hm-hq-access .hm-contact-grid{
    padding:16px;
    border:1px solid #e1ebf6;
    border-radius:24px;
    background:rgba(255,255,255,.88);
    box-shadow:0 14px 34px rgba(16,55,112,.06);
}
#hmQuizCard .hm-hq-access #hmQuizAccessButton{
    min-height:72px!important;
    margin:14px auto 0!important;
    border-radius:22px!important;
    box-shadow:0 18px 38px rgba(14,86,194,.20)!important;
}
#hmQuizCard .hm-hq-access #hmQuizAccessNote{font-size:15px!important;text-align:center!important}

#hmQuizCard .hm-hq-result{
    padding:36px 20px 20px!important;
}
#hmQuizCard .hm-hq-result-shell{
    width:min(760px,100%);
    margin:0 auto;
    display:flex;
    flex-direction:column;
    align-items:center;
}
#hmQuizCard .hm-hq-result-mark{
    width:96px!important;height:96px!important;border-radius:26px!important;
    font-size:56px!important;
    box-shadow:0 18px 40px rgba(22,58,105,.16)!important;
}
#hmQuizCard .hm-hq-result h3{
    margin:16px 0 4px!important;
    font-size:clamp(34px,4.6vw,52px)!important;
    letter-spacing:-.05em;
}
#hmQuizCard .hm-hq-result>p{
    margin:0 auto 12px!important;
    font-size:clamp(16px,2vw,20px)!important;
    color:#6f839b!important;
}
#hmQuizCard .hm-hq-rank-hero{margin:10px auto 18px;display:flex;justify-content:center}
#hmQuizCard .hm-hq-rank-disc{
    width:270px;height:270px;
    display:flex;flex-direction:column;align-items:center;justify-content:center;
    border-radius:999px;
    background:radial-gradient(circle at 35% 30%,#ffffff 0%,#fafdff 48%,#edf6ff 100%);
    border:12px solid rgba(185,220,255,.45);
    box-shadow:inset 0 0 0 1px rgba(198,223,249,.8),0 22px 44px rgba(64,127,205,.16);
    position:relative;
    text-align:center;
}
#hmQuizCard .hm-hq-rank-disc::before,
#hmQuizCard .hm-hq-rank-disc::after{
    content:"❦";
    position:absolute;top:50%;transform:translateY(-40%);
    color:#9cc1ff;font-size:54px;opacity:.9;
}
#hmQuizCard .hm-hq-rank-disc::before{left:26px;transform:translateY(-40%) rotate(-16deg)}
#hmQuizCard .hm-hq-rank-disc::after{right:26px;transform:translateY(-40%) scaleX(-1) rotate(-16deg)}
#hmQuizCard .hm-hq-rank-number{display:block;color:#0b56bf;font-size:78px;font-weight:1000;line-height:.9;letter-spacing:-.05em}
#hmQuizCard .hm-hq-rank-disc strong{display:block;margin-top:6px;color:#123d74;font-size:34px;font-weight:950;line-height:1}
#hmQuizCard .hm-hq-rank-disc small{display:block;margin-top:10px;color:#7a8ea8;font-size:20px;font-weight:700;line-height:1.2}

#hmQuizCard .hm-hq-result-summary{
    width:min(720px,100%);
    margin:0 auto 18px!important;
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:12px!important;
}
#hmQuizCard .hm-hq-result-summary>span{
    min-width:0!important;
    padding:18px 10px 16px!important;
    border:1px solid #e1ebf7;
    border-radius:22px;
    background:rgba(255,255,255,.82);
    box-shadow:0 10px 24px rgba(18,61,117,.05);
    text-align:center;
}
#hmQuizCard .hm-hq-result-summary>span i{display:block;margin-bottom:8px;font-style:normal;font-size:28px;line-height:1}
#hmQuizCard .hm-hq-result-summary small{display:block!important;font-size:13px!important;letter-spacing:0!important;color:#6f839b!important;font-weight:700!important;text-transform:none!important}
#hmQuizCard .hm-hq-result-summary strong{display:block!important;margin-top:2px;color:#0b356e!important;font-size:28px!important;font-weight:950!important;line-height:1.02}

#hmQuizCard .hm-hq-mini-board{
    width:min(720px,100%);
    margin:0 auto 18px;
    padding:12px;
    border:1px solid #dfe9f5;
    border-radius:24px;
    background:rgba(255,255,255,.88);
    box-shadow:0 14px 34px rgba(16,55,112,.06);
}
#hmQuizCard .hm-hq-mini-board-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px;padding:4px 6px 8px}
#hmQuizCard .hm-hq-mini-board-head strong{color:#123d73;font-size:16px;font-weight:950}
#hmQuizCard .hm-hq-mini-board-head a{color:#6aa2ef;text-decoration:none;font-size:13px;font-weight:900}
#hmQuizCard .hm-hq-mini-board-list{display:grid;gap:8px}
#hmQuizCard .hm-hq-mini-row{
    display:grid;
    grid-template-columns:24px 34px minmax(0,1fr) auto;
    align-items:center;gap:12px;
    min-height:58px;padding:0 14px;
    border-radius:17px;
    background:#fff;
}
#hmQuizCard .hm-hq-mini-row.is-me{background:#e8f2ff}
#hmQuizCard .hm-hq-mini-rank{color:#4d6b8b;font-size:13px;font-weight:900;text-align:center}
#hmQuizCard .hm-hq-mini-badge{width:34px;height:34px;display:grid;place-items:center;border-radius:999px;font-size:18px;font-weight:950}
#hmQuizCard .hm-hq-mini-badge.is-gold{background:#ffe792;color:#8d6800}
#hmQuizCard .hm-hq-mini-badge.is-silver{background:#d9e2ef;color:#5b6f88}
#hmQuizCard .hm-hq-mini-badge.is-bronze{background:#f5c39b;color:#934f21}
#hmQuizCard .hm-hq-mini-name{min-width:0;color:#3a4b62;font-size:16px;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#hmQuizCard .hm-hq-mini-row.is-me .hm-hq-mini-name{color:#0f61cc}
#hmQuizCard .hm-hq-mini-score{color:#3c608c;font-size:16px;font-weight:900;white-space:nowrap}

#hmQuizCard .hm-hq-result-actions{
    width:min(720px,100%)!important;
    display:grid!important;
    gap:12px!important;
}
#hmQuizCard .hm-hq-result-actions .hm-button{
    min-height:64px!important;
    border-radius:22px!important;
    font-size:20px!important;
    font-weight:950!important;
    box-shadow:0 16px 34px rgba(18,61,117,.10)!important;
}

@media(max-width:760px){
    #hmQuizCard .hm-hq-access{padding:26px 16px 16px!important;justify-content:flex-start!important}
    #hmQuizCard .hm-hq-access h3{font-size:30px!important}
    #hmQuizCard .hm-hq-access>p{font-size:15px!important;margin-bottom:14px!important}
    #hmQuizCard .hm-hq-access .hm-contact-grid{padding:12px;border-radius:18px}
    #hmQuizCard .hm-hq-access .hm-v564-verified-identity{padding:14px!important;border-radius:18px!important}
    #hmQuizCard .hm-hq-access #hmQuizAccessButton{min-height:64px!important;font-size:21px!important;border-radius:18px!important}

    #hmQuizCard .hm-hq-result{padding:28px 14px 16px!important}
    #hmQuizCard .hm-hq-result-mark{width:74px!important;height:74px!important;border-radius:20px!important;font-size:44px!important}
    #hmQuizCard .hm-hq-result h3{font-size:27px!important;margin-top:14px!important}
    #hmQuizCard .hm-hq-result>p{font-size:14px!important;margin-bottom:10px!important}
    #hmQuizCard .hm-hq-rank-disc{width:188px;height:188px;border-width:10px}
    #hmQuizCard .hm-hq-rank-disc::before,#hmQuizCard .hm-hq-rank-disc::after{font-size:34px}
    #hmQuizCard .hm-hq-rank-disc::before{left:16px}
    #hmQuizCard .hm-hq-rank-disc::after{right:16px}
    #hmQuizCard .hm-hq-rank-number{font-size:60px}
    #hmQuizCard .hm-hq-rank-disc strong{font-size:26px}
    #hmQuizCard .hm-hq-rank-disc small{font-size:16px;margin-top:7px}
    #hmQuizCard .hm-hq-result-summary{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
    #hmQuizCard .hm-hq-result-summary>span{padding:14px 8px 12px!important;border-radius:18px}
    #hmQuizCard .hm-hq-result-summary>span i{font-size:24px;margin-bottom:6px}
    #hmQuizCard .hm-hq-result-summary strong{font-size:25px!important}
    #hmQuizCard .hm-hq-result-summary small{font-size:12px!important}
    #hmQuizCard .hm-hq-mini-board{padding:10px;border-radius:20px}
    #hmQuizCard .hm-hq-mini-board-head{padding:2px 4px 8px}
    #hmQuizCard .hm-hq-mini-board-head strong{font-size:15px}
    #hmQuizCard .hm-hq-mini-board-head a{font-size:12px}
    #hmQuizCard .hm-hq-mini-row{grid-template-columns:22px 30px minmax(0,1fr) auto;gap:8px;min-height:50px;padding:0 10px;border-radius:14px}
    #hmQuizCard .hm-hq-mini-badge{width:30px;height:30px;font-size:16px}
    #hmQuizCard .hm-hq-mini-name{font-size:14px}
    #hmQuizCard .hm-hq-mini-score{font-size:14px}
    #hmQuizCard .hm-hq-result-actions .hm-button{min-height:58px!important;border-radius:18px!important;font-size:17px!important}
}


/* ==========================================================================
   v591 – detailné bodovanie v rebríčku + priemer bodov sídlisk + TOP 3 po kliknutí
   ========================================================================== */
#hmQuizRankingAccess.hm-v446-ranking-classic .hm-quiz-ranking-full-table-head,
#hmQuizRankingAccess.hm-v446-ranking-classic .hm-quiz-ranking-full-item{
    grid-template-columns:58px minmax(0,1fr) 130px!important;
    gap:12px!important;
}
#hmQuizRankingAccess.hm-v446-ranking-classic .hm-quiz-ranking-full-item{
    min-height:68px!important;
    padding:10px 14px!important;
}
#hmQuizRankingAccess .hm-quiz-ranking-person{min-width:0;display:grid;gap:4px}
#hmQuizRankingAccess .hm-quiz-ranking-full-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#hmQuizRankingAccess .hm-quiz-ranking-score-details{display:flex;flex-wrap:wrap;gap:3px 10px;min-width:0}
#hmQuizRankingAccess .hm-quiz-ranking-score-details small{color:#6f8299;font-size:10px;font-weight:800;line-height:1.2}
#hmQuizRankingAccess .hm-quiz-ranking-score-details small+small{color:#4e6f96}
#hmQuizRankingAccess .hm-quiz-ranking-full-total{
    justify-self:end;
    color:#0b5ebd;
    font-size:22px;
    font-weight:1000;
    line-height:1;
    white-space:nowrap;
    text-align:right;
}
#hmQuizRankingAccess .hm-quiz-ranking-full-total small{display:block;margin-top:3px;color:#7b8da2;font-size:9px;font-weight:850;text-transform:uppercase;letter-spacing:.05em}

#hmQuizRankingAccess .hm-v433-district-row{cursor:pointer;transition:border-color .15s ease,background .15s ease,box-shadow .15s ease}
#hmQuizRankingAccess .hm-v433-district-row[aria-expanded="true"]{border-color:#8cbcf3!important;box-shadow:0 0 0 2px rgba(48,133,225,.10)!important}
#hmQuizRankingAccess .hm-v433-district-row>div b{font-size:15px!important}
#hmQuizRankingAccess .hm-v433-district-row>div small{font-size:9px!important}
#hmQuizRankingAccess .hm-v591-district-details{
    margin:-2px 4px 6px 46px;
    padding:8px;
    display:grid;
    gap:6px;
    border:1px solid #dfe9f4;
    border-radius:12px;
    background:#fff;
}
#hmQuizRankingAccess .hm-v591-district-details[hidden]{display:none!important}
#hmQuizRankingAccess .hm-v591-district-player{
    display:grid;
    grid-template-columns:28px minmax(0,1fr) auto;
    gap:10px;
    align-items:center;
    min-height:54px;
    padding:7px 10px;
    border-radius:10px;
    background:#f7faff;
}
#hmQuizRankingAccess .hm-v591-district-player-rank{
    width:26px;height:26px;display:grid;place-items:center;border-radius:50%;
    background:#dfeaff;color:#174d98;font-size:11px;font-weight:950;
}
#hmQuizRankingAccess .hm-v591-district-player-copy{min-width:0;display:grid;gap:3px}
#hmQuizRankingAccess .hm-v591-district-player-copy>strong{color:#153b77;font-size:12px;font-weight:950;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#hmQuizRankingAccess .hm-v591-district-player-total{justify-self:end;color:#0b5ebd;font-size:16px;font-weight:1000;white-space:nowrap}
#hmQuizRankingAccess .hm-v591-district-player-total small{font-size:9px;color:#6f839b;font-weight:850}
#hmQuizRankingAccess .hm-v591-district-empty{padding:10px;color:#71849c;font-size:11px;text-align:center}

@media(max-width:760px){
    #hmQuizRankingAccess.hm-v446-ranking-classic .hm-quiz-ranking-full-item{
        grid-template-columns:36px minmax(0,1fr) auto!important;
        grid-template-areas:none!important;
        gap:8px!important;
        min-height:70px!important;
        padding:9px 10px!important;
    }
    #hmQuizRankingAccess.hm-v446-ranking-classic .hm-quiz-ranking-full-rank{grid-area:auto!important}
    #hmQuizRankingAccess .hm-quiz-ranking-full-name{font-size:13px!important}
    #hmQuizRankingAccess .hm-quiz-ranking-score-details{display:grid;gap:2px}
    #hmQuizRankingAccess .hm-quiz-ranking-score-details small{font-size:9px}
    #hmQuizRankingAccess .hm-quiz-ranking-full-total{font-size:17px}
    #hmQuizRankingAccess .hm-v591-district-details{margin:-2px 0 6px 0;padding:7px}
    #hmQuizRankingAccess .hm-v591-district-player{grid-template-columns:25px minmax(0,1fr) auto;gap:7px;padding:7px 8px}
    #hmQuizRankingAccess .hm-v591-district-player-copy>strong{font-size:11px}
    #hmQuizRankingAccess .hm-v591-district-player-total{font-size:14px}
}


/* ==========================================================================
   v592 – kompaktnejšia výsledková karta na mobile
   ========================================================================== */
#hmQuizCard .hm-hq-result-shell{gap:0}
#hmQuizCard .hm-hq-rank-hero{margin:8px auto 14px!important}
#hmQuizCard .hm-hq-rank-disc{
    width:236px!important;
    height:236px!important;
    border-width:10px!important;
}
#hmQuizCard .hm-hq-rank-disc::before,
#hmQuizCard .hm-hq-rank-disc::after{font-size:42px!important}
#hmQuizCard .hm-hq-rank-disc::before{left:22px!important}
#hmQuizCard .hm-hq-rank-disc::after{right:22px!important}
#hmQuizCard .hm-hq-rank-number{font-size:68px!important}
#hmQuizCard .hm-hq-rank-disc strong{font-size:30px!important;margin-top:4px!important}
#hmQuizCard .hm-hq-rank-disc small{font-size:18px!important;margin-top:8px!important}
#hmQuizCard .hm-hq-result-summary{margin:0 auto 14px!important;gap:10px!important}
#hmQuizCard .hm-hq-result-summary>span{padding:14px 8px 12px!important;border-radius:18px!important}
#hmQuizCard .hm-hq-result-summary>span i{font-size:23px!important;margin-bottom:5px!important}
#hmQuizCard .hm-hq-result-summary strong{font-size:24px!important}
#hmQuizCard .hm-hq-result-summary small{font-size:11px!important}
#hmQuizCard .hm-hq-mini-board{margin-bottom:14px!important}
#hmQuizCard .hm-hq-result-actions .hm-button{min-height:56px!important;font-size:18px!important}

@media(max-width:760px){
    #hmQuizCard .hm-hq-result{padding:22px 12px 14px!important}
    #hmQuizCard .hm-hq-result-mark{width:64px!important;height:64px!important;border-radius:18px!important;font-size:38px!important}
    #hmQuizCard .hm-hq-result h3{font-size:24px!important;margin:12px 0 3px!important}
    #hmQuizCard .hm-hq-result>p{font-size:13px!important;margin-bottom:8px!important}
    #hmQuizCard .hm-hq-rank-hero{margin:6px auto 12px!important}
    #hmQuizCard .hm-hq-rank-disc{width:154px!important;height:154px!important;border-width:8px!important}
    #hmQuizCard .hm-hq-rank-disc::before,
    #hmQuizCard .hm-hq-rank-disc::after{font-size:26px!important}
    #hmQuizCard .hm-hq-rank-disc::before{left:12px!important}
    #hmQuizCard .hm-hq-rank-disc::after{right:12px!important}
    #hmQuizCard .hm-hq-rank-number{font-size:50px!important}
    #hmQuizCard .hm-hq-rank-disc strong{font-size:19px!important;margin-top:2px!important}
    #hmQuizCard .hm-hq-rank-disc small{font-size:12px!important;margin-top:5px!important}
    #hmQuizCard .hm-hq-result-summary{gap:8px!important;margin:0 auto 12px!important}
    #hmQuizCard .hm-hq-result-summary>span{padding:10px 6px 9px!important;border-radius:15px!important}
    #hmQuizCard .hm-hq-result-summary>span i{font-size:18px!important;margin-bottom:4px!important}
    #hmQuizCard .hm-hq-result-summary strong{font-size:18px!important}
    #hmQuizCard .hm-hq-result-summary small{font-size:10px!important;line-height:1.1!important}
    #hmQuizCard .hm-hq-mini-board{padding:9px!important;border-radius:18px!important;margin-bottom:12px!important}
    #hmQuizCard .hm-hq-mini-board-head{margin-bottom:8px!important;padding:2px 2px 6px!important}
    #hmQuizCard .hm-hq-mini-board-head strong{font-size:14px!important}
    #hmQuizCard .hm-hq-mini-board-head a{font-size:11px!important}
    #hmQuizCard .hm-hq-mini-row{min-height:46px!important;padding:0 9px!important;gap:7px!important}
    #hmQuizCard .hm-hq-mini-badge{width:28px!important;height:28px!important;font-size:15px!important}
    #hmQuizCard .hm-hq-mini-name{font-size:13px!important}
    #hmQuizCard .hm-hq-mini-score{font-size:13px!important}
    #hmQuizCard .hm-hq-result-actions{gap:9px!important}
    #hmQuizCard .hm-hq-result-actions .hm-button{min-height:50px!important;border-radius:16px!important;font-size:16px!important}
}


/* ==========================================================================
   v593 – menší text výsledku + Facebook share panel
   ========================================================================== */
#hmQuizCard .hm-hq-result h3{font-size:calc(clamp(34px,4.6vw,52px) * .9)!important}
#hmQuizCard .hm-hq-result>p{font-size:calc(clamp(16px,2vw,20px) * .9)!important}
#hmQuizCard .hm-hq-rank-share{
    width:min(720px,100%);
    margin:6px auto 14px;
    display:grid;
    grid-template-columns:minmax(0,1fr) 210px;
    gap:14px;
    align-items:center;
}
#hmQuizCard .hm-hq-rank-share.is-share-only{grid-template-columns:1fr}
#hmQuizCard .hm-hq-rank-hero{margin:0!important;justify-content:flex-start!important}
#hmQuizCard .hm-hq-rank-disc{width:204px!important;height:204px!important;border-width:9px!important}
#hmQuizCard .hm-hq-rank-disc::before,
#hmQuizCard .hm-hq-rank-disc::after{font-size:36px!important}
#hmQuizCard .hm-hq-rank-disc::before{left:18px!important}
#hmQuizCard .hm-hq-rank-disc::after{right:18px!important}
#hmQuizCard .hm-hq-rank-number{font-size:60px!important}
#hmQuizCard .hm-hq-rank-disc strong{font-size:27px!important;margin-top:3px!important}
#hmQuizCard .hm-hq-rank-disc small{font-size:16px!important;margin-top:6px!important}
#hmQuizCard .hm-hq-share-fb{
    min-height:172px;
    padding:16px 14px;
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    justify-content:center;
    gap:10px;
    border:1px solid #dbe6f7;
    border-radius:24px;
    background:linear-gradient(180deg,#ffffff 0%,#f5f9ff 100%);
    box-shadow:0 14px 30px rgba(16,55,112,.08);
    color:#14407a;
    text-align:left;
    cursor:pointer;
}
#hmQuizCard .hm-hq-share-fb-icon{
    width:40px;height:40px;display:grid;place-items:center;
    border-radius:999px;background:#1877f2;color:#fff;
    font-size:28px;font-weight:900;line-height:1;
    font-family:Arial,sans-serif;
}
#hmQuizCard .hm-hq-share-fb-copy b{display:block;font-size:18px;font-weight:950;line-height:1.12}
#hmQuizCard .hm-hq-share-fb-copy small{display:block;margin-top:6px;font-size:11px;line-height:1.3;color:#67809f}
#hmQuizCard .hm-hq-result-summary>span i{font-size:20px!important}
#hmQuizCard .hm-hq-result-summary strong{font-size:22px!important}
#hmQuizCard .hm-hq-result-summary small{font-size:10px!important}
#hmQuizCard .hm-hq-mini-board-head strong{font-size:14px!important}
#hmQuizCard .hm-hq-mini-board-head a{font-size:12px!important}
#hmQuizCard .hm-hq-mini-name{font-size:14px!important}
#hmQuizCard .hm-hq-mini-score{font-size:14px!important}
#hmQuizCard .hm-hq-result-actions .hm-button{font-size:15px!important}

@media(max-width:760px){
    #hmQuizCard .hm-hq-result h3{font-size:22px!important}
    #hmQuizCard .hm-hq-result>p{font-size:12px!important}
    #hmQuizCard .hm-hq-rank-share{grid-template-columns:minmax(0,1fr) 142px;gap:10px;margin:4px auto 10px!important}
    #hmQuizCard .hm-hq-rank-disc{width:134px!important;height:134px!important;border-width:7px!important}
    #hmQuizCard .hm-hq-rank-disc::before,#hmQuizCard .hm-hq-rank-disc::after{font-size:20px!important}
    #hmQuizCard .hm-hq-rank-disc::before{left:9px!important}
    #hmQuizCard .hm-hq-rank-disc::after{right:9px!important}
    #hmQuizCard .hm-hq-rank-number{font-size:42px!important}
    #hmQuizCard .hm-hq-rank-disc strong{font-size:16px!important}
    #hmQuizCard .hm-hq-rank-disc small{font-size:10px!important;margin-top:4px!important}
    #hmQuizCard .hm-hq-share-fb{min-height:134px;padding:11px 10px;border-radius:18px;gap:8px}
    #hmQuizCard .hm-hq-share-fb-icon{width:32px;height:32px;font-size:23px}
    #hmQuizCard .hm-hq-share-fb-copy b{font-size:13px}
    #hmQuizCard .hm-hq-share-fb-copy small{font-size:9px;line-height:1.22}
    #hmQuizCard .hm-hq-result-summary>span i{font-size:16px!important}
    #hmQuizCard .hm-hq-result-summary strong{font-size:16px!important}
    #hmQuizCard .hm-hq-result-summary small{font-size:9px!important}
    #hmQuizCard .hm-hq-mini-board-head strong{font-size:13px!important}
    #hmQuizCard .hm-hq-mini-board-head a{font-size:10px!important}
    #hmQuizCard .hm-hq-mini-name{font-size:12px!important}
    #hmQuizCard .hm-hq-mini-score{font-size:12px!important}
    #hmQuizCard .hm-hq-result-actions .hm-button{font-size:14px!important}
}


/* ==========================================================================
   v594 – rebríček presne: meno, 3 riadky bodovania, celkové body napravo
   ========================================================================== */
#hmQuizRankingAccess .hm-quiz-ranking-full-table-head{display:none!important}
#hmQuizRankingAccess.hm-v446-ranking-classic .hm-quiz-ranking-full-item,
#hmQuizRankingAccess .hm-quiz-ranking-full-item{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    grid-template-areas:none!important;
    align-items:center!important;
    gap:14px!important;
    min-height:92px!important;
    padding:14px 16px!important;
    border:1px solid #dfe9f4!important;
    border-radius:16px!important;
    background:#fff!important;
    box-shadow:none!important;
}
#hmQuizRankingAccess .hm-quiz-ranking-full-item.is-top-five{background:#fff!important;border-color:#dfe9f4!important}
#hmQuizRankingAccess .hm-quiz-ranking-full-rank{display:none!important}
#hmQuizRankingAccess .hm-quiz-ranking-person{min-width:0;display:block!important}
#hmQuizRankingAccess .hm-quiz-ranking-full-name{
    display:block!important;
    margin:0 0 7px!important;
    color:#103b75!important;
    font-size:21px!important;
    line-height:1.05!important;
    font-weight:1000!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
}
#hmQuizRankingAccess .hm-quiz-ranking-score-details{
    display:grid!important;
    gap:2px!important;
}
#hmQuizRankingAccess .hm-quiz-ranking-score-details small{
    display:block!important;
    color:#667e99!important;
    font-size:12px!important;
    line-height:1.25!important;
    font-weight:800!important;
}
#hmQuizRankingAccess .hm-quiz-ranking-score-details small+small{color:#667e99!important}
#hmQuizRankingAccess .hm-quiz-ranking-full-total{
    align-self:center!important;
    justify-self:end!important;
    min-width:92px!important;
    color:#0b5ebd!important;
    font-size:30px!important;
    line-height:.95!important;
    font-weight:1000!important;
    text-align:right!important;
    white-space:nowrap!important;
}
#hmQuizRankingAccess .hm-quiz-ranking-full-total small{
    display:block!important;
    margin-top:6px!important;
    color:#6e829a!important;
    font-size:11px!important;
    line-height:1!important;
    font-weight:900!important;
    letter-spacing:.03em!important;
    text-transform:uppercase!important;
}

#hmQuizRankingAccess .hm-v591-district-player{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    gap:12px!important;
    align-items:center!important;
    min-height:84px!important;
    padding:12px 14px!important;
    border:1px solid #e2eaf4!important;
    border-radius:14px!important;
    background:#fff!important;
}
#hmQuizRankingAccess .hm-v591-district-player-rank{display:none!important}
#hmQuizRankingAccess .hm-v591-district-player-copy>strong{
    display:block!important;
    margin-bottom:6px!important;
    color:#103b75!important;
    font-size:18px!important;
    line-height:1.05!important;
    font-weight:1000!important;
}
#hmQuizRankingAccess .hm-v591-district-player-total{
    min-width:82px!important;
    color:#0b5ebd!important;
    font-size:24px!important;
    line-height:.95!important;
    font-weight:1000!important;
    text-align:right!important;
}
#hmQuizRankingAccess .hm-v591-district-player-total small{
    display:block!important;
    margin-top:5px!important;
    color:#6e829a!important;
    font-size:10px!important;
    text-transform:uppercase!important;
}

@media(max-width:760px){
    #hmQuizRankingAccess.hm-v446-ranking-classic .hm-quiz-ranking-full-item,
    #hmQuizRankingAccess .hm-quiz-ranking-full-item{
        grid-template-columns:minmax(0,1fr) 78px!important;
        gap:9px!important;
        min-height:88px!important;
        padding:12px!important;
        border-radius:14px!important;
    }
    #hmQuizRankingAccess .hm-quiz-ranking-full-name{font-size:18px!important;margin-bottom:6px!important}
    #hmQuizRankingAccess .hm-quiz-ranking-score-details small{font-size:11px!important;line-height:1.22!important}
    #hmQuizRankingAccess .hm-quiz-ranking-full-total{min-width:74px!important;font-size:23px!important}
    #hmQuizRankingAccess .hm-quiz-ranking-full-total small{font-size:9px!important;margin-top:5px!important}
    #hmQuizRankingAccess .hm-v591-district-player{grid-template-columns:minmax(0,1fr) 72px!important;gap:8px!important;min-height:80px!important;padding:11px!important}
    #hmQuizRankingAccess .hm-v591-district-player-copy>strong{font-size:16px!important}
    #hmQuizRankingAccess .hm-v591-district-player-total{min-width:68px!important;font-size:20px!important}
}


/* v595 – menší text v Facebook share bloku */
#hmQuizCard .hm-hq-share-fb-copy b{font-size:7.2px!important;line-height:1.15!important}
#hmQuizCard .hm-hq-share-fb-copy small{font-size:4.4px!important;line-height:1.25!important;margin-top:4px!important}
@media(max-width:760px){
    #hmQuizCard .hm-hq-share-fb-copy b{font-size:5.2px!important}
    #hmQuizCard .hm-hq-share-fb-copy small{font-size:3.6px!important;line-height:1.22!important}
}


/* v596 – stav po skopírovaní Facebook textu */
#hmQuizCard .hm-hq-share-fb-copy{min-width:0}
#hmQuizCard .hm-hq-share-fb-copy b,
#hmQuizCard .hm-hq-share-fb-copy small{transition:opacity .15s ease}


/* ==========================================================================
   v597 – desktop kompaktnejší výsledok a užší quiz modal
   ========================================================================== */
@media(min-width:761px){
  body.hm-quiz-focus #hmQuizCard.is-live{
    width:min(662px,calc(100vw - 48px))!important;
  }
  #hmQuizCard .hm-hq-empty,
  #hmQuizCard .hm-hq-access,
  #hmQuizCard .hm-hq-result{
    padding:34px clamp(18px,3.5vw,40px)!important;
  }
  #hmQuizCard .hm-hq-result-shell{
    width:min(620px,100%)!important;
  }
  #hmQuizCard .hm-hq-result h3{
    font-size:28px!important;
    line-height:1.08!important;
    margin:10px 0 4px!important;
  }
  #hmQuizCard .hm-hq-result>p{
    font-size:14px!important;
    margin-bottom:8px!important;
  }
  #hmQuizCard .hm-hq-rank-share{
    width:min(620px,100%)!important;
    grid-template-columns:188px minmax(0,170px)!important;
    justify-content:flex-start!important;
    gap:10px!important;
    margin:4px auto 10px!important;
  }
  #hmQuizCard .hm-hq-rank-hero{
    justify-content:flex-start!important;
  }
  #hmQuizCard .hm-hq-rank-disc{
    width:168px!important;
    height:168px!important;
    border-width:8px!important;
  }
  #hmQuizCard .hm-hq-rank-disc::before,
  #hmQuizCard .hm-hq-rank-disc::after{
    font-size:24px!important;
  }
  #hmQuizCard .hm-hq-rank-disc::before{left:12px!important}
  #hmQuizCard .hm-hq-rank-disc::after{right:12px!important}
  #hmQuizCard .hm-hq-rank-number{
    font-size:48px!important;
  }
  #hmQuizCard .hm-hq-rank-disc strong{
    font-size:20px!important;
    margin-top:1px!important;
  }
  #hmQuizCard .hm-hq-rank-disc small{
    font-size:12px!important;
    margin-top:4px!important;
  }
  #hmQuizCard .hm-hq-share-fb{
    min-height:136px!important;
    padding:10px 10px!important;
    border-radius:18px!important;
    gap:7px!important;
  }
  #hmQuizCard .hm-hq-share-fb-icon{
    width:32px!important;
    height:32px!important;
    font-size:22px!important;
  }
  #hmQuizCard .hm-hq-share-fb-copy b{
    font-size:11px!important;
  }
  #hmQuizCard .hm-hq-share-fb-copy small{
    font-size:4.8px!important;
    line-height:1.18!important;
    margin-top:3px!important;
  }
  #hmQuizCard .hm-hq-result-summary{
    width:min(620px,100%)!important;
    gap:8px!important;
    margin:0 auto 10px!important;
  }
  #hmQuizCard .hm-hq-result-summary>span{
    padding:10px 6px 8px!important;
    border-radius:14px!important;
  }
  #hmQuizCard .hm-hq-result-summary>span i{
    font-size:16px!important;
    margin-bottom:3px!important;
  }
  #hmQuizCard .hm-hq-result-summary strong{
    font-size:16px!important;
  }
  #hmQuizCard .hm-hq-result-summary small{
    font-size:9px!important;
    line-height:1.1!important;
  }
  #hmQuizCard .hm-hq-mini-board{
    width:min(620px,100%)!important;
    padding:8px!important;
    border-radius:18px!important;
    margin-bottom:10px!important;
  }
  #hmQuizCard .hm-hq-mini-board-head{
    margin-bottom:6px!important;
    padding:2px 4px 4px!important;
  }
  #hmQuizCard .hm-hq-mini-board-head strong{
    font-size:13px!important;
  }
  #hmQuizCard .hm-hq-mini-board-head a{
    font-size:10px!important;
  }
  #hmQuizCard .hm-hq-mini-board-list{gap:6px!important}
  #hmQuizCard .hm-hq-mini-row{
    min-height:42px!important;
    padding:0 9px!important;
    gap:7px!important;
    border-radius:12px!important;
  }
  #hmQuizCard .hm-hq-mini-rank{font-size:11px!important}
  #hmQuizCard .hm-hq-mini-badge{
    width:26px!important;
    height:26px!important;
    font-size:14px!important;
  }
  #hmQuizCard .hm-hq-mini-name{
    font-size:12px!important;
  }
  #hmQuizCard .hm-hq-mini-score{
    font-size:12px!important;
  }
  #hmQuizCard .hm-hq-result-actions{
    width:min(620px,100%)!important;
    gap:8px!important;
  }
  #hmQuizCard .hm-hq-result-actions .hm-button{
    min-height:46px!important;
    font-size:13px!important;
    border-radius:14px!important;
  }
}


/* ==========================================================================
   v598 – symbol chyby vedľa nadpisu + ešte kompaktnejší výsledok
   ========================================================================== */
#hmQuizCard .hm-hq-result-title-row{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:9px;
    margin:0 auto 3px;
}
#hmQuizCard .hm-hq-result-title-row .hm-hq-result-mark{
    position:static!important;
    flex:0 0 auto;
    width:34px!important;
    height:34px!important;
    border-radius:10px!important;
    font-size:23px!important;
    box-shadow:0 7px 16px rgba(22,58,105,.11)!important;
}
#hmQuizCard .hm-hq-result-title-row h3{
    margin:0!important;
    font-size:22px!important;
    line-height:1.08!important;
    letter-spacing:-.025em!important;
}
#hmQuizCard .hm-hq-result-shell>p{
    margin:0 auto 7px!important;
    font-size:12px!important;
    line-height:1.3!important;
}
#hmQuizCard .hm-hq-mini-board{
    padding:7px!important;
    margin-bottom:8px!important;
}
#hmQuizCard .hm-hq-mini-board-head{
    margin-bottom:5px!important;
    padding:1px 3px 4px!important;
}
#hmQuizCard .hm-hq-mini-board-head strong{font-size:12px!important}
#hmQuizCard .hm-hq-mini-board-head a{font-size:9px!important}
#hmQuizCard .hm-hq-mini-board-list{gap:5px!important}
#hmQuizCard .hm-hq-mini-row{
    min-height:38px!important;
    padding:0 8px!important;
    gap:6px!important;
    border-radius:11px!important;
}
#hmQuizCard .hm-hq-mini-rank{font-size:10px!important}
#hmQuizCard .hm-hq-mini-badge{
    width:24px!important;
    height:24px!important;
    font-size:13px!important;
}
#hmQuizCard .hm-hq-mini-name{font-size:11px!important}
#hmQuizCard .hm-hq-mini-score{font-size:11px!important}

@media(min-width:761px){
    #hmQuizCard .hm-hq-result{
        padding-top:24px!important;
        padding-bottom:14px!important;
    }
    #hmQuizCard .hm-hq-rank-share{margin-top:2px!important;margin-bottom:8px!important}
    #hmQuizCard .hm-hq-result-summary{margin-bottom:8px!important}
    #hmQuizCard .hm-hq-result-actions{gap:7px!important}
    #hmQuizCard .hm-hq-result-actions .hm-button{min-height:42px!important;font-size:12px!important}
}

@media(max-width:760px){
    #hmQuizCard .hm-hq-result{padding-top:18px!important}
    #hmQuizCard .hm-hq-result-title-row{gap:7px;margin-bottom:2px}
    #hmQuizCard .hm-hq-result-title-row .hm-hq-result-mark{
        width:30px!important;
        height:30px!important;
        border-radius:9px!important;
        font-size:20px!important;
    }
    #hmQuizCard .hm-hq-result-title-row h3{font-size:18px!important}
    #hmQuizCard .hm-hq-result-shell>p{font-size:11px!important;margin-bottom:6px!important}
    #hmQuizCard .hm-hq-mini-board{padding:7px!important;margin-bottom:8px!important}
    #hmQuizCard .hm-hq-mini-board-head strong{font-size:12px!important}
    #hmQuizCard .hm-hq-mini-board-head a{font-size:9px!important}
    #hmQuizCard .hm-hq-mini-row{
        min-height:41px!important;
        padding:0 8px!important;
        gap:6px!important;
        border-radius:12px!important;
    }
    #hmQuizCard .hm-hq-mini-rank{font-size:10px!important}
    #hmQuizCard .hm-hq-mini-badge{width:25px!important;height:25px!important;font-size:13px!important}
    #hmQuizCard .hm-hq-mini-name{font-size:11px!important}
    #hmQuizCard .hm-hq-mini-score{font-size:11px!important}
    #hmQuizCard .hm-hq-result-actions{gap:7px!important}
    #hmQuizCard .hm-hq-result-actions .hm-button{min-height:47px!important;font-size:13px!important}
}


/* ==========================================================================
   v599 – kompletný rebríček v štýle ostatných rebríčkov, údaje vedľa mena
   ========================================================================== */
#hmQuizRankingAccess .hm-quiz-ranking-full-table-head{display:none!important}
#hmQuizRankingAccess.hm-v446-ranking-classic .hm-quiz-ranking-full-item,
#hmQuizRankingAccess .hm-quiz-ranking-full-item{
    display:grid!important;
    grid-template-columns:34px minmax(110px,.75fr) minmax(220px,1.55fr) auto!important;
    grid-template-areas:none!important;
    align-items:center!important;
    gap:10px!important;
    min-height:58px!important;
    padding:9px 12px!important;
    border:1px solid #e0e9f4!important;
    border-radius:13px!important;
    background:#f8fbff!important;
    box-shadow:none!important;
}
#hmQuizRankingAccess .hm-quiz-ranking-full-item.is-top-five{
    background:#f8fbff!important;
    border-color:#e0e9f4!important;
}
#hmQuizRankingAccess .hm-quiz-ranking-full-item.is-current-email{
    background:#eaf3ff!important;
    border-color:#bdd7f6!important;
}
#hmQuizRankingAccess .hm-quiz-ranking-full-rank{
    display:grid!important;
    place-items:center!important;
    width:30px!important;
    height:30px!important;
    border-radius:50%!important;
    background:#dfeaff!important;
    color:#174d98!important;
    font-size:13px!important;
    font-weight:950!important;
}
#hmQuizRankingAccess .hm-quiz-ranking-person{
    min-width:0!important;
    display:contents!important;
}
#hmQuizRankingAccess .hm-quiz-ranking-full-name{
    min-width:0!important;
    margin:0!important;
    color:#123a71!important;
    font-size:15px!important;
    line-height:1.1!important;
    font-weight:950!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
}
#hmQuizRankingAccess .hm-quiz-ranking-score-details{
    min-width:0!important;
    display:flex!important;
    align-items:center!important;
    gap:9px!important;
    flex-wrap:wrap!important;
}
#hmQuizRankingAccess .hm-quiz-ranking-score-details small{
    display:inline!important;
    color:#6a8099!important;
    font-size:9px!important;
    line-height:1.15!important;
    font-weight:750!important;
    white-space:nowrap!important;
}
#hmQuizRankingAccess .hm-quiz-ranking-score-details b{
    color:#31577f!important;
    font-weight:950!important;
}
#hmQuizRankingAccess .hm-quiz-ranking-full-total{
    min-width:72px!important;
    justify-self:end!important;
    color:#0b5ebd!important;
    font-size:20px!important;
    line-height:1!important;
    font-weight:1000!important;
    text-align:right!important;
    white-space:nowrap!important;
}
#hmQuizRankingAccess .hm-quiz-ranking-full-total small{
    display:inline!important;
    margin:0 0 0 3px!important;
    color:#6e829a!important;
    font-size:8px!important;
    font-weight:850!important;
    letter-spacing:0!important;
    text-transform:none!important;
}

#hmQuizRankingAccess .hm-v591-district-player{
    display:grid!important;
    grid-template-columns:30px minmax(100px,.75fr) minmax(190px,1.55fr) auto!important;
    align-items:center!important;
    gap:9px!important;
    min-height:54px!important;
    padding:8px 11px!important;
    border:1px solid #e0e9f4!important;
    border-radius:12px!important;
    background:#f8fbff!important;
}
#hmQuizRankingAccess .hm-v591-district-player-rank{
    display:grid!important;
    place-items:center!important;
    width:28px!important;
    height:28px!important;
    border-radius:50%!important;
    background:#dfeaff!important;
    color:#174d98!important;
    font-size:12px!important;
    font-weight:950!important;
}
#hmQuizRankingAccess .hm-v591-district-player-copy{display:contents!important}
#hmQuizRankingAccess .hm-v591-district-player-copy>strong{
    margin:0!important;
    color:#123a71!important;
    font-size:14px!important;
    font-weight:950!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
}
#hmQuizRankingAccess .hm-v591-district-player-total{
    min-width:64px!important;
    color:#0b5ebd!important;
    font-size:18px!important;
    font-weight:1000!important;
    text-align:right!important;
    white-space:nowrap!important;
}
#hmQuizRankingAccess .hm-v591-district-player-total small{
    display:inline!important;
    margin-left:3px!important;
    font-size:8px!important;
    color:#6e829a!important;
    text-transform:none!important;
}

@media(max-width:760px){
    #hmQuizRankingAccess.hm-v446-ranking-classic .hm-quiz-ranking-full-item,
    #hmQuizRankingAccess .hm-quiz-ranking-full-item{
        grid-template-columns:26px minmax(72px,.7fr) minmax(115px,1.35fr) 58px!important;
        gap:6px!important;
        min-height:50px!important;
        padding:7px 8px!important;
        border-radius:11px!important;
    }
    #hmQuizRankingAccess .hm-quiz-ranking-full-rank{width:24px!important;height:24px!important;font-size:10px!important}
    #hmQuizRankingAccess .hm-quiz-ranking-full-name{font-size:12px!important}
    #hmQuizRankingAccess .hm-quiz-ranking-score-details{gap:4px 6px!important}
    #hmQuizRankingAccess .hm-quiz-ranking-score-details small{font-size:7px!important}
    #hmQuizRankingAccess .hm-quiz-ranking-full-total{min-width:54px!important;font-size:15px!important}
    #hmQuizRankingAccess .hm-quiz-ranking-full-total small{font-size:6.5px!important}

    #hmQuizRankingAccess .hm-v591-district-player{
        grid-template-columns:24px minmax(68px,.7fr) minmax(105px,1.35fr) 54px!important;
        gap:5px!important;
        min-height:48px!important;
        padding:7px 8px!important;
    }
    #hmQuizRankingAccess .hm-v591-district-player-rank{width:23px!important;height:23px!important;font-size:10px!important}
    #hmQuizRankingAccess .hm-v591-district-player-copy>strong{font-size:11.5px!important}
    #hmQuizRankingAccess .hm-v591-district-player-total{min-width:50px!important;font-size:14px!important}
    #hmQuizRankingAccess .hm-v591-district-player-total small{font-size:6.5px!important}
}


/* ==========================================================================
   v600 – TOP 5 kvízu ako Pexeso + pevné stránkovanie po 10
   ========================================================================== */
#hmQuizRankingAccess .hm-quiz-ranking-full-list{
    display:grid!important;
    gap:8px!important;
    max-height:none!important;
    overflow:visible!important;
}
#hmQuizRankingAccess .hm-quiz-ranking-full-item{
    background:#f8fbff!important;
    border-color:rgba(180,200,225,.42)!important;
}
#hmQuizRankingAccess .hm-quiz-ranking-full-item.is-top-five{
    background:#fff7cf!important;
    border-color:#e8cf61!important;
}
#hmQuizRankingAccess .hm-quiz-ranking-full-item.is-top-five:hover{
    background:#fff4b8!important;
}
#hmQuizRankingAccess .hm-quiz-ranking-full-item .hm-quiz-ranking-full-rank{
    background:#e2ebf8!important;
    color:#315f98!important;
}
#hmQuizRankingAccess .hm-quiz-ranking-full-item.is-top-five .hm-quiz-ranking-full-rank{
    background:#ffd400!important;
    color:#0b3c7a!important;
}
#hmQuizRankingAccess .hm-ranking-page-hidden{display:none!important}
#hmQuizRankingAccess .hm-quiz-ranking-pagination{display:grid!important}
#hmQuizRankingAccess .hm-quiz-ranking-pagination.is-single-page{display:none!important}


/* ==========================================================================
   v602 – mobilný kvízový rebríček: meno → rozpis → celkové body
   ========================================================================== */
@media(max-width:760px){
    #hmQuizRankingAccess.hm-v446-ranking-classic .hm-quiz-ranking-full-item,
    #hmQuizRankingAccess .hm-quiz-ranking-full-item{
        display:grid!important;
        grid-template-columns:28px minmax(0,1fr)!important;
        grid-template-areas:
            "rank name"
            "rank details"
            "rank total"!important;
        align-items:start!important;
        gap:3px 9px!important;
        min-height:0!important;
        padding:9px 10px!important;
    }
    #hmQuizRankingAccess .hm-quiz-ranking-full-rank{
        grid-area:rank!important;
        align-self:center!important;
        width:26px!important;
        height:26px!important;
        font-size:11px!important;
    }
    #hmQuizRankingAccess .hm-quiz-ranking-full-name{
        grid-area:name!important;
        display:block!important;
        width:100%!important;
        margin:0!important;
        font-size:14px!important;
        line-height:1.12!important;
        font-weight:950!important;
        white-space:nowrap!important;
        overflow:hidden!important;
        text-overflow:ellipsis!important;
    }
    #hmQuizRankingAccess .hm-quiz-ranking-score-details{
        grid-area:details!important;
        display:flex!important;
        width:100%!important;
        align-items:center!important;
        gap:4px 8px!important;
        flex-wrap:wrap!important;
        margin:1px 0 0!important;
    }
    #hmQuizRankingAccess .hm-quiz-ranking-score-details small{
        display:inline-flex!important;
        align-items:center!important;
        gap:2px!important;
        font-size:8px!important;
        line-height:1.15!important;
        white-space:nowrap!important;
    }
    #hmQuizRankingAccess .hm-quiz-ranking-full-total{
        grid-area:total!important;
        justify-self:start!important;
        min-width:0!important;
        margin-top:2px!important;
        font-size:16px!important;
        line-height:1!important;
        text-align:left!important;
    }
    #hmQuizRankingAccess .hm-quiz-ranking-full-total small{
        font-size:7px!important;
    }

    #hmQuizRankingAccess .hm-v591-district-player{
        display:grid!important;
        grid-template-columns:26px minmax(0,1fr)!important;
        grid-template-areas:
            "drank dname"
            "drank ddetails"
            "drank dtotal"!important;
        align-items:start!important;
        gap:3px 8px!important;
        min-height:0!important;
        padding:8px 9px!important;
    }
    #hmQuizRankingAccess .hm-v591-district-player-rank{
        grid-area:drank!important;
        align-self:center!important;
        width:24px!important;
        height:24px!important;
        font-size:10px!important;
    }
    #hmQuizRankingAccess .hm-v591-district-player-copy{
        display:contents!important;
    }
    #hmQuizRankingAccess .hm-v591-district-player-copy>strong{
        grid-area:dname!important;
        display:block!important;
        width:100%!important;
        font-size:13px!important;
        line-height:1.12!important;
    }
    #hmQuizRankingAccess .hm-v591-district-player-copy .hm-quiz-ranking-score-details{
        grid-area:ddetails!important;
    }
    #hmQuizRankingAccess .hm-v591-district-player-total{
        grid-area:dtotal!important;
        justify-self:start!important;
        min-width:0!important;
        margin-top:2px!important;
        font-size:15px!important;
        text-align:left!important;
    }
}


/* ==========================================================================
   v603 – Kvízová pyramída
   ========================================================================== */
.hm-v603-pyramid{margin-top:18px;padding:18px 18px 16px;border:1px solid #d7e6f5;border-radius:24px;background:linear-gradient(180deg,#ffffff 0%,#f7fbff 100%);box-shadow:0 14px 34px rgba(23,58,105,.08)}
.hm-v603-pyramid-head{display:flex;align-items:flex-start;gap:18px;justify-content:space-between;flex-wrap:wrap}
.hm-v603-pyramid-copy{flex:1 1 320px}
.hm-v603-pyramid-copy span{display:inline-block;margin-bottom:5px;color:#4776b8;font-size:11px;font-weight:900;letter-spacing:.12em}
.hm-v603-pyramid-copy h4{margin:0 0 4px;color:#0f376f;font-size:28px;line-height:1.08}
.hm-v603-pyramid-copy small{display:block;color:#5e7695;font-size:13px;line-height:1.5}
.hm-v603-pyramid-toggle{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:54px;padding:0 24px;border:0;border-radius:18px;background:linear-gradient(180deg,#1d64d8 0%,#0c57c5 100%);box-shadow:0 14px 28px rgba(13,87,197,.24);color:#fff;font-weight:900;font-size:15px;letter-spacing:.03em;cursor:pointer;white-space:nowrap}
.hm-v603-pyramid-toggle span{font-size:16px}
.hm-v603-pyramid-body{margin-top:16px;padding-top:14px;border-top:1px solid #dfebf7}
.hm-v603-pyramid-chart{display:flex;flex-direction:column;gap:9px}
.hm-v603-pyramid-row{display:grid;grid-template-columns:92px minmax(0,1fr) 110px;align-items:center;gap:2px;padding:6px 0}
.hm-v603-pyramid-label{color:#123c76;font-weight:800;font-size:13px}
.hm-v603-pyramid-bar{position:relative;height:28px;border-radius:999px;background:#eaf3ff;overflow:hidden;box-shadow:inset 0 1px 2px rgba(17,59,118,.08)}
.hm-v603-pyramid-bar b{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#0e63dc 0%,#2d80f2 100%);box-shadow:0 8px 18px rgba(13,87,197,.25)}
.hm-v603-pyramid-value{display:flex;flex-direction:column;align-items:flex-end;text-align:right;gap:1px}
.hm-v603-pyramid-value strong{color:#123c76;font-size:14px;line-height:1.05}
.hm-v603-pyramid-value small{color:#6a82a0;font-size:12px;line-height:1.05}
@media(max-width:760px){
  .hm-v603-pyramid{padding:15px 14px 14px;border-radius:20px}
  .hm-v603-pyramid-head{gap:12px}
  .hm-v603-pyramid-toggle{order:2;width:100%;min-height:48px;padding:0 16px;border-radius:16px;font-size:14px}
  .hm-v603-pyramid-copy h4{font-size:22px}
  .hm-v603-pyramid-copy small{font-size:12px}
  .hm-v603-pyramid-row{grid-template-columns:72px minmax(0,1fr) 80px;gap:1px;padding:5px 0}
  .hm-v603-pyramid-label{font-size:11px}
  .hm-v603-pyramid-bar{height:20px}
  .hm-v603-pyramid-value strong{font-size:11px}
  .hm-v603-pyramid-value small{font-size:10px}
}


/* ==========================================================================
   v606 – Kvíz: ovládací panel pod odpoveďami + cca 30 % väčšie ovládanie
   ========================================================================== */
#hmQuizCard .hm-hq-running{
    grid-template-rows:auto auto minmax(0,1fr) auto!important;
    gap:8px!important;
}
#hmQuizCard .hm-hq-levels{order:1!important}
#hmQuizCard .hm-hq-progress{order:2!important}
#hmQuizCard #hmQuizQuestion{order:3!important}
#hmQuizCard .hm-hq-topbar{
    order:4!important;
    min-height:50px!important;
    grid-template-columns:minmax(105px,.75fr) auto minmax(238px,1fr)!important;
    gap:10px!important;
    padding:6px 8px!important;
    box-sizing:border-box!important;
    border:1px solid #d7e4f2!important;
    border-radius:12px!important;
    background:linear-gradient(180deg,#ffffff 0%,#f4f8fd 100%)!important;
    box-shadow:0 7px 18px rgba(18,61,117,.07)!important;
}
#hmQuizCard .hm-hq-heading span{
    font-size:12px!important;
    line-height:1.1!important;
}
#hmQuizCard .hm-hq-tools-top{gap:7px!important}
#hmQuizCard .hm-hq-tools-top button{
    min-width:86px!important;
    min-height:38px!important;
    padding:6px 12px!important;
    border-width:2px!important;
    border-radius:10px!important;
}
#hmQuizCard .hm-hq-tools-top button[data-quiz-swap]{min-width:117px!important}
#hmQuizCard .hm-hq-tools-top b{font-size:13px!important}
#hmQuizCard .hm-hq-live-stats{gap:5px!important}
#hmQuizCard .hm-hq-live-stats>div{
    min-height:36px!important;
    padding:6px 9px!important;
    border-radius:9px!important;
    gap:3px!important;
}
#hmQuizCard .hm-hq-live-stats small{font-size:10px!important}
#hmQuizCard .hm-hq-live-stats strong,
#hmQuizCard .hm-hq-live-stats time{font-size:14px!important}
#hmQuizCard .hm-hq-live-stats span{font-size:10px!important}

/* Väčší spodný panel si berie priestor z otázky, nie z odpovedí. */
#hmQuizCard .hm-hq-prompt{
    min-height:145px!important;
    padding-top:14px!important;
    padding-bottom:14px!important;
}

@media(max-width:760px){
    #hmQuizCard .hm-hq-running{
        grid-template-rows:auto auto minmax(0,1fr) auto!important;
        gap:6px!important;
        padding-bottom:8px!important;
    }
    #hmQuizCard .hm-hq-topbar{
        grid-template-columns:minmax(62px,.62fr) auto minmax(142px,1fr)!important;
        gap:5px!important;
        min-height:42px!important;
        padding:5px 6px!important;
        border-radius:10px!important;
    }
    #hmQuizCard .hm-hq-heading span{font-size:9px!important}
    #hmQuizCard .hm-hq-tools-top{gap:4px!important}
    #hmQuizCard .hm-hq-tools-top button{
        min-width:61px!important;
        min-height:34px!important;
        padding:4px 7px!important;
        border-radius:9px!important;
    }
    #hmQuizCard .hm-hq-tools-top button[data-quiz-swap]{min-width:87px!important}
    #hmQuizCard .hm-hq-tools-top b{font-size:10.5px!important}
    #hmQuizCard .hm-hq-live-stats{gap:3px!important}
    #hmQuizCard .hm-hq-live-stats>div{
        min-height:33px!important;
        padding:4px 5px!important;
        border-radius:8px!important;
        gap:1px!important;
    }
    #hmQuizCard .hm-hq-live-stats small{font-size:7.5px!important}
    #hmQuizCard .hm-hq-live-stats strong,
    #hmQuizCard .hm-hq-live-stats time{font-size:10.5px!important}
    #hmQuizCard .hm-hq-live-stats span{font-size:7.5px!important}
    #hmQuizCard .hm-hq-prompt{
        min-height:155px!important;
        padding-top:12px!important;
        padding-bottom:12px!important;
    }
}

@media(max-width:430px){
    #hmQuizCard .hm-hq-topbar{
        grid-template-columns:minmax(0,1fr) auto!important;
        grid-template-areas:
            "heading tools"
            "stats stats"!important;
        gap:5px 6px!important;
        padding:5px 6px!important;
    }
    #hmQuizCard .hm-hq-heading{grid-area:heading!important}
    #hmQuizCard .hm-hq-tools-top{grid-area:tools!important;justify-self:end!important}
    #hmQuizCard .hm-hq-live-stats{
        grid-area:stats!important;
        justify-self:stretch!important;
        display:grid!important;
        grid-template-columns:repeat(3,minmax(0,1fr))!important;
    }
    #hmQuizCard .hm-hq-live-stats>div{width:100%!important}
}


/* ==========================================================================
   v608 – férové otázky + admin štatistiky + úvod ankety
   ========================================================================== */
.hm-v173-launch-cta{white-space:nowrap!important;justify-content:center!important;gap:clamp(12px,2vw,28px)!important}
.hm-v173-launch-cta>span{font-size:clamp(22px,2.25vw,38px)!important;line-height:1!important;letter-spacing:-.03em!important;text-align:center!important;white-space:nowrap!important}
.hm-v173-launch-cta>b{flex:0 0 auto!important}

.hm-poll-guide{position:fixed;z-index:100030;left:50%;top:50%;transform:translate(-50%,-50%);width:min(920px,calc(100vw - 36px));max-height:calc(100vh - 36px);overflow:auto;background:#f7fbff;border:1px solid rgba(16,95,190,.2);border-radius:30px;box-shadow:0 30px 90px rgba(4,35,78,.34);padding:34px;color:#0b3d78}
.hm-poll-guide-close{position:absolute;right:22px;top:20px;width:48px;height:48px;border-radius:15px;border:1px solid #d7e4f3;background:#fff;color:#123f72;font-size:28px;line-height:1;cursor:pointer}
.hm-poll-guide-kicker{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 64px 22px 0}.hm-poll-guide-kicker span{font-size:12px;font-weight:900;letter-spacing:.18em;background:#0a63c9;color:#fff;border-radius:999px;padding:8px 12px}.hm-poll-guide-kicker b{font-size:13px;color:#69809a}
.hm-poll-guide-main{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:30px;align-items:start}.hm-poll-guide-copy{background:linear-gradient(145deg,#073d83,#0d6cd5);color:#fff;border-radius:25px;padding:30px;min-height:100%}.hm-poll-guide-step{display:inline-block;font-size:12px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:#ffe000;margin-bottom:12px}.hm-poll-guide-copy h3{font-size:clamp(30px,4vw,50px);line-height:.98;letter-spacing:-.045em;margin:0 0 18px;color:#fff}.hm-poll-guide-copy p{font-size:17px;line-height:1.55;margin:0;color:#eaf4ff}
.hm-poll-guide-steps{display:grid;gap:12px}.hm-poll-guide-steps>div{display:grid;grid-template-columns:52px 1fr;gap:14px;align-items:center;background:#fff;border:1px solid #d9e6f4;border-radius:19px;padding:15px 17px;box-shadow:0 8px 26px rgba(17,70,130,.06)}.hm-poll-guide-steps>div>b{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;background:#e7f2ff;color:#0c66ca;font-size:21px}.hm-poll-guide-steps strong{display:block;font-size:17px;color:#0b3d78;margin-bottom:3px}.hm-poll-guide-steps small{display:block;font-size:13px;line-height:1.35;color:#70839a}
.hm-poll-guide-footer{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:26px;padding-top:22px;border-top:1px solid #d8e5f2}.hm-poll-guide-footer>span{font-size:13px;font-weight:800;color:#74879c}.hm-poll-guide-footer button{border:0;border-radius:18px;background:#ffd400;color:#073a77;font-weight:950;font-size:17px;padding:17px 23px;min-height:58px;cursor:pointer;box-shadow:0 10px 28px rgba(219,174,0,.2)}.hm-poll-guide-footer button b{font-size:22px;margin-left:14px}

.hm-v608-quiz-overview{margin:20px 0 24px;background:#fff;border:1px solid #dbe6f1;border-radius:22px;overflow:hidden}.hm-v608-quiz-overview-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;padding:22px 24px;background:#f6faff;border-bottom:1px solid #dbe6f1}.hm-v608-quiz-overview-head span{font-size:11px;font-weight:900;letter-spacing:.15em;color:#0b69c7}.hm-v608-quiz-overview-head h3{margin:4px 0 6px;font-size:22px}.hm-v608-quiz-overview-head p{margin:0;max-width:780px;color:#667b90}.hm-v608-quiz-overview-head>b{white-space:nowrap;background:#e8f2ff;color:#0b5eae;border-radius:999px;padding:8px 12px}.hm-v608-quiz-table-wrap{overflow:auto}.hm-v608-quiz-table{width:100%;border-collapse:collapse;min-width:1050px}.hm-v608-quiz-table th,.hm-v608-quiz-table td{padding:11px 13px;border-bottom:1px solid #edf2f7;text-align:left;vertical-align:top;font-size:13px}.hm-v608-quiz-table th{position:sticky;top:0;background:#f9fbfd;color:#607388;font-size:11px;text-transform:uppercase;letter-spacing:.06em}.hm-v608-quiz-table td:first-child{min-width:330px}.hm-v608-quiz-table a{color:#0b5ead;font-weight:800;text-decoration:none}.hm-v608-quiz-table tr:hover td{background:#fbfdff}
@media(max-width:700px){.hm-v173-launch-cta>span{font-size:clamp(19px,7vw,28px)!important}.hm-poll-guide{width:calc(100vw - 20px);max-height:calc(100vh - 20px);padding:22px 18px;border-radius:22px}.hm-poll-guide-close{right:14px;top:14px;width:42px;height:42px}.hm-poll-guide-main{grid-template-columns:1fr;gap:14px}.hm-poll-guide-copy{padding:22px;min-height:0}.hm-poll-guide-copy h3{font-size:34px}.hm-poll-guide-copy p{font-size:15px}.hm-poll-guide-steps>div{grid-template-columns:42px 1fr;padding:12px}.hm-poll-guide-steps>div>b{width:40px;height:40px}.hm-poll-guide-footer{align-items:stretch;flex-direction:column}.hm-poll-guide-footer button{width:100%}.hm-v608-quiz-overview-head{flex-direction:column}}


/* =========================================================
   v609 – kompaktnejší úvod ankety bez scrollovania
   Vizuálne priblížený samotným kartám priorít.
   ========================================================= */
@media (min-width:701px){
  .hm-poll-guide{
    width:min(900px,calc(100vw - 44px));
    max-height:calc(100vh - 48px);
    overflow:hidden;
    padding:22px 24px 20px;
    border-radius:28px;
    background:#f5f9fe;
  }
  .hm-poll-guide-close{
    right:18px;top:18px;width:46px;height:46px;border-radius:15px;
    font-size:25px;
  }
  .hm-poll-guide-kicker{
    margin:0 58px 14px 0;
    gap:9px;
  }
  .hm-poll-guide-kicker span{
    padding:7px 11px;
    font-size:11px;
  }
  .hm-poll-guide-kicker b{font-size:12px}
  .hm-poll-guide-main{
    display:grid;
    grid-template-columns:1fr;
    gap:12px;
  }
  .hm-poll-guide-copy{
    min-height:0;
    padding:17px 20px 18px;
    border-radius:21px;
    color:#103f77;
    background:#fff;
    border:1px solid #d6e4f3;
    box-shadow:0 8px 24px rgba(17,70,130,.05);
  }
  .hm-poll-guide-step{
    margin:0 0 6px;
    color:#0d6bce;
    font-size:10px;
    letter-spacing:.12em;
  }
  .hm-poll-guide-copy h3{
    margin:0 0 7px;
    color:#0b3d78;
    font-size:clamp(24px,2.6vw,31px);
    line-height:1.08;
    letter-spacing:-.03em;
  }
  .hm-poll-guide-copy p{
    margin:0;
    max-width:780px;
    color:#657d99;
    font-size:14px;
    line-height:1.42;
  }
  .hm-poll-guide-steps{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
  }
  .hm-poll-guide-steps>div{
    grid-template-columns:42px 1fr;
    gap:11px;
    min-height:78px;
    padding:11px 13px;
    border-radius:17px;
    box-shadow:none;
  }
  .hm-poll-guide-steps>div>b{
    width:40px;height:40px;border-radius:13px;font-size:18px;
  }
  .hm-poll-guide-steps strong{
    margin-bottom:2px;
    font-size:15px;
    line-height:1.15;
  }
  .hm-poll-guide-steps small{
    font-size:12px;
    line-height:1.28;
  }
  .hm-poll-guide-footer{
    margin-top:14px;
    padding-top:13px;
    gap:14px;
  }
  .hm-poll-guide-footer>span{font-size:12px}
  .hm-poll-guide-footer button{
    min-height:50px;
    padding:13px 20px;
    border-radius:16px;
    font-size:15px;
  }
  .hm-poll-guide-footer button b{font-size:19px;margin-left:10px}
}

@media (max-width:700px){
  .hm-poll-guide{
    width:calc(100vw - 16px);
    max-height:calc(100vh - 16px);
    padding:18px 14px 14px;
    border-radius:22px;
  }
  .hm-poll-guide-kicker{margin:0 48px 10px 0;gap:6px}
  .hm-poll-guide-kicker span{font-size:9px;padding:6px 8px}
  .hm-poll-guide-kicker b{font-size:10px}
  .hm-poll-guide-main{gap:9px}
  .hm-poll-guide-copy{padding:14px 15px;border-radius:17px}
  .hm-poll-guide-copy h3{font-size:25px;margin-bottom:6px}
  .hm-poll-guide-copy p{font-size:13px;line-height:1.35}
  .hm-poll-guide-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .hm-poll-guide-steps>div{grid-template-columns:34px 1fr;gap:8px;padding:9px;border-radius:14px;min-width:0}
  .hm-poll-guide-steps>div>b{width:32px;height:32px;border-radius:10px;font-size:15px}
  .hm-poll-guide-steps strong{font-size:13px;line-height:1.12}
  .hm-poll-guide-steps small{font-size:10px;line-height:1.22}
  .hm-poll-guide-footer{margin-top:10px;padding-top:10px;gap:8px}
  .hm-poll-guide-footer>span{display:none}
  .hm-poll-guide-footer button{min-height:48px;padding:12px 14px;font-size:14px;border-radius:15px}
}

@media (max-width:430px){
  .hm-poll-guide-steps{grid-template-columns:1fr 1fr}
  .hm-poll-guide-copy p{font-size:12px}
  .hm-poll-guide-steps small{display:none}
  .hm-poll-guide-steps>div{min-height:56px}
}

/* ==========================================================================
   v610 – zoradenie kvízových otázok podľa percenta úspešnosti
   ========================================================================== */
.hm-v610-quiz-sortbar{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:14px 24px;background:#fff;border-bottom:1px solid #e7eef6}.hm-v610-quiz-sortbar>strong{font-size:13px;color:#163e69}.hm-v610-quiz-sortbar>div{display:flex;gap:8px;flex-wrap:wrap}.hm-v610-quiz-sortbar a{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:8px 13px;border:1px solid #cfe0f2;border-radius:10px;background:#f7fbff;color:#185f9f;font-size:12px;font-weight:900;text-decoration:none;transition:.15s ease}.hm-v610-quiz-sortbar a:hover{background:#edf6ff;border-color:#9fc6ec}.hm-v610-quiz-sortbar a.is-active{background:#0b69c7;border-color:#0b69c7;color:#fff;box-shadow:0 5px 14px rgba(11,105,199,.18)}.hm-v610-quiz-sortbar>small{margin-left:auto;color:#7a8da1;font-size:11px;line-height:1.35}
@media(max-width:760px){.hm-v610-quiz-sortbar{padding:13px 16px;align-items:flex-start;flex-direction:column;gap:9px}.hm-v610-quiz-sortbar>div{width:100%}.hm-v610-quiz-sortbar a{flex:1;min-width:120px}.hm-v610-quiz-sortbar>small{margin-left:0}}


/* v611 – verejný web natrvalo + pasívny stav v backoffice */
.hm-v611-public-fixed{cursor:default!important;user-select:none}.hm-v611-public-fixed:hover{transform:none!important}


/* v612 – právne stránky: tabuľky, upozornenia a čitateľnosť */
.hm-legal-note{margin:16px 0 20px;padding:15px 17px;border:1px solid #cfe0f4;border-left:5px solid #0d6ce1;border-radius:14px;background:#f5f9ff;color:#3d5877;line-height:1.6}.hm-legal-note strong{color:#0a3975}.hm-legal-table-wrap{width:100%;overflow-x:auto;margin:14px 0 18px;border:1px solid #dce7f2;border-radius:14px;background:#fff}.hm-legal-table{width:100%;border-collapse:collapse;min-width:650px;font-size:12.5px;line-height:1.5}.hm-legal-table th,.hm-legal-table td{padding:12px 13px;text-align:left;vertical-align:top;border-bottom:1px solid #e7eef6}.hm-legal-table th{background:#f4f8fd;color:#123e6e;font-size:11px;font-weight:900;letter-spacing:.02em}.hm-legal-table tr:last-child td{border-bottom:0}.hm-legal-content code{display:inline-block;padding:2px 6px;border-radius:6px;background:#eef4fb;color:#174d87;font-size:.92em;word-break:break-word}@media(max-width:680px){.hm-legal-note{padding:13px 14px}.hm-legal-table{font-size:12px}}


/* ==========================================================================
   v617 – elegantnejšia verejná pätička volebnej kampane
   ========================================================================== */
.hm-footer.hm-campaign-footer{
    padding:42px 0 34px!important;
    border-top:1px solid rgba(255,255,255,.08)!important;
}
.hm-campaign-footer-inner{
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:16px!important;
    text-align:center!important;
    max-width:980px!important;
}
.hm-campaign-footer-top{
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    gap:8px!important;
}
.hm-campaign-footer-parties-label{
    margin:0 0 8px!important;
    font-size:14px!important;
    font-weight:900!important;
    color:#ffffff!important;
    line-height:1.4!important;
}
.hm-campaign-footer-parties-image{
    display:block!important;
    width:min(560px,100%)!important;
    height:auto!important;
    margin:0 auto 14px!important;
    border-radius:16px!important;
    box-shadow:0 10px 28px rgba(0,0,0,.12)!important;
    background:#fff!important;
}
.hm-campaign-footer-title{
    margin:0!important;
    color:#fff!important;
    font-size:20px!important;
    line-height:1.25!important;
    font-weight:900!important;
    letter-spacing:-.02em!important;
    max-width:780px!important;
}
.hm-campaign-footer-grid{
    width:100%!important;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:0 34px!important;
    border-top:1px solid rgba(255,255,255,.12)!important;
    border-bottom:1px solid rgba(255,255,255,.12)!important;
    padding:8px 0!important;
}
.hm-campaign-footer-item{
    display:flex!important;
    align-items:flex-start!important;
    justify-content:space-between!important;
    gap:18px!important;
    padding:16px 0!important;
    border-bottom:1px solid rgba(255,255,255,.08)!important;
    text-align:left!important;
}
.hm-campaign-footer-item:nth-last-child(-n+2){border-bottom:none!important;}
.hm-campaign-footer-item span{
    flex:0 0 180px!important;
    color:rgba(255,255,255,.55)!important;
    font-size:11px!important;
    line-height:1.3!important;
    font-weight:900!important;
    letter-spacing:.12em!important;
    text-transform:uppercase!important;
}
.hm-campaign-footer-item strong,
.hm-campaign-footer-item b{
    flex:1 1 auto!important;
    color:#fff!important;
    font-size:16px!important;
    line-height:1.45!important;
    font-weight:800!important;
}
.hm-campaign-footer-note,
.hm-campaign-footer-contact{
    margin:0!important;
    color:rgba(255,255,255,.82)!important;
    font-size:14px!important;
    line-height:1.55!important;
    max-width:760px!important;
}
.hm-campaign-footer-contact a{
    color:#fff!important;
    font-weight:800!important;
    text-decoration:none!important;
    border-bottom:1px solid rgba(255,255,255,.28)!important;
}
.hm-campaign-footer-contact a:hover{color:var(--hm-yellow)!important;border-bottom-color:var(--hm-yellow)!important;}
.hm-campaign-footer-meta{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    flex-wrap:wrap!important;
    gap:12px 22px!important;
    margin-top:2px!important;
}
.hm-campaign-footer-backoffice{
    display:inline-flex!important;
    align-items:center!important;
    gap:8px!important;
    color:#fff!important;
    text-decoration:none!important;
    font-size:13px!important;
    font-weight:800!important;
}
.hm-campaign-footer-backoffice:hover{color:var(--hm-yellow)!important;}
.hm-campaign-footer-backoffice i{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:28px!important;
    height:28px!important;
    border-radius:50%!important;
    background:rgba(255,255,255,.08)!important;
    font-style:normal!important;
    font-size:15px!important;
}
.hm-campaign-footer-links{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    flex-wrap:wrap!important;
    gap:8px 16px!important;
    margin:2px 0 0!important;
}
.hm-campaign-footer-links a{
    display:inline-flex!important;
    align-items:center!important;
    color:rgba(255,255,255,.84)!important;
    font-size:13px!important;
    line-height:1.3!important;
    font-weight:800!important;
    text-decoration:none!important;
}
.hm-campaign-footer-links a:hover{color:var(--hm-yellow)!important;}
.hm-footer .hm-campaign-footer-copy{
    display:block!important;
    width:100%!important;
    margin:4px 0 0!important;
    padding:15px 0 0!important;
    border-top:1px solid rgba(255,255,255,.1)!important;
    color:rgba(255,255,255,.5)!important;
    font-size:12px!important;
    line-height:1.3!important;
    letter-spacing:.04em!important;
}
@media(max-width:900px){
    .hm-campaign-footer-grid{grid-template-columns:1fr!important;gap:0!important;}
    .hm-campaign-footer-item{border-bottom:1px solid rgba(255,255,255,.08)!important;}
    .hm-campaign-footer-item:last-child{border-bottom:none!important;}
}
@media(max-width:620px){
    .hm-footer.hm-campaign-footer{padding:30px 0 24px!important;}
    .hm-campaign-footer-inner{gap:14px!important;padding-left:18px!important;padding-right:18px!important;}
    .hm-campaign-footer-parties-label{font-size:12px!important;margin-bottom:7px!important;}
    .hm-campaign-footer-parties-image{width:min(420px,100%)!important;margin-bottom:12px!important;border-radius:14px!important;}
    .hm-campaign-footer-title{font-size:15px!important;line-height:1.32!important;}
    .hm-campaign-footer-grid{padding:4px 0!important;}
    .hm-campaign-footer-item{flex-direction:column!important;gap:5px!important;padding:13px 0!important;}
    .hm-campaign-footer-item span{flex:0 0 auto!important;font-size:10px!important;}
    .hm-campaign-footer-item strong,
    .hm-campaign-footer-item b{font-size:14px!important;}
    .hm-campaign-footer-note,
    .hm-campaign-footer-contact{font-size:12px!important;line-height:1.5!important;}
    .hm-campaign-footer-meta{gap:10px 16px!important;}
    .hm-campaign-footer-backoffice{font-size:12px!important;}
    .hm-campaign-footer-links{gap:8px 12px!important;}
    .hm-campaign-footer-links a{font-size:12px!important;}
    .hm-footer .hm-campaign-footer-copy{font-size:11px!important;padding-top:13px!important;}
}


/* ==========================================================================
   v618 – homepage sekcia Podnety + urgentné podnety
   ========================================================================== */
.hm-home-map-nav-label{text-transform:none!important;font-size:inherit!important;letter-spacing:inherit!important;}
.hm-home-map{margin-top:18px;}
.hm-home-map-cta .hm-v125-kicker{letter-spacing:.22em;}
.hm-home-map-cta.has-city-photo{--hm-v317-city-photo:url('assets/home-podnety.jpg');}
.hm-home-map-panel .hm-v122-plain-stat strong{font-size:2.15rem;}
.hm-home-map-panel .hm-v122-plain-stat b{max-width:96px;}
.hm-home-map-side .hm-home-action-rules summary{content-visibility:auto;}
.hm-home-map-side .hm-button{min-width:min(100%,470px);}
.hm-home-map-ranking{margin-top:18px;overflow:hidden;}
.hm-home-map-ranking .hm-quiz-ranking-hero{align-items:center;grid-template-columns:minmax(0,1fr) auto auto;}
.hm-home-map-ranking .hm-quiz-ranking-hero-copy h3{margin-bottom:4px;}
.hm-home-map-ranking .hm-quiz-ranking-hero-copy p{margin:0;color:#587093;font-size:14px;line-height:1.55;max-width:620px;}
.hm-home-map-link{display:inline-flex;align-items:center;justify-content:center;min-height:60px;padding:0 26px;border-radius:18px;background:var(--hm-yellow);border:2px solid rgba(255,255,255,.28);box-shadow:0 18px 34px rgba(219,184,15,.24);color:#0f3f92;font-size:16px;font-weight:900;letter-spacing:.02em;text-decoration:none;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease;}
.hm-home-map-link:hover{transform:translateY(-2px);filter:saturate(1.02);box-shadow:0 22px 38px rgba(219,184,15,.28);}
.hm-home-map-list{display:grid;gap:14px;padding:22px;}
.hm-home-map-item{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:16px;align-items:center;padding:18px 18px 18px 16px;border:1px solid #d9e4f2;border-radius:22px;background:linear-gradient(180deg,#fff 0%,#f7fbff 100%);box-shadow:0 10px 24px rgba(10,57,123,.06);}
.hm-home-map-rank{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:16px;background:#e9f1ff;color:#14418f;font-size:18px;font-weight:900;flex:none;}
.hm-home-map-copy{min-width:0;display:grid;gap:7px;}
.hm-home-map-meta{display:flex;flex-wrap:wrap;gap:8px;align-items:center;color:#69819f;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;}
.hm-home-map-category{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border-radius:999px;background:#eff5fc;color:#184789;font-weight:800;letter-spacing:.04em;font-size:11px;line-height:1;}
.hm-home-map-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;}
.hm-home-map-title{margin:0;color:#123e78;font-size:22px;line-height:1.2;font-weight:900;}
.hm-home-map-state{display:inline-flex;align-items:center;gap:8px;padding:9px 12px;border-radius:999px;background:#eff6ff;color:#113f88;font-size:12px;font-weight:900;white-space:nowrap;flex:none;}
.hm-home-map-state i{display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--hm-map-state-color,#d63c3c);flex:none;}
.hm-home-map-excerpt{margin:0;color:#587093;font-size:15px;line-height:1.55;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.hm-home-map-footer{display:flex;flex-wrap:wrap;align-items:center;gap:12px 16px;color:#69819f;font-size:13px;font-weight:700;}
.hm-home-map-votes{display:inline-flex;align-items:center;gap:7px;color:#113f88;font-weight:900;}
.hm-home-map-votes b{font-size:17px;line-height:1;}
.hm-home-map-date{opacity:.92;}
.hm-home-map-status-note{font-weight:800;}
.hm-home-map-arrow{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:16px;background:#edf4ff;color:#134391;font-size:22px;font-weight:900;text-decoration:none;flex:none;transition:transform .16s ease,background .16s ease;}
.hm-home-map-arrow:hover{transform:translateX(2px);background:#e1edff;}
.hm-home-map-empty{padding:18px 6px 8px;color:#5f7898;font-size:15px;line-height:1.6;}
@media(max-width:1100px){
  .hm-home-map-ranking .hm-quiz-ranking-hero{grid-template-columns:1fr;gap:14px;}
  .hm-home-map-link{justify-self:start;min-height:56px;}
}
@media(max-width:760px){
  .hm-home-map-panel .hm-v122-plain-stat strong{font-size:1.75rem;}
  .hm-home-map-list{padding:18px 14px;}
  .hm-home-map-item{grid-template-columns:minmax(0,1fr);gap:12px;padding:16px 14px;}
  .hm-home-map-rank{width:40px;height:40px;border-radius:14px;}
  .hm-home-map-title-row{flex-direction:column;gap:10px;}
  .hm-home-map-title{font-size:19px;}
  .hm-home-map-state{font-size:11px;}
  .hm-home-map-footer{font-size:12px;}
  .hm-home-map-arrow{width:40px;height:40px;border-radius:14px;font-size:20px;}
}


/* ========================================================================== 
   v619 – homepage Podnety v štýle pexesa / kvízu
   ========================================================================== */
#hmPodnetyHomeIntro.hm-v317-quiz-cta{position:relative!important;isolation:isolate!important;overflow:hidden!important;width:100%!important;max-width:1180px!important;margin:0 auto!important;padding:0!important;border:1px solid rgba(255,255,255,.22)!important;border-radius:28px!important;background:radial-gradient(circle at 12% 0%,rgba(24,118,232,.72),transparent 42%),linear-gradient(120deg,#0756ad 0%,#063e8d 49%,#062f6f 100%)!important;box-shadow:0 22px 54px rgba(4,42,94,.20),inset 0 1px 0 rgba(255,255,255,.16)!important;}
#hmPodnetyHomeIntro.hm-v317-quiz-cta::before{content:""!important;position:absolute!important;inset:0!important;z-index:-2!important;pointer-events:none!important;background:linear-gradient(92deg,rgba(3,55,126,.985) 0%,rgba(3,57,128,.97) 38%,rgba(3,55,125,.78) 58%,rgba(3,49,111,.30) 78%,rgba(3,49,111,.03) 100%)!important;}
#hmPodnetyHomeIntro.hm-v317-quiz-cta.has-city-photo::after{content:""!important;position:absolute!important;z-index:-3!important;top:0!important;right:0!important;width:54%!important;height:100%!important;background-image:var(--hm-v317-city-photo)!important;background-size:cover!important;background-position:center center!important;filter:saturate(.98) contrast(1.03) brightness(.95)!important;opacity:.95!important;pointer-events:none!important;}
#hmPodnetyHomeIntro.hm-v317-quiz-cta .hm-v111-main{z-index:1!important;align-items:stretch!important;}
#hmPodnetyHomeIntro.hm-v317-quiz-cta .hm-v173-copy{display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:flex-start!important;min-width:0!important;}
#hmPodnetyHomeIntro.hm-v317-quiz-cta .hm-v125-kicker{margin:0 0 7px!important;color:rgba(218,235,255,.78)!important;font-size:10px!important;line-height:1!important;font-weight:800!important;letter-spacing:.30em!important;text-transform:uppercase!important;}
#hmPodnetyHomeIntro.hm-v317-quiz-cta .hm-v125-kicker::before{display:none!important;}
#hmPodnetyHomeIntro.hm-v317-quiz-cta .hm-v111-copy h2{margin:0 0 8px!important;color:#fff!important;font-size:clamp(34px,3.6vw,55px)!important;line-height:.94!important;letter-spacing:-.045em!important;font-weight:950!important;text-shadow:0 3px 14px rgba(0,25,75,.18)!important;max-width:620px!important;}
#hmPodnetyHomeIntro.hm-v317-quiz-cta .hm-v111-lead{max-width:560px!important;margin:0!important;color:rgba(255,255,255,.94)!important;font-size:14px!important;line-height:1.5!important;font-weight:650!important;}
#hmPodnetyHomeIntro.hm-v317-quiz-cta .hm-v173-info-panel{width:auto!important;max-width:none!important;margin:22px 0 0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;}
#hmPodnetyHomeIntro.hm-v317-quiz-cta .hm-v173-info-panel .hm-v103-vote-stats.hm-v122-plain-stats, #hmPodnetyHomeIntro.hm-v317-quiz-cta .hm-v173-info-panel .hm-v103-vote-stats.hm-v122-plain-stats.hm-v122-plain-stats-quiz{display:flex!important;align-items:stretch!important;gap:0!important;margin:0!important;}
#hmPodnetyHomeIntro.hm-v317-quiz-cta .hm-v173-info-panel .hm-v122-plain-stat{position:relative!important;display:grid!important;grid-template-columns:42px auto!important;grid-template-rows:auto auto!important;column-gap:10px!important;align-items:center!important;min-width:138px!important;padding:0 18px 0 0!important;margin:0 18px 0 0!important;border:0!important;border-right:1px solid rgba(255,255,255,.16)!important;background:transparent!important;box-shadow:none!important;}
#hmPodnetyHomeIntro.hm-v317-quiz-cta .hm-v173-info-panel .hm-v122-plain-stat:last-child{margin-right:0!important;padding-right:0!important;border-right:0!important;}
#hmPodnetyHomeIntro.hm-v317-quiz-cta .hm-v173-info-panel .hm-v122-plain-stat::before{content:"•"!important;grid-column:1!important;grid-row:1 / span 2!important;display:grid!important;place-items:center!important;width:38px!important;height:38px!important;border-radius:50%!important;background:rgba(255,255,255,.10)!important;color:#fff!important;font-size:14px!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.12)!important;}
#hmPodnetyHomeIntro.hm-v317-quiz-cta .hm-v173-info-panel .hm-v122-plain-stat:first-child::before{content:"📍"!important;}
#hmPodnetyHomeIntro.hm-v317-quiz-cta .hm-v173-info-panel .hm-v122-plain-stat:nth-child(2)::before{content:"⟳"!important;}
#hmPodnetyHomeIntro.hm-v317-quiz-cta .hm-v173-info-panel .hm-v122-plain-stat:nth-child(3)::before{content:"✓"!important;}
#hmPodnetyHomeIntro.hm-v317-quiz-cta .hm-v173-info-panel .hm-v122-plain-stat strong{grid-column:2!important;grid-row:1!important;margin:0!important;color:#ffd400!important;font-size:22px!important;line-height:1!important;font-weight:950!important;}
#hmPodnetyHomeIntro.hm-v317-quiz-cta .hm-v173-info-panel .hm-v122-plain-stat b{grid-column:2!important;grid-row:2!important;margin:2px 0 0!important;color:rgba(255,255,255,.86)!important;font-size:9px!important;line-height:1.15!important;font-weight:700!important;white-space:nowrap!important;}
#hmPodnetyHomeIntro.hm-v317-quiz-cta .hm-v173-launch-side{border:0!important;background:transparent!important;box-shadow:none!important;}
#hmPodnetyHomeIntro.hm-v317-quiz-cta .hm-home-action-rules{display:block!important;align-self:center!important;}
#hmPodnetyHomeIntro.hm-v317-quiz-cta .hm-home-action-rules > summary{list-style:none!important;cursor:pointer!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:0 28px!important;min-height:38px!important;border-radius:999px!important;background:rgba(8,63,136,.82)!important;border:1px solid rgba(255,212,0,.62)!important;color:#ffd400!important;font-size:13px!important;font-weight:900!important;box-shadow:0 10px 18px rgba(4,44,102,.16)!important;}
#hmPodnetyHomeIntro.hm-v317-quiz-cta .hm-home-action-rules > summary::-webkit-details-marker{display:none!important;}
#hmPodnetyHomeIntro.hm-v317-quiz-cta .hm-home-action-rules[open] > summary{margin-bottom:10px!important;}
#hmPodnetyHomeIntro.hm-v317-quiz-cta .hm-home-action-rules > div{width:min(100%,460px)!important;padding:16px 18px!important;border-radius:18px!important;background:rgba(255,255,255,.97)!important;color:#284666!important;box-shadow:0 16px 34px rgba(5,42,94,.22)!important;}
#hmPodnetyHomeIntro.hm-v317-quiz-cta .hm-home-action-rules > div p{margin:0 0 10px!important;font-size:14px!important;line-height:1.45!important;color:#4e6786!important;}
#hmPodnetyHomeIntro.hm-v317-quiz-cta .hm-home-action-rules > div p:last-child{margin-bottom:0!important;}
#hmPodnetyHomeIntro.hm-v317-quiz-cta .hm-v173-launch-cta{border-radius:36px!important;background:#ffd400!important;color:#0a3d7d!important;border:0!important;box-shadow:0 20px 42px rgba(255,205,0,.42),0 2px 0 rgba(255,255,255,.55) inset!important;text-decoration:none!important;min-width:min(100%,470px)!important;}
#hmPodnetyHomeIntro.hm-v317-quiz-cta .hm-v173-launch-cta > span{font-size:29px!important;line-height:1!important;font-weight:950!important;letter-spacing:-.035em!important;color:#0a3d7d!important;}
#hmPodnetyHomeIntro.hm-v317-quiz-cta .hm-v173-launch-cta > b{place-items:center!important;border-radius:26px!important;background:#1666d3!important;color:#fff!important;font-size:42px!important;line-height:1!important;flex:0 0 auto!important;}
#hmPodnetyHomeIntro.hm-v317-quiz-cta .hm-v173-launch-cta:hover, #hmPodnetyHomeIntro.hm-v317-quiz-cta .hm-v173-launch-cta:focus-visible{box-shadow:0 20px 38px rgba(255,205,0,.42),0 0 0 8px rgba(255,212,0,.14),inset 0 1px 0 rgba(255,255,255,.8)!important;}
.hm-home-map-cta{margin:0!important;}
#hmPodnetyHomeIntro.hm-v317-quiz-cta + .hm-home-map-ranking{margin-top:14px!important;}
#hmPodnetyHomeRanking.hm-quiz-ranking-showcase{border-radius:28px!important;overflow:hidden!important;}
#hmPodnetyHomeRanking .hm-quiz-ranking-hero{background:linear-gradient(90deg,#0d4fa8 0%,#0b499e 52%,#0a448f 100%)!important;}
#hmPodnetyHomeRanking .hm-quiz-ranking-hero-copy h3, #hmPodnetyHomeRanking .hm-quiz-ranking-hero-copy p{color:#fff!important;}
#hmPodnetyHomeRanking .hm-home-map-link{background:#ffd400!important;color:#0a3d7d!important;box-shadow:0 18px 34px rgba(219,184,15,.24)!important;}
#hmPodnetyHomeRanking .hm-home-map-list{background:#fff!important;}
@media(max-width:980px){#hmPodnetyHomeIntro.hm-v317-quiz-cta.has-city-photo::after{width:100%!important;opacity:.38!important;}#hmPodnetyHomeIntro.hm-v317-quiz-cta .hm-v173-launch-side{padding-bottom:0!important;}#hmPodnetyHomeIntro.hm-v317-quiz-cta .hm-v173-launch-cta > span{font-size:23px!important;}#hmPodnetyHomeIntro.hm-v317-quiz-cta .hm-v173-launch-cta > b{border-radius:22px!important;font-size:35px!important;}#hmPodnetyHomeIntro.hm-v317-quiz-cta{border-radius:23px!important;}}
@media(max-width:560px){#hmPodnetyHomeIntro.hm-v317-quiz-cta .hm-v173-launch-cta > span{font-size:20px!important;}#hmPodnetyHomeIntro.hm-v317-quiz-cta .hm-v173-launch-cta > b{border-radius:18px!important;font-size:31px!important;}#hmPodnetyHomeIntro.hm-v317-quiz-cta .hm-v173-info-panel .hm-v103-vote-stats.hm-v122-plain-stats, #hmPodnetyHomeIntro.hm-v317-quiz-cta .hm-v173-info-panel .hm-v103-vote-stats.hm-v122-plain-stats.hm-v122-plain-stats-quiz{display:grid!important;grid-template-columns:1fr!important;gap:12px!important;}#hmPodnetyHomeIntro.hm-v317-quiz-cta .hm-v173-info-panel .hm-v122-plain-stat{min-width:0!important;margin:0!important;padding:0!important;border-right:0!important;grid-template-columns:34px auto!important;column-gap:8px!important;}#hmPodnetyHomeIntro.hm-v317-quiz-cta .hm-v173-info-panel .hm-v122-plain-stat::before{width:32px!important;height:32px!important;font-size:12px!important;}#hmPodnetyHomeIntro.hm-v317-quiz-cta .hm-v173-info-panel .hm-v122-plain-stat strong{font-size:19px!important;}#hmPodnetyHomeIntro.hm-v317-quiz-cta .hm-v173-info-panel .hm-v122-plain-stat b{font-size:8px!important;white-space:normal!important;}#hmPodnetyHomeIntro.hm-v317-quiz-cta .hm-home-action-rules > div{width:100%!important;}}


/* ========================================================================== 
   v620 – homepage rebríček Podnetov ako pri pexese
   ========================================================================== */
#hmPodnetyHomeRanking.hm-quiz-ranking-showcase{border-radius:28px!important;overflow:hidden!important;}
#hmPodnetyHomeRanking > .hm-home-map-ranking-head{position:relative!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto auto!important;align-items:center!important;gap:18px!important;padding:28px 38px!important;background:linear-gradient(90deg,#0d4fa8 0%,#0b499e 52%,#0a448f 100%)!important;}
#hmPodnetyHomeRanking > .hm-home-map-ranking-head::before{content:""!important;position:absolute!important;left:34%!important;top:-24px!important;width:180px!important;height:180px!important;border-radius:6px!important;background:radial-gradient(circle, rgba(255,255,255,.11), transparent 65%)!important;pointer-events:none!important;}
#hmPodnetyHomeRanking > .hm-home-map-ranking-head::after{content:"📍"!important;position:absolute!important;left:58%!important;top:16px!important;font-size:74px!important;line-height:1!important;opacity:.11!important;pointer-events:none!important;}
#hmPodnetyHomeRanking .hm-quiz-ranking-hero-copy{z-index:1!important;}
#hmPodnetyHomeRanking .hm-quiz-ranking-hero-copy h3{margin:0 0 4px!important;color:#fff!important;font-size:28px!important;line-height:1!important;font-weight:950!important;letter-spacing:-.03em!important;}
#hmPodnetyHomeRanking .hm-quiz-ranking-hero-copy p{margin:0!important;color:rgba(255,255,255,.82)!important;font-size:15px!important;line-height:1.25!important;font-weight:600!important;max-width:620px!important;}
#hmPodnetyHomeRanking .hm-home-map-open{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:58px!important;padding:0 30px!important;border-radius:18px!important;background:#ffd400!important;color:#0a3d7d!important;font-size:16px!important;font-weight:950!important;letter-spacing:.02em!important;text-decoration:none!important;white-space:nowrap!important;box-shadow:0 16px 30px rgba(219,184,15,.24)!important;z-index:1!important;transition:transform .18s ease,box-shadow .18s ease,background .18s ease!important;}
#hmPodnetyHomeRanking .hm-home-map-open:hover{transform:translateY(-2px)!important;background:#ffe04b!important;box-shadow:0 20px 34px rgba(219,184,15,.28)!important;}
#hmPodnetyHomeRanking .hm-quiz-ranking-hero-slogan{z-index:1!important;color:#fff!important;font-size:21px!important;line-height:1.04!important;font-weight:900!important;font-style:italic!important;text-align:right!important;padding-right:6px!important;white-space:nowrap!important;}
#hmPodnetyHomeRanking .hm-quiz-ranking-hero-slogan::after{content:""!important;display:block!important;width:92px!important;height:5px!important;border-radius:999px!important;background:#ffd400!important;margin:4px 0 0 auto!important;}
#hmPodnetyHomeRanking .hm-quiz-ranking-hero-accent{z-index:1!important;border-radius:999px!important;background:#ffd400!important;box-shadow:0 0 0 8px rgba(255,212,0,.08)!important;}
#hmPodnetyHomeRanking .hm-home-map-board{background:#fff!important;border:1px solid #dbe8f6!important;border-radius:24px!important;padding:14px!important;box-shadow:0 20px 44px rgba(15,72,138,.08)!important;}
#hmPodnetyHomeRanking .hm-home-map-list{padding:0!important;gap:10px!important;}
#hmPodnetyHomeRanking .hm-home-map-item{padding:16px 18px 16px 14px!important;border-radius:18px!important;background:#f8fbff!important;border:1px solid #e0e9f4!important;box-shadow:none!important;}
#hmPodnetyHomeRanking .hm-home-map-rank{width:30px!important;height:30px!important;border-radius:50%!important;background:#dfeaff!important;color:#174d98!important;font-size:14px!important;font-weight:950!important;}
#hmPodnetyHomeRanking .hm-home-map-title{font-size:15.4px!important;color:#153b77!important;font-weight:900!important;line-height:1.25!important;}
#hmPodnetyHomeRanking .hm-home-map-excerpt{font-size:12px!important;line-height:1.45!important;color:#68809d!important;}
#hmPodnetyHomeRanking .hm-home-map-meta{gap:10px!important;font-size:10px!important;}
#hmPodnetyHomeRanking .hm-home-map-category{padding:6px 9px!important;font-size:10px!important;}
#hmPodnetyHomeRanking .hm-home-map-state{padding:8px 12px!important;font-size:12px!important;}
#hmPodnetyHomeRanking .hm-home-map-votes,#hmPodnetyHomeRanking .hm-home-map-status-note,#hmPodnetyHomeRanking .hm-home-map-date{font-size:12px!important;color:#31577f!important;font-weight:850!important;}
#hmPodnetyHomeRanking .hm-home-map-arrow{width:40px!important;height:40px!important;border-radius:14px!important;font-size:20px!important;background:#edf4ff!important;color:#134391!important;}
#hmPodnetyHomeRanking .hm-home-map-empty{padding:18px!important;border-radius:16px!important;background:#f6f9fe!important;color:#6a829e!important;}
@media(max-width:980px){
  #hmPodnetyHomeRanking > .hm-home-map-ranking-head{grid-template-columns:1fr!important;gap:14px!important;padding:24px 22px!important;}
  #hmPodnetyHomeRanking > .hm-home-map-ranking-head::after{font-size:56px!important;left:auto!important;right:12px!important;top:14px!important;}
  #hmPodnetyHomeRanking .hm-home-map-open{width:100%!important;min-height:44px!important;}
  #hmPodnetyHomeRanking .hm-quiz-ranking-hero-slogan,#hmPodnetyHomeRanking .hm-quiz-ranking-hero-accent{display:none!important;}
}
@media(max-width:760px){
  #hmPodnetyHomeRanking .hm-home-map-item{grid-template-columns:34px minmax(0,1fr) auto!important;align-items:start!important;gap:8px 10px!important;}
  #hmPodnetyHomeRanking .hm-home-map-copy{gap:5px!important;}
  #hmPodnetyHomeRanking .hm-home-map-title-row{flex-direction:column!important;align-items:flex-start!important;gap:8px!important;}
  #hmPodnetyHomeRanking .hm-home-map-footer{gap:8px 12px!important;font-size:11px!important;}
}


/* ========================================================================== 
   v621 – Podnety kopírujú aktívny homepage systém Kvíz/Pexeso
   ========================================================================== */
/* CTA + rebríček tvoria jeden súvislý blok rovnako ako pri pexese. */
#hmPodnetyHomeIntro.hm-v317-quiz-cta,
#hmPodnetyHomeRanking.hm-quiz-ranking-showcase{
    width:100%!important;
    max-width:1180px!important;
    margin-left:auto!important;
    margin-right:auto!important;
    box-sizing:border-box!important;
}
#hmPodnetyHomeIntro.hm-v317-quiz-cta{
    margin-top:0!important;
    margin-bottom:0!important;
    border-radius:28px 28px 0 0!important;
}
#hmPodnetyHomeRanking.hm-quiz-ranking-showcase{
    height:auto!important;
    min-height:0!important;
    margin-top:0!important;
    margin-bottom:0!important;
    padding:0!important;
    overflow:hidden!important;
    border-top:0!important;
    border-radius:0 0 26px 26px!important;
}
#hmPodnetyRankingBody[hidden]{display:none!important;}
#hmPodnetyHomeRanking .hm-home-ranking-body{width:100%!important;min-width:0!important;max-width:none!important;margin:0!important;padding:0!important;box-sizing:border-box!important;}

/* Presne rovnaká rebríčková hlavička ako Pexeso/Kvíz. */
#hmPodnetyHomeRanking.hm-quiz-ranking-showcase > .hm-home-map-ranking-head{
    position:relative!important;
    z-index:2!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 270px minmax(0,1fr)!important;
    align-items:center!important;
    gap:20px!important;
    width:100%!important;
    height:84px!important;
    min-height:84px!important;
    max-height:84px!important;
    margin:0!important;
    padding:12px 22px!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
    border:0!important;
    border-radius:0 0 24px 24px!important;
    background:linear-gradient(135deg,#0f5bb1,#0b3f8a)!important;
}
#hmPodnetyHomeRanking.hm-quiz-ranking-showcase > .hm-home-map-ranking-head::before,
#hmPodnetyHomeRanking.hm-quiz-ranking-showcase > .hm-home-map-ranking-head::after{
    position:absolute!important;
    pointer-events:none!important;
    z-index:0!important;
}
#hmPodnetyHomeRanking.hm-quiz-ranking-showcase > .hm-home-map-ranking-head::before{content:""!important;left:34%!important;top:-24px!important;width:180px!important;height:180px!important;border-radius:6px!important;background:radial-gradient(circle,rgba(255,255,255,.11),transparent 65%)!important;}
#hmPodnetyHomeRanking.hm-quiz-ranking-showcase > .hm-home-map-ranking-head::after{content:"📍"!important;left:58%!important;top:16px!important;font-size:74px!important;line-height:1!important;opacity:.11!important;}
#hmPodnetyHomeRanking .hm-quiz-ranking-hero-copy{grid-column:1!important;justify-self:start!important;align-self:center!important;min-width:0!important;margin:0!important;padding:0!important;position:relative!important;z-index:3!important;}
#hmPodnetyHomeRanking .hm-quiz-ranking-hero-copy h3{margin:0!important;padding:0!important;color:#fff!important;font-size:28px!important;line-height:1.05!important;font-weight:950!important;letter-spacing:-.03em!important;}
#hmPodnetyHomeRanking #hmPodnetyRankingToggle{
    position:static!important;
    grid-column:2!important;
    justify-self:center!important;
    align-self:center!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:7px!important;
    width:270px!important;
    min-width:270px!important;
    max-width:270px!important;
    height:56px!important;
    min-height:56px!important;
    max-height:56px!important;
    margin:0!important;
    padding:0 18px!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
    white-space:nowrap!important;
    border:2px solid rgba(255,255,255,.78)!important;
    border-radius:17px!important;
    background:linear-gradient(180deg,#ffdf24,#ffcc00)!important;
    color:#082f68!important;
    font-size:13px!important;
    line-height:1!important;
    font-weight:950!important;
    letter-spacing:.02em!important;
    cursor:pointer!important;
    transform:none!important;
    z-index:5!important;
}
#hmPodnetyHomeRanking #hmPodnetyRankingToggle:hover{transform:translateY(-1px)!important;}
#hmPodnetyHomeRanking .hm-quiz-ranking-hero-slogan{grid-column:3!important;justify-self:end!important;align-self:center!important;position:relative!important;z-index:3!important;margin:0!important;color:#fff!important;font-size:21px!important;line-height:1.04!important;font-weight:900!important;font-style:italic!important;text-align:right!important;padding-right:6px!important;white-space:nowrap!important;}
#hmPodnetyHomeRanking .hm-quiz-ranking-hero-slogan::after{content:""!important;display:block!important;width:92px!important;height:5px!important;border-radius:999px!important;background:#ffd400!important;margin:4px 0 0 auto!important;}
#hmPodnetyHomeRanking .hm-quiz-ranking-hero-accent{position:absolute!important;right:14px!important;top:10px!important;width:92px!important;height:18px!important;margin:0!important;pointer-events:none!important;z-index:1!important;border-radius:999px!important;background:#ffd400!important;box-shadow:0 0 0 8px rgba(255,212,0,.08)!important;}

/* Vnútro otvoreného rebríčka – rovnaký biely board a rytmus ako pexeso. */
#hmPodnetyHomeRanking .hm-home-map-board{background:#fff!important;border:1px solid #dbe8f6!important;border-radius:24px!important;padding:14px!important;box-shadow:0 20px 44px rgba(15,72,138,.08)!important;}
#hmPodnetyHomeRanking .hm-home-map-list{display:grid!important;gap:8px!important;padding:0!important;max-height:none!important;overflow:visible!important;}
#hmPodnetyHomeRanking .hm-home-map-item{display:grid!important;grid-template-columns:38px minmax(0,1fr) 145px 42px!important;align-items:center!important;gap:10px!important;padding:12px 14px!important;border-radius:14px!important;background:#f8fbff!important;border:1px solid rgba(180,200,225,.42)!important;box-shadow:none!important;}
#hmPodnetyHomeRanking .hm-home-map-rank{display:grid!important;place-items:center!important;width:30px!important;height:30px!important;border-radius:50%!important;background:#dfeaff!important;color:#174d98!important;font-size:14px!important;font-weight:950!important;}
#hmPodnetyHomeRanking .hm-home-map-copy{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:4px!important;min-width:0!important;}
#hmPodnetyHomeRanking .hm-home-map-meta{display:flex!important;align-items:center!important;gap:8px!important;color:#7f93ab!important;font-size:9.5px!important;font-weight:850!important;letter-spacing:.04em!important;text-transform:uppercase!important;}
#hmPodnetyHomeRanking .hm-home-map-category{padding:5px 8px!important;border-radius:999px!important;font-size:9px!important;}
#hmPodnetyHomeRanking .hm-home-map-title-row{display:block!important;}
#hmPodnetyHomeRanking .hm-home-map-title{margin:0!important;color:#153b77!important;font-size:15.4px!important;line-height:1.15!important;font-weight:900!important;}
#hmPodnetyHomeRanking .hm-home-map-excerpt{margin:2px 0 0!important;color:#68809d!important;font-size:10.5px!important;line-height:1.35!important;-webkit-line-clamp:1!important;}
#hmPodnetyHomeRanking .hm-home-map-footer{display:flex!important;align-items:center!important;gap:12px!important;margin-top:2px!important;color:#31577f!important;font-size:10px!important;font-weight:850!important;}
#hmPodnetyHomeRanking .hm-home-map-votes b{font-size:13px!important;}
#hmPodnetyHomeRanking .hm-home-map-state{grid-column:3!important;justify-self:end!important;padding:8px 10px!important;border-radius:999px!important;font-size:10px!important;font-weight:900!important;background:#eff6ff!important;}
#hmPodnetyHomeRanking .hm-home-map-arrow{grid-column:4!important;justify-self:end!important;width:34px!important;height:34px!important;border-radius:12px!important;background:#edf4ff!important;color:#134391!important;font-size:17px!important;}
#hmPodnetyHomeRanking.is-collapsed .hm-home-map-board{display:none!important;}
#hmPodnetyHomeRanking.is-collapsed{padding-bottom:0!important;}
#hmPodnetyHomeRanking.is-collapsed .hm-home-map-ranking-head{margin-bottom:0!important;}

/* CTA Podnetov má rovnaké rozmery/osi ako Pexeso a Kvíz. */
@media(min-width:981px){
    #hmPodnetyHomeIntro.hm-v317-quiz-cta .hm-v111-main{display:grid!important;grid-template-columns:minmax(0,1.46fr) minmax(390px,.92fr)!important;align-items:center!important;gap:24px!important;min-height:304px!important;padding:30px 34px!important;box-sizing:border-box!important;}
}
#hmPodnetyHomeIntro.hm-v317-quiz-cta .hm-v173-launch-side{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;justify-self:stretch!important;align-self:center!important;width:100%!important;margin:0!important;padding:0!important;gap:16px!important;box-sizing:border-box!important;}
#hmPodnetyHomeIntro.hm-v317-quiz-cta .hm-v173-launch-cta{width:min(100%,470px)!important;max-width:470px!important;min-height:104px!important;margin:0 auto!important;align-self:center!important;box-sizing:border-box!important;}
#hmPodnetyHomeIntro.hm-v317-quiz-cta .hm-home-action-rules{align-self:center!important;margin-left:auto!important;margin-right:auto!important;}

@media(max-width:900px){
    #hmPodnetyHomeRanking.hm-quiz-ranking-showcase > .hm-home-map-ranking-head{grid-template-columns:1fr!important;gap:10px!important;height:auto!important;min-height:0!important;max-height:none!important;padding:14px 16px!important;}
    #hmPodnetyHomeRanking #hmPodnetyRankingToggle{grid-column:1!important;width:100%!important;min-width:0!important;max-width:none!important;height:50px!important;min-height:50px!important;max-height:50px!important;}
    #hmPodnetyHomeRanking .hm-quiz-ranking-hero-slogan,#hmPodnetyHomeRanking .hm-quiz-ranking-hero-accent{display:none!important;}
    #hmPodnetyHomeIntro.hm-v317-quiz-cta .hm-v173-launch-cta{width:100%!important;max-width:none!important;}
}
@media(max-width:700px){
    #hmPodnetyHomeRanking .hm-home-map-item{grid-template-columns:34px minmax(0,1fr) auto!important;grid-template-areas:"rank copy arrow" "rank state state"!important;align-items:center!important;gap:7px 10px!important;padding:12px!important;}
    #hmPodnetyHomeRanking .hm-home-map-rank{grid-area:rank!important;}
    #hmPodnetyHomeRanking .hm-home-map-copy{grid-area:copy!important;}
    #hmPodnetyHomeRanking .hm-home-map-state{grid-area:state!important;justify-self:start!important;}
    #hmPodnetyHomeRanking .hm-home-map-arrow{grid-area:arrow!important;}
    #hmPodnetyHomeRanking .hm-home-map-title{font-size:14.3px!important;}
}


/* ========================================================================== 
   v622 – Podnety ranking napojený na hlavičku + pravý info stĺpec
   ========================================================================== */
#hmPodnetyHomeRanking.hm-quiz-ranking-showcase{padding:0!important;overflow:hidden!important;border-radius:28px!important;background:transparent!important;}
#hmPodnetyHomeRanking > .hm-home-map-ranking-head{margin:0!important;border-radius:28px 28px 0 0!important;}
#hmPodnetyHomeRanking:not(.is-collapsed) > .hm-home-map-ranking-head{border-bottom-left-radius:0!important;border-bottom-right-radius:0!important;}
#hmPodnetyHomeRanking .hm-home-map-board{margin:0!important;border-top:0!important;border-radius:0 0 24px 24px!important;padding:12px!important 12px 14px!important;box-shadow:0 20px 44px rgba(15,72,138,.08)!important;}
#hmPodnetyHomeRanking.is-collapsed .hm-home-map-board{display:none!important;}
#hmPodnetyHomeRanking .hm-home-map-list{gap:8px!important;padding:0!important;}
#hmPodnetyHomeRanking .hm-home-map-item{display:grid!important;grid-template-columns:38px minmax(0,1fr) 158px 34px!important;grid-template-areas:"rank copy side arrow"!important;align-items:center!important;gap:10px!important;padding:12px 14px!important;border-radius:14px!important;background:#f8fbff!important;border:1px solid rgba(180,200,225,.42)!important;box-shadow:none!important;}
#hmPodnetyHomeRanking .hm-home-map-rank{grid-area:rank!important;}
#hmPodnetyHomeRanking .hm-home-map-copy{grid-area:copy!important;display:grid!important;gap:4px!important;min-width:0!important;}
#hmPodnetyHomeRanking .hm-home-map-title-row{display:block!important;}
#hmPodnetyHomeRanking .hm-home-map-title{margin:0!important;color:#153b77!important;font-size:15.4px!important;line-height:1.15!important;font-weight:900!important;}
#hmPodnetyHomeRanking .hm-home-map-excerpt{margin:2px 0 0!important;color:#68809d!important;font-size:10.5px!important;line-height:1.35!important;-webkit-line-clamp:1!important;}
#hmPodnetyHomeRanking .hm-home-map-meta{display:flex!important;align-items:center!important;gap:8px!important;color:#7f93ab!important;font-size:9.5px!important;font-weight:850!important;letter-spacing:.04em!important;text-transform:uppercase!important;}
#hmPodnetyHomeRanking .hm-home-map-category{padding:5px 8px!important;border-radius:999px!important;font-size:9px!important;}
#hmPodnetyHomeRanking .hm-home-map-sideinfo{grid-area:side!important;display:grid!important;justify-items:end!important;align-items:center!important;gap:6px!important;min-width:0!important;}
#hmPodnetyHomeRanking .hm-home-map-state{justify-self:end!important;display:inline-flex!important;align-items:center!important;gap:6px!important;padding:8px 10px!important;border-radius:999px!important;font-size:10px!important;font-weight:900!important;background:#eff6ff!important;white-space:nowrap!important;}
#hmPodnetyHomeRanking .hm-home-map-state i{width:8px!important;height:8px!important;}
#hmPodnetyHomeRanking .hm-home-map-sidemeta{display:grid!important;justify-items:end!important;gap:2px!important;color:#31577f!important;}
#hmPodnetyHomeRanking .hm-home-map-votes{display:inline-flex!important;align-items:center!important;gap:5px!important;font-size:10px!important;font-weight:900!important;color:#31577f!important;}
#hmPodnetyHomeRanking .hm-home-map-votes b{font-size:13px!important;line-height:1!important;}
#hmPodnetyHomeRanking .hm-home-map-status-note{font-size:10px!important;font-weight:850!important;color:#31577f!important;}
#hmPodnetyHomeRanking .hm-home-map-arrow{grid-area:arrow!important;justify-self:end!important;width:34px!important;height:34px!important;border-radius:12px!important;background:#edf4ff!important;color:#134391!important;font-size:17px!important;}
#hmPodnetyHomeRanking .hm-home-map-footer{display:none!important;}
@media(max-width:760px){
  #hmPodnetyHomeRanking .hm-home-map-item{grid-template-columns:34px minmax(0,1fr) auto!important;grid-template-areas:"rank copy arrow" "rank side side"!important;align-items:start!important;gap:7px 10px!important;padding:12px!important;}
  #hmPodnetyHomeRanking .hm-home-map-sideinfo{justify-items:start!important;align-items:start!important;}
  #hmPodnetyHomeRanking .hm-home-map-sidemeta{justify-items:start!important;}
  #hmPodnetyHomeRanking .hm-home-map-state{justify-self:start!important;}
}


/* ========================================================================== 
   v623 – Podnety: CTA + najurgentnejšie podnety ako jeden spojený blok
   ========================================================================== */
.hm-home-map .hm-unified-quiz-wrap{
    gap:0!important;
    row-gap:0!important;
}
#hmPodnetyHomeIntro.hm-v317-quiz-cta{
    margin:0!important;
    border-radius:28px 28px 0 0!important;
    border-bottom-color:rgba(255,255,255,.12)!important;
}
#hmPodnetyHomeRanking.hm-quiz-ranking-showcase{
    margin:0!important;
    margin-top:0!important;
    border-top:0!important;
    border-radius:0 0 26px 26px!important;
    background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(248,251,255,.98))!important;
    box-shadow:0 18px 48px rgba(10,56,122,.10)!important;
}
#hmPodnetyHomeIntro.hm-v317-quiz-cta + #hmPodnetyHomeRanking.hm-quiz-ranking-showcase{
    margin-top:0!important;
}
#hmPodnetyHomeRanking > .hm-home-map-ranking-head{
    margin:0!important;
    border-radius:0!important;
}
#hmPodnetyHomeRanking.is-collapsed{
    padding-bottom:0!important;
}
#hmPodnetyHomeRanking.is-collapsed > .hm-home-map-ranking-head{
    margin-bottom:0!important;
}
@media(max-width:980px){
    #hmPodnetyHomeIntro.hm-v317-quiz-cta{
        border-radius:23px 23px 0 0!important;
    }
    #hmPodnetyHomeRanking.hm-quiz-ranking-showcase{
        border-radius:0 0 23px 23px!important;
    }
}


/* ========================================================================== 
   v624 – Podnety: presné zarovnanie s Kvízom a Pexesom na homepage
   ========================================================================== */
/* Podnety mali stále všeobecný .hm-section padding (120 px), zatiaľ čo
   Pexeso používa kompaktný homepage režim. Zjednocujeme celý vonkajší rám. */
.hm-home-map.hm-section{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:10px 0 12px!important;
    background:transparent!important;
    box-sizing:border-box!important;
    left:auto!important;
    right:auto!important;
    transform:none!important;
}

/* Rovnaký centrovaný wrapper ako Kvíz/Pexeso – bez dodatočného odsadenia. */
.hm-home-map > .hm-wrap.hm-unified-quiz-wrap{
    width:min(calc(100% - 44px),var(--hm-wrap))!important;
    max-width:var(--hm-wrap)!important;
    margin-left:auto!important;
    margin-right:auto!important;
    padding-left:0!important;
    padding-right:0!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:0!important;
    row-gap:0!important;
    box-sizing:border-box!important;
    position:relative!important;
    left:auto!important;
    right:auto!important;
    transform:none!important;
}

/* CTA aj rebríček vypĺňajú presne ten istý wrapper. */
#hmPodnetyHomeIntro.hm-v317-quiz-cta,
#hmPodnetyHomeRanking.hm-quiz-ranking-showcase{
    width:100%!important;
    max-width:none!important;
    margin-left:0!important;
    margin-right:0!important;
    box-sizing:border-box!important;
}

@media(max-width:620px){
    .hm-home-map > .hm-wrap.hm-unified-quiz-wrap{
        width:min(calc(100% - 26px),var(--hm-wrap))!important;
    }
}


/* ========================================================================== 
   v625 – viac priestoru pre pravé údaje v zozname Podnetov
   ========================================================================== */
#hmPodnetyHomeRanking .hm-home-map-item{
    grid-template-columns:38px minmax(0,1fr) minmax(220px,250px) 34px!important;
    column-gap:16px!important;
}
#hmPodnetyHomeRanking .hm-home-map-sideinfo{
    width:100%!important;
    min-width:220px!important;
    justify-items:end!important;
    align-content:center!important;
    gap:7px!important;
    text-align:right!important;
}
#hmPodnetyHomeRanking .hm-home-map-state{
    width:auto!important;
    max-width:none!important;
    white-space:nowrap!important;
    word-break:normal!important;
    overflow-wrap:normal!important;
}
#hmPodnetyHomeRanking .hm-home-map-sidemeta{
    width:100%!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-end!important;
    justify-content:center!important;
    gap:3px!important;
    text-align:right!important;
}
#hmPodnetyHomeRanking .hm-home-map-votes,
#hmPodnetyHomeRanking .hm-home-map-status-note{
    display:block!important;
    width:auto!important;
    max-width:none!important;
    white-space:nowrap!important;
    word-break:normal!important;
    overflow-wrap:normal!important;
    line-height:1.25!important;
}
#hmPodnetyHomeRanking .hm-home-map-votes{
    display:inline-flex!important;
    align-items:baseline!important;
    gap:5px!important;
}
@media(max-width:1050px){
    #hmPodnetyHomeRanking .hm-home-map-item{
        grid-template-columns:34px minmax(0,1fr) minmax(180px,210px) 34px!important;
        column-gap:12px!important;
    }
    #hmPodnetyHomeRanking .hm-home-map-sideinfo{min-width:180px!important;}
}
@media(max-width:760px){
    #hmPodnetyHomeRanking .hm-home-map-item{
        grid-template-columns:34px minmax(0,1fr) auto!important;
        grid-template-areas:"rank copy arrow" "rank side side"!important;
        column-gap:10px!important;
    }
    #hmPodnetyHomeRanking .hm-home-map-sideinfo{
        width:auto!important;
        min-width:0!important;
        justify-items:start!important;
        text-align:left!important;
    }
    #hmPodnetyHomeRanking .hm-home-map-sidemeta{
        width:auto!important;
        align-items:flex-start!important;
        text-align:left!important;
    }
}


/* ==========================================================================
   v626 – priority v backoffice iba na čítanie + verejné štatistiky
   ========================================================================== */
.hm-v626-priority-workspace .hm-bo-workspace-head{margin-bottom:18px!important;}
.hm-v626-priority-list{display:grid;gap:12px;}
.hm-v626-priority-row{display:grid;grid-template-columns:48px minmax(240px,1.2fr) minmax(520px,1.8fr);align-items:center;gap:16px;padding:16px 18px;border:1px solid #dbe7f5;border-radius:18px;background:#fff;box-shadow:0 10px 24px rgba(12,63,129,.05);}
.hm-v626-priority-order{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#e7f0ff;color:#164c98;font-size:16px;font-weight:950;}
.hm-v626-priority-title{min-width:0;display:grid;gap:4px;}
.hm-v626-priority-title>span{width:max-content;padding:5px 8px;border-radius:999px;background:#e9f8ef;color:#19834b;font-size:9px;font-weight:950;letter-spacing:.08em;}
.hm-v626-priority-row.is-private .hm-v626-priority-title>span{background:#f1f4f8;color:#70839a;}
.hm-v626-priority-title strong{color:#123e78;font-size:16px;line-height:1.2;font-weight:900;}
.hm-v626-priority-title small{color:#71869f;font-size:11px;line-height:1.35;font-weight:650;}
.hm-v626-priority-stats{display:grid;grid-template-columns:repeat(6,minmax(68px,1fr));gap:7px;}
.hm-v626-priority-stats>div{display:grid;gap:4px;min-height:58px;padding:10px 9px;border:1px solid #e0e9f4;border-radius:12px;background:#f8fbff;text-align:center;align-content:center;}
.hm-v626-priority-stats small{color:#7d91aa;font-size:8px;font-weight:900;letter-spacing:.07em;}
.hm-v626-priority-stats strong{color:#17477f;font-size:17px;line-height:1;font-weight:950;}
.hm-v626-priority-stats .is-agree strong,.hm-v626-priority-stats .is-support strong{color:#15914f;}
.hm-v626-priority-stats .is-against strong{color:#d94747;}
.hm-v626-priority-actions{justify-content:space-between!important;}
@media(max-width:1120px){.hm-v626-priority-row{grid-template-columns:44px minmax(0,1fr);}.hm-v626-priority-stats{grid-column:1/-1;grid-template-columns:repeat(3,1fr);}}
@media(max-width:620px){.hm-v626-priority-row{grid-template-columns:36px minmax(0,1fr);gap:10px;padding:13px 12px;border-radius:15px;}.hm-v626-priority-order{width:32px;height:32px;font-size:14px;}.hm-v626-priority-title strong{font-size:14px;}.hm-v626-priority-stats{grid-template-columns:repeat(2,1fr);}.hm-v626-priority-stats>div{min-height:52px;padding:8px 6px;}}


/* ========================================================================== 
   v629 – homepage: bez poznámky pod profilmi + lepšie orezanie tvárí kandidátov
   ========================================================================== */
.hm-v249-team .hm-candidate-photo img{
    object-fit:cover!important;
    object-position:50% 20%!important;
    transform:none!important;
}
.hm-v249-team .hm-candidate-card:hover .hm-candidate-photo img{
    transform:none!important;
}
@media(max-width:700px){
    .hm-v249-team .hm-candidate-photo img{object-position:50% 18%!important;}
}


/* ========================================================================== 
   v630 – „Čo trápi Humenné?“: karty približne o 10 % nižšie
   Zmenšujeme iba fotografie, nie text ani jeho typografiu.
   ========================================================================== */
/* Desktop: fotografia 104 px -> 94 px, textová časť ostáva nezmenená. */
.hm-v164-problem-group .hm-problem-tile{
    min-height:164px!important;
}
.hm-v164-problem-group .hm-problem-tile .hm-problem-tile-image{
    height:94px!important;
    min-height:94px!important;
    flex-basis:94px!important;
}

/* Hover / rozbalený stav: text ostáva rovnako veľký, ustúpi iba fotografia. */
@media (min-width:981px) and (hover:hover) and (pointer:fine){
    .hm-v164-problem-group .hm-problem-tile:hover,
    .hm-v164-problem-group .hm-problem-tile{
        min-height:164px!important;
    }
    .hm-v164-problem-group .hm-problem-tile:hover .hm-problem-tile-image{
        height:62px!important;
        min-height:62px!important;
        flex-basis:62px!important;
    }
}
.hm-v164-problem-group .hm-problem-tile.is-text-expanded .hm-problem-tile-image{
    height:62px!important;
    min-height:62px!important;
    flex-basis:62px!important;
}

/* Tablet a mobil: rovnaká logika, zmenšenie iba fotografie. */
@media(max-width:980px){
    .hm-v164-problem-group .hm-problem-tile .hm-problem-tile-image{
        height:90px!important;
        min-height:90px!important;
        flex-basis:90px!important;
    }
}
@media(max-width:620px){
    .hm-v164-problem-group .hm-problem-tile .hm-problem-tile-image{
        height:88px!important;
        min-height:88px!important;
        flex-basis:88px!important;
    }
}


/* ========================================================================== 
   v631 – úvodná karta ankety priorít na výšku
   ========================================================================== */
.hm-poll-guide{position:fixed;z-index:100030;left:50%;top:50%;transform:translate(-50%,-50%);width:min(370px,calc(100vw - 24px));max-height:calc(100vh - 24px);overflow:auto;padding:18px 18px 16px;background:linear-gradient(180deg,#f9fdff 0%,#eff7ff 100%);border:1px solid rgba(21,95,190,.14);border-radius:0;box-shadow:0 28px 90px rgba(4,35,78,.24);color:#123f8b;text-align:center}
.hm-poll-guide::before{content:"";position:absolute;left:18px;top:10px;width:10px;height:10px;border-radius:50%;background:#8d5cc8}
.hm-poll-guide-close{position:absolute;right:10px;top:10px;width:38px;height:38px;border:0;background:transparent;color:#1a4d96;font-size:28px;line-height:1;cursor:pointer;opacity:.92}
.hm-poll-guide-kicker,.hm-poll-guide-main .hm-poll-guide-step,.hm-poll-guide-steps,.hm-poll-guide-footer>span{display:none!important}
.hm-poll-guide-main{display:block}
.hm-poll-guide-copy{background:transparent;border:0;border-radius:0;padding:10px 8px 0;min-height:0;color:#123f8b}
.hm-poll-guide-copy h3{position:relative;margin:0 0 18px;color:#1b4ea1;font-size:clamp(44px,11vw,62px);line-height:.9;font-weight:950;letter-spacing:-.055em;text-align:left}
.hm-poll-guide-copy h3 strong{color:#1672ea}
.hm-poll-guide-copy h3::after{content:"";position:absolute;left:64%;bottom:-8px;width:35%;height:6px;border-radius:999px;background:#f4c500;transform:skewX(-18deg)}
.hm-poll-guide-copy p{margin:0 auto 12px;max-width:300px;font-size:17px;line-height:1.42;color:#23498a;text-align:center}
.hm-poll-guide-copy p .hm-strong{color:#1672ea;font-weight:900}
.hm-poll-guide-footer{display:block;margin-top:16px;padding-top:0;border-top:0}
.hm-poll-guide-footer button{display:inline-flex;align-items:center;justify-content:center;gap:12px;width:100%;min-height:60px;padding:14px 18px;border:0;border-radius:18px;background:linear-gradient(180deg,#1e79f2 0%,#0f58cc 100%);box-shadow:0 12px 26px rgba(17,96,204,.24);color:#fff;font-size:17px;font-weight:900;cursor:pointer}
.hm-poll-guide-footer button::before{content:"📝";font-size:24px;line-height:1}
.hm-poll-guide-footer button b{font-size:26px;line-height:1;margin-left:2px}
.hm-poll-guide-signatures{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;margin-top:16px;align-items:end}
.hm-poll-guide-signature{min-width:0;text-align:center}
.hm-poll-guide-signature em{display:block;font-style:italic;font-family:"Segoe Print","Comic Sans MS","Trebuchet MS",sans-serif;color:#1672ea;font-size:19px;line-height:1;white-space:nowrap;letter-spacing:-.02em;transform:rotate(-4deg);font-weight:700}
.hm-poll-guide-signature span{display:block;margin-top:5px;color:#2d4a84;font-size:12px;font-weight:700}
@media(max-width:560px){
  .hm-poll-guide{width:min(360px,calc(100vw - 12px));padding:16px 14px 14px}
  .hm-poll-guide-copy h3{font-size:clamp(38px,12vw,52px)}
  .hm-poll-guide-copy p{max-width:290px;font-size:15px;line-height:1.38}
  .hm-poll-guide-footer button{min-height:56px;font-size:16px;border-radius:16px}
  .hm-poll-guide-signature em{font-size:17px}
  .hm-poll-guide-signature span{font-size:11px}
}


/* ========================================================================== 
   v633 – investičná päťka: väčšie a centrované názvy projektov
   ========================================================================== */
#hmInvestmentCard .hm-investment-label{
    left:10px!important;
    right:10px!important;
    top:50%!important;
    bottom:auto!important;
    transform:translateY(-50%)!important;
    display:-webkit-box!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:3!important;
    overflow:hidden!important;
    text-align:center!important;
    font-size:17px!important;
    line-height:1.14!important;
    font-weight:950!important;
}

@media(max-width:800px){
    html body.hm-voting-focus #hmInvestmentCard .hm-investment-grid{
        grid-auto-rows:108px!important;
    }
    html body.hm-voting-focus #hmInvestmentCard .hm-investment-option{
        min-height:108px!important;
        height:108px!important;
    }
    html body.hm-voting-focus #hmInvestmentCard .hm-investment-label{
        left:8px!important;
        right:8px!important;
        top:50%!important;
        bottom:auto!important;
        transform:translateY(-50%)!important;
        padding:0 4px!important;
        -webkit-line-clamp:3!important;
        text-align:center!important;
        font-size:16.5px!important;
        line-height:1.12!important;
        font-weight:950!important;
    }
}

@media(min-width:801px){
    html body.hm-voting-focus #hmInvestmentCard .hm-investment-label{
        left:10px!important;
        right:10px!important;
        top:50%!important;
        bottom:auto!important;
        transform:translateY(-50%)!important;
        padding:0 6px!important;
        text-align:center!important;
        font-size:16.5px!important;
        line-height:1.12!important;
        font-weight:950!important;
    }
}


/* v635 – homepage CTA SPUSTIŤ ANKETU o 10% menší */
#hmVoteIntro.hm-entry-shared .hm-v111-cta{
    font-size: clamp(16.2px, 1.35vw, 21.6px) !important;
}
#hmVoteIntro.hm-entry-shared .hm-v111-cta span{
    font-size: .9em !important;
}


/* ========================================================================== 
   v636 – tlačidlo Späť + plné názvy investičných akcií
   ========================================================================== */
#hmInvestmentCard .hm-investment-label{
    display:block!important;
    -webkit-line-clamp:unset!important;
    line-clamp:unset!important;
    -webkit-box-orient:unset!important;
    overflow:visible!important;
    text-overflow:clip!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
    word-break:normal!important;
    max-height:none!important;
}
#hmInvestmentCard .hm-investment-option.is-title-medium .hm-investment-label{
    font-size:14px!important;
    line-height:1.12!important;
}
#hmInvestmentCard .hm-investment-option.is-title-long .hm-investment-label{
    font-size:12.5px!important;
    line-height:1.10!important;
}
#hmInvestmentCard .hm-investment-option.is-title-very-long .hm-investment-label{
    font-size:11px!important;
    line-height:1.08!important;
}
@media(max-width:800px){
    html body.hm-voting-focus #hmInvestmentCard .hm-investment-option{
        min-height:112px!important;
        height:112px!important;
    }
    html body.hm-voting-focus #hmInvestmentCard .hm-investment-label{
        left:7px!important;
        right:7px!important;
        padding:0 3px!important;
        font-size:14px!important;
        line-height:1.10!important;
    }
    html body.hm-voting-focus #hmInvestmentCard .hm-investment-option.is-title-medium .hm-investment-label{
        font-size:12.5px!important;
        line-height:1.09!important;
    }
    html body.hm-voting-focus #hmInvestmentCard .hm-investment-option.is-title-long .hm-investment-label{
        font-size:11px!important;
        line-height:1.07!important;
    }
    html body.hm-voting-focus #hmInvestmentCard .hm-investment-option.is-title-very-long .hm-investment-label{
        font-size:9.8px!important;
        line-height:1.05!important;
    }
}


/* v637 – súhlas pred hlasovaním musí používateľ označiť sám */
#hmPollAccessButton:disabled{
    opacity:.48!important;
    cursor:not-allowed!important;
    filter:grayscale(.12)!important;
    box-shadow:none!important;
    transform:none!important;
}


/* v638 – menšie texty prepínača e-mailu v kvíze */
#hmQuizCard .hm-hq-access .hm-quiz-access-modes button{
    font-size:8.5px!important;
    line-height:1.12!important;
    padding:7px 8px!important;
    min-height:40px!important;
    letter-spacing:-.01em!important;
    white-space:nowrap!important;
}
@media(max-width:760px){
    #hmQuizCard .hm-hq-access .hm-quiz-access-modes button{
        font-size:8px!important;
        padding:6px 6px!important;
        min-height:38px!important;
    }
}


/* ========================================================================== 
   v639 – kvízové overenie na mobile: plnohodnotný vertikálny scroll
   ========================================================================== */
@media(max-width:760px){
    body.hm-quiz-focus #hmQuizCard.is-live{
        overflow:hidden!important;
        height:100dvh!important;
        max-height:100dvh!important;
    }
    #hmQuizCard .hm-hq-access{
        position:absolute!important;
        inset:0!important;
        width:100%!important;
        height:100%!important;
        min-height:0!important;
        max-height:100%!important;
        overflow-x:hidden!important;
        overflow-y:scroll!important;
        -webkit-overflow-scrolling:touch!important;
        touch-action:pan-y!important;
        overscroll-behavior-y:contain!important;
        scroll-behavior:smooth!important;
        box-sizing:border-box!important;
        justify-content:flex-start!important;
        padding:56px 16px calc(110px + env(safe-area-inset-bottom))!important;
    }
    #hmQuizCard .hm-hq-access::-webkit-scrollbar{width:5px!important;}
    #hmQuizCard .hm-hq-access::-webkit-scrollbar-thumb{background:#c9d8e9!important;border-radius:999px!important;}
    #hmQuizCard .hm-hq-access>*{flex:0 0 auto!important;}
    #hmQuizCard .hm-hq-close{
        position:fixed!important;
        z-index:100!important;
        top:10px!important;
        right:10px!important;
    }
}
@media(max-width:420px){
    #hmQuizCard .hm-hq-access{
        padding:52px 12px calc(120px + env(safe-area-inset-bottom))!important;
    }
}


/* ========================================================================== 
   v640 – kvíz: prepínače e-mailu o 10 % väčšie
   ========================================================================== */
#hmQuizCard .hm-hq-access .hm-quiz-access-modes button{
    font-size:9.35px!important;
    min-height:44px!important;
    padding:8px 9px!important;
}
@media(max-width:760px){
    #hmQuizCard .hm-hq-access .hm-quiz-access-modes button{
        font-size:8.8px!important;
        min-height:42px!important;
        padding:7px 7px!important;
    }
}


/* v645 – homepage SPUSTIŤ ANKETU presne ako SPUSTIŤ KVÍZ */
#hmVoteIntro.hm-entry-shared .hm-v173-launch-cta,
#hmQuizIntro.hm-entry-shared .hm-v173-launch-cta{
    width:min(100%,470px)!important;
    max-width:470px!important;
    min-height:104px!important;
    margin:0 auto!important;
    align-self:center!important;
    box-sizing:border-box!important;
}
#hmVoteIntro.hm-entry-shared .hm-v173-launch-cta>span,
#hmQuizIntro.hm-entry-shared .hm-v173-launch-cta>span{
    font-size:clamp(26px,2.25vw,38px)!important;
    line-height:1!important;
    letter-spacing:-.03em!important;
    text-align:center!important;
    white-space:nowrap!important;
    left:45%!important;
    max-width:calc(100% - 128px)!important;
}
#hmVoteIntro.hm-entry-shared .hm-v173-launch-cta>b,
#hmQuizIntro.hm-entry-shared .hm-v173-launch-cta>b{
    font-size:42px!important;
}
@media(max-width:900px){
    #hmVoteIntro.hm-entry-shared .hm-v173-launch-cta,
    #hmQuizIntro.hm-entry-shared .hm-v173-launch-cta{
        width:100%!important;
        max-width:none!important;
    }
}
@media(max-width:700px){
    #hmVoteIntro.hm-entry-shared .hm-v173-launch-cta>span,
    #hmQuizIntro.hm-entry-shared .hm-v173-launch-cta>span{
        font-size:clamp(19px,7vw,28px)!important;
    }
}


/* v646 – jednotné prihlasovacie bloky a dodatočné doplnenie profilu */
.hm-quiz-access-grid-email-only{grid-template-columns:minmax(0,1fr)!important;}
.hm-access-auth .hm-v400-quiz-display-name.hm-hidden,
.hm-access-auth .hm-v433-quiz-neighborhood.hm-hidden{display:none!important;}
.hm-quiz-profile-gate{max-width:760px;margin:0 auto;padding:26px;border-radius:24px;background:linear-gradient(180deg,#ffffff 0%,#f5f9ff 100%);border:1px solid rgba(11,92,184,.12);box-shadow:0 20px 44px rgba(11,65,130,.12);}
.hm-quiz-profile-gate h3{margin:0 0 10px;font-size:clamp(30px,3.1vw,42px);line-height:1.05;color:#113c78;}
.hm-quiz-profile-gate p{margin:0 0 18px;color:#4f6f99;font-size:18px;line-height:1.55;}
.hm-quiz-profile-gate .hm-contact-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:16px;}
.hm-quiz-profile-gate .hm-form-note{margin-top:14px;}
.hm-quiz-profile-gate .hm-button{margin-top:12px;width:100%;justify-content:center;}
@media (max-width:720px){.hm-quiz-profile-gate{padding:20px 16px;border-radius:20px}.hm-quiz-profile-gate h3{font-size:28px}.hm-quiz-profile-gate p{font-size:16px}.hm-quiz-profile-gate .hm-contact-grid{grid-template-columns:minmax(0,1fr);}}




/* ========================================================================== 
   v652 – JEDINÝ prihlasovací systém pre anketu, kvíz a pexeso
   Staré .hm-access-auth/.hm-unified-access/.hm-hq-access login štýly sa už nepoužívajú.
   ========================================================================== */
.hm-login-v2{
    box-sizing:border-box!important;
    width:min(500px,calc(100vw - 24px))!important;
    max-width:500px!important;
    max-height:calc(100dvh - 24px)!important;
    overflow:auto!important;
    padding:18px!important;
    border:1px solid #d9e5f1!important;
    border-radius:20px!important;
    background:linear-gradient(180deg,#fff 0%,#f8fbff 100%)!important;
    box-shadow:0 24px 64px rgba(5,40,86,.22)!important;
    color:#123b69!important;
}
.hm-login-v2.hm-hidden{display:none!important}
.hm-login-v2-head{width:100%;margin:0 auto 8px;text-align:center}
.hm-login-v2-head>span{display:block;margin:0 0 4px;color:#0b67c9;font-size:9px;line-height:1.2;font-weight:950;letter-spacing:.12em}
.hm-login-v2-head h2,.hm-login-v2-head h3{margin:0 0 6px!important;color:#0a326d!important;font-size:23px!important;line-height:1.06!important;letter-spacing:-.03em!important}
.hm-login-v2-head p{margin:0!important;color:#6a819e!important;font-size:12px!important;line-height:1.42!important}
.hm-login-v2-info{display:grid!important;grid-template-columns:auto minmax(0,1fr)!important;gap:8px!important;width:100%!important;margin:8px 0!important;padding:8px 10px!important;border:1px solid #dce7f2!important;border-radius:12px!important;background:#f6faff!important;box-shadow:none!important}
.hm-login-v2-info strong{color:#0b67c9!important;font-size:10px!important;line-height:1.35!important;white-space:nowrap!important}
.hm-login-v2-info span{color:#6b819c!important;font-size:10px!important;line-height:1.38!important}
.hm-login-v2-switch{display:grid!important;grid-template-columns:1fr 1fr!important;gap:3px!important;width:100%!important;margin:7px 0 4px!important;padding:3px!important;border:1px solid #dae5ef!important;border-radius:12px!important;background:#edf3f9!important}
.hm-login-v2-switch button{min-height:38px!important;padding:6px 8px!important;border:0!important;border-radius:9px!important;background:transparent!important;color:#5b718b!important;font-size:9px!important;line-height:1.15!important;font-weight:950!important;white-space:normal!important;cursor:pointer!important}
.hm-login-v2-switch button.is-active{background:#fff!important;color:#075fcf!important;box-shadow:0 5px 14px rgba(19,61,108,.10)!important}
.hm-login-v2-copy{margin:3px 0 6px!important;color:#7388a1!important;font-size:10.5px!important;line-height:1.35!important;text-align:center!important}
.hm-login-v2-fields{display:grid!important;grid-template-columns:1fr!important;gap:0!important;width:100%!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}
.hm-login-v2-fields label{display:grid!important;gap:4px!important;color:#536f90!important;font-size:10px!important;line-height:1.25!important;font-weight:900!important}
.hm-login-v2-fields input,.hm-login-v2-fields select{box-sizing:border-box!important;width:100%!important;min-height:44px!important;height:44px!important;padding:8px 12px!important;border:1px solid #ccd9e6!important;border-radius:12px!important;background:#fff!important;color:#133b69!important;font-size:15px!important;box-shadow:none!important}
.hm-login-v2-consent{display:flex!important;align-items:flex-start!important;gap:9px!important;width:100%!important;margin:6px 0 0!important;padding:8px 10px!important;border:1px solid #dce7f2!important;border-radius:12px!important;background:#f7faff!important;box-sizing:border-box!important}
.hm-login-v2-consent.hm-hidden{display:none!important}
.hm-login-v2-consent input{flex:0 0 auto;width:18px;height:18px;margin:1px 0 0;accent-color:#0b67d1}
.hm-login-v2-consent span{color:#607895!important;font-size:10px!important;line-height:1.35!important}
.hm-login-v2-consent a{color:#075fcf!important;font-weight:900!important}
.hm-login-v2-newsletter{background:#fffdf3!important;border-color:#eee0a2!important}
.hm-login-v2-submit{width:100%!important;min-height:48px!important;margin:7px 0 0!important;padding:10px 14px!important;border:0!important;border-radius:13px!important;background:linear-gradient(135deg,#1168dc,#0756bf)!important;color:#fff!important;font-size:15px!important;line-height:1.1!important;font-weight:950!important;box-shadow:0 10px 22px rgba(14,86,194,.18)!important}
.hm-login-v2-submit:disabled{opacity:.48!important;cursor:not-allowed!important;box-shadow:none!important}
.hm-login-v2-note{min-height:0!important;margin:3px 0 0!important;color:#6c8198!important;font-size:10px!important;line-height:1.35!important;text-align:center!important}
.hm-login-v2-note.is-success{color:#168448!important}.hm-login-v2-note.is-error{color:#c83838!important}

/* Všetky tri používajú rovnaký modalový rozmer. */
body.hm-voting-focus>#hmPollAccess:not(.hm-hidden){position:fixed!important;z-index:10040!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important}
body.hm-voting-focus:has(>#hmPollAccess:not(.hm-hidden))::before{content:"";position:fixed;inset:0;z-index:10030;background:rgba(4,25,57,.58);backdrop-filter:blur(8px)}
body.hm-quiz-focus #hmQuizCard.is-live.is-access-compact{position:fixed!important;top:50%!important;left:50%!important;right:auto!important;bottom:auto!important;width:min(500px,calc(100vw - 24px))!important;max-width:500px!important;height:auto!important;min-height:0!important;max-height:calc(100dvh - 24px)!important;transform:translate(-50%,-50%)!important;overflow:visible!important;border:0!important;border-radius:20px!important;background:transparent!important;box-shadow:none!important}
#hmQuizCard.is-access-compact #hmQuizAccess:not(.hm-hidden){width:100%!important;max-width:none!important;margin:0!important}
body.hm-quiz-focus #hmQuizCard.is-live.is-access-compact .hm-hq-close{position:absolute!important;z-index:60!important;top:7px!important;right:7px!important;width:30px!important;height:30px!important;min-width:30px!important;min-height:30px!important;border-radius:9px!important;font-size:15px!important}
#hmPexesoAccess.hm-login-v2{margin:20px auto!important}

/* Overený e-mail v kvíze */
#hmQuizVerifiedIdentity{width:100%!important;margin:0 0 7px!important;padding:9px 10px!important;border:1px solid #cce7d7!important;border-radius:12px!important;background:#f3fff7!important;box-sizing:border-box!important}
#hmQuizVerifiedIdentity>span{font-size:9px!important;color:#1b8b52!important;font-weight:950!important}
#hmQuizVerifiedIdentity>strong{font-size:11px!important;color:#315b46!important}
#hmQuizVerifiedIdentity>button{min-height:30px!important;padding:0 9px!important;border:1px solid #d5e3eb!important;border-radius:8px!important;background:#fff!important;color:#0b67c9!important;font-size:9px!important;font-weight:900!important}

/* Profil a údaje pre prípadnú cenu zostávajú až po hre. */
.hm-final-profile-gate{max-width:720px!important;margin:0 auto!important}
.hm-final-profile-kicker{display:block;margin-bottom:6px;color:#0b67c9;font-size:10px;font-weight:950;letter-spacing:.11em}
.hm-final-prize-box{margin:14px 0;padding:14px;border:1px solid #eadc88;border-radius:16px;background:#fffbea}
.hm-final-prize-box>span{display:block;color:#0a3974;font-size:12px;font-weight:950;letter-spacing:.04em}
.hm-final-prize-box>p{margin:5px 0 10px;color:#6f6745;font-size:13px;line-height:1.4}
.hm-final-prize-grid{grid-template-columns:1fr 1fr!important}

@media(max-width:620px){
 .hm-login-v2{width:calc(100vw - 12px)!important;max-width:none!important;padding:14px 11px!important;border-radius:16px!important}
 .hm-login-v2-head h2,.hm-login-v2-head h3{font-size:20px!important}
 .hm-login-v2-head p{font-size:11px!important}
 .hm-login-v2-info{grid-template-columns:1fr!important;gap:2px!important;padding:7px 8px!important}
 .hm-login-v2-info strong,.hm-login-v2-info span{font-size:9px!important;white-space:normal!important}
 .hm-login-v2-switch button{font-size:8.5px!important;min-height:36px!important}
 .hm-login-v2-fields input,.hm-login-v2-fields select{min-height:42px!important;height:42px!important;font-size:16px!important}
 .hm-login-v2-consent span{font-size:9.5px!important}
 .hm-login-v2-submit{min-height:46px!important;font-size:14px!important}
 body.hm-quiz-focus #hmQuizCard.is-live.is-access-compact{width:calc(100vw - 12px)!important;max-width:none!important;max-height:calc(100dvh - 12px)!important;border-radius:16px!important}
 .hm-final-prize-grid{grid-template-columns:1fr!important}
}


/* ========================================================================== 
   v653 – Google Identity Services v jednotnom prihlasovaní
   ========================================================================== */
.hm-google-login{width:100%;margin:8px 0 2px;}
.hm-google-button-wrap{width:100%;min-height:44px;display:flex;align-items:center;justify-content:center;border-radius:12px;overflow:hidden;}
.hm-google-button-wrap>span{display:inline-flex;align-items:center;justify-content:center;width:100%;min-height:44px;border:1px solid #d6e0ec;border-radius:12px;background:#fff;color:#526c8c;font-size:11px;font-weight:850;}
.hm-google-button-wrap>div,.hm-google-button-wrap iframe{max-width:100%!important;}
.hm-google-message{min-height:0;margin:4px 0 0!important;color:#657e9a!important;font-size:10px!important;line-height:1.35!important;text-align:center!important;}
.hm-google-message:empty{display:none!important;}
.hm-google-message.is-error{color:#b42318!important;}
.hm-google-message.is-success{color:#168448!important;}
.hm-login-v2-or{display:flex;align-items:center;gap:9px;margin:7px 0 4px;color:#8a9db2;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;}
.hm-login-v2-or:before,.hm-login-v2-or:after{content:"";height:1px;flex:1;background:#dfe8f1;}
.hm-login-v2-or span{white-space:nowrap;}
.hm-google-intro{margin:0 0 8px!important;color:#d92d20!important;font-size:11px!important;line-height:1.4!important;font-weight:800!important;text-align:center!important;}
.hm-google-button-wrap{position:relative;}
.hm-google-button-wrap>div,.hm-google-button-wrap iframe{position:relative;z-index:2;}
.hm-google-button-wrap>span{font-weight:850;}
@media(max-width:620px){.hm-google-intro{font-size:10px!important;margin-bottom:6px!important}}

.hm-google-consent{margin:7px 0 2px;padding:10px;border:1px solid #dce7f2;border-radius:13px;background:#f8fbff;}
.hm-google-consent.hm-hidden{display:none!important;}
.hm-google-consent>p{margin:0 0 7px!important;color:#536f90!important;font-size:10px!important;line-height:1.4!important;text-align:center!important;}
.hm-google-consent-submit{width:100%;min-height:44px;margin-top:7px!important;border-radius:12px!important;font-size:13px!important;font-weight:950!important;}
.hm-google-consent-submit:disabled{opacity:.45!important;cursor:not-allowed!important;}
@media(max-width:620px){.hm-google-login{margin-top:6px}.hm-google-button-wrap{min-height:42px}.hm-login-v2-or{margin:6px 0 3px}.hm-google-consent{padding:8px}}


/* v657 – väčší kicker a bez nadpisu „Najprv potvrďte svoj e-mail“ */
.hm-login-v2-head>span{
    font-size:12px!important;
    line-height:1.25!important;
    margin-bottom:7px!important;
}
.hm-login-v2-head{
    margin-bottom:8px!important;
}
@media(max-width:620px){
    .hm-login-v2-head>span{
        font-size:11.5px!important;
        margin-bottom:6px!important;
    }
}

/* v658 – väčšie prepínače registrácie */
.hm-login-v2-switch button{font-size:10px!important;}
@media(max-width:620px){.hm-login-v2-switch button{font-size:9.35px!important;}}


/* ==========================================================================
   v664 – pyramída: minimálna ZVISLÁ medzera medzi riadkami/stĺpcami
   Pôvodne: chart gap 9px + row padding 6px hore/dole.
   Teraz: 1px medzi riadkami, bez vertikálneho paddingu.
   ========================================================================== */
.hm-v603-pyramid-chart{
    gap:1px!important;
}
.hm-v603-pyramid-row{
    padding:0!important;
}
@media(max-width:760px){
    .hm-v603-pyramid-chart{
        gap:1px!important;
    }
    .hm-v603-pyramid-row{
        padding:0!important;
    }
}


/* v665 – pyramída: nadpis osi + číselné štítky + menšie percentá */
.hm-v665-pyramid-axis{
  display:grid;
  grid-template-columns:92px minmax(0,1fr) 110px;
  align-items:end;
  gap:2px;
  padding:0 0 2px 0;
}
.hm-v665-pyramid-axis span{
  grid-column:1 / 2;
  color:#6a82a0;
  font-size:11px;
  line-height:1.05;
  font-weight:900;
}
.hm-v603-pyramid-label{
  font-size:18px!important;
  line-height:1!important;
}
.hm-v603-pyramid-value small{
  font-size:7px!important;
  line-height:1!important;
}
@media(max-width:760px){
  .hm-v665-pyramid-axis{
    grid-template-columns:72px minmax(0,1fr) 80px;
    gap:1px;
    padding:0 0 1px 0;
  }
  .hm-v665-pyramid-axis span{
    font-size:9px;
  }
  .hm-v603-pyramid-label{
    font-size:14px!important;
  }
  .hm-v603-pyramid-value small{
    font-size:6px!important;
  }
}


/* ==========================================================================
   v666 – kvíz: spodný ovládací panel +30 %, čas otázky 13 s
   Väčší panel si berie priestor z poľa otázky na PC aj mobile.
   ========================================================================== */

/* DESKTOP */
#hmQuizCard .hm-hq-topbar{
    min-height:65px!important;              /* 50 -> 65 (+30 %) */
    padding:8px 10px!important;
    gap:12px!important;
}
#hmQuizCard .hm-hq-heading span{
    font-size:15.5px!important;             /* 12 -> cca 15.5 */
}
#hmQuizCard .hm-hq-tools-top{
    gap:9px!important;
}
#hmQuizCard .hm-hq-tools-top button{
    min-width:112px!important;
    min-height:49px!important;              /* 38 -> 49 */
    padding:8px 15px!important;
    border-radius:12px!important;
}
#hmQuizCard .hm-hq-tools-top button[data-quiz-swap]{
    min-width:152px!important;
}
#hmQuizCard .hm-hq-tools-top b{
    font-size:17px!important;
}
#hmQuizCard .hm-hq-live-stats{
    gap:7px!important;
}
#hmQuizCard .hm-hq-live-stats>div{
    min-height:47px!important;              /* 36 -> 47 */
    padding:8px 11px!important;
    border-radius:11px!important;
}
#hmQuizCard .hm-hq-live-stats small{
    font-size:12px!important;
}
#hmQuizCard .hm-hq-live-stats strong,
#hmQuizCard .hm-hq-live-stats time{
    font-size:18px!important;
}
#hmQuizCard .hm-hq-live-stats span{
    font-size:12px!important;
}

/* Priestor berieme z veľkého poľa otázky. */
#hmQuizCard .hm-hq-prompt{
    min-height:108px!important;
    padding-top:9px!important;
    padding-bottom:9px!important;
}

/* TABLET + MOBILE */
@media(max-width:760px){
    #hmQuizCard .hm-hq-topbar{
        min-height:55px!important;          /* 42 -> cca 55 (+30 %) */
        padding:7px 8px!important;
        gap:7px!important;
    }
    #hmQuizCard .hm-hq-heading span{
        font-size:11.5px!important;
    }
    #hmQuizCard .hm-hq-tools-top{
        gap:5px!important;
    }
    #hmQuizCard .hm-hq-tools-top button{
        min-width:79px!important;
        min-height:44px!important;          /* 34 -> 44 */
        padding:6px 9px!important;
        border-radius:11px!important;
    }
    #hmQuizCard .hm-hq-tools-top button[data-quiz-swap]{
        min-width:113px!important;
    }
    #hmQuizCard .hm-hq-tools-top b{
        font-size:13.5px!important;
    }
    #hmQuizCard .hm-hq-live-stats{
        gap:4px!important;
    }
    #hmQuizCard .hm-hq-live-stats>div{
        min-height:43px!important;          /* 33 -> 43 */
        padding:6px 7px!important;
        border-radius:10px!important;
    }
    #hmQuizCard .hm-hq-live-stats small{
        font-size:9.5px!important;
    }
    #hmQuizCard .hm-hq-live-stats strong,
    #hmQuizCard .hm-hq-live-stats time{
        font-size:13.5px!important;
    }
    #hmQuizCard .hm-hq-live-stats span{
        font-size:9.5px!important;
    }

    /* Väčší spodný panel na úkor poľa s otázkou. */
    #hmQuizCard .hm-hq-prompt{
        min-height:112px!important;
        padding-top:8px!important;
        padding-bottom:8px!important;
    }
}

/* Úzky mobil: zväčšený je najmä spodný riadok s Čas / Body / Bonus. */
@media(max-width:430px){
    #hmQuizCard .hm-hq-topbar{
        min-height:102px!important;
        padding:7px 8px!important;
        gap:7px 8px!important;
    }
    #hmQuizCard .hm-hq-live-stats>div{
        min-height:46px!important;
        padding:7px 7px!important;
    }
    #hmQuizCard .hm-hq-live-stats small{
        font-size:10px!important;
    }
    #hmQuizCard .hm-hq-live-stats strong,
    #hmQuizCard .hm-hq-live-stats time{
        font-size:14px!important;
    }
    #hmQuizCard .hm-hq-prompt{
        min-height:92px!important;
        padding-top:6px!important;
        padding-bottom:6px!important;
    }
}


/* ==========================================================================
   v667 – kvíz: červený čas, väčšie čísla času, bez textu 'OTÁZKA'
   ========================================================================== */

#hmQuizCard .hm-hq-heading span{
  text-transform:none!important;
}

/* Box s časom ostáva rovnako veľký, ale čísla sú väčšie a výrazné */
#hmQuizCard .hm-hq-live-stats > div:first-child{
  gap:1px!important;
}
#hmQuizCard .hm-hq-live-stats > div:first-child small{
  font-size:12px!important;
  color:#6c819a!important;
}
#hmQuizCard .hm-hq-live-stats > div:first-child time{
  color:#d81616!important;             /* silnočervená */
  font-size:24px!important;           /* väčšie len čísla času */
  font-weight:1000!important;
  letter-spacing:-0.03em!important;
  line-height:0.95!important;
}
#hmQuizCard .hm-hq-live-stats > div:first-child span{
  color:#d81616!important;
  font-size:13px!important;
  font-weight:900!important;
  margin-left:1px!important;
  line-height:1!important;
}

@media(max-width:760px){
  #hmQuizCard .hm-hq-live-stats > div:first-child small{
    font-size:9px!important;
  }
  #hmQuizCard .hm-hq-live-stats > div:first-child time{
    font-size:19px!important;
  }
  #hmQuizCard .hm-hq-live-stats > div:first-child span{
    font-size:10px!important;
  }
}

@media(max-width:430px){
  #hmQuizCard .hm-hq-live-stats > div:first-child small{
    font-size:8.5px!important;
  }
  #hmQuizCard .hm-hq-live-stats > div:first-child time{
    font-size:18px!important;
  }
  #hmQuizCard .hm-hq-live-stats > div:first-child span{
    font-size:9px!important;
  }
}


/* ==========================================================================
   v668 – kvíz: posledných 5 sekúnd čas pulzuje a bliká
   ========================================================================== */

@keyframes hmQuizLastFivePulseBlink{
  0%{
    transform:scale(1);
    opacity:1;
    filter:drop-shadow(0 0 0 rgba(216,22,22,.00));
  }
  35%{
    transform:scale(1.16);
    opacity:1;
    filter:drop-shadow(0 0 10px rgba(216,22,22,.35));
  }
  50%{
    opacity:.35;
  }
  70%{
    transform:scale(1.08);
    opacity:1;
    filter:drop-shadow(0 0 14px rgba(216,22,22,.48));
  }
  100%{
    transform:scale(1);
    opacity:1;
    filter:drop-shadow(0 0 0 rgba(216,22,22,.00));
  }
}

@keyframes hmQuizLastFiveBorder{
  0%,100%{
    border-color:#efb3b3;
    box-shadow:0 0 0 0 rgba(216,22,22,0);
    background:#fff7f7;
  }
  50%{
    border-color:#d81616;
    box-shadow:0 0 0 2px rgba(216,22,22,.10), 0 0 16px rgba(216,22,22,.12);
    background:#fff0f0;
  }
}

#hmQuizCard .hm-hq-live-stats > div:first-child.hm-last-five{
  animation:hmQuizLastFiveBorder .85s ease-in-out infinite!important;
}
#hmQuizCard .hm-hq-live-stats > div:first-child.hm-last-five time,
#hmQuizCard .hm-hq-live-stats > div:first-child.hm-last-five span{
  animation:hmQuizLastFivePulseBlink .85s ease-in-out infinite!important;
  transform-origin:center center;
}


/* ==========================================================================
   v671 – definitívna oprava stránkovania kvízového rebríčka
   Staršie pravidlá mali display:grid!important s vyššou špecificitou.
   ========================================================================== */
#hmQuizRankingAccess.hm-v446-ranking-classic
.hm-quiz-ranking-full-list
.hm-quiz-ranking-full-item.hm-ranking-page-hidden,
#hmQuizRankingAccess
.hm-quiz-ranking-full-list
[data-quiz-ranking-item].hm-ranking-page-hidden{
    display:none!important;
}

/* Na každej strane je presne 10 položiek. */
#hmQuizRankingAccess .hm-quiz-ranking-full-list [data-quiz-ranking-item][hidden]{
    display:none!important;
}

/* v671 – žolíky na DESKTOPE reálne o cca 10 % menšie.
   Toto je na konci CSS, aby to neprepisovali staršie v666 pravidlá. */
@media(min-width:761px){
    #hmQuizCard .hm-hq-tools-top{
        gap:4px!important;
    }
    #hmQuizCard .hm-hq-tools-top button{
        min-width:101px!important;
        min-height:44px!important;
        padding:7px 13px!important;
        border-radius:11px!important;
    }
    #hmQuizCard .hm-hq-tools-top button[data-quiz-swap]{
        min-width:137px!important;
    }
    #hmQuizCard .hm-hq-tools-top b{
        font-size:15.3px!important;
    }
}


/* ==========================================================================
   v672 – definitívne stránkovanie rebríčka pexesa po 10
   ========================================================================== */
#hmPexesoHomeRanking.hm-v446-ranking-classic
.hm-home-pexeso-list
.hm-home-pexeso-item.hm-ranking-page-hidden,
#hmPexesoHomeRanking
.hm-home-pexeso-list
[data-pexeso-home-ranking-item].hm-ranking-page-hidden,
#hmPexesoHomeRanking
.hm-home-pexeso-list
[data-pexeso-home-ranking-item][hidden]{
    display:none!important;
}


/* ==========================================================================
   v673 – popup po vyčerpaní 5 pokusov v Humenskom kvíze
   ========================================================================== */
.hm-quiz-limit-popup{
    position:fixed;
    inset:0;
    z-index:10280;
    display:grid;
    place-items:center;
    padding:18px;
    background:rgba(5,31,70,.72);
    backdrop-filter:blur(8px);
    opacity:0;
    visibility:hidden;
    transition:opacity .18s ease,visibility .18s ease;
}
.hm-quiz-limit-popup.is-open{
    opacity:1;
    visibility:visible;
}
.hm-quiz-limit-card{
    position:relative;
    width:min(510px,100%);
    max-height:calc(100dvh - 30px);
    overflow:auto;
    box-sizing:border-box;
    padding:28px 28px 24px;
    border:1px solid #d8e5f2;
    border-radius:26px;
    background:linear-gradient(180deg,#fff 0%,#f8fbff 100%);
    box-shadow:0 34px 100px rgba(3,29,66,.34);
    text-align:center;
}
.hm-quiz-limit-close{
    position:absolute;
    top:12px;
    right:12px;
    width:38px;
    height:38px;
    display:grid;
    place-items:center;
    border:1px solid #d6e3f0;
    border-radius:12px;
    background:#fff;
    color:#204a7c;
    font-size:23px;
    line-height:1;
    cursor:pointer;
}
.hm-quiz-limit-icon{
    width:58px;
    height:58px;
    display:grid;
    place-items:center;
    margin:0 auto 10px;
    border-radius:18px;
    background:#eef5ff;
    font-size:29px;
}
.hm-quiz-limit-kicker{
    display:block;
    color:#d92d20;
    font-size:11px;
    line-height:1.2;
    font-weight:950;
    letter-spacing:.12em;
}
.hm-quiz-limit-card h3{
    margin:7px 20px 8px;
    color:#0a326d;
    font-size:30px;
    line-height:1.05;
    letter-spacing:-.035em;
}
.hm-quiz-limit-copy{
    margin:0 auto 10px;
    color:#66809f;
    font-size:14px;
    line-height:1.45;
}
.hm-quiz-limit-countdown{
    width:min(310px,100%);
    margin:0 auto 18px;
    padding:14px 16px;
    border:1px solid #ffb8b8;
    border-radius:16px;
    background:#fff2f2;
    color:#d81616;
    font-size:27px;
    line-height:1;
    font-weight:1000;
    letter-spacing:-.025em;
}
.hm-quiz-limit-popup.is-ready .hm-quiz-limit-countdown{
    border-color:#b8e3c9;
    background:#effbf3;
    color:#14864d;
    font-size:18px;
}
.hm-quiz-limit-pexeso{
    padding:18px;
    border:1px solid #cddff4;
    border-radius:18px;
    background:linear-gradient(145deg,#eef6ff,#fff9d9);
}
.hm-quiz-limit-pexeso>strong{
    display:block;
    color:#0b3974;
    font-size:17px;
    font-weight:950;
}
.hm-quiz-limit-pexeso p{
    margin:6px 0 14px;
    color:#5e7898;
    font-size:13px;
    line-height:1.45;
}
.hm-quiz-limit-pexeso-button{
    min-height:54px;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:0 18px;
    border-radius:14px;
    background:linear-gradient(135deg,#1168dc,#0756bf);
    box-shadow:0 12px 26px rgba(14,86,194,.20);
    color:#fff!important;
    text-decoration:none!important;
    font-size:15px;
    font-weight:950;
}
.hm-quiz-limit-secondary{
    margin-top:12px;
    border:0;
    background:transparent;
    color:#7087a1;
    font-size:12px;
    font-weight:850;
    cursor:pointer;
    text-decoration:underline;
}

@media(max-width:620px){
    .hm-quiz-limit-popup{
        padding:8px;
    }
    .hm-quiz-limit-card{
        width:100%;
        max-height:calc(100dvh - 16px);
        padding:22px 15px 18px;
        border-radius:20px;
    }
    .hm-quiz-limit-close{
        top:9px;
        right:9px;
        width:34px;
        height:34px;
        border-radius:10px;
        font-size:20px;
    }
    .hm-quiz-limit-icon{
        width:48px;
        height:48px;
        border-radius:14px;
        font-size:24px;
    }
    .hm-quiz-limit-card h3{
        margin:6px 26px 7px;
        font-size:24px;
    }
    .hm-quiz-limit-copy{
        font-size:12px;
    }
    .hm-quiz-limit-countdown{
        margin-bottom:13px;
        padding:12px;
        font-size:22px;
    }
    .hm-quiz-limit-pexeso{
        padding:14px;
    }
    .hm-quiz-limit-pexeso>strong{
        font-size:15px;
    }
    .hm-quiz-limit-pexeso p{
        font-size:12px;
    }
    .hm-quiz-limit-pexeso-button{
        min-height:50px;
        font-size:14px;
    }
}


/* v674 – odkazy na samostatné pravidlá hier v pätičke */
.hm-campaign-footer-links a[href*="pravidla-kvizu"],
.hm-campaign-footer-links a[href*="pravidla-pexesa"],
.hm-px-campaign-links a[href*="pravidla-kvizu"],
.hm-px-campaign-links a[href*="pravidla-pexesa"]{
    font-weight:900!important;
}
.hm-legal-content h2{
    scroll-margin-top:90px;
}


/* ==========================================================================
   v678 – Backoffice / Výhercovia: rýchle vyhľadanie 7-miestneho kódu
   ========================================================================== */
.hm-v678-prize-search{
    padding:16px 17px;
    border-bottom:1px solid #e5edf7;
    background:linear-gradient(180deg,#ffffff,#f7fbff);
}
.hm-v678-prize-search>label{
    display:flex;
    flex-direction:column;
    gap:2px;
    margin-bottom:9px;
}
.hm-v678-prize-search>label span{
    color:#0b66ca;
    font-size:9px;
    line-height:1.2;
    font-weight:950;
    letter-spacing:.11em;
}
.hm-v678-prize-search>label strong{
    color:#0a326d;
    font-size:16px;
    line-height:1.2;
}
.hm-v678-prize-search-row{
    display:grid;
    grid-template-columns:minmax(180px,360px) auto auto;
    gap:8px;
    align-items:center;
}
.hm-v678-prize-search-row input{
    width:100%;
    height:46px;
    box-sizing:border-box;
    padding:0 14px;
    border:2px solid #bfd2e8;
    border-radius:12px;
    outline:0;
    background:#fff;
    color:#0a326d;
    font-size:19px;
    line-height:1;
    font-weight:950;
    letter-spacing:.08em;
    text-transform:uppercase;
}
.hm-v678-prize-search-row input:focus{
    border-color:#0b66ca;
    box-shadow:0 0 0 4px rgba(11,102,202,.10);
}
.hm-v678-prize-search-row button{
    min-height:46px;
    padding:0 16px;
    border:0;
    border-radius:12px;
    background:#0b63c9;
    color:#fff;
    font-size:11px;
    font-weight:950;
    cursor:pointer;
}
.hm-v678-prize-search-row button.is-secondary{
    border:1px solid #ccd9e8;
    background:#fff;
    color:#55708f;
}
.hm-v678-prize-search>p{
    margin:8px 0 0;
    color:#7287a0;
    font-size:11px;
    line-height:1.45;
}
.hm-v678-prize-search>p.is-success{
    color:#137447;
}
.hm-v678-prize-search>p.is-error{
    color:#bc3030;
}
.hm-v420-winner-table article.is-code-search-hit{
    position:relative;
    z-index:2;
    background:#fff9cf!important;
    box-shadow:inset 4px 0 0 #f4bd00,0 7px 22px rgba(12,76,151,.10);
    animation:hmPrizeSearchHit .55s ease;
}
@keyframes hmPrizeSearchHit{
    0%{transform:scale(.985);opacity:.65}
    100%{transform:scale(1);opacity:1}
}
@media(max-width:760px){
    .hm-v678-prize-search-row{
        grid-template-columns:1fr 1fr;
    }
    .hm-v678-prize-search-row input{
        grid-column:1/-1;
    }
}

/* v680 – unikátny prehľad potvrdených účastníkov v backoffice */
.hm-v400-data-tabs:has(a[href="#hmDataVerified"]){grid-template-columns:repeat(4,minmax(0,1fr))}
.hm-v680-verified-section .hm-v680-verified-info{margin:0;padding:12px 18px;border-bottom:1px solid #e3ebf5;font-size:12px;line-height:1.5;color:#536d8a}
.hm-v680-verified-head,.hm-v680-verified-list>article{display:grid;grid-template-columns:65px minmax(160px,1fr) 115px 165px;align-items:center;gap:12px;padding:10px 16px}
.hm-v680-verified-head{background:#f5f8fc;color:#65809e;font-size:10px;font-weight:900;text-transform:uppercase}
.hm-v680-verified-list>article{border-top:1px solid #e8eff7;color:#284d7b;font-size:12px}
.hm-v680-verified-list>article>b{color:#0d6bcf}
.hm-v680-verified-list>article>div{display:grid;gap:3px;min-width:0}
.hm-v680-verified-list>article strong{overflow-wrap:anywhere;font-size:13px}
.hm-v680-verified-list>article small{color:#69839f}
.hm-v680-verified-list>article>span{font-weight:850;color:#14834c}
.hm-v680-verified-list>article>time{font-size:11px;color:#6b839d}
@media(max-width:900px){.hm-v400-data-tabs:has(a[href="#hmDataVerified"]){grid-template-columns:repeat(2,minmax(0,1fr))}.hm-v680-verified-head{display:none}.hm-v680-verified-list>article{grid-template-columns:32px minmax(0,1fr);gap:6px 10px}.hm-v680-verified-list>article>span,.hm-v680-verified-list>article>time{grid-column:2}}

/* v688 – formátované texty v backoffice (profil, priority a blogy). */
.hm-bo-rich .hm-bo-toolbar{display:flex;flex-wrap:wrap;gap:6px}
.hm-bo-rich .hm-bo-toolbar button{white-space:nowrap;min-height:33px}
.hm-bo-rich .hm-bo-editor img{display:block;max-width:100%;height:auto;object-fit:contain;margin:12px auto;border-radius:11px}
.hm-bo-rich .hm-bo-editor ul,.hm-bo-rich .hm-bo-editor ol{padding-left:25px}
.hm-bo-rich .hm-bo-editor p{margin:.5em 0}
.hm-bo-rich .hm-bo-rich-upload-status{font-size:12px;color:#1a69b5;min-height:0;margin:0;padding:0 12px}
.hm-bo-rich .hm-bo-rich-upload-status:not(:empty){padding:9px 12px}

/* v690 – osobné notifikácie členov tímu */
.hm-pc-staff-settings{margin:0 0 18px;padding:20px;border:1px solid #ccddf3;border-radius:20px;background:linear-gradient(135deg,#fff,#f1f7ff);box-shadow:0 9px 27px rgba(24,70,133,.06)}
.hm-pc-staff-settings-head{display:flex;align-items:flex-start;gap:12px}
.hm-pc-staff-settings-head>span{font-size:27px}
.hm-pc-staff-settings h2{font-size:23px;color:#143f7c;margin:0 0 4px}
.hm-pc-staff-settings p{font-size:13px;color:#557399;margin:5px 0 12px}
.hm-pc-staff-settings-types{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:12px 0}
.hm-pc-staff-settings-types label{display:flex;align-items:center;gap:9px;min-height:45px;padding:9px 12px;border-radius:12px;border:1px solid #d9e6f7;background:#fff;color:#164474;font-size:13px;font-weight:800}
.hm-pc-staff-settings-types input{width:17px;height:17px;accent-color:#1266c8}
.hm-pc-staff-settings-actions{display:flex;gap:8px;flex-wrap:wrap}
.hm-pc-staff-settings-actions button{border:0;border-radius:11px;padding:11px 15px;background:#125fc2;color:#fff;font-size:12px;font-weight:950;cursor:pointer;min-height:42px}
.hm-pc-staff-settings-actions button:nth-child(2){background:#15794c}
.hm-pc-staff-settings-actions button.hm-pc-staff-disable{background:#eef4fc;color:#184b80;border:1px solid #cfe0f4}
.hm-pc-staff-settings-actions button:disabled{opacity:.6;cursor:wait}
.hm-pc-staff-settings [hidden]{display:none!important}
.hm-pc-staff-settings .hm-pc-staff-result.is-error{color:#bf3030}
.hm-pc-staff-settings .hm-pc-staff-help{font-size:11px;color:#7088a3;line-height:1.5;margin:10px 0 0}
.hm-bo-topbar{position:relative}
.hm-pc-staff-bell-wrap{position:relative;align-self:center;margin:0 8px;z-index:100}
.hm-pc-staff-bell{position:relative;border:1px solid #cfe0f4;border-radius:14px;background:#fff;padding:9px 12px;min-width:43px;min-height:43px;cursor:pointer;font-size:18px}
.hm-pc-staff-bell b{position:absolute;right:-5px;top:-6px;background:#db3333;color:#fff;border-radius:999px;font-size:9px;min-width:17px;height:17px;display:grid;place-items:center}
.hm-pc-staff-bell b[hidden],.hm-pc-staff-bell-panel[hidden],.hm-pc-staff-toast[hidden]{display:none!important}
.hm-pc-staff-bell-panel{position:absolute;right:0;top:calc(100% + 8px);width:min(350px,92vw);max-height:390px;overflow:auto;padding:15px;border:1px solid #d1e1f4;border-radius:17px;background:#fff;box-shadow:0 18px 50px rgba(6,39,90,.17)}
.hm-pc-staff-bell-panel h3{margin:0 0 12px;color:#153f78;font-size:17px}
.hm-pc-staff-bell-list{display:grid;gap:6px;max-height:265px;overflow:auto}
.hm-pc-staff-bell-list>a{display:grid;gap:5px;text-decoration:none;color:#155ba9;padding:9px;border:1px solid #e1ecf9;background:#f6faff;border-radius:9px}
.hm-pc-staff-bell-list a strong{font-size:12px}
.hm-pc-staff-bell-list a small{font-size:10px;color:#6a839d}
.hm-pc-staff-bell-panel>a{display:block;margin-top:12px;font-size:12px;color:#1a60ac;font-weight:900}
.hm-pc-staff-toast{position:fixed;right:15px;bottom:20px;z-index:100001;width:min(360px,calc(100vw - 30px));padding:14px;border:1px solid #cde1fb;border-radius:15px;background:#fff;box-shadow:0 16px 46px rgba(7,43,87,.2);color:#163f78}
.hm-pc-staff-toast strong{display:block;font-size:13px;line-height:1.35}
.hm-pc-staff-toast a{display:block;margin-top:9px;color:#125fc2;font-size:12px;font-weight:900}
@media(max-width:660px){.hm-pc-staff-settings{padding:14px}.hm-pc-staff-settings-types{grid-template-columns:1fr}.hm-pc-staff-bell-wrap{margin:0 3px}.hm-pc-staff-bell-panel{right:-6px}}

/* v694 – samostatné tlačidlo 💬 vedľa zvončeka tímových upozornení */
.hm-pc-staff-chat-wrap{position:relative;align-self:center;margin:0 5px;z-index:101}
.hm-pc-staff-chat-btn{position:relative;border:1px solid #cfe0f4;border-radius:14px;background:#fff;padding:9px 12px;min-width:43px;min-height:43px;cursor:pointer;font-size:20px}
.hm-pc-staff-chat-btn b{position:absolute;right:-5px;top:-6px;background:#db3333;color:#fff;border-radius:999px;font-size:9px;min-width:17px;height:17px;display:grid;place-items:center}
.hm-pc-staff-chat-btn b[hidden],.hm-pc-staff-chat-panel[hidden]{display:none!important}
.hm-pc-staff-chat-panel{position:absolute;right:0;top:calc(100% + 8px);width:min(370px,92vw);max-height:min(540px,80vh);overflow:auto;padding:15px;border:1px solid #d1e1f4;border-radius:17px;background:#fff;box-shadow:0 18px 50px rgba(6,39,90,.17);color:#173f75}
.hm-pc-staff-chat-head{display:flex;align-items:center;justify-content:space-between;gap:10px}
.hm-pc-staff-chat-head h3{margin:0 0 12px;font-size:18px;color:#153f78}
.hm-pc-staff-chat-close{border:0;border-radius:9px;background:#eef5ff;color:#134d93;padding:5px 10px;cursor:pointer;font-size:18px}
.hm-pc-staff-chat-panel>p{font-size:12px;color:#6d819d}
.hm-pc-staff-chat-list{display:grid;gap:7px;max-height:355px;overflow:auto}
.hm-pc-staff-chat-list>a{display:grid;gap:4px;border:1px solid #dceafa;border-radius:11px;background:#f8fbff;padding:10px;color:#17457c;text-decoration:none}
.hm-pc-staff-chat-list>a.is-unread{border-color:#9bc4f4;background:#eaf4ff}
.hm-pc-staff-chat-list strong{font-size:13px}.hm-pc-staff-chat-list span{font-size:12px;overflow-wrap:anywhere}.hm-pc-staff-chat-list small{font-size:10px;color:#7b8ba0}
.hm-pc-staff-chat-all{display:block;margin-top:12px;color:#1a60ac;font-size:12px;font-weight:900}
@media(max-width:660px){.hm-pc-staff-chat-wrap{margin:0 3px}.hm-pc-staff-chat-panel{right:-6px}}

/* v695 – profil je hneď pod MAKÁME, sekcia WEB zoskupuje 3 nástroje. */
.hm-bo-side-nav .hm-bo-web-group{display:block;min-width:0;margin:2px 0}
.hm-bo-side-nav .hm-bo-web-group>summary{cursor:pointer;list-style:none;display:grid;grid-template-columns:36px minmax(0,1fr) 18px;align-items:center;gap:10px;padding:8px 12px;border-radius:12px;color:#fff;font-weight:850}
.hm-bo-side-nav .hm-bo-web-group>summary::-webkit-details-marker{display:none}
.hm-bo-side-nav .hm-bo-web-group>summary>span{width:31px;height:31px;display:grid;place-items:center;background:rgba(255,255,255,.14);border-radius:9px;font-size:18px}
.hm-bo-side-nav .hm-bo-web-group>summary strong{font-size:16px}
.hm-bo-side-nav .hm-bo-web-group>summary i{font-style:normal;transition:transform .2s}
.hm-bo-side-nav .hm-bo-web-group[open]>summary i{transform:rotate(180deg)}
.hm-bo-side-nav .hm-bo-web-group>summary:hover,.hm-bo-side-nav .hm-bo-web-group>summary.is-active{background:#fff;color:#0b326c}
.hm-bo-side-nav .hm-bo-web-links{display:grid;gap:3px;margin:5px 0 10px 12px;padding-left:9px;border-left:2px solid rgba(255,255,255,.28)}
.hm-bo-side-nav .hm-bo-web-links>a{min-height:41px;padding:5px 8px;grid-template-columns:28px minmax(0,1fr)}
.hm-bo-side-nav .hm-bo-web-links>a>span{width:26px;height:26px;font-size:13px}
.hm-bo-side-nav .hm-bo-web-links>a strong{font-size:13px!important}
.hm-bo-web-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:20px 0}
.hm-bo-web-cards>a{display:grid;gap:10px;align-content:start;min-height:190px;padding:23px;border:1px solid #d8e6f6;border-radius:19px;background:linear-gradient(150deg,#fff,#f0f7ff);text-decoration:none;color:#17406f;box-shadow:0 8px 18px rgba(18,67,120,.05)}
.hm-bo-web-cards>a>span{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:#1b6cd3;color:#fff;font-size:24px;font-weight:900}
.hm-bo-web-cards>a>strong{font-size:23px;color:#0a366e}
.hm-bo-web-cards>a>small{color:#607a99;font-size:14px}
.hm-bo-web-cards>a>b{margin-top:auto;color:#0a63c6;font-size:13px}
@media(max-width:900px){.hm-bo-web-cards{grid-template-columns:1fr}.hm-bo-web-cards>a{min-height:145px}}

/* v696 – zvonček a chat sú jedna skupina v hlavičke; opravené zobrazenie na mobile. */
.hm-bo-topbar .hm-pc-staff-shortcuts{
    position:relative;display:inline-flex!important;flex-direction:row!important;
    justify-content:center;align-items:center;gap:8px;
    flex:0 0 auto;align-self:center;white-space:nowrap;min-width:max-content;
    margin:0;z-index:130;
}
.hm-bo-topbar .hm-pc-staff-shortcuts .hm-pc-staff-bell-wrap,
.hm-bo-topbar .hm-pc-staff-shortcuts .hm-pc-staff-chat-wrap{
    margin:0!important;display:block!important;flex:0 0 auto;
}
.hm-bo-topbar .hm-pc-staff-shortcuts .hm-pc-staff-bell,
.hm-bo-topbar .hm-pc-staff-shortcuts .hm-pc-staff-chat-btn{
    display:flex!important;align-items:center;justify-content:center;
    width:48px;min-width:48px;height:48px;min-height:48px;padding:0;
    line-height:1;touch-action:manipulation;
}
.hm-bo-topbar .hm-pc-staff-shortcuts .hm-pc-staff-bell-panel,
.hm-bo-topbar .hm-pc-staff-shortcuts .hm-pc-staff-chat-panel{
    z-index:9999;text-align:left;white-space:normal;
}
@media(max-width:660px){
    .hm-bo-topbar .hm-pc-staff-shortcuts{
        width:auto!important;max-width:100%;margin:0 auto;
        flex-wrap:nowrap!important;gap:10px;
    }
    .hm-bo-topbar .hm-pc-staff-shortcuts .hm-pc-staff-bell-panel,
    .hm-bo-topbar .hm-pc-staff-shortcuts .hm-pc-staff-chat-panel{
        position:fixed!important;left:12px!important;right:12px!important;
        top:auto!important;bottom:12px!important;width:auto!important;
        max-width:none!important;max-height:min(70dvh,540px)!important;
        overflow-y:auto;box-shadow:0 20px 65px rgba(6,39,90,.3);
    }
}

/* v697 – stav serverového CRON-u v nastaveniach tímových upozornení. */
.hm-pc-staff-cron{font-size:12px!important;color:#517292!important;margin:8px 0!important;line-height:1.5!important}
.hm-pc-staff-cron.is-error{color:#b52c2c!important}

/* v698 – jednoduché nastavenie tímových systémových upozornení na mobile. */
.hm-pc-staff-mobile-setup{margin:13px 0;padding:14px 15px;border:1px solid #a8c9f0;background:#f0f7ff;border-radius:14px;color:#133e77;line-height:1.5}
.hm-pc-staff-mobile-setup strong{display:block;font-size:14px;color:#0e4b98}
.hm-pc-staff-mobile-setup p{margin:6px 0 0!important;font-size:12px!important;line-height:1.65!important;color:#325c88!important}
.hm-pc-staff-settings-actions button[data-hm-pc-staff-install]{background:#0f568c}
.hm-pc-staff-settings-actions button[hidden],.hm-pc-staff-mobile-setup[hidden]{display:none!important}
@media(max-width:660px){
 .hm-pc-staff-settings-actions{display:grid;grid-template-columns:1fr;gap:9px}
 .hm-pc-staff-settings-actions button{width:100%;min-height:49px;font-size:13px;white-space:normal}
 .hm-pc-staff-mobile-setup{padding:13px}
}


/* v702: Zvonček obsahuje upozornenia, nastavenia sú len malý odkaz s ozubeným kolieskom dole. */
#hmBackoffice .hm-pc-staff-bell-panel .hm-pc-staff-bell-footer{
    margin-top:10px;padding-top:8px;border-top:1px solid #edf2f9;
    display:flex;justify-content:flex-end;
}
#hmBackoffice .hm-pc-staff-bell-panel .hm-pc-staff-bell-settings{
    display:inline-flex;align-items:center;gap:4px;margin:0;padding:3px 0;
    color:#8595a9;font-size:10px;font-weight:500;line-height:1.25;
    background:none;border:0;text-decoration:none;opacity:.78;
}
#hmBackoffice .hm-pc-staff-bell-panel .hm-pc-staff-bell-settings:hover,
#hmBackoffice .hm-pc-staff-bell-panel .hm-pc-staff-bell-settings:focus-visible{
    opacity:1;color:#225b9e;text-decoration:underline;
}
/* Na konci navigácie profilu zostáva len diskrétne tlačidlo ⚙️. */
#hmBackoffice .hm-pc-bo-nav .hm-pc-bo-nav-settings{
    display:flex;justify-content:flex-end;margin-top:10px;padding-top:9px;
    border-top:1px solid #e2ebf7;
}
#hmBackoffice .hm-pc-bo-nav .hm-pc-bo-nav-settings button{
    display:inline-flex;align-items:center;justify-content:flex-end;gap:4px;
    min-height:28px;padding:3px 4px;border:0;background:none;
    color:#7b8da4;font-size:10px;font-weight:500;line-height:1.3;
    cursor:pointer;opacity:.78;
}
#hmBackoffice .hm-pc-bo-nav .hm-pc-bo-nav-settings button:hover,
#hmBackoffice .hm-pc-bo-nav .hm-pc-bo-nav-settings button:focus-visible,
#hmBackoffice .hm-pc-bo-nav .hm-pc-bo-nav-settings button.is-active{
    opacity:1;color:#225b9e;text-decoration:underline;
}

/* v703 – centrum Schváliť: čitateľné karty bez prázdnych pásov, podnety a tím až dole. */
#hmBackoffice .hm-v703-approval-hub{display:grid!important;align-content:start!important;gap:22px!important;width:100%!important;min-width:0!important}
#hmBackoffice .hm-v703-approval-hub .hm-v271-approval-hero{justify-content:space-between!important;align-items:center!important;gap:16px!important;padding:19px 22px!important;border-radius:18px!important}
#hmBackoffice .hm-v703-approval-hub .hm-v271-approval-hero h2{margin:5px 0 6px!important;font-size:clamp(21px,2.4vw,29px)!important;line-height:1.2!important}
#hmBackoffice .hm-v703-approval-hub .hm-v271-approval-hero p{font-size:13px!important;line-height:1.5!important;max-width:670px}
#hmBackoffice .hm-v703-approval-hub .hm-v271-approval-hero-numbers{flex:0 0 auto;min-width:132px!important}
#hmBackoffice .hm-v703-approval-hub .hm-v271-approval-hero-numbers strong{font-size:31px!important}
#hmBackoffice .hm-v703-approval-hub .hm-v271-approval-hero-numbers small,
#hmBackoffice .hm-v703-approval-hub .hm-v271-approval-hero-numbers b{font-size:11px!important;line-height:1.45!important}
#hmBackoffice .hm-v703-approval-hub .hm-v271-approval-group{display:grid!important;gap:12px!important;align-content:start!important}
#hmBackoffice .hm-v703-approval-hub .hm-v271-approval-group>header{justify-content:space-between!important;align-items:center!important;gap:12px!important}
#hmBackoffice .hm-v703-approval-hub .hm-v271-approval-group>header span{font-size:10px!important}
#hmBackoffice .hm-v703-approval-hub .hm-v271-approval-group>header h3{font-size:clamp(18px,2vw,22px)!important;line-height:1.25!important}
#hmBackoffice .hm-v703-approval-hub .hm-v271-approval-group>header>b{min-width:31px!important;height:31px!important;font-size:12px!important}
#hmBackoffice .hm-v703-approval-hub .hm-v271-approval-list{display:grid!important;gap:12px!important;align-content:start!important}
#hmBackoffice .hm-v703-approval-hub .hm-v271-approval-card{display:flex!important;align-items:flex-start!important;gap:0!important;min-height:0!important;height:auto!important;max-height:none!important;border-radius:14px!important;overflow:hidden!important;box-shadow:0 5px 18px rgba(19,50,95,.055)!important}
#hmBackoffice .hm-v703-approval-hub .hm-v271-approval-card.is-status{border-left:4px solid #0e72ce!important}
#hmBackoffice .hm-v703-approval-hub .hm-v271-approval-card.no-media{display:block!important}
#hmBackoffice .hm-v703-approval-hub .hm-v271-approval-media{display:block!important;flex:0 0 144px!important;width:144px!important;min-width:0!important;min-height:0!important;height:122px!important;margin:13px 0 13px 13px!important;padding:0!important;overflow:hidden!important;border:0!important;border-radius:10px!important;background:#eff4fa!important}
#hmBackoffice .hm-v703-approval-hub .hm-v271-approval-media img{display:block!important;width:100%!important;height:100%!important;min-height:0!important;max-height:none!important;object-fit:cover!important;border-radius:10px!important;background:transparent!important}
#hmBackoffice .hm-v703-approval-hub .hm-v271-approval-main{flex:1 1 auto!important;min-width:0!important;width:auto!important;max-width:none!important;padding:15px 17px!important;display:grid!important;align-content:start!important;gap:9px!important}
#hmBackoffice .hm-v703-approval-hub .hm-v271-approval-main>header,
#hmBackoffice .hm-v703-approval-hub .hm-v271-approval-card.no-media .hm-v271-approval-main>header{display:flex!important;justify-content:space-between!important;align-items:flex-start!important;flex-wrap:wrap!important;gap:8px 14px!important;margin:0!important}
#hmBackoffice .hm-v703-approval-hub .hm-v271-approval-main>header>div,
#hmBackoffice .hm-v703-approval-hub .hm-v271-approval-card.no-media .hm-v271-approval-main>header>div{flex:1 1 210px!important;min-width:0!important}
#hmBackoffice .hm-v703-approval-hub .hm-v271-approval-main>header span{display:inline-block;font-size:10px!important;line-height:1.25!important;letter-spacing:.07em!important;color:#1263b0!important}
#hmBackoffice .hm-v703-approval-hub .hm-v271-approval-main>header h3{font-size:17px!important;line-height:1.35!important;margin:4px 0!important;color:#123d70!important;overflow-wrap:anywhere!important}
#hmBackoffice .hm-v703-approval-hub .hm-v271-approval-main>header small{font-size:11px!important;line-height:1.4!important;color:#62788f!important}
#hmBackoffice .hm-v703-approval-hub .hm-v271-approval-main>header>a,
#hmBackoffice .hm-v703-approval-hub .hm-v271-approval-card.no-media .hm-v271-approval-main>header>a{flex:0 0 auto!important;align-self:flex-start!important;margin:0!important;padding:8px 10px!important;font-size:11px!important;line-height:1.3!important;border-radius:8px!important;white-space:normal!important}
#hmBackoffice .hm-v703-approval-hub .hm-v271-approval-excerpt{font-size:13px!important;line-height:1.58!important;color:#344d69!important;margin:0!important;max-width:none!important;white-space:normal!important;overflow-wrap:anywhere!important}
#hmBackoffice .hm-v703-approval-hub .hm-v271-approval-meta{display:block!important;width:fit-content!important;max-width:100%!important;margin:0!important;padding:5px 9px!important;font-size:11px!important;line-height:1.45!important;white-space:normal!important}
#hmBackoffice .hm-v703-approval-hub .hm-v703-voters{min-width:0!important;margin:0!important}
#hmBackoffice .hm-v703-approval-hub .hm-v703-voters>summary,
#hmBackoffice .hm-v703-approval-hub .hm-v703-change-details>summary{list-style:none;cursor:pointer;display:inline-flex!important;align-items:center;flex-wrap:wrap;gap:4px;padding:6px 9px;border:1px solid #e0e9f3;border-radius:8px;background:#f8fbff;color:#245683;font-size:11px!important;line-height:1.4!important;font-weight:750}
#hmBackoffice .hm-v703-approval-hub .hm-v703-voters>summary::-webkit-details-marker,
#hmBackoffice .hm-v703-approval-hub .hm-v703-change-details>summary::-webkit-details-marker{display:none}
#hmBackoffice .hm-v703-approval-hub .hm-v703-voters>summary:before,
#hmBackoffice .hm-v703-approval-hub .hm-v703-change-details>summary:before{content:'▸';font-size:11px;line-height:1;transition:transform .15s ease}
#hmBackoffice .hm-v703-approval-hub .hm-v703-voters[open]>summary:before,
#hmBackoffice .hm-v703-approval-hub .hm-v703-change-details[open]>summary:before{transform:rotate(90deg)}
#hmBackoffice .hm-v703-approval-hub .hm-v703-voters>summary span{color:#70849a;font-weight:600}
#hmBackoffice .hm-v703-approval-hub .hm-v271-people{display:flex!important;gap:6px!important;margin:8px 0 0!important;max-width:100%!important}
#hmBackoffice .hm-v703-approval-hub .hm-v271-people>span,
#hmBackoffice .hm-v703-approval-hub .hm-v271-approval-card.no-media .hm-v271-people>span{display:flex!important;flex:0 1 auto!important;flex-direction:column!important;min-width:90px!important;max-width:100%!important;padding:6px 9px!important;gap:3px!important}
#hmBackoffice .hm-v703-approval-hub .hm-v271-people>span b{font-size:11px!important;line-height:1.25!important}
#hmBackoffice .hm-v703-approval-hub .hm-v271-people>span small{font-size:10px!important;line-height:1.3!important}
#hmBackoffice .hm-v703-approval-hub .hm-v271-direct-actions{width:100%!important;display:flex!important;justify-content:flex-start!important;align-items:center!important;gap:9px!important;margin:0!important;padding:10px 0 0!important}
#hmBackoffice .hm-v703-approval-hub .hm-v271-direct-actions form,
#hmBackoffice .hm-v703-approval-hub .hm-v271-approval-card.no-media .hm-v271-direct-actions form{flex:0 1 auto!important;margin:0!important;max-width:100%!important}
#hmBackoffice .hm-v703-approval-hub .hm-v271-direct-actions button{min-height:38px!important;width:auto!important;max-width:100%!important;padding:9px 14px!important;font-size:12px!important;line-height:1.3!important;white-space:normal!important;border-radius:9px!important}
#hmBackoffice .hm-v703-approval-hub .hm-v271-my-state{font-size:11px!important;line-height:1.4!important}
#hmBackoffice .hm-v703-approval-hub .hm-v271-empty{padding:17px!important}
#hmBackoffice .hm-v703-approval-hub .hm-v271-empty strong{font-size:13px!important}
#hmBackoffice .hm-v703-approval-hub .hm-v271-empty p{font-size:12px!important;line-height:1.5!important}
#hmBackoffice .hm-v703-approval-hub .hm-v703-change-details{min-width:0!important}
#hmBackoffice .hm-v703-approval-hub .hm-v280-hub-live-diff{margin-top:9px;max-width:100%;overflow-wrap:anywhere}
#hmBackoffice .hm-v703-approval-hub .hm-v280-hub-live-diff section{min-width:0;max-width:100%}
#hmBackoffice .hm-v703-approval-hub .hm-v271-poll-options{gap:9px!important}
#hmBackoffice .hm-v703-approval-hub .hm-v271-poll-options button{min-height:44px!important;padding:8px 10px!important}
#hmBackoffice .hm-v703-approval-hub .hm-v271-poll-options button small{font-size:10px!important}
#hmBackoffice .hm-v703-approval-hub .hm-v271-poll-options button b{font-size:12px!important;line-height:1.4!important}

/* Podnety občanov sa uvádzajú až pod internými schvaľovaniami. */
#hmBackoffice .hm-v703-map-group{padding:18px;border:1px solid #dce7f3;border-radius:16px;background:#f8fbff}
#hmBackoffice .hm-v703-map-group>header p{margin:5px 0 0;color:#5a7088;font-size:12px;line-height:1.5}
#hmBackoffice .hm-v703-map-all{display:inline-flex;align-items:center;min-height:36px;padding:8px 11px;border:1px solid #d1e1f1;border-radius:9px;background:#fff;color:#145a9e;text-decoration:none;font-size:12px;font-weight:750}
#hmBackoffice .hm-v703-map-subgroup{display:grid;gap:10px;min-width:0}
#hmBackoffice .hm-v703-map-subgroup+.hm-v703-map-subgroup{margin-top:7px;padding-top:16px;border-top:1px solid #e0e9f3}
#hmBackoffice .hm-v703-map-subhead{display:flex;align-items:center;gap:9px}
#hmBackoffice .hm-v703-map-subhead h4{margin:0;color:#153c6e;font-size:15px;line-height:1.3}
#hmBackoffice .hm-v703-map-subhead span{display:grid;place-items:center;min-width:24px;height:24px;padding:0 5px;border-radius:8px;background:#e6f0fb;color:#135c9e;font-size:11px;font-weight:800}
#hmBackoffice .hm-v703-map-list{display:grid;gap:10px;align-content:start;min-width:0}
#hmBackoffice .hm-v703-map-card{display:flex;align-items:flex-start;gap:13px;min-width:0;padding:14px;border:1px solid #dfE8f3;border-radius:12px;background:#fff;box-shadow:0 3px 12px rgba(17,57,98,.035);scroll-margin-top:105px}
#hmBackoffice .hm-v703-map-photo{flex:0 0 112px;width:112px;height:100px;overflow:hidden;border-radius:9px;background:#eaf2fa}
#hmBackoffice .hm-v703-map-photo img{width:100%;height:100%;display:block;object-fit:cover}
#hmBackoffice .hm-v703-map-content{flex:1;min-width:0;display:grid;gap:8px;align-content:start}
#hmBackoffice .hm-v703-map-card-top{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:5px 10px}
#hmBackoffice .hm-v703-map-pill{display:inline-flex;align-items:center;padding:4px 8px;border-radius:7px;background:#fff2d6;color:#8a5508;font-size:10px;font-weight:800;line-height:1.3}
#hmBackoffice .hm-v703-map-pill.is-available{background:#e5f5ee;color:#186443}
#hmBackoffice .hm-v703-map-card time{color:#6c8197;font-size:11px}
#hmBackoffice .hm-v703-map-card h5{margin:0!important;font-size:16px!important;line-height:1.35!important;color:#143e70!important;overflow-wrap:anywhere}
#hmBackoffice .hm-v703-map-card p{margin:0!important;font-size:13px!important;line-height:1.55!important;color:#415773!important;overflow-wrap:anywhere}
#hmBackoffice .hm-v703-map-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:2px}
#hmBackoffice .hm-v703-map-actions form{margin:0;max-width:100%}
#hmBackoffice .hm-v703-map-actions button,#hmBackoffice .hm-v703-map-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:8px 12px;border-radius:9px;font-size:12px!important;line-height:1.35!important;font-weight:800;text-decoration:none;cursor:pointer;max-width:100%;white-space:normal}
#hmBackoffice .hm-v703-map-actions button{border:1px solid #126cbb;background:#126cbb;color:#fff}
#hmBackoffice .hm-v703-map-actions button.is-claim{border-color:#167553;background:#167553}
#hmBackoffice .hm-v703-map-actions a{border:1px solid #d8e4f0;background:#f5f9fe;color:#285a8d}
#hmBackoffice .hm-v703-map-empty{margin:0;padding:13px 14px;border:1px dashed #d5e2ef;border-radius:10px;background:#fff;color:#60758a;font-size:12px;line-height:1.5}
#hmBackoffice .hm-v703-member-group{display:grid;gap:12px;padding:16px 0 0;border-top:1px solid #dce5ef;min-width:0}
#hmBackoffice .hm-v703-member-group h3{margin:0;color:#2b537c;font-size:15px;line-height:1.3}
#hmBackoffice .hm-v703-member-group .hm-v271-candidate-summary{grid-template-columns:repeat(auto-fit,minmax(115px,1fr))!important;gap:9px!important}
#hmBackoffice .hm-v703-member-group .hm-v271-candidate-summary article{padding:10px 12px!important;border-radius:11px!important}
#hmBackoffice .hm-v703-member-group .hm-v271-candidate-summary span{font-size:12px!important}
#hmBackoffice .hm-v703-member-group .hm-v271-candidate-summary strong{font-size:22px!important}
#hmBackoffice .hm-v703-member-group .hm-v271-candidate-summary small{font-size:10px!important}
#hmBackoffice .hm-v703-map-result{margin:0;padding:10px 13px;border:1px solid #badfcb;border-radius:10px;background:#eef9f1;color:#226041;font-size:13px;font-weight:750}
#hmBackoffice .hm-v703-map-result.is-error{border-color:#f0c9c9;background:#fff3f3;color:#a03535}
@media(max-width:700px){
  #hmBackoffice .hm-v703-approval-hub{gap:17px!important}
  #hmBackoffice .hm-v703-approval-hub .hm-v271-approval-hero{display:grid!important;gap:10px!important;padding:16px!important}
  #hmBackoffice .hm-v703-approval-hub .hm-v271-approval-hero-numbers{display:flex;align-items:center;gap:10px;min-width:0!important;width:100%!important;text-align:left!important;padding:9px 12px!important}
  #hmBackoffice .hm-v703-approval-hub .hm-v271-approval-hero-numbers strong{font-size:26px!important}
  #hmBackoffice .hm-v703-approval-hub .hm-v271-approval-hero-numbers small,#hmBackoffice .hm-v703-approval-hub .hm-v271-approval-hero-numbers b{margin:0!important;font-size:11px!important}
  #hmBackoffice .hm-v703-approval-hub .hm-v271-approval-card{display:flex!important;flex-direction:row!important;align-items:flex-start!important}
  #hmBackoffice .hm-v703-approval-hub .hm-v271-approval-media{flex:0 0 88px!important;width:88px!important;height:88px!important;margin:13px 0 0 12px!important;border:0!important;padding:0!important}
  #hmBackoffice .hm-v703-approval-hub .hm-v271-approval-media img{max-height:none!important;height:100%!important;width:100%!important;object-fit:cover!important}
  #hmBackoffice .hm-v703-approval-hub .hm-v271-approval-main{padding:13px!important;gap:9px!important}
  #hmBackoffice .hm-v703-approval-hub .hm-v271-approval-main>header h3{font-size:16px!important}
  #hmBackoffice .hm-v703-approval-hub .hm-v271-approval-main>header>a{font-size:11px!important}
  #hmBackoffice .hm-v703-approval-hub .hm-v271-direct-actions form,#hmBackoffice .hm-v703-approval-hub .hm-v271-direct-actions button{width:auto!important}
  #hmBackoffice .hm-v703-approval-hub .hm-v271-people>span{flex:1 1 115px!important;min-width:0!important}
  #hmBackoffice .hm-v703-map-group{padding:12px}
  #hmBackoffice .hm-v703-map-card{padding:12px;gap:10px}
  #hmBackoffice .hm-v703-map-photo{flex-basis:78px;width:78px;height:78px}
  #hmBackoffice .hm-v703-member-group .hm-v271-candidate-summary{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:470px){
  #hmBackoffice .hm-v703-approval-hub .hm-v271-approval-card.has-media{display:grid!important;grid-template-columns:76px minmax(0,1fr)!important;align-items:start!important}
  #hmBackoffice .hm-v703-approval-hub .hm-v271-approval-card.has-media .hm-v271-approval-media{grid-column:1;grid-row:1;flex:none!important;width:76px!important;height:76px!important;margin:12px 0 0 12px!important}
  #hmBackoffice .hm-v703-approval-hub .hm-v271-approval-card.has-media .hm-v271-approval-main{grid-column:2;grid-row:1;padding:12px!important;min-width:0!important}
  #hmBackoffice .hm-v703-approval-hub .hm-v271-approval-main>header>div{flex-basis:100%!important}
  #hmBackoffice .hm-v703-approval-hub .hm-v271-approval-main>header h3{font-size:15px!important}
  #hmBackoffice .hm-v703-approval-hub .hm-v271-approval-excerpt{font-size:12px!important}
  #hmBackoffice .hm-v703-map-card{display:block}
  #hmBackoffice .hm-v703-map-photo{float:left;margin:0 10px 7px 0;width:78px;height:78px}
  #hmBackoffice .hm-v703-map-content{display:block}
  #hmBackoffice .hm-v703-map-card-top{display:flex;margin-bottom:7px}
  #hmBackoffice .hm-v703-map-card h5{margin:0 0 7px!important;font-size:15px!important}
  #hmBackoffice .hm-v703-map-card p{margin:0 0 10px!important;font-size:12px!important}
  #hmBackoffice .hm-v703-map-actions{clear:both;display:flex;padding-top:8px}
  #hmBackoffice .hm-v703-map-actions button,#hmBackoffice .hm-v703-map-actions a{min-height:40px;font-size:12px!important}
}


/* v704 – Schváliť: bez úvodného hero panelu, každá karta tvorí jeden kompaktný blok. */
#hmBackoffice .hm-v704-approval-hub{
    display:flex!important; flex-direction:column!important; align-items:stretch!important;
    justify-content:flex-start!important; align-content:flex-start!important;
    gap:17px!important; min-height:0!important; height:auto!important;
    padding-top:0!important; margin-top:0!important;
}
#hmBackoffice .hm-v704-approval-hub>.hm-v271-approval-group,
#hmBackoffice .hm-v704-approval-hub>.hm-v703-member-group{
    width:100%!important; flex:0 0 auto!important; min-height:0!important;
    height:auto!important; align-self:flex-start!important; margin-top:0!important;
}
#hmBackoffice .hm-v704-approval-hub .hm-v703-recent-group{
    display:flex!important; flex-direction:column!important; gap:10px!important;
    padding-top:0!important;
}
#hmBackoffice .hm-v704-approval-hub .hm-v703-recent-group>header{
    display:flex!important; align-items:center!important; justify-content:space-between!important;
    min-height:0!important; margin:0!important; padding:0!important;
}
#hmBackoffice .hm-v704-approval-hub .hm-v703-recent-group>header h3{margin:0!important}
#hmBackoffice .hm-v704-approval-hub .hm-v703-recent-group>.hm-v271-approval-list{
    display:flex!important; flex-direction:column!important; align-items:stretch!important;
    gap:12px!important; min-height:0!important; height:auto!important; margin:0!important;
}
#hmBackoffice .hm-v704-approval-hub .hm-v271-approval-card{
    display:flex!important; flex:0 0 auto!important; align-items:flex-start!important;
    min-height:0!important; height:auto!important; margin:0!important;
}
#hmBackoffice .hm-v704-approval-hub .hm-v271-approval-main{
    display:flex!important; flex:1 1 auto!important; flex-direction:column!important;
    align-items:stretch!important; justify-content:flex-start!important; gap:10px!important;
    min-height:0!important; height:auto!important; margin:0!important;
}
#hmBackoffice .hm-v704-approval-hub .hm-v271-approval-main>header{
    display:flex!important; align-items:flex-start!important; justify-content:space-between!important;
    min-height:0!important; height:auto!important; margin:0!important; padding:0!important;
}
#hmBackoffice .hm-v704-approval-hub .hm-v271-approval-excerpt{
    display:block!important; flex:0 0 auto!important; margin:0!important;
    padding:0!important; white-space:pre-line!important; overflow-wrap:anywhere!important;
    line-height:1.65!important;
}
#hmBackoffice .hm-v704-approval-hub .hm-v271-approval-main>.hm-v271-approval-meta,
#hmBackoffice .hm-v704-approval-hub .hm-v271-approval-main>.hm-v271-direct-actions,
#hmBackoffice .hm-v704-approval-hub .hm-v271-approval-main>.hm-v703-voters{
    flex:0 0 auto!important; min-height:0!important; height:auto!important;
}
#hmBackoffice .hm-v704-approval-hub .hm-v703-map-group>header{
    display:flex!important; align-items:center!important; justify-content:space-between!important;
    gap:12px!important; margin:0!important; padding:0!important;
}
#hmBackoffice .hm-v704-approval-hub .hm-v703-map-group>header h3{margin:0!important}
#hmBackoffice .hm-v704-approval-hub .hm-v704-map-pending-actions{align-items:flex-start!important}
#hmBackoffice .hm-v704-approval-hub .hm-v704-map-approval-choice{flex:0 1 auto; min-width:0; max-width:100%}
#hmBackoffice .hm-v704-approval-hub .hm-v704-map-approval-choice>summary{
    display:inline-flex; align-items:center; justify-content:center; min-height:38px;
    padding:8px 13px; border:1px solid #126cbb; border-radius:9px;
    background:#126cbb; color:#fff; font-size:12px!important; line-height:1.35;
    font-weight:800; cursor:pointer; list-style:none;
}
#hmBackoffice .hm-v704-approval-hub .hm-v704-map-approval-choice>summary::-webkit-details-marker{display:none}
#hmBackoffice .hm-v704-approval-hub .hm-v704-map-approval-choice[open]{flex:1 1 100%; order:3; width:100%}
#hmBackoffice .hm-v704-approval-hub .hm-v704-map-approval-choice[open]>summary{margin-bottom:10px}
#hmBackoffice .hm-v704-approval-hub .hm-v704-map-approval-choice>form{
    display:flex; flex-direction:column; align-items:stretch; gap:8px;
    width:100%; max-width:100%!important; padding:13px;
    border:1px solid #dbe7f4; border-radius:11px; background:#f8fbff;
}
#hmBackoffice .hm-v704-approval-hub .hm-v704-map-approval-choice label{
    color:#1b466f; font-size:12px!important; font-weight:750; line-height:1.4;
}
#hmBackoffice .hm-v704-approval-hub .hm-v704-map-approval-choice textarea{
    display:block; width:100%; min-width:0; min-height:84px; resize:vertical;
    padding:10px 11px; border:1px solid #c9d9e9; border-radius:8px;
    background:#fff; color:#173b62; font:inherit; font-size:13px!important; line-height:1.5;
}
#hmBackoffice .hm-v704-approval-hub .hm-v704-map-choice-buttons{display:flex; flex-wrap:wrap; gap:9px}
#hmBackoffice .hm-v704-approval-hub .hm-v704-map-choice-buttons .is-approve-only{
    background:#fff!important; color:#13588f!important; border-color:#bad3ea!important;
}
@media(max-width:470px){
    #hmBackoffice .hm-v704-approval-hub .hm-v271-approval-card.has-media{
        display:flex!important; flex-direction:column!important; align-items:stretch!important;
    }
    #hmBackoffice .hm-v704-approval-hub .hm-v271-approval-card.has-media .hm-v271-approval-media{
        flex:none!important; align-self:flex-start!important; width:90px!important; height:78px!important;
        margin:12px 0 0 12px!important;
    }
    #hmBackoffice .hm-v704-approval-hub .hm-v271-approval-card.has-media .hm-v271-approval-main{
        flex:1 1 auto!important; width:100%!important; padding:12px!important;
    }
    #hmBackoffice .hm-v704-approval-hub .hm-v704-map-approval-choice[open]{flex:1 1 100%}
}

/* v705: presná poloha podnetu v backoffice – nezávisle od verejnej mapy. */
#hmBackoffice .hm-v705-map-location{flex:0 1 auto;min-width:0;max-width:100%;margin:0;box-sizing:border-box}
#hmBackoffice .hm-v705-map-location>summary{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:8px 12px;border:1px solid #bdd5ec;border-radius:9px;background:#edf6ff;color:#164f87;font-size:12px;font-weight:800;cursor:pointer;list-style:none}
#hmBackoffice .hm-v705-map-location>summary::-webkit-details-marker{display:none}
#hmBackoffice .hm-v705-map-location>summary:hover,#hmBackoffice .hm-v705-map-location[open]>summary{background:#dfeefe;color:#0b457e}
#hmBackoffice .hm-v705-map-location[open]{flex:1 1 100%;width:100%;order:5}
#hmBackoffice .hm-v705-map-view{display:block;position:relative;min-width:0;width:100%;margin-top:10px;border:1px solid #d7e4f2;border-radius:12px;overflow:hidden;background:#edf2f7}
#hmBackoffice .hm-v705-map-canvas{display:block;height:280px;width:100%;max-width:100%;min-width:0;z-index:0}
#hmBackoffice .hm-v705-map-feedback{margin:0;padding:8px 10px;font-size:12px;color:#526b84;background:#f8fbff}
#hmBackoffice .hm-v705-map-feedback[hidden]{display:none}
#hmBackoffice .hm-v705-map-detail-location{margin:14px 0;max-width:100%}
#hmBackoffice .hm-v705-map-detail-location .hm-v705-map-location[open]{display:block}
#hmBackoffice .hm-v705-map-unavailable{color:#6b7890}
@media(max-width:700px){
 #hmBackoffice .hm-v703-map-actions .hm-v705-map-location[open]{flex-basis:100%;width:100%}
 #hmBackoffice .hm-v705-map-canvas{height:235px}
}

/* v706 – mobilné schvaľovanie: nadpis a detail už nie sú súčasťou starého
   vnoreného <header>, na ktorý sa vzťahovali protichodné historické pravidlá.
   Položky sa skladajú prirodzene zhora nadol bez prázdneho pásu. */
#hmBackoffice .hm-v704-approval-hub .hm-v271-approval-card .hm-v271-approval-main{
    display:flex!important; flex-direction:column!important; align-items:stretch!important;
    justify-content:flex-start!important; align-content:normal!important;
    gap:10px!important; height:auto!important; min-height:0!important;
}
#hmBackoffice .hm-v704-approval-hub .hm-v706-approval-heading{
    display:block!important; flex:0 0 auto!important; position:static!important;
    height:auto!important; min-height:0!important; max-height:none!important;
    margin:0!important; padding:0!important; line-height:1.4!important;
}
#hmBackoffice .hm-v704-approval-hub .hm-v706-approval-heading>span{
    display:block!important; margin:0 0 6px!important; color:#1263b0!important;
    font-size:11px!important; font-weight:950!important; letter-spacing:.06em!important;
}
#hmBackoffice .hm-v704-approval-hub .hm-v706-approval-heading>h3{
    display:block!important; margin:0 0 8px!important; color:#123d70!important;
    font-size:17px!important; line-height:1.3!important; overflow-wrap:anywhere!important;
}
#hmBackoffice .hm-v704-approval-hub .hm-v706-approval-heading>small{
    display:block!important; margin:0!important; font-size:12px!important;
    line-height:1.45!important; color:#62788f!important;
}
#hmBackoffice .hm-v704-approval-hub .hm-v706-approval-heading>small>b{color:#9a730c!important}
#hmBackoffice .hm-v704-approval-hub .hm-v271-approval-excerpt{
    flex:0 0 auto!important; height:auto!important; min-height:0!important;
    margin:0!important; white-space:normal!important; font-size:13px!important;
    line-height:1.6!important; overflow-wrap:anywhere!important;
}
#hmBackoffice .hm-v704-approval-hub .hm-v706-approval-detail{
    display:inline-flex!important; flex:0 0 auto!important; align-self:flex-start!important;
    justify-content:center!important; align-items:center!important;
    width:auto!important; max-width:100%!important; height:auto!important; min-height:35px!important;
    margin:0!important; padding:8px 12px!important; border-radius:9px!important;
    background:#f1f6fb!important; color:#28547e!important;
    font-size:12px!important; line-height:1.35!important; font-weight:800!important;
    text-decoration:none!important;
}
@media(max-width:700px){
    #hmBackoffice .hm-v704-approval-hub .hm-v271-approval-card .hm-v271-approval-main{gap:10px!important}
    #hmBackoffice .hm-v704-approval-hub .hm-v706-approval-heading>h3{font-size:17px!important}
    #hmBackoffice .hm-v704-approval-hub .hm-v271-approval-excerpt{font-size:13px!important}
}

/* v707: drobné vysvetlenie pri jednej karte pre duplicitne uložený status. */
#hmBackoffice .hm-v704-approval-hub .hm-v707-duplicate-note{display:block;margin:0;color:#65788e;font-size:11px;line-height:1.45;overflow-wrap:anywhere}

/* v713: dostupné aj v úzkom mobilnom backoffice */
.hm-v713-export-form{margin:12px 0 0;display:flex;align-items:center}
.hm-v713-export-btn{padding:12px 17px;border:0;border-radius:14px;background:#1262b1;color:#fff;font:inherit;font-weight:800;cursor:pointer;max-width:100%;white-space:normal;text-align:center}
.hm-v713-status-blog-opt{display:flex!important;align-items:flex-start!important;gap:12px!important;margin:12px 0;padding:13px 14px;border:1px solid #bad7ec;border-radius:14px;background:#f1f8ff;color:#133757;cursor:pointer}
.hm-v713-status-blog-opt>input{width:21px!important;height:21px!important;flex:0 0 21px;margin:2px 0 0;accent-color:#1164ad}
.hm-v713-status-blog-opt span{display:grid;gap:4px}.hm-v713-status-blog-opt small{font-size:.83em;line-height:1.45;color:#516c89}
.hm-v713-status-blog-info{margin:12px 0;padding:10px 13px;border-radius:10px;background:#edf6ff;font-weight:700}
@media(max-width:650px){.hm-v713-export-form{width:100%}.hm-v713-export-btn{width:100%}}

.hm-v392-discussion-head{justify-content:space-between!important;flex-wrap:wrap!important}
@media(max-width:650px){.hm-v392-discussion-head{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:10px!important}}

/* v715 – prehľad nastavení tímových upozornení iba pre administrátora */
.hm-v715-team-notifications{margin-top:22px;padding-top:18px;border-top:1px solid #d7e4f5;color:#173b69}
.hm-v715-team-notifications-head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px}
.hm-v715-team-notifications-head h2{font-size:22px;margin:0}
.hm-v715-team-notifications-head p{margin:5px 0;font-size:13px;line-height:1.5}
.hm-v715-team-notifications-head>b{border-radius:11px;padding:8px 11px;background:#e8f1ff;color:#19477d;font-size:12px}
.hm-pc-staff-settings .hm-v715-team-notifications-note{font-size:12px;line-height:1.55;margin:10px 0 15px;color:#506985}
.hm-v715-team-notifications-list{display:grid;gap:12px}
.hm-v715-team-notifications-member{min-width:0;background:#fff;border:1px solid #d5e3f4;border-radius:15px;padding:14px;box-shadow:0 3px 12px rgba(17,69,131,.04)}
.hm-v715-team-notifications-member-head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px}
.hm-v715-team-notifications-member-head>strong{font-size:16px;color:#133f76;overflow-wrap:anywhere}
.hm-v715-team-notifications-state{font-size:11px;font-weight:850;border-radius:100px;padding:6px 9px}
.hm-v715-team-notifications-state.is-on{background:#e6f7ec;color:#17683d}
.hm-v715-team-notifications-state.is-off{background:#fff2e3;color:#8a501c}
.hm-v715-team-notifications-meta{display:flex;flex-wrap:wrap;gap:7px 14px;margin:10px 0;font-size:12px;color:#556f8a;line-height:1.4}
.hm-v715-team-notifications-meta b{color:#173f72}
.hm-v715-team-notifications-types{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
.hm-v715-team-notifications-type{min-width:0;display:flex;align-items:center;justify-content:space-between;gap:7px;border:1px solid #e0ebf7;border-radius:10px;padding:8px 9px;font-size:12px;line-height:1.35}
.hm-v715-team-notifications-type>span{overflow-wrap:anywhere}
.hm-v715-team-notifications-type>b{flex-shrink:0;font-size:11px;color:#167045}
.hm-v715-team-notifications-type>b.is-off{color:#9a5151}
.hm-pc-staff-settings .hm-v715-team-notifications-error{padding:9px 10px;background:#fff0f0;border:1px solid #f3caca;border-radius:9px;color:#9b3e3e;font-size:12px;overflow-wrap:anywhere}
@media(max-width:680px){
 .hm-v715-team-notifications{margin-top:16px;padding-top:14px}
 .hm-v715-team-notifications-types{grid-template-columns:1fr}
 .hm-v715-team-notifications-member{padding:12px}
 .hm-v715-team-notifications-member-head>strong{font-size:15px}
}
/* 718: autor môže v editore blogu pridať vlastnú anketu. */
.hm-v718-poll-editor{min-width:0;border:1px solid #bdd6f1;background:#f5f9ff;border-radius:14px;padding:13px;margin:14px 0;display:grid;gap:10px}
.hm-v718-poll-editor legend{font-weight:800;color:#103e79;padding:0 6px}
.hm-v718-poll-editor textarea,.hm-v718-poll-editor input[type=text]{width:100%;max-width:100%}
.hm-v718-poll-remove{display:flex;align-items:center;gap:8px;font-weight:650}

/* v720: celý blogový náhľad sa otvára v samostatnom článku, nie v modálnom okne. */
.hm-v720-link-card{display:block;text-decoration:none!important;color:inherit!important;cursor:pointer}
.hm-v720-link-card:focus-visible,.hm-v720-public-blog-link:focus-visible{outline:3px solid #2375cc;outline-offset:3px}
.hm-v720-link-card .hm-media-image{display:block}
.hm-v720-link-card .hm-v720-read{display:inline-flex;align-items:center;gap:6px;margin-top:18px;color:var(--hm-ink);font-size:11px;font-weight:900}
.hm-v720-link-card .hm-v720-read b{color:var(--hm-blue);font-size:15px}
.hm-v219-public-blog-list .hm-v720-public-blog-link{display:grid!important;grid-template-columns:90px minmax(0,1fr) auto!important;gap:12px!important;align-items:center!important;padding:10px!important;overflow:hidden!important;border:1px solid #dce7f2!important;border-radius:13px!important;background:#fff!important;text-decoration:none!important;color:inherit!important}
.hm-v219-public-blog-list .hm-v720-public-blog-link>img{width:90px!important;height:68px!important;object-fit:cover!important;border-radius:9px!important}
.hm-v219-public-blog-list .hm-v720-public-blog-link>div{min-width:0!important}
.hm-v219-public-blog-list .hm-v720-public-blog-link strong{display:block!important;color:#173c68!important;font-size:14px!important;line-height:1.25!important}
.hm-v219-public-blog-list .hm-v720-public-blog-link small{display:block!important;margin-top:2px!important;color:#8a9aac!important;font-size:9px!important}
.hm-v219-public-blog-list .hm-v720-public-blog-link p{margin:4px 0 0!important;color:#627a94!important;font-size:11px!important;line-height:1.35!important}
.hm-v219-public-blog-list .hm-v720-public-blog-link>b{color:#1765b8!important;font-size:11px!important;white-space:nowrap}
.hm-v219-public-blog-list .hm-v720-public-blog-link:hover{border-color:#86b8ef!important;background:#f4f9ff!important}
@media(max-width:650px){.hm-v219-public-blog-list .hm-v720-public-blog-link{grid-template-columns:70px minmax(0,1fr)!important}.hm-v219-public-blog-list .hm-v720-public-blog-link>img{width:70px!important;height:58px!important}.hm-v219-public-blog-list .hm-v720-public-blog-link>b{grid-column:2!important;justify-self:start!important}}

/* v721: candidate images and names are links to a dedicated profile, not popup buttons. */
.hm-pledge-person a.hm-pledge-photo-button{cursor:pointer;color:inherit;text-decoration:none;transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease}
.hm-pledge-person a.hm-pledge-photo-button:hover,.hm-pledge-person a.hm-pledge-photo-button:focus-visible{transform:translateY(-4px)!important;border-color:var(--hm-yellow)!important}
.hm-pledge-person a.hm-pledge-summary{text-decoration:none;color:inherit;cursor:pointer}
.hm-candidate-card[href]{text-decoration:none;color:inherit}