.cn-notes{--primary:#185fa5;--primary-lt:#eff6ff;--dark:#0b1f3a;--text:#334155;--surface:#f8fafc;--border:#185fa51f;--gold:#f59e0b;color:var(--text);background:#fff;font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.notes-hero{background:linear-gradient(135deg,#eff6ff 0%,#fffbeb 50%,#fff 100%);align-items:center;min-height:36vh;padding:56px 0;display:flex}.notes-hero .container{text-align:center;max-width:900px;margin:0 auto;padding:0 20px}.notes-back{color:var(--primary);border:1px solid var(--border);background:var(--primary-lt);border-radius:30px;align-items:center;gap:6px;margin-bottom:16px;padding:5px 14px;font-size:13px;font-weight:600;text-decoration:none;display:inline-flex}.notes-back:hover{background:#dbeafe}.notes-tag{color:var(--primary);letter-spacing:3px;text-transform:uppercase;background:#185fa51a;border:1px solid #185fa54d;border-radius:30px;margin-bottom:20px;padding:6px 18px;font-size:11px;font-weight:700;display:inline-block}.notes-hero h1{color:var(--dark);margin-bottom:16px;font-size:clamp(2rem,5.5vw,3.2rem);font-weight:800;line-height:1.2}.notes-hero h1 span{color:var(--primary)}.notes-hero p{max-width:640px;color:var(--text);opacity:.85;margin:0 auto;font-size:1.02rem;line-height:1.8}.notes-grid-section{max-width:1200px;margin:0 auto;padding:55px 20px}.notes-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.subject-card{border:1px solid var(--border);background:#fff;border-radius:16px;align-items:center;gap:16px;padding:26px 24px;text-decoration:none;transition:all .25s;display:flex}.subject-card:hover{border-color:var(--primary);transform:translateY(-4px);box-shadow:0 12px 30px #185fa51f}.subject-icon{background:var(--primary-lt);border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:54px;height:54px;font-size:26px;display:flex}.subject-info h3{color:var(--dark);margin-bottom:4px;font-size:16px;font-weight:700}.subject-info p{color:#94a3b8;margin-bottom:6px;font-size:12px;line-height:1.4}.subject-count{color:var(--primary);background:var(--primary-lt);border-radius:20px;padding:2px 10px;font-size:11px;font-weight:600;display:inline-block}.subject-card.soon{opacity:.62;cursor:default}.subject-card.soon .subject-icon{background:#f1f5f9}.soon-badge{text-transform:uppercase;letter-spacing:.5px;color:#d97706;background:#fffbeb;border:1px solid #fde68a;border-radius:20px;padding:2px 8px;font-size:9px;font-weight:700;display:inline-block}.notes-cta{text-align:center;color:#fff;background:linear-gradient(135deg,#0b1f3a,#185fa5);border-radius:22px;max-width:1000px;margin:20px auto 0;padding:46px 40px}.notes-cta h3{margin-bottom:10px;font-size:1.6rem;font-weight:700}.notes-cta p{opacity:.88;margin-bottom:22px;font-size:15px}.notes-cta a{background:var(--gold);color:#fff;border-radius:30px;padding:12px 30px;font-weight:700;text-decoration:none;display:inline-block}.notes-cta a:hover{background:#d97706}.topic-card{border:1px solid var(--border);background:#fff;border-radius:16px;align-items:center;gap:14px;padding:20px 22px;text-decoration:none;transition:all .25s;display:flex}.topic-card:hover{border-color:var(--primary);transform:translateY(-4px);box-shadow:0 12px 30px #185fa51f}.topic-num{background:var(--primary-lt);width:38px;height:38px;color:var(--primary);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;font-weight:700;display:flex}.topic-info h3{color:var(--dark);margin-bottom:3px;font-size:14.5px;font-weight:700}.topic-info p{color:#94a3b8;font-size:11.5px;line-height:1.4}.topic-card.soon{opacity:.62;cursor:default}.topic-card.soon .topic-num{color:#94a3b8;background:#f1f5f9}.post-hero{border-bottom:1px solid var(--border);background:linear-gradient(135deg,#eff6ff 0%,#fff 100%);padding:40px 0}.post-hero .container{max-width:900px;margin:0 auto;padding:0 20px}.post-back{color:var(--primary);border:1px solid var(--border);background:var(--primary-lt);border-radius:30px;align-items:center;gap:6px;margin-bottom:18px;padding:5px 14px;font-size:13px;font-weight:600;text-decoration:none;display:inline-flex}.post-back:hover{background:#dbeafe}.crumb{color:#94a3b8;margin-bottom:14px;font-size:12.5px}.crumb a{color:#64748b;text-decoration:none}.crumb a:hover{color:var(--primary);text-decoration:underline}.crumb span.sep{margin:0 6px}.crumb span.cur{color:var(--dark);font-weight:600}.post-cat-badge{background:var(--gold);color:#fff;text-transform:uppercase;letter-spacing:1.5px;border-radius:30px;margin-bottom:16px;padding:4px 14px;font-size:11px;font-weight:700;display:inline-block}.post-title{color:var(--dark);margin-bottom:16px;font-size:clamp(1.7rem,4vw,2.5rem);font-weight:800;line-height:1.25}.post-meta{color:#64748b;flex-wrap:wrap;gap:18px;font-size:13px;display:flex}.post-meta i{color:var(--primary);margin-right:5px}.note-layout{grid-template-columns:1fr 280px;align-items:start;gap:40px;max-width:1120px;margin:0 auto;padding:40px 20px 60px;display:grid}.note-layout>div:first-child{min-width:0}.lesson-outline{border-left:3px solid var(--gold);background:#f8fafc;border-radius:0 10px 10px 0;margin-bottom:28px;padding:16px 18px}.lesson-outline strong{color:var(--dark);margin-bottom:10px;font-size:13px;display:block}.lesson-outline div{flex-wrap:wrap;gap:8px 18px;display:flex}.lesson-outline a{color:var(--primary);font-size:12px;font-weight:600;text-decoration:none}.lesson-outline a:hover{text-decoration:underline}.post-body .lead{color:var(--dark);font-size:1.12rem;font-weight:600;line-height:1.7}.post-body h2{color:var(--dark);margin:34px 0 12px;scroll-margin-top:110px;font-size:1.5rem;font-weight:700}.post-body h3{color:var(--dark);margin:24px 0 10px;font-size:1.2rem;font-weight:600}.post-body p{color:var(--text);margin-bottom:16px;font-size:1rem;line-height:1.85}.post-body ul,.post-body ol{margin-bottom:16px;padding-left:22px}.post-body li{margin-bottom:5px;font-size:.98rem;line-height:1.8}.post-body a{color:var(--primary)}.post-body code{color:#0e4a82;background:#eff6ff;border-radius:5px;padding:2px 6px;font-family:Courier New,monospace;font-size:.88em}.post-body pre{color:#e2e8f0;background:#0b1f3a;border-radius:12px;max-width:100%;margin:18px 0;padding:18px 20px;overflow-x:auto}.post-body pre code{color:inherit;background:0 0;padding:0;font-size:.88rem;line-height:1.6}.post-body table{border-collapse:collapse;width:100%;margin:18px 0;font-size:.92rem}.post-body table th,.post-body table td{border:1px solid var(--border);text-align:left;padding:9px 12px}.post-body table th{background:var(--primary-lt);color:var(--dark)}.share-bar{border-top:1px solid var(--border);border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:10px;margin:28px 0;padding:20px 0;display:flex}.share-bar strong{color:var(--dark);font-size:13px;font-weight:600}.share-btn{cursor:pointer;border:none;border-radius:30px;align-items:center;gap:6px;padding:6px 14px;font-family:Poppins,sans-serif;font-size:12px;font-weight:600;text-decoration:none;display:inline-flex}.share-btn:hover{opacity:.85}.s-wa{color:#fff;background:#25d366}.s-li{color:#fff;background:#0077b5}.s-cp{background:var(--surface);color:var(--text);border:1px solid var(--border)!important}.prevnext{flex-wrap:wrap;justify-content:space-between;gap:14px;margin-top:30px;display:flex}.pn-btn{border:1px solid var(--border);border-radius:14px;flex:1;min-width:220px;padding:14px 18px;text-decoration:none;transition:all .2s}.pn-btn:hover{border-color:var(--primary);background:var(--primary-lt)}.pn-btn span{text-transform:uppercase;letter-spacing:.6px;color:#94a3b8;margin-bottom:4px;font-size:10.5px;display:block}.pn-btn strong{color:var(--dark);font-size:14px}.pn-next{text-align:right}.note-cta{text-align:center;color:#fff;background:linear-gradient(135deg,#0b1f3a,#185fa5);border-radius:18px;margin-top:34px;padding:32px 30px}.note-cta h3{margin-bottom:8px;font-size:1.35rem;font-weight:700}.note-cta p{opacity:.88;margin-bottom:18px;font-size:14px}.note-cta a{background:var(--gold);color:#fff;border-radius:30px;padding:11px 26px;font-weight:700;text-decoration:none;display:inline-block}.note-cta a:hover{background:#d97706}.topics-side{background:var(--surface);border:1px solid var(--border);border-radius:16px;max-height:calc(100vh - 120px);padding:18px;position:sticky;top:130px;overflow-y:auto}.topics-side h4{text-transform:uppercase;letter-spacing:.8px;color:#94a3b8;margin-bottom:12px;font-size:12px}.ts-group{margin-bottom:14px}.ts-group-label{text-transform:uppercase;letter-spacing:.6px;color:var(--primary);margin:10px 0 6px;padding:0 4px;font-size:11px;font-weight:700}.ts-item{border-radius:9px;align-items:center;gap:10px;margin-bottom:3px;padding:8px 10px;text-decoration:none;display:flex}.ts-item .ts-num{border:1px solid var(--border);color:#94a3b8;background:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:10.5px;font-weight:700;display:flex}.ts-item span.ts-title{color:var(--text);font-size:12.5px;line-height:1.3}.ts-item:hover{background:#fff}.ts-item.active{background:var(--primary)}.ts-item.active .ts-num{color:var(--primary);background:#fff;border-color:#fff}.ts-item.active span.ts-title{color:#fff;font-weight:600}.ts-item.locked{opacity:.5;cursor:default}.ts-item.locked .ts-num{background:#f1f5f9}@media (max-width:992px){.notes-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:900px){.note-layout{grid-template-columns:1fr;gap:24px}.topics-side{max-height:none;position:static}.topics-side h4{margin-top:0}}@media (max-width:700px){.notes-hero{padding:40px 0}.notes-hero h1{font-size:1.9rem}.notes-cta{padding:32px 20px}.notes-cta h3{font-size:1.2rem}.note-layout{padding:28px 16px 40px}.post-hero{padding:28px 0}.post-body{font-size:.95rem}.topics-side{margin-top:8px}}@media (max-width:600px){.notes-grid{grid-template-columns:1fr}.notes-hero{padding:32px 0}.notes-grid-section{padding:36px 16px}.subject-card{padding:20px 16px}.prevnext{flex-direction:column}.pn-btn{min-width:0}.share-bar{gap:6px}.share-btn{padding:5px 10px;font-size:11px}}@media (max-width:480px){.post-title{font-size:1.5rem}.post-meta{gap:12px;font-size:12px}.crumb{font-size:11.5px}}.sql-search{max-width:520px;margin:26px auto 0;position:relative}.sql-search input{border:1px solid var(--border);width:100%;color:var(--text);background:#fff;border-radius:30px;padding:13px 20px 13px 44px;font-family:inherit;font-size:14px;box-shadow:0 6px 20px #185fa514}.sql-search input:focus{border-color:var(--primary);outline:none}.sql-search-icon{color:#94a3b8;font-size:14px;position:absolute;top:50%;left:18px;transform:translateY(-50%)}.cat-overview-grid{grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:10px;display:grid}.cat-card{border:1px solid var(--border);background:#fff;border-radius:16px;padding:22px;text-decoration:none;transition:all .2s;display:block}.cat-card:hover{border-color:var(--primary);transform:translateY(-3px);box-shadow:0 12px 28px #185fa51a}.cat-card .ci-top{align-items:center;gap:12px;margin-bottom:10px;display:flex}.cat-card .ci-icon{background:var(--primary-lt);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:20px;display:flex}.cat-card h3{color:var(--dark);margin:0;font-size:15px;font-weight:700}.cat-card p{color:#64748b;min-height:38px;margin-bottom:14px;font-size:12.5px;line-height:1.55}.cat-meta{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.cat-badges{flex-wrap:wrap;gap:6px;display:flex}.cat-badge{background:var(--primary-lt);color:var(--primary);border-radius:20px;padding:3px 9px;font-size:10px;font-weight:700}.cat-badge.time{color:#b45309;background:#fffbeb}.cat-cta{color:var(--primary);font-size:12px;font-weight:700}.cat-card.empty{opacity:.6}.cat-card.empty .cat-cta{color:#94a3b8}.cat-section{margin:48px 0 0;scroll-margin-top:130px}.cat-section-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:16px;padding-bottom:10px;display:flex}.cat-section-head h2{color:var(--dark);align-items:center;gap:8px;margin:0;font-size:1.15rem;font-weight:800;display:flex}.cat-section-head .count{color:#94a3b8;font-size:12px;font-weight:600}.no-results{text-align:center;color:#94a3b8;padding:50px 20px;display:none}.no-results a{color:var(--primary)}@media (max-width:992px){.cat-overview-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.cat-overview-grid{grid-template-columns:1fr}}.subject-icon img{object-fit:contain;width:32px;height:32px}.hero-icon{object-fit:contain;vertical-align:middle;width:44px;height:44px;margin-right:8px;display:inline-block}