body,h1,h2,h3,h4,h5,h6,p,blockquote,pre,hr,dl,dd,ol,ul,figure{margin:0;padding:0}body{font:400 16px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";color:#111;background-color:#fdfdfd;-webkit-text-size-adjust:100%;-webkit-font-feature-settings:"kern" 1;-moz-font-feature-settings:"kern" 1;-o-font-feature-settings:"kern" 1;font-feature-settings:"kern" 1;font-kerning:normal;display:flex;min-height:100vh;flex-direction:column}h1,h2,h3,h4,h5,h6,p,blockquote,pre,ul,ol,dl,figure,.highlight{margin-bottom:15px}main{display:block}img{max-width:100%;vertical-align:middle}figure>img{display:block}figcaption{font-size:14px}ul,ol{margin-left:30px}li>ul,li>ol{margin-bottom:0}h1,h2,h3,h4,h5,h6{font-weight:400}a{color:#2a7ae2;text-decoration:none}a:visited{color:#1756a9}a:hover{color:#111;text-decoration:underline}.social-media-list a:hover{text-decoration:none}.social-media-list a:hover .username{text-decoration:underline}blockquote{color:#828282;border-left:4px solid #e8e8e8;padding-left:15px;font-size:18px;letter-spacing:-1px;font-style:italic}blockquote>:last-child{margin-bottom:0}pre,code{font-size:15px;border:1px solid #e8e8e8;border-radius:3px;background-color:#eef}code{padding:1px 5px}pre{padding:8px 12px;overflow-x:auto}pre>code{border:0;padding-right:0;padding-left:0}.wrapper{max-width:-webkit-calc(800px - (30px * 2));max-width:calc(800px - (30px * 2));margin-right:auto;margin-left:auto;padding-right:30px;padding-left:30px}@media screen and (max-width: 800px){.wrapper{max-width:-webkit-calc(800px - (30px));max-width:calc(800px - (30px));padding-right:15px;padding-left:15px}}.wrapper:after,.footer-col-wrapper:after{content:"";display:table;clear:both}.svg-icon{width:16px;height:16px;display:inline-block;fill:#828282;padding-right:5px;vertical-align:text-top}.social-media-list li+li{padding-top:5px}table{margin-bottom:30px;width:100%;text-align:left;color:#3f3f3f;border-collapse:collapse;border:1px solid #e8e8e8}table tr:nth-child(even){background-color:#f7f7f7}table th,table td{padding:10px 15px}table th{background-color:#f0f0f0;border:1px solid #dedede;border-bottom-color:#c9c9c9}table td{border:1px solid #e8e8e8}.site-header{border-top:5px solid #424242;border-bottom:1px solid #e8e8e8;min-height:55.95px;position:relative}.site-title{font-size:26px;font-weight:300;line-height:54px;letter-spacing:-1px;margin-bottom:0;float:left}.site-title,.site-title:visited{color:#424242}.site-nav{float:right;line-height:54px}.site-nav .nav-trigger{display:none}.site-nav .menu-icon{display:none}.site-nav .page-link{color:#111;line-height:1.5}.site-nav .page-link:not(:last-child){margin-right:20px}@media screen and (max-width: 600px){.site-nav{position:absolute;top:9px;right:15px;background-color:#fdfdfd;border:1px solid #e8e8e8;border-radius:5px;text-align:right}.site-nav label[for="nav-trigger"]{display:block;float:right;width:36px;height:36px;z-index:2;cursor:pointer}.site-nav .menu-icon{display:block;float:right;width:36px;height:26px;line-height:0;padding-top:10px;text-align:center}.site-nav .menu-icon>svg{fill:#424242}.site-nav input ~ .trigger{clear:both;display:none}.site-nav input:checked ~ .trigger{display:block;padding-bottom:5px}.site-nav .page-link{display:block;padding:5px 10px;margin-left:20px}.site-nav .page-link:not(:last-child){margin-right:0}}.site-footer{border-top:1px solid #e8e8e8;padding:30px 0}.footer-heading{font-size:18px;margin-bottom:15px}.contact-list,.social-media-list{list-style:none;margin-left:0}.footer-col-wrapper{font-size:15px;color:#828282;margin-left:-15px}.footer-col{float:left;margin-bottom:15px;padding-left:15px}.footer-col-1{width:-webkit-calc(35% - (30px / 2));width:calc(35% - (30px / 2))}.footer-col-2{width:-webkit-calc(20% - (30px / 2));width:calc(20% - (30px / 2))}.footer-col-3{width:-webkit-calc(45% - (30px / 2));width:calc(45% - (30px / 2))}@media screen and (max-width: 800px){.footer-col-1,.footer-col-2{width:-webkit-calc(50% - (30px / 2));width:calc(50% - (30px / 2))}.footer-col-3{width:-webkit-calc(100% - (30px / 2));width:calc(100% - (30px / 2))}}@media screen and (max-width: 600px){.footer-col{float:none;width:-webkit-calc(100% - (30px / 2));width:calc(100% - (30px / 2))}}.page-content{padding:30px 0;flex:1}.page-heading{font-size:32px}.post-list-heading{font-size:28px}.post-list{margin-left:0;list-style:none}.post-list>li{margin-bottom:30px}.post-meta{font-size:14px;color:#828282}.post-link{display:block;font-size:24px}.post-header{margin-bottom:30px}.post-title{font-size:42px;letter-spacing:-1px;line-height:1}@media screen and (max-width: 800px){.post-title{font-size:36px}}.post-content{margin-bottom:30px}.post-content h2{font-size:32px}@media screen and (max-width: 800px){.post-content h2{font-size:28px}}.post-content h3{font-size:26px}@media screen and (max-width: 800px){.post-content h3{font-size:22px}}.post-content h4{font-size:20px}@media screen and (max-width: 800px){.post-content h4{font-size:18px}}.highlight{background:#fff}.highlighter-rouge .highlight{background:#eef}.highlight .c{color:#998;font-style:italic}.highlight .err{color:#a61717;background-color:#e3d2d2}.highlight .k{font-weight:bold}.highlight .o{font-weight:bold}.highlight .cm{color:#998;font-style:italic}.highlight .cp{color:#999;font-weight:bold}.highlight .c1{color:#998;font-style:italic}.highlight .cs{color:#999;font-weight:bold;font-style:italic}.highlight .gd{color:#000;background-color:#fdd}.highlight .gd .x{color:#000;background-color:#faa}.highlight .ge{font-style:italic}.highlight .gr{color:#a00}.highlight .gh{color:#999}.highlight .gi{color:#000;background-color:#dfd}.highlight .gi .x{color:#000;background-color:#afa}.highlight .go{color:#888}.highlight .gp{color:#555}.highlight .gs{font-weight:bold}.highlight .gu{color:#aaa}.highlight .gt{color:#a00}.highlight .kc{font-weight:bold}.highlight .kd{font-weight:bold}.highlight .kp{font-weight:bold}.highlight .kr{font-weight:bold}.highlight .kt{color:#458;font-weight:bold}.highlight .m{color:#099}.highlight .s{color:#d14}.highlight .na{color:teal}.highlight .nb{color:#0086B3}.highlight .nc{color:#458;font-weight:bold}.highlight .no{color:teal}.highlight .ni{color:purple}.highlight .ne{color:#900;font-weight:bold}.highlight .nf{color:#900;font-weight:bold}.highlight .nn{color:#555}.highlight .nt{color:navy}.highlight .nv{color:teal}.highlight .ow{font-weight:bold}.highlight .w{color:#bbb}.highlight .mf{color:#099}.highlight .mh{color:#099}.highlight .mi{color:#099}.highlight .mo{color:#099}.highlight .sb{color:#d14}.highlight .sc{color:#d14}.highlight .sd{color:#d14}.highlight .s2{color:#d14}.highlight .se{color:#d14}.highlight .sh{color:#d14}.highlight .si{color:#d14}.highlight .sx{color:#d14}.highlight .sr{color:#009926}.highlight .s1{color:#d14}.highlight .ss{color:#990073}.highlight .bp{color:#999}.highlight .vc{color:teal}.highlight .vg{color:teal}.highlight .vi{color:teal}.highlight .il{color:#099}:root{--khcc-teal: #237A9B;--khcc-teal-dark: #155F7B;--khcc-teal-ink: #103442;--khcc-teal-50: #EEF6F9;--khcc-teal-100: #DCEDF3;--khcc-teal-200: #A9D0DD;--khcc-gold: #E4B325;--khcc-gold-50: #FDF7E4;--khcc-magenta: #B6447D;--khcc-magenta-50: #F8EAF1;--background: #FFFFFF;--surface: #FFFFFF;--surface-muted: #F5F5F5;--foreground: #263238;--body: #4A4A4A;--muted-foreground: #5F6B70;--border: #E1E1E1;--primary: var(--khcc-teal);--primary-strong: var(--khcc-teal-dark);--primary-foreground: #FFFFFF;--accent: var(--khcc-gold);--accent-foreground: var(--khcc-teal-ink);--highlight: var(--khcc-magenta);--danger: #B3261E;--danger-50: #FDECEA;--success: #2E7D32;--success-50: #EAF5EA;--radius-sm: 0.5rem;--radius: 0.65rem;--radius-lg: 0.85rem;--shadow-md: 0 4px 14px rgba(35, 122, 155, 0.14);--ease-out: cubic-bezier(0.2, 0, 0, 1);--duration-fast: 150ms;--duration-base: 220ms}.site-nav{display:none !important}.skip-link{position:absolute;left:-9999px;top:0.5rem;z-index:100;padding:0.5rem 0.9rem;background:var(--accent);color:var(--accent-foreground);font-weight:700;border-radius:var(--radius-sm)}.skip-link:focus{left:0.5rem}.site-header{background:var(--primary) !important;border-top:0 !important;border-bottom:4px solid var(--accent) !important;min-height:72px}.khcc-bar{display:flex;align-items:center;min-height:72px}.site-title,.site-title:visited{display:inline-flex !important;align-items:center;gap:0.75rem;color:#fff !important;font-weight:800 !important}.khcc-bar-logo{display:block;width:48px;height:48px;background:#fff;border-radius:50%}.khcc-bar-copy{display:flex;flex-direction:column;line-height:1.15}.khcc-bar-name{font-size:1.05rem}.khcc-bar-meta{font-size:0.72rem;font-weight:600;letter-spacing:0.04em;color:var(--accent)}.page-content{padding-top:0 !important}a{color:var(--primary-strong)}a:visited{color:var(--primary-strong)}:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.cw-footer{margin-top:1.5rem;padding:1.5rem 0 1.75rem;border-top:1px solid var(--border);background:var(--khcc-teal-50);font-size:0.78rem;line-height:1.6;color:var(--muted-foreground);text-align:center}.cw-footer-line{margin:0 0 0.25rem}.cw-footer-line strong{color:var(--khcc-teal-ink)}.cw-footer a{color:var(--primary-strong);text-decoration:none;font-weight:600}.cw-footer a:hover{text-decoration:underline}.cw-footer-phi{margin-top:0.6rem;font-style:italic}.cw-hero{text-align:center;padding:2.5rem 1rem 2.25rem;margin:0 0 2rem;background:linear-gradient(180deg, var(--khcc-teal-50) 0%, #fff 78%);border-bottom:1px solid var(--khcc-teal-100)}.cw-hero .eyebrow{font-size:0.78rem;color:var(--highlight);font-weight:700;letter-spacing:0.08em;text-transform:uppercase;margin:0 0 0.6rem}.cw-hero h1{color:var(--khcc-teal-ink);font-size:clamp(1.75rem, 4vw, 2.2rem);font-weight:800;margin:0 0 0.5rem;line-height:1.15}.cw-hero .tagline{color:var(--muted-foreground);font-size:1rem;max-width:540px;margin:0 auto;line-height:1.6}.cw-logo{display:block;width:120px;height:120px;margin:1.5rem auto 0;border-radius:50%}.cw-hero-shot{display:block;width:min(760px, 100%);margin:1.75rem auto 0;border:1px solid var(--khcc-teal-200);border-radius:var(--radius-lg);box-shadow:0 12px 32px rgba(16,52,66,0.16)}.cw-hero-caption{font-size:0.75rem;color:var(--muted-foreground);margin:0.5rem 0 0}.cw-qr-box{display:flex;width:fit-content;align-items:center;gap:1.25rem;background:linear-gradient(135deg, var(--khcc-teal-50), var(--khcc-gold-50));border:1px solid var(--khcc-teal-200);border-radius:var(--radius-lg);padding:1rem 1.4rem;margin:1.75rem auto 0}.cw-qr-box img{width:108px;height:108px;border-radius:var(--radius-sm);border:2px solid #fff;image-rendering:pixelated}.cw-qr-info{text-align:left}.cw-qr-info .label{font-weight:700;color:var(--primary-strong);font-size:0.82rem;margin:0}.cw-qr-info .hint{font-size:0.75rem;color:var(--muted-foreground);margin:0.15rem 0 0;line-height:1.4}.cw-section-title{font-size:1.15rem;font-weight:700;color:var(--khcc-teal-ink);margin:0 0 1rem;padding-bottom:0.5rem;border-bottom:2px solid var(--primary);display:inline-block}.cw-run-meta{font-size:0.8rem;color:var(--muted-foreground);margin:-0.5rem 0 1rem}.cw-grid{display:grid;gap:0.65rem;margin-bottom:2.25rem}.cw-card{display:flex;align-items:center;gap:0.85rem;padding:0.9rem 1.1rem;min-height:48px;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);text-decoration:none !important;color:inherit !important;transition:border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out)}.cw-card:hover{border-color:var(--primary);box-shadow:var(--shadow-md);transform:translateY(-1px)}.cw-num{width:38px;height:38px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:0.85rem;color:#fff;flex-shrink:0}.cw-card-body{flex:1;min-width:0}.cw-card-body .title{font-weight:600;color:var(--foreground);font-size:0.92rem;line-height:1.3;margin:0}.cw-card-body .desc{font-size:0.8rem;color:var(--muted-foreground);margin:0.15rem 0 0;line-height:1.35}.cw-time{font-family:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;font-size:0.75rem;font-weight:600;color:var(--muted-foreground);flex-shrink:0;min-width:2.9rem;text-align:right}.cw-card .arrow{color:#9AA5AA;font-size:1.1rem;flex-shrink:0;transition:transform var(--duration-fast) var(--ease-out),color var(--duration-fast)}.cw-card:hover .arrow{color:var(--primary);transform:translateX(3px)}.tone-teal{background:var(--khcc-teal) !important}.tone-dark{background:var(--khcc-teal-dark) !important}.tone-magenta{background:var(--khcc-magenta) !important}.tone-gold{background:var(--khcc-gold) !important;color:var(--khcc-teal-ink) !important}.tone-ink{background:var(--khcc-teal-ink) !important}.tone-grey{background:#5F6B70 !important}.block-page{max-width:760px;margin:0 auto;padding-top:1.75rem}.block-page-wide{max-width:900px}.block-eyebrow{display:inline-flex;align-items:center;gap:0.6rem;margin-bottom:0.75rem}.block-time{font-weight:800;font-size:0.8rem;color:#fff;padding:0.2rem 0.6rem;border-radius:0.4rem;letter-spacing:0.03em}.block-kicker{font-size:0.78rem;font-weight:700;text-transform:uppercase;letter-spacing:0.06em;color:var(--muted-foreground)}.block-page h1{color:var(--khcc-teal-ink);font-size:clamp(1.45rem, 3.4vw, 1.75rem);font-weight:800;margin:0 0 1rem;line-height:1.25}.block-page h2{color:var(--primary-strong);font-size:1.1rem;font-weight:700;margin:1.75rem 0 0.6rem}.demo-lead{color:#37474F;line-height:1.6;margin:0 0 1.15rem;font-size:1.02rem}.demo-preset-row{display:flex;flex-wrap:wrap;gap:0.5rem;margin:0 0 1rem}.demo-chip{min-height:44px;padding:0.45rem 0.95rem;border:1px solid var(--khcc-teal-200);border-radius:999px;background:#fff;color:var(--primary-strong);font:inherit;font-size:0.85rem;font-weight:700;cursor:pointer;transition:background-color var(--duration-fast),color var(--duration-fast),border-color var(--duration-fast)}.demo-chip:hover{background:var(--khcc-teal-50)}.demo-chip.is-on,.demo-chip[aria-pressed="true"]{background:var(--primary);border-color:var(--primary);color:#fff}.demo-stage{margin:0.5rem 0 0.75rem;padding:1.1rem 1.2rem;border:1px solid var(--border);border-radius:var(--radius);background:#fff;animation:cw-fade-in var(--duration-base) var(--ease-out) both}.demo-stage-kicker{font-size:0.75rem;font-weight:700;text-transform:uppercase;letter-spacing:0.05em;color:var(--highlight);margin:0 0 0.6rem}.demo-stage-copy{color:#37474F;line-height:1.6;margin:0 0 0.75rem}.demo-stage-copy:last-child{margin-bottom:0}.demo-nav-row{display:flex;align-items:center;gap:0.85rem;margin:0.5rem 0 1.5rem}.demo-status{font-size:0.82rem;color:var(--muted-foreground);margin:0}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0.5rem 1.1rem;border:0;border-radius:var(--radius-sm);font:inherit;font-size:0.9rem;font-weight:700;cursor:pointer;text-decoration:none !important;transition:background-color var(--duration-fast),transform var(--duration-fast) var(--ease-out)}.btn:active{transform:scale(0.97)}.btn-primary{background:var(--primary);color:#fff !important}.btn-primary:hover{background:var(--primary-strong)}.btn-accent{background:var(--accent);color:var(--accent-foreground) !important}.btn-accent:hover{background:#D6A51A}.btn-ghost{background:var(--khcc-teal-50);color:var(--primary-strong) !important;border:1px solid var(--khcc-teal-200)}.cw-shot{margin:0.75rem 0 1rem}.cw-shot img{display:block;width:auto;max-width:100%;margin:0 auto;height:auto;border:1px solid var(--border);border-radius:var(--radius);background:#fff;box-shadow:0 6px 18px rgba(16,52,66,0.1)}.cw-shot figcaption{margin-top:0.45rem;text-align:center;font-size:0.78rem;color:var(--muted-foreground);line-height:1.45}.cw-shot figcaption a{color:var(--muted-foreground)}.cw-prompt{position:relative;margin:0.5rem 0 1rem;padding:0.95rem 4.75rem 0.95rem 1.1rem;border:1px solid var(--khcc-teal-200);border-left:4px solid var(--primary);border-radius:var(--radius);background:var(--khcc-teal-50);font-family:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;font-size:0.85rem;line-height:1.55;white-space:pre-wrap;color:var(--khcc-teal-ink)}.cw-copy{position:absolute;top:0.45rem;right:0.45rem;min-height:32px;padding:0.2rem 0.65rem;border:1px solid var(--khcc-teal-200);border-radius:var(--radius-sm);background:#fff;color:var(--primary-strong);font:700 0.72rem/1 system-ui, sans-serif;cursor:pointer}.cw-copy:hover{background:var(--khcc-teal-100)}.cw-compare{display:grid;gap:0.75rem;grid-template-columns:repeat(auto-fit, minmax(14rem, 1fr));margin:0.75rem 0 1.25rem}.cw-compare-card{padding:0.95rem 1.05rem;border:1px solid var(--border);border-top:4px solid var(--primary);border-radius:var(--radius);background:#fff;line-height:1.5;font-size:0.9rem}.cw-compare-card.is-magenta{border-top-color:var(--highlight)}.cw-compare-card.is-gold{border-top-color:var(--accent)}.cw-compare-card h3{margin:0 0 0.35rem;font-size:1rem;color:var(--khcc-teal-ink)}.cw-compare-card ul{margin:0.35rem 0 0 1.1rem}.cw-compare-card .tag{display:inline-block;font-size:0.68rem;font-weight:700;letter-spacing:0.05em;text-transform:uppercase;color:var(--muted-foreground)}.callout{border-radius:var(--radius);padding:1rem 1.15rem;border:1px solid var(--border);background:#fff;line-height:1.55;margin:1rem 0}.callout>:last-child{margin-bottom:0}.callout-takehome{border-left:4px solid var(--accent);background:var(--khcc-gold-50);color:var(--khcc-teal-ink);font-weight:600}.callout-takehome::before{content:"Take home";display:block;font-size:0.7rem;font-weight:800;letter-spacing:0.06em;text-transform:uppercase;color:#7A5B00;margin-bottom:0.3rem}.callout-safety{border-left:4px solid var(--danger);background:var(--danger-50);color:#5B1410}.callout-safety::before{content:"KHCC safety";display:block;font-size:0.7rem;font-weight:800;letter-spacing:0.06em;text-transform:uppercase;color:var(--danger);margin-bottom:0.3rem}.callout-note{border-left:4px solid var(--khcc-teal-200);background:var(--surface-muted);font-size:0.92rem;color:var(--muted-foreground)}.cw-dodont{display:grid;gap:0.75rem;grid-template-columns:repeat(auto-fit, minmax(15rem, 1fr));margin:0.75rem 0 1.25rem}.cw-dodont>div{border-radius:var(--radius);padding:0.9rem 1rem;border:1px solid var(--border);font-size:0.9rem;line-height:1.5}.cw-dodont ul{margin:0.3rem 0 0 1.1rem}.cw-do{background:var(--success-50);border-left:4px solid var(--success) !important}.cw-dont{background:var(--danger-50);border-left:4px solid var(--danger) !important}.cw-dodont strong.head{font-size:0.75rem;letter-spacing:0.06em;text-transform:uppercase}.cw-steps{counter-reset:cwstep;list-style:none;margin:0.5rem 0 1rem;padding:0}.cw-steps>li{counter-increment:cwstep;position:relative;padding:0.2rem 0 0.75rem 2.6rem;line-height:1.55}.cw-steps>li::before{content:counter(cwstep);position:absolute;left:0;top:0.1rem;width:1.8rem;height:1.8rem;border-radius:50%;background:var(--primary);color:#fff;font-weight:800;font-size:0.85rem;display:flex;align-items:center;justify-content:center}kbd{display:inline-block;padding:0.05rem 0.4rem;border:1px solid var(--khcc-teal-200);border-bottom-width:2px;border-radius:0.3rem;background:#fff;font-size:0.8em;font-family:ui-monospace, SFMono-Regular, Menlo, monospace}.block-page table{font-size:0.88rem}.block-page th{background:var(--primary);color:#fff;text-align:left}.block-page tr:nth-child(even) td{background:var(--surface-muted)}.block-nav{display:flex;justify-content:space-between;gap:1rem;margin-top:2.5rem;padding-top:1.25rem;border-top:1px solid var(--border);font-size:0.88rem}.block-nav a{color:var(--primary-strong);font-weight:700;text-decoration:none;min-height:44px;display:inline-flex;align-items:center}.block-nav a:hover{text-decoration:underline}@keyframes cw-fade-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}@media screen and (max-width: 600px){.cw-time{display:none}.cw-qr-box{display:none}}@media print{.site-header,.cw-footer,.block-nav,.cw-qr-box,.lesson-qr,.demo-preset-row,.demo-nav-row,.cw-copy,.print-button{display:none !important}.demo-stage[hidden]{display:block !important}.callout,.cw-compare-card,.cw-dodont>div,.cw-shot{break-inside:avoid;box-shadow:none}a[href^="http"]::after{content:" (" attr(href) ")";font-size:0.8em;color:#555}}.cw-video{aspect-ratio:16 / 9;margin:0.75rem 0 0.4rem;border-radius:var(--radius);overflow:hidden;background:#000;box-shadow:0 6px 18px rgba(16,52,66,0.12)}.cw-video iframe{display:block;width:100%;height:100%;border:0}.cw-vid{margin:0.4rem 0 1rem;font-size:0.82rem;color:var(--muted-foreground)}.cw-vid a{display:inline-flex;align-items:center;min-height:32px;padding:0.15rem 0.7rem;border:1px solid var(--khcc-gold);border-radius:999px;background:var(--khcc-gold-50);color:var(--khcc-teal-ink) !important;font-weight:700;text-decoration:none}.cw-vid a:hover{background:#F8EBC0}.b55-kitchen{margin:0.85rem 0 0}.b55-kitchen figcaption{margin-top:0.55rem;font-size:0.85rem;color:var(--muted-foreground);line-height:1.45}.b55-kitchen .demo-shot{object-fit:contain;background:#ECEFF1}.b55-files{display:grid;grid-template-columns:repeat(3, 1fr);gap:0.65rem;margin:0.85rem 0 1rem}.b55-file{display:block;background:#fff;border:1px solid #E0E0E0;border-left:4px solid var(--khcc-magenta);border-radius:0.5rem;padding:0.75rem 0.85rem;text-decoration:none !important;color:inherit !important}.b55-file:hover{border-color:var(--khcc-magenta);box-shadow:0 4px 14px rgba(182,68,125,0.14)}.b55-file-wiki{border-left-color:var(--khcc-teal)}.b55-file .code{margin:0;font-size:0.68rem;font-weight:800;letter-spacing:0.06em;text-transform:uppercase;color:var(--khcc-magenta)}.b55-file-wiki .code{color:var(--khcc-teal)}.b55-file .name{margin:0.2rem 0 0;font-weight:700;color:var(--khcc-teal-ink)}.b55-file .meta{margin:0.15rem 0 0;font-size:0.78rem;color:var(--muted-foreground)}.demo-frame.b55-summary-frame{height:720px;background:#F3F5F8}.b55-graph{margin:1.1rem 0 0.35rem;background:#FAFBFD;border:1px solid #E0E0E0;border-radius:0.65rem;overflow:hidden}.b55-graph svg{display:block;width:100%;height:420px}.b55-graph figcaption{padding:0.65rem 0.9rem 0.85rem;border-top:1px solid #ECEFF1}.b55-graph-legend{display:flex;flex-wrap:wrap;gap:0.85rem;margin:0 0 0.35rem;font-size:0.78rem;font-weight:700;color:#455A64}.b55-graph-key{display:inline-flex;align-items:center;gap:0.4rem}.b55-graph-key::before{content:"";width:0.7rem;height:0.7rem;border-radius:50%;flex-shrink:0}.b55-graph-key-note::before{background:var(--khcc-teal-ink)}.b55-graph-key-file::before{background:#E8EEF3;border:1.5px solid #90A4AE;box-sizing:border-box}.b55-graph-hint{margin:0;font-size:0.85rem;color:var(--muted-foreground);line-height:1.45}.b55-graph-edge{stroke:#CFD8DC;stroke-width:1.15}.b55-graph-edge.is-on{stroke:var(--khcc-magenta);stroke-width:1.8}.b55-graph-node{cursor:pointer}.b55-graph-node circle{transition:r 0.15s ease-out, stroke-width 0.15s ease-out}.b55-graph-note circle{fill:var(--khcc-teal-ink);stroke:var(--khcc-teal-ink)}.b55-graph-file circle{fill:#E8EEF3;stroke:#90A4AE;stroke-width:1.5}.b55-graph-node.is-on circle,.b55-graph-node:focus-visible circle{stroke:var(--khcc-magenta);stroke-width:2.5}.b55-graph-node:focus{outline:none}.b55-graph-node:focus-visible{outline:2px solid var(--khcc-magenta);outline-offset:3px}.b55-graph-label{font-size:11px;fill:#455A64;pointer-events:none}.b55-graph-note .b55-graph-label{font-weight:700;fill:var(--khcc-teal-ink)}.b55-graph-node.is-on .b55-graph-label,.b55-graph-node:focus-visible .b55-graph-label{fill:var(--khcc-magenta)}@media screen and (max-width: 720px){.b55-files{grid-template-columns:1fr}.b55-graph svg{height:360px}}@media (prefers-reduced-motion: reduce){.b55-graph-node circle{transition:none}}.demo-shot{display:block;width:100%;border:1px solid var(--border);border-radius:var(--radius);background:#fff}.demo-frame{display:block;width:100%;height:640px;border:1px solid var(--border);border-radius:var(--radius);background:#faf8f4}.demo-open-row{margin:0.85rem 0}.demo-ask{display:inline-flex;align-items:center;min-height:44px;padding:0.55rem 1.1rem;border:0;border-radius:var(--radius-sm);background:var(--khcc-teal-ink);color:#fff !important;font:inherit;font-size:0.9rem;font-weight:700;text-decoration:none !important;cursor:pointer}.demo-ask:hover{background:var(--primary-strong)}.demo-controls{display:flex;align-items:center;gap:0.85rem;margin:0.5rem 0 1.5rem}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}