/* Learn extension. Shared brand, colours, fonts, navigation and footer remain in style.css. */
.learn-page .learn-video-archive,.learn-page .learn-watch-section{scroll-margin-top:100px}
.learn-page .learn-video{margin:1.5rem 0 2rem;padding:1.25rem;background:var(--charcoal);border:1px solid var(--line)}
.learn-page .learn-video h3{font-size:1.7rem;margin:.7rem 0}
.learn-page .learn-video-player{margin:1.2rem 0}
.learn-page .learn-video-links{display:flex;align-items:center;gap:1.1rem;flex-wrap:wrap;font-size:.75rem}
.learn-page .learn-video-links .btn{font-size:.65rem}
.learn-page .learn-watch-card{padding:1.4rem;border:1px solid var(--line);border-top:3px solid var(--purple);background:var(--charcoal);display:flex;flex-direction:column;gap:.7rem;min-width:0}
.learn-page .learn-watch-card h3{font-size:1.7rem;line-height:1.2;margin:0}
.learn-page .learn-watch-card p{font-size:.8rem;line-height:1.8;margin:0}
.learn-page .learn-watch-card .tag{align-self:flex-start;font-size:.55rem}
.learn-page .learn-watch-card-links{display:flex;flex-direction:column;gap:.6rem;margin-top:auto;padding-top:.6rem;font-size:.7rem}
.learn-page .learn-main{min-height:60vh}
.learn-page .learn-article-header{padding:clamp(2rem,6vw,4rem) 0 2.25rem;border-bottom:1px solid var(--line);margin-bottom:2.5rem}
.learn-page .learn-breadcrumb{display:flex;flex-wrap:wrap;gap:.65rem;font-size:.7rem;color:var(--paper);margin-bottom:2rem}
.learn-page .learn-article-header h1{font-size:clamp(2.7rem,6.6vw,5rem);max-width:24ch;overflow-wrap:break-word}
.learn-page .learn-subtitle{margin-top:1.4rem;max-width:70ch}
.learn-page .learn-article-meta{display:flex;align-items:center;flex-wrap:wrap;gap:.8rem 1.4rem;margin-top:1.5rem;color:var(--paper);font-size:.72rem}
.learn-page .learn-label{display:inline-block;align-self:flex-start;border:1px solid var(--purple);color:var(--purple-neon);padding:.35em .7em;font-family:var(--mono);font-size:.65rem;line-height:1.5}
.learn-page .learn-label--darker{border-color:var(--bright-red);color:var(--cream)}
.learn-page .learn-reading-grid{display:grid;grid-template-columns:minmax(0,68ch) minmax(180px,1fr);align-items:start;gap:3rem}
.learn-page .learn-body{grid-column:1;grid-row:1;min-width:0;max-width:68ch;font-size:.97rem;line-height:1.9}
.learn-page .learn-body p{font-size:inherit;line-height:inherit;max-width:none;margin:0 0 1.25rem;overflow-wrap:break-word}
.learn-page .learn-body h2{font-size:clamp(1.85rem,3.5vw,2.65rem);line-height:1.12;margin:2.75rem 0 1rem;scroll-margin-top:100px}
.learn-page .learn-body h3{font-size:clamp(1.5rem,2.5vw,1.9rem);line-height:1.15;margin:1.8rem 0 .8rem}
.learn-page .learn-body a{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.2em}
.learn-page .learn-body ul,.learn-page .learn-body ol{padding-left:1.5rem;margin:0 0 1.5rem}
.learn-page .learn-body li{padding-left:.25rem;margin:.55rem 0;color:var(--paper)}
.learn-page .learn-body li::marker{color:var(--purple-neon)}
.learn-page .learn-body strong{color:var(--cream)}
.learn-page .learn-body blockquote{border-left:3px solid var(--purple);padding:.5rem 0 .5rem 1.5rem;margin:2rem 0}
.learn-page .learn-body code{padding:.1em .3em;background:var(--charcoal);overflow-wrap:anywhere}
.learn-page .learn-body pre{padding:1.25rem;background:#050505;border:1px solid var(--line);overflow:auto;margin:1.5rem 0;line-height:1.7;font-size:.82rem;max-width:100%}
.learn-page .learn-body pre code{padding:0;background:none;white-space:pre;overflow-wrap:normal}
.learn-page .learn-body .table-wrap{overflow:auto;margin:1.5rem 0}
.learn-page .learn-body table{width:100%;border-collapse:collapse;font-size:.8rem;line-height:1.7}
.learn-page .learn-body th,.learn-page .learn-body td{padding:.8rem;border:1px solid var(--line);text-align:left;vertical-align:top;min-width:130px}
.learn-page .learn-body th{background:var(--charcoal);color:var(--purple-neon)}
.learn-page .learn-body tbody tr:nth-child(even){background:rgba(21,21,21,.65)}
.learn-page .learn-figure{margin:2rem 0 2.25rem}
.learn-page .learn-figure img{width:100%;height:auto;border:1px solid var(--line)}
.learn-page .learn-figure figcaption{font-size:.7rem;line-height:1.7;color:var(--paper);margin-top:.7rem;max-width:70ch}
.learn-page .learn-toc{grid-column:2;grid-row:1;position:sticky;top:90px;font-size:.75rem;line-height:1.7}
.learn-page .learn-toc details{border-top:2px solid var(--purple);background:var(--charcoal);padding:1rem}
.learn-page .learn-toc summary{cursor:pointer;color:var(--purple-neon);font-weight:700}
.learn-page .learn-toc ol{padding-left:1.25rem;margin-top:1rem}
.learn-page .learn-toc li{margin:.65rem 0}
.learn-page .learn-toc a{color:var(--paper)}
.learn-page .learn-toc a:hover{color:var(--purple-neon)}
.learn-page .learn-article-end{padding-top:2rem;padding-bottom:1rem}
.learn-page .learn-related{margin-top:2rem;border-top:1px solid var(--line)}
.learn-page .learn-post-card{padding:0;justify-content:flex-start;gap:0;min-width:0}
.learn-page .learn-post-card[hidden]{display:none}
.learn-page .learn-card-media{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;border-bottom:1px solid var(--line);background:var(--charcoal)}
.learn-page .learn-card-media img{width:100%;height:100%;object-fit:cover;transition:transform .25s}
.learn-page .learn-post-card:hover .learn-card-media img{transform:scale(1.025)}
.learn-page .learn-image-note{position:absolute;bottom:.5rem;right:.5rem;background:rgba(8,8,8,.85);border:1px solid var(--line);padding:.2em .5em;font-size:.55rem;letter-spacing:.08em;color:var(--paper)}
.learn-page .learn-card-copy{display:flex;flex:1;flex-direction:column;align-items:flex-start;gap:.8rem;padding:1.35rem}
.learn-page .learn-card-copy .eyebrow{margin:0;font-size:.59rem}
.learn-page .learn-card-copy h3{font-size:1.8rem;line-height:1.08}
.learn-page .learn-card-description{font-size:.75rem;line-height:1.8;color:var(--paper)}
.learn-page .learn-card-meta{margin-top:auto;padding-top:.35rem;font-size:.62rem;line-height:1.6;color:var(--paper)}
.learn-page .learn-archive-hero .wrap{padding-top:clamp(3rem,7vw,5rem);padding-bottom:clamp(2.5rem,7vw,4rem)}
.learn-page .learn-archive-hero h1{max-width:14ch}
.learn-page .learn-archive-hero .lede{max-width:60ch}
.learn-page .learn-hero-caption{font-size:.6rem;margin-top:2rem;opacity:.75}
.learn-page .learn-featured .grid{grid-template-columns:1fr 1fr}
.learn-page .learn-feature-card .learn-card-copy h3{font-size:clamp(1.8rem,3vw,2.4rem)}
.learn-page .learn-feature-card .learn-card-description{max-width:60ch}
.learn-page .learn-archive{padding-top:1rem}
.learn-page #all-posts{scroll-margin-top:100px}
.learn-page .learn-category-nav{display:flex;flex-wrap:wrap;gap:.35rem;margin:1.5rem 0}
.learn-page .learn-category-link{margin:0;padding:.55em .8em;font-size:.61rem}
.learn-page .learn-filter-form{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr) auto;gap:1rem;align-items:end;padding:1.25rem;background:var(--charcoal);border:1px solid var(--line);margin:1.5rem 0}
.learn-page .learn-filter-form[hidden]{display:none}
.learn-page .learn-filter-form label{display:block;color:var(--purple-neon);font-size:.64rem;letter-spacing:.08em;margin-bottom:.5rem}
.learn-page .learn-filter-form input,.learn-page .learn-filter-form select{display:block;width:100%;min-height:46px;padding:.7rem;background:var(--black);border:1px solid var(--line);color:var(--cream);font:inherit;font-size:16px;border-radius:0}
.learn-page .learn-filter-form .btn{min-height:46px}
.learn-page .learn-filter-form button.btn-ghost{background:transparent;color:var(--cream)}
.learn-page .learn-filter-form button.btn-ghost:hover{background:var(--dark-grey);color:var(--cream);border-color:var(--purple-neon)}
.learn-page .learn-filter-status{font-size:.7rem;margin:0 0 1.75rem}
.learn-page .learn-category-section{margin-top:3.5rem;scroll-margin-top:100px}
.learn-page .learn-category-section[hidden],.learn-page .learn-start-post[hidden],.learn-page .learn-empty[hidden]{display:none}
.learn-page .learn-start-post{margin-bottom:3.5rem}
.learn-page .learn-empty{padding:1.5rem;border-left:3px solid var(--gold);background:var(--charcoal)}
.learn-page .learn-download{text-decoration:none!important;margin:.5rem 0 1rem}
@media(max-width:1000px){.learn-page .learn-reading-grid{display:flex;flex-direction:column;gap:2rem;max-width:calc(68ch + 2 * var(--gutter))}.learn-page .learn-toc{position:static;width:100%}.learn-page .learn-body{width:100%;max-width:none}}
@media(max-width:700px){.learn-page .learn-featured .grid{grid-template-columns:1fr}.learn-page .learn-filter-form{grid-template-columns:1fr}.learn-page .learn-article-header h1{font-size:clamp(2.7rem,10vw,4rem)}.learn-page .learn-article-meta{gap:.75rem 1rem}.learn-page .learn-body{font-size:.9rem}.learn-page .learn-archive-hero .osd{font-size:.52rem}.learn-page .learn-card-copy{padding:1.2rem}}
@media print{.learn-page .site-header,.learn-page .site-footer,.learn-page .stripe,.learn-page .learn-toc,.learn-page .learn-related,.learn-page .learn-article-end{display:none}.learn-page .learn-reading-grid{display:block;max-width:none}.learn-page .learn-body{max-width:none;color:#000}.learn-page .learn-body p,.learn-page .learn-body li,.learn-page .learn-body h2,.learn-page .learn-body h3,.learn-page .learn-article-header h1{color:#000}.learn-page .learn-body pre{white-space:pre-wrap}.learn-page .learn-article-header{padding-top:0}}