.site-main .help-hero{

            padding: 70px 0 50px;

            background: linear-gradient(135deg, #ffffff 0%, #e2f3ed 100%);

            text-align: center;

            border-bottom: 1px solid rgba(15,118,110,0.04);

        }
.site-main .help-hero .help-hero-icon{

            font-size: 3.6rem;

            color: #0f766e;

            opacity: 0.12;

            display: block;

            margin-bottom: 4px;

        }
.site-main .help-hero .help-eyebrow{

            display: inline-block;

            background: rgba(15,118,110,0.06);

            border: 1px solid rgba(15,118,110,0.08);

            border-radius: 40px;

            padding: 4px 20px;

            font-size: 0.8rem;

            font-weight: 600;

            color: #0f766e;

            margin-bottom: 12px;

        }
.site-main .help-hero h1{

            font-size: 2.6rem;

            font-weight: 800;

            color: #123c39;

            margin-bottom: 8px;

        }
.site-main .help-hero h1 .text-accent{ color: #0f766e; }
.site-main .help-hero .hero-description{

            font-size: 1.05rem;

            color: #426561;

            max-width: 600px;

            margin: 0 auto 18px;

            line-height: 1.8;

        }
.site-main .help-hero .hero-description strong{ color: #123c39; }
.site-main .tutorial-list-section{

            padding: 40px 0 70px;

            background: #f4faf7;

        }
.site-main .tutorial-list-section .tutorial-list-grid{

            display: grid;

            grid-template-columns: repeat(3, minmax(0, 1fr));

            gap: 24px;

        }
.site-main .tutorial-list-section .tutorial-list-grid .tutorial-list-card[hidden]{ display: none; }
.site-main .tutorial-list-section .tutorial-list-card{ min-width: 0; }
.site-main .tutorial-list-section .pagination{

            display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; margin-top: 36px;

        }
.site-main .tutorial-list-section .pagination a,

        .site-main .tutorial-list-section .pagination span{

            display: inline-flex; align-items: center; justify-content: center;

            min-width: 44px; min-height: 44px; padding: 8px 14px; border-radius: 10px;

            border: 1px solid #dcebe2; background: #fff; color: #244d49; text-decoration: none;

        }
.site-main .tutorial-list-section .pagination a:hover{ border-color: #0f766e; color: #0f766e; }
.site-main .tutorial-list-section .pagination a:focus-visible{ outline: 2px solid #0f766e; outline-offset: 3px; }
.site-main .tutorial-list-section .pagination [aria-current="page"]{ background: #0f766e; border-color: #0f766e; color: #fff; }
.site-main .tutorial-list-section .pagination [aria-disabled="true"]{ color: #637c73; background: #f3f7f4; }
.site-main .tutorial-list-section .pagination-status{ margin-top: 12px; text-align: center; color: #52736e; font-size: 0.85rem; }
.site-main .tutorial-list-section .tutorial-list-grid .tutorial-list-card{

            background: #ffffff;

            border-radius: 16px;

            overflow: hidden;

            border: 1px solid rgba(15,118,110,0.04);

            transition: 0.35s ease;

            display: flex;

            flex-direction: column;

        }
.site-main .tutorial-list-section .tutorial-list-grid .tutorial-list-card:hover{

            border-color: rgba(15,118,110,0.08);

            box-shadow: 0 8px 28px rgba(15,118,110,0.04);

            transform: translateY(-4px);

        }
.site-main .tutorial-list-section .tutorial-list-grid .tutorial-list-card .tutorial-card-image{

            width: 100%;

            height: 160px;

            background: #e2f3ed;

            overflow: hidden;

            flex-shrink: 0;

            display: flex;

            align-items: center;

            justify-content: center;

        }
.site-main .tutorial-list-section .tutorial-list-grid .tutorial-list-card .tutorial-card-image img{

            width: 100%;

            height: 100%;

            object-fit: cover;

            display: block;

            transition: transform 0.4s ease;

        }
.site-main .tutorial-list-section .tutorial-list-grid .tutorial-list-card:hover .tutorial-card-image img{

            transform: scale(1.02);

        }
.site-main .tutorial-list-section .tutorial-list-grid .tutorial-list-card .tutorial-card-body{

            padding: 18px 20px 20px;

            flex: 1;

            display: flex;

            flex-direction: column;

        }
.site-main .tutorial-list-section .tutorial-list-grid .tutorial-list-card .tutorial-card-body .content-tag{

            display: inline-block;

            font-size: 0.6rem;

            font-weight: 600;

            color: #0f766e;

            background: rgba(15,118,110,0.04);

            padding: 2px 10px;

            border-radius: 30px;

            margin-bottom: 6px;

            align-self: flex-start;

        }
.site-main .tutorial-list-section .tutorial-list-grid .tutorial-list-card .tutorial-card-body h3{

            font-size: 1rem;

            font-weight: 700;

            color: #123c39;

            margin-bottom: 4px;

            line-height: 1.35;

        }
.site-main .tutorial-list-section .tutorial-list-grid .tutorial-list-card .tutorial-card-body h3 a{

            color: #123c39;

            text-decoration: none;

        }
.site-main .tutorial-list-section .tutorial-list-grid .tutorial-list-card .tutorial-card-body h3 a:hover{

            color: #0f766e;

        }
.site-main .tutorial-list-section .tutorial-list-grid .tutorial-list-card .tutorial-card-body p{

            font-size: 0.88rem;

            color: #426561;

            line-height: 1.7;

            margin-bottom: 10px;

            flex: 1;

            display: -webkit-box;

            -webkit-line-clamp: 2;

            -webkit-box-orient: vertical;

            overflow: hidden;

        }
.site-main .tutorial-list-section .tutorial-list-grid .tutorial-list-card .tutorial-card-body .tutorial-card-metadata{

            font-size: 0.75rem;

            color: #748d87;

            display: flex;

            justify-content: space-between;

            align-items: center;

            padding-top: 10px;

            border-top: 1px solid rgba(15,118,110,0.04);

        }
.site-main .tutorial-list-section .tutorial-list-grid .tutorial-list-card .tutorial-card-body .tutorial-card-metadata .tutorial-read-link{

            color: #0f766e;

            text-decoration: none;

            font-weight: 500;

            font-size: 0.8rem;

        }
.site-main .tutorial-list-section .tutorial-list-grid .tutorial-list-card .tutorial-card-body .tutorial-card-metadata .tutorial-read-link:hover{

            text-decoration: underline;

        }
.site-main .help-call-to-action{

            padding: 50px 0 60px;

            background: #ffffff;

            border-top: 1px solid rgba(15,118,110,0.04);

            text-align: center;

        }
.site-main .help-call-to-action h2{

            font-size: 1.6rem;

            font-weight: 700;

            color: #123c39;

            margin-bottom: 6px;

        }
.site-main .help-call-to-action p{

            color: #426561;

            font-size: 1rem;

            margin-bottom: 18px;

        }
.site-main .help-call-to-action .call-to-action-buttons{

            display: flex;

            gap: 14px;

            justify-content: center;

            flex-wrap: wrap;

        }
@media (max-width: 1024px){.site-main .help-hero h1{ font-size: 2.2rem; }
.site-main .tutorial-list-section .tutorial-list-grid{ gap: 18px; grid-template-columns: repeat(2, 1fr); }}
@media (max-width: 768px){.site-main .help-hero{ padding: 50px 0 30px; }
.site-main .help-hero h1{ font-size: 1.8rem; }
.site-main .help-hero .help-hero-icon{ font-size: 2.6rem; }
.site-main .tutorial-list-section{ padding: 20px 0 50px; }
.site-main .tutorial-list-section .tutorial-list-grid{ grid-template-columns: 1fr; gap: 16px; }
.site-main .help-call-to-action h2{ font-size: 1.3rem; }}
@media (max-width: 480px){.site-main .help-hero h1{ font-size: 1.5rem; }
.site-main .help-hero .hero-description{ font-size: 0.95rem; }
.site-main .tutorial-list-section .tutorial-list-grid .tutorial-list-card .tutorial-card-image{ height: 130px; }
.site-main .tutorial-list-section .tutorial-list-grid .tutorial-list-card .tutorial-card-body{ padding: 14px 16px; }
.site-main .tutorial-list-section .tutorial-list-grid .tutorial-list-card .tutorial-card-body h3{ font-size: 0.92rem; }
.site-main .help-call-to-action .call-to-action-buttons{ flex-direction: column; align-items: center; }
.site-main .help-call-to-action .call-to-action-buttons .button-primary,

            .site-main .help-call-to-action .call-to-action-buttons .button-outline{ width: 100%; justify-content: center; }}