/* KVCGT Magazine 1.0.0 – khuvuichoigiaitri.com */
.mg-home{--esp:#3b2416;--ink:#2e2019;--ink2:#6a5446;--terra:#c8553d;--terra2:#a8412c;--mustard:#e0a526;--sage:#5c8a6a;--sand:#f6efe6;--line:#e8dccd;
  font-family:"Be Vietnam Pro",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;color:var(--ink);background:#fffdf9;overflow-x:hidden}
.mg-home *{box-sizing:border-box}
.mg-home h1,.mg-home h2,.mg-home h3{font-family:"Lora",Georgia,"Times New Roman",serif;color:var(--esp);margin:0;letter-spacing:-.01em}
.mg-home a{color:inherit;text-decoration:none}
.mg-home a:focus-visible{outline:3px solid var(--terra);outline-offset:3px;border-radius:6px}
.mg-home img{display:block;width:100%;max-width:100%;height:100%;object-fit:cover}
.mg-wrap{width:min(calc(100% - 32px),1200px);margin-inline:auto}
.mg-wrap>*,.mg-lead__grid>*,.mg-grid>*,.mg-products>*{min-width:0}
.mg-noimg{display:block;width:100%;height:100%;background:linear-gradient(135deg,#efe2d2,#e6d0b8)}

/* Masthead */
.mg-mast{padding:44px 0 26px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,#fbf3ea,#fffdf9)}
.mg-kicker{margin:0 0 10px;font-size:.8rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--terra)}
.mg-mast h1{font-size:clamp(1.9rem,3.6vw,3rem);line-height:1.15;font-weight:700;max-width:22em}
.mg-dek{margin:14px 0 0;max-width:46em;font-size:1.05rem;line-height:1.65;color:var(--ink2)}
.mg-topics{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}
.mg-topics a{padding:7px 14px;border-radius:999px;border:1px solid var(--line);background:#fff;font-weight:600;font-size:.9rem;color:var(--esp);transition:all .15s}
.mg-topics a:hover{background:var(--esp);color:#fff;border-color:var(--esp)}

/* Lead story */
.mg-lead{padding:34px 0 10px}
.mg-lead__grid{display:grid;grid-template-columns:1.7fr 1fr;gap:32px}
.mg-hero__img{display:block;aspect-ratio:16/9;border-radius:18px;overflow:hidden;background:#eadccb}
.mg-hero__img img{transition:transform .6s}
.mg-hero:hover .mg-hero__img img{transform:scale(1.04)}
.mg-hero__txt{padding:18px 4px 0}
.mg-hero h2{font-size:clamp(1.5rem,2.6vw,2.15rem);line-height:1.22;margin:8px 0 10px}
.mg-hero h2 a:hover,.mg-card h3 a:hover,.mg-side h3 a:hover,.mg-list h3 a:hover,.mg-prod h3 a:hover{color:var(--terra)}
.mg-hero p{margin:0;color:var(--ink2);font-size:1.02rem;line-height:1.65}
.mg-date{margin-top:10px!important;font-size:.88rem!important}
.mg-tag{display:inline-block;padding:3px 10px;border-radius:6px;background:var(--terra);color:#fff!important;font-family:"Be Vietnam Pro",sans-serif;font-size:.74rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}
.mg-tag--sm{background:transparent;color:var(--terra)!important;padding:0;margin-bottom:4px}
.mg-label{margin:0 0 6px;font-weight:800;font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ink2);border-bottom:2px solid var(--esp);padding-bottom:8px}
.mg-side__item{display:grid;grid-template-columns:112px 1fr;gap:14px;padding:14px 0;border-bottom:1px solid var(--line)}
.mg-side__img{display:block;aspect-ratio:1/1;border-radius:12px;overflow:hidden;background:#eadccb}
.mg-side h3{font-size:1.02rem;line-height:1.35}

/* Sections */
.mg-sec{padding:52px 0}
.mg-sec--sand{background:var(--sand)}
.mg-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:22px;padding-bottom:12px;border-bottom:2px solid var(--esp)}
.mg-head h2{font-size:clamp(1.4rem,2.4vw,1.9rem)}
.mg-head a{font-weight:700;color:var(--terra);white-space:nowrap}
.mg-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.mg-card__img{display:block;aspect-ratio:3/2;border-radius:14px;overflow:hidden;margin-bottom:12px;background:#eadccb}
.mg-card__img img{transition:transform .5s}
.mg-card:hover .mg-card__img img{transform:scale(1.05)}
.mg-card h3{font-size:1.15rem;line-height:1.3;margin-bottom:6px}
.mg-card p{margin:0;color:var(--ink2);line-height:1.6;font-size:.95rem}

/* Products */
.mg-pills{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 20px}
.mg-pills a{padding:6px 12px;border-radius:999px;background:#fff;border:1px solid var(--line);font-size:.86rem;font-weight:600}
.mg-pills a:hover{border-color:var(--sage);color:var(--sage)}
.mg-pills small{color:var(--ink2)}
.mg-products{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.mg-prod{background:#fff;border-radius:16px;padding:12px;border:1px solid var(--line);transition:box-shadow .2s,transform .2s}
.mg-prod:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(59,36,22,.12)}
.mg-prod__img{display:block;aspect-ratio:1/1;border-radius:10px;overflow:hidden;background:#f3ece3}
.mg-prod__img img{object-fit:contain}
.mg-prod h3{font-family:"Be Vietnam Pro",sans-serif!important;font-size:.95rem;line-height:1.35;font-weight:700;margin:10px 0 6px}
.mg-price{margin:0;font-weight:800;color:var(--sage)}

/* News list */
.mg-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:4px 36px}
.mg-list li{display:grid;grid-template-columns:44px 1fr;gap:12px;padding:14px 0;border-bottom:1px solid var(--line)}
.mg-num{font-family:"Lora",serif;font-size:1.9rem;font-weight:700;line-height:1;color:var(--mustard)}
.mg-list h3{font-size:1.05rem;line-height:1.35;margin-bottom:4px}
.mg-list time{font-size:.84rem;color:var(--ink2)}

/* CTA */
.mg-cta{padding:10px 0 64px}
.mg-cta__box{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:34px 38px;border-radius:22px;background:var(--esp);color:#f6efe6}
.mg-cta h2{color:#fff;font-size:clamp(1.4rem,2.4vw,1.9rem);margin-bottom:8px}
.mg-cta p{margin:0;color:#ead9c6;line-height:1.6;max-width:40em}
.mg-cta__btns{display:flex;flex-wrap:wrap;gap:10px;flex-shrink:0}
.mg-btn{display:inline-flex;align-items:center;min-height:46px;padding:12px 20px;border-radius:999px;border:2px solid #ead9c6;color:#fff!important;font-weight:700}
.mg-btn--solid{background:var(--terra);border-color:var(--terra)}
.mg-btn:hover{transform:translateY(-2px)}

@media (max-width:980px){.mg-lead__grid{grid-template-columns:1fr}.mg-grid{grid-template-columns:1fr 1fr}.mg-products{grid-template-columns:repeat(3,1fr)}.mg-list{grid-template-columns:1fr}.mg-cta__box{flex-direction:column;align-items:flex-start}}
@media (max-width:600px){.mg-mast{padding:30px 0 20px}.mg-grid{grid-template-columns:1fr}.mg-products{grid-template-columns:1fr 1fr;gap:12px}.mg-side__item{grid-template-columns:88px 1fr}.mg-sec{padding:40px 0}.mg-head{flex-direction:column;gap:4px}.mg-cta__box{padding:26px 22px}}
@media (prefers-reduced-motion:reduce){.mg-home *{transition:none!important}}

/* Single post extras */
.mg-toc{margin:22px 0 26px;padding:16px 20px;background:#fbf3ea;border:1px solid #e8dccd;border-left:4px solid #c8553d;border-radius:12px}
.mg-toc p{margin:0 0 6px!important;font-weight:800}
.mg-toc ol{margin:0;padding-left:1.2em}.mg-toc li{margin:3px 0}
.mg-toc a{color:#a8412c}
.content-prose h2[id],.entry-content h2[id]{scroll-margin-top:110px}

/* Header: keep deep sub-menus of the last menu items inside the screen (removes the horizontal scrollbar) */
html,body{overflow-x:clip}
.primary-navigation .menu>li:nth-last-child(-n+2)>.sub-menu{left:auto;right:0}
.primary-navigation .menu>li:nth-last-child(-n+2) .sub-menu .sub-menu{left:auto;right:calc(100% + 7px)}
