*, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }

:root {
  --tk-bg-primary: #0D1117;
  --tk-bg-secondary: #161B22;
  --tk-bg-tertiary: #242320;
  --tk-bg-elevated: #2A2926;
  --tk-text-primary: #FAF9F5;
  --tk-text-content: #b5bec7;
  --tk-text-secondary: #B0AEA5;
  --tk-text-tertiary: #9C9A92;
  --tk-text-muted: #6E7681;
  --tk-accent-primary: #C8232D;
  --tk-accent-hover: #A81D25;
  --tk-accent-gold: #D4AF69;
  --tk-accent-gold-dim: #A8894F;
  --tk-border-primary: #3D3D3A;
  --tk-border-secondary: #30363D;
  --tk-border-subtle: #1F1E1D;
  --tk-success: #4A9E6B;
  --tk-radius-sm: 6px;
  --tk-radius-md: 10px;
  --tk-radius-lg: 14px;
}

.one-fadein{opacity: 0;transform: translateY(20px);transition: opacity 0.6s ease, transform 0.6s ease;}
.one-fadein.is-visible{opacity: 1;transform: translateY(0);}

.one-blog{background: var(--tk-bg-primary) !important;color: var(--tk-text-primary);}
.one-blog-container{margin-top:50px;margin-bottom:100px;max-width:1320px;min-height:800px;font-size:1.1em;color:#ddd;margin: auto;}
.one-blog-top-container{font-size:1.1em;background-color:rgba(32,36,40) !important;padding:50px 0 30px 0;}


.breadcrumb { display: flex; gap: 8px; font-size: 12px; color: var(--tk-text-muted); padding: 6px 0px; flex-wrap: wrap; }
.breadcrumb a { color: var(--tk-text-muted); }
.breadcrumb a:hover { color: var(--tk-accent-gold); }
.breadcrumb-item::before { color: var(--tk-text-muted) !important; }


/* blog index page */
.one-blog-hero {padding:60px 15px 20px 15px; border-bottom: 1px solid var(--tk-border-subtle); }
.one-blog-hero h1 { font-family: 'Covered By Your Grace', cursive; font-size:42px; line-height: 1.15; margin-bottom: 12px; }
@media(min-width:768px) { .one-blog-hero h1 { font-size:46px; } }
.one-blog-hero h1 .gold { color: var(--tk-accent-gold); }
.one-blog-hero-sub {font-size: 18px;color: var(--tk-text-muted);max-width:960px;line-height: 1.6; }


.one-tag-bar {padding:20px 40px 20px 10px; overflow-x: auto; -webkit-overflow-scrolling: touch; scrollbar-width: none; }
.one-tag-bar::-webkit-scrollbar { display: none; }
.one-tag-pills { display: flex; gap: 8px; white-space: nowrap; }
.one-tag-pill { display: inline-flex; align-items: center; gap: 5px; padding: 7px 16px; border-radius: 100px; font-size: 13px; font-weight: 500; color: var(--tk-text-muted); background: var(--tk-bg-secondary); border: 1px solid var(--tk-border-secondary); cursor: pointer; transition: all 0.2s; user-select: none; }
.one-tag-pill:hover { border-color: var(--tk-border-primary); color: var(--tk-text-primary); }
.one-tag-pill.active { background: var(--tk-accent-gold); color: #141413; border-color: var(--tk-accent-gold); font-weight: 600; }
.one-tag-pill .count { font-size: 11px; opacity: 0.6; }

.one-featured {margin-top:40px;margin-bottom:30px; cursor: pointer; }
.one-featured-card { display: grid; grid-template-columns: 1fr; gap: 0; border-radius: var(--tk-radius-lg); overflow: hidden; border: 1px solid var(--tk-border-secondary); background: var(--tk-bg-secondary); transition: border-color 0.2s, transform 0.25s; }
@media(min-width:768px) { .one-featured-card { grid-template-columns: 1fr 1fr; } }
.one-featured-card:hover { border-color: var(--tk-accent-gold-dim); transform: translateY(-2px); }
.one-featured-img { aspect-ratio: 16/10; overflow: hidden; position: relative; }
.one-featured-img img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.4s; }
.one-featured-card:hover .one-featured-img img { transform: scale(1.04); }
.one-featured-img .badge { position: absolute; top: 16px; left: 16px; background: var(--tk-accent-primary); color: #fff; font-size: 11px; font-weight: 600; padding: 4px 12px; border-radius: 100px; letter-spacing: 0.04em; text-transform: uppercase; }
.one-featured-body { padding: 28px 24px; display: flex; flex-direction: column; justify-content: center; }
@media(min-width:768px) { .one-featured-body { padding: 40px 36px; } }
.one-featured-tag { display: inline-block; font-size: 12px; font-weight: 600; color: var(--tk-accent-gold); letter-spacing: 0.06em; text-transform: uppercase; margin-bottom: 12px; }
.one-featured-title { font-family: 'Covered By Your Grace', cursive; font-size:32px; line-height: 1.2; margin-bottom: 16px;font-weight:bolder; }
@media(min-width:768px) { .one-featured-title { font-size: 32px; } }
.one-featured-excerpt { color: var(--tk-text-muted); font-size: 16px; line-height: 1.65; margin-bottom: 20px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.one-featured-meta { display: flex; align-items: center; gap: 16px; font-size: 12px; color: var(--tk-text-tertiary); }
.one-featured-meta .dot { width: 3px; height: 3px; border-radius: 50%; background: var(--tk-text-muted); }
.read-more-link { display: inline-flex; align-items: center; gap: 6px; font-size: 14px; font-weight: 600; color: var(--tk-accent-gold); margin-top: auto; padding-top: 16px; }
.read-more-link svg { transition: transform 0.2s; }
.one-featured-card:hover .read-more-link svg { transform: translateX(4px); }



.one-blog-grid{width:50%;height:auto;float:left;padding:10px;padding-top:0px;}
.one-blog-grid:after{content:'';display:block;clear:both;}
@media(max-width:991.98px){
   .one-blog-grid{width:100%;padding:0px;}
}


.one-blog-tag-hero h1{font-family:'Covered By Your Grace';color:#fff;font-size:48px;font-weight:bolder}
.one-blog-tag-hero-stats{font-size:13px;color:var(--tk-text-muted);padding-top:10px;}
@media(max-width:991.98px){
   .one-blog-tag-hero h1{font-size:32px;}
}

.one-blog-list{}
.one-blog-list-header{color:#eee;font-size:2em;font-weight:bolder}
.one-blog-list-container{background-color:var(--tk-bg-secondary); !important;border-radius:10px}
.one-blog-list-container img{border-top-left-radius:10px;border-bottom-left-radius:10px}
.one-blog-list-body{}
.one-blog-list-date{font-size:0.85em;color:#68717F;font-weight:normal;}
.one-blog-list-title{margin:10px 0px;font-size:1.25em;color:#fff;line-height:26px !important}
.one-blog-list-title a{color:#fff}
.one-blog-list-title a:hover{color:var(--tk-accent-gold)}
.one-blog-list-subtitle{font-size:0.85em;font-weight:normal;color:#9CA1AA}


/* Tag Cloud */
.one-blog-tag-cloud{padding:50px 0;}
.one-blog-tag-cloud-title { font-size: 12px; font-weight: 600; color: var(--tk-text-muted); text-transform: uppercase; letter-spacing: 0.06em; margin-bottom: 14px; }
.one-blog-tag-cloud-list { display: flex; flex-wrap: wrap; gap: 8px; }
.one-blog-tag-cloud-item { display: inline-flex; align-items: center; gap: 5px; padding: 6px 14px; border-radius: 100px; font-size: 13px; color: var(--tk-text-muted); background: var(--tk-bg-secondary); border: 1px solid var(--tk-border-secondary); cursor: pointer; transition: all 0.2s; }
.one-blog-tag-cloud-item:hover { border-color: var(--tk-border-primary); color: var(--tk-text-primary); }
.one-blog-tag-cloud-item.current { background: var(--tk-accent-gold); color: #141413; border-color: var(--tk-accent-gold); font-weight: 600; }
.one-blog-tag-cloud-item .cnt { font-size: 11px; opacity: 0.55; }


.one-blog-post{padding-top:40px;}
.one-blog-post-header{min-height:450px;border-radius:15px;background-position:center center;margin-bottom:25px;}
.one-blog-post-tags{display:flex;gap:8px;margin-bottom:10px;flex-wrap:wrap;justify-content:center;}
.one-blog-post-tags a{ font-size: 12px; font-weight: 500; color: var(--tk-accent-gold); background: rgba(212,175,105,0.1); padding: 5px 14px; border-radius: 100px; border: 1px solid rgba(212,175,105,0.2); transition: all 0.2s; }
.one-blog-post-tags a:hover{ background: rgba(212,175,105,0.2); }
.one-blog-post-title{margin:auto;font-family:'Covered By Your Grace';font-display:optional;color:#fff;font-size:2.5em;max-width:900px;font-weight:bolder}
.one-blog-post-subtitle{max-width:860px;margin:auto;color:var(--tk-text-tertiary);font-size:14px}


.one-blog-post-container{margin-top:50px;margin-bottom:100px;max-width:1280px;min-height:800px;color:var(--tk-text-content);}
.one-blog-post-container p{margin-bottom:5px;}
.one-blog-post-container a{color: var(--tk-accent-gold);text-decoration:underline;}
.one-blog-post-container img{max-width:760px;border-radius:10px;}
.one-blog-post-container h1{margin-bottom:3px;font-size:28px;}
.one-blog-post-container h2{margin-bottom:3px;font-size:22px;}
.one-blog-post-container h3{margin-bottom:3px;font-size:18px;}
@media(max-width:991.98px){
   .one-blog-post-container img{max-width:100%}
}

.one-blogs-explore-row{display:flex;overflow-x:auto;padding-bottom:12px;scrollbar-width:none;}
.one-blogs-explore-row::-webkit-scrollbar { display: none; }
.one-blogs-explore-block{ flex: 0 0 200px; background: var(--tk-bg-secondary); border: 1px solid var(--tk-border-secondary); border-radius: var(--tk-radius-md); overflow: hidden; transition: border-color 0.2s; cursor: pointer; }
.one-blogs-explore-block:hover{border-color: var(--tk-border-primary);}
.one-blogs-explore-h2{font-family:'Covered By Your Grace';color:var(--tk-text-primary);font-size:2.25em;padding:10px 0}
.one-blogs-explore-figure{margin-bottom:0}
.one-blogs-explore-title a{font-size:16px;color:var(--tk-text-primary);}
.one-blogs-explore-title a:hover{color:var(--tk-accent-gold);}

.one-blogs-related-block {border-radius: var(--tk-radius-lg); overflow: hidden; border: 1px solid var(--tk-border-secondary); background: var(--tk-bg-secondary); cursor: pointer; transition: border-color 0.2s, transform 0.25s; display: flex; flex-direction: column; }
.one-blogs-related-block:hover{ border-color:var(--tk-border-primary); transform:translateY(-5px); }
.one-blogs-related-h2{font-family:'Covered By Your Grace';color:var(--tk-text-primary);font-size:2.25em;padding:10px 0}
.one-blogs-related-figure{margin-bottom:0}
.one-blogs-related-figure img{width: 100%; height: 100%; object-fit: cover; transition: transform 0.4s;}
.one-blogs-related-figure img::hover{ transform: scale(1.05); }
.one-blogs-related-tag { font-size: 11px; font-weight: 600; color: var(--tk-accent-gold); text-transform: uppercase; letter-spacing: 0.06em; margin-bottom: 8px; }
.one-blogs-related-title { font-size: 17px; font-weight: 600; line-height: 1.4; margin-bottom: 10px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.one-blogs-related-title a{color:var(--tk-text-primary);}
.one-blogs-related-title a:hover{color:var(--tk-accent-gold);}
.one-blogs-related-content { font-size:13px; color: var(--tk-text-secondary); line-height: 1.55; flex: 1; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow:hidden;margin-bottom:16px; }
.one-blogs-related-datetime { display: flex; align-items: center; gap: 12px; font-size:12px; color: var(--tk-text-muted); padding-top: 14px; border-top: 1px solid var(--tk-border-subtle); }
.one-blogs-related-btn { display: inline-flex; align-items: center; gap: 8px; background: var(--tk-accent-gold-dim); color: #111; padding: 12px 34px; border-radius: var(--tk-radius-md); font-size: 17px; font-weight: 600; border: none; cursor: pointer; transition: background 0.2s; font-family: inherit; }
.one-blogs-related-btn:hover{ background: var(--tk-accent-gold);color:#000; }


.one-blogs-cta-banner {background: var(--tk-bg-secondary); border: 1px solid var(--tk-border-secondary); border-radius: var(--tk-radius-lg); padding: 40px 32px; text-align: center; margin-top:48px;margin-bottom:48px;}
.one-blogs-cta-banner h3{ font-family: 'Covered By Your Grace', cursive; font-size: 34px; margin-bottom: 8px; }
.one-blogs-cta-banner p { color: var(--tk-text-secondary); font-size: 15px; margin-bottom: 20px; }
.one-blogs-cta-btn { display: inline-flex; align-items: center; gap: 8px; background: var(--tk-accent-primary); color: #fff; padding: 12px 34px; border-radius: var(--tk-radius-md); font-size: 17px; font-weight: 600; border: none; cursor: pointer; transition: background 0.2s; font-family: inherit; }
.one-blogs-cta-btn:hover{ background: var(--tk-accent-hover);color:var(--tk-text-primary); }