.page-layout{margin:40px auto}.tech-level1-tabs{display:flex;gap:20px;margin-bottom:20px;border-bottom:2px solid var(--border-color);padding-bottom:10px;flex-wrap:wrap}.tech-level1-tab{font-size:16px;font-weight:700;color:var(--text-gray);cursor:pointer;padding:5px 10px;transition:color .3s}.tech-level1-tab.active,.tech-level1-tab:hover{color:var(--primary-blue);border-bottom:3px solid var(--primary-blue);margin-bottom:-13px}.tech-level2-tabs{display:flex;gap:10px;margin-bottom:20px;flex-wrap:wrap}.tech-level2-tab{font-size:14px;color:var(--text-gray);cursor:pointer;padding:6px 15px;background:var(--bg-color);border-radius:5px;transition:all .3s}.tech-level2-tab.active,.tech-level2-tab:hover{background:var(--light-blue);color:var(--primary-blue);font-weight:700}.tech-tabs{display:flex;gap:10px;margin-bottom:30px;flex-wrap:wrap}.tech-tab{padding:10px 20px;border-radius:20px;background:var(--light-blue);color:var(--text-gray);font-size:14px;font-weight:700;cursor:pointer;transition:background .3s,color .3s}.tech-tab.active,.tech-tab:hover{background:var(--primary-blue);color:var(--white)}.article-card{background:var(--white);border-radius:10px;padding:35px;box-shadow:0 2px 8px rgba(0,0,0,.02);border:1px solid var(--border-color)}.article-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:30px}.step-list{list-style:none;padding:0;margin-top:20px}.step-list li{background:var(--bg-color);padding:15px;border-radius:8px;margin-bottom:10px;font-size:13px;color:var(--text-gray);border:1px solid var(--border-color)}.step-list li strong{color:var(--primary-blue);font-size:14px}@media (max-width:992px){.article-grid{grid-template-columns:1fr}}@media (max-width:768px){.article-card{padding:20px 15px}.tech-tabs{overflow-x:auto;flex-wrap:nowrap;padding-bottom:10px}.tech-tab{white-space:nowrap}}