:root{--text-color: #222;--primary: #d1b2e3;--primary-light: #e8d7f9;--secondary: #e6cfec;--secondary-light: #ecd7f2;--link-color: #762e9a;--link-hover-color: #a04cbe;--link-color-dark: #777;--link-hover-color-dark: #555}*{box-sizing:border-box;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}html{width:100vw;height:100vh;display:flex;flex-direction:column}body{padding-top:70px;flex:1 1 auto;font-family:Arial,serif;font-size:14px;font-weight:400;font-style:normal;line-height:1;background-color:#ecd7f2;background-image:linear-gradient(#e8d7f9,#ecd7f2);background-repeat:no-repeat}a{text-decoration:none;color:var(--link-color)}main{margin:0 auto;max-width:860px;background:var(--primary);border-radius:12px;box-shadow:0 0 10px #000c;border-top:1px solid rgba(255,255,255,.35)}main header{position:relative;display:flex;align-items:center;justify-content:space-between;gap:10px;background-image:linear-gradient(var(--primary),var(--secondary));border-bottom:1px solid white;border-radius:12px 12px 0 0;padding:10px 15px}main section{display:flex;flex-direction:row;justify-content:space-between}main section aside{position:relative;flex:0 0 200px;border-radius:0 0 0 12px}main section aside:before{width:20px;height:28px;background:var(--primary);display:block;position:absolute;content:"";top:0;right:-22px;border:1px solid var(--primary);border-top-left-radius:10px;z-index:2}main section aside:after{width:20px;height:28px;background:var(--secondary);display:block;position:absolute;content:"";top:-1px;right:-21px;border:1px solid white;border-radius:100px;z-index:1}main section aside ul{padding:0;margin:15px 0;list-style:none;font-size:13px;border-top:1px solid #ffffff;border-right:1px solid #ffffff;border-bottom:1px solid #ffffff;border-radius:0 12px 12px 0;overflow:hidden}main section aside ul.first{margin:-1px 0 0;border-radius:0 0 12px;z-index:10;border-top:none}main section aside ul.first:before{content:"";position:absolute;width:20px;height:20px;background:var(--secondary);top:-1px;right:-10px}main section aside ul li{display:block;background:var(--secondary);border-top:1px solid rgba(255,255,255,.3);border-bottom:1px solid var(--primary)}main section aside ul li:first-child{border-top:none}main section aside ul li:last-child{border-bottom:none}main section aside ul li a{display:block;position:relative;padding:5px 15px}main section aside ul li.active a:after{content:"";position:absolute;width:0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-right:8px solid white;pointer-events:none;right:0;top:50%;transform:translateY(-50%);z-index:1}main section aside ul li:hover a{background:#ffffff4d}main section article{position:relative;flex:1;padding:27px;border-radius:0 0 12px}main section article object{margin:0 auto}footer{margin:20px auto;max-width:1000px;text-align:center;color:var(--link-color-dark);text-decoration:none;font-size:12px;font-weight:600}