.up-tag-hero{background:linear-gradient(135deg,#f8fbff,#fcfdfe);border:1px solid #E8EDF3;border-radius:1rem;margin-bottom:2rem}.dark .up-tag-hero{background:linear-gradient(135deg,#1a73e80d,#0f172a4d);border-color:var(--color-border)}.up-tag-hero__inner{padding:1.75rem 2rem}@media (max-width: 639px){.up-tag-hero__inner{padding:1.25rem 1rem}}.up-tag-hero__heading{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.up-tag-hero__icon{display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:.625rem;background:#1a73e8;color:#fff;flex-shrink:0}.dark .up-tag-hero__icon{background:#1a73e840;color:#93c5fd}.up-tag-hero__title{font-family:var(--font-heading);font-size:1.5rem;font-weight:700;color:var(--color-text);line-height:1.3;margin:0}@media (min-width: 768px){.up-tag-hero__title{font-size:1.875rem}}.up-tag-hero__meta{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;font-size:.8125rem;color:var(--color-text-muted)}.up-tag-hero__count{display:inline-flex;align-items:center;font-size:.75rem;font-weight:600;color:#1a73e8;padding:.2rem .625rem;background:#1a73e81a;border-radius:9999px}.dark .up-tag-hero__count{background:#1a73e82e;color:#93c5fd}.up-tag-hero__sep{color:#cbd5e1;-webkit-user-select:none;-moz-user-select:none;user-select:none}.dark .up-tag-hero__sep{color:#475569}.up-tag-hero__flags{display:inline-flex;align-items:center;gap:.375rem}.up-tag-hero__website{display:inline-flex;align-items:center;gap:.25rem;color:#1a73e8;font-weight:500;text-decoration:none;transition:color .15s}.up-tag-hero__website:hover{color:#1557b0;text-decoration:underline}.dark .up-tag-hero__website{color:#93c5fd}.dark .up-tag-hero__website:hover{color:#bfdbfe}.up-tag-hero__desc{margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(226,232,240,.6);position:relative}.dark .up-tag-hero__desc{border-top-color:#ffffff0f}.up-tag-hero__desc-text{font-size:.9375rem;line-height:1.8;color:var(--color-text-muted);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;position:relative}.up-tag-hero__desc-text a{color:#1a73e8;text-decoration:underline;text-underline-offset:2px;font-weight:500;transition:color .15s}.up-tag-hero__desc-text a:hover{color:#1557b0}.dark .up-tag-hero__desc-text a{color:#93c5fd}.dark .up-tag-hero__desc-text a:hover{color:#bfdbfe}.up-tag-hero__desc-text--expanded{display:block;-webkit-line-clamp:unset;overflow:visible}.up-tag-hero__desc-toggle{display:inline-block;margin-top:.375rem;padding:0;border:none;background:none;font-size:.8125rem;font-weight:600;color:#1a73e8;cursor:pointer;transition:color .15s}.up-tag-hero__desc-toggle:hover{color:#1557b0;text-decoration:underline}.dark .up-tag-hero__desc-toggle{color:#93c5fd}.dark .up-tag-hero__desc-toggle:hover{color:#bfdbfe}.up-tag-section-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}.up-tag-section-header__title{font-family:var(--font-heading);font-size:.8125rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);margin:0}.up-tag-section-header__count{font-size:.6875rem;font-weight:700;color:var(--color-text-muted);background:#f1f5f9;padding:.125rem .5rem;border-radius:9999px}.dark .up-tag-section-header__count{background:#ffffff0f}.up-tag-list{border-top:none}.up-tag-row{border-left:3px solid transparent;border-bottom:1px solid #F1F5F9;transition:background .15s,border-color .15s}.dark .up-tag-row{border-bottom-color:var(--color-border)}.up-tag-row:hover{background:#f8fbff;border-left-color:#1a73e8}.dark .up-tag-row:hover{background:#ffffff05;border-left-color:#93c5fd}.up-tag-row__link{display:flex;flex-direction:column;gap:.5rem;padding:1rem .75rem;border-radius:0;text-decoration:none;color:inherit}@media (min-width: 640px){.up-tag-row__link{flex-direction:row;align-items:center;justify-content:space-between;gap:1rem}}.up-tag-row__main{min-width:0;flex:1}.up-tag-row__title{font-family:var(--font-heading);font-size:1rem;font-weight:600;color:var(--color-text);line-height:1.4;margin:0;transition:color .15s}.up-tag-row__link:hover .up-tag-row__title{color:var(--color-primary)}.up-tag-row__excerpt{margin:.25rem 0 0;font-size:.8125rem;line-height:1.5;color:var(--color-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.up-tag-row__meta{display:flex;align-items:center;gap:.625rem;flex-shrink:0;flex-wrap:wrap}.up-tag-row__badge{display:inline-block;font-size:.6875rem;font-weight:600;padding:.1875rem .5rem;border-radius:.3125rem;white-space:nowrap}.up-tag-row__date{font-size:.75rem;color:var(--color-text-muted);white-space:nowrap}@media (max-width: 767px){.up-tag-list .up-tag-row{margin-bottom:1.25rem;border:1px solid var(--color-border);border-left-width:1px;border-radius:.75rem;background:var(--color-background)}.up-tag-list .up-tag-row:hover{border-left-color:var(--color-border)}}
