*{box-sizing:border-box}body{margin:0;background:#f3f1eb;color:#312d3d;font-family:'DM Sans','Noto Sans Thai',sans-serif;font-size:16px;line-height:1.8}a{color:#5b479f;text-underline-offset:4px}a:focus-visible{outline:3px solid #6550bf;outline-offset:5px}.sample-page-header{max-width:1100px;margin:auto;padding:22px 28px;display:flex;justify-content:space-between;gap:18px;font-size:14px}.sample-page-main{max-width:1100px;margin:0 auto;padding:12px 28px 40px}.sample-page-intro{display:flex;align-items:center;gap:15px;margin:4px 0 25px}.sample-page-intro img{flex-shrink:0}.sample-page-intro h1{font-size:24px;line-height:1.55;margin:0 0 3px;font-weight:600}.sample-page-intro p{font-size:14px;color:#5c5668;margin:0}.sample-page-note{margin-top:25px;border-left:3px solid #ab9bca;padding:4px 0 4px 20px;color:#5c5668;font-size:14px}.sample-page-note strong{color:#443952}.sample-page-note p{margin:8px 0 0}.sample-page-main>.certificate-frame{box-shadow:0 12px 40px #3727470a}@media(max-width:600px){.sample-page-header{font-size:12px;padding:16px 18px;gap:12px}.sample-page-main{padding:12px 18px 30px}.sample-page-intro{align-items:flex-start;gap:12px}.sample-page-intro h1{font-size:21px}.sample-page-intro p{font-size:13px}.sample-page-note{padding-left:15px;font-size:14px}}@media print{@page{size:A4 landscape;margin:12mm}body{background:white}.sample-page-header,.sample-page-intro,.sample-page-note{display:none}.sample-page-main{max-width:none;margin:0;padding:0}.sample-page-main>.certificate-frame{box-shadow:none;width:100%}}
@media print{.sample-page-main>.certificate-frame{width:273mm;max-width:none;container-type:normal}.sample-page-main>.certificate-frame>.e4a-certificate-sample{aspect-ratio:auto;min-height:180mm;font-size:14px;padding:8mm 13mm;break-inside:avoid}}
