.page-hero{display:flex;gap:1.25rem;align-items:center;padding:2rem;background-color:#333b33ff;box-shadow:0 4px 8px rgba(0,0,0,.3);color:#f6fff6;border-radius:.5rem;margin-bottom:1.5rem}.hero-media{width:35%;min-width:220px}.hero-media img{width:100%;border-radius:.5rem;display:block}.hero-copy{width:65%}.grid{display:flex;flex-direction:column;gap:1.25rem;align-items:start}.card-grid{display:flex;flex-direction:row;gap:1rem;margin:.5rem 0 1rem;align-items:stretch;flex-wrap:wrap;justify-content:space-evenly}.card-grid>div{width:49%;background:linear-gradient(180deg,rgba(33,43,33,.95),rgba(33,43,33,.98));padding:.9rem;border-radius:.6rem;box-shadow:0 6px 18px rgba(0,0,0,.45);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;border:1px solid rgba(70,160,70,.04);min-height:72px;display:flex;flex-direction:column;justify-content:center;box-sizing:border-box}.card{display:flex;width:100%;flex-direction:column;color:#eaf9ea;border-radius:.5rem;padding:.6rem .3rem;gap:.5rem}.copy-section.card{padding:10px 25px}@media (max-width:420px){.card-grid>div{padding:.75rem}}.badge{display:inline-block;background:#2f6f2f;color:#ffffff;font-weight:600;padding:.15rem .5rem;border-radius:999px;font-size:.75rem;margin-right:.5rem}aside.tips{position:relative;color:#eaf9ea}details>summary{cursor:pointer;font-weight:600;outline:none}.figure{display:flex;gap:1rem;align-items:flex-start;margin:1rem 0}.figure img{max-width:220px;border-radius:.5rem}.callout{background:#2b2b2b;border-left:4px solid #46a046;padding:.75rem 1rem;border-radius:.25rem;margin:.75rem 0}@media (max-width:1024px){.page-hero{flex-direction:column;align-items:center}.hero-media,.hero-copy{width:100%}.card-grid>div{width:100%}.figure img{display:none}}