.reel-section{background:var(--bg-standard);border-bottom:1px solid var(--border-subtle);padding:32px 0}.reel-head{max-width:var(--container-max);padding:0 var(--container-pad);align-items:center;gap:8px;margin:0 auto 16px;display:flex}.reel-head .icon{color:var(--primary)}.reel-head span{font:var(--fw-bold) 14px/1.4 var(--font-base);color:var(--text-label);letter-spacing:var(--ls-wide)}.reel-track{padding:4px var(--container-pad);max-width:var(--container-max);pointer-events:none;scrollbar-width:none;gap:16px;margin:0 auto;display:flex;overflow-x:auto}.reel-track::-webkit-scrollbar{display:none}.reel-item{background:var(--white);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);flex:none;width:240px;padding:16px}.reel-item .reel-thumb{aspect-ratio:4/3;background:var(--bg-standard);border-radius:var(--radius-xs);color:var(--gray-400);justify-content:center;align-items:center;margin-bottom:12px;display:flex}.reel-item .reel-meta{align-items:center;gap:8px;margin-bottom:6px;display:flex}.reel-item .reel-date{font:var(--type-caption);color:var(--text-label)}.reel-item .reel-name{font:var(--fw-bold) 14px/1.5 var(--font-base);color:var(--text-heading)}.knowledge-card{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:var(--white);padding:28px}.knowledge-card .kn-head{align-items:center;gap:10px;margin-bottom:16px;display:flex}.knowledge-card .kn-head .icon{color:var(--primary)}.knowledge-card .kn-head h3{font:var(--fw-bold) 18px/1.4 var(--font-base);color:var(--text-heading);margin:0}.knowledge-card ul{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.knowledge-card li a{font:var(--type-body-sm);color:var(--text-link);align-items:baseline;gap:8px;text-decoration:none;display:flex}.knowledge-card li a:hover{text-decoration:underline}.knowledge-card li a .icon{color:var(--primary);flex:none}.featured-card{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:var(--white);max-width:720px;padding:28px}.featured-card h3{font:var(--fw-bold) 22px/1.5 var(--font-base);letter-spacing:var(--ls-tight);margin:12px 0 10px}.featured-card h3 a{color:var(--text-heading);text-decoration:none}.featured-card h3 a:hover{color:var(--primary);text-decoration:underline}.featured-card .desc{font:var(--type-body);color:var(--text-body);margin:0 0 20px}.featured-card .featured-cta{display:flex}.section-more{font:var(--type-body-sm);margin:24px 0 0}.section-more a{color:var(--text-link);text-decoration:none}.section-more a:hover{text-decoration:underline}
