/* Extra sections for the 6 pages. Builds on /assets/site.css. */
.six section.block{padding:44px 0;border-top:1px solid var(--line)}
.six h2{font-weight:400;font-size:clamp(24px,3.2vw,30px);line-height:1.2;color:var(--navy);margin:8px 0 18px}
.six .cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.six .card{background:var(--white);border:1px solid var(--line);border-radius:10px;padding:20px 20px 16px}
.six .card .n{font:700 12px/1 system-ui,-apple-system,"Segoe UI",sans-serif;letter-spacing:.18em;color:var(--gold);text-transform:uppercase}
.six .card h3{font-weight:400;font-size:20px;color:var(--navy);margin:8px 0 8px;line-height:1.25}
.six .card p,.six .card li{font-size:15.5px;line-height:1.55;color:#2c3444;margin:0 0 8px}
.six .card ul{padding-left:18px;margin:0 0 8px}
.six .meta{font:13px/1.4 system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--muted)}
.six .book{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;align-items:start}
.six .book p{margin:0 0 14px}
.six .quote{font-style:italic;color:var(--navy2);border-left:3px solid var(--gold);padding:2px 0 2px 16px;margin:0 0 16px}
.six .btn{display:inline-block;background:var(--navy);color:#fff;text-decoration:none;border-radius:8px;padding:13px 20px;font:700 15px/1.2 system-ui,-apple-system,"Segoe UI",sans-serif}
.six .btn:hover{background:var(--navy2)}
.six .btn.ghost{background:transparent;color:var(--navy);border:1px solid var(--navy)}
.six .btn.off{background:#d9d3c6;color:#5b6475;cursor:default}
.six ul.who{list-style:none;padding:0;margin:0}
.six ul.who li{padding:12px 0;border-bottom:1px solid var(--line)}
.six ul.who li:last-child{border-bottom:0}
.six ul.who b{color:var(--navy)}
.six .author{display:grid;grid-template-columns:minmax(0,1fr);max-width:760px}
.six .cta{text-align:center;background:var(--navy);color:#e9edf5;border-radius:12px;padding:40px 24px;margin:8px 0 48px}
.six .cta h2{color:#fff;margin-top:0}
.six .cta p{color:#c9d2e3;margin:0 0 20px}
.six .cta .btn{background:var(--gold);color:var(--navy)}
.six .cta .btn:hover{background:var(--gold2)}
@media (max-width:760px){.six .cards,.six .book{grid-template-columns:1fr}.six section.block{padding:32px 0}}