/* n01 — 아티팩트형 창업서치 화면(뉴코1). 밝은 단일 테마(창조지노님 지시: 어둡지 않게·가독성). 색·간격은 '창업서치 한 장' 원본을 따른다. */
:root{
  --bg:#f4f6f8; --surface:#fff; --surface-2:#f2f4f6; --ink:#191f28; --ink-2:#4e5968; --ink-3:#6b7684; --line:#e5e8eb;
  --brand:#0b1523; --accent:#0b7a6e; --accent-soft:#e3f5f2;   /* 26차: 메인(남색·청록)과 같은 디자인 언어 - 흰 바탕 글자 대비 4.5:1 이상인 짙은 청록 */
  --navy:#0a1628; --cyan:#00e5cc; --mint:#10b981; --teal:#0e9f8e; --danger:#d92d3a; --danger-soft:#fdecee; --warn:#b26200; --warn-soft:#fff4e0; --ok:#157f3f; --ok-soft:#e6f6ec;
  --c-base:#5b6b80; --c-support:#08776f; --c-invest:#6a4be0; --c-loan:#a65c06; --c-sales:#d13a64; --c-etc:#8a94a3;
  --f-body:"Pretendard","Noto Sans KR","Apple SD Gothic Neo","Malgun Gothic",system-ui,sans-serif;
  --f-mono:"IBM Plex Mono",ui-monospace,Menlo,Consolas,monospace;
  --r:12px; --shadow:0 1px 2px rgba(25,31,40,.04),0 4px 12px rgba(25,31,40,.04);
  color-scheme:light;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--f-body);font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased}
.wrap{max-width:1280px;margin:0 auto;padding:10px max(16px,env(safe-area-inset-right)) 72px max(16px,env(safe-area-inset-left))}
h1,h2,h3{margin:0}
p{margin:0}
.mono{font-family:var(--f-mono);font-variant-numeric:tabular-nums}
button,input,select,textarea{font:inherit;color:inherit}
button{cursor:pointer}
:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}
.muted{color:var(--ink-3)}
.lbl{font-size:12px;letter-spacing:.04em;color:var(--ink-3);font-weight:700}
[hidden]{display:none!important}

.proto{display:flex;flex-wrap:wrap;gap:4px 12px;align-items:center;justify-content:space-between;font-size:12.5px;color:var(--ink-2);background:var(--warn-soft);border-radius:8px;padding:5px 12px}
.proto b{color:var(--warn)}
.top{display:flex;flex-wrap:wrap;gap:10px 16px;align-items:center;justify-content:space-between;padding:14px 0 12px}
.brand{display:flex;align-items:center;gap:10px}
.mark{width:36px;height:36px;border-radius:10px;background:var(--brand);color:#fff;display:grid;place-items:center;font-weight:900;font-size:16px;flex:none}
.brand b{display:block;font-size:19px;font-weight:900;letter-spacing:-.02em;line-height:1.2}
.brand small{display:block;font-size:10.5px;letter-spacing:.14em;color:var(--ink-3);font-weight:700}
.proj{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:center;min-width:0}
.proj select{font-weight:700;max-width:min(360px,100%);min-height:40px}
.save{font-size:12.5px;color:var(--ok);font-weight:700;white-space:nowrap}
.save.busy{color:var(--ink-3)}
.save.err{color:var(--danger)}

/* 단계 띠 */
.stages{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:6px}
.stg{border:1px solid var(--line);background:var(--surface);border-radius:10px;padding:8px 8px 7px;text-align:left;display:flex;flex-direction:column;gap:1px;min-width:0}
.stg .n{font-size:11.5px;color:var(--ink-3);font-weight:700}
.stg .t{font-size:13px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.stg .c{font-size:11.5px;color:var(--ink-3)}
.stg.past{background:var(--surface-2)}
.stg.now{border-color:var(--brand);background:var(--brand);color:#fff}
.stg.now .n,.stg.now .c{color:#c9d3e0}
.stg[aria-pressed="true"]{box-shadow:0 0 0 2px var(--accent)}
.stage-note{font-size:13.5px;color:var(--ink-2);margin:8px 0 0;display:flex;flex-wrap:wrap;gap:4px 10px;align-items:center}

/* 요약 */
.summary{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,2fr);gap:14px;margin-top:14px}
.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);padding:16px;min-width:0}
.big{display:flex;align-items:baseline;gap:8px;margin-top:4px;flex-wrap:wrap}
.big b{font-size:34px;font-weight:700;font-family:var(--f-mono);letter-spacing:-.02em;line-height:1.1}
.bar{height:8px;border-radius:99px;background:var(--surface-2);overflow:hidden;margin-top:10px;display:flex}
.bar i{display:block;height:100%}
.legend{display:flex;flex-wrap:wrap;gap:4px 12px;margin-top:8px;font-size:12.5px;color:var(--ink-2)}
.legend span::before{content:"";display:inline-block;width:8px;height:8px;border-radius:2px;margin-right:5px;background:var(--sw)}
.scope{font-size:12px;color:var(--ink-3);margin-top:6px}
.kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;box-shadow:var(--shadow)}
.kpi{background:var(--surface);padding:14px;text-align:left;border:0;display:flex;flex-direction:column;gap:2px;min-width:0}
.kpi:hover{background:var(--surface-2)}
.kpi[aria-pressed="true"]{background:var(--accent-soft)}
.kpi b{font-size:26px;font-family:var(--f-mono);font-weight:500;line-height:1.2}
.kpi .k-t{font-size:13px;font-weight:700;color:var(--ink-2)}
.kpi .k-s{font-size:12px;color:var(--ink-3)}
.kpi.danger b{color:var(--danger)} .kpi.warn b{color:var(--warn)} .kpi.acc b{color:var(--accent)}

