
:root{
  --bg:#f1efe9;--surface:#fff;--ink:#171915;--muted:#74766f;--green:#2f4932;--green2:#3d5a40;
  --line:#dedbd2;--gold:#c9a23b;--shell:1410px;--r:10px
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;line-height:1.55;-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}
a{color:inherit}
.mg-shell{width:min(calc(100% - 70px),var(--shell));margin-inline:auto}
.mg-skip{position:absolute;left:-9999px;top:auto}.mg-skip:focus{left:20px;top:20px;z-index:9999;background:#fff;padding:10px}
.screen-reader-text{position:absolute;clip:rect(1px,1px,1px,1px);width:1px;height:1px;overflow:hidden}
.mg-site-header{background:rgba(240,240,235,.95);position:relative;z-index:80}
.mg-topbar{min-height:88px;display:grid;grid-template-columns:320px minmax(360px,520px) 1fr;align-items:center;gap:34px}
.mg-brand img{width:310px;height:auto}
.mg-search{height:48px;background:#fff;display:flex;align-items:center;border-radius:10px;box-shadow:0 9px 22px rgba(27,33,25,.08);overflow:hidden}
.mg-search input{border:0;outline:0;background:transparent;padding:0 18px;width:100%;font-size:15px}
.mg-search button{width:54px;height:48px;border:0;background:transparent;cursor:pointer}.mg-search svg{width:22px;fill:none;stroke:#111;stroke-width:1.7}
.mg-top-actions{display:flex;align-items:center;justify-content:flex-end;gap:22px}.mg-email{text-decoration:none;color:#536052;font-size:14px}.mg-mail-icon{margin-right:8px}.mg-subscribe{background:var(--green);color:#fff;padding:13px 22px;border-radius:6px;text-decoration:none;font-weight:650}
.mg-nav-wrap{background:var(--green);color:#fff}.mg-nav-row{height:50px;display:flex;align-items:center;justify-content:space-between}.mg-nav{display:flex;align-items:center;gap:34px}.mg-nav a{text-decoration:none;font-weight:570;font-size:15px}.mg-nav a:hover{opacity:.78}.mg-home-link{font-size:20px!important}.mg-nav-secondary{gap:28px}.mg-bookmark svg{width:21px;fill:none;stroke:#fff;stroke-width:1.6}
.mg-menu-toggle,.mg-mobile-menu{display:none}
.mg-hero{position:relative;min-height:385px;overflow:hidden;background:#ebe8e1}.mg-hero-photo{position:absolute;right:0;top:0;bottom:0;width:64%;background-size:cover;background-position:center}
.mg-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#f1efe9 0%,rgba(241,239,233,.96) 34%,rgba(241,239,233,.48) 49%,rgba(241,239,233,0) 66%)}
.mg-hero-inner{min-height:385px;position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between}.mg-hero-copy{max-width:600px;padding:50px 0}.mg-kicker{font-size:13px;letter-spacing:.17em;font-weight:700;color:#626860;margin:0 0 17px;text-transform:uppercase}
.mg-hero h1{font-size:61px;line-height:.98;letter-spacing:-.055em;margin:0 0 20px;font-weight:850}.mg-hero-lead{font-size:18px;color:#666a65;max-width:560px;margin:0 0 25px}
.mg-hero-actions{display:flex;gap:10px}.mg-btn{display:inline-flex;align-items:center;gap:24px;padding:12px 26px;border-radius:9px;text-decoration:none;font-weight:720}.mg-btn-primary{background:var(--green);color:#fff}.mg-btn-light{background:#fff;border:1px solid #8a8d87}
.mg-hero-badge{width:155px;height:155px;border-radius:50%;background:#f4f0e5;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;margin-right:25px;font-weight:700;line-height:1.35;box-shadow:0 4px 20px rgba(0,0,0,.04)}.mg-leaf{font-size:22px;color:var(--green);margin-top:5px}
.mg-category-strip{padding:18px 0 30px}.mg-category-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:13px}.mg-category-card{background:#fff;border:1px solid #ddd9d0;border-radius:7px;overflow:hidden;text-decoration:none;box-shadow:0 9px 22px rgba(38,37,32,.04);transition:.2s}.mg-category-card:hover{transform:translateY(-3px)}.mg-category-card img{width:100%;aspect-ratio:2.2/1;object-fit:cover}.mg-category-card-body{padding:10px 14px 11px;display:flex;align-items:center;justify-content:space-between;gap:12px}.mg-category-card-body strong{display:block;font-size:16px}.mg-category-card-body span{display:block;color:#8a8b85;font-size:12px;margin-top:3px}.mg-category-card-body b{font-size:22px;font-weight:400}
.mg-popular{padding:0 0 70px}.mg-section-title-row{display:flex;align-items:center;justify-content:space-between;margin:8px 0 15px}.mg-section-title-row h2{font-size:27px;margin:0;display:flex;align-items:center;gap:16px;letter-spacing:-.03em}.mg-section-title-row h2 span{width:5px;height:26px;background:var(--gold)}.mg-section-title-row>a{color:var(--green);text-decoration:none;font-size:14px;border-bottom:1px solid #9aab99}
.mg-article-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.mg-article-card{background:#fff;border:1px solid #ddd9d0;border-radius:7px;overflow:hidden}.mg-article-image{display:block;position:relative;text-decoration:none}.mg-article-image img{width:100%;aspect-ratio:1.95/1;object-fit:cover}.mg-article-image span{position:absolute;left:12px;bottom:8px;background:#f2f0e7;border-radius:12px;padding:3px 11px;font-size:11px;color:#304835}.mg-article-card-body{padding:12px 13px 15px}.mg-article-card h3,.mg-article-card h2{font-size:17px;line-height:1.18;margin:0 0 8px;letter-spacing:-.02em}.mg-article-card h3 a,.mg-article-card h2 a{text-decoration:none}.mg-article-card p{font-size:13px;color:#858680;margin:0}
.mg-guides{background:#e7e3da;padding:70px 0}.mg-guides-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:90px}.mg-guides-copy h2{font-size:48px;line-height:1;margin:0 0 20px;letter-spacing:-.05em}.mg-guides-copy>p:not(.mg-kicker){font-size:18px;color:#6b6d68;margin-bottom:28px}.mg-guides-list{border-top:1px solid #bbb8af}.mg-guides-list a{display:grid;grid-template-columns:48px 1fr 30px;align-items:center;padding:20px 0;border-bottom:1px solid #bbb8af;text-decoration:none}.mg-guides-list span{color:#8c8f88}.mg-guides-list strong{font-size:21px}.mg-guides-list b{text-align:right;font-size:22px}
.mg-footer{background:#1f3022;color:#fff;padding:60px 0 24px}.mg-footer-grid{display:grid;grid-template-columns:1.8fr .7fr .8fr;gap:80px}.mg-footer-logo{width:300px;filter:brightness(0) invert(1);margin-bottom:22px}.mg-footer p{max-width:460px;color:#c7cec7}.mg-footer a{display:block;color:#fff;text-decoration:none;margin:8px 0}.mg-footer h2{font-size:13px;letter-spacing:.13em;text-transform:uppercase;color:#aab5aa}.mg-footer-bottom{border-top:1px solid rgba(255,255,255,.15);margin-top:40px;padding-top:20px;color:#9eaa9f;font-size:13px}
.mg-listing,.mg-page,.mg-single-header{padding-top:70px;padding-bottom:80px}.mg-listing-header{max-width:780px;margin-bottom:38px}.mg-listing-header h1,.mg-page-header h1,.mg-single-header h1{font-size:58px;line-height:1;letter-spacing:-.055em;margin:0 0 18px}.mg-listing-header>p:last-child{font-size:20px;color:var(--muted)}.mg-article-grid-listing{grid-template-columns:repeat(3,1fr);gap:22px}.mg-article-grid-listing .mg-article-card h2{font-size:23px}
.mg-pagination{margin:45px 0}.mg-pagination .nav-links{display:flex;gap:8px}.mg-pagination a,.mg-pagination span{padding:9px 12px;background:#fff;border-radius:5px;text-decoration:none}
.mg-breadcrumbs{display:flex;gap:8px;color:#7c8079;font-size:13px;margin-bottom:25px}.mg-breadcrumbs a{text-decoration:none}.mg-single-header{max-width:1120px}.mg-single-header h1{font-size:70px;max-width:1000px}.mg-single-deck{font-size:22px;color:#656963;max-width:850px}.mg-single-meta{display:flex;gap:25px;color:#81837e;font-size:13px;margin-top:25px}.mg-single-hero img{width:100%;max-height:650px;object-fit:cover;border-radius:9px}.mg-single-layout{display:grid;grid-template-columns:220px minmax(0,800px);gap:70px;justify-content:center;padding:55px 0 100px}.mg-single-aside{position:sticky;top:25px;align-self:start;border-top:1px solid var(--line)}.mg-single-aside a{display:block;padding:11px 0;border-bottom:1px solid var(--line);text-decoration:none;color:#566057;font-size:14px}
.mg-entry-content{font-size:18px;line-height:1.75}.mg-entry-content h2{font-size:34px;line-height:1.15;letter-spacing:-.035em;margin:55px 0 18px}.mg-entry-content h3{font-size:25px;margin-top:38px}.mg-entry-content p,.mg-entry-content ul,.mg-entry-content ol{margin:0 0 22px}.mg-entry-content img{border-radius:8px}.mg-entry-content a{color:#2f4932;font-weight:650}
.mg-page{max-width:1050px}.mg-page-header{margin-bottom:35px}.mg-404{min-height:500px}.mg-404 h1{font-size:72px}

@media(max-width:1100px){
 .mg-topbar{grid-template-columns:260px 1fr auto}.mg-brand img{width:250px}.mg-email{display:none}.mg-nav{gap:20px}.mg-category-grid{grid-template-columns:repeat(3,1fr)}.mg-article-grid{grid-template-columns:repeat(3,1fr)}.mg-article-card:nth-child(n+4){display:none}.mg-hero-photo{width:58%}.mg-hero h1{font-size:52px}
}
@media(max-width:780px){
 .mg-shell{width:min(calc(100% - 32px),var(--shell))}.mg-topbar{grid-template-columns:1fr auto;min-height:72px}.mg-brand img{width:235px}.mg-search,.mg-top-actions,.mg-nav-wrap{display:none}.mg-menu-toggle{display:flex;width:42px;height:42px;border:0;background:transparent;flex-direction:column;justify-content:center;gap:5px}.mg-menu-toggle span{width:24px;height:2px;background:#222}.mg-mobile-menu{display:none;background:var(--green);padding:14px 22px}.mg-mobile-menu.is-open{display:block}.mg-mobile-menu a{display:block;color:#fff;text-decoration:none;padding:11px 0;border-bottom:1px solid rgba(255,255,255,.13)}
 .mg-hero{min-height:610px}.mg-hero-photo{width:100%;height:300px;top:auto}.mg-hero:after{background:linear-gradient(180deg,#f1efe9 0%,#f1efe9 49%,rgba(241,239,233,.55) 64%,rgba(241,239,233,0) 100%)}.mg-hero-inner{min-height:610px;align-items:flex-start}.mg-hero-copy{padding:44px 0}.mg-hero h1{font-size:45px}.mg-hero-badge{display:none}
 .mg-category-grid{grid-template-columns:repeat(2,1fr)}.mg-article-grid,.mg-article-grid-listing{grid-template-columns:1fr}.mg-article-card:nth-child(n+4){display:block}.mg-section-title-row{align-items:flex-end}.mg-section-title-row>a{font-size:12px}.mg-guides-grid{grid-template-columns:1fr;gap:40px}.mg-footer-grid{grid-template-columns:1fr;gap:35px}.mg-single-header h1,.mg-listing-header h1,.mg-page-header h1{font-size:44px}.mg-single-layout{grid-template-columns:1fr;padding-top:35px}.mg-single-aside{display:none}.mg-listing,.mg-page,.mg-single-header{padding-top:45px}
}
@media(max-width:480px){
 .mg-category-grid{grid-template-columns:1fr}.mg-hero h1{font-size:40px}.mg-hero-lead{font-size:16px}.mg-hero-actions{flex-direction:column;align-items:flex-start}.mg-guides-copy h2{font-size:38px}
}


/* ======================================================
   TOPIC / CATEGORY LANDINGS
   /interer/gostinaya/
   /mebel/divany/
   etc.
   ====================================================== */

.mg-page.mg-topic-page {
    max-width: var(--shell);
}


.mg-topic-page .mg-page-header {
    max-width: 880px;
    margin-bottom: 24px;
}


.mg-topic-page .mg-page-header h1 {
    font-size: clamp(50px, 6vw, 76px);
}


.mg-topic-page .mg-entry-content {
    max-width: none;
}


.mg-topic-page .mg-entry-content > p,
.mg-topic-page .mg-entry-content > ul,
.mg-topic-page .mg-entry-content > ol,
.mg-topic-page .mg-entry-content > h2,
.mg-topic-page .mg-entry-content > h3 {
    max-width: 840px;
}


.mg-topic-page .mg-page-lead {
    max-width: 850px !important;
    margin-bottom: 36px !important;
    font-size: 21px;
    color: #696d67;
}


/* library */

.mg-topic-library {
    margin-top: 68px;
    padding-top: 38px;
    border-top: 1px solid var(--line);
}


.mg-topic-library-head {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 30px;
    margin-bottom: 28px;
}


.mg-topic-library-head .mg-kicker {
    margin-bottom: 9px;
}


.mg-topic-library-head h2 {
    margin: 0;
    font-size: 38px;
    line-height: 1.05;
    letter-spacing: -.045em;
}


.mg-topic-count {
    margin: 0;
    color: #83867f;
    font-size: 13px;
}


/* GRID */

.mg-topic-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 24px 18px;
}


/* CARD */

.mg-topic-card {
    min-width: 0;
    background: #fff;
    border: 1px solid #dedbd2;
    border-radius: 9px;
    overflow: hidden;
    transition:
        transform .22s ease,
        box-shadow .22s ease,
        border-color .22s ease;
}


.mg-topic-card:hover {
    transform: translateY(-4px);
    border-color: #c6c2b8;
    box-shadow:
        0 16px 35px
        rgba(34, 39, 31, .07);
}


.mg-topic-card-image {
    position: relative;
    display: block;
    overflow: hidden;
    background: #ddd9d0;
    text-decoration: none;
}


.mg-topic-card-image img {
    width: 100%;
    aspect-ratio: 16 / 9.5;
    object-fit: cover;
    transition:
        transform .35s ease;
}


.mg-topic-card:hover
.mg-topic-card-image img {
    transform: scale(1.025);
}


.mg-topic-label {
    position: absolute;
    left: 14px;
    bottom: 12px;

    padding: 4px 11px;

    border-radius: 20px;

    background:
        rgba(247, 245, 238, .94);

    color: #304835;

    font-size: 11px;
    font-weight: 650;

    backdrop-filter: blur(5px);
}


/* card body */

.mg-topic-card-content {
    padding: 19px 19px 17px;
}


.mg-topic-card-content h3 {
    max-width: none !important;

    margin: 0 0 10px !important;

    font-size: 21px !important;
    line-height: 1.17 !important;
    letter-spacing: -.03em;
}


.mg-topic-card-content h3 a {
    color: inherit;
    text-decoration: none;
}


.mg-topic-card-content p {
    max-width: none !important;

    min-height: 69px;

    margin: 0 0 18px !important;

    color: #797b75;

    font-size: 14px;
    line-height: 1.55;
}


.mg-topic-read {
    display: flex;
    align-items: center;
    justify-content: space-between;

    padding-top: 13px;

    border-top:
        1px solid #eeeae2;

    color: #324c36 !important;

    font-size: 13px;
    font-weight: 700;

    text-decoration: none !important;
}


.mg-topic-read b {
    font-size: 19px;
    font-weight: 400;

    transition:
        transform .2s ease;
}


.mg-topic-card:hover
.mg-topic-read b {
    transform:
        translateX(4px);
}


/* prevent old shortcode styles interfering */

.mg-topic-page
.mg-hub-section {
    margin-top: 50px;
}


@media (max-width: 1050px) {

    .mg-topic-grid {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }

}


@media (max-width: 680px) {

    .mg-topic-library {
        margin-top: 48px;
    }

    .mg-topic-library-head {
        align-items: flex-start;
        flex-direction: column;
        gap: 8px;
    }

    .mg-topic-library-head h2 {
        font-size: 32px;
    }

    .mg-topic-grid {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .mg-topic-card-content p {
        min-height: auto;
    }

    .mg-topic-page .mg-page-header h1 {
        font-size: 44px;
    }

}
