.examples-page{background:#080c0f}.example-kicker{font:11px ui-monospace,monospace;letter-spacing:.2em;color:#95b7b7}.example-hero{padding-top:78px;padding-bottom:52px;background:radial-gradient(ellipse at 70% 5%,#183c393d,transparent 65%)}.example-hero h1{font-size:clamp(36px,5.2vw,66px);font-weight:500;letter-spacing:-.04em;line-height:1.2;margin:20px 0}.example-hero>p:not(.example-kicker){color:#a7b9bd;font-size:18px}.example-hero-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-top:30px}.example-hero-actions>span{font-size:12px;color:#9aaaae}.examples-page .button.primary{background:#a6eddb;border-color:#a6eddb;color:#082a24}.example-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;padding-bottom:26px}.example-card{display:flex;flex-direction:column;min-width:0;border:1px solid #304345;border-radius:16px;background:#111b20;overflow:hidden;transition:transform .22s,border-color .22s}.example-card:hover{transform:translateY(-5px);border-color:#a6eddb}.example-card:focus-visible{outline:3px solid #a6eddb;outline-offset:5px}.example-cover{margin:24px 24px 0;padding:20px 18px 18px;background:#eaf2f0;color:#1b4340;box-shadow:0 12px 25px #0003;border-radius:4px 4px 0 0;transform:perspective(1000px) rotateX(3deg);transform-origin:bottom}.example-cover-top,.example-cover-footer{display:flex;justify-content:space-between;gap:8px;font:8px ui-monospace,monospace;letter-spacing:.03em}.example-cover-top>span:first-child{font-size:12px;font-weight:700}.example-cover-top>span:last-child{max-width:90px;text-align:right;line-height:1.5}.example-cover-lines{display:grid;gap:8px;margin:21px 0}.example-cover-lines i{height:6px;width:81%;background:#204d4640;border-radius:2px}.example-cover-lines i+i{width:57%;background:#204d4625}.example-cover-models,.example-cover-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.example-cover-models{font-size:8px;color:#55746f;text-align:center;margin-bottom:7px}.example-cover-grid{height:94px;grid-auto-rows:1fr}.example-cover-grid i{background:#cbd8d5;border-radius:3px;min-height:9px}.example-cover-grid .is-mentioned{background:#238979}.example-cover-grid .is-prompted{background:#8290b8}.example-cover-grid .is-declined{background:repeating-linear-gradient(135deg,#d1c3ad 0 3px,#e7decd 3px 6px)}.example-cover-footer{border-top:1px solid #b8ccc5;padding-top:10px;margin-top:15px;font-size:7px}.example-card-body{padding:26px 26px 22px;flex:1;display:flex;flex-direction:column;border-top:1px solid #48625e}.example-category{font-size:12px;color:#a6eddb}.example-card h2{font-size:23px;font-weight:500;line-height:1.45;letter-spacing:-.025em;margin:12px 0}.example-card-body>p:not(.example-category){font-size:14px;color:#a4b6ba;line-height:1.85;margin-bottom:25px}.example-card-link{margin-top:auto;display:flex;justify-content:space-between;gap:15px;font-size:13px;color:#d0e6e0}.example-card-link b{font-size:18px;font-weight:400}.example-gallery-note{font-size:12px;line-height:1.8;color:#91a2a7;padding-bottom:64px}.example-detail-heading{padding-block:38px 35px}.example-back{color:#a3bdba;font-size:13px}.example-heading-row{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-top:36px}.example-heading-row>span{font-size:11px;color:#849a9d}.example-detail-heading h1{font-size:clamp(30px,4vw,48px);font-weight:500;line-height:1.3;letter-spacing:-.03em;margin:12px 0}.example-detail-heading>p{font-size:16px;color:#a3b5ba}.example-paper-wrap{max-width:1144px}.example-paper{background:#f5f7f5;color:#233c3d;border-radius:8px;overflow:hidden;box-shadow:0 30px 70px #0006;--ink:#173e3d}.example-paper-head{padding:45px 52px 35px;background:radial-gradient(ellipse at top right,#b5dbd852,transparent 65%),#edf4f1;position:relative}.example-paper-head>div:first-child{display:flex;gap:18px;align-items:center;flex-wrap:wrap}.example-paper-brand{font-size:25px;font-weight:700;letter-spacing:-.04em}.example-paper-brand+span{font:9px ui-monospace,monospace;letter-spacing:.13em;color:#5b7d76}.example-paper-head>time{display:block;font:11px ui-monospace,monospace;color:#5d7a77;margin-top:15px}.example-paper-head h2{font-size:clamp(24px,3.1vw,36px);line-height:1.4;font-weight:600;letter-spacing:-.025em;max-width:750px;margin:27px 0 14px}.example-paper-head>p{max-width:760px;color:#52706f;line-height:1.9;font-size:15px}.example-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:32px;padding-top:24px;border-top:1px solid #becfca}.example-metrics strong{display:block;font:500 clamp(27px,3vw,37px) ui-monospace,monospace;letter-spacing:-.07em;color:#1a7061}.example-metrics span{display:block;font-size:11px;color:#52726d;line-height:1.7;margin-top:9px}.example-paper-nav{padding:17px 52px;display:flex;flex-wrap:wrap;gap:14px 27px;border-bottom:1px solid #d1dfd9;background:#e5eeea;color:#2a6055;font-size:12px}.example-paper-nav a:hover{text-decoration:underline;text-underline-offset:4px}.example-paper>section{padding:37px 52px;border-bottom:1px solid #d3e0da;scroll-margin-top:95px}.example-section-number{font:10px ui-monospace,monospace;letter-spacing:.14em;color:#668881;margin-bottom:13px}.example-paper section h2{font-size:24px;font-weight:600;line-height:1.5;color:var(--ink);margin:0 0 20px}.example-paper section h3{font-size:17px;font-weight:600;line-height:1.55;color:var(--ink);margin:0 0 8px}.example-paper section p:not(.example-section-number){font-size:14px;line-height:1.9;color:#4d6967}.example-findings{display:grid;gap:24px}.example-findings>div{padding-left:17px;border-left:2px solid #a6cfc1}.example-table-scroll{overflow-x:auto;margin-top:22px;border:1px solid #c7d8d0;border-radius:6px;scrollbar-color:#7b9c90 #e4ede8}.example-matrix{width:100%;min-width:670px;border-collapse:collapse;text-align:left;table-layout:fixed}.example-matrix th,.example-matrix td{border-bottom:1px solid #d3dfd7;border-right:1px solid #d3dfd7;padding:16px 12px;vertical-align:top;overflow-wrap:anywhere}.example-matrix thead th{background:#e3ece5;font-size:11px;font-weight:600;color:#446a5b}.example-matrix th:first-child{width:49%;padding-left:18px}.example-matrix tbody th{font-weight:400;background:#f1f5ef}.example-matrix tbody th>span{font-size:10px;font-weight:600;letter-spacing:.035em;color:#5b7b6a}.example-matrix tbody th>p{font-size:12px!important;line-height:1.8!important;margin-top:6px}.example-matrix tr>*:last-child{border-right:0}.example-matrix tbody tr:last-child>*{border-bottom:0}.example-state{font-size:10px;display:inline-block;padding:4px 7px;border-radius:4px;line-height:1.5;color:#697c76;background:#e6eae4}.example-state.is-mentioned{color:#116950;background:#d4eadb}.example-state.is-prompted{color:#526691;background:#e1e6f2}.example-state.is-declined{color:#846632;background:#eee7d7}.example-paper section p.example-small{font-size:11px;line-height:1.85;margin-top:16px;color:#72857c}.example-actions{list-style:none;counter-reset:actions;padding:0;display:grid;gap:25px}.example-actions li{counter-increment:actions;padding-left:44px;position:relative}.example-actions li:before{content:counter(actions,decimal-leading-zero);position:absolute;top:0;left:0;font:13px ui-monospace,monospace;color:#2a8070;border-top:2px solid #7fb7a4;padding-top:7px}.example-conditions{background:#ebf1ec}.example-paper-footer{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;padding:20px 52px;font-size:10px;color:#668277}.example-next{max-width:1144px;display:flex;gap:30px;justify-content:space-between;align-items:center;padding-block:45px 70px}.example-next h2{font-size:25px;font-weight:500;line-height:1.5;margin-bottom:10px}.example-next p{font-size:13px;color:#9fb3b5;line-height:1.8}.example-next>div:last-child{display:flex;flex-direction:column;gap:16px;align-items:center;flex-shrink:0}.example-secondary{font-size:12px;color:#b4cec8}@media(max-width:1000px){.example-gallery{gap:14px}.example-cover{margin:17px 17px 0;padding:16px 12px}.example-card-body{padding:23px 20px}.example-card h2{font-size:20px}.example-cover-top>span:last-child{max-width:75px;font-size:7px}}@media(max-width:760px){.example-hero{padding-top:40px;padding-bottom:30px}.example-hero>p:not(.example-kicker){font-size:15px}.example-gallery{grid-template-columns:1fr;gap:24px}.example-cover{margin:24px 30px 0;padding:23px 22px}.example-card-body{padding:25px}.example-card h2{font-size:24px}.example-cover-top>span:last-child{max-width:none;font-size:8px}.example-hero-actions{gap:15px;margin-top:24px}.example-hero-actions>span{font-size:11px}.example-gallery-note{padding-bottom:38px}.example-heading-row{display:block}.example-heading-row>span{display:block;margin-top:10px}.example-paper-head{padding:29px 22px}.example-paper-head h2{font-size:26px}.example-metrics{gap:10px}.example-metrics span{font-size:10px}.example-paper-nav{padding:16px 22px;gap:12px 19px}.example-paper>section{padding:29px 22px}.example-paper section h2{font-size:22px}.example-matrix{min-width:690px}.example-paper-footer{padding:19px 22px}.example-next{display:block;padding-block:33px 45px}.example-next>div:last-child{align-items:start;margin-top:23px}.example-paper-wrap{padding-inline:12px}.example-next h2{font-size:23px}}@media(prefers-reduced-motion:reduce){.example-card{transition:none}.example-card:hover{transform:none}.example-cover{transform:none}}@media print{.header,.site-header,.site-footer,.example-detail-heading,.example-next,.example-paper-nav{display:none!important}.examples-page{background:white}.example-paper-wrap{max-width:none;padding:0}.example-paper{box-shadow:none;border-radius:0}.example-paper>section{break-inside:avoid}.example-table-scroll{overflow:visible}.example-matrix{min-width:0}.example-state{print-color-adjust:exact}.example-paper{font-size:12px}}
