.XPostEmbed-module___uxJ6W__figure{width:100%;margin:24px auto}.XPostEmbed-module___uxJ6W__stage{aspect-ratio:16/9;background:var(--surface,#fff);border-radius:16px;position:relative;overflow:hidden}.XPostEmbed-module___uxJ6W__poster{color:#fff;background:#17191b;place-items:center;display:grid;position:absolute;inset:0}.XPostEmbed-module___uxJ6W__poster img{object-fit:contain;width:100%;height:100%;display:block}.XPostEmbed-module___uxJ6W__poster button{color:#000;cursor:pointer;white-space:nowrap;background:#fff;border-radius:12px;padding:16px 24px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.XPostEmbed-module___uxJ6W__host{position:absolute;inset:0;overflow:auto}.XPostEmbed-module___uxJ6W__host>div{align-content:center;justify-items:center;min-height:100%;display:grid}.XPostEmbed-module___uxJ6W__host iframe{max-width:100%}.XPostEmbed-module___uxJ6W__status{text-align:center;background:var(--surface,#fff);color:var(--foreground,#17191b);border-radius:8px;margin:0;padding:10px;position:absolute;bottom:12px;left:12px;right:12px}.XPostEmbed-module___uxJ6W__figure figcaption{margin-top:8px}
.detail-sample{max-width:1120px;margin:0 auto;padding-top:8px}.sample-back{min-height:44px;color:var(--muted);align-items:center;font-size:14px;display:inline-flex}.sample-back:hover{color:var(--accent)}.sample-header{padding:12px 0 24px}.sample-category{min-height:32px;color:var(--accent);align-items:center;font-size:13px;display:inline-flex}.sample-introduction{max-width:38em;margin-top:8px}.sample-introduction :is(h1,p){font:550 24px/1.5 var(--font-body);letter-spacing:-.015em;white-space:pre-line;overflow-wrap:anywhere;margin:0}.sample-author{color:var(--muted);margin:12px 0 0;font-size:14px}.sample-author a{min-height:44px;color:var(--foreground);align-items:center;display:inline-flex}.sample-author a:hover{color:var(--accent);text-underline-offset:4px;text-decoration:underline}.sample-layout{grid-template-columns:minmax(0,1fr);align-items:start;gap:32px;display:grid}.sample-explanations{grid-column:1/-1;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;display:grid}.sample-media{grid-column:1/-1;min-width:0;margin:0}.sample-media-block{border:var(--border);background:var(--surface);grid-column:1/-1;justify-self:center;width:100%;min-width:0;max-width:780px}.sample-media-block figure{margin:0}.sample-media-block .sample-media-frame{border:0}.sample-media-block .sample-media figure>div:first-child{border-radius:0}.sample-media-block .sample-media figcaption{margin:0;padding:8px 12px}.post-text{border-bottom:var(--border);padding:16px 24px 24px}.post-text-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;margin-bottom:12px;display:flex}.post-text-languages{gap:16px;display:flex}.post-text button,.post-text-toolbar>a{min-height:44px;font-size:13px}.post-text-languages button{color:var(--muted);background:0 0;border:0;border-bottom:2px solid #0000;padding:0 4px}.post-text-languages button[aria-pressed=true]{color:var(--accent);border-bottom-color:var(--accent);font-weight:650}.post-text-toolbar>a{color:var(--muted);align-items:center;display:inline-flex}.post-text-toolbar>a:hover{color:var(--accent)}.post-text-body{font-size:16px;line-height:1.8}.post-text-body[data-collapsed=true]{max-height:10.8em;overflow:hidden}.post-text-body p{white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.post-text-expand{color:var(--accent);background:0 0;border:0;margin-top:8px;padding:0;display:block}.sample-media-frame{aspect-ratio:16/9;border:var(--border);background:var(--foreground);width:100%;position:relative;overflow:hidden}.sample-media-frame>:is(img,video,iframe){object-fit:contain;border:0;width:100%;height:100%;display:block;position:absolute;inset:0}.sample-media figcaption{color:var(--muted);margin-top:8px;font-size:12px}.sample-play{border:var(--border);background:var(--surface);max-width:calc(100% - 32px);min-height:56px;color:var(--foreground);box-shadow:var(--shadow);white-space:nowrap;justify-content:center;align-items:center;gap:12px;padding:12px 20px;font-size:14px;font-weight:600;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.sample-play>span:first-child{color:var(--accent);font-size:18px}.sample-play:hover{background:var(--accent-soft)}.sample-play:focus-visible{outline-color:var(--on-accent);box-shadow:0 0 0 7px var(--foreground)}.sample-duration{color:var(--surface);background:var(--foreground);font:12px/1.6 var(--font-mono);padding:2px 6px;position:absolute;bottom:12px;right:12px}.sample-poster-fallback{width:100%;height:100%;color:var(--surface);flex-direction:column;justify-content:flex-start;align-items:center;padding-top:20px;display:flex}.sample-poster-fallback span{font:700 24px/1.5 var(--font-mono)}.sample-poster-fallback p{margin:0;font-size:12px}.sample-media-error{font-size:14px}.detail-sample h2{font:600 14px/1.5 var(--font-mono);letter-spacing:.02em;margin:0 0 16px}.detail-sample :is(#sample-what-heading,#sample-uses-heading){font-family:var(--font-body);letter-spacing:.015em;color:#5143df;text-shadow:none;font-size:21px;font-weight:700;line-height:1.5}.sample-explanation{border-top:var(--border);min-width:0;padding-top:20px}.sample-explanation>p{white-space:pre-line;overflow-wrap:anywhere;max-width:36em;margin:0;font-size:16px;line-height:1.85}.sample-what>p+p{margin-top:16px}.sample-uses-list{gap:8px;margin:12px 0 0;padding:0;list-style:none;display:grid}.sample-uses-list li{overflow-wrap:anywhere;align-items:flex-start;gap:12px;line-height:1.85;display:flex}.pixel-pointing-hand{color:var(--accent);flex:0 0 24px;margin-top:5px}.sample-uses-list li>span{min-width:0}.sample-flow{color:var(--accent);flex-wrap:wrap;gap:8px;margin:16px 0 0;padding:0;font-size:13px;list-style:none;display:flex}.sample-flow li:not(:last-child):after{content:"→";color:var(--muted);margin-left:8px}.sample-layout.has-sponsors{grid-template-columns:minmax(0,2.5fr) minmax(0,1fr);column-gap:28px}.has-sponsors .sample-media-block{grid-area:1/1}.has-sponsors .detail-sponsors{grid-area:1/2}.has-sponsors .sample-explanations{grid-row:2}.detail-sponsors{border:var(--border);background:var(--surface);min-width:0;padding:20px}.detail-sponsors h2{color:var(--muted);margin-bottom:12px;font-size:12px}.detail-sponsors ul{margin:0;padding:0;list-style:none}.detail-sponsor-item{border-top:1px solid var(--line-subtle);padding:16px 0}.detail-sponsor-item a{overflow-wrap:anywhere;align-items:center;gap:12px;min-height:44px;font-size:15px;font-weight:600;display:flex}.detail-sponsor-item a:hover{color:var(--accent)}.detail-sponsor-item img{object-fit:contain;flex:0 0 36px}.detail-sponsor-item>p{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:4px 0 0 48px;font-size:13px;line-height:1.65;display:-webkit-box;overflow:hidden}.sample-results{border-top:1px solid var(--line-subtle);margin-top:32px;padding:24px 0}.sample-results dl{flex-wrap:wrap;gap:24px 40px;margin:0;display:flex}.sample-results dl>div{flex-direction:column;min-width:0;max-width:460px;display:flex}.sample-results dt{color:var(--muted);font-size:13px}.sample-results dd{font:650 28px/1.4 var(--font-mono);order:-1;margin:0 0 4px}.sample-results dd.sample-metric-note{font:12px/1.8 var(--font-body);color:var(--muted);order:0;margin:12px 0 0}.sample-results a{color:var(--accent);text-decoration:underline}.sample-sources{border-top:var(--border);margin-top:32px;padding-top:24px}.sample-sources .sample-author{margin-top:0}.sample-sources>div{flex-wrap:wrap;gap:8px 24px;display:flex}.sample-sources>div a{min-height:44px;color:var(--accent);text-underline-offset:4px;align-items:center;font-size:14px;text-decoration:underline;display:inline-flex}.sample-source-note{color:var(--muted);margin:8px 0 0;font-size:12px}.sample-related{margin-top:48px}.sample-related .case-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.sample-related .card-narrative{min-height:6.4em}.sample-preview-label,.sponsor-preview-note{color:var(--muted);font-size:12px}.sample-preview-label{background:var(--accent-soft);border:1px solid var(--accent);padding:12px}.detail-preview-controls{border:1px dashed var(--accent);flex-wrap:wrap;align-items:center;gap:8px 20px;max-width:1120px;margin:8px auto 20px;padding:12px;font-size:12px;display:flex}.detail-preview-controls>div{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.detail-preview-controls a{min-height:44px;color:var(--accent);align-items:center;text-decoration:underline;display:inline-flex}@media (max-width:899px){.sample-layout,.sample-layout.has-sponsors{flex-direction:column;gap:24px;display:flex}.sample-explanations{grid-template-columns:minmax(0,1fr);gap:24px}.sample-layout>*,.has-sponsors .sample-media,.has-sponsors .sample-what{width:100%;margin:0}.sample-introduction :is(h1,p){font-size:20px}.sample-related .case-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:699px){.detail-sample :is(#sample-what-heading,#sample-uses-heading){font-size:19px}.sample-header{padding-bottom:20px}.sample-introduction :is(h1,p){font-size:18px;line-height:1.6}.sample-related .case-grid{grid-template-columns:minmax(0,1fr)}.sample-related .card-narrative{min-height:4.8em}.sample-play{min-height:48px;padding:8px 12px}.post-text{padding:12px 16px 16px}.post-text-body,.sample-explanation>p{font-size:15px}}