/* 심의·막힌 일 */
.duo{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1.1fr);gap:14px;margin-top:14px}
.panel h2{font-size:16.5px;font-weight:700;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.verdict{display:inline-flex;align-items:center;font-size:13px;font-weight:700;padding:3px 10px;border-radius:99px;background:var(--accent-soft);color:var(--accent)}
.verdict.v-GO{background:var(--ok-soft);color:var(--ok)} .verdict.v-HOLD,.verdict.v-PIVOT{background:var(--warn-soft);color:var(--warn)} .verdict.v-NO-GO{background:var(--danger-soft);color:var(--danger)}
.idea{margin-top:10px;font-size:14px;color:var(--ink-2)}
.idea b{color:var(--ink)}
.acts{list-style:none;margin:12px 0 0;padding:0;display:flex;flex-direction:column;gap:8px}
.acts li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;padding:9px 12px;border:1px solid var(--line);border-radius:10px}
.acts li.on{background:var(--surface-2)}
.acts small{display:block;font-size:12.5px;color:var(--ink-3)}
.row-btns{display:flex;flex-wrap:wrap;gap:8px 12px;margin-top:12px;align-items:center}
.btn{border:1px solid var(--line);background:var(--surface);border-radius:8px;padding:7px 13px;font-weight:700;font-size:13.5px;white-space:nowrap;min-height:36px}
.btn:hover{background:var(--surface-2)}
.btn.pri{background:var(--accent);border-color:var(--accent);color:#fff}
.btn.pri:hover{filter:brightness(1.06)}
.btn.sm{padding:4px 11px;font-size:13px;min-height:32px}
.btn.ghost{border-color:transparent;background:transparent;color:var(--accent)}
.btn.big{padding:11px 18px;font-size:15px}
.btn[disabled]{opacity:.5;cursor:not-allowed}
.tagok{font-size:12.5px;font-weight:700;color:var(--ok);white-space:nowrap}
.bn{list-style:none;margin:10px 0 0;padding:0;display:flex;flex-direction:column;gap:10px}
.bn li{display:grid;grid-template-columns:auto minmax(0,1fr);gap:2px 10px;align-items:start}
.bn .cnt{grid-row:span 2;font-family:var(--f-mono);font-size:20px;font-weight:500;color:var(--warn);min-width:24px;text-align:right;line-height:1.25}
.bn button{background:none;border:0;padding:0;text-align:left;font-weight:700}
.bn button:hover{text-decoration:underline}
.bn small{color:var(--ink-3);font-size:12.5px}
.note{font-size:13px;color:var(--ink-2);margin-top:8px}
.firstcard{text-align:center;padding:28px 16px}
.firstcard h2{justify-content:center;font-size:19px}
.firstcard p{margin:8px auto 16px;max-width:46ch;color:var(--ink-2)}

.alert{display:flex;flex-wrap:wrap;gap:6px 14px;align-items:center;justify-content:space-between;margin-top:14px;background:var(--surface);border:1px solid color-mix(in srgb,var(--c-support) 35%,var(--line));border-radius:var(--r);padding:10px 14px;box-shadow:var(--shadow);font-size:14px}
.alert b{color:var(--c-support)}

/* 탭·거르기 */
.bar-sticky{position:sticky;top:0;z-index:5;background:var(--bg);margin-top:16px;padding-top:4px;border-bottom:1px solid var(--line)}
.tabs{display:flex;gap:2px;overflow-x:auto;scrollbar-width:none}
.tabs::-webkit-scrollbar{display:none}
.tabs a{padding:9px 14px;color:var(--ink-2);text-decoration:none;font-weight:700;white-space:nowrap;border-bottom:2px solid transparent}
.tabs a[aria-current="page"]{color:var(--accent);border-bottom-color:var(--accent)}
.tabs a .c{font-family:var(--f-mono);font-size:12px;color:var(--ink-3);margin-left:4px;font-weight:400}
.filters{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:10px 0}
.chips{display:flex;gap:6px;flex-wrap:wrap}
.chip{border:1px solid var(--line);background:var(--surface);border-radius:99px;padding:4px 12px;font-size:13px;font-weight:500;display:inline-flex;align-items:center;gap:6px;min-height:32px}
.chip::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--cc,var(--ink-3))}
.chip[aria-pressed="true"]{background:color-mix(in srgb,var(--cc) 10%,#fff);border-color:var(--cc);color:var(--cc)}
.filters .grow{flex:1 1 180px;min-width:140px}
.filters input[type=search]{width:100%}
input[type=date],input[type=month],input[type=text],input[type=search],select,textarea{background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:7px 10px;min-width:0;min-height:40px}
textarea{width:100%;min-height:72px;resize:vertical;line-height:1.5}

/* 할 일 줄 */
.month{font-size:13.5px;font-weight:700;color:var(--ink-2);margin:20px 0 8px;display:flex;align-items:center;gap:10px}
.month::after{content:"";flex:1;height:1px;background:var(--line)}
.month .mono{font-weight:400;color:var(--ink-3);font-size:12px}
.stagebar{display:flex;flex-wrap:wrap;gap:6px 12px;align-items:center;justify-content:space-between;background:var(--surface);border:1px dashed var(--line);border-radius:var(--r);padding:10px 14px;margin-top:12px;font-size:14px;color:var(--ink-2)}
.rows{display:flex;flex-direction:column;gap:6px}
.row{background:var(--surface);border:1px solid var(--line);border-left:3px solid var(--cc);border-radius:var(--r);box-shadow:var(--shadow);scroll-margin-top:110px}
.row.is-done .r-main,.row.is-na .r-main{opacity:.62}
.row.is-done h3{text-decoration:line-through;text-decoration-color:var(--ink-3)}
.row.flash{box-shadow:0 0 0 2px var(--accent)}
.r-main{display:grid;grid-template-columns:30px 150px minmax(0,1fr) auto;gap:12px;align-items:center;padding:10px 12px 10px 8px;cursor:pointer}
.chk{width:26px;height:26px;border-radius:50%;border:2px solid var(--ink-3);background:transparent;display:grid;place-items:center;padding:0}
.chk svg{width:14px;height:14px;opacity:0;stroke:#fff}
.chk.progress{border-color:var(--accent);background:linear-gradient(90deg,var(--accent-soft) 50%,transparent 50%)}
.chk.completed{border-color:var(--ok);background:var(--ok)}
.chk.completed svg{opacity:1}
.r-date{display:flex;flex-direction:column;gap:1px;font-size:12.5px;min-width:0}
.dd{font-size:12px;font-weight:700;color:var(--ink-3)}
.dd.over{color:var(--danger)} .dd.soon{color:var(--warn)} .dd.live{color:var(--accent)} .dd.ok{color:var(--ok)}
.r-title{min-width:0}
.r-title h3{font-size:15px;font-weight:700;line-height:1.45;overflow-wrap:anywhere}
.r-sub{font-size:12.5px;color:var(--ink-3);margin-top:2px;display:flex;flex-wrap:wrap;gap:3px 10px;align-items:center}
.lane{font-weight:700;color:var(--cc);background:color-mix(in srgb,var(--cc) 10%,#fff);padding:0 8px;border-radius:99px}
.src{font-weight:700}
.src.review{color:var(--c-invest)} .src.grant{color:var(--c-support)} .src.mine{color:var(--ink-2)}
.wait{color:var(--warn);font-weight:700}
.r-meta{display:flex;gap:6px;align-items:center;justify-content:flex-end;flex-wrap:wrap}
.st{font-size:12px;font-weight:700;padding:2px 9px;border-radius:99px;white-space:nowrap}
.st.not_started{background:var(--surface-2);color:var(--ink-2)}
.st.progress{background:var(--accent-soft);color:var(--accent)}
.st.completed{background:var(--ok-soft);color:var(--ok)}
.st.na{background:var(--surface-2);color:var(--ink-3)}
.st.check{background:var(--warn-soft);color:var(--warn)}
.est{font-size:11.5px;font-weight:700;padding:1px 7px;border-radius:4px;border:1px dashed var(--ink-3);color:var(--ink-2);white-space:nowrap}
.r-detail{border-top:1px solid var(--line);padding:14px 16px 16px 50px;display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:18px}
.why{font-size:14.5px}
.special{background:var(--warn-soft);color:var(--warn);border-radius:8px;padding:8px 12px;font-size:13.5px;font-weight:700;margin-bottom:10px}
.blocks{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;margin-top:12px}
.blk{background:var(--surface-2);border-radius:10px;padding:10px 12px;font-size:13.5px}
.refs{display:flex;flex-wrap:wrap;gap:4px;margin-top:10px;font-size:12.5px;align-items:center}
.ref{border:1px solid var(--line);border-radius:6px;padding:0 7px;background:var(--surface)}
.ref.done{color:var(--ok)} .ref.open{color:var(--warn)}
a.ext{color:var(--accent);overflow-wrap:anywhere}
.side{display:flex;flex-direction:column;gap:12px;min-width:0}
.seg{display:inline-flex;border:1px solid var(--line);border-radius:8px;overflow:hidden;flex-wrap:wrap;max-width:100%}
.seg button{border:0;background:var(--surface);padding:7px 13px;font-size:13.5px;font-weight:700;color:var(--ink-2);min-height:38px}
.seg button+button{border-left:1px solid var(--line)}
.seg button[aria-pressed="true"]{background:var(--accent);color:#fff}
.seg.sub button[aria-pressed="true"]{background:var(--c-support)}
.frow{display:flex;flex-wrap:wrap;gap:8px;align-items:flex-end}
.field{display:flex;flex-direction:column;gap:3px;min-width:0}
.field label,.field .flab{font-size:12px;color:var(--ink-3);font-weight:700}
.linkbtn{background:none;border:0;padding:0;color:var(--accent);font-weight:700;font-size:13px;text-align:left}
.tgl{display:inline-flex;align-items:center;gap:6px;font-size:13.5px;color:var(--ink-2)}
.tgl input{width:18px;height:18px}
.empty{padding:32px 16px;text-align:center;color:var(--ink-3);background:var(--surface);border:1px dashed var(--line);border-radius:var(--r);margin-top:12px}
.addf{display:flex;flex-wrap:wrap;gap:8px;align-items:flex-end;background:var(--surface);border:1px dashed var(--line);border-radius:var(--r);padding:12px;margin-top:14px}
.addf .grow{flex:1 1 220px}
.addf .grow input{width:100%}

/* 목록(공고·문서·완료) */
.tbl{display:flex;flex-direction:column;gap:8px;margin-top:10px}
.li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 14px;align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);padding:12px 14px}
.li h3{font-size:15px;font-weight:700;overflow-wrap:anywhere}
.li small{display:block;font-size:12.5px;color:var(--ink-3);margin-top:2px}
.li .meta{display:flex;flex-wrap:wrap;gap:4px 12px;font-size:12.5px;color:var(--ink-2);margin-top:4px}
.li .end{display:flex;flex-direction:column;align-items:flex-end;gap:6px}
.cond{font-size:13.5px;color:var(--ink-2);background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:10px 14px;margin-top:10px;display:flex;flex-wrap:wrap;gap:6px 12px;align-items:center;justify-content:space-between}
.log ol{list-style:none;padding:0;margin:8px 0 0;display:flex;flex-direction:column;gap:4px;font-size:13px;color:var(--ink-2)}
.log li{display:grid;grid-template-columns:70px minmax(0,1fr);gap:10px}

/* 간트 */
.gwrap{overflow-x:auto;border:1px solid var(--line);border-radius:var(--r);background:var(--surface);margin-top:8px;box-shadow:var(--shadow)}
.gantt{position:relative;min-width:max-content;--gl:240px}
.g-head,.g-row{display:grid;grid-template-columns:var(--gl) var(--gw)}
.g-head{position:sticky;top:0;background:var(--surface);z-index:2;border-bottom:1px solid var(--line);height:38px}
.g-lab{position:sticky;left:0;background:var(--surface);z-index:1;border-right:1px solid var(--line);padding:0 10px;display:flex;align-items:center;font-size:13px;min-width:0;overflow:hidden}
.g-lab .t{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.g-row{height:30px;border-bottom:1px solid var(--surface-2)}
.g-track{position:relative}
.g-bar{position:absolute;top:8px;height:14px;border-radius:4px;background:var(--cc);border:0;padding:0;min-width:6px}
.g-bar.est{background:repeating-linear-gradient(135deg,var(--cc) 0 4px,color-mix(in srgb,var(--cc) 35%,#fff) 4px 8px)}
.g-bar.done{background:var(--ok);opacity:.55}
.g-bar.overdue{outline:2px solid var(--danger);outline-offset:1px}
.g-m{position:absolute;top:0;bottom:0;border-left:1px solid var(--line);font-size:12px;color:var(--ink-3);padding:3px 0 0 4px;white-space:nowrap}
.g-m b{display:block;color:var(--ink-2);font-weight:700}
.g-today{position:absolute;top:0;bottom:0;width:2px;background:var(--danger);z-index:1;pointer-events:none}

/* 덮는 창(생각·심의, 단계, 조건, 문서, 원문) */
.sheet-bg{position:fixed;inset:0;background:rgba(11,21,35,.38);z-index:30;display:flex;justify-content:flex-end}
.sheet{background:var(--bg);width:min(560px,100%);height:100%;overflow-y:auto;box-shadow:-8px 0 24px rgba(11,21,35,.12);display:flex;flex-direction:column}
.sheet-h{position:sticky;top:0;background:var(--surface);border-bottom:1px solid var(--line);padding:12px 16px;display:flex;align-items:center;gap:10px;justify-content:space-between;z-index:1}
.sheet-h h2{font-size:17px}
.sheet-b{padding:16px;display:flex;flex-direction:column;gap:14px}
.steps{display:flex;gap:6px;font-size:12.5px;color:var(--ink-3);flex-wrap:wrap}
.steps span{padding:2px 9px;border-radius:99px;background:var(--surface-2);font-weight:700}
.steps span.on{background:var(--brand);color:#fff}
.steps span.ok{background:var(--ok-soft);color:var(--ok)}
.t0{display:grid;grid-template-columns:110px minmax(0,1fr);gap:8px 12px;font-size:14px}
.t0 dt{color:var(--ink-3);font-weight:700}
.t0 dd{margin:0}
.raw{white-space:pre-wrap;font-size:14px;background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:12px}
.spin{width:22px;height:22px;border-radius:50%;border:3px solid var(--accent-soft);border-top-color:var(--accent);animation:sp 1s linear infinite;display:inline-block;vertical-align:middle}
@keyframes sp{to{transform:rotate(360deg)}}
.stagepick{display:grid;grid-template-columns:minmax(0,1fr);gap:8px}
.stagepick button{text-align:left;border:1px solid var(--line);background:var(--surface);border-radius:10px;padding:10px 12px}
.stagepick button[aria-pressed="true"]{border-color:var(--brand);box-shadow:0 0 0 1px var(--brand)}
.stagepick b{display:block}
.stagepick small{color:var(--ink-3)}

.toast{position:fixed;left:50%;bottom:calc(18px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);background:var(--ink);color:#fff;padding:9px 15px;border-radius:8px;font-size:13.5px;z-index:40;max-width:calc(100% - 32px);pointer-events:none}
footer{margin-top:28px;font-size:12.5px;color:var(--ink-3);border-top:1px solid var(--line);padding-top:12px}

@media (max-width:960px){
  .summary,.duo{grid-template-columns:minmax(0,1fr)}
  .stages{grid-template-columns:repeat(4,minmax(0,1fr))}
  .r-detail{grid-template-columns:minmax(0,1fr);padding-left:16px}
}
@media (max-width:640px){
  .wrap{padding-left:max(10px,env(safe-area-inset-left));padding-right:max(10px,env(safe-area-inset-right))}
  .top{padding:10px 0 8px}
  .brand small{display:none}
  .proj{flex:1 1 100%}
  .proj select{flex:1 1 auto;max-width:none}
  .stages{display:flex;overflow-x:auto;scrollbar-width:none;gap:6px;margin-inline:-2px;padding:2px}
  .stages::-webkit-scrollbar{display:none}
  .stg{flex:0 0 auto;padding:6px 10px;flex-direction:row;gap:6px;align-items:baseline;border-radius:99px}
  .stg .c{display:none}
  .stg .cnt{font-family:var(--f-mono);font-size:12px;color:var(--ink-3)}
  .stg.now .cnt{color:#c9d3e0}
  .panel{padding:13px}
  .big b{font-size:28px}
  .kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
  .kpi{padding:10px 12px}
  .kpi b{font-size:22px}
  .kpi .k-s{display:none}
  .blocks{grid-template-columns:minmax(0,1fr)}
  .r-main{grid-template-columns:30px minmax(0,1fr) auto;grid-template-areas:"c date meta" "c title title";row-gap:3px;padding:9px 10px 9px 6px}
  .r-main .chk{grid-area:c;align-self:start;margin-top:2px}
  .r-date{grid-area:date;flex-direction:row;gap:8px;align-items:baseline;flex-wrap:wrap}
  .r-title{grid-area:title}
  .r-meta{grid-area:meta}
  .r-detail{padding:12px}
  .li{grid-template-columns:minmax(0,1fr)}
  .li .end{align-items:flex-start;flex-direction:row;flex-wrap:wrap}
  .gantt{--gl:140px}
  .sheet{width:100%}
  .acts li{grid-template-columns:minmax(0,1fr)}
  .acts li .btn{justify-self:start}
  .t0{grid-template-columns:minmax(0,1fr)}
  .t0 dd{margin-bottom:6px}
}
a.btn{text-decoration:none;color:inherit;display:inline-flex;align-items:center}
.onelines{display:flex;flex-direction:column;gap:6px}
.oneline{display:flex;align-items:center;gap:8px;justify-content:space-between;width:100%;text-align:left;background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:8px 12px;font-size:13.5px;min-height:44px;box-shadow:var(--shadow)}
.oneline>span:nth-last-child(2){flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.oneline .verdict{flex:none;font-size:12px;padding:1px 8px}
.proto .short,.kpi .k-ts{display:none}
@media (min-width:641px){ .stg .cnt{display:none} }
/* 폰 첫 화면: 안내 띠·머리·요약을 줄여 첫 화면에 할 일까지 보이게 */
@media (max-width:640px){
  .proto{font-size:12px;padding:3px 8px;flex-wrap:nowrap}
  .proto .long{display:none} .proto .short{display:inline}
  .proto .btn.sm{min-height:28px;padding:2px 8px;font-size:12px}
  .top{flex-wrap:nowrap;gap:8px;padding:8px 0 6px}
  .brand>span:last-child{display:none}
  .proj{flex:1 1 auto;flex-wrap:nowrap;gap:6px}
  .proj .lbl{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .proj select{min-width:0;width:100%}
  #newIdea{padding:6px 10px}
  .save:not(.busy):not(.err){display:none}
  .stage-note{margin-top:4px;font-size:12.5px}
  .stage-note>span{display:none}
  .stage-note .btn{min-height:28px;padding:0 4px}
  .summary{margin-top:8px;gap:8px}
  .summary .panel{padding:10px 12px}
  .big{margin-top:0} .big b{font-size:24px}
  .bar{margin-top:6px} .legend{margin-top:4px} .scope{display:none}
  .kpis{grid-template-columns:repeat(4,minmax(0,1fr))}
  .kpi{padding:7px 8px;gap:0}
  .kpi .k-t{display:none} .kpi .k-ts{display:block;font-size:12px;font-weight:700;color:var(--ink-2);white-space:nowrap}
  .kpi b{font-size:20px}
  .duo{margin-top:8px;gap:8px}
  .idea{margin-top:6px;font-size:13.5px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
  .acts{margin-top:8px;gap:6px} .acts li{padding:7px 10px}
  .alert{margin-top:8px;padding:8px 12px;font-size:13px}
  .bar-sticky{margin-top:10px}
  .alert{flex-wrap:nowrap}
  .alert>span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-width:0}
  .alert .btn{flex:none;min-height:32px;padding:3px 10px;font-size:12.5px}
  .filters{padding:6px 0;gap:6px}
  .chips{flex:1 1 100%;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding-bottom:1px}
  .chips::-webkit-scrollbar{display:none}
  .chip{flex:none}
  .filters select{flex:0 1 112px;min-width:0}
  .filters .grow{flex:1 1 120px;min-width:0}
}
@media (prefers-reduced-motion:no-preference){.row,.chk,.btn{transition:background-color .15s,border-color .15s,opacity .15s}}
/* 주요 기한·날짜별 할 일(맘랩스 사용감 기준) */
.dl,.td{display:grid;grid-template-columns:30px 120px minmax(0,1fr);gap:12px;align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);padding:10px 12px 10px 8px}
.dl.past{opacity:.62}
.dl .d{font-size:13px;line-height:1.4}
.dl .txt small,.td .txt small{display:block;font-size:12.5px;color:var(--ink-3)}
.dot{width:10px;height:10px;border-radius:50%;background:var(--accent);justify-self:center}
.td{grid-template-columns:30px minmax(0,1fr) minmax(0,1.1fr);align-items:start}
.td.is-done .txt b{text-decoration:line-through;text-decoration-color:var(--ink-3);color:var(--ink-2)}
.td .res{display:flex;flex-direction:column;gap:6px;align-items:flex-end}
.td .res textarea{min-height:44px}
@media (max-width:640px){
  .dl{grid-template-columns:30px 92px minmax(0,1fr);gap:8px}
  .td{grid-template-columns:30px minmax(0,1fr)}
  .td .res{grid-column:1 / -1}
}
.hint{display:block;font-size:12px;color:var(--warn);margin-top:2px}
.pin{font-weight:700;color:var(--ink-2);background:var(--surface-2);padding:0 8px;border-radius:99px}
/* 심의 결과(기존 c01 결과 화면의 항목 구조) */
.rsum{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:10px;overflow:hidden;margin-top:10px}
.rsum>div{background:var(--surface);padding:10px 12px;display:flex;flex-direction:column;gap:2px;min-width:0}
.rsum b{font-size:20px;line-height:1.25;overflow-wrap:anywhere}
.rsum b small{font-size:12px;color:var(--ink-3)}
.rsum .verdict{font-size:13px;align-self:flex-start}
.final{margin-top:10px;font-size:14.5px}
.final .lbl{margin-right:6px}
.decisive{margin-top:8px;font-size:14px}
.decisive summary{cursor:pointer;font-weight:700;color:var(--ink-2)}
.decisive ul{margin:6px 0 0;padding-left:0;list-style:none;display:flex;flex-direction:column;gap:4px}
.pn{font-family:var(--f-mono);font-size:11px;font-weight:700;background:var(--brand);color:#fff;border-radius:4px;padding:0 6px;margin-right:4px}
.toc{display:flex;flex-wrap:wrap;gap:6px;position:sticky;top:0;background:var(--bg);padding:6px 0;z-index:1}
.toc .chip::before{display:none}
.sheet-b section{display:flex;flex-direction:column;gap:8px;scroll-margin-top:60px}
.sheet-b section h3{font-size:15.5px}
.theatre{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}
.theatre li{display:grid;grid-template-columns:24px minmax(0,1fr) auto;gap:8px;align-items:start;padding:7px 0;border-bottom:1px dashed var(--line);opacity:.55}
.theatre li.on{opacity:1}
.theatre .ck{width:20px;height:20px;border-radius:5px;background:var(--surface-2);color:#fff;display:grid;place-items:center;font-size:12px}
.theatre li.on .ck{background:var(--ok)}
.theatre small{display:block;color:var(--ink-3);font-size:12.5px}
.theatre em{font-style:normal;font-size:12.5px;font-weight:700;color:var(--ok)}
.dlist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.dlist li{border:1px solid var(--line);border-radius:10px;padding:8px 12px;background:var(--surface)}
.zs b{font-size:28px}
.axes{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}
.axes li{display:grid;grid-template-columns:84px minmax(0,1fr) 32px;gap:8px;align-items:center;font-size:13.5px}
.axes i{display:block;height:8px;border-radius:99px;background:linear-gradient(90deg,var(--c-support) var(--w),var(--surface-2) var(--w))}
.acts li.hl{box-shadow:0 0 0 2px var(--accent)}
/* 지원사업(기존 맞춤 공고 카드 항목) */
.gtabs{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
.gtabs .chip::before{display:none}
.gtabs .chip[aria-pressed="true"]{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}
.gwarn{background:var(--warn-soft);color:var(--warn);border-radius:8px;padding:8px 12px;font-size:13.5px;margin-top:10px}
.gsum{margin-top:10px;font-size:14.5px}
.gcard{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow)}
.gcard.open{border-color:var(--c-support)}
.gline{display:flex;gap:10px;align-items:center;justify-content:space-between;width:100%;text-align:left;background:var(--surface);border:0;border-radius:var(--r);padding:10px 14px;min-height:48px}
div.gline{border:1px solid var(--line)}
.gline>div{min-width:0}
.gline b{display:block;font-size:14.5px;overflow-wrap:anywhere}
.gline small{display:block;font-size:12.5px;color:var(--ink-3)}
.gline .dd{flex:none}
.chk1{color:var(--warn);font-weight:700}
.gbody{border-top:1px solid var(--line);padding:10px 14px 12px;display:flex;flex-direction:column;gap:6px;font-size:14px}
.gbody .tag{align-self:flex-start;background:var(--ok-soft);color:var(--c-support);font-size:12px;font-weight:700;padding:1px 8px;border-radius:99px}
.warn{color:var(--warn)}
@media (max-width:640px){ .rsum{grid-template-columns:repeat(2,minmax(0,1fr))} .axes li{grid-template-columns:70px minmax(0,1fr) 28px} }

/* 처음 온 사람(사업 0개) */
.proto-btns{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.first h2{font-size:20px}
.first-steps{margin:12px 0 16px;padding-left:22px;display:grid;gap:8px;line-height:1.65;color:var(--ink-2)}
.first-steps b{color:var(--ink)}
.first-all{margin-top:16px}
.pendline{margin:10px 0;padding:8px 12px;border-radius:8px;background:var(--accent-soft);font-size:14px;display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center}
@media (max-width:640px){
  /* 폰: 위 띠를 한 줄로(단추 두 개). '가상 자료'는 단추 이름이 말해 준다 */
  .proto .short{display:none}
  .proto-btns{flex-wrap:nowrap;gap:4px}
}

/* 지노형 얼굴(헤더·말풍선) — 기존 r01 첫 화면과 같은 얼굴 */
.mark.face{padding:0;background:none;object-fit:cover;border-radius:10px}
.hy{display:flex;gap:10px;align-items:flex-start}
.hy img{width:48px;height:48px;flex:0 0 auto;border-radius:12px;object-fit:cover}
.hy div{background:var(--surface);border:1px solid var(--line);border-radius:4px 16px 16px 16px;padding:10px 14px;min-width:0;box-shadow:var(--shadow)}
.hy span{display:block;font-size:11.5px;font-weight:700;color:var(--accent)}
.hy strong{display:block;font-size:16px;line-height:1.55;color:var(--ink)}
/* 첫 방문 홈에서 메인으로 이어 쓰는 규칙 */
.memo{display:grid;gap:10px}
.memo-h{font-size:18px;font-weight:900}
.memo textarea{min-height:150px;font-size:16px;line-height:1.6}
.btn.block{width:100%;justify-content:center}
.center{text-align:center}
.note.sim{color:var(--warn);font-size:12.5px}
.write-help{border:1px solid var(--line);border-radius:12px;background:var(--surface-2)}
.write-help>summary{list-style:none;cursor:pointer;display:flex;gap:10px;align-items:center;padding:10px 12px}
.write-help>summary::-webkit-details-marker{display:none}
.write-help .case-ic{font-size:20px}
.write-help summary b{display:block;font-size:14.5px}
.write-help summary small{display:block;font-size:12.5px;color:var(--ink-3)}
.write-help .case-go{margin-left:auto;color:var(--ink-3);transition:transform .15s}
.write-help[open] .case-go{transform:rotate(90deg)}
.write-help[open]{padding-bottom:12px}
.write-help>:not(summary){margin:8px 12px 0}
.write-help dt{font-weight:700;margin-top:8px}
.write-help dt small{font-weight:400;color:var(--ink-3)}
.write-help dd{margin:2px 0 0;color:var(--ink-2);line-height:1.6;font-size:14px}
.roles{display:flex;flex-wrap:wrap;gap:6px}
.roles span{font-size:12px;font-weight:700;padding:4px 10px;border-radius:999px;background:var(--accent-soft);color:var(--accent)}
.roles span.judge{background:var(--brand);color:#fff}
.founder{background:var(--brand);border-color:var(--brand);color:#fff;display:grid;gap:12px}
.founder .eyebrow{font-size:12px;font-weight:700;letter-spacing:2px;color:#8fe3c8}
.founder .hy div{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.15);box-shadow:none}
.founder .hy span{color:#8fe3c8}
.founder .hy strong{color:#fff}
.founder h3{color:#8fe3c8;font-size:16px}
.fn-body{display:grid;gap:10px;color:#d5dde6;font-size:14px;line-height:1.75}
.home-close{text-align:center;font-weight:700;line-height:1.7}
/* 반응형(하나의 웹, 같은 흐름·같은 자료 — 화면 폭에 따라 배치·입력 크기만 조정) */
@media (max-width:640px), (pointer:coarse){
  /* 폰·태블릿(손가락 입력): 입력 글자 16px(아이폰·아이패드가 눌렀을 때 확대하지 않게), 누르는 곳은 40px 안팎 */
  input:not([type=checkbox]):not([type=radio]),select,textarea{font-size:16px}
  .btn.sm,.chip,.linkbtn,details>summary{min-height:40px}
  .linkbtn{display:inline-flex;align-items:center}
  .chk{position:relative}
  .chk::after{content:"";position:absolute;inset:-9px;border-radius:50%}
  .proto .btn.sm{min-height:32px}
}
/* PC: 생각·심의 창과 원문 창은 넓게 */
@media (min-width:900px){ .sheet.wide{width:min(1040px,94vw)} }
/* 넓은 PC: 원문 창 목차를 왼쪽에 세우고 내용은 오른쪽 */
@media (min-width:1100px){
  .sheet.side .sheet-b{display:grid;grid-template-columns:200px minmax(0,1fr);align-items:start;gap:0 28px}
  .sheet.side .sheet-b>*{grid-column:2;margin-bottom:16px}
  .sheet.side .toc{grid-column:1;grid-row:1/span 12;flex-direction:column;flex-wrap:nowrap;align-items:stretch;margin:0;top:72px}
  .sheet.side .sheet-h{position:sticky;top:0;z-index:3;background:var(--bg)}
  .sheet.side .toc .chip{justify-content:flex-start}
}


/* ───────── 창업서치 플랫폼 메인(첫 방문 · 로고로 다시 열기) — 창조지노님 기존 메인 원본(A~D)의 구성·색(남색·청록·민트)을 따른다 ───────── */
body.lp-mode{background:#F8FAFC}
body.lp-mode .wrap{max-width:none;padding:0 0 env(safe-area-inset-bottom,0)}
body.lp-mode .proto{max-width:1232px;margin:8px auto;border-radius:10px}
@media (max-width:1264px){ body.lp-mode .proto{margin:8px 16px} }
.lp{--n:#0A1628;--n2:#111C2F;--cy:#00E5CC;--mt:#10B981;--tl:#0E9F8E;--ink9:#0F172A;--g5:#64748B;--g3:#CBD5E1;--line9:#E8EDF3;--rd:#E5484D;color:var(--ink9);margin:0}
.lp .ic{width:22px;height:22px;flex:none}
.lp-in{max-width:1232px;margin:0 auto;padding:0 24px;box-sizing:border-box}
.lp .center{text-align:center}
/* 위 메뉴 */
.lp-nav{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:20px;padding:12px max(24px,calc((100% - 1232px)/2 + 24px));background:rgba(10,22,40,.96);backdrop-filter:blur(8px);border-bottom:1px solid rgba(255,255,255,.08)}
.lp-logo{display:flex;align-items:center;gap:10px;background:none;border:0;padding:0;color:#fff;cursor:pointer;text-align:left}
.lp-logo img{border-radius:10px;object-fit:cover}
.lp-logo b{display:block;font-size:18px;font-weight:900;letter-spacing:-.02em;line-height:1.15}
.lp-logo small{display:block;font-size:9.5px;letter-spacing:.18em;color:#94A3B8;font-weight:700}
.lp-links{display:flex;gap:4px;margin:0 auto}
.lp-link{background:none;border:0;color:#CBD5E1;font-size:14.5px;font-weight:600;padding:8px 12px;border-radius:8px;cursor:pointer}
.lp-link:hover,.lp-link[aria-pressed="true"]{color:#fff;background:rgba(255,255,255,.06)}
.lp-nav-r{display:flex;gap:8px;align-items:center}
.lp-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:800;font-size:16px;border-radius:12px;padding:15px 24px;border:1px solid transparent;cursor:pointer;min-height:48px;box-sizing:border-box;font-family:inherit}
.lp-btn .ic{width:18px;height:18px}
.lp-btn.sm{font-size:14px;padding:9px 16px;min-height:40px;border-radius:999px}
.lp-btn.pri{background:var(--cy);color:var(--n);box-shadow:0 8px 24px rgba(0,229,204,.28)}
.lp-btn.pri:hover{filter:brightness(1.05)}
.lp-btn.ghost{background:rgba(255,255,255,.04);color:#fff;border-color:rgba(255,255,255,.18)}
.lp-btn.ghost.round{border-radius:999px;background:#fff;color:var(--ink9);border-color:var(--line9);box-shadow:0 2px 10px rgba(15,23,42,.06)}
.lp-btn.navy{background:var(--n);color:#fff;border-radius:999px;padding:18px 34px;font-size:17px}
/* 히어로 */
.lp-hero{background:radial-gradient(900px 520px at 85% 20%,rgba(0,229,204,.16),transparent 60%),radial-gradient(700px 400px at 10% 100%,rgba(16,185,129,.10),transparent 60%),linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px) 0 0/48px 48px,linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px) 0 0/48px 48px,var(--n);color:#fff;padding:64px 0 120px}
.lp-hero-in{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:56px;align-items:center}
.lp-pill{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:700;padding:7px 14px;border-radius:999px;border:1px solid rgba(0,229,204,.35);background:rgba(0,229,204,.08);color:var(--cy);margin:0 0 22px}
.lp-pill .dot{width:7px;height:7px;border-radius:50%;background:var(--cy);box-shadow:0 0 10px var(--cy)}
.lp-pill .ic{width:15px;height:15px}
.lp-pill.light{color:var(--tl);border-color:rgba(14,159,142,.3);background:rgba(14,159,142,.06)}
.lp-pill.navy{color:#fff;background:var(--n);border-color:var(--n)}
.lp .home-h{font-size:clamp(46px,6.4vw,84px);line-height:1.04;font-weight:900;letter-spacing:-.035em;margin:0;color:#fff}
.lp .home-h em{font-style:normal;color:#0FD9B4}   /* 62차(창조지노님 운영 화면: '재미있다.'가 안 보임): 글자 모양 그라데이션(background-clip:text)은 일부 PC 크롬에서 그려지지 않아 단색으로 */
.lp .home-lead{font-size:clamp(18px,1.7vw,22px);line-height:1.55;color:#E2E8F0;font-weight:700;margin:22px 0 10px}
.lp-sub{font-size:16px;line-height:1.75;color:#94A3B8;margin:0 0 28px;max-width:560px}
.lp-ctas{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:30px}
.lp-hero .hy div{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.14);box-shadow:none}
.lp-hero .hy span{color:var(--cy)} .lp-hero .hy strong{color:#fff;font-size:15px}
.lp-hero .hy img{box-shadow:0 0 0 2px rgba(0,229,204,.5)}
/* 히어로 오른쪽 카드(메모 · 이어보기) */
.lp-card{background:#fff;color:var(--ink9);border-radius:24px;padding:24px;box-shadow:0 30px 80px rgba(0,0,0,.35);display:grid;gap:12px;position:relative}
.lp-card-h{display:flex;gap:12px;align-items:center;background:#F1FBF9;border:1px solid #CFF4EE;border-radius:16px;padding:12px}
.lp-card-h img{border-radius:12px;object-fit:cover;flex:none}
.lp-kicker{display:block;font-size:11.5px;font-weight:800;letter-spacing:.06em;color:var(--tl)}
.lp-card-h b{display:block;font-size:14.5px;line-height:1.5}
.lp-card .memo-h{font-size:18px;font-weight:900;margin:4px 0 0}
.lp-card textarea{min-height:132px;font-size:16px;line-height:1.6}
.lp-start{background:var(--n)!important;border-color:var(--n)!important;font-size:17px!important;min-height:54px}
.lp-resume{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.lp-resume button{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left;background:#F8FAFC;border:1px solid var(--line9);border-radius:14px;padding:14px 16px;cursor:pointer;font-family:inherit}
.lp-resume button:hover{border-color:var(--tl);background:#F1FBF9}
.lp-resume b{display:block;font-size:16px} .lp-resume small{display:block;color:var(--g5);font-size:13px}
.lp-newmemo{margin-top:40px;max-width:640px;margin-left:auto;margin-right:auto}
.lp-newmemo .lp-card{box-shadow:0 10px 40px rgba(15,23,42,.08);border:1px solid var(--line9)}
/* 숫자 띠(지금 만든 범위의 값만) */
.lp-stats{margin-top:-64px;position:relative;z-index:2;background:#fff;border-radius:24px;box-shadow:0 20px 60px rgba(15,23,42,.10);border:1px solid var(--line9);padding:26px 32px 18px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px 24px}
.lp-stats>div{display:grid;gap:4px;padding-right:16px;border-right:1px solid var(--line9)}
.lp-stats>div:nth-child(4){border-right:0}
.lp-stats b{font-size:clamp(30px,3vw,40px);font-weight:900;letter-spacing:-.03em;color:var(--n);line-height:1.05}
.lp-stats b small{font-size:16px;color:var(--g5);font-weight:700;margin-left:3px}
.lp-stats span{font-size:13.5px;color:var(--g5)}
.lp-stats-note{grid-column:1/-1;margin:6px 0 0;font-size:12px;color:#94A3B8}
/* 섹션 공통 */
.lp-sec{padding:64px 0}   /* 44차(창조지노님 '전체를 좀 붙이자'): 104 → 64 */
.lp-white{background:#fff}
.lp-head{margin-bottom:28px}
.lp-head.center{text-align:center;max-width:760px;margin-left:auto;margin-right:auto}
.lp-head h2{font-size:clamp(30px,3.4vw,44px);line-height:1.2;font-weight:900;letter-spacing:-.03em;margin:6px 0 12px}
.lp-head h2 em{font-style:normal;color:var(--tl)}
.lp-head p{font-size:17px;color:var(--g5);line-height:1.7;margin:0}
.lp-eyebrow{font-size:13px;font-weight:800;letter-spacing:.16em;color:var(--tl);margin:0}
.lp-eyebrow.red,.lp-head h2 em.red{color:var(--rd)}
.lp-head.split{display:block;padding-bottom:20px;border-bottom:1px solid var(--line9)}   /* 44차: 설명을 제목 바로 아래로(오른쪽 끝에 떨어져 있던 것) */
.lp-head.split p{max-width:720px;margin-top:4px}
.lp-grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.cy-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:18px}
.cy-n{font-size:48px;font-weight:900;color:#EEF2F6;letter-spacing:-.04em;line-height:1}
/* 창업 8주기 */
.lp .cycle{list-style:none;padding:0;margin:0 0 28px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.lp .cycle>li{background:#fff;border:1px solid var(--line9);border-radius:20px;padding:22px;box-shadow:0 4px 18px rgba(15,23,42,.04);min-width:0}
.cy-ic{width:44px;height:44px;border-radius:12px;background:#F1F5F9;color:var(--n);display:grid;place-items:center}
.lp .cycle b{display:block;font-size:19px;font-weight:900;letter-spacing:-.02em}
.lp .cycle b em{font-style:normal;font-size:11.5px;color:var(--n);background:var(--cy);border-radius:99px;padding:2px 9px;margin-left:6px;vertical-align:3px;font-weight:800}
.lp .cycle p{font-size:13.5px;color:var(--g5);line-height:1.6;margin:6px 0 12px}
.lp .cycle ul{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.lp .cycle ul li{display:flex;gap:8px;align-items:center;font-size:13.5px;color:#334155}
.lp .cycle ul .ic{width:15px;height:15px;color:var(--tl)}
.lp .cycle>li.phoenix{background:var(--n);border-color:var(--n);border-top:3px solid var(--cy);color:#fff}
.lp .cycle>li.phoenix .cy-ic{background:rgba(0,229,204,.14);color:var(--cy)}
.lp .cycle>li.phoenix .cy-n{color:rgba(255,255,255,.08)}
.lp .cycle>li.phoenix p,.lp .cycle>li.phoenix ul li{color:#CBD5E1}
.lp .cycle>li.phoenix ul .ic{color:var(--cy)}
.home-cycle .hy{max-width:620px;margin:0 auto 24px}
/* 문제 */
.lp-prob{background:#F8FAFC;border:1px solid var(--line9);border-radius:24px;padding:32px}
.pb-ic{width:52px;height:52px;border-radius:14px;background:#fff;border:1px solid #FDE2E2;color:var(--rd);display:grid;place-items:center}
.lp-prob h3{font-size:22px;line-height:1.4;font-weight:900;letter-spacing:-.02em;margin:0 0 12px}
.lp-prob p{color:var(--g5);font-size:15px;line-height:1.75;margin:0}
/* 해결(어두운 흐름) */
.lp-dark{background:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px) 0 0/40px 40px,linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px) 0 0/40px 40px,var(--n);color:#fff}
.lp-dark .lp-head h2{color:#fff} .lp-dark .lp-head h2 em{color:#0FD9B4}
.lp-dark .lp-head p{color:#94A3B8}
.lp-pill.dark{margin-bottom:14px}
.lp .flow4{list-style:none;padding:0;margin:0 0 22px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.lp .flow4>li{background:var(--n2);border:1px solid rgba(255,255,255,.08);border-radius:24px;padding:28px;display:block}
.fl-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}
.fl-ic{width:52px;height:52px;border-radius:14px;background:rgba(0,229,204,.12);border:1px solid rgba(0,229,204,.3);color:var(--cy);display:grid;place-items:center;box-shadow:0 0 24px rgba(0,229,204,.15)}
.lp .flow4 .fn{width:auto;height:auto;background:none;color:rgba(255,255,255,.18);font-size:40px;font-weight:900;border-radius:0}
.lp .flow4 b{display:block;font-size:19px;font-weight:900;color:#fff;letter-spacing:-.02em;margin-bottom:8px}
.lp .flow4 p{color:#94A3B8;font-size:14.5px;line-height:1.7;margin:0 0 12px}
.lp-dark .roles span{background:rgba(0,229,204,.1);color:var(--cy)} .lp-dark .roles span.judge{background:var(--cy);color:var(--n)}
.lp-dark .note.sim{color:#FCD34D}
/* 기능 */
.lp-feat{background:#fff;border:1px solid var(--line9);border-radius:20px;padding:28px;display:grid;gap:10px;align-content:start}
.ft-ic{width:48px;height:48px;border-radius:12px;background:#F1F5F9;color:var(--n);display:grid;place-items:center}
.lp-feat h3{font-size:19px;font-weight:900;margin:6px 0 0;letter-spacing:-.02em}
.lp-feat p{color:var(--g5);font-size:14.5px;line-height:1.7;margin:0}
.lp-chip{justify-self:start;font-size:12px;font-weight:800;border-radius:99px;padding:4px 10px;margin-top:4px}
.lp-chip.ok{background:#E7F8F1;color:#0B7A55} .lp-chip.sim{background:#FFF4E0;color:#B26200} .lp-chip.op{background:#EEF2F6;color:#475569}
/* 심의 결과 미리보기 */
.lp-zs{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:center}
.lp-zs-card{background:#fff;border:1px solid var(--line9);border-radius:32px;padding:32px;box-shadow:0 30px 70px rgba(15,23,42,.10)}
/* 56차: Z-SPI 예시 = 계기판 + 11축 레이더(축 색 = 채점 위원) · AI 심의 패널(엔진 정본 역할) */
.lp{--p1:#0E7490;--p2:#1D4ED8;--p3:#6D28D9;--p4:#B45309}
.lp-zs-card .zs-h>div:first-child{display:grid;gap:6px} .lp-zs-card .zs-h small{font-size:13px;color:var(--g5);font-weight:600;letter-spacing:0}
.zs-g{position:relative;width:180px;flex:0 0 auto} .zs-g .lp-gauge{width:100%;display:block}
.zs-g>b{position:absolute;left:0;right:0;bottom:2px;text-align:center;font-size:44px!important}
.lp-gauge .g-bg{fill:none;stroke:#E2E8F0;stroke-width:14;stroke-linecap:round} .lp-gauge .g-fg{fill:none;stroke:var(--tl);stroke-width:14;stroke-linecap:round}
.lp-gauge .g-tick{stroke:#CBD5E1;stroke-width:2} .lp-gauge .g-dot{fill:#fff;stroke:var(--tl);stroke-width:3}
.zs-chips{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 6px} .zs-chips span{font-size:13px;font-weight:800;border-radius:999px;padding:5px 12px}
.zs-chips .ok{background:var(--ok-soft);color:var(--ok)} .zs-chips .lo{background:var(--warn-soft);color:var(--warn)}
.lp-radar{width:100%;max-width:400px;display:block;margin:0 auto}
.lp-radar .r-ring{fill:none;stroke:#E2E8F0} .lp-radar .r-spoke{stroke:#E2E8F0} .lp-radar .r-shape{fill:rgba(16,185,129,.18);stroke:var(--tl);stroke-width:2} .lp-radar .r-dot{fill:var(--tl)}
.lp-radar .r-lab{font-size:12.5px;font-weight:800} .lp-radar .r-num{font-size:11.5px;font-weight:600;fill:#475569}
.lp-radar .r-lab.p1{fill:var(--p1)} .lp-radar .r-lab.p2{fill:var(--p2)} .lp-radar .r-lab.p3{fill:var(--p3)} .lp-radar .r-lab.p4{fill:var(--p4)}
.zs-legend{display:flex;flex-wrap:wrap;gap:6px 14px;justify-content:center;margin:4px 0 10px;font-size:13px;font-weight:700}
.zs-legend span{display:inline-flex;align-items:center;gap:6px} .zs-legend i{width:10px;height:10px;border-radius:3px;background:currentColor}
.zs-legend .p1{color:var(--p1)} .zs-legend .p2{color:var(--p2)} .zs-legend .p3{color:var(--p3)} .zs-legend .p4{color:var(--p4)}
.lp-panel{margin-top:72px}
.pn-flow{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(0,1fr);gap:24px;align-items:start}
.pn-step{display:grid;gap:12px;min-width:0}
.pn-lab{margin:0;display:flex;align-items:center;gap:8px;font-size:14px;font-weight:800;color:var(--ink9)}
.pn-lab span{width:24px;height:24px;border-radius:50%;display:inline-grid;place-items:center;background:var(--n);color:#fff;font-size:12.5px}
.pn-seats{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.pn-card{background:#fff;border:1px solid var(--line9);border-top:4px solid var(--pc,#94A3B8);border-radius:18px;padding:18px 18px 16px;display:grid;gap:8px;align-content:start;min-width:0;box-shadow:0 6px 22px rgba(15,23,42,.05)}
.pn-card.p1{--pc:var(--p1)} .pn-card.p2{--pc:var(--p2)} .pn-card.p3{--pc:var(--p3)} .pn-card.p4{--pc:var(--p4)} .pn-card.pro{--pc:var(--tl)} .pn-card.judge{--pc:var(--n);background:#F8FAFC}
.pn-top{display:flex;align-items:center;gap:8px;min-width:0} .pn-dot{width:10px;height:10px;border-radius:50%;background:var(--pc);flex:0 0 auto}
.pn-top code{font:700 12.5px/1.2 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.04em;color:var(--ink9);overflow-wrap:anywhere;min-width:0}
.pn-tier{margin-left:auto;flex:0 0 auto;font-size:11.5px;font-weight:800;border-radius:999px;padding:3px 9px;background:#EEF2F6;color:#475569} .pn-tier.pro{background:var(--n);color:#fff}
.pn-card b{font-size:17px} .pn-card p{margin:0;color:#334155;font-size:14px;line-height:1.55} .pn-card .pn-sm{color:var(--g5);font-size:13px}
.pn-ax{display:flex;flex-wrap:wrap;gap:6px;align-items:center} .pn-ax small{width:100%;color:var(--g5);font-size:12px;font-weight:700}
.pn-ax span{font-size:12.5px;font-weight:700;border-radius:8px;padding:3px 8px;background:#F1F5F9;color:var(--pc)}
.pn-note{margin:16px 0 0;text-align:center;color:var(--g5);font-size:13px}
.zs-h{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:22px}
.zs-h span{font-size:13px;font-weight:800;letter-spacing:.12em;color:var(--g5)}
.zs-h b{font-size:56px;font-weight:900;letter-spacing:-.04em;color:var(--n);line-height:1}
.zs-h b small{font-size:18px;color:#94A3B8;font-weight:700}
.zs-axes{list-style:none;margin:0 0 14px;padding:0;display:grid;gap:12px}
.zs-axes li{display:grid;grid-template-columns:88px minmax(0,1fr) 34px;gap:12px;align-items:center;font-size:14px}
.zs-axes i{display:block;height:10px;border-radius:99px;background:#EEF2F6;position:relative;overflow:hidden}
.zs-axes i::after{content:"";position:absolute;inset:0 auto 0 0;width:var(--w);border-radius:99px;background:linear-gradient(90deg,var(--cy),var(--mt))}
.zs-axes b{text-align:right}
.lp-list{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.lp-list li{display:flex;gap:16px;align-items:flex-start;background:#fff;border:1px solid var(--line9);border-radius:18px;padding:18px 20px}
.lp-list li .ic{width:24px;height:24px;color:var(--tl);margin-top:2px}
.lp-list b{display:block;font-size:16.5px} .lp-list span{display:block;color:var(--g5);font-size:14px;line-height:1.6}
/* 지노형 이야기 */
.founder-sec{padding-top:0}
.lp .founder{border-radius:32px;padding:44px;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:40px}
.fn-photo{width:96px;height:96px;border-radius:24px;object-fit:contain;border:0}   /* 62차(창조지노님 '로고처럼 얼굴 잘리지 않게'): 로고와 같은 얼굴 그림(자체 테두리 있음) - 이전 사진은 이마·턱이 잘린 파일 */
.lp .founder .fn-head{display:grid;gap:14px;align-content:start}
.lp .founder h2{font-size:clamp(26px,2.6vw,34px);line-height:1.35;font-weight:900;color:#fff;letter-spacing:-.02em;margin:0}
.lp .fn-body{font-size:15.5px}
/* 마무리 띠 */
.lp-cta{background:radial-gradient(rgba(10,22,40,.10) 1.2px,transparent 1.2px) 0 0/22px 22px,var(--cy);color:var(--n);padding:64px 0}
.lp-cta h2{font-size:clamp(44px,6vw,80px);font-weight:900;letter-spacing:-.04em;margin:18px 0 16px;line-height:1.05}
.lp-cta .home-close{font-size:clamp(17px,1.6vw,20px);font-weight:700;color:rgba(10,22,40,.82);margin:0 0 30px}
.lp-cta-note{font-size:13px;color:rgba(10,22,40,.62);margin:14px 0 0}
.lp-foot{background:var(--n);color:#94A3B8;padding:36px 0 44px}
.lp-foot .lp-in{display:flex;justify-content:space-between;gap:24px;align-items:center;flex-wrap:wrap}
.lp-foot .lp-logo b{font-size:16px} .lp-foot p{margin:0;font-size:13px;max-width:640px}
.lp ~ .first-all{padding-top:24px;padding-bottom:48px}
/* 태블릿 */
@media (max-width:1100px){
  .lp-links{display:none}
  .lp-nav-r{margin-left:auto}
  .lp-hero{padding-top:32px}   /* 57차(창조지노님): 한 줄로 쌓이는 화면은 메뉴 아래 빈 간격을 줄임(64 → 32). 넓은 PC는 그대로 */
  .lp-hero-in{grid-template-columns:1fr;gap:36px}
  .lp-hero .home-side{max-width:640px}
  .lp .cycle,.lp .flow4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .lp-grid3{grid-template-columns:repeat(2,minmax(0,1fr))}
  .lp-zs,.lp .founder{grid-template-columns:1fr;gap:32px}
  .pn-flow{grid-template-columns:1fr}
  .lp-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .lp-stats>div:nth-child(2){border-right:0}
}
/* 폰 */
@media (max-width:640px){
  .lp-in{padding:0 16px}
  .lp-nav{padding:10px 16px;gap:10px}
  .lp-logo small{display:none}
  .lp-nav-r .lp-btn.ghost{display:none}
  .lp-nav-r .lp-btn.ghost[data-act="login-open"],.lp-nav-r .lp-btn.ghost[data-act="logout"]{display:inline-flex;padding:8px 12px}   /* 폰에서도 로그인·로그아웃은 보인다 */
  .lp-nav-r .acct{display:none}
  .lp-hero{padding:20px 0 96px}   /* 57차: 폰 36 → 20 */
  .lp .home-h{font-size:48px}
  .lp-sub{font-size:15px}
  .lp-ctas .lp-btn{flex:1 1 100%}
  .lp-card{padding:18px;border-radius:20px}
  .lp-stats{padding:20px;gap:16px;border-radius:20px}
  .lp-stats>div{border-right:0;padding-right:0}
  .lp-sec{padding:44px 0}
  .lp .cycle,.lp .flow4,.lp-grid3{grid-template-columns:1fr}
  .lp-head.split{display:block}
  .lp-head.split p{margin-top:12px}
  .lp-prob,.lp-feat,.lp .flow4>li{padding:24px}
  .lp .founder{padding:28px}
  .lp-zs-card{padding:24px;border-radius:24px}
  .zs-g{width:140px} .zs-g>b{font-size:34px!important} .lp-zs-card .zs-h{gap:10px} .pn-seats{grid-template-columns:1fr} .lp-panel{margin-top:48px}
  .zs-h b{font-size:44px}
  .lp-cta{padding:72px 0}
}

.lp-head .lp-eyebrow{color:var(--tl)} .lp-head .lp-eyebrow.red{color:var(--rd)}
footer.lp-foot{margin-top:0;border-top:0;font-size:inherit}
.fn-quote{margin:0;border-left:3px solid var(--cy);padding:4px 0 4px 16px}
.fn-quote p{margin:0;color:#fff;font-size:17px;font-weight:800;line-height:1.6}
.fn-quote cite{display:block;margin-top:6px;font-style:normal;font-size:12.5px;color:#8fe3c8;font-weight:700}
.lp-alllink{margin:2px 0 0}

/* 기업 조건(G3 · format 2) - 라디오/체크 카드, 기본 선택 없음. c01 .g3opt과 같은 크기 규칙(높이 44px·줄바꿈·초점 테두리) */
.cond-form{display:flex;flex-direction:column;gap:14px}
.cond-form [data-step]{display:flex;flex-direction:column;gap:10px}
.cond-form h3,.cond-form summary{font-size:15.5px;font-weight:800}
.cond-form details[data-step="extra"]{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:10px 12px}
.cond-form details[data-step="extra"][open]{display:flex;flex-direction:column;gap:10px}
.cond-form summary{cursor:pointer;min-height:32px;display:flex;align-items:center}
.g3q{min-width:0;max-width:100%;margin:0;padding:10px 12px;border:1px solid var(--line);border-radius:var(--r);background:var(--surface);display:flex;flex-direction:column;gap:8px}
.g3q legend{font-weight:800;font-size:14px;padding:0 4px;overflow-wrap:anywhere}
.g3q.g3sub{background:var(--surface-2)}
.g3opts{display:flex;flex-wrap:wrap;gap:8px}
.g3opt{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:6px 12px;border:1px solid var(--line);border-radius:12px;background:#fff;cursor:pointer;font-weight:600;font-size:14px;max-width:100%;overflow-wrap:anywhere}
.g3opt input{width:20px;height:20px;flex:none;accent-color:var(--brand);margin:0}
.g3opt:has(input:checked){border-color:var(--brand);background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--brand)}
.g3opt:has(input:disabled){opacity:.55;cursor:default}
.g3opt:has(input:focus-visible){outline:3px solid var(--accent);outline-offset:2px}
.g3q input[inputmode],.g3q .field input{min-height:44px;padding:8px 10px;border:1px solid var(--line);border-radius:10px;background:#fff;font-size:16px;width:100%;max-width:320px}
.g3review{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:4px;overflow-wrap:anywhere;font-size:14px}
.g3review li[data-kept=hidden]{color:var(--ink-3)}
.signup-info{background:var(--accent-soft);border:1px solid #c9dafb;border-radius:var(--r);padding:12px 14px;display:flex;flex-direction:column;gap:6px}
.signup-info .si-h{font-size:15px}
.signup-why{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:10px 12px}
.ok-line{background:var(--ok-soft);color:var(--ok);border-radius:10px;padding:8px 12px;display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.g3review .warn-t{color:var(--warn);font-weight:700}

/* 계정 칸(실제 창구에서만 보임) */
.acctbox{display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap}
.acct{font-size:13px;font-weight:700;color:var(--ink-2);max-width:14em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lp-nav-r .acct{color:inherit;opacity:.85}
.anon-card{display:flex;flex-direction:column;gap:8px;font-weight:600}
.anon-card p{margin:0}

/* 정리(T0) 확인·고치기 - 원문은 그대로, 제목·요소만 고침 */
.t0edit{display:flex;flex-direction:column;gap:10px}
.t0edit textarea,.t0edit input{min-height:44px;padding:8px 10px;border:1px solid var(--line);border-radius:10px;background:#fff;font-size:16px;width:100%}
.t0edit[data-locked] textarea,.t0edit[data-locked] input{background:var(--surface-2);color:var(--ink-2)}
.t0raw,.t0prev,.t0ai{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:8px 12px;font-size:14px}
.t0raw summary,.t0prev summary,.t0ai summary{cursor:pointer;font-weight:700;min-height:28px}
.t0raw .pre{white-space:pre-wrap;overflow-wrap:anywhere;margin-top:6px}
.t0prev dl{margin:6px 0 0}


/* ===== 26차: 새 메인과 같은 디자인 언어(지코 6658143341) ===== */
/* 앱 머리: 메인 위 메뉴와 같은 남색 띠(둥근 카드 - 화면 밖으로 넘치지 않게) */
header.top{background:var(--navy);border-radius:16px;padding:12px 18px;margin-top:8px;color:#fff;box-shadow:0 8px 24px rgba(10,22,40,.16)}
header.top .brand b{color:#fff} header.top .brand small{color:rgba(255,255,255,.6)}
header.top .brand .mark{border-radius:12px;box-shadow:0 0 0 2px rgba(0,229,204,.35)}
header.top .lbl{color:rgba(255,255,255,.72)}
header.top select{background:#fff;color:var(--navy);border-radius:999px;border:0;font-weight:700}
header.top #newIdea{background:var(--cyan);color:var(--navy);border-color:var(--cyan);border-radius:999px;font-weight:800}
header.top .save{color:#7ef3d4} header.top .save.err{color:#ffb4b4} header.top .save.busy{color:rgba(255,255,255,.8)}
header.top .acct{color:rgba(255,255,255,.85)}
header.top .acctbox .btn{background:transparent;color:#fff;border-color:rgba(255,255,255,.3);border-radius:999px}
.btn,.btn.pri{border-radius:999px}
.stg[aria-pressed="true"],.stg.now{box-shadow:0 0 0 2px var(--cyan)}
/* 메뉴 공통 */
.rail-top,.rail-more,.tabs .tg{display:none}
.menu-all{display:none}
.mi{display:flex;flex-direction:column;gap:1px;text-align:left;width:100%;background:none;border:0;border-radius:10px;padding:8px 10px;color:var(--ink);text-decoration:none;font:inherit;cursor:pointer}
.mi b{font-size:14px;font-weight:700} .mi small{font-size:12px;color:var(--ink-3)} .mi em{font-style:normal;color:var(--warn);font-weight:700}
.mi:hover{background:var(--accent-soft)} .mi.off{cursor:default;opacity:.8} .mi.off:hover{background:none}
.rail-h{font-size:11.5px;font-weight:800;color:var(--ink-3);letter-spacing:.04em;margin:12px 10px 4px}
.menu-sheet{display:flex;flex-direction:column;gap:2px}
/* (가) 좌측 메뉴 - PC 넓은 화면 */
@media (min-width:1100px){
  body.nav-side:not(.lp-mode) .wrap{display:grid;grid-template-columns:232px minmax(0,1fr);column-gap:22px;align-items:start}
  body.nav-side:not(.lp-mode) .wrap>*{grid-column:2;min-width:0}
  body.nav-side:not(.lp-mode) .wrap>.proto,body.nav-side:not(.lp-mode) .wrap>header.top{grid-column:1/-1}
  body.nav-side:not(.lp-mode) .bar-sticky{grid-column:1;grid-row:3/span 40;position:sticky;top:12px;align-self:start;margin-top:16px;padding:10px 8px;background:var(--surface);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);max-height:calc(100vh - 24px);overflow-y:auto}
  body.nav-side:not(.lp-mode) .tabs{flex-direction:column;gap:1px;overflow:visible}
  body.nav-side:not(.lp-mode) .tabs a{border:0;border-radius:10px;padding:8px 10px;display:flex;justify-content:space-between}
  body.nav-side:not(.lp-mode) .tabs a[aria-current="page"]{background:var(--accent-soft);color:var(--accent);box-shadow:inset 3px 0 0 var(--teal)}
  body.nav-side:not(.lp-mode) .tabs .tg{display:block;font-size:11.5px;font-weight:800;color:var(--ink-3);letter-spacing:.04em;margin:12px 10px 4px}
  body.nav-side:not(.lp-mode) .rail-top{display:block;width:100%;text-align:left;background:var(--navy);color:#fff;border:0;border-radius:10px;padding:10px 12px;font:inherit;font-weight:800;cursor:pointer}
  body.nav-side:not(.lp-mode) .rail-more{display:block;border-top:1px solid var(--line);margin-top:10px;padding-top:4px}
  body.nav-side:not(.lp-mode) .filters#filters{margin-top:16px}
}
/* (나) 위쪽 탭 / 좁은 화면: 탭 줄 끝에 [전체 메뉴] */
body.nav-top .bar-sticky,body.nav-side .bar-sticky{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
body.nav-top .tabs,body.nav-side .tabs{flex:1 1 0%;min-width:0}
body.nav-top .menu-all{display:inline-flex}
@media (max-width:1099px){ body.nav-side .menu-all{display:inline-flex} }
.menu-all{align-items:center;gap:4px;border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:6px 12px;font:inherit;font-size:13px;font-weight:700;color:var(--ink-2);cursor:pointer;white-space:nowrap;flex:none}
.bar-sticky>.filters{flex-basis:100%}
.tabs a[aria-current="page"]{color:var(--accent);border-bottom-color:var(--teal)}
@media (max-width:640px){ header.top{border-radius:12px;padding:8px 12px} }

/* 4단계 사용감(S4-3·4·5·6·7) */
.rsum .vcode{display:block;font-size:11px;margin-top:2px;word-break:break-all}
.linkbtn.tap{display:inline-flex;align-items:center;min-height:36px}
.sheet textarea[data-sec]{min-height:96px}
.sheet-b{padding-bottom:88px}   /* 창 마지막 단추가 알림·떠 있는 단추에 가리지 않게 */
@media (max-width:640px){
  /* 실제 계정 표시가 붙으면 사업 고르기를 머리 안 둘째 줄에 넓게(이름이 몇 글자만 보이던 문제) */
  header.top:has(#acctBox) .proj{flex-wrap:wrap}
  header.top:has(#acctBox) .proj select{order:9;flex:1 1 100%;width:100%}
  .sheet-b{padding-bottom:104px}
}

/* 32차: PC 지원사업 두 칸 - 목록은 그대로, 고른 공고 전체는 오른쪽 칸(1100px 이상) */
.gsplit.wide{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:16px;align-items:start}
.gsplit.wide .glist{min-width:0}
.gpanel{position:sticky;top:12px;max-height:calc(100vh - 24px);overflow:auto;background:var(--surface);border:1px solid var(--c-support);border-radius:var(--r);box-shadow:var(--shadow);margin-top:12px}
body.nav-top .gpanel{top:76px;max-height:calc(100vh - 88px)}
.gpanel .gp-h{padding:12px 14px 4px;display:flex;flex-direction:column;gap:2px}
.gpanel .gp-h b{font-size:16px;overflow-wrap:anywhere}
.gpanel .gp-h small{color:var(--ink-3);font-size:12.5px}
.gpanel .gbody{border-top:0}
.gpanel .gph{padding:28px 18px;color:var(--ink-3);font-size:14px;line-height:1.6}
.gsplit.wide .gcard.open{border-color:var(--c-support);box-shadow:inset 3px 0 0 var(--c-support),var(--shadow)}
.gsplit.wide .gcard.open .gline{background:var(--ok-soft)}

/* 33차: 심의 결과 창 요약 카드(메인과 같은 남색·청록) */
.rhero{background:var(--navy);color:#fff;border-radius:16px;padding:16px 18px;display:flex;flex-direction:column;gap:10px;box-shadow:0 8px 24px rgba(10,22,40,.16)}
.rhero .rh-top{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.rhero .rh-top .verdict{font-size:15px;padding:3px 12px}
.rhero .rh-top small{color:rgba(255,255,255,.55);font-size:11.5px}
.rhero .rh-at{margin-left:auto;color:rgba(255,255,255,.6);font-size:12.5px}
.rhero .rh-final{font-size:16px;line-height:1.55;font-weight:600;margin:0}
.rhero .rh-final small{display:block;font-weight:400;font-size:12.5px;color:rgba(255,255,255,.65);margin-top:4px}
.rhero .rh-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px}
.rhero .rh-stats>div{background:rgba(255,255,255,.06);border:1px solid rgba(0,229,204,.25);border-radius:12px;padding:8px 12px;display:flex;flex-direction:column;gap:2px}
.rhero .rh-stats span{font-size:12px;color:rgba(255,255,255,.7)}
.rhero .rh-stats b{font-size:22px;color:var(--cyan)}
.rhero .rh-stats b small{font-size:13px;color:rgba(255,255,255,.6)}
.rhero .rh-stats em{font-style:normal;font-size:11.5px;color:rgba(255,255,255,.6)}
@media (max-width:640px){
  .rhero{padding:14px}
  .rhero .rh-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
  .rhero .rh-stats>div{padding:6px 8px}
  .rhero .rh-stats b{font-size:18px}
  .rhero .rh-stats span,.rhero .rh-stats em{font-size:11px}
  .rhero .rh-final{font-size:15px}
}
.rhero .rh-stats .zs{font-style:normal}
@media (max-width:640px){ .rhero .rh-stats .zs{display:none} }

/* 34차: 문서 판본 기록·비교·되돌리기 */
.dvers{border:1px solid var(--line);border-radius:var(--r);background:var(--surface);padding:10px 14px;display:flex;flex-direction:column;gap:8px}
.dvers h3,.dcmp h3{font-size:15px;margin:0;display:flex;gap:8px;align-items:baseline}
.dvers ol{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.dvers li{display:flex;flex-wrap:wrap;gap:6px 12px;align-items:center;justify-content:space-between;padding:8px 0;border-top:1px solid var(--line)}
.dvers li:first-child{border-top:0}
.dvers .tag{background:var(--ok-soft);color:var(--c-support);font-size:12px;font-weight:700;padding:1px 8px;border-radius:99px}
.dcmp{border:1px solid var(--c-support);border-radius:var(--r);background:var(--surface);padding:10px 14px;display:flex;flex-direction:column;gap:8px}
.dcmp .dh{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}
.dcmp .dsec>b{display:block;font-size:13.5px;margin-bottom:4px}
.dcmp .diff{border:1px solid var(--line);border-radius:10px;overflow:hidden;font-size:14px;line-height:1.55}
.dcmp .dfl{padding:2px 10px 2px 28px;position:relative;white-space:pre-wrap;overflow-wrap:anywhere}
.dcmp .dfl .sg{position:absolute;left:10px;font-weight:800}
.dcmp .dfl .sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.dcmp .dfl.del{background:#fdecec;color:#8a1c1c;text-decoration:line-through;text-decoration-color:rgba(138,28,28,.45)}
.dcmp .dfl.ins{background:#e3f6ee;color:#0b5b45}
.dcmp .lg{font-weight:700;padding:0 6px;border-radius:6px}
.dcmp .lg.del{background:#fdecec;color:#8a1c1c}
.dcmp .lg.ins{background:#e3f6ee;color:#0b5b45}

/* 35차: 8단계 준비 지도 */
.map{display:flex;flex-direction:column;gap:12px}
.map-h{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px 16px;align-items:flex-end}
.map-h h2{font-size:19px;margin:0}
.map-h p{margin:2px 0 0}
.map-c{margin:0;font-size:13.5px;color:var(--ink-2)}
.map-next{display:flex;align-items:center;gap:8px 16px;background:var(--navy);color:#fff;border-radius:16px;padding:12px 16px;box-shadow:0 8px 24px rgba(10,22,40,.16)}
.map-next .lbl{background:var(--cyan);color:var(--navy);font-weight:800;font-size:12px;padding:2px 10px;border-radius:99px}
.map-next b{font-size:15.5px}
.map-next .mn-t{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}
.map-next .mn-t .lbl{align-self:flex-start}
.map-next small{color:rgba(255,255,255,.7)}
.map-next .btn{flex:none}
.map-next.done{background:var(--ok-soft);color:var(--c-support);font-weight:700}
.map-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;align-items:start}
.map-lane{background:var(--surface);border:1px solid var(--line);border-top:4px solid var(--cc);border-radius:var(--r);padding:10px 10px 12px;box-shadow:var(--shadow)}
.map-lane h3{font-size:14.5px;margin:0 0 8px;display:flex;justify-content:space-between;align-items:baseline;color:var(--cc)}
.map-lane h3 .mono{color:var(--ink-3);font-size:12px}
.map-lane ol{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.mpi{width:100%;text-align:left;background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:8px 10px;display:flex;flex-direction:column;gap:4px;min-height:44px;cursor:pointer}
.mpi:hover{border-color:var(--cc)}
.mpi b{font-size:13.5px;font-weight:700;overflow-wrap:anywhere}
.mpi .mps{display:flex;flex-wrap:wrap;gap:4px 8px;align-items:center}
.mpi small{font-size:12px;color:var(--ink-3)}
.mpi.s-completed b{color:var(--ink-3);text-decoration:line-through}
.mpi.s-na{opacity:.6}
@media (max-width:640px){ .map-grid{grid-template-columns:minmax(0,1fr)} .map-next{flex-direction:column;align-items:stretch} }
.st.wait{background:var(--surface-2);color:var(--ink-2);border:1px dashed var(--line)}
.mpi.s-check{border-color:var(--warn-soft);background:#fffaf0}
.mpi.s-wait{border-style:dashed}

/* 39차: 실행계획(지금 먼저 → 함께 진행 → 그 다음) */
.plan{display:flex;flex-direction:column;gap:14px}
.plan-h{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 16px;align-items:flex-end}
.plan-h h2{font-size:19px;margin:0}
.plan-h p{margin:2px 0 0;max-width:720px}
.pgrp{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:12px 12px 14px;box-shadow:var(--shadow)}
.pgrp .pg-h{display:flex;justify-content:space-between;align-items:center;gap:8px}
.pgrp h3{font-size:15.5px;margin:0}
.pgrp h3 .mono{color:var(--ink-3);font-size:12.5px;font-weight:500;margin-left:4px}
.pgrp .pg-n{margin:4px 0 0;font-size:13px}
.plist{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:8px}
.g-now{border:2px solid var(--cyan);background:linear-gradient(180deg,#f2fdfb,var(--surface) 60%)}
.g-now .plist{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.g-wait,.g-next{background:var(--surface-2)}
.pli{width:100%;text-align:left;background:var(--bg);border:1px solid var(--line);border-left:4px solid var(--cc);border-radius:10px;padding:10px 12px;display:flex;flex-direction:column;gap:5px;min-height:44px;cursor:pointer;font:inherit;color:inherit}
.pli:hover{border-color:var(--cc)}
.g-now .pli{background:var(--surface);height:100%}
.pli .pl-t{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}
.pli .pl-t b{font-size:14.5px;font-weight:700;overflow-wrap:anywhere}
.pli .pl-t .st{flex:none}
.pli .pl-m{font-size:12.5px;color:var(--ink-2);display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.pli .ldot{width:8px;height:8px;border-radius:99px;background:var(--cc);display:inline-block}
.pli .pl-w,.pli .pl-c{font-size:12.5px;color:var(--ink-3);overflow-wrap:anywhere}
.pli .pl-r{font-size:12.5px;color:var(--warn);font-weight:600;overflow-wrap:anywhere}
.pli.s-check{background:#fffaf0}
.pli.s-wait{border-style:dashed;border-left-style:solid}
.pds{display:flex;flex-wrap:wrap;gap:4px 6px;margin-top:2px}
.pds.none{font-size:12px;color:var(--ink-3)}
.pd{font-size:12px;background:var(--surface-2);border:1px solid var(--line);border-radius:99px;padding:2px 9px;color:var(--ink-2)}
.pd b{font-weight:700;color:var(--ink)}
.pd small{margin-left:4px;color:var(--ink-3)}
.pd.notice{background:#eef6ff;border-color:#cfe2fb}
.pd.over{background:var(--danger-soft,#fdecec);border-color:#f5c2c2;color:var(--danger,#b42318)}
@media (max-width:640px){ .plan-h{align-items:stretch} .plan-h .btn{align-self:flex-start} .g-now .plist{grid-template-columns:minmax(0,1fr)} }
@media (min-width:1100px){ .pgrp:not(.g-now) .plist{grid-template-columns:repeat(2,minmax(0,1fr))} }

/* 40차: 실제 연결판은 손님 화면에 연결 상태 띠를 보이지 않는다(?op 운영자 입구에서만) */
body.live:not(.opv) .proto{display:none}
.lp-nav-r .acct{color:rgba(255,255,255,.78);opacity:1}   /* 40차: 남색 메뉴 위 계정 표시가 거의 안 보이던 것 */

/* 42차: 내 사업 이어보기 - 긴 이름은 두 줄까지, 많으면 더 보기 / 처음 불러오는 동안 빈 띠·앱 뼈대를 보이지 않음 */
.lp-resume b{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere;line-height:1.4}
.lp-resume button>span{min-width:0}
.lp-resume button>svg{flex:none}
.lp-more{margin-top:8px}
.proto:has(>span:first-child:empty){display:none}
html:not([data-ready]) header.top,html:not([data-ready]) .bar-sticky,html:not([data-ready]) #filters,html:not([data-ready]) #app>footer{visibility:hidden}

/* 45차: 불러오기 실패·무응답 안내 */
.load-fail{max-width:560px;margin:56px auto;padding:24px 24px 20px;border-radius:20px;box-shadow:0 12px 36px rgba(15,23,42,.08)}
.load-fail .lf-h{display:flex;gap:12px;align-items:center;margin-bottom:10px}
.load-fail .lf-h img{border-radius:12px;border:2px solid var(--cyan)}
.load-fail .lf-h h2{margin:2px 0 0;font-size:20px}
.load-fail p{margin:6px 0}
.load-fail .lf-code{font-size:12.5px;color:var(--ink-3);background:var(--surface-2);border-radius:8px;padding:6px 10px;margin-top:10px;overflow-wrap:anywhere}
.load-fail .lf-acts{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
@media (max-width:640px){ .load-fail{margin:24px 0;padding:20px 16px} .load-fail .lf-acts .btn{flex:1 1 auto} }

/* 46차: 진행 위치(생각 → Light → 기업 조건 → 할 일 채택 → Pro → 사업계획서) · 다음 단계 */
.jbar{grid-column:1/-1;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:12px 14px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:10px}
.jbar ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}
.jbar li{display:flex;gap:6px;align-items:flex-start;border:1px solid var(--line);border-radius:10px;padding:7px 8px;background:var(--bg);min-width:0}
.jbar .ji{flex:none;width:20px;height:20px;border-radius:99px;display:grid;place-items:center;font-size:12px;font-weight:800;background:var(--surface-2);color:var(--ink-2)}
.jbar .jt{display:flex;flex-direction:column;min-width:0}
.jbar .jt b{font-size:12.5px;line-height:1.3;overflow-wrap:anywhere}
.jbar .jt small{font-size:11.5px;color:var(--ink-3)}
.jbar li.js-done .ji{background:var(--ok-soft);color:var(--ok)}
.jbar li.js-running .ji{background:var(--warn-soft);color:var(--warn)}
.jbar li.js-closed,.jbar li.js-locked{opacity:.75}
.jbar li.js-unknown{border-style:dashed;border-color:var(--warn)}
.jbar li.is-next{border:2px solid var(--teal);background:#f2fdfb}
.jbar li.is-next .jt small{color:var(--teal);font-weight:700}
.jnext{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;border:2px solid var(--teal);border-radius:12px;padding:10px 12px;background:#f2fdfb}
.jnext .lbl{background:var(--teal);color:#fff;font-weight:800;font-size:12px;padding:2px 10px;border-radius:99px}
.jnext .jn-t{display:flex;flex-direction:column;min-width:0;flex:1}
.jnext .jn-t b{font-size:14.5px}
.jnext .jn-t small{font-size:12.5px;color:var(--ink-3)}
.jnext.none{border-style:solid;border-color:var(--line);background:var(--surface-2);color:var(--ink-2);font-size:13px}
.jwarn{border:1px dashed var(--warn);background:#fffaf0;color:var(--warn);border-radius:10px;padding:8px 12px;font-size:13px}
.jwarn b{margin-right:6px}
.sheet .jnext{margin-top:14px}
@media (max-width:900px){ .jbar ol{grid-template-columns:repeat(3,minmax(0,1fr))} }
@media (max-width:640px){ .jbar{padding:0;border:0;box-shadow:none;background:none;gap:6px} .jbar ol{display:none} .jbar .jnext{padding:6px 10px;gap:6px 10px} .jbar .jnext .jn-t small{display:none} .jbar .jnext .jn-t b{font-size:13.5px} .jbar.no-next:not(.has-unk):not(.has-alt){display:none} .jbar.no-next.has-alt .jnext.none{display:none} .jbar .jnext.none{display:none} .jbar .jwarn{padding:6px 10px;font-size:12.5px} }   /* 폰: 첫 화면에 할 일이 보이게 '다음 단계' 한 줄만(단계 목록은 PC·태블릿) */

/* 47차: 실제 심의 중 = 구성(계약 사실)과 서버 진행 단계만 */
.runbox{background:var(--surface-2);border:1px solid var(--line);border-radius:12px;padding:10px 12px;margin-top:8px}
.runbox .roster{list-style:none;margin:8px 0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:6px}
.runbox .roster li{background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:6px 8px;display:flex;flex-direction:column;gap:2px}
.runbox .roster li b{font-size:12px}
.runbox .roster li small{font-size:11.5px;color:var(--ink-3)}
.runbox .roster li.cj{border-style:dashed}

/* 50차: 2026 통합공고(연간 계획) - 개별 공고와 같은 줄 모양, 안내·충돌 줄만 따로 */
.ann-note{margin:10px 0 6px}
.ann-src{font-size:13px;line-height:1.55}
.ann-kind{flex:none;white-space:nowrap}
.ann-body p{margin:6px 0;overflow-wrap:anywhere}
.warn-line{font-size:13.5px}
/* 51차: 모집 공고 맞춤 ↔ 연간 계획 잇는 한 줄 */
.ann-bridge{display:flex;gap:10px;align-items:center;justify-content:space-between;margin:14px 0 4px;padding:10px 12px;border:1px dashed var(--line);border-radius:var(--r,12px);background:var(--surface)}
.ann-bridge>div{min-width:0}
.ann-bridge b{display:block;font-size:14px}
.ann-bridge small{display:block;font-size:12.5px;color:var(--ink-3);overflow-wrap:anywhere}
.ann-bridge .btn{flex:none}
.ann-back{margin:4px 0 8px}
/* 52차: 공고 최신 상태(창구가 준 것만) */
.ftag{display:inline-block;margin:0 0 0 6px;padding:1px 7px;border-radius:999px;font-size:11.5px;font-weight:700;vertical-align:1px;background:var(--accent-soft);color:var(--accent)}
.ftag.changed,.ftag.deadline{background:var(--warn-soft);color:var(--warn)}
.ftag.reopened{background:var(--surface-2,var(--bg));color:var(--ink-2);border:1px solid var(--line)}
.gfresh{font-size:12.5px}
.grefresh{margin:8px 0}
.alert .afresh{flex:1 0 100%;order:3;font-size:12.5px;color:var(--ink-2);display:flex;flex-wrap:wrap;gap:2px 6px;align-items:center}
.alert .afresh .ftag{margin-left:0}
.alert:has(> .afresh){flex-wrap:wrap}
.alert:has(> .afresh)>span{flex:1 1 0;min-width:0}
/* 53차: 원천별 공고 상태 목록 */
.gfresh-l{margin:4px 0 2px;padding-left:18px}
.gfresh-l li{margin:2px 0;overflow-wrap:anywhere}
/* 58차: 가상 자료판의 시험 안내 띠 = 맨 아래 '관리자' 접힘 칸(위에는 띠 없음) */
.admin-foot{margin:24px auto 16px;max-width:1232px;padding:0 16px;font-size:12.5px;color:var(--ink-2)}
.wrap>.admin-foot{grid-column:1/-1}
.admin-foot>summary{cursor:pointer;width:max-content;margin:0 auto;padding:6px 12px;border-radius:999px;color:#94A3B8;list-style:none}
.admin-foot>summary::-webkit-details-marker{display:none}
.admin-foot>summary:hover,.admin-foot[open]>summary{color:var(--ink-2);background:#F1F5F9}
.admin-foot .admin-note{margin:8px 0;line-height:1.6}
.admin-foot .proto{margin:0!important;max-width:none}
/* 59차(창조지노님): 로고 아래 '대한민국 No.1 창업플랫폼' - 얼굴·이름·위 메뉴를 조금 키움 · 관리자 칸은 단추 2개만 */
.lp-logo{gap:12px} .lp-logo b{font-size:21px} .lp-logo small{font-size:12px;letter-spacing:0;color:rgba(255,255,255,.72);margin-top:3px}
.lp-link{font-size:15.5px;padding:8px 14px}
.brand b{font-size:20px} .brand small{font-size:11.5px;letter-spacing:0}
.admin-foot .proto>span:first-child{display:none}
.admin-foot .proto{justify-content:center;background:none;padding:6px 0}
@media (max-width:640px){
  .lp-logo small{display:block;font-size:11px}
  .lp-logo img{width:38px;height:38px}
  .lp-logo b{font-size:19px}
}
@media (max-width:360px){ .lp-logo small{display:none} }
/* 60차 D4(사코 UI-003): 문자 확인 직후 사업 읽는 동안 - 위 메뉴에 '로그인됨 · 불러오는 중'(폰에서도), 오른쪽 칸에 진행 시간 */
.lp-nav-r .acct[data-testid="acct-loading"]{display:inline-block;color:var(--cy);opacity:1}
@media (max-width:1100px){ .lp-nav-r .acct[data-testid="acct-loading"]{display:inline-block;font-size:12px;max-width:9em} }
.ll-row{margin:12px 0 6px;line-height:1.6} .ll-row [data-testid="login-loading-sec"]{white-space:nowrap;font-weight:800} .ll-row .spin{vertical-align:-3px;margin-right:6px}
/* 60차 D5(사코 UI-003 덧붙임 · 59차에서 생김): 폰 375~390에서 '로그아웃'·'시작하기'·로고 아래 글이 두 줄로 꺾이던 것 - 한 줄로, 좁으면 조금 작게 */
.lp-nav-r .lp-btn,.lp-logo b,.lp-logo small{white-space:nowrap}
.lp-logo>span{min-width:0}
@media (max-width:430px){
  .lp-nav{gap:8px}
  .lp-logo{gap:8px} .lp-logo img{width:34px;height:34px} .lp-logo b{font-size:17px} .lp-logo small{font-size:10.5px;margin-top:1px}
  .lp-nav-r{gap:6px} .lp-nav-r .lp-btn.sm{padding:8px 11px;font-size:13px;min-height:38px}
}
@media (max-width:380px){ .lp-logo small{font-size:10px} .lp-nav-r .lp-btn.sm{padding:7px 9px} }
@media (max-width:430px){ .lp-nav-r .acct[data-testid="acct-loading"] .ll-long{display:none} .lp-nav-r .acct[data-testid="acct-loading"]{max-width:none} }
.lp-nav-r .acct[data-testid="acct-loading"] .spin{width:12px;height:12px;border-width:2px;vertical-align:-2px;margin:0}
/* 61차: 제출 서식 준비(기업 조건 ↔ 사업계획서) */
.forms-prep{margin-bottom:16px}
.forms-prep h2{margin:0 0 4px}
.ff-forms{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0}
.ff-rec{font-style:normal;font-size:11.5px;font-weight:800;color:var(--teal);margin-left:4px}
.ff-meta{margin:4px 0 8px;font-size:13.5px;color:var(--ink-2)}
.ff-sum{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0}
.ff-c{font-size:12.5px;font-weight:800;border-radius:999px;padding:3px 10px;background:#F1F5F9;color:#334155}
.ff-c.st-cond,.ff-c.st-saved{background:var(--ok-soft);color:var(--ok)} .ff-c.st-confirm,.ff-c.st-need{background:var(--warn-soft);color:var(--warn)}
.ff-g{font-size:14px;margin:14px 0 6px;color:var(--ink-2)}
.ff-list{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.ff-row{display:grid;grid-template-columns:minmax(7em,1fr) 10.5em minmax(0,2.4fr) auto;gap:6px 12px;align-items:center;border:1px solid var(--line);border-radius:10px;padding:8px 12px;background:#fff}
.ff-l{font-weight:800;font-size:14px;min-width:0;overflow-wrap:anywhere}
.ff-st{font-size:12px;font-weight:800;border-radius:999px;padding:2px 8px;justify-self:start;background:#F1F5F9;color:#475569;white-space:nowrap}
.st-cond .ff-st,.st-saved .ff-st{background:var(--ok-soft);color:var(--ok)} .st-confirm .ff-st,.st-need .ff-st{background:var(--warn-soft);color:var(--warn)}
.ff-val{display:grid;gap:2px;min-width:0;overflow-wrap:anywhere} .ff-val .ff-v{font-size:14px}
.ff-a{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.ff-edit{display:flex;gap:6px;flex-wrap:wrap;align-items:center} .ff-edit input,.ff-edit select{min-width:12em;max-width:100%}
@media (max-width:640px){
  .ff-row{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"l st" "v v" "a a"}
  .ff-l{grid-area:l} .ff-st{grid-area:st;justify-self:end} .ff-val{grid-area:v} .ff-a{grid-area:a;justify-content:flex-start}
  .ff-edit input,.ff-edit select{min-width:0;flex:1 1 100%}
}
/* 63차: 처음 열기 - 메인을 바로 그리고 오른쪽 칸에서 계정·사업 확인 */
.boot-note{margin:0 0 10px;display:flex;align-items:center;gap:8px;color:#CBD5E1}
.lp-hero .boot-note{color:rgba(255,255,255,.85)}


/* 64차 D5b(사코 UI-004): PC에서 사업 있는 계정으로 로그인하면 위 메뉴 5개가 두 줄로 꺾이던 것(계정 표시·로그아웃·내 사업 이어보기·시작하기가 함께 들어감).
   메뉴 글은 한 줄 고정, 계정이 보일 때는 메뉴 간격을 조금 줄이고, 1279px 이하에서는 가린 번호(***-****-0000)를 빼서 자리를 만든다(로그아웃 단추가 로그인 상태를 알려 줌). */
.lp-link{white-space:nowrap}
.lp-links{min-width:0}
.lp-nav.acct-on .lp-link{font-size:14.5px;padding:8px 10px}
.lp-nav.acct-on .lp-links{gap:2px}
.lp-nav-r .acct[data-testid="acct"]{white-space:nowrap;max-width:10em;overflow:hidden;text-overflow:ellipsis}
@media (max-width:1279px){ .lp-nav.acct-on .lp-nav-r .acct[data-testid="acct"]{display:none} }
/* 65차(사코 U4): 맞춤 공고를 불러오지 못했을 때 - 0건과 다르게 보이게(주황 테두리), 폰에서도 글이 잘리지 않게 줄바꿈 허용 */
.alert.warn{border-color:color-mix(in srgb,#F59E0B 55%,transparent);background:color-mix(in srgb,#F59E0B 7%,var(--surface))}
.alert.warn{flex-wrap:wrap}
.alert.info{flex-wrap:wrap;border-color:color-mix(in srgb,#0EA5E9 40%,transparent);background:color-mix(in srgb,#0EA5E9 6%,var(--surface))}   /* 83차-a: 맞춤 공고 바쁨 = 고장 아님(경고색 대신 안내색) */
@media (max-width:640px){ .alert.info>span{display:block;-webkit-line-clamp:unset;overflow:visible} }
.special.info{background:color-mix(in srgb,#0EA5E9 6%,var(--surface));border:1px solid color-mix(in srgb,#0EA5E9 40%,transparent);color:var(--ink);font-weight:600}   /* 83차-a: 지원사업 칸의 바쁨도 안내색 */
@media (max-width:640px){ .alert.warn>span{display:block;-webkit-line-clamp:unset;overflow:visible} }   /* 폰 두 줄 자르기를 하지 않음(코드까지 보이게) · PC는 단추가 글 옆 */

/* 67차: 로그인 계정 시작 화면(소개 페이지 없이 '새 생각 적기') */
.lp-startpage .start-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,520px);gap:40px;align-items:center}
.lp-startpage .start-hero{padding:56px 0 64px}
.lp-startpage .start-h{font-size:clamp(40px,5vw,64px)}
.lp-startpage .start-biz-panel{padding-top:16px;max-width:560px;margin-left:auto}
.lp-startpage .start-intro{padding:24px 0 40px}
.lp-startpage .lp-alllink{display:none}
.lp-nav-r .lp-btn.ghost[data-act="start-biz"]{display:inline-flex}
@media (max-width:860px){ .lp-startpage .start-in{grid-template-columns:1fr;gap:20px} .lp-startpage .start-hero{padding:24px 0 32px} .lp-startpage .start-biz-panel{margin:0} }

/* 68차: Pro·사업계획서 진행·오류(다음 단계 칸 안) */
.cont-run,.cont-fail{display:inline-flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:13.5px;font-weight:600}
.cont-run{color:var(--c-support,#0f766e)} .cont-fail{color:#b45309}

/* 69차: 동의 창 가정 확인·기본 정보(지노서치 동의 화면과 같은 묶음) */
.t0asmp{margin-top:12px;border-top:1px dashed var(--line,#e2e8f0);padding-top:10px}
.t0asmp h4{margin:0 0 6px;font-size:14.5px} .t0asmp h4 small{display:block;font-weight:500;color:var(--muted,#64748b);font-size:12.5px;margin-top:2px}
.asmp{padding:8px 0;border-bottom:1px dashed var(--line,#e2e8f0)} .asmp p{margin:0 0 6px;font-size:13.5px;line-height:1.5} .asmp.dropped{opacity:.55}
.asmp .chip[aria-pressed="true"]{font-weight:800}
.asmp-edit{display:flex;gap:6px;flex-wrap:wrap;margin-top:6px} .asmp-edit input{flex:1 1 220px;min-width:0}
.t0intake{margin-top:12px} .t0intake summary{font-weight:700;font-size:13.5px;cursor:pointer} .t0intake .cnt{color:var(--muted,#64748b);font-weight:500}

/* 69차: 폰에서 창이 열려 있을 때 알림은 위로(가정 확인·기본 정보 칸을 가리지 않게) */
.toast.toast-top{top:calc(10px + env(safe-area-inset-top,0px));bottom:auto}   /* 'top'은 머리글 .top과 겹쳐(폰에서 알림 좌우 여백 0) 이름을 따로 */

/* 75차: 심의 문장 속 링크 · Pro/Light 결과 구분 */
a.mdlink{color:var(--accent,#0f766e);text-decoration:underline;word-break:break-all}
.tier{display:inline-block;font-size:12px;font-weight:800;background:#0b1523;color:#fff;border-radius:999px;padding:2px 9px;margin-right:6px;vertical-align:middle}
.rv-light{margin-top:10px;border:1px dashed var(--line,#dde3ea);border-radius:10px;padding:8px 12px}
.rv-light summary{cursor:pointer;font-weight:700;font-size:13.5px}
.tiers{margin-bottom:10px}
/* 78차(지코 REVIEW-012): 운영자 비용 안내는 낱말 중간에서 줄을 바꾸지 않음 */
[data-testid="memo-op"], [data-testid="start-pill"] { word-break: keep-all; }
/* 79차(지코 CREATOR-DECISION-013): 있던 서류 열기 / 비용 안내 뒤 새로 만들기 · 조건 바뀜 */
.jnext .row-btns{display:flex;gap:6px;flex-wrap:wrap;align-items:center;margin-top:0}
.jnext .regen-ask{flex-basis:100%;border-top:1px dashed var(--line);padding-top:8px;margin-top:2px}
.jnext .regen-ask p{margin:0 0 8px;font-size:13.5px;line-height:1.55;color:var(--ink-2);word-break:keep-all}
.jnext.has-btns .jn-t{min-width:min(220px,100%)}   /* 좁은 화면: 글 자리를 지키고 단추는 아랫줄로 */
/* 81차(사코 O3): 폰 진행 칸에서도 비용·조건 설명은 숨기지 않음 */
@media (max-width:640px){ .jbar .jnext.has-btns .jn-t small, .jbar .jnext.keep-note .jn-t small{display:block} }
/* 82차(창조지노님 운영 의견 N1~N5) */
/* N1·N2: 누른 단추는 응답 전까지 잠그고 돌기 - 120ms 넘게 걸릴 때만 */
.is-busy{cursor:progress;position:relative}
.is-busy::before{content:'';display:inline-block;width:.95em;height:.95em;border-radius:50%;border:2px solid currentColor;border-right-color:transparent;margin-right:7px;vertical-align:-2px;animation:sp .8s linear infinite}
.spin.sm{width:.95em;height:.95em;border-width:2px;vertical-align:-2px;margin-right:6px}
@media (prefers-reduced-motion:reduce){ .is-busy::before,.spin.sm{animation-duration:2.4s} }
/* N4·N5: 생각·심의 창과 원문은 심의 전 화면과 같은 글자 기준(본문 16 · 보조 14.5 · 칸 이름 14) */
.sheet.readable .sheet-b{font-size:16px}
.sheet.readable .steps span{font-size:14px}
.sheet.readable .field label,.sheet.readable .field .flab{font-size:14px}
.sheet.readable textarea,.sheet.readable input[type="text"]{font-size:16px}
.sheet.readable .note,.sheet.readable .muted.small,.sheet.readable .small,.sheet.readable small{font-size:14.5px}
.sheet.readable section h3,.sheet.readable .raw-inline-h{font-size:18px}
.sheet.readable .raw{font-size:15.5px}
.sheet.readable .theatre small,.sheet.readable .theatre em,.sheet.readable .rsum b small{font-size:14px}
.sheet.readable .rsum .lbl{font-size:13.5px}
.sheet.readable .rsum .verdict{font-size:14.5px}
.sheet.readable .toc .chip,.sheet.readable .chip{font-size:14px}
/* N4(c): 원문을 요약 바로 아래에 */
.raw-inline{border-top:2px solid var(--line);padding-top:14px;display:flex;flex-direction:column;gap:14px;scroll-margin-top:64px}
.raw-inline-h small{display:block;font-weight:400;color:var(--ink-3)}
/* N3: 심의 중 화면 - 받은 사실만으로 살아 있게 */
.live-run{border:1px solid var(--line);border-radius:14px;padding:14px;background:var(--surface);display:flex;flex-direction:column;gap:10px}
.live-run .run-head{display:flex;align-items:center;gap:12px}
.live-run .run-head>div:nth-child(2){flex:1;display:flex;flex-direction:column}
.live-run .run-head b[data-testid="run-state"]{font-size:18px}
.live-run .pulse{width:14px;height:14px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 0 rgba(15,217,180,.55);animation:pulse 1.6s ease-out infinite;flex:none}
.live-run .run-clock{text-align:right}
.live-run .run-clock b{display:block;font-size:24px;font-variant-numeric:tabular-nums;line-height:1.1}
.live-run .roster{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.live-run .roster li{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:8px;row-gap:2px}
.live-run .roster li small{grid-column:1/-1}
.live-run .roster li em{grid-column:2;grid-row:1;font-style:normal;font-weight:800;font-size:13.5px;padding:2px 10px;border-radius:99px;background:var(--surface-2);color:var(--ink-2)}
.live-run .roster li.st-live em{background:var(--accent-soft);color:var(--ink);animation:breathe 1.8s ease-in-out infinite}
.live-run .roster li.st-done em{background:#e3f6ec;color:var(--ok)}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(15,217,180,.55)}80%{box-shadow:0 0 0 12px rgba(15,217,180,0)}100%{box-shadow:0 0 0 0 rgba(15,217,180,0)}}
@keyframes breathe{0%,100%{opacity:1}50%{opacity:.55}}
@media (prefers-reduced-motion:reduce){ .live-run .pulse,.live-run .roster li.st-live em{animation:none} }
.live-run .roster li b{font-size:14px}
.live-run .roster li small{font-size:13px}

/* 83차: 신뢰 표현(지노서치 완성판 문구, 사실만) */
.trust-top{margin:14px 0 0;display:grid;gap:3px}
.trust-top b{font-size:15px;font-weight:800;letter-spacing:-.01em;color:#0FD9B4}
.trust-top small{font-size:12.5px;color:var(--ink-3)}
.lp-hero .trust-top small{color:rgba(255,255,255,.62)}
.lp-head.center .trust-top{justify-items:center;text-align:center;margin:6px 0 4px}
.lp-head.center .trust-top b{color:var(--brand,#0b1424)}
.pn-pro-sub{margin:-4px 0 10px;font-size:12.5px;font-weight:700;color:var(--ink-2)}
.pro-std{display:block;margin:2px 0;font-size:13px;font-weight:700;color:var(--ink-2)}
.run-theatre{display:grid;gap:2px;margin:10px 0 2px}
.run-theatre b{font-size:15px;font-weight:800}
.run-theatre small{font-size:13px;color:var(--ink-3);line-height:1.55}
.theatre .arr{display:inline-block;margin-left:6px;padding:1px 7px;border-radius:999px;background:var(--surface-2);font-style:normal;font-size:12px;font-weight:700;color:var(--ink-2)}
.cj-seat{display:flex;gap:12px;align-items:center;margin:12px 0 0}
.cj-seat .seal{flex:none;width:56px;height:56px;border-radius:50%;border:3px solid #C93B2E;box-shadow:inset 0 0 0 2px #fff,inset 0 0 0 3px #C93B2E;color:#C93B2E;display:grid;place-items:center;align-content:center;font:900 20px/1 'Noto Serif KR',serif}
.cj-seat .seal small{font-size:10px;font-weight:800;letter-spacing:1px}
.cj-seat b{display:block;font-size:14.5px}
.cj-seat small{font-size:13px;color:var(--ink-3)}
.pro-checks{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:10px 0 0}
.pro-checks small{flex-basis:100%;font-size:12.5px;color:var(--ink-3)}
.doc-bridge{margin:12px 0;padding:14px 16px;border:1px solid var(--line);border-radius:14px;background:var(--surface)}
.doc-bridge b{display:block;font-size:15px;margin-bottom:6px}
.doc-bridge ul{margin:0 0 6px;padding-left:18px;display:grid;gap:3px;font-size:14px;color:var(--ink-2)}
.doc-bridge small{font-size:12.5px;color:var(--ink-3)}

/* 84차: 시기 카드(지금 여기부터 · 지금 함께할 일 · 다음 할 일) - 폰에서도 보임 */
.stage-note .stg-card{flex:1 1 100%;display:grid;gap:8px;margin:4px 0 2px;padding:16px 18px;border:1px solid var(--line);border-radius:16px;background:var(--surface);font-size:14.5px;color:var(--ink)}
.stage-note .stg-card.now{border-color:color-mix(in srgb,#0FD9B4 55%,var(--line));box-shadow:0 0 0 3px color-mix(in srgb,#0FD9B4 14%,transparent)}
.stg-kicker{margin:0;font-size:13px;font-weight:800;color:#0b8f7a;letter-spacing:.01em}
.stg-name{margin:0;font-size:20px;font-weight:900;letter-spacing:-.01em}
.stg-desc{margin:0;font-size:15px;color:var(--ink-2)}
.stg-do{display:grid;gap:6px}
.stg-do b{font-size:13.5px}
.stg-do>span{display:flex;flex-wrap:wrap;gap:6px}
.stg-next{margin:2px 0 0;display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center;padding:10px 12px;border-radius:12px;background:var(--surface-2)}
.stg-next .lbl{font-size:12.5px;font-weight:800;color:var(--ink-3)}
.stg-next b{font-size:16px;flex:1 1 220px}
.stage-note .stg-card .row-btns{display:flex;flex-wrap:wrap;gap:6px}
.ask-hyung[disabled]{opacity:.7;cursor:not-allowed}
.cycle .cy-do{display:block;margin:6px 0 2px;font-size:12px;font-weight:800;color:var(--ink-3)}
.item-use{margin:6px 0 0}
.stg-head{display:grid;gap:4px}
.stg-toggle{display:none}
@media (max-width:640px){
  .stage-note .stg-card{padding:14px;font-size:14px} .stg-name{font-size:18px} .stage-note .stg-card .btn{min-height:36px;padding:0 12px}
  .stage-note .stg-card:not(.open){padding:6px 6px 6px 12px;gap:0}
  .stage-note .stg-card:not(.open)>:not(.stg-head){display:none}
  .stg-head{grid-template-columns:auto 1fr auto;align-items:center;gap:2px 8px}
  .stg-card:not(.open) .stg-kicker{font-size:12px}
  .stg-card:not(.open) .stg-name{font-size:15.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .stg-card.open .stg-head{grid-template-columns:1fr auto} .stg-card.open .stg-kicker{grid-column:1/-1}
  .stg-toggle{display:inline-flex}
  .stage-note .stg-card .stg-toggle{min-height:32px}
  .stage-note .stg-card.unset:not(.open)>.row-btns{display:flex;margin-top:6px} .stg-card.unset:not(.open) .ask-hyung{display:none}   /* 85차: 시기 미정이면 접혀 있어도 [내 시기 정하기]는 보임 */
}

/* 85차-c: 확인 못 한 앞 요청 = 메모 칸 밖 회색 상자(칸에 채우지 않음) */
.home-pend{margin:6px 0 12px;padding:12px 14px;border-radius:12px;background:var(--surface-2);border:1px dashed var(--line);display:grid;gap:6px;font-size:14px;color:var(--ink-2)}
.home-pend b{color:var(--ink)}
.home-pend .pend-prev{margin:0;padding:6px 10px;border-left:3px solid var(--line);color:var(--ink-3);font-size:13.5px;white-space:pre-wrap;word-break:break-word}
.home-pend .btn{justify-self:start}