.callout-tip{background:#fff8e1;border:1.5px solid #F5C542;border-left:4px solid #F5C542;border-radius:0 8px 8px 0;padding:14px 18px;margin:1.5rem 0}.callout-tip:before{content:"Pro Tip";display:block;font-size:10px;font-weight:800;color:#b8860b;text-transform:uppercase;letter-spacing:.1em;margin-bottom:8px}.callout-tip p{margin:0;color:#444;font-size:.95rem;line-height:1.65}.callout-steps{border:1.5px solid #F5C542;border-radius:8px;padding:16px 18px;margin:1.5rem 0;background:#fffdf5}.callout-steps:before{content:attr(data-title);display:block;font-size:10px;font-weight:800;color:#b8860b;text-transform:uppercase;letter-spacing:.1em;margin-bottom:12px}.callout-steps[data-title=""]:before{display:none}.callout-steps ol{margin:0;padding:0;list-style:none;counter-reset:step-counter}.callout-steps ol li{display:flex;align-items:flex-start;gap:10px;margin-bottom:8px;counter-increment:step-counter;font-size:.95rem;line-height:1.55}.callout-steps ol li:before{content:counter(step-counter);background:#1c2a10;color:#f5c542;border-radius:50%;width:22px;height:22px;min-width:22px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;flex-shrink:0}.callout-steps ol li::marker{display:none;content:""}.callout-checklist{border:2px dashed #4B5D2E;border-radius:8px;padding:16px 18px;margin:1.5rem 0;background:#f9f6f0}.callout-checklist:before{content:attr(data-title);display:block;font-size:10px;font-weight:800;color:#1c2a10;text-transform:uppercase;letter-spacing:.1em;margin-bottom:12px}.callout-checklist[data-title=""]:before{display:none}.callout-checklist ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.callout-checklist ul li{display:flex;align-items:center;gap:10px;font-size:.95rem}.callout-checklist ul li:before{content:"";width:16px;height:16px;min-width:16px;border:2px solid #4B5D2E;border-radius:3px;display:inline-block;flex-shrink:0}.callout-stats{display:flex;gap:10px;margin:1.5rem 0;flex-wrap:wrap}.callout-stats .stat-tile{background:#1c2a10;border-radius:8px;padding:14px 12px;text-align:center;flex:1;min-width:100px}.callout-stats .stat-num{font-family:Playfair Display,Georgia,serif;font-size:2rem;font-weight:700;color:#f5c542;line-height:1}.callout-stats .stat-unit{font-size:10px;color:#ffffffb3;text-transform:uppercase;letter-spacing:.08em;margin-top:2px}.callout-stats .stat-desc{font-size:.8rem;color:#fff9;line-height:1.4;margin-top:6px}.callout-pullquote{border-left:5px solid #F5C542;padding:12px 20px;margin:1.5rem 0;background:#f9f6f0;border-radius:0 8px 8px 0}.callout-pullquote p{font-family:Playfair Display,Georgia,serif;font-size:1.15rem;font-style:italic;color:#1c2a10;line-height:1.6;margin:0}.callout-scenario{background:#1c2a10;border-left:4px solid #F5C542;border-radius:0 8px 8px 0;padding:16px 20px;margin:1.5rem 0}.callout-scenario:before{content:attr(data-title);display:block;font-size:10px;font-weight:800;color:#f5c542;text-transform:uppercase;letter-spacing:.1em;margin-bottom:10px}.callout-scenario p{color:#ffffffd9;margin:0;line-height:1.6;font-size:.95rem}.section-img{border-radius:8px;box-shadow:0 2px 12px #0000001f;max-width:100%;height:auto;display:block}.section-img.float-right{float:right;width:38%;margin:.25rem 0 1rem 1.5rem}.section-img.float-left{float:left;width:38%;margin:.25rem 1.5rem 1rem 0}.section-img-caption{font-size:11px;font-style:italic;color:#666;display:block;margin-bottom:1rem}.section-img-caption.float-right{float:right;width:38%;text-align:center;margin:-.75rem 0 1.5rem 1.5rem}.section-img-caption.float-left{float:left;width:38%;text-align:center;margin:-.75rem 1.5rem 1.5rem 0}@media (max-width: 768px){.section-img.float-right,.section-img.float-left{float:none;width:100%;margin:0 0 .5rem}.section-img-caption.float-right,.section-img-caption.float-left{float:none;width:100%;text-align:center;margin:0 0 1rem}}.tldr-callout{margin:1.75rem 0;background:#f0f5e8;border:1px solid #c8d9b0;border-left:4px solid #4B5D2E;border-radius:0 10px 10px 0;padding:16px 20px}.tldr-label{font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#4b5d2e;margin-bottom:10px}.tldr-body{font-size:14px;line-height:1.7;color:#2d3a20}.tldr-body p{margin:0 0 8px}.tldr-body ul,.tldr-body ol{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:5px}.tldr-body li{line-height:1.6}.tldr-body a{color:#4b5d2e;text-decoration:underline}
