._card_z9dn6_2._card_z9dn6_2{color:#263029;-webkit-backdrop-filter:blur(12px);background:linear-gradient(145deg,#fffffff0,#e5ebdfd9);border:1px solid #ffffff75;border-radius:18px;min-width:0;margin:0;overflow:hidden;box-shadow:inset 0 1px #ffffffbd,0 8px 24px #00000012}._card_z9dn6_2._card_z9dn6_2:hover{border-color:#91a18e;box-shadow:0 14px 34px #00000020}._card_z9dn6_2._card_z9dn6_2:focus-within{outline-offset:4px;outline:3px solid #91aa86}._card_z9dn6_2._card_z9dn6_2 ._caption_z9dn6_5{color:#263029;background:linear-gradient(145deg,#ffffff70,#e5ebdf70);border-top:1px solid #ffffff8c;grid-template-columns:1fr;gap:5px;min-height:76px;padding:11px 14px;display:grid}._card_z9dn6_2._card_z9dn6_2 ._caption_z9dn6_5 :is(h2,h3,strong){color:#263029;letter-spacing:-.025em;overflow-wrap:anywhere;margin:0;font-size:16px;font-weight:500;line-height:1.25}._card_z9dn6_2._card_z9dn6_2 ._caption_z9dn6_5 :is(span,small){color:#4f644e;font:500 9px/1.5 var(--font-geist-mono,monospace);letter-spacing:.035em;text-align:left;overflow-wrap:anywhere}._card_z9dn6_2._card_z9dn6_2 ._caption_z9dn6_5 a{color:#314b38;overflow-wrap:anywhere;font-size:11px;line-height:1.4;text-decoration:none}._card_z9dn6_2._card_z9dn6_2 ._caption_z9dn6_5 p{color:#596253;margin:0;font-size:11px;line-height:1.5}._card_z9dn6_2._card_z9dn6_2 ._caption_z9dn6_5 a:hover{text-decoration:underline}._card_z9dn6_2._card_z9dn6_2 ._caption_z9dn6_5 ._credit_z9dn6_11{color:#5c6558;font-size:9px}._preview_z9dn6_12._preview_z9dn6_12{aspect-ratio:16/9;background:#202322;height:auto;min-height:0;position:relative;overflow:hidden}._grid_z9dn6_13._grid_z9dn6_13{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}@media (min-width:1200px){._grid_z9dn6_13._grid_z9dn6_13{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}}@media (max-width:1000px){._grid_z9dn6_13._grid_z9dn6_13{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}}@media (max-width:640px){._card_z9dn6_2._card_z9dn6_2 ._caption_z9dn6_5{padding:10px}._card_z9dn6_2._card_z9dn6_2 ._caption_z9dn6_5 :is(h2,h3,strong){font-size:14px}._card_z9dn6_2._card_z9dn6_2 ._caption_z9dn6_5 a{align-items:center;min-height:44px;display:flex}}@media (max-width:359px){._grid_z9dn6_13._grid_z9dn6_13{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){._card_z9dn6_2._card_z9dn6_2{transition:none}}@supports not ((-webkit-backdrop-filter:blur(12px)) or (backdrop-filter:blur(12px))){._card_z9dn6_2._card_z9dn6_2{background:#edf0e8}}._card_z9dn6_2._card_z9dn6_2{align-self:start;display:block;position:relative}._card_z9dn6_2._card_z9dn6_2>a{height:auto;color:inherit;text-decoration:none;display:block}._card_z9dn6_2._card_z9dn6_2 ._caption_z9dn6_5{box-sizing:border-box;flex:none;grid-template-rows:18px 40px 44px;align-content:start;gap:1px;height:126px;min-height:126px}._card_z9dn6_2._card_z9dn6_2 ._caption_z9dn6_5>:first-child{white-space:nowrap;text-overflow:ellipsis;grid-row:1;overflow:hidden}._card_z9dn6_2._card_z9dn6_2 ._caption_z9dn6_5 :is(h2,h3,strong){-webkit-line-clamp:2;-webkit-box-orient:vertical;grid-row:2;display:-webkit-box;overflow:hidden}._card_z9dn6_2._card_z9dn6_2 ._caption_z9dn6_5>:is(a,small,div){grid-row:3;align-self:start}._card_z9dn6_2._card_z9dn6_2 ._caption_z9dn6_5>:is(a,small),._card_z9dn6_2._card_z9dn6_2 ._caption_z9dn6_5>div>a{box-sizing:border-box;min-height:44px;font:500 11px/1.4 var(--font-geist-sans,sans-serif);letter-spacing:0;color:#314b38;align-items:center;margin:0;padding-right:32px;display:flex}._card_z9dn6_2._card_z9dn6_2 ._caption_z9dn6_5>div{display:block}._card_z9dn6_2._card_z9dn6_2 ._info_z9dn6_30{z-index:5;pointer-events:none;color:#314b38;width:calc(100% - 16px);position:absolute;bottom:10px;right:8px}._info_z9dn6_30>summary{pointer-events:auto;cursor:pointer;border-radius:12px;place-items:center;width:28px;min-height:44px;margin-left:auto;font-size:16px;list-style:none;display:grid}._info_z9dn6_30>summary::-webkit-details-marker{display:none}._info_z9dn6_30>summary:focus-visible{outline:2px solid #40583b}._info_z9dn6_30[open]>div{pointer-events:auto;overflow-wrap:anywhere;box-sizing:border-box;background:#f4f7f0;border:1px solid #aab6a5;border-radius:12px;width:220px;max-width:100%;padding:12px;font:11px/1.5 sans-serif;position:absolute;bottom:44px;right:0;box-shadow:0 4px 18px #0003}._info_z9dn6_30 a{color:#314b38;text-decoration:underline}._preview_z9dn6_12._preview_z9dn6_12>:is(button,span):last-child{color:#263029;background:#f6f9f0e8;border:1px solid #ffffffb3;border-radius:999px;max-width:calc(100% - 16px);padding:6px 9px;font:500 10px/1.3 sans-serif;inset:auto 8px 8px auto;transform:none;box-shadow:0 2px 8px #00000010}@media (max-width:640px){._card_z9dn6_2._card_z9dn6_2 ._caption_z9dn6_5{grid-template-rows:24px 50px 44px;gap:0;height:138px;min-height:138px}._card_z9dn6_2._card_z9dn6_2 ._caption_z9dn6_5 :is(h2,h3,strong){-webkit-line-clamp:3}._card_z9dn6_2._card_z9dn6_2 ._caption_z9dn6_5>:first-child{white-space:normal;line-height:12px}._preview_z9dn6_12._preview_z9dn6_12>:is(button,span):last-child{padding:5px 7px;font-size:9px}}

/* One presentation system for collections and every shared example-card type. */
._shell_1jruw_1 ._folder_1jruw_1{
  position:relative;isolation:isolate;min-width:0;
  color:#f4f3ee;background:#30332f;border:1px solid #ffffff1c;
  border-radius:16px;box-shadow:0 4px 16px #0000000c;
  -webkit-backdrop-filter:none;backdrop-filter:none;
  padding:24px;min-height:180px;
  transition:background .18s,border-color .18s,transform .18s;
}
._shell_1jruw_1 ._folder_1jruw_1::before{
  content:"";display:block;width:29px;height:22px;margin:4px 0 23px;
  border:1.5px solid #c3c8bd;border-radius:4px;
}
._shell_1jruw_1 ._folder_1jruw_1::after{
  content:"";position:absolute;top:23px;left:24px;width:13px;height:6px;
  border:1.5px solid #c3c8bd;border-bottom:0;border-radius:3px 3px 0 0;
  background:#30332f;
}
._shell_1jruw_1 ._folder_1jruw_1:hover{background:#363a34;border-color:#ffffff3d;transform:translateY(-2px)}
._shell_1jruw_1 ._folder_1jruw_1:hover::after{background:#363a34}
._shell_1jruw_1 ._folder_1jruw_1>span{position:absolute;right:24px;top:25px;color:#a7b09f;font:500 10px/1.4 var(--font-geist-mono,monospace);letter-spacing:.04em}
._shell_1jruw_1 ._folder_1jruw_1 :is(h2,h3){color:#f4f3ee;letter-spacing:-.035em;font-size:22px;font-weight:450;line-height:1.15;margin:0 0 10px;overflow-wrap:normal}
._shell_1jruw_1 ._folder_1jruw_1 p{color:#acb2a7;font-size:12px;line-height:1.6;margin:0 0 15px}
._shell_1jruw_1 ._folder_1jruw_1 small{color:#e0e3da;min-height:30px;font:500 11px/1.4 var(--font-geist-sans,sans-serif);margin-top:auto}
._categories_1jruw_1{gap:16px}
._card_z9dn6_2._card_z9dn6_2,._card_1jruw_1{
  color:#f4f3ee;background:#252925;border:1px solid #ffffff20;border-radius:16px;
  box-shadow:0 4px 16px #0000000c;-webkit-backdrop-filter:none;backdrop-filter:none;
  overflow:hidden;transition:border-color .18s,box-shadow .18s,transform .18s;
}
._card_z9dn6_2._card_z9dn6_2:hover{border-color:#ffffff48;box-shadow:0 10px 26px #00000024;transform:translateY(-2px)}
._card_z9dn6_2._card_z9dn6_2 ._caption_z9dn6_5,._card_1jruw_1>._caption_1jruw_1{
  color:#f4f3ee;background:#252925;border-top:1px solid #ffffff10;
  height:108px;min-height:108px;padding:14px 16px;
  grid-template-columns:minmax(0,1fr);grid-template-rows:14px 38px 28px;gap:2px;align-content:start;
}
._card_z9dn6_2._card_z9dn6_2 ._caption_z9dn6_5 :is(h2,h3,strong),._card_1jruw_1>._caption_1jruw_1 h2{
  color:#f4f3ee;font:450 16px/1.18 var(--font-geist-sans,sans-serif);letter-spacing:-.025em;
  -webkit-line-clamp:2;overflow-wrap:normal;
}
._card_z9dn6_2._card_z9dn6_2 ._caption_z9dn6_5 :is(span,small),._card_1jruw_1 ._status_1jruw_1{
  color:#b0baaa;font:400 9px/1.4 var(--font-geist-mono,monospace);letter-spacing:.025em;
}
._card_z9dn6_2._card_z9dn6_2 ._caption_z9dn6_5 :is(a,p),._card_1jruw_1 ._caption_1jruw_1 a:not(._credit_1jruw_9){color:#bfc9b7;font-size:11px}
._card_z9dn6_2._card_z9dn6_2 ._caption_z9dn6_5>:is(a,small),._card_z9dn6_2._card_z9dn6_2 ._caption_z9dn6_5>div>a{color:#bfc9b7;min-height:28px;font:450 11px/1.4 var(--font-geist-sans,sans-serif);letter-spacing:0}
._card_z9dn6_2._card_z9dn6_2 ._caption_z9dn6_5 ._credit_z9dn6_11{color:#a9b1a2}
._card_z9dn6_2._card_z9dn6_2 ._info_z9dn6_30{color:#c0c8b9;bottom:8px;right:8px}
._info_z9dn6_30[open]>div{color:#f4f3ee;background:#30372f;border-color:#ffffff30;font-family:var(--font-geist-sans,sans-serif)}
._info_z9dn6_30 a{color:#e3eadc}
._preview_z9dn6_12._preview_z9dn6_12{aspect-ratio:16/9;background:#e9eae5}
._preview_z9dn6_12._preview_z9dn6_12>:is(button,span):last-child,._previewHint_1jruw_6{
  color:#fff;background:#202820e8;border:1px solid #ffffff28;border-radius:8px;
  box-shadow:none;padding:5px 8px;font:450 10px/1.3 var(--font-geist-sans,sans-serif);
  opacity:0;transition:opacity .15s;
}
._card_z9dn6_2:hover ._preview_z9dn6_12>:is(button,span):last-child,._card_z9dn6_2:focus-within ._preview_z9dn6_12>:is(button,span):last-child,._card_1jruw_1:hover ._previewHint_1jruw_6{opacity:1}
._reference_1jruw_1{color:#eef1e8;background:#343b32;aspect-ratio:16/9;min-height:0}
._reference_1jruw_1 span{color:#b9c3b0}
._grid_z9dn6_13._grid_z9dn6_13,._cards_1jruw_1{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
._card_z9dn6_2._card_z9dn6_2:focus-within,._shell_1jruw_1 ._folder_1jruw_1:focus-visible{outline:2px solid #c2d5b1;outline-offset:4px}
@media(max-width:1000px){._grid_z9dn6_13._grid_z9dn6_13,._cards_1jruw_1{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}}
@media(max-width:640px){
  ._grid_z9dn6_13._grid_z9dn6_13,._cards_1jruw_1{grid-template-columns:1fr;gap:18px}
  ._card_z9dn6_2._card_z9dn6_2 ._caption_z9dn6_5{grid-template-rows:14px 38px 44px;min-height:124px;height:124px;padding:14px 16px}
  ._card_z9dn6_2._card_z9dn6_2 ._caption_z9dn6_5 :is(h2,h3,strong){font-size:16px;-webkit-line-clamp:2}
  ._card_z9dn6_2._card_z9dn6_2 ._caption_z9dn6_5>:first-child{white-space:nowrap;line-height:14px}
  ._card_z9dn6_2._card_z9dn6_2 ._caption_z9dn6_5>:is(a,small),._card_z9dn6_2._card_z9dn6_2 ._caption_z9dn6_5>div>a{min-height:44px}
  ._shell_1jruw_1 ._folder_1jruw_1{padding:18px;min-height:180px}
  ._shell_1jruw_1 ._folder_1jruw_1>span{top:20px;right:15px;font-size:8px}
  ._shell_1jruw_1 ._folder_1jruw_1::after{top:17px;left:18px}
  ._shell_1jruw_1 ._folder_1jruw_1 :is(h2,h3){font-size:18px;line-height:1.2}
  ._shell_1jruw_1 ._folder_1jruw_1 p{font-size:11px}
}
@media(hover:none){._preview_z9dn6_12._preview_z9dn6_12>:is(button,span):last-child,._previewHint_1jruw_6{opacity:1}}
@media(prefers-reduced-motion:reduce){._card_z9dn6_2._card_z9dn6_2,._shell_1jruw_1 ._folder_1jruw_1,._previewHint_1jruw_6{transition:none;transform:none}}