.learn-main-wrap{--tool-sidebar-width:200px;--tool-column-gap:40px;min-height:50vh}.learn-layout{grid-template-columns:minmax(0, 1fr) var(--tool-sidebar-width);gap:var(--tool-column-gap);align-items:start;padding:28px 0 56px;display:grid}.learn-layout:not(:has(.tool-sidebar)){grid-template-columns:1fr}.learn-content{min-width:0;max-width:var(--max-width-narrow)}.learn-diagram{background:0 0;border:0;margin:8px 0 36px;padding:0}.learn-diagram-title{font-size:var(--text-xs);letter-spacing:.04em;text-transform:uppercase;color:var(--mono-label);margin:0 0 14px;font-weight:600}.learn-compare{grid-template-columns:1fr 1fr;gap:12px;display:grid}.learn-compare-panel{border:1px solid var(--card-border);border-radius:var(--radius);background:var(--mono-surface);margin:0;padding:16px 16px 18px}.learn-compare-ok{border-top:2px solid var(--text-secondary)}.learn-compare-leak{border-top:2px solid var(--text-primary)}.learn-compare-label{font-size:var(--text-sm);letter-spacing:-.01em;color:var(--text-primary);margin:0 0 4px;font-weight:600}.learn-compare-note{font-size:var(--text-xs);line-height:var(--leading-normal);color:var(--text-secondary);margin:0 0 14px}.learn-path{flex-direction:column;gap:0;margin:0;padding:0;list-style:none;display:flex}.learn-path li{border:1px solid var(--card-border);border-radius:var(--radius-sm);background:var(--bg-card);font-size:var(--text-sm);color:var(--text-primary);font-weight:500;line-height:var(--leading-snug);margin:0;padding:10px 12px;position:relative}.learn-path li+li{margin-top:18px}.learn-path li+li:before{content:"";background:var(--mono-line);width:1px;height:12px;position:absolute;top:-14px;left:22px}.learn-path li+li:after{content:"";border-left:3.5px solid #0000;border-right:3.5px solid #0000;border-top:5px solid var(--mono-line);position:absolute;top:-6px;left:19px}.learn-path-warn{color:var(--text-primary);border-color:var(--text-tertiary);background:var(--bg-secondary)}.learn-chapter{margin-bottom:28px;scroll-margin-top:72px}.learn-chapter h2{font-size:var(--text-lg);letter-spacing:-.01em;color:var(--text-primary);margin:0 0 12px;font-weight:600}.learn-chapter p{font-size:var(--text-base);line-height:var(--leading-relaxed);color:var(--text-secondary);margin:0 0 12px}.learn-chapter p:last-child{margin-bottom:0}.learn-limitations{margin:0;padding-left:1.25rem;list-style:outside}.learn-limitations li{font-size:var(--text-base);line-height:var(--leading-relaxed);color:var(--text-secondary);margin-bottom:8px}.learn-limitations li:last-child{margin-bottom:0}.learn-cta{margin-top:48px;padding-top:8px}.learn-cta-eyebrow{font-size:var(--text-xs);letter-spacing:.04em;text-transform:uppercase;color:var(--mono-label);margin:0 0 12px;font-weight:600}.learn-cta-row{border-top:1px solid var(--nav-border);border-bottom:1px solid var(--nav-border);color:inherit;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px 20px;padding:20px 0;text-decoration:none;display:grid}.learn-cta-row .tool-icon{color:var(--text-tertiary)}.learn-cta-row-main{flex-direction:column;gap:6px;min-width:0;display:flex}.learn-cta-row-title{font-size:var(--text-lg);letter-spacing:-.02em;font-weight:600;line-height:var(--leading-snug);color:var(--text-primary);margin:0}.learn-cta-row-note{font-size:var(--text-sm);line-height:var(--leading-normal);color:var(--text-secondary);margin:0}.learn-cta-row-action{color:var(--text-secondary);flex-shrink:0;align-items:center;gap:10px;display:flex}.learn-cta-row-label{font-size:var(--text-sm);letter-spacing:-.01em;color:var(--text-primary);font-weight:500}.learn-cta-row-arrow{color:var(--text-tertiary);transition:color .12s ease, transform .15s var(--ease-out);display:flex}.learn-cta-row:hover .learn-cta-row-arrow{color:var(--text-secondary);transform:translate(3px)}.learn-cta-footer{font-size:var(--text-sm);margin:16px 0 0}.learn-cta-footer a{color:var(--mono-label);letter-spacing:-.01em;text-decoration:none}.learn-cta-footer a:hover{color:var(--text-primary);text-underline-offset:3px;text-decoration:underline}@media (width<=640px){.learn-cta-row{grid-template-columns:auto minmax(0,1fr);gap:12px 14px}.learn-cta-row-action{grid-column:2;justify-content:flex-start}}@media (width<=900px){.learn-layout{grid-template-columns:1fr}}@media (width<=640px){.learn-compare{grid-template-columns:1fr}}
