/* Trader.co.id theme — Mode Komik (default) + Mode Data (.mode-data) */
:root{
	--ink:#22085c;--ink-950:#170541;--violet:#5e17eb;--magenta:#9a2e91;--amber:#ffc542;
	--canvas:#fdfcff;--paper:#fbfbfb;--panel:#efe7ff;--panel-2:#f7f3ff;
	--muted:#6a58a8;--muted-2:#3d2d78;--line:rgba(94,23,235,.45);
	--up:#0f9e63;--down:#e5384f;
	--font:Poppins,system-ui,-apple-system,"Segoe UI",sans-serif;
	--font-label:"JetBrains Mono",ui-monospace,Menlo,Consolas,monospace;
	--card-border:4px solid var(--ink);--card-shadow:6px 6px 0 var(--magenta);--card-radius:0;
	--btn-border:4px solid var(--ink);--btn-radius:0;
	--maxw:1240px;
}
body.mode-data{
	--canvas:#fff;--paper:#fff;--panel:#f4f4f6;--panel-2:#fafafb;
	--muted:#64607a;--muted-2:#3b3652;--line:#e6e6ea;
	--font:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;
	--font-label:Inter,system-ui,sans-serif;
	--card-border:1px solid #e6e6ea;--card-shadow:none;--card-radius:12px;
	--btn-border:1px solid #d4d4da;--btn-radius:8px;
	font-variant-numeric:tabular-nums;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--canvas);color:var(--ink);font-family:var(--font);font-size:16px;line-height:1.55}
