/* Solution and guide pages. Loaded after legal.css, which sets the colors,
   header, hero and footer shared with the legal pages. */
.skip{position:absolute;left:15px;top:-100px;background:#fff;color:var(--navy);padding:10px;z-index:100}.skip:focus{top:10px}
.crumbs{margin:0 0 18px;font-size:13px;color:#5d6d80}.crumbs a{color:#42546d;text-underline-offset:3px}.crumbs span{margin:0 6px;color:#9aa4af}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 21px;border-radius:6px;border:1px solid transparent;background:var(--orange);color:#152337;font-weight:750;font-size:15px;line-height:1.4;text-decoration:none}
.btn:focus-visible{outline:3px solid #b95415;outline-offset:4px}
.btn-outline{background:transparent;border-color:#8a99aa;color:var(--navy)}
.page-main{padding-top:54px;padding-bottom:72px}
.page-content{max-width:780px}
.page-content>section{padding:0 0 34px;margin:0 0 34px;border-bottom:1px solid var(--line)}
.page-content>section:last-child{border-bottom:0;margin-bottom:0;padding-bottom:0}
.page-content ol{margin:10px 0 16px;padding-left:24px}.page-content ol li{margin:10px 0}
.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:20px 0}
.feature-card{border:1px solid var(--line);border-top:3px solid var(--orange);border-radius:6px;padding:20px;background:#fff}
.feature-card h3{margin-top:0}.feature-card p{color:var(--muted);font-size:15px;margin-bottom:0}
.page-shot{margin:22px 0;border:1px solid #d6e0e8;border-radius:8px;overflow:hidden;box-shadow:0 14px 34px #11243a14;background:#fff}
.page-shot img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;object-position:top}
.page-shot figcaption{padding:12px 16px;border-top:1px solid var(--line);font-size:13px;color:var(--muted)}
.example{margin:22px 0;padding:18px 20px;background:var(--paper);border-radius:6px}
.example table{width:100%;border-collapse:collapse;font-size:15px}.example th,.example td{padding:8px 10px;border-bottom:1px solid var(--line);text-align:left}.example th{color:var(--navy)}
.example p:last-child{margin-bottom:0}
.page-faq details{border-bottom:1px solid var(--line);padding:16px 0}
.page-faq summary{cursor:pointer;font-weight:700;color:var(--navy);font-size:17px}
.page-faq summary:focus-visible{outline:3px solid #b95415;outline-offset:4px}
.page-faq details p{margin:12px 0 0;color:var(--muted)}
.related{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:18px}
.related a{display:block;padding:16px 18px;border:1px solid var(--line);border-radius:6px;text-decoration:none;background:#fff}
.related a:hover{border-color:#8a99aa}.related strong{display:block;color:var(--navy)}.related span{display:block;color:var(--muted);font-size:14px}
.cta-band{background:var(--navy);color:#fff;padding:56px 0}
.cta-band h2{color:#fff;margin-bottom:10px}.cta-band p{color:#d1ddec;max-width:640px}
.cta-band .btn-outline{color:#fff;border-color:#aebed1}
.note{font-size:14px;color:var(--muted)}
.legal-footer-main.pages-footer{grid-template-columns:1.3fr 1fr 1fr 1fr}
@media(max-width:820px){.legal-footer-main.pages-footer{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.feature-grid,.related{grid-template-columns:1fr}}
@media(max-width:560px){.legal-footer-main.pages-footer{grid-template-columns:1fr}.cta-band{padding:44px 0}}
.example caption{caption-side:bottom;text-align:left;padding-top:10px}
/* Demo screenshots: a cropped preview that opens full size (page-zoom.js), like the homepage. */
.page-shot a{display:block;cursor:zoom-in}
.page-shot a:focus-visible{outline:3px solid #b95415;outline-offset:-3px}
.shot-haul img{object-position:50% 58.94%}
.shot-cut img{object-position:50% 63.25%}
.shot-recon img{object-position:50% 85.92%}
.shot-payout img{object-position:50% 27.94%}
.screenshot-dialog{width:calc(100vw - 24px);max-width:1440px;max-height:calc(100vh - 24px);padding:0;overflow:auto;border:1px solid var(--line);border-radius:10px}
.screenshot-dialog::backdrop{background:#081a2bd9}
.screenshot-dialog .dialogtop{position:sticky;top:0;z-index:1;display:flex;justify-content:space-between;align-items:start;gap:20px;padding:16px;background:#fff}
.screenshot-dialog .dialogtop h2{font-size:18px;margin:0}
.screenshot-dialog .dialogtop button{background:#fff;border:1px solid var(--line);border-radius:4px;padding:4px 12px;font:inherit;color:var(--ink);cursor:pointer}
.screenshot-dialog .dialogtop button:focus-visible{outline:3px solid #b95415;outline-offset:2px}
.screenshot-dialog img{display:block;width:100%;height:auto}