/* 3XScale Content Hub — app-shell chrome + article layout. */
:root{--ground:#F5F8F6;--surface:#FFFFFF;--ink:#0E2A21;--ink-soft:#37483F;--muted:#5E6F66;--line:#E3EBE6;--line-strong:#D2DED7;--accent:#0C7D47;--accent-press:#0A6239;--spark:#E8760F;--font:'Inter',-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;--maxw:1080px;}
@media(prefers-color-scheme:dark){:root{--ground:#08130F;--surface:#0E1D17;--ink:#E9F1EC;--ink-soft:#BECDC5;--muted:#8A9A92;--line:#1D2D27;--line-strong:#2A3D35;--accent:#34C77E;--accent-press:#4FD693;--spark:#F6923E;}}
*{box-sizing:border-box;}
body.tx-app{margin:0;background:var(--ground);color:var(--ink);font-family:var(--font);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden;min-height:100vh;display:flex;flex-direction:column;}
body.tx-app a{color:inherit;text-decoration:none;}
.tx-app .wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px;}
.tx-app .nav{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--ground) 85%,transparent);backdrop-filter:saturate(1.4) blur(10px);-webkit-backdrop-filter:saturate(1.4) blur(10px);border-bottom:1px solid var(--line);}
.tx-app .nav-in{display:flex;align-items:center;justify-content:space-between;gap:16px 32px;height:64px;}
.tx-app .brand{display:flex;align-items:center;gap:10px;font-weight:600;font-size:1.05rem;letter-spacing:-.02em;color:var(--ink);}
.tx-app .brand .mk{width:27px;height:27px;flex:none;}
.tx-app .nav-links{display:flex;align-items:center;gap:26px;}
.tx-app .nav-links a{color:var(--muted);font-size:.92rem;font-weight:500;}
.tx-app .nav-links a:hover{color:var(--ink);}
.tx-app .nav-cta{display:flex;align-items:center;gap:12px;}
.tx-app .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:inherit;font-size:.9rem;font-weight:600;padding:9px 16px;border-radius:9px;border:1px solid transparent;cursor:pointer;white-space:nowrap;}
.tx-app .btn-primary{background:var(--accent);color:#fff;}
.tx-app .btn-quiet{background:transparent;color:var(--muted);padding:9px 6px;}
.tx-app .app-main{flex:1;padding:6px 20px 56px;}
.tx-app .foot{border-top:1px solid var(--line);margin-top:auto;}
.tx-app .foot-top{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:28px 0 16px;}
.tx-app .foot .brand{font-size:.95rem;color:var(--muted);}
.tx-app .foot a{color:var(--muted);font-size:.9rem;font-weight:500;}
.tx-app .foot-links{display:flex;gap:22px;flex-wrap:wrap;}
.tx-app .foot-legal{padding:0 0 30px;font-size:.78rem;line-height:1.6;color:var(--muted);max-width:74ch;opacity:.9;}
/* article */
.ch-article{max-width:720px;margin:0 auto;}
.ch-crumbs{font-size:.82rem;color:var(--muted);margin:10px 0 14px;}
.ch-crumbs a{color:var(--accent);}
.ch-article h1{font-size:clamp(1.8rem,4.8vw,2.6rem);font-weight:800;letter-spacing:-.025em;line-height:1.12;margin:0 0 8px;}
.ch-meta{color:var(--muted);font-size:.85rem;margin-bottom:26px;}
.ch-body h2{font-size:1.4rem;font-weight:700;letter-spacing:-.02em;margin:32px 0 10px;}
.ch-body h3{font-size:1.1rem;font-weight:700;margin:24px 0 6px;}
.ch-body p{margin:0 0 15px;color:var(--ink-soft);}
.ch-body ul{margin:0 0 15px;padding-left:22px;color:var(--ink-soft);}
.ch-body li{margin:6px 0;}
.ch-body strong{color:var(--ink);}
.ch-cta{margin:34px 0 10px;padding:22px 24px;border-radius:14px;background:color-mix(in srgb,var(--accent) 7%,var(--surface));border:1px solid color-mix(in srgb,var(--accent) 28%,var(--line));display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;}
.ch-cta span{font-size:.85rem;color:var(--muted);flex:1;min-width:200px;}
.ch-cta .btn{font-size:.95rem;padding:11px 18px;}
.ch-related{margin-top:40px;border-top:1px solid var(--line);padding-top:22px;}
.ch-related h2{font-size:1.2rem;font-weight:700;margin:0 0 14px;}
.ch-links{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:8px;}
.ch-links a{display:block;padding:11px 14px;background:var(--surface);border:1px solid var(--line);border-radius:9px;font-size:.9rem;color:var(--ink-soft);}
.ch-links a:hover{border-color:var(--accent);color:var(--ink);}
/* hub */
.ch-hub{max-width:960px;margin:0 auto;}
.ch-hub h1{font-size:clamp(1.9rem,5vw,2.6rem);font-weight:800;letter-spacing:-.025em;margin:8px 0 8px;}
.ch-lede{color:var(--ink-soft);font-size:1.05rem;margin:0 0 28px;max-width:60ch;}
.ch-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;}
.ch-card{display:block;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:22px;transition:border-color .15s,transform .15s;}
.ch-card:hover{border-color:var(--accent);transform:translateY(-2px);}
.ch-card h3{font-size:1.12rem;font-weight:700;letter-spacing:-.01em;margin:0 0 8px;color:var(--ink);}
.ch-card p{margin:0 0 12px;color:var(--muted);font-size:.9rem;line-height:1.5;}
.ch-more{color:var(--accent);font-weight:600;font-size:.88rem;}
@media(max-width:640px){.tx-app .nav-links{display:none;}.tx-app .wrap{padding:0 18px;}}