/* Helpful detail between the main actions, in the same white/navy/blue palette. */
.j-site .j-search input { flex:1 1 0; min-width:0; width:auto; min-height:50px; font-size:16px; }
.j-site .j-search button { flex:0 0 auto; min-width:80px; min-height:50px; justify-content:center; padding-inline:18px; }
.export-process { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:18px; list-style:none; padding:0; margin:0; }
.export-process li { position:relative; display:flex; flex-direction:column; min-width:0; padding:28px 24px; border:1px solid #dce5f1; border-radius:18px; background:#fff; box-shadow:0 8px 24px #142a4906; }
.export-process-top { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:26px; }
.export-process-top>span { display:flex; align-items:baseline; gap:7px; font-size:10px; font-weight:750; letter-spacing:1px; color:#687d98; }
.export-process-top b { color:#1c46cb; font-size:25px; letter-spacing:-.7px; }
.export-process-top>i { display:grid; place-items:center; width:42px; height:42px; border:1px solid #dfe8f7; border-radius:13px; color:#254eb8; background:#f6f9ff; font-size:19px; }
.export-process h3 { color:#162841; font-size:19px; font-weight:800; line-height:1.5; margin:0 0 12px; word-break:keep-all; }
.export-process p { color:#52657e; font-size:14px; line-height:1.8; margin:0 0 24px; word-break:keep-all; overflow-wrap:anywhere; }
.export-process li>small { display:block; color:#486487; font-size:12px; font-weight:650; margin-top:auto; padding-top:16px; border-top:1px solid #e7edf5; }
.export-process li:not(:last-child)::after { content:'›'; position:absolute; right:-16px; top:38px; z-index:1; display:grid; place-items:center; width:28px; height:28px; border:1px solid #dce5f1; border-radius:50%; background:#fff; color:#355baf; font-size:22px; line-height:1; }
.value-guide { padding-top:36px; padding-bottom:80px; }
.value-guide-heading { display:flex; align-items:end; justify-content:space-between; gap:28px; padding-top:40px; margin-bottom:28px; border-top:1px solid #e2e9f3; }
.value-guide-heading h2 { font-size:32px; font-weight:800; line-height:1.4; letter-spacing:-1.2px; margin:12px 0 0; color:#152740; }
.value-guide-heading>p { color:#52657e; font-size:14px; line-height:1.85; margin:0; }
.value-guide-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
.value-guide-grid article { display:flex; flex-direction:column; min-width:0; padding:28px; border:1px solid #dce5f1; border-radius:18px; background:#fff; }
.value-guide-icon { display:flex; align-items:center; justify-content:space-between; margin-bottom:24px; }
.value-guide-icon i { display:grid; place-items:center; width:46px; height:46px; background:#f0f5ff; border:1px solid #dee8fa; border-radius:14px; color:#234ec1; font-size:21px; }
.value-guide-icon span { font-size:12px; font-weight:750; color:#687c97; letter-spacing:1px; }
.value-guide-grid h3 { font-size:20px; line-height:1.5; font-weight:800; margin:0 0 10px; color:#152740; }
.value-guide-grid p { font-size:14px; color:#52657e; line-height:1.85; margin:0 0 22px; word-break:keep-all; overflow-wrap:anywhere; }
.value-guide-grid small { font-size:12px; font-weight:650; color:#486487; border-top:1px solid #e7edf5; padding-top:16px; margin-top:auto; }
.value-guide-help { display:flex; align-items:center; justify-content:space-between; gap:24px; margin-top:20px; padding:26px 28px; border:1px solid #dce5f1; border-radius:18px; }
.value-guide-help strong { display:block; font-size:18px; font-weight:800; color:#1c324e; }
.value-guide-help p { font-size:13px; color:#52657e; line-height:1.8; margin:7px 0 0; }
.value-guide-actions { display:flex; align-items:stretch; gap:10px; flex-shrink:0; }
.j-site .value-guide-actions>:is(a,button) { display:inline-flex; justify-content:center; gap:12px; min-height:50px; font-size:13px; margin:0; padding:12px 16px; white-space:nowrap; }
.j-site .photo-guide-visual--photo { height:auto; min-height:0; display:block; aspect-ratio:3/2; overflow:hidden; background:#edf2f8; }
.photo-guide-visual--photo img { display:block; width:100%; height:100%; object-fit:cover; }
.j-site .photo-guide-visual--photo>span { top:12px; left:12px; padding:5px 9px; border-radius:7px; background:#162c48e8; color:white; font-size:10px; font-weight:750; letter-spacing:.2px; }
.j-site .photo-guide-copy { padding:22px; }
.j-site .photo-guide-copy>span { font-size:12px; color:#486487; }
.j-site .photo-guide-copy p { color:#52657e; font-size:14px; }
.j-site .j-documents { counter-reset:document-step; gap:20px; margin:48px 0 56px; }
.j-site .j-documents article { position:relative; counter-increment:document-step; padding:28px 28px 28px 78px; background:#fff; border:1px solid #dce5f1; border-radius:18px; }
.j-documents article::before { content:counter(document-step,decimal-leading-zero); position:absolute; top:27px; left:24px; width:34px; height:34px; display:grid; place-items:center; border:1px solid #dfe8f7; border-radius:11px; color:#2450bd; background:#f5f8fe; font-size:12px; font-weight:800; }
.j-site .j-documents h3 { font-size:19px; font-weight:800; line-height:1.5; margin-bottom:10px; color:#172b46; }
.j-site .j-documents p,.j-site .j-story-intro p { color:#52657e; }
@media(max-width:1100px) {
 .export-process { gap:14px; }.export-process li { padding:24px 18px; }.export-process h3 { font-size:17px; }
 .value-guide-help { flex-direction:column; align-items:stretch; }.value-guide-actions { align-self:flex-start; }
}
@media(max-width:900px) { .export-process { grid-template-columns:repeat(2,minmax(0,1fr)); grid-auto-rows:1fr; }.export-process li:nth-child(2)::after { display:none; } }
@media(max-width:767px) {
 .export-process { grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }.export-process li:nth-child(2)::after { display:none; }
 .value-guide { padding-top:0; padding-bottom:52px; }.value-guide-heading { display:block; padding-top:30px; }.value-guide-heading h2 { font-size:27px; }.value-guide-heading>p { margin-top:16px; }
 .value-guide-grid { grid-template-columns:1fr; gap:12px; }.value-guide-grid article { position:relative; padding:22px; }.value-guide-icon { position:absolute; top:22px; left:22px; margin:0; }.value-guide-icon span { display:none; }.value-guide-grid h3 { display:flex; align-items:center; font-size:19px; min-height:46px; margin-left:60px; margin-bottom:14px; }.value-guide-grid p { margin-bottom:17px; }
 .value-guide-help { padding:22px; gap:18px; }.value-guide-help strong { font-size:17px; }.value-guide-actions { align-self:stretch; display:grid; grid-template-columns:1fr 1fr; }
 .j-site .value-guide-actions>:is(a,button) { white-space:normal; word-break:keep-all; padding-inline:10px; font-size:12px; gap:8px; }
 .j-site .j-documents { gap:14px; margin:32px 0 40px; }.j-site .j-documents article { padding:22px 22px 22px 65px; }.j-documents article::before { left:18px; top:23px; width:30px; height:30px; }.j-site .j-documents h3 { font-size:17px; }
}
@media(max-width:600px) {
 .j-site .photo-guide-card { display:block; }.j-site .photo-guide-visual--photo { aspect-ratio:3/2; height:auto; min-height:0; }
 .j-site .photo-guide-copy,.j-site .photo-guide-dialog .photo-guide-copy { padding:20px; }.j-site .photo-guide-copy h3 { font-size:19px; }
}
@media(max-width:420px) {
 .export-process { grid-template-columns:1fr; gap:12px; }.export-process li { padding:20px 20px 20px 68px; }.export-process-top { margin:0; }.export-process-top>span { position:absolute; left:18px; top:21px; flex-direction:column-reverse; align-items:center; gap:2px; font-size:8px; }.export-process-top b { font-size:24px; }.export-process-top>i { display:none; }.export-process h3 { font-size:17px; margin-bottom:8px; }.export-process p { font-size:13px; margin-bottom:14px; }.export-process li>small { font-size:11px; padding-top:12px; }
 .export-process li:not(:last-child)::after { display:none; }.value-guide-actions { grid-template-columns:1fr; }.value-guide-actions>:is(a,button) { width:100%; }
}