img{max-width:100%;height:auto;display:block}
a{color:var(--violet);text-decoration:none}a:hover{color:var(--ink)}
h1,h2,h3{line-height:1.12;letter-spacing:-.02em;margin:0}
.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.tc-skip{position:absolute;left:-999px;top:8px;background:var(--ink);color:#fff;padding:10px 14px;z-index:99}
.tc-skip:focus{left:8px}
:focus-visible{outline:3px solid var(--violet);outline-offset:2px}
.tc-container{max-width:var(--maxw);margin:0 auto;padding-left:24px;padding-right:24px}
@media (max-width:600px){.tc-container{padding-left:16px;padding-right:16px}}

/* Header */
.tc-header{background:var(--canvas);border-bottom:4px solid var(--ink)}
.mode-data .tc-header{border-bottom:1px solid #e6e6ea}
.tc-header__inner{display:flex;flex-wrap:wrap;align-items:center;gap:16px 32px;padding-top:14px;padding-bottom:14px}
.tc-logo{display:inline-flex;align-items:center;gap:10px;color:var(--ink);font-family:Poppins,sans-serif}
.tc-logo__mark{width:42px;height:42px;background:var(--violet);color:#fbfbfb;display:flex;align-items:center;justify-content:center;font-size:26px;font-weight:900;line-height:1}
.tc-logo__text{font-size:24px;font-weight:900;letter-spacing:-.02em}
.tc-logo__text span{color:var(--violet)}
.tc-logo--dark{color:#fbfbfb}.tc-logo--dark .tc-logo__text span{color:#c9b8ff}
.tc-nav{flex:1 1 300px}
.tc-nav__list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px 28px;font-weight:800;font-size:16px}
.tc-nav__list a{color:var(--ink)}
.tc-nav__list a:hover,.tc-nav__list .current-menu-item>a,.tc-nav__list .current_page_item>a{color:var(--violet);text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:3px}
.tc-search{display:flex;align-items:center;gap:10px;border:3px solid var(--ink);background:var(--paper);padding:0 14px;height:46px;flex:0 1 300px;min-width:200px;color:var(--ink)}
.mode-data .tc-search{border:1px solid #d4d4da;border-radius:8px}
.tc-search input{border:0;outline:0;background:transparent;font:600 14px var(--font);color:var(--ink);width:100%;min-width:0}

/* Buttons, labels */
.tc-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 22px;font-weight:800;font-size:15px;border:var(--btn-border);border-radius:var(--btn-radius);background:var(--paper);color:var(--ink);cursor:pointer;transition:transform .15s}
.tc-btn:hover{transform:translate(-2px,-2px);color:var(--ink)}
.tc-btn--primary{background:var(--violet);color:#fbfbfb;box-shadow:var(--card-shadow)}
.tc-btn--primary:hover{color:#fbfbfb}
.tc-btn--dark{background:var(--ink);color:#fbfbfb;border-color:var(--ink)}
.tc-btn--dark:hover{color:#fbfbfb}
.tc-btn--lg{min-height:60px;padding:0 32px;font-size:18px}
.tc-eyebrow{display:inline-block;background:var(--amber);color:var(--ink);font-family:var(--font-label);font-weight:700;font-size:13px;letter-spacing:.05em;padding:6px 12px}
.mode-data .tc-eyebrow{background:var(--panel);color:var(--violet);border-radius:6px}
.tc-label{display:inline-block;font-family:var(--font-label);font-weight:700;font-size:12px;letter-spacing:.04em;color:var(--violet);text-transform:uppercase}
.tc-chip-dark{background:var(--ink);color:#fbfbfb;font-family:var(--font-label);font-weight:700;font-size:12px;padding:5px 10px}
.tc-meta{font-size:13px;color:var(--muted);font-weight:600}
.tc-lead{font-size:16px;color:var(--muted-2);font-weight:500;margin:6px 0 0}
.tc-disclaimer{font-family:var(--font-label);font-weight:700;font-size:12px;color:var(--muted);margin:14px 0 0}
.tc-disclaimer-box{background:var(--panel-2);padding:14px 16px;font-size:13px;color:var(--muted-2);font-weight:600;margin:28px 0 0}
.tc-breadcrumb{font-family:var(--font-label);font-weight:700;font-size:12px;color:var(--muted)}
.tc-breadcrumb a{color:var(--muted)}
.tc-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.tc-chip{display:inline-flex;align-items:center;min-height:40px;padding:0 14px;border:3px solid var(--ink);background:var(--paper);color:var(--ink);font-weight:700;font-size:14px}
.tc-chip.is-active{background:var(--ink);color:#fbfbfb}
.mode-data .tc-chip{border:1px solid #d4d4da;border-radius:8px}

/* Sections & grids */
.tc-section{padding-top:56px;padding-bottom:56px}
.tc-section__head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:28px}
.tc-section__head h2{font-size:clamp(28px,3.4vw,40px);font-weight:900}
.tc-section__head>a{font-weight:800;font-size:15px}
.tc-band{background:var(--panel-2);border-top:4px solid var(--ink);border-bottom:4px solid var(--ink)}
.tc-grid{display:grid;gap:24px}
.tc-grid--4{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}
.tc-grid--3{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}
.tc-page-head{margin-bottom:28px}
.tc-page-head h1{font-size:clamp(32px,4.4vw,48px);font-weight:900;margin-top:10px}

/* Hero */
.tc-hero{background:radial-gradient(ellipse 70% 60% at 50% 0%,rgba(94,23,235,.12),rgba(94,23,235,0) 70%),var(--canvas)}
.tc-hero__inner{display:flex;flex-wrap:wrap;align-items:center;gap:40px;padding-top:72px;padding-bottom:56px}
.tc-hero__text{flex:999 1 500px;min-width:0;display:flex;flex-direction:column;gap:22px;align-items:flex-start}
.tc-hero h1{font-size:clamp(38px,5.4vw,72px);font-weight:900;line-height:1.04;letter-spacing:-.03em}
.tc-hero h1 span{color:var(--violet)}
.tc-hero p{margin:0;font-size:19px;color:var(--muted-2);font-weight:500;max-width:540px}
.tc-hero__art{flex:1 1 320px;display:flex;justify-content:center;position:relative}
.tc-hero__blob{position:absolute;inset:12% 8% 0 8%;background:var(--panel);border-radius:50%}
.tc-hero__art img{position:relative;width:100%;max-width:400px}
.tc-hero__fallback{position:relative;width:240px;height:240px;background:var(--violet);color:#fbfbfb;font-size:150px;font-weight:900;display:flex;align-items:center;justify-content:center;box-shadow:14px 14px 0 var(--magenta);margin:40px 0}

/* Cards */
.tc-card{background:var(--paper);border:var(--card-border);box-shadow:var(--card-shadow);border-radius:var(--card-radius);display:flex;flex-direction:column;color:var(--ink);overflow:hidden;transition:transform .15s,box-shadow .15s}
a.tc-card:hover{transform:translate(-2px,-2px);color:var(--ink)}
.mode-komik a.tc-card:hover{box-shadow:8px 8px 0 var(--magenta)}
.tc-card__body{padding:16px 18px 20px;display:flex;flex-direction:column;gap:8px}
.tc-card__title{font-size:19px;font-weight:800;line-height:1.28}
.tc-card__title a{color:var(--ink)}
.tc-card__text{font-size:14px;color:var(--muted-2);font-weight:500}
.tc-card--komik__cover{aspect-ratio:4/5;background:var(--panel);border-bottom:4px solid var(--ink);position:relative;display:flex;align-items:flex-end;justify-content:center;overflow:hidden}
.tc-card--komik__cover img{width:100%;height:100%;object-fit:cover}
.tc-card--komik__cover .tc-chip-dark{position:absolute;top:14px;left:14px;z-index:1}
.tc-card--post__img{display:block;aspect-ratio:16/9;background:var(--panel)}
.tc-card--post__img img{width:100%;height:100%;object-fit:cover}

/* Video */
.tc-video{display:flex;flex-direction:column;gap:12px}
.tc-video__thumb{position:relative;aspect-ratio:16/9;border:var(--card-border);padding:0;background:var(--panel);cursor:pointer;overflow:hidden}
.tc-video__thumb img{width:100%;height:100%;object-fit:cover}
.tc-video__thumb iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.tc-video__play{position:absolute;left:50%;top:50%;width:64px;height:64px;margin:-32px 0 0 -32px;border-radius:50%;background:var(--amber);border:3px solid var(--ink)}
.tc-video__play::after{content:"";position:absolute;left:25px;top:18px;border-left:20px solid var(--ink);border-top:12px solid transparent;border-bottom:12px solid transparent}

/* Ebook box */
.tc-ebook-box{background:var(--panel);border:2px solid var(--line);border-radius:18px;padding:32px;display:flex;flex-wrap:wrap;align-items:center;gap:28px}
.tc-ebook-box__cover{flex:0 0 120px;height:166px;background:var(--paper);border:3px solid var(--ink);box-shadow:var(--card-shadow);display:flex;flex-direction:column;justify-content:space-between;padding:12px;font-size:10px;font-weight:800}
.tc-ebook-box__cover strong{font-size:16px;line-height:1.15;font-weight:900}
.tc-ebook-box__text{flex:999 1 300px}
.tc-ebook-box__text h2{font-size:28px;font-weight:900}
.tc-ebook-box__text p{margin:8px 0 0;color:var(--muted-2)}
.tc-ebook-box__form{flex:1 1 260px}

/* Ads */
.tc-ad{margin:24px 0;text-align:center}
.tc-ad__label{display:block;font-size:11px;color:var(--muted);letter-spacing:.06em;text-transform:uppercase;margin-bottom:4px}
.tc-ad--placeholder{border:2px dashed var(--muted);background:var(--panel-2);padding:30px 12px;font-family:var(--font-label);font-weight:700;font-size:13px;color:var(--muted)}

/* Article */
.tc-article-layout{display:flex;flex-wrap:wrap;gap:40px;padding-top:40px;padding-bottom:64px;align-items:flex-start}
.tc-article{flex:999 1 620px;min-width:0;max-width:760px}
.tc-sidebar{flex:1 1 280px;display:flex;flex-direction:column;gap:20px}
.tc-article__head{display:flex;flex-direction:column;gap:14px;margin-bottom:24px}
.tc-article__head h1{font-size:clamp(30px,4vw,44px);font-weight:900}
.tc-article__img img{width:100%;border:var(--card-border)}
.tc-prose{font-size:18px;line-height:1.75;color:var(--ink)}
.tc-prose p{margin:0 0 1.1em}
.tc-prose h2{font-size:28px;margin:1.6em 0 .6em}
.tc-prose h3{font-size:22px;margin:1.4em 0 .5em}
.tc-prose img,.tc-prose figure{margin:1.4em 0}
.tc-prose blockquote{margin:1.4em 0;padding:12px 18px;background:var(--panel-2);border-radius:12px}
.tc-prose ul,.tc-prose ol{padding-left:1.3em}
.tc-source{font-size:14px;color:var(--muted-2)}
.tc-panel{background:var(--paper);border:var(--card-border);border-radius:var(--card-radius);padding:18px}
.tc-list{list-style:none;margin:10px 0 0;padding:0;display:flex;flex-direction:column;gap:12px}
.tc-list li{display:flex;flex-direction:column;gap:2px;border-top:2px solid var(--panel);padding-top:10px}
.tc-list a{color:var(--ink);font-weight:700;line-height:1.35}
.tc-pagination{margin-top:32px}
.tc-pagination .nav-links{display:flex;flex-wrap:wrap;gap:8px}
.tc-pagination .page-numbers{display:inline-flex;align-items:center;min-height:40px;padding:0 14px;border:var(--btn-border);border-radius:var(--btn-radius);color:var(--ink);font-weight:700}
.tc-pagination .current{background:var(--ink);color:#fbfbfb}

/* Komik reader */
.tc-komik{max-width:800px;margin:0 auto;padding:32px 20px 24px}
.tc-komik__head{display:flex;flex-direction:column;gap:12px;align-items:flex-start;margin-bottom:24px}
.tc-komik__head h1{font-size:clamp(30px,4.4vw,48px);font-weight:900}
.tc-komik__panels img{border:4px solid var(--ink);box-shadow:var(--card-shadow);margin:0 auto 20px}
.tc-practice{margin-top:32px;background:var(--paper);border:4px solid var(--ink);box-shadow:10px 10px 0 var(--magenta);padding:26px;display:flex;flex-direction:column;gap:16px;align-items:flex-start}
.tc-practice h2{font-size:26px;font-weight:900}
.tc-practice .tc-grid{width:100%}
.tc-komik__nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:28px}
.tc-komik__navlink{border:3px solid var(--ink);padding:14px 16px;display:flex;flex-direction:column;gap:2px;color:var(--ink)}
.tc-komik__navlink--next{text-align:right;grid-column:2}

/* Footer */
.tc-footer{background:var(--ink-950);color:#dccfff;font-family:Poppins,system-ui,sans-serif}
.mode-data .tc-footer{font-family:Inter,system-ui,sans-serif}
.tc-footer .tc-container{padding-top:48px;padding-bottom:32px;display:flex;flex-direction:column;gap:28px}
.tc-footer__top{display:flex;flex-wrap:wrap;gap:32px;justify-content:space-between;align-items:flex-start}
.tc-footer__brand{max-width:380px;display:flex;flex-direction:column;gap:14px}
.tc-footer__brand p{margin:0;font-size:14px}
.tc-footer .tc-nav__list,.tc-footer__menu{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:12px 28px;font-size:14px;font-weight:700}
.tc-footer a{color:#fbfbfb}
.tc-footer__bottom{border-top:2px solid rgba(201,184,255,.25);padding-top:20px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;font-family:"JetBrains Mono",ui-monospace,monospace;font-weight:700;font-size:12px;color:#c9b8ff}
.mode-data .tc-footer__bottom{font-family:Inter,system-ui,sans-serif}
.tc-404{text-align:center;display:flex;flex-direction:column;align-items:center;gap:16px}
.tc-404 h1{font-size:44px;font-weight:900}