/* ComputerWeek Knowledge / 1.24.0. Scoped to the knowledge portal. */
.np-cw-page { background:#f4f7fb; }
body.np-cw-page .np-main { padding-top:32px; }
body.np-cw-page .np-page__container { width:min(calc(100% - 64px),1320px); max-width:1320px; }
html:not([data-theme="dark"]) body.np-cw-page .np-page-article,
body.np-cw-page .np-page-article { padding:0; border:0; border-radius:0; background:transparent; box-shadow:none; }
body.np-cw-page .np-entry-content { max-width:none; width:100%; font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif; }
.cwe { --cw-ui:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif; --cw-ink:#101e35; --cw-ink-soft:#506078; --cw-burgundy:#215bff; --cw-burgundy-deep:#1645d6; --cw-copper:#42e8dc; --cw-sky:#dbeafe; --cw-cream:#f3f6fc; --cw-line:#dce4ef; font-family:var(--cw-ui); max-width:1320px; }
.cwe h1,.cwe h2,.cwe h3 { font-family:var(--cw-ui)!important; }
.np-entry-content .cwe :is(h1,h2,h3,p,figure) { margin:0; }
.np-entry-content .cwe h3 { font-size:23px; line-height:1.2; font-weight:800; letter-spacing:-.035em; }
.cwe a { text-decoration:none; }
.cwe a:focus-visible,.cwe button:focus-visible,.cwe input:focus-visible { outline:3px solid #215bff; outline-offset:4px; }
.cwe .cwe-section-hero { border-radius:20px; background:#edf3ff; border:1px solid #dce6fd; }
.cwe .cwe-section-hero h1 { font-family:var(--cw-ui);font-weight:850; }
.cwe .cwe-tech-hero { display:grid;grid-template-columns:1.25fr 1fr;min-height:340px;position:relative;isolation:isolate;overflow:hidden;border-radius:24px;background:#09172d;color:#fff;margin-bottom:28px; }
.cwe .cwe-tech-hero::before { content:"";position:absolute;inset:0;z-index:-1;background-image:linear-gradient(#a9c5ff0a 1px,transparent 1px),linear-gradient(90deg,#a9c5ff0a 1px,transparent 1px);background-size:36px 36px;mask-image:linear-gradient(90deg,transparent,#000); }
.cwe .cwe-tech-hero::after { content:"";position:absolute;bottom:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#215bff 0 60%,#42e8dc 60% 86%,#ff465f 86%); }
.cwe .cwe-tech-hero-copy { padding:48px 0 44px 48px;position:relative;z-index:1; }
.cwe .cwe-tech-hero .cwe-overline { display:flex;align-items:center;gap:9px;color:#c2d0e6;font-size:11px;letter-spacing:.16em;font-weight:750; }
.cwe .cwe-status-dot { width:7px;height:7px;background:#42e8dc;border-radius:50%;box-shadow:0 0 0 5px #42e8dc12; }
.cwe .cwe-tech-hero h1 { color:#fff;font-size:clamp(52px,6vw,88px);font-weight:850;line-height:1.02;letter-spacing:-.065em;margin:24px 0 17px; }
.cwe .cwe-tech-hero h1>span:first-child { color:#7af6ee; }
.cwe .cwe-tech-hero h1 .cwe-title-dot { color:#ff465f; }
.cwe .cwe-tech-intro { color:#c3d0e3;font-size:clamp(16px,1.6vw,20px);line-height:1.55; }
.cwe .cwe-hero-tags { display:flex;flex-wrap:wrap;gap:18px;margin-top:27px;font-size:11px;font-weight:600;letter-spacing:.02em;color:#9db1d0; }
.cwe .cwe-hero-tags span+span::before { content:"+";margin-right:18px;color:#42e8dc; }
.cwe .cwe-tech-art { display:flex;flex-direction:column;justify-content:center;align-items:center;padding:20px 24px 25px;min-width:0;color:#a4c3ff; }
.cwe .cwe-tech-art svg { width:100%;max-width:400px;height:auto; }
.cwe .cwe-art-label { font-family:ui-monospace,SFMono-Regular,monospace;font-size:9px;letter-spacing:.2em;color:#8b9ebd;margin-top:-2px; }
.cwe .cwe-discovery { background:#fff;border:1px solid #dce4ef;border-radius:18px;padding:24px 26px;margin-bottom:32px; }
.cwe .cwe-discovery .cwe-date-form { border:0;padding:0;margin:0 0 22px;gap:9px; }
.cwe .cwe-date-form>label { font-size:13px;font-weight:750; }
.cwe .cwe-date-form>div { flex-direction:row;align-items:stretch; }
.cwe .cwe-date-form input[type="search"] { flex:1;min-width:0;width:100%;height:52px;border:1px solid #d6e0ee;border-radius:10px;background:#f6f8fc;font-size:15px;padding:13px 16px;box-shadow:none; }
.cwe .cwe-date-form input::placeholder { color:#69788c;opacity:1; }
.cwe .cwe-btn { border-radius:10px;min-height:48px;font-size:14px; }
.cwe .cwe-date-form button { min-width:112px; }
.cwe .cwe-alphabet { margin:0 0 18px;gap:5px; }
.cwe .cwe-alphabet a { color:#41526b;min-width:32px;min-height:34px;font-size:12px;border-color:#dce4ef;border-radius:6px;background:#fff; }
.cwe .cwe-alphabet a[aria-current="page"] { background:#215bff;border-color:#215bff;color:#fff; }
.cwe .cwe-alphabet a:hover { border-color:#215bff; }
.cwe .cwe-chips { gap:7px;margin:0 0 14px; }
.cwe .cwe-chips a { border-color:#e2e8f2;font-size:12px;font-weight:600;line-height:1.3;padding:8px 12px;border-radius:7px;background:#f7f9fc;color:#3b4d68; }
.cwe .cwe-chips a:hover { border-color:#215bff; }
.cwe .cwe-chips>a[aria-current="page"] { color:#1743bf;background:#eaf0ff;border-color:#b5c9ff; }
.cwe .cwe-topic-filters { margin-bottom:0;padding-top:14px;border-top:1px solid #edf1f7; }
.cwe .cwe-topic-filters a { background:transparent;border-color:transparent;padding:5px 9px; }
.cwe .cwe-results-head { display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 20px; }
.cwe .cwe-results-head h2 { font-size:25px;letter-spacing:-.045em;font-weight:800; }
.cwe .cwe-results-head .cwe-muted { font-size:12px;color:#52627a; }
.cwe .cwe-card-grid { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px; }
.cwe .cwe-item-card { padding:0;gap:0;border:1px solid #dce4ef;border-radius:16px;overflow:hidden;background:#fff;box-shadow:0 3px 10px #0d234204;transition:transform .2s,border-color .2s,box-shadow .2s; }
.cwe .cwe-item-card:hover { transform:translateY(-4px);border-color:#92b2ff;box-shadow:0 12px 32px #163a6b12; }
.cwe .cwe-card-figure { position:relative;padding:0;margin:0;background:#f4f7fb;border-bottom:1px solid #e7edf5; }
.cwe .cwe-card-image { display:flex;align-items:center;justify-content:center;aspect-ratio:16/10;width:100%;overflow:hidden;background:#f4f7fb; }
.cwe .cwe-card-image img { display:block;width:100%;height:100%;max-width:100%;object-fit:cover; }
.cwe .cwe-item-card--prodotto .cwe-card-image,.cwe .cwe-item-card--console .cwe-card-image { background:#fff; }
.cwe .cwe-item-card--prodotto .cwe-card-image img,.cwe .cwe-item-card--console .cwe-card-image img { object-fit:contain;padding:15px; }
.cwe .cwe-card-credit { display:block;position:relative;color:#59687d;background:#fff;padding:6px 12px;font-size:10px;line-height:1.4;text-align:right; }
.cwe .cwe-card-credit a { color:inherit;text-decoration:underline;text-underline-offset:2px; }
.cwe .cwe-card-placeholder { display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:linear-gradient(135deg,#eaf1ff,#effbfe);color:#6985c0; }
.cwe .cwe-card-placeholder svg { width:44%;max-width:180px; }
.cwe .cwe-card-body { display:flex;flex-direction:column;align-items:flex-start;flex:1;gap:14px;padding:23px;min-width:0; }
.cwe .cwe-tag { display:inline-flex;align-items:center;gap:6px;max-width:100%;font-size:11px;letter-spacing:.025em;font-weight:700;padding:0;background:transparent;color:#2153c9; }
.cwe .cwe-tag-dot { width:6px;height:6px;border-radius:2px;background:currentColor; }
.cwe .cwe-tag-year { font-weight:500;color:#738198; }
.cwe .cwe-card-body h3 { margin:0;font-size:24px;line-height:1.2;letter-spacing:-.035em; }
.cwe .cwe-card-body>p { flex:1;color:#53627a;font-size:14px;line-height:1.65;margin:0; }
.cwe .cwe-card-body .cwe-card-link { display:flex;justify-content:space-between;align-items:center;width:100%;margin-top:5px;padding-top:16px;border-top:1px solid #e9eef6;font-size:12px;color:#2153c9!important; }
.cwe .cwe-card-link>span { display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:#edf3ff;border-radius:50%;font-size:16px; }
.cwe .cwe-pagination { margin:32px 0;font-size:14px; }
.np-cw-portal__eyebrow,.np-cw-portal__head h2 em,.np-cw-portal__all,.np-cw-portal__number,.np-cw-portal__card-title span { color:#215bff; }
.np-cw-portal__card:hover,.np-cw-portal__card:focus-visible { border-color:#215bff; }
.np-cw-portal { background:#fff;border-color:#dce4ef; }

/* Individual entries: broad photograph, readable body, useful information rail. */
.np-cw-entry { padding:30px 0 70px;background:#f4f7fb; }
.np-cw-entry__container { width:min(calc(100% - 64px),1320px);max-width:1320px; }
.np-cw-breadcrumb { display:flex;flex-wrap:wrap;gap:12px;align-items:center;font-size:13px;color:#596a82;margin-bottom:28px; }
.np-cw-breadcrumb a { color:#2153c9;text-decoration:none;font-weight:700; }
.np-cw-kicker { color:#2153c9;letter-spacing:.13em;font-size:11px;font-weight:800;margin:0 0 16px; }
.np-cw-entry__head { max-width:1030px;margin-bottom:32px; }
.np-cw-entry__head h1 { color:#101e35;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:clamp(40px,5vw,68px);line-height:1.04;letter-spacing:-.055em;margin:0;text-wrap:balance; }
.np-cw-entry__layout { display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:44px;align-items:start; }
.np-cw-entry__reading { min-width:0; }
.np-cw-entry__photo { margin:0 0 32px;overflow:hidden;border:1px solid #dce4ef;border-radius:16px;background:#fff; }
.np-cw-entry__photo img { display:block;width:100%;height:auto;max-height:580px;object-fit:contain; }
.np-cw-entry__photo figcaption { font:12px/1.6 Inter,system-ui,sans-serif;color:#52627a;padding:12px 18px;border-top:1px solid #e6edf5; }
.np-cw-entry__photo figcaption a { color:#2153c9;text-decoration:underline; }
.np-cw-entry__text { padding:30px 36px;background:#fff;border:1px solid #dce4ef;border-radius:16px;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:18px;line-height:1.85;color:#263850; }
.np-cw-entry__text h2 { margin-top:1.7em;font-size:clamp(25px,2.4vw,32px);letter-spacing:-.035em;color:#101e35; }
.np-cw-entry__text h2::before { content:"";display:block;width:28px;height:4px;background:#215bff;margin-bottom:14px;border-radius:2px; }
.np-cw-entry__rail { min-width:0;font:14px/1.6 Inter,system-ui,sans-serif; }
.np-cw-entry .cwe-factbox { padding:22px;background:#fff;border:1px solid #dce4ef;border-top:4px solid #215bff;border-radius:14px;margin:0 0 18px; }
.np-cw-entry .cwe-factbox h2 { color:#101e35;font:800 19px/1.3 Inter,system-ui,sans-serif;margin:0 0 14px; }
.np-cw-entry .cwe-fact-row { display:block;border-color:#e8edf5;padding:12px 0; }
.np-cw-entry .cwe-fact-row dt { font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:#61728a;margin-bottom:4px; }
.np-cw-entry .cwe-fact-row dd { color:#24364e;font-size:13px;line-height:1.6; }
.np-cw-entry .cwe-article-source,.np-cw-entry .cwe-related { background:#fff;border:1px solid #dce4ef;border-radius:14px;padding:22px;margin:0 0 18px;font-size:13px; }
.np-cw-entry .cwe-article-source a,.np-cw-entry .cwe-related a { color:#2153c9;text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere; }
.np-cw-entry .cwe-related h2 { font-size:18px;margin:0 0 14px;color:#101e35; }
.np-cw-entry .cwe-related ul { margin:0;padding-left:17px; }
.np-cw-entry .cwe-related li+li { margin-top:10px; }
.np-cw-back { display:flex;justify-content:space-between;gap:12px;color:#2153c9;font-size:13px;font-weight:750;padding:16px 4px;text-decoration:none; }

html[data-theme="dark"] body.np-cw-page,html[data-theme="dark"] .np-cw-entry { background:#09111e; }
html[data-theme="dark"] .cwe { --cw-ink:#eaf1ff;--cw-ink-soft:#a6b5ce;--cw-line:#2b3b53;--cw-cream:#142138; }
html[data-theme="dark"] .cwe .cwe-discovery,html[data-theme="dark"] .cwe .cwe-item-card,html[data-theme="dark"] .np-cw-entry :is(.np-cw-entry__text,.cwe-factbox,.cwe-article-source,.cwe-related),html[data-theme="dark"] .np-cw-portal { background:#111e32;border-color:#29394f;color:#eaf1ff; }
html[data-theme="dark"] .cwe .cwe-date-form input[type="search"],html[data-theme="dark"] .cwe .cwe-alphabet a,html[data-theme="dark"] .cwe .cwe-chips a { background:#172740;border-color:#30425d;color:#c2d1e7; }
html[data-theme="dark"] .cwe .cwe-alphabet a[aria-current="page"] { background:#215bff;color:#fff;border-color:#215bff; }
html[data-theme="dark"] .cwe .cwe-chips>a[aria-current="page"] { background:#203b72;color:#c5daff;border-color:#4265a1; }
html[data-theme="dark"] .cwe .cwe-card-body>p,html[data-theme="dark"] .cwe .cwe-muted { color:#a6b5ce; }
html[data-theme="dark"] .cwe .cwe-card-credit { background:#142138;color:#acbdd4; }
html[data-theme="dark"] .cwe .cwe-card-body .cwe-card-link { color:#9fc7ff!important;border-color:#2a3d58; }
html[data-theme="dark"] .cwe .cwe-tag,html[data-theme="dark"] .np-cw-entry :is(.np-cw-kicker,.np-cw-back,.np-cw-breadcrumb a,.cwe-article-source a,.cwe-related a) { color:#9fc7ff; }
html[data-theme="dark"] .cwe .cwe-card-link>span { background:#223c69; }
html[data-theme="dark"] .np-cw-entry :is(h1,h2,.cwe-fact-row dd) { color:#eaf1ff; }
html[data-theme="dark"] .np-cw-entry .cwe-fact-row { border-color:#29394f; }
html[data-theme="dark"] .cwe .cwe-topic-filters { border-color:#29394f; }

@media(min-width:1600px){.cwe .cwe-tech-hero-copy{padding-left:56px}}
@media(max-width:1000px){.cwe .cwe-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.np-cw-entry__layout{grid-template-columns:minmax(0,1fr) 275px;gap:24px}.np-cw-entry__text{padding:25px}}
@media(max-width:820px){.np-cw-entry__layout{grid-template-columns:1fr}.np-cw-entry__rail{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.np-cw-entry__rail> *{margin:0!important}.cwe .cwe-tech-hero-copy{padding:36px 0 36px 30px}.cwe .cwe-tech-art{padding:20px 12px}.cwe .cwe-art-label{font-size:8px}}
@media(max-width:620px){body.np-cw-page .np-page__container,.np-cw-entry__container{width:calc(100% - 32px)}body.np-cw-page .np-main{padding-top:18px}.cwe .cwe-tech-hero{grid-template-columns:1fr;min-height:0;border-radius:18px;margin-bottom:18px}.cwe .cwe-tech-hero-copy{padding:32px 24px 28px}.cwe .cwe-tech-hero h1{font-size:clamp(42px,12vw,66px);margin-top:22px}.cwe .cwe-tech-hero .cwe-overline{font-size:9px}.cwe .cwe-tech-intro{font-size:16px}.cwe .cwe-tech-art{position:absolute;right:-37px;top:7px;width:160px;opacity:.18;pointer-events:none;padding:0;z-index:0}.cwe .cwe-art-label{display:none}.cwe .cwe-hero-tags{font-size:10px;gap:12px}.cwe .cwe-hero-tags span+span::before{margin-right:12px}.cwe .cwe-discovery{padding:20px 16px;border-radius:14px;margin-bottom:26px}.cwe .cwe-date-form>div{flex-direction:row;gap:7px}.cwe .cwe-date-form button{min-width:72px;width:auto;padding:10px 14px}.cwe .cwe-date-form input[type="search"]{font-size:13px;padding:11px;min-height:48px;height:48px}.cwe .cwe-alphabet{gap:4px}.cwe .cwe-alphabet a{min-width:29px;min-height:32px;padding:4px 7px}.cwe .cwe-chips{gap:5px}.cwe .cwe-chips a{font-size:11px;padding:7px 9px}.cwe .cwe-results-head{align-items:flex-start;flex-direction:column;gap:8px;margin-bottom:17px}.cwe .cwe-results-head h2{font-size:24px}.cwe .cwe-card-grid{grid-template-columns:1fr;gap:18px}.cwe .cwe-card-body{padding:21px}.cwe .cwe-card-body h3{font-size:25px}.np-cw-entry__rail{display:block}.np-cw-entry__rail> *{margin-bottom:18px!important}.np-cw-entry__text{padding:24px 20px;font-size:17px}.np-cw-entry__head h1{font-size:42px}.np-cw-entry__photo img{max-height:430px}}
@media(prefers-reduced-motion:reduce){.cwe .cwe-item-card{transition:none}.cwe .cwe-item-card:hover{transform:none}}

/* 1.24.2: align Techpedia with the content edges of CW Header Orbit. */
body.np-cw-page--cwe_encyclopedia,body.np-cw-single { --np-cw-header-gutter:40px; }
body.np-cw-page--cwe_encyclopedia .np-page__container,
body.np-cw-single .np-cw-entry__container {
    width:min(calc(100% - var(--np-cw-header-gutter)),calc(var(--np-container,1232px) - var(--np-cw-header-gutter)));
    max-width:calc(var(--np-container,1232px) - var(--np-cw-header-gutter));
    margin-inline:auto;
}
@media(max-width:1199px){body.np-cw-page--cwe_encyclopedia,body.np-cw-single{--np-cw-header-gutter:30px}}
@media(max-width:600px){body.np-cw-page--cwe_encyclopedia,body.np-cw-single{--np-cw-header-gutter:20px}}
