:root{--tram-orange:#ff6b1a;--tram-orange-dark:#e65300;--tram-ink:#141414;--tram-muted:#667085;--tram-line:#e5e7eb;--tram-page:#fff;--tram-soft:#f6f7f9}
body.home.blog,body.single-post,body.archive,body.search{background:#fff!important;color:var(--tram-ink)!important}
body.home.blog #root,body.single-post #root,body.archive #root{display:none!important}
.tram-blog,.tram-article{font-family:'Montserrat',Arial,sans-serif;background:#fff;color:var(--tram-ink);min-height:100vh}
.tram-blog-shell,.tram-article-shell{width:min(1180px,calc(100% - 40px));margin:0 auto}
.tram-blog-hero{padding:96px 0 54px;background:linear-gradient(135deg,#ff6b1a,#ff8a3d);color:#fff}.tram-blog-hero--compact{padding-bottom:42px}
.tram-blog-kicker{font-size:12px;font-weight:900;letter-spacing:.14em;text-transform:uppercase;margin-bottom:14px;opacity:.88}.tram-blog-hero h1{font-size:clamp(34px,5vw,64px);line-height:1.02;letter-spacing:-.045em;max-width:880px;margin:0 0 18px;font-weight:900}.tram-blog-hero p,.tram-blog-archive-desc{max-width:760px;font-size:16px;line-height:1.75;color:rgba(255,255,255,.9)}
.tram-blog-main{padding:42px 0 80px}.tram-blog-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:30px}.tram-blog-toolbar__categories{display:flex;gap:8px;overflow:auto;padding-bottom:2px}.tram-blog-toolbar__categories a{white-space:nowrap;border:1px solid var(--tram-line);border-radius:999px;padding:9px 13px;font-size:12px;font-weight:700}.tram-blog-toolbar__categories a:hover,.tram-blog-toolbar__categories .is-active{background:var(--tram-orange);border-color:var(--tram-orange);color:#fff}
.tram-blog-search{display:flex;gap:7px;flex:0 0 auto}.tram-blog-search input{min-height:42px;width:220px;border:1px solid var(--tram-line);border-radius:11px;padding:0 12px;font:inherit;font-size:13px;color:#111;background:#fff}.tram-blog-search button{border:0;border-radius:11px;background:#111;color:#fff;padding:0 14px;font:inherit;font-size:12px;font-weight:800}
.tram-blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.tram-blog-card{border:1px solid var(--tram-line);border-radius:22px;overflow:hidden;background:#fff;box-shadow:0 12px 32px rgba(16,24,40,.06);transition:.25s ease}.tram-blog-card:hover{transform:translateY(-4px);box-shadow:0 20px 44px rgba(16,24,40,.11);border-color:rgba(255,107,26,.35)}.tram-blog-card__media{display:block;position:relative;height:220px;background:#111;overflow:hidden}.tram-blog-card__media img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.tram-blog-card:hover .tram-blog-card__media img{transform:scale(1.035)}.tram-blog-card__placeholder{height:100%;display:grid;place-items:center;align-content:center;background:radial-gradient(circle at 70% 20%,rgba(255,107,26,.34),transparent 34%),linear-gradient(145deg,#181818,#090909);color:#fff}.tram-blog-card__placeholder span{font-size:32px;font-weight:900}.tram-blog-card__placeholder small{font-size:10px;color:#aaa}.tram-blog-card__category{position:absolute;left:14px;top:14px;background:var(--tram-orange);color:#fff;border-radius:999px;padding:7px 10px;font-size:10px;font-weight:900}.tram-blog-card__body{padding:20px}.tram-blog-card__meta{display:flex;gap:7px;align-items:center;color:#8a8f98;font-size:11px}.tram-blog-card h2{font-size:20px;line-height:1.35;letter-spacing:-.025em;margin:11px 0 9px}.tram-blog-card h2 a:hover{color:var(--tram-orange)}.tram-blog-card p{font-size:13px;line-height:1.7;color:#667085;margin:0}.tram-blog-card__footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:18px;padding-top:15px;border-top:1px solid #eee;font-size:11px;color:#8a8f98}.tram-blog-card__footer a{color:var(--tram-orange);font-weight:900}
.tram-pagination{margin-top:36px}.tram-pagination .nav-links{display:flex;justify-content:center;gap:7px}.tram-pagination .page-numbers{padding:9px 12px;border:1px solid var(--tram-line);border-radius:10px;font-size:12px}.tram-pagination .current,.tram-pagination a:hover{background:var(--tram-orange);border-color:var(--tram-orange);color:#fff}.tram-empty{padding:60px 20px;text-align:center;border:1px dashed var(--tram-line);border-radius:20px}
/* Single article */
.tram-article-hero{background:linear-gradient(135deg,#ff6b1a,#f25d0a);color:#fff;padding:78px 0 34px}.tram-article-breadcrumb{display:flex;gap:8px;align-items:center;font-size:11px;font-weight:700;margin-bottom:15px;color:rgba(255,255,255,.8)}.tram-article-breadcrumb a:hover{color:#fff;text-decoration:underline}.tram-article-hero h1{font-size:clamp(30px,4.2vw,54px);line-height:1.08;letter-spacing:-.04em;max-width:1000px;margin:0;font-weight:900}
.tram-article-meta-band{background:#f25d0a;color:#fff;border-top:1px solid rgba(255,255,255,.16)}.tram-article-meta{min-height:72px;display:grid;grid-template-columns:1.1fr .8fr .9fr 1fr auto;align-items:stretch}.tram-article-meta>div{display:flex;flex-direction:column;justify-content:center;padding:12px 22px;border-left:1px solid rgba(255,255,255,.16)}.tram-article-meta>div:first-child{border-left:0}.tram-article-meta small{font-size:9px;opacity:.78;text-transform:uppercase;letter-spacing:.07em}.tram-article-meta strong{font-size:12px;margin-top:4px}.tram-article-share span{display:flex;gap:6px;margin-top:5px}.tram-article-share a,.tram-article-share button{width:28px;height:28px;border-radius:50%;border:1px solid rgba(255,255,255,.55);background:transparent;color:#fff;display:grid;place-items:center;font:inherit;font-size:10px;font-weight:900;cursor:pointer}.tram-chatgpt-btn{align-self:center;margin:auto 0 auto 14px;border:1px solid rgba(255,255,255,.65);border-radius:999px;padding:10px 13px;font-size:10px;font-weight:800;white-space:nowrap}.tram-chatgpt-btn:hover{background:#fff;color:var(--tram-orange-dark)}
.tram-article-layout{display:grid;grid-template-columns:170px minmax(0,1fr) 230px;gap:28px;padding-top:46px;padding-bottom:90px;align-items:start}.tram-article-left,.tram-article-right{position:sticky;top:26px}.admin-bar .tram-article-left,.admin-bar .tram-article-right{top:58px}.tram-side-title{font-size:12px;font-weight:900;margin-bottom:10px}.tram-article-left nav{display:grid}.tram-article-left nav a{font-size:11px;line-height:1.45;color:#737983;padding:7px 0;border-left:2px solid transparent;padding-left:10px}.tram-article-left nav a:hover,.tram-article-left nav a.is-active{color:#111;border-left-color:var(--tram-orange);font-weight:800}
.tram-article-content-wrap{min-width:0}.tram-article-cover{margin:0 0 28px;border-radius:18px;overflow:hidden}.tram-article-cover img{width:100%;height:auto}.tram-article-content{font-size:15px;line-height:1.8;color:#24272c}.tram-article-content>p:first-child{font-size:16px;color:#31343a}.tram-article-content h2{font-size:26px;line-height:1.25;letter-spacing:-.025em;margin:38px 0 14px;color:#111;scroll-margin-top:30px}.tram-article-content h3{font-size:20px;line-height:1.35;margin:28px 0 12px;color:#111;scroll-margin-top:30px}.tram-article-content h4{font-size:17px;margin:24px 0 10px}.tram-article-content p{margin:0 0 19px}.tram-article-content ul,.tram-article-content ol{padding-left:22px;margin:0 0 20px}.tram-article-content li{margin:6px 0}.tram-article-content a{color:var(--tram-orange-dark);text-decoration:underline}.tram-article-content blockquote{margin:28px 0;padding:18px 22px;border-left:4px solid var(--tram-orange);background:#fff5ed;border-radius:0 12px 12px 0;font-weight:650}.tram-article-content img{border-radius:14px;margin:24px auto}.tram-article-content table{width:100%;border-collapse:collapse;margin:24px 0;font-size:13px}.tram-article-content th,.tram-article-content td{border:1px solid #ddd;padding:10px;text-align:left}.tram-article-content th{background:#fff1e8}.tram-article-tags{display:flex;flex-wrap:wrap;gap:8px;border-top:1px solid #eee;margin-top:32px;padding-top:20px}.tram-article-tags a{background:#fff4eb;color:#b44200;border:1px solid #ffd7bf;border-radius:999px;padding:7px 10px;font-size:10px;font-weight:800}.tram-article-author-box{display:grid;grid-template-columns:auto 1fr;gap:14px;margin-top:30px;padding:20px;border:1px solid #e5e7eb;border-radius:16px;background:#fafafa}.tram-article-author-box img{border-radius:50%}.tram-article-author-box small{font-size:9px;color:#888;text-transform:uppercase}.tram-article-author-box h3{font-size:16px;margin:3px 0 5px}.tram-article-author-box p{font-size:12px;color:#667085;margin:0;line-height:1.6}.tram-post-nav{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:24px}.tram-post-nav>div{padding:14px;border:1px solid #e5e7eb;border-radius:14px}.tram-post-nav>div:last-child{text-align:right}.tram-post-nav small{display:block;font-size:9px;color:#888;margin-bottom:5px}.tram-post-nav a{font-size:11px;font-weight:800;color:#111}.tram-post-nav a:hover{color:var(--tram-orange)}
.tram-toc-card{border:1px solid var(--tram-orange);border-radius:15px;padding:16px;background:#fff}.tram-toc-card ol{margin:0;padding:0;list-style:none;display:grid;gap:8px}.tram-toc-card li{font-size:10px;line-height:1.45}.tram-toc-card li.is-h3{padding-left:10px}.tram-toc-card a{color:#35383e}.tram-toc-card a:hover{color:var(--tram-orange)}.tram-article-cta{margin-top:14px;background:linear-gradient(145deg,#ff6b1a,#ee5700);color:#fff;border-radius:15px;padding:18px}.tram-article-cta small{font-size:8px;letter-spacing:.08em;opacity:.8}.tram-article-cta strong{display:block;font-size:18px;line-height:1.25;margin:8px 0}.tram-article-cta p{font-size:11px;line-height:1.55;color:rgba(255,255,255,.82)}.tram-article-cta a{display:inline-flex;margin-top:7px;background:#111;color:#fff;border-radius:9px;padding:9px 11px;font-size:10px;font-weight:900}
@media(max-width:1000px){.tram-blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tram-article-layout{grid-template-columns:minmax(0,1fr) 220px}.tram-article-left{display:none}.tram-article-meta{grid-template-columns:repeat(4,1fr)}.tram-chatgpt-btn{grid-column:1/-1;justify-self:start;margin:10px 0 12px}}
@media(max-width:720px){.tram-blog-shell,.tram-article-shell{width:calc(100% - 28px)}.tram-blog-hero{padding:78px 0 42px}.tram-blog-hero h1{font-size:36px}.tram-blog-toolbar{align-items:stretch;flex-direction:column}.tram-blog-search input{width:100%}.tram-blog-search label{flex:1}.tram-blog-search{width:100%}.tram-blog-grid{grid-template-columns:1fr}.tram-blog-card__media{height:210px}.tram-article-hero{padding:68px 0 26px}.tram-article-hero h1{font-size:32px}.tram-article-meta{grid-template-columns:1fr 1fr}.tram-article-meta>div{border-left:0;border-bottom:1px solid rgba(255,255,255,.16);padding:10px}.tram-chatgpt-btn{grid-column:1/-1;margin:10px 0 14px}.tram-article-layout{display:block;padding-top:26px}.tram-article-right{position:static;margin-top:26px}.tram-toc-card{order:0}.tram-article-content{font-size:15px}.tram-article-content h2{font-size:24px}.tram-post-nav{grid-template-columns:1fr}}

/* Native WordPress header/footer for blog & article pages */
.tram-native-header{position:sticky;top:0;z-index:9999;background:rgba(9,9,11,.96);border-bottom:1px solid rgba(255,255,255,.08);backdrop-filter:blur(16px);font-family:'Montserrat',Arial,sans-serif;color:#fff}.admin-bar .tram-native-header{top:32px}.tram-native-header__inner{width:min(1240px,calc(100% - 32px));height:68px;margin:auto;display:flex;align-items:center;gap:22px}.tram-native-brand{display:flex;align-items:center;gap:10px;margin-right:auto}.tram-native-brand__mark{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(145deg,#ff6b1a,#d94d00);font-weight:900;color:#fff}.tram-native-brand strong{display:block;font-size:11px;line-height:1.05}.tram-native-brand small{display:block;font-size:7px;letter-spacing:.14em;color:#8e8e95;margin-top:4px}.tram-native-nav{display:flex;gap:18px;align-items:center}.tram-native-nav a{font-size:10px;font-weight:800;color:#b5b5bc}.tram-native-nav a:hover,.tram-native-nav a.is-active{color:#ff6b1a}.tram-native-cta{border-radius:999px;background:#ff6b1a;color:#fff;padding:11px 15px;font-size:10px;font-weight:900;white-space:nowrap}.tram-native-menu{display:none;width:40px;height:40px;border:1px solid #333;border-radius:11px;background:#151515;color:#fff}
.tram-native-footer{background:#09090b;color:#fff;padding:48px 0 20px;font-family:'Montserrat',Arial,sans-serif}.tram-native-footer__grid{display:grid;grid-template-columns:1.5fr .7fr .7fr;gap:36px}.tram-native-footer strong{font-size:15px}.tram-native-footer p{font-size:11px;color:#888;max-width:430px;line-height:1.65}.tram-native-footer small{display:block;color:#ff6b1a;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;margin-bottom:10px}.tram-native-footer a{display:block;color:#aaa;font-size:11px;margin:8px 0}.tram-native-footer a:hover{color:#ff6b1a}.tram-native-footer__bottom{border-top:1px solid #232326;margin-top:32px;padding-top:18px;font-size:9px;color:#666}
@media(max-width:900px){.tram-native-nav{display:none}.tram-native-menu{display:grid;place-items:center}.tram-native-header.is-open .tram-native-nav{display:flex;position:absolute;top:68px;left:14px;right:14px;flex-direction:column;align-items:stretch;background:#101012;border:1px solid #2a2a2e;border-radius:16px;padding:14px;box-shadow:0 20px 50px rgba(0,0,0,.35)}.tram-native-header.is-open .tram-native-nav a{padding:8px;font-size:12px}.tram-native-cta{margin-left:0}}
@media(max-width:782px){.admin-bar .tram-native-header{top:46px}}
@media(max-width:620px){.tram-native-header__inner{width:calc(100% - 20px)}.tram-native-brand strong{font-size:10px}.tram-native-cta{display:none}.tram-native-footer__grid{grid-template-columns:1fr}.tram-native-footer__bottom{line-height:1.5}}


/* v1.1.3 — native WordPress views reuse the exact React homepage chrome */
body:not(.home) #tram-react-navbar + .tram-article,
body:not(.home) #tram-react-navbar + .tram-blog{padding-top:72px}
#tram-react-navbar{position:relative;z-index:10000}
#tram-react-footer{position:relative;z-index:1;background:#050507;color:#fff}
.admin-bar #tram-react-navbar #main-navbar{top:32px}
@media(max-width:782px){.admin-bar #tram-react-navbar #main-navbar{top:46px}}
@media(max-width:720px){body:not(.home) #tram-react-navbar + .tram-article,body:not(.home) #tram-react-navbar + .tram-blog{padding-top:64px}}