.tutorial-filters { display:flex; flex-wrap:wrap; gap:1rem; align-items:end; margin:2rem 0; }
.tutorial-filters label { display:grid; gap:.5rem; flex:1 1 220px; color:var(--service-ink); }
.tutorial-filters input,.tutorial-filters select { padding:.75rem; border:1px solid var(--service-border); border-radius:.75rem; background:var(--service-surface); color:var(--service-ink); width:100%; }
.tutorial-card { overflow:hidden; border:1px solid var(--service-border); border-radius:1rem; background:var(--service-surface); }
.tutorial-card img { width:100%; aspect-ratio:16/9; object-fit:cover; }
.tutorial-card>div { padding:1.5rem; }
.tutorial-card h2 { font-size:1.25rem; font-weight:700; color:var(--service-ink); margin:.75rem 0; }
.tutorial-card p,.tutorial-empty,.tutorial-meta { color:var(--service-copy); line-height:1.75; }
.tutorial-meta { font-size:.85rem; margin-block:1rem; }
.tutorial-content { max-width:850px; padding-block:3rem; }
.tutorial-body { margin-top:2rem; overflow-wrap:anywhere; }
.tutorial-body h2 { margin-top:2rem; }
.tutorial-body p { margin-bottom:1.25rem; }
.tutorial-content>p { margin-bottom:2rem; }
.tutorial-cover { margin-top:2rem; width:100%; max-height:480px; object-fit:cover; border-radius:1rem; }
.tutorial-page .service-section { margin-top:2rem; }
.shop-card img,.shop-detail .service-hero-image { object-fit:contain; background:var(--service-surface); }
.drbit-community .shop-price { font-size:1.5rem; font-weight:750; color:#047857; margin-block:1rem; }
html.dark .drbit-community .shop-price { color:#6ee7b7; }
.shop-detail { margin-bottom:3rem; }
.shop-detail .service-primary { margin-top:1.5rem; }
@media(max-width:600px) { .tutorial-filters .service-primary { width:100%; } }