/* cm-layout.css — content-month layout library, static output (light; brand colours set per page via --ink/--amb) */
:root{--ink:#0C1E3C;--amb:#F2A63B;--pap:#F8F5EE;--mut:#6B7280;--line:#e3e6ec}
.cm-page{max-width:980px;margin:0 auto;padding:16px;font:17px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:#1b1f27}
.cm-page h1{font-size:clamp(28px,4vw,40px);line-height:1.15;color:var(--ink)}.cm-page h2{margin:1.8em 0 .6em;color:var(--ink);font-size:clamp(22px,3vw,28px);line-height:1.2}
.cm-page img,.cm-page video{max-width:100%;height:auto}.cm-cols{display:grid;gap:22px;align-items:center;margin:0 0 1.5em}.cm-col>*:first-child{margin-top:0}
.cm-img,.cm-video{margin:0}.cm-table{overflow-x:auto}.cm-table table{border-collapse:collapse;width:100%;font-size:.95em}.cm-table td,.cm-table th{border:1px solid var(--line);padding:7px 9px;text-align:left;vertical-align:top}
.cm-faq{border-bottom:1px solid var(--line)}.cm-faq summary{cursor:pointer;font-weight:700;padding:.6em 0}.cm-btn{display:inline-block;background:var(--amb);color:var(--ink);font-weight:700;padding:10px 18px;border-radius:6px;text-decoration:none}
.cm-diagram svg{max-width:100%;height:auto}.seo-answer{margin:0}
@media(max-width:980px){.cm-cards{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:700px){.cm-cols{grid-template-columns:1fr!important;gap:14px}.cm-mosaic{grid-auto-rows:120px!important}.cm-cards,.cm-steps,.cm-decide,.cm-play{grid-template-columns:1fr!important}}