/**
 * Ανακαλύπτω module — ported from the Wix HTML embed.
 * All selectors are scoped under .wq-module and class names carry a
 * wq-m- prefix, so nothing here can collide with the theme.
 */

.wq-module{
    --blue:#3a7bd5;
    --blue-soft:#eaf3fc;
    --teal:#2fa9a0;
    --teal-soft:#e3f6f3;
    --purple:#8a6fd8;
    --purple-soft:#f0ecfb;
    --coral:#ef7a68;
    --coral-soft:#fcebe8;
    --yellow:#d9a52c;
    --yellow-soft:#fdf4dd;
    --ink:#26364d;
    --ink-soft:#5b6b82;
    --line:#e3e9f2;
    --bg:#f7fafd;
    --card:#ffffff;
    --shadow:0 6px 22px rgba(38,54,77,.08);
    --shadow-lg:0 14px 40px rgba(38,54,77,.12);
    --radius:18px;
    --radius-sm:12px;
  }
.wq-module, .wq-module *{box-sizing:border-box;}
.wq-module{scroll-behavior:smooth;}
.wq-module{
    margin:0;
    font-family:"Segoe UI","Noto Sans",-apple-system,BlinkMacSystemFont,Roboto,Arial,sans-serif;
    color:var(--ink);
    background:var(--bg);
    line-height:1.65;
    -webkit-font-smoothing:antialiased;
  }
.wq-module .wq-m-wrap{max-width:1080px;margin:0 auto;padding:0 22px;}
.wq-module /* ---------- Hero ---------- */
  .wq-m-hero{
    background:linear-gradient(135deg,#eaf3fc 0%,#e3f6f3 45%,#f0ecfb 100%);
    border-bottom:1px solid var(--line);
    padding:44px 0 38px;
  }
.wq-module .wq-m-kicker{
    display:inline-flex;align-items:center;gap:8px;
    background:var(--card);color:var(--blue);
    font-weight:700;font-size:.82rem;letter-spacing:.04em;
    padding:7px 14px;border-radius:999px;box-shadow:var(--shadow);
  }
.wq-module h1, .wq-module .wq-m-title{
    font-size:clamp(1.7rem,4vw,2.6rem);
    line-height:1.2;margin:18px 0 12px;color:var(--ink);
    letter-spacing:-.01em;
  }
.wq-module .wq-m-subtitle{
    font-size:clamp(1rem,2.2vw,1.2rem);
    color:var(--ink-soft);max-width:760px;margin:0 0 10px;
  }
.wq-module .wq-m-intro{
    max-width:820px;margin:14px 0 0;color:var(--ink);
  }
.wq-module /* ---------- Path / Tabs ---------- */
  .wq-m-path-bar{
    position:sticky;top:0;z-index:20;
    background:rgba(255,255,255,.92);
    backdrop-filter:blur(8px);
    border-bottom:1px solid var(--line);
    box-shadow:0 2px 12px rgba(38,54,77,.05);
  }
.wq-module .wq-m-path{
    list-style:none;margin:0;padding:12px 0;
    display:flex;gap:10px;overflow-x:auto;
  }
.wq-module .wq-m-path li{flex:0 0 auto;}
.wq-module .wq-m-path button{
    font:inherit;cursor:pointer;border:0;
    display:inline-flex;align-items:center;gap:8px;
    padding:11px 16px;border-radius:999px;
    background:var(--card);color:var(--ink);
    border:1.5px solid var(--line);
    font-weight:600;font-size:.92rem;white-space:nowrap;
    transition:transform .16s ease, box-shadow .16s ease, background .16s ease, color .16s ease;
  }
.wq-module .wq-m-path button:hover{transform:translateY(-2px);box-shadow:var(--shadow);}
.wq-module .wq-m-path button .wq-m-num{
    width:24px;height:24px;border-radius:50%;flex:0 0 auto;
    display:inline-flex;align-items:center;justify-content:center;
    background:var(--blue-soft);color:var(--blue);font-size:.75rem;font-weight:800;
  }
.wq-module .wq-m-path button[aria-selected="true"]{
    background:var(--blue);color:#fff;border-color:var(--blue);
    box-shadow:var(--shadow);
  }
.wq-module .wq-m-path button[aria-selected="true"] .wq-m-num{background:rgba(255,255,255,.22);color:#fff;}
.wq-module .wq-m-path button:focus-visible{outline:3px solid var(--purple);outline-offset:2px;}
@media(min-width:900px){
.wq-module .wq-m-path li{flex:1 1 0;min-width:0;}
.wq-module .wq-m-path button{width:100%;height:100%;justify-content:center;padding:10px 8px;font-size:.8rem;white-space:normal;text-align:center;line-height:1.3;}
}
.wq-module /* ---------- Panels ---------- */
  .wq-m-stages{padding:34px 0 8px;}
.wq-module .wq-m-panel[hidden]{display:none;}
.wq-module .wq-m-panel{animation:rise .35s ease both;}
@keyframes rise{from{opacity:0;transform:translateY(10px);}to{opacity:1;transform:none;}}.wq-module .wq-m-panel-inner{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);padding:30px 30px 26px;}
.wq-module .wq-m-stage-head{display:flex;align-items:center;gap:12px;margin-bottom:6px;}
.wq-module .wq-m-stage-icon{font-size:1.6rem;}
.wq-module .wq-m-stage-head h2{font-size:clamp(1.25rem,2.6vw,1.6rem);margin:0;color:var(--ink);}
.wq-module .wq-m-stage-label{
    color:var(--ink-soft);font-size:.8rem;font-weight:700;letter-spacing:.05em;
    text-transform:uppercase;margin-bottom:2px;
  }
.wq-module .wq-m-stage-title{
    color:var(--purple);font-size:clamp(1.05rem,2.3vw,1.3rem);
    margin:8px 0 12px;font-weight:700;
  }
.wq-module .wq-m-theory{color:var(--ink);margin:0 0 18px;max-width:900px;}
.wq-module .wq-m-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px;margin:18px 0;}
.wq-module .wq-m-card{
    background:var(--card);border:1.5px solid var(--line);border-radius:var(--radius-sm);
    padding:16px 16px 14px;box-shadow:0 2px 8px rgba(38,54,77,.04);
    transition:transform .16s ease, box-shadow .16s ease, border-color .16s ease;
  }
