.dev-portal *,.dev-portal :before,.dev-portal :after{box-sizing:border-box;margin:0;padding:0}.dev-portal{--ericsson-blue:#1174e6;--ericsson-dark-blue:#005499;--gray-1:#f2f2f2;--gray-2:#e0e0e0;--gray-3:#a0a0a0;--gray-4:#767676;--gray-5:#242424;--bg:#fff;--bg-surface:var(--gray-1);--bg-card:#fff;--bg-code:var(--gray-5);--bg-code-bar:#000;--border:var(--gray-2);--border-hover:var(--gray-4);--text:var(--gray-5);--text-secondary:var(--gray-4);--text-muted:var(--gray-4);--heading:var(--gray-5);--accent:var(--ericsson-blue);--accent-hover:var(--ericsson-dark-blue);--green:#288964;--green-bg:#e9f3ef;--orange:#e66e19;--purple:#8e45b0;--red:#dc2d37;--radius:4px;--font:var(--font-ericsson-hilda), Helvetica, Arial, sans-serif;--mono:var(--font-ericsson-hilda-mono), "Fira Code", Monaco, Consolas, monospace;--max-w:1400px;--nav-h:80px;scroll-behavior:smooth;scroll-padding-top:var(--nav-h);font-family:var(--font);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-size:16px;line-height:24px}.dev-portal a{color:var(--accent);text-decoration:none;transition:color .2s}.dev-portal a:hover{color:var(--accent-hover);text-decoration:underline}.dev-portal code{font-family:var(--mono);font-size:.9em}.dev-portal img{max-width:100%}.dev-portal .container{max-width:var(--max-w);margin:0 auto;padding:0 1rem}.dev-portal .hero{background:#000;padding:5rem 0;position:relative;overflow:hidden}.dev-portal .hero-content{position:relative}.dev-portal .hero-badge{color:#ffffffb3;text-transform:uppercase;letter-spacing:.06em;margin-bottom:.75rem;font-size:12px;font-weight:500;line-height:20px;display:block}.dev-portal .hero h1{color:#fff;margin-bottom:1rem;font-size:32px;font-weight:300;line-height:38px}.dev-portal .hero-sub{color:#fffc;max-width:640px;margin-bottom:2rem;font-size:16px;line-height:24px}.dev-portal .hero-actions{gap:1rem;display:flex}.dev-portal .btn{border-radius:var(--radius);font-family:var(--font);cursor:pointer;border:none;align-items:center;padding:14px 21px;font-size:14px;font-weight:400;line-height:1;transition:background-color .2s,color .2s,border-color .2s;display:inline-flex}.dev-portal .btn:hover{text-decoration:none}.dev-portal .btn-primary{color:var(--gray-5);background:#fff}.dev-portal .btn-primary:hover{background:var(--gray-2);color:var(--gray-5)}.dev-portal .btn-secondary{color:#fff;background:0 0;border:2px solid #fff;padding:12px 19px}.dev-portal .btn-secondary:hover{color:var(--gray-5);background:#fff}.dev-portal .section .btn-primary{background:var(--ericsson-blue);color:#fff}.dev-portal .section .btn-primary:hover{background:var(--ericsson-dark-blue);color:#fff}.dev-portal .section{padding:4rem 0}.dev-portal .section-dark{background:var(--bg-surface)}.dev-portal .section-header{margin-bottom:2.5rem}.dev-portal .section-badge{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:.5rem;font-size:12px;font-weight:500;line-height:20px;display:block}.dev-portal .section-header h2{color:var(--heading);margin-bottom:.5rem;font-size:32px;font-weight:400;line-height:40px}.dev-portal .section-header p{color:var(--text-secondary);max-width:640px;font-size:16px;line-height:24px}.dev-portal .link-arrow{margin-top:.75rem;font-size:16px;display:inline-block}.dev-portal .steps{max-width:800px}.dev-portal .step{border-bottom:1px solid var(--border);gap:2rem;margin-bottom:3rem;padding-bottom:3rem;display:flex}.dev-portal .step:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.dev-portal .step-number{color:#fff;border-radius:var(--radius);background:#000;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:16px;font-weight:500;display:flex}.dev-portal .step-content{flex:1;min-width:0}.dev-portal .step-content h3{color:var(--heading);margin-bottom:.75rem;font-size:24px;font-weight:500;line-height:32px}.dev-portal .step-content p{color:var(--text-secondary);margin-bottom:1rem}.dev-portal .step-note{color:var(--text);margin-top:1rem;font-weight:500}.dev-portal .callout{background:var(--bg-surface);border-left:4px solid var(--gray-5);color:var(--text-secondary);padding:1rem 1.2rem;font-size:14px;line-height:22px}.dev-portal .stats-bar{background:var(--bg-surface);border-bottom:1px solid var(--gray-2)}.dev-portal .stats-grid{grid-template-columns:repeat(var(--grid-cols,4), minmax(0, 1fr));gap:var(--grid-gap,1rem);padding-top:1.5rem;padding-bottom:1.5rem;display:grid}.dev-portal .stat p{color:var(--text-secondary);margin:0;font-size:13px;line-height:1.5}.dev-portal .stat strong{color:var(--text);font-weight:500}@media (max-width:768px){.dev-portal .stats-grid{grid-template-columns:repeat(2,1fr)}}.dev-portal .cms-rte table{border-collapse:collapse;width:100%;margin:1.5rem 0;font-size:14px;line-height:20px}.dev-portal .cms-rte th,.dev-portal .cms-rte td{border:1px solid var(--gray-2);text-align:left;vertical-align:top;padding:.6rem .9rem}.dev-portal .cms-rte th{background:var(--bg-surface);color:var(--text);font-weight:500}.dev-portal .section-dark .cms-rte th{background:#ffffff0f}.dev-portal .cms-rte table code{word-break:break-all}.dev-portal .webhook-event-text p{margin:0}.dev-portal .webhook-event-text strong{display:block}.dev-portal .quickstart-gotchas{margin-top:2rem}.dev-portal .quickstart-gotchas ul{gap:.5rem;margin:.5rem 0 0;padding-left:1.2rem;list-style:outside;display:grid}.dev-portal .callout strong{color:var(--text);font-weight:500}.dev-portal .code-tab-bar{background:var(--bg-code-bar);border-radius:var(--radius) var(--radius) 0 0;gap:0;display:flex;overflow:hidden}.dev-portal .code-tab{color:var(--gray-3);font-family:var(--font);cursor:pointer;background:0 0;border:none;padding:.6rem 1.4rem;font-size:14px;font-weight:400;transition:color .2s,background-color .2s}.dev-portal .code-tab:hover{color:#fff}.dev-portal .code-tab.active{color:#fff;background:var(--bg-code)}.dev-portal .code-panel{background:var(--bg-code);border-radius:var(--radius);display:block;position:relative;overflow-x:auto}.dev-portal .code-tab-bar~.code-panel{border-radius:0 0 var(--radius) var(--radius)}.dev-portal .code-panel pre{margin:0;padding:1.5rem}.dev-portal .code-panel code{font-family:var(--mono);color:var(--gray-1);font-size:14px;line-height:22px}.dev-portal .copy-btn{border:1px solid var(--gray-4);color:var(--gray-2);border-radius:var(--radius);cursor:pointer;font-size:12px;font-family:var(--font);background:0 0;padding:.3rem .8rem;transition:color .2s,border-color .2s;position:absolute;top:.8rem;right:.8rem}.dev-portal .copy-btn:hover,.dev-portal .copy-btn.copied{color:#fff;border-color:#fff}.dev-portal .version-toggle{gap:.5rem;margin-bottom:2rem;display:flex}.dev-portal .version-btn{border-radius:var(--radius);border:1px solid var(--border);color:var(--text-secondary);font-family:var(--font);cursor:pointer;background:0 0;align-items:center;gap:.5rem;padding:12px 21px;font-size:14px;font-weight:400;transition:background-color .2s,color .2s,border-color .2s;display:flex}.dev-portal .version-btn:hover{border-color:var(--border-hover);color:var(--text)}.dev-portal .version-btn.active{background:var(--gray-5);border-color:var(--gray-5);color:#fff}.dev-portal .tag{border-radius:var(--radius);text-transform:uppercase;letter-spacing:.04em;padding:.15rem .5rem;font-size:12px;font-weight:500;line-height:16px;display:inline-block}.dev-portal .tag-green{background:var(--green-bg);color:var(--green)}.dev-portal .tag-gray{background:var(--gray-1);color:var(--text-muted)}.dev-portal .api-grid{grid-template-columns:repeat(var(--grid-cols,4), minmax(0, 1fr));gap:var(--grid-gap,1rem);display:none}.dev-portal .api-grid.active{display:grid}.dev-portal .api-grid>*,.dev-portal .usecase-grid>*,.dev-portal .resource-grid>*,.dev-portal .auth-grid>*,.dev-portal .webhook-layout>*{min-width:0}.dev-portal .api-card,.dev-portal .usecase-card,.dev-portal .resource-card,.dev-portal .auth-card,.dev-portal .rate-limit-info,.dev-portal .webhook-event{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);transition:border-color .2s,background-color .2s}.dev-portal .api-card:hover,.dev-portal .usecase-card:hover,.dev-portal .resource-card:hover,.dev-portal .webhook-event:hover{border-color:var(--border-hover)}.dev-portal .api-card{color:var(--text);padding:1.5rem;display:block}.dev-portal .api-card:hover{color:var(--text);text-decoration:none}.dev-portal .api-card-icon,.dev-portal .usecase-icon,.dev-portal .resource-icon{color:var(--gray-5);margin-bottom:.75rem;font-size:28px;display:block}.dev-portal img.api-card-icon,.dev-portal img.usecase-icon,.dev-portal img.resource-icon{object-fit:contain;width:28px;height:28px}.dev-portal .api-card h4,.dev-portal .usecase-card h4,.dev-portal .resource-card h4,.dev-portal .auth-card h4,.dev-portal .rate-limit-info h4{color:var(--heading);margin-bottom:.5rem;font-size:22px;font-weight:500;line-height:28px}.dev-portal .api-card p,.dev-portal .usecase-card p,.dev-portal .resource-card p,.dev-portal .auth-card p,.dev-portal .rate-limit-info p{color:var(--text-secondary);font-size:14px;line-height:22px}.dev-portal .api-card p{margin-bottom:.8rem}.dev-portal .api-base{border-radius:var(--radius);background:var(--gray-1);max-width:100%;color:var(--text);overflow-wrap:anywhere;padding:.3rem .6rem;font-size:13px;display:inline-block}.dev-portal .api-full-ref{margin-top:2rem;display:none}.dev-portal .api-full-ref.active{display:block}.dev-portal .api-full-ref .api-base-urls{margin-top:1.2rem}.dev-portal .api-base-urls{flex-wrap:wrap;gap:2rem;margin-top:2rem;display:flex}.dev-portal .base-url{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);flex-wrap:wrap;align-items:center;gap:.75rem;max-width:100%;padding:.6rem 1rem;display:flex}.dev-portal .base-url .section-badge{margin-bottom:0}.dev-portal .base-url code{color:var(--text);overflow-wrap:anywhere;font-size:13px}.dev-portal .webhook-layout{grid-template-columns:repeat(var(--grid-cols,2), minmax(0, 1fr));gap:var(--grid-gap,2rem);align-items:start;display:grid}.dev-portal .webhook-info{flex-direction:column;gap:.75rem;display:flex}.dev-portal .webhook-event{cursor:pointer;text-align:left;align-items:flex-start;gap:1rem;width:100%;padding:1.2rem 1.5rem;font-family:inherit;display:flex}.dev-portal .webhook-event.active{border-color:var(--gray-5);background:var(--bg-surface)}.dev-portal .webhook-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px;margin-top:.4rem}.dev-portal .webhook-dot.green{background:var(--green)}.dev-portal .webhook-dot.orange{background:var(--orange)}.dev-portal .webhook-dot.blue{background:var(--accent)}.dev-portal .webhook-dot.purple{background:var(--purple)}.dev-portal .webhook-event strong{color:var(--heading);font-size:16px;font-weight:500}.dev-portal .webhook-event .we-desc{color:var(--text-secondary);margin-top:.2rem;font-size:14px;line-height:22px;display:block}.dev-portal .webhook-payload{animation:.3s fadeSlideIn;display:none}.dev-portal .webhook-payload.active{display:block}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.dev-portal .usecase-grid{grid-template-columns:repeat(var(--grid-cols,4), minmax(0, 1fr));gap:var(--grid-gap,1rem);display:grid}.dev-portal .usecase-card{padding:2rem}.dev-portal .resource-grid{grid-template-columns:repeat(var(--grid-cols,4), minmax(0, 1fr));gap:var(--grid-gap,1rem);display:grid}.dev-portal .resource-card{color:var(--text);padding:2rem;display:block}.dev-portal .resource-card:hover{color:var(--text);text-decoration:none}.dev-portal .auth-grid{grid-template-columns:repeat(var(--grid-cols,2), minmax(0, 1fr));gap:var(--grid-gap,1rem);margin-bottom:2rem;display:grid}.dev-portal .auth-card{padding:1.5rem}.dev-portal .auth-card h4{align-items:center;gap:.6rem;display:flex}.dev-portal .auth-card p{margin-bottom:1rem}.dev-portal .rate-limit-info{max-width:640px;padding:1.5rem}.dev-portal .rate-limit-info p{margin-bottom:1rem}@media (min-width:550px){.dev-portal .container{padding:0 2rem}.dev-portal .hero h1{font-size:52px;line-height:60px}.dev-portal .section-header h2{font-size:40px;line-height:48px}.dev-portal .step-content h3{font-size:32px;line-height:40px}}@media (min-width:1152px){.dev-portal .section{padding:6rem 0}}@media (max-width:1151px){.dev-portal .webhook-layout,.dev-portal .auth-grid{grid-template-columns:1fr}}@media (max-width:549px){.dev-portal .hero-actions{flex-direction:column;align-items:stretch}.dev-portal .btn{justify-content:center}.dev-portal .step{flex-direction:column;gap:1rem}.dev-portal .api-grid,.dev-portal .usecase-grid,.dev-portal .resource-grid{grid-template-columns:1fr}.dev-portal .code-panel pre{padding-top:3rem}.dev-portal .cms-rte table{display:block;overflow-x:auto}.dev-portal .cms-rte th,.dev-portal .cms-rte td{min-width:9rem}.dev-portal .cms-rte table code{word-break:normal;overflow-wrap:anywhere}}@media (max-width:1151px){.dev-portal .api-grid,.dev-portal .usecase-grid,.dev-portal .resource-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:549px){.dev-portal .api-grid,.dev-portal .usecase-grid,.dev-portal .resource-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.dev-portal{scroll-behavior:auto}.dev-portal .webhook-payload{animation:none}}.dev-portal .recipe-grid{grid-template-columns:repeat(var(--grid-cols,3), minmax(0, 1fr));gap:var(--grid-gap,1rem);display:grid}@media (max-width:1151px){.dev-portal .recipe-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:549px){.dev-portal .recipe-grid{grid-template-columns:1fr}}.dev-portal .recipe-grid>*{min-width:0}.dev-portal .recipe-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;padding:1.5rem;transition:border-color .2s;display:flex}.dev-portal .recipe-card:hover{border-color:var(--border-hover)}.dev-portal .recipe-card h3{color:var(--heading);margin-bottom:.5rem;font-size:22px;font-weight:500;line-height:28px}.dev-portal .recipe-card p{color:var(--text-secondary);font-size:14px;line-height:22px}.dev-portal .recipe-level{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);align-items:center;gap:.5rem;margin-bottom:.75rem;font-size:12px;font-weight:500;line-height:16px;display:flex}.dev-portal .recipe-dot{background:var(--gray-3);border-radius:50%;flex-shrink:0;width:8px;height:8px}.dev-portal .recipe-dot.green{background:var(--green)}.dev-portal .recipe-dot.orange{background:var(--orange)}.dev-portal .recipe-dot.blue{background:var(--accent)}.dev-portal .recipe-dot.purple{background:var(--purple)}.dev-portal .recipe-apis{margin-top:auto;padding-top:1rem}.dev-portal .recipe-apis p{color:var(--text-muted);font-size:12px;line-height:20px}.dev-portal .recipe-apis code{font-family:var(--mono);color:var(--text-secondary);overflow-wrap:anywhere;font-size:12px}.dev-portal .recipe-view{border-top:1px solid var(--border);width:100%;color:var(--accent);margin-top:.75rem;padding:.75rem 0;font-size:13px;display:inline-block}.dev-portal .recipe-view:hover{color:var(--accent-hover)}.dev-portal .recipe-copy{border:1px solid var(--gray-5);border-radius:var(--radius);width:100%;color:var(--text);font-family:var(--font);cursor:pointer;background:0 0;padding:12px 21px;font-size:14px;font-weight:500;transition:background-color .2s,color .2s,border-color .2s}.dev-portal .recipe-copy:hover{background:var(--gray-5);color:#fff}.dev-portal .recipe-copy.copied{background:var(--green);border-color:var(--green);color:#fff}.dev-portal .recipe-copy.copy-failed{border-color:var(--red);color:var(--red)}
