/*
Theme Name: TC URL Research Blog
Theme URI: https://targetcompanyurlresearchs.com/
Description: Blog, category and article templates matching the existing HTML website.
Version: 1.0.0
Requires PHP: 8.3
Text Domain: tcur-blog
*/
.blog-hero{background:#08130e;color:#fff;padding:64px 0}
.blog-hero .eyebrow{display:block}
.blog-hero h1{font-family:var(--display);font-size:clamp(40px,5vw,62px);line-height:1.03;letter-spacing:-.05em;max-width:840px;margin:0 0 16px}
.blog-hero p{color:#b7c9be;font-size:18px;max-width:680px;margin:0}
.blog-body{padding:62px 0 85px}
.blog-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.blog-card{display:block;background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;transition:box-shadow .15s,transform .15s}
.blog-card:hover{box-shadow:var(--shadow);transform:translateY(-3px)}
.blog-card img,.blog-card-image{display:block;width:100%;height:190px;object-fit:cover;background:#e6f2e9}
.blog-card-image{display:grid;place-items:center;color:#32734a;font-size:13px;letter-spacing:.12em;font-weight:900}
.blog-card-content{padding:22px}.blog-card-meta,.article-meta{color:var(--muted);font-size:13px}
.blog-card-meta a,.article-meta a{color:#147438;font-weight:800}
.blog-card h2,.blog-card h3{font-size:22px;line-height:1.25;letter-spacing:-.025em;margin:10px 0}
.blog-card p{color:var(--muted);font-size:14px;margin:0}
.blog-category-links{display:flex;gap:9px;flex-wrap:wrap;margin:0 0 28px}
.blog-category-links a{background:#fff;border:1px solid var(--line);border-radius:99px;padding:8px 14px;font-size:14px;font-weight:800;color:#155e31}
.blog-category-links a[aria-current=page],.blog-category-links a:hover{background:var(--ink);color:#fff}
.blog-empty{background:#fff;border:1px solid var(--line);border-radius:16px;padding:28px;color:var(--muted)}
.blog-pagination{margin:36px 0 0}.blog-pagination .nav-links{display:flex;gap:8px;flex-wrap:wrap}
.blog-pagination a,.blog-pagination span{display:inline-block;border:1px solid var(--line);background:#fff;border-radius:9px;padding:8px 13px}
.blog-pagination .current{background:var(--ink);color:#fff}
.article-wrap{width:min(820px,calc(100% - 40px));margin-inline:auto}
.article-crumbs{font-size:13px;color:var(--muted);margin-bottom:25px}.article-crumbs a{color:#147438}
.article-hero{padding:52px 0 30px}.article-hero h1{font-family:var(--display);font-size:clamp(40px,5vw,62px);line-height:1.08;letter-spacing:-.05em;margin:13px 0 18px}
.article-featured{margin:0 0 28px}.article-featured img{width:100%;height:auto;border-radius:18px}.article-featured figcaption{color:var(--muted);font-size:12px;margin-top:5px}
.article-content{font-size:18px;line-height:1.75;overflow-wrap:break-word}.article-content h2{font-family:var(--display);font-size:clamp(27px,3vw,38px);letter-spacing:-.03em;line-height:1.15;margin:42px 0 14px}
.article-content h3{font-size:24px;margin:32px 0 10px}.article-content p,.article-content ul,.article-content ol{margin:0 0 22px}.article-content a{color:#137a39;text-decoration:underline;text-underline-offset:2px}
.article-content img{height:auto;border-radius:12px}.article-content figure{max-width:100%;margin:28px 0}.article-content figcaption{font-size:13px;color:var(--muted)}
.article-content blockquote{border-left:4px solid var(--green);padding:12px 22px;margin:25px 0;background:#eafff1}.article-content table{display:block;max-width:100%;overflow-x:auto;border-collapse:collapse}
.article-content th,.article-content td{border:1px solid var(--line);padding:9px 12px;text-align:left}.article-content pre{max-width:100%;overflow:auto;background:#07110c;color:#fff;border-radius:12px;padding:18px}
.article-after{border-top:1px solid var(--line);padding-top:28px;margin-top:35px}.article-after a{color:#147438;font-weight:800}
.related-posts{margin-top:55px}.related-posts h2{font-family:var(--display);font-size:32px;letter-spacing:-.035em;margin:0 0 18px}
.wp-block-image img{height:auto}body.admin-bar .site-header{top:32px}
@media(max-width:782px){body.admin-bar .site-header{top:46px}}
@media(max-width:900px){.blog-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.blog-card-grid{grid-template-columns:1fr}.blog-body{padding:42px 0 60px}.article-content{font-size:17px}}
@media(prefers-reduced-motion:reduce){.blog-card{transition:none}.blog-card:hover{transform:none}}