/* Yourhosting-inspired fold, with the existing search and review controls. */
:root{
  --ink:#181818;
  --purple:#bc509b;
  --cv-gradient:linear-gradient(90deg,#bc509b 0%,#e84985 25%,#ff665e 50%,#ff8657 75%,#ffb357 100%);
  --cv-stripe:linear-gradient(90deg,#bc509b 0 20%,#e84985 20% 40%,#ff665e 40% 60%,#ff8657 60% 80%,#ffb357 80% 100%);
  --pink:#e84985;
  --orange:#ff8657;
}
body{background:#fff9f2;color:var(--ink)}
header{background:#fffaf7;border-bottom:1px solid #ede1e8}
nav{height:76px}
.brand{color:var(--ink);font-size:24px;letter-spacing:-1.1px}
.brandmark{background:repeating-radial-gradient(circle at 46% 53%,#ffbc9e 0 1px,transparent 2px 5px),#bc509b;border-color:#bc509b}
.private{color:#745b7a}
.private:before{background:#e84985}
.hero.hero-joeri{
  width:100vw;margin:0 0 0 calc(50% - 50vw);border-radius:0;
  background:linear-gradient(0deg,#ffffffb3,#ffffffb3),var(--cv-gradient);
  border-bottom:8px solid transparent;
  border-image:var(--cv-stripe) 1;
  color:var(--ink);overflow:hidden;
}
.hero-joeri .scope{opacity:.08;right:-13%;top:30%;width:62%;height:110%;filter:sepia(1) saturate(.5);mix-blend-mode:multiply}
.hero-joeri .heroContent{width:min(1160px,92%);margin:auto;padding:44px 0 38px}
.hero-stage{display:grid;grid-template-columns: .9fr 1.1fr;gap:20px;align-items:center;min-height:340px;margin-bottom:28px}
.hero-intro{position:relative;z-index:1;padding:8px 0 20px}
.hero-joeri .eyebrow{color:#bc509b;font-size:10px;letter-spacing:1.7px;display:inline-flex;align-items:center;border:0;border-radius:0;padding:0;background:transparent}
.hero-joeri .led{background:#bc509b;box-shadow:none;width:5px;height:5px}
.hero-joeri h1{font-size:clamp(58px,6.7vw,94px);line-height:.98;letter-spacing:-.075em;margin:12px 0 19px;color:#321341;font-weight:790}
.hero-joeri h1 em{font-family:Georgia,'Times New Roman',serif;font-weight:500;letter-spacing:-.065em}
.hero-joeri .hero-intro>p{font-family:Georgia,'Times New Roman',serif;font-size:21px;line-height:1.45;color:#b796bf;margin:0;max-width:380px}
.hero-joeri .lang-switch{background:transparent;border:0;padding:0}
.hero-joeri .lang-switch a:hover,.hero-joeri .lang-switch a[aria-current=page]{background:transparent}
.hero-joeri .lang-switch a:focus-visible{outline-color:#bf87c4}
.joeri-scene{position:relative;margin:0;width:113%;margin-left:-5%;align-self:center}
.joeri-scene img{display:block;width:100%;height:auto;filter:drop-shadow(0 20px 20px #9e44771c)}
.scene-caption{position:absolute;right:5%;bottom:0;font:italic 18px Georgia,serif;color:#bc509b;transform:rotate(-5deg)}
.hero-joeri .search-card{
  max-width:none;position:relative;z-index:5;background:#fffaf759;border:none;
  border-radius:18px;padding:22px 24px 18px;box-shadow:0 10px 35px #87396a0c;
}
.hero-joeri #search{max-width:none;position:relative;background:transparent;padding:0;box-shadow:none}
.hero-joeri .search-controls{grid-template-columns:minmax(230px,1fr) minmax(0,1.8fr);gap:24px}
.hero-joeri label,.hero-joeri .date-actions-spacer{color:#b698be;font-size:12px;letter-spacing:.01em;margin-bottom:8px}
.hero-joeri .inputwrap{background:#fff;border:1px solid #d7c8da;color:#7b4e86;border-radius:10px;min-height:48px;padding:5px 6px 5px 13px}
.hero-joeri input{color:#3e3e42;font-size:16px}
.hero-joeri .inputwrap input::placeholder{color:#b698be;font-weight:500}
.hero-joeri .inputwrap button{background:#bc509b;color:white;border-radius:7px;line-height:34px;width:36px}
.hero-joeri .inputwrap:focus-within{outline:3px solid #bf87c4;outline-offset:2px}
.hero-joeri .date-filters{grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto}
.hero-joeri .date-filters input{border:1px solid #d7c8da;border-radius:10px;background:#fff;color:#3e3e42;height:48px;font-size:14px}
.hero-joeri .date-filters input:focus-visible{outline-color:#bf87c4}
.hero-joeri #reset-dates,.hero-joeri #apply-dates{height:48px}
.hero-joeri #reset-dates:focus-visible,.hero-joeri #apply-dates:focus-visible{outline-color:#bf87c4}
.hero-joeri #coverage-note{margin:12px 0 0;color:#816c84;font-size:12px}
.hero-joeri #coverage-note strong{color:#3e3e42}
.hero-joeri #date-error{color:#a33338}
.hero + .results{margin-top:40px}
.sectionlabel{color:#806984}
.hair{background:#e5dce7}
.resulthead{background:linear-gradient(0deg,#ffffffb3,#ffffffb3),var(--cv-gradient);border:none;border-radius:16px;margin-bottom:24px}
.signal{background:#3213410f;color:#bc509b}
#detail,footer{color:#806b85}
#export{background:#bc509b;color:#fff}
#export:enabled:hover{background:#bc509b}
#export:disabled{background:#e2d8e6;color:#9a86a2}
#matches .review-card{background:#fff;border:none;box-shadow:0 3px 15px #61245e05;border-radius:16px}
.review-card p{color:#3e3e42}
.review-meta{color:#8c788f}
.review-card mark{background:#f6d4e6;color:#bc509b}
.review-foot{border-color:#eee6f0}
.review-foot a{color:#bc509b}
.review-stars{color:#ffb357;font-size:16px;letter-spacing:1px}
#sources article{background:#fff;border:none}
.row{border-color:#eee6f0}
.row span,.num{color:#88728b}
.row a{color:#bc509b}
footer{border-color:#e5dce7;margin:50px 0 25px}
@media(min-width:1500px){.hero-joeri .heroContent{padding-top:55px;padding-bottom:45px}.hero-stage{min-height:375px}}
@media(max-width:900px){
  .hero-joeri .heroContent{padding:36px 0 28px}
  .hero-stage{min-height:270px;grid-template-columns:1fr 1fr;gap:0}
  .hero-joeri h1{font-size:66px}
  .joeri-scene{width:120%;margin-left:-9%}
  .scene-caption{font-size:15px;bottom:-10px}
  .hero-joeri .search-controls{grid-template-columns:1fr;gap:16px}
}
@media(max-width:580px){
  nav{height:64px}.brand{font-size:21px}.private{font-size:10px}
  .hero-joeri .heroContent{padding-top:27px}
  .hero-stage{grid-template-columns:1fr;margin-bottom:18px;min-height:0}
  .hero-intro{text-align:center;padding-bottom:0}
  .hero-joeri h1{font-size:66px;line-height:1;margin:18px 0 12px}
  .hero-joeri h1 br{display:none}
  .hero-joeri .hero-intro>p{font-size:18px;margin:0 auto}
  .joeri-scene{width:100%;max-width:460px;margin:10px auto 0}
  .scene-caption{font-size:14px;bottom:0;right:3%}
  .hero-joeri .search-card{border-radius:14px;padding:16px}
  .hero-joeri .date-filters{gap:8px}
  .hero-joeri .date-filters input{padding:8px 6px;font-size:12px}
  .hero-joeri #reset-dates,.hero-joeri #apply-dates{padding:0 9px;font-size:12px}
  .hero-joeri #coverage-note{font-size:10px}
  .hero + .results{margin-top:40px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{overflow-x:clip}
@media(max-width:580px){.hero-joeri h1{font-size:60px}.hero-joeri h1 br{display:block}}
@supports(width:100cqw){
  body{container-type:inline-size}
  .hero.hero-joeri{width:100cqw;margin-left:calc(50% - 50cqw)}
}

.resulthead h2{color:#321341}
.hero-joeri .inputwrap button,
.hero-joeri #reset-dates{background:#ff8657;color:#fff;border-color:#ff8657}
.hero-joeri #apply-dates{background:#bc509b;color:#fff;border-color:#bc509b}
.hero-joeri .inputwrap button:hover,
.hero-joeri #reset-dates:hover{background:#ff8657;filter:brightness(.96)}
.hero-joeri #apply-dates:hover{background:#bc509b;filter:brightness(.96)}

.brand-badge[data-brand=Yourhosting]{color:#fff}
.review-card[data-brand=Yourhosting] .review-foot a{color:#ff8657}
.review-card[data-brand=Versio] .review-foot a{color:#104f5a}
.review-card[data-brand=Argeweb] .review-foot a{color:#ffd214}
#health:not([data-warning=true]){display:none}

/* Section rhythm and the results-only export action. */
.results{margin-bottom:42px}
main>section:not(.hero):not(.results)>h2{color:#321341;font-size:22px;margin-bottom:24px}
#export:enabled{background:#321341;color:#fff;border-color:#321341}
#export:enabled:hover{background:#321341;filter:brightness(.96)}
@media(min-width:1100px){body{zoom:1.1}}