/* 89.5 — Resources / Blog / FAQ / How it works / Articles */
:root{
 --pr895-orange:#ff5b16;
 --pr895-bg:#070d12;
 --pr895-card:#0d151d;
 --pr895-text:#f6f8fa;
 --pr895-muted:#a7b1bb;
}
*{box-sizing:border-box}
body.cr-resources-895{margin:0;background:var(--pr895-bg);color:var(--pr895-text)}
.cr-resources-895 .cr-site-header{
 position:absolute;top:0;left:0;right:0;z-index:40;
 background:linear-gradient(180deg,rgba(5,9,13,.94),rgba(5,9,13,.50),transparent);
 border-bottom:0;box-shadow:none;backdrop-filter:none
}
.cr-resources-895 .cr-brand-name{color:#fff}
.cr-resources-895 .cr-nav-link,.cr-resources-895 .cr-nav-account{color:#d3d9df}
.cr-resources-895 .cr-language{
 display:flex;padding:3px;border:1px solid rgba(255,91,22,.30);
 background:rgba(5,9,13,.72);backdrop-filter:blur(8px)
}
.cr-resources-895 .cr-language a{min-width:31px;height:29px;padding:0 7px;color:#c0c8d0;font-size:14px}
.cr-resources-895 .cr-language a.is-active{background:linear-gradient(135deg,#ff4e0b,#ff6d23);color:#fff}
.pr895-main{overflow:hidden;background:#070d12}
.pr895-shell,.res-shell{width:min(1180px,calc(100% - 42px));margin:0 auto}
.pr895-kicker,.pr895-heading>span,.pr895-strip span,.res-kicker{
 color:var(--pr895-orange);font-size:14.5px;font-weight:950;letter-spacing:.15em;text-transform:uppercase
}
.pr895-btn,.res-btn.primary,.res-btn.secondary,.res-btn.secondary-dark{
 min-height:48px;display:inline-flex;align-items:center;justify-content:center;
 padding:0 18px;border-radius:10px;text-decoration:none;font-size:14px;font-weight:900
}
.pr895-btn.primary,.res-btn.primary{color:#fff;background:linear-gradient(135deg,#ff4e0b,#ff6e24);box-shadow:0 10px 28px rgba(255,82,14,.22)}
.pr895-btn.ghost,.res-btn.secondary,.res-btn.secondary-dark{color:#fff;border:1px solid rgba(255,255,255,.18);background:rgba(7,13,18,.58)}

/* Hub + shared photographic hero */
.pr895-hero,.pr895-detail-hero,.res-detail-hero,.res-hero{
 position:relative;min-height:620px;display:flex;align-items:end;overflow:hidden;
 border-bottom:1px solid rgba(255,91,22,.22);background:#05090d
}
.pr895-hero>img,.pr895-detail-hero>img{
 position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 50%
}
.pr895-hero-overlay,.pr895-detail-overlay{
 position:absolute;inset:0;
 background:linear-gradient(90deg,rgba(5,9,13,.97),rgba(5,9,13,.80) 44%,rgba(5,9,13,.20)),
            linear-gradient(180deg,rgba(0,0,0,.04),transparent 55%,#070d12)
}
.pr895-hero-inner,.pr895-detail-inner{
 position:relative;z-index:2;padding:150px 0 65px
}
.pr895-back,.res-back{
 display:inline-block;margin-bottom:22px;color:#c4ccd4;text-decoration:none;font-size:14.5px;font-weight:850
}
.pr895-hero h1,.pr895-detail-hero h1{
 margin:8px 0 13px;font-size:clamp(58px,6.8vw,90px);line-height:.91;letter-spacing:-.066em
}
.pr895-hero h1 em,.pr895-detail-hero h1 em{color:var(--pr895-orange);font-style:normal}
.pr895-hero p,.pr895-detail-hero p{
 max-width:630px;margin:0 0 22px;color:#c5cdd5;font-size:15px;line-height:1.6
}
.pr895-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.pr895-heading{max-width:800px;margin-bottom:26px}
.pr895-heading h2{margin:6px 0 0;font-size:clamp(42px,5vw,62px);line-height:.96;letter-spacing:-.055em}

/* Resources hub */
.pr895-hub-section,.pr895-content-section{
 padding:80px 0;background:
 radial-gradient(circle at 0% 100%,rgba(255,91,22,.08),transparent 22%),#080e14
}
.pr895-feature-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.pr895-feature-card{
 position:relative;min-height:390px;overflow:hidden;border:1px solid rgba(255,91,22,.27);
 border-radius:16px;color:#fff;text-decoration:none;background:#0d151d;transition:.2s ease
}
.pr895-feature-card:hover{transform:translateY(-4px);border-color:var(--pr895-orange)}
.pr895-feature-card>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:.25s ease}
.pr895-feature-card:hover>img{transform:scale(1.02)}
.pr895-feature-overlay{
 position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,9,13,.08),rgba(5,9,13,.25) 44%,rgba(5,9,13,.94) 84%,#070d12)
}
.pr895-feature-icon{
 position:absolute;z-index:2;top:15px;right:15px;width:42px;height:42px;display:grid;place-items:center;
 border:1px solid rgba(255,255,255,.16);border-radius:50%;background:rgba(5,9,13,.55);font-size:20px
}
.pr895-feature-copy{position:absolute;z-index:2;left:20px;right:20px;bottom:19px}
.pr895-feature-copy small{color:var(--pr895-orange);font-size:14px;font-weight:950}
.pr895-feature-copy h2{margin:4px 0 6px;font-size:28px}
.pr895-feature-copy p{margin:0;color:#c4ccd4;font-size:15px}
.pr895-feature-copy b{position:absolute;right:0;bottom:0;font-size:20px;color:var(--pr895-orange)}
.pr895-strip{
 padding:72px 0;border-top:1px solid rgba(255,91,22,.17);
 background:radial-gradient(circle at 82% 50%,rgba(255,91,22,.12),transparent 22%),#070d12
}
.pr895-strip-inner{display:flex;align-items:center;justify-content:space-between;gap:30px}
.pr895-strip h2{margin:6px 0 0;font-size:clamp(40px,4.8vw,58px);line-height:.96;letter-spacing:-.05em}

/* Blog */
.pr895-blog-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.pr895-blog-card{
 overflow:hidden;border:1px solid rgba(255,255,255,.08);border-radius:15px;
 background:#0d151d;color:#fff;text-decoration:none;transition:.2s ease
}
.pr895-blog-card:hover{transform:translateY(-4px);border-color:rgba(255,91,22,.55)}
.pr895-blog-image{position:relative;height:250px;overflow:hidden}
.pr895-blog-image img{width:100%;height:100%;object-fit:cover;transition:.25s ease}
.pr895-blog-card:hover img{transform:scale(1.025)}
.pr895-blog-image:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(5,9,13,.78))}
.pr895-blog-image span{
 position:absolute;z-index:2;right:14px;top:14px;width:40px;height:40px;display:grid;place-items:center;
 border-radius:50%;background:rgba(5,9,13,.65);border:1px solid rgba(255,255,255,.14)
}
.pr895-blog-copy{padding:18px}
.pr895-blog-copy small{color:var(--pr895-orange);font-size:14px;font-weight:950;text-transform:uppercase}
.pr895-blog-copy h2{margin:5px 0 8px;font-size:22px}
.pr895-blog-copy p{margin:0;color:#aeb8c2;font-size:15px;line-height:1.6}
.pr895-blog-copy b{display:block;margin-top:14px;color:#fff;font-size:14px}

/* FAQ */
.pr895-faq-shell{display:grid;grid-template-columns:.7fr 1.3fr;gap:48px}
.pr895-faq-intro>span{color:var(--pr895-orange);font-size:14px;font-weight:950;letter-spacing:.12em}
.pr895-faq-intro h2{margin:7px 0 0;font-size:clamp(38px,4vw,52px);line-height:.98;letter-spacing:-.05em}
.pr895-faq{display:grid;gap:8px}
.pr895-faq details{
 border:1px solid rgba(255,255,255,.08);border-radius:11px;background:#0d151d;overflow:hidden
}
.pr895-faq summary{
 list-style:none;cursor:pointer;display:grid;grid-template-columns:1fr 32px;gap:10px;align-items:center;
 padding:16px;color:#fff;font-size:14px;font-weight:850
}
.pr895-faq summary::-webkit-details-marker{display:none}
.pr895-faq summary i{
 width:30px;height:30px;display:grid;place-items:center;border-radius:50%;
 background:rgba(255,91,22,.1);color:var(--pr895-orange);font-style:normal;font-size:17px
}
.pr895-faq details[open] summary i{transform:rotate(45deg)}
.pr895-faq details p{margin:0;padding:0 16px 17px;color:#aeb8c2;font-size:15px;line-height:1.66}

/* How it works */
.pr895-step-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.pr895-step-grid article{
 min-height:220px;padding:18px;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:#0d151d
}
.pr895-step-grid small{color:var(--pr895-orange);font-size:14px;font-weight:950}
.pr895-step-grid i{
 width:48px;height:48px;display:grid;place-items:center;margin-top:24px;
 border-radius:13px;background:rgba(255,91,22,.1);font-style:normal;font-size:23px
}
.pr895-step-grid h2{margin:15px 0 7px;font-size:18px}
.pr895-step-grid p{margin:0;color:#a8b2bc;font-size:15px;line-height:1.6}

/* Glossary */
.pr895-gloss-search{max-width:620px;margin-bottom:22px}
.pr895-gloss-search input{
 width:100%;height:52px;padding:0 16px;border:1px solid rgba(255,255,255,.11);border-radius:11px;
 background:#0d151d;color:#fff;font:inherit;font-size:14px;outline:none
}
.pr895-gloss-search input:focus{border-color:rgba(255,91,22,.7);box-shadow:0 0 0 3px rgba(255,91,22,.08)}
.pr895-gloss-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.pr895-gloss-grid article{
 min-height:150px;padding:17px;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:#0d151d
}
.pr895-gloss-grid h2{margin:0;color:#fff;font-size:16px}
.pr895-gloss-grid p{margin:8px 0 0;color:#9fa9b3;font-size:14.5px;line-height:1.6}

/* Existing article markup restyled without altering article content */
.cr-article-895 .res-detail-hero{
 min-height:570px;
}
.cr-article-895 .res-detail-hero::before{
 content:"";position:absolute;inset:0;background-size:cover;background-position:center
}
.cr-article-10k .res-detail-hero::before{background-image:url('resources89/article-10k.jpg')}
.cr-article-easy .res-detail-hero::before{background-image:url('resources89/article-easy.jpg')}
.cr-article-marathon .res-detail-hero::before{background-image:url('resources89/article-marathon.jpg')}
.cr-article-hydration .res-detail-hero::before{background-image:url('resources89/article-hydration.jpg')}
.cr-article-fuel .res-detail-hero::before{background-image:url('resources89/article-fuel.jpg')}
.cr-article-taper .res-detail-hero::before{background-image:url('resources89/article-taper.jpg')}
.cr-article-return .res-detail-hero::before{background-image:url('resources89/article-return.jpg')}
.cr-article-895 .res-detail-hero::after{
 content:"";position:absolute;inset:0;
 background:linear-gradient(90deg,rgba(5,9,13,.97),rgba(5,9,13,.81) 48%,rgba(5,9,13,.22)),
            linear-gradient(180deg,rgba(0,0,0,.05),transparent 60%,#070d12)
}
.cr-article-895 .res-detail-hero>.res-shell{
 position:relative;z-index:2;padding:145px 0 55px
}
.cr-article-895 .res-detail-hero h1{
 max-width:830px;margin:8px 0 12px;color:#fff;font-size:clamp(48px,5.5vw,72px);line-height:.94;letter-spacing:-.055em
}
.cr-article-895 .res-detail-hero p{max-width:650px;margin:0;color:#c3cbd3;font-size:14px;line-height:1.6}
.cr-article-895 .res-section{padding:72px 0;background:#080e14}
.cr-article-895 .article-shell{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:18px;align-items:start}
.cr-article-895 .article-content{
 padding:27px;border:1px solid rgba(255,255,255,.08);border-radius:15px;background:#0d151d
}
.cr-article-895 .article-content>section{
 padding:22px 0;border-bottom:1px solid rgba(255,255,255,.07)
}
.cr-article-895 .article-content>section:first-child{padding-top:0}
.cr-article-895 .article-content>section:last-child{border-bottom:0}
.cr-article-895 .article-content h2{margin:0 0 9px;color:#fff;font-size:22px}
.cr-article-895 .article-content p{margin:0;color:#aeb8c2;font-size:14px;line-height:1.7}
.cr-article-895 .article-note,.cr-article-895 .p85-article-note{
 margin-top:22px;padding:15px;border:1px solid rgba(255,91,22,.22);border-radius:11px;
 background:rgba(255,91,22,.06);color:#c9d0d7;font-size:14.5px;line-height:1.6
}
.cr-article-895 .p85-article-note h2{font-size:15px}
.cr-article-895 .article-side{position:sticky;top:94px;display:grid;gap:10px}
.cr-article-895 .article-side-card{
 padding:18px;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:#0d151d
}
.cr-article-895 .article-side-card small{color:var(--pr895-orange);font-size:14px;font-weight:950}
.cr-article-895 .article-side-card h3{margin:6px 0;color:#fff;font-size:17px}
.cr-article-895 .article-side-card p{color:#aeb8c2;font-size:14.5px;line-height:1.58}
.cr-resources-895 .cr-site-footer-v2{margin-top:0;border-top:1px solid rgba(255,91,22,.2);background:#070d12}

@media(max-width:1050px){
 .cr-resources-895 .cr-site-header{position:sticky;background:#080d12}
 .pr895-feature-grid,.pr895-blog-grid{grid-template-columns:1fr 1fr}
 .pr895-faq-shell{grid-template-columns:1fr}
 .pr895-step-grid{grid-template-columns:1fr 1fr}
 .pr895-gloss-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:760px){
 .pr895-shell,.res-shell{width:calc(100% - 26px)}
 .pr895-hero,.pr895-detail-hero,.res-detail-hero{min-height:700px}
 .pr895-hero>img,.pr895-detail-hero>img{object-position:60% center}
 .pr895-hero-overlay,.pr895-detail-overlay{background:linear-gradient(180deg,rgba(5,9,13,.14),rgba(5,9,13,.38) 36%,#070d12 80%,#070d12)}
 .pr895-hero-inner,.pr895-detail-inner{padding:285px 0 52px}
 .pr895-hero h1,.pr895-detail-hero h1{font-size:clamp(48px,14vw,68px)}
 .pr895-feature-grid,.pr895-blog-grid,.pr895-step-grid,.pr895-gloss-grid{grid-template-columns:1fr}
 .pr895-feature-card{min-height:370px}
 .pr895-strip-inner{display:block}
 .pr895-strip .pr895-btn{margin-top:20px}
 .cr-article-895 .res-detail-hero>.res-shell{padding:285px 0 50px}
 .cr-article-895 .article-shell{grid-template-columns:1fr}
 .cr-article-895 .article-side{position:static}
}
@media(max-width:470px){
 .pr895-actions{display:grid}
 .pr895-btn{width:100%}
 .pr895-heading h2,.pr895-faq-intro h2{font-size:39px}
 .cr-resources-895 .cr-nav-actions .cr-nav-account,
 .cr-resources-895 .cr-nav-actions>.cr-nav-cta{display:none}
}


/* 91.1.8 — readability polish */
.cr-resources-895 .pr895-feature-copy,.cr-resources-895 .pr895-blog-copy,.cr-resources-895 .pr895-faq,.cr-resources-895 .pr895-step-grid,.cr-resources-895 .pr895-gloss-grid,.cr-article-895 .article-content,.cr-article-895 .article-side-card{min-width:0}
.cr-resources-895 p,.cr-resources-895 li,.cr-article-895 p,.cr-article-895 li{overflow-wrap:break-word;word-break:normal}
@media(max-width:760px){
 .cr-resources-895 input,.cr-resources-895 select,.cr-resources-895 textarea{font-size:16px}
 .pr895-heading h2,.pr895-faq-intro h2{overflow-wrap:break-word}
}