/* Blog-only enhancements. Kept isolated so shared layout and storefront remain untouched. */
.magazine-shell,.article-shell{width:min(1560px,calc(100% - 48px))}.magazine-layout{grid-template-columns:minmax(0,1fr) 300px;gap:32px}.magazine-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.magazine-search-button{padding-inline:22px;background:linear-gradient(135deg,#287b5e,#14513e)}.magazine-search-button:hover{background:linear-gradient(135deg,#2f896a,#176048)}
.select2-container--bootstrap-5 .select2-results__option--selected,.select2-container--bootstrap-5 .select2-results__option[aria-selected=true]{background-color:#176548;color:#fff}
.archive-row{display:flex;align-items:center;justify-content:space-between;padding:10px 3px;border-bottom:1px dashed #e2e9e5;color:#52655d;font-size:11px}.archive-row b{padding:3px 8px;border-radius:20px;background:#edf6f1;color:#176548}.article-card__footer{flex-wrap:wrap}.article-card__views{color:#96a29d;font-size:10px}
.article-shell{width:min(1500px,calc(100% - 48px))}.article-layout{grid-template-columns:310px minmax(0,1fr);gap:40px}.article-rich-content h4{scroll-margin-top:100px;margin:1.8em 0 .6em;color:#24513f;font-size:17px}.article-rich-content p{margin:0 0 1.35em}.article-rich-content ul,.article-rich-content ol{padding-right:25px;list-style:revert}.article-rich-content blockquote{margin:28px 0;padding:22px 26px;border-right:4px solid #d2a13d;border-radius:18px;background:#fffaf0}.article-rich-content table{display:block;width:100%;overflow-x:auto;border-collapse:collapse}.article-rich-content th,.article-rich-content td{padding:13px 15px;border:1px solid #dfe8e3}.article-rich-content th{background:#edf7f1}.article-rich-content pre,.article-rich-content code{direction:ltr;border-radius:12px;background:#17251f;color:#dcece4;font-family:monospace}.article-rich-content pre{overflow:auto;padding:20px}.article-toc nav a.active{border-radius:9px;color:#176548;background:#edf7f1;font-weight:900}.article-toc nav a:has(+a){padding-right:4px}.article-side-posts .magazine-latest img{width:65px}.author-social{display:flex;align-items:center;gap:8px;margin:10px 0}.author-social a{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#fff}.author-social span{padding:6px 10px;border-radius:20px;background:#e5f2eb;color:#176548;font-size:11px}.author-all-posts{display:inline-flex!important;gap:7px;padding:10px 15px;border-radius:20px;background:#176548;color:#fff!important}.article-login-prompt{display:flex;align-items:center;gap:18px;margin-top:25px;padding:25px;border:1px solid rgba(255,255,255,.7);border-radius:25px;background:linear-gradient(125deg,rgba(230,247,238,.92),rgba(255,246,222,.88));box-shadow:0 15px 40px rgba(23,101,72,.1);backdrop-filter:blur(14px)}.article-login-prompt>i{font-size:30px;color:#176548}.article-login-prompt div{flex:1}.article-login-prompt strong,.article-login-prompt small{display:block}.article-login-prompt small{margin-top:5px;color:#718078}.article-login-prompt a{padding:11px 22px;border-radius:999px;background:#176548;color:#fff;font-weight:900}
html{scroll-behavior:smooth}
@media(max-width:1250px){.magazine-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.magazine-layout{grid-template-columns:minmax(0,1fr) 285px}.article-layout{grid-template-columns:280px minmax(0,1fr)}}
@media(max-width:950px){.magazine-shell,.article-shell{width:min(100% - 32px,1500px)}.magazine-layout,.article-layout{grid-template-columns:1fr}.magazine-sidebar{grid-template-columns:repeat(2,1fr)}.article-aside{position:static;grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.magazine-shell,.article-shell{width:min(100% - 24px,1500px)}.magazine-grid,.magazine-sidebar,.article-aside{grid-template-columns:1fr}.article-login-prompt{align-items:flex-start;flex-wrap:wrap}.article-login-prompt a{width:100%;text-align:center}}
.article-side-facts{display:grid;gap:10px}.article-side-facts span{display:flex;align-items:center;gap:9px;padding:9px;border-bottom:1px dashed #e3eae6;color:#60736b;font-size:11px}.article-side-facts i{width:20px;color:#b88b35}


.market-filter-control {
    display: flex;
    flex-direction: column;
    gap: .55rem;
}

    .market-filter-control label {
        font-size: .9rem;
        font-weight: 700;
        color: #946b19;
    }

    .market-filter-control input,
    .market-filter-control select {
        width: 100%;
    }

.magazine-search-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .75rem;
    height: 50px;
    padding: 0 32px;
    border-radius: 999px;
    border: none;
    cursor: pointer;
    background: linear-gradient(135deg,#0f766e,#15803d);
    color: #fff;
    font-weight: 700;
    transition: .25s;
}

    .magazine-search-button:hover {
        transform: translateY(-2px);
    }

.blog-filter-row {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
}

    .blog-filter-row > .market-filter-control {
        flex: 1 1 calc(25% - 18px);
        min-width: 240px;
    }

.blog-filter-row2 {
    margin-top:10px;
    display: flex;
    align-items: flex-end;
    gap: 24px;
}

.blog-filter-date {
    width: 260px;
    flex: 0 0 260px;
}

.blog-filter-submit {
    margin-right: auto;
    flex: 0 0 260px;
}

    .blog-filter-submit .magazine-search-button {
        width: 100%;
    }

@media(max-width:1200px) {
    .blog-filter-row > .market-filter-control {
        flex: 1 1 calc(50% - 12px);
    }
    .blog-filter-row2 {
        flex-wrap: wrap;
    }
    .blog-filter-date {
        flex: 1 1 calc(50% - 12px);
        max-width: none;
    }
    .blog-filter-submit {
        flex: 0 0 240px;
        margin-inline-end: auto;
    }
}

@media(max-width:768px) {
    .blog-filter-row,
    .blog-filter-row2 {
        flex-direction: column;
    }
        .blog-filter-row > .market-filter-control,
        .blog-filter-date,
        .blog-filter-submit {
            width: 100%;
            max-width: none;
            flex: none;
        }
    .blog-filter-submit {
        margin: 0;
    }
        .blog-filter-submit .magazine-search-button {
            width: 100%;
        }

    .mysort {
        width:100% !important;
    }
}


@media(min-width:1200px) {
    .titlesearch {
        width: 40% !important;
    }
}