/* =====================================================
   HAAPSALU ROTARY KLUBI – V3 FINAL / GRANIT
   CMSimple 5.1 ühilduv täis-stylesheet
   ===================================================== */

@font-face {
    font-family: "RobotoCondensed";
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url("fonts/RobotoCondensed-Bold.ttf") format("truetype");
}

@font-face {
    font-family: "RobotoCondensed";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url("fonts/RobotoCondensed-Regular.ttf") format("truetype");
}

@font-face {
    font-family: "RobotoCondensed";
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url("fonts/RobotoCondensed-Light.ttf") format("truetype");
}

:root {
    --hrk-blue: #17458f;
    --hrk-navy: #102f5e;
    --hrk-dark: #17365d;
    --hrk-mid: #1769c2;
    --hrk-gold: #f7a81b;
    --hrk-text: #253247;
    --hrk-muted: #63748a;
    --hrk-light: #eef4fb;
    --hrk-pale: #f7f9fc;
    --hrk-border: #dce4ee;
    --hrk-white: #ffffff;
    --hrk-shadow: 0 12px 34px rgba(16, 47, 94, 0.11);
    --hrk-shadow-soft: 0 6px 20px rgba(16, 47, 94, 0.08);
}

/* =====================================================
   RESET JA ÜLDSTIIL
   ===================================================== */

html {
    scroll-behavior: smooth;
}

body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
ol,
li,
hr,
blockquote {
    margin: 0;
    padding: 0;
}

* {
    box-sizing: border-box;
}

body,
#body {
    min-width: 320px;
    background: var(--hrk-pale);
    color: var(--hrk-text);
    font-family: "RobotoCondensed", Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.55;
    text-align: left;
}

#top {
    height: 0;
    font-size: 0;
    line-height: 0;
}

img {
    box-sizing: border-box;
    max-width: 100%;
    height: auto;
}

a {
    color: var(--hrk-blue);
    text-decoration: none;
    transition: color 0.2s ease, background-color 0.2s ease, border-color 0.2s ease, transform 0.2s ease;
}

a:hover,
a:focus {
    color: var(--hrk-mid);
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: var(--hrk-dark);
    font-family: "RobotoCondensed", Arial, Helvetica, sans-serif;
    font-weight: 700;
    line-height: 1.18;
}

h1 {
    margin: 0 0 22px;
    font-size: 42px;
}

h2 {
    margin: 30px 0 12px;
    font-size: 32px;
}

h3 {
    margin: 24px 0 10px;
    font-size: 25px;
}

h4 {
    margin: 22px 0 8px;
    font-size: 22px;
}

h5,
h6 {
    margin: 18px 0 8px;
    font-size: 16px;
}

p {
    margin: 0 0 14px;
}

ul,
ol {
    margin: 12px 0 18px 25px;
}

li {
    margin: 5px 0;
}

hr {
    height: 1px;
    margin: 28px 0;
    border: 0;
    background: var(--hrk-border);
}

blockquote {
    margin: 22px 0;
    padding: 18px 22px;
    border-left: 4px solid var(--hrk-gold);
    background: #fffaf0;
    color: var(--hrk-dark);
}

.tplge_clearLeft {
    clear: left;
}

.tplge_clearRight {
    clear: right;
}

.tplge_clearBoth {
    clear: both;
}

/* =====================================================
   ÜLEMINE RIBA JA PÄIS
   ===================================================== */

.hrk-topbar {
    width: 100%;
    background: var(--hrk-navy);
    color: var(--hrk-white);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.58px;
    text-transform: uppercase;
}

.hrk-topbar-in {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    max-width: 1240px;
    min-height: 34px;
    margin: 0 auto;
    padding: 0 24px;
}

.hrk-topbar-club,
.hrk-topbar-links {
    flex: 1 1 0;
}

.hrk-topbar-theme {
    flex: 0 1 auto;
    padding: 0 22px;
    color: var(--hrk-gold);
    text-align: center;
}

.hrk-topbar-links {
    text-align: right;
    white-space: nowrap;
}

.hrk-topbar-links a {
    color: var(--hrk-white);
    font-size: 12px;
}

.hrk-topbar-links a:hover,
.hrk-topbar-links a:focus {
    color: var(--hrk-gold);
}

.tplge_header {
    width: 100%;
    background: var(--hrk-white);
}

.tplge_headerIn {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
    width: 100%;
    max-width: 1240px;
    min-height: 122px;
    margin: 0 auto;
    padding: 15px 24px;
}

.hrk-logo {
    display: block;
    flex: 0 1 360px;
    line-height: 0;
}

.hrk-logo img {
    display: block;
    width: 100%;
    max-width: 360px;
    border: 0;
}

.hrk-header-info {
    flex: 0 1 470px;
    color: var(--hrk-muted);
    text-align: right;
}

.hrk-header-time {
    color: var(--hrk-dark);
    font-size: 19px;
    font-weight: 700;
}

.hrk-header-place {
    margin-top: 2px;
    font-size: 13px;
}

.tplge_langmenu {
    min-height: 0;
    margin-top: 7px;
    padding: 0;
    text-align: right;
}

.tplge_langmenu img {
    width: auto;
    height: 22px;
    margin: 0 0 0 8px;
    border: 1px solid var(--hrk-border);
    border-radius: 12px;
}

/* =====================================================
   PÕHIMENÜÜ
   ===================================================== */

.hrk-nav-shell {
    position: sticky;
    top: 0;
    z-index: 1000;
    width: 100%;
    border-top: 1px solid var(--hrk-border);
    border-bottom: 1px solid var(--hrk-border);
    background: rgba(255, 255, 255, 0.97);
    box-shadow: 0 4px 14px rgba(16, 47, 94, 0.05);
    backdrop-filter: blur(8px);
}

.hrk-nav-bar {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    max-width: 1240px;
    margin: 0 auto;
    padding: 0 24px;
}

.hrk-mainnav {
    flex: 1 1 auto;
    min-width: 0;
}

.hrk-menu-toggle {
    display: none;
    align-items: center;
    gap: 10px;
    min-height: 52px;
    padding: 0;
    border: 0;
    background: transparent;
    color: var(--hrk-dark);
    font: inherit;
    font-weight: 700;
    cursor: pointer;
}

.hrk-menu-toggle-icon,
.hrk-menu-toggle-icon::before,
.hrk-menu-toggle-icon::after {
    display: block;
    width: 22px;
    height: 2px;
    background: var(--hrk-blue);
    content: "";
}

.hrk-menu-toggle-icon {
    position: relative;
}

.hrk-menu-toggle-icon::before {
    position: absolute;
    top: -7px;
    left: 0;
}

.hrk-menu-toggle-icon::after {
    position: absolute;
    top: 7px;
    left: 0;
}

.hrk-mainnav ul {
    list-style: none;
}

.hrk-mainnav ul.menulevel1 {
    display: flex;
    align-items: stretch;
    justify-content: center;
    gap: 4px;
    width: 100%;
    margin: 0;
    padding: 10px 0;
}

.hrk-mainnav ul.menulevel1 > li {
    position: relative;
    margin: 0;
    padding: 0;
    line-height: 1.2;
}

.hrk-mainnav ul.menulevel1 > li > a,
.hrk-mainnav ul.menulevel1 > li > span {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 50px;
    padding: 0 13px;
    border-radius: 8px;
    color: var(--hrk-dark);
    font-size: 17px;
    font-weight: 700;
    white-space: nowrap;
}

.hrk-mainnav ul.menulevel1 > li > a:hover,
.hrk-mainnav ul.menulevel1 > li > a:focus {
    background: var(--hrk-light);
    color: var(--hrk-blue);
    text-decoration: none;
}

.hrk-mainnav ul.menulevel1 > li.sdoc > span,
.hrk-mainnav ul.menulevel1 > li.sdocs > span,
.hrk-mainnav ul.menulevel1 > li.sdoc > a,
.hrk-mainnav ul.menulevel1 > li.sdocs > a {
    background: var(--hrk-blue);
    color: var(--hrk-white);
}

.hrk-mainnav ul.menulevel1 li ul {
    position: absolute;
    top: calc(100% + 8px);
    left: 0;
    z-index: 1100;
    min-width: 230px;
    margin: 0;
    padding: 10px;
    border: 1px solid var(--hrk-border);
    border-radius: 10px;
    background: var(--hrk-white);
    box-shadow: var(--hrk-shadow);
    opacity: 0;
    visibility: hidden;
    transform: translateY(-5px);
    transition: opacity 0.18s ease, visibility 0.18s ease, transform 0.18s ease;
}

.hrk-mainnav ul.menulevel1 li:hover > ul,
.hrk-mainnav ul.menulevel1 li:focus-within > ul {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.hrk-mainnav ul.menulevel1 li ul li {
    position: relative;
    margin: 0;
    padding: 0;
}

.hrk-mainnav ul.menulevel1 li ul a,
.hrk-mainnav ul.menulevel1 li ul span {
    display: block;
    padding: 10px 12px;
    border-radius: 7px;
    color: var(--hrk-dark);
    font-size: 16px;
    font-weight: 400;
    line-height: 1.3;
}

.hrk-mainnav ul.menulevel1 li ul a:hover,
.hrk-mainnav ul.menulevel1 li ul a:focus,
.hrk-mainnav ul.menulevel1 li ul li.sdoc > span,
.hrk-mainnav ul.menulevel1 li ul li.sdocs > span {
    background: var(--hrk-light);
    color: var(--hrk-blue);
    text-decoration: none;
}

.hrk-mainnav ul.menulevel1 li ul li ul {
    top: 0;
    left: calc(100% + 8px);
}

/* Põhimenüü otsing */
.hrk-search {
    position: relative;
    flex: 0 0 auto;
}

.hrk-search summary {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    min-height: 50px;
    padding: 0 14px;
    border-radius: 8px;
    color: var(--hrk-dark);
    font-size: 17px;
    font-weight: 700;
    list-style: none;
    cursor: pointer;
}

.hrk-search summary::-webkit-details-marker {
    display: none;
}

.hrk-search summary:hover,
.hrk-search summary:focus,
.hrk-search[open] summary {
    background: var(--hrk-light);
    color: var(--hrk-blue);
}

.hrk-search-icon {
    position: relative;
    display: block;
    width: 17px;
    height: 17px;
    border: 2px solid currentColor;
    border-radius: 50%;
}

.hrk-search-icon::after {
    position: absolute;
    right: -5px;
    bottom: -3px;
    width: 7px;
    height: 2px;
    background: currentColor;
    content: "";
    transform: rotate(45deg);
    transform-origin: left center;
}

.hrk-search-panel {
    position: absolute;
    top: calc(100% + 9px);
    right: 0;
    z-index: 1200;
    width: min(360px, calc(100vw - 28px));
    padding: 20px;
    border: 1px solid var(--hrk-border);
    border-radius: 11px;
    background: var(--hrk-white);
    box-shadow: var(--hrk-shadow);
}

.hrk-search-label {
    margin-bottom: 10px;
    color: var(--hrk-dark);
    font-size: 16px;
    font-weight: 700;
}

.hrk-search-panel form,
.hrk-search-panel #searchbox {
    margin: 0;
}

.hrk-search-panel #searchbox {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 8px;
}

.hrk-search-panel input.text,
.hrk-search-panel input[type="text"] {
    width: 100%;
    min-width: 0;
    height: 42px;
    margin: 0;
    padding: 8px 11px;
    border: 1px solid var(--hrk-border);
    border-radius: 8px;
    background: var(--hrk-white);
    color: var(--hrk-text);
    font: inherit;
}

.hrk-search-panel input.submit,
.hrk-search-panel input[type="submit"] {
    min-width: 76px;
    height: 42px;
    margin: 0;
    padding: 8px 14px;
    border: 1px solid var(--hrk-blue);
    border-radius: 8px;
    background: var(--hrk-blue);
    color: var(--hrk-white);
    font: inherit;
    font-weight: 700;
    cursor: pointer;
}

/* =====================================================
   SISUALA
   ===================================================== */

