.learn-article{--article-accent:#006b70;--article-pale:#edf6f2;max-width:1260px;margin:0 auto;padding:46px 40px 80px;color:#142d34;font-family:var(--body);overflow-wrap:anywhere}
.learn-article-crumbs{display:flex;flex-wrap:wrap;gap:10px;font-size:13px;line-height:1.7;margin:0 0 36px;color:#4e6265}
.learn-article-crumbs a{text-decoration:underline;text-underline-offset:3px}
.learn-article-hero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:center;gap:clamp(32px,5vw,64px);padding-bottom:48px;border-bottom:1px solid #142d341f}
.learn-article-topic{display:inline-flex;align-items:center;gap:9px;color:var(--article-accent);font-size:12px;font-weight:600;letter-spacing:.045em;text-decoration:none;margin-bottom:17px}
.learn-article-icon{width:21px;height:21px;flex-shrink:0}
.learn-article h1{font:500 clamp(2.1rem,3.8vw,3.2rem)/1.12 var(--body);letter-spacing:-.045em;margin:0 0 22px;max-width:620px;text-wrap:balance}
.learn-article-deck{color:#4e6265;font-size:17px;line-height:1.7;margin:0 0 23px;max-width:560px}
.learn-article-read{display:flex;align-items:center;flex-wrap:wrap;gap:12px;font-size:12px;color:#4e6265;margin-bottom:20px}
.learn-article-read>span:first-child{border:1px solid #006b7030;background:var(--article-pale);padding:5px 11px;border-radius:30px;color:var(--article-accent)}
.learn-article-read>span:last-child{display:inline-flex;align-items:center;gap:7px}.learn-article-read .learn-article-icon{width:17px;height:17px}
.learn-article-meta{display:flex;flex-wrap:wrap;gap:5px 16px;font-size:12px;line-height:1.65;color:#4e6265}.learn-article-meta>span:first-child{color:#142d34}
.learn-article-art{margin:0;aspect-ratio:4/3;border-radius:4px 64px 4px 4px;overflow:hidden;background:#edf3ec}
.learn-article-art img{width:100%;height:100%;display:block;object-fit:cover;object-position:center}
.learn-article-reading{display:grid;grid-template-columns:225px minmax(0,760px);gap:clamp(30px,5vw,70px);justify-content:space-between;padding-top:42px}
.learn-article-sidebar{min-width:0;align-self:start;position:sticky;top:28px}
.learn-article-toc{border-top:2px solid var(--article-accent);padding-top:18px}
.learn-article-toc h2{display:flex;align-items:center;gap:9px;font-size:13px;font-weight:600;margin:0 0 15px}
.learn-article-toc ol{list-style:none;padding:0;margin:0 0 22px}.learn-article-toc li{border-bottom:1px solid #142d3412}.learn-article-toc li a{display:block;padding:10px 0;color:#4e6265;font-size:13px;line-height:1.5;text-decoration:none}
.learn-article-toc li a:hover,.learn-article-topic:hover{color:var(--article-accent);text-decoration:underline;text-underline-offset:3px}
.learn-article-all{display:flex;align-items:center;gap:8px;font-size:12px;line-height:1.6;color:var(--article-accent);text-decoration:none}.learn-article-all .learn-article-icon{width:18px;height:18px}
.learn-article-body{min-width:0}.learn-article-prose{font-size:17px;line-height:1.85}.learn-article-prose p{font-size:inherit;line-height:inherit;margin:0 0 20px}.learn-article-prose>p:first-of-type{font-size:18px;color:#142d34}
.learn-article-prose h2{font:500 clamp(1.5rem,2.3vw,1.9rem)/1.3 var(--body);letter-spacing:-.03em;margin:44px 0 18px;scroll-margin-top:35px;text-wrap:balance}
.learn-article-prose h3{font-size:20px;line-height:1.4;font-weight:500;margin:28px 0 14px}
.learn-article-prose a{color:var(--article-accent);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.learn-article-prose a[href^="#source-"]{white-space:nowrap;font-size:.8em;font-weight:600;padding:2px 3px}
.learn-article-prose ul,.learn-article-prose ol{padding-left:23px;margin:18px 0 25px}.learn-article-prose li{padding-left:4px;margin-bottom:10px;font-size:inherit;line-height:inherit}.learn-article-prose strong{font-weight:600}
.learn-article-prose .article-takeaways{padding:25px;background:var(--article-pale);border:1px solid #006b701c;border-radius:4px 30px 4px 4px;margin-bottom:30px}
.learn-article-prose .article-takeaways h2{font-size:14px;letter-spacing:0;margin:0 0 18px;line-height:1.4}
.learn-article-prose .article-takeaways ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;list-style:none;padding:0;margin:0}
.learn-article-prose .article-takeaways li{padding:0;margin:0;font-size:13px;line-height:1.6;position:relative}.learn-article-prose .article-takeaways li::before{content:"";display:block;width:22px;height:22px;background:var(--article-accent);margin-bottom:10px;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3c-2.7 3.9-6 7.2-6 10.6a6 6 0 0 0 12 0C18 10.2 14.7 6.9 12 3Z'/%3E%3Cpath d='M9 14a3 3 0 0 0 3 3'/%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat}
.learn-article-prose .article-takeaways li:nth-child(2)::before{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='3' width='14' height='18' rx='2'/%3E%3Cpath d='M8 8h8M8 12h8M8 16h5'/%3E%3C/g%3E%3C/svg%3E")}
.learn-article-prose .article-takeaways li:nth-child(3)::before{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 6h16M4 12h16M4 18h16'/%3E%3Ccircle cx='9' cy='6' r='2' fill='white'/%3E%3Ccircle cx='15' cy='12' r='2' fill='white'/%3E%3Ccircle cx='8' cy='18' r='2' fill='white'/%3E%3C/g%3E%3C/svg%3E")}
.learn-article-prose .article-takeaways strong{display:block;font-size:14px;line-height:1.4;margin-bottom:6px}.learn-article-prose .article-takeaways li+li{border-left:1px solid #006b7020;padding-left:20px}
.learn-article-prose .cf-table-wrap{max-width:100%;overflow-x:auto;margin:24px 0 28px;border:1px solid #142d3424;border-radius:4px}.learn-article-prose table{width:100%;min-width:480px;border-collapse:collapse;font-size:14px;line-height:1.65}.learn-article-prose th,.learn-article-prose td{padding:15px 17px;text-align:left;vertical-align:top;border-bottom:1px solid #142d341a}.learn-article-prose thead th{background:var(--article-pale);font-weight:600;color:#142d34}.learn-article-prose tbody th{width:29%;font-weight:500}.learn-article-prose tr:last-child>*{border-bottom:0}.learn-article-prose caption{text-align:left;padding:15px 17px;border-bottom:1px solid #142d341a;font-weight:600;color:#142d34}.learn-article-prose table[data-comparison="three"]{min-width:560px}.learn-article-prose table[data-comparison="three"] tbody th{width:22%}
.learn-article-prose .article-calculation{padding:23px 25px;background:#f7f8f4;border-left:2px solid var(--article-accent);margin:24px 0}.learn-article-prose .article-calculation p{margin:0 0 9px;font-size:14px;line-height:1.65}.learn-article-prose .article-calculation p:last-child{margin:0}.learn-article-prose .article-calculation .article-equation{font-size:20px;line-height:1.4;font-weight:500;letter-spacing:-.015em;color:#142d34}
.learn-article-prose .article-sources{border-top:1px solid #142d3424;margin-top:42px;padding-top:24px;font-size:13px;line-height:1.75;color:#4e6265}.learn-article-prose .article-sources h2{font-size:20px;margin:0 0 18px}.learn-article-prose .article-sources p{font-size:13px}.learn-article-prose .article-sources li{scroll-margin-top:35px;margin-bottom:12px}
.learn-article-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;margin:30px 0 0;padding-top:23px;border-top:1px solid #142d3424;font-size:13px}.learn-article-actions>a{color:var(--article-accent);text-decoration:underline;text-underline-offset:3px}.learn-article-actions button{display:inline-flex;align-items:center;gap:10px;border:1px solid #142d3433;border-radius:4px;background:white;padding:11px 15px;color:#142d34;font:inherit;min-height:44px;cursor:pointer}.learn-article-actions button svg{width:16px;height:16px}.learn-article-actions [role=status]:empty{display:none}.learn-article-actions [role=status]{flex-basis:100%;color:#4e6265}
.learn-article-related{margin-top:70px;padding-top:35px;border-top:1px solid #142d3424}.learn-article-related-heading{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:20px;margin-bottom:25px}.learn-article-related h2{font:500 clamp(1.6rem,2.8vw,2.2rem)/1.2 var(--body);letter-spacing:-.035em;margin:0}.learn-article-related-heading>a{display:inline-flex;align-items:center;gap:10px;color:var(--article-accent);font-size:13px;text-decoration:none;min-height:44px}.learn-article-related-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.learn-article-related-card{display:flex;align-items:center;gap:22px;border:1px solid #142d3424;padding:14px;color:#142d34;text-decoration:none;border-radius:4px}.learn-article-related-card>img{width:32%;aspect-ratio:4/3;object-fit:cover;border-radius:3px 25px 3px 3px;flex-shrink:0}.learn-article-related-card h3{font:500 21px/1.35 var(--body);letter-spacing:-.025em;margin:0 0 15px}.learn-article-card-link{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--article-accent)}.learn-article-card-link svg{width:17px;height:17px}.learn-article-related-card:hover{border-color:var(--article-accent)}
.learn-article a:focus-visible,.learn-article button:focus-visible,.learn-article .cf-table-wrap:focus-visible{outline:2px solid var(--article-accent);outline-offset:4px}
@media(max-width:1050px){.learn-article{padding-inline:28px}.learn-article-hero{gap:30px}.learn-article-reading{grid-template-columns:200px minmax(0,1fr);gap:35px}.learn-article-prose .article-takeaways ul{gap:14px}.learn-article-prose .article-takeaways li+li{padding-left:14px}.learn-article-related-card h3{font-size:18px}}
@media(max-width:899px){.learn-article-hero{grid-template-columns:1fr;gap:28px}.learn-article h1{max-width:700px;font-size:clamp(2.1rem,5.3vw,3rem)}.learn-article-art{aspect-ratio:3/2;max-width:700px}.learn-article-reading{grid-template-columns:1fr;gap:30px}.learn-article-sidebar{position:static}.learn-article-toc ol{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px;margin-bottom:17px}.learn-article-prose{max-width:760px}.learn-article-related-grid{grid-template-columns:1fr}.learn-article-related-card>img{width:27%;max-width:170px}.learn-article-related-card h3{font-size:21px}}
@media(max-width:560px){.learn-article{padding:27px 20px 55px}.learn-article-crumbs{font-size:12px;margin-bottom:25px;gap:7px}.learn-article-hero{padding-bottom:30px;gap:24px}.learn-article h1{font-size:clamp(1.9rem,7.8vw,2.65rem);line-height:1.14;margin-bottom:17px}.learn-article-deck{font-size:15px;margin-bottom:18px}.learn-article-read{margin-bottom:15px}.learn-article-art{border-top-right-radius:42px}.learn-article-reading{padding-top:28px}.learn-article-toc ol{gap:0 17px}.learn-article-toc li a{font-size:12px;padding:9px 0}.learn-article-prose{font-size:16px;line-height:1.8}.learn-article-prose>p:first-of-type{font-size:17px}.learn-article-prose h2{margin-top:35px;font-size:23px;scroll-margin-top:24px}.learn-article-prose .article-takeaways{padding:20px}.learn-article-prose .article-takeaways ul{grid-template-columns:1fr;gap:15px}.learn-article-prose .article-takeaways li{padding-left:35px}.learn-article-prose .article-takeaways li::before{position:absolute;left:0;top:1px;margin:0}.learn-article-prose .article-takeaways li+li{padding:15px 0 0 35px;border-left:0;border-top:1px solid #006b7020}.learn-article-prose .article-takeaways li+li::before{top:16px}.learn-article-prose th,.learn-article-prose td{padding:12px 14px}.learn-article-prose .article-calculation{padding:18px}.learn-article-prose .article-calculation .article-equation{font-size:18px}.learn-article-related{margin-top:45px;padding-top:28px}.learn-article-related-card{gap:15px;padding:11px}.learn-article-related-card h3{font-size:17px}.learn-article-related-card>img{width:30%}}

.learn-article--fibre{--article-accent:#456b53;--article-pale:#f1f5ed}
.learn-article--fibre .article-takeaways li:first-child::before{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 4c-9-1-15 2-15 8a7 7 0 0 0 7 7c6 0 9-6 8-15Z'/%3E%3Cpath d='M4 21 15 10M9 16l-1-5M12 13l5 1'/%3E%3C/g%3E%3C/svg%3E")}

/* Marine collagen: warm peach palette; shared reading layout remains unchanged. */
.learn-article--collagen{--article-accent:#815c48;--article-pale:#fbf2ea}
.learn-article--collagen .learn-article-read>span:first-child,.learn-article--collagen .article-takeaways{border-color:#815c482b}
.learn-article--collagen .article-takeaways li+li{border-left-color:#815c4826}
.learn-article--collagen .article-takeaways li:first-child::before{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m12 3 9 5-9 5-9-5 9-5ZM3 12l9 5 9-5M3 16l9 5 9-5'/%3E%3C/g%3E%3C/svg%3E")}