.doc-layout{display:grid;grid-template-columns:minmax(520px,1fr) minmax(390px,520px);gap:23px;align-items:start}.doc-types{grid-template-columns:repeat(3,1fr)!important}.doc-preview-column{position:sticky;top:20px}.doc-preview-wrap{background:#dce5e3;border-radius:13px;padding:18px;overflow:auto}.doc-a4{position:relative;width:100%;aspect-ratio:210/297;background:#fff;box-shadow:0 5px 25px rgba(21,54,52,.16);overflow:hidden;color:#14294d;font-family:Arial,sans-serif}.doc-a4 .p-frame{position:absolute;inset:4.3%;border:5px solid #183a6b;border-radius:22px}.doc-a4 .p-header{position:absolute;left:4.8%;right:4.8%;top:3.4%;height:16.2%;border-radius:20px 20px 0 0;background:#eaf3f7;border-bottom:1px solid #9cb3c5;text-align:center}.doc-a4 .p-logo{width:18%;height:30%;object-fit:contain;margin-top:2%}.doc-a4 .p-header h3{font-size:clamp(10px,1.55vw,18px);margin:1% 0}.doc-a4 .p-identity{font-size:clamp(4px,.57vw,7px);line-height:1.35}.doc-a4 .p-content{position:absolute;left:10.5%;right:10.5%;top:22%;bottom:9%;font-size:clamp(5px,.78vw,9px);line-height:1.6}.doc-a4 .p-line{border-bottom:1px solid #294267;margin:3% 0;min-height:4%;color:#111}.doc-a4 .p-line b{color:#14294d}.doc-a4 .p-panel{padding:3%;background:#eef5f7;border-left:4px solid #d5a22d;margin:4% 0;color:#111}.doc-a4 .p-payment{border:1px solid #9cb3c5;border-radius:6px;padding:2.5%;display:flex;justify-content:space-around;margin:5% 0;font-size:.9em}.doc-a4 .p-sign{text-align:center;width:48%;margin:8% auto 0;border-top:1px solid #222;padding-top:1.5%}.doc-a4 .p-stamp{position:absolute;right:8%;bottom:5.5%;width:28%;max-height:9%;object-fit:contain}.doc-a4.certificate:before{content:"";position:absolute;top:0;left:0;right:0;height:2.4%;background:linear-gradient(90deg,#153a70 0 74%,#e4a529 74%)}.doc-a4.certificate .p-logo{display:block;width:18%;height:10%;margin:5% auto 0}.doc-a4.certificate .p-cert-id{text-align:center;font-size:clamp(4px,.57vw,7px)}.doc-a4.certificate h3{text-align:center;font-size:clamp(13px,2vw,23px);margin:7% 0 6%}.doc-a4.certificate .p-content{top:29%;font-size:clamp(6px,.85vw,10px);line-height:1.75;text-align:justify}.doc-a4.certificate footer{position:absolute;left:10%;right:10%;bottom:4%;border-top:2px solid #d8a52b;padding-top:2%;text-align:center;font-size:clamp(4px,.55vw,7px)}.doc-a4.certificate .p-stamp{bottom:12%}.doc-history{margin-top:24px}.doc-history .request-row{grid-template-columns:105px 1fr 185px auto}.doc-selected{padding:8px 10px;margin-top:5px;border-radius:7px;background:#e6f4f2;color:#075f5a;font-size:12px}@media(max-width:1100px){.doc-layout{grid-template-columns:1fr}.doc-preview-column{position:static}.doc-preview-wrap{max-width:650px}}@media(max-width:760px){.doc-types{grid-template-columns:1fr!important}.doc-history .request-row{grid-template-columns:80px 1fr auto}.doc-history .request-row>:nth-child(3){display:none}}