:root{--color-bg:#fff;--color-bg-hover:#f5f5f5;--color-primary:#b5cbbb;--color-border:#e1e1e1;--color-bg-secondary:#f5f5f5}.tag-guide-section{background:var(--color-bg);border-bottom:1px solid var(--color-border);border-top:1px solid var(--color-border);clear:both;margin:3rem 0;padding:4rem 0;width:100%}.tag-guide-divider{margin-bottom:3rem;text-align:center}.tag-guide-title{color:#15171a;display:inline-block;font-family:var(--gh-font-heading,var(--font-sans));font-size:2.8rem;font-weight:700;margin:0;position:relative}.tag-guide-list{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin:0 auto;max-width:1000px;padding:0 2rem}.post-feed-continued{margin-top:0}.guide-tag{align-items:center;background:#ecebec;border:none;border-radius:100px;color:#15171a;display:inline-flex;font-family:var(--gh-font-body,var(--font-sans));font-size:1.6rem;font-weight:600;justify-content:center;line-height:1.3;min-width:140px;padding:1.2rem 2rem;text-align:center;transition:all .2s ease}.guide-tag,.guide-tag:hover{box-shadow:0 2px 4px rgba(0,0,0,.1);text-decoration:none}.guide-tag:hover{background:#3f6b53;color:#fff;transform:translateY(-1px)}.tag-badge{align-items:center;background:var(--color-bg);border:1px solid var(--color-border);border-radius:25px;cursor:pointer;display:inline-flex;font-size:1rem;line-height:1.4;padding:.75rem 1.25rem;transition:all .2s}.tag-badge:hover{background:var(--color-bg-hover);box-shadow:0 2px 4px rgba(0,0,0,.1);transform:translateY(-1px)}.tag-badge.selected{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-bg);font-weight:500}.selected-tags .tag-badge{font-size:1rem;margin:.25rem;padding-right:2.5rem;position:relative}.selected-tags .tag-badge:after{content:"×";font-size:1.5rem;line-height:1;position:absolute;right:1rem}.post-card-header{flex-direction:column;margin:0}.post-card-header,.post-card-tags{align-items:flex-start;display:flex;padding:0}.post-card-tags{flex-wrap:wrap;gap:.5rem;left:0;margin:0 0 1.5rem;position:relative;width:100%}.post-tag{background:#ecebec;border-radius:20px;color:#15171a;display:inline-block;font-size:1.1rem;font-weight:600;line-height:1.3;padding:.6rem 1.4rem;transition:all .2s}.post-tag,.post-tag:hover{box-shadow:0 2px 4px rgba(0,0,0,.1);text-decoration:none}.post-tag:hover{background:#3f6b53;color:#fff;transform:translateY(-1px)}.article-tags,.post-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.article-tags .post-tag,.post-tags .post-tag{background:#ecebec;border-radius:20px;box-shadow:0 2px 4px rgba(0,0,0,.1);color:#15171a;display:inline-block;font-size:1.1rem;font-weight:600;padding:.6rem 1.4rem;text-decoration:none;transition:all .2s}.article-tags .post-tag:hover,.post-tags .post-tag:hover{background:#3f6b53;box-shadow:0 2px 4px rgba(0,0,0,.1);color:#fff;text-decoration:none;transform:translateY(-1px)}@media (max-width:768px){.tag-guide-section{margin:1rem 0;padding:2rem 0}.tag-guide-list{gap:.8rem;padding:0 max(4vmin,16px)}.guide-tag{font-size:1.2rem;min-width:100px;padding:.8rem 1.4rem}.article-tags .post-tag,.post-tag,.post-tags .post-tag{font-size:1rem;padding:.5rem 1.2rem}}.social-share{margin:3rem 0 2rem;padding:2rem 0}.social-share-buttons{display:flex;gap:1rem}.share-button,.social-share-buttons{align-items:center;justify-content:center}.share-button{border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-family:inherit;font-size:.95rem;font-weight:500;gap:.5rem;height:44px;padding:.75rem;text-decoration:none;transition:all .2s ease;width:44px}.share-button.copy-link{background:#f4f4f4;border:1px solid #e1e1e1;color:#333}.share-button.copy-link:hover{background:#e9e9e9;box-shadow:0 2px 8px rgba(0,0,0,.1);color:#000;transform:translateY(-1px)}.share-button.linkedin{background:#0077b5;color:#fff}.share-button.linkedin:hover{background:#005885;box-shadow:0 2px 8px rgba(0,119,181,.3);color:#fff;transform:translateY(-1px)}.share-button.facebook{background:#1877f2;color:#fff}.share-button.facebook:hover{background:#166fe5;box-shadow:0 2px 8px rgba(24,119,242,.3);color:#fff;transform:translateY(-1px)}.share-button svg{height:18px;width:18px}.copy-success{background:#10b981!important;color:#fff!important}@media (max-width:768px){.social-share-buttons{flex-direction:column;gap:.75rem}.share-button{font-size:1rem;justify-content:center;padding:1rem;width:100%}}
/*# sourceMappingURL=tags.css.map */