/*
Theme Name: TestimonialBlogs Editorial
Theme URI: https://testimonialblogs.com
Author: TestimonialBlogs
Description: Lightweight editorial theme created for TestimonialBlogs.
Version: 1.4.0
Text Domain: testimonialblogs
*/

:root {
  --tb-ink: #172033;
  --tb-muted: #5f6878;
  --tb-paper: #ffffff;
  --tb-soft: #f5f6f3;
  --tb-line: #dfe3e7;
  --tb-accent: #b44b35;
  --tb-accent-dark: #873625;
  --tb-blue: #263e5b;
  --tb-gold: #d6a955;
  --tb-radius: 18px;
  --tb-shadow: 0 18px 50px rgba(23, 32, 51, .08);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  color: var(--tb-ink);
  background: var(--tb-paper);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 18px;
  line-height: 1.72;
  text-rendering: optimizeLegibility;
}
a { color: var(--tb-accent-dark); text-underline-offset: 3px; }
a:hover { color: var(--tb-accent); }
img { max-width: 100%; height: auto; }
.tb-container { width: min(1160px, calc(100% - 40px)); margin-inline: auto; }
.tb-reading { width: min(760px, 100%); }

.tb-skip-link { position: absolute; left: -999px; top: 10px; }
.tb-skip-link:focus { left: 10px; z-index: 999; padding: 10px 14px; background: #fff; }

.tb-site-header {
  position: sticky; top: 0; z-index: 50;
  background: rgba(255,255,255,.96);
  border-bottom: 1px solid var(--tb-line);
  backdrop-filter: blur(12px);
}
.tb-header-inner { min-height: 76px; display: flex; align-items: center; justify-content: space-between; gap: 28px; }
.tb-brand { color: var(--tb-ink); text-decoration: none; font-family: Georgia, serif; font-weight: 700; font-size: 26px; letter-spacing: -.4px; }
.tb-brand span { color: var(--tb-accent); }
.tb-nav { display: flex; gap: 24px; align-items: center; font-size: 15px; font-weight: 650; }
.tb-nav a { color: var(--tb-ink); text-decoration: none; }
.tb-nav a:hover { color: var(--tb-accent); }
.tb-menu-toggle { display:none; border:1px solid var(--tb-line); background:#fff; border-radius:10px; padding:8px 12px; font-weight:700; }

.tb-hero { padding: 104px 0 84px; background: linear-gradient(145deg, #f8f4ed 0%, #fff 52%, #eef2f5 100%); border-bottom: 1px solid var(--tb-line); }
.tb-kicker, .tb-label { color: var(--tb-accent-dark); font-size: 13px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.tb-hero h1 { max-width: 880px; margin: 14px 0 22px; font: 700 clamp(42px, 6vw, 72px)/1.04 Georgia, serif; letter-spacing: -1.8px; }
.tb-hero p { max-width: 720px; margin: 0 0 30px; color: var(--tb-muted); font-size: 21px; }
.tb-actions { display:flex; flex-wrap:wrap; gap:14px; align-items:center; }
.tb-button { display:inline-block; padding:13px 20px; border-radius:999px; background:var(--tb-accent); color:#fff; text-decoration:none; font-weight:750; font-size:15px; box-shadow:0 8px 22px rgba(180,75,53,.2); }
.tb-button:hover { background:var(--tb-accent-dark); color:#fff; }
.tb-text-link { font-weight:750; text-decoration:none; }

.tb-section { padding: 78px 0; }
.tb-section-alt { background: var(--tb-soft); border-block:1px solid var(--tb-line); }
.tb-section-head { max-width:720px; margin-bottom:34px; }
.tb-section h2, .tb-page h1, .tb-archive h1 { font-family:Georgia,serif; line-height:1.15; letter-spacing:-.5px; }
.tb-section h2 { font-size: clamp(32px,4vw,46px); margin:8px 0 12px; }
.tb-section-head p { color:var(--tb-muted); }
.tb-grid-2 { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; }
.tb-grid-3 { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; }
.tb-card { background:#fff; border:1px solid var(--tb-line); border-radius:var(--tb-radius); padding:28px; box-shadow:var(--tb-shadow); }
.tb-card h3 { font:700 25px/1.2 Georgia,serif; margin:10px 0; }
.tb-card p { color:var(--tb-muted); margin-bottom:0; }
.tb-featured { display:grid; grid-template-columns:1.15fr .85fr; overflow:hidden; padding:0; }
.tb-featured-copy { padding:42px; align-self:center; }
.tb-featured img { width:100%; height:100%; object-fit:cover; min-height:420px; }
.tb-badge { display:inline-flex; align-items:center; gap:7px; border-radius:999px; padding:7px 11px; background:#ecf3eb; color:#2d6434; font-size:12px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
.tb-badge::before { content:""; width:7px; height:7px; border-radius:50%; background:#3f8f4b; }

.tb-post-card { overflow:hidden; padding:0; }
.tb-post-card img { aspect-ratio:16/9; width:100%; object-fit:cover; display:block; }
.tb-post-card-body { padding:24px; }
.tb-post-card h2, .tb-post-card h3 { margin:6px 0 10px; font:700 26px/1.2 Georgia,serif; }
.tb-post-card a { color:var(--tb-ink); text-decoration:none; }
.tb-meta { color:var(--tb-muted); font-size:14px; }

.tb-page, .tb-archive { padding:72px 0 96px; }
.tb-page-header { max-width:780px; margin-bottom:40px; }
.tb-page h1, .tb-archive h1 { font-size:clamp(40px,5vw,58px); margin:10px 0 16px; }
.tb-page-content { max-width:780px; }
.tb-page-content h2 { margin-top:48px; font:700 32px/1.2 Georgia,serif; }
.tb-page-content h3 { margin-top:32px; font-size:23px; }
.tb-page-content p, .tb-page-content li { color:#30394a; }
.tb-page-content blockquote { margin:32px 0; padding:6px 0 6px 24px; border-left:4px solid var(--tb-gold); font:italic 24px/1.55 Georgia,serif; color:var(--tb-blue); }

.tb-article-header { padding:72px 0 40px; }
.tb-article-header-inner { max-width:900px; }
.tb-article-header h1 { margin:14px 0 18px; font:700 clamp(40px,5.5vw,64px)/1.08 Georgia,serif; letter-spacing:-1px; }
.tb-deck { color:var(--tb-muted); font-size:21px; max-width:800px; }
.tb-feature-image { width:min(1160px,calc(100% - 40px)); margin:0 auto 48px; border-radius:22px; overflow:hidden; box-shadow:var(--tb-shadow); }
.tb-feature-image img { display:block; width:100%; aspect-ratio:16/9; object-fit:cover; }
.tb-article-layout { display:grid; grid-template-columns:minmax(0,760px) 310px; gap:64px; align-items:start; padding-bottom:90px; }
.tb-article-content { min-width:0; }
.tb-article-content h2 { scroll-margin-top:100px; margin:54px 0 16px; font:700 34px/1.2 Georgia,serif; letter-spacing:-.35px; }
.tb-article-content h3 { scroll-margin-top:100px; margin:34px 0 12px; font-size:24px; }
.tb-article-content p, .tb-article-content li { color:#30394a; }
.tb-article-content blockquote { margin:34px 0; padding:24px 28px; background:#f8f4ed; border-left:5px solid var(--tb-gold); border-radius:0 14px 14px 0; font:italic 22px/1.55 Georgia,serif; }
.tb-disclosure { padding:20px 22px; background:#fff8e8; border:1px solid #ead49d; border-radius:14px; font-size:15px; }
.tb-research-card { margin:32px 0; padding:24px 26px; background:linear-gradient(135deg,#f7f9fb,#eef2f5); border:1px solid var(--tb-line); border-radius:16px; box-shadow:0 10px 28px rgba(23,32,51,.05); }
.tb-research-card .tb-label { margin-bottom:14px; }
.tb-research-card dl { display:grid; grid-template-columns:minmax(190px,1fr) minmax(150px,1fr); margin:0; }
.tb-research-card dt, .tb-research-card dd { margin:0; padding:11px 0; border-bottom:1px solid rgba(95,104,120,.16); }
.tb-research-card dt { color:var(--tb-muted); font-size:12px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
.tb-research-card dd { color:var(--tb-blue); font-size:14px; font-weight:750; text-align:right; }
.tb-research-card dt:last-of-type, .tb-research-card dd:last-of-type { border-bottom:0; }
.tb-verdict { padding:26px; background:var(--tb-blue); color:#fff; border-radius:16px; }
.tb-verdict h2 { color:#fff; margin-top:0; }
.tb-verdict p { color:#edf2f7; }
.tb-toc { margin:32px 0; padding:24px 28px; border:1px solid var(--tb-line); border-radius:16px; background:var(--tb-soft); }
.tb-toc strong { display:block; margin-bottom:8px; }
.tb-toc ol { columns:2; column-gap:32px; margin:0; padding-left:22px; }
.tb-toc li { break-inside:avoid; margin:5px 0; font-size:15px; }
.tb-research { margin:34px 0; border:1px solid var(--tb-line); border-radius:16px; overflow:hidden; }
.tb-research-title { padding:13px 18px; background:var(--tb-ink); color:#fff; font-size:13px; font-weight:800; letter-spacing:.11em; text-transform:uppercase; }
.tb-research dl { display:grid; grid-template-columns:1fr auto; margin:0; }
.tb-research dt,.tb-research dd { margin:0; padding:12px 18px; border-bottom:1px solid var(--tb-line); font-size:15px; }
.tb-research dd { font-weight:800; text-align:right; }
.tb-research dl > *:nth-last-child(-n+2) { border-bottom:0; }
.tb-yes { color:#2f7a3d; }
.tb-cta { margin:42px 0; padding:30px; border-radius:18px; background:#f2f5f7; border:1px solid var(--tb-line); text-align:center; }
.tb-cta p { margin:0 0 16px; }
.tb-callout { padding:22px 24px; border-radius:14px; background:#f4f7fb; border-left:5px solid var(--tb-blue); }

.tb-sidebar { position:sticky; top:105px; }
.tb-author-card { border:1px solid var(--tb-line); border-radius:18px; overflow:hidden; background:#fff; box-shadow:var(--tb-shadow); }
.tb-author-card img { width:100%; aspect-ratio:1/1; object-fit:cover; display:block; }
.tb-author-copy { padding:24px; }
.tb-author-copy h2 { margin:6px 0 10px; font:700 26px/1.15 Georgia,serif; }
.tb-author-copy p { font-size:15px; color:var(--tb-muted); line-height:1.6; }
.tb-author-copy a { font-size:14px; font-weight:800; text-decoration:none; }

.tb-contact-form { display:grid; gap:16px; margin-top:28px; }
.tb-contact-form label { font-weight:700; font-size:15px; }
.tb-contact-form input,.tb-contact-form textarea { width:100%; margin-top:6px; padding:13px 14px; border:1px solid #bbc2ca; border-radius:10px; font:inherit; }
.tb-contact-form textarea { min-height:180px; }
.tb-form-note { font-size:14px; color:var(--tb-muted); }
.tb-notice { padding:14px 16px; border-radius:10px; background:#eef7ee; border:1px solid #b9d8bb; }

.tb-site-footer { padding:58px 0 26px; color:#dce2ea; background:#121a28; }
.tb-footer-grid { display:grid; grid-template-columns:1.3fr 1fr 1fr; gap:48px; }
.tb-site-footer h2,.tb-site-footer h3 { color:#fff; font-family:Georgia,serif; }
.tb-site-footer p { color:#aeb9c8; max-width:500px; font-size:15px; }
.tb-site-footer a { color:#e7ebf0; text-decoration:none; }
.tb-footer-links { display:grid; gap:8px; font-size:15px; }
.tb-copyright { margin-top:42px; padding-top:20px; border-top:1px solid #2a3444; color:#8794a6; font-size:13px; }

@media (max-width: 920px) {
  .tb-article-layout { grid-template-columns:1fr; gap:44px; }
  .tb-sidebar { position:static; max-width:520px; }
  .tb-author-card { display:grid; grid-template-columns:180px 1fr; }
  .tb-featured { grid-template-columns:1fr; }
  .tb-featured img { min-height:300px; }
  .tb-grid-3 { grid-template-columns:1fr; }
}
@media (max-width: 720px) {
  body { font-size:17px; }
  .tb-research-card dl { grid-template-columns:1fr; }
  .tb-research-card dt { padding-bottom:3px; border-bottom:0; }
  .tb-research-card dd { padding-top:0; text-align:left; }
  .tb-container { width:min(100% - 28px,1160px); }
  .tb-header-inner { min-height:68px; flex-wrap:wrap; padding:14px 0; }
  .tb-menu-toggle { display:block; }
  .tb-nav { display:none; width:100%; flex-direction:column; align-items:flex-start; gap:12px; padding:8px 0 14px; }
  .tb-nav.is-open { display:flex; }
  .tb-hero { padding:72px 0 62px; }
  .tb-hero h1 { font-size:42px; letter-spacing:-1px; }
  .tb-hero p { font-size:18px; }
  .tb-section { padding:58px 0; }
  .tb-grid-2 { grid-template-columns:1fr; }
  .tb-featured-copy { padding:28px; }
  .tb-page,.tb-archive { padding:54px 0 70px; }
  .tb-article-header { padding:52px 0 28px; }
  .tb-article-header h1 { font-size:40px; }
  .tb-feature-image { width:calc(100% - 28px); margin-bottom:34px; border-radius:14px; }
  .tb-article-layout { padding-bottom:64px; }
  .tb-article-content h2 { font-size:29px; }
  .tb-toc ol { columns:1; }
  .tb-research dl { grid-template-columns:1fr; }
  .tb-research dt { padding-bottom:2px; border-bottom:0; }
  .tb-research dd { padding-top:2px; text-align:left; }
  .tb-author-card { display:block; }
  .tb-author-card img { max-height:360px; }
  .tb-footer-grid { grid-template-columns:1fr; gap:28px; }
}