/* 검색 관리 — 어두운 split 무대 + 검색 결과·AI 답변 액자, 대표 장면 = 진행 흐름 + 읽는 항목 체크 카드. 쪽 고유 클래스 se- */
.pg-search .nl-crumb{color:rgba(255,255,255,.72)}  /* nl.css 기본 #8b95a1 은 이 바탕에서 대비 부족 */
.pg-search .sk{display:block;height:8px;border-radius:4px;background:currentColor;opacity:.16}
.pg-search .nl-hero{background:radial-gradient(ellipse 55% 60% at 78% 45%,rgba(49,130,246,.28),transparent 70%),linear-gradient(180deg,#1f242c 0%,#000 100%)}

/* 첫 화면 액자: 검색 결과 + AI 답변 */
.pg-search .se-in{padding:22px 22px 26px}
.pg-search .se-q{display:flex;align-items:center;gap:10px;padding:13px 18px;border-radius:999px;border:1px solid var(--line);box-shadow:0 6px 18px -10px rgba(0,20,60,.3);font-size:15px;font-weight:600}
.pg-search .se-q .ic{color:var(--blue)}
.pg-search .se-ai{margin-top:18px;padding:18px 18px 16px;border-radius:16px;background:linear-gradient(135deg,#f3f8ff,#eef0ff)}
.pg-search .se-lb{display:flex;align-items:center;gap:8px;margin-bottom:12px;font-size:13px;font-weight:800;color:var(--blue2)}
.pg-search .se-lb i{width:16px;height:16px;border-radius:5px;background:conic-gradient(from 45deg,#3182f6,#9fe0ff,#7aa9ff,#3182f6)}
.pg-search .se-ai .sk{margin-top:8px}
.pg-search .se-ai .sk.s{width:62%}
.pg-search .se-src{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}
.pg-search .se-src span{width:72px;height:26px;border-radius:999px;background:#fff;border:1px solid var(--line)}
.pg-search .se-src span.on{width:auto;padding:0 12px;display:inline-flex;align-items:center;background:var(--blue);border-color:var(--blue);color:#fff;font-size:12.5px;font-weight:700}
.pg-search .se-hit{margin-top:18px;padding:16px 18px;border-radius:14px;border:1.5px solid var(--blue);box-shadow:0 18px 36px -22px rgba(49,130,246,.7)}
.pg-search .se-hit small{display:block;font-size:12px;color:#0b7a3e}
.pg-search .se-hit b{display:block;margin-top:4px;font-size:17px;color:#1a0dab;letter-spacing:-.03em}
.pg-search .se-hit span{display:block;margin-top:4px;font-size:13.5px;line-height:1.55;color:var(--body)}
.pg-search .se-res{padding:16px 4px 0}
.pg-search .se-res .sk{margin-top:9px}
.pg-search .se-res .sk.s{width:40%}.pg-search .se-res .sk.m{width:78%}

/* 읽는 항목 체크 카드 */
.pg-search .se-chk{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:24px}
.pg-search .se-chk li{position:relative;padding:24px 22px 24px;border-radius:20px;background:#fff;border:1px solid var(--line);box-shadow:0 2px 4px rgba(0,20,60,.03),0 18px 44px -26px rgba(0,20,60,.22)}
.pg-search .se-chk li::after{content:"";position:absolute;top:22px;right:20px;width:24px;height:24px;border-radius:12px;background:var(--blue) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center/12px no-repeat}
.pg-search .se-chk code{display:inline-block;padding:4px 10px;border-radius:8px;background:var(--ink);color:#9fe0ff;font:600 13px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace}
.pg-search .se-chk b{display:block;margin-top:16px;font-size:17px;font-weight:800;line-height:1.4;letter-spacing:-.04em}
.pg-search .se-chk span{display:block;margin-top:8px;font-size:14.5px;line-height:1.65;color:var(--body)}
.pg-search .se-asks{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:28px;padding:20px 24px;border-radius:18px;background:var(--bsoft)}
.pg-search .se-asks b{margin-right:8px;font-size:15px;color:var(--blue2)}
.pg-search .se-asks span{padding:8px 14px;border-radius:999px;background:#fff;font-size:14.5px;font-weight:700}

/* 사람 눈 / 로봇 눈 */
.pg-search .se-eg{display:grid;grid-template-columns:320px 1fr;gap:28px;margin-top:52px;align-items:start}
.pg-search .se-tabs{display:grid;gap:10px}
.pg-search .se-tabs button{padding:20px 22px;border-radius:16px;background:#fff;border:1.5px solid var(--line);text-align:left}
.pg-search .se-tabs b{display:block;font-size:17px;font-weight:800}
.pg-search .se-tabs span{display:none;margin-top:6px;font-size:15px;line-height:1.6;color:var(--body)}
.pg-search .se-tabs button.on{border-color:var(--blue)}
.pg-search .se-tabs button.on b{color:var(--blue2)}
.pg-search .se-tabs button.on span{display:block}
.pg-search .se-view{min-height:330px}
.pg-search .se-view>*{display:none;margin:0}
.pg-search .se-view[data-show=h] .v-h,.pg-search .se-view[data-show=r] .v-r,.pg-search .se-view[data-show=f] .v-f{display:block}
.pg-search .se-eye:not(.on) .se-view>*{display:block}
.pg-search .v-hero{display:grid;place-content:center;gap:6px;height:210px;background:linear-gradient(120deg,#1b64da,#7aa9ff);color:#fff;text-align:center}
.pg-search .v-hero b{font-size:26px}
.pg-search .v-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:18px}
.pg-search .v-cols i{height:84px;border-radius:9px;background:var(--soft)}
.pg-search .v-r,.pg-search .v-f{padding:26px;min-height:330px;background:#11161d;color:#c9d3e0;font:500 15px/1.8 ui-monospace,SFMono-Regular,Menlo,monospace;white-space:pre-wrap;overflow-wrap:anywhere}
.pg-search .v-f{color:#9fe0ff}

/* 직접 재 보기 */
.pg-search .se-try img{width:120px;margin:0 auto 18px}
.pg-search .se-f{display:flex;gap:8px;max-width:640px;margin:36px auto 0;padding:8px;border-radius:999px;background:#fff;border:1.5px solid var(--blue);box-shadow:0 18px 40px -22px rgba(49,130,246,.7)}
.pg-search .se-f label{position:absolute;left:-9999px}
.pg-search .se-f input{flex:1;min-width:0;padding:10px 18px;border:0;background:none;font-size:17px;outline:0}
.pg-search .se-f button{padding:12px 26px;border-radius:999px;background:var(--blue);color:#fff;font-weight:700}
.pg-search .se-f button:hover{background:var(--blue2)}
.pg-search .se-m{margin-top:18px;font-weight:700}
.pg-search .se-m:empty,.pg-search .se-res:empty{display:none}
.pg-search ul.se-res{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;max-width:980px;margin:24px auto 0;text-align:left}
.pg-search ul.se-res li{display:flex;gap:9px;padding:13px 15px;border-radius:12px;background:var(--soft);font-size:14.5px;line-height:1.5}
.pg-search ul.se-res li::before{content:"";flex:none;width:11px;height:11px;margin-top:5px;border-radius:50%;background:#f04452}
.pg-search ul.se-res li.ok::before{background:#03b26c}

/* 가격 · 질문 */
.pg-search .nl-plan.dark h3{font-size:clamp(18px,.4vw + 16px,21px);line-height:1.5}
.pg-search .se-a{color:var(--blue2);font-weight:700;text-decoration:underline}
.pg-search .se-fq{display:flex;align-items:center;gap:10px;max-width:520px;margin-top:32px;padding:0 18px;height:54px;border-radius:999px;background:#fff;border:1px solid var(--line)}
.pg-search .se-fq[hidden]{display:none}
.pg-search .se-fq span{position:absolute;left:-9999px}
.pg-search .se-fq .ic{color:var(--body)}
.pg-search .se-fq input{flex:1;min-width:0;border:0;background:none;font-size:16px;outline:0}
.pg-search .se-fn{margin-top:16px;font-weight:600;color:var(--body)}
.pg-search .se-qs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:28px;align-items:start}
.pg-search .se-qs .q{padding:4px 24px;border-radius:18px;background:var(--soft)}
.pg-search .se-qs .q[hidden]{display:none}
.pg-search .se-qs summary{padding:18px 0;font-size:17px;font-weight:700}
.pg-search .se-qs summary .ic{color:#8b95a1;margin-top:4px;transition:rotate .2s}
.pg-search .se-qs .a{padding:0 0 22px;font-size:15.5px;line-height:1.8;color:var(--body)}
.pg-search .se-qs .a :where(b,strong){color:var(--ink)}
.pg-search .se-qs .a a{color:var(--blue2);text-decoration:underline}

@media (max-width:900px){
  .pg-search .se-chk{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pg-search .se-eg,.pg-search .se-qs{grid-template-columns:1fr}
  .pg-search ul.se-res{grid-template-columns:1fr 1fr}
}
@media (max-width:600px){
  .pg-search .se-in{padding:16px}
  .pg-search .se-chk{gap:8px}
  .pg-search .se-chk li{padding:16px 14px}
  .pg-search .se-chk li::after{top:14px;right:12px;width:18px;height:18px;background-size:10px}
  .pg-search .se-chk code{font-size:11.5px;padding:3px 7px}
  .pg-search .se-chk b{margin-top:12px;font-size:15px}
  .pg-search .se-chk span{font-size:13px}
  .pg-search .se-asks{padding:18px}
  .pg-search .se-f{border-radius:16px;flex-direction:column}
  .pg-search .se-f button{border-radius:12px}
  .pg-search ul.se-res{grid-template-columns:1fr}
  .pg-search .v-r,.pg-search .v-f{font-size:13px;padding:18px}
}