/* UrbanJaunt Monetization Styles */
* { box-sizing: border-box; }
body { font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif; line-height:1.7; color:#222; max-width:900px; margin:0 auto; padding:1rem; background:#fafafa; }
.breadcrumb { font-size:.9rem; color:#666; padding:.5rem 0; }
.breadcrumb a { color:#0066cc; text-decoration:none; }
main { background:#fff; padding:1.5rem 2rem; border-radius:8px; box-shadow:0 1px 3px rgba(0,0,0,.05); }
h1 { font-size:1.8rem; color:#1a1a1a; }
h2 { font-size:1.4rem; margin-top:2rem; color:#2c3e50; border-bottom:2px solid #ecf0f1; padding-bottom:.3rem; }
h3 { font-size:1.15rem; color:#34495e; }
a { color:#0066cc; }
.archive { list-style:none; padding:0; display:grid; grid-template-columns:repeat(auto-fill,minmax(220px,1fr)); gap:.5rem 1rem; }
.archive li { padding:.3rem 0; }
.archive li a { text-decoration:none; }
.archive li a:hover { text-decoration:underline; }
.meta { color:#888; font-size:.9rem; }
ul, ol { padding-left:1.5rem; }
table { width:100%; border-collapse:collapse; margin:1rem 0; }
th, td { border:1px solid #ddd; padding:.5rem .75rem; text-align:left; }
th { background:#f5f5f5; }
details { margin:.5rem 0; }
summary { cursor:pointer; padding:.5rem; background:#f8f9fa; border-radius:4px; }
details[open] summary { background:#e8f4fd; }

.adsense-ad-banner { background:#f8f9fa; border:1px dashed #dcdcdc; border-radius:6px; padding:.75rem; margin:1rem auto; text-align:center; max-width:728px; }
.adsense-ad-inarticle { background:#fdfdfd; border:1px dashed #e0e0e0; border-radius:6px; padding:.75rem; margin:1.5rem 0; text-align:center; }

.affiliate-cta-box { background:linear-gradient(135deg,#f0f8ff 0%,#fff8e1 100%); border:2px solid #4a90d9; border-radius:10px; padding:1.5rem; margin:2rem 0; box-shadow:0 2px 8px rgba(74,144,217,.12); }
.cta-grid { display:grid; grid-template-columns:1fr 1fr; gap:1rem; }
@media (max-width:640px) { .cta-grid { grid-template-columns:1fr; } }
.cta-card { background:#fff; border-radius:8px; padding:1.25rem; border:1px solid #e0e8f0; }
.cta-primary { border-left:4px solid #4a90d9; }
.cta-secondary { border-left:4px solid #27ae60; }
.cta-card h3 { margin-top:0; color:#1a365d; }
.btn { display:inline-block; padding:.6rem 1.2rem; border-radius:6px; text-decoration:none; font-weight:600; transition:all .15s ease; margin:.5rem 0; }
.btn-primary { background:#4a90d9; color:#fff; border:1px solid #357abd; }
.btn-primary:hover { background:#357abd; box-shadow:0 2px 4px rgba(0,0,0,.1); text-decoration:none; }
.btn-secondary { background:#27ae60; color:#fff; border:1px solid #1e8449; }
.btn-secondary:hover { background:#1e8449; box-shadow:0 2px 4px rgba(0,0,0,.1); text-decoration:none; }
.small { font-size:.8rem; color:#666; margin:.3rem 0; }
.disclosure { margin-top:1rem; padding-top:.75rem; border-top:1px solid rgba(0,0,0,.08); color:#555; }
.disclosure-small { color:#777; font-style:italic; }

.site-footer { margin-top:2rem; padding:2rem 1rem; background:#1a365d; color:#e2e8f0; border-radius:8px; font-size:.9rem; }
.footer-inner { max-width:900px; margin:0 auto; display:grid; grid-template-columns:repeat(auto-fit,minmax(200px,1fr)); gap:1.5rem; }
.site-footer a { color:#90cdf4; text-decoration:none; }
.site-footer a:hover { text-decoration:underline; }
.site-footer ul { list-style:none; padding:0; }
.site-footer li { padding:.2rem 0; }
.site-footer strong { color:#fff; }
.copyright { font-size:.85rem; opacity:.85; }
.last-updated { color:#888; font-size:.85rem; }
.legal-page { max-width:720px; margin:0 auto; }
