/* Worked examples: readable artifacts on screen and paper. */
body[data-page-type="example"]{background:#FAF7EF;color:#173A52}
.example-hero{min-height:0;grid-template-columns:minmax(0,1.15fr) minmax(250px,.65fr);gap:clamp(28px,5vw,70px);padding:clamp(42px,6vw,76px)}
.example-hero h1{max-width:17ch;font-size:clamp(42px,5vw,70px);line-height:1.02}
.example-hero .lede{max-width:58ch}
.example-hero aside{align-self:center;padding:26px;background:#EAF3F6;border-left:5px solid #65B5DC;border-radius:0 16px 16px 0}
.example-hero aside p:last-child{margin-bottom:0}
.example-proof{display:inline-block;margin:18px 0 0;padding:9px 13px;border:1px solid #173A52;border-radius:7px;font-size:14px;font-weight:700;line-height:1.35}
.example-section{margin-block:24px;padding:clamp(28px,5vw,64px);background:#FFFEFB;border:1px solid rgba(23,58,82,.2);border-radius:22px}
.example-section>h2{max-width:22ch;font-size:clamp(31px,3.5vw,47px);line-height:1.1}
.example-section>p{max-width:75ch}
.example-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:25px}
.example-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}
.example-card{min-width:0;padding:24px;background:#EAF3F6;border:1px solid rgba(23,58,82,.23);border-radius:14px}
.example-card h3{font-size:23px;line-height:1.15}.example-card p:last-child,.example-card li:last-child{margin-bottom:0}
.example-card--decision{border-left:6px solid #F2BC4D}
.example-card--decision .card-label{font-weight:700}
.example-flow{list-style:none;counter-reset:flow;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:26px 0 0;padding:0}
.example-flow li{counter-increment:flow;padding:20px;background:#EAF3F6;border-top:4px solid #65B5DC;border-radius:7px}
.example-flow li::before{content:counter(flow,decimal-leading-zero);display:block;margin-bottom:10px;font-size:13px;font-weight:700}
.example-flow strong{display:block;font-family:'Overpass',Arial,sans-serif;font-size:20px}.example-flow span{display:block;margin-top:8px;font-size:15px}
.example-table-wrap{width:100%;overflow-x:auto;margin:22px 0}
.example-table{width:100%;border-collapse:collapse;min-width:610px;background:#FFFEFB}
.example-table caption{text-align:left;padding:0 0 10px;font-weight:700;font-size:18px}
.example-table th,.example-table td{padding:13px 14px;border:1px solid #8FA2AD;text-align:left;vertical-align:top;line-height:1.4}
.example-table thead th{background:#173A52;color:#FAF7EF}
.example-table tbody th{width:22%;font-weight:700}
.example-table td p{margin:0}
.example-mini{font-size:14px;line-height:1.5}
.example-artifact{margin:24px 0;padding:25px;border:2px solid #173A52;border-radius:14px;background:#FAF7EF}
.example-artifact>header{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;border-bottom:2px solid #173A52;padding-bottom:12px;margin-bottom:18px}
.example-artifact>header h3{margin:0;font-size:24px}.example-artifact .example-proof{margin:0}
.example-artifact dl{display:grid;grid-template-columns:minmax(110px,.28fr) 1fr;gap:12px;margin:0}.example-artifact dt{font-weight:700}.example-artifact dd{margin:0}
.example-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:30px}
.example-split>div{min-width:0}.example-split h3{font-size:24px}
.example-links{display:flex;flex-wrap:wrap;gap:12px;margin-top:25px}.example-links a{display:inline-flex;align-items:center;min-height:44px;padding:10px 17px;border:2px solid #173A52;border-radius:999px;font-weight:700;text-decoration:none}.example-links a:hover{background:#173A52;color:#FAF7EF}
.example-note{max-width:75ch;margin-top:20px;padding:18px 21px;background:#EAF3F6;border-left:4px solid #65B5DC}
.example-card ul,.example-card ol,.example-section ul,.example-section ol{padding-left:1.3em}
body[data-page-type="example"] a:focus-visible{outline:3px solid #173A52;outline-offset:4px}
@media(max-width:900px){.example-flow{grid-template-columns:repeat(2,minmax(0,1fr))}.example-grid.three{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.example-hero,.example-grid,.example-grid.three,.example-split{grid-template-columns:1fr}.example-section{padding:27px 20px}.example-flow{grid-template-columns:1fr}.example-hero aside{padding:20px}.example-table{min-width:570px}.example-artifact dl{grid-template-columns:minmax(0,1fr)}.example-artifact dd{min-width:0;margin-bottom:16px}}
@media print{body[data-page-type="example"]{background:#fff;color:#000}.example-section,.example-hero,.example-artifact,.example-card,.example-flow li{background:#fff!important;color:#000!important;box-shadow:none!important;border-radius:0}.example-section{break-inside:auto;margin:12px 0;padding:16px}.example-card,.example-flow li,.example-artifact,.example-table tr{break-inside:avoid}.example-table thead th{background:#fff;color:#000}.example-table th,.example-table td{border-color:#000}.example-hero{min-height:0;padding:15px}.example-hero h1{font-size:38px}.example-hero:after{display:none}.example-grid,.example-grid.three{grid-template-columns:1fr 1fr}.example-flow{grid-template-columns:1fr 1fr}.example-links,.site-header,.site-footer,.skip-link{display:none!important}.example-proof{border-color:#000}.page-shell{width:100%}}