.interview-hero{background:#F8FAFC;background:linear-gradient(90deg, #8ee4af 0%, #f8fafc 100%);padding:80px 0}.interview-hero h1{font-size:3rem;line-height:3.5rem;font-weight:700;color:var(--title);max-width:60%;margin-top:20px}@media (max-width: 800px){.interview-hero h1{max-width:100%}}@media (max-width: 480px){.interview-hero h1{font-size:2.8rem;line-height:3.2rem}}@media (max-width: 414px){.interview-hero h1{font-size:2.5rem}}.interview-hero p.subtitle{font-size:1.2rem;line-height:1.5rem;color:var(--title);margin:15px 0 30px;max-width:60%}@media (max-width: 800px){.interview-hero p.subtitle{max-width:100%}}@media (max-width: 480px){.interview-hero p.subtitle{font-size:1.2rem}}.interview-hero .hits{position:relative;padding-left:20px}.interview-hero .hits:before{content:'';position:absolute;left:0;top:5px;background:url("/images/pin.png");width:16px;height:16px}.interview .wrapper{display:flex;justify-content:space-between;align-items:stretch;flex-wrap:wrap;padding:70px 0 100px}.interview .wrapper .content{width:calc(100% - 360px)}@media (max-width: 800px){.interview .wrapper .content{width:100%;order:2}}.interview .wrapper .content .block-whom{padding:50px 30px;box-sizing:border-box;background:#fff;border-radius:10px;margin:40px 0;border:1px solid var(--title);border-top:4px solid var(--title)}.interview .wrapper .content .block-whom h2{text-align:left;margin:0 0 30px}.interview .wrapper .content .block-whom h2:after{display:none}.interview .wrapper .content .block-whom ul li{position:relative;padding-left:10px;margin-bottom:10px;list-style-type:none}.interview .wrapper .content .block-whom ul li:before{content:'';position:absolute;left:-20px;top:5px;background:url("/images/roundli.png");width:16px;height:16px}.interview .wrapper .content .sharethis-center{text-align:center !important;margin-bottom:40px}.interview .wrapper .content *>a{color:var(--maingreen);text-decoration:underline}.interview .wrapper .content *>a:hover{text-decoration:none}.interview .wrapper .sidebar{width:300px;position:relative}@media (max-width: 800px){.interview .wrapper .sidebar{width:100%;order:1}}.interview .wrapper .sidebar .table-of-contents{position:sticky;top:0;z-index:10;padding:20px;box-sizing:border-box;background:#fff;border-radius:10px;margin:0 0 20px;border:1px solid var(--subtitle);border-left:4px solid var(--subtitle)}.interview .wrapper .sidebar .table-of-contents summary:first-child{font-size:1.2rem;font-weight:600}.interview .wrapper .sidebar .table-of-contents summary:first-child+div{margin-top:30px}.interview .wrapper .sidebar .table-of-contents p{margin:0 0px 8px 20px;position:relative;transition:.2s linear}.interview .wrapper .sidebar .table-of-contents p:hover{color:var(--subtitle);cursor:pointer}.interview .wrapper .sidebar .table-of-contents p:before{position:absolute;content:'';background:var(--subtitle);width:10px;height:2px;left:-20px;top:15px}h2{color:var(--title);font-size:2rem;line-height:2.2rem;font-weight:700;text-align:center;position:relative;margin:80px 0 70px}h2:after{position:absolute;content:'';background:var(--title);width:100px;height:4px;left:calc(100% / 2 - 50px);bottom:-20px}h2+p.subtitle{font-size:1.2rem;color:var(--title);max-width:600px;margin:50px auto;text-align:center}h3{font-size:1.5rem;margin:30px 0 10px;font-weight:700;color:var(--title)}.block-qa .item{background:#fff;border:1px solid var(--maingreen);border-left:4px solid var(--maingreen);padding:40px 30px;box-sizing:border-box;border-radius:10px;margin-bottom:20px}.block-qa .item p.tags{font-size:0.8rem;color:var(--title)}.block-qa .item p.title{font-size:1.5rem;line-height:1.8rem;color:var(--title);font-weight:700;margin-bottom:30px}.block-qa .item .btns{margin:20px 0;display:flex;justify-content:space-between;align-items:stretch;flex-wrap:wrap;justify-content:flex-start;gap:20px}.block-qa .item .btns .btn-normal{border:0;background:var(--subtitle);color:#fff;padding:10px 15px;box-sizing:border-box;border-radius:10px;transition:.2s linear}.block-qa .item .btns .btn-normal:hover{background:var(--green);color:var(--bg-soft);cursor:pointer}.block-qa .item .btns .btn-simple{border:1px solid var(--subtitle);padding:10px 15px;box-sizing:border-box;border-radius:10px;transition:.2s linear;min-width:150px;background:#fff}.block-qa .item .btns .btn-simple:hover{background:var(--green);cursor:pointer}.block-qa .item .result-item{border-top:1px solid var(--title);padding-top:15px;margin-top:30px}.block-qa .item .result-item .qa-know-label span{margin-left:10px;font-weight:700}.block-qa .qa-progress{display:grid;gap:8px}.block-qa .qa-progress-text{font-size:1rem;line-height:1.3;font-weight:700}.block-qa .qa-progress-bar{width:100%;height:10px;border-radius:999px;overflow:hidden;display:flex;background:#eee;margin:20px 0}.block-qa .qa-progress-known{height:100%;background:var(--accent);width:0%;transition:width .15s ease}.block-qa .qa-progress-unknown{height:100%;background:var(--danger);width:100%;transition:width .15s ease}.block-qa .qa-reset-all{border:1px solid var(--title);padding:10px 15px;box-sizing:border-box;border-radius:10px;transition:.2s linear;min-width:150px;background:#fff;margin:0 0 0 auto;display:block}.block-qa .qa-reset-all:hover{border:1px solid var(--subtitle);cursor:pointer}.block-info{background:var(--title);padding:40px 30px;box-sizing:border-box;display:flex;justify-content:space-between;align-items:stretch;flex-wrap:wrap;align-items:center;border-radius:10px;margin:60px 0 30px}@media (max-width: 480px){.block-info{padding:40px 20px}}.block-info p{color:#fff;font-size:1rem;line-height:1.8rem;margin:0}section.hero{background:#8ee4af;background:linear-gradient(0deg, #f8fafc 0%, #8ee4af 100%);padding:100px 0;text-align:center}section.hero h1{font-size:4rem;line-height:4.5rem;font-weight:700;color:var(--title);max-width:900px;margin:0 auto}@media (max-width: 576px){section.hero h1{font-size:3.5rem;line-height:3.5rem}}@media (max-width: 414px){section.hero h1{font-size:3rem;line-height:3rem}}section.hero p.subtitle{font-size:2rem;line-height:0.8;font-weight:700;color:var(--title);margin-top:20px}@media (max-width: 576px){section.hero p.subtitle{font-size:2rem;line-height:2.5rem}}@media (max-width: 414px){section.hero p.subtitle{font-size:1.6rem;line-height:2.2rem}}section.hero p.subtitle+p{font-size:1.2rem;color:var(--title);max-width:800px;margin:50px auto 0}section.interviews{margin:0 0 50px}section.interviews .interviews-categories{display:flex;justify-content:space-between;align-items:stretch;flex-wrap:wrap;justify-content:flex-start;margin-bottom:30px}section.interviews .interviews-categories .item{border:1px solid var(--title);background:#fff;width:fit-content;padding:7px 25px;box-sizing:border-box;margin-right:10px;border-radius:5px;text-decoration:none;color:var(--title);font-weight:500;margin-top:10px}section.interviews .interviews-categories .item:hover{cursor:pointer;background:transparent}section.interviews ul li{position:relative;padding-left:25px;font-size:1.1rem}section.interviews ul li:before{content:'';position:absolute;left:0;top:16px;background-color:var(--title);width:17px;height:3px}section.content{background:#fff;padding:60px 40px;box-sizing:border-box;border-radius:15px;margin:100px auto 30px;max-width:90%;border:2px solid var(--title);border-top:5px solid var(--title)}@media (max-width: 576px){section.content{padding:30px 20px;max-width:95%}}section.content p{color:var(--text)}section.content ul li{position:relative;padding-left:10px;margin-bottom:10px}@media (max-width: 576px){section.content ul li{max-width:100%}}section.content ul li:before{content:'';position:absolute;left:-20px;top:3px;background:url("/images/pin.png");width:16px;height:16px}pre{background:#e9e9e9;padding:0 30px;border-radius:10px}
