/* 메타 광고 라이브러리 — 흰 무대 한가운데 브라우저 액자 속 검색 도구. 접두어 ml- */
.pg-meta-lib .nl-crumb{color:var(--body)}
.pg-meta-lib .ml-hero{padding-bottom:110px;background:radial-gradient(60% 50% at 50% 100%,#e8f3ff 0%,#fff 70%)}
.pg-meta-lib .ml-hero h1{font-size:clamp(34px,2.2vw + 22px,56px)}
.pg-meta-lib .ml-frame{max-width:880px;margin:56px auto 0}
.pg-meta-lib .ml-in{padding:32px}

/* 검색 폼(#mal — name·id·동작 그대로) */
.pg-meta-lib form.pr{display:grid;grid-template-columns:1fr 1fr auto;gap:0 12px;align-items:end;margin:0;padding:0;border:0;background:none}
.pg-meta-lib form.pr>label,.pg-meta-lib form.pr>input,.pg-meta-lib form.pr>.hint,.pg-meta-lib form.pr>.msg{grid-column:1/-1}
.pg-meta-lib form.pr label{display:block;margin:0 0 8px;font-size:14px;font-weight:700;color:var(--body)}
.pg-meta-lib form.pr input[type=text]{width:100%;height:62px;padding:0 20px;border-radius:14px;border:1.5px solid var(--blue);background:#fff;font-size:19px;font-weight:600;color:var(--ink)}
.pg-meta-lib form.pr input:focus,.pg-meta-lib form.pr select:focus{outline:none;box-shadow:0 0 0 4px rgba(49,130,246,.16)}
.pg-meta-lib form.pr .row{grid-column:1/3;display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}
.pg-meta-lib form.pr select{width:100%;height:52px;padding:0 14px;border-radius:12px;border:1px solid #d1d6db;background:#f9fafb;font-size:16px;color:var(--ink)}
.pg-meta-lib form.pr button{height:52px;padding:0 26px;border-radius:12px;background:var(--blue);color:#fff;font-size:16px;font-weight:800;white-space:nowrap}
.pg-meta-lib form.pr button:hover{background:var(--blue2)}
.pg-meta-lib form.pr .hint{margin-top:14px;font-size:13.5px;line-height:1.6;color:var(--body)}
.pg-meta-lib .msg{font-size:14.5px;line-height:1.6;color:var(--body)}
.pg-meta-lib form.pr .msg:not(:empty){margin-top:8px;font-weight:700;color:var(--blue2)}
/* 결과 링크(스크립트가 그리는 a.lnk) */
.pg-meta-lib .res{display:grid;gap:10px;margin-top:24px;padding-top:24px;border-top:1px solid var(--line)}
.pg-meta-lib .res a.lnk{display:block;padding:18px 20px;border-radius:14px;background:var(--bsoft);border:1px solid transparent;transition:border-color .2s}
.pg-meta-lib .res a.lnk:hover{border-color:var(--blue)}
.pg-meta-lib .res a.lnk b{display:block;font-size:16.5px;font-weight:800;color:var(--blue2)}
.pg-meta-lib .res a.lnk small{display:block;margin-top:4px;font-size:13.5px;color:var(--body);word-break:break-all}
.pg-meta-lib .res .msg b{color:var(--ink)}

/* 볼 수 있는 것 */
.pg-meta-lib .ml-what .nl-w{display:grid;grid-template-columns:1.2fr 1fr;gap:64px;align-items:center}
.pg-meta-lib .ml-see{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.pg-meta-lib .ml-see li{display:flex;flex-direction:column;gap:14px;padding:26px 24px;border-radius:20px;background:#fff;border:1px solid var(--line)}
.pg-meta-lib .ml-see .ic{width:30px;height:30px;color:var(--blue)}
.pg-meta-lib .ml-see b{font-size:18px;font-weight:800}
.pg-meta-lib .ml-see .hot{background:var(--blue);border-color:var(--blue);color:#fff}
.pg-meta-lib .ml-see .hot .ic{color:#fff}

/* 장수 광고 */
.pg-meta-lib .ml-2{display:grid;grid-template-columns:1.25fr 1fr;gap:24px;align-items:start;margin-top:56px}
.pg-meta-lib .ml-2 .nl-grid{margin-top:0;grid-template-columns:1fr}
.pg-meta-lib .ml-2 .nl-card .tip .ic{flex:none;width:18px;height:18px;margin-top:3px;color:var(--blue)}

/* 다음 */
.pg-meta-lib .ml-next .nl-sub a{color:var(--blue2);font-weight:700;text-decoration:underline}

/* 끝 칸 */
.pg-meta-lib .ml-g{color:var(--sky)}
.pg-meta-lib .ml-go{display:grid;gap:10px}
.pg-meta-lib .ml-go a{display:grid;grid-template-columns:1fr auto;gap:2px 16px;align-items:center;padding:20px 22px;border-radius:16px;background:#fff;color:var(--ink);transition:transform .2s var(--ease)}
.pg-meta-lib .ml-go b{font-size:16.5px;font-weight:800}
.pg-meta-lib .ml-go span{grid-row:2;font-size:14px;color:var(--body)}
.pg-meta-lib .ml-go .ic{grid-row:1/3;grid-column:2;width:22px;height:22px;color:var(--blue)}
.pg-meta-lib .ml-go a.hot{background:var(--blue);color:#fff}
.pg-meta-lib .ml-go a.hot span{color:rgba(255,255,255,.85)}
.pg-meta-lib .ml-go a.hot .ic{color:#fff}
@media (hover:hover){.pg-meta-lib .ml-go a:hover{transform:translateX(4px)}}

@media (max-width:900px){
  .pg-meta-lib .ml-what .nl-w,.pg-meta-lib .ml-2{grid-template-columns:1fr;gap:40px}
}
@media (max-width:600px){
  .pg-meta-lib .ml-hero{padding-bottom:64px}
  .pg-meta-lib .ml-frame{margin-top:40px}
  .pg-meta-lib .ml-in{padding:20px 16px}
  .pg-meta-lib form.pr{grid-template-columns:1fr}
  .pg-meta-lib form.pr .row{grid-column:1;margin-top:14px}
  .pg-meta-lib form.pr button{margin-top:12px;width:100%}
  .pg-meta-lib form.pr input[type=text]{height:56px;font-size:17px}
  .pg-meta-lib .ml-see li{padding:20px 18px}
}