/* Documents remain original rasters, displayed in full without photo cropping. */
.certificate-records { width:100%; min-width:0; margin-top:44px; padding-top:30px; border-top:1px solid var(--line,#cbd7e0); scroll-margin-top:110px; }
.certificate-section-heading { margin-bottom:22px; }
.certificate-section-heading h3 { margin:0; font-size:27px; font-weight:400; line-height:1.35; letter-spacing:-.02em; }
.certificate-section-heading > p { max-width:900px; margin-top:13px; color:var(--muted,#5d7385); font-size:13px; line-height:1.8; }
.certificate-grid { display:grid; min-width:0; gap:20px; align-items:start; }
.certificate-corporate .certificate-grid { grid-template-columns:repeat(4,minmax(0,1fr)); }
.certificate-personal .certificate-grid { grid-template-columns:repeat(7,minmax(0,1fr)); gap:18px; }
.certificate-card { min-width:0; }
.certificate-thumbnail { display:block; position:relative; width:min(100%,132px); height:auto; aspect-ratio:3 / 4; margin:0; padding:0; overflow:hidden; border:1px solid #c7d4df; background:#e8eef3; cursor:zoom-in; }
.certificate-thumbnail > img,.certificate-thumbnail:hover > img { position:absolute; inset:0; display:block; width:100%; height:100%; object-fit:contain; object-position:50% 50%; transform:none; filter:none; transition:none; }
.certificate-thumbnail:hover { border-color:#5c8bb0; }
.certificate-thumbnail:focus-visible { outline:2px solid #005ba3; outline-offset:3px; }
.certificate-open { position:absolute; inset-inline-end:7px; bottom:7px; display:grid; place-items:center; width:28px; height:28px; border:1px solid #ffffff70; background:#12263ae8; color:#fff; }
.certificate-open > .icon { width:15px; height:15px; }
.certificate-caption { padding-top:11px; }
.certificate-caption-meta { display:flex; flex-wrap:wrap; gap:3px 10px; margin-bottom:7px; color:#617d92; font-size:12px; line-height:1.45; }
.certificate-caption h4 { margin:0; font-size:13px; font-weight:400; line-height:1.5; overflow-wrap:anywhere; }
.certificate-caption p { display:flex; flex-direction:column; gap:3px; margin:8px 0 0; font-size:12px; line-height:1.5; color:#37536a; overflow-wrap:anywhere; }
.certificate-subject-label { font-size:12px; color:#6d8292; }
.certificate-editorial .certificate-grid { grid-template-columns:minmax(0,1fr); }
.certificate-editorial .certificate-card { display:grid; grid-template-columns:132px minmax(0,1fr); gap:24px; align-items:center; max-width:800px; }
.certificate-editorial .certificate-caption { padding-top:0; }
.certificate-editorial .certificate-caption h4 { font-size:17px; line-height:1.45; }
.certificate-editorial .certificate-caption > p { font-size:12px; }
.certificate-editorial .certificate-caption .certificate-summary { display:block; max-width:620px; margin-top:12px; color:var(--muted,#5d7385); font-size:13px; line-height:1.65; }
.certificate-section-note { margin-top:20px; max-width:950px; font-size:12px; line-height:1.65; color:#6d8292; }
.detail-dialog.certificate-dialog { width:min(1100px,calc(100% - 32px)); height:min(1040px,calc(100svh - 32px)); max-height:calc(100svh - 32px); padding:0; overflow:hidden; background:#12263a; color:#fff; }
.certificate-dialog > .dialog-close { position:absolute; top:14px; inset-inline-start:auto; inset-inline-end:14px; width:44px; height:44px; margin:0; background:#fff; color:#12263a; }
.certificate-dialog #dialog-body { height:100%; }
.certificate-viewer { display:flex; flex-direction:column; gap:16px; height:100%; min-height:0; margin:0; padding:24px; }
.certificate-viewer-heading { flex:none; min-height:40px; padding-inline-end:56px; }
.certificate-viewer-heading h2 { margin:0; font-size:25px; font-weight:400; line-height:1.35; overflow-wrap:break-word; }
.certificate-viewer-stage { position:relative; flex:1; min-height:0; background:#061523; }
.certificate-viewer-stage > img { position:absolute; inset:0; display:block; width:100%; height:100%; object-fit:contain; object-position:50% 50%; transform:none; filter:none; }
.certificate-viewer-caption { flex:none; min-width:0; font-size:12px; line-height:1.6; color:#c5d5e2; }
.certificate-meta { display:grid; grid-template-columns:1fr 1fr; gap:10px 26px; margin:0; }
.certificate-meta > div { min-width:0; }
.certificate-meta dt { margin:0 0 3px; font-size:10px; color:#91acc0; }
.certificate-meta dd { margin:0; overflow-wrap:anywhere; }
.certificate-viewer-caption > p { margin:10px 0 0; font-size:11px; line-height:1.6; }
.certificate-redaction-note { color:#a8c9df; }
@media(min-width:600px) and (max-width:1079.98px) {
  .certificate-corporate .certificate-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .certificate-personal .certificate-grid { grid-template-columns:repeat(4,minmax(0,1fr)); }
}
@media(max-width:599.98px) {
  .certificate-records { margin-top:34px; padding-top:25px; }
  .certificate-section-heading h3 { font-size:24px; }
  .certificate-corporate .certificate-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px 16px; }
  .certificate-thumbnail { width:min(100%,104px); }
  .certificate-personal .certificate-grid { grid-template-columns:none; grid-template-rows:repeat(2,max-content); grid-auto-flow:column; grid-auto-columns:minmax(144px,calc((100% - 52px) / 2)); gap:22px 12px; max-width:100%; overflow-x:auto; overscroll-behavior-inline:contain; scroll-snap-type:x proximity; scroll-padding-inline:4px; padding:4px 4px 14px; scrollbar-width:thin; scrollbar-color:#7c99ae #e8eef3; }
  .certificate-personal .certificate-grid::-webkit-scrollbar { height:8px; }
  .certificate-personal .certificate-grid::-webkit-scrollbar-track { background:#e8eef3; }
  .certificate-personal .certificate-grid::-webkit-scrollbar-thumb { border:2px solid #e8eef3; border-radius:8px; background:#7c99ae; }
  .certificate-personal .certificate-card { scroll-snap-align:start; }
  .certificate-personal .certificate-thumbnail { width:96px; }
  .certificate-caption h4 { font-size:13px; }
  .certificate-editorial .certificate-card { grid-template-columns:96px minmax(0,1fr); gap:16px; align-items:start; }
  .certificate-editorial .certificate-thumbnail { width:96px; }
  .certificate-editorial .certificate-caption h4 { font-size:15px; }
  .certificate-editorial .certificate-caption .certificate-summary { font-size:12px; }
}
@media(max-width:600px) {
  .certificate-viewer { padding:16px; gap:12px; }
  .certificate-viewer-heading { padding-inline-end:50px; }
  .certificate-viewer-heading h2 { font-size:20px; }
  .certificate-dialog > .dialog-close { top:12px; inset-inline-end:12px; }
  .certificate-meta { grid-template-columns:1fr; gap:8px; }
  .certificate-viewer-caption { font-size:11px; }
}
@media(max-height:500px) {
  .certificate-viewer { padding:12px; gap:8px; }
  .certificate-viewer-heading h2 { font-size:18px; }
  .certificate-meta { grid-template-columns:1fr 1fr; gap:4px 16px; }
  .certificate-viewer-caption > p { margin-top:5px; font-size:10px; line-height:1.4; }
}

/* R13: one document rail, separated by record category; original images stay uncropped. */
body.r13-design .certificate-strip{--certificate-width:120px;--certificate-gap:18px;width:100%;min-width:0;color:#12263a}
body.r13-design .certificate-company-strip{margin-top:28px;padding-top:23px;border-top:1px solid #cbd7e0}
body.r13-design .certificate-strip-rail{display:flex;flex-wrap:nowrap;align-items:stretch;gap:0;width:100%;max-width:100%;padding:4px 4px 17px;overflow-x:auto;overflow-y:hidden;overscroll-behavior-inline:contain;scroll-padding-inline:8px;scrollbar-width:thin;scrollbar-color:#7896ad #e8eef3;-webkit-overflow-scrolling:touch}
body.r13-design .certificate-strip-rail::-webkit-scrollbar{height:7px}
body.r13-design .certificate-strip-rail::-webkit-scrollbar-track{background:#e8eef3}
body.r13-design .certificate-strip-rail::-webkit-scrollbar-thumb{border:2px solid #e8eef3;border-radius:8px;background:#7896ad}
body.r13-design .certificate-strip-group{flex:0 0 auto;width:auto;min-width:146px;margin:0;padding:0 24px;border:0;border-inline-start:1px solid #b8cad7;background:transparent;box-shadow:none;border-radius:0;scroll-margin-top:110px}
body.r13-design .certificate-strip-group:first-child{padding-inline-start:0;border-inline-start:0}
body.r13-design .certificate-strip-group:last-child{padding-inline-end:2px}
body.r13-design .certificate-strip-group-heading{display:flex;align-items:flex-end;min-height:48px;margin:0 0 15px;padding:0;border:0;max-width:100%}
body.r13-design .certificate-strip-group-heading h3{max-width:156px;margin:0;color:#314e66;font:500 12px/1.5 var(--font-body,Arial,sans-serif);letter-spacing:.01em;overflow-wrap:break-word;text-transform:none}
body.r13-design .certificate-strip-group:first-child .certificate-strip-group-heading h3{max-width:100%}
body.r13-design .certificate-strip-cards{display:flex;flex-wrap:nowrap;gap:var(--certificate-gap);align-items:flex-start;width:max-content;min-width:0}
body.r13-design .certificate-strip .certificate-strip-item{display:block;flex:0 0 var(--certificate-width);width:var(--certificate-width);min-width:0;max-width:none;margin:0;padding:0;border:0;background:none;box-shadow:none;scroll-margin-inline:10px}
body.r13-design .certificate-strip-card{display:block;position:relative;appearance:none;width:100%;margin:0;padding:0;border:0;border-radius:0;background:transparent;color:inherit;font:inherit;text-align:start;cursor:zoom-in;box-shadow:none}
body.r13-design .certificate-strip-card:focus-visible{outline:2px solid #005ba3;outline-offset:3px}
body.r13-design .certificate-strip-image{display:block;position:relative;width:100%;aspect-ratio:3/4;border:1px solid #c7d4df;background:#eef3f6;overflow:hidden}
body.r13-design .certificate-strip-image img,body.r13-design .certificate-strip-card:hover img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;object-position:50% 50%;transform:none;filter:none;transition:none}
body.r13-design .certificate-strip-card:hover .certificate-strip-image{border-color:#005ba3}
body.r13-design .certificate-strip .certificate-open{inset-inline-end:5px;bottom:5px;width:23px;height:23px;background:#12263ae8;color:#fff}
body.r13-design .certificate-strip .certificate-open .icon{width:12px;height:12px}
body.r13-design .certificate-strip-caption{display:block;padding-top:10px}
body.r13-design .certificate-strip-title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;min-height:4.5em;color:#18364d;font:400 11.5px/1.5 var(--font-body,Arial,sans-serif);letter-spacing:0;overflow-wrap:break-word}
body.r13-design .certificate-strip-subject{display:block;margin-top:6px;color:#5d7486;font:400 10.5px/1.5 var(--font-body,Arial,sans-serif);letter-spacing:0;overflow-wrap:break-word}
body.r13-design .certificate-strip-subject bdi{display:block;max-width:100%;font:inherit}
body.r13-design .certificate-strip-subject .certificate-subject-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
body.r13-design .certificate-strip-notes{margin-top:14px;padding:0;border:0;border-top:1px solid #d6e0e7;background:transparent;box-shadow:none;border-radius:0}
body.r13-design .certificate-strip-notes>summary{display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:44px;padding:9px 0;list-style:none;cursor:pointer;color:#4e6b80;font:400 12px/1.5 var(--font-body,Arial,sans-serif)}
body.r13-design .certificate-strip-notes>summary::-webkit-details-marker{display:none}
body.r13-design .certificate-strip-notes>summary .icon{width:15px;height:15px;flex:0 0 auto}
body.r13-design .certificate-strip-notes>summary:focus-visible{outline:2px solid #005ba3;outline-offset:3px}
body.r13-design .certificate-strip-notes-body{max-width:1000px;padding:7px 0 14px;color:#5d7486;font:400 12px/1.75 var(--font-body,Arial,sans-serif)}
body.r13-design .certificate-strip-note-group+ .certificate-strip-note-group{margin-top:18px}
body.r13-design .certificate-strip-note-group h4{margin:0 0 8px;color:#34526a;font:500 13px/1.5 var(--font-body,Arial,sans-serif)}
body.r13-design .certificate-strip-note-group p{margin:7px 0 0;font:inherit}
body.r13-design .certificate-strip-notes-body>.certificate-redaction-note{margin:17px 0 0;color:#4b6e87}
body.r13-design .certificate-personal-strip{margin-top:35px;padding-top:25px;border-top:1px solid #cbd7e0}
body.r13-design .certificate-personal-strip>.certificate-section-heading{margin-bottom:9px}
body.r13-design .certificate-personal-strip>.certificate-section-heading h3{font-size:24px;line-height:1.4}
body.r13-design .certificate-personal-strip .certificate-strip{--certificate-width:112px;--certificate-gap:16px}
body.r13-design .certificate-personal-strip .certificate-strip-group{min-width:0;padding-inline:20px}
body.r13-design .certificate-personal-strip .certificate-strip-group:first-child{padding-inline-start:0}
body.r13-design .certificate-personal-strip .certificate-strip-group:last-child{padding-inline-end:2px}
body.r13-design .certificate-personal-strip .certificate-strip-group-heading{min-height:46px}
body.r13-design .certificate-personal-strip .certificate-strip-group-heading h3{max-width:100%;font-size:11px}
@media(max-width:599.98px){
 body.r13-design .certificate-strip{--certificate-width:116px;--certificate-gap:16px}
 body.r13-design .certificate-strip-group{padding-inline:20px;min-width:140px}
 body.r13-design .certificate-strip-group-heading{min-height:47px;margin-bottom:13px}
 body.r13-design .certificate-personal-strip .certificate-strip{--certificate-width:112px;--certificate-gap:16px}
 body.r13-design .certificate-strip-title{font-size:11.5px}
 body.r13-design .certificate-personal-strip>.certificate-section-heading h3{font-size:22px}
}