:root{--bg-page:#fdfdfc;--bg-card:#ffffff;--bg-accent-blue:#eef7ff;--bg-accent-mint:#edfdf5;--text-main:#1a1a1a;--text-dim:#4a4a4a;--radius-card:12px;--shadow-card:0 8px 24px rgba(0,0,0,0.07);--content-max-width:720px;--content-padding:1.25rem;--section-gap:1.5rem;--line-height-copy:1.5;--font-stack:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg-page);font-family:var(--font-stack);line-height:var(--line-height-copy);-webkit-font-smoothing:antialiased}body,h1,h2,h3,h4,h5,h6{color:#1a1a1a}h1{font-size:1.875rem;line-height:2.25rem;font-weight:700;margin-bottom:1rem}.page-bg{min-height:100vh;display:flex;flex-direction:column}.site-header{background:#fff;border-bottom:1px solid #ddd}.site-header-container{max-width:1200px;margin:0 auto;padding:12px 16px}.header-flex-wrapper{display:flex;align-items:flex-start;gap:16px}.logo-container{flex-shrink:0}.site-logo-link{display:block;text-decoration:none}.site-logo-img,.site-logo-picture{display:block;max-height:60px}.site-logo-img{width:auto;height:auto;object-fit:contain}@media (max-width:600px){.site-logo-img,.site-logo-picture{max-height:48px}}.nav-pills-container{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:flex-start;gap:8px 12px;font-size:14px;line-height:1.4;flex:1 1}.nav-pill{display:inline-block;padding:4px 10px;border-radius:6px;background-color:#f5f8ff;border:1px solid #d4dbee;color:#1a1a1a;text-decoration:none}.nav-pill:hover{background-color:#e8f0ff;border-color:#c0cceb}.footer-links a:hover{text-decoration:underline}.main-wrapper{flex:1 1;max-width:var(--content-max-width);width:100%;margin:0 auto;padding:1.5rem var(--content-padding) 3rem}.card{background:var(--bg-card);border-radius:var(--radius-card);box-shadow:var(--shadow-card);padding:1rem 1rem 1.25rem;margin-bottom:var(--section-gap)}.card-accent-blue{background:var(--bg-accent-blue)}.card-accent-mint{background:var(--bg-accent-mint)}.card h1,.card h2,.card h3,.card h4{margin-top:0;color:var(--text-main);line-height:1.25}.card p{margin:.5rem 0 .75rem}.card p,.card ul{color:var(--text-main);font-size:1rem}.card ul{margin:.5rem 0 .75rem 1.25rem;padding:0}.card li{margin-bottom:.5rem}.callout{background:var(--bg-accent-mint);border-radius:var(--radius-card);padding:.75rem 1rem;box-shadow:var(--shadow-card);font-size:.95rem;margin-top:1rem;margin-bottom:1rem}.callout-strong{font-weight:600}.image-card img{max-width:100%;height:auto;display:block;margin:.5rem auto 0;border-radius:var(--radius-card);box-shadow:var(--shadow-card)}.hero-image{max-width:380px}.hero-image,.hero-image-wide{width:100%;height:auto;display:block;margin:1.25rem auto 1rem;border-radius:8px;box-shadow:0 8px 24px rgba(0,0,0,.06);object-fit:contain}.hero-image-wide{max-width:540px}.hero-image-vertical{max-width:290px;width:100%;height:auto;display:block;margin:1.25rem auto 1rem;border-radius:8px;box-shadow:0 8px 24px rgba(0,0,0,.06);object-fit:contain}@media (min-width:700px){.hero-illustration-wrapper,.hero-illustration-wrapper img{max-width:520px!important}}@media (max-width:600px){.hero-image,.hero-image-vertical,.hero-image-wide{max-width:90%;margin:1rem auto}}.ad-slot{min-height:320px;background:#fff;border-radius:var(--radius-card);box-shadow:var(--shadow-card);border:2px dashed #bbb;margin:1rem 0 1.5rem;display:flex;align-items:center;justify-content:center}.ad-slot-inner{text-align:center;font-size:.8rem;color:var(--text-dim)}.ad-label{font-weight:600;color:var(--text-main);display:block;margin-bottom:.25rem}.site-footer{background:#f5f8fb;border-top:1px solid #d4dbee;padding-top:1rem;padding-bottom:2rem}.site-footer-inner{max-width:var(--content-max-width);margin:0 auto;padding:0 var(--content-padding);font-size:13px;color:#666;display:flex;flex-direction:column;gap:.75rem}.footer-links{display:flex;flex-wrap:wrap;gap:.75rem}.footer-links a{color:var(--text-main);text-decoration:none;font-size:13px}.disclaimer{margin:0;color:#666;font-size:13px}@media (min-width:700px){.site-header-inner{flex-wrap:nowrap}.nav-links{justify-content:flex-end}}