.learn-page,.learn-post-wrap{margin:0 auto;max-width:1200px;padding:calc(var(--nav-height, 72px) + 40px) 24px 80px}.learn-post-wrap{max-width:820px;padding-top:calc(var(--nav-height, 72px) + 32px)}.learn-page__head{margin-bottom:28px}.learn-page__head h1{color:var(--dark,#fff);font-size:40px;font-weight:800;letter-spacing:-.02em;line-height:1.15;text-transform:uppercase}.learn-page__head p{color:var(--gray-500,#a1a1aa);font-size:15px;margin-top:8px}.learn-postgrid{display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-top:24px}.learn-pcard{--accent:var(--blue,#4b7ef5);background:var(--gray-100,#0e0e10);border:1px solid var(--gray-300,#27272a);border-radius:var(--radius,14px);display:flex;flex-direction:column;overflow:hidden;transition:transform .3s var(--ease,cubic-bezier(.4,0,.2,1)),border-color .3s var(--ease,cubic-bezier(.4,0,.2,1)),box-shadow .3s var(--ease,cubic-bezier(.4,0,.2,1))}.learn-pcard:hover{border-color:var(--gray-400,#3f3f46);box-shadow:var(--shadow-md,0 4px 12px rgba(0,0,0,.3));transform:translateY(-3px)}.learn-pcard__visual{background:linear-gradient(135deg,rgba(75,126,245,.1),rgba(20,26,46,.6));background-position:50%;background-size:cover;border-bottom:1px solid var(--gray-300,#27272a);height:168px}.learn-pcard__body{display:flex;flex:1;flex-direction:column;padding:22px}.learn-pcard__tag{color:var(--accent);font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.learn-pcard__title{color:#fff;font-size:18px;font-weight:700;line-height:1.3;margin-top:10px;text-transform:none}.learn-pcard__excerpt{color:var(--gray-500,#a1a1aa);flex:1;font-size:13.5px;line-height:1.5;margin-top:10px}.learn-pcard__meta{color:var(--gray-500,#a1a1aa);font-size:12px;margin-top:18px}.learn-pagination{align-items:center;display:flex;gap:14px;justify-content:center;margin-top:48px}.learn-pagination a,.learn-pagination span{border:1px solid var(--gray-300,#27272a);border-radius:var(--radius-sm,10px);color:var(--gray-500,#a1a1aa);font-size:13.5px;font-weight:600;padding:9px 16px}.learn-pagination a:hover{background:var(--gray-200,#18181b);border-color:var(--gray-400,#3f3f46);color:#fff}.learn-pagination .is-disabled{opacity:.4;pointer-events:none}.learn-pcard[data-accent=blue]{--accent:var(--blue,#4b7ef5)}.learn-pcard[data-accent=orange]{--accent:var(--orange,#fb923c)}.learn-pcard[data-accent=purple]{--accent:var(--purple,#a78bfa)}.learn-pcard[data-accent=red]{--accent:var(--red,#f87171)}.learn-pcard[data-accent=green]{--accent:var(--green,#34d399)}.learn-pcard[data-accent=amber]{--accent:var(--amber,#f59e0b)}.learn-pcard--trt{--accent:var(--blue,#4b7ef5)}.learn-pcard--weight-loss{--accent:var(--orange,#fb923c)}.learn-pcard--peptides{--accent:var(--purple,#a78bfa)}.learn-pcard--fitness{--accent:var(--red,#f87171)}.learn-pcard--nutrition{--accent:var(--green,#34d399)}.learn-pcard--lifestyle{--accent:var(--amber,#f59e0b)}.learn-hub__head-inner{margin:0 auto;max-width:1200px;padding:40px 1rem 4px}.learn-hub__head h1{color:var(--dark,#fff);font-size:40px;font-weight:800;letter-spacing:-.02em;line-height:1.12;text-transform:uppercase}.learn-hub__head p{color:var(--gray-500,#a1a1aa);font-size:15px;margin-top:8px}.learn-filter{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0 28px}.learn-filter__chip{border:1px solid var(--gray-300,#27272a);border-radius:99px;color:var(--gray-500,#a1a1aa);font-size:13px;font-weight:600;padding:8px 16px;transition:color .2s var(--ease,cubic-bezier(.4,0,.2,1)),border-color .2s var(--ease,cubic-bezier(.4,0,.2,1)),background .2s var(--ease,cubic-bezier(.4,0,.2,1))}.learn-filter__chip:hover{border-color:var(--gray-400,#3f3f46);color:#fff}.learn-filter__chip.is-active{background:var(--blue,#4b7ef5);border-color:var(--blue,#4b7ef5);color:#fff}.learn-pcard__visual{position:relative}.learn-pcard__chip{backdrop-filter:blur(6px);background:rgba(9,9,11,.55);border-radius:99px;color:var(--accent,var(--blue,#4b7ef5));font-size:11px;font-weight:700;left:12px;letter-spacing:.05em;padding:5px 10px;position:absolute;text-transform:uppercase;top:12px}.learn-empty{border:1px dashed var(--gray-400,#3f3f46);border-radius:var(--radius,14px);color:var(--gray-500,#a1a1aa);grid-column:1/-1;padding:48px;text-align:center}@media (max-width:820px){.learn-page,.learn-post-wrap{padding-left:18px;padding-right:18px}.learn-hub__head h1,.learn-page__head h1{font-size:32px}}