/* 모멘티 업체 고르기 · 플래너 · 등록 · 관리자 (밝은 화면, 구인 사이트처럼 광고 자리 먼저) */
.mk{padding-bottom:40px}
.mk .page-h h1{font-size:clamp(34px,5vw,68px)}
.mk .page-h p{color:var(--mut);margin:0;max-width:56ch}
.mk .filters{grid-template-columns:1fr 1fr 1.2fr auto}
.mk .filters button{font:600 15px var(--sans);padding:0 18px;border-radius:12px;border:1px solid var(--ink);background:var(--ink);color:#fff;cursor:pointer}
.note{background:#fff;border:1px solid var(--line);border-left:4px solid var(--accent);border-radius:12px;padding:14px 16px;margin:14px 0;font-size:14.5px}
.note.ok{border-left-color:var(--ok)}
.note a{color:var(--accent);font-weight:600}
.blk{margin:34px 0 0}
.blk>h2{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin:0 0 12px;font:800 22px/1.3 var(--sans);letter-spacing:-.02em}
.blk>h2 small{font:500 12px var(--mono);letter-spacing:.08em;color:var(--mut)}
.mut2{color:var(--mut);font-size:13.5px;margin:6px 0}
.ad-badge{display:inline-block;font:600 10.5px var(--mono);letter-spacing:.12em;padding:3px 7px;border-radius:5px;background:var(--accent);color:#fff;vertical-align:middle}
.ex-badge{display:inline-block;font:600 10.5px var(--mono);letter-spacing:.1em;padding:3px 7px;border-radius:5px;background:#e4ddd2;color:#5a5249;vertical-align:middle}
.src-badge{display:inline-block;font:500 10.5px var(--mono);letter-spacing:.06em;padding:3px 7px;border-radius:5px;border:1px solid var(--line);color:var(--mut)}

/* 광고 자리 (프리미엄) — 큰 카드 */
.prem{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}
.pc{position:relative;background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 10px 30px rgba(18,18,18,.06)}
.pc.premium{border:2px solid var(--accent)}
.pc .ph{aspect-ratio:16/10;background:#e9e3da center/cover no-repeat;position:relative}
.pc .ph .ad-badge{position:absolute;left:12px;top:12px}
.pc .bd{padding:16px 18px 18px;display:grid;gap:6px;flex:1}
.pc .bd b{font-size:17px;letter-spacing:-.01em}
.pc .meta{font-size:13px;color:var(--mut)}
.tags{display:flex;flex-wrap:wrap;gap:5px}
.tags span{font-size:12px;padding:3px 8px;border-radius:99px;background:var(--paper);border:1px solid var(--line)}
.pc .acts{display:flex;gap:8px;flex-wrap:wrap;margin-top:auto;padding-top:8px}

/* 일반 목록 — 구인 공고처럼 한 줄씩 */
.rows{display:grid;border-top:2px solid var(--ink)}
.rw2{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr) auto;gap:14px;align-items:center;padding:16px 4px;border-bottom:1px solid var(--line)}
.rw2 b{font-size:16px}
.rw2 .meta{font-size:13px;color:var(--mut)}
.rw2 .facts{font-size:13px}
.pick{font:600 13.5px var(--sans);min-height:40px;padding:0 16px;border-radius:99px;border:1px solid var(--ink);background:#fff;color:var(--ink);cursor:pointer;white-space:nowrap;text-decoration:none;display:inline-flex;align-items:center}
.pick.solid{background:var(--ink);color:#fff}
.pick.acc{background:var(--accent);border-color:var(--accent);color:#fff}
.pick[disabled]{opacity:.45;cursor:not-allowed}
.pick.on{background:var(--ok);border-color:var(--ok);color:#fff}
.lnk{font:500 12.5px var(--mono);color:var(--accent);text-decoration:none}

/* 플래너 프로필 */
.av{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;font:800 24px var(--serif);color:#fff;flex:none;background:var(--accent) center/cover no-repeat}
.pl-top{display:flex;gap:14px;align-items:center}
.pl-top .t{display:grid;gap:2px}
.side-cta{background:var(--ink);color:var(--paper);border-radius:18px;padding:24px;display:grid;gap:10px}
.side-cta h3{margin:0;font:800 22px/1.25 var(--sans)}
.side-cta p{margin:0;color:rgba(243,239,233,.7);font-size:14px}

/* 등록 신청서 */
.form{display:grid;gap:16px;max-width:780px;background:#fff;border:1px solid var(--line);border-radius:20px;padding:clamp(18px,3vw,32px)}
.form .two{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.form label.f2{display:grid;gap:6px;font-size:14px;font-weight:600}
.form label.f2 em{font-style:normal;font-weight:400;color:var(--mut);font-size:12.5px}
.form input[type=text],.form input[type=tel],.form input[type=url],.form input[type=number],.form select,.form textarea{font:inherit;font-size:16px;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--ink);min-width:0;width:100%;color-scheme:light}
.form textarea{min-height:110px;resize:vertical}
.form fieldset{border:0;padding:0;margin:0;display:grid;gap:8px}
.form legend{font-size:14px;font-weight:600;padding:0;margin-bottom:6px}
.cks{display:flex;flex-wrap:wrap;gap:6px}
.cks label{display:inline-flex;align-items:center;gap:6px;font-size:14px;padding:8px 12px;border:1px solid var(--line);border-radius:99px;cursor:pointer;background:var(--paper)}
.cks input{accent-color:var(--accent)}
.seg{display:inline-flex;border:1px solid var(--ink);border-radius:99px;overflow:hidden}
.seg button{font:600 15px var(--sans);padding:12px 22px;border:0;background:#fff;color:var(--ink);cursor:pointer}
.seg button[aria-pressed=true]{background:var(--ink);color:#fff}
.ups{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px}
.ups .u{position:relative;aspect-ratio:1;border-radius:10px;background:#e9e3da center/cover no-repeat;border:1px solid var(--line)}
.ups .u button{position:absolute;right:4px;top:4px;width:26px;height:26px;border-radius:50%;border:0;background:rgba(0,0,0,.6);color:#fff;cursor:pointer}
.ups label.add{aspect-ratio:1;border:1.5px dashed var(--mut);border-radius:10px;display:grid;place-items:center;text-align:center;font-size:12.5px;color:var(--mut);cursor:pointer;padding:6px}
.ups label.add input{display:none}
.agree2{display:flex;gap:8px;align-items:flex-start;font-size:13.5px}
.agree2 input{margin-top:4px;accent-color:var(--accent)}
.err2{color:var(--late);font-size:14px;min-height:1em;margin:0}

/* 관리자 */
.adm-item{background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px;display:grid;gap:8px;margin-bottom:10px}
.adm-item .ph2{display:flex;gap:6px;overflow-x:auto}
.adm-item .ph2 img{height:86px;border-radius:8px}
.st-pending{color:#b26a00}.st-ok{color:var(--ok)}.st-no{color:var(--late)}

/* 상세 보기 */
dialog.dt{border:0;border-radius:20px;padding:0;max-width:720px;width:calc(100% - 24px);max-height:88vh;color:var(--ink)}
dialog.dt::backdrop{background:rgba(10,8,6,.6)}
dialog.dt .in2{padding:22px;display:grid;gap:10px}
dialog.dt .gal{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:6px}
dialog.dt .gal img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:8px}
dialog.dt .x{position:sticky;top:0;float:right;margin:10px;width:36px;height:36px;border-radius:50%;border:0;background:var(--ink);color:#fff;cursor:pointer;z-index:1}

@media (max-width:900px){
  .mk .filters{grid-template-columns:1fr 1fr}
  .rw2{grid-template-columns:1fr;gap:6px}
  .form .two{grid-template-columns:1fr}
}