/* Tasuta SEO kontroll (/tasuta-seo-kontroll/), 20.10.2026: kaks näidikut + ribad.
   Tõstetud avalehe 02 kaardist (hübriid: avalehel ainult vorm, tulemus siin).
   Näidik = 04 VU klaasraam ruudukujulisena, 40 segmenti + nõel keskmise ketta alt.
   Lehe muutujad tulevad generaatori STIIL-ist; puuduvad on siin varuväärtusega. */
.kk-ala { max-width: 1100px; margin: 0 auto 8px; padding: 0 24px; }
.kk-kaart { background: var(--bg-card); border: 1px solid var(--border-light); border-left: 3px solid var(--accent); padding: 28px 24px; }
@media (min-width: 1024px) { .kk-kaart { padding: 40px; } }
.kk-kaart h2 { margin: 0 0 18px; }
.kk-vorm { display: flex; gap: .5rem; margin-bottom: 1.75rem; max-width: 36rem; }
.kk-vorm input { flex: 1; min-width: 0; height: 2.75rem; padding: 0 .9rem; background: var(--bg); color: var(--fg);
  border: 1px solid var(--border-light); font-family: 'JetBrains Mono', monospace; font-size: .9rem; }
.kk-vorm input:focus { outline: none; border-color: var(--accent); }
.kk-nupp { padding: 0 1.25rem; border: 0; background: var(--accent); color: #0a0a0a; font-family: 'JetBrains Mono', monospace;
  font-size: .8rem; letter-spacing: .15em; text-transform: uppercase; font-weight: 600; white-space: nowrap; cursor: pointer; }
.kk-nupp:hover { background: var(--accent-bright, #FF7A33); }
.kk-nupp[aria-busy="true"] { cursor: progress; }
.kk-nupp[aria-busy="true"]::after { content: ''; display: inline-block; width: .8em; height: .8em; margin-left: .6em; vertical-align: -.1em;
  border: 2px solid currentColor; border-right-color: transparent; border-radius: 50%; animation: kk-keer .8s linear infinite; }
@keyframes kk-keer { to { transform: rotate(360deg); } }
.kk-aeg { color: var(--muted); font-family: 'JetBrains Mono', monospace; font-size: .8rem; margin-left: .4rem; }
.kk-tulem { display: grid; gap: 1.75rem; align-items: start; }
@media (min-width: 1024px) { .kk-tulem { grid-template-columns: minmax(0, 30rem) minmax(0, 1fr); gap: 2.5rem; align-items: center; } }
.kk-naidikud { display: grid; grid-template-columns: 1fr 1fr; gap: .9rem; max-width: 30rem; }
.kk-naidik { margin: 0; padding: .5rem .5rem .75rem; background: radial-gradient(ellipse 70% 70% at 50% 60%, rgba(255,84,0,.10), transparent 70%), #0d0b0a;
  border: 1px solid rgba(255,255,255,.16);
  box-shadow: 0 0 0 4px rgba(255,255,255,.035), 0 0 0 5px rgba(255,255,255,.10), inset 0 1px 0 rgba(255,255,255,.22), inset 0 -1px 0 rgba(255,84,0,.45); }
.kk-naidik svg { display: block; width: 100%; height: auto; color: var(--muted); }
.kk-naidik figcaption { text-align: center; font-family: 'JetBrains Mono', monospace; font-size: .7rem; letter-spacing: .18em;
  text-transform: uppercase; color: var(--fg-dim); white-space: nowrap; }
.kk-seg { fill: rgba(255,106,16,.13); }
.kk-seg.on { fill: #FF6A10; }
.kk-seg.saba { fill: rgba(255,106,16,.45); }   /* kontrolli ajal ringi jooksva salga saba */
.kk-noel { stroke: #FF2414; stroke-width: 2.2; stroke-linecap: round; }
.kk-ketas { fill: #0e0e0e; stroke: rgba(255,255,255,.14); }
.kk-silt { fill: #FF6A10; font-family: 'JetBrains Mono', monospace; font-size: 10px; letter-spacing: 3px; }
.kk-arv { fill: var(--fg); font-family: 'Bebas Neue', Impact, sans-serif; font-size: 34px; letter-spacing: 1px; }
.kk-null { fill: var(--muted); font-family: 'JetBrains Mono', monospace; font-size: 8px; }
.kk-tekst { color: var(--fg-dim); font-size: .95rem; line-height: 1.65; margin: 0 0 1.1rem; min-height: 3.3em; }
.kk-tekst b { color: var(--fg); font-weight: 600; }
.kk-tekst.viga { color: var(--accent-bright, #FF7A33); }
.kk-rida { font-family: 'JetBrains Mono', monospace; font-size: .75rem; letter-spacing: .15em; color: var(--fg); margin: .8rem 0 .35rem; }
.kk-riba { height: 8px; background: #050505; box-shadow: inset 0 0 0 1px rgba(255,255,255,.09); }   /* rada nähtav ka tühjana */
.kk-riba i { display: block; height: 100%; transform: scaleX(0); transform-origin: left; transition: transform 1.4s cubic-bezier(.22,1,.36,1); }
.kk-riba .viga { background: #FF2414; } .kk-riba .hoiatus { background: #FF6A10; } .kk-riba .korras { background: var(--silver, #C8C8C8); }
.kk-all { margin-top: 2rem; padding-top: 1.5rem; border-top: 1px solid var(--border-light); display: grid; gap: 1rem; align-items: center; }
.kk-all p { margin: 0; color: var(--fg-dim); font-size: 15px; }
@media (min-width: 1024px) { .kk-all { grid-template-columns: minmax(0, 1.1fr) auto; gap: 2.5rem; } }
.kk-cta { display: inline-flex; align-items: center; justify-content: center; gap: .75rem; background: var(--accent); color: #0a0a0a;
  font-family: 'Oswald', sans-serif; font-size: 14px; letter-spacing: .2em; text-transform: uppercase; text-decoration: none; padding: 16px 32px; }
.kk-cta:hover { background: var(--accent-bright, #FF7A33); color: #0a0a0a; }
@media (prefers-reduced-motion: reduce) { .kk-riba i { transition: none; } .kk-nupp[aria-busy="true"]::after { animation: none; } }

html[data-teema="hele"] .kk-naidik {
  background: radial-gradient(ellipse 70% 70% at 50% 60%, rgba(255,84,0,.08), transparent 70%), #fbf8f4;
  border-color: rgba(0,0,0,.12);
  box-shadow: 0 0 0 4px rgba(0,0,0,.025), 0 0 0 5px rgba(0,0,0,.07), inset 0 1px 0 #fff, inset 0 -1px 0 rgba(255,84,0,.45);
}
html[data-teema="hele"] .kk-seg:not(.on):not(.saba) { fill: rgba(196,63,0,.12); }
html[data-teema="hele"] .kk-ketas { fill: #fff; stroke: rgba(0,0,0,.12); }
html[data-teema="hele"] .kk-silt { fill: var(--accent); }
html[data-teema="hele"] :is(.kk-nupp, .kk-cta) { color: #fff; }
html[data-teema="hele"] .kk-tekst.viga { color: var(--viga); }
html[data-teema="hele"] .kk-riba { background: #e2ddd5; box-shadow: inset 0 0 0 1px rgba(0,0,0,.08); }