.wpcf7 .screen-reader-response{position:absolute;overflow:hidden;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;width:1px;margin:-1px;padding:0;border:0;word-wrap:normal!important;word-break:normal!important}.wpcf7 .hidden-fields-container{display:none}.wpcf7 form .wpcf7-response-output{margin:2em .5em 1em;padding:.2em 1em;border:2px solid #00a0d2}.wpcf7 form.init .wpcf7-response-output,.wpcf7 form.resetting .wpcf7-response-output,.wpcf7 form.submitting .wpcf7-response-output{display:none}.wpcf7 form.sent .wpcf7-response-output{border-color:#46b450}.wpcf7 form.failed .wpcf7-response-output,.wpcf7 form.aborted .wpcf7-response-output{border-color:#dc3232}.wpcf7 form.spam .wpcf7-response-output{border-color:#f56e28}.wpcf7 form.invalid .wpcf7-response-output,.wpcf7 form.unaccepted .wpcf7-response-output,.wpcf7 form.payment-required .wpcf7-response-output{border-color:#ffb900}.wpcf7-form-control-wrap{position:relative}.wpcf7-not-valid-tip{color:#dc3232;font-size:1em;font-weight:400;display:block}.use-floating-validation-tip .wpcf7-not-valid-tip{position:relative;top:-2ex;left:1em;z-index:100;border:1px solid #dc3232;background:#fff;padding:.2em .8em;width:24em}.wpcf7-list-item{display:inline-block;margin:0 0 0 1em}.wpcf7-list-item-label::before,.wpcf7-list-item-label::after{content:" "}.wpcf7-spinner{visibility:hidden;display:inline-block;background-color:#23282d;opacity:.75;width:24px;height:24px;border:none;border-radius:100%;padding:0;margin:0 24px;position:relative}form.submitting .wpcf7-spinner{visibility:visible}.wpcf7-spinner::before{content:'';position:absolute;background-color:#fbfbfc;top:4px;left:4px;width:6px;height:6px;border:none;border-radius:100%;transform-origin:8px 8px;animation-name:spin;animation-duration:1000ms;animation-timing-function:linear;animation-iteration-count:infinite}@media (prefers-reduced-motion:reduce){.wpcf7-spinner::before{animation-name:blink;animation-duration:2000ms}}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes blink{from{opacity:0}50%{opacity:1}to{opacity:0}}.wpcf7 [inert]{opacity:.5}.wpcf7 input[type="file"]{cursor:pointer}.wpcf7 input[type="file"]:disabled{cursor:default}.wpcf7 .wpcf7-submit:disabled{cursor:not-allowed}.wpcf7 input[type="url"],.wpcf7 input[type="email"],.wpcf7 input[type="tel"]{direction:ltr}.wpcf7-reflection>output{display:list-item;list-style:none}.wpcf7-reflection>output[hidden]{display:none}/*!
Theme Name: phponline2026
Theme URI: http://underscores.me/
Author: Tinaicon from freelance.com/u/tinaicon
Author URI: http://seotoolking.com
Description: custom theme for phponline.in
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: phponline-in
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

 */
 :root{--white:#ffffff;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-150:#eaecf0;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--gray-900:#111827;--green-50:#f0fdf4;--green-100:#dcfce7;--green-200:#bbf7d0;--green-300:#86efac;--green-500:#22c55e;--green-600:#16a34a;--green-700:#15803d;--green-800:#166534;--blue-50:#eff6ff;--blue-100:#dbeafe;--blue-600:#2563eb;--blue-700:#1d4ed8;--amber-50:#fffbeb;--amber-100:#fef3c7;--amber-600:#d97706;--red-50:#fff1f2;--red-100:#ffe4e6;--red-600:#dc2626;--purple-50:#faf5ff;--purple-100:#f3e8ff;--purple-600:#9333ea;--teal-50:#f0fdfa;--teal-100:#ccfbf1;--teal-600:#0d9488;--text-primary:#111827;--text-secondary:#374151;--text-muted:#6b7280;--text-faint:#9ca3af;--border:#e5e7eb;--border-md:#d1d5db;--radius-xs:4px;--radius-sm:6px;--radius:8px;--radius-md:10px;--radius-lg:12px;--radius-xl:16px;--sans:'Inter',-apple-system,BlinkMacSystemFont,sans-serif;--mono:'Fira Code','Consolas',monospace;--shadow-xs:0 1px 2px rgba(0,0,0,.05);--shadow-sm:0 1px 3px rgba(0,0,0,.06),0 1px 2px rgba(0,0,0,.04);--shadow:0 4px 12px rgba(0,0,0,.07),0 2px 4px rgba(0,0,0,.04);--shadow-md:0 8px 24px rgba(0,0,0,.09),0 3px 8px rgba(0,0,0,.05);--shadow-lg:0 20px 48px rgba(0,0,0,.11),0 8px 16px rgba(0,0,0,.06);--header-h:62px;--announce-h:38px}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--sans);background:var(--white);color:var(--text-primary);line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:var(--gray-100)}::-webkit-scrollbar-thumb{background:var(--green-500);border-radius:3px}.announce-bar{background:var(--green-700);color:#fff;text-align:center;padding:.45rem 1rem;font-size:.8rem;font-weight:500;letter-spacing:.1px;position:relative;z-index:300}.announce-bar a{color:#fff;text-decoration:underline;text-underline-offset:2px}.announce-close{position:absolute;right:1rem;top:50%;transform:translateY(-50%);background:none;border:none;color:rgb(255 255 255 / .7);font-size:1.1rem;cursor:pointer;line-height:1;padding:.2rem .4rem}.announce-close:hover{color:#fff}.site-header{background:var(--white);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:200;box-shadow:var(--shadow-xs)}.header-inner{max-width:1280px;margin:0 auto;padding:0 1.5rem;height:var(--header-h);display:flex;align-items:center;gap:1.5rem}.logo{display:flex;align-items:center;gap:.5rem;flex-shrink:0;font-size:1.25rem;font-weight:800;color:var(--text-primary);letter-spacing:-.5px}.logo-mark{width:32px;height:32px;background:var(--green-600);color:#fff;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-family:var(--mono);font-size:.7rem;font-weight:500;flex-shrink:0}.logo-text b{color:var(--green-600)}.main-nav{display:flex;align-items:center;gap:2px;flex:1}.nav-item{position:relative}.nav-link{display:flex;align-items:center;gap:.3rem;padding:.45rem .8rem;font-size:.875rem;font-weight:500;color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;border:none;background:none;font-family:var(--sans);transition:all .15s}.nav-link:hover,.nav-link.open{background:var(--gray-100);color:var(--text-primary)}.nav-link.active{color:var(--green-700);background:var(--green-50);font-weight:600}.nav-chevron{width:14px;height:14px;transition:transform .2s;flex-shrink:0;opacity:.6}.nav-link.open .nav-chevron{transform:rotate(180deg)}.mega-menu{position:absolute;top:calc(100% + 6px);left:50%;transform:translateX(-50%);background:var(--white);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:1.5rem;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .18s,transform .18s;transform:translateX(-50%) translateY(-6px);z-index:999;min-width:680px}.mega-menu.wide{min-width:780px}.mega-menu.narrow{min-width:280px}.mega-menu.show{opacity:1;visibility:visible;pointer-events:all;transform:translateX(-50%) translateY(0)}.mega-cols{display:grid;gap:1.5rem}.mega-cols-3{grid-template-columns:1fr 1fr 1fr}.mega-cols-2{grid-template-columns:1fr 1fr}.mega-cols-1{grid-template-columns:1fr}.mega-col-head{font-size:.7rem;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:var(--text-faint);margin-bottom:.65rem;padding-bottom:.5rem;border-bottom:1px solid var(--border)}.mega-link{display:flex;align-items:flex-start;gap:.75rem;padding:.55rem .65rem;border-radius:var(--radius);transition:background .15s;margin-bottom:.15rem}.mega-link:hover{background:var(--gray-50)}.mega-link:hover .ml-title{color:var(--green-700)}.ml-icon{width:32px;height:32px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:1rem;flex-shrink:0;margin-top:.05rem}.ml-title{font-size:.86rem;font-weight:600;color:var(--text-primary);line-height:1.3;margin-bottom:.15rem}.ml-desc{font-size:.76rem;color:var(--text-muted);line-height:1.45}.mega-divider{border:none;border-top:1px solid var(--border);margin:1rem 0}.mega-footer{display:flex;gap:.65rem;flex-wrap:wrap}.mega-cta{display:inline-flex;align-items:center;gap:.35rem;font-size:.8rem;font-weight:600;color:var(--green-700);background:var(--green-50);border:1px solid var(--green-200);padding:.35rem .8rem;border-radius:100px;transition:all .15s}.mega-cta:hover{background:var(--green-100)}.header-right{display:flex;align-items:center;gap:.65rem;flex-shrink:0;margin-left:auto}.header-search{display:flex;align-items:center;gap:.45rem;background:var(--gray-50);border:1px solid var(--border);border-radius:var(--radius);padding:.38rem .75rem;transition:all .18s;cursor:text}.header-search:focus-within{border-color:var(--green-500);background:var(--white);box-shadow:0 0 0 3px rgb(22 163 74 / .1)}.header-search svg{color:var(--text-faint);flex-shrink:0}.header-search input{background:none;border:none;outline:none;font-family:var(--sans);font-size:.84rem;color:var(--text-primary);width:155px;padding:.15rem 0}.header-search input::placeholder{color:var(--text-faint)}.btn-start{background:var(--green-600);color:#fff;font-weight:600;font-size:.84rem;padding:.45rem 1.1rem;border-radius:var(--radius);border:none;cursor:pointer;font-family:var(--sans);display:inline-flex;align-items:center;gap:.35rem;transition:all .15s;white-space:nowrap;box-shadow:0 1px 3px rgb(22 163 74 / .3)}.btn-start:hover{background:var(--green-700);box-shadow:0 2px 8px rgb(22 163 74 / .35)}.hamburger{display:none;flex-direction:column;gap:5px;width:38px;height:38px;align-items:center;justify-content:center;background:none;border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;transition:border-color .15s}.hamburger:hover{border-color:var(--gray-400)}.hamburger span{display:block;width:18px;height:2px;background:var(--gray-600);border-radius:2px;transition:all .25s}.hamburger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.hamburger.open span:nth-child(2){opacity:0;transform:scaleX(0)}.hamburger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.mobile-overlay{position:fixed;inset:0;background:rgb(0 0 0 / .45);z-index:500;opacity:0;visibility:hidden;transition:all .25s}.mobile-overlay.show{opacity:1;visibility:visible}.mobile-drawer{position:fixed;top:0;right:-100%;width:min(340px,90vw);height:100dvh;background:var(--white);z-index:501;transition:right .28s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;overflow:hidden}.mobile-drawer.show{right:0}.mob-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid var(--border);flex-shrink:0}.mob-logo{font-size:1.1rem;font-weight:800;color:var(--text-primary)}.mob-logo b{color:var(--green-600)}.mob-close{width:34px;height:34px;display:flex;align-items:center;justify-content:center;background:none;border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;font-size:1.2rem;color:var(--gray-500);transition:all .15s}.mob-close:hover{background:var(--gray-100);color:var(--text-primary)}.mob-search{padding:1rem 1.25rem;border-bottom:1px solid var(--border);flex-shrink:0}.mob-search-box{display:flex;align-items:center;gap:.5rem;background:var(--gray-50);border:1px solid var(--border);border-radius:var(--radius);padding:.5rem .75rem;transition:border-color .15s}.mob-search-box:focus-within{border-color:var(--green-500)}.mob-search-box input{background:none;border:none;outline:none;font-family:var(--sans);font-size:.9rem;color:var(--text-primary);flex:1}.mob-search-box input::placeholder{color:var(--text-faint)}.mob-nav{flex:1;overflow-y:auto;padding:.75rem 1rem 1rem}.mob-group{margin-bottom:.5rem}.mob-group-btn{width:100%;display:flex;align-items:center;justify-content:space-between;padding:.65rem .75rem;background:none;border:none;border-radius:var(--radius);cursor:pointer;font-family:var(--sans);font-size:.9rem;font-weight:600;color:var(--text-primary);transition:background .15s;text-align:left}.mob-group-btn:hover{background:var(--gray-100)}.mob-group-btn svg{transition:transform .22s;flex-shrink:0;opacity:.5}.mob-group-btn.open svg{transform:rotate(180deg)}.mob-sub{display:none;padding:.25rem 0 .5rem .75rem}.mob-sub.open{display:block}.mob-sub-link{display:flex;align-items:center;gap:.6rem;padding:.5rem .75rem;border-radius:var(--radius-sm);font-size:.85rem;color:var(--text-secondary);transition:all .15s;font-weight:500}.mob-sub-link:hover{background:var(--green-50);color:var(--green-700)}.mob-sub-icon{font-size:.95rem;width:24px;text-align:center}.mob-plain-link{display:block;padding:.65rem .75rem;border-radius:var(--radius);font-size:.9rem;font-weight:500;color:var(--text-secondary);transition:background .15s}.mob-plain-link:hover{background:var(--gray-100);color:var(--text-primary)}.mob-footer{padding:1rem 1.25rem;border-top:1px solid var(--border);flex-shrink:0}.mob-cta{display:flex;align-items:center;justify-content:center;gap:.4rem;width:100%;background:var(--green-600);color:#fff;font-weight:700;font-size:.9rem;padding:.75rem 1.5rem;border-radius:var(--radius);border:none;cursor:pointer;font-family:var(--sans);transition:background .15s}.mob-cta:hover{background:var(--green-700)}.hero{background:var(--gray-50);border-bottom:1px solid var(--border);padding:4.5rem 1.5rem 4rem}.hero-inner{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:center}.hero-eyebrow{display:inline-flex;align-items:center;gap:.45rem;background:var(--green-50);border:1px solid var(--green-200);color:var(--green-700);font-size:.75rem;font-weight:600;padding:.28rem .7rem;border-radius:100px;margin-bottom:1.1rem;letter-spacing:.3px;text-transform:uppercase}.hero-eyebrow-dot{width:6px;height:6px;background:var(--green-500);border-radius:50%;display:inline-block}.hero h1{font-size:clamp(2rem,3.4vw,2.9rem);font-weight:800;line-height:1.14;letter-spacing:-1px;color:var(--text-primary);margin-bottom:1.1rem}.hero h1 .hl{color:var(--green-600)}.hero-desc{font-size:1.02rem;color:var(--text-secondary);line-height:1.75;margin-bottom:2rem;max-width:430px}.hero-btns{display:flex;gap:.75rem;flex-wrap:wrap;margin-bottom:2.5rem}.btn-primary{background:var(--green-600);color:#fff;font-weight:700;font-size:.9rem;padding:.72rem 1.4rem;border-radius:var(--radius);border:none;cursor:pointer;font-family:var(--sans);display:inline-flex;align-items:center;gap:.4rem;transition:all .15s;box-shadow:0 2px 6px rgb(22 163 74 / .3)}.btn-primary:hover{background:var(--green-700);transform:translateY(-1px);box-shadow:0 4px 12px rgb(22 163 74 / .35)}.btn-outline{background:var(--white);color:var(--text-primary);font-weight:600;font-size:.9rem;padding:.72rem 1.4rem;border-radius:var(--radius);border:1px solid var(--border-md);cursor:pointer;font-family:var(--sans);display:inline-flex;align-items:center;gap:.4rem;transition:all .15s;box-shadow:var(--shadow-xs)}.btn-outline:hover{border-color:var(--gray-400);background:var(--gray-50)}.hero-stats{display:flex;gap:2rem;padding-top:1.75rem;border-top:1px solid var(--border)}.stat-num{font-size:1.45rem;font-weight:800;color:var(--text-primary);line-height:1}.stat-label{font-size:.76rem;color:var(--text-muted);margin-top:.15rem}.code-card{background:#1e1e2e;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-lg);border:1px solid rgb(255 255 255 / .07)}.code-bar{background:#181825;padding:.65rem 1rem;display:flex;align-items:center;gap:.45rem;border-bottom:1px solid rgb(255 255 255 / .06)}.cdot{width:11px;height:11px;border-radius:50%}.cdot-r{background:#ff5f57}.cdot-y{background:#febc2e}.cdot-g{background:#28c840}.code-fname{font-size:.73rem;color:#585b70;margin-left:.5rem;font-family:var(--mono)}.code-body{padding:1.4rem 1.5rem;font-family:var(--mono);font-size:.8rem;line-height:1.9;overflow-x:auto}.ln{color:#45475a;margin-right:1.1rem;user-select:none;font-size:.72rem}.kw{color:#cba6f7}.fn{color:#a6e3a1}.str{color:#a6e3a1}.var2{color:#fab387}.cmt{color:#585b70;font-style:italic}.op{color:#89dceb}.num{color:#fab387}.code-out{background:#181825;border-top:1px solid rgb(255 255 255 / .06);padding:.65rem 1.5rem;font-family:var(--mono);font-size:.75rem;color:#a6e3a1;display:flex;align-items:center;gap:.5rem}.code-out::before{content:"▶";font-size:.6rem;opacity:.6}#rank-math-toc{background:#f8fffa;border:2px solid #15803d;border-radius:12px;padding:24px 28px;margin:35px 0;box-shadow:0 8px 20px rgb(21 128 61 / .08);overflow:hidden}#rank-math-toc h2{margin:0 0 18px;color:#15803d;font-size:30px;font-weight:700;border-bottom:2px solid #dcfce7;padding-bottom:12px}#rank-math-toc nav{width:100%}#rank-math-toc ul,#rank-math-toc ol{margin:0!important;padding-left:22px!important;list-style:disc}#rank-math-toc ul ul,#rank-math-toc ol ol{padding-left:22px!important;margin-top:6px}#rank-math-toc li{margin:10px 0;line-height:1.7}#rank-math-toc a{color:#14532d;text-decoration:none;transition:.25s}#rank-math-toc a:hover{color:#15803d;text-decoration:underline}#rank-math-toc li::marker{color:#15803d}@media(max-width:768px){#rank-math-toc{padding:18px}#rank-math-toc h2{font-size:24px}}.section{padding:4rem 1.5rem}.section-inner{max-width:1280px;margin:0 auto}.alt{background:var(--gray-50);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.sec-tag{display:inline-block;font-size:.7rem;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--green-700);background:var(--green-50);border:1px solid var(--green-200);padding:.22rem .6rem;border-radius:100px;margin-bottom:.6rem}.sec-title{font-size:clamp(1.4rem,2.4vw,1.85rem);font-weight:800;letter-spacing:-.4px;color:var(--text-primary);margin-bottom:.5rem}.sec-sub{color:var(--text-secondary);font-size:.95rem;max-width:500px}.sec-head{margin-bottom:2.25rem}.sec-head-row{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:2.25rem}.paths-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:1rem}.path-card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-lg);text-align:center;padding:1.4rem 1.25rem;transition:all .2s;cursor:pointer;box-shadow:var(--shadow-sm);display:block}.path-card:hover{border-color:var(--green-400);box-shadow:var(--shadow-md);transform:translateY(-2px)}.path-icon{width:42px;height:42px;border-radius:var(--radius);display:flex;align-items:center;margin-left:auto;margin-right:auto;justify-content:center;font-size:1.25rem;margin-bottom:.9rem}.path-card h3{font-size:.96rem;font-weight:700;color:var(--text-primary);margin-bottom:.35rem}.path-card p{font-size:.81rem;color:var(--text-secondary);line-height:1.6;margin-bottom:1rem}.path-foot{display:flex;align-items:center;justify-content:space-between}.pill{font-size:.67rem;font-weight:600;padding:.2rem .55rem;border-radius:100px;letter-spacing:.2px}.pill-g{background:var(--green-50);color:var(--green-700);border:1px solid var(--green-200)}.pill-a{background:var(--amber-50);color:var(--amber-600);border:1px solid #fde68a}.pill-r{background:var(--red-50);color:var(--red-600);border:1px solid #fecaca}.pill-b{background:var(--blue-50);color:var(--blue-600);border:1px solid #bfdbfe}.path-cnt{font-size:.75rem;color:var(--text-muted);font-weight:500}.art-layout{display:grid;grid-template-columns:3fr 2fr;gap:1.25rem}.art-featured{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);transition:box-shadow .2s,border-color .2s;display:block}.art-featured:hover{box-shadow:var(--shadow-md);border-color:var(--gray-300)}.art-thumb{height:175px;display:flex;align-items:center;justify-content:center;font-size:3rem;position:relative;overflow:hidden}.art-body{padding:1.35rem 1.4rem 1.5rem}.art-cat{font-size:.7rem;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--green-700);margin-bottom:.45rem}.art-featured h3{font-size:1.05rem;font-weight:700;color:var(--text-primary);line-height:1.4;margin-bottom:.45rem}.art-featured p{font-size:.83rem;color:var(--text-secondary);line-height:1.65;margin-bottom:.9rem}.art-meta{display:flex;gap:.75rem;font-size:.74rem;color:var(--text-muted)}.art-stack{display:flex;flex-direction:column;gap:.75rem}.art-mini{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-lg);padding:.9rem 1rem;display:flex;gap:.75rem;align-items:flex-start;box-shadow:var(--shadow-sm);transition:all .2s;display:flex}.art-mini:hover{border-color:var(--green-300);box-shadow:var(--shadow)}.mini-ico{width:34px;height:34px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:.95rem;flex-shrink:0}.art-mini h4{font-size:.85rem;font-weight:600;color:var(--text-primary);line-height:1.4;margin-bottom:.2rem}.art-mini .mmeta{font-size:.72rem;color:var(--text-muted)}.view-all-btn{display:flex;align-items:center;justify-content:center;gap:.4rem;padding:.6rem 1rem;background:var(--white);border:1px solid var(--border-md);border-radius:var(--radius);font-size:.83rem;font-weight:600;color:var(--text-secondary);transition:all .15s;cursor:pointer;font-family:var(--sans)}.view-all-btn:hover{border-color:var(--green-400);color:var(--green-700);background:var(--green-50)}.sheets-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(185px,1fr));gap:.85rem}.sheet-card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.1rem .9rem;text-align:center;transition:all .2s;cursor:pointer;box-shadow:var(--shadow-sm);display:block}.sheet-card:hover{border-color:var(--green-400);box-shadow:var(--shadow);transform:translateY(-2px)}.sheet-card .sico{font-size:1.65rem;margin-bottom:.45rem}.sheet-card h4{font-size:.83rem;font-weight:700;color:var(--text-primary);margin-bottom:.12rem}.sheet-card .ssub{font-size:.69rem;color:var(--text-muted)}.sheet-more{border-color:var(--green-200);background:var(--green-50)}.sheet-more:hover{background:var(--green-100)}.sheet-more h4{color:var(--green-700)}.why-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(255px,1fr));gap:1rem}.why-card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.4rem;box-shadow:var(--shadow-sm)}.why-ico{width:42px;height:42px;border-radius:var(--radius);display:flex;align-items:center;justify-content:center;font-size:1.25rem;margin-bottom:.85rem;background:var(--gray-100);border:1px solid var(--border)}.why-card h3{font-size:.95rem;font-weight:700;color:var(--text-primary);margin-bottom:.38rem}.why-card p{font-size:.82rem;color:var(--text-secondary);line-height:1.7}.ad-slot{border:1px dashed var(--border-md);border-radius:var(--radius);background:var(--gray-50);display:flex;align-items:center;justify-content:center;font-size:.72rem;color:var(--text-faint);font-family:var(--mono);text-transform:uppercase;letter-spacing:1px}.cta-wrap{padding:0 1.5rem 4rem;max-width:1280px;margin:0 auto}.cta-banner{background:linear-gradient(135deg,var(--green-700) 0%,var(--green-800) 100%);border-radius:var(--radius-xl);padding:3.25rem 3rem;text-align:center;position:relative;overflow:hidden}.cta-banner::before{content:"</>";position:absolute;font-family:var(--mono);font-size:13rem;font-weight:800;color:rgb(255 255 255 / .04);right:-1rem;top:-2rem;line-height:1;pointer-events:none}.cta-banner h2{font-size:clamp(1.45rem,2.5vw,2rem);font-weight:800;color:#fff;margin-bottom:.7rem}.cta-banner p{color:rgb(255 255 255 / .8);margin-bottom:1.75rem;max-width:440px;margin-left:auto;margin-right:auto;font-size:.95rem}.btn-white{background:#fff;color:var(--green-700);font-weight:700;font-size:.9rem;padding:.75rem 1.65rem;border-radius:var(--radius);border:none;cursor:pointer;font-family:var(--sans);display:inline-flex;align-items:center;gap:.4rem;transition:all .15s;box-shadow:0 2px 8px rgb(0 0 0 / .12)}.btn-white:hover{transform:translateY(-2px);box-shadow:0 5px 14px rgb(0 0 0 / .18)}footer{background:var(--gray-900);color:var(--gray-400);padding:3.5rem 1.5rem 2rem}.footer-inner{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:1fr 0.5fr 0.5fr 0.5fr 0.5fr 0.5fr;gap:3rem;margin-bottom:2.75rem}.f-brand-logo{font-size:1.1rem;font-weight:800;color:var(--white);margin-bottom:.7rem;display:flex;align-items:center;gap:.4rem}.f-brand-ico{background:var(--green-600);color:#fff;padding:.2rem .4rem;border-radius:4px;font-family:var(--mono);font-size:.65rem}footer .f-desc{font-size:.81rem;color:var(--gray-500);line-height:1.7;margin-bottom:1.1rem}.f-badge{display:inline-flex;align-items:center;gap:.35rem;background:rgb(255 255 255 / .06);border:1px solid rgb(255 255 255 / .1);color:var(--gray-400);font-size:.73rem;padding:.28rem .65rem;border-radius:100px}.f-badge-dot{width:6px;height:6px;background:var(--green-500);border-radius:50%}.footer-col h5{font-size:.76rem;font-weight:700;color:var(--white);text-transform:uppercase;letter-spacing:1.2px;margin-bottom:.9rem}.footer-col ul{list-style:none}.footer-col li{margin-bottom:.5rem;padding-left:0;margin-left:0}.footer-col a{font-size:.81rem;color:var(--gray-500);transition:color .15s}.footer-col a:hover{color:var(--green-400)}.footer-bottom{max-width:1280px;margin:0 auto;padding-top:1.4rem;border-top:1px solid rgb(255 255 255 / .08);display:flex;align-items:center;justify-content:space-between;font-size:.77rem;color:var(--gray-600)}.key-topics{background:#f4f8ff;border:1px solid #c8d9ff;border-left:5px solid #2563eb;border-radius:18px;padding:30px 35px;margin:30px 0}.key-topics h3{margin:0 0 0;font-size:1.06rem;font-weight:800;text-transform:uppercase;color:#0f172a;letter-spacing:.5px}.key-topics ul{list-style:none;padding:0;margin:0}.cat-bar{overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:#15803d #e5e7eb}.cat-bar::-webkit-scrollbar{height:5px}.cat-bar::-webkit-scrollbar-track{background:#e5e7eb;border-radius:20px}.cat-bar::-webkit-scrollbar-thumb{background:#15803d;border-radius:20px}.cat-bar::-webkit-scrollbar-thumb:hover{background:#166534}.key-topics li{position:relative;padding-left:32px;margin-bottom:0;line-height:1.8;color:#1d4ed8;font-size:14px}.key-topics li::before{content:"✓";position:absolute;left:0;top:2px;color:#2563eb;font-size:16px;font-weight:700}@media (max-width:768px){.key-topics{padding:20px;border-radius:14px}.key-topics h3{font-size:1.25rem}.key-topics li{font-size:.95rem;line-height:1.7}}@media(max-width:1024px){.main-nav{display:none}.hamburger{display:flex}.hero-inner{grid-template-columns:1fr;gap:2.5rem}.code-card{display:none}.art-layout{grid-template-columns:1fr}.footer-inner{grid-template-columns:1fr 1fr;gap:2rem}.header-search{display:none}}@media(max-width:640px){.footer-inner{grid-template-columns:1fr;gap:1.75rem}.hero{padding:2.75rem 1rem 2.75rem}.section{padding:2.75rem 1rem}.cta-wrap{padding:0 0 3rem}.cta-banner{border-radius:0;padding:2.5rem 1.25rem}.hero-stats{gap:1.5rem}.hero-stats .stat-num{font-size:1.25rem}footer{padding:2.5rem 1rem 1.5rem}.footer-bottom{flex-direction:column;gap:.5rem;text-align:center}}.sp-layout{max-width:1280px;margin:0 auto;padding:2rem 1.5rem 4rem;display:grid;grid-template-columns:1fr 300px;gap:2.5rem;align-items:start}.sp-article{min-width:0}.sp-hero{margin-bottom:2rem}.sp-cats{display:flex;gap:.4rem;flex-wrap:wrap;margin-bottom:.85rem}.cat-tag{font-size:.67rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase;padding:.2rem .55rem;border-radius:100px}.cat-php{background:#f3e8ff;color:#7c3aed;border:1px solid #e9d5ff}.cat-blog{background:var(--gray-100);color:var(--gray-600);border:1px solid var(--border)}.cat-career{background:#f0fdf4;color:#15803d;border:1px solid #bbf7d0}.cat-wp{background:#eff6ff;color:#1d4ed8;border:1px solid #bfdbfe}.cat-err{background:#fff1f2;color:#be123c;border:1px solid #fecdd3}.cat-inter{background:#f0fdfa;color:#0f766e;border:1px solid #99f6e4}.cat-cs{background:#fefce8;color:#854d0e;border:1px solid #fef08a}.sp-article h1{font-size:clamp(1.65rem,2.8vw,2.2rem);font-weight:600;letter-spacing:-.6px;line-height:1.2;color:var(--text-primary);margin-bottom:1rem}.sp-meta{display:flex;align-items:center;gap:.85rem;flex-wrap:wrap;font-size:.79rem;color:var(--text-muted);margin-bottom:1.25rem;padding-bottom:1.25rem;border-bottom:1px solid var(--border)}.author-chip{display:flex;align-items:center;gap:.4rem}.author-av{width:26px;height:26px;border-radius:50%;background:var(--green-100);border:1.5px solid var(--green-200);display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:800;color:var(--green-700);flex-shrink:0}.sp-meta-divider{color:var(--border-md)}.sp-actions{display:flex;align-items:center;gap:.45rem;margin-left:auto}.act-btn{display:flex;align-items:center;gap:.3rem;padding:.3rem .65rem;border-radius:var(--radius-sm);font-size:.74rem;font-weight:600;border:1px solid var(--border);background:var(--white);color:var(--text-muted);cursor:pointer;font-family:var(--sans);transition:all .15s}.act-btn:hover{border-color:var(--green-300);background:var(--green-50);color:var(--green-700)}.sp-thumb{border-radius:var(--radius-xl);overflow:hidden;margin-bottom:1.75rem;box-shadow:var(--shadow-md)}.sp-thumb img{width:100%;height:auto;display:block}.sp-thumb-placeholder{background:linear-gradient(135deg,var(--green-700),var(--green-800));height:320px;display:flex;align-items:center;justify-content:center;font-size:5rem}.toc-inline{background:var(--gray-50);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.25rem 1.4rem;margin:1.5rem 0 2rem}.toc-inline-title{font-size:.82rem;font-weight:800;color:var(--text-primary);margin-bottom:.85rem;display:flex;align-items:center;gap:.4rem}.toc-inline ol{margin:0;padding-left:1.25rem;display:flex;flex-direction:column;gap:.3rem}.toc-inline li{font-size:.83rem;color:var(--text-secondary)}.toc-inline a{color:var(--green-700);text-decoration:underline;text-underline-offset:2px;transition:color .15s}.toc-inline a:hover{color:var(--green-800)}.toc-inline ol ol{margin-top:.3rem;padding-left:1rem}.toc-inline ol ol li{font-size:.79rem}.sp-body h2{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:2.25rem 0 .7rem;padding-top:.5rem;letter-spacing:-.3px;scroll-margin-top:80px;display:flex;align-items:center;gap:.4rem}.sp-body h3{font-size:1.02rem;font-weight:600;color:var(--text-primary);margin:1.6rem 0 .5rem;scroll-margin-top:80px}.sp-body h4{font-size:.93rem;font-weight:500;color:var(--text-secondary);margin:1.2rem 0 .4rem}.sp-body p{font-size:.95rem;color:var(--text-secondary);line-height:1.8;margin-bottom:1rem}.sp-body ul,.sp-body ol{margin:.5rem 0 1.1rem 1.5rem;color:var(--text-secondary);font-size:.94rem;line-height:1.78}.sp-body li{margin-bottom:.32rem}.sp-body strong{font-weight:700;color:var(--text-primary)}.sp-body a{color:var(--green-600);text-decoration:underline;text-underline-offset:2px}.sp-body a:hover{color:var(--green-700)}.sp-body hr{border:none;border-top:1px solid var(--border);margin:2rem 0}.sp-body em{font-style:italic;color:var(--text-muted);font-size:.87rem;display:block;margin:1.5rem 0}.salary-table{width:100%;border-collapse:collapse;font-size:.87rem;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);border:1px solid var(--border);margin:1.1rem 0 1.5rem}.salary-table th{background:var(--gray-900);color:#fff;padding:.65rem 1.1rem;text-align:left;font-size:.76rem;font-weight:700;letter-spacing:.3px}.salary-table td{padding:.65rem 1.1rem;border-bottom:1px solid var(--border);color:var(--text-secondary);line-height:1.5}.salary-table tr:last-child td{border-bottom:none}.salary-table tr:nth-child(even) td{background:var(--gray-50)}.salary-table .highlight td{background:var(--green-50)!important;color:var(--green-800);font-weight:600}.salary-table td:last-child{font-weight:600;color:var(--green-700)}.callout{border-radius:var(--radius-md);padding:.9rem 1.1rem;margin:1.25rem 0;display:flex;gap:.75rem;font-size:.9rem;line-height:1.65}.callout-icon{font-size:1.1rem;flex-shrink:0;margin-top:.1rem}.callout-body strong{display:block;font-weight:700;margin-bottom:.2rem;font-size:.88rem}.callout-body p{margin:0;font-size:.88rem;color:inherit}.callout-tip{background:#f0fdf4;border:1px solid #bbf7d0;color:#166534}.callout-info{background:#eff6ff;border:1px solid #bfdbfe;color:#1e40af}.callout-warn{background:#fffbeb;border:1px solid #fde68a;color:#92400e}.faq-list{margin-top:.5rem}.faq-item{border-bottom:1px solid var(--border)}.faq-item:last-child{border-bottom:none}.faq-q{display:flex;align-items:center;justify-content:space-between;padding:.85rem 0;cursor:pointer;font-size:.93rem;font-weight:700;color:var(--text-primary);gap:.75rem;user-select:none}.faq-chevron{width:16px;height:16px;flex-shrink:0;color:var(--text-faint);transition:transform .22s}.faq-item.open .faq-chevron{transform:rotate(180deg)}.faq-a{display:none;padding-bottom:.9rem;font-size:.88rem;color:var(--text-secondary);line-height:1.72}.faq-item.open .faq-a{display:block}.sp-tags{display:flex;gap:.4rem;flex-wrap:wrap;margin:2rem 0;padding-top:1.5rem;border-top:1px solid var(--border)}.tag-pill{background:var(--gray-100);color:var(--text-secondary);font-size:.73rem;font-weight:500;padding:.28rem .65rem;border-radius:100px;border:1px solid var(--border);transition:all .15s}.tag-pill:hover{background:var(--green-50);color:var(--green-700);border-color:var(--green-200)}.author-box{background:var(--gray-50);border:1px solid var(--border);border-radius:var(--radius-xl);padding:1.5rem;display:flex;gap:1.25rem;align-items:flex-start;margin:2rem 0}.author-big-av{width:54px;height:54px;border-radius:50%;background:var(--green-100);border:2.5px solid var(--green-200);display:flex;align-items:center;justify-content:center;font-size:1.4rem;font-weight:800;color:var(--green-700);flex-shrink:0}.author-name{font-size:.95rem;font-weight:700;margin-bottom:.2rem}.author-role{font-size:.76rem;color:var(--green-700);font-weight:600;margin-bottom:.3rem}.author-bio{font-size:.82rem;color:var(--text-muted);line-height:1.65}.post-nav{display:flex;align-items:stretch;gap:1rem;margin:2.5rem 0;padding-top:1.5rem;border-top:1px solid var(--border)}.pn-btn{flex:1;background:var(--white);border:1px solid var(--border);border-radius:var(--radius-lg);padding:.9rem 1.1rem;transition:all .2s;display:block;box-shadow:var(--shadow-sm)}.pn-btn:hover{border-color:var(--green-400);box-shadow:var(--shadow-md)}.pn-label{font-size:.68rem;font-weight:700;letter-spacing:.6px;text-transform:uppercase;color:var(--text-faint);margin-bottom:.3rem;display:flex;align-items:center;gap:.3rem}.pn-title{font-size:.87rem;font-weight:700;color:var(--text-primary);line-height:1.4}.related-section{margin:2rem 0}.related-section h3{font-size:1rem;font-weight:800;margin-bottom:1.1rem;color:var(--text-primary)}.related-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.85rem}.related-card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);transition:all .2s;display:block}.related-card:hover{border-color:var(--green-300);box-shadow:var(--shadow);transform:translateY(-2px)}.rc-thumb{height:90px;display:flex;align-items:center;justify-content:center;font-size:2rem}.rc-body{padding:.75rem}.rc-cat{font-size:.64rem;font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:var(--green-700);margin-bottom:.3rem}.rc-body h4{font-size:.82rem;font-weight:700;color:var(--text-primary);line-height:1.4}.comments-section{margin:2rem 0;padding-top:1.75rem;border-top:1px solid var(--border)}.comments-section h3{font-size:1rem;font-weight:800;margin-bottom:1.25rem;color:var(--text-primary)}.comment-form{background:var(--gray-50);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.5rem}.comment-form h4{font-size:.88rem;font-weight:700;margin-bottom:1rem;color:var(--text-primary)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:.75rem}.form-field{display:flex;flex-direction:column;gap:.3rem;margin-bottom:.75rem}.form-field label{font-size:.76rem;font-weight:600;color:var(--text-secondary)}.form-field input,.form-field textarea{background:var(--white);border:1px solid var(--border);border-radius:var(--radius);padding:.5rem .75rem;font-family:var(--sans);font-size:.85rem;color:var(--text-primary);outline:none;transition:border-color .15s}.form-field input:focus,.form-field textarea:focus{border-color:var(--green-500);box-shadow:0 0 0 3px rgb(22 163 74 / .1)}.form-field textarea{resize:vertical;min-height:110px;line-height:1.6}.submit-btn{background:var(--green-600);color:#fff;font-weight:700;font-size:.88rem;padding:.65rem 1.5rem;border-radius:var(--radius);border:none;cursor:pointer;font-family:var(--sans);transition:background .15s}.submit-btn:hover{background:var(--green-700)}.no-comments{text-align:center;padding:2rem;color:var(--text-muted);font-size:.87rem;background:var(--gray-50);border-radius:var(--radius-lg);border:1px dashed var(--border-md)}.sp-sidebar{position:sticky;top:74px}.sb-widget{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);margin-bottom:1.1rem}.sb-head{padding:.72rem 1rem;background:var(--gray-900);color:#fff;font-size:.76rem;font-weight:700;display:flex;align-items:center;gap:.4rem}.sb-toc-nav{max-height:380px;overflow-y:auto;padding:.4rem 0}.sb-toc-nav::-webkit-scrollbar{width:3px}.sb-toc-nav::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:2px}.sb-toc-link{display:block;padding:.36rem 1rem;font-size:.78rem;color:var(--text-secondary);transition:all .15s;border-left:2px solid #fff0;line-height:1.4}.sb-toc-link:hover{background:var(--gray-50);color:var(--green-700);border-left-color:var(--green-300)}.sb-toc-link.active{background:var(--green-50);color:var(--green-700);font-weight:600;border-left-color:var(--green-600)}.sb-toc-link.h3{padding-left:1.65rem;font-size:.74rem;color:var(--text-muted)}.sb-cat-list{padding:.4rem 0;max-height:300px;overflow-y:auto}.sb-cat-link{display:flex;align-items:center;justify-content:space-between;padding:.36rem 1rem;font-size:.79rem;color:var(--text-secondary);transition:all .15s}.sb-cat-link:hover{background:var(--green-50);color:var(--green-700)}.sb-cat-count{font-size:.68rem;color:var(--text-faint);background:var(--gray-100);border:1px solid var(--border);padding:.1rem .38rem;border-radius:100px;font-weight:600}.sb-sel-list{padding:.4rem 0}.sb-sel-link{display:flex;align-items:center;gap:.45rem;padding:.38rem 1rem;font-size:.78rem;color:var(--text-secondary);transition:all .15s}.sb-sel-link:hover{background:var(--green-50);color:var(--green-700)}.sb-sel-link::before{content:'→';color:var(--green-500);font-size:.7rem;flex-shrink:0}.share-section{background:var(--card);border:1.5px solid var(--border);border-radius:var(--radius-lg);padding:28px 32px;margin:48px 0;text-align:center}.share-section h3{font-family:'Sora',sans-serif;font-size:18px;font-weight:800;color:var(--navy);margin-bottom:6px}.share-section p{font-size:14px;color:var(--text-mid);margin-bottom:22px}.share-btns{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.share-btn{display:flex;align-items:center;gap:9px;padding:11px 22px;border-radius:var(--radius-sm);font-size:14px;font-weight:700;font-family:'Sora',sans-serif;text-decoration:none;transition:all .18s;border:none;cursor:pointer}.share-btn-twitter{background:#000;color:#fff}.share-btn-twitter:hover{background:#1a1a1a}.share-btn-facebook{background:#1877f2;color:#fff}.share-btn-facebook:hover{background:#1565d8}.share-btn-linkedin{background:#0077b5;color:#fff}.share-btn-linkedin:hover{background:#005f8d}.share-btn-whatsapp{background:#25d366;color:#fff}.share-btn-whatsapp:hover{background:#1fba58}.share-btn-copy{background:var(--bg);color:var(--navy);border:1.5px solid var(--border)}.share-btn-copy:hover{background:var(--orange-pale);border-color:var(--orange);color:var(--orange)}.share-btn svg{width:16px;height:16px;stroke:currentColor;flex-shrink:0}@media(max-width:1024px){.sp-layout{grid-template-columns:1fr}.sp-sidebar{display:none}}@media(max-width:600px){.related-grid{grid-template-columns:1fr}.form-row{grid-template-columns:1fr}.post-nav{flex-direction:column}.sp-thumb-placeholder{height:200px}}.blog-hero{background:linear-gradient(160deg,#f0fdf4 0%,#f9fafb 65%,#fff 100%);border-bottom:1px solid var(--border);padding:2.5rem 1.5rem 2.75rem}.blog-hero-inner{max-width:1280px;margin:0 auto;display:flex;align-items:flex-end;justify-content:space-between;gap:2rem;flex-wrap:wrap}.blog-hero h1{font-size:clamp(1.65rem,2.8vw,2.2rem);font-weight:800;letter-spacing:-.6px;color:var(--text-primary);margin-bottom:.45rem}.blog-hero p{color:var(--text-secondary);font-size:.96rem;max-width:520px;line-height:1.7}.blog-hero-right{display:flex;align-items:center;gap:.6rem;flex-shrink:0}.blog-search-box{display:flex;align-items:center;gap:.45rem;background:var(--white);border:1px solid var(--border-md);border-radius:var(--radius);padding:.48rem .8rem;box-shadow:var(--shadow-xs);transition:border-color .15s}.blog-search-box:focus-within{border-color:var(--green-500);box-shadow:0 0 0 3px rgb(22 163 74 / .1)}.blog-search-box svg{color:var(--text-faint);flex-shrink:0}.blog-search-box input{background:none;border:none;outline:none;font-family:var(--sans);font-size:.85rem;color:var(--text-primary);width:200px}.blog-search-box input::placeholder{color:var(--text-faint)}.cat-bar{background:var(--white);border-bottom:1px solid var(--border);position:sticky;top:62px;z-index:100;box-shadow:var(--shadow-xs)}.cat-bar-inner{max-width:1280px;margin:0 auto;padding:0 1.5rem;display:flex;align-items:center;gap:0;overflow-x:auto;scrollbar-width:auto}.cat-bar-inner::-webkit-scrollbar{display:none}.cat-tab{display:inline-flex;align-items:center;gap:.35rem;padding:.7rem .9rem;font-size:.81rem;font-weight:600;color:var(--text-muted);border-bottom:2px solid #fff0;cursor:pointer;white-space:nowrap;transition:all .15s;background:none;border-top:none;border-left:none;border-right:none;font-family:var(--sans);flex-shrink:0}.cat-tab:hover{color:var(--text-primary)}.cat-tab.active{color:var(--green-700);border-bottom-color:var(--green-600);background:none}.cat-tab .ct-count{font-size:.67rem;background:var(--gray-100);color:var(--text-faint);padding:.12rem .38rem;border-radius:100px;font-weight:700;border:1px solid var(--border)}.cat-tab.active .ct-count{background:var(--green-50);color:var(--green-700);border-color:var(--green-200)}.blog-layout{max-width:1280px;margin:0 auto;padding:2rem 1.5rem 4rem;display:grid;grid-template-columns:1fr 288px;gap:2.5rem;align-items:start}.blog-topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;flex-wrap:wrap;gap:.75rem}.blog-count{font-size:.83rem;color:var(--text-muted)}.blog-count strong{color:var(--text-primary)}.sort-select{display:flex;align-items:center;gap:.4rem;background:var(--white);border:1px solid var(--border);border-radius:var(--radius);padding:.38rem .75rem;font-family:var(--sans);font-size:.81rem;color:var(--text-secondary);cursor:pointer;box-shadow:var(--shadow-xs)}.sort-select select{background:none;border:none;outline:none;font-family:var(--sans);font-size:.81rem;color:var(--text-secondary);cursor:pointer}.featured-post{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-sm);margin-bottom:1.5rem;display:grid;grid-template-columns:1.1fr 1fr;transition:box-shadow .2s,border-color .2s}.featured-post:hover{box-shadow:var(--shadow-md);border-color:var(--gray-300)}.fp-img{position:relative;overflow:hidden}.fp-img img{width:100%;height:100%;object-fit:cover;display:block;min-height:240px}.fp-img-placeholder{width:100%;min-height:240px;display:flex;align-items:center;justify-content:center;font-size:4rem}.fp-badge{position:absolute;top:.85rem;left:.85rem;background:var(--white);color:var(--green-700);font-size:.68rem;font-weight:700;padding:.24rem .6rem;border-radius:100px;box-shadow:var(--shadow-sm);display:flex;align-items:center;gap:.3rem}.fp-body{padding:1.75rem 1.75rem 1.75rem 1.6rem;display:flex;flex-direction:column}.fp-cats{display:flex;gap:.35rem;flex-wrap:wrap;margin-bottom:.6rem}.cat-tag{font-size:.67rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase;padding:.2rem .55rem;border-radius:100px}.cat-php{background:#f3e8ff;color:#7c3aed;border:1px solid #e9d5ff}.cat-wordpress{background:#eff6ff;color:#1d4ed8;border:1px solid #bfdbfe}.cat-html{background:#fff7ed;color:#c2410c;border:1px solid #fed7aa}.cat-css{background:#eff6ff;color:#0284c7;border:1px solid #bae6fd}.cat-js{background:#fffbeb;color:#b45309;border:1px solid #fde68a}.cat-blog{background:var(--gray-100);color:var(--gray-600);border:1px solid var(--border)}.cat-error{background:#fff1f2;color:#be123c;border:1px solid #fecdd3}.cat-career{background:#f0fdf4;color:#15803d;border:1px solid #bbf7d0}.cat-interview{background:#f0fdfa;color:#0f766e;border:1px solid #99f6e4}.cat-mysql{background:#faf5ff;color:#7c3aed;border:1px solid #e9d5ff}.cat-cs{background:#fefce8;color:#854d0e;border:1px solid #fef08a}.fp-body h2{font-size:1.15rem;font-weight:800;color:var(--text-primary);line-height:1.35;margin-bottom:.55rem;flex:1}.fp-body p{font-size:.86rem;color:var(--text-secondary);line-height:1.65;margin-bottom:1.1rem}.fp-meta{display:flex;align-items:center;gap:.75rem;font-size:.75rem;color:var(--text-muted);margin-bottom:1rem}.fp-meta .author-chip{display:flex;align-items:center;gap:.38rem}.author-av{width:22px;height:22px;border-radius:50%;background:var(--green-100);border:1px solid var(--green-200);display:flex;align-items:center;justify-content:center;font-size:.65rem;font-weight:800;color:var(--green-700);flex-shrink:0}.read-more{display:inline-flex;align-items:center;gap:.35rem;font-size:.82rem;font-weight:700;color:var(--green-700);transition:gap .15s}.read-more:hover{gap:.6rem}.posts-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.1rem}.post-card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);transition:all .2s;display:flex;flex-direction:column}.post-card:hover{box-shadow:var(--shadow-md);border-color:var(--gray-300);transform:translateY(-2px)}.pc-thumb{height:150px;position:relative;overflow:hidden;flex-shrink:0}.pc-thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s}.post-card:hover .pc-thumb img{transform:scale(1.03)}.pc-thumb-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:2.25rem}.pc-body{padding:1rem 1.1rem 1.25rem;display:flex;flex-direction:column;flex:1}.pc-cats{display:flex;gap:.3rem;flex-wrap:wrap;margin-bottom:.45rem}.pc-body h3{font-size:.9rem;font-weight:700;color:var(--text-primary);line-height:1.4;margin-bottom:.38rem;flex:1}.pc-body p{font-size:.78rem;color:var(--text-secondary);line-height:1.62;margin-bottom:.75rem}.pc-footer{display:flex;align-items:center;justify-content:space-between;padding-top:.65rem;border-top:1px solid var(--border);margin-top:auto}.pc-meta{display:flex;gap:.6rem;font-size:.72rem;color:var(--text-muted)}.pc-arrow{font-size:.78rem;font-weight:700;color:var(--green-600);opacity:0;transition:all .2s}.post-card:hover .pc-arrow{opacity:1}.pagination{display:flex;justify-content:center;margin:3rem 0}.pagination .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:42px;height:42px;padding:0 14px;margin:0 4px;border:1px solid var(--border-md);border-radius:10px;background:#fff;color:var(--text-secondary);text-decoration:none;font-size:.9rem;font-weight:600;transition:.2s ease}.pagination a.page-numbers:hover{background:var(--green-50);border-color:var(--green-500);color:var(--green-700)}.pagination .current{background:var(--green-600);border-color:var(--green-600);color:#fff}.pagination .prev,.pagination .next{padding:0 18px;min-width:auto}.pagination .dots{border:none;background:none;min-width:auto;padding:0 4px;color:var(--text-faint)}.pagination ul{display:flex;align-items:center;justify-content:center;gap:4px;list-style:none;padding:0;margin:0}.pagination li{list-style:none}.pagination li .page-numbers{margin:0}@media (max-width:768px){.pagination{margin:2rem 0}.pagination .page-numbers{min-width:38px;height:38px;padding:0 10px;font-size:.85rem}.pagination .prev,.pagination .next{padding:0 12px}}.blog-sidebar{position:sticky;top:106px}.sb-widget{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);margin-bottom:1.1rem}.sb-head{padding:.72rem 1rem;background:var(--gray-900);color:#fff;font-size:.76rem;font-weight:700;letter-spacing:.3px;display:flex;align-items:center;gap:.4rem}.popular-list{padding:.5rem 0}.pop-item{display:flex;align-items:flex-start;gap:.75rem;padding:.6rem 1rem;border-bottom:1px solid var(--border);transition:background .15s}.pop-item:last-child{border-bottom:none}.pop-item:hover{background:var(--gray-50)}.pop-num{width:22px;height:22px;border-radius:var(--radius-xs);background:var(--green-50);color:var(--green-700);font-size:.68rem;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0;border:1px solid var(--green-200);margin-top:.08rem}.pop-info h4{font-size:.8rem;font-weight:600;color:var(--text-primary);line-height:1.4;margin-bottom:.15rem}.pop-info span{font-size:.7rem;color:var(--text-muted)}.cat-list{padding:.5rem 0;max-height:360px;overflow-y:auto}.cat-list::-webkit-scrollbar{width:3px}.cat-list::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:2px}.cat-link{display:flex;align-items:center;justify-content:space-between;padding:.38rem 1rem;font-size:.8rem;color:var(--text-secondary);transition:all .15s}.cat-link:hover{background:var(--green-50);color:var(--green-700)}.cat-link-name{display:flex;align-items:center;gap:.4rem}.cat-link-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.cat-link-count{font-size:.68rem;color:var(--text-faint);background:var(--gray-100);border:1px solid var(--border);padding:.1rem .38rem;border-radius:100px;font-weight:600}.tags-cloud{padding:.85rem 1rem 1rem;display:flex;flex-wrap:wrap;gap:.4rem}.tag-pill{display:inline-flex;align-items:center;background:var(--gray-100);color:var(--text-secondary);font-size:.72rem;font-weight:500;padding:.26rem .62rem;border-radius:100px;border:1px solid var(--border);transition:all .15s;cursor:pointer}.tag-pill:hover{background:var(--green-50);color:var(--green-700);border-color:var(--green-200)}.sel-list{padding:.4rem 0}.sel-link{display:flex;align-items:center;gap:.5rem;padding:.42rem 1rem;font-size:.79rem;color:var(--text-secondary);transition:all .15s}.sel-link:hover{background:var(--green-50);color:var(--green-700)}.sel-link::before{content:'→';color:var(--green-500);font-size:.72rem;flex-shrink:0}.nl-widget{background:linear-gradient(135deg,var(--green-50),var(--green-100));border:1px solid var(--green-200);border-radius:var(--radius-lg);padding:1.25rem;text-align:center;margin-bottom:1.1rem}.nl-widget h4{font-size:.9rem;font-weight:800;color:var(--green-800);margin-bottom:.35rem}.nl-widget p{font-size:.78rem;color:var(--green-700);line-height:1.58;margin-bottom:.85rem}.nl-input{width:100%;padding:.52rem .75rem;border-radius:var(--radius-sm);border:1px solid var(--green-300);background:var(--white);font-family:var(--sans);font-size:.83rem;margin-bottom:.5rem;outline:none;color:var(--text-primary)}.nl-input:focus{border-color:var(--green-500);box-shadow:0 0 0 3px rgb(22 163 74 / .1)}.nl-btn{width:100%;background:var(--green-600);color:#fff;font-weight:700;font-size:.84rem;padding:.55rem;border-radius:var(--radius-sm);border:none;cursor:pointer;font-family:var(--sans);transition:background .15s}.nl-btn:hover{background:var(--green-700)}@media(max-width:1024px){.blog-layout{grid-template-columns:1fr}.blog-sidebar{display:none}}@media(max-width:768px){.featured-post{grid-template-columns:1fr}.fp-img img,.fp-img-placeholder{min-height:200px}.posts-grid{grid-template-columns:1fr}.blog-hero-right{display:none}}@media(max-width:480px){.posts-grid{grid-template-columns:1fr}}.share-section{background:var(--card);border:1.5px solid var(--border);border-radius:var(--radius-lg);padding:28px 32px;margin:48px 0;text-align:center}.share-section h3{font-family:'Sora',sans-serif;font-size:18px;font-weight:800;color:var(--navy);margin-bottom:6px}.share-section p{font-size:14px;color:var(--text-mid);margin-bottom:22px}.share-btns{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.share-btn{display:flex;align-items:center;gap:9px;padding:11px 22px;border-radius:var(--radius-sm);font-size:14px;font-weight:700;font-family:'Sora',sans-serif;text-decoration:none;transition:all .18s;border:none;cursor:pointer}.share-btn-twitter{background:#000;color:#fff}.share-btn-twitter:hover{background:#1a1a1a}.share-btn-facebook{background:#1877f2;color:#fff}.share-btn-facebook:hover{background:#1565d8}.share-btn-linkedin{background:#0077b5;color:#fff}.share-btn-linkedin:hover{background:#005f8d}.share-btn-whatsapp{background:#25d366;color:#fff}.share-btn-whatsapp:hover{background:#1fba58}.share-btn-copy{background:var(--bg);color:var(--navy);border:1.5px solid var(--border)}.share-btn-copy:hover{background:var(--orange-pale);border-color:var(--orange);color:var(--orange)}.share-btn svg{width:16px;height:16px;stroke:currentColor;flex-shrink:0}.sp-article pre,.sp-article code{background:#0b1220;border:1px solid #1e293b;border-radius:16px;padding:1.5rem;overflow-x:auto;margin:1.5rem 0;box-shadow:0 10px 25px rgb(0 0 0 / .25)}.sp-article pre code,.sp-article pre code{background:none;border:none;padding:0;color:#e2e8f0;display:block;white-space:pre}.sp-article code{display:block;padding:.18rem .45rem;border-radius:6px;background:#f6f6f6;border:1px solid #aaa;color:#000;font-family:Consolas,Monaco,"Courier New",monospace;font-size:.92em;font-weight:500;line-height:1.4;white-space:nowrap}.sp-article code::before{content:"Code Block";position:absolute;left:0;top:0;width:100%;height:48px;display:flex;align-items:center;padding-left:85px;color:#94a3b8;font-size:.9rem;font-weight:500;background:linear-gradient(90deg,#1b2430,#202937);border-bottom:1px solid #243247;border-radius:18px 18px 0 0}.sp-article code::after{content:"";position:absolute;top:17px;left:18px;width:12px;height:12px;border-radius:50%;background:#ff5f57;box-shadow:20px 0 #febc2e,40px 0 #28c840}.sr-hero{background:linear-gradient(160deg,#f0fdf4 0%,#f9fafb 65%,#fff 100%);border-bottom:1px solid var(--border);padding:2.5rem 1.5rem 2.75rem}.sr-hero-inner{max-width:1280px;margin:0 auto}.sr-label{font-size:.75rem;font-weight:600;color:var(--text-muted);margin-bottom:.55rem;display:flex;align-items:center;gap:.4rem}.sr-bar{display:flex;align-items:center;background:var(--white);border:2px solid var(--green-500);border-radius:var(--radius-lg);box-shadow:0 0 0 4px rgb(22 163 74 / .1),var(--shadow-md);overflow:hidden;max-width:720px;margin-bottom:1.25rem}.sr-bar svg{color:var(--text-muted);margin-left:1rem;flex-shrink:0}.sr-input{flex:1;border:none;outline:none;font-family:var(--sans);font-size:1.05rem;color:var(--text-primary);padding:.85rem 1rem;background:#fff0}.sr-input::placeholder{color:var(--text-faint)}.sr-clear{background:none;border:none;cursor:pointer;color:var(--text-faint);padding:.5rem;transition:color .15s;display:flex;align-items:center;justify-content:center}.sr-clear:hover{color:var(--text-primary)}.sr-submit{background:var(--green-600);color:#fff;border:none;font-family:var(--sans);font-size:.9rem;font-weight:700;padding:0 1.4rem;cursor:pointer;height:54px;transition:background .15s;white-space:nowrap;display:flex;align-items:center;gap:.4rem}.sr-submit:hover{background:var(--green-700)}.sr-suggestions{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}.sr-suggest-label{font-size:.76rem;color:var(--text-muted);font-weight:500;flex-shrink:0}.suggest-pill{display:inline-flex;align-items:center;gap:.3rem;background:var(--white);border:1px solid var(--border-md);color:var(--text-secondary);font-size:.77rem;font-weight:500;padding:.26rem .65rem;border-radius:100px;cursor:pointer;transition:all .15s;font-family:var(--sans)}.suggest-pill:hover{background:var(--green-50);border-color:var(--green-300);color:var(--green-700)}.sr-layout{max-width:1280px;margin:0 auto;padding:2rem 1.5rem 4rem;display:grid;grid-template-columns:1fr 292px;gap:2.5rem;align-items:start}.sr-topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;flex-wrap:wrap;gap:.75rem;padding-bottom:1.25rem;border-bottom:1px solid var(--border)}.sr-count{font-size:.9rem;color:var(--text-secondary);line-height:1.5}.sr-count strong{color:var(--text-primary);font-weight:800}.sr-count .sr-query{color:var(--green-700);font-weight:700;font-style:italic}.sr-time{font-size:.76rem;color:var(--text-faint);margin-top:.1rem}.sr-filters{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.sr-filter-btn{display:inline-flex;align-items:center;gap:.3rem;padding:.32rem .75rem;border-radius:100px;font-size:.78rem;font-weight:600;border:1px solid var(--border-md);background:var(--white);color:var(--text-secondary);cursor:pointer;font-family:var(--sans);transition:all .15s}.sr-filter-btn:hover{border-color:var(--green-400);color:var(--green-700);background:var(--green-50)}.sr-filter-btn.active{background:var(--green-600);color:#fff;border-color:var(--green-600)}.sr-sort{display:flex;align-items:center;gap:.35rem;margin-left:auto;background:var(--white);border:1px solid var(--border);border-radius:var(--radius);padding:.3rem .65rem;font-size:.78rem;color:var(--text-secondary);cursor:pointer;box-shadow:var(--shadow-xs)}.sr-sort select{background:none;border:none;outline:none;font-family:var(--sans);font-size:.78rem;color:var(--text-secondary);cursor:pointer}.sr-results{display:flex;flex-direction:column;gap:1px}.sr-section-label{display:flex;align-items:center;gap:.6rem;font-size:.68rem;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:var(--text-faint);padding:1.5rem 0 .65rem}.sr-section-label::after{content:'';flex:1;height:1px;background:var(--border)}.sr-result{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.25rem 1.4rem;display:flex;gap:1.1rem;align-items:flex-start;transition:all .2s;margin-bottom:.75rem;text-decoration:none;color:inherit;position:relative}.sr-result:hover{border-color:var(--green-400);box-shadow:var(--shadow-md);transform:translateX(2px)}.sr-result:hover .sr-result-arrow{opacity:1}.sr-thumb img{width:62px;height:62px;border-radius:var(--radius);display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0;border:1px solid var(--border)}.sr-result-body{flex:1;min-width:0}.sr-result-type-row{display:flex;align-items:center;gap:.45rem;margin-bottom:.35rem;flex-wrap:wrap}.sr-result-type{font-size:.67rem;font-weight:700;letter-spacing:.8px;text-transform:uppercase;padding:.17rem .5rem;border-radius:100px}.type-Tutorial{background:#f0fdf4;color:#166534;border:1px solid #bbf7d0}.type-Post{background:#eff6ff;color:#1e40af;border:1px solid #bfdbfe}.type-News{background:#fefce8;color:#854d0e;border:1px solid #fef08a}.type-Page{background:#fff1f2;color:#be123c;border:1px solid #fecdd3}.type-career{background:#f0fdf4;color:#15803d;border:1px solid #bbf7d0}.type-interview{background:#f0fdfa;color:#0f766e;border:1px solid #99f6e4}.sr-result-url{font-size:.71rem;color:var(--green-700);font-family:var(--mono);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:400px}.sr-result-title{font-size:.97rem;font-weight:700;color:var(--text-primary);line-height:1.38;margin-bottom:.4rem;transition:color .15s}.sr-result:hover .sr-result-title{color:var(--green-700)}.sr-result-title mark{background:rgb(22 163 74 / .14);color:var(--green-800);border-radius:3px;padding:0 .15rem;font-weight:800}.sr-result-excerpt{font-size:.84rem;color:var(--text-secondary);line-height:1.65;margin-bottom:.65rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.sr-result-excerpt mark{background:rgb(22 163 74 / .12);color:var(--green-800);border-radius:2px;padding:0 .12rem;font-weight:600}.sr-result-meta{display:flex;align-items:center;gap:.65rem;font-size:.73rem;color:var(--text-muted);flex-wrap:wrap}.sr-meta-sep{color:var(--border-md)}.sr-result-arrow{position:absolute;right:1.25rem;top:50%;transform:translateY(-50%);opacity:0;color:var(--green-600);font-size:.9rem;transition:all .2s}.sr-result.featured{border-color:var(--green-300);background:linear-gradient(135deg,#f0fdf4,#fff);box-shadow:0 2px 12px rgb(22 163 74 / .08)}.sr-featured-badge{position:absolute;top:-1px;right:1.25rem;background:var(--green-600);color:#fff;font-size:.63rem;font-weight:700;padding:.22rem .6rem;border-radius:0 0 var(--radius-sm) var(--radius-sm);letter-spacing:.3px;text-transform:uppercase}.sr-code-preview{background:#1e1e2e;border-radius:var(--radius);padding:.6rem .85rem;font-family:var(--mono);font-size:.75rem;line-height:1.65;margin-top:.55rem;overflow-x:auto;color:#cdd6f4;display:flex;gap:.75rem;align-items:flex-start}.sr-code-preview-label{font-size:.62rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:#585b70;flex-shrink:0;margin-top:.12rem}.kw{color:#cba6f7}.fn{color:#89dceb}.str{color:#a6e3a1}.v{color:#fab387}.c{color:#585b70;font-style:italic}.op{color:#89dceb}.n{color:#fab387}.sr-no-results{text-align:center;padding:3.5rem 1.5rem;background:var(--gray-50);border:1px dashed var(--border-md);border-radius:var(--radius-xl);display:none}.sr-no-results h3{font-size:1.1rem;font-weight:800;margin-bottom:.5rem;color:var(--text-primary)}.sr-no-results p{font-size:.88rem;color:var(--text-muted);margin-bottom:1.25rem}.sr-pagination{display:flex;align-items:center;justify-content:center;gap:.4rem;margin-top:2rem;flex-wrap:wrap}.pg-btn{width:38px;height:38px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);font-size:.83rem;font-weight:600;border:1px solid var(--border-md);background:var(--white);color:var(--text-secondary);cursor:pointer;transition:all .15s;font-family:var(--sans)}.pg-btn:hover{border-color:var(--green-400);color:var(--green-700);background:var(--green-50)}.pg-btn.active{background:var(--green-600);color:#fff;border-color:var(--green-600)}.pg-btn.wide{width:auto;padding:0 .9rem}.pg-dots{color:var(--text-faint);font-size:.85rem;padding:0 .2rem}.sr-sidebar{position:sticky;top:74px}.sb-w{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);margin-bottom:1.1rem}.sb-h{padding:.72rem 1rem;background:var(--gray-900);color:#fff;font-size:.76rem;font-weight:700;display:flex;align-items:center;gap:.35rem}.refine-list{padding:.5rem 0}.refine-item{display:flex;align-items:center;justify-content:space-between;padding:.4rem 1rem;cursor:pointer;transition:background .15s}.refine-item:hover{background:var(--gray-50)}.refine-left{display:flex;align-items:center;gap:.55rem;font-size:.8rem;color:var(--text-secondary)}.refine-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.refine-count{font-size:.68rem;color:var(--text-faint);background:var(--gray-100);border:1px solid var(--border);padding:.1rem .38rem;border-radius:100px;font-weight:600}.refine-item.active .refine-left{color:var(--green-700);font-weight:600}.refine-item.active .refine-count{background:var(--green-50);color:var(--green-700);border-color:var(--green-200)}.pop-search-list{padding:.75rem 1rem;display:flex;flex-wrap:wrap;gap:.4rem}.pop-search-pill{display:inline-flex;align-items:center;gap:.3rem;background:var(--gray-100);color:var(--text-secondary);font-size:.74rem;font-weight:500;padding:.26rem .62rem;border-radius:100px;border:1px solid var(--border);cursor:pointer;transition:all .15s}.pop-search-pill:hover{background:var(--green-50);color:var(--green-700);border-color:var(--green-200)}.ql-list{padding:.35rem 0}.ql-link{display:flex;align-items:center;gap:.45rem;padding:.4rem 1rem;font-size:.79rem;color:var(--text-secondary);transition:all .15s}.ql-link:hover{background:var(--green-50);color:var(--green-700)}.ql-link::before{content:'→';color:var(--green-500);font-size:.7rem;flex-shrink:0}@media(max-width:1024px){.sr-layout{grid-template-columns:1fr}.sr-sidebar{display:none}}@media(max-width:640px){.sr-bar{max-width:100%}.sr-input{font-size:.9rem}.sr-result{flex-direction:column}.sr-thumb{width:100%;height:60px;border-radius:var(--radius)}}.sr-hero{background:linear-gradient(160deg,#f0fdf4 0%,#f9fafb 65%,#fff 100%);border-bottom:1px solid var(--border);padding:2.5rem 1.5rem 2.75rem}.sr-thumb img{width:62px;height:62px}.sr-hero-inner{max-width:1280px;margin:0 auto}.sr-label{font-size:.75rem;font-weight:600;color:var(--text-muted);margin-bottom:.55rem;display:flex;align-items:center;gap:.4rem}.sr-bar{display:flex;align-items:center;background:var(--white);border:2px solid var(--green-500);border-radius:var(--radius-lg);box-shadow:0 0 0 4px rgb(22 163 74 / .1),var(--shadow-md);overflow:hidden;max-width:720px;margin-bottom:1.25rem}.sr-bar svg{color:var(--text-muted);margin-left:1rem;flex-shrink:0}.sr-input{flex:1;border:none;outline:none;font-family:var(--sans);font-size:1.05rem;color:var(--text-primary);padding:.85rem 1rem;background:#fff0}.sr-input::placeholder{color:var(--text-faint)}.sr-clear{background:none;border:none;cursor:pointer;color:var(--text-faint);padding:.5rem;transition:color .15s;display:flex;align-items:center;justify-content:center}.sr-clear:hover{color:var(--text-primary)}.sr-submit{background:var(--green-600);color:#fff;border:none;font-family:var(--sans);font-size:.9rem;font-weight:700;padding:0 1.4rem;cursor:pointer;height:54px;transition:background .15s;white-space:nowrap;display:flex;align-items:center;gap:.4rem}.sr-submit:hover{background:var(--green-700)}.sr-suggestions{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}.sr-suggest-label{font-size:.76rem;color:var(--text-muted);font-weight:500;flex-shrink:0}.suggest-pill{display:inline-flex;align-items:center;gap:.3rem;background:var(--white);border:1px solid var(--border-md);color:var(--text-secondary);font-size:.77rem;font-weight:500;padding:.26rem .65rem;border-radius:100px;cursor:pointer;transition:all .15s;font-family:var(--sans)}.suggest-pill:hover{background:var(--green-50);border-color:var(--green-300);color:var(--green-700)}.sr-layout{max-width:1280px;margin:0 auto;padding:2rem 1.5rem 4rem;display:grid;grid-template-columns:1fr 292px;gap:2.5rem;align-items:start}.sr-topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;flex-wrap:wrap;gap:.75rem;padding-bottom:1.25rem;border-bottom:1px solid var(--border)}.sr-count{font-size:.9rem;color:var(--text-secondary);line-height:1.5}.sr-count strong{color:var(--text-primary);font-weight:800}.sr-count .sr-query{color:var(--green-700);font-weight:700;font-style:italic}.sr-time{font-size:.76rem;color:var(--text-faint);margin-top:.1rem}.sr-filters{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.sr-filter-btn{display:inline-flex;align-items:center;gap:.3rem;padding:.32rem .75rem;border-radius:100px;font-size:.78rem;font-weight:600;border:1px solid var(--border-md);background:var(--white);color:var(--text-secondary);cursor:pointer;font-family:var(--sans);transition:all .15s}.sr-filter-btn:hover{border-color:var(--green-400);color:var(--green-700);background:var(--green-50)}.sr-filter-btn.active{background:var(--green-600);color:#fff;border-color:var(--green-600)}.sr-sort{display:flex;align-items:center;gap:.35rem;margin-left:auto;background:var(--white);border:1px solid var(--border);border-radius:var(--radius);padding:.3rem .65rem;font-size:.78rem;color:var(--text-secondary);cursor:pointer;box-shadow:var(--shadow-xs)}.sr-sort select{background:none;border:none;outline:none;font-family:var(--sans);font-size:.78rem;color:var(--text-secondary);cursor:pointer}.sr-results{display:flex;flex-direction:column;gap:1px}.sr-section-label{display:flex;align-items:center;gap:.6rem;font-size:.68rem;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:var(--text-faint);padding:1.5rem 0 .65rem}.sr-section-label::after{content:'';flex:1;height:1px;background:var(--border)}.sr-result{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.25rem 1.4rem;display:flex;gap:1.1rem;align-items:flex-start;transition:all .2s;margin-bottom:.75rem;text-decoration:none;color:inherit;position:relative}.sr-result:hover{border-color:var(--green-400);box-shadow:var(--shadow-md);transform:translateX(2px)}.sr-result:hover .sr-result-arrow{opacity:1}.sr-thumb{width:62px;height:62px;border-radius:var(--radius);display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0;border:1px solid var(--border)}.sr-result-body{flex:1;min-width:0}.sr-result-type-row{display:flex;align-items:center;gap:.45rem;margin-bottom:.35rem;flex-wrap:wrap}.sr-result-type{font-size:.67rem;font-weight:700;letter-spacing:.8px;text-transform:uppercase;padding:.17rem .5rem;border-radius:100px}.type-tutorial{background:#f0fdf4;color:#166534;border:1px solid #bbf7d0}.type-article{background:#eff6ff;color:#1e40af;border:1px solid #bfdbfe}.type-cheatsheet{background:#fefce8;color:#854d0e;border:1px solid #fef08a}.type-error{background:#fff1f2;color:#be123c;border:1px solid #fecdd3}.type-career{background:#f0fdf4;color:#15803d;border:1px solid #bbf7d0}.type-interview{background:#f0fdfa;color:#0f766e;border:1px solid #99f6e4}.sr-result-url{font-size:.71rem;color:var(--green-700);font-family:var(--mono);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:400px}.sr-result-title{font-size:.97rem;font-weight:700;color:var(--text-primary);line-height:1.38;margin-bottom:.4rem;transition:color .15s}.sr-result:hover .sr-result-title{color:var(--green-700)}.sr-result-title mark{background:rgb(22 163 74 / .14);color:var(--green-800);border-radius:3px;padding:0 .15rem;font-weight:800}.sr-result-excerpt{font-size:.84rem;color:var(--text-secondary);line-height:1.65;margin-bottom:.65rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.sr-result-excerpt mark{background:rgb(22 163 74 / .12);color:var(--green-800);border-radius:2px;padding:0 .12rem;font-weight:600}.sr-result-meta{display:flex;align-items:center;gap:.65rem;font-size:.73rem;color:var(--text-muted);flex-wrap:wrap}.sr-meta-sep{color:var(--border-md)}.sr-result-arrow{position:absolute;right:1.25rem;top:50%;transform:translateY(-50%);opacity:0;color:var(--green-600);font-size:.9rem;transition:all .2s}.sr-result.featured{border-color:var(--green-300);background:linear-gradient(135deg,#f0fdf4,#fff);box-shadow:0 2px 12px rgb(22 163 74 / .08)}.sr-featured-badge{position:absolute;top:-1px;right:1.25rem;background:var(--green-600);color:#fff;font-size:.63rem;font-weight:700;padding:.22rem .6rem;border-radius:0 0 var(--radius-sm) var(--radius-sm);letter-spacing:.3px;text-transform:uppercase}.sr-code-preview{background:#1e1e2e;border-radius:var(--radius);padding:.6rem .85rem;font-family:var(--mono);font-size:.75rem;line-height:1.65;margin-top:.55rem;overflow-x:auto;color:#cdd6f4;display:flex;gap:.75rem;align-items:flex-start}.sr-code-preview-label{font-size:.62rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:#585b70;flex-shrink:0;margin-top:.12rem}.kw{color:#cba6f7}.fn{color:#89dceb}.str{color:#a6e3a1}.v{color:#fab387}.c{color:#585b70;font-style:italic}.op{color:#89dceb}.n{color:#fab387}.sr-no-results{text-align:center;padding:3.5rem 1.5rem;background:var(--gray-50);border:1px dashed var(--border-md);border-radius:var(--radius-xl);display:none}.sr-no-results h3{font-size:1.1rem;font-weight:800;margin-bottom:.5rem;color:var(--text-primary)}.sr-no-results p{font-size:.88rem;color:var(--text-muted);margin-bottom:1.25rem}.sr-pagination{display:flex;align-items:center;justify-content:center;gap:.4rem;margin-top:2rem;flex-wrap:wrap}.pg-btn{width:38px;height:38px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);font-size:.83rem;font-weight:600;border:1px solid var(--border-md);background:var(--white);color:var(--text-secondary);cursor:pointer;transition:all .15s;font-family:var(--sans)}.pg-btn:hover{border-color:var(--green-400);color:var(--green-700);background:var(--green-50)}.pg-btn.active{background:var(--green-600);color:#fff;border-color:var(--green-600)}.pg-btn.wide{width:auto;padding:0 .9rem}.pg-dots{color:var(--text-faint);font-size:.85rem;padding:0 .2rem}.sr-sidebar{position:sticky;top:74px}.sb-w{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);margin-bottom:1.1rem}.sb-h{padding:.72rem 1rem;background:var(--gray-900);color:#fff;font-size:.76rem;font-weight:700;display:flex;align-items:center;gap:.35rem}.refine-list{padding:.5rem 0}.refine-item{display:flex;align-items:center;justify-content:space-between;padding:.4rem 1rem;cursor:pointer;transition:background .15s}.refine-item:hover{background:var(--gray-50)}.refine-left{display:flex;align-items:center;gap:.55rem;font-size:.8rem;color:var(--text-secondary)}.refine-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.refine-count{font-size:.68rem;color:var(--text-faint);background:var(--gray-100);border:1px solid var(--border);padding:.1rem .38rem;border-radius:100px;font-weight:600}.refine-item.active .refine-left{color:var(--green-700);font-weight:600}.refine-item.active .refine-count{background:var(--green-50);color:var(--green-700);border-color:var(--green-200)}.pop-search-list{padding:.75rem 1rem;display:flex;flex-wrap:wrap;gap:.4rem}.pop-search-pill{display:inline-flex;align-items:center;gap:.3rem;background:var(--gray-100);color:var(--text-secondary);font-size:.74rem;font-weight:500;padding:.26rem .62rem;border-radius:100px;border:1px solid var(--border);cursor:pointer;transition:all .15s}.pop-search-pill:hover{background:var(--green-50);color:var(--green-700);border-color:var(--green-200)}.ql-list{padding:.35rem 0}.ql-link{display:flex;align-items:center;gap:.45rem;padding:.4rem 1rem;font-size:.79rem;color:var(--text-secondary);transition:all .15s}.ql-link:hover{background:var(--green-50);color:var(--green-700)}.ql-link::before{content:'→';color:var(--green-500);font-size:.7rem;flex-shrink:0}@media(max-width:1024px){.sr-layout{grid-template-columns:1fr}.sr-sidebar{display:none}}@media(max-width:640px){.sr-bar{max-width:100%}.sr-input{font-size:.9rem}.sr-result{flex-direction:column}.sr-thumb{width:100%;height:60px;border-radius:var(--radius)}}.sr-pagination{margin:40px 0;display:flex;justify-content:center}.sr-pagination .page-numbers{display:flex;align-items:center;gap:8px;list-style:none;margin:0;padding:0}.sr-pagination .page-numbers a,.sr-pagination .page-numbers span{min-width:42px;height:42px;padding:0 14px;display:flex;align-items:center;justify-content:center;text-decoration:none;font-size:14px;font-weight:600;border-radius:10px;border:1px solid #e5e7eb;background:#fff;color:#374151;transition:all .25s ease}.sr-pagination .page-numbers a:hover{background:#2563eb;border-color:#2563eb;color:#fff;transform:translateY(-2px)}.sr-pagination .page-numbers .current{background:#2563eb;color:#fff;border-color:#2563eb;cursor:default}.sr-pagination .page-numbers .prev,.sr-pagination .page-numbers .next{padding:0 18px;min-width:auto;font-weight:700}hr{margin-bottom:20px;margin-top:20px}@media (max-width:768px){.sr-pagination .page-numbers{gap:6px;flex-wrap:wrap;justify-content:center}.sr-pagination .page-numbers a,.sr-pagination .page-numbers span{min-width:38px;height:38px;font-size:13px;padding:0 12px}}.breadcrumb{background:var(--white);border-bottom:1px solid var(--border);padding:.5rem 1.5rem}.breadcrumb-inner{max-width:1280px;margin:0 auto;font-size:.78rem;color:var(--text-muted);display:flex;gap:.35rem;align-items:center;flex-wrap:wrap}.breadcrumb-inner a{color:var(--green-600);transition:color .15s}.breadcrumb-inner a:hover{color:var(--green-700);text-decoration:underline}.breadcrumb-sep{opacity:.4}.content-section-newd{max-width:900px;margin:40px auto;line-height:1.9;color:#444}.content-section-newd h2{font-size:30px;margin:45px 0 18px;font-weight:700;color:#111827;line-height:1.3;0}.content-section-newd h3{font-size:25px;margin:30px 0 15px;color:#1f2937}.content-section-newd h4{font-size:22px;margin:25px 0 12px;color:#111827}.content-section-newd h5{font-size:20px;margin:20px 0 10px}.content-section-newd h6{font-size:18px;margin:18px 0 8px}.content-section-newd p{margin:18px 0;font-size:18px;color:#313131}.content-section-newd li>p{margin:0;font-size:18px;color:#313131}.content-section-newd strong{color:#111827;font-weight:700}.content-section-newd a{color:#15803d;text-decoration:none;font-weight:600}.content-section-newd a:hover{text-decoration:underline}.content-section-newd ul:not(.rank-math-toc),.content-section-newd ol:not(.rank-math-toc){margin:25px 0;padding-left:0;list-style:none}.content-section-newd ul:not(.rank-math-toc)>li,.content-section-newd ol:not(.rank-math-toc)>li{position:relative;margin-bottom:16px;padding:18px 18px 18px 60px;background:#f8fafc;border:1px solid #e5e7eb;border-radius:10px;transition:.25s ease;margin-left:0}.content-section-newd ul:not(.rank-math-toc)>li:hover,.content-section-newd ol:not(.rank-math-toc)>li:hover{border-color:#15803d;box-shadow:0 8px 20px rgb(0 0 0 / .06)}.content-section-newd ul:not(.rank-math-toc)>li::before,.content-section-newd ol:not(.rank-math-toc)>li::before{content:"✓";position:absolute;left:18px;top:18px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#15803d;color:#fff;font-weight:700;font-size:15px}.content-section-newd table{width:100%;border-collapse:collapse;margin:30px 0;overflow:hidden;border-radius:12px;border:1px solid #e5e7eb}.content-section-newd th{background:#15803d;color:#fff;padding:14px;text-align:left}.content-section-newd td{padding:14px;border-top:1px solid #e5e7eb}.content-section-newd tr:nth-child(even){background:#f9fafb}.content-section-newd img{max-width:100%;height:auto;border-radius:12px;margin:25px 0}.content-section-newd blockquote{margin:35px 0;padding:24px;background:#f0fdf4;border-left:6px solid #15803d;border-radius:10px;font-style:italic}.content-section-newd hr{border:none;border-top:1px solid #e5e7eb;margin:40px 0}.content-section-newd .info-box-newd{margin:35px 0;padding:24px;background:#f0fdf4;border-left:6px solid #15803d;border-radius:12px}.content-section-newd .info-box-newd h3{margin-top:0}.content-section-newd .highlight-newd{color:#15803d;font-weight:700}.content-section-newd .text-center-newd{text-align:center}.content-section-newd .mb-30-newd{margin-bottom:30px}.content-section-newd .mt-40-newd{margin-top:40px}.content-section-newd .rounded-newd{border-radius:12px}.content-section-newd .shadow-newd{box-shadow:0 10px 30px rgb(0 0 0 / .08)}@media (max-width:768px){.content-section-newd{padding:0 16px}.content-section-newd h2{font-size:28px}.content-section-newd h3{font-size:24px}.content-section-newd h4{font-size:21px}.content-section-newd p{font-size:17px}.content-section-newd li{padding:16px 16px 16px 54px}.content-section-newd table{display:block;overflow-x:auto;white-space:nowrap}}#rank-math-toc nav li::before{display:none!important}#rank-math-toc nav li{border:none;padding:0;background:#fff0}.full-layout{padding-bottom:40px;padding-top:30px}.ai-tool{max-width:1100px;margin:40px auto;background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 10px 35px rgb(0 0 0 / .08);border:1px solid #e8edf3}.ai-tool-header{padding:35px;background:linear-gradient(135deg,var(--green-700),var(--green-500));color:#fff}.ai-tool-header h2{margin:0;font-size:34px;font-weight:700}.ai-tool-header p{margin:12px 0 0;opacity:.9;font-size:16px}.ai-tool-body{padding:30px}.ai-row{display:flex;gap:20px;margin-bottom:20px}.ai-col{flex:1}.ai-label{display:block;margin-bottom:8px;font-weight:600;color:#333}.ai-input,.ai-select,.ai-textarea{width:100%;padding:14px 16px;border:1px solid #d7dce2;border-radius:10px;font-size:15px;transition:.25s;background:#fff;box-sizing:border-box}.ai-textarea{min-height:180px;resize:vertical;font-family:Consolas,monospace}.ai-input:focus,.ai-select:focus,.ai-textarea:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 4px rgb(37 99 235 / .15)}.ai-btn{display:inline-block;padding:14px 28px;border:0;border-radius:10px;background:var(--green-700);color:#fff;cursor:pointer;font-size:16px;font-weight:600;transition:.25s}.ai-btn:hover{background:#1d4ed8}.ai-btn-secondary{background:#16a34a}.ai-btn-secondary:hover{background:#15803d}.ai-btn-copy{background:#f59e0b}.ai-btn-copy:hover{background:#d97706}.ai-btn-download{background:#7c3aed}.ai-btn-download:hover{background:#6d28d9}.ai-result{margin-top:30px;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden}.ai-result-header{background:#f7f9fc;padding:15px 20px;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center}.ai-result-title{font-size:18px;font-weight:700}.ai-result-body{padding:25px;background:#fff;overflow:auto;font-family:Consolas,monospace;line-height:1.7}.ai-actions{margin-top:20px;display:flex;gap:10px;flex-wrap:wrap}.ai-loading{opacity:.6;pointer-events:none}.ai-spinner{width:22px;height:22px;border:3px solid #ddd;border-top:3px solid #2563eb;border-radius:50%;animation:aiSpin .8s linear infinite;display:inline-block;vertical-align:middle;margin-right:8px}@keyframes aiSpin{100%{transform:rotate(360deg)}}.ai-success{padding:15px;background:#ecfdf5;color:#065f46;border:1px solid #a7f3d0;border-radius:8px;margin-bottom:20px}.ai-error{padding:15px;background:#fef2f2;color:#991b1b;border:1px solid #fecaca;border-radius:8px;margin-bottom:20px}.ai-code{background:#111827;color:#f3f4f6;border-radius:12px;padding:20px;overflow:auto;font-family:Consolas,monospace;line-height:1.6;font-size:14px}.ai-badge{display:inline-block;padding:5px 12px;background:#2563eb;color:#fff;border-radius:20px;font-size:12px;margin-right:6px}.ai-footer{text-align:center;padding:20px;border-top:1px solid #eee;background:#fafafa;color:#777}@media(max-width:768px){.ai-row{display:block}.ai-col{margin-bottom:15px}.ai-tool{margin:20px 10px}.ai-tool-header{padding:25px}.ai-tool-header h2{font-size:26px}.ai-result-body{font-size:13px}.ai-actions{display:block}.ai-btn{width:100%;margin-bottom:10px}}