/* TradePilot - Trading Journal SEO landing page */
.tp-journal-page { background:#080d1a; color:#eaf0ff; }
.tp-journal-page .tp-header { position:relative; z-index:5; }
.tj-main { overflow:hidden; background:#080d1a; }
.tj-main a { text-decoration:none; }
.tj-hero { position:relative; isolation:isolate; padding:34px 0 74px; background:radial-gradient(ellipse at 82% 10%,rgba(83,111,255,.22),transparent 38%),linear-gradient(180deg,#0b1224 0%,#080d1a 100%); }
.tj-hero-glow { position:absolute; z-index:-1; width:480px; height:480px; border-radius:50%; background:rgba(83,111,255,.12); filter:blur(90px); top:40px; inset-inline-start:-180px; pointer-events:none; }
.tj-hero-inner { max-width:1120px; position:relative; }
.tj-breadcrumb { display:flex; gap:10px; align-items:center; color:#8290b1; font-size:13px; margin:8px 0 54px; }
.tj-breadcrumb a { color:#aebcf0; }
.tj-eyebrow,.tj-kicker { display:inline-flex; align-items:center; gap:9px; color:#9db0ff; font-size:12px; font-weight:800; letter-spacing:.02em; }
.tj-eyebrow span { width:7px; height:7px; border-radius:50%; background:#65dfc0; box-shadow:0 0 14px #65dfc0; }
.tj-hero h1 { max-width:900px; margin:18px 0 20px; color:#f6f8ff; font-size:clamp(34px,5.1vw,60px); line-height:1.55; letter-spacing:-.04em; font-weight:900; }
.tj-hero h1 em { color:#8fa4ff; font-style:normal; }
.tj-hero-lead { max-width:800px; color:#b5c0dc; font-size:17px; line-height:2.25; margin:0; }
.tj-hero-actions { display:flex; align-items:center; flex-wrap:wrap; gap:22px; margin-top:30px; }
.tj-secondary-link { color:#c4ceeb; font-size:14px; font-weight:800; }
.tj-hero-proof { display:flex; flex-wrap:wrap; gap:12px 25px; margin-top:34px; color:#a9b6d4; font-size:12px; }
.tj-hero-proof span::first-letter { color:#63dfbd; }
.tj-intro-band { border-top:1px solid rgba(160,178,230,.1); border-bottom:1px solid rgba(160,178,230,.1); background:#0c1427; padding:42px 0; }
.tj-intro-grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.05fr); gap:55px; align-items:center; }
.tj-kicker { color:#7f96ff; }
.tj-intro-grid h2 { margin:12px 0 0; font-size:clamp(22px,2.5vw,31px); line-height:1.8; color:#f2f5ff; }
.tj-intro-grid>p { margin:0; color:#aebbd8; font-size:14px; line-height:2.25; }
.tj-content-section { padding:70px 0 90px; }
.tj-content-layout { display:grid; grid-template-columns:230px minmax(0,1fr); gap:54px; align-items:start; }
.tj-toc { position:sticky; top:24px; display:flex; flex-direction:column; gap:4px; padding:20px 16px; border:1px solid rgba(157,176,255,.15); border-radius:18px; background:rgba(16,27,50,.72); }
.tj-toc>span { color:#7f96ff; font-size:11px; font-weight:900; margin:0 8px 10px; }
.tj-toc a { color:#aebbd8; font-size:12px; line-height:1.8; padding:9px 10px; border-radius:9px; transition:.2s; }
.tj-toc a:hover { color:#fff; background:rgba(83,111,255,.13); }
.tj-article { min-width:0; }
.tj-article-block { scroll-margin-top:28px; margin:0 0 66px; }
.tj-section-no { display:block; color:#7188f5; font-size:11px; font-weight:900; letter-spacing:.12em; margin-bottom:12px; }
.tj-article h2 { color:#f0f3ff; font-size:clamp(23px,3vw,34px); line-height:1.7; margin:0 0 18px; font-weight:900; }
.tj-article-block>p { color:#b0bdd9; font-size:14px; line-height:2.35; margin:0 0 22px; }
.tj-benefit-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:13px; margin-top:28px; }
.tj-benefit-grid>div,.tj-metrics-grid>div { border:1px solid rgba(151,171,230,.13); border-radius:16px; padding:20px; background:linear-gradient(145deg,rgba(20,34,63,.78),rgba(12,21,40,.7)); }
.tj-benefit-grid b { display:inline-flex; color:#8097ff; font-size:11px; margin-bottom:12px; }
.tj-benefit-grid h3,.tj-record-list h3,.tj-steps h3 { color:#e9efff; font-size:15px; margin:0 0 8px; }
.tj-benefit-grid p,.tj-record-list p,.tj-steps p { color:#9eaccb; font-size:12px; line-height:2.1; margin:0; }
.tj-record-list { display:grid; gap:12px; margin-top:24px; }
.tj-record-list>div { display:flex; align-items:flex-start; gap:16px; border-bottom:1px solid rgba(151,171,230,.12); padding:17px 0; }
.tj-record-icon { flex:0 0 42px; width:42px; height:42px; display:grid; place-items:center; border-radius:13px; background:rgba(83,111,255,.14); color:#9eafff; font-size:21px; }
.tj-record-list h3 { margin:0 0 5px; }
.tj-note { margin-top:24px; padding:20px 22px; border:1px solid rgba(93,218,185,.2); border-right:3px solid #5bd8b6; border-radius:14px; background:rgba(37,110,96,.1); }
.tj-note b { color:#7be2c6; font-size:13px; }
.tj-note p { color:#b2c9c8; font-size:13px; line-height:2.15; margin:8px 0 0; }
.tj-note-blue { border-color:rgba(112,142,255,.22); border-right-color:#7f96ff; background:rgba(83,111,255,.08); }
.tj-note-blue b { color:#a4b4ff; }
.tj-note-blue p { color:#b6c2e2; }
.tj-steps { list-style:none; margin:28px 0 0; padding:0; display:grid; gap:0; }
.tj-steps li { display:flex; gap:17px; padding:0 0 25px; position:relative; }
.tj-steps li:not(:last-child)::before { content:""; position:absolute; top:42px; bottom:0; inset-inline-start:18px; width:1px; background:rgba(129,151,255,.25); }
.tj-steps li>span { flex:0 0 38px; width:38px; height:38px; border-radius:12px; display:grid; place-items:center; color:#dce4ff; background:linear-gradient(145deg,#536fff,#354bb8); font-weight:900; }
.tj-steps h3 { margin:4px 0 6px; }
.tj-table-wrap { overflow-x:auto; border:1px solid rgba(151,171,230,.16); border-radius:15px; }
.tj-example-table { width:100%; border-collapse:collapse; min-width:420px; }
.tj-example-table th,.tj-example-table td { text-align:start; padding:14px 18px; border-bottom:1px solid rgba(151,171,230,.11); font-size:13px; }
.tj-example-table tr:last-child th,.tj-example-table tr:last-child td { border-bottom:0; }
.tj-example-table th { width:42%; color:#aab8dc; background:rgba(18,31,58,.65); font-weight:700; }
.tj-example-table td { color:#e0e8ff; background:rgba(12,21,40,.55); }
.tj-positive { color:#70e0bd!important; font-weight:900; }
.tj-small-note { color:#8493b4!important; font-size:11px!important; margin-top:12px!important; }
.tj-metrics-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:13px; margin-top:24px; }
.tj-metrics-grid b { display:block; color:#e8edff; font-size:14px; margin-bottom:10px; }
.tj-metrics-grid code { display:block; color:#91a5ff; background:rgba(83,111,255,.1); border-radius:8px; padding:8px; font-size:10px; direction:ltr; text-align:left; overflow-wrap:anywhere; }
.tj-metrics-grid p { color:#9eaccb; font-size:12px; line-height:2; margin:10px 0 0; }
.tj-psychology-cards { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin-top:24px; }
.tj-psychology-cards>div { padding:19px; border:1px solid rgba(151,171,230,.14); border-radius:15px; background:#101b32; }
.tj-psychology-cards>div>span { color:#8fa4ff; font-size:22px; }
.tj-psychology-cards h3 { color:#f0f3ff; font-size:14px; margin:12px 0 8px; }
.tj-psychology-cards p { color:#9eaccb; font-size:11px; line-height:2; min-height:68px; }
.tj-psychology-cards a { color:#a4b5ff; font-size:11px; font-weight:800; }
.tj-comparison { display:grid; grid-template-columns:1fr 1fr; gap:14px; margin-top:25px; }
.tj-comparison>div { border:1px solid rgba(151,171,230,.14); border-radius:15px; padding:20px; background:#0f1a30; }
.tj-comparison .tj-comparison-highlight { border-color:rgba(109,133,255,.4); background:linear-gradient(145deg,rgba(54,73,151,.24),rgba(15,26,48,.9)); }
.tj-comparison h3 { color:#eef2ff; font-size:15px; margin:0 0 12px; }
.tj-comparison ul { padding-inline-start:18px; margin:0; color:#a9b6d4; font-size:12px; line-height:2.4; }
.tj-final-cta { display:flex; align-items:center; justify-content:space-between; gap:25px; padding:28px; border:1px solid rgba(121,147,255,.25); border-radius:20px; background:radial-gradient(circle at 90% 10%,rgba(83,111,255,.2),transparent 50%),#101b33; margin:0 0 70px; }
.tj-final-cta>div>span { color:#8fa4ff; font-size:10px; font-weight:900; }
.tj-final-cta h2 { color:#f1f4ff; font-size:21px; line-height:1.8; margin:8px 0; }
.tj-final-cta p { color:#aab8d6; font-size:12px; line-height:2; margin:0; }
.tj-final-cta .tp-button { flex:0 0 auto; }
.tj-faq details { border-bottom:1px solid rgba(151,171,230,.14); padding:17px 0; }
.tj-faq summary { color:#e4eaff; font-size:14px; font-weight:800; cursor:pointer; }
.tj-faq details p { color:#aab8d6; font-size:13px; line-height:2.2; margin:13px 0 0; }
@media(max-width:900px) {
  .tj-content-layout { grid-template-columns:1fr; gap:28px; }
  .tj-toc { position:relative; top:auto; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); }
  .tj-toc>span { grid-column:1/-1; }
  .tj-intro-grid { gap:25px; }
}
@media(max-width:640px) {
  .tj-hero { padding:20px 0 52px; }
  .tj-breadcrumb { margin-bottom:34px; }
  .tj-hero h1 { font-size:32px; line-height:1.65; }
  .tj-hero-lead { font-size:14px; line-height:2.2; }
  .tj-hero-proof { display:grid; gap:10px; }
  .tj-intro-grid,.tj-benefit-grid,.tj-metrics-grid,.tj-psychology-cards,.tj-comparison { grid-template-columns:1fr; }
  .tj-content-section { padding:48px 0 60px; }
  .tj-toc { grid-template-columns:1fr 1fr; padding:15px 12px; }
  .tj-article-block { margin-bottom:48px; }
  .tj-article h2 { font-size:23px; }
  .tj-final-cta { align-items:flex-start; flex-direction:column; padding:22px; }
  .tj-final-cta .tp-button { width:100%; justify-content:center; }
  .tj-psychology-cards p { min-height:0; }
}