/* Shared Peacock identity: holder copies, agreements, transfers and public copies. */
:root{--gold:#d8ba83;--light:#f1eaf8;--muted:#c6b9cf;--line:#c7a76c55;--paper:#24172f}
body{background:#0e0917;color:var(--light)}
.document-sheet{background:linear-gradient(110deg,#2d1c3a,#21152c);border-color:#b99b67}
.certificate-cover{background:linear-gradient(#21152c24,#21152c24),url('/assets/images/brand/peacock-document-paper-v1.webp') center/cover no-repeat,var(--paper)}
.document-sheet,.certificate-cover{max-width:794px}
.cover-brand strong{-webkit-text-fill-color:initial;background:none;filter:none;color:#e6cc99}
.cover-parties{grid-template-columns:1fr 1fr;gap:26px}
.cover-value{grid-column:1/-1;display:grid;grid-template-columns:1fr;align-items:center;text-align:left;border-left:0;border-top:1px solid var(--line);padding:20px 0 0}
.cover-value .overline,.cover-value>strong{grid-column:1}
.cover-value .overline{align-self:end;margin-bottom:5px}
.cover-value>strong{align-self:start}
.cover-asset .asset-series{color:#ebcf9a;font-size:16px;margin-bottom:9px}
.cover-asset h2{color:#f3ddae}
.cover-asset>p{overflow-wrap:anywhere}
.facts dd,.party-details h3{color:var(--light)}
.cover-identity,.cover-status,.cover-caption,.cover-date{color:#dac7a8}
.qr-link img{background:#fff}
.document-sheet a,.document-toolbar a{overflow-wrap:anywhere}

@media screen{
  .document-toolbar{max-width:794px;padding:16px 20px}
  .document-sheet{width:calc(100% - 32px);margin:0 auto 28px;padding:36px 42px}
  .certificate-cover{min-height:980px;display:flex;flex-direction:column;padding:42px 48px 32px}
  .cover-brand strong{font-size:clamp(29px,6.2vw,49px)}
  .cover-brand>span{font-size:18px;letter-spacing:12px;padding-left:12px}
  .english-title{font-size:19px;letter-spacing:2px}
  .cover-asset{margin:30px 0}
  .cover-footer{margin-top:auto;padding-top:25px}
  .signature{margin-top:18px}
  .collector-number{min-height:0}
  .cover-party h3{font-size:24px}
  .holder-sheet{min-height:1000px}
  .holder-footer{margin-top:auto}
}

@media screen and (max-width:600px){
  body{font-size:15px}
  .document-toolbar{gap:12px;padding:12px 14px;font-size:12px}
  .document-toolbar>span{display:none}
  .document-toolbar button{min-height:44px;flex-shrink:0}
  .document-sheet,.certificate-cover,.holder-sheet{width:calc(100% - 16px);min-height:0;margin:0 auto 20px;padding:32px 24px}
  .certificate-cover{background-position:right top}
  .cover-brand strong,.holder-sheet .cover-brand strong{font-size:clamp(22px,6.8vw,38px);letter-spacing:.5px}
  .cover-brand>span,.holder-sheet .cover-brand>span{font-size:14px;letter-spacing:8px;padding-left:8px}
  .cover-brand .brand-chinese{font-size:12px;letter-spacing:2px}
  .document-title h1,.holder-sheet .document-title h1{font-size:23px;letter-spacing:3px}
  .english-title,.holder-sheet .english-title{font-size:14px;letter-spacing:1px}
  .cover-asset .asset-series,.holder-sheet .cover-asset .asset-series{font-size:15px;line-height:1.7}
  .cover-asset>p,.holder-sheet .cover-asset>p{font-size:12px;line-height:1.7;letter-spacing:.3px}
  .cover-asset h2,.holder-sheet .cover-asset h2{font-size:30px;letter-spacing:1px}
  .cover-parties{grid-template-columns:1fr;gap:24px}
  .cover-value{grid-column:1}
  .overline,.holder-identity .overline{font-size:11px;letter-spacing:1px}
  .collector-number{font-size:13px;letter-spacing:1px}
  .signature strong,.signature span,.signature time{font-size:12px;line-height:1.6}
  .cover-identity,.cover-status,.cover-caption,.cover-date{font-size:11px;letter-spacing:.5px}
  .facts,.holder-facts,.party-details{grid-template-columns:1fr;gap:17px}
  dt,.holder-facts dt{font-size:12px}
  dd,.holder-facts dd{font-size:14px}
  .public-copy-label,.public-copy-note,.sample-note{font-size:12px;letter-spacing:.3px}
  .record-heading h2{font-size:24px}
  .record-reference{font-size:12px;white-space:normal;overflow-wrap:anywhere}
  .completion-statement p,.completion-statement .translation,.party-details p:not(.overline),.delivery-address{font-size:14px}
  .verification,.holder-verification{flex-direction:column;gap:20px;align-items:stretch}
  .verification-copy>p:not(.overline),.chain-status,.holder-chain-records li{font-size:12px}
  .holder-chain-records li{flex-wrap:wrap;gap:3px 12px;padding:6px 0}
  code,.transaction-hash{font-size:12px}
  .qr-link,.holder-verification .qr-link{align-self:center;width:132px}
  .qr-link img,.holder-verification .qr-link img{width:120px;height:120px}
  .qr-link strong,.qr-link span{font-size:11px}
  .holder-statement,.holder-statement span{font-size:14px}
  .holder-identity p:not(.overline){font-size:12px}
  .clauses li{font-size:14px;line-height:1.75;margin:22px 0}
  .clauses p[lang=en]{font-size:13px;line-height:1.7}
  .document-footer>span{font-size:10px;letter-spacing:1px}
  .document-footer p,.holder-footer p,.document-download{font-size:11px;line-height:1.7}
}

@page certificate{size:A4 portrait;margin:10mm}
@page record{size:A4 portrait;margin:10mm}
@media print{
  body{background:#24172f}
  .document-sheet{background:#24172f;width:190mm;max-width:100%}
  .certificate-cover{page:certificate;min-height:270mm;display:flex;flex-direction:column;width:190mm;max-width:100%;padding:10mm 12mm 8mm;background:linear-gradient(#21152c24,#21152c24),url('/assets/images/brand/peacock-document-paper-v1.webp') center/cover no-repeat,#24172f}
  .certificate-cover>*{flex-shrink:0}
  .cover-brand strong{font-size:39px}
  .cover-brand>span{font-size:15px;letter-spacing:11px;padding-left:11px}
  .document-title h1{font-size:22px;letter-spacing:4px}
  .english-title{font-size:17px;letter-spacing:1.5px}
  .cover-asset{margin:24px 0}
  .cover-asset .asset-series{font-size:14px}
  .cover-parties{grid-template-columns:1fr 1fr;gap:26px 20px}
  .cover-party h3{font-size:21px}
  .collector-number{min-height:30px;font-size:11px}
  .signature{margin-top:16px}
  .cover-value{grid-column:1/-1;padding:18px 0 0;border-left:0;border-top:1px solid var(--line)}
  .cover-footer{margin-top:auto;padding-top:24px}
  .holder-sheet{page:holder}
  .holder-sheet .cover-asset{margin:16px 0}
}