:root{--flow-gap: 48px;--card-gap: 20px;--accordion-gap: 16px;--text-primary: rgba(255, 255, 255, .95);--text-secondary: rgba(255, 255, 255, .8);--text-tertiary: rgba(255, 255, 255, .7);--text-subtle: rgba(255, 255, 255, .6);--text-muted: rgba(255, 255, 255, .5);--border-subtle: rgba(255, 255, 255, .08);--border-medium: rgba(255, 255, 255, .12);--border-strong: rgba(255, 255, 255, .15);--bg-card: rgba(255, 255, 255, .03);--bg-card-hover: rgba(255, 255, 255, .05);--bg-number: rgba(255, 255, 255, .05);--accent-blue: rgb(96, 165, 250);--accent-blue-muted: rgba(96, 165, 250, .8);--font-size-title: 20px;--font-size-subtitle: 18px;--font-size-body: 16px;--font-size-small: 14px;--font-size-tiny: 13px;--font-size-label: 11px;--transition-standard: all .3s ease;--transition-fast: all .2s ease}.flow-map{display:flex;align-items:center;justify-content:center;gap:var(--flow-gap);margin:48px 0}.flow-step{display:flex;flex-direction:column;align-items:center;text-align:center;min-width:200px;flex:1}.step-number{width:40px;height:40px;border-radius:50%;background:var(--bg-number);border:2px solid var(--border-strong);display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:600;color:var(--text-tertiary);margin-bottom:16px;transition:var(--transition-standard)}.flow-step:hover .step-number{border-color:var(--border-medium);background:var(--bg-card)}.step-title{font-size:var(--font-size-title);font-weight:500;color:var(--text-primary);margin-bottom:8px}.step-subtitle{font-size:var(--font-size-small);color:var(--text-subtle);font-style:italic;line-height:1.5;max-width:250px}.flow-arrow{font-size:24px;color:var(--text-muted);flex-shrink:0}@media(max-width:768px){.flow-map{flex-direction:column;gap:24px}.flow-map .flow-step{min-width:100%}.flow-map .flow-arrow{transform:rotate(90deg);margin:8px 0}.flow-map .step-number{width:36px;height:36px;font-size:16px}.flow-map .step-title{font-size:18px}.flow-map .step-subtitle{font-size:13px}}.user-flow-horizontal{display:flex;align-items:center;gap:32px;overflow-x:auto;overflow-y:hidden;padding:24px 0 32px;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:rgba(190,242,100,.4) rgba(255,255,255,.08)}.user-flow-horizontal::-webkit-scrollbar{height:8px}.user-flow-horizontal::-webkit-scrollbar-track{background:#ffffff14;border-radius:4px}.user-flow-horizontal::-webkit-scrollbar-thumb{background:#bef26466;border-radius:4px}.user-flow-horizontal::-webkit-scrollbar-thumb:hover{background:#bef26499}.user-flow-horizontal .flow-step{display:flex;flex-direction:column;align-items:center;text-align:center;min-width:280px;flex-shrink:0;padding:24px 20px;background:#ffffff05;border:1px solid rgba(255,255,255,.08);border-radius:12px;transition:all .3s ease}.user-flow-horizontal .flow-step:hover{background:#ffffff08;border-color:#ffffff1f}.user-flow-horizontal .flow-number{width:48px;height:48px;border-radius:50%;background:#bef2641a;border:2px solid rgba(190,242,100,.3);display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:700;color:#bef264f2;margin-bottom:16px;flex-shrink:0}.user-flow-horizontal .flow-content{display:flex;flex-direction:column;gap:8px}.user-flow-horizontal .flow-title{font-size:17px;font-weight:600;color:#fffffff2;line-height:1.3}.user-flow-horizontal .flow-description{font-size:14px;line-height:1.5;color:#ffffffb3}.user-flow-horizontal .flow-arrow{font-size:24px;color:#fff6;flex-shrink:0}@media(max-width:768px){.user-flow-horizontal{gap:20px;padding:16px 0}.user-flow-horizontal .flow-step{min-width:240px;padding:20px 16px}.user-flow-horizontal .flow-number{width:40px;height:40px;font-size:20px;margin-bottom:12px}.user-flow-horizontal .flow-title{font-size:16px}.user-flow-horizontal .flow-description{font-size:13px}.user-flow-horizontal .flow-arrow{font-size:20px}}.theory-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--card-gap);margin:32px 0}.theory-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:8px;overflow:hidden;transition:var(--transition-standard)}.theory-card:hover{background:var(--bg-card-hover);border-color:var(--border-medium)}.theory-header{width:100%;display:flex;justify-content:space-between;align-items:center;padding:20px;background:none;border:none;cursor:pointer;color:inherit;text-align:left;transition:var(--transition-fast)}.theory-header:hover{background:#ffffff05}.theory-header:focus{outline:2px solid var(--accent-blue);outline-offset:-2px}.theory-title{font-size:var(--font-size-body);font-weight:500;color:var(--text-primary);line-height:1.4;flex:1}.expand-icon{font-size:14px;color:var(--text-muted);transition:transform .3s ease;flex-shrink:0;margin-left:12px}.theory-header[aria-expanded=true] .expand-icon{transform:rotate(180deg)}.theory-content{padding:0 20px 20px;font-size:var(--font-size-small);line-height:1.6;color:var(--text-tertiary)}.theory-content[hidden]{display:none}.theory-subtitle{margin-top:12px;font-size:var(--font-size-tiny);color:var(--text-subtle);text-transform:uppercase;font-weight:600;letter-spacing:.5px}@media(max-width:1024px){.theory-grid{grid-template-columns:repeat(2,1fr);gap:16px}}@media(max-width:768px){.theory-grid{grid-template-columns:1fr;gap:12px}.theory-header{padding:16px}.theory-title{font-size:15px}.theory-content{padding:0 16px 16px;font-size:13px}}.learning-accordion{display:flex;flex-direction:column;gap:var(--accordion-gap);margin:32px 0;max-width:100%}.learning-item{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:12px;overflow:hidden;transition:var(--transition-standard)}.learning-item:hover{background:var(--bg-card-hover);border-color:var(--border-medium)}.learning-header{width:100%;display:flex;justify-content:space-between;align-items:center;padding:24px 28px;background:none;border:none;cursor:pointer;color:inherit;text-align:left;transition:var(--transition-fast)}.learning-header:hover{background:#ffffff05}.learning-header:focus{outline:2px solid var(--accent-blue);outline-offset:-2px}.learning-title{font-size:var(--font-size-subtitle);font-weight:500;color:var(--text-primary);line-height:1.4;flex:1}.learning-header .expand-icon{font-size:16px;color:var(--text-muted);transition:transform .3s ease;flex-shrink:0;margin-left:16px}.learning-header[aria-expanded=true] .expand-icon{transform:rotate(180deg)}.learning-content{padding:0 28px 24px;font-size:var(--font-size-body);line-height:1.7;color:var(--text-secondary)}.learning-content[hidden]{display:none}@media(max-width:768px){.learning-accordion{gap:12px}.learning-header{padding:20px}.learning-title{font-size:16px}.learning-content{padding:0 20px 20px;font-size:15px}}.layered-section{margin:80px 0}.section-header{margin-bottom:32px}.section-header h2{font-size:32px;font-weight:600;color:var(--text-primary);line-height:1.3}.section-intro{margin-bottom:48px;color:var(--text-secondary);font-size:var(--font-size-body);line-height:1.7}.section-intro p{margin-bottom:20px}.section-intro p:last-child{margin-bottom:0}.content-layer{background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:40px 48px;margin-bottom:32px;transition:var(--transition-standard)}.content-layer:last-child{margin-bottom:0}.content-layer:hover{background:#ffffff08;border-color:#ffffff14}.layer-title{font-size:22px;font-weight:600;color:var(--text-primary);margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--border-subtle);line-height:1.3}.layer-text{font-size:var(--font-size-body);line-height:1.7;color:var(--text-secondary);margin-bottom:20px}.layer-text:last-child{margin-bottom:0}.layer-text.emphasis{font-style:italic;color:#ffffffd9;border-left:3px solid var(--border-strong);padding-left:20px;margin-top:24px;margin-bottom:24px}.layer-text strong{font-weight:600;color:var(--text-primary)}.layer-text code{font-family:JetBrains Mono,monospace;font-size:14px;background:#ffffff0d;padding:2px 6px;border-radius:3px;color:var(--accent-blue-muted)}.layer-special{margin-top:40px;padding-top:32px;border-top:1px solid var(--border-subtle)}.special-label{font-size:var(--font-size-label);font-weight:600;text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);text-align:center;margin-bottom:24px}.special-content{margin:0 auto}.layer-text ul,.layer-text ol{margin-top:16px;margin-bottom:16px;padding-left:24px}.layer-text li{margin-bottom:8px;line-height:1.7}.layer-text li:last-child{margin-bottom:0}@media(max-width:1024px){.layered-section{margin:64px 0}.content-layer{padding:32px 36px}}@media(max-width:768px){.layered-section{margin:48px 0}.section-header{margin-bottom:24px}.section-header h2{font-size:24px}.section-intro{margin-bottom:32px;font-size:15px}.content-layer{padding:28px 24px;margin-bottom:24px}.layer-title{font-size:20px;margin-bottom:20px;padding-bottom:12px}.layer-text{font-size:15px}.layer-text.emphasis{padding-left:16px;margin-top:20px;margin-bottom:20px}.layer-special{margin-top:32px;padding-top:24px}.special-label{font-size:10px;margin-bottom:20px}}.outcome-section{margin:80px 0}.outcome-section h2{font-size:32px;font-weight:600;color:var(--text-primary);margin-bottom:48px;line-height:1.3}.outcome-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.outcome-card{background:#ffffff05;border:1px solid var(--border-subtle);border-radius:12px;padding:32px 28px;transition:var(--transition-standard);display:flex;flex-direction:column}.outcome-card:hover{background:#ffffff08;border-color:var(--border-medium);transform:translateY(-2px);box-shadow:0 4px 16px #0003}.outcome-title{font-size:18px;font-weight:600;color:var(--text-primary);margin-bottom:16px;line-height:1.3}.outcome-text{font-size:15px;line-height:1.7;color:var(--text-secondary);flex:1}@media(max-width:1024px){.outcome-section{margin:64px 0}.outcome-grid{grid-template-columns:1fr;gap:20px}}@media(max-width:768px){.outcome-section{margin:48px 0}.outcome-section h2{font-size:24px;margin-bottom:32px}.outcome-grid{gap:16px}.outcome-card{padding:24px 20px}.outcome-title{font-size:16px;margin-bottom:12px}.outcome-text{font-size:14px}}.prompt-engineering-section{margin:80px 0}.section-title{font-size:32px;font-weight:600;color:var(--text-primary);margin-bottom:24px;width:100%;line-height:1.3}.section-intro{font-size:var(--font-size-body);line-height:1.7;color:var(--text-secondary);margin-bottom:48px;width:100%;max-width:100%}.two-column-layout{display:flex;gap:48px;align-items:flex-start}.code-column{flex:0 0 55%;display:flex;flex-direction:column;gap:24px}.code-block{background:#ffffff08;border:1px solid var(--border-subtle);border-radius:8px;padding:24px;transition:var(--transition-standard)}.code-block:hover{background:#ffffff0a;border-color:var(--border-medium)}.code-label{display:flex;align-items:center;gap:8px;font-family:Space Mono,monospace;font-size:var(--font-size-tiny);color:var(--text-subtle);margin-bottom:12px}.code-icon{font-size:14px;color:var(--accent-blue-muted)}.code-content{font-family:Space Mono,monospace;font-size:var(--font-size-small);line-height:1.6;color:#ffffffd9;white-space:pre-wrap;word-wrap:break-word;margin:0}.image-column{flex:0 0 45%;display:flex;align-items:flex-start}.image-column.sticky{position:sticky;top:100px}.modal-screenshot-container{width:100%;padding:32px;background:#0009;border-radius:12px;border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0006}.modal-screenshot-container img{width:100%;height:auto;display:block;border-radius:8px;image-rendering:crisp-edges}@media(max-width:1024px){.prompt-engineering-section{margin:64px 0}.section-intro{margin-bottom:40px}.two-column-layout{gap:32px}.code-column{flex:0 0 60%}.image-column{flex:0 0 40%;position:static!important}.modal-screenshot-container{padding:24px}}@media(max-width:768px){.prompt-engineering-section{margin:48px 0}.section-title{font-size:24px;margin-bottom:20px}.section-intro{font-size:15px;margin-bottom:32px}.two-column-layout{flex-direction:column;gap:32px}.code-column,.image-column{flex:1 1 100%}.code-block{padding:20px}.code-label{font-size:12px}.code-content{font-size:13px}.modal-screenshot-container{padding:24px}}.media-block{margin:48px 0}.media-caption{font-size:15px;line-height:1.6;color:#ffffffbf;margin-bottom:16px;text-align:center}.media-caption.with-connector:after{content:"";display:block;width:2px;height:12px;background:linear-gradient(to bottom,rgba(255,255,255,.2),transparent);margin:8px auto 0}.caption-note{font-style:italic;color:#fff9;font-size:14px}.caption-instruction{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-family:Space Mono,monospace;color:#ffffff80;text-transform:uppercase;letter-spacing:.5px}.caption-label{display:block;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:#ffffff80;margin-bottom:8px}.media-container{position:relative;width:100%;max-width:900px;margin:0 auto;background:#0006;border-radius:12px;padding:24px;border:1px solid rgba(255,255,255,.08);box-shadow:0 8px 32px #0000004d}.media-container video{width:100%;height:auto;border-radius:8px;display:block}.media-container img{width:100%;height:auto;border-radius:8px;display:block}.media-container.scrollable{max-height:500px;overflow-y:auto;padding:32px}.media-container.carousel{padding:0;background:transparent;border:none;box-shadow:none}.media-caption.left-aligned{text-align:left}@media(max-width:768px){.media-block{margin:32px 0}.media-caption{font-size:14px;margin-bottom:12px}.caption-note{font-size:13px}.caption-instruction{font-size:12px}.media-container{padding:16px;max-width:100%}.media-container.scrollable{max-height:400px;padding:24px}}.project-framing{margin:48px 0 0;padding:24px 32px;border-left:4px solid #C6F85C;background:#c6f85c0d;border-radius:0 8px 8px 0}.framing-text{font-size:16px;line-height:1.7;color:#ffffffd9;font-style:italic;margin:0}.framing-label{font-weight:600;font-style:normal;color:#fffffff2}@media(max-width:768px){.project-framing{margin:32px 0 0;padding:20px 24px}.framing-text{font-size:15px}}.process-pipeline{margin:64px 0}.pipeline-title{font-size:20px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:#fffffff2;margin-bottom:20px}.pipeline-intro{font-size:16px;line-height:1.7;color:#fffc;margin-bottom:40px;max-width:900px}.process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.process-card{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:32px 24px;display:flex;flex-direction:column;align-items:center;text-align:center;transition:all .3s ease;position:relative;overflow:hidden}.process-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:#bef26480;opacity:0;transition:opacity .3s ease}.process-card:hover{background:#ffffff0d;border-color:#ffffff1f;transform:translateY(-4px)}.process-card:hover:before{opacity:1}.process-number{width:48px;height:48px;border-radius:50%;background:#bef2641a;border:2px solid rgba(190,242,100,.3);display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;color:#bef264f2;margin-bottom:20px;transition:all .3s ease}.process-card:hover .process-number{background:#bef26426;border-color:#bef26480;transform:scale(1.1)}.process-label{font-size:17px;font-weight:600;color:#fffffff2;margin-bottom:12px;line-height:1.3}.process-description{font-size:16px;line-height:1.6;color:#ffffffbf;margin:0}.process-description code{font-family:Space Mono,monospace;font-size:16px;background:#bef2641a;padding:2px 6px;border-radius:4px;color:#bef264f2}@media(max-width:1024px){.process-pipeline{margin:48px 0}.process-grid{grid-template-columns:1fr;gap:20px}.process-card{padding:28px 24px}}@media(max-width:768px){.process-pipeline{margin:40px 0}.pipeline-title{font-size:18px}.pipeline-intro{font-size:15px;margin-bottom:32px}.process-card{padding:24px 20px}.process-number{width:40px;height:40px;font-size:18px;margin-bottom:16px}.process-label,.process-description{font-size:16px}}.section-divider{margin:64px 0;display:flex;justify-content:center}.gradient-line{width:100%;height:1px;background:#ffffff14}.feature-breakdown{display:grid;grid-template-columns:repeat(2,1fr);gap:32px;margin-top:32px}.feature-item{padding:24px;background:#ffffff05;border:1px solid rgba(255,255,255,.08);border-radius:8px}.feature-title{font-size:17px;font-weight:600;color:#fffffff2;margin-bottom:12px}.feature-description{font-size:16px;line-height:1.6;color:#fffc;margin:0}.content-layer{margin:32px 0}.layer-title{font-size:24px;font-weight:700;color:#fffffff2;margin-bottom:20px;line-height:1.3}.layer-text{font-size:16px;line-height:1.7;color:#ffffffd9;margin-bottom:16px}.layer-text strong{color:#fffffff2;font-weight:600}.layer-text code{font-family:Space Mono,monospace;font-size:16px;background:#bef2641a;padding:2px 6px;border-radius:4px;color:#bef264f2}@media(max-width:768px){.section-divider{margin:48px 0}.feature-breakdown{grid-template-columns:1fr;gap:20px}.feature-item{padding:20px}}.solution-block{margin-bottom:80px;padding-bottom:80px;border-bottom:1px solid rgba(255,255,255,.08)}.solution-block:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.block-header{margin-bottom:32px;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.08)}.header-left{display:flex;align-items:center;gap:16px}.number-badge{width:48px;height:48px;border-radius:50%;border:2px solid rgba(255,255,255,.2);background:#ffffff08;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:600;color:#fffffff2;flex-shrink:0}.header-labels{display:flex;align-items:center;gap:12px;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:1px}.label-insight{color:#fff9}.label-arrow{color:#ffffff4d}.label-solution{color:#c6f85c}.block-content{display:flex;gap:64px;align-items:center}.text-column{flex:0 0 50%;display:flex;flex-direction:column;gap:24px;text-align:left}.image-column{flex:0 0 45%;position:sticky;top:100px}.screenshot-container{width:100%;max-width:600px;max-height:550px;overflow-y:auto;padding:32px;background:#0009;border-radius:12px;border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0006}.screenshot-container img{width:100%;height:auto;display:block;border-radius:8px}.screenshot-container::-webkit-scrollbar{width:10px}.screenshot-container::-webkit-scrollbar-track{background:#ffffff14;border-radius:5px;margin:8px 0}.screenshot-container::-webkit-scrollbar-thumb{background:#fff6;border-radius:5px;border:2px solid rgba(0,0,0,.6)}.screenshot-container::-webkit-scrollbar-thumb:hover{background:#ffffff80}.screenshot-container{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.4) rgba(255,255,255,.08)}.scrollbar-visible::-webkit-scrollbar{width:10px}.scrollbar-visible::-webkit-scrollbar-track{background:#ffffff14;border-radius:5px;margin:8px 0}.scrollbar-visible::-webkit-scrollbar-thumb{background:#fff6;border-radius:5px;border:2px solid rgba(0,0,0,.6)}.scrollbar-visible::-webkit-scrollbar-thumb:hover{background:#ffffff80}.scrollbar-visible{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.4) rgba(255,255,255,.08)}.insight-section,.solution-section{display:flex;flex-direction:column;gap:12px;text-align:left}.insight-title{font-size:20px;font-weight:500;color:#fffffff2;margin:0;text-align:left}.solution-title{font-size:20px;font-weight:500;color:#c6f85c;margin:0;text-align:left}.insight-text,.solution-text{font-size:16px;line-height:1.7;color:#fffc;margin:0;text-align:left}.arrow-connector{font-size:32px;color:#ffffff4d;text-align:center;margin:8px 0}@media(max-width:1024px){.block-content{gap:48px}.text-column{flex:0 0 55%}.image-column{flex:0 0 45%}.screenshot-container{max-width:100%;padding:24px}}@media(max-width:768px){.solution-block{margin-bottom:64px;padding-bottom:64px}.block-header{margin-bottom:24px}.header-left{flex-direction:column;align-items:flex-start;gap:12px}.number-badge{width:40px;height:40px;font-size:18px}.block-content{flex-direction:column;gap:32px}.text-column,.image-column{flex:1 1 100%}.image-column{position:static}.screenshot-container{max-width:100%;max-height:450px;padding:20px}.insight-title,.solution-title{font-size:18px}.insight-text,.solution-text{font-size:15px}.arrow-connector{font-size:28px;margin:16px 0}}.insight-quote{position:relative;padding:24px 32px 24px 40px;margin:40px 0;background:#ffffff05;border-radius:8px;font-size:17px;line-height:1.7;color:#ffffffe6;font-style:italic}.quote-gradient-accent{position:absolute;left:0;top:0;bottom:0;width:4px;background:#bef264;border-radius:4px 0 0 4px}.insight-quote p{margin:0}@media(max-width:768px){.insight-quote{font-size:16px;padding:20px 24px 20px 32px;margin:32px 0}}.gradient-underline{position:relative;display:inline-block;padding-bottom:8px;margin-bottom:20px}.gradient-underline:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,rgba(190,242,100,.6),rgba(190,242,100,.3),transparent);border-radius:2px}.gradient-list{list-style:none;padding:0;margin:32px 0}.gradient-list li{display:flex;align-items:flex-start;gap:20px;margin-bottom:24px}.gradient-list li:last-child{margin-bottom:0}.list-number{flex-shrink:0;width:36px;height:36px;border-radius:50%;background:#bef2641a;border:2px solid rgba(190,242,100,.4);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:16px;color:#bef264f2}.list-content{flex:1;padding-top:4px;font-size:16px;line-height:1.7;color:#fffc}.list-content strong{color:#fffffff2;font-weight:600}@media(max-width:768px){.gradient-list li{gap:16px;margin-bottom:20px}.list-number{width:32px;height:32px;font-size:14px}.list-content{font-size:15px}}.definition-box{position:relative;padding:20px 24px 20px 28px;margin:32px 0;background:#ffffff05;border-radius:8px}.definition-gradient{position:absolute;left:0;top:0;bottom:0;width:3px;background:#bef264;border-radius:4px 0 0 4px}.definition-content{font-size:15px;line-height:1.6;color:#fffc}.definition-content strong{font-weight:600;color:#fffffff2}@media(max-width:768px){.definition-box{padding:16px 20px 16px 24px;margin:24px 0}.definition-content{font-size:14px}}@keyframes fadeInContent{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.theory-content:not([hidden]),.learning-content:not([hidden]){animation:fadeInContent .3s ease-out}.theory-header:focus-visible,.learning-header:focus-visible{outline:2px solid var(--accent-blue);outline-offset:-2px}.theory-card:hover .theory-title,.learning-item:hover .learning-title{color:#fffffffa}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.accessibility-accordion{display:flex;flex-direction:column;gap:16px;margin:32px 0}.accordion-card{background:#ffffff05;border:1px solid rgba(255,255,255,.08);border-radius:12px;overflow:hidden;transition:all .3s ease}.accordion-card:hover{background:#ffffff08;border-color:#ffffff1f}.accordion-header{width:100%;display:flex;justify-content:space-between;align-items:center;padding:20px 24px;background:none;border:none;cursor:pointer;color:inherit;text-align:left;transition:background .2s ease}.accordion-header:hover{background:#ffffff05}.accordion-header:focus{outline:2px solid rgb(96,165,250);outline-offset:-2px}.accordion-title{font-size:18px;font-weight:500;color:#fffffff2;line-height:1.4;flex:1}.accordion-icon{font-size:16px;color:#ffffff80;transition:transform .3s ease;flex-shrink:0;margin-left:16px}.accordion-header[aria-expanded=true] .accordion-icon{transform:rotate(180deg)}.accordion-content{padding:0 24px 24px;overflow:hidden}.design-intent,.why-matters{font-size:16px;line-height:1.7;color:#fffc;margin-bottom:20px}.design-intent strong,.key-decisions strong,.why-matters strong{color:#fffffff2;font-weight:600}.key-decisions{margin-bottom:20px}.key-decisions ul{margin-top:12px;padding-left:0;list-style-type:none}.key-decisions li{font-size:16px;line-height:1.7;color:#fffc;margin-bottom:8px;padding-left:24px;position:relative}.key-decisions li:before{content:"•";position:absolute;left:8px;color:#ffffff80}.key-decisions li:last-child{margin-bottom:0}.implementation-notes{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:16px;padding-top:16px;border-top:1px solid rgba(255,255,255,.08)}.notes-label{font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#fff9}.implementation-notes code{font-family:Space Mono,monospace;font-size:14px;background:#ffffff0d;padding:4px 8px;border-radius:4px;color:#ffffffb3;border:1px solid rgba(255,255,255,.08)}.accessibility-limitation{margin:48px 0 0;padding:24px 32px;border-left:4px solid rgb(251,146,60);background:#fb923c0d;border-radius:0 8px 8px 0}.limitation-title{font-size:18px;font-weight:600;color:#fb923c;margin-bottom:16px;line-height:1.3}.limitation-text{font-size:16px;line-height:1.7;color:#ffffffd9;margin-bottom:12px}.limitation-text:last-child{margin-bottom:0}.limitation-text strong{color:#fffffff2;font-weight:600}@media(max-width:768px){.accessibility-accordion{gap:12px}.accordion-header{padding:16px 20px}.accordion-title{font-size:16px}.accordion-content{padding:0 20px 20px}.design-intent,.why-matters,.key-decisions li{font-size:15px}.implementation-notes code{font-size:13px;padding:3px 6px}.accessibility-limitation{padding:20px 24px;margin:32px 0 0}.limitation-title{font-size:16px}.limitation-text{font-size:15px}}