html{height:100%;margin:0}body{height:100%;min-height:100vh;color:#222;background-color:#f1deb3;font-family:sans-serif;line-height:1.5;max-width:100%;min-width:600px;padding:0;margin:0}.site-title{font-size:3rem;font-weight:700;margin:0;padding:0}.site-subtitle{margin:0;padding:0;font-size:1rem;text-align:right}.site-logo{height:160px}nav{max-width:100%;margin:0 auto;background-color:#f1deb3}.nav-container{display:flex;align-items:center;justify-content:space-between;max-width:70%;min-width:600px;margin:0 auto}nav ul{list-style-type:none;margin:0;padding:0;display:flex;justify-content:flex-start;gap:1rem}nav ul li{margin-top:.5rem;margin-bottom:.5rem}nav ul li a{font-size:1.5rem;display:block;padding:.1rem 1rem;text-decoration:none;color:#222;background-color:#f1deb3;border-radius:4px;border-top:1px solid #aaa;border-left:1px solid #aaa;border-bottom:1px solid #444;border-right:1px solid #444;border-radius:4px;box-sizing:border-box;transition:background-color .3s ease}nav ul li a:hover,nav ul li a:focus{background-color:#666;color:#fff}.mini-nav a{font-size:.8rem;font-weight:700;color:#5a3f99;text-decoration:none}.mini-nav a:hover,.mini-nav a:focus{font-size:.8rem;font-weight:700;color:#5a3f99;text-decoration:underline}header{width:100%;border:none;padding:0;margin:0;background-color:#dc930e;color:#fff;font-size:2rem;flex-shrink:0}.header-container{display:flex;align-items:center;justify-content:space-between;max-width:70%;min-width:600px;margin:0 auto}.page-wrapper{min-height:100vh;display:flex;flex-direction:column}.page{flex:1;display:flex;flex-direction:column;width:100%;border:none;padding:0;margin:0;flex-shrink:0}.page-container{flex:1;align-items:flex-start;display:flex;justify-content:space-between;width:70%;margin:0 auto}.content-area{max-width:70vw;flex:1;padding:1rem;width:100%;box-sizing:border-box}main a{color:#5a3f99;text-decoration:none}main a:focus,main a:hover{color:#5a3f99;text-decoration:underline}.sidebar{width:20%;min-width:250px;padding:.5rem;margin-right:10%;background-color:#f1deb3;box-sizing:border-box}.sidebar-menu{background-color:#f1deb3;padding:1rem;box-sizing:border-box;border-radius:4px;border-top:1px solid #aaa;border-left:1px solid #aaa;border-bottom:1px solid #444;border-right:1px solid #444;border-radius:4px}.sidebar a{font-size:.8rem;font-weight:700;color:#5a3f99;text-decoration:none}.sidebar a:hover,.sidebar a:focus{font-size:.8rem;font-weight:700;color:#5a3f99;text-decoration:underline}.social{text-align:center}.social a{font-size:.8rem;font-weight:700;color:#5a3f99;text-decoration:none}.social a:hover,.social a:focus{font-size:.8rem;font-weight:700;color:#5a3f99;text-decoration:underline}img.social{max-width:1rem;vertical-align:middle}main{flex:1;width:70%;max-width:70%;min-width:600px;margin:0 auto;color:#222}header a{color:#fff;text-decoration:none}header a:hover,header a:focus{color:#fff;text-decoration:underline}footer{width:100%;border:none;padding:1rem 0;margin-bottom:0;margin-top:2rem;background-color:#dc930e;color:#fff;text-align:center;text-decoration:none}.site-footer{flex-shrink:0;width:100%;border:none;padding:1rem 0;margin-top:auto;background-color:#dc930e;color:#fff;text-align:center;text-decoration:none}footer a{color:#fff;text-decoration:none}footer a:hover,footer a:focus{color:#fff;text-decoration:underline}.draft-label{display:inline-block;margin-left:10px;padding:2px 6px;background-color:#c00;color:#fff;font-size:.8rem;font-weight:700;border-radius:4px;vertical-align:top}h2.page-title{text-indent:1rem;line-height:1;margin:0}h3.page-title{text-indent:3rem;line-height:1}.page-date{font-size:.8rem;font-weight:400;color:#666}.description{color:#777;font-size:.85rem;text-indent:5rem;line-height:1}.description a{color:#777;text-decoration:none}a{color:#000;text-decoration:none}a:hover,a:focus{color:#000;text-decoration:none}.microbit-link{text-align:center;margin:1em 0}.microbit-link-images{display:flex;justify-content:center;align-items:center;gap:2em;margin-bottom:.5em}.microbit-link-images img{display:block;border-style:solid;border-width:2px;border-top-color:#666;border-left-color:#666;border-bottom-color:#ccc;border-right-color:#ccc;height:auto}.microbit-link a{display:inline-block;margin-top:.5em;color:#00498f;text-decoration:none}.microbit-link a:hover,.microbit-link a:focus{color:#00498f;text-decoration:underline}.tags-label{font-weight:700;margin-right:.5rem}.tags-row{margin-top:1rem;font-size:.75rem}.tags-row a{text-decoration:none;color:inherit;margin-right:.5rem}.tags-row a:hover,.tags-row a:focus{text-decoration:underline}.img-center{text-align:center}.img-center img{max-width:30%}.img-center-wide{text-align:center}.img-center-wide img{max-width:60%;margin:1rem 10%}.img-center-full{text-align:center}.img-center-full img{max-width:100%;margin:1rem 0}.img-symbol{text-align:left}.img-symbol img{max-width:80px;margin:1px 5px}.clickable-img{cursor:zoom-in;max-width:300px}.lightbox{display:none;position:fixed;z-index:9999;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.45);justify-content:center;align-items:center}.lightbox img{max-width:90%;max-height:90%;cursor:zoom-out;box-shadow:0 0 20px #000000;border-radius:4px}table{width:100%;border-collapse:collapse;background-color:#fff}.elementi td,th{border:1px solid #7f0000;margin:0;padding:5px}.img-right-float{float:right;max-width:30%}.img-right-float img{max-width:100%;margin:0 1rem 1rem}.img-middle{vertical-align:middle}.img-middle img{vertical-align:middle}.main-img{text-align:center}.main-img img{max-width:20%;margin:1rem 10%}.columns{display:flex;gap:20px}.columns>div{flex:1;padding:0}.otpornici{max-width:400px;margin:20px auto;padding:20px;font-family:Arial,sans-serif}.example-title{font-size:.9rem;font-weight:700}.example{border:2px solid #dc930e;padding:10px;margin:0 10px 10px 2rem;border-radius:4px;font-size:.9rem}.funfact-title{font-size:.9rem;font-weight:700}.funfact{border:2px solid #dc930e;background-color:#fff3e0;padding:10px;margin:0 10px 10px 2rem;border-radius:4px;font-size:.9rem}.warning-title{font-size:.9rem;font-weight:700;color:darkred}.warning{border:2px solid #7f0000;background-color:#ffa0a0;padding:10px;margin:0 10px 10px 2rem;border-radius:4px;font-size:.9rem}.slideshow{display:flex;align-items:center;justify-content:center;gap:10px}.slideshow img{max-width:80%;height:auto}button.slide-btn{background-color:#fff3e0;color:#00498f;border:none;padding:8px 16px;border-radius:6px;font-size:1.1rem;cursor:pointer;transition:background .3s}button.slide-btn:hover{background-color:#fff3e0;color:#55a9df}button.slide-btn:disabled{background-color:#fff3e0;color:#ccc;opacity:.5;cursor:not-allowed}button.slide-btn:disabled{background-color:#fff3e0;color:#ccc;opacity:.5;cursor:not-allowed}.centered-images{text-align:center}.centered-images img{max-width:25%;margin:1rem}