/* 케이비즈노트 플랫폼 구조 v69 */
html,body{max-width:100%;overflow-x:hidden}

/* 공개 공통 헤더 */
body:not(.admin-page) .site-header{z-index:2147483000;background:rgba(255,255,255,.98)}
body:not(.admin-page) .site-header .header-inner{gap:18px}
body:not(.admin-page) .site-header .main-nav.platform-nav{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;flex:1;position:static;padding:0;border:0;background:transparent;box-shadow:none}
body:not(.admin-page) .site-header .main-nav.platform-nav a{display:flex!important;align-items:center;justify-content:center;min-width:0;min-height:44px;padding:8px 7px!important;text-align:center;white-space:normal;word-break:keep-all}

/* 메인 */
.platform-hero{padding:72px 0;background:linear-gradient(135deg,#faf5ff,#fff 55%,#eef2ff)}
.platform-hero-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);gap:28px;align-items:center}
.platform-hero h1{max-width:760px;margin:10px 0 18px;font-size:clamp(34px,5vw,58px);line-height:1.13;letter-spacing:-.04em;word-break:keep-all}
.platform-hero p{max-width:760px;font-size:18px;line-height:1.75;color:#475569;word-break:keep-all}
.platform-flow-card{padding:26px;border:1px solid #e9d5ff;border-radius:24px;background:#fff;box-shadow:0 18px 42px rgba(88,28,135,.09)}
.platform-flow-card strong{font-size:21px;color:#581c87}
.platform-flow-card ol{list-style:none;margin:18px 0 0;padding:0}
.platform-flow-card li{display:flex;align-items:center;gap:10px;padding:12px 0;border-top:1px solid #f1f5f9;color:#334155}
.platform-flow-card li span{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:#800080;color:#fff;font-weight:900}
.platform-core-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.platform-core-card{display:block;padding:27px;border:1px solid #e2e8f0;border-radius:22px;background:#fff;text-decoration:none;box-shadow:0 10px 28px rgba(15,23,42,.05)}
.platform-core-card>span{font-size:12px;font-weight:900;letter-spacing:.12em;color:#800080}
.platform-core-card h2{margin:9px 0 5px;color:#111827}
.platform-core-card strong{color:#581c87}
.platform-core-card p{color:#64748b;line-height:1.7}
.platform-note-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
.platform-five-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:13px}
.platform-five-grid .card{padding:20px}
.platform-ai-card strong{font-size:21px}
.platform-prompt-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.platform-guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.platform-guide-grid article{display:flex;flex-direction:column;padding:28px}
.platform-guide-grid article>span{font-weight:900;color:#800080}
.platform-guide-grid .btn{margin-top:auto}
.platform-faq section{padding:0 0 24px;margin-bottom:24px;border-bottom:1px solid #e2e8f0}
.platform-sitemap-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.platform-sitemap-grid nav{display:grid;gap:4px}
.platform-sitemap-grid nav a{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #f1f5f9;text-decoration:none}

/* 제휴·콘텐츠 네트워크 */
.kbiz-footer-network-menu a{display:flex!important;flex-direction:column;gap:3px;min-width:310px}
.kbiz-footer-network-menu a span{font-size:12px;font-weight:500;color:#64748b}
.kbiz-footer-network-menu a:hover span{color:inherit}

@media(max-width:1100px){
 .platform-five-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
 .platform-note-grid,.platform-prompt-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

/* 스마트폰: 로고 + 3열 x 2행 고정 */
@media(max-width:900px){
 html{scroll-padding-top:var(--kbn-mobile-header-v23-height,128px)!important}
 body:not(.admin-page){padding-top:var(--kbn-mobile-header-v23-height,128px)!important;overflow-x:hidden!important}
 body:not(.admin-page) .site-header{position:fixed!important;top:env(safe-area-inset-top,0px)!important;right:0!important;left:0!important;width:100%!important}
 body:not(.admin-page) .site-header .header-inner{display:grid!important;grid-template-columns:1fr!important;gap:5px!important;width:100%!important;min-height:0!important;padding:6px max(8px,env(safe-area-inset-right,0px)) 7px max(8px,env(safe-area-inset-left,0px))!important}
 body:not(.admin-page) .site-header .brand{display:flex!important;align-items:center!important;width:100%!important;min-width:0!important;min-height:32px!important;margin:0!important;gap:8px!important;overflow:hidden!important}
 body:not(.admin-page) .site-header .brand-mark{width:32px!important;height:32px!important;flex:0 0 32px!important;border-radius:10px!important;font-size:18px!important}
 body:not(.admin-page) .site-header .brand>span:not(.brand-mark){display:flex!important;align-items:baseline!important;gap:8px!important;min-width:0!important;white-space:nowrap!important;overflow:hidden!important}
 body:not(.admin-page) .site-header .brand strong{display:inline-block!important;font-size:15px!important;line-height:1.15!important;white-space:nowrap!important}
 body:not(.admin-page) .site-header .brand em{display:inline-block!important;min-width:0!important;margin:0!important;font-size:11px!important;font-weight:800!important;line-height:1.15!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
 body:not(.admin-page) .site-header .main-nav.platform-nav{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:4px!important;position:static!important;inset:auto!important;width:100%!important;max-width:none!important;margin:0!important;padding:0!important;overflow:visible!important;border:0!important;background:transparent!important;box-shadow:none!important}
 body:not(.admin-page) .site-header .main-nav.platform-nav a{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;min-width:0!important;min-height:39px!important;margin:0!important;padding:5px 2px!important;border:1px solid #dfe7ec!important;border-radius:9px!important;background:#fff!important;color:#243442!important;font-size:clamp(10px,2.8vw,12px)!important;font-weight:850!important;line-height:1.15!important;letter-spacing:-.045em!important;text-align:center!important;white-space:normal!important;word-break:keep-all!important;overflow-wrap:anywhere!important}
 body:not(.admin-page) .site-header .main-nav.platform-nav a.is-active,
 body:not(.admin-page) .site-header .main-nav.platform-nav a[aria-current="page"]{background:#153f5b!important;border-color:#153f5b!important;color:#fff!important}
 .platform-hero{padding:38px 0}
 .platform-hero-grid{grid-template-columns:1fr}
 .platform-hero h1{font-size:34px}
 .platform-hero p{font-size:16px}
 .platform-core-grid,.platform-guide-grid,.platform-sitemap-grid{grid-template-columns:1fr}
 .platform-five-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .platform-note-grid,.platform-prompt-grid{grid-template-columns:1fr!important}
 .kbiz-footer-network-menu a{min-width:240px}
}
@media(max-width:420px){
 .platform-five-grid{grid-template-columns:1fr}
 body:not(.admin-page) .site-header .main-nav.platform-nav a{font-size:10px!important}
 .hero-actions .btn{width:100%}
}
