@font-face{font-family:Liberation Sans;src:url(/fonts/liberation/LiberationSans-Regular.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Noto Sans SC;src:url(/fonts/noto/NotoSansSC-Regular.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Noto Sans SC;src:url(/fonts/noto/NotoSansSC-Bold.ttf)format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Liberation Sans;src:url(/fonts/liberation/LiberationSans-Bold.ttf)format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Liberation Sans;src:url(/fonts/liberation/LiberationSans-Italic.ttf)format("truetype");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Liberation Sans;src:url(/fonts/liberation/LiberationSans-BoldItalic.ttf)format("truetype");font-weight:700;font-style:italic;font-display:swap}.examples-page{--example-ink:#183c46;--example-teal:#287080;--example-paper:#f4f7f6}.examples-hero{background:radial-gradient(at 90% 0,#e6f2ed,#0000 60%),linear-gradient(135deg,#f8f6ff,#fff 70%);padding:70px 6% 44px}.examples-hero h1{letter-spacing:-.045em;max-width:950px;color:var(--example-ink);font-size:clamp(36px,5vw,68px);font-weight:500;line-height:1.07}.examples-lead{color:#506971;max-width:720px;margin:26px 0 42px;font-size:19px;line-height:1.7}.examples-path{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.examples-path a{background:#ffffffbd;border:1px solid #dbe7e4;border-radius:14px;gap:9px;padding:20px;transition:transform .15s,border-color .15s;display:grid}.examples-path a:hover{border-color:#287080;transform:translateY(-3px)}.examples-path span{color:#287080;font:italic 30px Georgia,serif}.examples-path strong{font-size:14px}.examples-path small{color:#60747b;font-size:13px;line-height:1.5}.example-case{border-top:1px solid #e6eeeb;padding:70px 6%;scroll-margin-top:20px}.example-case:nth-child(2n){background:#f7f9f8}.example-intro{grid-template-columns:1fr 1fr;align-items:start;gap:40px;margin-bottom:30px;display:grid}.example-intro h2{letter-spacing:-.035em;color:var(--example-ink);font-size:clamp(29px,3vw,42px);font-weight:500;line-height:1.15}.example-intro>p{color:#506971;font-size:17px;line-height:1.8}.example-intro .eyebrow{color:#287080}.example-intro .eyebrow span{font-size:17px}.example-figure{background:#fff;border:1px solid #dce6e3;border-radius:18px;margin:0 0 36px;overflow:hidden;box-shadow:0 18px 46px -32px #183c4660}.example-art-toolbar{justify-content:flex-end;padding:12px 16px 0;display:flex}.example-zoom{color:#315e66;background:#f4f7f6;border:1px solid #dde7e3;border-radius:7px;padding:7px 11px;font-size:12px}.example-art{max-width:100%;padding:12px;overflow:auto}.example-art>svg{width:100%;height:auto;display:block}.example-art.is-zoomed>svg{width:1200px;max-width:none}.example-figure figcaption{color:#60747b;border-top:1px solid #e9efec;padding:18px 24px;font-size:13px;line-height:1.7}.example-explanation{grid-template-columns:1fr 1.2fr;gap:64px;display:grid}.example-explanation h3{color:#183c46;margin-bottom:12px;font-size:19px;font-weight:600;line-height:1.5}.example-explanation p{color:#60747b;line-height:1.8}.example-explanation ol{counter-reset:step;gap:17px;margin:0;padding:0;list-style:none;display:grid}.example-explanation li{counter-increment:step;color:#506971;padding-left:44px;line-height:1.8;position:relative}.example-explanation li:before{content:counter(step);color:#287080;background:#e5f0ec;border-radius:50%;place-items:center;width:27px;height:27px;font-size:12px;font-weight:700;display:grid;position:absolute;top:2px;left:0}.example-actions{align-items:center;gap:26px;margin-top:30px;display:flex}.example-actions .button{white-space:normal;background:#287080;border-color:#287080;gap:12px}.example-actions>p{color:#60747b;max-width:460px;font-size:12px;line-height:1.7}.example-data{background:#fff;border:1px solid #dce6e3;border-radius:12px;margin-top:28px;padding:16px 20px}.example-data summary{cursor:pointer;color:#287080;font-weight:600}.example-data p{color:#60747b;margin:14px 0;font-size:13px;line-height:1.7}.example-table-scroll{overflow:auto}.example-data table{border-collapse:collapse;white-space:nowrap;width:100%;font-size:13px}.example-data td,.example-data th{text-align:left;border-bottom:1px solid #e5ece9;padding:10px 12px}.example-data th{background:#f4f7f6}.examples-closing{color:#fff;background:#183c46;border-radius:20px;margin:20px 6% 60px;padding:48px}.examples-closing .eyebrow{color:#b7ded2}.examples-closing h2{letter-spacing:-.03em;max-width:700px;font-size:34px;font-weight:500}.examples-closing p:not(.eyebrow){color:#c6dad7;max-width:740px;margin:20px 0;line-height:1.8}.examples-closing .button{color:#183c46;background:#d8eee5;border-color:#d8eee5}@media (max-width:760px){.examples-hero{padding-top:40px}.examples-path{grid-template-columns:repeat(2,minmax(0,1fr))}.example-case{padding-top:44px;padding-bottom:44px}.example-intro,.example-explanation{grid-template-columns:1fr;gap:22px}.example-actions{flex-direction:column;align-items:flex-start;gap:14px}.examples-page .site-header{padding-top:16px;padding-bottom:16px}.examples-page .site-header nav{flex-wrap:wrap;gap:14px}.examples-closing{padding:28px}.examples-closing h2{font-size:28px}.example-figure figcaption{padding:14px}.example-art{padding:4px}.examples-lead{font-size:17px}.examples-path a{padding:14px}}