/*
Theme Name: Compound
Theme URI: https://example.com
Author: Compound Media
Description: Editorial theme for Compound — business, digital marketing & AI. Reproduces the Compound article UI exactly. Articles are native WordPress posts; each has its own permalink.
Version: 1.0
Requires at least: 6.0
Tested up to: 6.5
Requires PHP: 7.4
Text Domain: compound
*/

*{box-sizing:border-box;}
html,body{margin:0;padding:0;}
body{background:#FFFFFF;font-family:'Plus Jakarta Sans',-apple-system,BlinkMacSystemFont,sans-serif;color:#101828;}
a{text-decoration:none;color:inherit;}
::selection{background:#E0E0FB;color:#1E1B4B;}
img{max-width:100%;display:block;}

/* ===== Article body (post content) ===== */
.article-body{font-family:'Source Serif 4',Georgia,serif;font-size:19px;line-height:1.7;color:#1D2530;}
.article-body p{margin:0 0 24px;}
.article-body em{font-style:italic;}
.article-body strong{font-weight:700;color:#101828;}
.article-body h2{font-family:'Plus Jakarta Sans',sans-serif;font-weight:800;font-size:28px;line-height:1.2;letter-spacing:-0.02em;color:#101828;margin:40px 0 16px;}
.article-body .callout{background:#F4F3FF;border:1px solid #E0E0FB;border-radius:14px;padding:22px 24px;margin:32px 0;font-family:'Plus Jakarta Sans',sans-serif;}
.article-body .callout-k{font-size:12px;font-weight:700;letter-spacing:0.05em;text-transform:uppercase;color:#5A52E0;margin-bottom:8px;}
.article-body .callout-b{font-size:16px;line-height:1.55;color:#1D2530;font-weight:500;}
.article-body .list{display:flex;flex-direction:column;gap:10px;margin:4px 0 24px;font-family:'Plus Jakarta Sans',sans-serif;}
.article-body .li{position:relative;padding-left:24px;font-size:16px;line-height:1.55;color:#344054;}
.article-body .li:before{content:'';position:absolute;left:4px;top:9px;width:7px;height:7px;border-radius:50%;background:#7C3AED;}
.article-body table{width:100%;border-collapse:collapse;font-family:'Plus Jakarta Sans',sans-serif;font-size:14.5px;margin:8px 0 14px;}
.article-body th{text-align:left;font-weight:700;color:#101828;padding:13px 14px;border:1px solid #EAECF0;background:#F9FAFB;}
.article-body td{padding:13px 14px;border:1px solid #EAECF0;color:#475467;}
.article-body .fineprint{font-family:'Plus Jakarta Sans',sans-serif;font-size:13.5px;color:#98A2B3;margin:0 0 24px;}
.article-body .action{background:#1A1145;border-radius:16px;padding:24px 26px;margin:36px 0 8px;font-family:'Plus Jakarta Sans',sans-serif;}
.article-body .action-k{font-size:12px;font-weight:700;letter-spacing:0.05em;text-transform:uppercase;color:#C4B5FD;margin-bottom:8px;}
.article-body .action-b{font-size:16px;line-height:1.6;color:#E9E4FA;font-weight:500;}
.article-body .action-b a{color:#C4B5FD;font-weight:700;text-decoration:underline;text-underline-offset:2px;}

/* nav hover */
.cmpd-nav a:hover{color:#101828;}
.cmpd-card{transition:box-shadow .15s, transform .15s;}
.cmpd-card:hover{box-shadow:0 12px 28px rgba(16,24,40,0.08);}

@media (max-width:760px){
  html,body{overflow-x:hidden;}
  .cmpd-nav{display:none !important;}
  .article-body{font-size:18px;}
  [style*="display:grid"]{grid-template-columns:1fr !important;}
  h1{font-size:32px !important;line-height:1.12 !important;}
  [style*="padding:0 32px"]{padding-left:18px !important;padding-right:18px !important;}
  [style*="64px 32px"],[style*="56px 32px"],[style*="48px 32px"],[style*="36px 32px"],[style*="32px 32px"],[style*="0 32px"]{padding-left:20px !important;padding-right:20px !important;}
  [style*="position:relative;padding:40px"]{padding:26px !important;}
  [style*="height:380px"]{height:220px !important;}
  [style*="padding:36px 36px 36px 0"]{padding:24px !important;}
}