.hcol-page{min-height:100vh;background:radial-gradient(circle at 12% 8%,rgba(69,244,255,0.09),transparent 30rem),radial-gradient(circle at 88% 2%,rgba(168,85,247,0.12),transparent 34rem),linear-gradient(180deg,#07070f 0%,#0d0d18 48%,#07070f 100%);color:var(--text-primary,#f8fafc)}.hcol-page .hacks-breadcrumb{background:rgba(9,9,18,0.82);border-bottom:1px solid rgba(69,244,255,0.12);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.hcol-shell{width:min(1180px,calc(100vw - 48px));margin:0 auto}.hcol-hero{position:relative;overflow:hidden;padding:3.65rem 0 3rem;border-bottom:1px solid rgba(255,255,255,0.06)}.hcol-hero::before{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,0.024) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,0.024) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(180deg,rgba(0,0,0,0.85),transparent 88%);pointer-events:none}.hcol-hero::after{content:'';position:absolute;right:8%;bottom:-10rem;width:28rem;height:28rem;border-radius:999px;background:radial-gradient(circle,rgba(69,244,255,0.16),transparent 68%);filter:blur(34px);pointer-events:none}.hcol-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.28fr) minmax(340px,0.72fr);gap:clamp(2rem,4vw,4rem);align-items:center}.hcol-kicker{display:inline-flex;align-items:center;gap:0.55rem;margin-bottom:1.15rem;padding:0.45rem 0.8rem;border:1px solid rgba(69,244,255,0.22);border-radius:999px;background:rgba(69,244,255,0.06);color:var(--accent-secondary-strong,#6ff6ff);font-family:var(--font-mono,monospace);font-size:0.72rem;font-weight:700;letter-spacing:0.08em;text-transform:uppercase}.hcol-kicker-dot{width:0.45rem;height:0.45rem;border-radius:999px;background:var(--accent-secondary,#45f4ff);box-shadow:0 0 14px rgba(69,244,255,0.8)}.hcol-title{max-width:12.5ch;margin:0;font-family:var(--font-display,sans-serif);font-size:clamp(3rem,6.2vw,5.85rem);font-weight:800;line-height:0.95;letter-spacing:-0.06em;color:#fff}.hcol-subtitle{max-width:760px;margin:1.15rem 0 0;color:rgba(226,232,240,0.78);font-size:clamp(1rem,1.35vw,1.15rem);line-height:1.65}.hcol-actions{display:flex;flex-wrap:wrap;gap:0.75rem;margin-top:1.8rem}.hcol-btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0.75rem 1rem;border-radius:999px;font-weight:800;letter-spacing:-0.01em;text-decoration:none;transition:transform 0.2s ease,border-color 0.2s ease,background 0.2s ease}.hcol-btn:hover{transform:translateY(-2px)}.hcol-btn-primary{background:linear-gradient(135deg,rgba(168,85,247,0.9),rgba(69,244,255,0.85));color:#07070f;box-shadow:0 16px 42px rgba(69,244,255,0.16)}.hcol-btn-secondary{border:1px solid rgba(255,255,255,0.13);background:rgba(255,255,255,0.04);color:#f8fafc}.hcol-glance-panel{padding:1.35rem;border:1px solid rgba(255,255,255,0.09);border-radius:1.35rem;background:linear-gradient(135deg,rgba(69,244,255,0.08),transparent 48%),linear-gradient(180deg,rgba(255,255,255,0.06),rgba(255,255,255,0.025));box-shadow:inset 0 1px 0 rgba(255,255,255,0.08),0 24px 70px rgba(0,0,0,0.26);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.hcol-glance-label{margin:0 0 0.85rem;color:var(--accent-secondary-strong,#6ff6ff);font-family:var(--font-mono,monospace);font-size:0.74rem;font-weight:800;letter-spacing:0.08em;text-transform:uppercase}.hcol-glance-list{display:grid;gap:0.85rem;margin:0;padding:0}.hcol-glance-list div{display:grid;gap:0.25rem;padding:0.85rem;border:1px solid rgba(255,255,255,0.07);border-radius:0.9rem;background:rgba(0,0,0,0.2)}.hcol-glance-list dt{color:rgba(203,213,225,0.68);font-family:var(--font-mono,monospace);font-size:0.68rem;font-weight:800;letter-spacing:0.07em;text-transform:uppercase}.hcol-glance-list dd{margin:0;color:#fff;font-family:var(--font-display,sans-serif);font-size:clamp(1.1rem,2vw,1.55rem);font-weight:800;line-height:1.1}.hcol-main{display:grid;gap:1.25rem;padding:2rem 0 5rem}.hcol-card,.hcol-table-section{border:1px solid rgba(255,255,255,0.075);border-radius:1.35rem;background:linear-gradient(135deg,rgba(69,244,255,0.035),transparent 42%),rgba(255,255,255,0.035);box-shadow:inset 0 1px 0 rgba(255,255,255,0.06),0 20px 60px rgba(0,0,0,0.24)}.hcol-card{padding:1.45rem}.hcol-card h2,.hcol-section-header h2{margin:0 0 0.55rem;color:#fff;font-family:var(--font-display,sans-serif);font-size:clamp(1.3rem,1.8vw,1.85rem);letter-spacing:-0.03em}.hcol-card p,.hcol-section-header p{max-width:980px;margin:0;color:rgba(226,232,240,0.78);font-size:1rem;line-height:1.7}.hcol-card p+p{margin-top:0.7rem}.hcol-card a{color:var(--accent-secondary-strong,#6ff6ff);text-decoration:none}.hcol-related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0.8rem;margin-top:1rem}.hcol-related-link{display:grid;gap:0.45rem;min-height:118px;padding:1rem;border:1px solid rgba(255,255,255,0.08);border-radius:1rem;background:rgba(0,0,0,0.22);text-decoration:none;transition:transform 0.2s ease,border-color 0.2s ease,background 0.2s ease}.hcol-related-link:hover{transform:translateY(-2px);border-color:rgba(69,244,255,0.28);background:rgba(69,244,255,0.055);text-decoration:none}.hcol-related-link strong{color:#fff;font-size:1rem}.hcol-related-link span{color:rgba(226,232,240,0.7);font-size:0.92rem;line-height:1.5}.hcol-card a:hover{text-decoration:underline}.hcol-table-section{padding:1.15rem;overflow:hidden}.hcol-page .hacks-td-date a,.hcol-page .hacks-td-technique a{color:rgba(226,232,240,0.86);text-decoration:none}.hcol-page .hacks-td-date a:hover,.hcol-page .hacks-td-technique a:hover{color:var(--accent-secondary-strong,#6ff6ff)}.hcol-section-header{padding:0.35rem 0.35rem 1rem}.hcol-table-wrap{border-radius:1rem;border-color:rgba(255,255,255,0.08);background:rgba(0,0,0,0.2)}.hcol-page .hacks-table{min-width:920px}.hcol-page .hacks-table thead{background:rgba(69,244,255,0.05)}.hcol-page .hacks-th{color:rgba(203,213,225,0.82);font-family:var(--font-mono,monospace);font-size:0.72rem;letter-spacing:0.08em}.hcol-sort-btn{all:unset;cursor:pointer;display:inline-flex;align-items:center;width:100%}.hcol-sort-btn:focus-visible{outline:2px solid var(--accent-secondary,#45f4ff);outline-offset:0.25rem;border-radius:0.25rem}.hcol-page .hacks-row:hover{background:rgba(69,244,255,0.045)}@media (max-width:920px){.hcol-shell{width:min(100% - 32px,760px)}.hcol-hero{padding:2.75rem 0 1.8rem}.hcol-hero-grid,.hcol-related-grid{grid-template-columns:1fr}.hcol-title{max-width:100%;font-size:clamp(2.55rem,11vw,4.2rem)}}@media (max-width:620px){.hcol-shell{width:min(100% - 24px,100%)}.hcol-hero{padding:2.15rem 0 1.35rem}.hcol-page .hacks-table{min-width:0}.hcol-actions,.hcol-btn{width:100%}}