/* Vesikaton korjaukset ja huoltotyöt -alasivu */
/* Korjaustyöraportti-esimerkki */
.kr-report { background: #fff; color: #1c1a1a; border-radius: 10px; box-shadow: 0 2px 4px rgba(0,0,0,0.2), 0 30px 60px rgba(0,0,0,0.35); overflow: hidden; border-left: 6px solid var(--brand-red); }
.kr-report-head { display: flex; justify-content: space-between; align-items: flex-start; gap: 16px; padding: 24px 26px 18px; border-bottom: 1px solid #ece8e4; }
.kr-report-kicker { font-size: 10.5px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: var(--brand-red); }
.kr-report-title { font-family: var(--font-display); font-weight: 800; font-size: 24px; letter-spacing: 0.01em; }
.kr-report-meta { font-size: 11.5px; color: #6b6560; text-align: right; line-height: 1.5; }
.kr-report-row { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border-bottom: 1px solid #ece8e4; }
.kr-report-row > div { padding: 14px 18px; display: flex; flex-direction: column; gap: 3px; }
.kr-report-row > div + div { border-left: 1px solid #ece8e4; }
.kr-report-row span:first-child { font-size: 10px; font-weight: 600; letter-spacing: 0.1em; text-transform: uppercase; color: #8a837d; }
.kr-report-row strong { font-family: var(--font-display); font-weight: 800; font-size: 15px; }
.kr-report-photos { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; padding: 16px 18px 6px; }
.kr-report-photos figure { margin: 0; display: flex; flex-direction: column; gap: 6px; }
.kr-report-photos img { width: 100%; aspect-ratio: 3 / 4; object-fit: cover; display: block; border-radius: 4px; }
.kr-report-photos figcaption { font-size: 11px; line-height: 1.35; color: #4a4541; }
.kr-report-photos figcaption b { color: #1c1a1a; }
.kr-report-foot { padding: 12px 18px 18px; font-size: 11px; color: #8a837d; }

.kr-anat { list-style: none; margin: 0; padding: 0; counter-reset: a; display: flex; flex-direction: column; }
.kr-anat li { counter-increment: a; display: grid; grid-template-columns: 40px 1fr; gap: 12px; padding: 18px 0; border-top: 1px solid rgba(255,255,255,0.14); }
.kr-anat li::before { content: counter(a, decimal-leading-zero); font-family: var(--font-display); font-weight: 800; font-size: 15px; color: var(--brand-red); padding-top: 3px; }
.kr-anat strong { display: block; font-family: var(--font-display); font-weight: 800; font-size: 19px; margin-bottom: 4px; }
.kr-anat span { font-size: 15.5px; line-height: 1.55; color: var(--on-inverse-muted); }

/* Huoltosopimukset */
.kr-plans { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; align-items: stretch; }
.kr-plan { padding: 34px 30px; border-radius: var(--radius-lg); background: var(--surface-alt); display: flex; flex-direction: column; gap: 14px; }
.kr-plan.is-top { background: var(--surface-inverse); color: var(--on-inverse); }
.kr-plan-name { font-family: var(--font-display); font-weight: 800; font-size: 30px; line-height: 1; }
.kr-plan-name small { display: block; font-size: 13px; font-weight: 600; letter-spacing: 0.1em; text-transform: uppercase; color: var(--action-text); margin-bottom: 8px; }
.kr-plan.is-top .kr-plan-name small { color: var(--on-inverse-muted); }
.kr-plan-lead { margin: 0; font-size: 16px; line-height: 1.55; }

@media (max-width: 1000px) {
  .kr-plans { grid-template-columns: minmax(0, 1fr); }
  .kr-report-photos { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; padding: 12px; }
}
@media (prefers-reduced-motion: reduce) {
}

/* Hero ja palvelut tarkemmin */
@media (max-width: 900px) {
  .kr-hero-img { left: 0 !important; width: 100% !important; object-position: 28% 50% !important; }
}
.kr-tabs { display: inline-flex; gap: 4px; padding: 4px; border-radius: 999px; background: var(--surface); border: 1px solid var(--line); flex-wrap: wrap; }
.kr-tab { font: 600 15px/1 var(--font-body); color: var(--ink-muted); background: transparent; border: 0; border-radius: 999px; padding: 13px 20px; min-height: 44px; cursor: pointer; transition: background-color 0.25s, color 0.25s; }
.kr-tab:hover { color: var(--ink); }
.kr-tab.is-on { background: var(--surface-inverse); color: var(--on-inverse); }
.kr-detail { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 40px 64px; padding: 44px; border-radius: var(--radius-lg); background: var(--surface); animation: tj-in 0.45s var(--kk-ease) both; }
.kr-detail h3 { margin: 0; font-family: var(--font-display); font-weight: 800; font-size: 34px; line-height: 1.1; letter-spacing: -0.015em; }
.kr-facts { display: flex; flex-wrap: wrap; gap: 10px; }
.kr-fact { padding: 10px 14px; border-radius: 999px; background: var(--surface-alt); font-size: 14px; font-weight: 600; }
@media (max-width: 1000px) { .kr-detail { grid-template-columns: minmax(0, 1fr); padding: 28px; } .kr-detail h3 { font-size: 28px; } }
@media (prefers-reduced-motion: reduce) { .kr-detail { animation: none !important; } }
@media (max-width: 900px) { .kr-teaser { grid-template-columns: minmax(0, 1fr) !important; padding: 28px !important; } }

/* SUJUVA-sivu */
.sj-table { width: 100%; border-collapse: collapse; font-size: 15px; }
.sj-table th, .sj-table td { padding: 16px 18px; text-align: left; vertical-align: top; border-bottom: 1px solid var(--line); }
.sj-table thead th { font-family: var(--font-display); font-weight: 800; font-size: 20px; border-bottom: 2px solid var(--ink); }
.sj-table thead th.is-top { color: var(--brand-red); }
.sj-table tbody th { font-weight: 600; color: var(--ink); width: 26%; }
.sj-table td { color: var(--ink-muted); }
.sj-table td.is-top { color: var(--ink); background: rgba(213,43,30,0.04); }
.sj-yes { color: var(--brand-red); font-weight: 700; }
.sj-wrap { overflow-x: auto; border-radius: var(--radius-lg); background: var(--surface); padding: 8px 20px 12px; }
.sj-seasons { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
.sj-season { padding: 26px; border-radius: var(--radius-lg); background: var(--surface-alt); display: flex; flex-direction: column; gap: 8px; }
.sj-season strong { font-family: var(--font-display); font-weight: 800; font-size: 22px; }
.sj-season span { font-size: 15px; line-height: 1.55; color: var(--ink-muted); }
@media (max-width: 900px) {
  .sj-seasons { grid-template-columns: minmax(0, 1fr); }
  .sj-table { min-width: 640px; }
  .sj-hero-img { width: 100% !important; object-position: 55% 50% !important; }
}

/* Palvelukortit: minimalistinen viivagrafiikka */
.kr-card { color: var(--ink); text-decoration: none; justify-content: space-between; }
.kr-card::after { content: ""; position: absolute; left: 32px; right: 32px; bottom: 0; height: 3px; background: var(--brand-red); transform: scaleX(0); transform-origin: left center; transition: transform 0.5s var(--kk-ease); }
.kr-card:hover::after, .kr-card:focus-visible::after { transform: scaleX(1); }
.kr-card-top { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; }
.kr-art-wrap { flex: none; width: 64px; height: 64px; display: grid; place-items: center; }
.kr-art { width: 60px; height: 60px; flex: none; fill: none; stroke: var(--ink); stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; opacity: 0.85; transition: opacity 0.4s, transform 0.6s var(--kk-ease); }
.kr-art .acc { stroke: var(--brand-red); stroke-width: 2.6; transition: transform 0.6s var(--kk-ease); transform-box: fill-box; transform-origin: center; }
.kr-art .acc.thick { stroke-width: 4.5; }
.kr-art .accf { fill: var(--brand-red); stroke: none; transition: transform 0.6s var(--kk-ease); transform-box: fill-box; transform-origin: center; }
.kr-card:hover .kr-art { opacity: 1; }
.kr-card:hover .kr-art .acc, .kr-card:hover .kr-art .accf { transform: translateY(-3px); }
.kr-card-body { display: flex; flex-direction: column; gap: 10px; }
.kr-card-more { margin-top: 4px; font-size: 15px; font-weight: 600; color: var(--action-text); display: inline-flex; gap: 8px; align-items: center; }
.kr-card-more span { transition: translate 0.35s var(--kk-ease); }
.kr-card:hover .kr-card-more span { translate: 4px 0; }
@media (prefers-reduced-motion: reduce) {
  .kr-card::after, .kr-art-wrap, .kr-art, .kr-art .acc, .kr-art .accf, .kr-card-more span { transition: none !important; }
}

/* Asiantuntijapalvelujen alasivut */
.as-hero { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr); gap: 48px 64px; align-items: center; max-width: 1280px; margin: 0 auto; }
.as-crumb { display: flex; flex-wrap: wrap; gap: 8px; font-size: 14px; color: var(--ink-muted); }
.as-crumb a { color: var(--ink); font-weight: 600; text-decoration: none; }
.as-crumb a:hover { color: var(--action-text); }
.as-hero-img { position: relative; border-radius: var(--radius-lg); overflow: hidden; aspect-ratio: 4 / 3; background: var(--surface-alt); }
.as-hero-img img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block; }
.as-chips { display: flex; flex-wrap: wrap; gap: 8px; }
.as-chip { display: inline-flex; align-items: center; gap: 8px; padding: 9px 14px; border-radius: 999px; background: var(--surface-alt); font-size: 14px; font-weight: 600; }
.as-chip::before { content: ""; width: 6px; height: 6px; background: var(--brand-red); transform: rotate(45deg); }
.as-band { position: relative; max-width: 1200px; margin: 0 auto; border-radius: var(--radius-lg); overflow: hidden; }
.as-band img { width: 100%; height: clamp(320px, 42vw, 560px); object-fit: cover; display: block; }
.as-band figcaption { position: absolute; left: 24px; bottom: 24px; max-width: 520px; padding: 14px 18px; border-radius: var(--radius-md); background: rgba(28,26,26,0.72); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); color: #fff; font-size: 15px; line-height: 1.5; }
.as-list2 { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 48px; }
.as-list2 li { display: flex; gap: 14px; padding: 18px 0; border-top: 1px solid rgba(255,255,255,0.14); font-size: 17px; line-height: 1.5; }
.as-list2 li::before { content: ""; flex: none; width: 8px; height: 8px; margin-top: 9px; background: var(--brand-red); transform: rotate(45deg); }
.as-list2.is-light li { border-top-color: var(--line); }
.as-src { margin: 0; font-size: 13px; line-height: 1.6; color: var(--ink-muted); }
@media (max-width: 1000px) {
  .as-hero { grid-template-columns: minmax(0, 1fr); }
  .as-list2 { grid-template-columns: minmax(0, 1fr); }
}
.sj-tools4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
@media (max-width: 1000px) { .sj-tools4 { grid-template-columns: minmax(0, 1fr); } }

/* Vesikattojen korjaukset: kattotyyppikortit */
.vk-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
.vk-card { justify-content: flex-start; gap: 24px; }
.vk-head { display: flex; flex-direction: column; gap: 8px; min-width: 0; }
.vk-sub { font-size: 14.5px; line-height: 1.45; color: var(--ink-muted); }
.vk-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; }
.vk-list li { display: flex; gap: 12px; padding: 11px 0; border-top: 1px solid var(--line); font-size: 15.5px; line-height: 1.45; }
.vk-list li::before { content: ""; flex: none; width: 7px; height: 7px; margin-top: 7px; background: var(--brand-red); transform: rotate(45deg); }
.vk-card .kr-card-more { margin-top: auto; text-decoration: none; }
.vk-card:hover .kr-art { opacity: 1; }
.vk-card:hover .kr-art .acc, .vk-card:hover .kr-art .accf { transform: translateY(-3px); }
.vk-card .kr-card-more:hover span { translate: 4px 0; }
.vk-other { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.6fr); gap: 24px 56px; align-items: start; padding: 40px; border-radius: var(--radius-lg); background: var(--surface-inverse); color: var(--on-inverse); }
@media (max-width: 1000px) { .vk-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 700px) {
  .vk-grid, .vk-other { grid-template-columns: minmax(0, 1fr); }
  .vk-other { padding: 28px 24px; }
}

/* ---------- ELD-vuotokartoitus ---------- */
.el-intro { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 32px 72px; align-items: start; }
.el-intro p { margin: 0; font-size: 17px; line-height: 1.65; color: var(--ink-muted); }
.el-intro p + p { margin-top: 14px; }
.el-cards3 { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
.el-cred { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 8px 40px; align-items: center; padding: 26px 32px; border-top: 3px solid var(--brand-red); border-radius: var(--radius-lg); background: var(--surface-alt); }
.el-cred strong { font-family: var(--font-display); font-weight: 800; font-size: 20px; letter-spacing: -0.01em; }
.el-cred span { font-size: 16px; line-height: 1.55; color: var(--ink-muted); }
.el-how { display: grid; grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr); gap: 48px 64px; align-items: start; }
.el-how p { margin: 0; font-size: 17px; line-height: 1.65; color: var(--ink-muted); }
.el-how h3 { margin: 0; font-family: var(--font-display); font-weight: 800; font-size: 24px; line-height: 1.15; letter-spacing: -0.01em; }
.el-note { display: flex; gap: 14px; padding: 18px 20px; border-radius: var(--radius-md); background: var(--surface); font-size: 15.5px; line-height: 1.55; font-weight: 600; color: var(--ink); }
.el-note::before { content: ""; flex: none; width: 9px; height: 9px; margin-top: 7px; background: var(--brand-red); transform: rotate(45deg); }
.el-diag { margin: 0; padding: 28px 24px 18px; border-radius: var(--radius-lg); background: var(--surface); }
.el-diag svg { display: block; width: 100%; height: auto; font-family: var(--font-body); }
.el-diag figcaption { margin-top: 10px; font-size: 13px; color: var(--ink-muted); }
.el-sub { margin: 0; font-size: 13px; font-weight: 600; letter-spacing: 0.1em; text-transform: uppercase; color: var(--action-text); }
.el-elec { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
.el-elec article { display: flex; flex-direction: column; gap: 10px; padding: 24px; border-radius: var(--radius-lg); background: var(--surface); }
.el-elec svg { width: 56px; height: 40px; fill: none; stroke: var(--ink); stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.el-elec svg .acc { stroke: var(--brand-red); }
.el-elec h4 { margin: 4px 0 0; font-family: var(--font-display); font-weight: 800; font-size: 19px; }
.el-elec p { margin: 0; font-size: 15px; line-height: 1.5; color: var(--ink-muted); }
.el-feat { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0; border-top: 1px solid var(--line); }
.el-feat div { display: flex; flex-direction: column; gap: 6px; padding: 24px 28px 0 0; }
.el-feat div + div { padding-left: 28px; border-left: 1px solid var(--line); }
.el-feat strong { font-family: var(--font-display); font-weight: 800; font-size: 19px; }
.el-feat span { font-size: 15.5px; line-height: 1.55; color: var(--ink-muted); }
.el-table { width: 100%; border-collapse: collapse; font-size: 15.5px; }
.el-table th { padding: 0 16px 14px 0; text-align: left; font-size: 12px; font-weight: 600; letter-spacing: 0.1em; text-transform: uppercase; color: var(--ink-muted); border-bottom: 2px solid var(--ink); }
.el-table td { padding: 18px 16px 18px 0; border-bottom: 1px solid var(--line); vertical-align: middle; line-height: 1.5; }
.el-table td:first-child { font-weight: 600; width: 32%; }
.el-table td:last-child { color: var(--ink-muted); }
.el-badge { display: inline-block; padding: 6px 12px; border-radius: 6px; font-size: 13px; font-weight: 600; white-space: nowrap; border: 1.5px solid var(--ink); }
.el-badge.ok { background: var(--ink); color: #fff; }
.el-badge.eval { background: transparent; color: var(--ink); }
.el-badge.need { background: var(--brand-red); border-color: var(--brand-red); color: #fff; }
.el-stackrow { display: grid; grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.2fr); gap: 32px 56px; align-items: center; padding: 36px; border-radius: var(--radius-lg); background: var(--surface-alt); }
.el-stack { display: flex; flex-direction: column; border-radius: var(--radius-md); overflow: hidden; font-size: 13px; font-weight: 600; }
.el-stack span { display: flex; align-items: center; padding: 0 16px; }
.el-stack .s1 { height: 40px; background: #2b2827; color: #fff; }
.el-stack .s2 { height: 30px; background: var(--brand-red); color: #fff; }
.el-stack .s3 { height: 96px; background: #e6e1d8; color: var(--ink); }
.el-stack .s4 { height: 52px; background: #bdb7ad; color: var(--ink); }
.el-stackrow h3 { margin: 0 0 10px; font-family: var(--font-display); font-weight: 800; font-size: 26px; letter-spacing: -0.01em; }
.el-stackrow p { margin: 0; font-size: 16px; line-height: 1.6; color: var(--ink-muted); }
.el-stackrow p + p { margin-top: 12px; }
.el-stackrow p.el-strong { color: var(--ink); font-weight: 600; }
.el-fit { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
.el-fit article { display: flex; flex-direction: column; gap: 12px; padding: 28px; border-radius: var(--radius-lg); border-top: 3px solid var(--ink); background: var(--surface-alt); }
.el-fit article.no { border-top-color: var(--brand-red); }
.el-fit h4 { margin: 0; font-family: var(--font-display); font-weight: 800; font-size: 20px; }
.el-fit ul { margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 8px; font-size: 15.5px; line-height: 1.45; }
.el-fit li { display: flex; gap: 10px; }
.el-fit li::before { content: ""; flex: none; width: 7px; height: 7px; margin-top: 8px; background: var(--ink); transform: rotate(45deg); }
.el-fit article.no li::before { background: var(--brand-red); }
.el-fit p { margin: 0; font-size: 15.5px; line-height: 1.55; color: var(--ink-muted); }
.el-result { display: grid; grid-template-columns: minmax(0, 0.7fr) minmax(0, 1.3fr); gap: 16px 56px; padding: 40px; border-radius: var(--radius-lg); background: var(--surface-inverse); color: var(--on-inverse); }
.el-result h3 { margin: 0; font-family: var(--font-display); font-weight: 800; font-size: 30px; line-height: 1.1; letter-spacing: -0.015em; }
.el-result p { margin: 0; font-size: 16.5px; line-height: 1.65; color: var(--on-inverse-muted); }
.el-result p + p { margin-top: 12px; }
.el-result p strong { color: var(--on-inverse); font-weight: 600; }
.el-two { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 40px 72px; }
.el-two h3 { margin: 0 0 8px; font-family: var(--font-display); font-weight: 800; font-size: 28px; letter-spacing: -0.015em; }
.el-list { list-style: none; margin: 0; padding: 0; }
.el-list li { display: flex; gap: 14px; padding: 16px 0; border-top: 1px solid rgba(255,255,255,0.14); font-size: 17px; line-height: 1.5; }
.el-list li::before { content: ""; flex: none; width: 8px; height: 8px; margin-top: 9px; background: var(--brand-red); transform: rotate(45deg); }
.el-list li strong { font-weight: 600; color: var(--on-inverse); }
.el-list li span { color: var(--on-inverse-muted); }
@media (max-width: 1000px) {
  .el-intro, .el-how, .el-stackrow, .el-result, .el-two { grid-template-columns: minmax(0, 1fr); }
  .el-cards3, .el-fit { grid-template-columns: minmax(0, 1fr); }
  .el-elec { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .el-feat { grid-template-columns: minmax(0, 1fr); }
  .el-feat div, .el-feat div + div { padding: 18px 0; border-left: 0; border-bottom: 1px solid var(--line); }
  .el-cred { grid-template-columns: minmax(0, 1fr); padding: 22px; }
  .el-stackrow, .el-result { padding: 24px; }
  .el-table thead { display: none; }
  .el-table tr { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 6px 12px; padding: 16px 0; border-bottom: 1px solid var(--line); }
  .el-table td { padding: 0; border: 0; width: auto !important; }
  .el-table td:last-child { grid-column: 1 / -1; font-size: 14.5px; }
}
@media (max-width: 560px) { .el-elec { grid-template-columns: minmax(0, 1fr); } }

/* ---------- Elinkaarikorjaukset ---------- */
.lk-best { display: flex; flex-direction: column; gap: 6px; padding: 18px 20px; border-radius: var(--radius-md); background: rgba(255,255,255,0.07); border: 1px solid rgba(255,255,255,0.14); }
.lk-best strong { font-family: var(--font-display); font-weight: 800; font-size: 17px; color: #fff; }
.lk-best span { font-size: 15px; line-height: 1.55; color: var(--on-inverse-muted); }
.lk-link { margin-top: auto; padding-top: 6px; font-weight: 600; font-size: 16px; text-decoration: none; color: var(--action-text); }
.vp-path.is-acute .lk-link { color: #ff8a8d; }
.lk-time { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0; position: relative; }
.lk-time::before { content: ""; position: absolute; left: 0; right: 0; top: 11px; height: 2px; background: var(--line); }
.lk-step { position: relative; display: flex; flex-direction: column; gap: 10px; padding: 36px 28px 0 0; }
.lk-step::before { content: ""; position: absolute; left: 0; top: 4px; width: 16px; height: 16px; background: var(--brand-red); transform: rotate(45deg); }
.lk-step.is-pts::before { background: var(--surface-inverse); }
.lk-when { font-size: 13px; font-weight: 600; letter-spacing: 0.1em; text-transform: uppercase; color: var(--action-text); }
.lk-step.is-pts .lk-when { color: var(--ink); }
.lk-step h3 { margin: 0; font-family: var(--font-display); font-weight: 800; font-size: 22px; line-height: 1.15; }
.lk-step p { margin: 0; font-size: 15.5px; line-height: 1.6; color: var(--ink-muted); }
@media (max-width: 1000px) {
  .lk-time { grid-template-columns: minmax(0, 1fr); }
  .lk-time::before { left: 7px; right: auto; top: 0; bottom: 0; width: 2px; height: auto; }
  .lk-step { padding: 0 0 28px 40px; }
  .lk-step::before { top: 2px; }
}
.lk-src .vp-path:not(.is-acute) { background: var(--surface); }
.lk-src .vp-path:not(.is-acute) .vp-tag { background: var(--surface-alt); }
.lk-muut .tj-card { background: var(--surface-alt); }