.wb-steps-page .toc-box{background:var(--wb-accent-light);border-left:4px solid var(--wb-accent);border-radius:0 var(--wb-radius-md)var(--wb-radius-md)0;margin-bottom:2.5rem;padding:1.5rem 1.75rem}.wb-steps-page .toc-box__title{letter-spacing:.09em;text-transform:uppercase;color:var(--wb-accent-dark);margin-bottom:.75rem;font-size:.72rem;font-weight:800}.wb-steps-page .toc-box ol{columns:2;column-gap:2rem;margin:0;padding-left:1.25rem}.wb-steps-page .toc-box li{margin-bottom:.35rem;font-size:.88rem}.wb-steps-page .toc-box a{color:var(--wb-accent);font-weight:600;text-decoration:none}.wb-steps-page .toc-box a:hover{text-decoration:underline}@media (max-width:600px){.wb-steps-page .toc-box ol{columns:1}}.wb-steps-page .section-number{color:var(--wb-accent);background:var(--wb-accent-light);border-radius:var(--wb-radius-sm);white-space:nowrap;border:1px solid #1a5c9633;flex-shrink:0;margin-top:.25rem;padding:.25rem .6rem;font-size:.75rem;font-weight:800}.wb-steps-page .section-header-flex{align-items:flex-start;gap:1rem;margin-bottom:1.75rem;display:flex}.wb-steps-page .section-header-flex h2{margin-bottom:.5rem}.wb-steps-page .callout{border-radius:var(--wb-radius-md);gap:.875rem;margin:1.5rem 0;padding:1.125rem 1.25rem;display:flex}.wb-steps-page .callout--info{background:var(--wb-accent-light);border:1px solid #1a5c9633}.wb-steps-page .callout--warn{background:#fef3c7;border:1px solid #b4530933}.wb-steps-page .callout__icon{flex-shrink:0;width:22px;height:22px;margin-top:.06rem}.wb-steps-page .callout__icon svg{width:22px;height:22px}.wb-steps-page .callout p{margin:0;font-size:.9rem;line-height:1.6}.wb-steps-page .callout p strong{letter-spacing:.03em;text-transform:uppercase;margin-bottom:.25rem;font-size:.82rem;display:block}.wb-steps-page .callout--info p strong{color:var(--wb-accent-dark)}.wb-steps-page .callout--warn p strong{color:#b45309}.wb-steps-page .compare-grid{grid-template-columns:1fr 1fr;gap:1.25rem;margin-top:1.5rem;display:grid}.wb-steps-page .compare-card{background:var(--wb-surface);border:1px solid var(--wb-border);border-radius:var(--wb-radius-md);box-shadow:var(--wb-shadow-sm);overflow:hidden}.wb-steps-page .compare-card__header{background:var(--wb-accent-dark);color:#fff;letter-spacing:.04em;text-transform:uppercase;padding:.6rem 1.125rem;font-size:.8rem;font-weight:700}.wb-steps-page .compare-card__body{padding:1.125rem}.wb-steps-page .compare-card__body ul{margin:0;padding-left:1.125rem}.wb-steps-page .compare-card__body li{margin-bottom:.35rem;font-size:.9rem}@media (max-width:640px){.wb-steps-page .compare-grid{grid-template-columns:1fr}}.wb-steps-page .key-points{background:var(--wb-surface);border:1px solid var(--wb-border);border-radius:var(--wb-radius-md);box-shadow:var(--wb-shadow-sm);margin:1.5rem 0;padding:1.25rem 1.5rem}.wb-steps-page .key-points__title{letter-spacing:.09em;text-transform:uppercase;color:var(--wb-accent-dark);margin-bottom:.75rem;font-size:.72rem;font-weight:800}.wb-steps-page .key-points ul{margin:0;padding-left:0;list-style:none}.wb-steps-page .key-points li{border-bottom:1px solid var(--wb-border);padding:.35rem 0 .35rem 1.5rem;font-size:.9rem;position:relative}.wb-steps-page .key-points li:last-child{border-bottom:none}.wb-steps-page .key-points li:before{content:"";background:var(--wb-accent);border-radius:50%;width:8px;height:8px;position:absolute;top:.75rem;left:0}.wb-steps-page .table-wrap{border:1px solid var(--wb-border);border-radius:var(--wb-radius-lg);background:var(--wb-surface);box-shadow:var(--wb-shadow-sm);margin:1.5rem 0;overflow-x:auto}.wb-steps-page .table-wrap table{border-collapse:collapse;width:100%;font-size:.875rem}.wb-steps-page .table-wrap thead{background:var(--wb-accent-dark);color:#fff}.wb-steps-page .table-wrap thead th{text-align:left;letter-spacing:.04em;text-transform:uppercase;padding:.75rem 1rem;font-size:.78rem;font-weight:700}.wb-steps-page .table-wrap tbody tr{border-bottom:1px solid var(--wb-border)}.wb-steps-page .table-wrap tbody tr:nth-child(2n){background:var(--wb-bg)}.wb-steps-page .table-wrap td{color:var(--wb-text-muted);vertical-align:top;padding:.7rem 1rem;line-height:1.5}.wb-steps-page .table-wrap td:first-child{color:var(--wb-text);font-weight:600}.wb-steps-page .workflow-diagram-principle{background:var(--wb-surface);border:1px solid var(--wb-border);border-radius:var(--wb-radius-lg);text-align:center;box-shadow:var(--wb-shadow-sm);margin:2rem 0;padding:2rem 1.5rem;overflow-x:auto}.wb-steps-page .workflow-diagram__label{letter-spacing:.08em;text-transform:uppercase;color:var(--wb-text-muted);margin-bottom:1.5rem;font-size:.7rem;font-weight:700}.wb-steps-page .wf-steps{flex-wrap:wrap;justify-content:center;align-items:center;gap:0;display:flex}.wb-steps-page .wf-step{flex-direction:column;align-items:center;gap:.5rem;width:96px;display:flex}.wb-steps-page .wf-step__icon{background:var(--wb-accent-dark);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.wb-steps-page .wf-step__icon svg{fill:none;stroke:#fff;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:26px;height:26px}.wb-steps-page .wf-step__label{color:var(--wb-accent-dark);text-align:center;font-size:.7rem;font-weight:700;line-height:1.3}.wb-steps-page .wf-arrow-principle{color:var(--wb-accent);align-self:flex-start;margin:0 4px;padding-top:1rem;font-size:1.2rem}@media (max-width:600px){.wb-steps-page .wf-steps{flex-direction:column}.wb-steps-page .wf-arrow-principle{padding:0;transform:rotate(90deg)}}.wb-steps-page .step-card-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem;margin-top:1.75rem;display:grid}.wb-steps-page .step-card-principle{background:var(--wb-surface);border:1px solid var(--wb-border);border-radius:var(--wb-radius-md);box-shadow:var(--wb-shadow-sm);padding:1.5rem;position:relative}.wb-steps-page .step-card__num{letter-spacing:.06em;text-transform:uppercase;background:var(--wb-accent);color:#fff;border-radius:999px;padding:.2rem .6rem;font-size:.68rem;font-weight:800;position:absolute;top:-12px;left:1.25rem}.wb-steps-page .step-card-principle h3{margin-top:.5rem;margin-bottom:.5rem;font-size:1rem}.wb-steps-page .step-card-principle p{margin-bottom:0;font-size:.9rem;line-height:1.6}.wb-steps-page .detection-grid-principle{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem;margin-top:1.5rem;display:grid}.wb-steps-page .detection-card-principle{background:var(--wb-surface);border:1px solid var(--wb-border);border-radius:var(--wb-radius-md);box-shadow:var(--wb-shadow-sm);padding:1.25rem}.wb-steps-page .detection-card__badge{letter-spacing:.07em;text-transform:uppercase;background:var(--wb-accent-light);color:var(--wb-accent-dark);border-radius:999px;margin-bottom:.6rem;padding:.2rem .6rem;font-size:.68rem;font-weight:700;display:inline-block}.wb-steps-page .detection-card-principle h4{margin-bottom:.5rem;font-size:.95rem}.wb-steps-page .detection-card-principle p{margin:0;font-size:.87rem;line-height:1.55}.wb-steps-page .app-cards{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem;margin-top:1.5rem;display:grid}.wb-steps-page .app-card-principle{background:var(--wb-surface);border:1px solid var(--wb-border);border-radius:var(--wb-radius-md);box-shadow:var(--wb-shadow-sm);align-items:flex-start;gap:.875rem;padding:1.375rem;display:flex}.wb-steps-page .app-card__icon{background:var(--wb-accent-light);border-radius:var(--wb-radius-sm);flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.wb-steps-page .app-card__icon svg{fill:none;width:20px;height:20px;stroke:var(--wb-accent-dark);stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round}.wb-steps-page .app-card-principle h4{margin-bottom:.25rem;font-size:.95rem}.wb-steps-page .app-card-principle p{margin:0;font-size:.85rem;line-height:1.5}.wb-steps-page .visual-placeholder{background:var(--wb-surface);border:2px dashed var(--wb-border);border-radius:var(--wb-radius-lg);text-align:center;margin:1.5rem 0;padding:2.5rem 1.5rem}.wb-steps-page .visual-placeholder__icon{opacity:.3;width:48px;height:48px;margin:0 auto .75rem}.wb-steps-page .visual-placeholder__icon svg{fill:none;width:48px;height:48px;stroke:var(--wb-text);stroke-width:1.5px}.wb-steps-page .visual-placeholder p{margin:0;font-size:.82rem}.wb-steps-page .visual-placeholder strong{color:var(--wb-text);margin-bottom:.25rem;font-size:.9rem;display:block}.wb-steps-page .trouble-grid{border:1px solid var(--wb-border);border-radius:var(--wb-radius-md);background:var(--wb-surface);box-shadow:var(--wb-shadow-sm);flex-direction:column;gap:0;margin-top:1.5rem;display:flex;overflow:hidden}.wb-steps-page .trouble-row{border-bottom:1px solid var(--wb-border);grid-template-columns:200px 1fr 1fr;display:grid}.wb-steps-page .trouble-row:last-child{border-bottom:none}.wb-steps-page .trouble-row--header{background:var(--wb-accent-dark);color:#fff}.wb-steps-page .trouble-row--header .tr-cell{letter-spacing:.05em;text-transform:uppercase;color:#fff;font-size:.75rem;font-weight:700}.wb-steps-page .tr-cell{padding:.875rem 1rem;font-size:.875rem;line-height:1.5}.wb-steps-page .trouble-row:nth-child(2n):not(.trouble-row--header){background:var(--wb-bg)}.wb-steps-page .tr-cell:not(:last-child){border-right:1px solid var(--wb-border)}.wb-steps-page .tr-cell strong{margin-bottom:.125rem;font-weight:700;display:block}@media (max-width:680px){.wb-steps-page .trouble-row{grid-template-columns:1fr}.wb-steps-page .tr-cell:not(:last-child){border-right:none;border-bottom:1px solid var(--wb-border)}}.wb-steps-page .faq-list-principle{margin-top:1.5rem}.wb-steps-page .faq-item-principle{border:1px solid var(--wb-border);border-radius:var(--wb-radius-md);background:var(--wb-surface);box-shadow:var(--wb-shadow-sm);margin-bottom:.6rem;overflow:hidden}.wb-steps-page .faq-item-principle summary{cursor:pointer;background:var(--wb-surface);-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;padding:1.125rem 1.25rem;font-size:.95rem;font-weight:700;list-style:none;display:flex}.wb-steps-page .faq-item-principle summary::-webkit-details-marker{display:none}.wb-steps-page .faq-item-principle summary:after{content:"";background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%231a5c96' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round' viewBox='0 0 24 24'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:contain;flex-shrink:0;width:16px;height:16px;transition:transform .2s}.wb-steps-page .faq-item-principle[open] summary:after{transform:rotate(180deg)}.wb-steps-page .faq-item__body{background:var(--wb-surface);padding:0 1.25rem 1.25rem}.wb-steps-page .faq-item__body p{margin:0;font-size:.9rem;line-height:1.7}.wb-steps-page .section--shaded{background:var(--wb-surface)}.wb-steps-page .section--shaded .content-inner{padding:2rem 0}