*{box-sizing:border-box}html{scroll-behavior:smooth;font-size:100%}body{font-size:1rem;line-height:1.6;margin:0;background:#f7f6f1;color:#172644;font-family:system-ui,-apple-system,PingFang TC,Microsoft JhengHei,sans-serif}button,input,select,textarea{font-family:inherit;font-size:1rem;line-height:1.5}::selection{background:#ffd2c9}:is(.learner-markdown,.rendered-markdown) .markdown-aside{display:flex;align-items:flex-start;gap:16px;margin:20px 0;padding:clamp(16px,3vw,28px);border:2px solid #c6dfdd;border-radius:22px;background:#e5f2ef;color:#234a49;overflow-wrap:anywhere}:is(.learner-markdown,.rendered-markdown) .markdown-aside-icon{flex:0 0 auto;font-size:1.6em;line-height:1.4}:is(.learner-markdown,.rendered-markdown) .markdown-aside-content{min-width:0;flex:1}:is(.learner-markdown,.rendered-markdown) .markdown-aside-content>:first-child{margin-top:0}:is(.learner-markdown,.rendered-markdown) .markdown-aside-content>:last-child{margin-bottom:0}:is(.learner-markdown,.rendered-markdown) .markdown-youtube{margin:24px 0}:is(.learner-markdown,.rendered-markdown) .markdown-youtube>div{position:relative;width:100%;overflow:hidden;aspect-ratio:16/9;border-radius:14px;background:#111;box-shadow:0 10px 28px #17243e24}:is(.learner-markdown,.rendered-markdown) .markdown-youtube iframe{position:absolute;inset:0;width:100%;height:100%;border:0}:is(.learner-markdown,.rendered-markdown) .markdown-youtube figcaption{margin-top:8px;color:#69716e;font-size:.875rem;text-align:right}:is(.learner-markdown,.rendered-markdown) .markdown-youtube figcaption a{color:#31599f}