/* Πυξίδα Παιγνίων — layout */
*,*::before,*::after{box-sizing:border-box}
body.websitetest4-page{margin:0;background:var(--gr-black);color:var(--gr-paper);
  font-family:var(--gr-sans);font-size:var(--gr-s-0);font-weight:300;line-height:1.7;-webkit-font-smoothing:antialiased}
img,svg{max-width:100%;height:auto;display:block}
a{color:var(--gr-flame-2);text-underline-offset:3px}
a:hover{color:var(--gr-paper)}
h1,h2,h3{font-family:var(--gr-serif);font-weight:700;line-height:1.08;margin:0 0 var(--gr-3)}
p{margin:0 0 var(--gr-3)}
.websitetest4-band{width:100%;max-width:var(--gr-band);margin-inline:auto;padding-inline:var(--gr-3)}
.websitetest4-skip{position:absolute;left:-9999px}
.websitetest4-skip:focus{left:var(--gr-3);top:var(--gr-2);z-index:60;background:var(--gr-flame);color:#fff;padding:var(--gr-2) var(--gr-3)}
:focus-visible{outline:2px solid var(--gr-flame);outline-offset:3px}

.websitetest4-btn{display:inline-block;font-family:var(--gr-sans);font-size:var(--gr-s--1);font-weight:700;
  letter-spacing:.08em;text-transform:uppercase;text-decoration:none;padding:.75rem 1.3rem;border:2px solid var(--gr-flame);cursor:pointer;transition:background .2s,color .2s}
.websitetest4-btn-solid{background:var(--gr-flame);color:#fff}
.websitetest4-btn-solid:hover{background:var(--gr-flame-2);color:#fff}
.websitetest4-btn-line{background:transparent;color:var(--gr-paper)}
.websitetest4-btn-line:hover{background:var(--gr-flame);color:#fff}

.websitetest4-alert{background:var(--gr-flame);color:#fff}
.websitetest4-alert p{max-width:var(--gr-band);margin:0 auto;padding:.5rem var(--gr-3);font-size:var(--gr-s--1);text-align:center}
.websitetest4-age{display:inline-block;border:2px solid #fff;border-radius:2px;font-weight:800;font-size:.68rem;padding:.1rem .32rem;margin-right:.4rem}

.websitetest4-top{border-bottom:3px solid var(--gr-paper)}
.websitetest4-top-in{display:flex;align-items:center;justify-content:space-between;gap:var(--gr-3);padding-block:var(--gr-3)}
.websitetest4-mark{display:flex;align-items:center;gap:.7rem;text-decoration:none;color:var(--gr-paper)}
.websitetest4-mark-glyph{width:2.6rem;height:2.6rem;flex:none;display:grid;place-items:center;background:var(--gr-flame);color:#fff;font-family:var(--gr-serif);font-size:1.5rem;font-weight:700}
.websitetest4-mark-name{display:block;font-family:var(--gr-serif);font-size:var(--gr-s-1);font-weight:700;line-height:1.1}
.websitetest4-mark-sub{display:block;font-size:.64rem;letter-spacing:.2em;text-transform:uppercase;color:var(--gr-mute)}
.websitetest4-menu ul{list-style:none;margin:0;padding:0;display:flex;gap:var(--gr-3);align-items:center}
.websitetest4-menu a{color:var(--gr-dim);text-decoration:none;font-size:var(--gr-s--1);font-weight:500;letter-spacing:.04em;padding-block:.3rem;border-bottom:2px solid transparent}
.websitetest4-menu a:hover,.websitetest4-menu a.gr-here{color:var(--gr-paper);border-bottom-color:var(--gr-flame)}
.websitetest4-menu-cta{color:var(--gr-flame-2)!important}
.websitetest4-bars{display:none;width:2.8rem;height:2.8rem;background:var(--gr-flame);border:none;padding:.7rem .6rem;cursor:pointer}
.websitetest4-bars span{display:block;height:2px;background:#fff}
.websitetest4-bars span+span{margin-top:5px}

.websitetest4-main{display:block;min-height:46vh}
.websitetest4-sec{padding-block:var(--gr-5);border-bottom:1px solid var(--gr-line)}
.websitetest4-lede{max-width:46rem}
.websitetest4-lede h1{font-size:var(--gr-s-4)}
.websitetest4-lede h2{font-size:var(--gr-s-3)}
.websitetest4-kicker{font-size:var(--gr-s--1);font-weight:700;letter-spacing:.28em;text-transform:uppercase;color:var(--gr-flame);margin-bottom:var(--gr-2)}
.websitetest4-stand{font-family:var(--gr-serif);font-size:var(--gr-s-1);color:var(--gr-dim)}

/* κατάταξη ως σειρές — όχι πίνακας, όχι κάρτες */
.websitetest4-rows{display:grid;gap:0;border-top:1px solid var(--gr-line)}
.websitetest4-row{display:grid;grid-template-columns:4rem 8rem 1fr 9rem;gap:var(--gr-4);align-items:center;
  padding-block:var(--gr-4);border-bottom:1px solid var(--gr-line)}
.websitetest4-pos{font-family:var(--gr-serif);font-size:var(--gr-s-3);color:var(--gr-line);line-height:1;margin:0}
.websitetest4-row:hover .websitetest4-pos{color:var(--gr-flame)}
.websitetest4-oplogo{display:inline-flex;align-items:center;justify-content:center;width:7.5rem;height:3rem;padding:.35rem .55rem;background:var(--gr-paper);border-radius:2px;margin:0}
.websitetest4-oplogo img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}
.websitetest4-name{font-family:var(--gr-serif);font-size:var(--gr-s-2);margin:0 0 .15rem}
.websitetest4-adeia{font-size:var(--gr-s--1);letter-spacing:.12em;text-transform:uppercase;color:var(--gr-mute);margin:0 0 var(--gr-2)}
.websitetest4-row p:last-child{margin-bottom:0}
.websitetest4-score{display:flex;flex-direction:column;gap:.35rem;align-items:flex-end}
.websitetest4-score b{font-size:var(--gr-s-2);font-family:var(--gr-serif);font-weight:700}
.websitetest4-bar{width:100%;height:4px;background:var(--gr-line)}
.websitetest4-bar span{display:block;height:100%;background:var(--gr-flame)}
.gr-b0{width:0}.gr-b2{width:2%}.gr-b4{width:4%}.gr-b6{width:6%}.gr-b8{width:8%}.gr-b10{width:10%}
.gr-b12{width:12%}.gr-b14{width:14%}.gr-b16{width:16%}.gr-b18{width:18%}.gr-b20{width:20%}
.gr-b22{width:22%}.gr-b24{width:24%}.gr-b26{width:26%}.gr-b28{width:28%}.gr-b30{width:30%}
.gr-b32{width:32%}.gr-b34{width:34%}.gr-b36{width:36%}.gr-b38{width:38%}.gr-b40{width:40%}
.gr-b42{width:42%}.gr-b44{width:44%}.gr-b46{width:46%}.gr-b48{width:48%}.gr-b50{width:50%}
.gr-b52{width:52%}.gr-b54{width:54%}.gr-b56{width:56%}.gr-b58{width:58%}.gr-b60{width:60%}
.gr-b62{width:62%}.gr-b64{width:64%}.gr-b66{width:66%}.gr-b68{width:68%}.gr-b70{width:70%}
.gr-b72{width:72%}.gr-b74{width:74%}.gr-b76{width:76%}.gr-b78{width:78%}.gr-b80{width:80%}
.gr-b82{width:82%}.gr-b84{width:84%}.gr-b86{width:86%}.gr-b88{width:88%}.gr-b90{width:90%}
.gr-b92{width:92%}.gr-b94{width:94%}.gr-b96{width:96%}.gr-b98{width:98%}.gr-b100{width:100%}

.websitetest4-prosmin{display:grid;grid-template-columns:1fr 1fr;gap:var(--gr-3);margin-top:var(--gr-3)}
.websitetest4-prosmin h4{font-family:var(--gr-sans);font-size:.66rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;margin:0 0 .3rem}
.websitetest4-prosmin ul{list-style:none;margin:0;padding:0;display:grid;gap:.25rem;font-size:var(--gr-s--1);color:var(--gr-dim)}
.websitetest4-pros h4{color:var(--gr-ok)}
.websitetest4-mins h4{color:var(--gr-bad)}
.websitetest4-pros li::before{content:'+ ';color:var(--gr-ok);font-weight:800}
.websitetest4-mins li::before{content:'– ';color:var(--gr-bad);font-weight:800}

.websitetest4-two{display:grid;grid-template-columns:1fr 1fr;gap:var(--gr-5)}
.websitetest4-rulelist{list-style:none;margin:0;padding:0;counter-reset:r}
.websitetest4-rulelist li{counter-increment:r;border-top:1px solid var(--gr-line);padding-block:var(--gr-3)}
.websitetest4-rulelist li::before{content:counter(r,decimal-leading-zero);display:block;font-family:var(--gr-serif);font-size:var(--gr-s-1);color:var(--gr-flame);margin-bottom:.2rem}
.websitetest4-rulelist h3{font-size:var(--gr-s-1);margin-bottom:.3rem}
.websitetest4-rulelist p{color:var(--gr-dim);margin:0;font-size:var(--gr-s--1)}
.websitetest4-callout{border:2px solid var(--gr-flame);padding:var(--gr-4)}
.websitetest4-callout p:last-child{margin-bottom:0}
.websitetest4-fine{font-size:var(--gr-s--1);color:var(--gr-mute)}

.websitetest4-qa dt{font-family:var(--gr-serif);font-size:var(--gr-s-1);font-weight:700;margin-top:var(--gr-3);border-top:1px solid var(--gr-line);padding-top:var(--gr-3)}
.websitetest4-qa dd{margin:.4rem 0 0;color:var(--gr-dim);max-width:62ch}

.websitetest4-prose{max-width:44rem;padding-block:var(--gr-5)}
.websitetest4-prose h1{font-size:var(--gr-s-3)}
.websitetest4-prose h2{font-size:var(--gr-s-1);margin-top:var(--gr-4)}
.websitetest4-prose p,.websitetest4-prose li{color:var(--gr-dim)}
.websitetest4-date{font-size:var(--gr-s--1);letter-spacing:.14em;text-transform:uppercase;color:var(--gr-mute)}

.websitetest4-formwrap{display:grid;grid-template-columns:1fr 1fr;gap:var(--gr-5);padding-block:var(--gr-5)}
.websitetest4-form{display:grid;gap:var(--gr-3)}
.websitetest4-pair{display:grid;grid-template-columns:1fr 1fr;gap:var(--gr-3)}
.websitetest4-fld{display:grid;gap:.25rem}
.websitetest4-fld label{font-size:var(--gr-s--1);font-weight:700;letter-spacing:.06em;color:var(--gr-mute)}
.websitetest4-fld input,.websitetest4-fld select,.websitetest4-fld textarea{width:100%;font-family:var(--gr-sans);font-size:var(--gr-s-0);
  color:var(--gr-paper);background:var(--gr-ink);border:1px solid var(--gr-line);padding:.7rem .8rem}
.websitetest4-fld textarea{min-height:8rem;resize:vertical}
.websitetest4-fld input:focus,.websitetest4-fld select:focus,.websitetest4-fld textarea:focus{border-color:var(--gr-flame);outline:none}
.websitetest4-msg{display:none;padding:.75rem .85rem;font-size:var(--gr-s--1);border:1px solid transparent}
.websitetest4-msg.gr-shown{display:block}
.websitetest4-msg.gr-good{border-color:var(--gr-ok);color:var(--gr-ok)}
.websitetest4-msg.gr-bad{border-color:var(--gr-bad);color:var(--gr-bad)}
.websitetest4-btn[disabled]{opacity:.55;cursor:progress}

.websitetest4-foot{background:var(--gr-ink);padding-block:var(--gr-4);font-size:var(--gr-s--1)}
.websitetest4-foot-cols{display:grid;grid-template-columns:1.6fr .8fr .8fr 1.1fr;gap:var(--gr-4);padding-bottom:var(--gr-3);border-bottom:1px solid var(--gr-line)}
.websitetest4-foot-name{font-family:var(--gr-serif);font-size:var(--gr-s-1);font-weight:700;margin-bottom:.2rem}
.websitetest4-foot-lead{color:var(--gr-mute)}
.websitetest4-foot-head{font-size:.64rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--gr-flame);margin-bottom:var(--gr-2)}
.websitetest4-foot ul{list-style:none;margin:0;padding:0;display:grid;gap:.35rem}
.websitetest4-foot a{color:var(--gr-dim);text-decoration:none}
.websitetest4-foot a:hover{color:var(--gr-flame-2)}
.websitetest4-foot-note{padding-top:var(--gr-3);color:var(--gr-mute)}
.websitetest4-foot-note p{max-width:92ch}
.websitetest4-foot-copy{color:var(--gr-line)}

.websitetest4-cookie{position:fixed;inset-inline:var(--gr-3);bottom:var(--gr-3);z-index:55;max-width:32rem;margin-inline:auto;
  background:var(--gr-ink);border:2px solid var(--gr-flame);padding:var(--gr-3);display:flex;flex-wrap:wrap;gap:var(--gr-2);align-items:center;justify-content:space-between}
.websitetest4-cookie p{margin:0;flex:1 1 15rem;font-size:var(--gr-s--1);color:var(--gr-dim)}

@media(max-width:62rem){
  .websitetest4-row{grid-template-columns:3rem 7rem 1fr;row-gap:var(--gr-2)}
  .websitetest4-score{grid-column:1/-1;flex-direction:row;align-items:center;gap:var(--gr-2);justify-content:flex-start}
  .websitetest4-bar{width:8rem}
  .websitetest4-two,.websitetest4-formwrap{grid-template-columns:1fr}
  .websitetest4-foot-cols{grid-template-columns:1fr 1fr}
}
@media(max-width:48rem){
  .websitetest4-bars{display:block}
  .websitetest4-menu{position:absolute;top:100%;inset-inline:0;background:var(--gr-ink);border-bottom:2px solid var(--gr-flame);display:none;z-index:50}
  .websitetest4-menu.gr-open{display:block}
  .websitetest4-menu ul{flex-direction:column;gap:0;padding:var(--gr-2) var(--gr-3) var(--gr-3)}
  .websitetest4-menu li{border-bottom:1px solid var(--gr-line)}
  .websitetest4-menu li:last-child{border-bottom:none}
  .websitetest4-menu a{display:block;padding-block:.85rem;font-size:var(--gr-s-0);border-bottom:none}
  .websitetest4-top-in{position:relative}
  .websitetest4-row{grid-template-columns:1fr;gap:var(--gr-2)}
  .websitetest4-prosmin,.websitetest4-pair{grid-template-columns:1fr}
}
@media(max-width:30rem){.websitetest4-foot-cols{grid-template-columns:1fr}.websitetest4-btn{display:block;text-align:center}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important}}