*{box-sizing:border-box}body{margin:0;color:#202124;font:17px/1.65 Lato,"Segoe UI",Arial,sans-serif;background:#fff}a{color:#294d75;text-underline-offset:4px}button,input,textarea,select{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:default;opacity:.6}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #bb280a;outline-offset:4px}.skip{position:absolute;left:12px;top:-80px;z-index:5;background:white;padding:12px}.skip:focus{top:8px}.prototype{padding:7px 24px;background:#f4f4f4;font-size:12px;color:#555;text-align:center;letter-spacing:.4px}header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px 5%;border-bottom:1px solid #e8eaed;background:#fff}.brand{font-size:22px;font-weight:600;color:#202124;text-decoration:none}nav{display:flex;gap:25px;align-items:center}nav a{text-decoration:none;color:#34383c;font-size:15px}.nav-entry{border-bottom:2px solid #cc0000}.hero{background:#edf3fb url('assets/ceska-klavesnice.png') center/cover no-repeat;min-height:355px;display:flex;align-items:center;padding:50px 5%}.hero-content{max-width:480px;background:rgba(245,249,253,.86);padding:22px 28px}.hero h1{font-size:46px;line-height:1.15;color:#c00;margin:0 0 18px;font-weight:600}.hero p{margin:0 0 20px}.button{display:inline-block;text-decoration:none;border:0;border-radius:0;background:#355d84;color:white;padding:11px 23px;font-weight:600;text-align:center}.button.secondary{color:#355d84;background:white;border:1px solid #355d84}.button.red{background:#b92315}.section{padding:48px 5%}.section.blue{background:#5b7899;color:#fff}.section.blue a{color:white}.section.pale{background:#f0f4f8}.wrap{max-width:1100px;margin:auto}h1,h2,h3{line-height:1.25;font-weight:500}h1{font-size:38px;margin:0 0 20px}h2{font-size:30px;margin:0 0 22px}h3{font-size:23px;margin:0 0 12px}p{margin:0 0 18px}.eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:1.6px;margin-bottom:10px}.cols{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.cols.two{grid-template-columns:repeat(2,1fr)}.course{padding:20px 0;border-top:3px solid #647f9c}.course p{color:#555;min-height:55px}.blue .course p{color:white}.intro{max-width:800px}.video{aspect-ratio:16/9;background:#dbe3eb;display:flex;align-items:center;justify-content:center;border:1px solid #849cb4;padding:28px;text-align:center}.video span{font-size:40px;color:#355d84;display:block}.subnav{display:flex;gap:16px;flex-wrap:wrap;border-bottom:1px solid #b9c7d5;margin-bottom:30px;padding-bottom:15px}.subnav a{font-size:16px}.notice{border-left:3px solid #5b7899;padding:10px 16px;background:#edf3f8;font-size:14px;margin-bottom:25px}.form-panel{max-width:540px;margin:auto}label{display:block;margin:18px 0 6px;font-weight:600}input,textarea,select{width:100%;padding:11px 12px;border:1px solid #9aa7b4;background:white;color:#202124;border-radius:0}textarea{min-height:150px;resize:vertical}.small{font-size:14px;color:#5f6368}.error{color:#b92315}.status{min-height:25px;font-size:15px;color:#294d75;margin:14px 0}.tile{padding:25px;background:#f0f4f8}.metric{font-size:34px;line-height:1.2;color:#355d84;margin-bottom:8px}.lesson-row{display:grid;grid-template-columns:115px 1fr;gap:28px;border-top:1px solid #cbd5df;padding:25px 0}.lesson-row time{color:#355d84;font-weight:600}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:15px 8px;border-bottom:1px solid #d5dde4}th{font-size:14px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}.text-button{background:none;border:0;color:#294d75;text-decoration:underline;padding:0;font-size:14px}footer{display:flex;justify-content:space-between;gap:20px;padding:25px 5%;border-top:1px solid #d7dfe8;font-size:14px;color:#555}.badge{background:#e3ecf4;color:#355d84;padding:4px 9px;font-size:13px}.hidden{display:none}.editor-grid{display:grid;grid-template-columns:230px 1fr;gap:35px}.editor-menu{border-right:1px solid #d5dde4;padding-right:20px}.editor-menu a{display:block;margin:12px 0}.blue .button.secondary{color:#355d84}.home-title{color:#c00}.stack>*+*{margin-top:15px}@media(max-width:700px){header{align-items:flex-start;flex-direction:column;gap:12px}nav{gap:18px;flex-wrap:wrap}.brand{font-size:21px}.prototype{font-size:11px;padding:7px 12px}.hero{min-height:300px;padding:28px 5%;background-position:65% center}.hero-content{padding:20px;max-width:330px}.hero h1{font-size:34px}.cols,.cols.two{grid-template-columns:1fr;gap:20px}.section{padding:32px 6%}h1{font-size:30px}h2{font-size:26px}.course p{min-height:0}.lesson-row{grid-template-columns:1fr;gap:8px}.editor-grid{grid-template-columns:1fr}.editor-menu{border:0}footer{flex-direction:column}.metric{font-size:30px}}