.mccf{--mccf-ink:#142829;--mccf-accent:#225a72;max-width:1100px;margin:0 auto 40px;color:var(--mccf-ink);font:16px/1.65 system-ui,sans-serif}.mccf *{box-sizing:border-box}.mccf-hero{background:#142829;color:#fff;padding:32px;margin:0 0 24px;border-top:4px solid #66b8ca}.mccf-hero h1{color:#fff;margin:6px 0 12px;font-size:clamp(28px,4vw,44px)}.mccf-hero a{color:#a7e7f2}.mccf-hero>p:first-child{font-size:12px;letter-spacing:2px}.mccf-card{background:#fff;border:1px solid #d6e1e3;border-radius:0;padding:24px;margin:0 0 22px;overflow-wrap:anywhere}.mccf h2,.mccf h3{color:#142829}.mccf h2{font-size:25px;margin:8px 0 14px}.mccf-author{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:14px}.mccf-author a{font-weight:700}.mccf-author span{color:#607477}.mccf-sponsored{display:inline-block;font-size:12px;background:#f7ecd7;color:#6d4715;padding:3px 10px;margin-top:14px}.mccf-cover{display:block;width:100%;height:auto;max-height:720px;object-fit:contain;margin-top:18px}.mccf-text p{margin:12px 0}.mccf label{display:block;margin:14px 0}.mccf input:not([type=checkbox]):not([type=hidden]),.mccf textarea,.mccf select{display:block;width:100%;padding:12px;background:#fff;color:#142829;border:1px solid #a9bdc1;border-radius:0;font:inherit}.mccf input[type=checkbox]{width:auto;margin-right:6px}.mccf button,.mccf-button{background:#225a72;color:white;border:0;border-radius:0;padding:11px 20px;font:600 15px system-ui;cursor:pointer;display:inline-block;text-decoration:none}.mccf button:hover,.mccf-button:hover{background:#142829;color:white}.mccf :focus-visible{outline:3px solid #397fc4;outline-offset:3px}.mccf progress{width:100%;height:18px;accent-color:#225a72}.mccf-warning{color:#884017;font-weight:700}.mccf-images{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:18px}.mccf-images img{width:100%;height:140px;object-fit:contain}.mccf summary{cursor:pointer;font-weight:700}.mccf-row{padding:18px 0;border-bottom:1px solid #d6e1e3}.mccf table{width:100%;border-collapse:collapse;display:block;overflow:auto}.mccf th,.mccf td{text-align:left;padding:8px;border-bottom:1px solid #d6e1e3}.mccf-pages{display:flex;gap:10px;margin:20px 0}.mccf a{color:#225a72}.mccf-hero a{color:#a7e7f2}@media(max-width:600px){.mccf-card,.mccf-hero{padding:18px}.mccf-images{grid-template-columns:1fr 1fr}}

.mccf-logo{width:42px;height:42px;object-fit:contain}.mccf-author{align-items:center}
