/* 기능의 제공 범위를 제목 가까이 표시합니다. */
.feature-status{display:inline-flex!important;align-items:center;font-size:11px!important;font-weight:650!important;letter-spacing:0!important;line-height:1.6!important;padding:5px 10px;margin:0 6px 10px 0!important;border:1px solid #c5d8f6;border-radius:6px;color:#245497!important;background:#edf4ff}
.feature-status.pending{background:#fff3df;color:#805616!important;border-color:#edce97}
.feature-status.hardware{background:#f0f2f6;color:#53647d!important;border-color:#d4dce8}
.feature-status-row{display:flex;flex-wrap:wrap;margin-bottom:6px}
.scope-key{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:center;padding:20px;background:#f5f8fd;border-radius:8px;font-size:12px;color:#62728a;margin:14px 0}
.scope-key .feature-status{margin:0!important}
.navy-home #free>.section-heading{margin-bottom:35px}
.navy-home .compact-demo{padding:30px;background:#f3f6fc;border:1px solid #dce5f2;border-radius:14px;margin-bottom:25px}
.navy-home .compact-demo .demo-layout{width:100%;grid-template-columns:.7fr 1.3fr;gap:35px}
.navy-home .compact-demo h3{font-size:29px;line-height:1.5}
.navy-home .compact-demo .demo-tabs button{background:#fff;border-color:#dce4f1;color:#304a6e}
.navy-home .compact-demo .demo-tabs button[aria-selected=true]{background:#173760;color:#fff}
.navy-home .compact-demo .demo-tabs button[aria-selected=true] span{color:#b5cbea}
.navy-home .compact-demo .demo-frame{border-color:#d6e0ef;background:#fff}
.navy-home .compact-demo .demo-top{background:#e9eff9;color:#304e78}
.navy-home .compact-demo #demo-panel{background:#fff;min-height:560px}
.navy-home .compact-demo .actual-demo-image{background:#edf2f9;border-color:#dce4ef;max-height:420px}
.navy-home .compact-demo .demo-note{background:#f8faff;color:#647083}
.navy-home .feature-groups article .feature-status{margin-top:0!important}
.navy-home .connection-scope{display:grid;grid-template-columns:1fr 1fr;gap:24px;border-top:1px solid #dce5f2;padding:26px 0;margin-top:20px}
.connection-scope b{display:block;font-size:18px;margin-bottom:8px}
.connection-scope p,.process-preview-grid p{font-size:13px;line-height:1.85;color:#647083;margin:8px 0 14px}
.navy-home .process-preview-grid .feature-status{margin-top:14px!important}
.navy-home .process-preview-grid h3{font-size:22px;line-height:1.5;margin:0}
.navy-home .process-preview-grid{align-items:start}
@media(max-width:850px){.navy-home .compact-demo .demo-layout{grid-template-columns:1fr}.navy-home .compact-demo #demo-panel{min-height:0}}
@media(max-width:600px){.navy-home .compact-demo{padding:18px 12px}.navy-home .compact-demo h3{font-size:25px}.navy-home .compact-demo .demo-tabs{display:grid;grid-template-columns:1fr}.navy-home .connection-scope{grid-template-columns:1fr;gap:25px}.scope-key{display:grid;grid-template-columns:auto 1fr;font-size:11px;padding:14px;gap:12px 8px}.feature-status{font-size:10px!important}.navy-home .compact-demo #demo-panel{padding:20px 12px}.navy-home .compact-demo .actual-gallery-link{font-size:12px;padding:20px 0 0}}
