/* 2026 sidebar cards for legacy pages (blog posts). Generated from nj-managed-it-services-test2.html t26 styles by .claude/tools/t26/blog-aside.js; regenerate, do not hand-edit. */
/* 2026 hero + sidebar on the legacy page: ics-2026.css rules for these two blocks only, scoped under .t26 */
.t26{--navy:#0a1f4e;--navy-2:#102a63;--navy-3:#06163a;--blue:#2b5fd9;--blue-ink:#1d47b3;--blue-soft:#e8effd;--orange:#f26a1b;--orange-d:#d4570c;--ok:#1fa971;
  --paper:#f4f6fb;--line:#dce3f0;--line-2:#c9d4e8;--text:#15214a;--muted:#53607b;--r-s:6px;--r-m:10px;--r-l:16px;
  --sh-1:0 1px 2px rgba(10,31,78,.06),0 4px 14px rgba(10,31,78,.06);--sh-2:0 18px 50px rgba(6,22,58,.22);
  --f-head:"ICS Archivo","Archivo",ui-sans-serif,"Segoe UI",Arial,sans-serif;--f-body:"ICS Public Sans","Public Sans",ui-sans-serif,"Segoe UI",Arial,sans-serif;
  --wrap:1240px;--ubar:0px;--hdr:79px;font:400 17px/1.65 var(--f-body);color:var(--text);text-align:left}