.wq-module .wq-m-card:hover{transform:translateY(-3px);box-shadow:var(--shadow);}
.wq-module .wq-m-card .wq-m-card-ico{font-size:1.35rem;}
.wq-module .wq-m-card h3{font-size:1rem;margin:6px 0 6px;color:var(--ink);}
.wq-module .wq-m-card p{margin:0;font-size:.95rem;color:var(--ink-soft);}
.wq-module details.wq-m-card{padding:0;overflow:hidden;}
.wq-module details.wq-m-card summary{
    list-style:none;cursor:pointer;padding:16px;display:flex;align-items:center;gap:10px;
  }
.wq-module details.wq-m-card summary::-webkit-details-marker{display:none;}
.wq-module details.wq-m-card summary h3{margin:0;}
.wq-module details.wq-m-card summary .wq-m-chev{margin-left:auto;width:20px;height:20px;color:var(--blue);transition:transform .2s ease;}
.wq-module details.wq-m-card[open] summary .wq-m-chev{transform:rotate(180deg);}
.wq-module details.wq-m-card p{padding:0 16px 16px;}
.wq-module /* ---------- Reveals (details) ---------- */
  details.wq-m-reveal{
    border:1.5px solid var(--line);border-radius:var(--radius-sm);
    background:var(--card);margin:10px 0;overflow:hidden;
    box-shadow:0 2px 8px rgba(38,54,77,.04);
  }
.wq-module details.wq-m-reveal summary{
    list-style:none;cursor:pointer;display:flex;align-items:center;gap:10px;
    padding:14px 16px;font-weight:700;color:var(--ink);
    transition:background .15s ease;
  }