.tplge_siteContainer {
    width: 100%;
    margin: 0;
    padding: 0;
}

.tplge_contentsContainer {
    width: 100%;
    max-width: 1288px;
    margin: 0 auto;
    padding: 0 24px 40px;
    background: transparent;
}

.tplge_locator {
    margin: 0 0 18px;
    padding: 15px 4px 12px;
    border-bottom: 1px solid var(--hrk-border);
    color: var(--hrk-muted);
    font-size: 14px;
    font-weight: 400;
    overflow: hidden;
}

.tplge_locatorIn {
    overflow: hidden;
}

.tplge_locator img {
    display: none;
}

.locator_text {
    color: #8190a3;
}

.tplge_locator a {
    color: var(--hrk-muted);
}

.tplge_content {
    width: 100%;
    float: none;
    margin: 0;
    padding: 0;
}

.tplge_contentin {
    width: 100%;
    margin: 0;
    padding: 0 0 30px;
}

.tplge_contentin > h1._level1_page_ {
    display: block;
}

/* Peidab CMS-i tehnilise lehepealkirja ainult V3 avalehel.
   Vanemas brauseris jääb pealkiri nähtavale, mitte ei kao alamlehelt. */
.tplge_contentin > h1._level1_page_:has(+ .hrk-home) {
    display: none;
}

.tplge_contentin input.text,
.tplge_contentin textarea {
    width: 100%;
    max-width: 700px;
    padding: 10px 12px;
    border: 1px solid var(--hrk-border) !important;
    border-radius: 8px;
    background: var(--hrk-white) !important;
    color: var(--hrk-text);
    font: inherit;
}

.tplge_contentin input.submit,
#tplge_contentin input#submit {
    min-height: 42px;
    padding: 8px 18px;
    border: 1px solid var(--hrk-blue);
    border-radius: 8px;
    background: var(--hrk-blue) !important;
    color: var(--hrk-white);
    font: inherit;
    font-weight: 700;
    cursor: pointer;
}

/* Sisu abiklassid */
.tplge_code {
    clear: both;
    margin: 18px 0;
    padding: 14px 17px;
    border: 1px solid var(--hrk-border);
    border-radius: 9px;
    background: var(--hrk-white);
    color: var(--hrk-text);
    font-family: "Courier New", monospace;
    font-size: 15px;
}

.tplge_box01 {
    clear: both;
    margin: 18px 0;
    padding: 18px;
    border: 1px solid var(--hrk-border);
    border-left: 4px solid var(--hrk-mid);
    border-radius: 9px;
    background: var(--hrk-white);
}

.tplge_legal {
    padding: 6px 0;
}

.tplge_2cols {
    clear: both;
    columns: 2;
    column-gap: 40px;
}

img.tplge_left_border,
img.tplge_left_noborder {
    display: block;
    float: left;
    max-width: 44%;
    height: auto;
    margin: 0 22px 18px 0;
}

img.tplge_right_border,
img.tplge_right_noborder {
    display: block;
    float: right;
    max-width: 44%;
    height: auto;
    margin: 0 0 18px 22px;
}

img.tplge_left_border,
img.tplge_right_border,
img.tplge_border {
    border: 4px solid var(--hrk-border);
    border-radius: 8px;
}

img.tplge_left_noborder,
img.tplge_right_noborder,
img.tplge_noborder {
    border: 0;
}

img.tplge_centered {
    display: block;
    margin: 24px auto;
}

/* Lehe alamnavigeerimine */
.tplge_prevtopnext {
    clear: both;
    margin: 42px 0 5px;
    padding: 20px 0 0;
    border-top: 1px solid var(--hrk-border);
    text-align: center;
}

.tplge_prevtopnextin {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
}

.tplge_prevtopnext span {
    padding: 0;
}

.tplge_prevtopnext img {
    display: block;
    width: 38px;
    height: 38px;
    padding: 10px;
    border: 0;
    border-radius: 50%;
    background: var(--hrk-light);
}

.tplge_prevtopnext img:hover {
    background: #dce8f7;
}

.sitemaplevel1 {
    font-size: 18px;
    font-weight: 700;
}

.sitemaplevel2 {
    font-size: 17px;
    font-weight: 400;
}

/* =====================================================
   AVALEHT
   ===================================================== */

.hrk-home {
    width: 100%;
    max-width: 1240px;
    margin: 0 auto;
    color: var(--hrk-text);
}

.hrk-home p {
    margin: 0;
}

.hrk-home-eyebrow {
    color: var(--hrk-mid);
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.8px;
    text-transform: uppercase;
}

.hrk-hero {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr);
    min-height: 610px;
    overflow: hidden;
    border-radius: 20px;
    background: var(--hrk-blue);
    box-shadow: var(--hrk-shadow);
}

.hrk-hero-copy {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-width: 0;
    padding: 68px 58px 78px;
    border-left: 8px solid var(--hrk-gold);
    background: var(--hrk-blue);
    color: var(--hrk-white);
}

.hrk-hero .hrk-home-eyebrow {
    margin-bottom: 20px;
    color: var(--hrk-gold);
}

.hrk-hero-title {
    max-width: 520px;
    margin: 0;
    color: var(--hrk-white);
    font-size: clamp(46px, 5vw, 68px);
    line-height: 1.02;
    letter-spacing: -1.4px;
}

.hrk-hero-text {
    max-width: 480px;
    margin-top: 25px !important;
    color: #e4edf8;
    font-size: 20px;
    line-height: 1.55;
}

.hrk-theme-message {
    align-self: flex-start;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-top: 25px;
    padding: 10px 14px;
    border: 1px solid rgba(255, 255, 255, 0.36);
    border-radius: 999px;
    color: var(--hrk-white);
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.65px;
    text-transform: uppercase;
}

.hrk-theme-message::before {
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: var(--hrk-gold);
    content: "";
}

.hrk-hero-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 32px;
}

.hrk-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 52px;
    padding: 0 22px;
    border: 2px solid transparent;
    border-radius: 9px;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.2;
    text-align: center;
}

.hrk-button-primary {
    border-color: var(--hrk-gold);
    background: var(--hrk-gold);
    color: var(--hrk-dark);
}

.hrk-button-primary:hover,
.hrk-button-primary:focus {
    border-color: #ffc14c;
    background: #ffc14c;
    color: var(--hrk-dark);
    transform: translateY(-1px);
}

.hrk-button-secondary {
    border-color: rgba(255, 255, 255, 0.82);
    background: transparent;
    color: var(--hrk-white);
}

.hrk-button-secondary:hover,
.hrk-button-secondary:focus {
    background: var(--hrk-white);
    color: var(--hrk-blue);
}

.hrk-button-blue {
    border-color: var(--hrk-blue);
    background: var(--hrk-blue);
    color: var(--hrk-white);
}

.hrk-button-blue:hover,
.hrk-button-blue:focus {
    border-color: var(--hrk-mid);
    background: var(--hrk-mid);
    color: var(--hrk-white);
    transform: translateY(-1px);
}

.hrk-button-outline {
    border-color: var(--hrk-mid);
    background: var(--hrk-white);
    color: var(--hrk-blue);
}

.hrk-button-outline:hover,
.hrk-button-outline:focus {
    background: var(--hrk-light);
    color: var(--hrk-blue);
}

.hrk-hero-media {
    position: relative;
    min-width: 0;
    min-height: 610px;
    overflow: hidden;
    background: #d8e1ec;
}

.hrk-hero-media img {
    width: 100%;
    height: 100%;
    min-height: 610px;
    object-fit: cover;
    object-position: center;
}

.hrk-year-badge {
    position: absolute;
    right: 28px;
    bottom: 105px;
    padding: 10px 16px;
    border-radius: 22px;
    background: rgba(255, 255, 255, 0.94);
    color: var(--hrk-dark);
    font-size: 14px;
    font-weight: 700;
    box-shadow: var(--hrk-shadow-soft);
}

.hrk-meeting {
    position: relative;
    z-index: 4;
    display: grid;
    grid-template-columns: 1.2fr 0.85fr 1fr;
    width: calc(100% - 180px);
    max-width: 1000px;
    min-height: 205px;
    margin: -75px auto 0;
    padding: 34px 38px;
    border: 1px solid var(--hrk-border);
    border-radius: 16px;
    background: var(--hrk-white);
    box-shadow: var(--hrk-shadow);
}

.hrk-meeting > div {
    min-width: 0;
    padding: 0 30px;
}

.hrk-meeting > div:first-child {
    padding-left: 0;
}

.hrk-meeting > div:last-child {
    padding-right: 0;
}

.hrk-meeting > div + div {
    border-left: 1px solid var(--hrk-border);
}

.hrk-meeting-title {
    color: var(--hrk-dark);
    font-size: 24px;
    font-weight: 700;
}

.hrk-meeting-intro {
    margin-top: 6px !important;
    color: var(--hrk-muted);
    font-size: 15px;
    line-height: 1.45;
}

.hrk-meeting-label {
    margin-bottom: 8px;
    color: var(--hrk-mid);
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.6px;
    text-transform: uppercase;
}

.hrk-meeting-value {
    color: var(--hrk-dark);
    font-size: 21px;
    font-weight: 700;
    line-height: 1.25;
}

.hrk-meeting-detail {
    margin-top: 4px !important;
    color: var(--hrk-muted);
    font-size: 15px;
}

.hrk-home-intro {
    padding: 105px 40px 78px;
    text-align: center;
}

.hrk-home-heading {
    margin: 14px 0 0;
    color: var(--hrk-dark);
    font-size: clamp(36px, 4vw, 50px);
    letter-spacing: -0.6px;
}

.hrk-home-lead {
    max-width: 830px;
    margin: 22px auto 0 !important;
    color: var(--hrk-muted);
    font-size: 19px;
    line-height: 1.65;
}

.hrk-values {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px;
    margin-top: 48px;
    text-align: left;
}

.hrk-value-card {
    min-width: 0;
    min-height: 240px;
    padding: 30px;
    border: 1px solid var(--hrk-border);
    border-radius: 14px;
    background: var(--hrk-white);
    box-shadow: var(--hrk-shadow-soft);
}

.hrk-value-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 58px;
    height: 58px;
    margin-bottom: 24px;
    border-radius: 50%;
    background: var(--hrk-light);
    color: var(--hrk-blue);
    font-size: 22px;
    font-weight: 700;
}

.hrk-value-title {
    color: var(--hrk-dark);
    font-size: 24px;
    font-weight: 700;
}

.hrk-value-text {
    margin-top: 10px !important;
    color: var(--hrk-muted);
    font-size: 16px;
    line-height: 1.55;
}

.hrk-work {
    margin: 0;
    padding: 64px 54px 70px;
    border-radius: 20px;
    background: var(--hrk-light);
}

.hrk-work-head {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 30px;
    margin-bottom: 34px;
}

.hrk-work-title {
    margin: 10px 0 0;
    color: var(--hrk-dark);
    font-size: clamp(34px, 4vw, 45px);
}

.hrk-text-link {
    flex: 0 0 auto;
    color: var(--hrk-mid);
    font-size: 16px;
    font-weight: 700;
}

.hrk-work-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px;
}

.hrk-work-card {
    position: relative;
    min-width: 0;
    min-height: 330px;
    padding: 34px 30px;
    border-radius: 14px;
    background: var(--hrk-white);
    box-shadow: var(--hrk-shadow-soft);
}

.hrk-work-card::before {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 6px;
    border-radius: 14px 14px 0 0;
    background: var(--hrk-mid);
    content: "";
}

.hrk-work-card:nth-child(1)::before {
    background: var(--hrk-gold);
}

.hrk-work-card:nth-child(3)::before {
    background: var(--hrk-blue);
}

.hrk-work-number {
    color: var(--hrk-mid);
    font-size: 14px;
    font-weight: 700;
}

.hrk-work-card:nth-child(1) .hrk-work-number {
    color: #d99000;
}

.hrk-work-card-title {
    margin-top: 24px;
    color: var(--hrk-dark);
    font-size: 24px;
    font-weight: 700;
}

