.learn-ai-page{--apple-canvas: #fbfbfd;--apple-pure-white: #ffffff;--apple-bg-recessed: rgba(0, 0, 0, .045);--apple-filter-track: #ececef;--apple-border-silver: #d6d6d6;--apple-hairline: rgba(0, 0, 0, .06);--apple-graphite: #1d1d1f;--apple-deep-gray: #333333;--apple-charcoal: #474747;--apple-medium-gray: #707070;--apple-light-gray: #858585;--apple-empty-state: #aeaeb2;--apple-action-blue: #0066cc;--apple-interactive-blue: #0071e3;--apple-font-text: "SF Pro Text", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;--apple-font-display: "SF Pro Display", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;--apple-element-gap: 10px;--apple-section-gap: 70px;--apple-radius-cards: 0px;--apple-radius-images: 8px;--apple-radius-buttons: 980px;width:100%;max-width:1080px;min-height:100vh;margin:0 auto;padding:96px clamp(20px,5vw,64px) 48px;background:var(--apple-canvas);color:var(--apple-graphite);font-family:var(--apple-font-text);font-size:17px;font-weight:400;line-height:1.47;letter-spacing:-.22px}body.learn-ai-active{background:#fbfbfd!important}body.mode-dark .learn-ai-page{--apple-canvas: #272729;--apple-pure-white: #2a2a2c;--apple-bg-recessed: rgba(255, 255, 255, .06);--apple-filter-track: #252527;--apple-border-silver: rgba(255, 255, 255, .08);--apple-hairline: rgba(255, 255, 255, .08);--apple-graphite: #ffffff;--apple-deep-gray: #ffffff;--apple-charcoal: #cccccc;--apple-medium-gray: #cccccc;--apple-light-gray: #7a7a7a;--apple-empty-state: #7a7a7a;--apple-action-blue: #2997ff;--apple-interactive-blue: #2997ff}body.mode-dark.learn-ai-active{background:#272729!important}.learn-ai-page *,.learn-ai-page *:before,.learn-ai-page *:after{box-sizing:border-box}.learn-ai-page button,.learn-ai-page a{font:inherit}.learn-ai-page h1,.learn-ai-page h2,.learn-ai-page h3{font-family:var(--apple-font-display);font-feature-settings:"numr"}.learn-ai-hero h1{margin:0;color:var(--apple-graphite);font-size:56px;font-weight:600;line-height:1.07;letter-spacing:-.28px}.learn-ai-hero p{max-width:720px;margin:14px 0 0;color:var(--apple-deep-gray);font-family:var(--apple-font-display);font-feature-settings:"numr";font-size:21px;font-weight:400;line-height:1.19;letter-spacing:-.28px}.continue-section{display:grid;grid-template-rows:1fr;margin-top:70px;opacity:1;overflow:hidden;transition:grid-template-rows .38s cubic-bezier(.4,0,.2,1),margin-top .38s cubic-bezier(.4,0,.2,1),opacity .28s ease}.continue-section.is-collapsed{grid-template-rows:0fr;margin-top:0;opacity:0;pointer-events:none}.continue-section>.continue-inner{min-height:0;overflow:hidden}.section-eyebrow,.band-eyebrow,.reading-pill,.compact-kicker,.rationale-label{margin:0;font-size:11px;font-weight:600;line-height:1.4;letter-spacing:.08em;text-transform:uppercase}.section-eyebrow{color:var(--apple-medium-gray);margin-bottom:16px}.scroller{display:flex;gap:22px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}.scroller::-webkit-scrollbar{display:none}.continue-rail{gap:16px}.filter-section{margin-top:70px}.continue-section:not(.is-collapsed)+.filter-section{margin-top:46px}.continue-section.is-collapsed+.filter-section{margin-top:70px}.filter-row{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.filter-chips{display:inline-flex;gap:0;padding:4px;border-radius:var(--apple-radius-buttons);background:var(--apple-filter-track)}.filter-chip,.hide-read-toggle{height:32px;padding:0 14px;border:1px solid var(--apple-border-silver);border-radius:var(--apple-radius-buttons);background:var(--apple-pure-white);color:var(--apple-graphite);cursor:pointer;font-size:14px;font-weight:500;line-height:1.47;letter-spacing:-.18px;transition:background .15s ease,border-color .15s ease,color .15s ease}.filter-chip{border:0;background:transparent;color:var(--apple-deep-gray)}.filter-chip:not(.is-active):hover,.hide-read-toggle:not(.is-active):hover{border-color:#1d1d1f66}.filter-chip:not(.is-active):hover{background:#0000000a}.filter-chip.is-active{background:var(--apple-pure-white);color:var(--apple-graphite);box-shadow:0 1px 3px #0000001a,0 0 0 .5px #0000000a}.hide-read-toggle.is-active{border-color:transparent;background:#00000014;color:var(--apple-graphite)}.filter-chip:focus-visible,.hide-read-toggle:focus-visible,.status-btn:focus-visible,.article-link:focus-visible,.disclosure-button:focus-visible,.info-button:focus-visible,.compact-resume:focus-visible{outline:2px solid var(--apple-interactive-blue);outline-offset:2px}.filter-divider{height:1px;margin:16px 0;background:var(--apple-hairline)}.level-board{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;margin-top:32px}.level-column{min-width:0}.column-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:16px}.column-title-block{min-width:0}.band-eyebrow{color:var(--apple-medium-gray)}.band-count{display:block;margin-top:4px;color:var(--apple-medium-gray);font-size:14px;font-weight:400;line-height:1.47;letter-spacing:-.18px}.info-wrap{position:relative;flex:0 0 auto}.info-button{width:24px;height:24px;padding:0;border:0;border-radius:var(--apple-radius-buttons);background:transparent;color:var(--apple-medium-gray);cursor:help;font-size:12px;line-height:1}.definition-tooltip{position:absolute;top:calc(100% + 8px);right:0;z-index:5;width:min(320px,calc(100vw - 40px));padding:12px 14px;border:1px solid var(--apple-hairline);box-shadow:0 8px 24px #0000000f;background:var(--apple-pure-white);color:var(--apple-deep-gray);font-size:14px;line-height:1.47;letter-spacing:-.18px;opacity:0;pointer-events:none;transform:translateY(-2px);transition:opacity .15s ease,transform .15s ease}.info-wrap:hover .definition-tooltip,.info-wrap:focus-within .definition-tooltip{opacity:1;transform:translateY(0)}.empty-band,.learn-ai-loading{margin:0;padding:4px 0 8px;color:var(--apple-empty-state);font-size:14px;font-style:italic;line-height:1.47;letter-spacing:-.18px}.learn-ai-error{grid-column:1 / -1;padding:16px 18px;border:1px solid rgba(180,35,24,.22);background:#b423180f;color:#5f1818;font-size:14px;line-height:1.47;letter-spacing:-.18px}.learn-ai-error-title{margin:0;color:inherit;font-weight:600}.learn-ai-error-message{margin:6px 0 0;color:inherit}.column-stack{display:flex;flex-direction:column;gap:16px}.article-card{width:100%;min-width:0;min-height:280px;scroll-snap-align:start;padding:20px;border:1px solid var(--apple-hairline);border-radius:var(--apple-radius-cards);background:var(--apple-pure-white);color:var(--apple-graphite);transition:border-color .18s ease,opacity .18s ease}.article-card:hover{border-color:#1d1d1f59}.article-card[data-state=read]{opacity:.55}.learn-ai-page.is-hiding-read .article-card[data-state=read]{display:none}.card-top{display:flex;align-items:center;gap:6px;min-height:44px}.level-chip{display:inline-flex;align-items:center;min-height:24px;padding:4px 10px;border-radius:var(--apple-radius-buttons);background:var(--apple-bg-recessed);color:var(--apple-medium-gray);font-size:12px;font-weight:500;line-height:1.5;letter-spacing:.04em}.reading-pill{display:inline-flex;align-items:center;gap:6px;color:var(--apple-action-blue)}.reading-pill:before{content:"·";color:var(--apple-medium-gray)}.status-btn{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;margin-left:auto;padding:0;border:0;border-radius:var(--apple-radius-buttons);background:transparent;cursor:pointer}.status-visual{position:relative;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:1.5px solid var(--apple-border-silver);border-radius:var(--apple-radius-buttons);background:transparent;color:transparent;pointer-events:none;transition:background .15s ease,border-color .15s ease}.status-btn:hover .status-visual{border-color:#1d1d1f85}.status-btn[data-state=reading] .status-visual{border-color:var(--apple-action-blue);overflow:hidden}.status-btn[data-state=reading] .status-visual:before{content:"";position:absolute;left:0;top:0;width:50%;height:100%;background:var(--apple-action-blue)}.status-btn[data-state=read] .status-visual{border-color:var(--apple-action-blue);background:var(--apple-action-blue);color:var(--apple-pure-white);font-size:14px;font-weight:600;line-height:1}.title-block{margin-top:14px}.article-link{display:inline-block;color:var(--apple-graphite);text-decoration:none;transition:color .15s ease}.article-link:hover,.article-link:hover .external-glyph{color:var(--apple-action-blue);text-decoration:none}.article-title{display:inline;margin:0;font-size:24px;font-weight:600;line-height:1.33;letter-spacing:-.24px}.external-glyph{display:inline-block;margin-left:6px;color:var(--apple-light-gray);font-size:12px;vertical-align:baseline;transition:color .15s ease}.origin-post{margin:6px 0 0;font-size:13px;line-height:1.47;letter-spacing:-.18px}.origin-link{color:var(--apple-light-gray);text-decoration:none;transition:color .15s ease}.origin-link:hover{color:var(--apple-action-blue)}.origin-link:focus-visible{outline:2px solid var(--apple-interactive-blue);outline-offset:2px}.byline{margin:8px 0 0;color:var(--apple-medium-gray);font-size:14px;line-height:1.47;letter-spacing:-.18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.concept-row{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.concept-chip{padding:2px 8px;border-radius:var(--apple-radius-buttons);background:var(--apple-bg-recessed);color:var(--apple-charcoal);font-size:10px;font-weight:500;line-height:1.5}.article-summary{display:-webkit-box;margin:14px 0 0;overflow:hidden;color:var(--apple-graphite);font-size:17px;line-height:1.47;letter-spacing:-.22px;-webkit-line-clamp:2;-webkit-box-orient:vertical}.article-card.is-expanded .article-summary{display:block;overflow:visible;-webkit-line-clamp:unset}.disclosure-button{margin-top:12px;padding:0;border:0;background:transparent;color:var(--apple-action-blue);cursor:pointer;font-size:14px;line-height:1.47;letter-spacing:-.18px}.article-details{display:none;margin-top:16px}.article-card.is-expanded .article-details{display:block}.takeaway-list{display:grid;gap:8px;margin:0;padding:0;list-style:none}.takeaway-list li{position:relative;padding-left:20px;color:var(--apple-deep-gray);font-size:17px;line-height:1.47;letter-spacing:-.22px}.takeaway-list li:before{content:"→";position:absolute;left:0;top:0;color:var(--apple-medium-gray)}.rationale-label{margin-top:16px;color:var(--apple-medium-gray)}.rationale-text{margin:6px 0 0;color:var(--apple-medium-gray);font-size:14px;line-height:1.47;letter-spacing:-.18px}.compact-card{flex:0 0 320px;flex-grow:0;flex-shrink:0;width:320px;max-width:320px;scroll-snap-align:start;padding:16px;border:1px solid var(--apple-hairline);border-radius:var(--apple-radius-cards);background:var(--apple-pure-white);color:var(--apple-graphite);transition:border-color .18s ease}.compact-card:hover{border-color:#1d1d1f59}.compact-kicker{color:var(--apple-action-blue)}.compact-title{display:-webkit-box;margin:10px 0 18px;overflow:hidden;color:var(--apple-graphite);font-size:24px;font-weight:600;line-height:1.33;letter-spacing:-.24px;-webkit-line-clamp:2;-webkit-box-orient:vertical}.compact-resume{color:var(--apple-action-blue);font-size:14px;line-height:1.47;letter-spacing:-.18px;text-decoration:none}body.mode-dark .filter-chip.is-active{box-shadow:0 1px 3px #0000004d,0 0 0 .5px #ffffff0f}body.mode-dark .filter-chip:not(.is-active):hover{background:#ffffff0a}body.mode-dark .filter-chip:not(.is-active):hover,body.mode-dark .hide-read-toggle:not(.is-active):hover,body.mode-dark .article-card:hover,body.mode-dark .compact-card:hover,body.mode-dark .status-btn:hover .status-visual{border-color:#fff3}body.mode-dark .hide-read-toggle.is-active{background:#ffffff14}body.mode-dark .definition-tooltip{border-color:#ffffff1a;box-shadow:0 8px 24px #0000004d;color:var(--apple-graphite)}body.mode-dark .learn-ai-error{border-color:#ff787842;background:#ff787814;color:#ffd7d7}body.mode-dark .reading-pill:before{color:#fff6}body.mode-dark .compact-kicker{color:var(--apple-medium-gray)}body.mode-dark .status-visual{border-color:#fff3}body.mode-dark .status-btn[data-state=read] .status-visual{color:#1d1d1f}.learn-ai-footer{margin-top:70px;color:var(--apple-light-gray);font-size:12px;line-height:1.5;letter-spacing:-.15px}@media(max-width:900px){.learn-ai-hero h1{font-size:40px;line-height:1.1;letter-spacing:.44px}.filter-row{align-items:flex-start}.hide-read-toggle{margin-left:auto}.level-board{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.level-board{grid-template-columns:1fr;gap:48px}.article-card{padding:16px}.definition-tooltip{right:-4px}}@media(max-width:480px){.learn-ai-page{padding-top:56px}.learn-ai-hero h1{font-size:34px}.continue-section,.learn-ai-footer{margin-top:56px}}
