/* 공통 헤더 v2 — 사선 식별판과 두 색의 리본. 본문은 변경하지 않음. */
[data-program-header="total"]{--program-header-accent:var(--wine)}
[data-program-header="1"],[data-program-header="2"],[data-program-header="3"],[data-program-header="4"],[data-program-header="5"]{--program-header-accent:var(--accent)}
.utp-document-body [data-program-header]{--program-header-label-width:154px;position:relative;isolation:isolate;display:grid;grid-template-columns:var(--program-header-label-width) minmax(0,1fr) auto;align-items:stretch;gap:0;padding:0;background:#fff;border:1px solid #cfcfcf;border-radius:6px;box-shadow:0 7px 20px rgba(0,0,0,.12);overflow:hidden}
.utp-document-body [data-program-header]::after{content:"";position:absolute;z-index:0;left:0;right:auto;top:0;bottom:0;width:calc(var(--program-header-label-width) + 8px);height:auto;background:var(--gold);clip-path:polygon(0 0,100% 0,calc(100% - 26px) 100%,0 100%);transform:none;pointer-events:none}
.utp-document-body [data-program-header]>div{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:5px;padding:14px 32px 14px 16px;border:0;background:var(--program-header-accent);clip-path:polygon(0 0,100% 0,calc(100% - 26px) 100%,0 100%);color:#fff;font-size:30px;font-weight:850;line-height:1.2}
.utp-document-body [data-program-header]>div small{display:block;margin:0;padding:0;color:rgba(255,255,255,.9);font-size:13px;font-weight:600;line-height:1.2;letter-spacing:0;white-space:nowrap}
.utp-document-body [data-program-header]>div>strong{display:block;color:#fff;font-size:30px;font-weight:850;line-height:1.2}
.utp-document-body [data-program-header] h2{position:relative;z-index:1;align-self:center;margin:0;padding:16px 22px;color:#202020;font-size:31px;font-weight:820;line-height:1.3;letter-spacing:-.035em}
.utp-document-body [data-program-header]>span{position:relative;z-index:1;grid-column:auto;grid-row:auto;align-self:center;justify-self:end;margin:14px 18px 14px 0;padding:5px 8px;border:.5px solid #d9d9d9;border-radius:4px;background:#f5f5f5;color:#555;font-size:12px;font-weight:650;white-space:nowrap}
.utp-document-body [data-program-header]>.program-header-signature{position:absolute;right:18px;bottom:0;z-index:1;display:block;width:96px;height:10px;pointer-events:none}
.utp-document-body [data-program-header]>.program-header-signature::before,.utp-document-body [data-program-header]>.program-header-signature::after{content:"";position:absolute;top:0;width:50px;height:100%;clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%)}
.utp-document-body [data-program-header]>.program-header-signature::before{left:0;background:var(--program-header-accent)}
.utp-document-body [data-program-header]>.program-header-signature::after{right:0;background:var(--gold)}
@media(max-width:1000px){
 .utp-document-body [data-program-header]{--program-header-label-width:132px}
 .utp-document-body [data-program-header]>div{padding:13px 26px 13px 14px;font-size:26px}
 .utp-document-body [data-program-header]>div>strong{font-size:26px}
 .utp-document-body [data-program-header] h2{padding:14px 18px;font-size:28px}
 .utp-document-body [data-program-header]>span{margin-right:14px;font-size:11px}
}
@media(max-width:760px){
 .utp-document-body [data-program-header]{grid-template-columns:1fr auto}
 .utp-document-body [data-program-header]::after{display:none}
 .utp-document-body [data-program-header]>div{grid-column:1/-1;grid-row:1;flex-direction:row;align-items:baseline;justify-content:flex-start;gap:10px;padding:10px 14px;clip-path:none;font-size:20px}
 .utp-document-body [data-program-header]>div small{display:block;font-size:12px}
 .utp-document-body [data-program-header]>div>strong{display:block;font-size:20px}
 .utp-document-body [data-program-header] h2{grid-column:1/-1;grid-row:2;padding:14px 16px;font-size:25px}
 .utp-document-body [data-program-header]>span{grid-column:2;grid-row:1;margin:7px 12px;padding:4px 6px;font-size:10px}
 .utp-document-body [data-program-header]>.program-header-signature{right:12px;width:76px;height:7px}
 .utp-document-body [data-program-header]>.program-header-signature::before,.utp-document-body [data-program-header]>.program-header-signature::after{width:40px}
}
