/* 제품·서비스 페이지(product-list.html) 전용 — 기존 f.css 변수만 사용, 새 색 없음 (디자인팀 2026-10-26)
   2026-10-26 사장님 지시로 글자·버튼·간격을 절반 안팎으로 줄임(이 페이지에만 적용) */
.pzone{scroll-margin-top:96px}
.pzone .zhead{margin-bottom:calc(4px*var(--space-scale,1))}
.pzone .zhead h2{font-size:1.2rem;line-height:1.3;margin:0}
.pzone .zhead p{margin:3px 0 0;color:var(--muted);font-size:.78rem}
.pcard{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 14px;align-items:center;padding:10px 4px;border-top:1px solid var(--border);scroll-margin-top:96px}
.pcard:last-of-type{border-bottom:1px solid var(--border)}
.pcard h3{margin:0 0 2px;font-size:.9rem;line-height:1.35;display:flex;flex-wrap:wrap;align-items:center;gap:5px}
.pcard h3 .ver{font-size:.68rem;font-weight:600;color:var(--muted);font-family:ui-monospace,Consolas,monospace}
.pcard p{margin:0;color:var(--muted);font-size:.78rem;line-height:1.5}
.pcard .chip{height:18px;padding:0 7px;font-size:.68rem;gap:3px}
.pcard .pc-tags{margin-top:4px;display:flex;flex-wrap:wrap;gap:4px}
.pcard .pc-price{margin-top:3px;font-size:.74rem}
.pcard .acts{display:flex;flex-wrap:wrap;gap:5px;align-items:center;justify-content:flex-end}
.pcard .btn.sm{height:28px;padding:0 10px;font-size:.75rem;gap:4px;border-radius:7px}
.pcard .btn .i{width:11px;height:11px}
.pcard .copynote{font-size:.72rem;font-weight:700;color:var(--ok-text);min-height:1.2em}
.pcard .copyurl{grid-column:1/-1;width:100%;font:inherit;font-size:.78rem;padding:5px 8px;border:1px solid var(--border-strong);border-radius:var(--r-ctl);background:var(--surface);color:var(--text)}
.pcard .copyurl[hidden]{display:none}
.pcard:target{background:var(--surface-2);outline:2px solid var(--focus);outline-offset:-2px;border-radius:var(--r-ctl)}
.pcard .dl{grid-column:1/-1;margin-top:2px;padding:7px 10px;border:1px dashed var(--border-strong);border-radius:var(--r-ctl);font-size:.74rem;color:var(--muted);line-height:1.55}
.uprow{display:grid;grid-template-columns:90px 60px minmax(0,1fr);gap:3px 10px;padding:8px 4px;border-top:1px solid var(--border);font-size:.78rem}
.uprow b{font-family:ui-monospace,Consolas,monospace;font-size:.74rem}
.uempty{padding:10px 4px;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.uempty p{margin:0;font-size:.78rem}
.uempty p+p{margin-top:4px;color:var(--muted)}
/* 이 페이지의 머리 띠·맺음 구간도 같은 비율로 */
body[data-nav="product-list"] .phead{height:130px}
body[data-nav="product-list"] .phead .wm{font-size:84px;line-height:84px}
body[data-nav="product-list"] .phead .split{padding-top:10px}
body[data-nav="product-list"] .phead h1{font-size:1.4rem;line-height:1.3}
body[data-nav="product-list"] .phead .lead{font-size:.8rem;line-height:1.5;margin-top:3px}
body[data-nav="product-list"] .crumb{font-size:.75rem}
body[data-nav="product-list"] .sec{padding-top:24px;padding-bottom:24px}
body[data-nav="product-list"] .narrow p{font-size:.8rem}
body[data-nav="product-list"] .narrow .btn{height:28px;padding:0 12px;font-size:.75rem;gap:4px}
body[data-nav="product-list"] .narrow .btn .i{width:11px;height:11px}
body[data-nav="product-list"] .ctaband h2{font-size:1.15rem}
body[data-nav="product-list"] .ctaband .ctainfo a{font-size:.8rem}
.pcard .pc-chip{margin:0 0 3px;line-height:1}
.pcard .pdet{grid-column:1/-1;margin-top:2px;font-size:.78rem}
.pcard .pdet summary{cursor:pointer;display:inline-block;font-weight:700;color:var(--link);padding:2px 0}
.pcard .pdet summary:focus-visible{outline:2px solid var(--focus);outline-offset:2px}
.pcard .pdet .points{margin:4px 0 2px;font-size:.78rem}
.pcard .pdet .points li .brand-it{flex:none}   /* 불릿 맨 앞 'UONE' 상표가 좁은 화면에서 글자 단위로 꺾이지 않게 */
.plinksec{padding-top:10px;padding-bottom:0}
.plinks{display:flex;flex-wrap:wrap;gap:4px 16px;font-size:.8rem}
.plinks a{color:var(--link);text-decoration:underline;padding:4px 0}
@media (max-width:700px){.pcard{grid-template-columns:minmax(0,1fr)}.pcard .acts{justify-content:flex-start}.uprow{grid-template-columns:minmax(0,1fr)}body[data-nav="product-list"] .phead .wm{font-size:56px;line-height:56px}}
@media (prefers-reduced-motion:reduce){.pcard:target{transition:none}}

/* ===== 높이 2/3 (plist.css) — 디자인팀 2026-10-26 / 세로 값만 ×2/3, 줄간격은 1.4 바닥, 헤더·히어로·문의 띠·푸터 제외. 이 블록을 지우면 원래대로 ===== */
.pzone .zhead p,.pcard .pc-price{margin-top:0.45px} .pcard{row-gap:0.9px;padding-top:1.5px;padding-bottom:1.5px} .pcard h3{margin-bottom:0.3px;row-gap:0.75px} .pcard p{line-height:1.4} .pcard .pc-tags{margin-top:0.6px;row-gap:0.6px} .pcard .acts{row-gap:0.75px} .pcard .btn.sm,body[data-nav="product-list"] .narrow .btn,.plinks{row-gap:0.6px} .pcard .copyurl{padding-top:0.75px;padding-bottom:0.75px} .pcard .dl{margin-top:0.3px;padding-top:1.05px;padding-bottom:1.05px;line-height:1.4} .uprow{row-gap:0.45px;padding-top:1.2px;padding-bottom:1.2px} .uempty{padding-top:1.5px;padding-bottom:1.5px} .uempty p+p{margin-top:0.6px} body[data-nav="product-list"] .sec{padding-top:8px;padding-bottom:8px} .pcard .pc-chip{margin-bottom:0.45px} .pcard .pdet{margin-top:0.3px} .pcard .pdet summary{padding-top:0.3px;padding-bottom:0.3px} .pcard .pdet .points{margin-top:0.6px;margin-bottom:0.3px} .plinksec{padding-top:1.5px} .plinks a{padding-top:0.6px;padding-bottom:0.6px}
body[data-nav="product-list"] .ctaband.sec{padding-top:24px;padding-bottom:24px}   /* 하단 문의 띠는 이 페이지에서 지금 모양 그대로(24px) */