/* Makutano UI 2: tokens, shared components and legacy-template bridge. */
:root{--mk-brand:#17654d;--mk-brand-dark:#104b39;--mk-accent:#c38b35;--mk-bg:#f4f5f2;--mk-surface:#fff;--mk-ink:#202d28;--mk-muted:#5e6c65;--mk-border:#dde3dc;--mk-radius:14px;--mk-shadow:0 2px 8px #203d2710;--mk-space:20px;--mk-header:76px;--primary-color:var(--mk-brand);--primary:var(--mk-brand);--primary-dark:var(--mk-brand-dark);--primary-light:#4b9079;--accent-color:var(--mk-accent);--background-color:var(--mk-bg);--linkedin-blue:var(--mk-brand);--linkedin-background:var(--mk-bg);--text-color:var(--mk-ink);--text-gray:var(--mk-muted);--text-color-light:var(--mk-muted);--border-color:var(--mk-border);--white:#fff;--shadow:var(--mk-shadow)}
*{box-sizing:border-box}html{scroll-padding-top:96px}body{margin:0!important;padding:calc(var(--mk-header) + 26px) 0 32px!important;background:var(--mk-bg)!important;color:var(--mk-ink)!important;font:15px/1.55 system-ui,-apple-system,"Segoe UI",sans-serif!important;overflow-wrap:anywhere}h1,h2,h3,h4,p{margin-top:0}h1{font-size:clamp(24px,3vw,32px);line-height:1.25;letter-spacing:-.6px}h2{font-size:20px;line-height:1.35}h3{font-size:16px;line-height:1.4}a{color:var(--mk-brand);text-decoration:none}a:hover{text-decoration:underline}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.6}img,video,svg{max-width:100%}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #ca922c;outline-offset:3px}input,select,textarea{max-width:100%;min-width:0}textarea{resize:vertical}::selection{background:#d4e9dd;color:#152e22}
.mk-icon{width:22px;height:22px;flex-shrink:0;vertical-align:middle}.mk-sr-only,.mk-sr-only-focus{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.mk-sr-only-focus:focus{position:static;width:auto;height:auto;clip:auto}.mk-skip{position:fixed;z-index:20000;top:8px;left:8px;padding:10px;background:white;transform:translateY(-200%)}.mk-skip:focus{transform:none}
.mk-header{position:fixed;inset:0 0 auto;z-index:1000;background:#fffffff5;border-bottom:1px solid var(--mk-border);backdrop-filter:blur(12px);height:var(--mk-header)}.mk-header-inner{height:100%;max-width:1320px;margin:auto;padding:0 24px;display:flex;align-items:center;gap:22px}.mk-brand{display:flex;align-items:center;gap:10px;color:var(--mk-ink);font-size:21px;font-weight:750;letter-spacing:-.6px;flex-shrink:0}.mk-brand:hover{text-decoration:none}.mk-brand img{object-fit:contain;width:38px;height:38px}.mk-brand-tagline{display:block;font-size:10px;letter-spacing:.15px;color:var(--mk-muted);font-weight:450}.mk-search{display:flex;align-items:center;gap:8px;background:#f0f3ef;border:1px solid transparent;border-radius:9px;padding:8px 11px;width:240px;margin:0}.mk-search:focus-within{border-color:var(--mk-brand);background:white}.mk-search input{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;width:100%;height:26px;color:var(--mk-ink);font-size:13px}.mk-search input:focus{outline:0}.mk-desktop-nav{display:flex;justify-content:center;gap:2px;margin-left:auto;height:100%}.mk-nav-link{position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:3px;min-width:68px;padding:12px 9px 8px;color:var(--mk-muted);font-size:11px;font-weight:550;border-bottom:3px solid transparent}.mk-nav-link:hover{background:#f3f6f2;text-decoration:none}.mk-nav-link.is-active{color:var(--mk-brand);border-color:var(--mk-brand)}.mk-nav-icon{position:relative;line-height:1}.mk-badge{position:absolute;top:-7px;right:-10px;min-width:17px;height:17px;padding:0 4px;border:2px solid white;background:#b13b34;color:white;font-size:9px;font-weight:700;border-radius:20px;display:flex;align-items:center;justify-content:center}.mk-account{position:relative;flex-shrink:0}.mk-account summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:5px}.mk-account summary::-webkit-details-marker{display:none}.mk-account summary .mk-icon{width:14px}.mk-account-label{font-size:12px}.mk-account-panel{position:absolute;top:calc(100% + 18px);right:0;width:230px;background:white;border:1px solid var(--mk-border);border-radius:12px;box-shadow:0 12px 36px #142c2225;padding:12px}.mk-account-panel p{padding:8px;margin:0;font-weight:650}.mk-account-panel a{display:flex;align-items:center;gap:8px;padding:10px 8px;color:var(--mk-ink);font-size:14px;border-radius:7px}.mk-account-panel a:hover{background:var(--mk-bg);text-decoration:none}.mk-bottom-nav{display:none}.mk-auth-nav{margin-left:auto;display:flex;align-items:center;gap:20px;font-size:14px}.mk-avatar{display:block;aspect-ratio:1;object-fit:cover;object-position:var(--mk-crop-x,50%) var(--mk-crop-y,50%);border-radius:50%;background:#eaf0e8;flex-shrink:0}.mk-avatar--small{width:32px;height:32px}.mk-avatar--standard{width:48px;height:48px}.mk-avatar--large{width:96px;height:96px}.mk-avatar--profile{width:160px;height:160px}
.mk-btn,.btn,.btn-primary,.btn-secondary,.post-submit-btn,.btn-login,.btn-register,.btn-connect,.btn-message,.sidebar-post-job-btn{display:inline-flex;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:9px 16px!important;border:1px solid var(--mk-border)!important;border-radius:9px!important;background:white!important;color:var(--mk-ink)!important;font-size:14px!important;font-weight:650;text-decoration:none;line-height:1.3;box-shadow:none!important;width:auto;max-width:100%}.mk-btn:hover,.btn:hover{text-decoration:none;background:#edf3ee!important}.mk-btn-primary,.btn-primary,.post-submit-btn,.btn-login,.btn-register,.btn-connect,.sidebar-post-job-btn{background:var(--mk-brand)!important;color:white!important;border-color:var(--mk-brand)!important}.mk-btn-primary:hover,.btn-primary:hover,.post-submit-btn:hover{background:var(--mk-brand-dark)!important}.mk-icon-button{border:0;background:transparent;min-width:40px;min-height:40px;border-radius:8px;color:var(--mk-muted)}.mk-text-button{border:0;background:none;padding:2px;color:var(--mk-muted);font-size:13px;text-align:left}.form-group{margin-bottom:18px}label{display:block;font-size:14px;font-weight:550;margin-bottom:6px}.form-control,input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=file]),select,textarea{border:1px solid #c8d3ca;border-radius:8px;background:#fff;padding:10px 12px;color:var(--mk-ink);width:100%;min-height:42px;font-size:15px;box-shadow:none}input[type=checkbox],input[type=radio]{accent-color:var(--mk-brand)}input[type=file]{width:100%;border:1px dashed #b7c8bc;border-radius:8px;padding:10px;font-size:13px;background:var(--mk-bg)}.button-group{display:flex;gap:12px;flex-wrap:wrap}.card,.profile-section:not(aside),.section-card,.job-card,.search-section,.filters-section,.request-card,.connection-card,.suggestion-card,.notification-item,.profile-header,.comments-section{border:1px solid var(--mk-border)!important;border-radius:var(--mk-radius)!important;background:var(--mk-surface)!important;box-shadow:var(--mk-shadow)!important}.card{margin-bottom:20px;overflow:hidden}.card-header{padding:18px 20px;border-bottom:1px solid var(--mk-border);display:flex;align-items:center;justify-content:space-between;gap:12px;font-weight:650}.card-header h2,.card-header h3{margin:0}.card-body{padding:20px}.card-footer{padding:14px 20px;border-top:1px solid var(--mk-border);font-size:13px}.mk-empty,.no-jobs,.empty-state{padding:36px 20px;text-align:center;color:var(--mk-muted);background:#fff;border-radius:var(--mk-radius)}.mk-empty .mk-icon{width:40px;height:40px;color:var(--mk-brand);margin-bottom:14px}.mk-empty h2{font-size:18px;color:var(--mk-ink);margin-bottom:8px}.mk-empty p{font-size:14px;margin:0}.error-message,.alert-danger,.comment-status.error,.mk-error{padding:12px 15px;background:#fff1ef;color:#8e302b;border:1px solid #f0c7c0;border-radius:9px;margin-bottom:16px}.success-message,.alert-success,.mk-success{padding:12px 15px;background:#eaf5eb;color:#1e5639;border:1px solid #c3dfca;border-radius:9px;margin-bottom:16px}.mk-toast{position:fixed;z-index:20000;bottom:24px;left:50%;transform:translateX(-50%);width:max-content;max-width:calc(100% - 32px);padding:12px 18px;background:#213a2c;color:white;border-radius:10px;box-shadow:var(--mk-shadow);display:none}.mk-toast.is-visible{display:block}
/* Feed: 3 -> 2 -> 1 columns. */
body[data-page=index] .main-content{display:grid!important;grid-template-columns:244px minmax(0,1fr) 292px;gap:22px;max-width:1280px;padding:0 24px;margin:0 auto!important;align-items:start}.profile-section,.feed-section,.right-sidebar{width:auto!important;min-width:0}.main-content>aside{position:sticky;top:102px}.profile-card .profile-background{height:70px;background:linear-gradient(110deg,#255440,#e1ead8)}.profile-card .profile-info{text-align:left;padding:0 20px 20px}.profile-card .profile-avatar{width:96px!important;height:96px!important;border:4px solid white;margin:-40px 0 12px!important;object-fit:cover;border-radius:50%}.profile-card .profile-name{font-size:18px;margin:0 0 5px;color:var(--mk-ink)}.profile-card .profile-headline{font-size:13px;margin:0;color:var(--mk-muted)}.profile-stats{padding:14px 20px;border-top:1px solid var(--mk-border)}.stat-item{display:flex;justify-content:space-between;gap:12px;font-size:13px;margin-bottom:8px}.stat-value{color:var(--mk-brand);font-weight:650}.mk-sidebar-links{display:grid;gap:12px;padding:16px 20px;border-top:1px solid var(--mk-border);font-size:13px}.mk-sidebar-links a{display:flex;gap:10px;align-items:center}.news-item,.people-item{padding:14px 18px!important;display:flex!important;align-items:center;gap:10px;border-bottom:1px solid var(--mk-border)}.news-content,.people-info,.post-meta{min-width:0;flex:1}.news-title,.people-name{font-size:13px;font-weight:650;margin-bottom:3px}.news-meta,.people-headline{font-size:12px;color:var(--mk-muted);line-height:1.45}.recent-connection-avatar,.people-item img,.people-avatar{width:32px!important;height:32px!important;border-radius:50%;object-fit:cover}.view-profile-btn{font-size:12px;flex-shrink:0}.post-form{padding:20px}.post-input-container{display:flex;align-items:center;gap:12px}.post-input{width:100%;min-height:48px;text-align:left;border:1px solid var(--mk-border);border-radius:30px;background:var(--mk-bg);padding:12px 18px;color:var(--mk-muted);font-size:14px;cursor:pointer}.post-form .post-actions{display:flex;gap:8px;padding:16px 0 0;margin:0;border:0}.post-action-btn{display:flex;align-items:center;justify-content:center;gap:8px;min-height:40px;border:0;background:none;color:var(--mk-muted);padding:8px 12px;border-radius:8px;font-size:14px}.post-action-btn:hover{background:var(--mk-bg)}.mk-feed-heading{display:flex;align-items:center;justify-content:space-between;margin:6px 0 14px}.mk-feed-heading h1{font-size:16px;margin:0;font-weight:650}.mk-feed-heading span{font-size:12px;color:var(--mk-muted)}.post-header{display:flex;align-items:flex-start;gap:12px;padding:20px!important}.post-author{font-size:14px;font-weight:700;color:var(--mk-ink);display:block;margin:0}.post-headline{font-size:12px;margin:2px 0;color:var(--mk-muted)}.post-timestamp{display:block;font-size:11px;color:var(--mk-muted)}.post-menu-wrapper{position:relative}.post-menu{position:absolute;right:0;top:42px;min-width:140px;padding:6px;background:white;border:1px solid var(--mk-border);border-radius:10px;z-index:5;box-shadow:var(--mk-shadow)}.post-menu button{display:block;width:100%;border:0;background:none;padding:10px;text-align:left}.post-content{padding:0 20px 16px!important;line-height:1.65;word-break:normal;overflow-wrap:anywhere;font-size:14px}.mk-post-open{display:inline-block;margin-top:12px;font-size:12px;font-weight:600}.post-engagement{display:flex;justify-content:space-between;gap:12px;padding:10px 20px;border-top:1px solid var(--mk-border);color:var(--mk-muted);font-size:12px}.post-reaction-buttons,.post-actions{display:flex;gap:4px;padding:6px 12px;border-top:1px solid var(--mk-border)}.reaction-btn,.action-btn{display:flex;gap:7px;align-items:center;justify-content:center;flex:1;min-width:0;min-height:44px;font-size:13px;padding:8px 4px;border:0;background:none;border-radius:8px;color:var(--mk-muted)}.reaction-btn:hover,.action-btn:hover{background:var(--mk-bg)}.reaction-btn.liked{color:var(--mk-brand);background:#edf5ed}.comment-section{padding:16px 20px}.comment-form{display:flex;gap:8px;align-items:flex-start}.comment-form input,.comment-form textarea{flex:1;width:auto!important;min-width:0}.comment-item,.comment-card{display:flex;gap:10px;padding:14px 0}.comment-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover}.comment-content{flex:1;min-width:0;background:#f2f5f0;padding:12px;border-radius:10px;font-size:13px}.comment-author{font-weight:650}.comment-text{white-space:pre-wrap;overflow-wrap:anywhere}.mk-pager{display:flex;justify-content:center;gap:12px;padding:16px}.mk-platform-card{padding:20px}.mk-platform-card h3{font-size:16px}.mk-platform-card p{font-size:13px;color:var(--mk-muted);margin:0}.mk-job-mini{display:block;padding:12px 20px;border-bottom:1px solid var(--mk-border)}.mk-job-mini strong{display:block;font-size:13px}.mk-job-mini span{font-size:12px;color:var(--mk-muted)}
/* Media: originals are shown contained, never stretched or magnified above native size. */
.mk-media-gallery{display:grid;gap:6px;grid-template-columns:1fr;margin-top:14px;border-radius:10px;overflow:hidden}.mk-media-gallery[data-count="2"],.mk-media-gallery[data-count="3"],.mk-media-gallery[data-count="4"]{grid-template-columns:1fr 1fr}.mk-media-gallery[data-count="3"]>.mk-media-frame:first-child{grid-row:span 2}.mk-media-frame{display:flex;align-items:center;justify-content:center;position:relative;padding:0;border:0;background:#eef0ed;aspect-ratio:4/3;max-height:520px;width:100%;min-width:0;overflow:hidden;cursor:zoom-in}.mk-media-image{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;object-position:center}.mk-media-overflow{position:absolute;inset:0;background:#15281ea3;color:white;display:grid;place-items:center;font-size:32px;font-weight:650}.mk-post-video{width:100%;max-height:520px;background:#eef0ed;margin-top:14px;object-fit:contain;border-radius:10px}.post-image:not(.mk-media-image){max-width:100%!important;width:auto!important;height:auto!important;max-height:520px!important;object-fit:contain!important;display:block;margin:12px auto;background:#eef0ed}.link-preview-card{display:block;margin-top:16px;border:1px solid var(--mk-border);border-radius:10px;overflow:hidden;color:var(--mk-ink);background:#f5f6f3}.link-preview-card:hover{text-decoration:none;border-color:#a2b9aa}.link-preview-image-wrap{height:180px;background:#eef0ed;display:flex;justify-content:center}.link-preview-image{max-width:100%;height:100%;width:auto;object-fit:contain}.link-preview-info{padding:14px}.link-preview-title{font-size:15px;font-weight:650}.link-preview-description{font-size:13px;color:var(--mk-muted);margin-top:5px}.link-preview-site,.link-preview-url{font-size:11px;color:var(--mk-muted)}.mk-image-viewer{border:0;background:#101c17f8;color:white;width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;margin:0;padding:64px 64px 24px;overflow:hidden}.mk-image-viewer::backdrop{background:#101c17f8}.mk-image-viewer[open]{display:flex;align-items:center;justify-content:center}.mk-image-viewer img{width:auto;height:auto;max-height:calc(100dvh - 100px);max-width:100%;object-fit:contain}.mk-viewer-toolbar{position:absolute;top:12px;left:20px;right:20px;display:flex;align-items:center;justify-content:space-between}.mk-viewer-close,.mk-viewer-prev,.mk-viewer-next{border:1px solid #ffffff40;background:#ffffff15;color:white;border-radius:50%;height:44px;width:44px}.mk-viewer-prev,.mk-viewer-next{position:absolute;top:50%;font-size:32px}.mk-viewer-prev{left:10px}.mk-viewer-next{right:10px}.mk-copy-dialog{width:min(440px,calc(100% - 32px));padding:24px;border:1px solid var(--mk-border);border-radius:14px}.mk-copy-dialog button{margin-top:16px}.mk-upload-preview{display:flex;align-items:center;gap:14px;padding:12px;border:1px solid var(--mk-border);border-radius:10px;margin-top:10px;background:var(--mk-bg)}.mk-upload-preview img{max-width:150px;max-height:120px;object-fit:contain;width:auto;height:auto}.mk-upload-preview button{border:0;background:white;border-radius:8px;padding:8px;color:#8e302b;font-size:13px}.mk-upload-error{font-size:13px;color:#8e302b;margin-top:8px}
/* Profile, recruitment, network and forms keep existing handlers. */
body[data-page=profile] .main-container{display:grid!important;grid-template-columns:minmax(0,1fr) 292px;gap:22px;max-width:1150px;margin:0 auto!important;padding:0 24px}.left-column{width:auto!important;min-width:0}.people-card{align-self:start;height:max-content}.section-card{padding:20px}.section-card .card-header{padding:0 0 16px;border:0}.cover-photo,.profile-cover{height:210px!important;overflow:hidden;background:#e1e9df!important;border-radius:14px 14px 0 0}.cover-photo img,.profile-cover img{width:100%!important;height:100%!important;object-fit:cover}.profile-picture{width:160px!important;height:160px!important;border-radius:50%;border:5px solid white;object-fit:cover;margin-top:-80px;position:relative}.main-container .profile-card .profile-info{padding:0 24px 24px}.main-container .profile-name{font-size:27px;margin-top:12px}.main-container .profile-headline{font-size:16px}.profile-location,.profile-connections{font-size:13px;color:var(--mk-muted);margin:8px 0}.profile-actions{display:flex;gap:10px;flex-wrap:wrap;float:none!important;margin:16px 0}.experience-item,.education-item,.publication-item{display:flex;gap:14px;padding:18px 0;border-bottom:1px solid var(--mk-border)}.item-logo{width:48px;height:48px;flex-shrink:0;background:var(--mk-bg);border-radius:8px;display:grid;place-items:center}.item-logo img{width:48px;height:48px;object-fit:contain}.item-details{min-width:0}.item-title{font-size:16px;margin-bottom:4px}.item-subtitle,.item-date,.item-location{font-size:13px;margin-bottom:5px}.item-date,.item-location{color:var(--mk-muted)}.skill-item{padding:12px 0;border-bottom:1px solid var(--mk-border)}.skill-name{font-size:15px;margin-bottom:4px}.skill-endorsements{font-size:12px;color:var(--mk-muted);margin:0}.analytics-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.analytics-number{font-size:22px;font-weight:700}.analytics-label{font-size:12px;color:var(--mk-muted)}.profile-container{max-width:1050px!important;margin:0 auto!important;padding:0 24px}.profile-container .profile-header{padding:0!important;overflow:hidden}.profile-container .profile-cover{margin:0!important}.profile-container .profile-image{position:relative!important;top:auto!important;left:auto!important;margin:-80px 24px 0;width:160px!important;height:160px!important;border:5px solid white}.profile-container .profile-info{margin:0!important;padding:20px 24px}.profile-container .profile-actions{padding:0 24px 24px;margin:0}.profile-container .profile-section{padding:24px;margin-top:20px}.mk-profile-grid{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:20px;margin-top:20px}.mk-profile-grid .card{padding:24px}.mk-profile-grid h2{font-size:19px}.mk-profile-grid ul{padding-left:18px}.mk-record{border-bottom:1px solid var(--mk-border);padding:12px 0}.mk-record:last-child{border:0}
body[data-page=jobs] .container{display:grid!important;grid-template-columns:230px minmax(0,1fr);gap:22px;max-width:1180px;margin:0 auto!important;padding:0 24px}.filters-section{padding:20px;height:max-content;position:sticky;top:102px}.filter-option{display:flex;gap:8px;align-items:center;font-weight:450;margin:10px 0}.filter-section h3{font-size:14px}.filter-section{margin-bottom:24px}.search-section{padding:22px;margin-bottom:22px}.search-form{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr) auto;gap:12px;align-items:end}.search-form .form-group{margin:0}.job-card{padding:24px!important;margin-bottom:16px;display:flex;align-items:flex-start;gap:18px;cursor:default}.job-info{min-width:0;flex:1}.job-title{font-size:19px;margin-bottom:6px}.company-name{font-size:14px!important;font-weight:600;color:var(--mk-brand)!important;min-width:0!important;max-width:100%!important}.mk-company-logo,.company-logo{width:48px!important;height:48px!important;object-fit:contain;background:var(--mk-bg);border-radius:8px;flex-shrink:0}.job-meta{display:flex;flex-wrap:wrap;gap:7px 16px;font-size:12px;color:var(--mk-muted);margin:10px 0}.job-description{font-size:14px;max-height:4.5em;overflow:hidden;line-height:1.5}.job-tag{display:inline-block;font-size:11px;background:#edf2ea;padding:4px 9px;border-radius:6px;margin:4px 4px 0 0}.job-apply-btn-col{align-self:center}.mk-job-detail{max-width:840px;margin:auto;padding:0 24px}.mk-job-detail>.card{padding:28px}.mk-job-detail .job-description{max-height:none;white-space:pre-wrap}.mk-page-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:24px}.mk-page-heading p{color:var(--mk-muted);font-size:14px;margin-bottom:0}body[data-page=post_job] .container,body[data-page=edit_profile] .container{max-width:780px;margin:0 auto!important;padding:0 24px}body[data-page=edit_profile] .card,body[data-page=post_job] .form-container{padding:28px}.image-preview,.profile-image-preview{max-height:200px;max-width:100%;width:auto;object-fit:contain;border-radius:10px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.login-container,.register-container{max-width:430px!important;width:calc(100% - 32px)!important;margin:22px auto!important;padding:32px!important;border:1px solid var(--mk-border);border-radius:16px;background:white;box-shadow:var(--mk-shadow)}.login-header,.register-header{text-align:left;margin-bottom:24px}.login-header h1,.register-header h1{font-size:28px}.login-header p,.register-header p{color:var(--mk-muted);font-size:14px}.btn-login,.btn-register{width:100%!important}.signup-link,.login-link{text-align:center;font-size:14px;margin-top:18px}.divider{border-top:1px solid var(--mk-border);margin:20px 0;color:var(--mk-muted);font-size:12px;text-align:center}.password-requirements{font-size:12px;color:var(--mk-muted)}
body[data-page=search] .search-results,body[data-page=find_connections] .container,body[data-page=network] .container,body[data-page=connections] .container,body[data-page=manage_network] .container,body[data-page=pending_invitations] .container,body[data-page=notifications] .container{max-width:1180px;margin:0 auto!important;padding:0 24px}.network-container,.notifications-container{max-width:1180px;margin:0 auto!important;padding:0 24px}.request-card,.connection-card,.suggestion-card,.notification-item{padding:18px;margin-bottom:14px;gap:14px}.connections-grid,.suggestions-grid,.users-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:16px}.search-results .result-card{padding:20px;background:white;border:1px solid var(--mk-border);border-radius:14px;margin-bottom:16px}.request-avatar,.user-avatar,.connection-avatar{width:48px!important;height:48px!important;object-fit:cover;border-radius:50%}.notification-avatar{width:48px!important;height:48px!important;object-fit:cover}.request-actions,.connection-actions{display:flex;gap:8px;flex-wrap:wrap}.notification-content{min-width:0}.notification-message,.notification-time{overflow-wrap:anywhere}.mark-all-read{border:1px solid var(--mk-border);background:white;padding:10px;border-radius:8px;color:var(--mk-brand)}
body[data-page=messaging] .messaging-container{max-width:1180px;width:calc(100% - 48px);margin:0 auto!important;height:calc(100dvh - 134px)!important;min-height:400px;border:1px solid var(--mk-border);border-radius:14px;overflow:hidden;background:white;display:flex}.conversations-sidebar{width:300px;flex-shrink:0;border-right:1px solid var(--mk-border)}.chat-container,.chat-area{min-width:0;flex:1;display:flex;flex-direction:column}.chat-messages{overflow:auto;min-height:0;flex:1;padding:24px;background:#f8f9f6}.message{max-width:80%;padding:12px 16px;border-radius:12px;background:#eef2ec;overflow-wrap:anywhere;font-size:14px}.message.sent{background:#e0eee2;color:var(--mk-ink)}.message.received{background:#f0f2ee;color:var(--mk-ink)}.message-input-container,.message-form{padding:16px;border-top:1px solid var(--mk-border);display:flex;gap:10px;align-items:end}.message-input{min-width:0;flex:1;width:auto!important}.timestamp{display:block;font-size:10px;color:var(--mk-muted);margin-top:5px}.mk-chat-back{display:none}.modal{z-index:2000!important;padding:24px!important;overflow-y:auto!important;max-width:100vw;overscroll-behavior:contain;background:#13291e80!important}.modal-content,.modal>div:not(.modal-backdrop){max-width:620px!important;width:100%!important;max-height:calc(100dvh - 48px)!important;overflow-y:auto!important;margin:auto!important;padding:24px!important;border:1px solid var(--mk-border)!important;border-radius:14px!important;background:white!important;box-shadow:0 16px 60px #182d2630}.modal-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px;border-bottom:1px solid var(--mk-border);padding-bottom:16px}.modal-title{font-size:20px;margin:0}.modal-close,.close-modal{min-width:40px;min-height:40px;display:grid;place-items:center;border:0;background:var(--mk-bg);border-radius:50%;font-size:22px;cursor:pointer}.modal textarea{min-height:120px}.modal-footer{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.post-content-input{width:100%;min-height:140px!important}.upload-options{display:flex;gap:12px;flex-wrap:wrap}.upload-option{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid var(--mk-border);border-radius:8px;cursor:pointer}.mini-spinner,.loading-spinner{display:inline-block;width:16px;height:16px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:mk-spin .8s linear infinite}@keyframes mk-spin{to{transform:rotate(360deg)}}
@media(max-width:1199px){.mk-brand-tagline{display:none}.mk-header-inner{gap:14px}.mk-brand{font-size:19px}.mk-search{width:190px}.mk-nav-link{min-width:58px;padding-left:6px;padding-right:6px}body[data-page=index] .main-content{grid-template-columns:230px minmax(0,1fr);max-width:1020px}.main-content>.right-sidebar{display:none}}
@media(max-width:900px){:root{--mk-header:70px}.mk-desktop-nav{display:none}.mk-header-inner{justify-content:space-between}.mk-search{margin-left:auto;width:min(42vw,340px)}.mk-bottom-nav{position:fixed;inset:auto 0 0;z-index:1100;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));background:white;border-top:1px solid var(--mk-border);padding:0 8px env(safe-area-inset-bottom)}.mk-bottom-nav .mk-nav-link{font-size:10px;min-width:0;min-height:62px;border-bottom:0;border-top:3px solid transparent;padding:8px 3px}.mk-bottom-nav .mk-nav-link.is-active{border-top-color:var(--mk-brand)}body{padding-bottom:calc(88px + env(safe-area-inset-bottom))!important}.mk-toast{bottom:calc(82px + env(safe-area-inset-bottom))}body[data-page=profile] .main-container{grid-template-columns:minmax(0,1fr)}.main-container>.people-card{display:none}.mk-profile-grid{grid-template-columns:1fr}.mk-profile-grid>aside{display:none}body[data-page=jobs] .container{grid-template-columns:1fr}.filters-section{position:static;display:grid;grid-template-columns:1fr 1fr;gap:16px}.sidebar-post-job-btn-wrapper{grid-column:1/-1}.filter-section{margin:0}.job-card{flex-wrap:wrap}.job-apply-btn-col{margin-left:66px}body[data-page=messaging] .messaging-container{height:calc(100dvh - 178px)!important}.conversations-sidebar{width:240px}}
@media(max-width:767px){:root{--mk-header:108px;--mk-space:16px}body{padding-top:calc(var(--mk-header) + 16px)!important}.mk-header-inner{display:grid;grid-template-columns:1fr auto;gap:8px;padding:10px 16px}.mk-brand{font-size:19px}.mk-brand img{width:32px;height:32px}.mk-account{grid-column:2;grid-row:1}.mk-search{grid-column:1/-1;grid-row:2;width:100%;padding:6px 10px}.mk-account-label{display:none}.mk-auth-nav{gap:12px;font-size:12px}.mk-auth-nav .mk-btn{min-height:36px;padding:7px 10px!important;font-size:12px!important}body[data-page=login],body[data-page=register]{--mk-header:68px}body[data-page=index] .main-content{grid-template-columns:minmax(0,1fr);gap:16px;padding:0 12px}.main-content>aside.profile-section{display:none}.post-header{padding:16px!important}.post-content{padding:0 16px 14px!important}.post-form{padding:16px}.post-engagement{padding:10px 16px}.reaction-btn{font-size:12px;gap:5px}.reaction-btn .mk-icon{width:19px}.card{margin-bottom:16px}.mk-media-frame{max-height:420px}.comment-section{padding:14px}.post-input{font-size:13px;padding:12px}.mk-post-open{margin-top:10px}.main-container,.profile-container{padding:0 12px!important}.cover-photo,.profile-cover{height:150px!important}.profile-picture,.profile-container .profile-image{width:112px!important;height:112px!important;margin-top:-56px}.main-container .profile-card .profile-info{padding:0 18px 20px}.main-container .profile-name{font-size:25px}.analytics-grid{gap:12px}.section-card{padding:18px}.analytics-label{font-size:11px}.profile-actions .btn{font-size:12px!important;padding:8px 12px!important}.search-form{grid-template-columns:1fr}.job-card{padding:18px!important;gap:12px}.job-title{font-size:17px}.job-apply-btn-col{margin-left:0;width:100%}.job-apply-btn-col button{width:100%}.filters-section{padding:16px;grid-template-columns:1fr}.search-section{padding:18px}.mk-page-heading{flex-direction:column}.mk-page-heading h1{margin-bottom:8px}.mk-job-detail{padding:0 12px}.mk-job-detail>.card{padding:20px}body[data-page=jobs] .container,body[data-page=post_job] .container,body[data-page=edit_profile] .container,body[data-page=find_connections] .container,body[data-page=network] .container,body[data-page=connections] .container,body[data-page=manage_network] .container,body[data-page=pending_invitations] .container,body[data-page=notifications] .container,.notifications-container,.network-container,body[data-page=search] .search-results{padding:0 12px!important}.form-row{grid-template-columns:1fr}.modal{padding:12px!important}.modal-content,.modal>div:not(.modal-backdrop){padding:20px!important;max-height:calc(100dvh - 24px)!important}.mk-image-viewer{padding:64px 44px 20px}.mk-viewer-prev,.mk-viewer-next{width:32px;height:40px}.mk-upload-preview img{max-width:110px}.login-container,.register-container{padding:24px!important;margin:10px auto!important}input,select,textarea{font-size:16px!important}.mk-search input{font-size:14px!important}body[data-page=messaging] .messaging-container{width:calc(100% - 24px);height:calc(100dvh - 208px)!important;min-height:250px}.conversations-sidebar{width:100%!important}.chat-container,.chat-area{display:none!important}body.mk-chat-selected .conversations-sidebar{display:none}body.mk-chat-selected .chat-container,body.mk-chat-selected .chat-area{display:flex!important}.mk-chat-back{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;color:var(--mk-brand);font-size:13px}.chat-messages{padding:16px}.message{max-width:90%}.message-input-container{padding:12px}.send-button{min-width:42px}.mk-search .mk-icon{width:18px}.mk-bottom-nav .mk-icon{width:21px}.mk-bottom-nav .mk-nav-link{font-size:9px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition:none!important;scroll-behavior:auto!important}}@media(hover:hover){button,a{transition:background-color .15s,border-color .15s,color .15s}}

/* Compact profile header and shared section spacing. */
body[data-page=profile] .profile-info{padding-top:76px!important}body[data-page=profile] .profile-actions{margin-bottom:12px} .mk-activity{padding:24px} .upload-option{border:0;background:transparent} @media(max-width:767px){body[data-page=profile] .profile-info{padding-top:56px!important}.mk-activity{padding:18px}}

.mk-badge[hidden]{display:none!important}.mk-bottom-nav .mk-nav-link{flex:1;min-width:0}.mk-bottom-nav{padding-bottom:env(safe-area-inset-bottom)}.mk-bottom-nav .mk-nav-link>span:last-child{font-size:9px;white-space:nowrap}@media(max-width:360px){.mk-bottom-nav .mk-nav-link>span:last-child{font-size:8px}.mk-bottom-nav .mk-nav-link{padding-left:1px;padding-right:1px}}

.mk-bottom-nav{grid-template-columns:repeat(6,minmax(0,1fr))}
@media(max-width:360px){.mk-brand{font-size:17px;gap:6px;white-space:nowrap}.mk-brand img{width:28px;height:28px}.mk-auth-nav{gap:6px;font-size:11px;white-space:nowrap}.mk-auth-nav .mk-btn{padding:8px;font-size:11px}.post-reaction-buttons .reaction-btn,.post-reaction-buttons .mk-share-trigger{display:flex;flex:1;min-width:0;flex-direction:column;gap:3px;padding:8px 3px;white-space:nowrap;overflow-wrap:normal;word-break:normal;font-size:12px}.post-reaction-buttons span{white-space:nowrap;overflow-wrap:normal;word-break:normal}}

.mk-platform-announcement{position:relative;margin:0 auto 12px;max-width:1200px;padding:12px 16px;background:#e5f2e9;overflow-wrap:anywhere}

@media(max-width:360px){.mk-brand>span{max-width:90px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}