.ccna-software-dev-design-page{background:var(--color-background,#08090f);color:var(--color-foreground,#e2e8f0);font-family:var(--font-body,"Noto Sans JP", sans-serif);min-height:100vh;font-size:16px;line-height:1.85}.ccna-software-dev-design-page .layout{min-height:100vh;display:block;position:relative}.ccna-software-dev-design-page .sidebar{top:calc(var(--header-h,60px) + var(--disclaimer-height,0px));background:var(--color-card-secondary,#0d1b2e);border-right:1px solid var(--color-border,#1e2840);z-index:40;width:280px;padding:24px 18px 36px;position:fixed;bottom:0;left:0;overflow-y:auto}.ccna-software-dev-design-page .sidebar-brand{font-family:var(--font-display,sans-serif);letter-spacing:.04em;color:var(--color-muted-foreground,#94a3b8);text-transform:uppercase;margin-bottom:4px;font-size:.9rem;font-weight:900}.ccna-software-dev-design-page .sidebar-brand span{color:var(--color-primary,#7c9eff);letter-spacing:0;text-transform:none;margin-top:4px;font-size:1.2rem;display:block}.ccna-software-dev-design-page .sidebar-sub{color:var(--color-muted-foreground,#64748b);margin:8px 0 24px;font-size:.76rem;line-height:1.6}.ccna-software-dev-design-page .sidebar-nav{flex-direction:column;gap:3px;display:flex}.ccna-software-dev-design-page .sidebar-nav a{color:var(--color-muted-foreground,#94a3b8);border-left:2px solid #0000;border-radius:8px;padding:8px 12px;font-size:.85rem;text-decoration:none;transition:background .15s,color .15s,border-color .15s;display:block}.ccna-software-dev-design-page .sidebar-nav a:hover{color:var(--color-foreground,#e2e8f0);background:#7c9eff14}.ccna-software-dev-design-page .sidebar-nav a.active{color:var(--color-primary,#7c9eff);border-left:2px solid var(--color-primary,#7c9eff);background:#7c9eff1f;font-weight:500}.ccna-software-dev-design-page .sidebar-footer{border-top:1px solid var(--color-border,#1e2840);color:var(--color-muted-foreground,#64748b);margin-top:28px;padding-top:18px;font-size:.74rem;line-height:1.7}.ccna-software-dev-design-page .sidebar-footer a{color:var(--color-primary,#7c9eff);text-decoration:none}.ccna-software-dev-design-page .main{margin-left:280px;padding:0 0 100px}.ccna-software-dev-design-page .hero{border-bottom:1px solid var(--color-border,#1e2840);background:radial-gradient(at 0 0,#7c9eff1a,#0000 55%),radial-gradient(at 100% 100%,#5eead414,#0000 50%);padding:64px 48px 40px}.ccna-software-dev-design-page .hero-eyebrow{font-family:var(--font-mono,monospace);letter-spacing:.06em;color:var(--color-theme-cisco-fg,#5eead4);background:#5eead414;border:1px solid #5eead440;border-radius:999px;align-items:center;gap:8px;margin-bottom:20px;padding:6px 14px;font-size:.78rem;display:inline-flex}.ccna-software-dev-design-page .hero h1{font-family:var(--font-display,sans-serif);background:linear-gradient(120deg, var(--color-primary,#7c9eff) 10%, var(--color-theme-cisco-fg,#5eead4) 90%);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text;margin:0 0 18px;font-size:clamp(1.8rem,3.5vw,2.8rem);font-weight:900;line-height:1.3}.ccna-software-dev-design-page .hero p.lead{color:var(--color-muted-foreground,#94a3b8);max-width:760px;margin:0 0 24px;font-size:1.05rem}.ccna-software-dev-design-page .hero-net{align-items:center;gap:10px;margin-bottom:8px;display:flex}.ccna-software-dev-design-page .hero-meta{flex-wrap:wrap;gap:12px;display:flex}.ccna-software-dev-design-page .hero-meta .chip{font-family:var(--font-mono,monospace);color:var(--color-muted-foreground,#94a3b8);border:1px solid var(--color-border,#7c9eff4d);background:var(--color-card,#0e1117);border-radius:8px;padding:6px 14px;font-size:.8rem}.ccna-software-dev-design-page .hero>*,.ccna-software-dev-design-page .section>*{max-width:1000px;margin-inline:auto}.ccna-software-dev-design-page .section{border-bottom:1px solid var(--color-border,#1e2840);scroll-margin-top:calc(var(--header-h,60px) + var(--disclaimer-height,0px) + 16px);padding:48px}.ccna-software-dev-design-page .section-kicker{font-family:var(--font-mono,monospace);color:var(--color-theme-cisco-fg,#5eead4);letter-spacing:.04em;margin-bottom:8px;font-size:.8rem}.ccna-software-dev-design-page h2{font-family:var(--font-display,sans-serif);color:var(--color-foreground,#e2e8f0);border-bottom:1px solid var(--color-border,#1e2840);margin:0 0 20px;padding-bottom:12px;font-size:1.6rem;font-weight:700}.ccna-software-dev-design-page h3{font-family:var(--font-display,sans-serif);color:var(--color-primary,#7c9eff);margin:32px 0 14px;font-size:1.2rem;font-weight:700}.ccna-software-dev-design-page p{color:var(--color-muted-foreground,#94a3b8);margin:0 0 16px}.ccna-software-dev-design-page strong{color:var(--color-foreground,#e2e8f0);font-weight:700}.ccna-software-dev-design-page ul,.ccna-software-dev-design-page ol{color:var(--color-muted-foreground,#94a3b8);margin:0 0 18px;padding-left:22px}.ccna-software-dev-design-page li{margin-bottom:8px}.ccna-software-dev-design-page blockquote{border-left:3px solid var(--color-primary,#7c9eff);background:var(--color-card,#0e1117);color:var(--color-muted-foreground,#94a3b8);border-radius:0 10px 10px 0;margin:0 0 24px;padding:16px 20px;font-size:.94rem}.ccna-software-dev-design-page blockquote p:last-child{margin-bottom:0}.ccna-software-dev-design-page a{color:var(--color-primary,#7c9eff)}.ccna-software-dev-design-page .table-wrap{border:1px solid var(--color-border,#1e2840);border-radius:12px;margin:8px 0 28px;overflow-x:auto}.ccna-software-dev-design-page table{border-collapse:collapse;background:var(--color-card,#0e1117);width:100%;font-size:.92rem}.ccna-software-dev-design-page thead th{text-align:left;font-family:var(--font-display,sans-serif);color:var(--color-primary,#7c9eff);background:var(--color-card-secondary,#112030);border-bottom:1px solid var(--color-border,#7c9eff4d);white-space:nowrap;padding:12px 16px;font-weight:700}.ccna-software-dev-design-page tbody td{border-bottom:1px solid var(--color-border,#1e2840);color:var(--color-muted-foreground,#94a3b8);vertical-align:top;padding:12px 16px}.ccna-software-dev-design-page tbody tr:last-child td{border-bottom:none}.ccna-software-dev-design-page tbody tr:hover{background:#7c9eff0d}.ccna-software-dev-design-page tbody td strong,.ccna-software-dev-design-page tbody td code{color:var(--color-foreground,#e2e8f0)}.ccna-software-dev-design-page pre{border:1px solid var(--color-border,#1e2840);background:#0a1728;border-radius:12px;margin:0 0 24px;padding:18px 20px;overflow-x:auto}.ccna-software-dev-design-page pre code,.ccna-software-dev-design-page code{font-size:.86rem;line-height:1.7;font-family:var(--font-mono,monospace)!important;background:0 0!important}.ccna-software-dev-design-page .code-line{white-space:pre}.ccna-software-dev-design-page .code-line .comment,.ccna-software-dev-design-page .comment{color:#5c6370;font-style:italic}.ccna-software-dev-design-page .code-line .keyword,.ccna-software-dev-design-page .keyword{color:#c678dd;font-weight:600}.ccna-software-dev-design-page .code-line .string,.ccna-software-dev-design-page .string{color:#98c379}.ccna-software-dev-design-page .code-line .function,.ccna-software-dev-design-page .function{color:#61afef}.ccna-software-dev-design-page .code-line .number,.ccna-software-dev-design-page .number{color:#d19a66}.ccna-software-dev-design-page .code-line .tag,.ccna-software-dev-design-page .tag{color:#e06c75}.ccna-software-dev-design-page .code-line .attr,.ccna-software-dev-design-page .attr{color:#d19a66}.ccna-software-dev-design-page .code-line .diff-add,.ccna-software-dev-design-page .diff-add{color:#98c379}.ccna-software-dev-design-page .code-line .diff-del,.ccna-software-dev-design-page .diff-del{color:#e06c75}.ccna-software-dev-design-page p code,.ccna-software-dev-design-page li code{background:var(--color-card,#0e1117);border:1px solid var(--color-border,#1e2840);color:var(--color-theme-cisco-fg,#5eead4);border-radius:5px;padding:2px 6px;font-size:.85em}.ccna-software-dev-design-page .diagram-frame{margin:12px 0 8px}.ccna-software-dev-design-page .mermaid-wrap{width:100%;margin:0 auto;display:block}.ccna-software-dev-design-page .mermaid-wrap>div{width:100%;margin:0}.ccna-software-dev-design-page .mermaid-wrap svg{max-width:100%;height:auto;max-height:none;margin:0 auto;font-size:1rem;display:block}.ccna-software-dev-design-page .caption{color:var(--color-muted-foreground,#64748b);text-align:center;font-size:.8rem;font-family:var(--font-mono,monospace);margin:0 0 28px}.ccna-software-dev-design-page ul.checklist{padding-left:0;list-style:none}.ccna-software-dev-design-page ul.checklist li{color:var(--color-muted-foreground,#94a3b8);margin-bottom:12px;padding-left:30px;position:relative}.ccna-software-dev-design-page ul.checklist li:before{content:"";border:1.5px solid var(--color-primary,#7c9eff);border-radius:4px;width:16px;height:16px;position:absolute;top:5px;left:0}.ccna-software-dev-design-page details{background:var(--color-card,#0e1117);border:1px solid var(--color-border,#1e2840);border-radius:10px;margin-bottom:12px;padding:14px 18px}.ccna-software-dev-design-page details[open]{border-color:var(--color-border,#7c9eff4d)}.ccna-software-dev-design-page summary{cursor:pointer;color:var(--color-primary,#7c9eff);font-size:.95rem;font-weight:700}.ccna-software-dev-design-page summary::marker{color:var(--color-theme-cisco-fg,#5eead4)}.ccna-software-dev-design-page details p{margin:12px 0 0}.ccna-software-dev-design-page .footer{padding:48px 48px 64px}.ccna-software-dev-design-page .source-list{flex-direction:column;gap:10px;margin:0 0 22px;padding:0;list-style:none;display:flex}.ccna-software-dev-design-page .source-list li{background:var(--color-card,#0e1117);border:1px solid var(--color-border,#1e2840);color:var(--color-muted-foreground,#94a3b8);border-radius:10px;padding:14px 18px;font-size:.9rem}.ccna-software-dev-design-page .source-list a{font-weight:500}.ccna-software-dev-design-page .disclaimer{color:var(--color-muted-foreground,#64748b);border-top:1px solid var(--color-border,#1e2840);margin-top:8px;padding-top:20px;font-size:.82rem}@media (max-width:960px){.ccna-software-dev-design-page .sidebar{border-right:none;border-bottom:1px solid var(--color-border,#1e2840);width:auto;position:static}.ccna-software-dev-design-page .main{margin-left:0}.ccna-software-dev-design-page .hero,.ccna-software-dev-design-page .section,.ccna-software-dev-design-page .footer{padding-left:20px;padding-right:20px}}