.wq-module details.wq-m-reveal summary::-webkit-details-marker{display:none;}
.wq-module details.wq-m-reveal summary:hover{background:#f4f8fd;}
.wq-module details.wq-m-reveal summary .wq-m-chev{
    margin-left:auto;width:20px;height:20px;flex:0 0 auto;color:var(--blue);
    transition:transform .2s ease;
  }
.wq-module details.wq-m-reveal[open] summary .wq-m-chev{transform:rotate(180deg);}
.wq-module details.wq-m-reveal .wq-m-reveal-body{padding:0 16px 16px;}
.wq-module details.wq-m-reveal[open]{border-color:#cfe0f5;}
.wq-module .wq-m-tip{
    display:flex;gap:12px;align-items:flex-start;
    background:var(--yellow-soft);border:1.5px solid #f0dfa8;border-left:6px solid var(--yellow);
    border-radius:var(--radius-sm);padding:14px 16px;margin:20px 0 4px;
  }
.wq-module .wq-m-tip .wq-m-tip-ico{font-size:1.3rem;line-height:1.3;}
.wq-module .wq-m-tip strong{color:#8a6a10;}
.wq-module .wq-m-example-block{
    background:linear-gradient(135deg,#f3f8ff,#eefaf7);
    border:1.5px solid #d7e6f7;border-radius:var(--radius-sm);
    padding:18px;margin:18px 0;
  }
.wq-module .wq-m-example-block h3{margin:0 0 8px;color:var(--blue);}
.wq-module /* ---------- Stage 2 diagram ---------- */
  .wq-m-diagram{display:flex;flex-direction:column;align-items:center;gap:0;margin:20px auto;max-width:460px;}
.wq-module .wq-m-diagram .wq-m-node{
    width:100%;text-align:center;font-weight:800;letter-spacing:.06em;
    padding:16px;border-radius:var(--radius-sm);font-size:1rem;
  }
.wq-module .wq-m-node.wq-m-n-intro{background:var(--blue-soft);color:var(--blue);border:1.5px solid #bcd4f2;}
.wq-module .wq-m-node.wq-m-n-main{background:var(--teal-soft);color:var(--teal);border:1.5px solid #b6e3de;}
.wq-module .wq-m-node.wq-m-n-end{background:var(--purple-soft);color:var(--purple);border:1.5px solid #d7cbf2;}
.wq-module .wq-m-diagram .wq-m-arrow{color:var(--ink-soft);font-size:1.5rem;line-height:1;padding:6px 0;}
.wq-module .wq-m-map{
    background:var(--card);border:1.5px solid var(--line);border-radius:var(--radius-sm);
    padding:16px;margin:14px 0;font-size:.95rem;
  }
.wq-module .wq-m-map .wq-m-row{display:flex;flex-direction:column;align-items:center;gap:6px;}
.wq-module .wq-m-map .wq-m-chip{
    padding:8px 14px;border-radius:10px;font-weight:700;text-align:center;width:fit-content;
  }
.wq-module .wq-m-map .wq-m-chip.wq-m-c-intro{background:var(--blue-soft);color:var(--blue);}
.wq-module .wq-m-map .wq-m-chip.wq-m-c-main{background:var(--teal-soft);color:var(--teal);}
.wq-module .wq-m-map .wq-m-chip.wq-m-c-end{background:var(--purple-soft);color:var(--purple);}
.wq-module .wq-m-map .wq-m-branch{display:flex;flex-direction:column;gap:6px;padding:4px 0 4px 26px;border-left:2px dashed var(--line);margin-left:8px;}
.wq-module .wq-m-map .wq-m-para{background:#f6f8fb;color:var(--ink-soft);font-size:.9rem;padding:7px 12px;border-radius:9px;}
.wq-module /* ---------- Stage 3 blocks ---------- */
  .wq-m-flow{display:flex;flex-direction:column;align-items:stretch;gap:0;margin:20px 0;max-width:820px;}
.wq-module .wq-m-flow .wq-m-block{border-radius:var(--radius-sm);padding:16px 18px;}
.wq-module .wq-m-block.wq-m-b-thema{background:var(--blue-soft);border:1.5px solid #bcd4f2;}
.wq-module .wq-m-block.wq-m-b-dev{background:var(--teal-soft);border:1.5px solid #b6e3de;}
.wq-module .wq-m-block.wq-m-b-kata{background:var(--purple-soft);border:1.5px solid #d7cbf2;}
.wq-module .wq-m-block .wq-m-block-head{display:flex;align-items:center;gap:10px;font-weight:800;color:var(--ink);}
.wq-module .wq-m-block .wq-m-block-tag{font-weight:800;letter-spacing:.04em;}
.wq-module .wq-m-block.wq-m-b-thema .wq-m-block-tag{color:var(--blue);}
.wq-module .wq-m-block.wq-m-b-dev .wq-m-block-tag{color:var(--teal);}
.wq-module .wq-m-block.wq-m-b-kata .wq-m-block-tag{color:var(--purple);}
.wq-module .wq-m-block p{margin:8px 0 0;font-size:.95rem;color:var(--ink);}
.wq-module .wq-m-self-q{font-style:italic;color:var(--ink-soft);margin-top:10px;font-size:.92rem;}
.wq-module .wq-m-flow .wq-m-down{text-align:center;color:var(--ink-soft);font-size:1.4rem;padding:6px 0;}
.wq-module /* annotated paragraph */
  .wq-m-annotated{font-size:1rem;line-height:1.75;margin:14px 0;}
.wq-module .wq-m-annotated .wq-m-seg{display:inline;border-radius:6px;padding:1px 4px;}
.wq-module .wq-m-seg.wq-m-s-thema{background:#d6e6fb;}
.wq-module .wq-m-seg.wq-m-s-dev{background:#cdeee8;}
.wq-module .wq-m-seg.wq-m-s-kata{background:#e3dbf6;}
.wq-module .wq-m-legend{display:flex;flex-wrap:wrap;gap:10px;margin:12px 0 4px;}
.wq-module .wq-m-legend .wq-m-lg{display:inline-flex;align-items:center;gap:8px;font-size:.85rem;color:var(--ink-soft);}
.wq-module .wq-m-legend .wq-m-swatch{width:16px;height:16px;border-radius:5px;flex:0 0 auto;}
.wq-module .wq-m-swatch.wq-m-w-thema{background:#d6e6fb;border:1px solid var(--blue);}
.wq-module .wq-m-swatch.wq-m-w-dev{background:#cdeee8;border:1px solid var(--teal);}
.wq-module .wq-m-swatch.wq-m-w-kata{background:#e3dbf6;border:1px solid var(--purple);}
.wq-module /* ---------- Comparisons ---------- */
  .wq-m-compare{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:18px 0;}
@media(max-width:680px){
.wq-module .wq-m-compare{grid-template-columns:1fr;}
}
.wq-module .wq-m-compare .wq-m-col{border-radius:var(--radius-sm);padding:16px;border:1.5px solid var(--line);}
.wq-module .wq-m-col.wq-m-col-a{background:#fff7f5;border-color:#f2d4cc;}
.wq-module .wq-m-col.wq-m-col-b{background:#f3fbf9;border-color:#bfe6df;}
.wq-module .wq-m-compare .wq-m-col h4{margin:0 0 8px;font-size:.95rem;letter-spacing:.04em;}
.wq-module .wq-m-col.wq-m-col-a h4{color:var(--coral);}
.wq-module .wq-m-col.wq-m-col-b h4{color:var(--teal);}
.wq-module .wq-m-compare .wq-m-col p{margin:0;font-size:.96rem;color:var(--ink);}
.wq-module .wq-m-observe{
    display:flex;gap:10px;align-items:flex-start;
    background:var(--purple-soft);border:1.5px solid #d7cbf2;border-radius:var(--radius-sm);
    padding:13px 16px;margin:14px 0;font-weight:600;color:#5c4699;
  }
.wq-module /* toolkit cards */
  .wq-m-toolkit{display:flex;flex-direction:column;gap:10px;margin:16px 0;}
.wq-module details.wq-m-tool{
    border:1.5px solid var(--line);border-radius:var(--radius-sm);background:var(--card);overflow:hidden;
  }
.wq-module details.wq-m-tool summary{
    list-style:none;cursor:pointer;display:flex;align-items:center;gap:10px;
    padding:13px 16px;font-weight:700;color:var(--ink);
  }
.wq-module details.wq-m-tool summary::-webkit-details-marker{display:none;}
.wq-module details.wq-m-tool summary .wq-m-chev{margin-left:auto;width:20px;height:20px;color:var(--blue);transition:transform .2s ease;}
.wq-module details.wq-m-tool[open] summary .wq-m-chev{transform:rotate(180deg);}
.wq-module details.wq-m-tool[open]{border-color:#cfe0f5;}
.wq-module details.wq-m-tool .wq-m-tool-body{padding:0 16px 16px;border-top:1px dashed var(--line);padding-top:12px;margin:0 16px 16px;padding-left:0;padding-right:0;}
.wq-module details.wq-m-tool .wq-m-tool-body p{margin:0 0 10px;color:var(--ink);}
.wq-module .wq-m-self-q-box{
    background:#f6f8fb;border-left:4px solid var(--teal);border-radius:8px;
    padding:9px 12px;font-style:italic;color:var(--ink-soft);margin:8px 0 12px;
  }
.wq-module .wq-m-words{display:flex;flex-wrap:wrap;gap:8px;}
.wq-module .wq-m-word{
    background:#eef4fb;color:#33517c;border:1px solid #d5e3f4;border-radius:999px;
    padding:5px 12px;font-size:.9rem;
  }
.wq-module .wq-m-word.wq-m-w-yellow{background:var(--yellow-soft);color:#8a6a10;border-color:#f0dfa8;}
.wq-module .wq-m-word.wq-m-w-coral{background:var(--coral-soft);color:#a84c3d;border-color:#f2d4cc;}
.wq-module .wq-m-word-group{margin:10px 0 2px;}
.wq-module .wq-m-word-group .wq-m-g-label{font-weight:800;font-size:.85rem;letter-spacing:.03em;margin-bottom:6px;color:var(--ink-soft);}
.wq-module /* stage 5 explain cards */
  .wq-m-explain{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;margin:18px 0;}
.wq-module .wq-m-explain .wq-m-card h3{display:flex;align-items:center;gap:8px;}
.wq-module /* connective categories */
  .wq-m-cats{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px;margin:18px 0;}
.wq-module details.wq-m-cat{border:1.5px solid var(--line);border-radius:var(--radius-sm);background:var(--card);overflow:hidden;}
.wq-module details.wq-m-cat summary{
    list-style:none;cursor:pointer;display:flex;align-items:center;gap:8px;
    padding:12px 14px;font-weight:800;letter-spacing:.03em;color:var(--ink);
  }
.wq-module details.wq-m-cat summary::-webkit-details-marker{display:none;}
.wq-module details.wq-m-cat summary .wq-m-chev{margin-left:auto;width:18px;height:18px;color:var(--blue);transition:transform .2s ease;}
.wq-module details.wq-m-cat[open] summary .wq-m-chev{transform:rotate(180deg);}
.wq-module details.wq-m-cat .wq-m-cat-body{padding:0 14px 14px;}
.wq-module details.wq-m-cat[open]{border-color:#cfe0f5;}
.wq-module details.wq-m-cat summary .wq-m-dot{width:9px;height:9px;border-radius:50%;flex:0 0 auto;background:var(--blue);}
.wq-module /* ---------- Recap ---------- */
  .wq-m-recap{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow-lg);padding:30px;margin:30px 0 8px;}
.wq-module .wq-m-recap h2{display:flex;align-items:center;gap:10px;margin:0 0 4px;color:var(--ink);}
.wq-module .wq-m-recap .wq-m-recap-sub{color:var(--ink-soft);font-weight:700;margin:0 0 14px;}
.wq-module .wq-m-checklist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px;}
.wq-module .wq-m-checklist li{display:flex;gap:11px;align-items:flex-start;font-size:1rem;}
.wq-module .wq-m-checklist .wq-m-check{
    flex:0 0 auto;width:24px;height:24px;border-radius:50%;
    background:var(--teal-soft);color:var(--teal);
    display:inline-flex;align-items:center;justify-content:center;font-weight:900;
    margin-top:1px;
  }
.wq-module .wq-m-transition{
    margin-top:24px;background:linear-gradient(135deg,#eef4ff,#f2edfb);
    border:1.5px solid #d5e0f5;border-radius:var(--radius-sm);padding:22px;text-align:center;
  }
.wq-module .wq-m-transition h3{margin:0 0 8px;color:var(--purple);font-size:1.2rem;}
.wq-module .wq-m-transition p{margin:0 auto 18px;max-width:640px;color:var(--ink-soft);}
.wq-module .wq-m-btn{
    font:inherit;cursor:pointer;border:0;
    display:inline-flex;align-items:center;gap:8px;
    background:var(--coral);color:#fff;font-weight:700;font-size:1rem;
    padding:13px 22px;border-radius:999px;box-shadow:0 8px 20px rgba(239,122,104,.35);
    transition:transform .16s ease, box-shadow .16s ease, background .16s ease;
  }
.wq-module .wq-m-btn:hover{transform:translateY(-2px);background:#e86653;box-shadow:0 12px 26px rgba(239,122,104,.42);}
.wq-module .wq-m-btn:focus-visible{outline:3px solid var(--purple);outline-offset:2px;}
.wq-module .wq-m-footnote{margin:26px 0 40px;color:var(--ink-soft);font-size:.85rem;text-align:center;}

/*
 * The theme styles <details>/<summary> globally (border, card background and
 * a +/− marker). The module draws its own chevrons and panels, so those
 * decorations are switched off inside it. The module's own class-based rules
 * are more specific than these, so nothing it styles is affected.
 */
.wq-module summary::after,
.wq-module details[open] summary::after { content: none; }

.wq-module details {
	margin-top: 0;
	overflow: visible;
	border: 0;
	border-radius: 0;
	background: none;
}

.wq-module summary { padding: 0; }
.wq-module details p { padding: 0; color: inherit; }