
/* BigCHomes v19 — modernized version of Chris's original blog/site visual language */
:root{--legacy-blue:#0877bc;--legacy-blue-2:#0b63a7;--legacy-sky:#eaf7fd;--legacy-sky2:#f5fbfe;--legacy-line:#cce4f2;--legacy-ink:#08243e}
/* Whole-site feel: more of the blue, rounded, linked information language of the original site. */
.page-hero{background:linear-gradient(128deg,#072640 0%,#0a5f97 62%,#18a1c3 100%)}
.page-hero .wrap{padding:48px 0 44px}
.page-hero h1{font-size:clamp(2.25rem,4.5vw,4rem);max-width:1000px}
.page-hero .eyebrow,.section .eyebrow.blue,.card-kicker{background:var(--legacy-sky);color:var(--legacy-blue-2);border:1px solid var(--legacy-line);border-radius:999px;padding:5px 10px;line-height:1;letter-spacing:.1em}
.section{padding:66px 0}
.section.tint{background:linear-gradient(180deg,#f8fcff 0%,#f2f9fd 100%)}
.card,.feature-panel.light-panel,.form-card,.aside-card{border-color:var(--legacy-line);box-shadow:0 10px 30px rgba(7,65,108,.065)}
.card{border-radius:24px;border-top:4px solid #d8eef8}
.card:hover{border-top-color:var(--legacy-blue);box-shadow:0 16px 40px rgba(7,65,108,.12)}
.card-link,.text-link{color:var(--legacy-blue);font-weight:900}
.btn{background:linear-gradient(135deg,#0c72b8,#095f9f)}
.btn-outline{border-color:#a9d2e8;color:#0b5f99;background:#f8fcff}
.checklist li:before,.dark-check li:before{color:var(--legacy-blue)}
.feature-panel.light-panel{background:linear-gradient(180deg,#fff,#f7fcff)}
/* Home guide cards: consistent, airy, modern bubbles rather than spreadsheet cells. */
.guide-grid-v6{gap:14px!important}
.guide-grid-v6>a{background:#fff!important;border:1px solid var(--legacy-line)!important;border-radius:22px!important;padding:24px!important;box-shadow:0 8px 26px rgba(7,65,108,.055)!important}
.guide-grid-v6>a:hover{transform:translateY(-3px);box-shadow:0 16px 38px rgba(7,65,108,.10)!important}
.guide-num{display:inline-grid!important;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--legacy-sky);color:var(--legacy-blue)!important;margin-bottom:9px}
/* Blog landing keeps chronology but borrows the original site's blue information cards. */
.blog-hero-v10{background:linear-gradient(135deg,#062640,#0a669f 68%,#16a0bf)!important}
.blog-row-v16{border:1px solid var(--legacy-line);border-left:5px solid var(--legacy-blue);border-radius:22px;margin:18px 0;padding:22px;background:#fff;box-shadow:0 8px 26px rgba(7,65,108,.06)}
.blog-row-v16 .meta{display:inline-block;background:var(--legacy-sky);border:1px solid var(--legacy-line);padding:4px 9px;border-radius:999px}
.blog-row-v16 .tldr-line{background:#f4fbff;border:1px solid #d7ebf6;border-left:4px solid var(--legacy-blue);border-radius:13px;padding:10px 13px;color:#294b63}
/* Individual posts: recreate the useful parts of the original Moxi article design, cleaner. */
.legacy-article-hero-v16{padding:30px 0 18px;background:#fff}
.legacy-article-kicker-v16{display:inline-block;background:var(--legacy-sky);border:1px solid var(--legacy-line);border-radius:999px;padding:6px 11px;color:var(--legacy-blue-2)}
.legacy-article-hero-v16 h1{font-size:clamp(2.35rem,4vw,3.85rem);line-height:1.03;max-width:1100px}
.legacy-blog-v16{max-width:1100px;font-size:1.03rem}
.legacy-image-v16.brand{max-width:1100px;margin:18px auto 28px}
.legacy-image-v16.brand img{border-radius:20px;border:1px solid #c9dfeb;background:#fff;box-shadow:0 10px 30px rgba(7,65,108,.07)}
.legacy-tldr-v16{background:linear-gradient(135deg,#dff4fd,#f6fcff);border:1px solid #bfe1f1;border-left:7px solid var(--legacy-blue);border-radius:20px;padding:22px 26px;margin-bottom:16px}
.legacy-tldr-v16 strong{color:#0469aa}
.legacy-facts-v16{gap:10px;margin:14px 0 20px}
.legacy-fact-v16{background:#fff;border:1px solid #bfe0f1;box-shadow:0 5px 16px rgba(7,65,108,.035);padding:12px 14px}
.legacy-fact-v16 b{color:#075e97}
.legacy-actions-v19{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0 18px}
.legacy-actions-v19 a{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:9px 16px;border-radius:999px;background:#0b71b3;color:#fff!important;font-weight:900;text-decoration:none!important;box-shadow:0 7px 18px rgba(11,113,179,.16)}
.legacy-actions-v19 a:nth-child(2){background:#e9f7fd;color:#075e97!important;border:1px solid #b9dff0;box-shadow:none}
.legacy-actions-v19 a:nth-child(3){background:#fff;color:#075e97!important;border:1px solid #9fcee5;box-shadow:none}
.legacy-jump-v16{border:1px solid #c7e2ef;background:#f6fcff;border-radius:18px;padding:16px 18px;margin:18px 0 30px}
.legacy-jump-v16 strong{color:#075e97}
.legacy-jump-v16 a{background:#e8f6fd;border:1px solid #c1e0ef;border-radius:999px;padding:6px 11px;margin:4px 6px 4px 0;color:#076aa8!important;text-decoration:none!important}
.legacy-blog-v16 h2{position:relative;color:#072c49;margin-top:3rem;padding:15px 18px 14px 20px;border-left:6px solid var(--legacy-blue);background:linear-gradient(90deg,#effaff 0%,#fff 72%);border-radius:0 16px 16px 0}
.legacy-blog-v16 h3{color:#075e97}
.legacy-blog-v16 a:not(.btn):not(.legacy-actions-v19 a){color:#076dab;text-decoration-thickness:1px}
.legacy-blog-v16 table{border-radius:16px;overflow:hidden;border-collapse:separate;border-spacing:0;border:1px solid #cfe4ef}
.legacy-blog-v16 th{background:#0a6da9;color:#fff;border-color:#0a6da9}
.legacy-blog-v16 td{border-color:#d7e8f1}
.legacy-blog-v16 tr:nth-child(even) td{background:#f6fbfe}
.legacy-callout-v19{margin:24px 0;padding:18px 20px;border-radius:18px;background:#eaf7fd;border:1px solid #c5e3f1;border-left:6px solid #0b75b7;color:#173a52}
.legacy-callout-v19 b{color:#075e97}
.legacy-image-v16{max-width:980px;margin:2.2rem auto}
.legacy-image-v16 img{border-radius:20px;box-shadow:0 10px 28px rgba(7,65,108,.10)}
.legacy-image-v16.map{max-width:1050px}
.legacy-faq-v16 details{border-color:#c6e0ed;background:#f9fdff;border-radius:18px;overflow:hidden}
.legacy-faq-v16 summary{color:#075e97;background:#f0faff}
.legacy-related-v19{margin:42px 0 10px;padding:24px;border-radius:22px;background:#072b48;color:#fff}
.legacy-related-v19 h2{background:none;border:0;padding:0;margin:0 0 14px;color:#fff}
.legacy-related-v19 .related-grid-v19{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.legacy-related-v19 a{display:block;background:#fff;color:#073859!important;border-radius:16px;padding:15px;text-decoration:none!important;font-weight:850}
/* General content pages get blue bubbles in their informational clusters without losing modern spacing. */
.grid-3>.card,.grid-4>.card{background:linear-gradient(180deg,#fff,#fbfdff)}
.steps li:before{background:#0a6ca8}
.mini-grid>div,.credential-grid>div{background:#f6fbfe;border-color:#cde3ef;border-radius:18px}
.faq-list details{border-bottom-color:#cfe3ee}.faq-list summary{color:#075e97}
.callout{background:linear-gradient(135deg,#e5f6fd,#f8fdff);border-color:#c3e0ee;border-left:5px solid var(--legacy-blue)}
@media(max-width:900px){.legacy-related-v19 .related-grid-v19{grid-template-columns:1fr}.blog-row-v16{grid-template-columns:180px 1fr}}
@media(max-width:620px){
 .page-hero .wrap{padding:38px 0 34px}.page-hero h1{font-size:clamp(2.1rem,11vw,3rem)}
 .legacy-article-hero-v16 h1{font-size:clamp(2.05rem,10vw,2.9rem)}
 .legacy-actions-v19 a{width:100%}
 .legacy-jump-v16 a{display:block;width:100%;margin:6px 0;text-align:center}
 .legacy-blog-v16 h2{padding:13px 14px 12px 16px}
 .blog-row-v16{grid-template-columns:1fr;padding:16px}
}
