:root[data-ambience=star] #course{--bg-header: #acf;--shadow-elev: 0 10px 24px rgba(46, 66, 94, .16)}:root[data-ambience=moon] #course{--bg-header: #007;--shadow-elev: 0 10px 30px rgba(0, 0, 255, .2), 0 0 8px rgba(255, 255, 255, .05)}main#course>article.artica{display:flex;flex-direction:column;gap:1.5rem;--card-pad: 1.5rem 2rem;--header-dir: row;--header-gap: 1rem;--content-gap: 1.5rem;--topic-pad: 2rem;--topic-header-gap: 1rem;--meta-gap: .6rem;--mark-size: 2.2rem;--mark-fs: .95rem;--margin-left-p-ul: 3.2rem;--margin-left-ol: 4.25rem;--mark-pos: static;--mark-top: auto;--mark-left: auto;--info-margin-left: 0}@media(max-width:799px){main#course>article.artica{--card-pad: .9rem 1rem;--header-dir: column;--header-gap: .5rem;--content-gap: 1.25rem;--topic-pad: 1rem .75rem;--topic-header-gap: .75rem;--meta-gap: .4rem;--mark-size: 1.9rem;--mark-fs: .85rem;--margin-left-p-ul: .5rem;--margin-left-ol: .5rem;--mark-pos: absolute;--mark-top: -.5rem;--mark-left: -.5rem;--info-margin-left: var(--margin-left-p-ul)}}main#course>article.artica>header{display:flex;flex-direction:column;gap:.55rem;background:radial-gradient(ellipse farthest-side at top,var(--bg-header) 0%,var(--cl-f) 100%);padding:7.5rem 0}main#course>article.artica>header h1 b,main#course>article.artica>header h1 span,main#course>article.artica>header h1 small{display:block}main#course>article.artica>header h1 span{font-size:.75em;font-weight:300;letter-spacing:.2em}main#course>article.artica>header h1 b{font-weight:900}main#course>article.artica>header h1 small{margin-top:1rem;font-style:italic;font-size:.5em;font-weight:400}main#course>article.artica>header p{text-align:center;text-wrap:balance}main#course>article.artica>header ul{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;margin:.5rem auto 0;padding:0;list-style:none}main#course>article.artica>header ul li{border-radius:999px;padding:.35rem .75rem;font-weight:700;font-size:.9rem}main#course>article.artica>header ul li:first-child{background:#0ea5e920;color:#38bdf8}main#course>article.artica>header ul li:last-child{background:#22c55e20;color:#4ade80}main#course>article.artica>header nav a svg{margin-right:1rem}main#course>article.artica>header nav a:last-child{border-color:var(--cl-link);background:var(--cl-f);color:var(--cl-link)}main#course>article.artica h2{text-align:center}main#course>article.artica section#kurikulum{display:flex;flex-direction:column;gap:2rem}main#course>article.artica section#kurikulum .section-card{display:flex;flex-direction:column;gap:.75rem;margin:0;box-shadow:var(--shadow-elev);border:1px solid rgba(136,136,136,.2);border-radius:.75rem;background:var(--cl-f);padding:var(--card-pad)}main#course>article.artica section#kurikulum .section-card .section-header{display:flex;justify-content:space-between;align-items:flex-start;flex-direction:var(--header-dir);gap:var(--header-gap);margin-bottom:2rem}main#course>article.artica section#kurikulum .section-card .section-header>div>p{margin:0;color:var(--cl-5);font-weight:700;letter-spacing:.06em;text-transform:uppercase}main#course>article.artica section#kurikulum .section-card .section-header>div>h2{margin:.1rem 0 0;font-size:1.3rem}main#course>article.artica section#kurikulum .section-card .section-header>div>small{color:var(--cl-mint-d);font-weight:700;font-size:.9rem}main#course>article.artica section#kurikulum .section-card .section-header>small{color:var(--cl-5);font-size:.9rem}main#course>article.artica section#kurikulum .section-card .section-content{display:flex;flex-direction:column;gap:var(--content-gap)}main#course>article.artica section#kurikulum .section-card .section-content .topic-card{display:flex;position:relative;flex-direction:column;gap:.7rem;margin:0;box-shadow:var(--shadow-elev);border:1px solid rgba(136,136,136,.3333333333);border-radius:.75rem;background:linear-gradient(180deg,rgba(136,136,153,.1333333333),var(--cl-f));padding:var(--topic-pad)}main#course>article.artica section#kurikulum .section-card .section-content .topic-card .topic-header{display:flex;align-items:flex-start;gap:var(--topic-header-gap)}main#course>article.artica section#kurikulum .section-card .section-content .topic-card .topic-header .topic-meta{display:inline-flex;flex:0 0 auto;align-items:center;gap:var(--meta-gap)}main#course>article.artica section#kurikulum .section-card .section-content .topic-card .topic-header .topic-meta mark{display:grid;place-items:center;position:var(--mark-pos);top:var(--mark-top);left:var(--mark-left);box-shadow:var(--shadow-elev);border-radius:10px;background:linear-gradient(140deg,#22d3ee,#818cf8 55%,#f472b6);width:var(--mark-size);height:var(--mark-size);color:#0b1220;font-weight:900;font-size:var(--mark-fs)}main#course>article.artica section#kurikulum .section-card .section-content .topic-card .topic-header .topic-meta div{display:grid;place-items:center;border-radius:8px;background:#1e293b;padding:.5rem;width:32px;height:32px;color:#e2e8f0}main#course>article.artica section#kurikulum .section-card .section-content .topic-card .topic-header .topic-meta div svg{display:block;width:100%!important;height:auto!important}main#course>article.artica section#kurikulum .section-card .section-content .topic-card .topic-header .topic-info{display:flex;flex:1 1 auto;min-width:0;margin-left:var(--info-margin-left);flex-direction:column;align-items:flex-start;gap:.35rem;word-break:break-word;overflow-wrap:break-word}main#course>article.artica section#kurikulum .section-card .section-content .topic-card .topic-header .topic-info strong{color:var(--cl-1);font-weight:600;font-size:1.05rem}main#course>article.artica section#kurikulum .section-card .section-content .topic-card .topic-header .topic-info a{display:inline;padding:0;text-decoration:none}main#course>article.artica section#kurikulum .section-card .section-content .topic-card .topic-header .topic-info a strong{font-size:1.25rem;color:var(--cl-link)}main#course>article.artica section#kurikulum .section-card .section-content .topic-card .topic-header .topic-info a strong:hover{text-decoration:underline}main#course>article.artica section#kurikulum .section-card .section-content .topic-card .topic-header .topic-info ul{display:flex;justify-content:flex-start;flex-wrap:wrap;margin:0;padding:0!important;list-style:none}main#course>article.artica section#kurikulum .section-card .section-content .topic-card .topic-header .topic-info ul li{margin:0 .25rem .15rem 0;border:1px solid rgba(136,136,136,.1333333333);border-radius:4px;background:#8881;padding:.15rem .45rem;color:var(--cl-3);font-weight:500;font-size:.75rem;white-space:nowrap}main#course>article.artica section#kurikulum .section-card .section-content .topic-card>p{margin:0 0 0 var(--margin-left-p-ul);border-top:1px dashed rgba(136,136,136,.2);padding-top:.6rem;color:var(--cl-3);line-height:1.5}main#course>article.artica section#kurikulum .section-card .section-content .topic-card>ul{margin:.5rem 0 0 var(--margin-left-p-ul);padding:0;list-style:none;display:flex;flex-direction:column;gap:.5rem}main#course>article.artica section#kurikulum .section-card .section-content .topic-card>ul li{position:relative;padding-left:1.5rem;color:var(--cl-3);font-size:.9rem;line-height:1.2}main#course>article.artica section#kurikulum .section-card .section-content .topic-card>ul li:before{content:"";position:absolute;left:0;top:.2rem;width:1rem;height:1rem;background-color:var(--cl-link, #38bdf8);-webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'><polyline points='20 6 9 17 4 12'></polyline></svg>") no-repeat center/contain;mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'><polyline points='20 6 9 17 4 12'></polyline></svg>") no-repeat center/contain}main#course>article.artica section#kurikulum .section-card .section-content .topic-card>ol{display:flex;flex-direction:column;gap:.5rem;margin:.25rem 0 0 var(--margin-left-ol);padding:0;list-style:none}main#course>article.artica section#kurikulum .section-card .section-content .topic-card>ol>li{border:1px solid rgba(136,136,51,.2);border-radius:10px;background:#8891}main#course>article.artica section#kurikulum .section-card .section-content .topic-card>ol>li>a{display:flex;align-items:flex-start;gap:.55rem;padding:.68rem .8rem;color:var(--cl-4);text-decoration:none}main#course>article.artica section#kurikulum .section-card .section-content .topic-card>ol>li>a>mark{display:inline-grid;flex:0 0 auto;place-items:center;box-shadow:var(--shadow-elev);border-radius:999px;background:linear-gradient(140deg,#f59e0b,#ef4444);padding:0 .45rem;min-width:1.75rem;height:1.75rem;color:#0f172a;font-weight:900;font-size:.78rem;letter-spacing:.02em;text-transform:lowercase}main#course>article.artica section#kurikulum .section-card .section-content .topic-card>ol>li>a>div{display:flex;flex-direction:column;gap:.2rem}main#course>article.artica section#kurikulum .section-card .section-content .topic-card>ol>li>a>div>strong{font-size:.98rem}main#course>article.artica section#kurikulum .section-card .section-content .topic-card>ol>li>a>div>small{color:var(--cl-5);font-weight:300;font-size:.9rem;line-height:1.35}