.contents-hub,.article-page{background:#f7f4ee;color:#171717;min-height:70vh}.contents-hero{background:#111;color:#fff;padding:70px 0 60px;position:relative;overflow:hidden}.contents-hero:after{background:radial-gradient(circle,#d6a900 0,transparent 65%);content:"";height:360px;opacity:.18;position:absolute;right:-100px;top:-160px;width:360px}.contents-eyebrow,.article-section-heading span{color:#b88d00;font-size:.78rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.contents-hero h1{font-size:clamp(2.2rem,5vw,4.5rem);font-weight:900;margin:10px 0}.contents-hero p{color:#d6d3d1;font-size:1.08rem;max-width:650px}.contents-search{display:flex;margin-top:28px;max-width:680px;position:relative;z-index:1}.contents-search input{border:0;border-radius:6px 0 0 6px;min-height:52px;padding:0 18px;width:100%}.contents-search button{background:#e0b800;border:0;border-radius:0 6px 6px 0;color:#111;font-weight:800;padding:0 22px}.contents-search button i{margin-right:8px}.contents-main{padding-bottom:70px;padding-top:32px}.contents-categories{display:flex;gap:10px;margin-bottom:32px;overflow:auto;padding-bottom:5px}.contents-categories a{background:#fff;border:1px solid #ded9d0;border-radius:999px;color:#333;flex:none;font-weight:700;padding:9px 15px}.contents-categories a.active{background:#111;color:#fff}.contents-categories span{opacity:.65}.contents-featured{background:#111;border-radius:14px;margin-bottom:44px;overflow:hidden}.contents-featured>a{align-items:stretch;color:#fff;display:grid;grid-template-columns:1.3fr 1fr}.contents-featured img{height:100%;object-fit:cover;width:100%}.contents-featured div{display:flex;flex-direction:column;justify-content:center;padding:42px}.contents-featured span,.content-card__body>span{color:#d6aa00;font-size:.75rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.contents-featured h2{color:#fff;font-size:clamp(1.7rem,3vw,2.7rem);font-weight:900;margin:10px 0}.contents-featured p{color:#d6d3d1}.contents-featured strong{color:#f2c500;margin-top:15px}.contents-heading{align-items:end;display:flex;justify-content:space-between;margin:20px 0}.contents-heading h2{font-size:1.7rem;font-weight:900}.contents-heading span{color:#777}.contents-grid{display:grid;gap:24px;grid-template-columns:repeat(3,minmax(0,1fr))}.content-card{background:#fff;border:1px solid #e3ded5;border-radius:10px;overflow:hidden;transition:.2s}.content-card:hover{box-shadow:0 12px 30px rgba(0,0,0,.09);transform:translateY(-3px)}.content-card>a{color:inherit;display:block;height:100%}.content-card__image{aspect-ratio:16/9;background:#e8e4dc;overflow:hidden}.content-card__image img{height:100%;object-fit:cover;width:100%}.content-card__body{padding:20px}.content-card h3{font-size:1.15rem;font-weight:850;line-height:1.3;margin:8px 0}.content-card p{color:#666;display:-webkit-box;font-size:.91rem;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}.content-card small{color:#777}.contents-empty{background:#fff;border-radius:10px;padding:50px;text-align:center}.contents-pagination{margin-top:35px}.article-preview{background:#e0b800;color:#111;font-weight:800;padding:10px;text-align:center}.article-breadcrumb{padding:24px 0}.article-breadcrumb ol{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:0}.article-breadcrumb li:not(:last-child):after{content:"/";margin-left:8px;opacity:.4}.article-breadcrumb a{color:#555}.article-header{margin:25px auto 35px;max-width:900px;text-align:center}.article-category{color:#9b7600;font-size:.78rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.article-header h1{font-size:clamp(2rem,5vw,4rem);font-weight:900;letter-spacing:-.025em;line-height:1.08;margin:14px 0}.article-excerpt{color:#555;font-size:clamp(1rem,2vw,1.25rem);line-height:1.65}.article-meta{color:#6b6b6b;display:flex;flex-wrap:wrap;font-size:.86rem;gap:18px;justify-content:center}.article-cover{aspect-ratio:16/9;background:#ddd;border-radius:14px;margin:0 0 44px;overflow:hidden}.article-cover img{height:100%;object-fit:cover;width:100%}.article-layout{display:grid;gap:42px;grid-template-columns:230px minmax(0,760px);justify-content:center}.article-toc{align-self:start;background:#fff;border-left:4px solid #d5a900;border-radius:4px;padding:18px;position:sticky;top:105px}.article-toc ol{list-style:none;margin:12px 0 0;padding:0}.article-toc li{font-size:.84rem;margin:8px 0}.article-toc .toc-h3{padding-left:14px}.article-toc a{color:#555}.article-content{font-family:Georgia,serif;font-size:1.08rem;line-height:1.85}.article-content h2,.article-content h3{font-family:Poppins,sans-serif;font-weight:850;scroll-margin-top:110px}.article-content h2{font-size:1.75rem;margin:2.2em 0 .65em}.article-content h3{font-size:1.3rem;margin:1.8em 0 .55em}.article-content a{color:#876700;text-decoration:underline}.article-content blockquote,.article-content .article-highlight,.article-content .article-note{background:#fff8d9;border-left:4px solid #d5a900;margin:28px 0;padding:20px 24px}.article-content img{height:auto;max-width:100%}.article-content figure{margin:30px 0}.article-content figcaption{color:#777;font-size:.8rem;text-align:center}.article-products,.article-related{border-top:1px solid #ddd5c8;margin-top:60px;padding-top:45px}.article-section-heading{text-align:center}.article-section-heading h2{font-size:1.8rem;font-weight:900;margin:8px 0 25px}.article-product-grid{display:grid;gap:22px;grid-template-columns:repeat(3,minmax(0,1fr));margin:auto;max-width:980px}.article-product-card{background:#fff;border-radius:10px;overflow:hidden}.article-product-card a{color:#171717;display:block}.article-product-card img{aspect-ratio:4/5;height:auto;object-fit:cover;width:100%}.article-product-card div{padding:18px}.article-product-card h3{font-size:1rem;font-weight:800}.article-product-card p{font-size:1.15rem;font-weight:900}.article-product-card strong{color:#876700}.article-related{padding-bottom:70px}.article-related .contents-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:991px){.contents-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.contents-featured>a{grid-template-columns:1fr}.contents-featured img{aspect-ratio:16/8}.article-layout{grid-template-columns:minmax(0,760px)}.article-toc{position:static}.article-related .contents-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:575px){.contents-hero{padding:45px 0}.contents-search button span{display:none}.contents-search button i{margin:0}.contents-featured div{padding:25px}.contents-grid,.article-product-grid,.article-related .contents-grid{grid-template-columns:1fr}.contents-heading{align-items:start;flex-direction:column}.article-breadcrumb{font-size:.78rem}.article-header{text-align:left}.article-meta{justify-content:flex-start}.article-cover{border-radius:8px;margin-left:-15px;margin-right:-15px}.article-content{font-size:1rem}.article-content h2{font-size:1.45rem}.article-products,.article-related{margin-top:45px}}

/* Article reading experience */
.article-page > .container {
    max-width: 1200px;
}

.article-header {
    margin-bottom: 42px;
    max-width: 980px;
}

.article-header h1 {
    font-size: clamp(2.25rem, 4.6vw, 4.4rem);
    line-height: 1.04;
}

.article-excerpt {
    margin: 0 auto 12px;
    max-width: 820px;
}

.article-cover {
    aspect-ratio: auto;
    box-shadow: 0 16px 45px rgba(31, 28, 23, .1);
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    width: fit-content;
}

.article-cover img {
    display: block;
    height: auto;
    max-width: 100%;
    object-fit: contain;
    width: auto;
}

.article-layout--reading {
    display: block;
    margin: 0 auto;
    max-width: 860px;
}

.article-layout--with-toc {
    grid-template-columns: 240px minmax(0, 800px);
}

.article-content {
    background: #fff;
    border: 1px solid #e6e0d6;
    border-radius: 12px;
    box-shadow: 0 14px 42px rgba(31, 28, 23, .055);
    color: #2c2925;
    font-size: 1.105rem;
    line-height: 1.9;
    min-width: 0;
    padding: clamp(32px, 5vw, 62px);
}

.article-content > :first-child {
    margin-top: 0;
}

.article-content > :last-child {
    margin-bottom: 0;
}

.article-content p {
    margin: 0 0 1.35em;
}

.article-content h2 {
    color: #171717;
    font-size: clamp(1.65rem, 3vw, 2.15rem);
    line-height: 1.2;
    margin: 2.1em 0 .7em;
}

.article-content h3 {
    color: #24211d;
    font-size: clamp(1.25rem, 2.4vw, 1.55rem);
    line-height: 1.3;
}

.article-content ul,
.article-content ol {
    margin: 0 0 1.5em;
    padding-left: 1.4em;
}

.article-content li {
    margin-bottom: .45em;
}

.article-content strong {
    color: #171717;
}

@media (max-width: 991px) {
    .article-layout--with-toc {
        grid-template-columns: minmax(0, 800px);
    }

    .article-toc {
        margin: 0 auto;
        max-width: 800px;
        width: 100%;
    }
}

@media (max-width: 575px) {
    .article-breadcrumb li[aria-current="page"] {
        display: none;
    }

    .article-header {
        margin: 14px 0 28px;
    }

    .article-header h1 {
        font-size: clamp(2rem, 10.5vw, 2.75rem);
        line-height: 1.08;
    }

    .article-excerpt {
        font-size: 1rem;
    }

    .article-cover {
        border-radius: 0;
        box-shadow: none;
        margin-bottom: 26px;
    }

    .article-content {
        border-left: 0;
        border-radius: 0;
        border-right: 0;
        font-size: 1.025rem;
        line-height: 1.78;
        margin-left: -15px;
        margin-right: -15px;
        padding: 28px 20px 34px;
    }
}