.blog-all-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px}.blog-card{display:flex;flex-direction:column;gap:8px;background:#fff;border:1px solid var(--border);border-radius:12px;padding:20px;text-decoration:none;color:inherit;transition:box-shadow .15s,transform .15s}.blog-card:hover{box-shadow:0 4px 20px rgba(0,0,0,.08);transform:translateY(-2px)}.blog-card-thumb{width:calc(100% + 40px);margin:-20px -20px 4px;aspect-ratio:16/9;object-fit:cover;border-radius:12px 12px 0 0;display:block;background:#eef1f3}.blog-card-meta{display:flex;align-items:center;gap:8px;font-size:12px}.blog-card-cat{background:var(--accent-light);color:var(--accent);border-radius:4px;padding:2px 8px;font-weight:600}.blog-card-date{color:var(--text-muted)}.blog-card h3{font-size:15px;font-weight:700;line-height:1.4;color:var(--text-primary);margin:0}.blog-card p{font-size:13px;color:var(--text-secondary);line-height:1.5;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.blog-card-cue{margin-top:auto;padding-top:16px;color:var(--orange);font-size:13px;font-weight:700}.blog-card[data-hidden]{display:none}.tut-chip{border:1px solid var(--border);background:#fff;color:#4b5563;font-size:14px;font-weight:600;padding:8px 18px;border-radius:24px;cursor:pointer;transition:all .15s}.tut-chip:hover{border-color:var(--orange);color:var(--orange)}.tut-chip.active{background:var(--orange);border-color:var(--orange);color:#fff}.tut-card .blog-card-thumb{aspect-ratio:16/9;object-fit:cover}.tut-filters{display:flex;flex-direction:column;gap:12px;margin-bottom:18px}.tut-filter-row{display:flex;gap:10px;align-items:flex-start}.tut-chip-row{display:flex;gap:10px;flex-wrap:wrap;flex:1;min-width:0}.tut-filter-label{font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary);width:56px;flex:none;padding-top:11px}.tut-chip-n{margin-left:8px;font-size:12px;font-weight:700;opacity:.55;font-variant-numeric:tabular-nums}.tut-count{font-size:14px;color:var(--text-secondary);margin:0 0 22px}.tut-tags{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px}.tut-tag{display:inline-block;padding:3px 10px;border-radius:14px;font-size:12px;font-weight:700}.tut-tag-topic{background:#f3f4f6;color:#4b5563}.tut-dur{position:absolute;right:10px;bottom:10px;background:rgba(0,0,0,.75);color:#fff;font-size:12px;font-weight:700;padding:2px 8px;border-radius:6px}.tut-empty{font-size:15px;color:var(--text-secondary);padding:32px 0}.tut-reset{background:0 0;border:0;padding:0;font:inherit;font-weight:700;color:var(--orange);cursor:pointer;text-decoration:underline}@media (max-width:640px){.tut-filter-row{flex-wrap:wrap}.tut-filter-label{width:auto;flex-basis:100%;padding-top:0}}.tut-top .one-section-head{max-width:1060px;margin-bottom:0}#tutLessons .one-section-head{max-width:1060px;margin-bottom:26px}.tut-paths{margin:48px 0 22px}.tut-paths h2{font-size:26px;font-weight:700;margin:0 0 6px}.tut-paths p{font-size:16px;color:var(--text-secondary);margin:0}.bench-nudge{position:fixed;right:20px;bottom:20px;z-index:60;width:308px;max-width:calc(100vw - 40px);background:#fff;border:1px solid #e5e7eb;border-left:4px solid #ea580c;border-radius:0 12px 12px 0;box-shadow:0 10px 34px rgba(17,24,39,.14);opacity:0;transform:translateY(10px);transition:opacity .26s ease,transform .26s ease}.bench-nudge.is-in{opacity:1;transform:translateY(0)}.bench-nudge-link{display:block;padding:15px 34px 15px 18px;text-decoration:none}.bench-nudge-eyebrow{display:block;font-size:10.5px;letter-spacing:1.3px;text-transform:uppercase;font-weight:700;color:#1a7a69;margin-bottom:4px}.bench-nudge-title{display:block;font-size:15px;font-weight:700;color:#111827;line-height:1.32}.bench-nudge-sub{display:block;font-size:12.5px;color:#4b5563;margin-top:5px;line-height:1.45}.bench-nudge-x{position:absolute;top:6px;right:6px;width:26px;height:26px;border:0;background:0 0;color:#6b7280;font-size:19px;line-height:1;cursor:pointer;border-radius:6px}.bench-nudge-x:hover{background:#f3f4f6;color:#4b5563}.bench-nudge:hover{border-color:#d1d5db}@media (max-width:600px){.bench-nudge{left:12px;right:12px;bottom:12px;width:auto}}@media (prefers-reduced-motion:reduce){.bench-nudge{transition:none}}.bench-nudge.is-yielding{opacity:0;transform:translateY(10px);pointer-events:none}