.hrk-work-card-text {
    margin-top: 16px !important;
    color: var(--hrk-muted);
    font-size: 16px;
    line-height: 1.6;
}

.hrk-work-arrow {
    position: absolute;
    bottom: 30px;
    left: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: var(--hrk-light);
    color: var(--hrk-mid);
    font-size: 22px;
    font-weight: 700;
}

.hrk-principles {
    display: grid;
    grid-template-columns: 1fr 1.04fr;
    margin: 72px 0;
    overflow: hidden;
    border-radius: 20px;
    background: var(--hrk-white);
    box-shadow: var(--hrk-shadow);
}

.hrk-principles-main {
    min-width: 0;
    padding: 62px 54px;
    background: var(--hrk-navy);
    color: var(--hrk-white);
}

.hrk-principles-main .hrk-home-eyebrow {
    color: var(--hrk-gold);
}

.hrk-principles-title {
    margin: 18px 0 0;
    color: var(--hrk-white);
    font-size: clamp(35px, 4vw, 46px);
    line-height: 1.12;
}

.hrk-principles-text {
    margin-top: 24px !important;
    color: #d7e2f0;
    font-size: 18px;
    line-height: 1.6;
}

.hrk-motto {
    margin-top: 30px;
    color: var(--hrk-gold);
    font-size: 17px;
    font-weight: 700;
    letter-spacing: 0.5px;
    text-transform: uppercase;
}

.hrk-values-inline {
    display: flex;
    flex-wrap: wrap;
    gap: 15px 24px;
    margin-top: 38px;
}

.hrk-values-inline span {
    position: relative;
    padding-left: 20px;
    color: var(--hrk-white);
    font-size: 15px;
    font-weight: 700;
}

.hrk-values-inline span::before {
    position: absolute;
    top: 7px;
    left: 0;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: var(--hrk-gold);
    content: "";
}

.hrk-fourway {
    min-width: 0;
    padding: 62px 54px;
}

.hrk-fourway-title {
    margin: 15px 0 0;
    color: var(--hrk-dark);
    font-size: 38px;
}

.hrk-fourway-list {
    margin-top: 26px;
}

.hrk-fourway-item {
    display: grid;
    grid-template-columns: 48px 1fr;
    align-items: center;
    gap: 18px;
    min-height: 78px;
    border-bottom: 1px solid var(--hrk-border);
}

.hrk-fourway-item:last-child {
    border-bottom: 0;
}

.hrk-fourway-number {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: var(--hrk-light);
    color: var(--hrk-blue);
    font-size: 17px;
    font-weight: 700;
}

.hrk-fourway-question {
    color: var(--hrk-dark);
    font-size: 20px;
    font-weight: 700;
    line-height: 1.3;
}

.hrk-home-cta {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 36px;
    margin-bottom: 30px;
    padding: 48px 54px;
    border-radius: 18px;
    background: var(--hrk-light);
}

.hrk-home-cta-title {
    margin: 10px 0 0;
    color: var(--hrk-dark);
    font-size: 35px;
}

.hrk-home-cta-text {
    margin-top: 12px !important;
    color: var(--hrk-muted);
    font-size: 17px;
}

.hrk-home-cta-actions {
    display: grid;
    gap: 10px;
    min-width: 230px;
}

/* =====================================================
   V3 – TEGUDE INIMESED
   ===================================================== */

.hrk-section-heading {
    max-width: 820px;
    margin: 0 auto 46px;
    text-align: center;
}

.hrk-section-heading h2 {
    margin: 12px 0 0;
    color: var(--hrk-dark);
    font-size: clamp(36px, 4vw, 50px);
    letter-spacing: -0.6px;
}

.hrk-section-heading p {
    max-width: 720px;
    margin: 20px auto 0 !important;
    color: var(--hrk-muted);
    font-size: 19px;
    line-height: 1.65;
}

.hrk-action {
    padding: 105px 24px 86px;
}

.hrk-action-grid {
    position: relative;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 22px;
}

.hrk-action-grid::before {
    position: absolute;
    top: 36px;
    right: 17%;
    left: 17%;
    height: 1px;
    background: var(--hrk-border);
    content: "";
}

.hrk-action-card {
    position: relative;
    z-index: 1;
    min-width: 0;
    padding: 0 25px;
    text-align: center;
}

.hrk-action-number {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 72px;
    height: 72px;
    margin: 0 auto 24px;
    border: 1px solid var(--hrk-border);
    border-radius: 50%;
    background: var(--hrk-white);
    color: var(--hrk-blue);
    font-size: 25px;
    font-weight: 700;
    box-shadow: var(--hrk-shadow-soft);
}

.hrk-action-card:nth-child(2) .hrk-action-number {
    border-color: var(--hrk-gold);
    background: var(--hrk-gold);
    color: var(--hrk-dark);
}

.hrk-action-card h3 {
    margin: 0;
    color: var(--hrk-dark);
    font-size: 25px;
}

.hrk-action-card p {
    margin-top: 13px !important;
    color: var(--hrk-muted);
    font-size: 16px;
    line-height: 1.6;
}

/* =====================================================
   V3 – KOHALIK MÕJU
   ===================================================== */

.hrk-impact {
    padding: 68px 54px 72px;
    border-radius: 20px;
    background: var(--hrk-light);
}

.hrk-impact-head {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 30px;
    margin-bottom: 34px;
}

.hrk-impact-head h2 {
    max-width: 760px;
    margin: 10px 0 0;
    color: var(--hrk-dark);
    font-size: clamp(34px, 4vw, 45px);
}

.hrk-impact-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px;
}

.hrk-impact-card {
    min-width: 0;
    overflow: hidden;
    border-radius: 14px;
    background: var(--hrk-white);
    box-shadow: var(--hrk-shadow-soft);
}

.hrk-impact-visual {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 190px;
    overflow: hidden;
}

.hrk-impact-visual::before,
.hrk-impact-visual::after {
    position: absolute;
    border-radius: 50%;
    content: "";
}

.hrk-impact-visual::before {
    top: -56px;
    right: -34px;
    width: 170px;
    height: 170px;
    border: 28px solid rgba(255, 255, 255, 0.17);
}

.hrk-impact-visual::after {
    bottom: -42px;
    left: -25px;
    width: 130px;
    height: 130px;
    border: 24px solid rgba(255, 255, 255, 0.12);
}

.hrk-impact-community {
    background: linear-gradient(135deg, #102f5e, #1769c2);
}

.hrk-impact-youth {
    background: linear-gradient(135deg, #e18f00, #f7b733);
}

.hrk-impact-friendship {
    background: linear-gradient(135deg, #1b557f, #2387ad);
}

.hrk-impact-symbol {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 82px;
    height: 82px;
    border: 2px solid rgba(255, 255, 255, 0.75);
    border-radius: 50%;
    color: var(--hrk-white);
    font-size: 31px;
    font-weight: 700;
}

.hrk-impact-line {
    position: absolute;
    right: 28px;
    bottom: 25px;
    width: 65px;
    height: 4px;
    border-radius: 4px;
    background: rgba(255, 255, 255, 0.7);
}

.hrk-impact-body {
    padding: 28px 28px 30px;
}

.hrk-impact-category {
    color: var(--hrk-mid);
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.7px;
    text-transform: uppercase;
}

.hrk-impact-card:nth-child(2) .hrk-impact-category {
    color: #bd7600;
}

.hrk-impact-body h3 {
    margin: 16px 0 0;
    color: var(--hrk-dark);
    font-size: 25px;
    line-height: 1.2;
}

.hrk-impact-body p {
    margin-top: 14px !important;
    color: var(--hrk-muted);
    font-size: 16px;
    line-height: 1.58;
}

.hrk-impact-body a {
    display: inline-block;
    margin-top: 20px;
    color: var(--hrk-blue);
    font-size: 15px;
    font-weight: 700;
}

/* =====================================================
   V3 – ROTARY VÕRGUSTIK
   ===================================================== */

.hrk-network {
    display: grid;
    grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr);
    gap: 56px;
    align-items: center;
    margin: 72px 0 0;
    padding: 54px;
    border: 1px solid var(--hrk-border);
    border-radius: 18px;
    background: var(--hrk-white);
}

.hrk-network-copy h2 {
    margin: 11px 0 0;
    color: var(--hrk-dark);
    font-size: clamp(32px, 3.6vw, 43px);
}

.hrk-network-copy p {
    max-width: 650px;
    margin-top: 18px !important;
    color: var(--hrk-muted);
    font-size: 17px;
    line-height: 1.6;
}

.hrk-network-links {
    border-top: 1px solid var(--hrk-border);
}

.hrk-network-links a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 58px;
    border-bottom: 1px solid var(--hrk-border);
    color: var(--hrk-dark);
    font-size: 18px;
    font-weight: 700;
}

.hrk-network-links a span {
    color: var(--hrk-mid);
}

.hrk-network-links a:hover,
.hrk-network-links a:focus {
    padding-left: 8px;
    color: var(--hrk-blue);
}

/* =====================================================
   CMS-I ALAMLEHTEDE ÜHILDUVUSKIHT
   ===================================================== */

.tplge_contentin {
    overflow-wrap: break-word;
}

.tplge_contentin img {
    max-width: 100%;
    height: auto;
}

.tplge_contentin table {
    max-width: 100%;
}

.tplge_contentin form {
    max-width: 100%;
}

.tplge_contentin label {
    color: var(--hrk-dark);
    font-weight: 700;
}

.tplge_contentin select {
    max-width: 100%;
    min-height: 40px;
    padding: 6px 9px;
    border: 1px solid var(--hrk-border);
    border-radius: 7px;
    background: var(--hrk-white);
    color: var(--hrk-text);
    font: inherit;
}

/* =====================================================
   UUDISED
   ===================================================== */

.tplge_newsArea {
    display: block;
    width: 100%;
    max-width: 1240px;
    margin: 0 auto;
    padding: 30px 24px 72px;
}

.tplge_newsArea.is-empty {
    display: none;
}

.hrk-news-heading {
    margin-bottom: 28px;
}

.hrk-news-eyebrow {
    margin-bottom: 9px;
    color: var(--hrk-mid);
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.8px;
    text-transform: uppercase;
}

.hrk-news-heading h2 {
    max-width: 700px;
    margin: 0;
    color: var(--hrk-dark);
    font-size: clamp(32px, 4vw, 44px);
}

.hrk-news-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
}

.tplge_news:empty {
    display: none;
}

.tplge_news {
    min-width: 0;
}

.tplge_news:not(:empty) {
    min-height: 220px;
    padding: 30px;
    border: 1px solid var(--hrk-border);
    border-radius: 14px;
    background: var(--hrk-white);
    box-shadow: var(--hrk-shadow-soft);
}

.tplge_news h1,
.tplge_news h2,
.tplge_news h3,
.tplge_news h4,
.tplge_news h5,
.tplge_news h6 {
    margin: 0 0 12px;
    color: var(--hrk-dark);
    font-size: 23px;
}

/* =====================================================
   JALUS
   ===================================================== */

.tplge_footer {
    width: 100%;
    margin-top: 20px;
    padding: 58px 24px 24px;
    background: var(--hrk-navy);
    color: #d5e0ee;
    font-size: 15px;
}

.hrk-footer-in {
    display: grid;
    grid-template-columns: 1.3fr 1fr 0.7fr 0.9fr;
    gap: 46px;
    width: 100%;
    max-width: 1240px;
    margin: 0 auto;
}

.hrk-footer-title {
    color: var(--hrk-white);
    font-size: 25px;
    font-weight: 700;
}

.hrk-footer-motto {
    margin-top: 7px;
    color: #b8c8dc;
    font-size: 16px;
}

.hrk-footer-theme {
    margin-top: 12px;
    color: var(--hrk-gold);
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.55px;
    text-transform: uppercase;
}

.hrk-footer-label {
    margin-bottom: 10px;
    color: var(--hrk-gold);
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.7px;
    text-transform: uppercase;
}

.hrk-footer-column > div:not(.hrk-footer-label) {
    margin: 3px 0;
}

