.preview-section{max-width:72rem;margin:0 auto 4rem;padding:0 1.5rem}.section-header{margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--color-prom-gray-100)}.section-title{font-family:var(--font-heading);font-size:1.5rem;font-weight:700;color:var(--color-prom-navy);margin:0 0 .25rem}.section-desc{font-family:var(--font-ui);font-size:.875rem;color:var(--color-prom-gray-400);margin:0}.toggle-bar{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.toggle-btn{font-family:var(--font-ui);font-size:.8125rem;font-weight:500;padding:.5rem 1rem;border:1px solid var(--color-prom-gray-200);border-radius:6px;background:#fff;color:var(--color-prom-gray-500);cursor:pointer;transition:all .15s ease}.toggle-btn:hover{border-color:var(--color-prom-gray-300);color:var(--color-prom-gray-700)}.toggle-btn.active{background:var(--color-prom-navy);border-color:var(--color-prom-navy);color:#fff}.variant{display:none}.variant.active{display:block}.preview-container{background:var(--color-prom-gray-50);border:1px solid var(--color-prom-gray-100);border-radius:12px;padding:2.5rem}.preview-container--narrow{max-width:48rem;margin:0 auto}.meta-dot{color:var(--color-prom-gray-300);margin:0 .125rem}.share-heading--body{font-family:var(--font-ui);font-size:.8125rem;font-weight:600;color:var(--color-prom-gray-500);margin:0 0 .75rem}.share-heading--serif{font-family:var(--font-heading);font-size:1.25rem;font-weight:600;letter-spacing:-.01em;color:var(--color-prom-navy);margin:0 0 1rem}.share-heading--conversational{font-family:var(--font-body);font-size:1rem;font-weight:400;line-height:1.5;color:var(--color-prom-gray-500);margin:0 0 1rem}.share-heading--uppercase{font-family:var(--font-ui);font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--color-prom-gray-400);margin:0 0 .75rem}.preview-container .share-section__label{display:none}.tags-pills{display:flex;flex-wrap:wrap;gap:.5rem}.tag-pill{display:inline-block;padding:.4375rem .875rem;font-family:var(--font-ui);font-size:.8125rem;font-weight:500;border-radius:2rem;text-decoration:none;border:1.5px solid transparent;transition:all .2s ease}.tag-pill:hover{transform:translateY(-1px)}.tag-pill--orange{color:var(--color-prom-orange-600);background:var(--color-prom-orange-50)}.tag-pill--orange:hover{background:var(--color-prom-orange-100);color:var(--color-prom-orange-700)}.tag-pill--gray{color:var(--color-prom-gray-500);background:var(--color-prom-gray-50)}.tag-pill--gray:hover{background:var(--color-prom-gray-100);color:var(--color-prom-gray-700)}.tag-pill--navy{color:#fff;background:var(--color-prom-navy)}.tag-pill--navy:hover{background:var(--color-prom-gray-800)}.tag-pill--teal{color:var(--color-prom-teal-800);background:var(--color-prom-teal-75)}.tag-pill--teal:hover{background:var(--color-prom-teal-150);color:var(--color-prom-teal-700)}.tag-pill--outline{color:var(--color-prom-orange-500);background:transparent;border-color:var(--color-prom-orange-200)}.tag-pill--outline:hover{background:var(--color-prom-orange-50);border-color:var(--color-prom-orange-400);color:var(--color-prom-orange-600)}.tag-pill--compact{color:var(--color-prom-gray-500);background:var(--color-prom-gray-50);padding:.25rem .625rem;font-size:.75rem;border-radius:.25rem}.tag-pill--compact:hover{background:var(--color-prom-gray-100);color:var(--color-prom-gray-700)}.tags-hashtags{display:flex;flex-wrap:wrap;gap:.75rem 1.25rem}.tag-hashtag{font-family:var(--font-ui);font-size:.9375rem;font-weight:500;color:var(--color-prom-gray-400);text-decoration:none;transition:color .2s ease}.tag-hashtag:hover{color:var(--color-prom-orange-500)}.tags-chips{display:flex;flex-wrap:wrap;gap:.5rem}.tag-chip{display:inline-block;padding:.375rem .75rem;font-family:var(--font-ui);font-size:.8125rem;font-weight:500;color:var(--color-prom-gray-500);background:transparent;border:1px solid var(--color-prom-gray-200);border-radius:.375rem;text-decoration:none;transition:all .2s ease}.tag-chip:hover{border-color:var(--color-prom-orange-300);background:var(--color-prom-orange-50);color:var(--color-prom-orange-600)}.tags-inline{display:flex;flex-wrap:wrap;align-items:baseline;gap:.25rem;font-family:var(--font-ui);font-size:.875rem}.tags-inline__prefix{font-weight:600;color:var(--color-prom-gray-500);margin-right:.25rem}.tag-inline-link{color:var(--color-prom-gray-400);text-decoration:none;transition:color .2s ease}.tag-inline-link:hover{color:var(--color-prom-orange-500);text-decoration:underline}.tags-inline__sep{color:var(--color-prom-gray-300);margin-right:.25rem}.variant-sublabel{font-family:var(--font-ui);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--color-prom-gray-300);margin:0 0 .75rem}.tags-topicpills{display:flex;flex-wrap:wrap;gap:.625rem}@media(min-width:640px){.tags-topicpills{gap:.75rem}}.tag-topicpill{font-family:var(--font-ui);font-size:.875rem;font-weight:500;color:var(--color-prom-navy);text-decoration:none;white-space:nowrap;padding:.625rem 1.25rem;border-radius:2rem;background:transparent;border:1.5px solid var(--color-prom-gray-200);transition:all .2s ease}@media(min-width:640px){.tag-topicpill{font-size:.9375rem;padding:.625rem 1.5rem}}.tag-topicpill:hover{border-color:var(--color-prom-navy)}.tag-topicpill--warm{color:var(--color-prom-warm-text);background:var(--color-prom-warm-50);border-color:transparent;padding:.5rem 1.125rem}@media(min-width:640px){.tag-topicpill--warm{padding:.5625rem 1.375rem}}.tag-topicpill--warm:hover{background:var(--color-prom-warm-100);border-color:transparent}.related-heading{font-family:var(--font-heading);font-size:1.25rem;font-weight:700;color:var(--color-prom-navy);margin:0 0 1.5rem}.rel-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.rel-card__img-link{display:block;overflow:hidden;border-radius:10px;margin-bottom:1rem}.rel-card__img{width:100%;aspect-ratio:16 / 10;object-fit:cover;display:block;transition:transform .3s ease}.rel-card:hover .rel-card__img{transform:scale(1.03)}.rel-card__content{display:flex;flex-direction:column;gap:.5rem}.rel-card__title{font-family:var(--font-heading);font-size:1rem;font-weight:600;line-height:1.4;margin:0}.rel-card__title a{color:var(--color-prom-navy);text-decoration:none;transition:color .2s ease}.rel-card__title a:hover{color:var(--color-prom-orange-600)}.rel-card__meta{font-family:var(--font-ui);font-size:.75rem;color:var(--color-prom-gray-400);display:flex;align-items:center;gap:.25rem}@media(max-width:768px){.rel-grid-3{grid-template-columns:1fr;gap:2rem}}.rel-hlist{display:flex;flex-direction:column;gap:1.5rem}.rel-hitem{display:flex;gap:1.25rem;align-items:flex-start}.rel-hitem__img-link{flex-shrink:0;display:block;width:120px;border-radius:8px;overflow:hidden}.rel-hitem__img{width:100%;aspect-ratio:4 / 3;object-fit:cover;display:block;transition:transform .3s ease}.rel-hitem:hover .rel-hitem__img{transform:scale(1.05)}.rel-hitem__content{flex:1;min-width:0}.rel-hitem__title{font-family:var(--font-heading);font-size:1rem;font-weight:600;line-height:1.4;margin:0 0 .375rem}.rel-hitem__title a{color:var(--color-prom-navy);text-decoration:none;transition:color .2s ease}.rel-hitem__title a:hover{color:var(--color-prom-orange-600)}.rel-hitem__excerpt{font-family:var(--font-body);font-size:.875rem;color:var(--color-prom-gray-400);line-height:1.5;margin:0 0 .5rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.rel-hitem__meta{font-family:var(--font-ui);font-size:.75rem;color:var(--color-prom-gray-400);display:flex;align-items:center;gap:.375rem}@media(max-width:480px){.rel-hitem{flex-direction:column}.rel-hitem__img-link{width:100%}}.rel-textlist{display:flex;flex-direction:column}.rel-textitem{padding:1rem 0;border-bottom:1px solid var(--color-prom-gray-100)}.rel-textitem:first-child{padding-top:0}.rel-textitem:last-child{border-bottom:none;padding-bottom:0}.rel-textitem__title{font-family:var(--font-heading);font-size:1rem;font-weight:600;line-height:1.4;margin:0 0 .375rem}.rel-textitem__title a{color:var(--color-prom-navy);text-decoration:none;transition:color .2s ease}.rel-textitem__title a:hover{color:var(--color-prom-orange-600)}.rel-textitem__meta{font-family:var(--font-ui);font-size:.75rem;color:var(--color-prom-gray-400);display:flex;align-items:center;gap:.375rem}.rel-textitem__topic{color:var(--color-prom-orange-500);font-weight:500}.rel-featured-layout{display:grid;grid-template-columns:1.6fr 1fr;gap:1.5rem;align-items:start}.rel-featured__img-link{display:block;overflow:hidden;border-radius:10px;margin-bottom:1rem}.rel-featured__img{width:100%;aspect-ratio:16 / 10;object-fit:cover;display:block;transition:transform .3s ease}.rel-featured:hover .rel-featured__img{transform:scale(1.03)}.rel-featured__content{display:flex;flex-direction:column;gap:.5rem}.rel-featured__title{font-family:var(--font-heading);font-size:1.25rem;font-weight:700;line-height:1.35;margin:0}.rel-featured__title a{color:var(--color-prom-navy);text-decoration:none;transition:color .2s ease}.rel-featured__title a:hover{color:var(--color-prom-orange-600)}.rel-featured__excerpt{font-family:var(--font-body);font-size:.9375rem;color:var(--color-prom-gray-500);line-height:1.6;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.rel-featured__meta{font-family:var(--font-ui);font-size:.75rem;color:var(--color-prom-gray-400);display:flex;align-items:center;gap:.25rem}.rel-featured-side{display:flex;flex-direction:column;gap:1.5rem}.rel-small{display:flex;gap:1rem;align-items:flex-start}.rel-small__img-link{flex-shrink:0;display:block;width:90px;border-radius:8px;overflow:hidden}.rel-small__img{width:100%;aspect-ratio:1;object-fit:cover;display:block;transition:transform .3s ease}.rel-small:hover .rel-small__img{transform:scale(1.05)}.rel-small__content{flex:1;min-width:0;display:flex;flex-direction:column;gap:.375rem}.rel-small__title{font-family:var(--font-heading);font-size:.9375rem;font-weight:600;line-height:1.35;margin:0}.rel-small__title a{color:var(--color-prom-navy);text-decoration:none;transition:color .2s ease}.rel-small__title a:hover{color:var(--color-prom-orange-600)}.rel-small__meta{font-family:var(--font-ui);font-size:.75rem;color:var(--color-prom-gray-400)}@media(max-width:768px){.rel-featured-layout{grid-template-columns:1fr}.rel-featured-side{flex-direction:row;gap:1rem}.rel-small{flex-direction:column;flex:1}.rel-small__img-link{width:100%}.rel-small__img{aspect-ratio:16 / 10}}