:root{--nw-blue:#0075e8;--nw-dark:#162b43;--nw-muted:#52667c;--nw-line:#dce9f3;--nw-pale:#f0f7fc;--nw-radius:12px}
*{box-sizing:border-box}html{scroll-padding-top:100px}body{margin:0;overflow-wrap:anywhere;-webkit-font-smoothing:antialiased}img{max-width:100%;height:auto}a{text-decoration:none}a:hover{text-decoration:underline}button,input,textarea{font:inherit}button,a,input,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid #ef9b16;outline-offset:4px}button,input{border-radius:7px}main{min-height:50vh}.wp-site-blocks>*{margin-block-start:0}.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.screen-reader-text:focus{clip:auto;clip-path:none;height:auto;width:auto;left:16px;top:16px;padding:12px;background:white;z-index:100}
.nw-header{background:#fff;border-bottom:1px solid var(--nw-line);position:relative;z-index:20}.nw-header-inner{max-width:1288px;margin:auto;min-height:88px;padding:16px 24px;display:flex;align-items:center;gap:34px}.nw-brand{display:inline-flex;align-items:center;gap:10px;color:var(--nw-blue);font-size:27px;font-weight:800;letter-spacing:-.05em;white-space:nowrap}.nw-brand:hover{text-decoration:none}.nw-primary{display:flex;align-items:center;justify-content:space-between;flex:1;gap:24px;min-width:0}.nw-nav{display:flex;gap:24px;align-items:center;list-style:none;padding:0;margin:0;font-size:13px;font-weight:650}.nw-nav a{display:flex;align-items:center;min-height:44px;color:var(--nw-dark);border-bottom:2px solid transparent;white-space:nowrap}.nw-nav a[aria-current=page],.nw-nav a:hover{color:var(--nw-blue);border-color:var(--nw-blue);text-decoration:none}.nw-search{display:flex;width:100%;gap:0;background:white;border:1px solid var(--nw-line);border-radius:8px;min-height:46px;overflow:hidden}.nw-search input{width:100%;min-width:0;border:0;background:transparent;padding:10px 13px;color:var(--nw-dark);font-size:14px}.nw-search button{background:var(--nw-blue);color:#fff;border:0;border-radius:0;width:46px;flex:0 0 46px;display:grid;place-items:center}.nw-search button:hover{background:#005cb9}.nw-search input:focus-visible{outline-offset:-4px}.nw-header-search{max-width:245px;min-height:40px}.nw-menu-toggle{display:none}
.nw-hero{background:linear-gradient(110deg,#eff8ff 0%,#f6fbff 48%,#e7f4ff 100%);border-bottom:1px solid var(--nw-line);padding:0 max(24px,calc((100% - 1240px)/2)) 28px}.nw-hero-inner{position:relative;display:grid;grid-template-columns:1.12fr 1fr;align-items:center;min-height:390px;gap:0}.nw-hero-copy{position:relative;z-index:1;padding:34px 0 28px}.nw-eyebrow{color:#006bd6;font-weight:750;font-size:14px;margin:0 0 12px}.nw-hero h1{font-size:clamp(30px,3.6vw,48px);line-height:1.35;font-weight:850;letter-spacing:-.035em;margin:0 0 18px}.nw-hero h1 span{color:#0075e8}.nw-hero h1 .nw-hero-last{font-size:.79em;white-space:nowrap}.nw-hero-description{font-size:15px;line-height:1.85;color:#415a73;margin:0}.nw-hero-art{width:100%;align-self:center;filter:drop-shadow(0 16px 18px #173b5c12)}.nw-topics{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:14px}.nw-topic{display:flex;align-items:center;gap:15px;padding:15px 20px;border:1px solid #dceafb;background:#fff;border-radius:10px;box-shadow:0 3px 9px #44698805;color:var(--nw-dark);min-height:76px}.nw-topic:hover{text-decoration:none;border-color:#70b4fb;transform:translateY(-2px)}.nw-topic-symbol{font-size:28px;font-weight:850;color:#f05726;line-height:1}.nw-topic-css .nw-topic-symbol{color:#1269d6}.nw-topic-javascript .nw-topic-symbol{color:#785d00;font-size:22px;background:#ffe963;padding:6px;border-radius:4px}.nw-topic-wordpress .nw-topic-symbol{color:#21759b}.nw-topic strong{font-size:14px;display:block;line-height:1.5}.nw-topic small{display:block;font-size:11px;color:var(--nw-muted)}
.nw-layout{max-width:1288px;margin:0 auto;padding:42px 24px 56px;display:grid;grid-template-columns:minmax(0,1fr) 282px;gap:38px;align-items:start}.nw-layout>.nw-main,.nw-layout>.nw-article{min-width:0;margin:0}.nw-section-title{display:flex;align-items:center;gap:10px;font-size:22px;font-weight:800;margin:0 0 24px;color:#172d48;line-height:1.5}.nw-section-title:before{content:"";width:5px;height:24px;background:var(--nw-blue);border-radius:2px;flex:0 0 5px}.nw-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:27px 20px}.nw-card{min-width:0;background:#fff;border-radius:10px;overflow:hidden;border:1px solid #e5edf5;transition:box-shadow .15s,border-color .15s}.nw-card:hover{border-color:#b9d9f9;box-shadow:0 6px 20px #375c8110}.nw-card-link{display:block;height:100%;color:var(--nw-dark)}.nw-card-link:hover{text-decoration:none}.nw-card-media{position:relative;aspect-ratio:16/10;overflow:hidden;background:#eff6fc}.nw-card-media img{width:100%;height:100%;object-fit:cover;display:block}.nw-card-label{position:absolute;left:9px;top:9px;background:#006bd6;color:white;border-radius:20px;font-size:11px;padding:2px 10px;line-height:1.7}.nw-no-image{display:grid;place-items:center;height:100%;color:#2778c7;font:700 44px ui-monospace,monospace;background:linear-gradient(135deg,#edf7ff,#dcecff)}.nw-card-body{padding:12px 12px 16px}.nw-card time{font-size:11px;color:var(--nw-muted);display:block;margin-bottom:5px}.nw-card h3{font-size:14px;line-height:1.7;margin:0;font-weight:750}.nw-card p{font-size:12px;color:var(--nw-muted);line-height:1.8;margin:8px 0 0}.nw-sidebar{display:flex;flex-direction:column;gap:22px;min-width:0}.nw-side-section{border:1px solid var(--nw-line);border-radius:var(--nw-radius);background:#fff;overflow:hidden}.nw-side-section summary,.nw-side-section>h2{font-size:16px;font-weight:750;margin:0;padding:15px 17px;line-height:1.7;background:linear-gradient(110deg,#eff7ff,#f9fbfd)}.nw-side-section summary{cursor:pointer;min-height:48px}.nw-category-list{list-style:none;margin:0;padding:5px 16px 12px}.nw-category-list li+li{border-top:1px solid #edf2f7}.nw-category-list a{display:flex;justify-content:space-between;gap:8px;padding:10px 0;color:#334f6c;font-size:13px;min-height:44px}.nw-term-count{font-size:12px;color:#526a83;white-space:nowrap}.nw-term-count span{padding-left:9px;color:#006bd6}.nw-tags{display:flex;flex-wrap:wrap;gap:8px;padding:16px}.nw-tags a{background:#edf6ff;color:#0063c2;font-size:12px;border-radius:6px;padding:5px 9px;line-height:1.8;min-height:32px}.nw-recent{padding:14px;display:grid;gap:16px}.nw-card-compact{border:0;border-radius:0}.nw-card-compact .nw-card-link{display:grid;grid-template-columns:76px minmax(0,1fr);gap:12px;align-items:start}.nw-card-compact .nw-card-media{border-radius:5px;aspect-ratio:1.15}.nw-card-compact .nw-card-body{padding:0;display:flex;flex-direction:column}.nw-card-compact h3{font-size:12px;line-height:1.6;order:-1}.nw-card-compact time{margin:4px 0 0;font-size:10px}
.nw-pagination ul{display:flex;list-style:none;gap:8px;justify-content:center;padding:0;flex-wrap:wrap;margin:36px 0 0}.nw-pagination a,.nw-pagination span{display:grid;place-items:center;min-width:44px;min-height:44px;border:1px solid var(--nw-line);padding:5px 12px;border-radius:7px}.nw-pagination .current{background:var(--nw-blue);color:white;border-color:var(--nw-blue)}.nw-archive-description{color:var(--nw-muted);margin-bottom:25px}.nw-listing>.nw-search{margin-bottom:25px;max-width:600px}.nw-empty{padding:30px 20px;border:1px solid var(--nw-line);background:#f8fbfe;border-radius:12px;text-align:center}.nw-empty h2{font-size:21px}.nw-empty .nw-search{max-width:520px;margin:24px auto}.nw-button{display:inline-block;padding:10px 22px;background:var(--nw-blue);color:white;border-radius:8px}.nw-404{max-width:850px;margin:60px auto;padding:45px 24px}.nw-404 h1{font-size:clamp(22px,4vw,32px)}.nw-404-number{font-size:70px;color:var(--nw-blue);font-weight:800;margin:0;line-height:1.4}
.nw-breadcrumbs{max-width:1288px;padding:18px 24px 0;margin:0 auto;color:var(--nw-muted);font-size:11px}.nw-breadcrumbs ol{list-style:none;display:flex;flex-wrap:wrap;gap:6px 9px;margin:0;padding:0}.nw-breadcrumbs li+li:before{content:"›";margin-right:9px;color:#8ba1b8}.nw-breadcrumbs a{color:#526c88}.nw-article-layout{padding-top:28px;gap:44px}.nw-post-header h1{font-size:clamp(24px,2.5vw,31px);line-height:1.6;font-weight:800;letter-spacing:-.015em;margin:18px 0 24px}.nw-dates{display:flex;gap:18px;flex-wrap:wrap;font-size:11px;color:#52667c;margin-bottom:13px}.nw-post-terms{display:flex;gap:6px;flex-wrap:wrap}.nw-post-terms a{font-size:11px;padding:3px 10px;background:#eaf4ff;color:#0063c2;border-radius:20px}.nw-post-terms a:first-child{color:#fff;background:#0075e8}.nw-featured{margin:0 0 14px;border-radius:10px;overflow:hidden;background:#f1f6fb}.nw-featured img{display:block;width:100%;height:auto}.nw-share{display:flex;justify-content:flex-end;gap:10px;margin:18px 0 30px;align-items:center}.nw-share a,.nw-share button{width:40px;height:40px;display:grid;place-items:center;border-radius:50%;border:0;color:#fff;font-family:Arial,sans-serif;font-size:17px;font-weight:700;background:#162b43}.nw-share a:hover{text-decoration:none;filter:brightness(.86)}.nw-share .nw-share-f{background:#0876e9}.nw-share .nw-share-b{background:#008fd6}.nw-share .nw-share-line{background:#00842b;font-size:11px}.nw-share .nw-copy-url{background:#edf3f8;color:#172c43;font-size:22px}.nw-post-content{font-size:16px;line-height:2;color:#283d51;max-width:100%}.nw-post-content>*{max-width:100%}.nw-post-content p{margin:0 0 1.6em}.nw-post-content h1,.nw-post-content h2{font-size:23px;border-left:5px solid var(--nw-blue);padding-left:13px;line-height:1.6;margin:2em 0 1em;color:#182d43}.nw-post-content h3{font-size:19px;border-bottom:1px solid var(--nw-line);padding-bottom:8px;margin:1.8em 0 1em}.nw-post-content h4{font-size:17px}.nw-post-content a{text-decoration:underline;text-underline-offset:3px}.nw-post-content figure{margin:1.5em auto;text-align:center}.nw-post-content img{vertical-align:middle;height:auto;max-width:100%;border-radius:4px}.nw-post-content pre{max-width:100%;overflow-x:auto;white-space:pre;padding:20px;background:#1f2d37;color:#eef4fa;border-radius:8px;font-size:13px;line-height:1.8;tab-size:2}.nw-post-content code{font-family:ui-monospace,SFMono-Regular,Consolas,'Liberation Mono',monospace}.nw-post-content :not(pre)>code{background:#edf3f8;color:#b13659;padding:2px 5px;border-radius:4px;font-size:.9em}.nw-post-content blockquote{margin:24px 0;border-left:4px solid #9fcafb;background:#f4f9ff;padding:20px}.nw-post-content .wp-block-table{overflow:auto;text-align:left}.nw-post-content table{border-collapse:collapse;min-width:100%}.nw-post-content td,.nw-post-content th{padding:10px;border:1px solid var(--nw-line)}.nw-post-content .alignwide,.nw-post-content .alignfull{margin-inline:0;width:100%;max-width:100%}.nw-post-content iframe{max-width:100%}.nw-related{margin-top:34px;padding-top:28px;border-top:1px solid var(--nw-line)}.nw-related .nw-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.post-navigation .nav-links{display:flex;justify-content:space-between;gap:24px;border-block:1px solid var(--nw-line);padding:20px 0;font-size:12px}.post-navigation .nav-links>div{flex:1;min-width:0}.post-navigation .nav-next{text-align:right}.nw-nav-label{display:block;color:var(--nw-muted);font-size:10px;margin-bottom:5px}.nw-comments{margin-top:35px}.nw-comments textarea,.nw-comments input{max-width:100%}
.nw-footer{border-top:1px solid var(--nw-line);background:#f8fbff}.nw-footer-inner{max-width:1288px;padding:35px 24px;margin:auto;display:flex;justify-content:space-between;align-items:center;gap:30px}.nw-footer .nw-brand{font-size:23px}.nw-footer p{font-size:12px;color:var(--nw-muted);line-height:1.8;margin:12px 0 0}.nw-footer-links{display:flex;justify-content:flex-end;align-items:center;flex-wrap:wrap;gap:12px 24px;font-size:12px;max-width:60%}.nw-footer-links ul{display:flex;list-style:none;padding:0;gap:18px;flex-wrap:wrap}.nw-footer-links small{width:100%;text-align:right;color:var(--nw-muted);font-size:11px}
@media(min-width:1600px){.nw-hero-inner{min-height:410px}}
@media(max-width:1100px){.nw-header-inner{gap:22px}.nw-nav{gap:17px}.nw-header-search{max-width:190px}.nw-layout{grid-template-columns:minmax(0,1fr) 245px;gap:28px}.nw-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.nw-hero h1{font-size:39px}.nw-hero h1 .nw-hero-last{font-size:.71em}.nw-topic{padding:14px;gap:10px}.nw-brand{font-size:24px}}
@media(max-width:900px){.nw-header-search{max-width:170px}.nw-nav{gap:12px;font-size:12px}.nw-header-inner{padding:14px 20px;gap:20px;min-height:74px}.nw-layout{grid-template-columns:minmax(0,1fr);gap:36px}.nw-sidebar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.nw-sidebar>.nw-search{grid-column:1/-1}.nw-sidebar>.nw-side-section{margin:0}.nw-sidebar>.nw-side-section:last-child:nth-child(even){grid-column:1/-1}.nw-recent{grid-template-columns:1fr 1fr}.nw-hero-inner{min-height:320px}.nw-hero h1{font-size:34px}.nw-hero-description{font-size:13px}.nw-eyebrow{font-size:12px}.nw-topic small{font-size:10px}.nw-topic strong{font-size:12px}.nw-topic-symbol{font-size:24px}.nw-article{max-width:760px;width:100%;margin:auto}.nw-post-header h1{font-size:28px}}
@media(max-width:700px){.nw-header-inner{min-height:68px;justify-content:space-between;flex-wrap:wrap;padding:12px 18px;gap:0}.nw-brand{font-size:24px}.nw-brand svg{width:25px;height:28px}.nw-menu-toggle{display:grid;place-items:center;background:transparent;border:0;color:#0075e8;width:44px;height:44px;font-size:26px}.nw-primary{width:100%;flex-basis:100%;display:flex;flex-direction:column;gap:12px;padding:12px 0 8px}.nw-header.nw-enhanced .nw-primary:not(.is-open){display:none}.nw-nav{gap:14px;justify-content:center;flex-wrap:wrap;font-size:13px}.nw-header-search{max-width:100%}.nw-hero{padding:0 18px 22px}.nw-hero-inner{grid-template-columns:1fr;text-align:center;gap:0}.nw-hero-copy{padding:28px 0 0}.nw-eyebrow{font-size:12px;margin-bottom:9px}.nw-hero h1{font-size:36px;line-height:1.3;margin-bottom:13px}.nw-hero h1 .nw-hero-last{font-size:.72em;white-space:normal}.nw-hero-description{font-size:12px;line-height:1.8}.nw-hero-art{width:min(100%,390px);height:auto;margin:0 auto;max-height:230px;object-fit:contain}.nw-topics{grid-template-columns:repeat(auto-fit,minmax(62px,1fr));gap:7px}.nw-topic{min-height:72px;flex-direction:column;gap:5px;padding:11px 4px;text-align:center;border-radius:8px}.nw-topic-symbol{font-size:24px}.nw-topic-javascript .nw-topic-symbol{font-size:15px;padding:3px}.nw-topic strong{font-size:10px}.nw-topic small{display:none}.nw-layout{padding:28px 18px 38px;gap:28px}.nw-section-title{font-size:20px;margin-bottom:19px}.nw-card-grid{grid-template-columns:1fr;gap:20px}.nw-card{border:0;border-radius:0}.nw-card-link{display:grid;grid-template-columns:110px minmax(0,1fr);gap:14px;align-items:start}.nw-card-media{aspect-ratio:1.25;border-radius:7px}.nw-card-body{padding:0;display:flex;flex-direction:column}.nw-card h3{font-size:14px;line-height:1.65;order:-1}.nw-card time{font-size:10px;margin:7px 0 0}.nw-card p{display:none}.nw-card-label{font-size:9px;top:5px;left:5px;padding:1px 7px}.nw-card-compact .nw-card-link{grid-template-columns:85px minmax(0,1fr)}.nw-sidebar{display:flex;gap:14px}.nw-sidebar>.nw-side-section{width:100%}.nw-side-section summary,.nw-side-section>h2{font-size:15px;padding:13px 15px}.nw-recent{grid-template-columns:1fr}.nw-tags a{padding:8px 10px;min-height:38px}.nw-category-list a{min-height:46px}.nw-breadcrumbs{padding:14px 18px 0;font-size:10px}.nw-article-layout{padding-top:22px}.nw-post-header h1{font-size:23px;line-height:1.6;margin:15px 0 20px}.nw-dates{font-size:10px;gap:12px}.nw-post-terms a{font-size:10px;padding:4px 9px}.nw-post-content{font-size:15px;line-height:2}.nw-post-content h1,.nw-post-content h2{font-size:20px;padding-left:10px}.nw-post-content h3{font-size:18px}.nw-post-content pre{font-size:12px;padding:17px}.nw-share{gap:9px;justify-content:center}.nw-share a,.nw-share button{width:44px;height:44px}.nw-related .nw-card-grid{grid-template-columns:1fr}.nw-footer-inner{flex-direction:column;gap:22px;text-align:center;padding:28px 18px}.nw-footer-links{max-width:100%;justify-content:center}.nw-footer-links small{text-align:center}.nw-404{margin:30px 18px;padding:30px 16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.nw-card{transition:none}.nw-topic:hover{transform:none}}