@media (min-width:961px) and (max-width:1859px){.t26{--hdr:125px}}
.t26 *,.t26 *::before,.t26 *::after{box-sizing:border-box}
.t26 h1,.t26 h2,.t26 h3{font-family:var(--f-head);line-height:1.15;letter-spacing:-.01em;font-stretch:104%;margin:0 0 .5em;padding:0;text-transform:none;background:none;border:0}
.t26 h1{font-size:clamp(32px,4.4vw,54px);font-weight:800;font-stretch:108%}
@media (max-width:600px){.t26 h1{font-size:33px;line-height:1.08}}
.t26 p{margin:0 0 1em;padding:0}
.t26 a{color:var(--blue-ink)}
.t26 ul,.t26 ol{margin:0;padding:0;list-style:none}
.t26 li{background:none;padding-left:0}
.t26 li::before{content:none}
.t26 img,.t26 svg{max-width:100%}
.t26 button,.t26 input,.t26 select{font-family:inherit}
@keyframes live{0%{box-shadow:0 0 0 0 rgba(31,169,113,.55)}70%{box-shadow:0 0 0 8px rgba(31,169,113,0)}100%{box-shadow:0 0 0 0 rgba(31,169,113,0)}}
.t26 .xi{width:1em;height:1em;fill:currentColor;flex:none;vertical-align:-.125em}
.t26 .xw{max-width:var(--wrap);margin:0 auto;padding:0 24px}
.t26 .xlead{font-size:clamp(17px,1.4vw,19.5px);line-height:1.6;color:var(--muted)}
.t26 .ticks{list-style:none;padding:0;margin:0 0 1.2em}
.t26 .ticks li{display:flex;gap:10px;align-items:flex-start;margin:0 0 10px}
.t26 .ticks .xi{color:var(--ok);width:22px;height:22px;margin-top:2px}
.t26 .stars{display:inline-flex;gap:1px;color:#fbbc04}
.t26 .stars .st{width:17px;height:17px}
.t26 .xb{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 24px;border-radius:var(--r-m);border:2px solid transparent;font:700 16.5px/1 var(--f-head);font-stretch:104%;text-decoration:none;cursor:pointer;transition:background .15s,border-color .15s,box-shadow .15s;white-space:nowrap}
.t26 .xb .xi{width:20px;height:20px}
.t26 .xb-cta{background:var(--orange);color:#fff;box-shadow:0 6px 18px rgba(242,106,27,.32)}
.t26 .xb-cta:hover{background:var(--orange-d);color:#fff}
.t26 .xb-ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.45)}
.t26 .xb-ghost:hover{border-color:#fff;color:#fff}
.t26 .xb-block{width:100%}
.t26 .live{width:9px;height:9px;border-radius:50%;background:var(--ok);box-shadow:0 0 0 0 rgba(31,169,113,.6);animation:live 2.4s infinite;flex:none;margin-right:-8px}
.t26.ph{position:relative;background:var(--navy);color:#dfe7fb;overflow:hidden;isolation:isolate}
.t26.ph::before{content:"";position:absolute;inset:0;z-index:-1;background:
  radial-gradient(1000px 520px at 85% -10%,rgba(43,95,217,.55),transparent 60%),
  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='97' viewBox='0 0 56 97'%3E%3Cpath d='M28 0 56 16v32L28 64 0 48V16zM28 64l28 16v17M28 64 0 80v17' fill='none' stroke='%23ffffff' stroke-opacity='.07' stroke-width='1.2'/%3E%3C/svg%3E") right top/56px 97px;
  -webkit-mask-image:linear-gradient(90deg,transparent 30%,#000 75%);mask-image:linear-gradient(90deg,transparent 30%,#000 75%)}
.t26.ph::after{content:"";position:absolute;left:0;right:0;bottom:0;height:4px;background:linear-gradient(90deg,var(--orange) 0 18%,var(--blue) 18% 100%);z-index:-1}
.t26 .ph-in{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr);gap:56px;align-items:start;padding:44px 24px 60px}
.t26 .ph-copy{padding-top:8px}
.t26.ph h1{color:#fff;margin:14px 0 18px;max-width:20ch}
.t26.ph .xlead{color:#c9d5f2;max-width:58ch}
.t26.ph .ticks li{color:#e8eefc}
.t26 .ph-ctas{display:flex;flex-wrap:wrap;gap:12px;margin:26px 0 22px}
.t26 .crumbs{font-size:13.5px;color:#9fb0da}
.t26 .crumbs ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:4px 0}
.t26 .crumbs li+li::before{content:"/";margin:0 9px;color:#5f74ad}
.t26 .crumbs a{color:#c9d5f2;text-decoration:none}
.t26 .crumbs a:hover{color:#fff;text-decoration:underline}
.t26 .crumbs [aria-current]{color:#fff}
.t26 .ph-meta{display:flex;flex-wrap:wrap;gap:10px 22px;align-items:center;font-size:14.5px;color:#c9d5f2}
.t26 .ph-meta .xchip-s{display:inline-flex;align-items:center;gap:7px}
.t26 .ph-meta .xi{width:18px;height:18px;color:#7fa3ff}
.t26 .rv{display:inline-flex;align-items:center;gap:9px;text-decoration:none;color:var(--text);font-size:14.5px}
.t26 .rv .gg{width:20px;height:20px}
.t26 .rv-light,.t26.ph .rv{color:#e8eefc}
.t26 .rv:hover span{text-decoration:underline}
.t26 .fc{background:#fff;color:var(--text);border-radius:var(--r-l);box-shadow:var(--sh-2);overflow:hidden}
.t26 .lf{padding:26px 26px 18px}
.t26 .fc-title{font:800 23px/1.2 var(--f-head);font-stretch:106%;color:var(--navy);margin:0 0 6px}
.t26 .fc-sub{font-size:15px;color:var(--muted);margin:0 0 16px;line-height:1.5}
.t26 .fc-steps{list-style:none;display:flex;gap:6px;margin:0 0 16px;padding:0;counter-reset:s}
.t26 .fc-steps li{flex:1;font-size:12.5px;font-weight:600;color:var(--muted);padding-top:8px;border-top:4px solid var(--line);counter-increment:s}
.t26 .fc-steps li::before{content:"Step " counter(s) ": "}
.t26 .fc-steps li.on{color:var(--blue-ink);border-top-color:var(--blue)}
.t26 .fc-step{border:0;margin:0;padding:0;min-width:0}
.t26 .fc-step legend{font:700 15.5px/1.3 var(--f-head);color:var(--navy);padding:0;margin:0 0 10px}
.t26 .xchips{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0 0 16px}
.t26 .xchip{position:relative;cursor:pointer}
.t26 .xchip input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}
.t26 .xchip span{display:flex;align-items:center;min-height:44px;padding:8px 12px;border:1.5px solid var(--line-2);border-radius:var(--r-s);font-size:14.5px;font-weight:600;line-height:1.25;color:var(--text);background:#fff;transition:border-color .12s,background .12s}
.t26 .xchip input:checked+span{border-color:var(--blue);background:var(--blue-soft);color:var(--blue-ink);box-shadow:inset 0 0 0 1px var(--blue)}
.t26 .xchip input:focus-visible+span{outline:3px solid #ffb37f;outline-offset:1px}
.t26 .fld{margin:0 0 12px}
.t26 .fld label{display:block;font-size:14px;font-weight:600;color:var(--navy);margin:0 0 5px}
.t26 .fld input,.t26 .fld select,.t26 .fld textarea{width:100%;height:50px;padding:0 14px;border:1.5px solid var(--line-2);border-radius:var(--r-s);font:400 16px var(--f-body);color:var(--text);background:#fff}
.t26 .fld select{appearance:none;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7.4 8.6 12 13.2l4.6-4.6L18 10l-6 6-6-6z' fill='%2353607b'/%3E%3C/svg%3E") right 12px center/22px no-repeat;padding-right:40px}
.t26 .fld input:focus,.t26 .fld select:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px rgba(43,95,217,.18)}
.t26 .fld input[aria-invalid=true],.t26 .fld select[aria-invalid=true]{border-color:#c62828;box-shadow:0 0 0 3px rgba(198,40,40,.12)}
.t26 .hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.t26 .fc-back{display:block;margin:10px auto 0;background:none;border:0;color:var(--muted);font:600 14px var(--f-body);cursor:pointer;text-decoration:underline}
.t26 .fc-err{color:#b3261e;font-size:14.5px;font-weight:600;margin:10px 0 0}
.t26 .fc-foot{display:flex;gap:8px;align-items:flex-start;font-size:13px;color:var(--muted);margin:14px 0 0;line-height:1.45}
.t26 .fc-foot .xi{color:var(--ok);width:16px;height:16px;margin-top:1px}
.t26 .fc-or{display:flex;align-items:center;justify-content:space-between;gap:10px;background:var(--paper);border-top:1px solid var(--line);padding:14px 26px;font-size:14.5px;color:var(--muted)}
.t26 .fc-or a{display:inline-flex;align-items:center;gap:8px;font:800 19px var(--f-head);color:var(--navy);text-decoration:none}
.t26 .fc-or a .xi{color:var(--orange)}
.t26.rail{background:#fff;border-bottom:1px solid var(--line)}
.t26 .rail-in{display:flex;align-items:center;gap:32px;padding-top:22px;padding-bottom:22px}
.t26 .rail-lead{flex:0 1 330px;margin:0;font-size:14.5px;color:var(--muted);line-height:1.45}
.t26 .rail-lead strong{color:var(--navy);display:block;font-family:var(--f-head);font-size:15.5px}
.t26 .rail-logos{flex:1;display:flex;align-items:center;justify-content:space-between;gap:24px}
.t26 .bdg{display:block;flex:none}
.t26 .bdg img{height:64px;width:auto;display:block}
.t26 .bdg-soc{display:grid;place-items:center;width:84px;height:64px;border:2px solid var(--navy);border-radius:var(--r-s);text-decoration:none;color:var(--navy);text-align:center;line-height:1}
.t26 .bdg-soc span{font:800 20px var(--f-head)}
.t26 .bdg-soc small{font-size:10.5px;font-weight:700}
@media (max-width:980px){.t26 .rail-in{flex-direction:column;align-items:flex-start;gap:14px}.t26 .rail-lead{flex:none}.t26 .rail-logos{width:100%;overflow-x:auto;justify-content:flex-start;padding-bottom:4px}.t26 .bdg img{height:52px}.t26 .bdg-soc{height:52px;width:72px}}
.t26.pg-aside{position:sticky;top:calc(var(--hdr) + 20px);display:grid;gap:18px}
.t26 .callcard{background:var(--navy);color:#c9d5f2;border-radius:var(--r-l);padding:24px;position:relative;overflow:hidden}
.t26 .callcard .k{display:flex;align-items:center;gap:8px;font-size:13.5px;font-weight:600;color:#9fe2c3;margin:0 0 6px}
.t26 .callcard .k .live{margin-right:0}
.t26 .callcard h2,.t26 .callcard .h{font:800 21px/1.2 var(--f-head);color:#fff;margin:0 0 6px}
.t26 .callcard p{font-size:14.5px;margin:0 0 16px}
.t26 .callcard .xnum{display:flex;align-items:center;gap:10px;font:800 26px/1 var(--f-head);font-stretch:106%;color:#fff;text-decoration:none;margin:0 0 16px}
.t26 .callcard .xnum .xi{width:24px;height:24px;color:var(--orange)}
.t26 .callcard .xb{width:100%;min-height:48px}
.t26 .sidebox{border:1px solid var(--line);border-radius:var(--r-l);padding:20px 22px}
.t26 .sidebox .h{font:750 16px/1.3 var(--f-head);color:var(--navy);margin:0 0 12px}
.t26 .sidebox ul{list-style:none;margin:0;padding:0}
.t26 .sidebox li a{display:flex;justify-content:space-between;align-items:center;padding:9px 0;border-top:1px solid var(--line);color:var(--text);text-decoration:none;font-size:15px;font-weight:500}
.t26 .sidebox li:first-child a{border-top:0}
.t26 .sidebox li a:hover{color:var(--blue-ink)}
.t26 .sidebox .ticks{font-size:14.5px;margin:0}
.t26 .sidebox .ticks li{margin-bottom:8px}
.t26 .sidebox .ticks .xi{width:18px;height:18px}
@media (max-width:1060px){.t26.pg-aside{position:static;grid-template-columns:1fr 1fr}}
@media (max-width:640px){.t26.pg-aside{grid-template-columns:1fr}}
@media print{.t26.pg-aside{display:none!important}}
@media (max-width:980px){.t26 .ph-in{grid-template-columns:1fr;gap:28px;padding:28px 20px 44px}.t26.ph h1{max-width:none}}
@media (max-width:600px){.t26 .xw{padding:0 18px}.t26 .ph-in{padding:22px 18px 36px}.t26.ph h1{font-size:33px;line-height:1.08}.t26.ph .xlead{font-size:16.5px}.t26.ph .ticks{display:none}.t26 .ph-ctas{margin:18px 0 16px}.t26 .ph-ctas .xb{flex:1 1 100%}.t26 .crumbs{font-size:12.5px}.t26 .lf{padding:20px 18px 14px}.t26 .fc-or{padding:12px 18px}.t26 .fc-title{font-size:21px}}
.t26 .fc-note{font-size:12.5px;line-height:1.45;color:var(--muted);margin:-4px 0 12px}
.t26 .ph-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:28px 0 0;max-width:640px}.t26 .ph-stat{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;min-height:96px;padding:18px 10px;border-radius:14px;
  background:linear-gradient(180deg,#3a7be0,#2f6cd0);border:1px solid rgba(255,255,255,.22);box-shadow:0 10px 24px rgba(4,12,30,.28);transition:transform .2s,box-shadow .2s}.t26 .ph-stat:hover{transform:translateY(-3px);box-shadow:0 18px 36px rgba(4,12,30,.42)}.t26 .ph-stat b{display:block;font:800 24px/1.1 var(--f-head);font-stretch:104%;letter-spacing:-.01em;color:#fff;margin:0 0 6px}.t26 .ph-stat span{display:block;font:400 13px/1.3 var(--f-body);color:#e3ecfb}
@media (max-width:640px){.t26 .ph-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:24px}.t26 .ph-stat{min-height:84px;padding:14px 8px}.t26 .ph-stat b{font-size:21px}}
@media (prefers-reduced-motion:reduce){.t26 .ph-stat{transition:none}.t26 .ph-stat:hover{transform:none}}

/* sidebar slot on this page: wider column, sticks just below the sticky site header */
/* sidebar cards sized for the 330px column: balanced headline, even spacing, one-line checklist */
.t26-blog .leftSidebar.t26-aside .callcard{padding:24px 22px}
.t26-blog .leftSidebar.t26-aside .callcard .k{display:flex;align-items:center;gap:8px;font-size:12.5px;line-height:1.2;margin:0 0 12px}
.t26-blog .leftSidebar.t26-aside .callcard .k .live{margin:0}
.t26-blog .leftSidebar.t26-aside .callcard .h{font-size:19px;line-height:1.3;margin:0 0 10px;text-wrap:balance}
.t26-blog .leftSidebar.t26-aside .callcard p:not(.k):not(.h){font-size:14px;line-height:1.55;margin:0 0 14px;text-wrap:pretty}
.t26-blog .leftSidebar.t26-aside .callcard .xnum{font-size:22px;gap:8px;margin:0 0 16px}
.t26-blog .leftSidebar.t26-aside .callcard .xnum .xi{width:20px;height:20px}
.t26-blog .leftSidebar.t26-aside .callcard .xb{font-size:15px;min-height:46px;width:100%}
.t26-blog .leftSidebar.t26-aside .sidebox{padding:22px}
.t26-blog .leftSidebar.t26-aside .sidebox .h{font-size:15px;line-height:1.3;margin:0 0 14px;padding:0 0 12px;border-bottom:1px solid var(--line)}
.t26-blog .leftSidebar.t26-aside .sidebox .ticks{margin:0}
.t26-blog .leftSidebar.t26-aside .sidebox .ticks li{display:flex;align-items:center;gap:10px;font-size:14.5px;line-height:1.4;margin:0 0 12px;white-space:nowrap}
.t26-blog .leftSidebar.t26-aside .sidebox .ticks li:last-child{margin-bottom:0}
.t26-blog .leftSidebar.t26-aside .sidebox .ticks .xi{width:18px;height:18px;margin:0;flex:none}
@media (max-width:360px){.t26-blog .leftSidebar.t26-aside .sidebox .ticks li{white-space:normal}}

/* ---- blog posts: 2026 sidebar cards in the legacy two-column layout ---- */
.t26-blog{--hdr:79px}
@media (min-width:961px) and (max-width:1859px){.t26-blog{--hdr:125px}}
@media (min-width:1061px){
  .t26-blog .leftSidebar.t26-aside{width:330px!important;float:left;position:sticky;top:calc(var(--hdr) + 20px);display:grid;gap:18px;margin:0;background:transparent!important}
  .t26-blog .rightMainsection{width:calc(100% - 366px)!important;float:right}
}
@media (max-width:1060px){
  .t26-blog .leftSidebar.t26-aside,.t26-blog .rightMainsection{float:none!important;width:100%!important}
  .t26-blog .leftSidebar.t26-aside{display:grid!important;gap:18px;max-width:560px;margin:28px auto 0;position:static;background:transparent!important}
}
.t26-blog .leftSidebar.t26-aside a{text-decoration:none}
.t26-blog .fix-container>.o-hidden{display:contents}