/* v21 · Ξεχωριστά άρθρα 1.3, 2.1 και 2.2 */
.motion-section-page{--v21-blue:#4778c9;--v21-orange:#ef6d43;--v21-ink:#17233b;--v21-pale:#eef4ff}
.section-visual .unit-cubes path{fill:#dce9fb;stroke:#17233b;stroke-width:3}.section-visual .unit-cubes text{font-size:14px}
.unit-badges rect,.ratio-block rect{fill:#fff;stroke:#17233b;stroke-width:3}.unit-badges text,.ratio-block text{font-size:13px;font-weight:750}
.section-data-table{width:100%;margin:26px 0;border-collapse:separate;border-spacing:0;border:1px solid #d9e1ec;border-radius:12px;overflow:hidden;background:#fff}.section-data-table th,.section-data-table td{padding:13px 16px;text-align:left;border-bottom:1px solid #d9e1ec}.section-data-table th{background:#17233b;color:#fff;font-size:11px}.section-data-table tr:last-child td{border-bottom:0}.section-data-table td+td,.section-data-table th+th{border-left:1px solid #d9e1ec}
.lesson-next-nav{margin:36px 0 0}.lesson-next-nav a{display:block;padding:23px 26px;border:1px solid #d9e3ee;border-radius:14px;background:#fff;text-decoration:none}.lesson-next-nav span{display:block;color:#4778c9;font-size:9px;font-weight:750;letter-spacing:.12em}.lesson-next-nav strong{display:block;margin-top:7px;color:#17233b;font:600 21px Literata,Georgia,serif}.lesson-prev-next{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.hero-path{fill:none;stroke:#4778c9;stroke-width:8;stroke-linecap:round}.hero-point{stroke:#fff;stroke-width:4}.hero-point.start{fill:#4778c9}.hero-point.end{fill:#ef6d43}.hero-disp{fill:none;stroke:#ef6d43;stroke-width:5}.hero-axis path{fill:none;stroke:#17233b;stroke-width:3}
.section-axis{position:relative;height:110px;margin:28px 0;border-bottom:4px solid #17233b}.section-axis:before,.section-axis:after{content:"";position:absolute;bottom:-8px;border-top:6px solid transparent;border-bottom:6px solid transparent}.section-axis:before{left:-2px;border-right:14px solid #17233b}.section-axis:after{right:-2px;border-left:14px solid #17233b}.section-axis i{position:absolute;left:50%;bottom:-10px;width:4px;height:24px;background:#ef6d43}.section-axis span{position:absolute;bottom:22px;font-size:11px;font-weight:700}.section-axis .axis-neg{left:4%}.section-axis .axis-origin{left:50%;text-align:center;transform:translateX(-50%)}.section-axis .axis-pos{right:4%}
.section-vector{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:15px;margin:30px 0;padding:25px;border-radius:14px;background:#f3f7fd}.section-vector i{position:relative;height:5px;background:#ef6d43}.section-vector i:after{content:"";position:absolute;right:-2px;top:-6px;border-left:15px solid #ef6d43;border-top:8px solid transparent;border-bottom:8px solid transparent}.section-vector span{font-weight:800;color:#17233b}
.hero-speedometer path{fill:none;stroke:#17233b;stroke-width:8;stroke-linecap:round}.hero-speedometer .speed-ticks{stroke-width:4}.hero-speedometer .speed-needle{stroke:#ef6d43;stroke-width:8}.hero-speedometer circle{fill:#17233b}.hero-speedometer text{font-size:24px}.ratio-block path{stroke:#17233b;stroke-width:2}
.section-compare-table{display:grid;margin:28px 0;border:1px solid #d9e1ec;border-radius:12px;overflow:hidden}.section-compare-table>div{display:grid;grid-template-columns:1fr 1fr}.section-compare-table>div+div{border-top:1px solid #d9e1ec}.section-compare-table b,.section-compare-table span{padding:15px 18px}.section-compare-table b{background:#17233b;color:#fff;font-size:11px}.section-compare-table span{background:#fff;font-size:12px}.section-compare-table b+b,.section-compare-table span+span{border-left:1px solid #d9e1ec}
.speed-scale{display:grid;gap:13px;margin:30px 0}.speed-scale>div{position:relative;display:grid;grid-template-columns:1fr auto;gap:20px;padding:13px 16px;border-radius:9px;background:#eef3fa;overflow:hidden}.speed-scale>div:before{content:"";position:absolute;inset:0 auto 0 0;width:var(--p);background:linear-gradient(90deg,#bdd1ee,#e5effc)}.speed-scale span,.speed-scale b{position:relative;z-index:1;font-size:12px}.section-caption{font-size:10px!important;color:#64748b}
.section-index-wrap{max-width:1180px;margin:auto;padding-top:70px;padding-bottom:90px}.section-index-wrap>.reading-intro{max-width:820px;margin:0 auto 40px;text-align:center}.section-index-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.section-index-grid a{display:flex;flex-direction:column;min-height:315px;padding:30px;border:1px solid #d9e3ef;border-radius:18px;background:#fff;text-decoration:none;box-shadow:0 12px 38px rgba(31,55,91,.07);transition:.2s ease}.section-index-grid a:hover{transform:translateY(-5px);box-shadow:0 20px 44px rgba(31,55,91,.12)}.section-index-grid span{color:#4778c9;font-size:9px;font-weight:800;letter-spacing:.13em}.section-index-grid h2{margin:16px 0 14px;color:#17233b;font:600 30px/1.16 Literata,Georgia,serif}.section-index-grid p{color:#526176;font-size:13px;line-height:1.65}.section-index-grid strong{margin-top:auto;color:#ef6d43;font-size:12px}.section-index-note{max-width:850px;margin:35px auto 0;padding:24px 28px;border-left:5px solid #4778c9;border-radius:0 12px 12px 0;background:#eef4ff}.section-index-note p{margin:6px 0 0}.index-connector{fill:none;stroke:#b9c9df;stroke-width:8}.index-node{stroke:#fff;stroke-width:5}.index-node.n1{fill:#4778c9}.index-node.n2{fill:#ef6d43}.index-node.n3{fill:#315e9f}.index-visual text{fill:#fff;font-weight:800}.index-visual text:nth-of-type(odd){font-size:22px}.index-visual text:nth-of-type(even){font-size:12px}
@media(max-width:900px){.section-index-grid{grid-template-columns:1fr}.section-index-grid a{min-height:auto}.lesson-prev-next{grid-template-columns:1fr}}
@media(max-width:650px){.section-data-table{display:block;overflow-x:auto}.section-compare-table>div{min-width:520px}.section-compare-table{overflow-x:auto}.section-index-wrap{padding-top:45px}.section-index-grid h2{font-size:25px}}