/* ===== tech_update_jan_26 (HTML form, scoped) =====
   Loaded eagerly from anvil.yaml native_deps.head_html. The root rule is a bare class on purpose: it must
   outrank the zero-specificity :where() reset; every other rule stays :where()-scoped so it cannot leak off
   this screen. Rules gated on .tu-live hide content until the form's JavaScript runs, so the designer
   canvas - which runs neither Python nor JavaScript - shows the baked content instead of empty panels. */


        :where(.tech-update-jan-26), :where(.tech-update-jan-26) *,
:where(.tech-update-jan-26) *::before, :where(.tech-update-jan-26)::before,
:where(.tech-update-jan-26) *::after, :where(.tech-update-jan-26)::after { margin: 0; padding: 0; box-sizing: border-box; }
        
        .tech-update-jan-26 {
            font-family: "Nunito", sans-serif; background: #1a1525; color: #e8e0f0;
line-height: 1.6;
    position: relative;
    flex: 1 0 auto;
}
        :where(.tech-update-jan-26) .tu-noise {
            position: absolute; top: 0; left: 0; right: 0; height: 100vh;
            overflow: hidden; pointer-events: none;
        }
        :where(.tech-update-jan-26) .tu-noise::before {
            content: ""; position: absolute; inset: 0; pointer-events: none; z-index: 0;
            background: radial-gradient(circle 400px at 15% 25%, rgba(255,143,175,0.06), transparent),
                radial-gradient(circle 350px at 85% 55%, rgba(126,200,160,0.05), transparent),
                radial-gradient(circle 300px at 50% 80%, rgba(195,174,214,0.05), transparent);
        }
        :where(.tech-update-jan-26) .container { max-width: 1000px; margin: 0 auto; padding: 40px 24px 100px; position: relative; z-index: 1; }


        /* ===== HEADER ===== */
        :where(.tech-update-jan-26) header { margin-bottom: 50px; text-align: center; }
        :where(.tech-update-jan-26) .header-sticker {
            display: inline-flex; align-items: center; gap: 8px;
            background: rgba(255,143,175,0.12); color: #ff8fab;
            font-family: "Fredoka", sans-serif; font-size: 0.9rem; font-weight: 600;
            padding: 10px 24px; border-radius: 50px; border: 2px solid rgba(255,143,175,0.25);
            box-shadow: 0 0 20px rgba(255,143,175,0.08); margin-bottom: 20px;
        }
        :where(.tech-update-jan-26) h1 { font-family: "Fredoka", sans-serif; font-size: clamp(2.6rem, 7vw, 4.5rem); font-weight: 700; line-height: 1.1; color: #f0e8f8; }
        :where(.tech-update-jan-26) h1 .highlight { color: #ff8fab; position: relative; }
        :where(.tech-update-jan-26) h1 .highlight::after {
            content: ""; position: absolute; bottom: 2px; left: -4px; right: -4px; height: 14px;
            background: linear-gradient(90deg, rgba(255,143,175,0.2), rgba(195,174,214,0.15));
            z-index: -1; border-radius: 8px;
        }

        /* ===== TABS ===== */
        :where(.tech-update-jan-26) .cn-tabs { display: flex; gap: 4px; margin-bottom: 32px; background: rgba(42,36,53,0.6); border-radius: 14px; padding: 5px; border: 1px solid rgba(195,174,214,0.08); }
        :where(.tech-update-jan-26) .cn-tab { flex: 1; padding: 12px; border: none; background: transparent; color: #9a8fb5; font-family: "Fredoka", sans-serif; font-size: 0.88rem; font-weight: 600; cursor: pointer; border-radius: 10px; transition: opacity 0.25s, transform 0.25s, background-color 0.25s, color 0.25s, border-color 0.25s, box-shadow 0.25s; }
        :where(.tech-update-jan-26) .cn-tab.active { background: rgba(255,143,175,0.12); color: #ff8fab; box-shadow: 0 0 20px rgba(255,143,175,0.08); }
        :where(.tech-update-jan-26) .cn-tab:hover:not(.active) { color: #e8e0f0; background: rgba(255,255,255,0.03); }
        :where(.tech-update-jan-26) .cn-panel { animation: tu126-cnIn 0.3s ease-out; }
        :where(.tech-update-jan-26.tu-live) .cn-panel { display: none; }
        :where(.tech-update-jan-26) .cn-panel.active { display: block; }
        @keyframes tu126-cnIn { from { opacity: 0; transform: translateY(16px); } to { opacity: 1; transform: translateY(0); } }

        /* ===== GLOW BADGE ===== */
        :where(.tech-update-jan-26) .cn-glow-badge { font-family: "Fredoka", sans-serif; font-size: 0.5rem; font-weight: 600; background: rgba(255,143,175,0.18); color: #ff8fab; padding: 3px 10px; border-radius: 50px; display: inline-block; margin-bottom: 8px; box-shadow: 0 0 10px rgba(255,143,175,0.15); text-transform: uppercase; letter-spacing: 0.04em; }

        /* ===== RELEASES ===== */
        :where(.tech-update-jan-26) .cn-releases { display: flex; flex-direction: column; gap: 6px; }
        :where(.tech-update-jan-26) .cn-rel {
            display: flex; gap: 12px; align-items: flex-start; padding: 14px 16px;
            background: rgba(42,36,53,0.45); border: 1px solid rgba(195,174,214,0.08);
            border-radius: 14px; transition: opacity 0.35s cubic-bezier(0.4, 0, 0.2, 1), transform 0.35s cubic-bezier(0.4, 0, 0.2, 1), background-color 0.35s cubic-bezier(0.4, 0, 0.2, 1), color 0.35s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.35s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.35s cubic-bezier(0.4, 0, 0.2, 1);
            opacity: 0; animation: tu126-relSlide 0.4s ease-out forwards;
        }
        :where(.tech-update-jan-26.tu-live) .cn-rel:nth-child(odd) { transform: translateX(-40px); }
        :where(.tech-update-jan-26.tu-live) .cn-rel:nth-child(even) { transform: translateX(40px); }
        :where(.tech-update-jan-26) .cn-rel:nth-child(1) { animation-delay: 0s; }
        :where(.tech-update-jan-26) .cn-rel:nth-child(2) { animation-delay: 0.05s; }
        :where(.tech-update-jan-26) .cn-rel:nth-child(3) { animation-delay: 0.1s; }
        :where(.tech-update-jan-26) .cn-rel:nth-child(4) { animation-delay: 0.15s; }
        :where(.tech-update-jan-26) .cn-rel:nth-child(5) { animation-delay: 0.2s; }
        :where(.tech-update-jan-26) .cn-rel:nth-child(6) { animation-delay: 0.25s; }
        :where(.tech-update-jan-26) .cn-rel:nth-child(7) { animation-delay: 0.3s; }
        :where(.tech-update-jan-26) .cn-rel:nth-child(8) { animation-delay: 0.35s; }
        :where(.tech-update-jan-26) .cn-rel:nth-child(9) { animation-delay: 0.4s; }
        :where(.tech-update-jan-26) .cn-rel:nth-child(10) { animation-delay: 0.45s; }
        :where(.tech-update-jan-26) .cn-rel:nth-child(11) { animation-delay: 0.5s; }
        @keyframes tu126-relSlide { to { opacity: 1; transform: translateX(0); } }
        :where(.tech-update-jan-26) .cn-rel:hover { background: rgba(42,36,53,0.75); border-color: rgba(126,200,160,0.25); transform: translateX(8px) scale(1.01); box-shadow: -4px 0 16px rgba(126,200,160,0.06); }
        :where(.tech-update-jan-26) .cn-rel.feat { border-color: rgba(126,200,160,0.35); background: rgba(126,200,160,0.08); box-shadow: 0 0 18px rgba(126,200,160,0.06), inset 3px 0 0 #7ec8a0; }
        :where(.tech-update-jan-26) .cn-rel.feat strong { color: #7ec8a0; }
        :where(.tech-update-jan-26) .cn-rel.feat .cn-gchk { font-size: 1.3rem; text-shadow: 0 0 14px rgba(126,200,160,0.7); }
        :where(.tech-update-jan-26) .cn-rel.feat:hover { border-color: rgba(126,200,160,0.5); background: rgba(126,200,160,0.12); box-shadow: 0 0 28px rgba(126,200,160,0.12), inset 3px 0 0 #7ec8a0, -4px 0 20px rgba(126,200,160,0.1); }
        :where(.tech-update-jan-26) .cn-rel strong { font-family: "Fredoka", sans-serif; font-size: 0.88rem; font-weight: 600; color: #f0e8f8; display: block; margin-bottom: 2px; }
        :where(.tech-update-jan-26) .cn-rel span { color: #9a8fb5; font-size: 0.78rem; }
        :where(.tech-update-jan-26) .cn-gchk { color: #7ec8a0; font-size: 1.1rem; flex-shrink: 0; text-shadow: 0 0 10px rgba(126,200,160,0.5); transition: transform 0.3s, text-shadow 0.3s; }
        :where(.tech-update-jan-26) .cn-rel:hover .cn-gchk { transform: scale(1.3) rotate(10deg); text-shadow: 0 0 18px rgba(126,200,160,0.8); }

        /* ===== ISSUES ===== */
        :where(.tech-update-jan-26) #iss-panel { min-height: 260px; }
        :where(.tech-update-jan-26) .cn-issue { background: rgba(255,193,7,0.05); border: 1.5px solid rgba(255,193,7,0.15); border-radius: 24px; padding: 36px; max-width: 650px; margin: 0 auto; text-align: center; position: relative; overflow: hidden; }
        :where(.tech-update-jan-26) .cn-issue h3 { font-family: "Fredoka", sans-serif; font-size: 1.4rem; font-weight: 700; color: #ffd54f; margin-bottom: 12px; text-shadow: 0 0 20px rgba(255,213,79,0.15); }
        :where(.tech-update-jan-26) .cn-issue p { color: #9a8fb5; font-size: 0.92rem; line-height: 1.75; margin-top: 16px; }
        :where(.tech-update-jan-26) .cn-issue cite { display: block; margin-top: 20px; font-style: normal; color: #ffd54f; font-size: 0.82rem; opacity: 0.6; }
        :where(.tech-update-jan-26) .ibadge { font-family: "Fredoka", sans-serif; font-size: 0.6rem; font-weight: 600; padding: 5px 14px; border-radius: 50px; white-space: nowrap; }
        :where(.tech-update-jan-26) .ibadge.monitoring { background: rgba(255,193,7,0.15); color: #ffd54f; border: 2px solid rgba(255,213,79,0.3); }

        /* -- Combined scan + glitch -- */
        :where(.tech-update-jan-26) .cn-issue::after {
            content: ""; position: absolute; top: 0; left: -100%; width: 60%; height: 100%;
            background: linear-gradient(90deg, transparent, rgba(255,213,79,0.06), rgba(255,213,79,0.1), rgba(255,213,79,0.06), transparent);
            animation: tu126-issScan 3s ease-in-out infinite;
        }
        @keyframes tu126-issScan { 0% { left: -60%; } 100% { left: 100%; } }
        :where(.tech-update-jan-26) .cn-issue { animation: tu126-issGlitchIn 0.5s steps(1) both; }
        :where(.tech-update-jan-26) .cn-issue.iss-alt { animation: tu126-issSlideFlicker 0.6s ease-out both; }
        :where(.tech-update-jan-26) .cn-issue.iss-alt:nth-child(2) { animation-delay: 0.4s; }
        :where(.tech-update-jan-26) .cn-issue.iss-alt:nth-child(3) { animation-delay: 0.8s; }
        :where(.tech-update-jan-26) .cn-issue.iss-alt:nth-child(4) { animation-delay: 1.2s; }
        :where(.tech-update-jan-26) .cn-issue.iss-alt:nth-child(5) { animation-delay: 1.6s; }
        :where(.tech-update-jan-26) .cn-issue.iss-alt:nth-child(6) { animation-delay: 2.0s; }
        :where(.tech-update-jan-26) .cn-issue.iss-alt:nth-child(7) { animation-delay: 2.4s; }
        :where(.tech-update-jan-26) .cn-issue.iss-alt:nth-child(8) { animation-delay: 2.8s; }
        :where(.tech-update-jan-26) .cn-issue.iss-alt:nth-child(n+9) { animation-delay: 2.8s; }
        :where(.tech-update-jan-26) .cn-issue::after { animation-delay: var(--jitter, 0s); }
        :where(.tech-update-jan-26) .cn-issue h3 { animation: tu126-issGlitchText 4s steps(2) infinite; animation-delay: calc(0.5s + var(--jitter, 0s)); }
        :where(.tech-update-jan-26) .cn-issue::before {
            content: ""; position: absolute; inset: 0; border-radius: 24px;
            border: 1.5px solid rgba(255,213,79,0.15);
            animation: tu126-issGlitchBorder 3s steps(1) infinite; animation-delay: calc(0.5s + var(--jitter, 0s));
        }
        @keyframes tu126-issGlitchIn {
            0% { opacity: 0; clip-path: inset(40% 0 40% 0); }
            20% { opacity: 1; clip-path: inset(10% 0 60% 0); }
            40% { clip-path: inset(50% 0 5% 0); }
            60% { clip-path: inset(0 0 30% 0); }
            80% { clip-path: inset(15% 0 0 0); }
            100% { clip-path: inset(0); opacity: 1; }
        }
        @keyframes tu126-issGlitchText {
            0%,100% { text-shadow: 0 0 20px rgba(255,213,79,0.15); transform: translate(0); }
            25% { text-shadow: -2px 0 #ff8fab, 2px 0 #7ec8a0; transform: translate(2px, -1px); }
            25.5% { text-shadow: 0 0 20px rgba(255,213,79,0.15); transform: translate(0); }
            50% { text-shadow: 2px 0 #ff8fab, -2px 0 #c3aed6; transform: translate(-1px, 1px); }
            50.5% { text-shadow: 0 0 20px rgba(255,213,79,0.15); transform: translate(0); }
            75% { text-shadow: -1px 0 #7ec8a0, 1px 0 #ff8fab; transform: translate(1px, 0); }
            75.5% { text-shadow: 0 0 20px rgba(255,213,79,0.15); transform: translate(0); }
        }
        @keyframes tu126-issGlitchBorder {
            0%,100% { border-color: rgba(255,213,79,0.15); }
            33% { border-color: rgba(255,143,175,0.3); }
            33.5% { border-color: rgba(255,213,79,0.15); }
            66% { border-color: rgba(126,200,160,0.3); }
            66.5% { border-color: rgba(255,213,79,0.15); }
        }
        @keyframes tu126-issSlideFlicker {
            0% { opacity: 0; transform: translateX(60px) scale(0.92); }
            20% { opacity: 0.7; transform: translateX(-8px) scale(1.02); }
            30% { opacity: 0.3; transform: translateX(4px) scale(0.98); }
            50% { opacity: 0.9; transform: translateX(-2px) scale(1.01); }
            60% { opacity: 0.4; transform: translateX(1px) scale(1); }
            80% { opacity: 1; transform: translateX(0) scale(1); }
            85% { opacity: 0.6; }
            100% { opacity: 1; transform: translateX(0) scale(1); }
        }

        /* ===== ZIGZAG TIMELINE (from scatter, dark-adapted) ===== */
        :where(.tech-update-jan-26) .timeline { position: relative; padding: 0 40px 80px; max-width: 800px; margin: 0 auto; }
        :where(.tech-update-jan-26) .timeline::before {
            content: ""; position: absolute; left: 50%; top: 0; bottom: 0; width: 4px;
            background: linear-gradient(180deg, rgba(255,143,175,0.5), rgba(195,174,214,0.3), rgba(126,200,160,0.4), rgba(255,143,175,0.5));
            border-radius: 4px; transform: translateX(-50%);
        }
        :where(.tech-update-jan-26) .tl-item { position: relative; margin-bottom: -40px; width: 44%; transition: opacity 0.5s ease-out, transform 0.5s ease-out; }
        :where(.tech-update-jan-26.tu-live) .tl-item { opacity: 0; }
        :where(.tech-update-jan-26.tu-live) .tl-item:nth-child(odd) { transform: translateX(-50px); }
        :where(.tech-update-jan-26.tu-live) .tl-item:nth-child(even) { transform: translateX(50px); }
        :where(.tech-update-jan-26) .tl-item.visible { opacity: 1; transform: translateX(0); }
        :where(.tech-update-jan-26) .tl-item:nth-child(odd) { margin-left: 0; text-align: right; }
        :where(.tech-update-jan-26) .tl-item:nth-child(even) { margin-left: auto; text-align: left; }
        :where(.tech-update-jan-26) .tl-date { font-family: "Fredoka", sans-serif; font-size: 1rem; font-weight: 600; display: block; margin-bottom: 8px; color: #9a8fb5; }
        :where(.tech-update-jan-26) .tl-date.soon { color: #ff8fab; }
        :where(.tech-update-jan-26) .tl-dot {
            position: absolute; top: 50%; width: 20px; height: 20px; border-radius: 50%;
            background: #ff8fab; border: 3px solid #1a1525; z-index: 2;
            box-shadow: 0 0 0 2px #ff8fab, 0 0 12px rgba(255,143,175,0.4); transition: opacity 0.3s, transform 0.3s, background-color 0.3s, color 0.3s, border-color 0.3s, box-shadow 0.3s;
        }
        :where(.tech-update-jan-26) .tl-item:nth-child(odd) .tl-dot { right: -14%; transform: translateX(50%) translateY(-50%); }
        :where(.tech-update-jan-26) .tl-item:nth-child(even) .tl-dot { left: -14%; transform: translateX(-50%) translateY(-50%); }
        :where(.tech-update-jan-26) .tl-item:hover .tl-dot { background: #7ec8a0; box-shadow: 0 0 0 2px #7ec8a0, 0 0 20px rgba(126,200,160,0.5); }
        :where(.tech-update-jan-26) .tl-item:nth-child(odd):hover .tl-dot { transform: translateX(50%) translateY(-50%) scale(1.3); }
        :where(.tech-update-jan-26) .tl-item:nth-child(even):hover .tl-dot { transform: translateX(-50%) translateY(-50%) scale(1.3); }
        :where(.tech-update-jan-26) .tl-card {
            background: rgba(42,36,53,0.65); border: 1.5px solid rgba(195,174,214,0.1);
            border-radius: 20px; padding: 24px; backdrop-filter: blur(6px);
            transition: opacity 0.3s, transform 0.3s, background-color 0.3s, color 0.3s, border-color 0.3s, box-shadow 0.3s; text-align: left;
            box-shadow: 0 4px 16px rgba(0,0,0,0.15);
        }
        :where(.tech-update-jan-26) .tl-item:hover .tl-card {
            transform: translateY(-4px); border-color: rgba(255,143,175,0.3);
            box-shadow: 0 0 24px rgba(255,143,175,0.08), 0 10px 36px rgba(0,0,0,0.25);
        }
        :where(.tech-update-jan-26) .tl-card-header { display: flex; align-items: center; flex-wrap: wrap; gap: 6px; margin-bottom: 6px; }
        :where(.tech-update-jan-26) .tl-card h3 { font-family: "Fredoka", sans-serif; font-size: 1.1rem; font-weight: 600; color: #f0e8f8; }
        :where(.tech-update-jan-26) .tl-card p { color: #9a8fb5; font-size: 0.92rem; margin-bottom: 8px; line-height: 1.6; }
        :where(.tech-update-jan-26) .tl-eta { font-family: "Fredoka", sans-serif; font-size: 0.88rem; color: #9a8fb5; }

        /* ===== TAGS ===== */
        :where(.tech-update-jan-26) .tag { font-family: "Fredoka", sans-serif; font-size: 0.55rem; font-weight: 600; padding: 3px 10px; border-radius: 50px; display: inline-block; }
        :where(.tech-update-jan-26) .tag.new { background: rgba(126,200,160,0.15); color: #7ec8a0; border: 1px solid rgba(126,200,160,0.3); }
        :where(.tech-update-jan-26) .tag.not-scoped { background: rgba(255,213,128,0.15); color: #ffd580; border: 1px solid rgba(255,213,128,0.3); }
        :where(.tech-update-jan-26) .tag.negotiating { background: rgba(195,174,214,0.15); color: #c3aed6; border: 1px solid rgba(195,174,214,0.3); }
        :where(.tech-update-jan-26) .tag.delay { background: rgba(255,143,175,0.15); color: #ff8fab; border: 1px solid rgba(255,143,175,0.3); }

        /* ===== SECTION HEADER ===== */
        :where(.tech-update-jan-26) .sh { display: flex; align-items: center; gap: 14px; margin-bottom: 24px; justify-content: center; }
        :where(.tech-update-jan-26) .sn { font-family: "Fredoka", sans-serif; font-size: 2.5rem; font-weight: 700; color: #ff8fab; opacity: 0.5; }
        :where(.tech-update-jan-26) .sh h2 { font-family: "Fredoka", sans-serif; font-size: 1.8rem; font-weight: 700; color: #f0e8f8; }

        /* ===== FOOTER ===== */
        :where(.tech-update-jan-26) footer { text-align: center; padding: 40px 0 20px; }
        :where(.tech-update-jan-26) .footer-content {
            display: inline-flex; align-items: center; gap: 10px;
            background: rgba(42,36,53,0.8); padding: 12px 28px;
            border: 1.5px solid rgba(195,174,214,0.12); border-radius: 50px;
            box-shadow: 0 4px 20px rgba(0,0,0,0.3);
            font-family: "Fredoka", sans-serif; font-size: 0.85rem; font-weight: 600; color: #9a8fb5;
        }

        /* ===== FLIP CARDS ===== */
        :where(.tech-update-jan-26) .hl-flip-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
        :where(.tech-update-jan-26) .hl-flip-card { perspective: 800px; height: 220px; cursor: pointer; }
        :where(.tech-update-jan-26) .hl-flip-inner { position: relative; width: 100%; height: 100%; transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1); transform-style: preserve-3d; }
        :where(.tech-update-jan-26) .hl-flip-card.flipped .hl-flip-inner { transform: rotateY(180deg); }
        :where(.tech-update-jan-26) .hl-flip-front,
:where(.tech-update-jan-26) .hl-flip-back {
            position: absolute; inset: 0; backface-visibility: hidden; border-radius: 18px;
            padding: 24px 18px; display: flex; flex-direction: column; align-items: center; justify-content: center;
            border: 1.5px solid rgba(195,174,214,0.1); backdrop-filter: blur(6px);
        }
        :where(.tech-update-jan-26) .hl-flip-front { background: rgba(42,36,53,0.65); }
        :where(.tech-update-jan-26) .hl-flip-card:not(.flipped):hover .hl-flip-inner { transform: rotateY(15deg); }
        :where(.tech-update-jan-26) .hl-flip-card:not(.flipped):hover .hl-flip-front { border-color: rgba(255,143,175,0.3); box-shadow: 0 0 24px rgba(255,143,175,0.08); }
        :where(.tech-update-jan-26) .hl-flip-back { background: rgba(42,36,53,0.9); border-color: rgba(255,143,175,0.15); transform: rotateY(180deg); overflow: hidden; text-align: center; justify-content: flex-start; padding-top: 28px; }
        :where(.tech-update-jan-26) .hl-flip-emoji { font-size: 2.5rem; margin-bottom: 14px; }
        :where(.tech-update-jan-26) .hl-flip-front h3 { font-family: "Fredoka", sans-serif; font-size: 0.88rem; font-weight: 600; color: #f0e8f8; text-align: center; line-height: 1.3; }
        :where(.tech-update-jan-26) .hl-flip-back h3 { font-family: "Fredoka", sans-serif; font-size: 0.88rem; font-weight: 600; color: #ff8fab; margin-bottom: 10px; }
        :where(.tech-update-jan-26) .hl-flip-back p { color: #9a8fb5; font-size: 0.78rem; line-height: 1.6; }
        :where(.tech-update-jan-26) .hl-flip-hint { font-size: 0.58rem; color: #9a8fb5; margin-top: 10px; letter-spacing: 0.06em; text-transform: uppercase; }
        :where(.tech-update-jan-26) .hl-ribbon { position: absolute; top: 16px; right: -34px; z-index: 3; background: rgba(220,38,38,0.9); color: #fff; font-family: "Fredoka", sans-serif; font-size: 0.55rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.08em; padding: 4px 40px; transform: rotate(35deg); box-shadow: 0 2px 10px rgba(255,75,75,0.3); pointer-events: none; }
        :where(.tech-update-jan-26) .hl-flip-card { overflow: hidden; }

        /* ===== RESPONSIVE ===== */
        @media (max-width: 768px) {
            :where(.tech-update-jan-26) .container { padding: 24px 16px 60px; }
            :where(.tech-update-jan-26) h1 { font-size: 2rem; }
            :where(.tech-update-jan-26) .hl-flip-grid { grid-template-columns: 1fr; }
            :where(.tech-update-jan-26) .hl-flip-card { height: 220px; }
            :where(.tech-update-jan-26) .cn-tabs { flex-wrap: wrap; }
            :where(.tech-update-jan-26) .cn-tab { font-size: 0.75rem; padding: 10px 8px; }
            :where(.tech-update-jan-26) .timeline::before { left: 16px; transform: none; }
            :where(.tech-update-jan-26) .timeline { padding: 0 0 0 10px; }
            :where(.tech-update-jan-26) .tl-item { width: calc(100% - 30px) !important; margin-left: 30px !important; text-align: left !important; margin-bottom: 16px !important; }
            :where(.tech-update-jan-26) .tl-item .tl-dot { left: -26px !important; right: auto !important; transform: none !important; width: 14px; height: 14px; }
        }