/* Scoped editorial diagrams and reference reading; native text remains readable. */
.source-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr));gap:14px;margin:20px 0}.source-cards>div{padding:22px 18px;background:#f2f7f3;border:1px solid #cdded1;border-radius:12px}.source-cards h3{margin:12px 0;font-size:22px}.source-cards p,.source-cards b{font-size:16px;line-height:1.7}.source-cards__step{font-size:13px;color:#18674d;font-weight:700}.source-note,.art-revision{font-size:14px;color:#486353;line-height:1.7}.reference-reading{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:start}.reference-reading img{display:block;width:100%;height:auto;border-radius:12px}.reference-reading figcaption,.art-fig.reference-reading figcaption{display:block;margin:0;font-size:16px;line-height:1.8;font-weight:400;letter-spacing:normal;text-transform:none;color:inherit}.reference-reading h3{margin:0 0 14px;font-size:22px}.reference-reading li{margin:12px 0}.reference-reading a:focus-visible{outline:3px solid #177b57;outline-offset:5px}.enquiry-brief{padding:20px 24px;border:1px solid #b8cec1;border-radius:12px;background:#f3f8f4;line-height:2}.buyer-brief{max-width:1000px;margin:auto}.buyer-brief__links{display:flex;gap:20px;flex-wrap:wrap;margin:18px 0}.buyer-brief__english{font-size:18px;line-height:1.7;max-width:880px}.buyer-brief .reference-reading{margin-top:28px}.buyer-brief .reference-reading img{max-height:580px;object-fit:contain}.buyer-brief li{line-height:1.8}.buyer-brief .enquiry-brief{margin:24px 0}.buyer-brief h2{font-size:clamp(24px,4vw,36px);line-height:1.3}.buyer-brief h3{line-height:1.4}@media(max-width:600px){.reference-reading{grid-template-columns:1fr}.source-cards{grid-template-columns:1fr}.enquiry-brief{padding:16px}.buyer-brief__english{font-size:16px}}

.paper-diagram{overflow-x:auto;max-width:100%;padding:8px 0}.paper-diagram svg{display:block;min-width:640px}.paper-diagram:focus-visible{outline:3px solid #177b57;outline-offset:3px}

/* Preserve the complete frame of actual UI captures in these website guides. */
.mockup-guide[data-website-screen] .mockup-guide__zoom img{aspect-ratio:auto;object-fit:contain}