/* The public tutorial uses the existing Publsy marketing typography and colours. */
.approval-guide-hero{padding:135px 24px 60px;background:linear-gradient(150deg,#fff 35%,#eef4fb)}
.approval-guide-hero h1{max-width:960px;margin-top:18px}
.approval-guide-intro{max-width:800px;font-size:19px;line-height:1.8;color:#536174;margin-top:26px}
.approval-guide-meta{display:flex;flex-wrap:wrap;gap:10px 24px;margin-top:26px;font-size:12px;line-height:1.8;color:#536174}
.approval-guide-meta a{font-weight:800;color:#004e9f}
.approval-guide-layout{display:grid;grid-template-columns:270px minmax(0,760px);gap:64px;padding:60px 24px 85px;box-sizing:content-box;max-width:1096px}
.approval-guide-sidebar{align-self:start;position:sticky;top:104px;font-size:13px;line-height:1.75}
.approval-guide-sidebar h2{font-size:15px;font-weight:800;margin-bottom:16px}
.approval-guide-sidebar li+li{margin-top:12px}.approval-guide-sidebar a{color:#34445a}.approval-guide-sidebar a:hover{color:#004e9f;text-decoration:underline}
.approval-guide-sidebar>p{margin-top:28px;padding-top:20px;border-top:1px solid #d7dde7;color:#536174;font-size:12px}
.approval-guide-body{min-width:0}.approval-guide-body h2{font:800 clamp(1.5rem,2.4vw,2rem)/1.25 Manrope,sans-serif;letter-spacing:-.035em}
.approval-guide-body p,.approval-guide-body li{font-size:16px;line-height:1.9;color:#48566a}.approval-guide-body p{margin-top:18px}
.approval-guide-body ul{list-style:disc;padding-left:23px;margin-top:18px}.approval-guide-body li+li{margin-top:8px}
.approval-guide-summary,.approval-guide-checklist{padding:28px;border:1px solid #d7e5f4;border-radius:20px;background:#f3f7fc}
.approval-guide-summary h2,.approval-guide-checklist h2{font-size:21px}
.approval-guide-step{padding-block:48px;border-bottom:1px solid #e1e7ef;scroll-margin-top:104px}
.approval-guide-step figure{margin-top:28px}.approval-guide-step figure>a{display:block;border:1px solid #d7dde7;border-radius:16px;overflow:hidden;background:#f5f7fa}
.approval-guide-step img{display:block;width:100%;height:auto}
.approval-guide-step figcaption{margin-top:12px;font-size:12px;line-height:1.8;color:#536174}.approval-guide-step figcaption a{font-weight:800;color:#004e9f;text-decoration:underline}
.approval-guide-checklist{margin-top:40px}.approval-guide-faq{margin-top:48px}.approval-guide-faq details{padding:20px 0;border-bottom:1px solid #d7dde7}.approval-guide-faq summary{cursor:pointer;font-weight:800;font-size:16px;line-height:1.6}
.approval-guide-related{margin-top:48px;padding-top:32px;border-top:1px solid #d7dde7}.approval-guide-related>a{display:block;margin-top:20px;font-weight:800;color:#004e9f;font-size:14px;line-height:1.7}
.approval-guide a:focus-visible,.approval-guide summary:focus-visible{outline:3px solid #0066cc;outline-offset:5px}
@media(max-width:1100px){.approval-guide-layout{grid-template-columns:230px minmax(0,1fr);gap:36px;box-sizing:border-box;max-width:100%}}
@media(max-width:800px){.approval-guide-hero{padding-top:120px;padding-bottom:40px}.approval-guide-intro{font-size:17px}.approval-guide-layout{display:block;padding:36px 24px 55px}.approval-guide-sidebar{position:static;margin-bottom:36px;padding-bottom:28px;border-bottom:1px solid #d7dde7}.approval-guide-sidebar ol{display:grid;grid-template-columns:1fr 1fr;gap:12px 20px}.approval-guide-sidebar li+li{margin:0}.approval-guide-sidebar>p{margin-top:20px}.approval-guide-step{padding-block:36px}.approval-guide-summary,.approval-guide-checklist{padding:22px}.approval-guide-body p,.approval-guide-body li{font-size:15px}}
@media(max-width:440px){.approval-guide-sidebar ol{grid-template-columns:1fr}.approval-guide-meta{gap:6px 18px}}