/*
 * Avalehe kujundus (Claude Design "Avaleht v4", oktoober 2026).
 *
 * Laetakse ainult lehemallil templates/avaleht.php — vt inc/avaleht.php.
 * Enamik kujundusest on HTML-i sees inline-stiilidena, siin on ainult
 * see, mida inline panna ei saa: fondid, hiireefektid, animatsioonid ja
 * Contact Form 7 vormi välimus.
 *
 * Fondid on kohapeal (theme/fondid/), mitte Google'i serverist: Google
 * Fontsi otsepäring saadaks iga külastaja IP-aadressi Google'ile, mis on
 * EL-is isikuandmete töötlemine ilma aluseta.
 */

/* ==========================================================================
   Fondid
   ========================================================================== */
/* Archivo 400 (latin-ext) */
@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url(../fondid/archivo-400-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* Archivo 400 (latin) */
@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url(../fondid/archivo-400-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* Archivo 500 (latin-ext) */
@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url(../fondid/archivo-400-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* Archivo 500 (latin) */
@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url(../fondid/archivo-400-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* Archivo 600 (latin-ext) */
@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  font-display: swap;
  src: url(../fondid/archivo-400-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* Archivo 600 (latin) */
@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  font-display: swap;
  src: url(../fondid/archivo-400-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* Archivo 700 (latin-ext) */
@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url(../fondid/archivo-400-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* Archivo 700 (latin) */
@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url(../fondid/archivo-400-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* Bricolage Grotesque 600 (latin-ext) */
@font-face {
  font-family: 'Bricolage Grotesque';
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  font-display: swap;
  src: url(../fondid/bricolage-grotesque-600-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* Bricolage Grotesque 600 (latin) */
@font-face {
  font-family: 'Bricolage Grotesque';
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  font-display: swap;
  src: url(../fondid/bricolage-grotesque-600-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* Bricolage Grotesque 700 (latin-ext) */
@font-face {
  font-family: 'Bricolage Grotesque';
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url(../fondid/bricolage-grotesque-600-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* Bricolage Grotesque 700 (latin) */
@font-face {
  font-family: 'Bricolage Grotesque';
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url(../fondid/bricolage-grotesque-600-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* Bricolage Grotesque 800 (latin-ext) */
@font-face {
  font-family: 'Bricolage Grotesque';
  font-style: normal;
  font-weight: 800;
  font-stretch: 100%;
  font-display: swap;
  src: url(../fondid/bricolage-grotesque-600-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* Bricolage Grotesque 800 (latin) */
@font-face {
  font-family: 'Bricolage Grotesque';
  font-style: normal;
  font-weight: 800;
  font-stretch: 100%;
  font-display: swap;
  src: url(../fondid/bricolage-grotesque-600-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* IBM Plex Mono 500 (latin-ext) */
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(../fondid/ibm-plex-mono-500-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* IBM Plex Mono 500 (latin) */
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(../fondid/ibm-plex-mono-500-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* IBM Plex Mono 600 (latin-ext) */
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(../fondid/ibm-plex-mono-600-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* IBM Plex Mono 600 (latin) */
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(../fondid/ibm-plex-mono-600-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* ==========================================================================
   Kujunduse enda stiilid
   ========================================================================== */
html{scroll-behavior:smooth}
body{margin:0;background:#F6F3EE}
a{color:#C2410C}a:hover{color:#9A3412}
h1,h2,h3{text-wrap:balance}
p{text-wrap:pretty}
.cl-navl{color:#D5DEE8;text-decoration:none;transition:color .15s ease}
.cl-navl:hover{color:#FFFFFF}
.cl-btn{transition:filter .15s ease, transform .15s ease}
.cl-btn:hover{filter:brightness(0.9)}
.cl-btn:active{transform:translateY(1px)}
.cl-ghost{transition:background-color .15s ease, border-color .15s ease}
.cl-ghost:hover{background-color:rgba(255,255,255,0.08);border-color:#FFFFFF}
.cl-lift{transition:transform .25s ease, box-shadow .25s ease}
.cl-lift:hover{transform:translateY(-4px);box-shadow:0 22px 48px rgba(10,37,64,0.14)}
.cl-zoom img{transition:transform .7s cubic-bezier(.2,.7,.2,1)}
.cl-zoom:hover img{transform:scale(1.045)}
.cl-chip{transition:background-color .15s ease, border-color .15s ease, color .15s ease}
.cl-chip:hover{border-color:#0A2540}
.cl-field{width:100%;box-sizing:border-box;min-height:50px;padding:13px 15px;border:1px solid #CFC8BD;border-radius:12px;background:#FFFFFF;font:inherit;font-size:16px;color:#0A2540}
.cl-field:focus{outline:2px solid #C2410C;outline-offset:1px;border-color:#C2410C}
.cl-foot a{color:#C9D4E1;text-decoration:none}
.cl-foot a:hover{color:#FFFFFF}
.cl-plogo{filter:grayscale(1);opacity:.8;transition:filter .25s ease, opacity .25s ease}
.cl-plogo:hover{filter:none;opacity:1}
@keyframes v4-glow{0%{opacity:0}6%{opacity:.7}9%{opacity:.05}14%{opacity:.85}17%{opacity:.15}28%{opacity:1}100%{opacity:1}}
@keyframes v4-word{0%{color:rgba(255,196,143,0);text-shadow:none}6%{color:#FFC48F;text-shadow:0 0 30px rgba(255,170,90,.5)}9%{color:rgba(255,196,143,0);text-shadow:none}14%{color:#FFC48F;text-shadow:0 0 40px rgba(255,170,90,.5)}17%{color:rgba(255,196,143,0);text-shadow:none}28%,100%{color:#FFC48F;text-shadow:0 0 60px rgba(255,160,80,.55)}}
@keyframes v4-photo{0%{filter:brightness(.28) saturate(.3)}6%{filter:brightness(.8) saturate(.8)}9%{filter:brightness(.3) saturate(.3)}14%{filter:brightness(.9) saturate(.9)}17%{filter:brightness(.35) saturate(.35)}28%,100%{filter:brightness(1) saturate(1)}}
@keyframes v4-glow-loop{0%{opacity:0}2.9%{opacity:.7}4.3%{opacity:.05}6.7%{opacity:.85}8.2%{opacity:.15}13.4%{opacity:1}96%{opacity:1}98.5%{opacity:0}100%{opacity:0}}
@keyframes v4-word-loop{0%{color:rgba(255,196,143,0);text-shadow:none}2.9%{color:#FFC48F;text-shadow:0 0 30px rgba(255,170,90,.5)}4.3%{color:rgba(255,196,143,0);text-shadow:none}6.7%{color:#FFC48F;text-shadow:0 0 40px rgba(255,170,90,.5)}8.2%{color:rgba(255,196,143,0);text-shadow:none}13.4%,96%{color:#FFC48F;text-shadow:0 0 60px rgba(255,160,80,.55)}98.5%,100%{color:rgba(255,196,143,0);text-shadow:none}}
@keyframes v4-photo-loop{0%{filter:brightness(.28) saturate(.3)}2.9%{filter:brightness(.8) saturate(.8)}4.3%{filter:brightness(.3) saturate(.3)}6.7%{filter:brightness(.9) saturate(.9)}8.2%{filter:brightness(.35) saturate(.35)}13.4%,96%{filter:brightness(1) saturate(1)}98.5%,100%{filter:brightness(.28) saturate(.3)}}
@media (prefers-reduced-motion: reduce){.v4-anim{animation:none !important}}

/* ==========================================================================
   Contact Form 7 vorm kujunduse välimusse
   ==========================================================================
   CF7 pakub oma märgendi, mida me muuta ei saa. Siin anname sellele sama
   välimuse, mis kujunduse makettvormil oli: raadionupud näevad välja nagu
   valikunupud ("chip"), väljad nagu .cl-field, saatenupp nagu .cl-btn.
   ========================================================================== */

.clorom-vorm .wpcf7-form { display: flex; flex-direction: column; gap: 18px; }
.clorom-vorm .wpcf7-form > p { margin: 0; }

/* Valikunupud: päris raadionupp peidus, silt on nupp. */
.clorom-vorm .wpcf7-radio { display: flex; flex-wrap: wrap; gap: 8px; }
.clorom-vorm .wpcf7-list-item { margin: 0; }
.clorom-vorm .wpcf7-list-item input[type="radio"] {
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0;
  pointer-events: none;
}
.clorom-vorm .wpcf7-list-item label {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  padding: 0 14px;
  border: 1.5px solid #D9D2C7;
  border-radius: 999px;
  background: #FFFFFF;
  color: #0A2540;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  transition: background-color .15s ease, border-color .15s ease, color .15s ease;
}
.clorom-vorm .wpcf7-list-item label:hover { border-color: #0A2540; }
.clorom-vorm .wpcf7-list-item input[type="radio"]:focus-visible + .wpcf7-list-item-label {
  outline: 2px solid #C2410C;
  outline-offset: 2px;
}
.clorom-vorm .wpcf7-list-item input[type="radio"]:checked + .wpcf7-list-item-label {
  /* Sildi sisemine <span> ei saa taustavärvi, seepärast värvime vanema. */
  color: inherit;
}
.clorom-vorm .wpcf7-list-item:has(input[type="radio"]:checked) label {
  background: #0A2540;
  border-color: #0A2540;
  color: #FFFFFF;
}

/* Väljad */
.clorom-vorm .wpcf7-form-control-wrap { display: block; }
.clorom-vorm input[type="text"],
.clorom-vorm input[type="email"],
.clorom-vorm input[type="tel"],
.clorom-vorm textarea {
  width: 100%;
  box-sizing: border-box;
  min-height: 50px;
  padding: 13px 15px;
  border: 1px solid #CFC8BD;
  border-radius: 12px;
  background: #FFFFFF;
  font: inherit;
  font-size: 16px;
  color: #0A2540;
}
.clorom-vorm textarea { resize: vertical; }
.clorom-vorm input:focus,
.clorom-vorm textarea:focus {
  outline: 2px solid #C2410C;
  outline-offset: 1px;
  border-color: #C2410C;
}

/* Saatenupp */
.clorom-vorm .wpcf7-submit {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  width: 100%;
  min-height: 56px;
  border: none;
  border-radius: 999px;
  background: #C2410C;
  color: #FFFFFF;
  font: inherit;
  font-weight: 700;
  font-size: 17px;
  cursor: pointer;
  transition: filter .15s ease, transform .15s ease;
}
.clorom-vorm .wpcf7-submit:hover { filter: brightness(0.9); }
.clorom-vorm .wpcf7-submit:active { transform: translateY(1px); }

/* CF7 teated */
.clorom-vorm .wpcf7-response-output {
  margin: 0 !important;
  padding: 12px 16px !important;
  border-radius: 12px;
  font-size: 15px;
}
.clorom-vorm .wpcf7-not-valid-tip { font-size: 13px; color: #C2410C; }
.clorom-vorm .wpcf7-spinner { margin: 0 auto; }

/* Spämmikaitse peidetud väli.
   Sama reegel on style.css-is, aga seda faili me siin lehel ei lae, ja ilma
   selleta jääks lõks külastajale nähtavale. Vt inc/spam-protection.php. */
.clorom-hp-wrap {
  position: absolute;
  left: -9999px;
  top: -9999px;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

/* CF7 oma stiilifaili sellel saidil ei laadita (emateema lülitab välja ja
   kujundab vormi ise). Seepärast on siin need üksikud reeglid, milleta vorm
   katki näeks: tühi teatekast peab olema peidus, kuni on mida öelda. */
.clorom-vorm form.init .wpcf7-response-output,
.clorom-vorm form.resetting .wpcf7-response-output,
.clorom-vorm form.submitting .wpcf7-response-output {
  display: none;
}
.clorom-vorm .wpcf7-response-output {
  border: 1.5px solid #CFC8BD;
  background: #F6F3EE;
  color: #0A2540;
}
.clorom-vorm form.sent .wpcf7-response-output {
  border-color: #166534;
  background: #ECFDF3;
  color: #166534;
}
.clorom-vorm form.invalid .wpcf7-response-output,
.clorom-vorm form.unaccepted .wpcf7-response-output,
.clorom-vorm form.failed .wpcf7-response-output,
.clorom-vorm form.spam .wpcf7-response-output {
  border-color: #C2410C;
  background: #FEF3EC;
  color: #9A3412;
}
.clorom-vorm .wpcf7-not-valid { border-color: #C2410C; }
.clorom-vorm .wpcf7-spinner {
  display: inline-block;
  width: 24px;
  height: 24px;
  margin: 0 8px;
  border-radius: 50%;
  border: 3px solid rgba(10,37,64,.2);
  border-top-color: #0A2540;
  animation: clorom-keerle 1s linear infinite;
  visibility: hidden;
}
.clorom-vorm form.submitting .wpcf7-spinner { visibility: visible; }
@keyframes clorom-keerle { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) {
  .clorom-vorm .wpcf7-spinner { animation: none; }
}

/* CF7 oma abimärgend, mille plugina stiilifail tavaliselt peidaks:
   peidetud väljade <fieldset> (brauser joonistab sellele vaikimisi raami)
   ja ekraanilugeja teatekast. */
.clorom-vorm .hidden-fields-container { display: none; }
.clorom-vorm .screen-reader-response {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  border: 0;
  white-space: nowrap;
}

/* ==========================================================================
   Teenuste lehe KKK
   ==========================================================================
   Kujunduses oli lahtiklapitav plokk JavaScriptiga. Siin on selle asemel
   <details>, mis töötab ka siis, kui skript ei lae, ja mida ekraanilugejad
   oskavad lugeda. Välimus on sama: pluss-ikoon pöördub avamisel ristiks ja
   värvub aktsentvärviga. */
.cl-kkk > summary::-webkit-details-marker { display: none; }
.cl-kkk > summary::marker { content: ""; }
.cl-kkk[open] .cl-kkk-ikoon { transform: rotate(45deg); background: #C2410C; }
.cl-kkk[open] .cl-kkk-ikoon svg { stroke: #FFFFFF; }
.cl-kkk > summary:focus-visible { outline: 2px solid #C2410C; outline-offset: 2px; }
@media (prefers-reduced-motion: reduce) {
  .cl-kkk-ikoon { transition: none; }
}

/* Failivalija kontaktivormis kujunduse välimusse. */
.clorom-vorm input[type="file"] {
  width: 100%;
  box-sizing: border-box;
  padding: 12px 15px;
  border: 1px dashed #CFC8BD;
  border-radius: 12px;
  background: #FFFFFF;
  font: inherit;
  font-size: 15px;
  color: #3B4A5C;
  cursor: pointer;
}
.clorom-vorm input[type="file"]::file-selector-button {
  margin-right: 12px;
  padding: 8px 14px;
  border: 1.5px solid #D9D2C7;
  border-radius: 999px;
  background: #F6F3EE;
  font: inherit;
  font-size: 14px;
  font-weight: 600;
  color: #0A2540;
  cursor: pointer;
}

/* ==========================================================================
   Sisuleht (nt privaatsuspoliitika)
   ==========================================================================
   Nendel lehtedel tuleb sisu WordPressi redaktorist, mitte kujundusest,
   seega vajab see põhitüpograafiat. */
.cl-sisu { color: #3B4A5C; font-size: 17px; line-height: 1.7; }
.cl-sisu h2 {
  margin: 36px 0 12px;
  font-family: 'Bricolage Grotesque', Archivo, system-ui, sans-serif;
  font-weight: 800;
  font-size: clamp(24px, 2.4vw, 32px);
  line-height: 1.15;
  letter-spacing: -0.02em;
  color: #0A2540;
}
.cl-sisu h3 {
  margin: 28px 0 10px;
  font-family: 'Bricolage Grotesque', Archivo, system-ui, sans-serif;
  font-weight: 700;
  font-size: clamp(19px, 1.8vw, 23px);
  color: #0A2540;
}
.cl-sisu p { margin: 0 0 16px; }
.cl-sisu ul, .cl-sisu ol { margin: 0 0 16px; padding-left: 22px; }
.cl-sisu li { margin-bottom: 6px; }
.cl-sisu strong { color: #0A2540; }
.cl-sisu a { color: #C2410C; }
.cl-sisu img { max-width: 100%; height: auto; border-radius: 16px; }
.cl-sisu table { width: 100%; border-collapse: collapse; margin: 0 0 16px; }
.cl-sisu td, .cl-sisu th { padding: 10px 12px; border: 1px solid #D9D2C7; text-align: left; }