.hrk-footer-column a {
    display: block;
    margin: 3px 0;
    color: var(--hrk-white);
}

.hrk-footer-column a:hover,
.hrk-footer-column a:focus {
    color: var(--hrk-gold);
}

.hrk-footer-bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    max-width: 1240px;
    margin: 45px auto 0;
    padding-top: 20px;
    border-top: 1px solid #37547d;
    color: #aebed2;
    font-size: 13px;
}

.hrk-footer-bottom a {
    color: #aebed2;
}

.tplge_scrolltoTopButton {
    position: fixed;
    right: 20px;
    bottom: 20px;
    z-index: 1200;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 46px;
    height: 46px;
    border-radius: 50%;
    background: var(--hrk-gold);
    color: var(--hrk-dark);
    font-size: 23px;
    font-weight: 700;
    box-shadow: var(--hrk-shadow-soft);
    opacity: 0;
    pointer-events: none;
    transform: translateY(8px);
}

.tplge_scrolltoTopButton.is-visible {
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0);
}

.tplge_scrolltoTopButton:hover,
.tplge_scrolltoTopButton:focus {
    background: #ffc14c;
    color: var(--hrk-dark);
}

/* =====================================================
   VORMID JA PLUGINAD
   ===================================================== */

div.ddfmwrap {
    font-size: 16px;
}

div.ddfmwrap input.ddmf_text,
div.ddfmwrap input.ddmf_verify,
div.ddfmwrap textarea {
    max-width: 100% !important;
    padding: 10px 12px !important;
    border: 1px solid var(--hrk-border) !important;
    border-radius: 8px;
    background: var(--hrk-white) !important;
}

div.ddfmwrap input.ddmf_text,
div.ddfmwrap textarea {
    width: 100% !important;
}

div.ddfmwrap input.ddmf_verify {
    width: 120px !important;
}

div.ddfmwrap div.submitButton {
    width: auto !important;
}

div.ddfmwrap div.submitButton input,
div.ddfmwrap input[type="submit"] {
    min-height: 42px !important;
    padding: 8px 18px !important;
    border: 1px solid var(--hrk-blue) !important;
    border-radius: 8px !important;
    background: var(--hrk-blue) !important;
    color: var(--hrk-white) !important;
    font: inherit !important;
    font-weight: 700 !important;
    cursor: pointer;
}

div.ddfmwrap select {
    max-width: 100% !important;
}

div.ddfmwrap fieldset {
    max-width: 100%;
    margin: 0 0 18px;
    padding: 18px;
    border: 1px solid var(--hrk-border);
    border-radius: 10px;
}

/* =====================================================
   TAHVEL JA MOBIIL
   ===================================================== */

@media (max-width: 1120px) {
    .hrk-mainnav ul.menulevel1 > li > a,
    .hrk-mainnav ul.menulevel1 > li > span {
        padding-right: 10px;
        padding-left: 10px;
        font-size: 16px;
    }

    .hrk-meeting {
        width: calc(100% - 90px);
    }
}

@media (max-width: 1080px) {
    .tplge_headerIn {
        min-height: 112px;
    }

    .hrk-logo {
        flex-basis: 320px;
    }

    .hrk-logo img {
        max-width: 320px;
    }

    .hrk-header-time {
        font-size: 17px;
    }

    .hrk-header-place {
        font-size: 14px;
    }

    .hrk-menu-toggle {
        display: flex;
        flex: 1 1 auto;
    }

    .hrk-mainnav {
        order: 3;
        flex: 0 0 100%;
        display: none;
        padding-bottom: 14px;
    }

    .hrk-search {
        order: 2;
        margin-left: auto;
    }

    .hrk-menu-toggle {
        order: 1;
    }

    .hrk-mainnav.is-open {
        display: block;
    }

    .hrk-mainnav ul.menulevel1 {
        display: block;
        padding: 0;
    }

    .hrk-mainnav ul.menulevel1 > li {
        width: 100%;
        border-top: 1px solid var(--hrk-border);
    }

    .hrk-mainnav ul.menulevel1 > li > a,
    .hrk-mainnav ul.menulevel1 > li > span {
        justify-content: flex-start;
        width: 100%;
        min-height: 46px;
        padding: 0 12px;
        border-radius: 0;
    }

    .hrk-mainnav ul.menulevel1 > li.sdoc > span,
    .hrk-mainnav ul.menulevel1 > li.sdocs > span,
    .hrk-mainnav ul.menulevel1 > li.sdoc > a,
    .hrk-mainnav ul.menulevel1 > li.sdocs > a {
        background: var(--hrk-light);
        color: var(--hrk-blue);
    }

    .hrk-mainnav ul.menulevel1 li ul,
    .hrk-mainnav ul.menulevel1 li ul li ul {
        position: static;
        min-width: 0;
        margin: 0;
        padding: 0 0 7px 17px;
        border: 0;
        border-radius: 0;
        background: transparent;
        box-shadow: none;
        opacity: 1;
        visibility: visible;
        transform: none;
    }

    .hrk-mainnav ul.menulevel1 li ul a,
    .hrk-mainnav ul.menulevel1 li ul span {
        padding: 8px 12px;
    }

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

    .hrk-hero-copy {
        min-height: 520px;
        padding: 58px 48px 70px;
        border-left-width: 7px;
    }

    .hrk-hero-media,
    .hrk-hero-media img {
        min-height: 520px;
    }

    .hrk-year-badge {
        bottom: 28px;
    }

    .hrk-meeting {
        grid-template-columns: 1fr 1fr;
        width: calc(100% - 60px);
        margin-top: -55px;
    }

    .hrk-meeting > div:first-child {
        grid-column: 1 / -1;
        margin-bottom: 24px;
        padding: 0 0 22px;
        border-bottom: 1px solid var(--hrk-border);
    }

    .hrk-meeting > div:nth-child(2) {
        padding-left: 0;
        border-left: 0;
    }

    .hrk-values,
    .hrk-work-grid,
    .hrk-action-grid,
    .hrk-impact-grid {
        grid-template-columns: 1fr;
    }

    .hrk-action-grid::before {
        display: none;
    }

    .hrk-action-card {
        padding: 28px 25px;
        border: 1px solid var(--hrk-border);
        border-radius: 14px;
        background: var(--hrk-white);
        box-shadow: var(--hrk-shadow-soft);
    }

    .hrk-impact-visual {
        min-height: 220px;
    }

    .hrk-network {
        grid-template-columns: 1fr;
        gap: 34px;
    }

    .hrk-value-card {
        min-height: 0;
    }

    .hrk-principles {
        grid-template-columns: 1fr;
    }

    .hrk-home-cta {
        grid-template-columns: 1fr;
    }

    .hrk-home-cta-actions {
        display: flex;
        flex-wrap: wrap;
    }

    .hrk-footer-in {
        grid-template-columns: 1fr 1fr;
        gap: 40px;
    }

    .hrk-footer-brand {
        grid-column: 1 / -1;
    }
}

@media (max-width: 680px) {
    body,
    #body {
        font-size: 17px;
    }

    .hrk-topbar-in {
        justify-content: center;
        min-height: 38px;
        padding: 0 16px;
        font-size: 12px;
        text-align: center;
    }

    .hrk-topbar-club,
    .hrk-topbar-links {
        display: none;
    }

    .hrk-topbar-theme {
        padding: 0;
    }

    .tplge_headerIn {
        display: block;
        min-height: 0;
        padding: 17px 16px 16px;
    }

    .hrk-logo {
        width: 100%;
        max-width: 360px;
        margin: 0 auto;
    }

    .hrk-header-info {
        margin-top: 12px;
        text-align: center;
    }

    .hrk-header-time {
        font-size: 15px;
    }

    .hrk-header-place {
        font-size: 13px;
    }

    .tplge_langmenu {
        margin-top: 7px;
        text-align: center;
    }

    .hrk-nav-bar,
    .tplge_contentsContainer {
        padding-right: 14px;
        padding-left: 14px;
    }

    .tplge_locator {
        margin-bottom: 12px;
        padding-top: 10px;
        font-size: 13px;
    }

    h1 {
        font-size: 34px;
    }

    h2 {
        font-size: 28px;
    }

    .hrk-hero {
        border-radius: 14px;
    }

    .hrk-hero-copy {
        min-height: 470px;
        padding: 46px 28px 56px;
    }

    .hrk-hero-title {
        font-size: 44px;
    }

    .hrk-hero-text {
        font-size: 18px;
    }

    .hrk-hero-actions,
    .hrk-home-cta-actions {
        display: grid;
        width: 100%;
    }

    .hrk-button {
        width: 100%;
    }

    .hrk-hero-media,
    .hrk-hero-media img {
        min-height: 360px;
    }

    .hrk-year-badge {
        right: 16px;
        bottom: 16px;
    }

    .hrk-meeting {
        display: block;
        width: calc(100% - 24px);
        margin-top: -34px;
        padding: 26px 24px;
    }

    .hrk-meeting > div,
    .hrk-meeting > div:first-child,
    .hrk-meeting > div:nth-child(2),
    .hrk-meeting > div:last-child {
        margin: 0;
        padding: 0;
        border: 0;
    }

    .hrk-meeting > div + div {
        margin-top: 21px;
        padding-top: 19px;
        border-top: 1px solid var(--hrk-border);
    }

    .hrk-home-intro {
        padding: 78px 0 55px;
    }

    .hrk-action {
        padding: 78px 0 55px;
    }

    .hrk-section-heading {
        margin-bottom: 34px;
    }

    .hrk-section-heading p {
        font-size: 17px;
    }

    .hrk-action-card {
        padding: 28px 22px;
    }

    .hrk-impact {
        padding: 43px 20px 46px;
        border-radius: 14px;
    }

    .hrk-impact-head {
        display: block;
    }

    .hrk-impact-visual {
        min-height: 180px;
    }

    .hrk-impact-body {
        padding: 25px 23px 28px;
    }

    .hrk-network {
        margin-top: 50px;
        padding: 39px 25px;
        border-radius: 14px;
    }

    .hrk-home-lead {
        font-size: 17px;
    }

    .hrk-values {
        margin-top: 35px;
    }

    .hrk-work {
        padding: 42px 20px 46px;
        border-radius: 14px;
    }

    .hrk-work-head {
        display: block;
    }

    .hrk-text-link {
        display: inline-block;
        margin-top: 14px;
    }

    .hrk-work-card {
        min-height: 310px;
        padding: 30px 25px;
    }

    .hrk-principles {
        margin: 50px 0;
        border-radius: 14px;
    }

    .hrk-principles-main,
    .hrk-fourway {
        padding: 43px 26px;
    }

    .hrk-principles-title {
        font-size: 35px;
    }

    .hrk-fourway-title {
        font-size: 32px;
    }

    .hrk-fourway-item {
        grid-template-columns: 42px 1fr;
        gap: 12px;
        min-height: 88px;
    }

    .hrk-fourway-number {
        width: 40px;
        height: 40px;
    }

    .hrk-fourway-question {
        font-size: 18px;
    }

    .hrk-home-cta {
        padding: 38px 25px;
        border-radius: 14px;
    }

    .hrk-home-cta-title {
        font-size: 31px;
    }

    .tplge_prevtopnext span {
        display: inline-block;
    }

    .hrk-news-grid {
        grid-template-columns: 1fr;
    }

    .tplge_newsArea {
        padding-right: 14px;
        padding-left: 14px;
    }

    .tplge_footer {
        padding: 44px 20px 22px;
    }

    .hrk-footer-in {
        grid-template-columns: 1fr;
        gap: 32px;
    }

    .hrk-footer-brand {
        grid-column: auto;
    }

    .hrk-footer-bottom {
        display: block;
        margin-top: 34px;
    }

    .hrk-footer-bottom a {
        display: block;
        margin-top: 7px;
    }

    .tplge_2cols {
        columns: 1;
    }

    img.tplge_right_border,
    img.tplge_left_border,
    img.tplge_right_noborder,
    img.tplge_left_noborder {
        float: none;
        max-width: 100%;
        margin: 16px 0;
    }
}

