.mannkal-resource { background: #fff; color: #1d1d1d; }
.mannkal-resource__wrap { width: min(1120px, calc(100% - 40px)); margin: 0 auto; }
.mannkal-resource__hero { padding: clamp(76px, 9vw, 140px) 0 clamp(32px, 4vw, 54px); background: #fff; color: #1d1d1d; border-bottom: 1px solid #e7e7e7; }
.mannkal-resource__eyebrow { margin: 0 0 12px; color: #567061; font-size: .78rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
.mannkal-resource__hero h1 { max-width: 900px; margin: 0; color: #1d1d1d; font-size: clamp(2.1rem, 5vw, 4.6rem); line-height: 1.05; }
.mannkal-resource__intro { max-width: 750px; margin: 22px 0 0; font-size: 1.15rem; line-height: 1.65; }
.mannkal-resource__content { padding: clamp(36px, 5vw, 72px) 0; }
.mannkal-resource__description { max-width: 780px; margin-bottom: 30px; font-size: 1.05rem; line-height: 1.7; }
.mannkal-resource__actions { display: flex; flex-wrap: wrap; align-items: center; gap: 20px; margin: 0 0 22px; }
a.mannkal-resource__download { display: inline-block; padding: 14px 22px; background: #1d1d1d !important; color: #fff !important; font-weight: 700; text-decoration: none; }
a.mannkal-resource__download:hover, a.mannkal-resource__download:focus { background: #000 !important; color: #fff !important; }
.mannkal-resource__viewer { height: min(78vh, 1050px); min-height: 560px; overflow: hidden; border: 1px solid #dedede; background: #fff; box-shadow: 0 12px 30px rgb(0 0 0 / 7%); }
.mannkal-resource__viewer iframe { display: block; width: 100%; height: 100%; border: 0; }
.mannkal-resource__missing { padding: 20px; border-left: 4px solid #d1b66e; background: #fff; }
@media (max-width: 600px) { .mannkal-resource__wrap { width: min(100% - 28px, 1120px); } .mannkal-resource__viewer { min-height: 440px; height: 72vh; } }