/* Printed fee proposal (js/proposal-doc.js): A4 pages laid out like Candice's InDesign template.
   Measurements are taken from Fee Proposals_Home Owners_Single Page_V01 (12.5 mm margins, right column from 74 mm). */
#pdoc { position: fixed; inset: 0; z-index: 1000; overflow: auto; background: #6f6c63; padding: 0 0 40px; }
#pdoc .pd-bar { position: sticky; top: 0; z-index: 2; display: flex; gap: 12px; align-items: center; flex-wrap: wrap; padding: 10px 16px; background: var(--surface); color: var(--ink); border-bottom: 1px solid var(--line); }
#pdoc .pd-bar .muted { flex: 1; min-width: 200px; }
.pd-page { --cream: #eae7dc; --plum: #2c0e22; --green: #27a05a; --brown: #8a6b3e; --tan: #b9ae92;
  position: relative; width: 210mm; height: 297mm; margin: 24px auto 0; overflow: hidden; background: var(--cream); color: #2a2a28;
  font-family: 'Hanken Grotesk', 'Inter', sans-serif; font-size: 9pt; line-height: 1.32; box-shadow: 0 4px 18px rgba(0, 0, 0, .25);
  -webkit-print-color-adjust: exact; print-color-adjust: exact; }
.pd-page p { margin: 0 0 3.2mm; }
.pd-page h2 { font-size: 12pt; font-weight: 600; margin: 0 0 3.5mm; color: #2a2a28; }
.pd-page h3 { font-size: 9.5pt; font-weight: 600; margin: 0 0 3.5mm; color: #2a2a28; }
.pd-logo { display: inline-block; width: 54mm; height: 5.6mm; background: var(--green);
  -webkit-mask: url(../img/proposal/logo.webp) left center / contain no-repeat; mask: url(../img/proposal/logo.webp) left center / contain no-repeat; }
.pd-foot { position: absolute; left: 12.5mm; bottom: 12mm; line-height: 0; }
.pd-num { position: absolute; right: 13mm; bottom: 8mm; font-size: 7pt; }
.pd-right { position: absolute; left: 74mm; right: 12.7mm; top: 12.5mm; }
.pd-addr { position: absolute; left: 12.5mm; top: 12.5mm; width: 52mm; line-height: 1.45; }
.pd-cap { font-size: 9.5pt; letter-spacing: .02em; margin-bottom: 4mm; }
.pd-small { font-size: 8pt; margin: 11mm 0 6mm; }
.pd-small2 { font-size: 7.5pt; line-height: 1.35; }
.pd-green { color: var(--green); font-weight: 600; }
.pd-nopic { display: flex; align-items: center; justify-content: center; background: #d9d5c7; color: #7a7566; text-align: center; padding: 10mm; box-sizing: border-box; }
.pd-ul { margin: 0 0 3.2mm; padding-left: 6mm; list-style: none; }
.pd-ul li { position: relative; margin-bottom: .6mm; }
.pd-ul li::before { content: ""; position: absolute; left: -5mm; top: 1.55mm; width: 1.1mm; height: 1.1mm; background: currentColor; }
.pd-stagelist li { font-weight: 500; margin-bottom: 1.8mm; }

/* cover */
.pd-cover-img { position: absolute; left: 12.5mm; top: 12.5mm; width: 120mm; height: 175mm; object-fit: cover; }
.pd-cover-title { position: absolute; left: 145mm; right: 12.7mm; top: 13mm; font-size: 12.5pt; line-height: 1.3; }
.pd-cover-meta { position: absolute; left: 145mm; right: 12.7mm; top: 249mm; font-size: 8pt; }
.pd-rule { border-bottom: .3mm solid #8d8a80; padding: 1.4mm 0; }
.pd-meta2 { display: grid; grid-template-columns: 1fr 14mm; column-gap: 8mm; margin-top: 6mm; border-top: .3mm solid #8d8a80; }
.pd-meta2 span { padding: 1.4mm 0; }
.pd-meta2 span:nth-child(-n+2) { border-bottom: .3mm solid #8d8a80; }
.pd-cover-logo { position: absolute; left: 12.5mm; bottom: 12mm; line-height: 0; }

/* acknowledgement of country */
.pd-plum { background: var(--plum); color: #fff; }
.pd-plum .pd-num { color: #fff; }
.pd-ack-img { width: 100%; height: 149.5mm; object-fit: cover; border-radius: 1.5mm; margin-top: 21mm; display: block; }
.pd-big { font-size: 12.5pt; line-height: 1.35; }

/* welcome and letter */
.pd-welcome-img { width: 100%; height: 99.5mm; object-fit: cover; border-radius: 1.5mm; display: block; filter: grayscale(1); }
.pd-letter-img { width: 100%; height: 126.5mm; object-fit: cover; display: block; margin-bottom: 8mm; }
.pd-sign { margin-top: 20mm !important; }
.pd-contact { font-size: 8.5pt; }

/* stage pages */
.pd-fig { position: absolute; left: 12.5mm; top: 12.5mm; width: 186.2mm; height: 126mm; object-fit: cover; }
.pd-figcap { position: absolute; right: 11.3mm; top: 141mm; font-size: 6.5pt; }
.pd-two { position: absolute; left: 12.5mm; right: 11.3mm; top: 152mm; display: grid; grid-template-columns: 1fr 1fr; column-gap: 8mm; }
.pd-stage { border-top: .3mm solid #9a978c; padding-top: 5.5mm; }
.pd-stage-head { display: flex; justify-content: space-between; gap: 4mm; margin-bottom: 7mm; min-height: 9mm; }
.pd-notes { margin-top: 6mm !important; }

/* fee summary, design team, reviews */
.pd-gallery { position: absolute; left: 12.5mm; right: 12.7mm; top: 12.5mm; display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 3.2mm; }
.pd-gallery img { width: 100%; height: 62.5mm; object-fit: cover; display: block; }
.pd-feepage .pd-two { top: 80mm; }
.pd-lead { font-size: 9.5pt; margin-bottom: 6mm !important; }
.pd-feerow { display: flex; justify-content: space-between; gap: 6mm; margin-bottom: 3mm; }
.pd-feerow span:last-child { white-space: nowrap; }
.pd-total { border-top: .3mm solid #9a978c; padding-top: 2.5mm; margin-top: 4mm; }
.pd-reviews { position: absolute; left: 12.5mm; right: 12.7mm; top: 222mm; border-top: .3mm solid var(--tan); padding-top: 5mm; }
.pd-reviews .pd-two { position: static; }
.pd-quote { font-family: 'EB Garamond', Georgia, serif; font-size: 9pt; line-height: 1.3; }
.pd-who { font-family: 'EB Garamond', Georgia, serif; font-weight: 500; font-size: 8pt; }

/* terms and conditions */
.pd-tc { position: absolute; left: 12.5mm; right: 12.7mm; top: 12.5mm; bottom: 24mm; column-count: 3; column-gap: 6mm; font-size: 6.6pt; line-height: 1.28; font-weight: 300; }
.pd-tc p { margin: 0; }
.pd-tcs { margin-bottom: 2.6mm; }

/* acceptance */
.pd-accept { position: absolute; left: 39mm; width: 136mm; top: 66mm; font-size: 9.5pt; }
.pd-accept p { margin-bottom: 3.6mm; }
.pd-roman, .pd-italic { font-family: 'EB Garamond', Georgia, serif; font-size: 16pt; line-height: 1.2; }
.pd-roman { color: #8d8a80; }
.pd-italic { font-style: italic; margin-bottom: 9mm; }
.pd-sigline { display: flex; align-items: flex-end; gap: 3mm; margin-top: 6mm; font-family: 'EB Garamond', Georgia, serif; font-style: italic; font-size: 10pt; }
.pd-sigline span { width: 29mm; }
.pd-sigline i { flex: 1; border-bottom: .3mm solid #2a2a28; }

/* next steps */
.pd-next-img { left: 15.5mm; width: 179mm; height: 153mm; top: 15mm; }
.pd-next-img + .pd-figcap { top: 171mm; }
.pd-next { position: absolute; left: 12.5mm; right: 12.7mm; top: 196mm; display: grid; grid-template-columns: 1.1fr 1fr; column-gap: 8mm; }
.pd-contacts { display: grid; grid-template-columns: 38mm 1fr; row-gap: 5mm; font-size: 8.5pt; margin-top: 8mm; }
.pd-tan { color: var(--tan); font-size: 8pt; }
.pd-brown { color: var(--brown); font-size: 12pt; line-height: 1.35; }

@media (max-width: 860px) { .pd-page { zoom: .44; } }
@media print {
  @page { size: A4; margin: 0; }
  body.pd-open > *:not(#pdoc) { display: none !important; }
  body.pd-open { background: #fff; }
  #pdoc { position: static; overflow: visible; background: none; padding: 0; }
  #pdoc .pd-bar { display: none; }
  .pd-page { margin: 0; box-shadow: none; zoom: 1; break-after: page; page-break-after: always; }
}