/* =====================================================
   PRINT
   ===================================================== */

@media print {
    .hrk-topbar,
    .tplge_header,
    .hrk-nav-shell,
    .tplge_locator,
    .tplge_prevtopnext,
    .tplge_newsArea,
    .tplge_footer,
    .tplge_scrolltoTopButton {
        display: none !important;
    }

    body,
    #body,
    .tplge_siteContainer,
    .tplge_contentsContainer {
        background: #ffffff !important;
    }

    .tplge_contentsContainer {
        max-width: none;
        padding: 0;
    }
}


/* =====================================================
   V3.1 – VIIMASE SOTSIAALMEEDIA KUJUNDUSE SÄILITAMINE
   ===================================================== */

/* Haapsalu Rotary – Facebooki alamleht. Lisa fail tervikuna CMS-i Stylesheet-välja lõppu. */
.hr-facebook-cms-title{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.hr-social{--hr-navy:#0b2e55;--hr-blue:#174f91;--hr-blue2:#1b67b5;--hr-gold:#f7a81b;--hr-ink:#17365d;--hr-muted:#65778f;--hr-line:#dce5ef;--hr-wash:#f4f8fc;position:relative;width:100vw;margin-left:calc(50% - 50vw);color:var(--hr-ink);font-family:Arial,Helvetica,sans-serif;line-height:1.4;-webkit-font-smoothing:antialiased}
.hr-social *{box-sizing:border-box}
.hr-social a{color:inherit;text-decoration:none}
.hr-social img{display:block;max-width:100%;border:0}
.hr-social__shell{width:calc(100% - 48px);max-width:1272px;margin:0 auto}
.hr-social__hero{position:relative;overflow:hidden;background:linear-gradient(135deg,#0d3260 0%,#16589f 63%,#2073c2 100%);color:#fff}
.hr-social__hero-grid{position:relative;z-index:1;min-height:454px;display:grid;grid-template-columns:minmax(0,1fr) 510px;align-items:center;gap:112px;padding:52px 0}
.hr-social__hero-copy h2{margin:24px 0 22px!important;color:#fff!important;font-size:58px!important;font-weight:700!important;line-height:1.04!important;letter-spacing:-.035em!important;text-transform:none!important}
.hr-social__hero-copy p{max-width:580px;margin:0 0 36px!important;color:#dbe8f8!important;font-size:19px!important;line-height:1.55!important}
.hr-social__eyebrow{display:inline-flex;align-items:center;min-height:29px;color:var(--hr-gold);font-size:11px;font-weight:800;letter-spacing:.16em}
.hr-social__eyebrow--light{padding:0 19px;border-radius:999px;background:rgba(255,255,255,.12);color:#fff}
.hr-social__button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 25px;border-radius:999px;font-size:12px;font-weight:800;transition:transform .18s ease,box-shadow .18s ease}
.hr-social__button:hover,.hr-social__button:focus{transform:translateY(-1px)}
.hr-social__button:focus-visible,.hr-social__post-card a:focus-visible{outline:3px solid var(--hr-gold);outline-offset:3px}
.hr-social__button--gold{background:linear-gradient(135deg,#ffc348,var(--hr-gold));color:var(--hr-navy)!important;box-shadow:0 12px 30px rgba(5,25,55,.22)}
.hr-social__button--white{background:#fff;border:1px solid var(--hr-line);box-shadow:0 8px 20px rgba(12,47,89,.08)}
.hr-social__orb,.hr-social__feed-orb{position:absolute;border-radius:50%;pointer-events:none}
.hr-social__orb--one{width:430px;height:430px;right:-80px;top:-260px;background:rgba(255,255,255,.035)}
.hr-social__orb--two{width:430px;height:430px;right:35px;bottom:-270px;background:rgba(247,168,27,.07)}
.hr-social__page-card{overflow:hidden;padding:22px;border-radius:24px;background:#fff;color:var(--hr-ink);box-shadow:0 30px 70px rgba(6,34,67,.28)}
.hr-social__page-card>.hr-social__cover{width:100%;height:146px;border-radius:14px;object-fit:cover}
.hr-social__page-identity{display:grid;grid-template-columns:72px minmax(0,1fr) auto;align-items:center;gap:14px;padding:18px 4px 2px}
.hr-social__avatar,.hr-social__follow-avatar{display:grid;place-items:center;background:#fff;border:3px solid var(--hr-gold);border-radius:50%}
.hr-social__avatar{width:68px;height:68px;margin-top:-44px}
.hr-social__avatar span,.hr-social__follow-avatar span{color:var(--hr-gold);font-size:44px;line-height:1}
.hr-social__page-identity strong,.hr-social__page-identity span{display:block}
.hr-social__page-identity strong{font-size:20px}
.hr-social__page-identity div>span{margin-top:5px;color:#7a8aa0;font-size:11px}
.hr-social__page-identity>a{padding:11px 18px;border-radius:999px;background:#1877f2;color:#fff!important;font-size:11px;font-weight:800}
.hr-social__feed-section{position:relative;overflow:hidden;padding:76px 0 110px;background:linear-gradient(180deg,#f5f8fc 0%,#f2f7fc 100%)}
.hr-social__feed-orb{width:440px;height:440px;right:10%;top:-250px;background:rgba(247,168,27,.07)}
.hr-social__section-heading{position:relative;display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin:0 0 44px!important}
.hr-social__section-heading h2{margin:8px 0!important;color:var(--hr-ink)!important;font-size:41px!important;font-weight:700!important;line-height:1.1!important;letter-spacing:-.025em!important;text-transform:none!important}
.hr-social__section-heading p{margin:0!important;color:var(--hr-muted)!important;font-size:15px!important}
.hr-social__feed-layout{display:grid;grid-template-columns:390px minmax(0,1fr);gap:78px;align-items:start}
.hr-social__follow-column{position:sticky;top:24px;display:grid;gap:28px}
.hr-social__follow-card,.hr-social__post-card{border:1px solid var(--hr-line);border-radius:22px;background:#fff;box-shadow:0 16px 35px rgba(10,46,85,.09)}
.hr-social__follow-card{overflow:hidden;padding:0 29px 26px}
.hr-social__follow-cover{height:139px;margin:0 -29px;overflow:hidden;background:#eef4fb}
.hr-social__follow-cover img{width:100%;height:100%;object-fit:cover}
.hr-social__follow-avatar{position:relative;width:68px;height:68px;margin-top:-35px}
.hr-social__follow-name{display:flex;align-items:center;gap:7px;margin-top:10px}
.hr-social__follow-name strong{font-size:20px}
.hr-social__fb-mark{display:grid!important;place-items:center;width:20px;height:20px;margin:0!important;border-radius:50%;background:#1877f2;color:#fff!important;font:bold 15px/1 Arial}
.hr-social__handle{display:block;margin-top:7px;color:#7e8da1;font-size:12px}
.hr-social__follow-card h3{margin:34px 0 12px!important;color:var(--hr-ink)!important;font-size:23px!important;line-height:1.2!important}
.hr-social__follow-card p{margin:0!important;color:var(--hr-muted)!important;font-size:14px!important;line-height:1.58!important}
.hr-social__follow-card>a{display:flex;justify-content:center;margin-top:24px;padding:15px;border-radius:999px;background:var(--hr-blue);color:#fff!important;font-size:11px;font-weight:800}
.hr-social__sync-card{display:grid;grid-template-columns:46px minmax(0,1fr);gap:14px;padding:25px 27px;border-radius:20px;background:#163f70;color:#fff;box-shadow:0 16px 32px rgba(10,46,85,.13)}
.hr-social__sync-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--hr-gold);color:var(--hr-navy);font-size:21px;font-weight:700}
.hr-social__sync-card h3{margin:3px 0 11px!important;color:#fff!important;font-size:17px!important;line-height:1.2!important}
.hr-social__sync-card p{margin:0 0 14px!important;color:#cfdded!important;font-size:13px!important;line-height:1.55!important}
.hr-social__sync-status{display:inline-flex;padding:7px 10px;border-radius:999px;background:rgba(255,255,255,.12);color:#fff;font-size:9px;font-weight:800}
.hr-social__posts{display:grid;gap:30px}
.hr-social__post-card{padding:22px}
.hr-social__post-header{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:13px;margin:0!important}
.hr-social__post-avatar{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:#1653a0;color:var(--hr-gold);font-size:20px;font-weight:800}
.hr-social__post-header strong,.hr-social__post-header span{display:block}
.hr-social__post-header strong{font-size:17px}
.hr-social__post-header div>span{margin-top:5px;color:#7d8da1;font-size:11px}
.hr-social__dots{align-self:start;color:#8291a5;font-size:16px;letter-spacing:3px}
.hr-social__post-text{display:-webkit-box;margin:21px 3px 22px!important;overflow:hidden;color:#31445c!important;font-size:15px!important;line-height:1.55!important;-webkit-box-orient:vertical;-webkit-line-clamp:3}
.hr-social__post-media{position:relative;display:grid;place-items:center;width:100%;aspect-ratio:4/3;overflow:hidden;border-radius:16px;background:#eaf1f8}
.hr-social__post-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.hr-social__post-media--landscape img{object-fit:contain}
.hr-social__post-media--portrait img{width:100%;height:100%;object-fit:contain}
.hr-social__photo-count{position:absolute;z-index:1;top:0;left:0;min-width:112px;padding:10px 18px;border-radius:16px 0 16px 0;background:#173d69;color:#fff;text-align:center;font-size:10px;font-weight:800}
.hr-social__post-footer{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:19px 2px 0;margin:18px 0 0!important;border-top:1px solid #e4ebf3}
.hr-social__post-footer>span{color:#6c7e93;font-size:11px}
.hr-social__post-footer i{display:inline-block;width:10px;height:10px;border-radius:50%;background:#2487f5;vertical-align:-1px}
.hr-social__post-footer>a{min-width:310px;padding:10px 20px;border-radius:999px;background:#eef4fb;color:#164e90!important;text-align:center;font-size:10px;font-weight:800}
.hr-social__feed-message{min-height:1px;margin-top:20px;color:var(--hr-muted);font-size:12px;text-align:center}
.hr-social__loading .hr-social__posts{opacity:.72}

@media (max-width:900px){
 .hr-social__shell{width:calc(100% - 30px);max-width:650px}
 .hr-social__hero-grid{min-height:0;display:block;padding:55px 0 62px}
 .hr-social__hero-copy h2{font-size:43px!important}
 .hr-social__hero-copy p{max-width:430px;font-size:16px!important}
 .hr-social__page-card{display:none}
 .hr-social__feed-section{padding:44px 0 70px}
 .hr-social__section-heading{display:block;margin-bottom:34px!important}
 .hr-social__section-heading h2{font-size:34px!important}
 .hr-social__section-heading p{font-size:13px!important;line-height:1.5!important}
 .hr-social__section-heading .hr-social__button{display:none}
 .hr-social__feed-layout{display:block}
 .hr-social__follow-column{position:static}
 .hr-social__follow-card{margin-bottom:26px;padding:0 22px 20px}
 .hr-social__follow-cover{height:104px;margin:0 -22px}
 .hr-social__follow-avatar{width:58px;height:58px;margin-top:-28px}
 .hr-social__follow-avatar span{font-size:36px}
 .hr-social__follow-card h3,.hr-social__follow-card p{display:none}
 .hr-social__follow-card>a{margin-top:20px}
 .hr-social__sync-card{display:none}
 .hr-social__posts{gap:22px}
 .hr-social__post-card{padding:14px;border-radius:20px}
 .hr-social__post-header{grid-template-columns:42px minmax(0,1fr) auto;gap:10px}
 .hr-social__post-avatar{width:42px;height:42px;font-size:17px}
 .hr-social__post-header strong{font-size:14px}
 .hr-social__post-text{margin:18px 0!important;font-size:13px!important}
 .hr-social__post-media{border-radius:12px}
 .hr-social__post-footer{padding-top:14px;margin-top:14px!important}
 .hr-social__post-footer>a{min-width:0;padding:9px 16px}
}
@media (max-width:420px){.hr-social__hero-copy h2{font-size:37px!important}.hr-social__post-footer>a{font-size:9px}}
@media (prefers-reduced-motion:reduce){.hr-social *{scroll-behavior:auto!important;transition:none!important}}
/* END: Haapsalu Rotary – Facebooki alamleht */

/* Haapsalu Rotary Sotsiaalmeedia – CMSimple Granit desktop-parandus */
@media (min-width:1261px){
 .tplge_contentin .hr-social{width:100%;margin-left:0;overflow:hidden}
 .tplge_contentin .hr-social__shell{width:calc(100% - 48px);max-width:none}
 .tplge_contentin .hr-social__hero-grid{grid-template-columns:minmax(0,1fr) 360px;gap:40px}
 .tplge_contentin .hr-social__hero-copy h2{font-size:50px!important}
 .tplge_contentin .hr-social__feed-layout{grid-template-columns:250px minmax(0,1fr);gap:32px}
 .tplge_contentin .hr-social__follow-card{padding-right:22px;padding-left:22px}
 .tplge_contentin .hr-social__follow-cover{margin-right:-22px;margin-left:-22px}
}
/* END: Haapsalu Rotary Sotsiaalmeedia desktop-parandus */

/* Haapsalu Rotary Sotsiaalmeedia V2 – ühine kujundus Juhatuse, Liikmete ja Kontakti lehega */
.hr-social.hr-social--site-style{
  width:100%;
  max-width:900px;
  margin:0 auto;
  padding:10px 5px 30px;
  overflow:visible;
  color:#253247;
  background:transparent;
  font-family:Arial,Helvetica,sans-serif;
  line-height:1.4;
}
.hr-social--site-style .hr-social__shell{width:100%;max-width:none;margin:0}
.hr-social--site-style .hr-social__orb,
.hr-social--site-style .hr-social__feed-orb,
.hr-social--site-style .hr-social__page-card,
.hr-social--site-style .hr-social__follow-column{display:none!important}

.hr-social--site-style .hr-social__hero{
  margin:0 0 24px;
  overflow:hidden;
  border-radius:14px;
  background:#17458f;
  color:#fff;
  box-shadow:0 4px 14px rgba(23,69,143,.16);
}
.hr-social--site-style .hr-social__hero-grid{
  min-height:0;
  display:block;
  padding:30px 28px;
}
.hr-social--site-style .hr-social__eyebrow{
  min-height:0;
  padding:0;
  background:none;
  color:#f7a81b;
  font-size:14px;
  font-weight:700;
  line-height:1.2;
  letter-spacing:.7px;
}
.hr-social--site-style .hr-social__hero-copy h2{
  margin:8px 0 10px!important;
  color:#fff!important;
  font-size:38px!important;
  font-weight:700!important;
  line-height:1.08!important;
  letter-spacing:0!important;
}
.hr-social--site-style .hr-social__hero-copy p{
  max-width:680px;
  margin:0 0 18px!important;
  color:#fff!important;
  font-size:16px!important;
  line-height:1.45!important;
}
.hr-social--site-style .hr-social__button{
  min-height:42px;
  padding:0 20px;
  border-radius:8px;
  font-size:12px;
  font-weight:700;
}
.hr-social--site-style .hr-social__button--gold{
  background:#f7a81b;
  color:#163c72!important;
  box-shadow:none;
}

.hr-social--site-style .hr-social__feed-section{
  padding:0;
  overflow:visible;
  background:transparent;
}
.hr-social--site-style .hr-social__section-heading{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:24px;
  margin:0 0 18px!important;
  padding:20px 22px;
  border:1px solid #d7e1ed;
  border-top:6px solid #f2a000;
  border-radius:12px;
  background:#f4f8fd;
  box-shadow:0 5px 16px rgba(23,63,122,.08);
}
.hr-social--site-style .hr-social__section-heading h2{
  margin:6px 0!important;
  color:#17458f!important;
  font-size:28px!important;
  font-weight:700!important;
  line-height:1.15!important;
  letter-spacing:0!important;
}
.hr-social--site-style .hr-social__section-heading p{
  max-width:570px;
  margin:0!important;
  color:#5c718c!important;
  font-size:14px!important;
  line-height:1.45!important;
}
.hr-social--site-style .hr-social__button--white{
  flex:0 0 auto;
  border:1px solid #17458f;
  background:#fff;
  color:#17458f!important;
  box-shadow:none;
}
.hr-social--site-style .hr-social__feed-layout{display:block}
.hr-social--site-style .hr-social__posts{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
}
.hr-social--site-style .hr-social__post-card{
  min-width:0;
  padding:18px;
  overflow:hidden;
  border:1px solid #dbe5ec;
  border-left:5px solid #2373b5;
  border-radius:12px;
  background:#fff;
  box-shadow:0 3px 12px rgba(15,45,85,.07);
}
.hr-social--site-style .hr-social__post-header{
  grid-template-columns:44px minmax(0,1fr) auto;
  gap:11px;
}
.hr-social--site-style .hr-social__post-avatar{
  width:44px;
  height:44px;
  background:#17458f;
  font-size:17px;
}
.hr-social--site-style .hr-social__post-header strong{font-size:15px}
.hr-social--site-style .hr-social__post-header div>span{font-size:10px}
.hr-social--site-style .hr-social__post-text{
  min-height:82px;
  margin:17px 1px 18px!important;
  color:#40536b!important;
  font-size:14px!important;
  line-height:1.48!important;
  -webkit-line-clamp:4;
}
.hr-social--site-style .hr-social__post-media{
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  aspect-ratio:4/3;
  overflow:hidden;
  border:1px solid #e0e7ef;
  border-radius:10px;
  background:#eef3f8;
}
.hr-social--site-style .hr-social__post-media img{
  position:static;
  inset:auto;
  width:auto!important;
  height:auto!important;
  max-width:100%;
  max-height:100%;
  object-fit:contain;
}
.hr-social--site-style .hr-social__photo-count{
  top:8px;
  left:8px;
  min-width:0;
  padding:7px 10px;
  border-radius:7px;
  background:#17458f;
}
.hr-social--site-style .hr-social__post-footer{
  justify-content:flex-end;
  padding:14px 0 0;
  margin:14px 0 0!important;
}
.hr-social--site-style .hr-social__post-footer>span{display:none}
.hr-social--site-style .hr-social__post-footer>a{
  min-width:0;
  width:100%;
  padding:10px 14px;
  border-radius:8px;
  background:#edf4fb;
  color:#17458f!important;
  font-size:10px;
}

@media (max-width:760px){
 .hr-social.hr-social--site-style{padding:6px 0 24px}
 .hr-social--site-style .hr-social__hero-grid{padding:25px 22px}
 .hr-social--site-style .hr-social__hero-copy h2{font-size:32px!important}
 .hr-social--site-style .hr-social__section-heading{display:block;padding:18px}
 .hr-social--site-style .hr-social__section-heading .hr-social__button{display:flex;width:100%;margin-top:16px}
 .hr-social--site-style .hr-social__posts{grid-template-columns:1fr}
 .hr-social--site-style .hr-social__post-text{min-height:0}
}
/* END: Haapsalu Rotary Sotsiaalmeedia V2 */

/* SOTSIAALMEEDIA – KRONOLOOGILINE ASTMELINE PAIGUTUS */
@media (min-width: 761px) {
    .hr-social #hr-facebook-posts {
        align-items: start;
    }

    .hr-social #hr-facebook-posts
    > .hr-social__post-card:nth-child(even) {
        margin-top: 44px;
    }
}

/* Mobiilis postitused tavaliselt üksteise järel */
@media (max-width: 760px) {
    .hr-social #hr-facebook-posts
    > .hr-social__post-card {
        margin-top: 0 !important;
    }
}


/* =====================================================
   V3.2 PREMIUM CORRECTED – TÜPOGRAAFIA JA HERO
   ===================================================== */

.hrk-v32 .hrk-mainnav,
.hrk-v32 .hrk-search,
.hrk-v32 .hrk-menu-toggle {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, Helvetica, sans-serif;
    font-kerning: normal;
    letter-spacing: 0;
    text-rendering: optimizeLegibility;
}

.hrk-v32 .hrk-mainnav ul.menulevel1 > li > a,
.hrk-v32 .hrk-mainnav ul.menulevel1 > li > span,
.hrk-v32 .hrk-search summary {
    line-height: 1.25;
}

/* =====================================================
   V3.2.1 MENU OPTICAL BALANCE
   Desktopil kasutab menüü kogu talle määratud laiust.
   Otsing jääb eraldi, kindla laiusega utiliidiks.
   ===================================================== */

@media (min-width: 1200px) {
    .hrk-v321 .hrk-nav-bar {
        gap: 18px;
    }

    .hrk-v321 .hrk-mainnav ul.menulevel1 {
        justify-content: space-between;
        gap: 2px;
    }

    .hrk-v321 .hrk-mainnav ul.menulevel1 > li > a,
    .hrk-v321 .hrk-mainnav ul.menulevel1 > li > span {
        padding-right: 10px;
        padding-left: 10px;
    }

    .hrk-v321 .hrk-search {
        flex: 0 0 100px;
    }

    .hrk-v321 .hrk-search summary {
        width: 100%;
        padding-right: 12px;
        padding-left: 12px;
    }
}

@media (min-width: 1081px) and (max-width: 1199px) {
    .hrk-v321 .hrk-nav-bar {
        gap: 14px;
    }

    .hrk-v321 .hrk-mainnav ul.menulevel1 {
        justify-content: space-between;
        gap: 2px;
    }

    .hrk-v321 .hrk-mainnav ul.menulevel1 > li > a,
    .hrk-v321 .hrk-mainnav ul.menulevel1 > li > span {
        padding-right: 8px;
        padding-left: 8px;
        font-size: 16px;
    }

    .hrk-v321 .hrk-search {
        flex: 0 0 94px;
    }

    .hrk-v321 .hrk-search summary {
        width: 100%;
        padding-right: 10px;
        padding-left: 10px;
        font-size: 16px;
    }
}

.hrk-v32 .hrk-source-home {
    font-family: Arial, Helvetica, sans-serif !important;
    letter-spacing: 0;
}

.hrk-v32 .hrk-source-hero-row {
    align-items: stretch !important;
}

.hrk-v32 .hrk-source-hero-copy {
    justify-content: center !important;
}

.hrk-v32 .hrk-source-hero-title {
    font-family: Arial, Helvetica, sans-serif !important;
    text-wrap: balance;
}

.hrk-v32 .hrk-source-hero-actions a {
    font-family: Arial, Helvetica, sans-serif !important;
    letter-spacing: 0;
}

@media (max-width: 760px) {
    .hrk-v32 .hrk-source-hero-row {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
    }

    .hrk-v32 .hrk-source-hero-copy {
        padding: 34px 26px 38px !important;
    }

    .hrk-v32 .hrk-source-hero-title {
        font-size: clamp(34px, 10vw, 42px) !important;
    }

    .hrk-v32 .hrk-source-hero-text {
        font-size: 16px !important;
    }

    .hrk-v32 .hrk-source-hero-actions {
        gap: 10px !important;
    }

    .hrk-v32 .hrk-source-hero-actions a {
        flex: 1 1 145px;
    }
}

/* =====================================================
   V3.2.2 SUBPAGE HARMONIZATION
   - ühtne alamlehtede tüpograafia ja fookusstiil
   - päris CMSimple'i kontaktivorm (#cmsimple_mailform)
   - kompaktne alumine lehe-navigeerimine
   Kõik reeglid on versiooniklassiga isoleeritud.
   ===================================================== */

.hrk-v322.hrk-is-subpage #tplge_contentin {
    padding-bottom: 10px;
    font-family: Arial, Helvetica, sans-serif;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}

.hrk-v322.hrk-is-subpage #tplge_contentin h1,
.hrk-v322.hrk-is-subpage #tplge_contentin h2,
.hrk-v322.hrk-is-subpage #tplge_contentin h3,
.hrk-v322.hrk-is-subpage #tplge_contentin h4,
.hrk-v322.hrk-is-subpage #tplge_contentin button,
.hrk-v322.hrk-is-subpage #tplge_contentin input,
.hrk-v322.hrk-is-subpage #tplge_contentin textarea,
.hrk-v322.hrk-is-subpage #tplge_contentin select,
.hrk-v322.hrk-is-subpage .rk-kava,
.hrk-v322.hrk-is-subpage .hr-social.hr-social--site-style {
    font-family: Arial, Helvetica, sans-serif !important;
}

.hrk-v322.hrk-is-subpage #tplge_contentin a:focus-visible,
.hrk-v322.hrk-is-subpage #tplge_contentin button:focus-visible,
.hrk-v322.hrk-is-subpage #tplge_contentin input:focus-visible,
.hrk-v322.hrk-is-subpage #tplge_contentin textarea:focus-visible,
.hrk-v322.hrk-is-subpage #tplge_contentin select:focus-visible {
    outline: 3px solid rgba(247, 168, 27, 0.72);
    outline-offset: 3px;
}

/* Sotsiaalmeedia jääb kaheveeruline desktopil ja üheveeruline mobiilis;
   korrigeeritakse ainult kirja optilist kokkusurutust. */
.hrk-v322.hrk-is-subpage .hr-social--site-style .hr-social__hero-copy h2,
.hrk-v322.hrk-is-subpage .hr-social--site-style .hr-social__section-heading h2 {
    font-family: Arial, Helvetica, sans-serif !important;
    letter-spacing: -0.01em !important;
}

/* Tegevuste kalender säilitab olemasoleva tabeli- ja kuuloogika. */
.hrk-v322.hrk-is-subpage .rk-kava {
    width: 100%;
    max-width: 900px;
    margin-right: auto;
    margin-left: auto;
}

/* -----------------------------------------------------
   CMSIMPLE'I SÜSTEEMNE KONTAKTIVORM
   HTML-i, POST-päringut ega CAPTCHA-t ei muudeta.
   ----------------------------------------------------- */

.hrk-v322.hrk-is-subpage #cmsimple_mailform {
    width: 100%;
    max-width: 900px;
    margin: 8px auto 8px;
    color: var(--hrk-text);
    font-family: Arial, Helvetica, sans-serif;
}

.hrk-v322.hrk-is-subpage #cmsimple_mailform > h1 {
    position: relative;
    margin: 0 0 22px;
    padding: 29px 32px 31px 38px;
    overflow: hidden;
    border-radius: 14px;
    background: var(--hrk-blue);
    color: var(--hrk-white);
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: clamp(34px, 4.2vw, 44px);
    font-weight: 700;
    line-height: 1.08;
    letter-spacing: -0.025em;
    box-shadow: 0 8px 24px rgba(23, 69, 143, 0.16);
}

.hrk-v322.hrk-is-subpage #cmsimple_mailform > h1::before {
    display: block;
    margin-bottom: 10px;
    color: var(--hrk-gold);
    content: "VÕTA ÜHENDUST";
    font-size: 12px;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: 0.12em;
}

.hrk-v322.hrk-is-subpage #cmsimple_mailform > h1::after {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 7px;
    background: var(--hrk-gold);
    content: "";
}

.hrk-v322.hrk-is-subpage #cmsimple_mailform > form {
    width: 100%;
    margin: 0;
    padding: 28px 30px 30px;
    border: 1px solid var(--hrk-border);
    border-top: 5px solid var(--hrk-gold);
    border-radius: 14px;
    background: var(--hrk-white);
    box-shadow: var(--hrk-shadow-soft);
}

.hrk-v322.hrk-is-subpage #cmsimple_mailform form > div {
    max-width: 700px;
    margin: 0 0 17px;
    color: var(--hrk-dark);
    font-size: 15px;
    font-weight: 700;
    line-height: 1.35;
}

.hrk-v322.hrk-is-subpage #cmsimple_mailform form > div:last-of-type {
    margin: 22px 0 0;
}

.hrk-v322.hrk-is-subpage #cmsimple_mailform input.text,
.hrk-v322.hrk-is-subpage #cmsimple_mailform input[type="text"],
.hrk-v322.hrk-is-subpage #cmsimple_mailform input[type="email"],
.hrk-v322.hrk-is-subpage #cmsimple_mailform input[type="tel"],
.hrk-v322.hrk-is-subpage #cmsimple_mailform textarea {
    display: block;
    width: 100% !important;
    max-width: 700px !important;
    margin: 7px 0 0;
    border: 1px solid #cbd8e6 !important;
    border-radius: 9px;
    background: var(--hrk-white) !important;
    color: var(--hrk-text);
    font-size: 16px;
    font-weight: 400;
    line-height: 1.45;
    box-shadow: inset 0 1px 2px rgba(16, 47, 94, 0.04);
}

.hrk-v322.hrk-is-subpage #cmsimple_mailform input.text,
.hrk-v322.hrk-is-subpage #cmsimple_mailform input[type="text"],
.hrk-v322.hrk-is-subpage #cmsimple_mailform input[type="email"],
.hrk-v322.hrk-is-subpage #cmsimple_mailform input[type="tel"] {
    min-height: 48px;
    padding: 10px 13px;
}

.hrk-v322.hrk-is-subpage #cmsimple_mailform textarea {
    min-height: 210px;
    padding: 13px;
    resize: vertical;
}

.hrk-v322.hrk-is-subpage #cmsimple_mailform input.text:focus,
.hrk-v322.hrk-is-subpage #cmsimple_mailform input[type="text"]:focus,
.hrk-v322.hrk-is-subpage #cmsimple_mailform input[type="email"]:focus,
.hrk-v322.hrk-is-subpage #cmsimple_mailform input[type="tel"]:focus,
.hrk-v322.hrk-is-subpage #cmsimple_mailform textarea:focus {
    border-color: var(--hrk-blue) !important;
    box-shadow: 0 0 0 4px rgba(23, 69, 143, 0.1);
}

.hrk-v322.hrk-is-subpage #cmsimple_mailform form > p {
    max-width: 700px;
    margin: 18px 0 12px;
    color: var(--hrk-muted);
    font-size: 14px;
    line-height: 1.55;
}

.hrk-v322.hrk-is-subpage #cmsimple_mailform input.captchainput {
    display: inline-block;
    width: 150px !important;
    min-height: 48px;
    margin: 0 10px 0 0;
    padding: 10px 13px;
    border: 1px solid #cbd8e6 !important;
    border-radius: 9px;
    background: var(--hrk-white) !important;
    color: var(--hrk-text);
    font-size: 17px;
    vertical-align: middle;
}

.hrk-v322.hrk-is-subpage #cmsimple_mailform .captcha_code {
    display: inline-flex;
    align-items: center;
    min-height: 48px;
    padding: 8px 15px;
    border: 1px solid #cfdaea;
    border-radius: 9px;
    background: var(--hrk-light);
    color: var(--hrk-dark);
    font-family: "Courier New", monospace !important;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 0.08em;
    vertical-align: middle;
}

.hrk-v322.hrk-is-subpage #cmsimple_mailform input.submit,
.hrk-v322.hrk-is-subpage #cmsimple_mailform input[type="submit"] {
    min-width: 150px;
    min-height: 48px;
    margin: 0;
    padding: 10px 24px;
    border: 1px solid var(--hrk-blue) !important;
    border-radius: 9px;
    background: var(--hrk-blue) !important;
    color: var(--hrk-white) !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 15px;
    font-weight: 700;
    cursor: pointer;
    box-shadow: 0 6px 16px rgba(23, 69, 143, 0.18);
}

.hrk-v322.hrk-is-subpage #cmsimple_mailform input.submit:hover,
.hrk-v322.hrk-is-subpage #cmsimple_mailform input[type="submit"]:hover {
    border-color: var(--hrk-navy) !important;
    background: var(--hrk-navy) !important;
    transform: translateY(-1px);
}

/* -----------------------------------------------------
   ALUMINE EELMINE / ÜLES / JÄRGMINE NAVIGEERIMINE
   ----------------------------------------------------- */

.hrk-v322.hrk-is-subpage .tplge_prevtopnext {
    width: 100%;
    max-width: 900px;
    margin: 24px auto 0;
    padding: 13px 0 0;
    border-top: 1px solid var(--hrk-border);
}

.hrk-v322.hrk-is-subpage .tplge_prevtopnext[hidden] {
    display: none !important;
}

.hrk-v322.hrk-is-subpage .tplge_prevtopnextin {
    display: inline-flex;
    width: auto;
    min-height: 48px;
    align-items: center;
    justify-content: center;
    gap: 7px;
    padding: 5px;
    border: 1px solid var(--hrk-border);
    border-radius: 999px;
    background: var(--hrk-white);
    box-shadow: 0 4px 14px rgba(16, 47, 94, 0.07);
}

.hrk-v322.hrk-is-subpage .tplge_prevtopnext span:empty {
    display: none;
}

.hrk-v322.hrk-is-subpage .tplge_prevtopnext span,
.hrk-v322.hrk-is-subpage .tplge_prevtopnext a {
    display: flex;
    align-items: center;
    justify-content: center;
}

.hrk-v322.hrk-is-subpage .tplge_prevtopnext a {
    width: 38px;
    height: 38px;
    overflow: hidden;
    border-radius: 50%;
    background: var(--hrk-light);
}

.hrk-v322.hrk-is-subpage .tplge_prevtopnext img {
    display: block;
    width: 38px;
    height: 38px;
    padding: 10px;
    border: 0;
    border-radius: 50%;
    background: transparent;
}

.hrk-v322.hrk-is-subpage .tplge_prevtopnext a:hover,
.hrk-v322.hrk-is-subpage .tplge_prevtopnext a:focus-visible {
    background: #dce8f7;
    transform: translateY(-1px);
}

@media (max-width: 760px) {
    .hrk-v322.hrk-is-subpage #cmsimple_mailform {
        margin-top: 4px;
    }

    .hrk-v322.hrk-is-subpage #cmsimple_mailform > h1 {
        margin-bottom: 16px;
        padding: 24px 22px 26px 28px;
        border-radius: 12px;
        font-size: clamp(31px, 10vw, 38px);
    }

    .hrk-v322.hrk-is-subpage #cmsimple_mailform > form {
        padding: 22px 18px 24px;
        border-radius: 12px;
    }

    .hrk-v322.hrk-is-subpage #cmsimple_mailform textarea {
        min-height: 180px;
    }

    .hrk-v322.hrk-is-subpage #cmsimple_mailform input.captchainput {
        width: 132px !important;
    }

    .hrk-v322.hrk-is-subpage .tplge_prevtopnext {
        margin-top: 18px;
        padding-top: 10px;
    }
}

@media (max-width: 420px) {
    .hrk-v322.hrk-is-subpage #cmsimple_mailform input.captchainput {
        display: block;
        width: 100% !important;
        max-width: none !important;
        margin: 0 0 9px;
    }

    .hrk-v322.hrk-is-subpage #cmsimple_mailform .captcha_code {
        width: 100%;
        justify-content: center;
    }

    .hrk-v322.hrk-is-subpage #cmsimple_mailform input.submit,
    .hrk-v322.hrk-is-subpage #cmsimple_mailform input[type="submit"] {
        width: 100%;
    }
}

/* =====================================================
   V3.2.4 PREMIUM HARMONIZED
   Kumulatiivne täiendus aktiivsele V3.2.1-le:
   - päris V3.2.4 versiooniklassiga isoleeritud;
   - ühtne 900 px alamlehe mõõdusüsteem;
   - Põhikiri, Juhatus, Liikmed, Sotsiaalmeedia ja Kontakt
     kasutavad sama premium-päise geomeetriat;
   - Tegevus säilib heleda funktsionaalse variandina;
   - süsteemne mailform jääb puutumata ja saab ainult visuaalkihi.
   ===================================================== */

.hrk-v324.hrk-is-subpage #tplge_contentin {
    padding-bottom: 6px;
}

/* Ühine alamlehe sisulaius. Inline-sisu jääb alles; muudetakse ainult
   selle nähtavat geomeetriat ja värvikeelt. */
.hrk-v324.hrk-page-statute #hrk-statute,
.hrk-v324.hrk-page-activity .rk-kava,
.hrk-v324.hrk-page-board #tplge_contentin > div:first-child,
.hrk-v324.hrk-page-members #tplge_contentin > div:first-child,
.hrk-v324.hrk-page-social .hr-social.hr-social--site-style,
.hrk-v324.hrk-page-contact #tplge_contentin > div:first-child,
.hrk-v324.hrk-is-subpage #cmsimple_mailform {
    width: 100% !important;
    max-width: 900px !important;
    margin-right: auto !important;
    margin-left: auto !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
}

/* Tumedad premium-päised: ühine taust, raadius, aktsent ja vari. */
.hrk-v324.hrk-page-statute #hrk-top,
.hrk-v324.hrk-page-board #tplge_contentin > div:first-child > div:first-child,
.hrk-v324.hrk-page-members #tplge_contentin > div:first-child > div:first-child,
.hrk-v324.hrk-page-social .hr-social--site-style .hr-social__hero,
.hrk-v324.hrk-page-contact #tplge_contentin > div:first-child > div:first-child,
.hrk-v324.hrk-is-subpage #cmsimple_mailform > h1 {
    box-sizing: border-box !important;
    width: 100% !important;
    margin: 0 0 22px !important;
    border: 0 !important;
    border-left: 7px solid var(--hrk-gold) !important;
    border-radius: 14px !important;
    background: linear-gradient(135deg, #153f82 0%, var(--hrk-blue) 68%, #1a519b 100%) !important;
    color: var(--hrk-white) !important;
    text-align: left !important;
    box-shadow: 0 9px 25px rgba(23, 69, 143, 0.17) !important;
}

.hrk-v324.hrk-page-statute #hrk-top,
.hrk-v324.hrk-page-board #tplge_contentin > div:first-child > div:first-child,
.hrk-v324.hrk-page-members #tplge_contentin > div:first-child > div:first-child,
.hrk-v324.hrk-page-contact #tplge_contentin > div:first-child > div:first-child {
    padding: 30px 28px 31px 32px !important;
}

.hrk-v324.hrk-page-social .hr-social--site-style .hr-social__hero-grid {
    min-height: 0 !important;
    padding: 30px 28px 31px 32px !important;
}

/* Ühine eyebrow. */
.hrk-v324.hrk-page-statute #hrk-top > div:first-child,
.hrk-v324.hrk-page-board #tplge_contentin > div:first-child > div:first-child > div:first-child,
.hrk-v324.hrk-page-members #tplge_contentin > div:first-child > div:first-child > div:first-child,
.hrk-v324.hrk-page-social .hr-social--site-style .hr-social__eyebrow,
.hrk-v324.hrk-page-contact #tplge_contentin > div:first-child > div:first-child > div:first-child {
    margin: 0 0 9px !important;
    color: var(--hrk-gold) !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    letter-spacing: 0.12em !important;
    text-align: left !important;
    text-transform: uppercase !important;
}

/* Ühine pealkiri. */
.hrk-v324.hrk-page-statute #hrk-top > div:nth-child(2),
.hrk-v324.hrk-page-board #tplge_contentin > div:first-child > div:first-child > div:nth-child(2),
.hrk-v324.hrk-page-members #tplge_contentin > div:first-child > div:first-child > div:nth-child(2),
.hrk-v324.hrk-page-social .hr-social--site-style .hr-social__hero-copy h2,
.hrk-v324.hrk-page-contact #tplge_contentin > div:first-child > div:first-child > h2 {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    color: var(--hrk-white) !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: clamp(34px, 4.1vw, 40px) !important;
    font-weight: 700 !important;
    line-height: 1.08 !important;
    letter-spacing: -0.02em !important;
    text-align: left !important;
    text-transform: none !important;
}

