.public-course-page{background:#f5f8f7;flex-direction:column;height:100vh;display:flex}.public-course-page>header{background:#fff;border-bottom:1px solid #dce5e1;flex:0 0 76px;align-items:center;gap:45px;height:76px;padding:0 max(22px,5vw);display:flex;overflow:visible}.public-course-page>header>a{color:#0b765e;letter-spacing:-.01em;white-space:nowrap;flex:none;padding-left:2px;font-size:24px;font-weight:900}.public-course-page nav{gap:30px;margin-left:auto;display:flex}.public-course-page nav a{color:#173a34;white-space:nowrap;font-size:16px;font-weight:700}.public-course-page nav a:first-child{color:#00a982}.course-resource-bar{background:#eef6f3;border-bottom:1px solid #d7e5df;padding:10px max(16px,4vw)}.course-resource-bar>div,.course-range-bar>div{grid-template-columns:repeat(2,1fr);gap:10px;max-width:820px;margin:auto;display:grid}.course-resource-bar button,.course-resource-bar a,.course-range-bar button{text-align:left;color:#173a34;cursor:pointer;background:#fff;border:1px solid #cee0d9;border-radius:10px;min-height:64px;padding:12px 16px}.course-resource-bar button.active,.course-range-bar button.active{color:#fff;background:#00a982;border-color:#00a982}.course-resource-bar b,.course-resource-bar small{display:block}.course-resource-bar b{font-size:17px}.course-resource-bar small{opacity:.8;margin-top:4px;font-size:15px}.course-range-bar{background:#f7fbfa;border-bottom:1px solid #d7e5df;padding:8px max(16px,4vw)}.course-range-bar button{text-align:center;min-height:44px;padding:9px 16px;font-size:15px;font-weight:700}.public-course-page iframe{background:#fff;border:0;flex:1;width:100%;min-height:0}@media (max-width:600px){.public-course-page>header{flex-basis:58px;gap:15px;height:58px;padding:0 14px}.public-course-page>header>a{font-size:17px}.public-course-page nav{gap:12px}.public-course-page nav a{font-size:15px}.public-course-page nav a:last-child{display:none}.course-resource-bar{padding:8px}.course-resource-bar>div,.course-range-bar>div{grid-template-columns:repeat(2,1fr)}.course-resource-bar button,.course-resource-bar a{min-height:48px;padding:7px}.course-resource-bar b{font-size:16px}.course-range-bar{padding:6px 8px}.course-range-bar button{min-height:38px;padding:7px 8px}}