/* ==========================================================================
   Den fremhævede case med Vue på forsiden: staticen som på /resultater
   Emil, 3.10.2026. Markup'en rettes af scripts/vue-case.js, som scripts/byg-forside2.js
   kalder. Reglerne her ligger oven på statics-gjort.css og gælder kun casen øverst i
   resultatsektionen (.gjort__case), ikke de tre kunder under.

   Teksten og knapperne står som i statics-gjort.css (samme størrelser). Herfra kommer kun:
     - den håndskrevne linje over overskriften i orange, som på /resultater
     - staticen tapet fast med orange tape og den håndskrevne note "Den her blev nr. 1.
       Se casen" med pil under (.r7-tapet og .r7-note i resultater7.css)
   ========================================================================== */

.gjort .gjort__case .gjort__hvem { color: var(--orange-strong); }

/* Staticen, tapet fast, med noten under. */
.vcase { position: relative; justify-self: center; width: 100%; max-width: 24rem; }
.vcase__foto { display: block; padding: 6px; background: var(--white); border: 1px solid #E3E0D9; border-radius: 12px; transform: rotate(-1.5deg); box-shadow: 0 22px 48px -30px rgb(0 0 0 / .35); }
.gjort .vcase__foto img { display: block; width: 100%; height: auto; border-radius: 8px; }
.vcase__tape { position: absolute; z-index: 1; top: -14px; left: 50%; width: 7.5rem; height: 1.875rem; background: rgb(249 115 22 / .32); border-radius: 2px; transform: translateX(-50%) rotate(-3deg); }
.gjort .vcase__note { display: flex; align-items: flex-start; gap: .75rem; margin: 1.375rem 0 0; padding-left: 1rem; font: 700 clamp(1.5rem, 1.2rem + .9vw, 2rem)/1.05 var(--gjort-haand); color: var(--ink); transform: rotate(-1deg); }
.vcase__note svg { flex: none; width: 2.875rem; margin-top: -1.125rem; overflow: visible; }
.vcase__note svg path { fill: none; stroke: var(--ink); stroke-width: 3; stroke-linecap: round; }
.vcase__note a { color: var(--orange-strong); text-decoration: underline; text-underline-offset: .15em; }
.vcase__note a:focus-visible, .vcase__foto:focus-visible { outline: 3px solid var(--ink); outline-offset: 3px; }

@media (max-width: 860px) {
  .vcase { justify-self: start; margin-top: 1rem; }
}