/* Ühine alapealkiri. */
.hrk-v324.hrk-page-statute #hrk-top > div:nth-child(3),
.hrk-v324.hrk-page-board #tplge_contentin > div:first-child > div:first-child > div:nth-child(3),
.hrk-v324.hrk-page-members #tplge_contentin > div:first-child > div:first-child > div:nth-child(3),
.hrk-v324.hrk-page-social .hr-social--site-style .hr-social__hero-copy p,
.hrk-v324.hrk-page-contact #tplge_contentin > div:first-child > div:first-child > p {
    max-width: 720px !important;
    margin: 12px 0 0 !important;
    color: rgba(255, 255, 255, 0.92) !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
    text-align: left !important;
}

/* Juhatuse aasta ei pea olema visuaalselt raskem kui teiste lehtede
   seletav alapealkiri. */
.hrk-v324.hrk-page-board #tplge_contentin > div:first-child > div:first-child > div:nth-child(3) {
    font-weight: 400 !important;
}

/* Kontaktilehe vana tsentreeritud dekoratiivjoon on uues vasakjoondatud
   päises üleliigne: kuldne vasak aktsent täidab sama ülesannet. */
.hrk-v324.hrk-page-contact #tplge_contentin > div:first-child > div:first-child > div:nth-child(3) {
    display: none !important;
}

