/* Mobile reading layout. Kept separate so desktop composition remains stable. */
@media (max-width: 767px) {
  html { scroll-padding-top:80px; }
  body.nk-refined { --mobile-gutter:20px; }
  body.nk-refined #main-content { min-width:0; }
  body.nk-refined #main-content :is(h1,h2,h3,p,li) { word-break:keep-all; overflow-wrap:anywhere; }
  body.nk-refined #main-content p:not(.v2 *) { font-size:17px!important; line-height:1.8!important; letter-spacing:-.02em; }
  body.nk-refined #main-content :is(.ed-label,time,small,.text-xs,.text-small) { font-size:15px!important; line-height:1.65!important; }
  body.nk-refined #main-content h1:not(.v2 *) { font-size:32px!important; line-height:1.35!important; letter-spacing:-.045em!important; }
  body.nk-refined #main-content h2:not(.v2 *) { font-size:26px!important; line-height:1.4!important; }
  body.nk-refined #main-content h3:not(.v2 *) { font-size:21px!important; line-height:1.5!important; }
  body.nk-refined #main-content :is(.hx-kicker,.hx-about-desc,.nwx-excerpt) { color:#55556b!important; }
  body.nk-refined [data-nav-root]>.max-w-7xl { height:68px!important; padding-inline:20px!important; }
  body.nk-refined [data-nav-root] img { height:26px!important; }
  body.nk-refined [data-hamburger] { min-width:44px; min-height:44px; }
  body.nk-refined #mobile-nav-menu { background:#fff!important; }
  body.nk-refined #mobile-nav-menu ul { padding:12px 20px 24px; }
  body.nk-refined #mobile-nav-menu [data-nav-link] { font-size:18px!important; padding:14px 8px; min-height:48px; border-bottom:1px solid #efedf5; }
  body.nk-refined #main-content>.sticky { top:68px!important; }
  body.nk-refined [data-filter-bar] { gap:6px!important; padding:10px 0; }
  body.nk-refined [data-filter-bar] button { min-height:44px; padding:9px 13px!important; font-size:15px!important; }
  body.nk-refined .nk-hero.hx-fold { min-height:0!important; padding:0 20px!important; }
  body.nk-refined .hero-copy { padding:36px 0 0!important; }
  body.nk-refined .hx-kicker { margin-bottom:18px!important; font-weight:500!important; }
  body.nk-refined #main-content .hx-h1 { font-size:34px!important; margin-bottom:18px!important; }
  body.nk-refined .hx-l1 { max-width:none!important; display:block!important; }
  body.nk-refined .hx-meta { margin-top:18px!important; }
  body.nk-refined .nk-hero-cta { min-height:48px; padding:13px 20px!important; margin-top:20px!important; font-size:16px!important; }
  body.nk-refined .playground { width:100%!important; margin:12px 0 0!important; min-height:330px!important; height:330px!important; }
  body.nk-refined .fallback-art { width:190px; height:210px; left:calc(50% - 95px); top:35px; }
  body.nk-refined .glass-label { padding:10px 12px!important; border-radius:15px!important; box-shadow:0 6px 24px #11113a0a; }
  body.nk-refined .label-one { top:20px; left:0; font-size:15px!important; }
  body.nk-refined .label-two { right:0; bottom:50px; gap:9px; }
  body.nk-refined .label-mark { width:30px; height:30px; }
  body.nk-refined .label-caption { display:none; }
  body.nk-refined .glass-label strong { font-size:15px!important; }
  body.nk-refined .play-note { bottom:8px; left:0; right:0; }
  body.nk-refined .play-note>span { font-size:15px!important; }
  body.nk-refined .hx-wrap { padding:26px 20px 44px!important; }
  body.nk-refined .hx-photo { aspect-ratio:1.6!important; border-radius:18px!important; margin-bottom:28px!important; }
  body.nk-refined .hx-intro { display:block!important; }
  body.nk-refined #main-content .hx-statement { font-size:20px!important; line-height:1.75!important; font-weight:650!important; margin-bottom:24px!important; }
  body.nk-refined .hx-about { margin-top:24px!important; padding-top:22px!important; border-top:1px solid #e7e5ee!important; }
  body.nk-refined #main-content .hx-about-desc { font-size:17px!important; line-height:1.85!important; }
  body.nk-refined :is(.fbx,.kkx,.svx,.prx,.crx,.fqx,.cvx,.nlx,.ctx) { padding:48px 20px!important; }
  body.nk-refined .chx { padding:32px 20px 0!important; }
  body.nk-refined :is(.kkx-plate,.ctx-wrap) { padding:24px 20px!important; border-radius:20px!important; }
  body.nk-refined .nk-program-rail { grid-template-columns:1fr!important; gap:18px; }
  body.nk-refined .nk-program-card img { height:240px!important; padding:12px; }
  body.nk-refined :is(.svx-cols,.prx-steps,.cvx-cols,.kkx-cols) { grid-template-columns:1fr!important; gap:14px!important; }
  body.nk-refined :is(.svx-col,.crx-item,.cvx-col,.fbx-cell) { padding:22px!important; border-radius:18px!important; }
  body.nk-refined .prx-step { padding:20px!important; }
  body.nk-refined .ctx .ctx-steps { grid-template-columns:1fr!important; }
  body.nk-refined .ctx .ctx-step { gap:8px 12px!important; }
  body.nk-refined .ctx .ctx-step-desc { flex-basis:100%; margin:0!important; }
  body.nk-refined #main-content>.nk-inner-hero { padding:24px 20px 0!important; }
  body.nk-refined #main-content>.nk-inner-hero>.max-w-7xl { padding:12px 0 28px!important; border-radius:0!important; }
  body.nk-refined #main-content>.nk-inner-hero :is(.nk-portfolio-intro,.nk-team-intro) { display:grid!important; grid-template-columns:1fr!important; gap:24px!important; }
  body.nk-refined .nk-inner-hero .ed-label { margin-bottom:12px!important; }
  body.nk-refined .nk-inner-hero dl { margin-top:24px!important; gap:8px!important; }
  body.nk-refined .nk-inner-hero dl>div { padding:12px 8px!important; min-width:0; }
  body.nk-refined .nk-inner-hero dl :is(dt,dt span) { font-size:15px!important; }
  body.nk-refined .nk-inner-hero dl dd { font-size:24px!important; }
  body.nk-refined .nk-logo-wall { transform:none!important; padding:4px 0!important; gap:10px; }
  body.nk-refined .nk-logo-wall a { transform:none!important; aspect-ratio:1.3; padding:12px; border-radius:14px; box-shadow:0 5px 16px #11113a09; }
  body.nk-refined .nk-logo-wall img { height:42px; }
  body.nk-refined:not([data-page=home]) #main-content>section:not(.nk-inner-hero):not(.nk-page-cta) { padding-top:36px; padding-bottom:40px; }
  body.nk-refined #main-content>section>.max-w-7xl { padding-inline:20px!important; }
  body.nk-refined [data-portfolio-grid] { grid-template-columns:1fr!important; gap:18px!important; }
  body.nk-refined [data-portfolio-grid] article { border-radius:18px!important; scroll-margin-top:145px; }
  body.nk-refined [data-portfolio-grid] article>div:first-child { height:150px!important; }
  body.nk-refined [data-portfolio-grid] article>div:first-child>span { min-height:80px; padding:18px!important; }
  body.nk-refined [data-portfolio-grid] article>div:last-child { padding:20px!important; }
  body.nk-refined [data-portfolio-grid] article p { min-height:0!important; }
  body.nk-refined #modal-panel { width:calc(100% - 24px)!important; max-height:calc(100dvh - 24px)!important; border-radius:20px!important; }
  body.nk-refined #modal-panel>div:first-child { height:150px!important; }
  body.nk-refined #modal-company-name { font-size:26px!important; }
  body.nk-refined #modal-description { font-size:17px!important; line-height:1.85!important; }
  body.nk-refined .nk-team-photo { height:220px!important; border-radius:20px!important; box-shadow:none!important; }
  body.nk-refined .nk-team-index { flex-wrap:nowrap; overflow-x:auto; padding:4px 20px 18px!important; gap:8px; }
  body.nk-refined .nk-team-index a { flex-shrink:0; min-height:44px; padding:10px 14px!important; font-size:15px!important; }
  body.nk-refined .tmx-group { display:block!important; padding:28px 0!important; margin-top:0!important; }
  body.nk-refined .tmx-group>div:first-child { margin-bottom:20px!important; }
  body.nk-refined .tmx-group>ul { grid-template-columns:1fr!important; gap:14px!important; }
  body.nk-refined .tmx-group>ul>li { display:grid; grid-template-columns:72px minmax(0,1fr); column-gap:18px; padding:20px!important; align-content:start; }
  body.nk-refined .tmx-group>ul>li>:is(img,.nk-member-monogram) { grid-column:1; grid-row:1 / span 2; width:72px!important; height:80px!important; object-fit:cover; margin:0!important; border-radius:14px!important; }
  body.nk-refined .tmx-group>ul>li>p { grid-column:2; margin:0!important; }
  body.nk-refined #main-content .tmx-group>ul>li>p:first-of-type { font-size:23px!important; line-height:1.4!important; }
  body.nk-refined #main-content .tmx-group>ul>li>p:last-child { grid-column:1 / -1; margin-top:16px!important; padding-top:14px!important; font-size:16px!important; color:#55556b!important; }
  body.nk-refined #main-content>.nk-inner-hero>.nk-program-intro { padding:26px 20px!important; border-radius:22px!important; gap:20px!important; }
  body.nk-refined .nk-poster-rack { height:170px!important; padding:8px 24px!important; max-width:300px; }
  body.nk-refined .nk-poster-rack a { width:34%; }
  body.nk-refined [data-animate="prog-card"] { border:1px solid #e7e5ef!important; border-radius:18px!important; }
  body.nk-refined [data-animate="prog-card"]>div:first-child { aspect-ratio:4/3!important; padding:14px!important; }
  body.nk-refined [data-animate="prog-card"]>div:last-child { padding:20px!important; }
  body.nk-refined .nk-news-masthead { letter-spacing:.04em!important; }
  body.nk-refined #feat-rotator { padding:22px!important; margin-top:24px!important; border-radius:18px!important; }
  body.nk-refined #feat-rotator .feat-inner { display:block!important; }
  body.nk-refined #feat-rotator :is(h2,p,time,.ed-label) { color:#fff!important; }
  body.nk-refined #feat-rotator h2 { font-size:23px!important; }
  body.nk-refined #main-content .nwx-title { font-size:21px!important; line-height:1.5!important; }
  body.nk-refined #main-content .nwx-excerpt { font-size:16px!important; line-height:1.8!important; }
  body.nk-refined #main-content .nk-page-cta { padding:40px 20px!important; }
  body.nk-refined #main-content .nk-page-cta>.max-w-7xl { padding:0!important; }
  body.nk-refined #main-content .nk-page-cta :is(h2,p) { color:#fff!important; }
  body.nk-refined .nk-page-cta a { justify-content:center; min-height:48px; width:100%; font-size:16px!important; }
  body.nk-refined footer { padding:36px 20px calc(36px + env(safe-area-inset-bottom))!important; }
  body.nk-refined footer>.max-w-7xl { padding:0!important; }
  body.nk-refined footer :is(p,a,span) { font-size:15px!important; line-height:1.8!important; }
  body.nk-refined #mobile-cta { display:none!important; }
  body.nk-refined #mobile-cta a { min-height:48px; font-size:16px!important; }
}
@media (max-width:359px) {
  body.nk-refined #main-content .hx-h1 { font-size:30px!important; }
  body.nk-refined .nk-inner-hero dl { grid-template-columns:1fr!important; }
  body.nk-refined .nk-inner-hero dl>div { display:flex; justify-content:space-between; align-items:center; }
}
@media (max-width:767px) {
  body.nk-refined #feat-rotator .feat-text>div:first-child>:not(.nwx-series) { color:#eeeaff!important; }
  body.nk-refined :is(.nk-team-index,[data-filter-bar]) { scrollbar-width:none; }
  body.nk-refined :is(.nk-team-index,[data-filter-bar])::-webkit-scrollbar { display:none; }
}
/* Footer on phones: sitemap in two columns, tighter stacking (all pages). */
@media (max-width:767px) {
  body.nk-refined footer { padding:28px 20px calc(28px + env(safe-area-inset-bottom))!important; }
  body.nk-refined footer>.max-w-7xl>.grid { gap:22px!important; }
  body.nk-refined footer ul.flex-col { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:4px 12px; }
  body.nk-refined footer ul.flex-col a { display:block; padding:6px 0; }
  body.nk-refined footer :is(p,a,span) { font-size:15px!important; line-height:1.6!important; }
  body.nk-refined footer>.max-w-7xl>.mt-8 { margin-top:20px!important; padding-top:16px!important; }
}