/* Trinkoinna Blog — uses the Trinkoinna Cake theme tokens (with fallbacks for other themes).
   Breakpoints follow the theme: 1100 · 900 · 680 · 420. */

.tcb-blog .tcb-head{margin-bottom:20px}
.tcb-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;margin:0 0 28px}
.tcb-chips{flex:1 1 auto;min-width:0}
.tcb-search{display:flex;gap:8px;flex:0 1 340px}
.tcb-search input{flex:1;min-width:0;height:42px;padding:0 16px;border:1px solid var(--line,#EBD8CC);border-radius:99px;background:var(--surface,#fff);color:var(--ink,#3A2823);font:inherit}
.tcb-search .btn{min-height:42px;padding:0 18px}

.tcb-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.tcb-card{display:flex;flex-direction:column;background:var(--surface,#fff);border:1px solid var(--line,#EBD8CC);border-radius:var(--radius,14px);overflow:hidden}
.tcb-card-img{display:block;aspect-ratio:3/2;background:var(--tint,#F6E4D8);overflow:hidden}
.tcb-card-img img{width:100%;height:100%;object-fit:cover}
.tcb-card-ph{display:block;width:100%;height:100%}
.tcb-card-body{padding:18px 20px 20px;display:flex;flex-direction:column;gap:8px;flex:1}
.tcb-card-body .eyebrow{text-decoration:none}
.tcb-card-title{font-family:var(--f-head,Georgia,serif);font-size:24px;line-height:1.15;margin:0}
.tcb-card-title a{text-decoration:none;color:inherit}
.tcb-card-title a:hover{color:var(--accent-text,#B06A52)}
.tcb-card-body p{margin:0;color:var(--muted,#8C7268);font-size:15px}
.tcb-meta{font-size:13px;color:var(--muted,#8C7268);margin:0}
.tcb-empty{margin:32px 0}

.tcb-pagination{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:36px 0 8px}
.tcb-pagination a,.tcb-pagination span{display:inline-flex;align-items:center;min-width:42px;height:42px;padding:0 14px;justify-content:center;border:1px solid var(--line,#EBD8CC);border-radius:99px;text-decoration:none;color:var(--ink,#3A2823);background:var(--surface,#fff)}
.tcb-pagination .current{background:var(--accent,#3A2823);color:var(--accent-ink,#FBEBDD);border-color:var(--accent,#3A2823)}
.tcb-blog-cta{margin-top:48px}

/* Single article */
.tcb-article-head{margin-bottom:22px}
.tcb-article-head .eyebrow{display:inline-block;margin-bottom:10px;text-decoration:none}
.tcb-article-head .page-title{margin-bottom:10px}
.tcb-figure{margin:0 0 28px;border-radius:var(--radius-lg,24px);overflow:hidden;background:var(--tint,#F6E4D8)}
.tcb-figure img{width:100%;height:auto}
.tcb-figure figcaption{padding:10px 16px;font-size:13px;color:var(--muted,#8C7268);background:var(--surface,#fff)}
.tcb-toc{margin:0 0 28px;padding:16px 20px;border:1px solid var(--line,#EBD8CC);border-radius:var(--radius,14px);background:var(--surface,#fff)}
.tcb-toc summary{cursor:pointer;font-weight:600}
.tcb-toc ol{margin:10px 0 0;padding-left:20px}
.tcb-toc li{margin:4px 0}
.tcb-content h2{scroll-margin-top:calc(var(--hd-h,76px) + 16px)}
.tcb-content table{width:100%;border-collapse:collapse;margin:20px 0;font-size:15px}
.tcb-content th,.tcb-content td{border:1px solid var(--line,#EBD8CC);padding:10px 12px;text-align:left;vertical-align:top}
.tcb-content th{background:var(--tint,#F6E4D8)}
.tcb-content .tcb-cta{margin-top:32px;padding:20px 22px;border-radius:var(--radius,14px);background:var(--tint,#F6E4D8);font-weight:500}
.tcb-content .tcb-cta a{color:var(--accent-text,#B06A52)}
.tcb-tags{display:flex;flex-wrap:wrap;gap:8px;margin:28px 0 0}
.tcb-tags a{font-size:14px;text-decoration:none;color:var(--muted,#8C7268)}
.tcb-order{margin-top:56px}
.tcb-order-more{margin:20px 0 0;text-align:center}
.tcb-order-list{padding-left:20px}
.tcb-related{margin-top:56px}
.tcb-related h2,.tcb-order h2{font-family:var(--f-head,Georgia,serif);font-size:clamp(28px,3vw,36px);margin:0 0 22px}

/* Comments */
.tcb-comments-wrap{margin-top:56px}
.tcb-comments h2,.tcb-comments .comment-reply-title{font-family:var(--f-head,Georgia,serif);font-size:28px;margin:0 0 16px}
.tcb-comment-list{list-style:none;padding:0;margin:0 0 28px}
.tcb-comment-list .comment{padding:16px 0;border-bottom:1px solid var(--line,#EBD8CC)}
.tcb-comment-list .comment-meta{font-size:13px;color:var(--muted,#8C7268)}
.tcb-comments textarea,.tcb-comments input[type=text],.tcb-comments input[type=email],.tcb-comments input[type=url]{width:100%;padding:12px 14px;border:1px solid var(--line,#EBD8CC);border-radius:12px;background:var(--surface,#fff);font:inherit;color:var(--ink,#3A2823)}
.tcb-comments label{display:block;font-size:14px;margin:12px 0 6px}
.tcb-note{font-size:14px;color:var(--muted,#8C7268)}
.tcb-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}

@media (max-width:1100px){.tcb-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}}
@media (max-width:680px){
	.tcb-grid{grid-template-columns:1fr;gap:18px}
	.tcb-bar{flex-direction:column;align-items:stretch}
	.tcb-search{flex:1 1 auto}
	.tcb-card-title{font-size:22px}
	.tcb-content table{display:block;overflow-x:auto;white-space:normal}
}