/* MINH KHANG — SITE-WIDE HOMEPAGE DESIGN SYSTEM
   Applies the homepage visual language to inner pages without changing content/functionality. */
:root{--mk-blue:#062a63;--mk-blue2:#0878e8;--mk-cyan:#35d5ff;--mk-red:#e31b23;--mk-ink:#082e6b;--mk-text:#385a75;--mk-bg:#f4f9ff;--mk-border:#c8ddf2;--mk-shadow:0 14px 34px rgba(8,61,120,.12)}
html,body,#page,.site{max-width:100%;min-width:0}
body{background:var(--mk-bg);font-family:Manrope,Arial,sans-serif;color:var(--mk-text)}
img{max-width:100%}
a{transition:color .18s ease,transform .18s ease,box-shadow .18s ease}
/* Inner-page canvas */
.mk-archive-page,.mk-standard-page,.mk-article-page,.cmk-profile-single{background:linear-gradient(180deg,#f7fbff 0%,#edf6ff 100%)!important;color:var(--mk-text)}
.mk-content-wrap{width:min(1440px,calc(100% - 48px));max-width:1440px;margin-inline:auto;min-width:0}
/* Shared hero/header blocks */
.mk-archive-header{border:1px solid rgba(53,213,255,.42);background:linear-gradient(120deg,#041b43 0%,#063d83 58%,#0878e8 100%)!important;box-shadow:0 18px 42px rgba(3,42,92,.22)!important}
.mk-archive-header:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(83,206,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(83,206,255,.045) 1px,transparent 1px);background-size:26px 26px;pointer-events:none}
.mk-archive-kicker{position:relative;z-index:1;color:#8fe7ff!important}
.mk-archive-title,.mk-archive-lead{position:relative;z-index:1}
.mk-archive-header>.mk-card-link{background:linear-gradient(180deg,#ff3941,#d70812)!important;border:1px solid #ff6870!important;box-shadow:0 8px 20px rgba(227,27,35,.25)!important}
/* Cards follow homepage 3D language */
.mk-post-card,.mk-project-card-clean,.mk-standard-page__inner,.mk-article-main,.mk-side-card,.cmk-profile-single article{border-color:var(--mk-border)!important;box-shadow:var(--mk-shadow),inset 0 1px rgba(255,255,255,.95)!important}
.mk-post-card,.mk-project-card-clean{border-radius:18px!important}
.mk-post-card:hover,.mk-project-card-clean:hover{transform:translateY(-5px);box-shadow:0 20px 38px rgba(8,61,120,.18)!important}
.mk-card-link{background:linear-gradient(180deg,#0b7be5,#0458b6)!important;border:1px solid #0878e8;box-shadow:0 6px 14px rgba(0,83,170,.2)}
/* Standard content */
.mk-standard-page{padding:22px 0 52px!important}
.mk-breadcrumbs{max-width:1440px;margin:0 auto 12px!important;width:min(1440px,calc(100% - 48px));font-size:10px!important}
.mk-standard-page__inner{border-radius:24px!important;padding:34px!important;position:relative}
.mk-standard-page__inner:after{content:"";position:absolute;width:180px;height:180px;right:-70px;top:-70px;border:25px solid rgba(8,120,232,.06);border-radius:50%;pointer-events:none}
.mk-standard-title{font-size:clamp(34px,4.1vw,58px)!important;color:var(--mk-ink)!important}
.mk-prose{font-size:15px!important;line-height:1.82!important;color:#45647e!important;max-width:1080px}
.mk-prose>p:first-of-type{font-size:17px!important;color:#163d5d!important}
.mk-prose h2{font-size:24px!important;border-left-color:var(--mk-blue2)!important;background:linear-gradient(90deg,#e9f6ff,#fff)!important}
.mk-prose h3{font-size:18px!important;color:#075ca8!important}
.mk-prose img{border-radius:16px!important;box-shadow:0 12px 28px rgba(8,61,120,.12)!important}
.mk-prose blockquote{border-left-color:var(--mk-red)!important}
/* Article pages */
.mk-article-page{padding:22px 0 48px!important}
.mk-article-main{border-radius:22px!important}
.mk-article-header{background:linear-gradient(145deg,#fff,#f3faff)!important}
.mk-article-kicker{background:#eaf6ff!important;border-color:#bfe4f8!important;color:#0864ad!important}
.mk-article-title{color:var(--mk-ink)!important;font-weight:950!important}
.mk-article-cover{border-radius:18px!important;box-shadow:0 14px 30px rgba(8,61,120,.12)!important}
.mk-article-content{font-size:16px!important;line-height:1.82!important;color:#385a75!important}
.mk-article-content h2{color:var(--mk-ink)!important;border-left-color:var(--mk-blue2)!important}
.mk-article-content h3{color:#075ca8!important}
.mk-side-cta{background:linear-gradient(145deg,#062a63,#0878e8)!important;border-color:#0878e8!important}
.mk-side-cta>a{background:linear-gradient(180deg,#ff3941,#d70812)!important}
/* Topic pages already share the homepage system; strengthen the outer canvas */
.mk-topic-page{background:linear-gradient(180deg,#f7fbff,#edf6ff)!important}
.mk-topic-hero{box-shadow:inset 0 -1px rgba(53,213,255,.3)}
/* Profile single pages */
.cmk-profile-single{min-height:60vh;padding:28px max(24px,calc((100% - 1240px)/2)) 50px!important;overflow:hidden}
.cmk-profile-single article{background:#fff;border-radius:24px;padding:32px!important;position:relative}
.cmk-profile-single article:before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;border-radius:5px;background:linear-gradient(#e31b23,#0878e8)}
.cmk-profile-eyebrow{color:#0878e8!important;font-weight:950!important;letter-spacing:1.1px}
.cmk-profile-single article h1{color:var(--mk-ink);font-size:clamp(30px,4vw,52px);line-height:1.08;margin:8px 0 22px;font-weight:950}
.cmk-profile-single-content{font-size:15px;line-height:1.8;color:#45647e}
.cmk-profile-single-cover{width:100%;max-height:560px;object-fit:cover;border-radius:18px;border:1px solid var(--mk-border);box-shadow:0 14px 30px rgba(8,61,120,.12)}
.cmk-profile-single-nav{display:flex;justify-content:space-between;gap:12px;margin:18px 0;padding:12px;border:1px solid var(--mk-border);border-radius:16px;background:#fff;box-shadow:0 8px 20px rgba(8,61,120,.08)}
.cmk-profile-single-nav a{flex:1;padding:10px 12px;border-radius:10px;background:#f1f8ff;color:#075fb5;text-decoration:none}
.cmk-profile-single-nav a:hover{background:#e5f3ff;transform:translateY(-2px)}
.cmk-profile-related-card{display:block;padding:14px;border:1px solid var(--mk-border);border-radius:14px;background:linear-gradient(145deg,#fff,#f1f8ff);color:var(--mk-ink);box-shadow:0 8px 18px rgba(8,61,120,.08)}
/* Keep header/footer visually dominant on every route */
.mk-header{box-shadow:0 5px 18px rgba(3,42,90,.13)!important}
.mk-footer{margin-top:0}
/* Forms / tables / embeds inside pages */
.mk-standard-page input,.mk-standard-page select,.mk-standard-page textarea,.mk-article-page input,.mk-article-page select,.mk-article-page textarea{max-width:100%;box-sizing:border-box;border:1px solid #c8ddf2;border-radius:10px;background:#fff}
.mk-standard-page table,.mk-article-page table{max-width:100%;overflow:auto;border-collapse:collapse}
.mk-standard-page iframe,.mk-article-page iframe{max-width:100%;border-radius:14px}
/* Global overflow safety */
.mk-archive-page,.mk-standard-page,.mk-article-page,.cmk-profile-single{min-width:0;overflow-x:hidden}
.mk-archive-page *,.mk-standard-page *,.mk-article-page *,.cmk-profile-single *{box-sizing:border-box;min-width:0}
@media(max-width:1100px){
 .mk-content-wrap,.mk-breadcrumbs{width:min(calc(100% - 32px),1440px)}
 .mk-standard-page__inner{padding:26px!important}
 .cmk-profile-single{padding-inline:16px!important}
}
@media(max-width:700px){
 .mk-content-wrap,.mk-breadcrumbs{width:calc(100% - 20px)}
 .mk-archive-page{padding:14px 0 30px!important}
 .mk-archive-header{padding:20px!important;border-radius:18px!important}
 .mk-archive-title{font-size:30px!important}
 .mk-archive-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px!important}
 .mk-standard-page{padding:12px 0 30px!important}
 .mk-standard-page__inner{padding:20px 15px!important;border-radius:17px!important}
 .mk-standard-title{font-size:30px!important;margin-bottom:18px!important}
 .mk-prose{font-size:14px!important;line-height:1.75!important}
 .mk-prose>p:first-of-type{font-size:15px!important}
 .mk-article-page{padding:10px 0 28px!important}
 .mk-article-content{font-size:14px!important;line-height:1.72!important}
 .cmk-profile-single{padding:15px 10px 30px!important}
 .cmk-profile-single article{padding:20px 15px!important;border-radius:17px!important}
 .cmk-profile-single article h1{font-size:28px}
 .cmk-profile-single-content{font-size:14px;line-height:1.72}
 .cmk-profile-single-nav{flex-direction:column}
}
@media(max-width:380px){.mk-archive-grid{grid-template-columns:1fr!important}.mk-archive-title{font-size:27px!important}}
/* GLOBAL LIST GRID — 4 DESKTOP / 2 TABLET / 1 MOBILE */
.mk-archive-grid,.mk-topic-grid,.mk-project-grid,.mk-service-grid,.mk-home .mk-project-grid,.mk-home .mk-service-grid{width:100%;max-width:100%;min-width:0;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:16px!important}
.mk-archive-grid>*,.mk-topic-grid>* ,.mk-project-grid>* ,.mk-service-grid>*{min-width:0;max-width:100%}
@media(max-width:1100px){.mk-archive-grid,.mk-topic-grid,.mk-project-grid,.mk-service-grid,.mk-home .mk-project-grid,.mk-home .mk-service-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}}
@media(max-width:700px){.mk-archive-grid,.mk-topic-grid,.mk-project-grid,.mk-service-grid,.mk-home .mk-project-grid,.mk-home .mk-service-grid{grid-template-columns:1fr!important;gap:10px!important}}