/* Kontaktilehe heledam #005daa viiakse kogu lehel Rotary põhisininisele. */
.hrk-v324.hrk-page-contact #tplge_contentin [style*="background: #005daa"] {
    background: var(--hrk-blue) !important;
}

.hrk-v324.hrk-page-contact #tplge_contentin [style*="color: #005daa"] {
    color: var(--hrk-blue) !important;
}

.hrk-v324.hrk-page-contact #tplge_contentin [style*="border: 2px solid #005daa"] {
    border-color: var(--hrk-blue) !important;
}

.hrk-v324.hrk-page-contact #tplge_contentin > div:first-child > div:nth-child(2),
.hrk-v324.hrk-page-contact #tplge_contentin > div:first-child > div:nth-child(3) > div,
.hrk-v324.hrk-page-contact #tplge_contentin > div:first-child > div:nth-child(4) {
    border-radius: 14px !important;
    box-shadow: var(--hrk-shadow-soft) !important;
}

/* Tegevus jääb teadlikult heledaks: kalender on töövahend. Geomeetria,
   kirjasuurused ja aktsent on siiski ülejäänud lehtedega samas süsteemis. */
.hrk-v324.hrk-page-activity .rk-kava .rk-hero {
    margin: 0 0 22px !important;
    padding: 27px 28px 29px 31px !important;
    border: 1px solid #d5e1ef !important;
    border-left: 7px solid var(--hrk-gold) !important;
    border-radius: 14px !important;
    background: linear-gradient(135deg, #f4f8fd 0%, var(--hrk-light) 100%) !important;
    box-shadow: var(--hrk-shadow-soft) !important;
}

.hrk-v324.hrk-page-activity .rk-kava .rk-eyebrow {
    margin: 0 0 10px !important;
    color: var(--hrk-dark) !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: clamp(26px, 3.4vw, 31px) !important;
    font-weight: 700 !important;
    line-height: 1.15 !important;
    letter-spacing: -0.01em !important;
}

.hrk-v324.hrk-page-activity .rk-kava .rk-subtitle,
.hrk-v324.hrk-page-activity .rk-kava .rk-info {
    color: var(--hrk-muted) !important;
    font-size: 15px !important;
    line-height: 1.5 !important;
}

/* Sotsiaalmeedia sisupäis järgib heleda funktsionaalse ploki geomeetriat. */
.hrk-v324.hrk-page-social .hr-social--site-style .hr-social__section-heading {
    margin-bottom: 20px !important;
    padding: 22px 24px 23px !important;
    border: 1px solid #d5e1ef !important;
    border-left: 6px solid var(--hrk-gold) !important;
    border-radius: 14px !important;
    background: linear-gradient(135deg, #f4f8fd 0%, var(--hrk-light) 100%) !important;
    box-shadow: var(--hrk-shadow-soft) !important;
}

/* Süsteemne kontaktivorm: CSS-generated keelelist teksti ei kasutata.
   Reaalne H1 jääb alles; pseudo-element on ainult dekoratiivne joon. */
.hrk-v324.hrk-is-subpage #cmsimple_mailform > h1 {
    padding: 29px 30px 31px 32px !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: clamp(34px, 4.1vw, 40px) !important;
    line-height: 1.08 !important;
}

.hrk-v324.hrk-is-subpage #cmsimple_mailform > h1::before {
    display: block !important;
    width: 46px !important;
    height: 3px !important;
    margin: 0 0 13px !important;
    border-radius: 2px !important;
    background: var(--hrk-gold) !important;
    content: "" !important;
}

