.flip-shell{min-width:0;width:100%;padding:24px;background:#e3e9da;border:1px solid #d5ddce;border-radius:12px}.flip-top{display:flex;justify-content:space-between;gap:16px;font-size:10px;letter-spacing:1px;margin-bottom:20px;font-weight:600}.flip-top span:last-child{white-space:nowrap;letter-spacing:0;color:#607259}.flip-stage{position:relative;isolation:isolate;min-width:0;filter:drop-shadow(0 16px 14px #183c2522)}.flip-host{width:100%;margin:auto;outline-offset:4px;cursor:grab}.flip-host:active{cursor:grabbing}.flip-host:not(.stf__parent){max-width:310px;aspect-ratio:595/842}.flip-host:not(.stf__parent) .paper:not(:first-child){display:none}.paper{background:#fffef9;overflow:hidden;user-select:none;border:1px solid #d5d9ce;box-shadow:inset 8px 0 16px #17372910}.paper img{width:100%;height:100%;object-fit:contain;display:block;pointer-events:none;user-select:none}.paper-num{position:absolute;bottom:2px;right:5px;font:8px Arial;color:#879381}.flip-hint{font-size:11px;text-align:center;color:#4f6747;margin:20px 0 10px}.flip-controls{display:flex;align-items:center;justify-content:center;gap:26px}.flip-controls button{height:44px;width:44px;min-width:44px;border:1px solid #bdcbb1;background:#f9fbf3;color:#17382d;border-radius:50%;font-size:21px}.flip-controls button:disabled{opacity:.35;cursor:default}.flip-controls span{min-width:78px;text-align:center;font-size:12px}.flip-landing{display:block;width:max-content;max-width:100%;font-size:12px;border-bottom:1px solid;margin:18px auto 0}.flip-jump{display:flex;justify-content:center;gap:10px;align-items:center;flex-wrap:wrap;font-size:12px;margin-top:20px}.flip-jump input{width:64px;height:44px;text-align:center;border:1px solid #bdcbb1;border-radius:5px;font:inherit}.flip-jump button{height:44px;background:#17382d;color:white;border:0;border-radius:5px;padding:0 16px}.flip-jump a{text-decoration:underline}.work-grid{grid-template-columns:.75fr 1.25fr;gap:45px}.hero-grid{align-items:center}.flip-hero{max-width:510px;margin:auto}.flip-fallback{font-size:12px}.flip-fallback a{text-decoration:underline}@media(max-width:760px){.flip-shell{padding:16px}.flip-top{font-size:9px;margin-bottom:15px}.work-grid{grid-template-columns:1fr;gap:30px}.flip-hint{font-size:10px}.flip-jump{font-size:11px}.flip-hero{max-width:430px}}
/* Adapt the original Courserix reader to the package page. */
.flip-hero{max-width:480px}.flip-top{font-size:10px}.flip-jump label{margin:0;font-size:11px}.flip-jump input{padding:8px;min-height:44px}.flip-controls button,.flip-jump button{cursor:pointer}.flip-caption{font-size:10px;text-align:center;margin:12px 0 0;color:#52645a}.flip-landing{text-decoration:none;text-underline-offset:4px}.sample-pages{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.sample-pages article{min-width:0}.sample-pages img{display:block;width:100%;height:auto;border:1px solid #ccd5c4;border-radius:8px}.sample-pages .step-number{margin-top:18px}.sample-pages h3{font-size:20px}.sample-pages p{font-size:14px;color:#52645a}.sample-note{font-size:11px;color:#5f7165;max-width:950px;margin:18px 0 0}.sample-callout>div{min-width:0}@media(max-width:640px){.flip-hero{max-width:380px}.sample-pages{grid-template-columns:1fr;gap:25px;max-width:380px;margin-inline:auto}.sample-pages img{max-height:430px;object-fit:contain;background:#e8eddf}.sample-pages h3{font-size:18px;margin:8px 0}.sample-pages p{font-size:13px}.sample-pages .step-number{margin-top:12px}}
.flip-hero .flip-stage{max-width:310px;margin-inline:auto}