/* TGKOMIK legal pages — Madara Neon skin tokens */
:root{
	--mn-bg:#0b0910;--mn-bg-soft:#100c18;--mn-bg-elev:#151020;
	--mn-surface:#171220;--mn-surface-2:#1f1830;--mn-surface-3:#281f3d;
	--mn-text:#f4f1fb;--mn-text-strong:#fff;--mn-muted:#a79fba;--mn-faint:#776f8a;
	--mn-border:rgba(255,255,255,.08);--mn-border-strong:rgba(255,255,255,.16);
	--mn-accent:#a855f7;--mn-accent-2:#d946ef;--mn-accent-strong:#8b5cf6;
	--mn-accent-soft:rgba(168,85,247,.16);--mn-accent-line:rgba(168,85,247,.38);
	--mn-glow:0 0 0 1px rgba(168,85,247,.28),0 14px 36px -14px rgba(168,85,247,.65);
	--mn-yellow:#facc15;--mn-red:#f87171;
	--mn-radius:18px;--mn-radius-sm:12px;--mn-header-h:62px;
	--mn-shadow:0 30px 70px -34px rgba(0,0,0,.9);
	--mn-header-bg:rgba(11,9,16,.84);--mn-nav-bg:rgba(17,13,26,.94);
	--mn-font:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
	--mn-display:"Special Gothic Expanded One","Inter",sans-serif;
	color-scheme:dark;
}
html[data-theme="light"]{
	--mn-bg:#f7f5fc;--mn-bg-soft:#f1edfa;--mn-bg-elev:#fff;
	--mn-surface:#fff;--mn-surface-2:#f2eefb;--mn-surface-3:#e9e2f7;
	--mn-text:#1c1526;--mn-text-strong:#120d1c;--mn-muted:#655b7a;--mn-faint:#8b819e;
	--mn-border:rgba(23,15,40,.09);--mn-border-strong:rgba(23,15,40,.18);
	--mn-accent:#8b3ff4;--mn-accent-2:#c026d3;--mn-accent-strong:#7c3aed;
	--mn-accent-soft:rgba(139,63,244,.1);--mn-accent-line:rgba(139,63,244,.32);
	--mn-glow:0 0 0 1px rgba(139,63,244,.22),0 14px 32px -18px rgba(139,63,244,.55);
	--mn-shadow:0 26px 60px -34px rgba(40,20,80,.34);
	--mn-header-bg:rgba(250,248,255,.86);--mn-nav-bg:rgba(255,255,255,.95);
	color-scheme:light;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
	margin:0;background-color:var(--mn-bg);
	background-image:radial-gradient(1200px 520px at 82% -10%,rgba(168,85,247,.14),transparent 60%),radial-gradient(900px 480px at 0% 22%,rgba(217,70,239,.07),transparent 55%);
	background-attachment:fixed;
	color:var(--mn-text);font-family:var(--mn-font);font-size:16px;line-height:1.72;
	-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;
}
html[data-theme="light"] body{
	background-image:radial-gradient(1100px 480px at 85% -10%,rgba(139,63,244,.12),transparent 60%),radial-gradient(800px 420px at 0% 20%,rgba(192,38,211,.06),transparent 55%);
}
a{color:var(--mn-accent);text-decoration:none}
a:hover{text-decoration:underline;text-underline-offset:3px}
:focus-visible{outline:2px solid var(--mn-accent);outline-offset:3px;border-radius:6px}
img{max-width:100%}

/* header */
.lg-header{position:sticky;top:0;z-index:120;background:var(--mn-header-bg);border-bottom:1px solid var(--mn-border);backdrop-filter:blur(18px) saturate(1.2);-webkit-backdrop-filter:blur(18px) saturate(1.2)}
.lg-header__inner{display:flex;align-items:center;gap:14px;max-width:1180px;min-height:var(--mn-header-h);margin:0 auto;padding:8px 16px}
.lg-logo{display:inline-flex;align-items:center;flex:0 0 auto;color:var(--mn-text-strong)!important;font-family:var(--mn-display);font-size:20px;letter-spacing:-.5px;text-decoration:none;white-space:nowrap}
.lg-logo img{display:block;width:auto;max-height:34px}
.lg-nav{display:flex;gap:6px;margin-left:auto;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}
.lg-nav::-webkit-scrollbar{display:none}
.lg-nav a{flex:0 0 auto;padding:7px 13px;border:1px solid transparent;border-radius:999px;color:var(--mn-muted);font-size:13.5px;font-weight:600;letter-spacing:.1px;white-space:nowrap;transition:color .2s ease,background-color .2s ease,border-color .2s ease}
.lg-nav a:hover{color:var(--mn-text);background:var(--mn-surface-2);text-decoration:none}
.lg-nav a[aria-current]{color:var(--mn-accent);background:var(--mn-accent-soft);border-color:var(--mn-accent-line)}
.lg-icon-btn{display:grid;place-items:center;flex:0 0 auto;width:40px;height:40px;padding:0;border:0;border-radius:50%;background:transparent;color:var(--mn-text);cursor:pointer;transition:background-color .2s ease,color .2s ease,transform .2s ease}
.lg-icon-btn:hover{background:var(--mn-surface-2);color:var(--mn-accent);transform:translateY(-1px)}
.lg-icon-btn svg{width:21px;height:21px}
.lg-icon-btn .i-sun{display:none}
html[data-theme="light"] .lg-icon-btn .i-sun{display:block}
html[data-theme="light"] .lg-icon-btn .i-moon{display:none}

