.cow-art-frame{position:relative;display:grid;place-items:center;overflow:hidden;background:#0a1623}
.cow-art-frame>.cow-art{display:block;width:100%;height:auto;aspect-ratio:1.5;background:none;overflow:hidden}
.cow-health{width:42%;max-width:120px;height:8px;margin:0 auto;border:1px solid #182b26;border-radius:999px;padding:1px;background:#06120f;box-shadow:0 2px 9px #0006;overflow:hidden}
.cow-health>span{display:block;height:100%;background:linear-gradient(90deg,#5ad653,#c1ff79);border-radius:999px}
.demo-cow-symbol{width:56px;flex-shrink:0;text-align:center}.demo-cow-symbol .cow-health{width:100%;margin-bottom:10px}
.field-diagram{max-width:860px;margin:0 auto 34px}.field-diagram>svg{display:block;width:100%;height:auto;border:1px solid #93b49c22;border-radius:26px}.field-diagram figcaption{font-size:12px;color:#9ab1c0;line-height:1.8;text-align:center;margin-top:15px}
.obstacle-card{display:flex;align-items:center;gap:38px;padding:30px 45px;max-width:860px;margin:25px auto;border:1px solid #d4b67530;border-radius:26px;background:linear-gradient(145deg,#26362c88,#0b182dcc)}
.obstacle-card>img{width:180px;height:230px;object-fit:contain;flex-shrink:0}.obstacle-card h3{font-size:29px;margin:12px 0}.obstacle-card p{font-size:14px;color:#adbfca;line-height:1.9;margin:12px 0}.obstacle-card .eyebrow{font-size:10px;color:#d3b87f}
.referral-overview{display:grid;grid-template-columns:.65fr 1fr;gap:50px;align-items:center;max-width:980px;margin:0 auto;padding:42px;border:1px solid #aa8fe42b;border-radius:28px;background:radial-gradient(ellipse at 0% 50%,#a481ee18,transparent 65%),#0d1b2ddd}
.referral-rate{text-align:center}.referral-rate strong{display:block;font:800 88px/1.1 'Manrope',sans-serif;letter-spacing:-5px;color:#c0a0ff}.referral-rate span{display:block;font-size:13px;line-height:1.8;color:#adbbd0;max-width:220px;margin:15px auto 0}.referral-overview h3{font-size:27px;line-height:1.4}.referral-overview p{font-size:14px;line-height:1.9;color:#b2c0d3;margin:14px 0}.referral-overview p strong{color:#c0f198}.referral-overview a{margin-top:12px}
.hp-examples{display:flex;align-items:flex-start;justify-content:center;gap:25px;margin:26px 0}.hp-example{flex:1;max-width:190px;text-align:center;background:#0c2030;border:1px solid #95aebb22;border-radius:22px;padding:23px 14px}.hp-example>.cow-health{width:85%;margin-bottom:17px}.hp-example svg{width:48px;height:48px;color:#d9e6ce;fill:none;stroke:currentColor;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;margin:auto}.hp-example>span{font-size:12px;display:block;margin-top:13px;color:#aebfc9}
.wp-chapter .obstacle-card{padding:25px;gap:25px}.wp-chapter .obstacle-card>img{width:130px;height:180px}.wp-chapter .obstacle-card h3{font-size:24px}.wp-chapter .obstacle-card p{font-size:13px}
.wp-chapter .referral-overview{grid-template-columns:1fr;gap:25px;padding:28px;margin:25px 0}.wp-chapter .referral-rate strong{font-size:64px}.wp-chapter .referral-rate span{max-width:none;font-size:12px;margin-top:9px}.wp-chapter .referral-overview h3{font-size:23px}
@media(max-width:800px){.referral-overview{gap:30px;padding:30px}}
@media(max-width:600px){.obstacle-card{flex-direction:column;gap:15px;padding:25px;text-align:center}.obstacle-card>img{width:150px;height:190px}.obstacle-card h3{font-size:25px}.obstacle-card p{font-size:13px}.field-diagram figcaption{font-size:11px}.referral-overview{grid-template-columns:1fr;gap:28px;padding:27px}.referral-overview h3{text-align:center;font-size:24px}.referral-overview p{font-size:13px}.referral-rate strong{font-size:78px}.hp-examples{gap:10px}.hp-example{padding:20px 10px}.hp-example>span{font-size:11px}.cow-health{height:7px}}
@media print{.obstacle-card,.hp-example,.referral-overview{background:white;color:#111;border-color:#ddd}.obstacle-card p,.obstacle-card h3,.referral-overview p,.referral-rate strong,.referral-rate span{color:#222!important}.field-diagram,.hp-examples{break-inside:avoid}}