.ty-rec{--ty-text-primary:#1e293b;--ty-text-secondary:#475569;--ty-text-muted:#64748b;--ty-border:#e2e8f0;--ty-bg-light:#f8fafc;--ty-accent:#f3d03e;background:#fff;padding:4rem 1.5rem}@media (min-width:768px){.ty-rec{padding:5rem 2rem}}.ty-rec__container{margin:0 auto;max-width:1280px}.ty-rec__title{color:var(--ty-text-primary);font-family:var(--font),"Roboto Slab",serif;font-size:1.75rem;font-weight:700;margin:0 0 .75rem;text-align:center}@media (min-width:768px){.ty-rec__title{font-size:2rem}}.ty-rec__subtitle{color:var(--ty-text-secondary);font-size:1.0625rem;line-height:1.6;margin:0 0 2.5rem;text-align:center}@media (min-width:768px){.ty-rec__subtitle{margin-bottom:3rem}}.ty-rec__grid{display:grid;gap:1.5rem;grid-template-columns:1fr}@media (min-width:640px){.ty-rec__grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.ty-rec__grid{grid-template-columns:repeat(var(--col-count,3),1fr)}}.ty-rec__card{background:var(--ty-bg-light);border:1px solid var(--ty-border);border-radius:12px;display:flex;flex-direction:column;padding:1.5rem;transition:transform .2s ease,box-shadow .2s ease}.ty-rec__card:hover{box-shadow:0 8px 24px rgba(0,0,0,.08);transform:translateY(-2px)}.ty-rec__icon{align-items:center;background:linear-gradient(135deg,#fef9c3,#fde68a);border-radius:12px;display:flex;height:48px;justify-content:center;margin-bottom:1rem;width:48px}.ty-rec__icon svg{color:#92400e;height:24px;width:24px}.ty-rec__card-title{color:var(--ty-text-primary);font-size:1.125rem;font-weight:600;margin:0 0 .5rem}.ty-rec__card-desc{color:var(--ty-text-muted);flex-grow:1;font-size:.9375rem;line-height:1.6;margin:0 0 1rem}.ty-rec__card-link{align-items:center;color:var(--ty-text-primary);display:inline-flex;font-size:.875rem;font-weight:600;gap:.375rem;text-decoration:underline;text-underline-offset:2px;transition:color .2s ease}.ty-rec__card-link:hover{color:#92400e}.ty-rec__card-link svg{height:16px;transition:transform .2s ease;width:16px}.ty-rec__card-link:hover svg{transform:translateX(3px)}