.code-section{border-bottom:1px solid var(--ui-03);grid-template-columns:1fr 1fr;display:grid}.code-prose{padding:var(--spacing-12)var(--spacing-08);border-right:1px solid var(--ui-03);flex-direction:column;justify-content:center;display:flex}.endpoint-list{background:var(--ui-03);border:1px solid var(--ui-03);margin-top:var(--spacing-07);flex-direction:column;gap:1px;display:flex}.endpoint-row{align-items:center;gap:var(--spacing-05);padding:var(--spacing-04)var(--spacing-05);background:var(--ui-01);font-family:IBM Plex Mono,monospace;font-size:12px;transition:background .1s;display:flex}.endpoint-row:hover{background:var(--ui-02)}.method-tag{letter-spacing:.06em;flex-shrink:0;padding:1px 6px;font-size:10px;font-weight:500}.m-get{color:var(--ibm-blue-dk);background:var(--blue-mid)}.m-post{color:var(--green);background:var(--green-bg)}.endpoint-path{color:var(--text-01)}.endpoint-desc{color:var(--text-03);margin-left:auto;font-size:11px}.code-block-wrap{background:var(--ui-02);padding:var(--spacing-07);border-left:1px solid var(--ui-03);flex-direction:column;justify-content:center;display:flex}.code-tabs-row{border-bottom:1px solid var(--ui-03);background:var(--ui-03);gap:0;margin-bottom:0;display:flex}.ctab{color:var(--text-02);cursor:pointer;letter-spacing:.04em;background:var(--ui-03);border-bottom:2px solid #0000;margin-bottom:-1px;padding:8px 16px;font-family:IBM Plex Mono,monospace;font-size:11px;transition:color .1s}.ctab.active{color:var(--text-01);border-bottom-color:var(--blue);background:var(--ui-02)}pre{color:var(--text-01);background:var(--ui-01);border:1px solid var(--ui-03);padding:var(--spacing-06);margin-top:var(--spacing-05);font-family:IBM Plex Mono,monospace;font-size:12px;line-height:1.85;overflow-x:auto}.t-blue{color:var(--ibm-blue-dk)}.t-green{color:var(--green)}.t-yellow{color:var(--orange)}.t-gray{color:var(--text-03);font-style:italic}.t-purple{color:var(--ibm-purple)}
.btn-copy{padding:var(--spacing-03)var(--spacing-04);color:var(--text-02);border:1px solid var(--ui-03);cursor:pointer;background:0 0;align-items:center;gap:6px;font-size:12px;font-weight:600;transition:all .15s;display:flex}.btn-copy:hover{background:var(--blue);color:#fff;border-color:var(--blue)}.btn-danger-outline{align-items:center;gap:var(--spacing-03);padding:var(--spacing-04)var(--spacing-05);color:var(--red);border:1px solid var(--red);cursor:pointer;background:0 0;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex}.btn-danger-outline:hover:not(:disabled){background:var(--red);color:#fff}.btn-danger-outline:disabled{opacity:.5;cursor:not-allowed}.btn-secondary-outline{align-items:center;gap:var(--spacing-03);padding:var(--spacing-04)var(--spacing-05);color:var(--blue);border:1px solid var(--blue);cursor:pointer;background:0 0;font-size:13px;font-weight:600;text-decoration:none;transition:all .15s;display:inline-flex}.btn-secondary-outline:hover:not(:disabled){background:var(--blue);color:#fff}.btn-secondary-outline:disabled{opacity:.5;cursor:not-allowed}.btn-primary{align-items:center;gap:var(--spacing-03);padding:var(--spacing-04)var(--spacing-06);color:#fff;background:var(--blue);cursor:pointer;border:none;font-size:14px;font-weight:600;text-decoration:none;transition:all .15s;display:inline-flex}.btn-primary:hover:not(:disabled){background:var(--blue-hover)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.app-sidebar-nav .nav-button{text-align:left;width:100%;font-family:inherit;font-size:inherit;color:#f7f9fce6;cursor:pointer;background:#ffffff0a;border:none;border-radius:14px;padding:.8rem .95rem;transition:background .2s}.app-sidebar-nav .nav-button:hover{background:#ffffff14}@media (max-width:768px){.card-grid-three,.card-grid-four{grid-template-columns:1fr}.detail-hero,.section{padding:var(--spacing-09)var(--spacing-06)}.page-title{font-size:32px}.page-copy{font-size:16px}}.stats-band{background:var(--ui-03);border-bottom:1px solid var(--ui-03);grid-template-columns:repeat(4,1fr);gap:1px;display:grid}.stat-cell{background:var(--ui-01);padding:var(--spacing-07)var(--spacing-06);text-align:center}.stat-cell .stat-num{color:var(--text-01);letter-spacing:-.02em;margin-bottom:6px;font-size:36px;font-weight:300;line-height:1}.stat-cell .stat-num b{color:var(--blue);font-weight:600}.stat-cell .stat-label{color:var(--text-03);letter-spacing:.04em;text-transform:uppercase;font-family:IBM Plex Mono,monospace;font-size:11px}@media (max-width:900px){.stats-band{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.stats-band{grid-template-columns:1fr}}.use-case-grid{background:var(--ui-03);border:1px solid var(--ui-03);grid-template-columns:repeat(3,1fr);gap:1px;max-width:1280px;margin:0 auto;display:grid}.use-case-cell{background:var(--ui-01);padding:var(--spacing-07)var(--spacing-06)}.use-case-cell h3{color:var(--text-01);margin-bottom:var(--spacing-04);font-size:20px;font-weight:600}.use-case-cell p{color:var(--text-02);margin-bottom:var(--spacing-05);font-size:14px;font-weight:300;line-height:1.625}.use-case-list{flex-direction:column;gap:6px;list-style:none;display:flex}.use-case-list li{color:var(--text-02);align-items:center;gap:8px;font-size:13px;display:flex}.use-case-list li:before{content:"";background:var(--blue);flex-shrink:0;width:4px;height:4px}@media (max-width:900px){.use-case-grid{grid-template-columns:1fr 1fr}}@media (max-width:640px){.use-case-grid{grid-template-columns:1fr}}.modules-grid{background:var(--ui-03);border:1px solid var(--ui-03);grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1px;max-width:1280px;margin:0 auto;display:grid}.module-tag{background:var(--ui-01);padding:var(--spacing-05)var(--spacing-06);border-left:3px solid var(--blue);align-items:center;gap:10px;font-size:14px;font-weight:500;transition:background .15s;display:flex}.module-tag:hover{background:var(--ui-02)}.framework-grid{background:var(--ui-03);border:1px solid var(--ui-03);grid-template-columns:repeat(3,1fr);gap:1px;max-width:1280px;margin:0 auto;display:grid}.framework-cell{background:var(--ui-01);padding:var(--spacing-07)var(--spacing-06);transition:background .15s;position:relative;overflow:hidden}.framework-cell:hover{background:var(--ui-02)}.framework-cell:after{content:"";background:var(--blue);width:3px;height:0;transition:height .25s;position:absolute;top:0;left:0}.framework-cell:hover:after{height:100%}.framework-badge{color:var(--blue);letter-spacing:.08em;text-transform:uppercase;margin-bottom:var(--spacing-04);background:var(--blue-light);padding:2px 8px;font-family:IBM Plex Mono,monospace;font-size:11px;font-weight:500;display:inline-block}.framework-cell h3{color:var(--text-01);margin-bottom:var(--spacing-04);font-size:18px;font-weight:600;line-height:1.3}.framework-cell p{color:var(--text-02);font-size:14px;font-weight:300;line-height:1.625}@media (max-width:900px){.framework-grid{grid-template-columns:1fr 1fr}}@media (max-width:640px){.framework-grid{grid-template-columns:1fr}}.preview-grid{background:var(--ui-03);border:1px solid var(--ui-03);grid-template-columns:1fr 1fr;gap:1px;max-width:1280px;margin:0 auto;display:grid}.preview-prose{background:var(--ui-01);padding:var(--spacing-10)var(--spacing-08);flex-direction:column;justify-content:center;display:flex}.preview-prose h2{color:var(--text-01);margin-bottom:var(--spacing-05);font-size:28px;font-weight:300;line-height:1.25}.preview-prose h2 strong{font-weight:600}.preview-prose p{color:var(--text-02);margin-bottom:var(--spacing-07);font-size:15px;font-weight:300;line-height:1.625}.preview-panel{background:var(--ui-02);padding:var(--spacing-07);justify-content:center;align-items:center;display:flex}.report-mock{background:var(--ui-01);border:1px solid var(--ui-03);width:100%}.report-mock-header{padding:var(--spacing-05)var(--spacing-06);border-bottom:1px solid var(--ui-03);justify-content:space-between;align-items:center;display:flex}.report-mock-title{color:var(--text-01);font-size:16px;font-weight:600}.report-mock-meta{color:var(--text-03);margin-top:2px;font-family:IBM Plex Mono,monospace;font-size:11px}.report-mock-grade{color:var(--blue);border:2px solid var(--blue-mid);justify-content:center;align-items:center;width:48px;height:48px;font-family:IBM Plex Mono,monospace;font-size:28px;font-weight:500;display:flex}.report-mock-row{padding:var(--spacing-04)var(--spacing-06);border-bottom:1px solid var(--ui-03);justify-content:space-between;font-size:13px;display:flex}.report-mock-row:last-child{border-bottom:none}.report-mock-label{color:var(--text-02)}.report-mock-value{font-family:IBM Plex Mono,monospace;font-weight:500}.report-mock-value.pass{color:var(--green)}.report-mock-value.warn{color:var(--orange)}.report-mock-value.fail{color:var(--red)}.report-bar-row{padding:var(--spacing-04)var(--spacing-06);border-top:1px solid var(--ui-03);gap:2px;display:flex}.bar-seg{height:4px}.bar-seg-pass{background:var(--green);flex:6}.bar-seg-warn{background:var(--orange);flex:3}.bar-seg-fail{background:var(--red);flex:1}.report-legend{padding:0 var(--spacing-06)var(--spacing-04);color:var(--text-03);gap:16px;font-family:IBM Plex Mono,monospace;font-size:11px;display:flex}.report-legend span{align-items:center;gap:4px;display:flex}.legend-dot{width:6px;height:6px;display:inline-block}@media (max-width:900px){.preview-grid{grid-template-columns:1fr}}.highlights-bar{background:var(--ui-03);border-bottom:1px solid var(--ui-03);grid-template-columns:repeat(3,1fr);gap:1px;display:grid}.highlight-cell{background:var(--ui-01);padding:var(--spacing-06);align-items:center;gap:var(--spacing-05);display:flex}.highlight-icon{background:var(--blue-light);width:40px;height:40px;color:var(--blue);flex-shrink:0;justify-content:center;align-items:center;display:flex}.highlight-cell .stat-label{color:var(--text-03);text-transform:uppercase;letter-spacing:.04em;font-family:IBM Plex Mono,monospace;font-size:11px}.highlight-cell .highlight-value{color:var(--text-01);margin-top:2px;font-size:14px;font-weight:600}@media (max-width:900px){.highlights-bar{grid-template-columns:1fr 1fr}}@media (max-width:640px){.highlights-bar{grid-template-columns:1fr}}.cta-band{background:var(--blue);padding:var(--spacing-11)var(--spacing-08);text-align:center;border-bottom:1px solid var(--blue-hover)}.cta-band h2{color:var(--ui-01);margin-bottom:var(--spacing-04);letter-spacing:-.01em;font-size:36px;font-weight:300}.cta-band .cta-desc{color:#ffffffd9;margin-bottom:var(--spacing-07);font-size:16px;font-weight:300}.cta-btn-white{padding:0 var(--spacing-07);background:var(--ui-01);height:48px;color:var(--blue);border:none;align-items:center;font-family:IBM Plex Sans,sans-serif;font-size:14px;font-weight:600;text-decoration:none;transition:background .1s;display:inline-flex}.cta-btn-white:hover{background:var(--ui-02)}.cta-fine{margin-top:var(--spacing-05);color:#ffffffb3;font-size:14px}.cta-fine a{color:var(--ui-01);text-decoration:underline}.response-divider{color:var(--blue);letter-spacing:.08em;text-transform:uppercase;margin:var(--spacing-05)0 0;padding:var(--spacing-03)0;font-family:IBM Plex Mono,monospace;font-size:11px}pre.response{border-top:1px solid var(--ui-03);background:var(--blue-light)}.code-section-dark{border-bottom:1px solid var(--ui-03);grid-template-columns:1fr 1fr;margin-top:48px;display:grid}.code-prose-dark{background:linear-gradient(135deg,var(--ui-05)0%,#1a1a1a 100%);padding:var(--spacing-12)var(--spacing-08);border-right:1px solid var(--ui-active);flex-direction:column;justify-content:center;display:flex}@media (max-width:900px){.code-section-dark{grid-template-columns:1fr}}
