.examples-page{background:var(--page);color:var(--ink);padding-bottom:var(--sec-y);overflow-wrap:anywhere}.examples-head{padding-top:var(--head-y);padding-bottom:var(--s-7)}.examples-intro{gap:var(--s-5);max-width:830px;display:grid}.examples-intro h1{max-width:820px}.examples-intro p{word-break:keep-all;max-width:730px}.examples-disclaimer{align-items:start;gap:var(--s-3);margin-top:var(--s-6);display:flex}.examples-jump{gap:var(--s-5);margin-top:var(--s-7);padding-block:var(--s-3);border-block:1px solid var(--line);flex-wrap:wrap;display:flex}.examples-jump a{gap:var(--s-3);min-height:44px;color:var(--ink);align-items:center;font-size:15px;text-decoration:none;display:inline-flex}.examples-jump a>span{color:var(--accent-ink)}.examples-gallery{display:grid}.example-feature{gap:var(--s-7);padding-block:var(--s-7);border-bottom:1px solid var(--line);grid-template-columns:1fr 1fr;align-items:center;scroll-margin-top:100px;display:grid}.example-feature:first-child{padding-top:0}.example-feature:nth-child(2n) .example-feature-visual{order:2}.example-feature-visual{background:var(--surface);border:1px solid var(--line);padding:var(--s-6);border-radius:var(--r-lg);min-width:0}.example-feature-copy{gap:var(--s-5);min-width:0;display:grid}.example-feature-copy h2{max-width:520px}.example-materials{gap:var(--s-4);border-top:1px solid var(--line);padding-top:var(--s-5);margin:0;display:grid}.example-materials>div{gap:var(--s-3);grid-template-columns:70px minmax(0,1fr);display:grid}.example-materials dt{color:var(--muted);font-size:14px}.example-materials dd{color:var(--body);word-break:keep-all;margin:0;font-size:16px;line-height:1.7}.example-document{padding:var(--s-5);background:var(--practice-paper);color:var(--practice-paper-ink);border:1px solid var(--practice-paper-line);border-radius:var(--r-sm);box-shadow:var(--shadow-card);min-width:0}.example-document-top{justify-content:space-between;gap:var(--s-2);padding-bottom:var(--s-3);border-bottom:1px solid var(--practice-paper-line);color:var(--practice-paper-muted);flex-wrap:wrap;font-size:13px;display:flex}.example-document h3{letter-spacing:-.03em;margin:var(--s-5) 0;text-wrap:balance;font-size:23px;line-height:1.45}.example-document-facts{gap:var(--s-3);margin:0;display:grid}.example-document-facts>div{gap:var(--s-3);border-bottom:1px solid var(--practice-paper-line);padding-bottom:var(--s-3);justify-content:space-between;align-items:center;display:flex}.example-document-facts dt{color:var(--practice-paper-muted);font-size:13px}.example-document-facts dd{text-align:right;margin:0;font-size:20px;font-weight:650}.example-document-section{margin-top:var(--s-5)}.example-document-section>strong{font-size:14px}.example-document-section ul{gap:var(--s-2);margin:var(--s-3) 0 0;padding:0;list-style:none;display:grid}.example-document-section li{font-size:15px;line-height:1.7}.example-document-section li span{color:var(--practice-paper-muted);margin-right:var(--s-2);font-size:13px}.example-document-note,.example-document-caption{color:var(--practice-paper-muted);margin:var(--s-4) 0 0;font-size:13px;line-height:1.8}.example-document-bottom{margin-top:var(--s-5);padding-top:var(--s-3);border-top:1px solid var(--practice-paper-line);color:var(--practice-paper-muted);font-size:13px;line-height:1.6}.example-action-list{margin:var(--s-3) 0 0;display:grid}.example-action-list>div{gap:var(--s-2);padding-block:var(--s-3);border-bottom:1px solid var(--practice-paper-line);display:grid}.example-action-list dt{font-size:16px;font-weight:650}.example-action-list dd{gap:var(--s-1);margin:0;display:grid}.example-action-list strong{font-size:14px;font-weight:500}.example-action-list span{color:var(--practice-paper-muted);font-size:13px;line-height:1.7}.example-document blockquote{border-left:2px solid var(--practice-paper-line);margin:var(--s-4) 0 0;padding-left:var(--s-4);font-size:16px;line-height:1.9}.example-reply-facts{gap:var(--s-3);margin:var(--s-3) 0 0;display:grid}.example-reply-facts>div{gap:var(--s-3);justify-content:space-between;display:flex}.example-reply-facts dt{color:var(--practice-paper-muted);font-size:13px}.example-reply-facts dd{text-align:right;margin:0;font-size:14px;font-weight:600}.examples-next{gap:var(--s-6);padding-top:var(--s-7);grid-template-columns:1fr auto;align-items:center;display:grid}.examples-next>div:first-child{gap:var(--s-4);display:grid}.example-breadcrumb{align-items:center;gap:var(--s-2);margin-bottom:var(--s-6);color:var(--muted);flex-wrap:wrap;font-size:14px;display:flex}.example-breadcrumb a{color:inherit;align-items:center;min-height:44px;display:inline-flex}.example-detail-hero{align-items:center;gap:var(--s-7);grid-template-columns:1.35fr .85fr;display:grid}.example-detail-body{max-width:calc(1000px + 2 * var(--pad-x))}.example-section{gap:var(--s-6);padding-top:var(--s-7);padding-bottom:var(--s-7);border-bottom:1px solid var(--line);scroll-margin-top:80px;display:grid}.example-section:first-child{padding-top:0}.example-section-heading{gap:var(--s-4);max-width:800px;display:grid}.example-input-panel{padding:var(--s-5);background:var(--card);border:1px solid var(--line);border-radius:var(--r-md);gap:var(--s-4);min-width:0;display:grid}.example-panel-heading{gap:var(--s-4);flex-wrap:wrap;justify-content:space-between;align-items:center;display:flex}.example-source{border-block:1px solid var(--line)}.example-source summary{padding-block:var(--s-4);cursor:pointer;min-height:44px;font-size:16px;line-height:1.7}.example-source summary:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.example-source pre{white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;color:var(--body);padding-bottom:var(--s-5);margin:0;font-size:14px;line-height:1.9}.example-result-facts{gap:var(--s-5);padding-block:var(--s-5);border-block:1px solid var(--line);grid-template-columns:repeat(3,minmax(0,1fr));margin:0;display:grid}.example-result-facts>div{gap:var(--s-2);display:grid}.example-result-facts dt{color:var(--muted);font-size:14px}.example-result-facts dd{margin:0;font-size:24px;font-weight:650;line-height:1.5}.example-live-document{border:1px solid var(--line);border-radius:var(--r-md);background:var(--card);min-width:0;overflow:hidden}.example-preview-toolbar{gap:var(--s-4);padding:var(--s-4);border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;display:flex}.example-preview-toolbar>div{gap:var(--s-2);display:grid}.example-preview-toolbar strong{font-size:16px;line-height:1.6}.example-preview-toolbar span{color:var(--muted);font-size:13px;line-height:1.7}.example-live-document iframe{background:var(--practice-paper);border:0;width:100%;height:780px;display:block}.example-review-list{gap:var(--s-5);margin:0;padding:0;list-style:none;display:grid}.example-review-list li{border-left:2px solid var(--accent);padding-left:var(--s-5);gap:var(--s-3);display:grid}.example-caution{padding:var(--s-5);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);gap:var(--s-3);display:grid}.example-caution>strong{color:var(--muted);font-size:14px}.example-caution>p{margin:0;font-size:16px;line-height:1.8}.example-apply-list{margin:0;padding:0;list-style:none;display:grid}.example-apply-list li{gap:var(--s-4);padding-block:var(--s-5);border-top:1px solid var(--line);grid-template-columns:36px minmax(0,1fr);display:grid}.example-apply-list li>span{color:var(--accent-ink);font-size:20px;line-height:1.5}.example-apply-list li>div{gap:var(--s-3);display:grid}.example-resource-links{gap:var(--s-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.example-resource-links a{padding:var(--s-5)}.example-resource-links p{margin-top:var(--s-3)}.example-other-links{gap:var(--s-5);padding-top:var(--s-6);flex-wrap:wrap;display:flex}.example-other-links a{gap:var(--s-2);min-height:44px;color:var(--accent-ink);align-items:center;font-size:15px;line-height:1.7;display:inline-flex}.example-sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}@media (max-width:900px){.example-feature{gap:var(--s-5)}.example-feature-visual{padding:var(--s-4)}.example-detail-hero{gap:var(--s-5);grid-template-columns:1.1fr .9fr}.examples-next{grid-template-columns:1fr}}@media (max-width:700px){.example-feature,.example-detail-hero{grid-template-columns:1fr}.example-feature:nth-child(2n) .example-feature-visual{order:0}.example-feature{gap:var(--s-6)}.examples-jump{gap:var(--s-3) var(--s-5)}.examples-disclaimer{flex-direction:column}.example-detail-hero>.example-document{display:none}.example-result-facts{gap:var(--s-4);grid-template-columns:1fr}.example-result-facts>div{gap:var(--s-4);justify-content:space-between;align-items:center;display:flex}.example-result-facts dd{text-align:right;font-size:20px}.example-resource-links{grid-template-columns:1fr}.example-live-document iframe{height:640px}.example-input-panel{padding:var(--s-4)}.example-review-list li{padding-left:var(--s-4)}.example-section{padding-top:var(--s-6);padding-bottom:var(--s-6)}.example-document{padding:var(--s-4)}.examples-page .ui-btn-row{align-items:stretch}.examples-page .ui-btn-row>a{white-space:normal;padding-block:var(--s-3);text-align:center;line-height:1.6}}@media print{.examples-jump,.example-detail-hero>.example-document,.example-other-links,.example-preview-toolbar{display:none}.example-feature,.example-detail-hero{display:block}.example-section{break-inside:avoid}}