.ys-resources{display:block;max-width:68.75rem;margin-inline:auto}.ys-resources__controls{max-width:56rem;margin:0 auto 2.5rem}.ys-resources__search{margin-bottom:1.5rem}.ys-resources__filters{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem}@media (min-width:640px){.ys-resources__controls{margin-bottom:3rem}}.ys-resources__count{text-align:center;font-size:var(--text-s);color:var(--text-muted);margin-bottom:2.5rem}.ys-resources__empty{text-align:center;padding:4rem 0}.ys-resources__empty-text{font-size:1.125rem;color:var(--text-muted);margin-bottom:1rem}.ys-resources__empty-clear{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;height:2.75rem;padding:0 1.5rem;border:1px solid var(--primary-50);border-radius:var(--radius-m);font-size:var(--text-s);font-weight:600;color:var(--text);background-color:#fff0;cursor:pointer;transition:background-color 0.2s,border-color 0.2s,color 0.2s}.ys-resources__empty-clear:hover{background-color:var(--primary-10);border-color:var(--primary);color:var(--primary)}.ys-resources__cat+.ys-resources__cat{margin-top:4rem}.ys-resources__cat-title{font-size:clamp(1.25rem, 1.05rem + 1vw, 1.5rem);font-weight:700;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid var(--border-50)}.ys-resources__grid{display:grid;grid-template-columns:minmax(0,1fr);gap:1.5rem}@media (min-width:768px){.ys-resources__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.ys-resources__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.ys-resources__card{scroll-margin-top:calc(var(--ys-header-h, 5rem) + 1rem);position:relative;display:flex;flex-direction:column;gap:.875rem;padding:1.125rem;border-radius:var(--radius-m);border:1px solid var(--border-50);background-color:var(--card-surface);background-image:linear-gradient(135deg,var(--white-08) 0%,var(--white-02) 100%);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);transition:border-color 0.2s}@media (min-width:640px){.ys-resources__card{padding:1.25rem}}.ys-resources__card:hover{border-color:color-mix(in srgb,var(--primary) 40%,transparent)}.ys-resources__card--service{background-image:linear-gradient(to bottom right,color-mix(in srgb,var(--primary) 5%,transparent),color-mix(in srgb,var(--primary) 15%,transparent));border-color:color-mix(in srgb,var(--primary) 40%,transparent)}.ys-resources__card-head{display:flex;align-items:flex-start;gap:.75rem;min-width:0}.ys-resources__head-body{flex:1;min-width:0}.ys-resources__name-row{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:.5rem;margin-bottom:.25rem}.ys-resources__icon-chip{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;border-radius:var(--radius-s);background-color:color-mix(in srgb,var(--primary) 10%,transparent);transition:background-color 0.2s}.ys-resources__card:hover .ys-resources__icon-chip{background-color:color-mix(in srgb,var(--primary) 20%,transparent)}.ys-resources__icon-img{width:1.5rem;height:1.5rem;object-fit:contain;display:block}.ys-resources__icon-fallback{display:flex;align-items:center;justify-content:center;font-family:var(--font-display,inherit);font-size:.9375rem;font-weight:700;line-height:1;color:var(--primary);text-transform:uppercase}.ys-resources__name{flex:1 1 8rem;min-width:0;margin:0;font-size:1.0625rem;font-weight:700;line-height:1.25;color:var(--text);overflow-wrap:anywhere}.ys-resources__desc{margin:0;font-size:var(--text-s);line-height:1.5;color:color-mix(in srgb,var(--text) 70%,transparent);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ys-resources__badge-corner{position:absolute;top:0;right:0;z-index:1}.ys-resources__badge{display:inline-flex;align-items:center;gap:.375rem;font-size:var(--text-xs);font-weight:700;color:var(--primary);background-image:linear-gradient(to right,color-mix(in srgb,var(--primary) 20%,transparent),color-mix(in srgb,var(--primary) 10%,transparent));border:1px solid color-mix(in srgb,var(--primary) 30%,transparent);padding:.25rem .75rem;border-bottom-left-radius:var(--radius-s);border-top-right-radius:var(--radius-m)}.ys-resources__badge--service{flex-shrink:0;border-radius:var(--radius-full);padding:.25rem .625rem}.ys-resources__badge--inline{border-radius:var(--radius-full);padding:.25rem .625rem;flex-shrink:0}.ys-resources__pulse{width:.375rem;height:.375rem;border-radius:var(--radius-full);background-color:var(--primary);animation:ys-pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes ys-pulse{0%,100%{opacity:1}50%{opacity:.4}}.ys-resources__card--rec .ys-resources__name-row{padding-right:5.5rem}.ys-resources__chips{display:flex;flex-wrap:wrap;gap:.375rem;margin:0;padding:0;list-style:none;flex-grow:1;align-content:flex-start}.ys-resources__chip{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .625rem;border-radius:var(--radius-s);border:1px solid var(--border-50);background-color:color-mix(in srgb,var(--muted) 30%,transparent);font-size:var(--text-xs);font-weight:500;line-height:1.3;color:color-mix(in srgb,var(--text) 80%,transparent)}li.ys-resources__chip::before{content:'';width:.3125rem;height:.3125rem;border-radius:var(--radius-full);background-color:var(--primary);flex-shrink:0}.ys-resources__chip--more{border-style:dashed;background:#fff0;color:var(--text-muted);font-family:inherit;cursor:pointer;min-height:0;transition:border-color 0.2s,color 0.2s,background-color 0.2s}.ys-resources__chip--more:hover,.ys-resources__chip--more:focus-visible{border-color:var(--primary-50);color:var(--primary);background-color:var(--primary-10)}.ys-resources__actions{display:flex;gap:.5rem;margin-top:auto}.ys-resources__cta,.ys-resources__details{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-xs,.5rem);height:2.5rem;min-height:0;padding:0 1rem;border-radius:var(--radius-s);font-family:inherit;font-size:var(--text-s);font-weight:600;line-height:1;text-decoration:none;cursor:pointer;white-space:nowrap;transition:background-color var(--dur-base,0.2s) var(--ease-standard,ease),border-color var(--dur-base,0.2s) var(--ease-standard,ease),color var(--dur-base,0.2s) var(--ease-standard,ease),box-shadow var(--dur-base,0.2s) var(--ease-standard,ease),filter var(--dur-base,0.2s) var(--ease-standard,ease)}.ys-resources__cta{flex:1;min-width:0;border:0;color:var(--primary-fg);background-color:var(--primary);box-shadow:none}.ys-resources__cta:hover,.ys-resources__cta:focus-visible,.ys-resources__cta:active{color:var(--primary-fg);box-shadow:0 0 28px hsl(160 100% 42% / .55);filter:brightness(1.06)}.ys-resources__cta svg{width:1rem;height:1rem;flex-shrink:0}.ys-resources__details{flex-shrink:0;border:2px solid var(--primary-50);font-weight:500;color:var(--text);background-color:#fff0}.ys-resources__details:hover,.ys-resources__details:focus-visible,.ys-resources__details[aria-expanded='true']{border-color:var(--primary);color:var(--primary);background-color:var(--primary-10)}.ys-resources__details[hidden],.ys-resources__chip--more[hidden]{display:none}.ys-resources__modal{width:min(40rem, calc(100vw - 2rem));max-height:calc(100dvh - 2rem);padding:0;margin:auto;overflow:hidden;color:var(--text);background-color:var(--surface);border:1px solid var(--border-50);border-radius:var(--radius-l);box-shadow:var(--shadow-card)}.ys-resources__modal::backdrop{background-color:color-mix(in srgb,var(--bg) 80%,transparent);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.ys-resources__modal-body{max-height:calc(100dvh - 2rem);overflow-y:auto;padding:1.25rem}@media (min-width:640px){.ys-resources__modal-body{padding:1.75rem}}.ys-resources__modal-close{position:absolute;top:.75rem;right:.75rem;z-index:1;display:flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;min-height:0;padding:0;border-radius:var(--radius-s);border:2px solid var(--primary-50);background-color:#fff0;color:var(--text);cursor:pointer;transition:border-color 0.2s,color 0.2s,background-color 0.2s}.ys-resources__modal-close svg{width:1.125rem;height:1.125rem}.ys-resources__modal-close:hover,.ys-resources__modal-close:focus-visible{border-color:var(--primary-50);color:var(--primary);background-color:var(--primary-10)}.ys-resources__m-head{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;padding-right:2.75rem;margin-bottom:1rem}.ys-resources__m-title{flex:1 1 9rem;min-width:0}.ys-resources__m-name{margin:0;font-size:clamp(1.125rem, 1rem + 0.6vw, 1.375rem);font-weight:700;line-height:1.25;overflow-wrap:anywhere}.ys-resources__m-cat{margin:.125rem 0 0;font-size:var(--text-s);color:var(--text-muted)}.ys-resources__m-desc{margin:0 0 1.25rem;font-size:var(--text-s);line-height:var(--leading-relaxed);color:color-mix(in srgb,var(--text) 80%,transparent)}.ys-resources__m-sub{margin:0 0 .75rem;font-size:var(--text-xs);font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted)}.ys-resources__m-feats{display:grid;grid-template-columns:minmax(0,1fr);gap:.625rem 1.25rem;margin:0 0 1.5rem;padding:0;list-style:none}@media (min-width:560px){.ys-resources__m-feats{grid-template-columns:repeat(2,minmax(0,1fr))}}.ys-resources__feat{display:flex;align-items:flex-start;gap:.625rem;font-size:var(--text-s);color:color-mix(in srgb,var(--text) 85%,transparent)}.ys-resources__feat-icon{flex-shrink:0;width:1.25rem;height:1.25rem;margin-top:.0625rem;border-radius:.375rem;background-color:color-mix(in srgb,var(--primary) 15%,transparent);display:flex;align-items:center;justify-content:center}.ys-resources__feat-icon svg{width:.75rem;height:.75rem;color:var(--primary)}.ys-resources__feat-body{display:flex;flex-direction:column;min-width:0}.ys-resources__feat-text{font-weight:500}.ys-resources__feat-note{margin-top:.125rem;font-size:var(--text-xs);line-height:1.4;color:var(--text-muted)}.ys-resources__m-actions .ys-resources__cta{width:100%;height:var(--btn-h-l,3rem);flex:none;font-size:var(--text-m)}