.tldr-container{background-color:#f0f8ff;border:1px solid #d0e7ff;border-radius:6px;margin:2rem 0;padding:1.25rem 1.5rem;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;box-shadow:0 2px 5px rgba(0,0,0,.05)}.tldr-label{color:#0a66c2;text-transform:uppercase;letter-spacing:.05rem;margin-bottom:.75rem;font-size:1rem;font-weight:700}.tldr-body,.tldr-body *{color:#333;font-size:.95rem;line-height:1.6}
.tldr{border:.5px solid #d0cfc7;border-radius:12px;margin:0 0 2rem;font-family:inherit;overflow:hidden}.tldr__header{background:#fafaf8;border-bottom:.5px solid #e8e6de;justify-content:space-between;align-items:center;padding:12px 20px;display:flex}.tldr__label-wrap{align-items:center;gap:8px;display:flex}.tldr__dot{background:#7f77dd;border-radius:50%;flex-shrink:0;width:6px;height:6px}.tldr__label{color:#7f77dd;letter-spacing:.05em;text-transform:uppercase;font-size:12px;font-weight:500}.tldr__meta{align-items:center;gap:12px;display:flex}.tldr__read-time{color:#888780;font-size:12px}.tldr__difficulty{border-radius:6px;padding:3px 10px;font-size:11px;font-weight:500}.tldr__difficulty--beginner{color:#3b6d11;background:#eaf3de}.tldr__difficulty--intermediate{color:#854f0b;background:#faeeda}.tldr__difficulty--advanced{color:#a32d2d;background:#fcebeb}.tldr__body{flex-direction:column;gap:20px;padding:20px 24px;display:flex}.tldr__divider{background:#e8e6de;height:.5px}.tldr__section{flex-direction:column;gap:6px;display:flex}.tldr__section-label{color:#888780;text-transform:uppercase;letter-spacing:.05em;margin:0;font-size:12px;font-weight:500}.tldr__what{color:#2c2c2a;margin:0;font-size:15px;line-height:1.5}.tldr__takeaways{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.tldr__takeaway{color:#444441;align-items:flex-start;gap:10px;font-size:14px;line-height:1.5;display:flex}.tldr__num{color:#534ab7;background:#eeedfe;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;margin-top:2px;font-size:10px;font-weight:500;display:flex}.tldr__bottom{flex-wrap:wrap;gap:16px;display:flex}.tldr__bottom .tldr__section{flex:1;min-width:160px}.tldr__build-text{color:#444441;margin:0;font-size:13px;line-height:1.5}.tldr__prereqs{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.tldr__prereq{color:#444441;align-items:flex-start;gap:6px;font-size:13px;line-height:1.5;display:flex}.tldr__prereq-dash{color:#888780;flex-shrink:0;margin-top:3px;font-size:10px}@media (prefers-color-scheme:dark){.tldr{border-color:rgba(255,255,255,.1)}.tldr__header{background:rgba(255,255,255,.03);border-bottom-color:rgba(255,255,255,.08)}.tldr__divider{background:rgba(255,255,255,.08)}.tldr__read-time,.tldr__section-label,.tldr__prereq-dash{color:rgba(255,255,255,.4)}.tldr__what,.tldr__build-text{color:rgba(255,255,255,.85)}.tldr__takeaway,.tldr__prereq{color:rgba(255,255,255,.7)}.tldr__num{color:#afa9ec;background:rgba(127,119,221,.2)}.tldr__difficulty--beginner{color:#c0dd97;background:rgba(99,153,34,.15)}.tldr__difficulty--intermediate{color:#fac775;background:rgba(239,159,39,.15)}.tldr__difficulty--advanced{color:#f09595;background:rgba(226,75,74,.15)}}
.bytheend-component-container{background-color:#f3faf7;border:1px solid #cceadf;border-radius:10px;margin:2rem 0;padding:1.25rem 1.5rem;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}.bytheend-component-label{color:#02100c;letter-spacing:.05rem;margin-bottom:.75rem;font-size:1.2rem;font-weight:500}.bytheend-component-container p{margin:0!important}.bytheend-component-body{color:#02100c;font-size:1.125rem;font-weight:300;line-height:1.5}
.note-component-container{background-color:rgba(255,215,0,.1);border:1px solid rgba(255,215,0,.4);border-radius:6px;margin:2rem 0;padding:1.25rem 1.5rem;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;box-shadow:0 2px 5px rgba(0,0,0,.08)}.note-component-label{color:#e3c416;text-transform:uppercase;letter-spacing:.05rem;margin-bottom:.75rem;font-size:1.2rem;font-weight:700}.note-component-body{color:#222;font-size:1.125rem;font-weight:300;line-height:1.6}
.quick-definition-container{background-color:#f5f0ff;border:1px solid #e0d0ff;border-radius:6px;margin:2rem 0;padding:1.25rem 1.5rem;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;box-shadow:0 2px 5px rgba(0,0,0,.05)}.quick-definition-label{color:#6a0dad;text-transform:uppercase;letter-spacing:.05rem;margin-bottom:.75rem;font-size:1.2rem;font-weight:700}.quick-definition-body{color:#333;font-size:1.125rem;font-weight:300;line-height:1.6}
.tabs-container{border:1px solid #ddd;border-radius:6px;margin:1rem 0;font-family:sans-serif;overflow:hidden}.tabs-header{background-color:#f5f5f5;border-bottom:1px solid #ccc;display:flex}.tab-button{cursor:pointer;background:0 0;border:none;flex:1;padding:.75rem 1rem;font-weight:600;transition:background-color .2s}.tab-button:hover{background-color:#e0e0e0}.tab-button.active{background-color:#fff;border-bottom:3px solid #007acc}.tabs-body{background-color:#fff;padding:1rem}.tab-panel{animation:.2s ease-in-out fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}