/* Components are limited to Citeamup Articles markup; never restyle Elementor widgets globally. */
:root { --ctu-articles-accent:#dc1024; --ctu-articles-border:#e9e5e5; }
.ctu-article-box { margin:2rem 0; padding:1.4rem 1.6rem; background:#fff5f4; border-left:4px solid var(--ctu-articles-accent); border-radius:10px; box-shadow:0 3px 16px rgb(0 0 0 / 5%); }
.ctu-article-box > :first-child, .ctu-article-box > :first-child > :first-child { margin-top:0; }
.ctu-article-box > :last-child { margin-bottom:0; }
.ctu-auto-link { text-decoration-thickness:1px; text-underline-offset:2px; }
.ctu-related-products, .ctu-article-faq, .ctu-author-box { margin:2.5rem 0; }
.ctu-related-products > h2, .ctu-article-faq > h2 { font-size:clamp(1.4rem,2vw,1.85rem); }
.ctu-articles-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1.2rem; }
.ctu-articles-columns-1 { grid-template-columns:1fr; }
.ctu-articles-columns-2 { grid-template-columns:repeat(2,minmax(0,1fr)); }
.ctu-articles-columns-4 { grid-template-columns:repeat(4,minmax(0,1fr)); }
.ctu-article-card, .ctu-product-card { overflow:hidden; background:white; border:1px solid var(--ctu-articles-border); border-radius:12px; box-shadow:0 4px 15px rgb(31 31 31 / 5%); }
.ctu-article-card-image { display:block; aspect-ratio:16/9; overflow:hidden; background:#f5eeee; }
.ctu-article-card-image img { display:block; height:100%; width:100%; object-fit:cover; transition:transform .25s ease; }
.ctu-article-card:hover .ctu-article-card-image img { transform:scale(1.025); }
.ctu-card-placeholder { display:grid; place-items:center; height:100%; font-weight:700; color:var(--ctu-articles-accent); }
.ctu-article-card-body { padding:1.2rem; }
.ctu-article-card h3 { font-size:1.15rem; line-height:1.35; margin:.35rem 0 .65rem; }
.ctu-article-card h3 a { color:inherit; text-decoration:none; }
.ctu-card-date,.ctu-card-byline { font-size:.8rem; color:#777; margin:0; }
.ctu-card-read { display:inline-flex; margin-top:.6rem; color:var(--ctu-articles-accent); font-weight:700; }
.ctu-product-card { padding:1rem; }
.ctu-product-card img { height:160px; width:100%; object-fit:contain; }
.ctu-product-card h3 { font-size:1rem; margin:.7rem 0; }
.ctu-product-price { margin:.6rem 0; font-weight:700; }
.ctu-product-cta { background:var(--ctu-articles-accent); color:white!important; padding:.6rem .85rem; border-radius:6px; text-decoration:none!important; display:inline-block; }
.ctu-faq-item { margin:.5rem 0; border:1px solid var(--ctu-articles-border); border-radius:8px; overflow:hidden; }
.ctu-faq-item summary { cursor:pointer; font-weight:650; padding:1rem; list-style:revert; }
.ctu-faq-item[open] summary { background:#fff8f8; }
.ctu-faq-answer { padding:0 1rem 1rem; }
.ctu-author-box { border-top:1px solid var(--ctu-articles-border); border-bottom:1px solid var(--ctu-articles-border); padding:1.35rem 0; display:flex; gap:1.1rem; align-items:flex-start; }
.ctu-author-avatar { width:96px; flex:none; }
.ctu-author-avatar img { object-fit:cover; width:96px; height:96px; border-radius:50%; }
.ctu-author-copy { flex:1; }
.ctu-author-label { font-size:.8rem; text-transform:uppercase; letter-spacing:.07em; color:var(--ctu-articles-accent); margin:.2rem 0; }
.ctu-author-copy h2 { font-size:1.3rem; margin:.15rem 0; }
.ctu-author-role { font-weight:650; }
.ctu-author-links a { margin-right:.7rem; }
@media(max-width:900px){ .ctu-articles-grid,.ctu-articles-columns-4 {grid-template-columns:repeat(2,minmax(0,1fr));} }
@media(max-width:570px){.ctu-articles-grid,.ctu-articles-columns-2,.ctu-articles-columns-4 {grid-template-columns:1fr;} .ctu-author-box {flex-direction:column;} }
