.ta-learning{--learning-accent:var(--ta-accent,var(--tk-gold,var(--to-gold,var(--ts-gold,var(--tx-gold,var(--copper,#c9a84c))))));--learning-serif:var(--ta-font-serif,var(--tk-font-serif,var(--to-font-serif,var(--ts-font-serif,var(--tx-font-heading,Literata,Georgia,serif)))));box-sizing:border-box;width:calc(100% - 2rem);max-width:760px;margin:2.5rem auto 4rem;padding:clamp(1rem,3vw,2rem);border:1px solid color-mix(in srgb,var(--learning-accent) 35%,transparent);border-radius:16px;color:inherit;font-family:inherit;line-height:1.7;background:linear-gradient(145deg,color-mix(in srgb,var(--learning-accent) 7%,transparent),transparent 70%)}
html:root .ta-learning{--learning-accent:var(--px-accent,#c9a84c);--learning-serif:var(--px-heading,Georgia,serif);color:var(--px-text,#f5eddf);font-family:Inter,system-ui,sans-serif;background:var(--px-surface,#141827)}
.ta-learning *{box-sizing:border-box}
html:root .ta-learning__links .lc-related{color:var(--px-text,#f5eddf);background:var(--px-bg,#101325);border-color:var(--px-line,#c8a96b40)}
html:root .ta-learning__links .lc-body{flex-direction:row;align-items:center;justify-content:space-between;gap:12px}
.ta-learning h2{font-family:var(--learning-serif);font-size:clamp(1.5rem,3vw,2rem);line-height:1.3;margin:0 0 1.25rem;color:var(--learning-accent)}
.ta-learning h3{font-family:var(--learning-serif);font-size:1.2rem;line-height:1.45;margin:1.5rem 0 .7rem;color:inherit}
.ta-learning p{margin:.75rem 0;line-height:1.7;color:inherit}
.ta-learning a{color:inherit;text-decoration:underline;text-underline-offset:.2em;overflow-wrap:anywhere}
.ta-learning a:focus-visible,.ta-learning summary:focus-visible{outline:3px solid currentColor;outline-offset:4px;border-radius:4px}
.ta-learning__links ul{list-style:none!important;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;padding:0!important;margin:0!important}
.ta-learning__links li{margin:0;padding:0;min-width:0}
.ta-learning__links a{display:flex;justify-content:space-between;align-items:center;gap:1rem;min-height:52px;height:100%;padding:.8rem 1rem;border:1px solid color-mix(in srgb,var(--learning-accent) 28%,transparent);border-radius:8px;text-decoration:none;line-height:1.5}
.ta-learning__links a:hover{text-decoration:underline;text-underline-offset:.2em;border-color:var(--learning-accent)}
.ta-learning__cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;margin:1.3rem 0}
.ta-learning__card{align-self:start;border:1px solid color-mix(in srgb,var(--learning-accent) 28%,transparent);border-radius:8px;overflow:hidden}
.ta-learning__card summary{cursor:pointer;display:flex;align-items:center;gap:.7rem;padding:.7rem;min-height:108px;line-height:1.4;color:inherit}
.ta-learning__card summary::after{content:'+';margin-left:auto;font-size:1.4rem;flex-shrink:0}
.ta-learning__card summary span{font-family:var(--learning-serif);font-size:1.15rem;font-weight:600}
.ta-learning__card[open] summary::after{content:'−'}
.ta-learning__card summary img{width:48px;height:84px;object-fit:contain;border-radius:3px;flex-shrink:0}
.ta-learning__card>div{padding:0 1rem 1rem}
.ta-learning__sources{margin-top:1.5rem;border-top:1px solid color-mix(in srgb,var(--learning-accent) 28%,transparent);padding-top:1rem}
.ta-learning__sources summary{cursor:pointer;min-height:44px;padding:.5rem 0}
.ta-learning__sources ul{padding-left:1.25rem;margin:.5rem 0}
@media(max-width:540px){.ta-learning__links ul,.ta-learning__cards{grid-template-columns:1fr}.ta-learning{margin-top:2rem}}