.examples-hub{--examples-soft:hsl(var(--muted)/.48);color:hsl(var(--foreground))}.examples-hub :is(a,button,input,summary):focus-visible{outline:2px solid hsl(var(--foreground));outline-offset:4px}.examples-hub :is(button,a,summary){-webkit-tap-highlight-color:transparent}.examples-hub :is(button,a){transition:background-color .16s,color .16s,border-color .16s}.examples-hub ::-moz-selection{color:hsl(var(--background));background:hsl(var(--foreground))}.examples-hub ::selection{color:hsl(var(--background));background:hsl(var(--foreground))}.examples-header{display:flex;align-items:end;justify-content:space-between;gap:32px;padding:14px 0 42px}.examples-header h1{max-width:700px;font-size:clamp(2rem,3.8vw,3rem);line-height:1.12;letter-spacing:-.035em}.examples-header p{max-width:56ch;margin-top:16px;color:hsl(var(--muted-foreground));font-size:16px;line-height:1.7}.examples-shortcuts{display:flex;flex-wrap:wrap;gap:8px;flex-shrink:0}.examples-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:44px;padding:10px 14px;border:1px solid hsl(var(--border));border-radius:8px;font-size:13px;font-weight:500}.examples-button:hover{background:hsl(var(--muted))}.examples-button-primary{color:hsl(var(--background));background:hsl(var(--foreground));border-color:transparent}.examples-button-primary:hover{background:hsl(var(--foreground)/.85)}.examples-section-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:24px}.examples-next h2,.examples-section-heading h2{font-size:clamp(1.35rem,2.4vw,1.75rem);line-height:1.25;letter-spacing:-.025em}.examples-next p,.examples-section-heading p{margin-top:9px;max-width:65ch;font-size:14px;line-height:1.7;color:hsl(var(--muted-foreground))}.examples-lab{border:1px solid hsl(var(--border));border-radius:16px;overflow:hidden}.examples-lab>.examples-section-heading{padding:28px 30px 0;margin-bottom:20px}.examples-format-picker{display:flex;gap:6px;padding:0 30px 24px;flex-wrap:wrap}.examples-format-picker button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:42px;padding:8px 15px;border-radius:7px;font-size:13px;color:hsl(var(--muted-foreground));background:hsl(var(--muted)/.55)}.examples-format-picker button:hover{background:hsl(var(--muted));color:hsl(var(--foreground))}.examples-format-picker button[aria-pressed=true]{background:hsl(var(--foreground));color:hsl(var(--background))}.examples-comparison{display:grid;grid-template-columns:.85fr 1.15fr;border-top:1px solid hsl(var(--border))}.examples-source{padding:28px 30px;background:var(--examples-soft);border-right:1px solid hsl(var(--border))}.examples-source h3{font-size:13px;font-weight:600;letter-spacing:0}.examples-source-heading{display:flex;align-items:center;justify-content:space-between;gap:14px}.examples-source-toggle{display:none}.examples-source-publisher{margin-top:5px;font-size:12px;color:hsl(var(--muted-foreground))}.examples-source-text{margin:22px 0}.examples-source-text p{margin-top:13px;font-size:14px;line-height:1.85;color:hsl(var(--muted-foreground))}.examples-caption{color:hsl(var(--muted-foreground));font-size:12px;line-height:1.65}.examples-inline-link{display:inline-flex;align-items:center;gap:8px;min-height:44px;font-size:13px;color:hsl(var(--muted-foreground));text-underline-offset:4px}.examples-inline-link:hover{color:hsl(var(--foreground));text-decoration:underline}.examples-link-strong{color:hsl(var(--foreground));font-weight:600}.examples-draft{display:flex;flex-direction:column;min-width:0;padding:28px 30px}.examples-draft-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:22px;font-size:12px;font-weight:500}.examples-draft-text{flex:1;animation:examples-reveal .22s ease-out}.examples-draft-text p{font-size:14px;line-height:1.85;margin-bottom:16px}.examples-draft-text .examples-draft-opening{font-size:19px;line-height:1.55;font-weight:500;letter-spacing:-.015em;margin-bottom:20px}.examples-structure{border-top:1px solid hsl(var(--border));margin-top:6px;padding-top:3px}.examples-structure summary{align-items:center;gap:10px;cursor:pointer;min-height:44px}.examples-structure ol,.examples-structure summary{display:flex;font-size:12px;color:hsl(var(--muted-foreground))}.examples-structure ol{flex-wrap:wrap;gap:8px 20px;padding:0 0 15px 18px;list-style:decimal}.examples-lab-note{padding:13px 30px;border-top:1px solid hsl(var(--border))}.examples-search-bar{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:44px 0;padding-bottom:24px;border-bottom:1px solid hsl(var(--border))}.examples-search{display:flex;align-items:center;gap:10px;width:100%;max-width:460px;border:1px solid hsl(var(--border));padding-left:14px;border-radius:8px;color:hsl(var(--muted-foreground))}.examples-search:focus-within{border-color:hsl(var(--muted-foreground))}.examples-search input{width:100%;min-width:0;height:46px;outline:none;background:transparent;font-size:14px;color:hsl(var(--foreground));caret-color:hsl(var(--foreground))}.examples-search input::-moz-placeholder{color:hsl(var(--muted-foreground))}.examples-search input::placeholder{color:hsl(var(--muted-foreground))}.examples-search button{display:grid;place-items:center;min-width:44px;min-height:44px}.examples-search input::-webkit-search-cancel-button{display:none}.examples-filter{display:flex;flex-wrap:wrap;gap:4px;flex-shrink:0}.examples-filter button{min-height:42px;padding:8px 11px;color:hsl(var(--muted-foreground));border-radius:6px;font-size:12px}.examples-filter button:hover{color:hsl(var(--foreground));background:var(--examples-soft)}.examples-filter button[aria-pressed=true]{color:hsl(var(--foreground));background:hsl(var(--muted));font-weight:600}.examples-lessons,.examples-library,.examples-resources{scroll-margin-top:100px}.examples-library-columns{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),1fr));gap:48px}.examples-column-title{display:flex;gap:10px;align-items:center;font-size:12px;font-weight:600;letter-spacing:0;padding:6px 0 14px;border-bottom:1px solid hsl(var(--border))}.examples-column-title span{font-weight:400;font-variant-numeric:tabular-nums;color:hsl(var(--muted-foreground))}.examples-row{min-width:0;padding:22px 0 16px;border-bottom:1px solid hsl(var(--border))}.examples-channel{font-size:11px;color:hsl(var(--muted-foreground))}.examples-row h4{font-size:16px;line-height:1.5;letter-spacing:-.012em;margin-top:7px}.examples-row h4 a{display:flex;align-items:baseline;justify-content:space-between;gap:16px}.examples-row h4 svg{flex-shrink:0;color:hsl(var(--muted-foreground))}.examples-row h4 a:hover{text-decoration:underline;text-underline-offset:4px}.examples-row>p{font-size:13px;line-height:1.8;margin:9px 0 4px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.examples-empty,.examples-row>p{color:hsl(var(--muted-foreground))}.examples-empty{padding:26px 0;font-size:14px}.examples-empty button{margin-top:16px}.examples-lessons{margin-top:64px}.examples-guide-list{border-top:1px solid hsl(var(--border))}.examples-guide{border-bottom:1px solid hsl(var(--border))}.examples-guide summary{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:86px;padding:20px 0;cursor:pointer}.examples-guide-title{display:block;font-size:16px;font-weight:500;line-height:1.55}.examples-guide-description{display:block;font-size:13px;line-height:1.7;color:hsl(var(--muted-foreground));margin-top:4px}.examples-guide summary>svg{flex-shrink:0;color:hsl(var(--muted-foreground))}.examples-guide[open] summary>svg,.examples-resource-group[open] summary svg,.examples-structure[open] summary>svg{transform:rotate(180deg)}.examples-guide-body{max-width:760px;padding:2px 0 26px}.examples-guide-body>ol{list-style:decimal;padding-left:22px}.examples-guide-body>ol>li{font-size:14px;line-height:1.85;padding-left:7px;margin-bottom:14px}.examples-guide-body>ol>li::marker{color:hsl(var(--muted-foreground));font-variant-numeric:tabular-nums}.examples-layout-demo{margin-top:24px;padding:24px;background:var(--examples-soft);border-radius:12px}.examples-layout-demo h3{font-size:17px}.examples-layout-demo>p:not(.examples-caption){margin-top:10px;font-size:13px;line-height:1.8;color:hsl(var(--muted-foreground))}.examples-layout-picker{display:flex;flex-wrap:wrap;gap:5px;margin-top:18px}.examples-layout-picker button{font-size:12px;min-height:42px;padding:8px 10px;border-radius:6px}.examples-layout-picker button[aria-pressed=true]{background:hsl(var(--foreground));color:hsl(var(--background))}.examples-layout-picker button:hover:not([aria-pressed=true]){background:hsl(var(--muted))}.examples-layout-output{padding:20px 0}.examples-layout-output :is(p,li){font-size:14px;line-height:1.85;margin-bottom:12px}.examples-layout-output :is(ul,ol){padding-left:22px}.examples-layout-output ul{list-style:disc}.examples-layout-output ol{list-style:decimal}.examples-short-line{display:block}.examples-resources{margin-top:60px}.examples-resource-groups{display:grid;grid-template-columns:1fr 1fr;-moz-column-gap:48px;column-gap:48px;align-items:start}.examples-resource-group{border-top:1px solid hsl(var(--border))}.examples-resource-group summary{display:flex;align-items:center;justify-content:space-between;gap:16px;cursor:pointer;min-height:66px;font-size:14px;font-weight:500}.examples-resource-group summary>span{display:flex;align-items:center;gap:15px;font-size:12px;font-weight:400;color:hsl(var(--muted-foreground));font-variant-numeric:tabular-nums}.examples-resource-group li a{display:flex;align-items:baseline;justify-content:space-between;gap:18px;padding:10px 0;min-height:44px;font-size:13px;line-height:1.8;color:hsl(var(--muted-foreground))}.examples-resource-group li a:hover{color:hsl(var(--foreground));text-decoration:underline;text-underline-offset:4px}.examples-resource-group li svg{flex-shrink:0}.examples-resource-group ul{padding-bottom:18px}.examples-next{display:flex;justify-content:space-between;align-items:center;gap:28px;margin-top:64px;padding:32px 0 4px;border-top:1px solid hsl(var(--border))}.examples-hub summary{list-style:none}.examples-hub summary::-webkit-details-marker{display:none}.examples-hub :is(p,h1,h2,h3,h4,li,a){overflow-wrap:anywhere}@keyframes examples-reveal{0%{opacity:.65;filter:blur(1px)}to{opacity:1;filter:blur(0)}}@media (max-width:1023px){.examples-header{align-items:start;flex-direction:column;gap:22px}.examples-library>.examples-section-heading{align-items:start;flex-direction:column;gap:16px}}@media (max-width:639px){.examples-header{padding-top:0;padding-bottom:30px}.examples-header p{font-size:15px}.examples-comparison{grid-template-columns:1fr}.examples-source{border-right:0;border-bottom:1px solid hsl(var(--border))}.examples-source-toggle{display:inline-flex;align-items:center;gap:7px;min-height:44px;font-size:12px;text-align:right}.examples-source[data-expanded=false] .examples-source-body{display:none}.examples-source[data-expanded=true] .examples-source-toggle svg{transform:rotate(180deg)}.examples-lab>.examples-section-heading{padding:23px 20px 0}.examples-format-picker{display:grid;grid-template-columns:1fr 1fr;padding:0 20px 20px}.examples-draft,.examples-source{padding:23px 20px}.examples-source-text{margin-top:14px}.examples-source-text p{font-size:13px}.examples-draft-text .examples-draft-opening{font-size:18px}.examples-lab-note{padding:12px 20px}.examples-search-bar{margin:30px 0;display:block}.examples-search-bar>p{margin-top:12px}.examples-library-columns{gap:30px}.examples-lessons,.examples-next,.examples-resources{margin-top:44px}.examples-resource-groups{grid-template-columns:1fr}.examples-next{align-items:start;flex-direction:column;gap:20px}.examples-layout-demo{padding:20px 16px}}@media (prefers-reduced-motion:reduce){.examples-draft-text{animation:none}.examples-hub :is(button,a){transition:none}}