/* hero */
.lg-hero{max-width:1180px;margin:0 auto;padding:34px 16px 6px}
.lg-eyebrow{display:inline-flex;align-items:center;gap:8px;margin:0 0 12px;padding:5px 12px;border:1px solid var(--mn-accent-line);border-radius:999px;background:var(--mn-accent-soft);color:var(--mn-accent);font-size:11.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.lg-hero h1{margin:0;font-family:var(--mn-display);font-size:clamp(28px,5.4vw,44px);line-height:1.14;letter-spacing:-.4px;color:var(--mn-text-strong)}
.lg-hero__en{margin:8px 0 0;color:var(--mn-muted);font-size:clamp(15px,2.4vw,19px);font-weight:500}
.lg-hero__lede{margin:14px 0 0;max-width:70ch;color:var(--mn-muted);font-size:15.5px}
.lg-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.lg-pill{display:inline-flex;align-items:center;gap:7px;padding:6px 12px;border:1px solid var(--mn-border);border-radius:999px;background:var(--mn-surface);color:var(--mn-muted);font-size:12.5px;font-weight:600}
.lg-pill .dot{width:7px;height:7px;border-radius:50%;background:var(--mn-accent-2)}

/* layout */
.lg-main{display:grid;grid-template-columns:minmax(0,1fr);gap:18px;max-width:1180px;margin:0 auto;padding:22px 16px 60px}
.lg-body{min-width:0}
.lg-aside{order:-1}
@media (min-width:1000px){.lg-main{grid-template-columns:minmax(0,1fr) 250px;gap:34px}.lg-body{grid-column:1}.lg-aside{grid-column:2;order:0}}
.lg-toc{position:sticky;top:calc(var(--mn-header-h) + 18px);max-height:calc(100vh - 100px);overflow-y:auto;padding:16px;border:1px solid var(--mn-border);border-radius:var(--mn-radius);background:var(--mn-surface);box-shadow:var(--mn-shadow)}
.lg-toc__title{margin:0 0 10px;color:var(--mn-faint);font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.lg-toc ol{margin:0;padding:0;list-style:none}
.lg-toc li+li{margin-top:2px}
.lg-toc a{display:flex;gap:9px;align-items:baseline;padding:7px 9px;border-radius:10px;color:var(--mn-muted);font-size:13.5px;line-height:1.4;transition:color .18s ease,background-color .18s ease}
.lg-toc a:hover{color:var(--mn-text);background:var(--mn-surface-2);text-decoration:none}
.lg-toc a.is-active{color:var(--mn-accent);background:var(--mn-accent-soft)}
.lg-toc .n{flex:0 0 auto;font-variant-numeric:tabular-nums;font-weight:800;font-size:12px;color:var(--mn-accent)}
@media (max-width:999px){
	.lg-toc{position:static;max-height:none;box-shadow:none;padding:12px 14px}
	.lg-toc__title{margin-bottom:8px}
	.lg-toc ol{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;padding-bottom:2px}
	.lg-toc ol::-webkit-scrollbar{display:none}
	.lg-toc li+li{margin-top:0}
	.lg-toc a{flex:0 0 auto;border:1px solid var(--mn-border);border-radius:999px;padding:6px 12px;white-space:nowrap}
	.lg-toc a>span{flex:0 0 auto}
	.lg-toc a.is-active{border-color:var(--mn-accent-line)}
}

/* sections */
.lg-sec{padding:22px 20px;margin:0 0 18px;border:1px solid var(--mn-border);border-radius:var(--mn-radius);background:var(--mn-surface)}
.lg-h2{display:flex;align-items:flex-start;gap:12px;margin:0 0 14px;padding:0;border:0;color:var(--mn-text-strong);font-size:19px;font-weight:700;line-height:1.4;letter-spacing:-.2px;scroll-margin-top:calc(var(--mn-header-h) + 20px)}
.lg-num{display:grid;place-items:center;flex:0 0 auto;width:30px;height:30px;margin-top:-2px;border-radius:10px;background:var(--mn-accent-soft);border:1px solid var(--mn-accent-line);color:var(--mn-accent);font-size:13.5px;font-weight:800;font-variant-numeric:tabular-nums}
.lg-h2 .en{display:block;color:var(--mn-faint);font-size:13.5px;font-weight:500;letter-spacing:0}
.lg-h3{margin:22px 0 8px;color:var(--mn-text-strong);font-size:15.5px;font-weight:700}
.lg-body p{margin:0 0 12px}
.lg-body p:last-child{margin-bottom:0}
.lg-body ul,.lg-body ol{margin:0 0 12px;padding-left:22px}
.lg-body li{margin:6px 0}
.lg-body li::marker{color:var(--mn-accent)}
.lg-sec p:last-child{margin-bottom:0}

/* bilingual columns */
.lg-bi{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;margin:0 0 4px}
@media (min-width:820px){.lg-bi{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px}}
.lg-bi__col{min-width:0;padding:14px 16px;border:1px solid var(--mn-border);border-radius:var(--mn-radius-sm);background:var(--mn-bg-soft)}
.lg-bi__col.en{background:transparent;border-style:dashed;border-color:var(--mn-border-strong)}
.lg-lang{display:inline-block;margin:0 0 8px;padding:2px 9px;border-radius:999px;background:var(--mn-accent-soft);color:var(--mn-accent);font-size:10.5px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.lg-bi__col.en .lg-lang{background:var(--mn-surface-3);color:var(--mn-muted)}
.lg-bi__col p:last-child{margin-bottom:0}

/* notes, code, tables */
.lg-note{position:relative;margin:0 0 18px;padding:16px 18px 16px 20px;border:1px solid var(--mn-accent-line);border-left:4px solid var(--mn-yellow);border-radius:var(--mn-radius-sm);background:var(--mn-surface-2)}
.lg-note p{margin:0}
.lg-note strong{color:var(--mn-text-strong)}
.lg-sec .lg-note{margin-bottom:16px}
code,.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13.5px;background:var(--mn-surface-3);border:1px solid var(--mn-border);border-radius:6px;padding:2px 7px;color:var(--mn-text-strong);word-break:break-word}
.lg-table-wrap{margin:4px 0 14px;overflow-x:auto;border:1px solid var(--mn-border);border-radius:var(--mn-radius-sm);background:var(--mn-bg-soft)}
table{width:100%;min-width:520px;margin:0;border-collapse:collapse;font-size:14.5px}
th,td{padding:12px 14px;text-align:left;vertical-align:top;border-bottom:1px solid var(--mn-border)}
thead th,tr:first-child th{background:var(--mn-surface-2);color:var(--mn-text-strong);font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
tbody tr:last-child td,table tr:last-child td{border-bottom:0}

/* footer */
.lg-footer{border-top:1px solid var(--mn-border);background:var(--mn-bg-elev);margin-top:10px}
.lg-footer__inner{display:grid;gap:18px;max-width:1180px;margin:0 auto;padding:30px 16px 40px}
@media (min-width:760px){.lg-footer__inner{grid-template-columns:minmax(0,1fr) auto;align-items:start}}
.lg-footer__brand{display:flex;flex-direction:column;gap:8px}
.lg-footer__brand img{width:auto;max-height:64px;align-self:flex-start}
.lg-footer__tagline{color:var(--mn-muted);font-size:13.5px;max-width:52ch}
.lg-footer__links{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:13.5px}
.lg-footer__links a{color:var(--mn-muted)}
.lg-footer__links a:hover{color:var(--mn-accent)}
.lg-footer__copy{grid-column:1/-1;padding-top:16px;border-top:1px solid var(--mn-border);color:var(--mn-faint);font-size:12.5px}

@media (max-width:600px){
	.lg-header__inner{gap:8px;padding:6px 12px}
	.lg-logo img{max-height:28px}
	.lg-nav a{padding:6px 11px;font-size:13px}
	.lg-hero{padding:24px 14px 4px}
	.lg-main{padding:16px 14px 44px}
	.lg-sec{padding:18px 15px}
	.lg-h2{font-size:17px}
	.lg-icon-btn{width:36px;height:36px}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
@media print{
	body{background:#fff;color:#111}
	.lg-header,.lg-aside,.lg-footer__links,.lg-icon-btn{display:none}
	.lg-sec,.lg-bi__col{border:1px solid #ccc;break-inside:avoid}
}