/* Representative samples extend the established DispatchReps visual system. */
.sample-teaser{border:1px solid #bad7cd;border-left:4px solid #07866c;border-radius:8px;padding:17px 20px;background:#e8f4ef;margin:24px 0}.sample-teaser h2{font-size:1.05rem;margin-bottom:6px}.sample-teaser p{font-size:.85rem;margin-bottom:12px}.sample-heading{max-width:820px;margin:18px 0 35px}.sample-heading h1{font-size:3.5rem}.sample-heading h1 span{color:#006b58}.sample-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.sample-card{display:flex;flex-direction:column;margin:0;padding:25px}.sample-card h2{margin:18px 0 12px}.sample-card .badge{align-self:flex-start;font-size:.65rem}.sample-card p{font-size:.9rem}.sample-card-bottom{margin-top:auto;padding-top:18px;border-top:1px solid var(--line);display:flex;flex-direction:column;align-items:flex-start;gap:12px}.sample-grid+.sample-latest{margin-top:30px}.sample-grid~.small{margin-top:25px}.sample-work{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:25px;align-items:start}.sample-work.single{grid-template-columns:minmax(0,760px);justify-content:center}.sample-question{margin:8px 0 24px}.sample-reference{position:sticky;top:100px}.sample-map{width:100%;height:auto;border:1px solid var(--line);border-radius:8px;background:#f4f8f7;margin-bottom:16px;color:var(--ink)}.sample-reference code{white-space:nowrap;font-size:1rem}.sample-coach{margin-top:25px}.sample-events{padding-left:24px}.sample-events li{margin:8px 0}.sample-events time{font:500 .8rem ui-monospace,monospace;display:inline-block;min-width:65px}#sample-finish{margin-top:24px}.field textarea{font:inherit;border:1px solid #adbfcc;border-radius:6px;padding:12px;resize:vertical;width:100%}.field textarea:focus-visible{outline:3px solid #07896e;outline-offset:3px}#sample-title:focus{outline:none}.sample-latest button{margin-right:12px}
@media(max-width:1050px){.sample-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sample-work{grid-template-columns:1fr}.sample-reference{position:static}}@media(max-width:760px){.sample-grid{grid-template-columns:1fr}.sample-heading h1{font-size:2.8rem}.sample-grid .sample-card{padding:23px}.sample-map{min-width:0}}

.sample-metrics .metric{min-width:0}.sample-metrics .metric:last-child strong{font-size:1.5rem;overflow-wrap:anywhere}