/** Shopify CDN: Minification failed

Line 328:0 Unexpected "`"
Line 332:0 Unexpected "`"
Line 338:0 Unexpected "`"
Line 376:0 Unexpected "`"

**/
/* SHOPIFY_STYLESHEETS_VERSION: 1.0 */


/* CSS from section stylesheet tags */
/* START_SECTION:tt-knowledged-hub (INDEX:0) */
/*
============================================================================
MAIN
============================================================================
*/

.tiny-teachables {
padding-top: 60px;
padding-bottom: 60px;
}

.tiny-teachables__container {
max-width: 1400px;
margin: 0 auto;
}

/*
============================================================================
HEADER
============================================================================
*/

.tiny-teachables__header {
max-width: 850px;
margin: 0 auto 50px;
text-align: center;
}

.tiny-teachables__heading {
margin-top: 0;
margin-bottom: 20px;
}

.tiny-teachables__intro {
margin: 0;
}

/*
============================================================================
FILTER AREA
============================================================================
*/

.tiny-teachables__filters {
margin-bottom: 50px;
padding: 30px;
border-radius: 12px;
background: rgba(var(--color-foreground), 0.04);
}

.tiny-teachables__filter-group {
margin-bottom: 30px;
}

.tiny-teachables__filter-group:last-of-type {
margin-bottom: 25px;
}

.tiny-teachables__filter-heading {
margin-top: 0;
margin-bottom: 15px;
font-size: 18px;
}

.tiny-teachables__filter-options {
display: flex;
flex-wrap: wrap;
gap: 10px;
}

.tiny-teachables__filter-option {
  position: relative;
  display: inline-flex;
  align-items: center;
  cursor: pointer;
  user-select: none;
  z-index: 2;
}

.tiny-teachables__filter-option input {
  position: absolute;
  opacity: 0;
  width: 1px;
  height: 1px;
}

.tiny-teachables__filter-checkbox {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  margin-right: 8px;
  border: 1px solid rgba(var(--color-foreground), 0.35);
  border-radius: 4px;
  background: rgb(var(--color-background));
  transition: .2s ease;
}

.tiny-teachables__filter-option input:checked + .tiny-teachables__filter-checkbox {
  border-color: rgb(var(--color-foreground));
  background: rgb(var(--color-foreground));
}

.tiny-teachables__filter-option input:checked + .tiny-teachables__filter-checkbox::after {
  content: "";
  width: 5px;
  height: 10px;
  border: solid rgb(var(--color-background));
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}

.tiny-teachables__filter-label {
  font-size: 15px;
}

.tiny-teachables__filter-actions {
display: flex;
align-items: center;
justify-content: space-between;
gap: 20px;
padding-top: 25px;
border-top: 1px solid rgba(var(--color-foreground), 0.1);
}

.tiny-teachables__results-count {
margin: 0;
font-size: 15px;
}

.tiny-teachables__clear-filters {
padding: 0;
border: 0;
background: transparent;
color: rgb(var(--color-foreground));
font-size: 14px;
font-weight: 600;
text-decoration: underline;
text-underline-offset: 3px;
cursor: pointer;
}

/*
============================================================================
ARTICLE GRID
============================================================================
*/

.tiny-teachables__grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 30px;
}

/*
============================================================================
ARTICLE CARD
============================================================================
*/

.tiny-teachables__card {
min-width: 0;
overflow: hidden;
border: 1px solid rgba(var(--color-foreground), 0.12);
border-radius: 10px;
background: rgb(var(--color-background));
transition:
transform 0.2s ease,
box-shadow 0.2s ease;
}

.tiny-teachables__card:hover {
transform: translateY(-3px);
box-shadow:
0 8px 25px
rgba(var(--color-foreground), 0.1);
}

.tiny-teachables__card-link {
display: flex;
flex-direction: column;
height: 100%;
color: inherit;
text-decoration: none;
}

/*
============================================================================
CARD IMAGE
============================================================================
*/

.tiny-teachables__card-image-wrapper {
position: relative;
aspect-ratio: 16 / 10;
overflow: hidden;
background: rgba(var(--color-foreground), 0.05);
}

.tiny-teachables__card-image {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.3s ease;
}

.tiny-teachables__card:hover
.tiny-teachables__card-image {
transform: scale(1.03);
}

.tiny-teachables__card-image-placeholder {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
padding: 20px;
text-align: center;
}

/*
============================================================================
CARD CONTENT
============================================================================
*/

.tiny-teachables__card-content {
display: flex;
flex: 1;
flex-direction: column;
padding: 24px;
}

.tiny-teachables__card-tags {
display: flex;
flex-wrap: wrap;
gap: 6px;
margin-bottom: 12px;
}

.tiny-teachables__tag {
padding: 5px 9px;
border-radius: 20px;
background: rgba(var(--color-foreground), 0.07);
font-size: 12px;
line-height: 1;
}

.tiny-teachables__card-title {
margin-top: 0;
margin-bottom: 12px;
font-size: 22px;
line-height: 1.25;
}

.tiny-teachables__card-excerpt {
flex: 1;
margin-bottom: 20px;
font-size: 15px;
line-height: 1.6;
}

.tiny-teachables__card-read-more {
font-weight: 600;
}

/*
============================================================================
LOAD MORE
============================================================================
*/

.tiny-teachables__load-more-wrapper {
display: flex;
justify-content: center;
margin-top: 50px;
}

.tiny-teachables__load-more {
min-width: 180px;
}

/*
============================================================================
NO RESULTS / SETUP
============================================================================
*/

.tiny-teachables__no-results,
.tiny-teachables__setup-message {
max-width: 700px;
margin: 50px auto;
padding: 40px;
border-radius: 10px;
background: rgba(var(--color-foreground), 0.04);
text-align: center;
}

.tiny-teachables__no-results h2,
.tiny-teachables__setup-message h2 {
margin-top: 0;
}

/*
============================================================================
RESPONSIVE
============================================================================
*/

@media screen and (max-width: 989px) {

```
.tiny-teachables__grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
```

}

@media screen and (max-width: 749px) {

```
.tiny-teachables {
  padding-top: 40px;
  padding-bottom: 40px;
}


.tiny-teachables__filters {
  padding: 20px;
}


.tiny-teachables__filter-options {
  flex-direction: column;
  align-items: flex-start;
}


.tiny-teachables__filter-option {
  min-height: 36px;
}


.tiny-teachables__filter-actions {
  align-items: flex-start;
  flex-direction: column;
}


.tiny-teachables__grid {
  grid-template-columns: 1fr;
  gap: 20px;
}


.tiny-teachables__card-title {
  font-size: 20px;
}
```

}
/* END_SECTION:tt-knowledged-hub */