/* ==========================================================================
   The Cyber CEO theme · page frame
   The Podcast plugin's tccx.css carries the header, footer, buttons and cards.
   This file covers the ground, the theme's own pages (page, list, 404) and the
   fallback header and footer used only while the plugin is off.
   ========================================================================== */

body{margin:0;background:#FAF4EA;color:#1F1610;font:400 17px/1.6 'DM Sans',system-ui,sans-serif;-webkit-font-smoothing:antialiased}
body.tcc-canvas{background:#FAF4EA}
.tcc-home .tccx-foot{margin-top:0}

/* Pages */
.tcc-page{padding:48px 28px 88px;min-height:40vh}
.tcc-title{font:800 clamp(34px,4.5vw,52px)/1.05 'Bricolage Grotesque',sans-serif;letter-spacing:-.02em;margin:0 0 22px;text-wrap:balance;color:#1F1610}
.tcc-eyebrow{font:700 12px/1 'DM Sans',sans-serif;letter-spacing:.18em;text-transform:uppercase;color:#6F6353;display:flex;align-items:center;gap:10px;margin-bottom:16px}
.tcc-eyebrow::before{content:"";width:9px;height:9px;border-radius:50%;background:#BE7B36;flex:none}
.tcc-prose{max-width:66ch;font-size:17px;line-height:1.65;text-wrap:pretty}
.tcc-prose p,.tcc-prose ul,.tcc-prose ol{margin:0 0 1.1em}
.tcc-prose h2,.tcc-prose h3{font-family:'Bricolage Grotesque',sans-serif;font-weight:800;line-height:1.1;margin:1.6em 0 .5em;text-wrap:balance}
.tcc-prose h2{font-size:clamp(26px,3vw,34px)}
.tcc-prose h3{font-size:21px}
.tcc-prose a{color:#BE7B36;text-decoration:underline;text-decoration-color:rgba(190,123,54,.5);text-underline-offset:3px}
.tcc-prose a:hover{color:#1F1610}
.tcc-prose img{max-width:100%;height:auto;border-radius:7px}
.tcc-prose blockquote{margin:1.4em 0;padding:18px 24px;background:#F1E6D6;border-radius:7px;box-shadow:inset 0 2px 0 rgba(190,123,54,.55)}
.tcc-prose code{font:500 .92em ui-monospace,Menlo,monospace;background:#F1E6D6;padding:1px 5px;border-radius:4px}
.tcc-prose hr{border:0;border-top:1px solid #EBE0CD;margin:2em 0}

/* Lists (search, archives) */
.tcc-list{display:flex;flex-direction:column;gap:22px}
.tcc-list-item h2{font:800 22px/1.2 'Bricolage Grotesque',sans-serif;margin:0 0 6px}
.tcc-list-item h2 a{color:inherit;text-decoration:none}
.tcc-list-item h2 a:hover{color:#BE7B36}
.tcc-empty{color:#6F6353}
.tcc-empty a{color:#BE7B36}
.tcc-page .pagination{margin-top:36px;font-weight:700}
.tcc-page .pagination a,.tcc-page .pagination span{display:inline-block;padding:8px 12px;border:1px solid #EBE0CD;border-radius:6px;color:#1F1610;text-decoration:none;margin-right:6px}
.tcc-page .pagination .current{background:#1F1610;color:#FAF4EA;border-color:#1F1610}

/* 404 */
.tcc-404 .tcc-panel{background:#F1E6D6;border-radius:10px;padding:56px 48px;box-shadow:inset 0 2px 0 rgba(190,123,54,.55),0 1px 2px rgba(31,22,16,.04),0 6px 18px rgba(31,22,16,.06);max-width:720px}
.tcc-404 p{margin:0 0 22px;max-width:52ch;color:#3E2E22}
.tcc-actions{display:flex;flex-wrap:wrap;gap:12px}
.tcc-actions a{text-decoration:none}

/* Fallback header and footer: only while the Podcast plugin is off */
.tcc-wrap{max-width:1180px;margin:0 auto;padding:0 28px}
.tcc-fallback-head{background:radial-gradient(120% 170% at 85% -25%,#4A3625 0%,#3E2E22 34%,#1F1610 68%);box-shadow:inset 0 1px 0 rgba(237,174,107,.14)}
.tcc-fallback-head .tcc-wrap{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-top:22px;padding-bottom:22px}
.tcc-fallback-head img{height:34px;width:auto;display:block}
.tcc-fallback-nav ul{list-style:none;margin:0;padding:0;display:flex;gap:26px}
.tcc-fallback-nav a{color:#F1E6D6;text-decoration:none;font:500 14px/1 'DM Sans',sans-serif}
.tcc-fallback-nav a:hover{color:#EDAE6B}
.tcc-fallback-foot{border-top:1px solid #EBE0CD;padding:34px 0 60px;font-size:13.5px;color:#6F6353}

@media(max-width:760px){
  .tcc-page{padding:32px 20px 64px}
  .tcc-404 .tcc-panel{padding:36px 24px}
}