/* RISK_AREA: static marketing layout — H4 — long copy and narrow viewports must remain readable. */
:root{font-family:ui-sans-serif,system-ui,sans-serif;color:#12263a;background:#f4f6f8;line-height:1.65;font-synthesis:none}*{box-sizing:border-box}body{margin:0}a{color:#12263a;text-underline-offset:.22em}a:hover{text-decoration-thickness:2px}:focus-visible{outline:3px solid #a66306;outline-offset:5px}header,main,footer{max-width:1160px;margin:auto}header{padding:26px 32px;border-bottom:1px solid #d2dccf;display:flex;gap:22px;justify-content:space-between;align-items:center}.brand{font-size:23px;font-weight:750;text-decoration:none}nav,.actions{display:flex;flex-wrap:wrap;align-items:center;gap:16px 28px}nav{font-size:14px}main{padding:0 32px}section{padding:42px 0;border-bottom:1px solid #d2dccf}.hero{padding:72px 0 48px}.eyebrow,.number{font-size:12px;letter-spacing:1.7px;font-weight:750;color:#42624c}.number{display:block;margin-bottom:20px}h1{font-family:Georgia,serif;font-weight:400;letter-spacing:-2px;font-size:clamp(38px,5.8vw,72px);line-height:1.08;max-width:920px;margin:24px 0}h2{font-size:clamp(25px,3vw,34px);letter-spacing:-.8px;line-height:1.2;max-width:800px;margin:12px 0 24px}h3{font-size:19px;line-height:1.3}p{max-width:780px}p,li,dd{overflow-wrap:anywhere}.lede{font-size:21px;color:#4a5f52;max-width:760px}.fine,figcaption{font-size:13px;color:#4f6356}.actions{margin:28px 0 20px}.button{display:inline-block;background:#12263a;color:#fff;text-decoration:none;font-weight:650;border-radius:6px;padding:13px 22px}.boundary{border-left:3px solid #a8742b;padding:10px 20px;background:#fff9e9;max-width:780px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.grid p{font-size:15px}.split{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:48px}.panel{background:white;border:1px solid #d2dccf;border-radius:12px;padding:30px;margin:28px 0}aside.panel{margin:0}dt{font-weight:700}dd{margin:4px 0 22px}.skip{position:absolute;left:16px;top:-100px;background:white;padding:10px;z-index:5}.skip:focus{top:8px}footer{padding:32px;display:flex;flex-wrap:wrap;gap:16px 28px;font-size:12px}figure{margin:28px 0}figure img{display:block;width:100%;height:auto;border:1px solid #ced9cb;border-radius:8px;background:#fff}figcaption{margin-top:10px}code{font-size:.9em;background:#e9eee5;padding:2px 5px;border-radius:3px;overflow-wrap:anywhere}table{width:100%;border-collapse:collapse;text-align:left;font-size:14px}th,td{padding:12px 8px;border-bottom:1px solid #d2dccf;vertical-align:top;overflow-wrap:anywhere}.table-scroll{overflow-x:auto}.step-label{display:inline-block;background:#e4ecdf;border:1px solid #bbcbb7;border-radius:30px;padding:4px 12px;font-size:12px;font-weight:700}.step-label.external{background:#fff1d9;border-color:#d4b577}.toc{padding:20px 25px;background:#fff;border:1px solid #d2dccf;border-radius:10px}.toc ol{padding-left:20px}.toc li{padding:4px 0}.takeaway{font-size:18px;font-weight:650}.workflow-step{scroll-margin-top:20px}li{margin-bottom:9px}@media(max-width:700px){header{align-items:flex-start;flex-direction:column;padding:20px}main{padding:0 20px}.hero{padding:36px 0}h1{letter-spacing:-1px}.lede{font-size:18px}.grid,.grid.two,.split{grid-template-columns:1fr;gap:18px}.panel{padding:20px}section{padding:30px 0}.actions{align-items:flex-start;flex-direction:column}footer{padding:25px 20px}}@media print{.skip,nav,.actions{display:none}body{background:white}section{break-inside:avoid}figure{break-inside:avoid}a{color:inherit}.hero{padding-top:15px}}

/* Tidrivo brand lockup (added by website/build_app.py) */
.brand svg{display:block}.brand .mark{width:40px;height:40px}.brand .word{height:30px;width:auto}
a.brand{display:flex;align-items:center;gap:10px;color:inherit;text-decoration:none}
@media(max-width:760px){.brand .mark{width:32px;height:32px}.brand .word{height:24px}}