.cmq{--forest:#0c2c20;--gold:#b58030;color:var(--forest);max-width:1100px;margin:auto;padding:32px 0 48px;font:16px/1.6 Arial,sans-serif}.cmq h1,.cmq legend{font:400 clamp(30px,4vw,52px)/1.15 Georgia,serif;margin:12px 0 24px}.cmq h2{font:400 30px/1.25 Georgia,serif;margin:36px 0 20px}.cmq p{max-width:65ch}.cmq-eyebrow{color:#8b611f;font-size:12px;letter-spacing:.16em;text-transform:uppercase}.cmq-intro{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:48px;padding:48px;background:linear-gradient(120deg,#f4ebdb,#fffdf8);border:1px solid #e7dcc9;border-radius:12px}.cmq-mosaic{display:grid;grid-template-columns:1fr 1fr;gap:12px}.cmq-mosaic span{display:grid;place-items:center;text-align:center;min-height:100px;border-radius:50% 50% 8px 8px;background:var(--stone);color:white;text-shadow:0 1px 4px #000;font:18px Georgia,serif;box-shadow:inset 0 0 25px #ffffff33}.cmq button{min-height:48px;padding:12px 22px;border:1px solid #b7bcae;border-radius:4px;background:transparent;color:var(--forest);font:inherit;cursor:pointer}.cmq .cmq-primary{background:var(--forest);color:white;border-color:var(--forest)}.cmq button:disabled{opacity:.45;cursor:default}.cmq :focus-visible{outline:3px solid var(--gold);outline-offset:4px}.cmq-meta,.cmq-notice{font-size:13px;color:#596356}.cmq-notice{border-top:1px solid #dedbce;padding-top:24px;margin-top:36px!important}.cmq-progress{display:flex;align-items:center;gap:24px;margin-bottom:32px}.cmq progress{accent-color:var(--gold);height:8px;flex:1;max-width:320px}.cmq fieldset{border:0;padding:0;min-width:0}.cmq legend{padding:0;max-width:850px}.cmq-options{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:16px 0 32px}.cmq-options label{position:relative;display:flex;gap:14px;align-items:center;min-height:72px;padding:18px;border:1px solid #d4d8cb;border-radius:6px;background:#fffdf8;cursor:pointer}.cmq-options label:has(:checked){border-color:var(--forest);background:#eaf0e6;box-shadow:inset 0 0 0 1px var(--forest)}.cmq input{width:20px;height:20px;accent-color:var(--forest);flex-shrink:0}.cmq-actions{display:flex;justify-content:space-between;gap:12px}.cmq-result{padding:36px;background:#0b291f;color:#fffdf4;border-radius:10px}.cmq-result .cmq-eyebrow{color:#e9bd70}.cmq-alternatives{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:28px}.cmq-alternatives article{padding:24px;border:1px solid #ddd7c9;border-radius:6px}.cmq-alternatives h3{font:26px Georgia,serif}.cmq a{color:inherit;text-underline-offset:4px}.cmq-swatch{display:block;width:40px;height:40px;border-radius:50%;background:var(--stone)}.cmq-empty{padding:24px;background:#f1eadf}.cmq-entry{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:32px 5%;background:#f0e8d9;color:#153c29}.cmq-entry h2{font:32px Georgia,serif;margin:0 0 8px}.cmq-entry p{max-width:650px;margin:0}.cmq-entry a{white-space:nowrap}.cmq-step{animation:cmq-enter .2s ease-out}@keyframes cmq-enter{from{opacity:.7;transform:translateY(4px)}to{opacity:1;transform:none}}@media(max-width:749px){.cmq{padding:16px 0 32px}.cmq-intro{padding:24px;grid-template-columns:1fr;gap:24px}.cmq-mosaic{grid-template-columns:repeat(3,1fr);gap:8px}.cmq-mosaic span{min-height:65px;font-size:14px}.cmq-options{grid-template-columns:1fr;gap:10px}.cmq-options label{min-height:60px;padding:14px}.cmq-alternatives{grid-template-columns:1fr}.cmq-actions button{padding:12px}.cmq-result{padding:24px}.cmq-entry{align-items:flex-start;flex-direction:column;padding:28px 6%}.cmq-entry h2{font-size:28px}.cmq-entry a{white-space:normal}}@media(prefers-reduced-motion:reduce){.cmq-step{animation:none}}

.cmq-mosaic span{position:relative;overflow:hidden;aspect-ratio:1}.cmq-mosaic img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.cmq-mosaic b{position:relative;align-self:end;display:block;padding:20px 8px 10px;width:100%;background:linear-gradient(transparent,#071a13db);font-weight:400;z-index:1}