/* Evidence as a number, a meaning and a visible next step. */
.audit-symbol {
  display:block;width:26px;height:26px;flex:none;fill:none;stroke:currentColor;
  stroke-width:1.45;stroke-linecap:round;stroke-linejoin:round;
}
.audit-route-arrow { display:inline-flex;align-items:center;justify-content:center;flex:none;color:rgb(var(--accent)); }
.audit-route-arrow .ui-icon { width:20px;height:20px;margin:0; }
.audit-route-node { font-size:14px;font-weight:500;line-height:1.4; }
.audit-route-node.is-broken { color:#a1382d; }
#nalazi .audit-diagnosis-visual {
  width:100%;border:0;border-radius:0;padding:10px 0;background:none;
  gap:12px;letter-spacing:0;text-transform:none;
}
#nalazi .audit-diagnosis-visual.is-split { gap:24px; }
.audit-split-fact { display:flex;flex-direction:column;gap:7px;font-size:14px;line-height:1.4; }
.audit-split-fact strong { font-size:30px;line-height:1.1;letter-spacing:-.05em;font-weight:400;color:rgb(var(--ink)); }
.audit-route-plus { font-size:22px;color:rgb(var(--muted));font-weight:300; }
#nalazi .diagnosis-copy > p { max-width:440px; }
#nalazi .diagnosis-copy .diagnosis-note { max-width:450px; }
#seo.seo-motion .seo-metric-copy > p { max-width:480px; }
#seo.seo-motion .seo-metric-copy .seo-metric-note {
  border:0;padding-left:0;color:rgb(var(--ink));
}
#seo .seo-action-visual { margin-top:28px;padding-top:22px;border-top:1px solid rgba(var(--line),.55); }
.audit-flow-label { display:block;font-size:12px;line-height:1.5;letter-spacing:.035em;color:rgb(var(--accent));margin-bottom:17px; }
.audit-decision-grid { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px; }
.audit-decision-grid > div { display:flex;align-items:center;gap:10px;font-size:14px;line-height:1.45;color:rgb(var(--ink)); }
.audit-decision-grid .audit-symbol { width:23px;height:23px;color:rgb(var(--accent)); }
.audit-repair-route { display:flex;align-items:center;gap:24px; }
.audit-repair-state { display:flex;align-items:center;gap:12px;font-size:14px;line-height:1.4; }
.audit-repair-state > span { display:flex;flex-direction:column;gap:2px; }
.audit-repair-state strong { font-size:20px;line-height:1.3;font-weight:500;letter-spacing:-.025em; }
.audit-repair-state.is-broken { color:#a1382d; }
.audit-repair-state.is-good { color:#285446; }
.audit-destination-route { display:flex;gap:24px;align-items:center; }
.audit-page-stack { position:relative;display:flex;align-items:center;width:70px;height:50px;color:rgb(var(--muted)); }
.audit-page-stack .audit-symbol { position:absolute;width:34px;height:40px;bottom:0;left:0;background:rgb(var(--bg)); }
.audit-page-stack .audit-symbol:nth-child(2) { left:13px;bottom:5px; }
.audit-page-stack .audit-symbol:nth-child(3) { left:26px;bottom:10px;color:rgb(var(--ink)); }
.audit-single-target { display:flex;align-items:center;gap:12px;color:#285446;font-size:17px;line-height:1.4;font-weight:500; }
.audit-single-target .audit-symbol { padding:6px;box-sizing:content-box;width:21px;height:21px;border:1px solid currentColor;border-radius:50%; }
.audit-snippet { display:flex;flex-direction:column;gap:10px;border-left:2px solid rgba(var(--accent),.5);padding-left:17px; }
.audit-snippet-title { color:#285446;font-size:20px;line-height:1.2;letter-spacing:-.035em; }
.audit-snippet-line { font-size:14px;line-height:1.5;color:rgb(var(--muted)); }

@media screen and (min-width:761px) and (max-height:710px) {
  #seo .seo-action-visual { margin-top:18px;padding-top:15px; }
  .audit-flow-label { margin-bottom:11px; }
  #nalazi .audit-diagnosis-visual { gap:9px; }
  #nalazi .audit-diagnosis-visual.is-split { gap:20px; }
}

@media screen and (max-width:760px) {
  /* Center the complete thought, with extra separation between the evidence and explanation. */
  #nalazi .diagnosis-fact {
    align-items:center;justify-content:safe center;text-align:center;
    gap:clamp(32px,5.5dvh,66px);padding:22px 0 30px;
    overflow:auto;overscroll-behavior:contain;
  }
  #nalazi .diagnosis-stat,#nalazi .diagnosis-copy { flex:none;width:100%; }
  #nalazi .diagnosis-value { font-size:clamp(112px,32vw,160px); }
  #nalazi .audit-diagnosis-visual { margin-top:20px;padding:0;gap:9px; }
  #nalazi .audit-diagnosis-visual .audit-route-node { font-size:14px; }
  #nalazi .diagnosis-copy { display:flex;flex-direction:column;align-items:center;max-width:440px; }
  #nalazi .diagnosis-count { font-size:13px;line-height:1.45;justify-content:center;margin-bottom:22px;padding:8px 12px; }
  #nalazi .diagnosis-copy h3 { font-size:clamp(30px,8.5vw,40px);margin:0 0 22px;line-height:1.12; }
  #nalazi .diagnosis-copy > p { font-size:14px;line-height:1.6;margin:0;max-width:370px; }
  #nalazi .diagnosis-copy .diagnosis-note { margin-top:18px;max-width:360px;color:rgb(var(--muted)); }
  #nalazi .diagnosis-copy .text-button { margin-top:18px;min-height:44px;justify-content:center; }
  #nalazi .diagnosis-controls { padding-top:10px; }

  #seo.seo-motion .seo-number-scene {
    align-items:flex-start;justify-content:safe center;
    gap:clamp(28px,4.2dvh,48px);padding:24px 2px 30px 0;
    overflow:auto;overscroll-behavior:contain;
  }
  #seo.seo-motion .seo-number-block,#seo.seo-motion .seo-metric-copy { flex:none; }
  #seo.seo-motion .seo-metric-kicker { font-size:13px;line-height:1.45;letter-spacing:.02em;margin:0 0 23px; }
  #seo.seo-motion .seo-metric-value { font-size:clamp(122px,33vw,170px);line-height:.94; }
  #seo.seo-motion .seo-number-scene:last-child .seo-metric-value { font-size:clamp(104px,28.5vw,146px); }
  #seo.seo-motion .seo-metric-copy h3 { font-size:clamp(27px,7.3vw,34px);line-height:1.18;max-width:410px; }
  #seo.seo-motion .seo-metric-copy > p { font-size:14px;line-height:1.6;margin-top:20px; }
  #seo.seo-motion .seo-metric-copy .seo-metric-note { font-size:14px;line-height:1.55;margin-top:18px;max-width:380px; }
  #seo .seo-action-visual { margin-top:28px;padding-top:23px; }
  #seo .audit-flow-label { font-size:12px;line-height:1.55;letter-spacing:.015em;margin-bottom:18px; }
  #seo .audit-decision-grid { gap:12px; }
  #seo .audit-decision-grid > div { flex-direction:column;align-items:flex-start;gap:13px; }
  #seo .audit-decision-grid .audit-symbol { width:26px;height:26px; }
  #seo .audit-repair-route,#seo .audit-destination-route { gap:22px; }
}

@media screen and (max-width:760px) and (max-height:740px) {
  #nalazi .diagnosis-fact { justify-content:flex-start;gap:28px;padding-top:18px;padding-bottom:24px; }
  #nalazi .diagnosis-value { font-size:102px; }
  #nalazi .diagnosis-copy h3 { font-size:30px; }
  #nalazi .diagnosis-copy .diagnosis-note { margin-top:15px; }
  #seo.seo-motion .seo-number-scene { justify-content:flex-start;gap:26px;padding-top:18px; }
  #seo.seo-motion .seo-metric-value { font-size:114px; }
  #seo.seo-motion .seo-number-scene:last-child .seo-metric-value { font-size:100px; }
  #seo.seo-motion .seo-metric-copy h3 { font-size:27px; }
  #seo .seo-action-visual { margin-top:22px;padding-top:20px; }
}
@media screen and (max-width:360px) {
  #nalazi .audit-diagnosis-visual { gap:6px; }
  #nalazi .audit-diagnosis-visual .audit-route-node { font-size:13px; }
  #nalazi .audit-diagnosis-visual.is-split { gap:16px; }
  #nalazi .audit-diagnosis-visual .audit-route-arrow .ui-icon { width:16px;height:16px; }
  #seo .audit-repair-route,#seo .audit-destination-route { gap:14px; }
  #seo .audit-repair-state { gap:9px; }
  #seo .audit-single-target { font-size:15px;gap:9px; }
}
@media print {
  #nalazi .diagnosis-fact { overflow:visible; }
  #seo .seo-number-scene { overflow:visible; }
  .audit-flow-label { color:#6f5936; }
}