/* Supplemental, static diagrams: all geometry is contained in these figures. */
figure.ctpv{--pv-ink:#3d535d;--pv-muted:#697b82;--pv-line:#c9d6da;--pv-accent:#c26334;--pv-fill:#fae8da;--pv-wash:#f4f7f8;box-sizing:border-box;min-width:0;max-width:100%;margin:26px 0 30px;padding:20px 0 5px;border:0;border-top:1px solid #dfe6e8;background:transparent;color:var(--pv-ink);font:400 13px/1.5 Arial,Helvetica,sans-serif;text-align:left;clear:both}
.ctpv *{box-sizing:border-box;min-width:0}
.ctpv figcaption{font:700 12px/1.5 Arial,Helvetica,sans-serif!important;letter-spacing:.015em;color:var(--pv-muted);margin:0 0 17px!important;padding:0!important;text-align:left}
.ctpv .ctpv-art{display:block;width:100%;max-width:100px;height:80px;flex:none;stroke:var(--pv-ink);color:var(--pv-ink);overflow:visible;fill:none;margin:0 auto 9px}
.ctpv .pv-fill{fill:var(--pv-fill);stroke:var(--pv-accent)}
.ctpv .pv-wash{fill:var(--pv-wash)}
.ctpv .pv-soft{stroke:var(--pv-line)}
.ctpv .pv-accent{stroke:var(--pv-accent)}
.ctpv .pv-solid{fill:var(--pv-ink);stroke:var(--pv-ink)}
.ctpv strong{display:block;font:600 12px/1.45 Arial,Helvetica,sans-serif!important;color:var(--pv-ink)!important;letter-spacing:0!important}
.ctpv .ctpv-flow{display:grid;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:22px;margin:0!important;padding:0!important;list-style:none!important}
.ctpv .ctpv-flow>li{position:relative;display:block;margin:0!important;padding:0 3px!important;border:0!important;background:transparent;text-align:center;list-style:none!important;min-height:0!important}
.ctpv .ctpv-flow>li::before{content:none!important}
.ctpv .ctpv-flow>li+li::after{content:'';position:absolute;top:39px;width:22px;height:1px;background:var(--pv-line);left:-22px}
.ctpv .ctpv-flow>li>span{display:block;margin-top:4px;font:400 11px/1.45 Arial,Helvetica,sans-serif;color:var(--pv-muted)}
.ctpv.ctpv-wide{margin-top:30px;margin-bottom:35px}
.ctpv-wide .ctpv-flow{max-width:870px;margin-left:auto!important;margin-right:auto!important;gap:40px}
.ctpv-wide .ctpv-flow>li+li::after{width:40px;left:-40px}
.ctpv.ctpv-small{padding-top:18px;margin-top:23px;margin-bottom:0}
.ctpv-small .ctpv-art{max-width:68px;height:59px}
.ctpv-small .ctpv-flow{gap:10px}
.ctpv-small .ctpv-flow>li+li::after{top:28px;width:10px;left:-10px}
.ctpv-small strong{font-size:11px!important}
.ctpv.ctpv-article{padding:23px 25px;background:#f7f9fa;border:1px solid #e2e8eb;border-radius:7px;margin:28px 0 35px}
.ctpv .ctpv-merge{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:55px;align-items:center;max-width:850px;margin:0 auto}
.ctpv .ctpv-sources{position:relative;display:grid;gap:8px;padding-right:20px;border-right:1px solid var(--pv-line)}
.ctpv .ctpv-sources>div{display:flex;align-items:center;gap:13px}
.ctpv .ctpv-sources .ctpv-art{width:45px;height:37px;margin:0}
.ctpv .ctpv-sources span{font:400 12px/1.45 Arial,Helvetica,sans-serif;color:var(--pv-ink)}
.ctpv .ctpv-station{position:relative;text-align:center}
.ctpv .ctpv-station::before{content:'';width:55px;height:1px;background:var(--pv-line);position:absolute;left:-55px;top:40px}
.ctpv .ctpv-final .ctpv-art{max-width:110px}
.ctpv .ctpv-measure{display:flex;align-items:center;gap:28px;max-width:630px;margin:auto}
.ctpv .ctpv-measure-art{flex:0 0 150px}
.ctpv .ctpv-measure-art .ctpv-art{max-width:150px;height:120px;margin:0}
.ctpv .ctpv-measure-copy>strong{font-size:15px!important}
.ctpv .ctpv-measure-copy>span{display:block;margin-top:6px;font-size:12px;color:var(--pv-muted)}
.ctpv .ctpv-measure-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.ctpv .ctpv-measure-tags>span{display:block;padding:5px 10px;border-radius:3px;background:#ebf0f2;font-size:11px;color:var(--pv-ink)}
.ctpv .ctpv-package{display:flex;align-items:center;gap:20px}
.ctpv .ctpv-outer{flex:1;border:1px solid #bccbd1;padding:12px;background:#f6f8f9;border-radius:4px}
.ctpv .ctpv-outer>span,.ctpv .ctpv-retail>span{display:block;font-size:10px;line-height:1.45;color:var(--pv-muted);margin:0 0 9px}
.ctpv .ctpv-retail{padding:12px;background:#f8e9dd;border:1px solid #dbb69e;border-radius:3px}
.ctpv .ctpv-goods{padding:10px 8px;background:#fff;border:1px solid #e0ccc0;color:var(--pv-ink);font-size:11px;text-align:center}
.ctpv .ctpv-package-notes{flex:0 0 135px;display:grid;gap:13px}
.ctpv .ctpv-package-notes>span{display:flex;align-items:center;gap:7px;font-size:11px;color:var(--pv-ink)}
.ctpv .ctpv-package-notes i{width:6px;height:6px;background:#aec3cd;border-radius:50%;flex:none}
.ctpv .ctpv-package-notes>span+span i{background:#d79b77}
.ctpv .ctpv-package-notes small{font-size:11px;line-height:1.5;color:var(--pv-muted)}
/* Some existing layouts are flex headings. Keep supplemental figures independent. */
.ctpv#ctpv-market-list{margin-top:22px}
.ctpv#ctpv-delivery-transit{grid-column:1/-1;width:100%}
.ctcert-handover figure.ctpv{--pv-ink:#e0e9ec;--pv-muted:#b8c9d0;--pv-line:#70848e;--pv-accent:#f2b28b;--pv-fill:#554940;--pv-wash:#3c4a50;border-top-color:#70848e66}
@media(max-width:760px){
 .ctpv-wide .ctpv-flow{gap:20px}
 .ctpv-wide .ctpv-flow>li+li::after{width:20px;left:-20px}
 .ctpv .ctpv-merge{gap:28px}
 .ctpv .ctpv-station::before{width:28px;left:-28px}
 .ctpv .ctpv-art{max-width:86px;height:70px}
 .ctpv .ctpv-flow>li+li::after{top:34px}
 .ctpv .ctpv-station::before{top:34px}
}
@media(max-width:360px){
 #ctpv-certification-match .ctpv-flow,#ctpv-customs-match .ctpv-flow{grid-template-columns:repeat(2,minmax(0,1fr))}
 #ctpv-certification-match .ctpv-flow>li:last-child,#ctpv-customs-match .ctpv-flow>li:last-child{grid-column:1/-1;max-width:160px}
}
@media(max-width:480px){
 figure.ctpv{padding-top:18px;margin:22px 0 25px}
 .ctpv figcaption{font-size:11px!important;margin-bottom:15px!important}
 .ctpv .ctpv-flow{grid-auto-flow:row;grid-template-columns:1fr 1fr;gap:22px 20px!important}
 .ctpv .ctpv-flow>li{padding:0!important}
 .ctpv .ctpv-flow>li+li::after{display:none}
 .ctpv .ctpv-flow>li:nth-child(odd):last-child{grid-column:1/-1;max-width:160px;justify-self:center;width:100%}
 .ctpv .ctpv-flow:has(>li:nth-child(3):last-child){grid-template-columns:repeat(3,minmax(0,1fr));gap:12px!important}
 .ctpv .ctpv-flow:has(>li:nth-child(3):last-child)>li:last-child{grid-column:auto;max-width:none}
 .ctpv .ctpv-flow:has(>li:nth-child(3):last-child) strong{font-size:11px!important}
 .ctpv .ctpv-flow:has(>li:nth-child(4))>li{padding-top:0!important}
 .ctpv .ctpv-art{max-width:85px;height:68px}
 .ctpv strong{font-size:12px!important}
 .ctpv .ctpv-merge{grid-template-columns:1.15fr 1fr 1fr;gap:14px;max-width:none}
 .ctpv .ctpv-sources{padding:0 8px 0 0}
 .ctpv .ctpv-sources>div{gap:7px}
 .ctpv .ctpv-sources .ctpv-art{width:29px;height:32px}
 .ctpv .ctpv-sources span{font-size:11px}
 .ctpv .ctpv-station::before{width:14px;height:1px;top:32px;left:-14px}
 .ctpv .ctpv-station .ctpv-art{max-width:90px;height:64px}
 .ctpv .ctpv-station strong{font-size:11px!important}
 .ctpv.ctpv-article{padding:19px 16px}
 .ctpv .ctpv-measure{flex-direction:column;gap:14px;align-items:flex-start}
 .ctpv .ctpv-measure-art{flex-basis:auto;align-self:center}
 .ctpv .ctpv-measure-copy>strong{font-size:14px!important}
 .ctpv .ctpv-package{flex-direction:column;align-items:stretch;gap:14px}
 .ctpv .ctpv-package-notes{flex:auto;grid-template-columns:1fr 1fr;gap:9px}
 .ctpv .ctpv-package-notes small{grid-column:1/-1}
}