.hrk-v324.hrk-is-subpage #cmsimple_mailform > h1::after {
    display: none !important;
}

/* CMSimple 5.1 päris core.css klassid. Vormiväljade :invalid olekut ei
   oletata, sest serveri HTML kasutab type="text" välju ilma required'ita. */
.hrk-v324.hrk-is-subpage #tplge_contentin .cmsimplecore_warning,
.hrk-v324.hrk-is-subpage #cmsimple_mailform .cmsimplecore_warning {
    display: block;
    max-width: 700px;
    margin: 0 0 16px;
    padding: 12px 15px;
    border: 1px solid #e5b5ae;
    border-left: 4px solid #b13b2e;
    border-radius: 9px;
    background: #fff3f1;
    color: #842f27;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.45;
    text-align: left;
}

.hrk-v324.hrk-is-subpage #tplge_contentin .cmsimplecore_message,
.hrk-v324.hrk-is-subpage #cmsimple_mailform .cmsimplecore_message {
    display: block;
    max-width: 700px;
    margin: 0 0 16px;
    padding: 12px 15px;
    border: 1px solid #a8d7bd;
    border-left: 4px solid #267a4b;
    border-radius: 9px;
    background: #eef9f2;
    color: #205f3c;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.45;
    text-align: left;
}

/* Alumine navigeerimine jääb sisule lähedale ja keskele. */
.hrk-v324.hrk-is-subpage .tplge_prevtopnext {
    margin-top: 20px;
    margin-bottom: 2px;
    padding-top: 11px;
    text-align: center;
}

@media (max-width: 760px) {
    .hrk-v324.hrk-page-statute #hrk-top,
    .hrk-v324.hrk-page-board #tplge_contentin > div:first-child > div:first-child,
    .hrk-v324.hrk-page-members #tplge_contentin > div:first-child > div:first-child,
    .hrk-v324.hrk-page-contact #tplge_contentin > div:first-child > div:first-child,
    .hrk-v324.hrk-page-social .hr-social--site-style .hr-social__hero-grid,
    .hrk-v324.hrk-is-subpage #cmsimple_mailform > h1 {
        padding: 24px 20px 26px 24px !important;
        border-left-width: 6px !important;
        border-radius: 12px !important;
    }

    .hrk-v324.hrk-page-statute #hrk-top > div:nth-child(2),
    .hrk-v324.hrk-page-board #tplge_contentin > div:first-child > div:first-child > div:nth-child(2),
    .hrk-v324.hrk-page-members #tplge_contentin > div:first-child > div:first-child > div:nth-child(2),
    .hrk-v324.hrk-page-social .hr-social--site-style .hr-social__hero-copy h2,
    .hrk-v324.hrk-page-contact #tplge_contentin > div:first-child > div:first-child > h2 {
        font-size: clamp(30px, 9vw, 34px) !important;
    }

    .hrk-v324.hrk-page-activity .rk-kava .rk-hero {
        padding: 22px 18px 24px 22px !important;
        border-left-width: 6px !important;
        border-radius: 12px !important;
    }

    .hrk-v324.hrk-page-contact #tplge_contentin > div:first-child > div:nth-child(2) {
        gap: 22px !important;
        padding: 20px !important;
        border-radius: 12px !important;
    }

    .hrk-v324.hrk-page-contact #tplge_contentin > div:first-child > div:nth-child(2) > div:nth-child(2) {
        padding-top: 2px !important;
    }
}