.colour-lesson{scroll-margin-top:80px}.colour-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));gap:14px;margin:24px 0}.colour-card{border:1px solid #b8b9aa;border-radius:8px;padding:14px;min-width:0}.colour-swatch{display:block;height:54px;background:var(--swatch);border:1px solid #8888;border-radius:5px}.colour-card h3{font-size:1rem;margin:12px 0 6px}.colour-card h3 span{display:block;font-size:1.25rem;margin-top:5px}.colour-pron{font:12px system-ui;margin:6px 0 12px}.colour-table-wrap{overflow-x:auto;max-width:100%;margin:18px 0}.colour-table-wrap table{width:100%;border-collapse:collapse}.colour-table-wrap th,.colour-table-wrap td{padding:10px;text-align:left;border-bottom:1px solid #8885}.colour-phrases{padding-left:22px}.colour-phrases li{margin:14px 0}.colour-phrases [lang=el]{font-size:1.1em}.colour-lesson button{min-height:36px}.colour-lesson p{max-width:80ch}