:root{--fq-tablet-max:720px;--fq-mobile-max:92vw;
  --fq-accent:#2271b1;
  --fq-btn-bg:var(--global-palette1, #2271b1);
  --fq-btn-text:var(--global-palette9, #ffffff);
  --fq-btn-bg-hover:color-mix(in srgb, var(--fq-btn-bg) 88%, #000 12%);
  --fq-btn-text-hover:var(--fq-btn-text);
  --fq-card-bg: var(--global-palette8, #ffffff);
  --fq-card-border: color-mix(in srgb, var(--fq-btn-bg) 12%, #e6e6e6);
  --fq-max:960px;
}
.fastquiz-root{width:100%;margin:0;}
.fq-align-left{max-width:var(--fq-max);margin-left:0;margin-right:auto;}
.fq-align-center{max-width:var(--fq-max);margin:0 auto;}
.fq-align-right{max-width:var(--fq-max);margin-left:auto;margin-right:0;}
.fq-align-full{max-width:none;width:100%;}

.fq-card{background:var(--fq-card-bg);border:1px solid var(--fq-card-border);border-radius:16px;padding:20px;margin:16px auto;box-shadow:0 1px 2px rgba(0,0,0,.03)}
.fq-q-title{font-weight:700;margin-bottom:14px;font-size:1.08rem}
.fq-options{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.fq-option{border:1px solid #e8e8e8;border-radius:14px;padding:14px;cursor:pointer;display:flex;gap:12px;align-items:flex-start;transition:background .15s,border-color .15s,outline-color .15s}
.fq-option.selected{outline:2px solid var(--fq-accent); outline-offset:1px; background: color-mix(in srgb, var(--fq-accent) 6%, #fff)}
.fq-option:hover{background: color-mix(in srgb, var(--fq-accent) 8%, #fff); border-color: color-mix(in srgb, var(--fq-accent) 30%, #ddd);}
.fq-option img{width:96px;height:96px;object-fit:cover;border-radius:12px;flex:0 0 auto}

.fq-controls{display:flex;justify-content:space-between;align-items:center;margin-top:16px;gap:12px;flex-wrap:wrap}
.fq-btn{padding:12px 16px;border:1px solid transparent;border-radius:12px;background:var(--fq-btn-bg);color:var(--fq-btn-text);cursor:pointer;transition:background .15s, box-shadow .15s, transform .02s}
.fq-btn:hover{background:var(--fq-btn-bg-hover); color:var(--fq-btn-text-hover); box-shadow:0 2px 6px rgba(0,0,0,.10)}
.fq-btn:active{transform:translateY(1px)}
.fq-btn[disabled]{opacity:.55;cursor:not-allowed}
.fq-progress{opacity:.75;font-weight:600}

@media (max-width: 992px){
  .fastquiz-root{padding-left:20px;padding-right:20px;}
  .fq-options{grid-template-columns:1fr;}
  .fq-card{max-width:720px; border-radius:16px;}
  .fq-option img{width:80px;height:80px;}
}
@media (max-width: 520px){
  .fq-card{max-width: 92vw; padding:18px;}
  .fq-controls .fq-btn{flex:1 1 48%; text-align:center}
  .fq-progress{order:3; width:100%; text-align:center; margin-top:4px}
}

/* Responsive alignment helpers from widget */
@media (max-width: 992px){
  .fq-align-tab-left{margin-left:0;margin-right:auto}
  .fq-align-tab-center{margin-left:auto;margin-right:auto}
  .fq-align-tab-right{margin-left:auto;margin-right:0}
  .fq-align-tab-full{max-width:none;width:100%}
  .fq-align-tab-left,.fq-align-tab-center,.fq-align-tab-right,.fq-align-tab-full{max-width:var(--fq-tablet-max)}
}
@media (max-width:520px){
  .fq-align-mob-left{margin-left:0;margin-right:auto}
  .fq-align-mob-center{margin-left:auto;margin-right:auto}
  .fq-align-mob-right{margin-left:auto;margin-right:0}
  .fq-align-mob-full{max-width:none;width:100%}
  .fq-align-mob-left,.fq-align-mob-center,.fq-align-mob-right,.fq-align-mob-full{max-width:var(--fq-mobile-max)}
}